@charset "utf-8";
/*	
	-----------------------------------------------
	* error2.css (오류페이지 전용)
	-----------------------------------------------
*/

@import url(../fonts/Pretendard/Pretendard.css); /* font-family:'Pretendard'; */
@import url(/portal/fonts/GmarketSans/GmarketSans.css); /* font-family:'GmarketSans'; */

* {box-sizing:border-box;}
body {font-family: 'Pretendard','Sans-serif'; background:url(../img/intro/bg_intro.svg) no-repeat 50% 100%, linear-gradient(59.26deg, #FFF0E1 0.01%, #E2EAFF 100%); word-break:keep-all;}
#error_wrap {width:100%; overflow: hidden;  padding:0; margin:0;}
#error_wrap .logo {margin-top:90px; text-align:center;}
#error_wrap h1 {font-family: 'GmarketSans','Sans-serif'; font-size:58px; color:#003876; letter-spacing:-2px; line-height:1.2; transform: rotate(0.03deg);}
#error_wrap h1 span {color:#FF7A59;}

#error_wrap .content {width:800px; margin:0 auto;}
#error_wrap .content .top {margin:100px 0 0; padding-left:350px;}
#error_wrap .content .top p {font-size:24px; letter-spacing:-0.07em; margin:20px 0 40px; padding:0; color:#222; line-height:1.5;}
#error_wrap .content .cont-box {position:relative; display:block; padding:40px 50px; background:#fff; border-radius:10px; margin-bottom:20px; text-align:center; font-size:22px; line-height:150%;}
#error_wrap .content .cont-box:before {content:""; position:absolute; left:0; top:-315px; width:301px; height:315px; background:url('../img/error/error_img.png') 50% 50% no-repeat;}

    
@media all and (max-width:1200px) {
    #error_wrap h1 {font-size:48px;}
	#error_wrap .content .top p {font-size:22px;}
    #error_wrap .content .cont-box {padding:30px 40px;}
}

@media all and (max-width:800px) {
	#error_wrap .content {width:calc(100% - 60px);}
}

@media all and (max-width:768px) {
	body {background-size:contain;}
	#error_wrap .logo {margin-top:40px;}
	#error_wrap .logo img {max-height:30px;}
    #error_wrap h1 {margin-top:40px; font-size:34px;}
    #error_wrap .content {width:calc(100% - 30px);}
    #error_wrap .content .top {padding-left:0; text-align:center;}
    #error_wrap .content .top p {margin:20px 0; font-size:16px;}
    #error_wrap .content .cont-box {padding:30px; font-size:16px;}
    #error_wrap .content .cont-box:before {display:none;}
        
}