@charset "utf-8";

@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
     font-weight: 700;
     font-style: normal;
}


/* **** Common Reset **** */
*{margin:0;padding:0;list-style:none;font-size:14px;font-weight:400;font-family: "S-CoreDream", sans-serif;box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin:0;padding:0;word-wrap:break-word;word-break:break-all;}
li,p,span,strong,a{font-size:inherit;color:inherit;font-family:inherit;}
body, html{width:100%;height:100%;}
body{overflow-x:hidden;}
body.hide{overflow:hidden;}
input,select,img{vertical-align:middle;}
img{border:0;max-width:100%;max-height:100%;}
table{border-collapse:collapse;width:100%;}
table caption{position: absolute;top: 0px;left: 0px;overflow: hidden;display: block !important;width: 0px !important;height: 0px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
button,input,optgroup,select,textarea{margin:0;padding:0;border:1px solid;box-sizing:border-box;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;vertical-align:middle}
button,input,select{display:inline-block}
button,input{overflow:visible}
input[type=search],input[type=text]{-webkit-border-radius:0;-webkit-appearance:none}
input[type=search]{outline-offset:-2px;-webkit-appearance:none}
input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
input[type=file]{border:none}
input[type=file]::-webkit-file-upload-button{font:inherit;-webkit-appearance:button;-moz-appearance:button;border:1px solid #bbb;background:#e0e0e0;box-shadow:none}
input[type=checkbox],input[type=radio]{padding:0;border:none}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{overflow:visible;border-color:transparent;background-color:transparent;cursor:pointer}
textarea{display:block;overflow:auto;resize:vertical}
input[disabled]{background-color:#ebebeb}
select:disabled{background-color:#ebebeb}
select{border:0;position:relative;background: url(../images/common/select.png) no-repeat right 10px center;padding: 0 30px 0 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-appearance: none;appearance: none;}
select::-ms-expand { display: none;}

[hidden]{display:none!important}
.hidden {overflow: hidden;position: absolute;width: 0;height: 0;top: -9999px;left: -9999px;line-height: 0;text-indent: -999em;margin: 0;padding: 0;background: none;border: none;}
.sr-only{position: absolute; left: -9999px; width: 1px;  height: 1px; margin: 0 !important;  font-size: 0; line-height: 0; overflow: hidden;}
caption, legend, .sr_only, .hidden, .blind, .IR, .hide{overflow: hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0 none;clip:rect(0, 0, 0, 0)}

.clear{clear:both;}
.clearfix::after{content:"";display:block;clear:both;}
.blind {position: absolute;top: 0px;left: 0px;overflow: hidden;display: inline-block !important;width: 1px !important;height: 1px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
a{display:inline-block;text-decoration:none;}

.skip-nav a {position:absolute; left:-3000%;}
.skip-nav a:focus { display:block; left:0; top:0; z-index:10000000000; width:100%; height:30px; line-height:30px; background:#ee2a32; color:#fff; text-align:center;}

.mt0{margin-top: 0px !important;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}

.txl{text-align:left !important;}
.txc{text-align:center !important;}
.txr{text-align: right !important;}


#container{width:auto;border-left:0;}

.itp-wrap{position: fixed;left: 0;top: 0;bottom: 0;width: 100%;height: 100%;background:url(../images/interruption_bg.jpg) no-repeat center;}
.itp-wrap *{font-family: 'S-CoreDream';}
.itp-wrap .itp{position: absolute;top: 45%; left: 50%; transform: translate(-50%, -50%);max-height: 90vh;overflow-y: auto;max-width:780px;width: 100%;}
.itp-wrap .logo{text-align:center;}
.itp-wrap .logo a{display:inline-block;}
.itp-wrap .d-blue{color:#004ebb;}
.itp-wrap .wline1{font-size:40px;color:#000000;text-align:center;letter-spacing: -0.5px;padding-top:26px;line-height: 1.5;}
.itp-wrap .wline2{font-size:16px;color:#555555;text-align:center;padding-top:24px;line-height: 2;}
.itp-wrap .wline1 .fw600{font-weight:600;}
.itp-wrap .guide-box{margin-top:35px;}
.itp-wrap .guide-box .hd{border-radius:10px 10px 0 0;font-size:17px;color:#ffffff;font-weight:500;background:#004ebb;text-align:center;padding: 14px 5px;}
.itp-wrap .guide-box .cont{border-radius:0 0 10px 10px;background:#fff;padding:20px 22px;border-left: 2px solid #004ebb;border-right: 2px solid #004ebb;border-bottom: 2px solid #004ebb;}
.itp-wrap .guide-box .cont > ul > li{position:relative;padding-left:100px;font-size:16px;color:#000000;}
.itp-wrap .guide-box .cont > ul > li + li{margin-top:10px;}
.itp-wrap .guide-box .cont b{font-size:18px;color:#000000;font-weight:700;}
.itp-wrap .guide-box .cont .tag{position:absolute;left:0;top:-1px;display:inline-block;width:90px;height:30px;line-height:30px;text-align:center;border-radius:30px;font-size:16px;color:#ffffff;}
.itp-wrap .guide-box .cont .tag.bg-red{background-color:#dd2225;}
.itp-wrap .guide-box .cont .tag.bg-blue{background-color:#116caf;}
.itp-wrap .guide-tip{font-size:17px;font-weight:500;padding-top:13px;}
.itp-wrap .reason{margin-top:38px;display:flex;}
.itp-wrap .reason .front{width:22%;background-color:#004ebb;font-size:17px;color:#ffffff;font-weight:500;text-align:center;border-radius:10px 0 0 10px;display: flex;justify-content: center;align-items: center;}
.itp-wrap .reason .cont{width:78%;font-size:16px;color:#000000;padding:14px 20px;border-right: 2px solid #004ebb;border-bottom: 2px solid #004ebb;border-top: 2px solid #004ebb;border-radius: 0 10px 10px 0;background:#fff;}
.itp-wrap .btn{text-align:center;margin-top: 20px;}
.itp-wrap .btn a{background: #004ebb;border-radius:10px;text-align:center;min-width: 172px;height: 55px;line-height: 55px;font-size: 17px;font-weight: 500;color: #fff;}

@media screen and (min-width:1921px){
	.itp-wrap{background-size:cover;}
}

@media screen and (max-width:768px){
	.itp-wrap .itp{max-width: 94vw;}
	.itp-wrap .wline1{font-size:30px;}
	.itp-wrap .wline2{padding-top: 15px;line-height: 1.8;}
	.itp-wrap .guide-box{margin-top:20px;}
	.itp-wrap .guide-box .hd{padding: 10px 4px;}
	.itp-wrap .guide-box .cont{padding: 15px 17px;}
	.itp-wrap .reason{margin-top:28px;}
}

@media screen and (max-width:420px){
	.itp-wrap .itp{}
	.itp-wrap .wline1{font-size:25px;}
	.itp-wrap .guide-box .cont .tag{position:static;}
	.itp-wrap .guide-box .cont > ul > li{gap:10px;padding-left:0;display:flex;flex-direction: column;}
	.itp-wrap .reason .front{width:25%;}
	.itp-wrap .reason .cont{width:75%;padding: 12px 15px;}
}