/*@font-face {font-family:ng; src:url(/common/font/NanumGothic.eot); src:local(※), url(/common/font/NanumGothic.woff) format(‘woff’)} */

:root {
	--column-padd: 0rem;
    --color-main : #225F2F;
    --color-border:#d7dbe0; 
}


@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('/font/Pretendard-Black.woff2') format('woff2'), url('./woff/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('/font/Pretendard-ExtraBold.woff2') format('woff2'), url('./woff/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('/font/Pretendard-Bold.woff2') format('woff2'), url('./woff/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('/font/Pretendard-SemiBold.woff2') format('woff2'), url('./woff/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('/font/Pretendard-Medium.woff2') format('woff2'), url('./woff/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('/font/Pretendard-Regular.woff2') format('woff2'), url('./woff/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('/font/Pretendard-Light.woff2') format('woff2'), url('./woff/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('/font/Pretendard-ExtraLight.woff2') format('woff2'), url('./woff/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('/font/Pretendard-Thin.woff2') format('woff2'), url('./woff/Pretendard-Thin.woff') format('woff');
}

input:-webkit-autofill { -webkit-text-fill-color: #000; } 
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s;}

*,
*:after,
*:before {	margin: 0; padding: 0; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}



/* Type Selector */
html {overflow-y:scroll; }
html,body, form, fieldset, legend, button, p, blockquote {margin:0;padding:0;}
html,body {width:100%;height:100%;}
body {font-family:나눔고딕, NanumGothic, AppleGothic, Dotum, Arial, sans-serif, 'xeicon';font-size:12px;color:#000; background-color:#F3F6F9; }
ul li, ol li {list-style:none;}
fieldset {vertical-align:top;border:none;}
input, select, textarea {vertical-align:middle;font-family:나눔고딕, NanumGothic, ng, AppleGothic, Dotum, Arial, sans-serif;}
input[type=text] {border:1px solid #aeaeae;padding:1px;background:#fbfcfe;}
em,i {font-style: normal;}
img {border:none; vertical-align:middle;}
button {overflow:visible;vertical-align:top;border:0;background:transparent;cursor:pointer;}
table {border-spacing:0;border-collapse:collapse;}
h1,h2,h3,h4,h5 {margin:0;padding:0;font-family: 'Pretendard';}
a:link, a:visited {text-decoration:none;color:#313131;}
a:hover {text-decoration:underline;}
a:active {text-decoration:none;}
.clear {clear:both;line-height:0;font-size:0;height:0;overflow:hidden;padding:0;margin:0;}
.a_link {text-decoration: underline; cursor: pointer;}

input[type=checkbox], input[type=radio] {position:absolute;	width:0px; height:0;opacity:0;-webkit-opacity:0;-moz-opacity:0;	z-index:0;}
input[type=checkbox] + label {position:relative;display:inline-block;margin:0;  padding:0 1rem 0 1.5rem;box-sizing:border-box;background:none;border:0;letter-spacing:-1px;font-size:14px;line-height:28px;color:#111;font-style:normal;word-break:keep-all;vertical-align:middle;cursor:pointer;}
input[type=checkbox] + label:before {display: block;content: "";position: absolute;left: 0;top:50%;width:18px;height:18px;background-color:#fff;border:1px solid #ccc;border-radius:3px;transform:translateY(-50%);
                                                                    box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; transition: all 0.2s ease-in; }
input[type=checkbox] + label:after {content:'';display:none;position:absolute;top:50%;left:6px;width:7px;height:11px;margin:-7.5px 0 0 0;border-color:#fff;border-style:solid;border-width:0 2px 2px 0 !important;transform:rotate(45deg);}
input[type=checkbox]:checked + label {background:none;}
input[type=checkbox]:checked + label:before {border:1px solid var(--color-main);background-color:var(--color-main);transform:translateY(-50%);}
input[type=checkbox]:checked + label:after {display:block;}

input[type=radio] + label {position:relative;display:inline-block;margin:0;padding:0 1rem 0 1.35rem;box-sizing:border-box;border:0;background:none;letter-spacing:-1px; font-size:13px;line-height:28px;color:#111;vertical-align:middle;cursor:pointer;}
input[type=radio] + label:after {display: block;content: "";position: absolute;left: 0;top:50%;width:18px;height:18px;background-color:#fff;border:1px solid #ced5e0;border-radius:50%;transform:translateY(-50%);transition: border 0.2s ease-in;
                                                        box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
input[type=radio]:checked + label {background:none;}
input[type=radio]:checked + label:after {border:5px solid var(--color-main);}
/*
input[type=text]:read-only {border-color:#eee; background-color:#f6f6f6 ;}
input[type=text]:read-only:focus {border-color:#eee; background-color:#f6f6f6 ;}

input[type=password]:read-only {border-color:#eee; background-color:#f6f6f6 ;}
input[type=password]:read-only:focus {border-color:#eee; background-color:#f6f6f6 ;}
*/

select {  word-wrap: normal; appearance: none; -webkit-appearance: none;}
select::-ms-expand {display: none;} 
select.multi {background-image:none;}
input[type=text], input[type=password] {padding:0 .35rem;}
input, input[type=text], input[type=password], select, textarea{border-radius:4px; border:1px solid #a2a5a8; height:28px; outline:0;}
input:focus, input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { border-color:var(--color-main)}
select {padding-left:.5rem; padding-right:1.2rem; background:#fff url('/Adm/image/icon_select.png') no-repeat ; background-size:auto 12px; background-position:calc(100% - 7px) ;}
button {background-color:#f1f1f1; height:28px; border-radius:4px; border:0; padding:0 .85rem; line-height:1;}
.input_price {text-align:right; color:rgb(231, 0, 0); font-weight:bold;}

/* 전체틀 */
.main_wrap {margin:0 0 0 40px;padding:0;width:1200px;}
.subWrap {margin:0px;padding:0; width:100%; }

/* Button Style */
.btn_default, .btn_default *, .btn_point, .btn_point *,  .btn_point2, .btn_point2 * {display:inline-block;overflow:visible;position:relative;margin:0 1px;padding:0;border:0;font-size:12px;font-family:'돋움',dotum;text-decoration:none !important;vertical-align:middle;white-space:nowrap;}

.btn_default input, .btn_default button, .btn_point input, .btn_point button, .btn_point2 input, .btn_point2 button  {padding:2px 6px;height:28px;line-height:1;font-weight:bold;cursor:pointer;_cursor:hand;}

.btn_default, .btn_default * { }
.btn_default input, .btn_default button { border:1px solid #aaa; color:#444; background-color:#fff;}

.btn_point, .btn_point * {background-color: var(--color-main); color:#fff; border-radius:4px;}
.btn_point input, .btn_point button {background-color: var(--color-main); color:#fff;}

.btn_point2, .btn_point2 * {background:url(/Adm/image/button/bg_default.gif) left -53px no-repeat;}
.btn_point2 input, .btn_point2 button {background:url(/Adm/image/button/bg_default.gif) right -53px no-repeat;color:#FFF;}


.btn_pack, .btn_pack * {display:inline-block;overflow:visible;position:relative;margin:0 4px 0 0;padding:0;border:0;background:url(/Adm/image/button/bg_default.gif) left top no-repeat;font-size:12px;font-family:'돋움',dotum;text-decoration:none !important;vertical-align:middle;white-space:nowrap;}
.btn_pack input {left:7px;padding:2px 10px 2px 5px;height:26px;line-height:26px;font-weight:bold;cursor:pointer;_cursor:hand;background:url(/Adm/image/button/bg_default.gif) right top no-repeat;}
.btn_add,
.btn_remove {width:60px;}


/* button */
.button_wrap {display:flex; justify-content: space-between; padding:.5rem 0 .5rem; gap:.35rem;}
.button_wrap .item{display:flex; gap:.35rem;}
.button_wrap.center { justify-content: center; }
.button_wrap.right {  justify-content: flex-end;  }
.button_wrap .button {height:2rem; line-height:1; display:inline-flex;align-items: center; justify-content: center; padding:0 1.25rem;font-size:.9rem; font-weight:600; background-color:#FFF; border:1px solid #555; border-radius:.35rem;color:#333;font-family: 'Pretendard'; cursor:pointer; }
.btn_basic:before,
.button:before {content:''; font-family:'xeicon'; display:inline-block;}
.btn_basic {display:inline-flex;align-items: center; justify-content: center; line-height:1; background-color:#fff; border:1px solid #ccc;font-size:13px; font-weight:500;padding:0 .65rem;}
.btn_print:before {content:"\e9bb";  margin-right:.2rem; font-family:'xeicon'; font-weight:normal; font-size:1.05rem; color:#333; }
.btn_write:before { content: "\e9c4" !important;  font-size:.9rem!important; color:#333; }
.btn_primary { background-color:var(--color-main) !important; border-color:var(--color-main) !important; color:#fff !important; }
.btn_primary.btn_write:before {color:#fff !important}
.btn_save {background-color:#e65907 !important; border-color:#e65907 !important; color:#fff !important;}
.btn_save:before {content: "\e929";font-size:1.5rem; color:#fff; font-weight:normal; }
.btn_save.type2 {background-color: var(--color-main) !important; border-color:var(--color-main) !important}
.btn_down:before {content: "\eb7c"; font-size:1.2rem;}
.btn_reset:before {content: "\e973";  color:#333;}
.btn_era:before {content:"\e96f"; }
.btn_back {position:relative;height:1.25rem; border-radius:5rem; font-size:11px; padding:0 .5rem;background-color:#2c8834; border-color:#2c8834;color:#fff;}
.btn_back i {display:none; position:absolute; left:60px; top:-7px; width:110px; text-align:left; background-color:#fff; border:1px solid #dedede; border-radius:3px; padding:.35rem .65rem; font-size:12px; color:#666; font-weight:500; line-height:1.3em;word-break: keep-all; 
	              box-shadow:3px 3px 1px rgba(0,0,0,0.1);z-index:1;}
.btn_back i:after{content:'';position:absolute;left:-5px;top:10px;width:10px;height:10px;border-width:0 0 1px 1px;border-color:#ddd;border-style:solid;background:#fff;z-index:2;transform:rotate(45deg);}
.btn_back:hover i{display:block;}



a.btnGray {display:inline-block;border:1px solid #CCC;padding:5px;color:#333 !important;font-size:12px;font-weight:bold;text-align:center;background:url(/image/sub/bg_btnwhite.gif) left bottom repeat-x #FFF;cursor:pointer;}
a.btnGray:hover {border:1px solid #999;color:#FFF !important;background:#999;text-decoration:none;}
a.btnPoint {display:inline-block;border:1px solid #de7c85;padding:5px;color:#FFF !important;font-size:12px;font-weight:bold;text-align:center;background:#f48d9e;cursor:pointer;}
a.btnPoint:hover {border:1px solid #de7c85;background:#de7c85;text-decoration:none;}
a.btnGrayBig {display:inline-block;border:1px solid #CCC;padding:10px;color:#333 !important;font-size:14px;font-weight:bold;text-align:center;background:url(/image/sub/bg_btnwhite.gif) left bottom repeat-x #FFF;cursor:pointer;}
a.btnGrayBig:hover {border:1px solid #999;color:#FFF !important;background:#999;text-decoration:none;}
a.btnPointBig {display:inline-block;border:1px solid #de7c85;padding:10px;color:#FFF !important;font-size:14px;font-weight:bold;text-align:center;background:#f48d9e;cursor:pointer;}
a.btnPointBig:hover {border:1px solid #de7c85;background:#de7c85;text-decoration:none;}

/* Login */
#login {background:url('/Adm/image/bg_login.png') no-repeat center ; background-size: cover;}
.loginWrap {font-family: 'Pretendard';overflow:hidden;margin:0px auto;padding:70px 60px;width:auto; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); border-radius:1rem; background-color:rgba(0,84,77,0.9); box-shadow: 10px 10px 30px rgba(0,0,0,0.5);
    backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px); }
.loginWrap .logo {margin:0px;padding:0px 0px 20px 0px;text-align:center;}
.loginWrap .logo p {padding:1rem 0 0 ; font-size:1.65rem; font-weight:600; color:#fff; text-transform: uppercase;}
.loginWrap h1 {color:#fff; font-weight:600;}
.loginWrap .inputArea {display:flex;  width:350px;flex-direction: column; gap:.65rem;}
.loginWrap .inputArea input[type="text"],
.loginWrap .inputArea input[type="password"] { font-family: 'Pretendard'; background-color:transparent; border:0; height:55px; color:#fff; font-size:1.05rem; font-weight:600;border-bottom:1px solid rgba(255,255,255,0.3); border-radius:0;}
.loginWrap .inputArea input[type=submit] { margin-top:1rem;border-radius:8px; font-size:1.1rem; font-weight:700;  height:60px; background-color:#fff !important; color:#00544d ; cursor:pointer; font-family: 'Pretendard';}
.loginWrap input[type=checkbox] + label {color:#fff; font-weight:400;  padding-left:1.5rem;}
.loginWrap input[type=checkbox] + label:before {border:0;}
.loginWrap input[type=checkbox] + label:after {left:5px; margin-top :-7.5px;}
.loginWrap input[type=checkbox]:checked + label:before { background:#fff; }
.loginWrap input[type=checkbox]:checked + label:after {border-color:var(--color-main)}
.loginWrap input:-webkit-autofill { -webkit-text-fill-color: #fff; -webkit-text-fill-background-color: transparent; -webkit-text-fill-background: transparent; } 
.loginWrap input::placeholder {color:rgba(255,255,255,0.5);font-size:15px; font-weight:400;  }
input:focus::placeholder {  color: transparent; /* 포커스되면 placeholder 안 보이게 */}


/* header */
.header {position:relative;margin:0;width:100%;padding:0 1rem; height:50px; background-color:#fff; border-bottom:1px solid #dedede; z-index:10000;}
.header .column {width:1500px; margin:0 auto; position:relative;}
.header .topMenu {position:absolute;right:20px;top:10px;overflow:hidden;margin:0;padding:0;font-family:dotum, 돋움; z-index:10000;}
.header .topMenu a {display:inline-block;padding:10px;font-size:11px;color:#707070;}
.header .topMenu span {font-size:11px;color:#dcdcdc;}
.header .logo {position:absolute; left:1rem; top:0; width:160px; height:100%;background:url(/Adm/image/logo.png) no-repeat left ; background-size:auto 60%;}
.header .logo a {display: block; width:100%; height:100%;}
.header #mainMenu { display:block; margin:0 auto;padding:0; text-align:center; font-size:0;font-family: 'Pretendard';} 
.header #mainMenu li {position:relative; height:53px; display:inline-block; padding:0;height:50px;font-weight:bold; font-size:.95rem;z-index:10000;}
.header #mainMenu li a {display:flex ; height:100%;align-items: center;margin:0;padding:0 20px;  color:#333; border-bottom:3px solid transparent;  }
.header #mainMenu li:hover a, .header #mainMenu li a:hover, .header #mainMenu li.on a {color:var(--color-main); text-decoration: none;}
 .header #mainMenu li.on a {border-color:var(--color-main)}

.header #mainMenu li ul {display:none;position:absolute;left:0;top:50px;margin-left:-65px;width:130px;margin:0;padding:5px 0;list-style:none; text-align:left; background:var(--color-main);z-index:10000;}
.header #mainMenu li ul li {width:100%;margin:0;padding:0;height:40px;line-height:40px;border:none;font-weight:bold;font-size:.85rem; border-bottom:1px solid #397c48; }
.header #mainMenu li ul li:last-child {border:0;}
.header #mainMenu li ul li a {display:block;margin:0;padding:0 20px;  color:#f1f5fc !important; font-weight:500;}
.header #mainMenu li ul li a:hover {color:#fff799 !important; text-decoration:none;}
.header #mainMenu li:hover ul li a, .header #mainMenu li.on ul li a {border:none;}
.header #mainMenu li:hover ul li {background:none;}
@media screen and ( max-width:1500px ) {
.header .column {width:100%; min-width:1300px; }
}


/* footer */
.footer {position:relative;margin:0;border-top:0px solid #CCC;width:100%;}
.footer .logo {position:absolute;left:0;top:20px;width:225px;height:35px;background:url(/Adm/image/inc/logo_footer.gif) no-repeat;display:none;}
.footer .logo span {visibility:hidden;}
.footer .cont { font-size:12px;color:#999; line-height:18px;}


/* subMenu */
.container {padding:0 1rem; min-width:1000px; width:1500px; margin:0 auto; }
.container .subMenu {display:none;overflow:hidden;position:absolute;left:0px;top:0px;margin:0;border-bottom:none !important;width:148px;}
.container .subMenu .title {margin:0;padding:20px 0 20px 15px;font-size:18px;color:#FFF;background:var(--color-main);}
.container .subMenu ul {margin:0;padding:0;border-bottom:1px solid #c4cdd6;}
.container .subMenu ul li {margin:0;padding:0;border:1px solid #c4cdd6;border-bottom:1px solid #eeeeee;border-top:none;}
.container .subMenu ul li:hover {background:#f9fafb;}
.container .subMenu ul li.on {border:1px solid #85888d;background:url(/Adm/image/sub/arrow_subMenu.gif) 135px center no-repeat #85888d;}
.container .subMenu ul li.on a {color:#FFF !important;}
.container .subMenu ul li a {display:block;padding:10px 15px;font-weight:bold;}
.container .subMenu ul li a:hover {color:var(--color-main);}

@media screen and ( max-width:1500px ) {
.container { min-width:1300px; width:100%; }

}
/* sub */

.container .content {overflow:hidden;position:relative;width:100%;}
.container .content .navi {position:absolute;right:0px;top:20px;color:#999;}
.container .content .navi span {margin:0 5px;color:#CCC;}
.container .content .title {padding:15px 0 5px 0;width:100%;font-size:1.05rem;color:#333;}
.container .content .subtitle {position:relative;margin:0;font-weight:bold;color:#222;font-size:1.05rem;padding-top:2rem; padding-bottom:.65rem;}
.container .content .subtitle .btn {position:absolute; right:0px;top:10px;}
.container .content .subtitle.flex {display:flex; justify-content: space-between;  align-items: center;}
.container .content .subtitle.flex.line {border-bottom:1px solid #dedede; margin-bottom:1rem;}
.container .content .h3 {font-size:.95rem; margin-top:1.5rem; color:#0c5f2f;}
.container .content .h3.first {margin-top:.5rem;}
.container .content .h3.line { padding-top:1.5rem; border-top:1px dashed #dedede;}
.container .content .card .subtitle:first-child {padding-top:0;}
.container .content .searchBox {overflow:hidden;margin:0 0 20px 0;text-align:center;border:1px solid #e7ebee;border-top:2px solid #c4cdd6;padding:20px;background:#f1f5fc;}
.container .content .searchBox input[type=text] {border:1px solid #c4cdd6;padding:4px !important;width:100px;}

.container .content .totalNum strong {color:var(--color-main);}
.container .content .inputBox {overflow:hidden;width:100%;}
.container .content .inputBox .inputCheck {float:left;width:625px;margin:0 0 0 20px;}
.container .content .inputBox .inputCheck .carCheck {border-top:2px solid #5674b2;padding:20px 0;background:#f6f6f6;}
.container .content .inputBox .inputCheck .carCheck table {border:1px solid #dcdcdc;}
.container .content .inputBox .inputCheck .carCheckInfor {border-top:1px solid #ededed;border-bottom:1px solid #CCC;padding:10px;line-height:20px;background:#fcfcfc;}
.container .content .inputBox .inputCheck h3 {padding:10px 0 5px;}
.container .content .inputBox .inputCheck textarea {border:1px solid #ccc;}


.requestBox .subtitle {display:none !important}
.card {background-color:#fff; border-radius:.35rem; padding:1rem; border:1px solid var(--color-border);}
.card_margin{margin-top:.65rem; }

.requestBox {padding:.65rem !important; background-color:#fff; border-radius:.35rem; padding:1rem; border:1px solid var(--color-border);}
.search_wrap {display:flex;  }
.search_wrap .row_wrap {display:inline-block; width:calc(100% - 70px); font-size:0;  }
.search_wrap .btn_wrap {width:70px}
.search_wrap .btn_wrap input[type="submit"],
.search_wrap .btn_wrap input[type="button"] {width:100%; height:28px; line-height:28px; background-color:var(--color-main); color:#fff; border:0; margin:2px 0;}
.search_wrap .row_wrap span {display:inline-flex;  align-items: center;margin:2px; gap:3px;}
.search_wrap .row_wrap em {display:inline-block; vertical-align: middle; text-align:right; width:70px; font-size:13px; padding-right:5px; color:#333;}
.search_wrap .row_wrap i {font-size:13px; color:#555; margin-left:10px; }
.search_wrap .row_wrap i.blank {margin:0;}
.search_wrap.center { justify-content: center;gap:.2rem; }
.search_wrap.center .row_wrap {width:auto; }

/* 리스트 높이조절 관련 */
.list_wrap {position:relative;clear:both;overflow:auto;padding-bottom:0rem;min-height:100px; scrollbar-face-color:#ccc; scrollbar-shadow-color: #fff; scrollbar-highlight-color: #ccc; scrollbar-3dlight-color: #fff; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #fff; scrollbar-arrow-color: #ccc }
.list_wrap table {border-top:0;}
.title_fixed {overflow:hidden; padding-right:0; margin-top:0px; width:100%;}
.title_fixed table, .list_wrap table { padding:0 !important; }

.footerFix {padding:0 0 0; margin:0;}

.box_filters {display:flex; justify-content: space-between; align-items: center; padding-bottom:0.5rem;}

.t_list.line th {border-top:1px solid #2f3d3a !important; margin:0;}
.t_list.center th,
.t_list.center td {text-align: center;}
.t_list {width:100%;   font-family:Verdana, dotum, 돋움; word-break: break-all;}
.t_list th {padding:10px 5px;border-left:1px solid #cacfd1;border-top:1px solid #d3d6d8;border-bottom:1px solid #a5a7a8; background-color:#ebecee; font-weight:bold;color:#444945 !important;}
.t_list th:first-child {border-left:0;}

.t_list input[type=checkbox] + label {padding-right:0 !important;}
.t_list td {padding:6px 5px;border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;border-top:0;color:#000;}
.t_list td:first-child {border-left:0;}
.t_list td strong {color:#333;}
.t_list tr.line1 {background:#f7f9f9;}
.t_list tr.line2 {background:#FFF;}
.t_list td .maker1 {color:#3aaa06;font-weight:bold;font-size:12px;}
.t_list td .maker1 span {display:inline-block;font-weight:normal;color:#F00;margin-left:3px; background-color:#fff; border:1px dashed #f00; border-radius:3rem; font-size:12px; line-height:16px; font-weight:400; padding:0 .4rem; font-family: 'Pretendard'; } 
.t_list td .maker2 {font-weight:bold;font-size:12px;}
.t_list td .model {font-weight:bold;font-size:12px;padding-top:2px;}
.t_list td .option {display:inline-block;margin:5px 0px;color:#666;}
.t_list td .option span {position:relative; padding-right:10px; margin-right:3px;}
.t_list td .option span b {color:#333;}
.t_list td .option span.add {display:block;}
.t_list td .option span:after{content:'';position:absolute; right:0; top:50%; margin-top:-7px;width:1px; height:14px; background-color:#ccc;}
.t_list td .option span:last-child {padding:0; marign:0}
.t_list td .option span:last-child:after {display:none;}
.t_list td .option span.add {padding:0; margin:0}
.t_list td .option span.add:after {display:none;}
.t_list td .price {color:#333;font-weight:bold;}
.t_list td .price2 {color:#F00;font-weight:bold;}
.t_list.type2 td {padding:12px 5px;}

.t_infor {padding:15px 0;border-top:2px solid #5674b2;border-bottom:1px solid #e0e0e0;background:#e8ebf4;}
.t_infor th {padding:5px 10px;color:#000;text-align:right;}
.t_infor td {padding:5px 0;color:#000;}
.t_infor td.m {border-right:1px solid #e0e0e0;}
.t_infor td.cont {padding:15px 20px 20px 20px;border-top:1px solid #dedede;}

.t_input {float:left;width:50%;margin:10px 0;background:#FFF;color:#626262;border:1px solid #cfcfcf !important;}
.t_input th {padding:5px;border-top:1px solid #cbcbcb;font-weight:normal;color:#626262;text-align:center;background:url(/Adm/image/sub/bg_list.gif) left bottom repeat-x;}
.t_input td {padding:2px;border:1px solid #cfcfcf;font-weight:normal;}
.t_input td input[type=radio] {margin: 0 0 0 10px !important;}
.t_input input[type=text] {border:1px solid #c4cdd6;}
.t_input td.right1 {background:#fafafa;text-align:center;}
.t_input td.right {background:#fcfcfc;}

.t_check {border-top:1px solid #ededed;background:#fcfcfc;border-bottom:1px solid #f6f6f6;}
.t_check td {padding:5px 0;}

.t_from {border-top:0px solid #5674b2;margin:0; font-size:13px;}
.t_from th {padding:9px 10px;border-bottom:1px solid #b5b8bb; border-top:1px solid #b5b8bb; font-weight:normal;text-align:left;color:#333;background:#f1f2f3;line-height:20px; font-weight:bold;}
.t_from td {padding:6px 10px;border-bottom:1px solid #d0d3d6; border-top:1px solid #d0d6d2;color:#000;line-height:20px; vertical-align:top;}
.t_from td textarea {padding:10px;}
.t_from td.cont input[type=button] {float:left;margin:0 0 0 10px;border:1px solid #dcdcdc;white-space:nowrap;line-height:97px;padding:0 20px;text-align:center;font-weight:bold;background:url(/Adm/image/sub/bg_list.gif) left top repeat-x #fbfbfb;}
.t_from td.reply {padding:5px 10px;}
.t_from td.reply .replyBox {padding:10px;border-bottom:1px dotted #ededed;}
.t_from td.reply .replyBox .subject {padding:10px 0;}
.t_from td.reply .replyBox .subject a.close  {display:inline-block;margin:0 0 0 10px;width:15px;height:15px;line-height:15px;text-align:center;font-size:10px;font-weight:bold;color:#FFF;background:#b5b5cd;}
.t_from td .t {display:inline-block;margin:0px 5px 0px 20px;}
.t_from td.none table, .t_from td.none td {border:none !important;}
.t_from td.none textarea {border:1px solid #CCC !important;}
.t_from.va-middle td {vertical-align:middle;}
.member-row {margin:0px 0 5px;}
.issue {overflow:hidden;margin:0px;padding:0;border-top:2px solid #3e4260;}
.issue li {float:left;margin:0;padding:10px 0;width:252px;border-bottom:1px dotted #ededed;}

.t_time {border:1px solid #d8dadc;border-top:2px solid #3e4260;}
.t_time th {padding:8px 10px;background:#fbfbfb;border-bottom:1px solid #d8dadc;}
.t_time td {padding:8px 10px;border:1px solid #eeeeee;text-align:center;}
.t_time th.tit {background:#f2f5f8;border-right:1px solid #d8dadc;color:#313131;}
.t_time th.date {background:#f7f9fa;border-bottom:1px solid #e2e5e7;border-right:1px solid #edeeef;color:#3e4260;font-weight:normal;}
.t_time th.set {color:#5771e6;}
.t_time th.sun {color:#e60012;}
.t_time td.date {border-bottom:1px solid #f0f1f2;}

.regBox {overflow:hidden;}
.regBox .requestBox {float:left;margin:0 20px 0 0;width:950px;}
.regBox .receiptBox {float:left;width:320px;}

.comment {overflow:hidden;padding:10px;border:1px solid #eeeeee;background:#f6f6f6;}
.comment .tit {padding:0 0 5px 0 !important;font-weight:bold;}
.comment textarea {float:left;border:1px solid #dcdcdc;padding:10px;width:85%;}
.comment input[type=submit] {float:left;margin:0 0 0 10px;border:1px solid #dcdcdc;white-space:nowrap;line-height:80px;padding:0 20px;text-align:center;font-weight:bold;background:url(/Adm/image/sub/bg_list.gif) left top repeat-x #fbfbfb;}

.comment_reply {padding:5px 10px;}
.comment_reply .replyList {padding:10px;border-bottom:1px dotted #ededed;}
.comment_reply .replyList .subject {padding:10px 0;}
.comment_reply .replyList .subject a.close  {display:inline-block;margin:0 0 0 10px;width:15px;height:15px;line-height:15px;text-align:center;font-size:10px;font-weight:bold;color:#FFF;background:#b5b5cd;}

.btnSet {padding:10px 20px;text-align:center;}

/*  파일업로드 */
.file_box {padding-top:.65rem;}
.file_box .tab_wrap {display:flex; align-items: flex-start;gap:1.5rem; padding-bottom:.25rem; }
.file_box .tab_wrap li {font-size:.95rem; line-height:1.5em; padding-bottom:.25rem; border-bottom:2px solid transparent; font-weight:600; color:#6a726b; font-family: 'Pretendard'; cursor:pointer;}
.file_box .tab_wrap li:before {content: "\e929"; font-family:'xeicon'; display:inline-block; vertical-align:middle; font-weight:500; font-size:1.65rem; display:none; }
.file_box .tab_wrap li.active {font-weight:bold; color:var(--color-main); border-color:var(--color-main)}
.file_box .tab_wrap li.active:before { display:inline-block; }
.file_box .wrap {margin:0; padding:.85rem 1rem; border-radius:.5rem; display:flex;  flex-direction: column; align-items: center; gap:.5rem; background-color:#ecf5ed; border:1px dashed var(--color-main) }
.file_box .row {display:flex;  justify-content: center; align-items: center; gap:.5rem;}
.file_box span {display:inline-flex; align-items: center;gap:.25rem;}
.file_box em {font-size:.8rem; color:#444; margin-right:.2rem;}
.file_box .btn_sch {font-size:0; width:40px; text-align:center; border:0;background:#444 url('/Adm/image/search_w.svg') no-repeat center ; background-size: auto 55%;}
.file_box input {height:40px;padding-left:.5rem; padding-right:.5rem}
.file_box .button {background-color:var(--color-main); color:#fff; font-size:.95rem; border:0; font-family: 'Pretendard'; padding:0 1rem; cursor:pointer;}

.input_file { position:relative;display:inline-block; width:auto; padding-left: 40px; height: 40px; margin: 0 !important; border: 1px solid #a5b1a9; background-color: #fff !important;
                    background-image: url('/Adm/image/ico_fileup.png'); font-size: 13.5px; background-repeat: no-repeat; background-position: 13px center; border-radius: 5px;
}
.input_file input {background:transparent; border:0; line-height:40px;}
.input_file label {position:absolute; right:0; top:0; border:0px solid #f00; width:100%; height:2.5rem; line-height:2.5rem; text-align:center; font-size:.8rem;color:#fff;  cursor: pointer !important;}
.input_file .icon2 { position: absolute; right: 0; top: -1px; right:-1px; width: 70px; height:2.5rem; background-color: #859186; border-radius:0 .3rem .3rem 0; cursor: pointer !important;}
.input_file .icon2 > input { width: 100%; cursor: pointer; }
.input_file .icon2:hover { box-shadow: none;}

.input_file input[type="file"]::-webkit-file-upload-button {  display: none;}
/* 파이어폭스 */
.input_file input[type="file"]::file-selector-button {  display: none;}
.text_form {border:0; width:auto !important; min-width:200px !important;}
.file_pd {padding:3px 0;}
.file_pd input[type=checkbox] + label {margin-left:5px; font-size:12px; color:#666;}

.inp-file { display: inline-block; vertical-align:middle; padding:0;}
.inp-file label {display: block;	position:relative; text-align: center;	box-sizing: border-box; height:32px; width:100px; padding: 0 5px;border: 1px solid #ccc;border-radius:60px; background-color: #fff; cursor: pointer;transition: all 0.2s ease-in;}
.inp-file label:before {content:"\eb7b";font-family:'xeicon'; display:inline-block; vertical-align:top;  margin-right:5px; font-size:18px;line-height:30px;   }
.inp-file label span {display: inline-block;vertical-align: top;height:32px !important; line-height:30px !important; font-size: 13px;color: #666;}
.inp-file 	input[type="file"] { display:none;}
.inp-file .disabled label { cursor: default; background-color: #f1f1f1 !important; }
.inp-file .disabled label  span { color: #999; }

/*  pagination */
.page {padding:5px 0;display:flex;  justify-content: center; align-items: center;}
.page a {display:inline-flex;  justify-content: center; align-items: center;white-space:nowrap; margin:0 ;margin-left:-1px; padding:0 10px;height:30px; border:1px solid #e8eaee; font-weight:bold;background-repeat:no-repeat; background-position: center ; background-size:auto 35%;}
.page a.on,
.page a.on:hover  {text-decoration:none;background-color:var(--color-main); border-color: var(--color-main); color:#fff}
.page a:hover {background-color:#eeeff0; color:var(--color-main); text-decoration: none;}
.page a span {visibility:hidden;}
.page a.prev {  width:30px; 
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23555555;%7D%0A%3C/style%3E%3Cg%3E%3Crect x='9.1' y='11.9' transform='matrix(0.707 -0.7072 0.7072 0.707 -3.248 22.0594)' class='st0' width='31.8' height='6'/%3E%3Crect x='22' y='18.1' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -16.7551 27.6507)' class='st0' width='6' height='31.8'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.page a.first {  width:40px; margin-left:0; border-radius:4px 0 0 4px;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23555555;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Crect x='0.1' y='12.4' transform='matrix(0.707 -0.7072 0.7072 0.707 -6.2382 15.8416)' class='st0' width='31.8' height='6'/%3E%3Crect x='13' y='18.6' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -19.7446 21.4335)' class='st0' width='6' height='31.8'/%3E%3C/g%3E%3Cg%3E%3Crect x='19.1' y='12.4' transform='matrix(0.707 -0.7072 0.7072 0.707 -0.6717 29.2781)' class='st0' width='31.8' height='6'/%3E%3Crect x='32' y='18.6' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -14.1796 34.8685)' class='st0' width='6' height='31.8'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.page a.next {  width:30px; 
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23555555;%7D%0A%3C/style%3E%3Cg%3E%3Crect x='22' y='-0.5' transform='matrix(0.7072 -0.707 0.707 0.7072 -3.6031 22.1993)' class='st0' width='6' height='31.8'/%3E%3Crect x='9.1' y='31.6' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -17.1087 27.7971)' class='st0' width='31.8' height='6'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.page a.last {  width:40px; border-radius:0 4px 4px 0;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23555555;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Crect x='32' y='-0.5' transform='matrix(0.7072 -0.707 0.707 0.7072 -0.675 29.2696)' class='st0' width='6' height='31.8'/%3E%3Crect x='19.1' y='31.6' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -14.1797 34.8682)' class='st0' width='31.8' height='6'/%3E%3C/g%3E%3Cg%3E%3Crect x='13' y='-0.5' transform='matrix(0.7072 -0.707 0.707 0.7072 -6.2384 15.8361)' class='st0' width='6' height='31.8'/%3E%3Crect x='0.1' y='31.6' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -19.7447 21.4332)' class='st0' width='31.8' height='6'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

/*  comment*/
.comment_wrap {padding:1.5rem 0 0; border-top:5px solid #f5f5f5;}
.comment_wrap h2 {font-size:.95rem; font-weight:500; line-height:1.3em;}
.comment_wrap .item_box {display:flex; align-items: flex-start;gap:.5rem; padding-top:1rem;}
.comment_wrap .item_box textarea {width:100%; height:90px; border:1px solid #dedede; font-size:1rem; padding:1rem;font-family: 'Pretendard';}
.comment_wrap .item_box input {width:120px; height:90px;border:0; background-color: var(--color-main); color:#fff;}
.comment_wrap .reply_list {padding-top:.5rem;}
.comment_wrap .reply_list ul {padding-top:.5rem; gap:.35rem;max-height:150px; overflow-y:auto;}
.comment_wrap .reply_list li {border-bottom:1px solid #eee;padding:.5rem 0.5rem .5rem 0; display:flex;  justify-content: space-between;}
.comment_wrap .reply_list li:last-child {border:0;}
.comment_wrap .reply_list li span {font-size:13px;}
.comment_wrap .reply_list li span.name {width:110px; text-align:right; font-weight:bold; color:#333;}
.comment_wrap .reply_list li span.date {font-size:12px; color:#777}
.comment_wrap .reply_list li>div {display: flex;align-items: center;gap:.85rem;}
.comment_wrap .reply_list li>div input[type="button"] {font-size:12px; border:1px solid #666; height:25px; padding:0 .65rem; background-color:#fff; color:#111; display:flex;align-items: center; line-height:1}

.txt_red { color:#FF0000; }
.box { background:#f3f4f9; padding:15px; border:3px solid #ebecf0; margin:0 0 14px 0; }

.rightBtnLayer { float:right; margin-right:10px; }
.rightBtnLayer span {display:inline-block;margin:0px 0px 0px 10px;}

.dbBox {margin:0px 20px 0px 0px;float:left;padding:10px;width:30%;border:1px solid #ededed;border-top:2px solid #5674b2;}
.dbBox .tit_db {margin:0px;padding:5px;font-size:18px;font-weight:bold;}

.mailListBox {float:left;position:relative;margin:10px 30px 0px 0px;padding:0px 30px 0px 0px;width:35%;min-height:400px;border-right:1px solid #ededed;}
.mailListBox .t_list {margin:0px;}
.mailListBox .subtitle {border-top:1px solid #999;height:30px;font-size:16px !important;}
.mailListBox select {position:absolute;right:20px;top:10px;}
.mailFormBox {float:left;width:60%;margin:10px 0px 0px 0px;}
.mailFormBox .subtitle {border-top:1px solid #999;height:30px;font-size:16px !important;}

.sms_wrap {display:flex; align-items: flex-start; padding:1rem;}
.sms_wrap .btn_write {height:1.85rem; padding:0 1rem; border-radius:3rem; background-color:var(--color-main); color:#fff; font-size:.85rem; font-weight:500; display:inline-flex; align-items: center;font-family: 'Pretendard';}
.sms_wrap .btn_write:before {content: "\e9c4"; font-family:'xeicon'; display:inline-block; vertical-align: middle; color:#fff; margin-right:.25rem;}
.sms_wrap .text_item {display:flex; width:calc(100% - 250px);padding-left:3rem;  flex-direction: column; gap:3rem; }
.sms_wrap .sms_list {display:flex; flex-wrap: wrap; gap:1rem; margin-top:1rem;}
.sms_wrap .sms_list li {width:20%;}
.sms_wrap .sms_list .txt_box {border:1px solid #ccc;font-size:.95rem; color:#333333;}
.sms_wrap .sms_list .txt_box textarea {width:100%; height:120px; line-height:1.4em; border:0; padding:1rem; cursor:pointer}
.sms_wrap .sms_list li:hover .txt_box {border-color:#333; box-shadow: 0px 3px 10px rgba(0,0,0,0.07);}
.sms_wrap .sms_list li .txtBtn {text-align:right; padding-right:1rem; padding-bottom:.5rem;}
.sms_wrap .sms_list li .txtBtn a {font-size:.8rem; color:#333; text-decoration: underline;}
.sms_wrap textarea[readonly] {border-color: #ccc; background-color:#fff;color:#333;}
.sms_wrap textarea[readonly]:focus {border-color: #ccc;background-color:#fff;color:#333;}
/* 레이어팝업 */
.smstxt_box {position:relative}
.smstxt_box textarea{width:100%; height:200px; background-color:#1c1d22; padding:1rem; font-size:15px;color:#fff; border:0;}
.smstxt_box .txtLimit {position:absolute; right:.85rem; bottom:.85rem;font-size:13px; color:rgba(255,255,255,.5)}
.smstxt_box .txtLimit span {color:#fff; font-size:13px; }

.smsSendBox { width:250px;padding:1rem 1rem 1.5rem; border-radius:1rem; background-color:#f5f5f5}
.smsSendBox input[type=text],
.smsSendBox select {height:36px;padding-left:.5rem; border:1px solid #ccc; border-radius:5px;}
.smsSendBox h3 {font-size:.95rem; font-weight:bold; color:#333; line-height:1.4em; margin:.85rem 0 .25rem;}
.smsSendBox .smsBox .smsCont {position:relative;  }
.smsSendBox .smsBox .smsCont .textwrap {position:relative;}
.smsSendBox .smsBox .smsCont .item_list {display:flex; flex-direction: column; gap:.35rem; }
.smsSendBox .smsBox .smsCont textarea { width:100%;padding:.85rem;height:180px; line-height: 1.5em;border:0;  border-radius:.5rem;  font-size:14px; background-color:#1c1d22 !important; color:#FFF;}
.smsSendBox .smsBox .smsCont .textLimit {padding:0;text-align:right; color:rgba(255,255,255,.5); position:absolute; right:1rem; bottom: 0.85rem;}
.smsSendBox .smsBox .smsCont .textLimit span {color:#fff;}
.smsSendBox .smsBox .smsCont .textSelect {padding:5px 0px;}
.smsSendBox .smsBox .smsCont .textSelect a {padding:2px 10px !important; background-color:#999; border-color:#999; color:#fff !important; border-radius:5rem;}
.smsSendBox .smsBox .smsBtn { text-align:center;margin-top:.65rem; }
.smsSendBox .smsBox .smsBtn a {display:block;padding:.85rem  0;color:#FFF;font-size:16px;font-weight:bold; border-radius:.5rem;background:var(--color-main);font-family: 'Pretendard';}
.smsSelectBox { width:100%;}
.smsSelectBox .copyBox {border:1px solid #dcdcdc;background:#f6f6f6;padding:10px;text-align:center;}
.smsSelectBox .copyBox span {display:inline-block;padding:0px 5px;font-size:14px;}
.smsSelectBox .tab {margin-top:.5rem; font-size:1.125rem; font-weight:700; color:#333; padding-bottom:.5rem; margin-bottom:1rem;border-bottom:1px solid #666; font-family: 'Pretendard'; display:flex; justify-content: space-between;  }

.popup_sms textarea { width:100%; background-color:#f5f5f5; border:1px solid #ccc; border-radius:.5rem; padding:1rem; color:#333 !important; line-height:1.5em; height:200px; margin-bottom:.35rem;}
.popup_sms .txtLimit {text-align: right; color:#333; font-size:.85rem;}
.popup_sms  select {width:100%;}

/* 시세매핑 */
.mappingBox {overflow:hidden;}
.mappingBox .mapping_L {float:left;width:470px;margin:0px 20px 0px 0px;border:1px solid #dcdcdc;padding:20px;}
.mappingBox .mapping_L .title, .mappingBox .mapping_L .title {position:relative;font-size:16px;font-weight:bold;padding:0px 0px 10px 0px;}
.mappingBox .mapping_R {float:left;}
.mappingBox .mapping_L .title .btnArea {position:absolute;right:0px;top:0px;font-size:12px;}

/* 차량정보조회*/
.ul_list {display:flex; flex-wrap: wrap; margin-top:.5rem; font-family: 'Pretendard';}
.ul_list li {width:33.3%; display:flex;color:#000;padding:.5rem; font-size:.9rem; line-height:1.3em;}
.ul_list li span {color:#777; width:90px;}
.ul_list li>div {font-weight:700;}
.option_wrap {display:flex; margin-bottom:1rem; padding-top:.65rem;}
.option_wrap h3 {font-size:.9rem; color:#555; background-color:#f4f4f4; padding:.5rem .65rem;}
.option_wrap .option_table { display:flex; width:100%;gap:.35rem;}
.option_wrap .option_box{ display: flex;  flex-direction: column; width:20%; gap:.5rem;}
.option_wrap .option_box .option_list {display:flex; flex-direction: column; gap:.25rem; line-height:1.4em;padding:0 0 0 .5rem; }
.option_wrap .option_box .option_list input[type=checkbox] + label { font-size:13px;}
.option_wrap.add { flex-direction: column; gap:1rem; padding-top:2rem; border-top:1px dashed #dedede;}
#option_name {display:block; }
#option_name li {list-style: none;}


/* 오픈팝업 */
.open_popup { background-color:#fff; }
.open_popup .wrap {height:100%;}
.open_popup .head {height:50px; padding:0 .65rem; margin:0;width:100%; position:fixed; left:0; top:0; background-color:#fff;display:flex; justify-content: space-between; align-items: center;border-bottom:1px solid #ddd; z-index:10}
.open_popup .body {padding:50px .65rem .65rem; }
.open_popup .subtitle {display:flex; justify-content: space-between; align-items: center;padding:2rem 0 .5rem }
.open_popup .subtitle.first {padding-top:0;}
.open_popup h2 {font-size:1.05rem; font-weight:700; color:#222;}

.open_popup .s_title {font-size:.95rem; font-weight:600; color:#333; line-height:1.3em; margin:1.5rem 0 .5rem;}
.open_popup .s_title.first {margin-top:1rem;}
.open_popup .button_wrap {padding-bottom:0;}