@charset "utf-8";

/*reset*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('https://img.tygem.com/2019/css/common/reset_ver2.css');
@import url('https://img.tygem.com/2019/css/common/common.css');

#inspection_wrap {background: url(../img/system_bg.jpg) no-repeat center top; width: 100%; height: 100%; min-width: 1400px; min-height: 1100px; box-sizing: border-box; padding-top: 116px; transition: padding-top 0.4s ease; position: relative;}
.inspection_con {width: 1100px; height: 100%; margin: 0 auto}
.inspection_con > h1 {background: url(../img/system_warning.png) no-repeat center top; width: 372px; height: 312px; margin: 0 auto 75px; box-sizing: border-box; padding-top: 270px;}
.inspection_con > h1 > span {display: inline-block; text-indent: -9999px; }
.inspection_con > h1 > span.ins_logo_ty {background: url(../img/system_ty.png) no-repeat center top; width: 204px; height: 42px;}
.inspection_con > h1 > span.ins_logo_tyg {background: url(../img/system_tyg.png) no-repeat center top; width: 372px; height: 43px;}
.inspection_con > h2 {text-align: center; width: 1100px; height: 106px; margin: 0 auto 36px; font-size: 106px; font-weight: 300; color: #fff; line-height: 1em}
.ins_infobox {width: 1100px; margin: 0 auto; box-sizing: border-box; border: 1px solid #331a8a; background: #170554; padding: 50px 140px; }
.ins_infobox > dl {width: 100%; display: flex; justify-content: flex-start; margin-bottom: 12px}
.ins_infobox > dl:nth-last-of-type(1) {margin-bottom: 0 !important}
.ins_infobox > dl > dt, .ins_infobox > dl > dd {display: inline-block; text-align: left; font-size: 28px; color: #fff}
.ins_infobox > dl > dt {font-weight: 700; letter-spacing: 1.4em}
.ins_infobox > dl > dd::before {content: ':'; display: inline-block; color: #fff; font-size:22px; font-weight: 400; text-indent: -22px; transform: translateY(-2px)}
.ins_gobox{width: 1100px; height: 124px; margin: 0 auto; background-color: #fff; box-sizing: border-box; padding: 30px 90px; display: flex; justify-content: space-between}
.ins_gobox > p, .ins_gobox > button{display: inline-block}
.ins_gobox > p{font-size: 22px; color: #190555; font-weight: 400; margin-top: 16px; letter-spacing: -0.02em}
.ins_gobox > p > span{font-weight: 600; color: #190555;}
.ins_gobox > button{height: 100%; box-sizing: border-box; border: 3px solid #190555; padding: 0 20px}
.ins_gobox > button > p{font-size: 22px; font-weight: 600; color: #190555; width: 100%}
.ins_gobox > button > p > span{display: none}
.ins_gobox > button > p::after{content: ''; display: inline-block; width: 6px; height: 6px; border-top: 2px solid #190555; border-right: 2px solid #190555; transform: translateY(-50%) rotate(45deg); margin-left: 60px;}
.ins_gobox > button:hover{background-color: #190555}
.ins_gobox > button:hover > p{color: #fff;}
.ins_gobox > button:hover > p::after{border-top-color: #fff; border-right-color: #fff}
.ins_copy {position: absolute; left: 50%; transform: translateX(-50%); width: 1100px; font-size: 12px; font-weight: 400; color: #6342c0; text-align: center; bottom: 20px;}

/* 브라우저 높이가 1100px 이하일 때 */
@media (max-height: 1100px) {
  #inspection_wrap {
    padding-top: 50px;
  }
}