@charset "UTF-8";
@import url("font.css");
@import url("xeicon.css");

html {height: 100vh;}

/*아이폰 노치 안전영역 체크*/
:root {--safeTop: env(safe-area-inset-top);--safeBtm: env(safe-area-inset-bottom);}
/* input */
select, input[type=text], input[type=date], input[type=time], input[type=tel], input[type=search], input[type=number], input[type=password], input[type=email]{font-family: 'Spoqa Han Sans Neo', 'Malgun Gothic', 'Arial', 'Apple SD Gothic Neo', sans-serif;}
/* placeholder */
input::placeholder {font-size: 16px; letter-spacing: -0.77px; color: #8e97a3; font-weight: normal;}
input::-webkit-input-placeholder {color: #8e97a3; font-weight: normal;}
input:-ms-input-placeholder {color: #8e97a3 !important; font-weight: normal !important;}
input::-ms-input-placeholder {color: #8e97a3; font-weight: normal;}
input::-moz-placeholder {color: #8e97a3; font-weight: normal;}
input:disabled {background-color: #e7eaec;color: #06234d;}
input:disabled::placeholder {color: #06234d;}
input:disabled::-webkit-input-placeholder {color: #06234d;}
input:disabled::-ms-input-placeholder {color: #06234d;}
input:disabled::-moz-placeholder {color: #06234d;}
input[type=tel], input[type=number] {letter-spacing: 1px}
input[type=password] {letter-spacing: 8px;}
input[type=password]::placeholder {font-family: inherit; font-size: 18px; letter-spacing: -0.77px; color: #8e97a3;}
input[type=password]::-webkit-input-placeholder {color: #8e97a3;}
input[type=password]:-ms-input-placeholder {letter-spacing: -1px; color: #8e97a3;}
input[type=password]::-ms-input-placeholder {letter-spacing: -1px; color: #8e97a3;}
input[type=password]::-moz-placeholder {color: #8e97a3;}

/* align */
.agl {text-align: left !important;}
.agc {text-align: center !important;}
.agr {text-align: right !important;}

.flx_btw {display: flex !important;justify-content: space-between;align-items: center;}
.flx-inline {display: inline-flex !important;}


/* font size */
.ft-s15{font-size:15px !important}
.ft-s16{font-size:16px !important}
.ft-s17{font-size:17px !important}
.ft-s18{font-size:18px !important}



/* color */
.fc-red {color: #df0000 !important;}
.fc-orange{color: #f2981f !important;}
.fc-blue{color:#0f24e4 !important;}
.fw-normal{font-weight:400}
.fw-bold {font-weight: bold !important;letter-spacing: -0.6px;}
.ft-underline{text-decoration: underline;}

/*margin*/
.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt8 {margin-top: 8px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt55 {margin-top: 55px !important;}
.mt60 {margin-top: 60px !important;}
.mt65 {margin-top: 65px !important;}
.ml0{margin-left:0 !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}

/*padding*/
.pd0{padding:0!important;}
.pdl0{padding-left:0 !important}

/* width size */
.w100px{width:100px !important}
.w150px{width:150px !important}
.w200px{width:200px !important}
.w250px{width:250px !important}
.w300px{width:300px !important}
.w350px{width:350px !important}
.w400px{width:400px !important}
.w450px{width:450px !important}
.w500px{width:500px !important}
.w100per{width:100% !important}

/* hr */
hr {margin: 10px 0;border: solid #ddd;border-width: 1px 0 0 0;}
hr.ty2{margin: 24px 0;}


#skip-go{display:block}
#skip-go p{position:fixed;left:-1000px;top:0}
#skip-go ul li a{z-index:1000;display:block;position:fixed;left:-1000px;top:0;background-color:#06234d;font-size:1em;color:#fff;text-align:center}
#skip-go ul li a:hover, #skip-go ul li a:active, #skip-go ul li a:focus{left:0;min-width:200px;padding:10px 30px;box-sizing:border-box;text-decoration:underline}

.system{display:block;width:400px;height:400px;margin:auto;background:url("/img/system.png") center center no-repeat;background-size:cover}
.system h2{padding-top:50px}
.ally-hidden{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;clip-path:polygon(0 0, 0 0, 0 0)}
.caution{margin-left:10px;font-weight:400}
.caption{width:0 !important;height:0 !important;padding:0 !important;line-height:0 !important;text-indent:-9999px !important}

/*checkbox*/
/*
label.checkbox{position: relative;display: inline-block;}
label.checkbox + label.checkbox{margin-left: 32px;}
label.checkbox input[type=checkbox]{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;width: 100%;height: 100%;border: none;background: none;opacity: 0;cursor: pointer;}
label.checkbox .txt{display: block;line-height: 20px;padding: 2px 0 2px 32px;font-size: 14px;font-weight: bold;letter-spacing: -0.77px;color: #06234d;}
label.checkbox .txt::before{content: "";display: block;position: absolute;top: 0;left: 0;z-index: 10;width: 24px;height: 24px;background: url(/img/btn-check-off.svg) center center no-repeat;}
label.checkbox input[type=checkbox]:checked ~ .txt:before{background: url(/img/btn-check-on.svg) center center no-repeat;}
label.checkbox input[type=checkbox]:disabled ~ .txt:before{background: url(/img/btn-check-x.svg) center center no-repeat;}
*/
.chk{display:inline-block;position:relative;margin-left:32px;vertical-align:middle}
.etcChk.chk label{width:150px}
.chk input[type='checkbox']{display:inline-block;position:absolute;left:0;top:0;width:24px;height:24px;margin:0;padding:0;opacity:0;vertical-align:middle}
.chk label{display:inline-block;position:relative;line-height: 20px;padding: 2px 0 2px 32px;font-size:14px;font-weight: bold;letter-spacing: -0.77px;color: #06234d;box-sizing:border-box}
.chk label:before{content:"";left:0;top:0;width:24px;height:24px;border-radius:0;background-image:url(/img/btn-check-off.svg);box-sizing:border-box}
.chk label:after{content:"";left:0;top:0;width:24px;height:24px;border-radius:0;background: url(/img/btn-check-off.svg) center center no-repeat;}
.chk label:before, .chk label:after{content:"";display:inline-block;position:absolute}
.chk input[type='checkbox']:checked + label:before{content:"";background: url(/img/btn-check-off.svg) center center no-repeat;}
.chk input[type='checkbox']:checked + label:after{content:"";left:0;top:0;width:24px;height:24px;border-radius:0;background: url(/img/btn-check-on.svg) center center no-repeat;}
.chk input[type='checkbox']:focus ~ label:before{outline:2px dotted #2b69fc}

.chk2{display:inline-block;position:relative;margin-left:32px;vertical-align:middle}
.chk2 input[type='radio']{display:inline-block;position:absolute;left:0;top:0;width:24px;height:24px;margin:0;padding:0;opacity:0;vertical-align:middle}
.chk2 label{display:inline-block;position:relative;line-height: 20px;padding: 2px 0 2px 32px;font-size:14px;font-weight: bold;letter-spacing: -0.77px;color: #06234d;box-sizing:border-box}
.chk2 label:before{content:"";left:0;top:0;width:24px;height:24px;border-radius:0;background-image:url(/img/btn-check-off.svg);box-sizing:border-box}
.chk2 label:after{content:"";left:0;top:0;width:24px;height:24px;border-radius:0;background: url(/img/btn-check-off.svg) center center no-repeat;}
.chk2 label:before, .chk2 label:after{content:"";display:inline-block;position:absolute}
.chk2 input[type='radio']:checked + label:before{content:"";background: url(/img/btn-check-off.svg) center center no-repeat;}
.chk2 input[type='radio']:checked + label:after{content:"";left:0;top:0;width:24px;height:24px;border-radius:0;background: url(/img/btn-check-on.svg) center center no-repeat;}
.chk2 input[type='radio']:focus ~ label:before{outline:2px dotted #2b69fc}

/*radio*/
label.radio{position: relative;display: inline-block;}
label.radio + label.radio{margin-left: 32px;}
label.radio input[type=radio]{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;width: 100%;height: 100%;border: none;background: none;opacity: 0;cursor: pointer;}
label.radio input[type=radio]:focus-visible{border: 1px solid;}
label.radio .txt{display: block;line-height: 20px;padding: 2px 0 2px 32px;font-size: 14px;font-weight: bold;letter-spacing: -0.77px;color: #06234d;}
label.radio .txt::before{content: "";display: block;position: absolute;top: 0;left: 0;z-index: 10;width: 24px;height: 24px;background: url(/img/btn-radio-off.svg) center center no-repeat;}
label.radio input[type=radio]:checked ~ .txt:before{background: url(/img/btn-radio-on.svg) center center no-repeat;}
label.radio input[type=radio]:disabled ~ .txt:before{background: url(/img/btn-radio-x.svg) center center no-repeat;}


.rdo{display:inline-block;position:relative;margin-left:0;vertical-align:middle}
.rdo input[type='radio']{display:inline-block;position:absolute;left:0;top:0;width:24px;height:24px;margin:0;padding:0;opacity:0;vertical-align:middle}
.rdo label{display:inline-block;position:relative;line-height: 20px;padding: 2px 0 2px 32px;font-size: 14px;font-weight: bold;letter-spacing: -0.77px;color: #06234d;box-sizing:border-box}
.rdo + .rdo {margin-left:32px}
.rdo label:before{content:"";left:0;top:0;width:24px;height:24px;border-radius:0;background-image:url(/img/btn-radio-off.svg) center center no-repeat;box-sizing:border-box}
.rdo label:after{content:"";left:0;top:0;width:24px;height:24px;border-radius:0;background:url(/img/btn-radio-off.svg) center center no-repeat;}
.rdo label:before, .rdo label:after{content:"";display:inline-block;position:absolute}
.rdo input[type='radio']:checked + label:before{content:"";background: url(/img/btn-radio-off.svg) center center no-repeat;}
.rdo input[type='radio']:checked + label:after{content:"";left:0;top:0;width:24px;height:24px;border-radius:0;background: url(/img/btn-radio-on.svg) center center no-repeat;}
.rdo input[type='radio']:focus ~ label:before{outline:2px dotted #2b69fc}



/*title*/
.tit-14{margin-top: 15px;font-size: 14px;font-weight: bold;}
.tit-18{margin-top: 40px;font-size: 18px;font-weight: bold;}
.tit-40{font-size: 40px;font-weight: bold;line-height: 56px;letter-spacing: -1.6px;}

/* boxTitle */
.boxTitle{margin-top:10px;padding:20px;background:#f2f7ff;font-size:15px;color:#df0000;text-align:left }

#wrap {position: relative; margin: 0 auto; font-family: Spoqa Han Sans Neo,'맑은 고딕', Malgun Gothic, Arial, Apple SD Gothic Neo, sans-serif;}
/* #container{position: relative;} */

/* header */
#header {border-bottom-color:transparent;}
/* .header-content{position: relative; width: 90%; height: 80px;margin: 0 auto; padding: 17px 0; background: #ffffff; box-sizing: border-box; overflow: hidden;}
.header-content h1{float: left; width:240px;height: 48px;}
.header-content h1 a{display: block;}
.header-content .logo-sosang img{width: 100%;}
.header-content .right-logo-area{float: right; height: 32px; margin-top: 10px;} 
.header-content .right-logo-area a, .header-content .right-logo-area span{display: inline-block;}
 .header-content .right-logo-area span {margin-left: 10px;}*/
/* .header-content .right-logo-area .logo-mms{width:143px;} */
.header-content .right-logo-area .logo-semas{width:162px;}

.contents{position: relative;width:980px;margin: 0 auto;padding:64px 0 120px;box-sizing: border-box;}
.title-area{text-align: center;}

/* 서버상황-신호등 */
/*
.contents .status_box {display: flex;justify-content: space-between;position: absolute;top: 20px;left: 70px;
align-items: center;padding: 0 20px;width: 300px;height: 70px;background: #ededed;border-radius: 25px;}
*/
/*
.contents .status_box {box-sizing: border-box;display: flex;justify-content: space-between;position: absolute;top: 20px;left: 70px;
align-items: center;padding: 0 30px;height: 70px;background: rgba(255,255,255,0.4);border-radius: 25px;}
*/
.contents .status_box {box-sizing: border-box;display: flex;justify-content: space-between;position: absolute;top: 60px;
align-items: center;padding: 0 30px;height: 70px;background: rgba(255,255,255,0.4);border-radius: 25px;}
.contents .status_box .txt {font-size: 18px;color:#05367e;padding-left: 20px;}
/*
.contents .status_box .txt:before {content:'';width: 11px; height:11px;background: url('/img/dot_green.png') 0 0 no-repeat;position: absolute;top: 8px;left: 0;}
.contents .status_box.green .txt:before {background-image: url('/img/dot_green.png');}
.contents .status_box.yellow .txt:before {background-image: url('/img/dot_yellow.png');}
.contents .status_box.red .txt:before {background-image: url('/img/dot_red.png');}
*/
.contents .status_box .status_img {display:block;width:48px; height: 48px;background: url('/img/off_icon.png') 0 0 no-repeat;}
.contents .status_box.green .status_img:nth-child(1) {background-image: url('/img/green_icon.png');}
.contents .status_box.yellow .status_img:nth-child(2) {background-image: url('/img/yellow_icon.png');}
.contents .status_box.red .status_img:nth-child(3) {background-image: url('/img/red_icon.png');}

.status_box .sts_area {display:flex;justify-content: space-between;width: 190px;align-items: center;}
.contents .status_box [class^=sts_item] {border: 20px;border-radius: 50px;display: block;width: 45px;
height: 45px;-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.1);box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.1);opacity: 0.9;}
.contents .status_box [class^=sts_item].on {box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.3);opacity:1;width: 50px;height: 50px;}
.contents .status_box .sts_item_1 {background-image: -ms-radial-gradient(45px 45px, circle cover, #7cab79, #97c78f);background-image: -webkit-radial-gradient(45px 45px, circle cover, #7cab79, #97c78f);
background-image: radial-gradient(45px 45px, circle cover, #7cab79, #97c78f);}
.contents .status_box .sts_item_1.on {background-image: url('/img/green_icon_new.png')}
.contents .status_box .sts_item_2 {background-image: -ms-radial-gradient(45px 45px, circle cover, #d6b780, #bfbf99);background-image: -webkit-radial-gradient(45px 45px, circle cover, #d6b780, #bfbf99);
background-image: radial-gradient(45px 45px, circle cover, #d6b780, #bfbf99);}
.contents .status_box .sts_item_2.on {background-image: url('/img/yellow_icon_new.png')}
.contents .status_box .sts_item_3 {background-image: -ms-radial-gradient(45px 45px, circle cover, #9a7c7c, #da8682);background-image: -webkit-radial-gradient(45px 45px, circle cover, #9a7c7c, #da8682);
background-image: radial-gradient(45px 45px, circle cover, #9a7c7c, #da8682);}
.contents .status_box .sts_item_3.on {background-image: url('/img/red_icon_new.png')}

/*main*/
/*#container.main{-ms-overflow-style: none;}
#container.main ::-webkit-scrollbar {display: none;}
#container.main{width:100%;height: 100vh; background: url(/img/main-bg.jpg) no-repeat center 0 / cover;}*/
#container.localmain{width:100%;height: calc(100vh + 90px);background-image:  url(/img/main-bg2024.jpg?20240417);background-position: top left;background-repeat: no-repeat;background-size: cover;}
#container.main .contents{width: 1280px; max-width: 90%; }
#container.main .contents .title-area{padding-top: 120px;text-align: left;}
#container.main .contents .title-area .tit-40{color: #ffffff;}
#container.main .contents .title-area .sub-txt{color: #ffffff; opacity: 0.8;word-break:keep-all;word-wrap:break-word}
#container.main .contents .title-area .tit-40 + span{margin-top: 24px;}
/*#container.main .contents .main-bottom-area{ position: absolute;left: 0; bottom:40px;}*/
#container.main .contents .main-bottom-area{padding-top: 0px;}
#container.main .contents .main-bottom-area:after{content: '';display: block;clear: both;}
#container.main .contents .main-bottom-area .sub-txt{display: inline-block;padding-top: 28px;color: #ffffff;}
#container.main .contents .main-bottom-area .btn-area{display: inline-block;margin: 0;float: right;}
.btn-area.mainBtns {margin-top:70px}
.webBlock{display:block}
.mainBtns ul:after{content:"";clear:both;display:block}
.mainBtns ul li{float:left;margin-left:8px;}
.mainBtns ul li:first-child{margin-left:0}
/*
.mainBtns ul li .listQ {margin-top: 8px;display:none;}
.mainBtns ul li.open .listQ {display:block;}
.mainBtns ul li .listQ li {float: none;width: 100%;box-sizing:border-box;
margin: 0;text-align: left;border-radius:0;}
.mainBtns ul li .listQ li:first-child {border-top: 0;}
.mainBtns ul li .listQ li a {display: block;padding: 5px 18px;cursor:pointer;}
.mainBtns ul li .listQ li a:hover {color:#06234d;font-weight: bold;}

.mainBtns.mainBtns2>ul>li {background: rgba(255,255,255,0.6);padding: 16px 0;border-radius: 8px;overflow: hidden;}
.mainBtns.mainBtns2>ul>li [class^=btn-opacity] {background: transparent;height: auto;border-radius: 0;}
.mainBtns.mainBtns2>ul>li .listQ li a span {color:#06234d;}
*/

/*modal 분기 선택*/
.modal.tyauto {width: auto;background: rgba(255,255,255,0.7);}
.modal.tyauto p, .modal.tyauto p b {color: #333;}
.selectQ {display: flex;justify-content: center;margin: 25px 0 0;min-width: 447px;}
.selectQ li {border: 2px solid #555;padding:30px 25px;text-align: center;margin: 0 20px;border-radius: 6px;}
.selectQ li:hover {border-color: #f2981f;background:#f2981f;}
.selectQ li a {font-size: 18px; display: block;cursor: pointer;color:#555;}
.selectQ li:hover a {color: #fff; font-weight: bold;}

.selectQ3 {display: flex;justify-content: center;margin: 25px 0 0;min-width: 380px;}
.selectQ3 li {border: 2px solid #555;padding:30px 25px;text-align: center;margin: 0 20px;border-radius: 6px;}
.selectQ3 li:hover {border-color: #f2981f;background:#f2981f;}
.selectQ3 li a {font-size: 18px; display: block;cursor: pointer;color:#555;}
.selectQ3 li:hover a {color: #fff; font-weight: bold;}

.btnA a{display:inline-block !important;height:56px;padding-top:5px;box-sizing:border-box}

[class^=sub-txt]{display: block;font-size: 14px; }
[class^=sub-txt][class*=navy]{color: #06234d;}
[class^=tit] + .sub-txt{margin-top: 16px;}

.agree-chk-head {display: flex;justify-content: space-between;align-items: center;font-size: 18px;color: #06234d;}
.agree-chk-area {margin-top: 65px;}
.agree-chk-head .agree-chk-tit {font-size: 18px;letter-spacing: -0.77px;}
.agree-chk-head .agree-chk-tit span {margin-right: 8px;color: #f2981f;}
.agree-chk-head .agree-chk-chkbox span {font-size: 18px;}
.agree-chk-body {margin-top: 15px;}
.agree-chk-body .agree-info {padding: 40px;background-color: rgba(238, 240, 242, 0.55);font-size: 14px;letter-spacing: -0.6px;color: #06234d;line-height: 22px;}
.agree-chk-body ~ .agree-chk-head {margin-top: 43px;}
.agree-chk-head ~ .agree-chk-head {margin-top: 43px;}
.agree-chk-head.agree-chk-all {margin-top: 50px;}

/*button*/
[class^=btn-] {height: 56px;padding:0 10px;border-radius: 8px;box-sizing: border-box;}
a[class^=btn-], a[class^=btn-] span{display: flex;justify-content: center;align-items: center;word-break:keep-all;text-align:center;}
[class^=btn-sm]{display: inline-block;width:233px;background: #e7eaec;color: #06234d;font-size: 18px;font-weight: bold;}
[class^=btn-sm][class*=-navy]{background: #06234d;color: #ffffff;}
[class^=btn-sm][class*=xs]{position: relative;display: inline-flex;width: 155px;height: 32px;padding: 0 24px 0 10px;font-size: 12px;line-height: 16px;letter-spacing: -0.51px;}
[class^=btn-sm][class*=xs]:before{content: '';display: block;position: absolute;top:50%;right: 8px;width: 16px;height: 16px;background: url(/img/icon-more-2.svg) center center no-repeat;transform: translateY(-50%);}
[class^=btn-md]{display: inline-block;width: 235px;height: 72px;background: #ffaa38;color: #ffffff;font-size: 16px;}
[class^=btn-md][class*=-main]{display: inline-flex;width: 155px;height: 56px;}
[class^=btn-md][class*=-navy]{background: #06234d;color: #ffffff;}
[class^=btn-lg]{display: block;width:480px;margin: 0 auto;background: #e7eaec;color: #06234d;font-size: 18px;}
[class^=btn-lg][class*=-confirm]{background: #ffaa38;color: #ffffff;}
[class^=btn-lg][class*=-confirm]:disabled{background: #e7eaec;}
[class^=btn-]:not([class*=-lg]) + [class^=btn-]:not([class*=-lg]) {margin-left: 8px;}
[class^=btn-] > span {font-weight: bold;}
[class^=btn-] > em {display: block;font-weight: lighter;font-size: 12px;}
[class^=btn-opacity]{width: auto;height: 56px;padding: 0 24px;color: #06234d;font-size: 16px;font-weight: bold;background: rgba(255,255,255,0.6);border-radius: 8px;}
.btn-area {position: relative;display: block;height: auto;margin-top: 48px;padding: 0;}
.sub-info{margin-top: 64px;text-align: left;font-size: 17px;line-height: 28px;letter-spacing: -0.6px;}

/*table*/
.table-content {margin-top: 40px;}
.table-content table {border: 1px solid rgba(6, 35, 77, 0.1); border-top-width: 2px;}
.table-content table caption {padding: 11px 15px;font-size: 16px;font-weight: bold;border: 1px solid rgba(6, 35, 77, 0.1);border-bottom: none;box-sizing: border-box;}
.table-content table + table, .table-content table + table caption{border-top: none;}
.table-content table th, .table-content table td {border: 1px solid rgba(6, 35, 77, 0.1);text-align: center;padding: 11px 8px;}
.table-content table th {font-weight: 400; letter-spacing: -0.51px;color: #06234d;background-color: #f2f7ff;}
.table-content table td {letter-spacing: -0.6px;}
.table-content table thead tr th {position: relative;border-bottom: none;}
.table-content table tbody tr td {color: #06234d;background: #ffffff;}
.table-content table tbody tr.total th, .table-content table tbody tr.total td {background: #ffffac;color: #000000;}
.table-content table tbody tr.total td:not(:first-child){font-size: 18px;font-weight: bold;letter-spacing: -0.6px;}
.table-content.ty2 {margin-top: 24px;padding: 25px 40px 9px;border-radius: 8px;background-color: rgba(238, 240, 242, 0.55);box-sizing: border-box;}
.table-content.ty2 table {border: none;}
.table-content.ty2 table caption {padding: 11px 15px;font-size: 16px;font-weight: bold;border: none;box-sizing: border-box;}
.table-content.ty2 table + table, .table-content.ty2 table + table caption{border-top: none;}
.table-content.ty2 table th, .table-content.ty2 table td {border: none;text-align: center;padding: 14px 0px;}
.table-content.ty2 table th {font-size: 18px;font-weight: normal;letter-spacing: -0.77px;background-color: inherit;text-align: left;}
.table-content.ty2 table td {font-size: 18px;font-weight: bold;letter-spacing: -0.77px;}
.table-content.ty2 table thead tr th {position: relative;border-bottom: none;}
.table-content.ty2 table tbody tr td {background: inherit;text-align: left;}
.table-content.ty2 table tbody tr td .input-text.ty2 input {margin-right: 15px;}
.table-content.ty2 table tbody tr.total th, .table-content.ty2 table tbody tr.total td {background: inherit;color: #ffffff;}
.table-content.ty2 table tbody tr.total td:not(:first-child){font-size: 18px;font-weight: bold;letter-spacing: -0.6px;}
.table-content.ty2 table tbody tr + tr {border-top: 1px solid rgba(6, 35, 77, 0.1);}
.table-content.ty2 [class^=btn-status] {display: inline-block;padding: 0 24px;height: 47px;background: #2d75e7;color: #ffffff;font-size: 16px;font-weight: normal;}
.table-content.ty2 [class^=btn-status-request] {background: #8222e1;}
.table-content.ty2 [class^=btn-status-reward] {background: #42b632;}
.table-content.ty2 [class^=btn-status-objection] {background: #f17329;}
.table-content.ty2 .btn-status span {font-weight: normal;}

.table-content table.tb_type4  tbody tr td {padding: 15px;}

.table-content .b1{border-bottom:1px solid #aaa;}
.telNumBox{width:100%}
.telNumBox > span{display:inline-block;width:35%;vertical-align:middle}
.telNumBox > span:first-child{width:90px}
.telNumBox > span:nth-child(2){position:relative;left:90px}
.telNumBox > span:nth-child(3){position:relative;left:90px}
.telNumBox .select-acd{min-width:60px !important;width:90px}
.telNumBox > span em{display:inline-block;margin:0 5px}
.telNumBox > span input{display:inline-block;width:calc(100% - 25px);height:56px !important;margin-right:0 !important;padding:0 10px}






/* data-select-acd */
.custom-select{position: absolute;}
select[data-select-acd] {padding: 0 40px 0 14px;font-size: 14px;}
.select-acd {position: relative;display: inline-block;min-width: 200px;vertical-align: middle;}
.select-acd select {position: relative;visibility: hidden;height: 56px;margin: 0 !important;opacity: 0;vertical-align: top;}
.select-acd .value {font-family: 'Spoqa Han Sans Neo', 'Malgun Gothic', 'Arial', 'Apple SD Gothic Neo', sans-serif;position: absolute;top: 0;left: 0;overflow: hidden;box-sizing: border-box;width: 100%;height: 56px;margin: 0;padding: 0 40px 0 14px;font-size: 16px;text-align: left;white-space: nowrap;text-overflow: ellipsis;color: #06234d;border: 1px solid #dae1ed;border-radius: 8px;background: #fff;transition: all 0ms ease-in-out 300ms;}
.select-acd .value:after {content: "";display: block;position: absolute;top: 50%;right: 8px;width: 24px;height: 24px;background: url(/img/icon-dropdown.svg) center center no-repeat;transition: transform 300ms ease-in-out 0s;will-change: transform;transform: translateY(-50%) rotate(0);}
.select-acd-list {position: relative;display: none;overflow: hidden;box-sizing: border-box;width: 100%;margin-top: 8px;padding: 4px;font-size: 14px;border-radius: 8px;background: #fff;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.15);z-index: 1;}
.select-acd-list ul {overflow: auto;max-height: 225px;-webkit-overflow-scrolling: touch;}
.select-acd-list li {display: flex;align-items: center;overflow: hidden;cursor: pointer;font-size: 18px;height: 56px;line-height: 1.6;padding:0 12px;white-space: nowrap;text-overflow: ellipsis;text-align: left;}
.select-acd-list li.selected {border-radius: 8px;background: #f6f7f8;}
.select-acd-list li.disabled, .select-acd select option:disabled{color: #8e97a3;}
.select-acd.active .value {border-color: #ffaa38;transition: all 0s ease-in-out 0s;}
.select-acd.active .value:after {transform: translateY(-50%) rotate(180deg);}
.select-acd.disabled .value {cursor: default;opacity: 0.5;color: #333 !important;border-color: #e3e3e3 !important;background-color: #e3e3e3 !important;}
.select-acd.disabled .value:after {border-top-color: #767676}
/*custom-select type2*/
.table-content table thead tr th .custom-select{position: absolute;top: 7px;right: 136px;}
.custom-select.ty2 .select-acd{min-width: 85px;}
.custom-select.ty2 .select-acd select[data-select-acd]{padding: 0 27px 0 8px;font-size: 12px;height: 27px;}
.custom-select.ty2 .select-acd .value{padding: 0 27px 0 8px;font-size: 12px;height: 27px;}
.custom-select.ty2 .select-acd .value:after{content: "";display: block;position: absolute;top: 50%;right: 8px;width: 19px;height: 19px;background: url(/img/icon-dropdown-small.svg) center center no-repeat;}
.custom-select.ty2  .select-acd-list li{font-size: 12px;font-weight: normal;height: 27px;}
/*custom-select type3*/
.custom-select.ty3 {position: relative;}
.custom-select.ty3 .select-acd{min-width: 25%;}
.custom-select.ty3 .select-acd select[data-select-acd]{padding: 0 27px 0 8px;font-size: 12px;height: 40px;}
.custom-select.ty3 .select-acd .value{padding: 0 27px 0 14px;font-size: 14px;height: 40px;}
.custom-select.ty3 .select-acd .value:after{content: "";display: block;position: absolute;top: 50%;right: 8px;width: 19px;height: 19px;background: url(/img/icon-dropdown-small.svg) center center no-repeat;}
.custom-select.ty3  .select-acd-list {position: absolute;}
.custom-select.ty3  .select-acd-list li{font-size: 12px;font-weight: normal;height: 40px;}

.form-area {margin-top: 64px;}
.input-text + .input-text{margin-top: 32px;}
.input-text .label{display: flex;justify-content: space-between;align-items: center;position: relative;padding: 0 0 8px 24px;font-size: 14px;color: #06234d;letter-spacing: -0.6px;line-height: 1.35;}
.input-text .label span{padding-right: 24px;font-size: 12px;color: #df0000;letter-spacing: -0.51px;}
.input-text input {padding-left: 24px;height: 56px;line-height: 56px;border: 1px solid #e8e8e8;border-radius: 8px;width: 100%;font-size: 18px;color: #06234d;}
.input-text .ipt-type3 span {margin: 0px 10px;font-size: 18px;font-weight: bold;}
.input-text .ipt-type3 input {font-size: 18px;font-weight: bold;}
.input-text .ipt-type3 input:nth-child(1) {width: 30%;}
.input-text .ipt-type3 input:nth-child(3) {width: 25%;}
.input-text .ipt-type3 input:nth-child(5) {width: 32%;}
.input-text.ty2 input{height: 40px;font-size: 14px;}
.input-text.ty2 input::placeholder{font-size: 14px;}
.form-area .ipt-type2 {display: inline-block;width: 844px;}
.form-area .ipt-type4 {display: flex;justify-content: space-between;width: 100%;margin-top: 32px;}
.form-area .ipt-type4 .input-text + .input-text {margin-top: 0;}
.form-area .ipt-type4 > div {display: inline-block;width: 485px;}
.form-area .ipt-type4 > div .radio-area {height: 56px;line-height: 56px;padding-left: 24px;}
.form-area .ipt-type4 > div .radio-area .radio span {font-weight: normal;font-size: 18px;}
.form-area .ipt-type5 {display: flex;justify-content: space-between;}
.form-area .ipt-type5 .custom-select {position: relative;width: 200px;}
.form-area .ipt-type5 .select-acd button {padding-left: 24px;font-size: 18px;}
.form-area .ipt-type5 .select-acd-list {position: absolute;}
.form-area .ipt-type5 input {width: 632px;}
.form-area .btn-check {display: inline-block;width: 128px;margin-left: 10px;background: #e7eaec;}
.form-area .flx_btw ~ input {margin-top: 8px;}
.form-area .btn-check span {color: #06234d;font-size: 16px;font-weight: bold;letter-spacing: -0.69px;}
.form-area .ipt-type6 label.checkbox{flex: 0 0 100px;}
.ipt-type7 .dash{margin:0 10px;font-size:18px;font-weight:600}
.ipt-type7 input{margin-left:0 !important}



/* new modal */
.noScroll{overflow-y:hidden}
.layer-pop{display:none;z-index:1;position:fixed;left:0;top:0;right:0;bottom:0;text-align:center;background:rgba(0,0,0,0.5)}
.layer-pop:after{content:"";display:inline-block;height:100%;vertical-align:middle}
.layer-pop.on {display:block}
.layer-pop__inner{z-index:2;display:inline-block;position:relative}
.layer-pop__inner .modal{display:block}
.layer-pop__close{display:block}


/* modal */
/* #modal-wrap {position: absolute;top: 0;left: 0; right:0; bottom:0;display: none;width: 100%;height: 100%;}
#modal-wrap:after {content:"";position: fixed;top: 0;left: 0; right:0; bottom:0; width: 100%;height: 100%;background: rgba(0,0,0,.5)}
.modal {position: absolute;padding: 0;-ms-flex-flow: column;flex-flow: column;top: 50%;left: 50%;display: none;width: 520px;min-height: 148px;height: auto;max-height: calc(100vh - 101px);background: #fff;overflow: hidden;border-radius: 8px;-webkit-transform: translate(-50% , -50%);transform: translate(-50% , -50%);-ms-transform: translate(-50% , -50%);-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;;}
.modal-header {padding: 48px 15px 32px;}
.modal-header h1 {font-size: 24px;letter-spacing: -1.03px;text-align: center;}
.modal-container {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;box-sizing: border-box;max-height: 100%;padding: 20px;}
.modal-header ~ .modal-container{padding: 0 20px 20px;}
.modal-container .modal-inner {padding: 20px;overflow: auto;box-sizing: border-box;word-break:keep-all;word-wrap:break-word;}
.modal-header + .modal-container .modal-inner{padding: 0 20px;}
.modal-container .modal-inner .note-list li + li{margin-top: 0;}
.modal-container .modal-text{font-size: 16px;line-height: 26px;letter-spacing: -0.69px;font-weight: bold;text-align: center;}
.modal-footer .btn-area{text-align: center;margin-top: 0;}
.modal-footer .btn-area [class^=btn-lg]{width:100%;border-radius: 0 0 8px 8px;font-size: 16px;line-height: 26px;letter-spacing: -0.69px;font-weight: bold;text-align: center;}
.modal-footer .btn-area [class^=btn-]:not([class*=-lg]) + [class^=btn-]:not([class*=-lg]) {margin-left: 0;}
.modal-footer .btn-area [class^=btn-sm] {width: 50%;border-radius: 0;font-size: 16px;line-height: 26px;letter-spacing: -0.69px;font-weight: bold;text-align: center;} */
/*.modal-close { position: absolute;top: 0;right: 0;display: block;width: 40px;height: 40px;text-indent: -9999px;overflow: hidden;}*/
/* modal open*/

/* body.modal-open #wrap {position: absolute;top: 0;left: 0;right: 0; bottom: 0;width: 100%;height: 100%;overflow: hidden;}
body.modal-open #modal-wrap {position: fixed;z-index: 200000;display: block;overflow: hidden;} */

::-webkit-scrollbar{-webkit-appearance: none;}
::-webkit-scrollbar:vertical {width: 8px;}
::-webkit-scrollbar:horizontal{height:8px;}
::-webkit-scrollbar-thumb{background-color: #60728c;border-radius: 10px;}
::-webkit-scrollbar-track{border-radius: 10px;background-color: #e7eaec;}
/*모달 스크롤*/
.modal-container ::-webkit-scrollbar{-webkit-appearance: none;}
.modal-container ::-webkit-scrollbar:vertical {width: 4px;}
.modal-container ::-webkit-scrollbar:horizontal{height:8px;}
.modal-container ::-webkit-scrollbar-thumb{background-color: #60728c;border-radius: 10px;}
.modal-container ::-webkit-scrollbar-track{border-radius: 10px;background-color: #e7eaec;}

/*modal type2*/
.modal {max-width: 90%;}
.modal.ty2,.modal.ty3 {width: 1120px;}
.modal.ty2 h1,
.modal.ty3 h1{font-size: 24px;}
.form-select {position: relative;height: 56px;}
.form-select .custom-select, .select-acd {width: 100%;}
.form-select .value {padding-left: 24px;font-size: 18px;}
.sub-list {margin-top: 13px;font-size: 14px;letter-spacing: -0.6px;line-height: 26px;}
.table-content td.table-left {text-align: left;padding: 20px 23px;}
.ty2 .note-list-num2 > li > ul > li {font-size: 15px;}

/*modal type3*/
.modal.ty3 .note-list-num2 p {margin-bottom: 7px;font-weight: bold;font-size: 17px;}
.ty3 .note-list-num2 > li > ul > li {margin-bottom: 10px;text-indent: -10px;padding-left: 10px;}
.ty3 .note-list-num2 > li {margin-bottom: 24px;}

/* modal in modal */
.noScroll{overflow-y:hidden}
.layer-pop{display:none;z-index:1;position:fixed;left:0;top:0;right:0;bottom:0;text-align:center;background:rgba(0,0,0,0.5)}
.layer-pop:after{content:"";display:inline-block;height:100%;vertical-align:middle}
.layer-pop.on {display:block}
.layer-pop__inner{z-index:2;display:inline-block;position:relative;text-align:left}
.layer-pop__inner .modal{display:block;overflow-y:auto;}
.layer-pop__close{display:block}



.note-list{margin-top: 64px;}
.note-list li{position: relative;display: block;padding-left: 10px;line-height: 26px;font-size: 14px;letter-spacing: -0.6px;color: #06234d;}
.note-list li a{margin-left: 10px;}
.note-list li + li {margin-top: 12px;}
.note-list li:before{content: '-';position: absolute;top:0;left: 0;font-size: 14px;}
.note-list2 li{padding-left:0}
.note-list2 li:before{content: '';}
.note-list3:before{content:'' !important;}
.note-list3:before > li:before{content: '-';position: absolute;top:0;left: 0;font-size: 14px;}
[class^=tit] + [class^=note-list]{margin-top: 12px;}
.confirm-list{max-width: 600px;margin: 24px auto;padding: 25px 40px;background: #eef0f2;border-radius: 8px;box-sizing: border-box;}
.confirm-list .confirm-item{width: 100%;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding: 15px 0;box-sizing: border-box;}
.confirm-list .confirm-item + .confirm-item{border-top:1px solid rgba(6, 35, 77, .1);}
.confirm-list .confirm-item .tit{width: 30%;font-size: 18px;letter-spacing: -0.77px;box-sizing: border-box;}
.confirm-list .confirm-item .sub{width: 70%;font-size: 18px;letter-spacing: -0.77px;font-weight: bold;box-sizing: border-box;}
.confirm-list.ty-modal { /* min-width: 540px; */max-width: none;margin: 0 auto;padding: 25px 20px 0;background: none;border-radius: 0;}
.confirm-list.ty-modal input {height: 40px;font-size: 14px;padding-left: 16px;}
.confirm-list.ty-modal .custom-select {width: 35.5%;}
.confirm-list.ty-modal .custom-select ~ .input-text {width: 61.5%;}
.confirm-list.ty-modal .confirm-item{padding: 12px 0;}
.confirm-list.ty-modal .confirm-item + .confirm-item{border-top:1px solid rgba(6, 35, 77, .1);}
.confirm-list.ty-modal .confirm-item .tit{width: 15%;font-size: 14px;font-weight: bold;}
.confirm-list.ty-modal .confirm-item .sub{width: 85%;padding-left: 15px;}
.confirm-list.ty-modal .confirm-item .sub .input-info {padding-left: 16px;font-size: 12px;font-weight: normal;letter-spacing: -0.51px;}
.note-list-num li{counter-increment: num;line-height: 26px;font-size: 14px;letter-spacing: -0.6px;}
.note-list-num li + li{margin-top: 12px;}
.note-list-num li:before{content: counter(num);margin-right: 5px;}
.note-list.ty2{margin-top: 0;}
.note-list.ty2 li:before{content: '‧';position: absolute;top:0;left: 0;font-size: 14px;}

.note-list-num2 > li > p{font-size:15px}
.note-list-num2 > li > ul + ul{margin-top:15px}
.note-list-num2 > li > ul > li{font-size:14px}
.note-list-num2 > li > ul > li > strong{font-weight:600}

.note-list-num.noBefore li:before{content: "";margin-right: 0;}



/*input file*/
.sub-txt-file{margin-top: 24px;padding-left: 24px;color: #06234d;}
.file-upload-area{display: flex;margin-top: 8px;}
.file-upload-area + .sub-txt-file{margin-top: 8px;}
.file-upload-area .filebox{display: flex;width: calc(100% - 64px);}
.file-upload-area.ty2 .filebox{width:100%;}
.file-upload-area .filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.file-upload-area .filebox label {display: inline-flex;justify-content: center;align-items: center;flex: 0 0 128px;width:128px;height: 56px;margin-left: 8px;background: #e7eaec;color: #06234d;font-size: 16px;font-weight: bold;letter-spacing: -0.69px;border-radius: 8px;}
.file-upload-area .filebox label:focus-visible{border:1px solid #000;}
/* named upload */
.file-upload-area .filebox .upload-name {display: inline-flex;flex: 1 1 auto;height: 56px;padding: 17px 24px;background: #ffffff;border: 1px solid #e6e8ea;border-radius: 8px;font-size: 18px;color: #8e97a3;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-sizing: border-box;}
.file-upload-area .file-add{position: relative;width: 56px;height: 56px;margin-left: 8px;border-radius: 8px;background: #e7eaec;}
.file-upload-area .file-add i[class^=icon]{position: absolute;top:50%;left: 50%;width:32px;height: 32px;background: url(/img/icon-add.svg) center center no-repeat;transform: translate(-50%, -50%);}
.file-upload-area ~ .sub-txt-file{margin-top: 32px;}

.btn-area + .sub-txt-navy{margin-top: 80px;}
hr + .agree-chk-head.agree-chk-all{margin-top: 0;}
[data-radiocont] > [data-value] {display:none;}
[data-radiocont] > [data-value].on {display:block;}

/* 계좌인증 후 selectbox disable 처리 */
.form-area .ipt-type5 .custom-select.on .select-acd button:disabled{cursor: default;border-color: #e7eaec;background-color: #e7eaec;}

/*2021 11 05 팝업 스타일 추가*/
#modal-wrap .modal.open{display: block; z-index: 200000;}
#modal-wrap .modal .btn-close {	
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 0;
    color: #000;
    font-size: 28px;
	}
.modal.pop-type{width:420px;}
.modal.pop-type .modal-text{font-size: 20px; line-height: 1.5}
.modal .text-sm, .pop-box .text-sm{text-align: center;display: block;color: #e7eaec;}
.modal .time-box{padding: 12px;background: #f2f7ff;font-size: 30px;color: #df0000;text-align: center;letter-spacing: 1px;font-weight: bold;}
.modal.pop-type .modal-footer{display: flex; justify-content: space-between; align-items: center; height: 50px; background: #e7eaec;}
.modal.pop-type .modal-footer .chk-chkbox .chk{margin: 0 0 0 20px;}
.modal.pop-type .modal-footer .btn-popup-close{background: #06234d; color: #ffffff; width: 80px; height: 100%; padding: 0; border-radius: 0px 0px 8px 0px; }
.modal.pop-type .modal-container{position: relative; padding: 50px 20px 40px;}
.modal.pop-type .btn-popup-close-icon{position:absolute; top:20px; right: 20px; width:32px; height:32px; background-image:url("/img/icon-close.svg"); background-repeat: no-repeat;}
.pop-box{ position: absolute;top: 50%;left: 0;transform: translateY(-50%);width:450px; background: #ffffff; padding: 50px 20px 40px; border-radius: 8px; box-sizing: border-box;}
.pop-box p{display: block; font-size: 23px; font-weight: bold; text-align: center;}
.pop-box .time-box{padding: 12px;background: #f2f7ff;font-size: 40px;color: #df0000;text-align: center;letter-spacing: 1px;font-weight: bold;}
.pop-box .title{font-size: 45px; font-weight: bold;line-height: 1.5;letter-spacing: -1.6px;}


/*main select*/
.sct_qrt {margin-bottom: 10px;}
.sct_qrt select {width: auto;
    height: 36px;
    padding: 0 20px;
    color: #06234d;
    font-size: 16px;
    font-weight: bold;
    background: rgba(255,255,255,0.3);
    border-color: rgba(255,255,255,0.3);
    border-radius: 8px;}


.field_tb p {font-size: 14px;margin-top: 10px;}
.field_tb p br {display: none;}
.field_tb p span {display: inline-block; vertical-align: middle;margin-right: 4px; width: 30px;height: 15px;}
.field_tb p span.color1 {background: #9D5CBB;}
.field_tb p span.color2 {background: #FF0000;}
.field_tb p span.color3 {background: #3300FF;}
.ty2 .table-content td.clr1 {color:#9D5CBB;}
.ty2 .table-content td.clr2 {color:#FF0000;}
.ty2 .table-content td.clr3 {color:#3300FF;}

/* //////////////////////////////////////////
    미디워쿼리 영역
////////////////////////////////////////// */
@media only screen and (max-width: 780px) {
	.modal.ty3 {width: 90%;word-break: keep-all;}
	
}
@media only screen and (max-width: 750px) {
body {
    padding: var(--safeTop) 0 var(--safeBtm);
    height: 100vh;
}
button, a, input, .modal { cursor:pointer;outline: transparent; }
/*가로스크를*/
::-webkit-scrollbar{
    -webkit-appearance: none;
}
::-webkit-scrollbar:vertical{
    width:12px;
}
::-webkit-scrollbar:horizontal{
    height:8px;
}
::-webkit-scrollbar-thumb{
    background-color: rgba(0,0,0,.5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}
::-webkit-scrollbar-track{
    border-radius: 10px;
    background-color: #ffffff;
}

input:disabled {
    color: #06234d !important;
}

#wrap{
    width:100%;
    min-width: auto;
}
.contents{padding:16px 0 120px;}
/*서버상황-신호등*/
.contents .status_box {
    position: static;
    margin: 20px auto 0;
    max-width: 300px;
   	width: 100%;
   	padding: 0 0 0 25px;
}
.status_box .sts_area {
	width: 175px;
}
.contents .status_box .txt {
	padding-left:0;
	width: calc(100% - 175px);
	text-align:center;
	display:inline-block;
	font-size: 15px;
}

.sct_qrt select {width: 100%}
.field_tb p br {display: block;}

.tit-40{
    max-width: 100%;
    margin: 0 auto;
    font-size: 32px;
    line-height: 42px;

}

.mobBlock{display:block}

/*main*/
html {background-position: 0 0;}
.webBlock{display:inline}
#container.main .contents .title-area{
    padding-top: 24px;
}
#container.main .contents.normal .title-area{
    padding-top: 64px;
}

#container.main .contents .title-area h2{
	max-width: 100%; /*260px*/
	margin: 0;
   }

#container.main .contents .main-bottom-area{
    position: relative;
    padding: 0 0 50px;
}

#container.main .contents .main-bottom-area .sub-txt{
    position: absolute;
    bottom: 10px;
    padding: 0;
}

#container.main .contents .main-bottom-area .btn-area{
    display: flex;
    flex-wrap: wrap;
    float: none;
}

#container.main .contents .main-bottom-area .btn-area button{
    margin: 8px 8px 0 0;
}

[class^=btn-opacity] {
	padding: 0 14px;
	font-size: 15px;
}

.table-content {
    width:100%;
    overflow-x: auto;
    /* white-space: nowrap; */
}
.table-content table{
    width:100%;
}

.agree-chk-head .agree-chk-tit, .agree-chk-head .agree-chk-chkbox span{
    font-size: 14px;
}

.agree-chk-head .agree-chk-chkbox{
    flex: 0 0 90px;
    text-align: right;
}

.agree-chk-head .agree-chk-chkbox2{
    flex: 0 0 190px;
}

.agree-chk-head.agree-chk-all{
    flex-wrap: wrap;
    justify-content: flex-start;
}

.agree-chk-head.agree-chk-all .agree-chk-chkbox{
    flex: 0 0 100%;
    text-align: left;
    margin-top: 10px;
}

.agree-chk-body .agree-info{
    padding:24px;
}
[class^=btn-lg]{
    width:100%;
}

/*24-09-04 마이페이지 버튼 추가로 수정*/
[class^=btn-md], [class^=btn-sm]{
    width: 31% !important;
}
.btn-area.mainTopBtns a {/*margin-top:8px;*/margin-left: 4px !important;} 
.btn-area.mainTopBtns a:nth-child(2n+2) {margin-left:4px !important;}
.btn-area.mainTopBtns a:nth-child(1), .btn-area.mainTopBtns a:nth-child(2) {margin-top: 0;margin-left: 0}
.btn-area.mainTopBtns a:last-child {margin-left:4px !important;}

.input-text input,
.form-select .value{
    padding-left: 10px;
}

input::placeholder,
.input-text input,
.form-select .value,
.select-acd-list li,
.form-area .ipt-type5 .select-acd button,
.form-area .btn-check span{
    font-size: 14px !important;
}

.input-text .label,
.sub-txt-file{
    flex-wrap: wrap;
    padding-left: 0;
}

.input-text .label span{
    padding: 0;
}
.file-upload-area{
    display: flex;
    justify-content: space-between;
}

.file-upload-area .filebox .upload-name{
    width: 70%;
    padding: 17px 10px;
    font-size: 14px;
}

.file-upload-area .filebox{
    width: calc(100% - 56px);
}

.file-upload-area .filebox label{
    flex: 0 0 30%;
    width: 30%;
    font-size: 14px;
}

.form-area .ipt-type4 .input-text + .input-text{
    margin-left: 8px;
}

label.radio + label.radio{
    margin-left: 10px;
}

.form-area .ipt-type4 > div .radio-area{
    padding-left: 0;
}

.select-acd {
    min-width: auto;
}

select[data-select-acd], .form-area .ipt-type5 .select-acd button{
    padding: 0 10px;
}

.confirm-list{
    padding:20px;
}

.form-area .ipt-type5 .custom-select{
    width: 30%;
}

.form-area .ipt-type5 input{
    width: 45%;
    margin-left: 10px;
}

.form-area .btn-check{
    width: 25%;
    flex: 0 0 25%;
}

body.modal-open {
    min-width: 0;
}
.modal-header + .modal-container .modal-inner {padding: 0;}
   /*2021 11 05 팝업 스타일 추가*/
.modal, 
.modal.ty2, 
.modal.ty3, 
.modal.pop-type{
	min-width: 360px;
    word-break: keep-all;
	}
.ty2 .table-content table th,
.ty2 .table-content table td {
	word-break:normal;
	word-wrap: normal;
	}
.modal-header {
	padding: 35px 25px 25px;
	}
.modal.ty2 h1,
.modal.ty3 h1 {
    line-height: 1.3;
    font-size: 18px;
    }
.modal-footer .btn-area .btn-modal {
	padding: 0 10px;
	}
.modal.tyauto {max-width: 90%;}
.selectQ li {margin: 0 10px;}
.selectQ li a {font-size: 16px;}
.ui-widget-content.content_tab {
	padding: 20px 10px;
	}
/* 	.modal-container .table-content table tbody tr td {word-break:keep-all;} */

/* 분기별 메인 버튼 */
.mainBtns.mainBtns2>ul>li {padding: 0;position: relative;overflow: visible;}
.mainBtns.mainBtns2>ul>li.open {background: #e7eaec;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.mainBtns.mainBtns2>ul>li [class^=btn-opacity] {height: 56px;}
.mainBtns ul li .listQ {position: absolute;width: 100%;margin-top:0;
top: 47px;padding: 0 0 9px 0;z-index: 1;border-radius: 8px;left: 0;}
.mainBtns ul li.open .listQ {background: #e7eaec;}
.btn-area.mainBtns li .listQ li:nth-child(2n+2) {margin-left: 0 !important;}

/*2021 11 05 팝업 스타일 추가*/
.pop-box{
    width: 90%;
    word-break: keep-all;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal-container .modal-inner {
    padding: 20px;
}

.modal-footer .btn-area [class^=btn-sm]{
    width: 50% !important;
}
.sub-info.flx_btw .custom-select.ty3 {
    margin-left: 15px;
}

.confirm-list .confirm-item .tit, .confirm-list .confirm-item .sub{ font-size: 14px;}

label.checkbox + label.checkbox{
    display: block;
    margin-left: 0;
    margin-top: 15px;
}
.input-text + .input-text{
    margin-top: 10px;
}

.table-content2.ty2{padding:25px 20px 9px}
.table-content2.ty2 table tbody{display:block;width:auto}
.table-content2.ty2 table tbody tr{border:none !important}
.table-content2.ty2 table tbody tr th, .table-content2.ty2 table tbody tr td{display:block;width:calc(100vw - 80px);padding:10px 0}
.table-content2.ty2 table tbody tr td{padding-top:0;border-bottom:1px solid #ddd}
.table-content2.ty2 table tbody tr:last-child td:last-child{border-bottom:none}

.ipt-type8{width:100%;display:block !important}
.ipt-type8 > .input-text{display:block;width:100% !important}
.ipt-type8 > .input-text:nth-child(2){margin-left:0 !important;margin-top:20px !important}

.caution{display:block;margin-left:0}
.chk{display:block;margin-left:0;margin-top:15px}
.etcChk.chk{margin-top:0}
.rdo + .rdo {margin-left:10px}
.chk2{margin-left:10px}

/* modal in modal */
.layer-pop__inner{width:90%}

}

/*
@media only screen and (max-width: 360px) {
    #container.main .contents .main-bottom-area .btn-area{
        max-width: 100%;
    }
}*/

@media only screen and (max-width: 630px) {
.header-content h1 {
    width: 200px;
    height: auto;
    margin-top: 2px;
    }
.header-content h1 a {height: 100%;}
.header-content .right-logo-area {height:auto;}
.header-content .right-logo-area span:first-child {
	width: 130px;
	}
.header-content .right-logo-area span:nth-child(2) {
	width: 150px;
	}
}
@media only screen and (max-width: 568px) {
.system{width:280px;height:280px}
.btn-area.mainBtns{margin-top:30px}
.btn-area.mainBtns li{width:48%;margin-left:0 !important;margin-top:8px}
.btn-area.mainBtns li:nth-child(2n+2){margin-left:8px !important}
.btn-area.mainBtns li:nth-child(1), .btn-area.mainBtns li:nth-child(2){margin-top:0}
.btn-area.mainBtns li button{width:100%}
}

@media only screen and (max-width: 560px) {
#wrap {min-width: 360px;}	
.header-content {
	padding: 0; 
    text-align: center;
    }	
.header-content h1,
.header-content .right-logo-area {
	float: none; 
    margin: 0 auto;
    }
.header-content .right-logo-area {
	margin-top: -5px;
	}
}
@media only screen and (max-width: 400px) {
    .caution{margin-top:5px;line-height:1.2}
    .table-content2.ty2{padding:15px}
}

@media only screen and (max-width: 360px) {
    .rdo + .rdo {margin-left:5px}
    .mob-mt10{margin-top:10px}
}
@media only screen and (max-width: 290px) {
	#container.main .contents {padding: 0 15px;}
	#container.main .contents .title-area .tit-40 {font-size: 28px;}
	.contents .status_box {padding: 0 0 0 15px;}
}

@media only screen and (max-height: 500px) and (orientation: landscape) {
	#container.main .contents {overflow-y: auto;padding-bottom: 50px;}
}

/* 텍스트 외곽 보더 */
.text-stroke-black4{
	-webkit-text-stroke: 0.5px black !important;
}
.text-stroke-black2{
	font-weight: bold;
	font-size: 18px !important;
	-webkit-text-stroke: 0.5px black !important;
}