@charset "utf-8";


.contents_wrap{font-family: 'Pretendard'; width:100%; height:100%; display:table; background-image: url(/weven/webcommon/content/error/img/404_visual.jpg); background-repeat: no-repeat; background-position: center center; background-size: scale; background-size: cover;
    padding-right:15px; padding-left:15px; box-sizing: border-box;}
.contents_inner{text-align: center; vertical-align: middle; display:table-cell; padding-top:50px; padding-bottom:50px;}
.img_box{margin-bottom:18px;}
.img_box > img{width: 70px;}
body:not([data-wv-os="Mac"]) .img_box .mac{display: none;}
body[data-wv-os="Mac"] .img_box .pc{display: none;}
body[data-wv-pc="mobile"] .img_box .pc{display: none;}
body[data-wv-pc="mobile"] .img_box .mac{display: inline;}
.title{font-size:22px; line-height:30px; letter-spacing: -0.02em; color:#000; font-weight:600; margin-bottom:8px;}
.desc{font-size:15px; line-height:21px; letter-spacing: -0.02em; color:#000; font-weight:300; margin-bottom:30px;}
.desc span{font-size:14px; line-height:20px; font-weight:500;}
.desc span.email_title{margin-right:4px;}
.desc .font_roboto{font-size:17px; line-height: 0; font-weight:400;}
.btn_style_0_con{text-align: center; display:table; margin-right:auto; margin-left:auto; overflow: hidden; box-sizing: border-box; transition: border-color 0.3s; padding: 6px 10px 9px 12px; border: 1px solid #000; border-radius: 3px;}
[data-wv-os="Mac"] .btn_style_0_con{padding: 8px 10px 7px 12px;}
[data-wv-pc="mobile"] .btn_style_0_con{padding: 8px 10px 7px 12px;}
.btn_style_0_con .btn_style_0{display:table-cell; vertical-align: middle;}
.btn_style_0_con:hover{border-color:#6d13ff;}
.btn_style_0_con:hover .text{color:#6d13ff;}
.btn_style_0_con .arrow .default_img{display: inline;}
.btn_style_0_con .arrow .hover_img{display: none;}
.btn_style_0_con:hover .arrow .default_img{display: none;}
.btn_style_0_con:hover .arrow .hover_img{display: inline;}
.btn_style_0_con .text{font-size:15px; line-height:18px; letter-spacing: -0.02em; color:#000; font-weight:300; transition: all 0.3s;}

.mt20{margin-top: 15px;}

.hidden.show-md-inline{display:none;}


.message_404 { font-family: 'Pretendard';}
.message_404 .mega, .bola{ font-size:130px; font-size:13.0rem; line-height:136px; line-height:13.6rem; font-weight: 600; color: #262a2b; margin-bottom: 20px;}
.message_404 .boom {color: #d3e8ee; }
.message_404 .text_wrap { margin-bottom: 21px; }
.message_404 .text_wrap .text_title { font-size:18px; font-size:1.8rem; line-height:25px; line-height:2.5rem; font-weight: 600; letter-spacing: -0.02em; color: #000; margin-bottom: 11px;}
.message_404 .text_wrap .text_desc { font-size:15px; font-size:1.5rem; line-height:24px; line-height:2.4rem; font-weight: 300; letter-spacing: -0.02em; color: #000; }
.message_404 .btn_404_con { padding: 8px 19px 9px 21px; }
.message_404 .btn_404_con .btn_404{ display: inline-block; width: auto; font-size:14px; font-size:1.4rem; line-height:18px; line-height:1.8rem; font-weight: 500; }
.message_404 .btn_404_con .btn_404:hover{ font-weight: 700; }
.message_404 .btn_404_con .btn_404:after { content: ''; position: relative; background-color: #848d94; width: 100%; height: 1px; bottom: 10px; left: 0; display: inline-block; }
.message_404 .btn_404_con .btn_404:hover:after { background-color: #000; }