@charset "UTF-8";

@import url("../fonts/Pretendard/Pretendard.css");
@import url("../fonts/RiotSans/RiotSans.css");

*{outline:none;text-shadow:none;box-shadow:none;-webkit-text-size-adjust:none;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;box-sizing:border-box;}

::-moz-selection{color:#e7e6e3;background:#d1363a;text-shadow:none;}
::selection{color:#e7e6e3;background:#d1363a;text-shadow:none;}


input,select,textarea{-ms-user-select:auto;-moz-user-select:auto;-webkit-user-select:auto;-khtml-user-select:auto;user-select:auto;}

html{margin:0;padding:0;}
body{position:relative;margin:0;padding:0;font-family:"Pretendard",Sans-serif;background-color:#000000;}

.sitewidth{position:relative;margin:0 auto;max-width:500px;padding:0 15px;}

.inner{position:relative;}
.inner_box{position:relative;}

#wrap{position:relative;}


#header{position:fixed;z-index:20;left:0;top:0;width:100%;height:55px;}
#header .inner{position:relative;height:100%;background-color:#252423;}
#header .inner_box{position:relative;height:100%;}
#header .logo{position:absolute;left:0;top:50%;transform:translateY(-50%);overflow:hidden;text-decoration:none;cursor:pointer;}
#header .logo .svg{position:relative;display:block;}
#header .logo .svg svg{display:block;}
#header .logo .svg svg path{fill:#f1f5f1;}
#header .logo .alt{position:absolute;left:100%;top:100%;}
#header .logo:hover .svg svg path{fill:#EB0029;}
#header .stamp{position:absolute;right:33px;/*right:0;*/top:50%;transform:translateY(-50%);overflow:hidden;text-decoration:none;-webkit-appearance:none;background-color:transparent;height:25px;border:1px solid #FFFFFF;border-radius:30px;margin:0;padding:0 9px;padding-left:27px;white-space:nowrap;cursor:pointer;}
#header .stamp .svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);height:13px;}
#header .stamp .svg svg{display:block;height:100%;width:auto;}
#header .stamp .alt{position:relative;font-weight:500;font-size:13px;line-height:1.4;letter-spacing:-0.03em;color:#FFFFFF;}
#header .language{position:absolute;right:0;top:50%;transform:translateY(-50%);overflow:hidden;text-decoration:none;-webkit-appearance:none;background-color:transparent;border:0;border-radius:0;margin:0;padding:0;cursor:pointer;display:block;}
#header .language .alt{position:absolute;left:100%;top:100%;}
#header .language .svg{position:relative;display:block;height:20px;}
#header .language .svg svg{display:block;height:100%;}
#header .language_selector{position:absolute;display:none;right:-15px;top:100%;width:150px;border-radius:2px;padding:10px;box-shadow:0px 4px 16px 0px rgba(0,0,0,0.2);background-color:#fcfcfc;}
#header .language_selector:before{content:"";display:block;position:absolute;z-index:0;right:19px;top:-5px;transform:rotate(-45deg);width:15px;height:15px;background-color:#f9f9f9;}
#header .language_selector ul{position:relative;z-index:1;margin:0;padding:0;list-style:none;}
#header .language_selector ul li{position:relative;}
#header .language_selector a{position:relative;display:block;margin:0;padding:0 10px;line-height:40px;height:40px;text-decoration:none;cursor:pointer;}
#header .language_selector a .title{font-size:14px;font-weight:700;color:#999999;transition:color ease 0.3s;}
#header .language_selector a .svg{position:absolute;right:0;top:50%;transform:translateY(-50%);display:block;}
#header .language_selector a .svg svg{display:block;}
#header .language_selector a .svg svg{fill:none;}
#header .language_selector a.active .title{color:#d1363a;}
#header .language_selector a.active .svg svg{fill:#c4202b;}
#header .language_selector a:hover .title{color:#111111;}


#content{position:relative;margin-top:55px;}


#footer{position:relative;}
#footer .inner{background-color:#111111;}
#footer .inner_box{padding:20px 0 40px;}
#footer .social{position:relative;text-align:center;}
#footer .social ul{display:inline-block;vertical-align:middle;margin:0;padding:0;list-style:none;}
#footer .social ul:after{content:"";display:block;clear:both;}
#footer .social ul li{position:relative;float:left;margin-right:10px;}
#footer .social ul li:last-child{margin-right:0;}
#footer .social .item{position:relative;margin:0;padding:0;border:0;border-radius:0;background-color:transparent;-webkit-appearance:none;display:block;overflow:hidden;text-decoration:none;cursor:pointer;}
#footer .social .item .svg{position:relative;margin:0;padding:0;display:block;}
#footer .social .item .svg svg{display:block;}
#footer .social .item .svg svg path{transition:fill ease 0.3s;}
#footer .social .item .alt{position:absolute;left:100%;top:100%;}
#footer .social .item:hover .svg svg path{fill:#EB0029;}
#footer .logo_area{position:relative;text-align:center;margin-top:40px;}
#footer .logo_area .logo{position:relative;display:inline-block;vertical-align:middle;overflow:hidden;text-decoration:none;cursor:pointer;}
#footer .logo_area .logo .svg{position:relative;display:block;}
#footer .logo_area .logo .svg svg{display:block;}
#footer .logo_area .logo .svg svg path{fill:#f1f5f1;transition:fill ease 0.3s;}
#footer .logo_area .logo .alt{position:absolute;left:100%;top:100%;}
#footer .logo_area .logo:hover .svg svg path{fill:#EB0029;}
#footer .info{position:relative;margin-top:25px;font-weight:500;font-size:10px;line-height:1.4;text-align:center;color:#737373;}
#footer .info a{color:inherit;text-decoration:none;}


#go_to_top{position:fixed;right:15px;bottom:15px;display:block;width:50px;height:50px;overflow:hidden;text-decoration:none;-webkit-appearance:none;background-color:transparent;border:0;border-radius:0;margin:0;padding:0;cursor:pointer;}
#go_to_top .svg{position:relative;display:block;}
#go_to_top .svg svg{display:block;}
#go_to_top .alt{position:absolute;left:100%;top:100%;}


.popup_window{position:fixed;z-index:10;left:0;top:0;width:0;height:0;padding:15px;overflow:hidden;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;}
.popup_window .shade{position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);transition:opacity ease 0.3s;opacity:0;}
.popup_window .window{position:relative;border:1px solid #282828;width:100%;max-width:400px;background-color:#111111;border-radius:10px;transition:opacity ease 0.1s;opacity:0;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:column;box-shadow:0 0 20px rgba(0,0,0,0.5);}
.popup_window .window .header{position:relative;margin:0;padding:5px 15px;height:40px;border-bottom:1px solid #282828;display:flex;flex-wrap:nowrap;flex-direction:row;column-gap:10px;align-items:center;box-sizing:border-box;}
.popup_window .window .header .title{position:relative;margin:0;padding:0;font-size:16px;font-weight:500;line-height:1.2;color:#ffffff;flex-grow:1;}
.popup_window .window .header .close{position:relative;right:-10px;margin:0;padding:0;width:24px;height:24px;flex-shrink:0;-webkit-appearance:none;border:0;border-radius:0;font-size:0;color:transparent;background-color:transparent;background-image:url(../img/layout/icon_popup_close.svg);background-size:100%;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
.popup_window .window .content{position:relative;margin:0;padding:15px;flex-grow:1;}
.popup_window .window .content .links{position:relative;display:flex;flex-wrap:nowrap;flex-direction:column;row-gap:10px;}
.popup_window .window .content .links .item{position:relative;margin:0;padding:5px 15px;height:45px;box-sizing:border-box;border-radius:5px;background-color:#282828;color:#FFFFFF;font-size:16px;font-weight:500;line-height:1.2;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;text-decoration:none;row-gap:10px;}
.popup_window .window .content .links .item .icon{position:relative;width:40px;flex-shrink:0;margin-left:-10px;}
.popup_window .window .content .links .item .icon svg{display:block;width:100%;}
.popup_window .window .content .links .item:hover{color:#EB0029;}
.popup_window .window .content .links .item:hover .icon svg path{fill:#EB0029;}
.popup_window.active{width:100%;height:100%;}
.popup_window.active .shade{opacity:1;}
.popup_window.active .window{opacity:1;}