@charset "utf-8";

@import url(front-before.css);

.scroll {overflow-x: hidden; overflow-y: auto;}
.scroll::-webkit-scrollbar {width: 6px; height: 6px;}
.scroll::-webkit-scrollbar-track {background-color: #eeeded;}
.scroll::-webkit-scrollbar-thumb {background-color: #bfbebe; border-radius: 3px;}

/*form*/
.tab-raGroup {margin-bottom: 10px; width: 100%;}
.tab-raGroup[class*="stickybox"] {background-color: #fff; margin-bottom:0; padding-bottom: 10px;}
.ra-group {display: inline-flex; align-items: center; vertical-align: middle;}
.ra-box {position: relative; display: inline-block; margin-right: 15px; vertical-align: middle; line-height: 18px;}
.ra-box input[type='radio']{width:0;height:0;opacity:0; position: absolute; top: 0; left: 0;}
.ra-box input[type='radio'] + label {cursor: pointer; position: relative; padding-left: 26px; padding-top: 1px; line-height: 18px; color: #333; font-size: 13px; font-weight: bold; letter-spacing: -0.04em; vertical-align: top;}
.ra-box input[type='radio'] + label:before{content:'';display:inline-block;width:18px;height:18px;position: absolute; left: 0; top: 0; background-image:url("../images/ra-box.png");background-repeat:no-repeat;background-position:0 0;vertical-align:middle;}
.ra-box input[type='radio']:hover + label::before {background-position:-36px 0;}
.ra-box input[type='radio']:checked:hover + label:before,
.ra-box input[type='radio']:checked + label:before {background-position:0 -18px;}
.ra-box input[type='radio']:hover + label{color: #000;}
.ra-box input[type='radio']:disabled + label {cursor: default;}
.ra-box input[type='radio']:disabled + label::before {background-position: -18px 0;}
.ra-box input[type='radio']:disabled:checked:hover + label,
.ra-box input[type='radio']:disabled:hover + label {color: #898989;}
.ra-box input[type='radio']:disabled:checked:hover + label:before,
.ra-box input[type='radio']:disabled:checked + label:before {background-position: -18px -18px;}
.ra-box.solo {width: 24px; height: 24px; margin-right: 0;}
.ra-box.solo input[type='radio'] + label {text-indent: -9999em; padding-left: 18px; height: 18px;}
.ra-box.solo input[type='radio'] + label:before {top: 0;}

.chk-box {position: relative; display: inline-block; vertical-align: middle; line-height: 18px;}
.chk-box + .chk-box {margin-left: 15px;}
.chk-box input[type='checkbox']{width:0;height:0;opacity:0; position: absolute; top: 0; left: 0;}
.chk-box input[type='checkbox'] + label {cursor: pointer; position: relative; line-height: 18px; color: #333; font-size: 13px; font-weight: bold; letter-spacing: -0.005em; vertical-align: top;}
.chk-box input[type='checkbox'] + label:before{content:''; display:inline-block; width:18px; height:18px; margin-right: 10px; background-image: url("../images/chk-box.png"); background-repeat: no-repeat; background-position: 0 0; vertical-align: top;}
.chk-box input[type='checkbox']:hover + label::before {background-position:-36px 0;}
.chk-box input[type='checkbox']:checked:hover + label:before,
.chk-box input[type='checkbox']:checked + label:before {background-position:0 -18px;}
.chk-box input[type='checkbox']:hover + label{color: #000;}
.chk-box input[type='checkbox']:disabled + label {cursor: default;}
.chk-box input[type='checkbox']:disabled + label::before {background-position: -18px 0;}
.chk-box input[type='checkbox']:disabled:hover + label,
.chk-box input[type='checkbox']:disabled:checked:hover + label {color: #333;}
.chk-box input[type='checkbox']:disabled:checked:hover + label:before,
.chk-box input[type='checkbox']:disabled:checked + label:before {background-position: -18px -18px;}
.chk-box.solo {width: 18px; height: 18px; margin-right: 0;}
.chk-box.solo input[type='checkbox'] + label {text-indent: -9999em; padding-left: 18px; height: 18px;}
.chk-box.solo input[type='checkbox'] + label:before {top: 0;}
table td .chk-box.solo {vertical-align: text-top;}

.chk-box.right input[type='checkbox'] + label::before {content: none;}
.chk-box.right input[type='checkbox'] + label::after {content:''; display:inline-block; width:18px; height:18px; margin-left: 10px; background-image: url("../images/chk-box.png"); background-repeat: no-repeat; background-position: 0 0; vertical-align: top;}
.chk-box.right input[type='checkbox']:hover + label::after {background-position:-36px 0;}
.chk-box.right input[type='checkbox']:checked:hover + label::after,
.chk-box.right input[type='checkbox']:checked + label::after {background-position:0 -18px;}
.chk-box.right input[type='checkbox']:disabled + label {cursor: default;}
.chk-box.right input[type='checkbox']:disabled + label::after {background-position: -18px 0;}
.chk-box.right input[type='checkbox']:disabled:checked:hover + label::after,
.chk-box.right input[type='checkbox']:disabled:checked + label::after {background-position: -18px -18px;}

/*박스형태*/
.rc-box-style1 {cursor: pointer;}
.rc-box-style1 .label {position: relative; display: flex; justify-content: center; align-items: center; min-width: 28px; height: 28px; border: 1px solid #ef6c00; border-radius: 14px; padding: 2px 14px; font-size: 13px; line-height: 18px; color: #ef6c00;}
.rc-box-style1 .label::before {content: ''; display: inline-flex; width: 14px; min-width: 14px; height: 14px; background: url(../images/ico/ico-check3.png) center center no-repeat;}
.rc-box-style1 input[type='radio'] + .label::before,
.rc-box-style1 input[type='checkbox'] + .label::before {margin-right: 3px;}
.rc-box-style1 .label:has(+input[type='radio'])::before,
.rc-box-style1 .label:has(+input[type='checkbox'])::before {margin-left: 3px;}
.rc-box-style1 input[type='radio'],
.rc-box-style1 input[type='checkbox'] {position: absolute; left: 0; right: 0; width: 0; height: 0; opacity: 0;}
.rc-box-style1 input[type='radio']:checked + .label,
.rc-box-style1 input[type='checkbox']:checked + .label {background-color: #ef6c00; border-color: #ef6c00; font-weight: 500; color: #fff;}
.rc-box-style1 input[type='radio']:checked + .label::before,
.rc-box-style1 input[type='checkbox']:checked + .label::before {filter: brightness(0) saturate(100%) invert(99%) sepia(34%) saturate(0%) hue-rotate(287deg) brightness(109%) contrast(101%);}

/*ico*/
.ico-open {width: 20px; height: 20px; background: url(../images/ico/ico-open.png) no-repeat center center;}
.ico-check {width: 21px; height: 21px; background-image: url(../images/ico/ico-check.png);}
.ico-check2 {width: 15px; height: 15px; background-image: url(../images/ico/ico-check2.png);}

.ico-new {background-image: url(../images/ico/ico-new.png);}
.ico-t-user {background-image: url(../images/ico/ico-t-user.png);}
.ico-t-good {background-image: url(../images/ico/ico-t-good.png);}
.ico-t-photo {background-image: url(../images/ico/ico-t-photo.png);}
.ico-t-mail {background-image: url(../images/ico/ico-t-mail.png);}

.ico-c3-mail {background-image: url(../images/ico/ico-c3-mail.png);}
.ico-act {width: 16px; height: 16px; background-image: url(../images/ico/ico-act.png);}
.ico-listRead {width: 29px; height: 23px; background-image: url(../images/ico/ico-listRead.png);}
.ico-listDel {width: 29px; height: 23px; background-image: url(../images/ico/ico-listDel.png);}
.ico-del {width: 23px; height: 23px; background-image: url(../images/ico/ico-del12.png);}

.ico-reset3 {width: 20px; height: 20px; background-image: url(../images/ico/ico-reset.png);}

.ico-pdf, .ico-word, .ico-ppt, .ico-excel, .ico-zip, .ico-img, .ico-etc, .ico-nofile {width: 20px; height: 20px; background-size: contain;}

[class*="ico-file1-"] {font-size: 0; width: 51px; height: 51px; background-position: center center; background-repeat: no-repeat; border-radius: 51px;}
.ico-file1-movie {background-image: url(../images/ico/ico-file1-movie.png);}
.ico-file1-pdf {background-image: url(../images/ico/ico-file1-pdf.png);}
.ico-file1-others {background-image: url(../images/ico/ico-file1-others.png);}
.ico-file1-online {background-image: url(../images/ico/ico-file1-online.png);}

.views {display: inline-block; line-height: 16px; padding: 4px 0 0 25px; /*padding: 0 20px 0 25px; margin: 20px 0 0 3px;*/ font-size: 13px; color: #999; background: url(../images/ico/ico-views.png)  0 1px no-repeat; min-height: 20px;}
.goods {display: inline-block; line-height: 16px; padding: 7px 2px 1px 19px; font-size: 13px; color: #999; background: url(../images/ico/ico-gNum.png) 0 1px no-repeat; min-height: 20px;}
.replays {display: inline-block; line-height: 16px; padding: 4px 2px 1px 31px; font-size: 13px; color: #999; background: url(../images/ico/ico-claNum.png) 0 2px no-repeat; min-height: 20px;}

.like-area {display: inline-block; margin-right: 8px;}
.like-area .sum {padding: 3px 2px 1px 22px; font-size: 11px; font-weight: bold; text-decoration: underline; color: #333; line-height: 16px; background: url(../images/ico/ico-gNum.png) 0 center no-repeat;}
.like-area .sum:hover {color: #f36f20;}
.like-list {display: none; position: absolute; z-index: 10; width: 1000px; max-height: 158px; left: 0; top: -100px; padding: 8px 10px 6px 40px; border: 1px solid #ddd; background-color: #fff;}
.like-list ul {padding: 10px 0; font-size: 0;}
.like-list li {display: inline-block; width: 33.33%; padding: 10px 8px; border-bottom: 0;}
.like-list li:hover {background-color: #f5f5f5;}
.like-list li .info {padding-top: 4px; padding-right: 20px; margin-left: 4px; vertical-align: top;}
.like-list li a {display: block; word-wrap: break-word; word-break: keep-all;}
.like-area.open .like-list{display: block;}
.like-list li .ico-user {width: 40px; height: 40px; background-color: #fff; border: 1px solid #b2b0b2; vertical-align: top;}
.like-list [class^="btn-del"] {position: absolute; right: 4px; top: 4px;}

.txt-claNum {padding: 3px 2px 1px 34px; font-size: 11px; font-weight: bold; color: #333; line-height: 16px; background: url(../images/ico/ico-claNum.png) 0 center no-repeat;}
.txt-vNum {padding: 6px 2px 1px 24px; font-size: 11px; font-weight: bold; color: #333; line-height: 16px; background: url(../images/ico/ico-vNum.png) 0 center no-repeat;}
.txt-gNum {padding: 8px 2px 1px 19px; font-size: 11px; font-weight: bold; color: #333; line-height: 16px; background: url(../images/ico/ico-gNum.png) 0 center no-repeat;}

/*제목 뒤에 붙는 new 또는 특정텍스트 뒤에 붙을때*/
.new-targetA,
.new .new-target,
.new .tit {position: relative; padding-right: 28px;}
.new-targetA::after,
.new .new-target::after,
.new .tit::after {content: ''; display: inline-block; vertical-align: text-bottom; width: 17px; height: 16px; background: url(../images/ico/ico-new.png) center center no-repeat; position: absolute; right: 0; top: 1px;}


/*button*/
.btn-ix {min-width: 100px; height: 36px; text-align: center; padding: 0 14px; background-color: #fff; border: 1px solid #939393; border-radius: 18px; display: inline-flex; justify-content: center; align-items: center; /*font-family: 'Malgun Gothic', '맑은 고딕','arial', dotum, '돋움', sans-serif; font-weight: bold; font-family:'HankookTire', sans-serif;*/}
.btn-ix:hover {background-color: #f5f5f5;}
.btn-ix .ix-txt,
.btn-ix [class*="ico-"] {vertical-align: middle;}
.btn-ix .ix-txt {line-height: 14px; font-size: 13px; color: #808080; font-weight: 500; white-space: nowrap;}
.btn-ix .ix-txt + [class*="ico-"],
.btn-ix [class*="ico-"] + .ix-txt {margin-left: 6px;}
.btn-ix .ix-txt.fc-or {color: #ec6608 !important;}

/*before 초기화*/
.btn-ix[class*="type"] {height: 36px; padding: 0 14px;}
.btn-ix[class*="type"] .ix-txt {line-height: 14px; font-size: 13px; letter-spacing: inherit; text-shadow: none;}

.btn-ix.type1 {border-radius: 2px; border-color: #ddd;}
.btn-ix.type1:hover {border-color: #444; background-color: #fff;}
.btn-ix.type1 .ix-txt {color: #333; font-weight: 500;}

.btn-ix.type2 {border-color: #f36f20; height: 36px; background-color: #f36f20; border-radius: 18px;}/*버튼 price_pfofit > OPEN:변경불가, 픽스*/
.btn-ix.type2:hover {background-color: #e65e10;}
.btn-ix.type2 .ix-txt {color: #fff;}

.btn-ix.type3 {border-radius: 2px; border-color: #777; background-color: #777;}/*단순이동 사용시, 아이콘 없이:추후 변경가능*/
.btn-ix.type3:hover {border-color: #333; background-color: #333;}
.btn-ix.type3 .ix-txt {color: #fff;}

.sub-title .btn-ix.type4,
.btn-ix.type4 {border-radius: 2px; background-color: #f36f20; border-color: #f36f20;}/*기능의미 사용시, 아이콘 없이:추후 변경가능*/
.btn-ix.type4:hover {background-color: #e65e10; border-color: #e65e10;}
.btn-ix.type4 .ix-txt {color: #fff;}

.btn-ix.type5 {border-radius: 2px; background-color: #fff; border-color: #f36f20;}
.btn-ix.type5:hover {background-color: #ffeadf; border-color: #f36f20;}
.btn-ix.type5 .ix-txt {color: #333; font-weight: 500;}

.sub-title .btn-ix.type6,
.btn-ix.type6 {border-radius: 2px; background-color: #ef0000; border-color: #ef0000;}/*기능의미 사용시, 아이콘 없이:추후 변경가능*/
.btn-ix.type6:hover {background-color: #bb0e0e; border-color: #bb0e0e;}
.btn-ix.type6 .ix-txt {color: #fff;}

.sub-title .btn-ix.type7,
.btn-ix.type7 {border-radius: 2px; background-color: #444; border-color: #444;}/*기능의미 사용시, 아이콘 없이:추후 변경가능*/
.btn-ix.type7:hover {background-color: #000; border-color: #000;}
.btn-ix.type7 .ix-txt {color: #fff;}

.btn-ix.type-fas { min-width: 36px; padding: 0; border-radius: 2px; border-color: #ddd;}
.btn-ix.type-fas:hover {border-color: #444; background-color: #fff;}
.btn-ix.type-fas .ix-txt {color: #333; font-weight: 500;}

.btn-add {position: relative; text-indent: -999rem; background-color: #fff; border: 1px dashed #f5b570; border-radius: 12px; padding: 2px 29px 2px 15px; font-size: 12px; line-height: 20px; color: #f37020; font-weight: bold; letter-spacing: -0.015em; min-width: 100px;}
.btn-add::after {content: ''; display: block; width: 14px; height: 14px; background: url(../images/ico/ico-add.png) center center no-repeat; position: absolute; top: 50%; right: 9px; margin-top: -7px;}
.btn-add:hover {border-color: #ca4d00;}

.btn-refresh {text-indent: -999rem; display: inline-block; width: 26px; height: 26px; background: url(../images/ico/ico-refresh.png) center center no-repeat; border-radius: 100%; vertical-align: top; font-size: 0; overflow: hidden;}
.btn-refresh:hover {background-color: #ffefe3;}

.btn-blank {text-indent: -999rem; font-size: 0; width: 30px; height: 30px; background: url(../images/ico/ico-blank.png) center center no-repeat; border-radius: 2px;}
.btn-blank:hover {background-color: rgba(0,0,0,0.1);}

.btn-info {text-indent: -999rem; font-size: 0; width: 22px; height: 22px; background: url(../images/ico/ico-info.png) center center no-repeat; border-radius: 20px;}
.btn-info:hover {background-color: rgba(0,0,0,.05);}

.btn-favoChk4 {text-indent: -999rem; width: 36px; height: 36px; position: relative;}
.btn-favoChk4::before {content: ''; display: inline-block; vertical-align: top; width: 25px; height: 23px; background-image: url(../images/ico/ico-favoChk4.png); background-position: 0 0; background-repeat: no-repeat;
	position: absolute; top: 50%; left: 50%; margin-top: -13px; margin-left: -13px;}
.btn-favoChk4.on::before {background-position: 100% 0;}
.btn-favoChk4:hover {background-color: rgba(0,0,0,0.05);}

.btn-ix.btn-MT .ix-txt:hover {background-color: #fff;}

.btn-more1 {text-indent: -999rem; width: 24px; height: 24px; border-radius: 2px; background-image: url(../images/ico/ico-more1.png); background-position: center center; background-repeat: no-repeat;}
.btn-more1:hover {background-color: rgba(0,0,0,0.05);}
.btn-more1.item-more {transform: rotate(90deg); margin: 3px 0 0 4px; vertical-align: top;}
.btn-more1.item-more:hover {background-color: transparent;}

.btn-sh4 {text-indent: -999rem; overflow: hidden; width: 15px; height: 15px; background: transparent url(../images/ico/ico-arrowTB4.png) center 12px no-repeat; transform: rotate(0deg);}
.btn-sh4:hover {background-color: rgba(0,0,0,0.05);}
.btn-sh4.on {transform: rotate(180deg);}

.btn-del6{ background-image: url(../images/ico/ico-del6.png);}

[class*="btn-ad-"] {width: 24px; height: 24px; padding: 2px; position: relative;}
[class*="btn-ad-"] span {width: 20px; height: 20px; border-radius: 5px; background-color: #95a8b9; position: relative; display: block; text-indent: -999rem;}
[class*="btn-ad-"] span::before,
[class*="btn-ad-"] span::after {content: ''; display: block; width: 8px; height: 1px; background-color: #fff; position: absolute; left: 50%; top: 50%; margin-left: -4px;
 margin-top: -0.5px;}
[class*="btn-ad-"] span::after {transform: rotate(90deg);}
[class*="btn-ad-"]:hover span {background-color: #5c7e9d;}
.btn-ad-del span {background-color: #eb5757;}
.btn-ad-del span::after {content: none;}
.btn-ad-del:hover span {background-color: #c42727;}

.colorBg1 {background-color: #fef5f0;}
.colorBg2 {background-color: #d8f5fa;}

.colorT0 {color: #666;}
.colorT1 {color: #ec6608;}
.colorT2 {color: #ff0000;}
.colorT3 {color: #0000ff;}

[class*="flex-"]{ width: 100%; display: inline-flex;}
.flex-col{ flex-direction: column;}
.flex-col > *,
.flex-row > *{ margin: 0 !important;}
.flex-col.sb5 > * + *{ margin-top: 5px !important;}
.flex-col.sb10 > * + *{ margin-top: 10px !important;}
.flex-col.sb15 > * + *{ margin-top: 15px !important;}
.flex-col.sb20 > * + *{ margin-top: 20px !important;}
.flex-row{ flex-direction: row;}
.flex-row.sb5 > * + *{ margin-left: 5px !important;}
.flex-row.sb10 > * + *{ margin-left: 10px !important;}
.flex-row.sb15 > * + *{ margin-left: 15px !important;}
.flex-row.sb20 > * + *{ margin-left: 20px !important;}
.flex-sb{ display: flex; justify-content: space-between;}
.flex-sb > div{ flex: 1;}
.flex-sb.flex2_1 .sb-l{ flex: 2;}
.flex-sb.flex2_1 .sb-r{ flex: 1;}
.flex-sb.flex7_3 .sb-l{  width: 70%; flex: none;}
.flex-sb.flex7_3 .sb-r{ flex: 1; overflow: hidden;}

.flex1{ flex: 1 1 0%;}

.flex-right {justify-content: end; align-items: center;}
.flex-left {justify-content: start; align-items: center;}

.kword {color: #f47d39 !important;}

.detailInfo-head .area-title.flex-box:has( .flex-col.name) > .flex-col {flex-direction: row; gap: 10px;}

/*form*/
.input1 {outline: 0 none; height: 30px; border: 1px solid #ccc; padding: 5px 15px; color: #898989; color: #605f5f; font-size: 14px; line-height: 27px; font-weight: 300; letter-spacing: 0.04em; word-spacing: -0.02em;box-sizing: border-box; background-color: transparent;}

.accountRegi-area .input1 {height: 40px;}

.select1 {cursor: pointer; width: auto; height: 30px; padding: 0 32px 0 19px; border: 1px solid #ccc; color: #999; border-radius: 2px; box-sizing: border-box; font-weight: 300; word-spacing: -0.06em;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	background-color: transparent; background-image: url(../images/ico/ico-sel1.png); background-repeat: no-repeat; background-position: right 50%;
} 
.select1.timetype {background-image: url(../images/ico/ico-time3.png);}
.select1::-ms-expand {display: none;}
.select1:hover {border-color: #444;}
.select1:focus {border-color: #e65e10;}


/* select2 플러그인 커스텀 */
.select2-container {display: inline-block; background-color: #fff;}
.select2-container--default .selection {position: relative; width: 100%;}
.select2-container--default .selection::before {content: ""; position: absolute; width: 23px; height: 5px; right: -4px; top: 50%; margin-top: -2px; background: url(../images/ico/ico-sel1.png) no-repeat center center;}
.select2-container--default .select2-selection--multiple {display: inline-flex; width: 100%; align-items: center; min-height: 21px; padding-right: 50px; border: 1px solid #ccc; border-radius: 3px; vertical-align: top;}
.select2-container--default.select2-container--focus .select2-selection--multiple {border-color: #f9710c;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {padding: 0;}
.select2-container--default .select2-search--inline .select2-search__field {color: #000; font-size: 14px;}
.select2-container--default .select2-selection--multiple .select2-selection__clear {display: none; position: absolute; top: 50%; right: 10px; width: 8px; height: 8px; margin: -4px 0 0; background: url(../images/ico/ico-del.png) no-repeat center center; font-size: 0; text-indent: -999rem; overflow: hidden;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {margin: 2px;}
.select2-container .select2-search--inline .select2-search__field {padding: 0; margin: 0; width: 100% !important; font-size: 12px; padding-left: 5px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {display: none;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {background-color: transparent; border: none; padding: 2px; line-height: 1.2; font-size: 12px; color: #888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: auto;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {display: none;}

.select2-results .select2-results__option {position: relative; padding-left: 37px; font-size: 12px; line-height: 1.1;}
.select2-results .select2-results__option::before {content:'';display:inline-block;width:18px;height:18px;position: absolute; left: 10px; top: 50%; margin-top: -10px; background-image:url("../images/chk-box.png");background-repeat:no-repeat;background-position:0 0;vertical-align:middle;}
.select2-results .select2-results__option[aria-selected = true]::before {background-position:0 -18px;}

.select2-dropdown {border-color: #ccc; border-top: 1px solid #ccc !important; margin-top: -1px;}
.select2-container--open .select2-dropdown {min-width: 180px;}

/* select2 single 테마 커스텀 */
.select2-container--single .selection {position: relative; width: 100%;}
.select2-container--single .selection::before {content: ""; position: absolute; width: 23px; height: 5px; right: -4px; top: 50%; margin-top: -2px; background: url(../images/ico/ico-sel1.png) no-repeat center center;}
.select2-container--single .select2-selection--single {display: inline-flex; width: 100%; align-items: center; min-height: 23px; padding-right: 50px; border: 1px solid #ccc; border-radius: 3px; vertical-align: top;}
.select2-container--single .select2-container--focus .select2-selection--single {border-color: #f9710c;}
.select2-container--single .select2-selection--single .select2-selection__rendered {padding: 0 0 0 2;}
.select2-container--single .select2-search--inline .select2-search__field {color: #000; font-size: 14px;}
.select2-container--single .select2-selection--single .select2-selection__clear {display: none; position: absolute; top: 50%; right: 10px; width: 8px; height: 8px; margin: -4px 0 0; background: url(../images/ico/ico-del.png) no-repeat center center; font-size: 0; text-indent: -999rem; overflow: hidden;}
.select2-container--single .select2-selection--single .select2-selection__choice {margin: 2px;}
.select2-container--single .select2-search--inline .select2-search__field {padding: 0; margin: 0; width: 100% !important; font-size: 12px; padding-left: 5px;}
.select2-container--single .select2-selection--single .select2-selection__arrow b {display: none;}
.select2-container--single .select2-selection--single .select2-selection__choice {background-color: transparent; border: none; padding: 2px; line-height: 1.2; font-size: 12px; color: #888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: auto;}
.select2-container--single .select2-selection--single .select2-selection__choice__remove {display: none;}
.select2-container--single .select2-dropdown .select2-results .select2-results__option {position: relative; padding-left: 5px; font-size: 12px; line-height: 1.1;}
.select2-container--single .select2-dropdown .select2-results .select2-results__option::before {content:'';display:inline-block;width:0px;height:0px;position: absolute; left: 0px; top: 50%; margin-top: -10px; background-image:url("../images/chk-box.png");background-repeat:no-repeat;background-position:0 0;vertical-align:middle;}
.select2-container--single .select2-dropdown .select2-results .select2-results__option[aria-selected = true]::before {background-position:0 -20px;}
.select2-container--single .select2-dropdown {border-color: #ccc; border-top: 1px solid #ccc !important; margin-top: -1px;}
.select2-container--single .select2-container--open .select2-dropdown {min-width: 180px;}
.select2-container--single .select2-results {max-height: 200px; overflow-y: scroll;}

.select2-container--default .select2-selection--single {border-color: #ccc;}

/*.select2-container:hover .select2-selection {border-color: #444;}
.select2-container.select2-container--open .select2-selection {border-color: #f37020;}
.select2-container--open .select2-dropdown {border-top-color: #f37020 !important;}*/
.orgMgt-area .select2-container--default .select2-selection--multiple {display: inline-flex; width: 100%; align-items: center; min-height: 26px; padding-right: 20px; border: 1px solid #ccc; border-radius: 2px; vertical-align: top;}
.orgMgt-area .select2-container--default .selection::before{ width: 10px; height: 7px; background-image: url(../images/ico/ico-sel2.png); right: 5px;}

/*from set*/
.inForm-box {position: relative; height: 30px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #ddd; border-radius: 3px;}
.inForm-box .input {flex: 1; width: 100%; height: 100%; font-size: 12px; padding: 0 5px; background-color: #fff; border: none;}
.inForm-box .select {flex: 1; width: 100%; height: 100%; font-size: 12px; padding: 0 5px; background-color: #fff; border: none;}
.inForm-box .btn {width: 30px; height: 100%; background-position: center center; background-repeat: no-repeat; text-indent: -999rem;}
.inForm-box .btn.clear {background-image: url(../images/before/ico/ico-del8.png);}
.inForm-box .btn.search {background-image: url(../images/before/ico/ico-search1.png);}
.inForm-box .btn:hover {background-color: rgba(0, 0, 0, .05);}
.inForm-box .inFormIn-tagbox { background-color: #fff; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.inForm-box .inFormIn-inView {display: none; background-color: #fff; border: 1px solid #ddd; border-radius: 2px; position: absolute; left: -1px; right: -1px; top: 30px; z-index: 3;}
.table-list.form-type .inForm-box .input {height: 100%}

.inForm-box.type1,
.accountRegi-area .inForm-box {height: 40px; border-radius: 2px; padding-left: 5px; padding-right: 5px;}
.inForm-box.type1 .input,
.accountRegi-area .inForm-box .input {font-size: 13px; color: #999; padding-left: 10px;}

.inForm-box:hover {border-color: #444;}
.inForm-box.focus,
.inForm-box.focus .inFormIn-inView {border-color: #e65e10;}

.inForm-box.open {align-items: flex-start;}
.inForm-box.open .inFormIn-inView {display: block; z-index: 3;}

/*table*/
table .thbg {background-color: #f7f7f7 !important;}
table .th2 {background-color: #fff6eb !important;}
table p[class*="colorT"] + div,
table p[class*="colorT"] + p[class*="colorT"] {margin-top: 10px;}

table td.has-adBtn {position: relative;}
table td.has-adBtn > [class*="btn"] {position: absolute; top: 50%; transform: translateY(-50%); left: 100%; margin-left: 3px;}
table td.hasBtn-after,
.table-list tbody td.hasBtn-after {padding-left: 30px !important;}
.table-list tbody td.fulltype > .ta-r {padding-right: 16px;}

/**************************************************content*************************************************/
.content {display: flex; flex-direction: column; width: 100%; margin: 0 auto; flex: 1 0 auto;}

.cont-lc-area {display: flex; flex-direction: row; flex: 1;}
/* .cont-lc-area .lc-leftbox {position: relative; width: 217px; transition: .2s;}
.cont-lc-area .lc-leftbox .lnb-area {position: relative; z-index: 2; width: 100%; height: 100%; background-color: #fff; border: 1px solid #ddd; border-radius: 2px; overflow: hidden;}
.cont-lc-area .lc-leftbox .btn-lc {position: absolute; z-index: 1; top: 18px; right: -22px; width: 40px; height: 54px; border: 1px solid #ccc; border-radius: 15px; font-size: 0; text-indent: -999rem; overflow: hidden; box-shadow: 2px 2px 2px rgba(0, 0, 0, .04);}
.cont-lc-area .lc-leftbox .btn-lc::before {content: ""; position: absolute; top: 50%; right: 2px; margin-top: -10px; width: 20px; height: 20px; background: url(../images/ico/ico-arrow1.png) no-repeat center center; transform: rotate(180deg);}
.cont-lc-area .lc-leftbox .btn-lc:hover {background-color: #f5f5f5;}
.cont-lc-area .lc-leftbox .lnb-area .lnb-title {position: relative; display: flex; flex-direction: row; align-items: center; padding: 15px 17px; background-color: #f5bf1e; color: #fff; font-size: 20px; font-weight: 700; color: #000;}
.cont-lc-area .lc-leftbox .lnb-area .lnb-title::before {content: ""; display: inline-block; width: 20px; height: 20px; margin-right: 10px; background: url(../images/ico/ico-square.png) no-repeat center center;}
.cont-lc-area .lc-leftbox .lnb-area .lnb-list-wrap {padding: 4px 13px;}
.cont-lc-area .lc-leftbox .lnb-area .lnb-list-wrap .lnb-list {padding: 0;}
.cont-lc-area .lc-leftbox .lnb-area .lnb-list-wrap .lnb-list li .menu {position: relative; display: flex; flex-direction: row; align-items: center; width: 100%; height: 60px; border-bottom: 1px solid #ccc; font-size: 16px; font-weight: 700; color: #000; letter-spacing: -0.02rem; word-break: keep-all;}
.cont-lc-area .lc-leftbox .lnb-area .lnb-list-wrap .lnb-list li .menu .txt {transition: 0.3s;}
.cont-lc-area .lc-leftbox .lnb-area .lnb-list-wrap .lnb-list li .menu:hover {color: #e2af19;}
.cont-lc-area .lc-leftbox .lnb-area .lnb-list-wrap .lnb-list li .menu::before {content: ""; display: inline-block; flex: 0 0 22px; width: 22px; height: 22px; margin: -2px 5px 0 2px; background-repeat: no-repeat; background-position: center center;}
.cont-lc-area .lc-leftbox .lnb-area .lnb-list-wrap .lnb-list li:nth-child(1) .menu::before {background-image: url(../images/ico/ico-lnb1.png);}
.cont-lc-area .lc-leftbox .lnb-area .lnb-list-wrap .lnb-list li:nth-child(2) .menu::before {background-image: url(../images/ico/ico-lnb2.png);}
.cont-lc-area .lc-leftbox .lnb-area .lnb-list-wrap .lnb-list li:nth-child(3) .menu::before {background-image: url(../images/ico/ico-lnb3.png);}
.cont-lc-area .lc-leftbox .lnb-area .lnb-list-wrap .lnb-list li:nth-child(4) .menu::before {background-image: url(../images/ico/ico-lnb4.png);}
.cont-lc-area .lc-leftbox .lnb-area .lnb-list-wrap .lnb-list li:nth-child(5) .menu::before {background-image: url(../images/ico/ico-lnb5.png);}
.cont-lc-area .lc-leftbox .lnb-area .lnb-list-wrap .lnb-list li:nth-child(6) .menu::before {background-image: url(../images/ico/ico-lnb6.png);}
.cont-lc-area .lc-leftbox .lnb-area .lnb-list-wrap .lnb-list li:nth-child(1) .menu:hover::before {background-image: url(../images/ico/ico-lnb1_ov.png);}
.cont-lc-area .lc-leftbox .lnb-area .lnb-list-wrap .lnb-list li:nth-child(2) .menu:hover::before {background-image: url(../images/ico/ico-lnb2_ov.png);}
.cont-lc-area .lc-leftbox .lnb-area .lnb-list-wrap .lnb-list li:nth-child(3) .menu:hover::before {background-image: url(../images/ico/ico-lnb3_ov.png);}
.cont-lc-area .lc-leftbox .lnb-area .lnb-list-wrap .lnb-list li:nth-child(4) .menu:hover::before {background-image: url(../images/ico/ico-lnb4_ov.png);}
.cont-lc-area .lc-leftbox .lnb-area .lnb-list-wrap .lnb-list li:nth-child(5) .menu:hover::before {background-image: url(../images/ico/ico-lnb5_ov.png);}
.cont-lc-area .lc-leftbox .lnb-area .lnb-list-wrap .lnb-list li:nth-child(6) .menu:hover::before {background-image: url(../images/ico/ico-lnb6_ov.png);}

.cont-lc-area .lc-leftbox.collapse {width: 66px;
/*대시보드삭제로 lnb삭제 추후 필요시 아래 삭제*
display: none;
}
.cont-lc-area .lc-leftbox.collapse .lnb-area .lnb-title {justify-content: center;}
.cont-lc-area .lc-leftbox.collapse .lnb-area .lnb-title::before {margin-right: 0;}
.cont-lc-area .lc-leftbox.collapse .lnb-area .lnb-title .txt {display: none;}
.cont-lc-area .lc-leftbox.collapse .lnb-area .lnb-list-wrap {padding-left: 4px; padding-right: 4px;}
.cont-lc-area .lc-leftbox.collapse .lnb-area .lnb-list-wrap .lnb-list li .menu {justify-content: center;}
.cont-lc-area .lc-leftbox.collapse .lnb-area .lnb-list-wrap .lnb-list li .menu:hover {background-color: rgba(0, 0, 0, .05);}
.cont-lc-area .lc-leftbox.collapse .lnb-area .lnb-list-wrap .lnb-list li .menu .txt {opacity: 0; width: 0; overflow: hidden;}
.cont-lc-area .lc-leftbox.collapse .lnb-area .lnb-list-wrap .lnb-list li .menu:after {content: none;}
.cont-lc-area .lc-leftbox.collapse .btn-lc::before {transform: rotate(0deg);}

.cont-lc-area .lc-leftbox .lnb-area .lnb-list-wrap .lnb-list li.soon > a {color: #ccc !important; pointer-events: none;}
.cont-lc-area .lc-leftbox .lnb-area .lnb-list-wrap .lnb-list li.soon > .menu::before {opacity: .2;}
.cont-lc-area .lc-leftbox .lnb-area .lnb-list-wrap .lnb-list li.soon > .menu::after {opacity: 0;} */

.cont-lc-area .lc-leftbox{font-size: 14px; display: inline-block; vertical-align: top; position: relative; box-sizing: border-box;}
.cont-lc-area .lc-leftbox {width: 247px; width: 230px; background-color: #35404f; border-radius: 0 3px 0 0; position: relative; top: 0; left: -17px; left: 0;}
.cont-lc-area .lc-leftbox .lc-target {width: 247px; width: 230px;}

.cont-lc-area .lc-leftbox {z-index: 1; /*font-family: 'Noto Sans KR', sans-serif;*/}

.cont-lc-area.leftHide .lc-leftbox {left: -247px; left: -230px; position: absolute;}

.cont-lc-area.leftHideFix .lc-leftbox {display: none;}
.cont-lc-area.leftHideFix .lc-rightbox{ margin: 0;}

.cont-lc-area .btn-lc {position: absolute; top: 16px; right: -21px; width: 21px; background-color: #738595; border-color: #fff;}
.cont-lc-area .btn-lc::before,
.cont-lc-area .btn-lc::after {content: ''; display: block; width: 2px; height: 7px; background-color: #fff; position: absolute; left: 50%; top: 50%; margin-left: -2px; background-image: none;}
.cont-lc-area .btn-lc::before {transform: rotate(-45deg); margin-top: -1px;}
.cont-lc-area .btn-lc::after {transform: rotate(45deg); margin-top: -5px;}

.cont-lc-area.leftHide .btn-lc { right: -41px;}
.cont-lc-area.leftHide .btn-lc::before {transform: rotate(45deg);}
.cont-lc-area.leftHide .btn-lc::after {transform: rotate(-45deg);}

.lnb-area {width: calc(100% - 2px); background-color: transparent; border: 0;}
.lnb-area .lnb-tit { background-color: transparent; position: relative; display: block; width: 100%; height: 73px; padding: 23px 10px 0;}
.lnb-area .lnb-tit .title {font-size: 18px; line-height: 23px; color: #000; font-weight: bold; padding-left: 39px; margin-bottom: 1px; position: relative;}
.lnb-area .lnb-tit .title::before {content: ''; display: block; width: 18px; height: 18px; background: url(../images/common/ico-lnb-tit.png) center center no-repeat; position: absolute; top: 3px; left: 12px;}
.lnb-area .lnb-tit .fixSet-box .txt {color: #9dd7be; font-size: 14px; line-height: 19px; font-weight: bold;}
.lnb-area .lnb-tit .btn-onoff {display: flex; align-items: center; justify-content: center; border-radius: 10px; width: 87px; height: 35px; background: transparent url(../../common_sms/images/common/bg-btnonoff.png) center center no-repeat; float: none;}
.lnb-area .lnb-tit .btn-onoff::after {content: none;}
.lnb-area .lnb-tit .btn-onoff::before {content: ''; display: block; width: 18px; height: 18px; background: transparent url(../../common_sms/images/common/ico-btnfix.png) center center no-repeat; margin-right: 6px;}
.lnb-area .lnb-tit .btn-onoff:hover {background-color: rgba(0,0,0,0.5);}
.lnb-area .lnb-list + .lnb-list { padding: 0; border-top: 1px solid #465463;}
.lnb-area .lnb-list .list {position: relative;}
.lnb-area .lnb-list .list > ul {display: none;}
.lnb-area .lnb-list .list.on > ul,
.lnb-area .lnb-list.lnb-list-fixed .list > ul {display: block;}
.lnb-area .lnb-list .link {display: block;font-size: 13px;color: #bebfc0;line-height: 20px; letter-spacing: -0.02em; word-spacing: 0;}
.lnb-area .lnb-list .toggle {text-indent: -999rem; width: 20px; height: 20px; position: absolute; top: 0; right: 0; background-color: #738595;
 border-radius: 20px;}
.lnb-area .lnb-list .toggle:hover {background-color: #000;}
.lnb-area .lnb-list .toggle::before {content: ''; display: block; width: 10px; height: 11px; background: url(../../common_sms/images/common/ico-lnb-plus.png)  center center no-repeat; position: absolute; top: 50%; left: 50%; margin: -5.5px 0 0 -5px;}
.lnb-area .lnb-list .toggle.on::before {background-image: url(../../common_sms/images/common/ico-lnb-minus.png);}
.lnb-area .lnb-list .del {text-indent: -999rem; width: 20px; height: 20px; position: absolute; top: 0; right: 0;}
.lnb-area .lnb-list .del:hover {background-color: rgba(0,0,0,0.05);}
.lnb-area .lnb-list .del::before {content: ''; display: block; width: 8px; height: 8px; background: url(../images/common/ico-lnb-del.png) 0 0 no-repeat; position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -4px;}
.lnb-area .lnb-list .list.on > .del::before {background-position: 0 100%;}
.lnb-area .lnb-list .dep1-list > .list { padding: 0; border-bottom: 1px solid #465463;}
.lnb-area .lnb-list .dep1-list > .list:last-child {border-bottom: 0 none;}
.lnb-area .lnb-list .dep1-list > .list > .link { font-size: 14px; font-weight: 500; color: #bebfc0; padding: 12px 0 12px 42px; position: relative;}
.lnb-area .lnb-list .dep1-list > .list > .link::before {content: ''; display: block; width: 20px; height: 20px; background: url(../../common_sms/images/common/ico-lnb.png) 0 0 no-repeat; position: absolute; left: 10px; top: 50%; margin-top: -10px;}
.lnb-area .lnb-list .dep1-list > .list > .link::before {background-position: -150px 0;}
.lnb-area .lnb-list .dep1-list > .list.on > .link::before {background-position: -150px -30px;}

.lnb-area .lnb-list .dep1-list > .list:nth-of-type(1) > .link::before {background-position: -29px 0;}
.lnb-area .lnb-list .dep1-list > .list.on:nth-of-type(1) > .link::before {background-position: -29px -30px;}
.lnb-area .lnb-list .dep1-list > .list:nth-of-type(2) > .link::before {background-position: -60px 0;}
.lnb-area .lnb-list .dep1-list > .list.on:nth-of-type(2) > .link::before {background-position: -60px -30px;}
.lnb-area .lnb-list .dep1-list > .list:nth-of-type(3) > .link::before {background-position: -90px 1px;}
.lnb-area .lnb-list .dep1-list > .list.on:nth-of-type(3) > .link::before {background-position: -90px -31px;}
.lnb-area .lnb-list .dep1-list > .list:nth-of-type(4) > .link::before {background-position: -120px 0;}
.lnb-area .lnb-list .dep1-list > .list.on:nth-of-type(4) > .link::before {background-position: -120px -30px;}
.lnb-area .lnb-list .dep1-list > .list:nth-of-type(5) > .link::before {background-position: -150px 0;}
.lnb-area .lnb-list .dep1-list > .list.on:nth-of-type(5) > .link::before {background-position: -150px -30px;}

.lnb-area .lnb-list .dep1-list > .list:nth-of-type(6) > .link::before {background-position: -29px 0;}
.lnb-area .lnb-list .dep1-list > .list.on:nth-of-type(6) > .link::before {background-position: -29px -30px;}
.lnb-area .lnb-list .dep1-list > .list:nth-of-type(7) > .link::before {background-position: -60px 0;}
.lnb-area .lnb-list .dep1-list > .list.on:nth-of-type(7) > .link::before {background-position: -60px -30px;}
.lnb-area .lnb-list .dep1-list > .list:nth-of-type(8) > .link::before {background-position: -90px 1px;}
.lnb-area .lnb-list .dep1-list > .list.on:nth-of-type(8) > .link::before {background-position: -90px -31px;}
.lnb-area .lnb-list .dep1-list > .list:nth-of-type(9) > .link::before {background-position: -120px 0;}
.lnb-area .lnb-list .dep1-list > .list.on:nth-of-type(9) > .link::before {background-position: -120px -30px;}
.lnb-area .lnb-list .dep1-list > .list:nth-of-type(10) > .link::before {background-position: -150px 0;}
.lnb-area .lnb-list .dep1-list > .list.on:nth-of-type(10) > .link::before {background-position: -150px -30px;}

.lnb-area .lnb-list .dep1-list > .list > .toggle {top: 13px; right: 10px;}
.lnb-area .lnb-list .dep1-list > .list.on > .link {background-color: #62707f; padding-top: 13px;}
.lnb-area .lnb-list .dep1-list > .list.on > .toggle {top: 11px;}
.lnb-area .lnb-list .dep1-list > .list + .list { margin: 0; border-top: 0;}
.lnb-area .lnb-list .dep2-list {padding: 14px 10px 12px 20px; margin: 0;}
.lnb-area .lnb-list .dep2-list > .list {display: inline-flex; align-items: start; justify-content: space-between; width: 100%; padding: 5px 0;}
.lnb-area .lnb-list .dep2-list > .list > .link {font-size: 13px;}
.lnb-area .lnb-list .dep2-list > .list > .toggle {top: 5px; right: -1px;}
.lnb-area .lnb-list .dep1-list > .list .del {position: static; width: 20px; height: 20px; text-indent: -999rem; background: url(../../common_sms/images/common/ico-del2-off.png) no-repeat center center}
.lnb-area .lnb-list .dep1-list > .list .del::before {content: none;}
.lnb-area .lnb-list .dep1-list > .list .del:hover {background-color: rgba(0, 0, 0, .2); border-radius: 100%;}
.lnb-area .lnb-list:not(.lnb-list-fixed) .dep2-list > .list { margin: 0; position: relative;}
.lnb-area .lnb-list:not(.lnb-list-fixed) .dep2-list > .list::before,
.lnb-area .lnb-list:not(.lnb-list-fixed) .dep2-list > .list::after {content: ''; display: block; background-color: #465463; position: absolute; left: 0; width: 1px;}
.lnb-area .lnb-list:not(.lnb-list-fixed) .dep2-list > .list::before {top: 0; height: 14px;}
.lnb-area .lnb-list:not(.lnb-list-fixed) .dep2-list > .list::after {top: 14px; height: calc(100% - 14px);}
.lnb-area .lnb-list:not(.lnb-list-fixed) .dep2-list > .list:first-child:before {content: none;}
.lnb-area .lnb-list:not(.lnb-list-fixed) .dep2-list > .list:last-child:after {content: none;}
.lnb-area .lnb-list:not(.lnb-list-fixed) .dep2-list > .list > .link {position: relative; padding-left: 27px;}
.lnb-area .lnb-list:not(.lnb-list-fixed) .dep2-list > .list > .link::before,
.lnb-area .lnb-list:not(.lnb-list-fixed) .dep2-list > .list > .link::after {content: ''; display: block; position: absolute;}
.lnb-area .lnb-list:not(.lnb-list-fixed) .dep2-list > .list > .link::before {width: 5px; height: 5px; background: url(../../common_sms/images/common/ico-lnb-dot.png) center center no-repeat; top: 7px; left: 15px;}
.lnb-area .lnb-list:not(.lnb-list-fixed) .dep2-list > .list > .link::after {background-color: #465463; width: 15px; height: 1px; top: 9px; left: 0;}
.lnb-area .lnb-list .dep3-list {padding-left: 27px;}
.lnb-area .lnb-list .dep3-list > .list > .link {padding: 2px 0 2px 10px; position: relative;}
.lnb-area .lnb-list .dep3-list > .list > .link::before {content: ''; display: block; background-color: #596a7c; width: 3px; height: 3px; position: absolute; left: 2px; top: 11px;}

.lnb-area .lnb-list .dep1-list > .list.list-favo > .link {color: #f1f0f0; padding: 14px 0 14px 42px; text-transform: uppercase; font-weight: 500; border-bottom: 1px solid #465463;}
.lnb-area .lnb-list .list.list-favo.on .dep2-list {display: block;}
.lnb-area .lnb-list .list.list-favo .dep2-list {display: none; padding: 16px 10px 17px 14px;}
.lnb-area .lnb-list .list.list-favo .dep2-list .link {font-size: 14px;}
.lnb-area .lnb-list .list.list-favo .dep2-list > .list {padding: 5px 0;}

.lnb-area .lnb-list .list.list-favo .dep2-list > .list > .link {max-width: calc(100% - 25px); flex: 1; padding: 0 0 0 32px; background: url(../../common_sms/images/common/ico-lnb-favo.png) 0 0 no-repeat; word-break: keep-all;}
.lnb-area .lnb-list .list.list-favo .dep2-list > .list > .link::before,
.lnb-area .lnb-list .list.list-favo .dep2-list > .list::after {content: none;}
.lnb-area .lnb-list .dep1-list .list.list-favo .toggle {top: 15px;}

.lnb-area .lnb-list .dep1-list > .list.list-favo > .link::before,
.lnb-area .lnb-list .dep1-list > .list.on.list-favo > .link::before {background-position: 0 0; background-image: url(../../common_sms/images/common/ico-lnb-myFavorit.png); width: 27px; height: 26px; left: 10px; margin-top: -15px;}

.lnb-area .lnb-list .link:not(div):hover,
.lnb-area .lnb-list .link:not(div).on,
.lnb-area .lnb-list .link:not(div).active {color: #f98945 !important;}

.lnb-area .lnb-list .dep1-list > .list.off.list-favo {display:none;}

.lnb-area .lnb-list.lnb-list-fixed { padding:0; padding-top:3px;}

.btn-myInfo {padding: 8px 5px 6px 48px; display: block; position: relative;}
.btn-myInfo::before {content: ''; display: block; width: 27px; height: 22px; background: url(../images/common/ico-myInfo.png) center center no-repeat; position: absolute; left: 10px; top: 6px;}
.btn-myInfo .txt {font-size: 14px; line-height: 20px; color: #bebfc0; font-weight: 500; letter-spacing: -0.002em; word-spacing: -0.02em; text-transform: uppercase;}
.btn-myInfo:hover .txt {color: #f98945;}

.lnb-area .lnb-list + .lnb-foot {border-top: 1px solid #465463;}
.lnb-area .lnb-foot {padding: 35px 10px;}
.lnb-area .lnb-foot .myInfo-set {padding: 0 22px;}



.cont-lc-area .lc-rightbox {flex: 1; width: 100%;}
.cont-lc-area .lc-leftbox ~ .lc-rightbox,
.cont-lc-area .lc-leftbox + .lc-rightbox {margin-left: 40px;}
.cont-lc-area:not(.leftHide) .lc-rightbox { width: calc(100% - 270px);}

.page-title {padding: 5px 0 15px; font-size: 18px; color: #333; font-weight: 700; display: none;}
.page-title .desc {font-size: 14px; line-height: 17px; font-weight: 300; color: #555; margin: 0 8px;}
.page-title.type2{ /*font-family: 'Noto Sans KR', sans-serif;*/ font-size: 24px;}
.page-title.type2 .desc{ font-weight: 700; font-size: 18px; color: #666; margin: 24px 0 0 0; display: block;}
.page-title.type2 .desc em{ font-size: 13px; color: #999; margin: 0 0 0 15px;}
.sub-title{ /*font-family: 'Noto Sans KR', sans-serif;*/ margin: 0 0 8px 0;}
.sub-title::after {content: ''; display: block; clear: both;}
.sub-title .desc{ font-weight: 700; font-size: 18px; color: #666; margin: 0; line-height: 36px; display: block;}
.sub-title .desc em{ font-size: 13px; color: #999; line-height: 31px; padding: 5px 0 0 0; margin: 0 0 0 15px; display: inline-block; vertical-align: top;}

.flex-full {flex: 1; height: 100%; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start;}
.flex-full .grid-body:not(.positioningMap-body) {flex: 1; padding-top: 20px;}
.flex-full .grid-body .grid-area {height: 100%; margin-top: 0;}

.cont-top {display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 10px;}
.cont-top.onlyR {justify-content: flex-end;}
[class*="contTop-"] {display: inline-flex; align-items: center; justify-content: center;}
[class*="contTop-"] > *  {display: inline-flex; vertical-align: middle;}
[class*="contTop-"] > * + * {margin-left: 4px;}

.contTop-left {text-align: left; flex: 1; justify-content: start;}

.cont-tit {display: flex; flex-direction: row; align-items: center; width: 100%; margin-bottom: 16px; font-size: 17px; font-weight: bold;}
.cont-tit .right {margin-left: auto;}

.cont-search + .cont-tabBox{ margin-top: 17px;}

.tabbox {display: inline-flex; vertical-align: middle; border-radius: 4px; overflow: hidden;}
.tabbox .tab ~ .tab {margin-left: -1px;}
.tab {position: relative;}
.tab .btn-tab {display: flex; align-items: center; height: 100%; justify-content: center; background-color: #fff; border: 1px solid #ccc; padding: 0 7px; font-size: 13px; color: #808080; font-weight: 500; min-width: 135px; text-align: center;}
.tab .btn-tab:hover {background-color: #f5f5f5;}
.tab.on .btn-tab {background-color: #f38643; color: #fff;}
.tab.on .btn-tab:hover {background-color: #df6c25;}
.tabbox .tab {display: inline-block; vertical-align: top; margin: 0; display: inline-flex; align-items: center; justify-content: center; height: 37px;}
.tabbox {display: inline-flex; vertical-align: middle;}

.tabbox.roundtype .tab ~ .tab {margin-left: 6px;}
.tabbox.roundtype .btn-tab {border-radius: 37px;}

.tab-bdtype {display: flex; justify-content: space-between; align-items: center;}
.tab-bdtype li {flex: 1;}
.tab-bdtype li .tag {display: block; font-size: 14px; line-height: 21px; font-weight: bold; color: #6d6d6d; text-align: center; border-radius: 2px; padding: 7px 5px;}
.tab-bdtype li .tag:hover {color: #000;}
.tab-bdtype li.soon .tag {pointer-events: none; color: #ccc;}

.tab-topbox {margin-bottom: 10px;}

.labelForm-box {display: flex; justify-content: flex-start;}
.labelForm-box .labelbox { line-height: 26px; padding-right: 20px;}
.labelForm-box .formbox {flex: 1; display: flex; align-items: center; justify-content: flex-start;}
/*.labelForm-box .formbox > .select,
.labelForm-box .formbox > [class*="btn-"] {margin-right: 8px;}*/
.labelForm-box .formbox > * {margin-right: 3px;}
.labelForm-box .formbox > *:last-child {margin-right: 0;}
.labelForm-box + .labelForm-box {margin-top: 10px;}

.cont-tabBox{ position: relative;}
.cont-tabBox > .tabRadio{ position: absolute; top: 0; left: -9999px;}
.cont-tabBtn ~ .cont-tabCon{ margin-top: 32px;}
.cont-tabBtn > ul{ display: flex; justify-content: space-between; border-radius: 0;}
.cont-tabBtn .item{ height: 44px; flex: 1; border: 1px solid #ccc; overflow: hidden; position: relative;}
.cont-tabBtn .item + .item{ margin-left: -1px;}
.cont-tabBtn .item:first-child{ border-radius: 4px 0 0 0;}
.cont-tabBtn .item:last-child{ border-radius: 0 4px 0 0;}
.cont-tabBtn .item .btn-tab{ min-width: auto; width: 100%; height: 100%; background-color: #f4f4f4; font-weight: 700; color: #bfbfbf; border: 0; cursor: pointer;}
.cont-tabBtn .item:hover{ border-color: #222; border-bottom-color: #ccc; z-index: 1;}
.cont-tabBtn .item:hover .btn-tab{ color: #222;}
.cont-tabBtn .item.on{ border-color: #222; border-bottom-color: #fff; z-index: 1;}
.cont-tabBtn .item.on .btn-tab{ background-color: #fff; color: #222;}
.cont-tabCon{ display: none;}
.cont-tabCon.on{ display: block;}

img.fitW{ width: 100% !important; height: auto !important;}
img.fitH{ width: auto !important; height: 100% !important;}
img.fitN{ width: auto !important; height: auto !important;}

.thumb-col-list{ width: 100%; display: flex; flex-direction: column;}
.thumb-col-list > ul{ display: flex; flex-wrap: wrap;}
.thumb-col-list .item{ width: calc((100% - 32px) / 3); height: 490px; padding: 0; margin: 0;}
.thumb-col-list .item + .item{ margin-left: 16px;}
.thumb-col-list .item:nth-child(3n + 1){ margin-left: 0;}
.thumb-col-list .item:nth-child(n + 4){ margin-top: 16px;}
.thumb-col-list .item a{ width: 100%; height: 100%; display: flex; flex-direction: column; border: 1px solid #ddd; border-radius: 10px; overflow: hidden;}
.thumb-col-list .item a:hover{ background-color: #f1f1f1; border-color: #000;}
.thumb-col-list .item a:hover .thumb{ border-bottom-color: #000;}
.thumb-col-list .item a:hover .tit{ text-decoration: underline;}
.thumb-col-list .item .thumb{ height: 334px; background: url(../images/ico/ico-thumb-default.png) no-repeat center center #fff; text-align: center; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #ddd; overflow: hidden;}
.thumb-col-list .item .thumb img{ width: 100%;}
.thumb-col-list .item .badge-box{ margin: 22px 22px 0 22px; display: flex; flex-wrap: wrap;}
.thumb-col-list .item .badge-box .badge{ height: 25px; background-color: #fff; font-size: 12px; text-align: center; color: #ec6608; line-height: 23px; padding: 0 26px; margin: 0 10px 10px 0; display: inline-block; border: 1px solid #ec6608; border-radius: 22px;}
.thumb-col-list .item .tit{ font-weight: 700; font-size: 18px; color: #555; line-height: 20px; margin: 2px 22px 0 22px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.thumb-col-list .item .date{ font-weight: 700; font-size: 14px; color: #aaa; line-height: 18px; margin: 10px 22px 0 22px;}
.thumb-col-list .btn-more{ text-align: center; margin: 20px 0 0 0;}
.thumb-col-list .btn-more a{ font-weight: 400; font-size: 14px; color: #333; line-height: 30px; padding: 5px 40px 5px 30px; display: inline-block; border: 1px solid #ccc; border-radius: 4px; position: relative;}
.thumb-col-list .btn-more a:hover{ background-color: #f1f1f1; border-color: #666;}
.thumb-col-list .btn-more a::after{ width: 6px; height: 6px; content: ''; border-top: 2px solid #333; border-right: 2px solid #333; position: absolute; top: 16px; right: 20px; transform: rotate(45deg);}

.onoffbox {display: flex; justify-content: flex-start; align-items: center;}
.onoffbox::after {content: ''; display: block; clear: both;}
.onoffbox .txt1 {font-size: 16px; color: #666; font-weight: bold; letter-spacing: -0.03em; word-spacing: -0.03em;}
.onoffbox .txt2 {font-size: 10px; line-height: 15px; color: #fff; font-weight: bold;}
.btn-onoff {width: 50px; height: 20px; position: relative; background-color: #ccc; border-radius: 20px;}
.btn-onoff::after {content: ''; width: 14px; height: 14px; background-color: #fff; border-radius: 100%; position: absolute; top: 3px; right: 100%; transition: 0.5s; margin-right: -19px;}
.btn-onoff .txt2 {position: absolute; top: 2px; display: none;}
.btn-onoff .txt-on {left: 7px;}
.btn-onoff .txt-off {right: 7px;}
.btn-onoff.on {background-color: #ec6608;}
.btn-onoff.on::after {right: 0; margin-right: 3px; left: auto;}
.btn-onoff.on .txt-on {display: block;}
.btn-onoff.off .txt-off {display: block;}

.tree-txtbox {display: inline-flex; align-items: center; justify-content: flex-start;}
.orgMgt-area .tree-txtbox {width: 100%; display: flex; min-height: 23px;}
.orgMgt-area .orgMgt-detail .dhx_tree-list .tree-txtbox {min-width: 467px; min-width: 268px;}
.tree-txtbox .input,
.tree-txtbox .txt,
.tree-txtbox .txtbox {margin-right: 10px;}
.tree-txtbox .btn {min-width: 34px; display: inline-flex; align-items: center; justify-content: center; height: 17px; font-size: 12px; font-weight: 400; color: #ec6608; line-height: 15px; letter-spacing: -0.03em; border: 1px solid #808080; border-radius: 9px; padding: 0 3px; margin: 0 3px;}
.tree-txtbox .btn:hover {background-color: rgba(0,0,0,.05);}
.tree-txtbox .input {height: 21px !important; width: 150px;}
.tree-txtbox .txt {font-size: 14px; line-height: 16px; color: #000; font-weight: 400; word-break: keep-all; word-break: break-word;}
.tree-txtbox .txt.cnt {color: #ec6608;}
.tree-txtbox .txt.num {color: #808080; width: 70px; width: 74px;}
.tree-txtbox .txt.name {width: 165px; padding-right: 10px; font-weight: bold; width: 30%;}
.tree-txtbox .txt.gu1 {width: 115px; width: 12%;}
.tree-txtbox .txt.gu2 {width: 110px; min-width: 58px; line-height: 16px;}
.tree-txtbox .txt.gu3 {flex: 1;}
.tree-txtbox .txt.name + .txt {padding-right: 10px;}
.tree-txtbox .txt.name + .txt:empty {padding-right: 0}
.tree-txtbox .txtbox.tit-cnt .txt {margin-right: 0;}
.tree-txtbox [class*="gu"] + .btn {margin-left: 0; margin-right: 0;}

.orgMgt-area .orgMgt-detail .detail-body .detailCont-right {display: flex; flex-direction: column; justify-content: space-around;}
.orgMgt-area .orgMgt-detail .detail-body .detailCont-right .tree-txtbox > *:last-child {margin-right: 0;}
.orgMgt-area .orgMgt-detail .detail-body .detailCont-right .detailList-area .dhx_widget.dhx_list .dhx_list-item {padding-left: 15px;}
.orgMgt-area .orgMgt-detail .detail-body .detailCont-right .txt.name {width: 26%;}
.orgMgt-area .orgMgt-detail .detail-body .detailCont-right .txt.gu2 {width: 16%;}

.grid-area {margin-top: 20px;}

.price-area {border: 1px solid #ddd; border-radius: 4px; padding: 16px 20px 20px;}
.border-box {border: 1px solid #ccc; border-radius: 2px; background-color: #fff;}
.border-box-list {display: inline-flex; justify-content: space-between; width: 100%; margin-bottom: 17px;}
.border-box-list .border-box {display: inline-flex; align-items: center; margin-right: 10px; margin-bottom: 20px; flex: 1; height: 62px;}
.border-box-list .border-box:last-child {margin-right: 0;}
.border-box-list .border-box .link-box {display: inline-flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 0 12px;}
.border-box-list .border-box .num1 {margin-left: auto; font-size: 26px; font-weight: bold;}
.border-box-list .border-box .txt1 {font-size: 13px;}
.border-box-list .border-box:hover,
.border-box-list .border-box.on {border-color: #ec6608; color: #ec6608;}
.border-box-list .border-box > .txt-info {margin-top: 10px;}

.brand.ra-group .ra-box {margin-right: 37px;}
.brand.ra-group .ra-box:last-child {margin-right: 0;}
.brand.ra-group .ra-box input[type='radio'] + label:before {top: 50%; margin-top: -9px;}

.numloop-box {display: inline-flex; width: 100%; flex-wrap: nowrap; align-items: center;}
.numloop-box .input {width: 33px; height: 36px; border: 1px solid #ccc; border-radius: 8px; text-align: center; padding: 0; margin-right: 5px;}
.numloop-box .input:hover {border-color: #444;}
.numloop-box .input[disabled], .numloop-box .input[readonly] {background-color: #e6e4e4; color: #333; font-weight: bold; border-color: #ccc;}

.popup.member-wrap .pop-cont.cp-wrap {padding: 20px 42px 42px 34px;}

.member-form > .member-form-tit{ padding: 0; margin: 0;}
.member-form-row {margin-top: 22px; font-size: 0;}
.member-form-tit {display: inline-block; width: 176px; padding: 5px 9px; font-size: 14px; font-weight: 700; color: #333; text-transform: uppercase; letter-spacing: -0.02em; vertical-align: top;}
.member-form-tit label {display: inline-block; vertical-align: top;}
.member-form-info {display: inline-block; width: calc(100% - 176px);}
.member-form-row.disabled .member-form-tit {color: #ddd;}
.member-form-row .pwForgot{ font-size: 14px; text-decoration: underline; color: #e65e10; margin: 10px 0 0 10px; display: inline-block;}
.member-form-row .pwForgot:hover{ color: #eb0000;}
.member-form-row .pwForgot + .member-mid-info{ margin-top: 0;}

.popup.member-wrap .pop-cont .member-form-row.pin .member-form-info {padding-left: 6px;}
.popup.member-wrap .pop-cont.cp-wrap .member-form-row.pin .member-form-info {padding-left: 10px;}
.popup.member-wrap .pop-cont .member-form-row.pin + .member-form-row {margin-top: 46px;}
.popup.member-wrap .pop-foot {padding: 26px 0; margin: 0 35px; border-top: 1px solid #ccc;}

.popup.member-wrap .input1 {width: 100%; height: 30px; line-height: 25px; padding: 0 12px 2px; font-size: 14px; font-weight: 700; color: #333; border: 0 none; border-bottom: 1px solid #ccc;}
.popup.member-wrap .input1:-ms-input-placeholder {font-size: 14px; font-weight: 400; color: #999;}
.popup.member-wrap .input1:disabled {border-bottom-color: #eee;}
.popup.member-wrap .input1:disabled::placeholder {color: #ddd;}
.popup.member-wrap .input1:disabled:-ms-input-placeholder {color: #ddd;}
.popup.member-wrap .input1:hover {border-color: #444;}
.popup.member-wrap .input1:focus {border-color: #e65e10;}
.member-form-info .numloop-box .input {font-size: 14px; font-weight: 700;}
.member-form-info .numloop-box + .btn-ix.type8 {vertical-align: top; margin-top: 3px;}

.member-mid-info {position: relative; padding-left: 23px; margin-top: 10px; font-size: 12px; color: #333; line-height: 18px;}
.member-mid-info:before {content: "※"; position: absolute; left: 10px; top: 0;}
.member-mid-info.type2 {background: url(../../../front/images/ico/ico-info5.png) no-repeat 9px 0; padding-left: 30px; font-size: 13px; color: #ec6608;}
.member-mid-info.type2::before {content: none;}
.member-mid-info.color1 {color: #ec6608;}

.member-mid-info + .member-form-row {margin-top: 40px;}

.mytype-list,
.mytype-list .listbox {display: inline-flex; flex: 1;}
.mytype-list .listbox .list  {margin: 0 0 4px 5px; margin: 2px 3px; vertical-align: top;}
.mytype-list .listbox .list .link {height: 30px; margin: 0; padding: 2px 40px 3px 16px; background-color: #e6e6e6; display: block;}
.mytype-list .listbox .list .link .txt {line-height: 19px; white-space: nowrap;}
.mytype-list .listbox .list [class*="btn-del"] {width: 30px; position: absolute; top: 0; right: 0; height: auto; bottom: 0; background-image: url(../images/ico/ico-del4.png);}
.mytype-list .listbox .list.fix .link {border: 2px solid #f36f20; padding-right: 18px; padding-top: 1px;}
.mytype-list .listbox .list .link:hover {background-color: #fdddc7; border-color: #d9af92;}
.mytype-list .listbox .list.active .link {background-color: #fdddc7; border-color: #d9af92;}
.mytype-list .listbox .list.active .link:hover {background-color: #eb9d6a; border-color: #eb9d6a;}
.mytype-list .listbox .list .link:hover .txt {color: #333;}
.mytype-list .listbox .list.active .link:hover .txt {color: #fff;}
.mytype-list .listbox .list .btn-del4:hover,
.mytype-list .listbox .list.active .link + .btn-del4,
.mytype-list .listbox .list .link:hover + .btn-del4 {background-image: url(../images/ico/ico-del4-on.png);}

.headFilter-area {position: relative; padding-left: 45px !important; width: 100%;}
.headFilter-area::before {content: ''; display: block; width: 42px; height: 37px; background: url(../images/before/ico/ico-gridbtn.png) -100px 0 no-repeat; position: absolute; left: 0; top: -2px;}
.mytype-list .addbox {margin: 2px;}
.mytype-list .btn-plus {width: 85px; height: 28px; border: 1px dashed #c0bfbf; background-position: -44px -2px; border-radius: 28px; margin: 1px 0 0 0; margin: 1px; vertical-align: top;}
.mytype-list .btn-plus:hover {background-position: -234px -2px; border-color: #f37020;}
.mytype-list .btn-reset {width: 28px; height: 28px; margin: 2px 5px;}

.grindBlankHC-box .mytype-list.type1 .listbox .list {margin: 2px 3px;}
.grindBlankHC-box .mytype-list.type1 .btn-plus {margin: 1px}

.flex-box {display: flex; justify-content: space-between; align-items: center;}
.flex-box .flex-col {display: inline-flex; align-items: center; flex: 1;}
.flex-box .flex-col:first-child:not(:last-child) {justify-content: flex-start;}
.flex-box .flex-col:last-child:not(:first-child) {justify-content: flex-end;}
.flex-box .flex-col:first-child:not(:last-child) > * {margin-right: 10px; margin-left: 0;}
.flex-box .flex-col:last-child:not(:first-child) > * {margin-left: 10px; margin-right: 0;}
.flex-box .flex-col:first-child:not(:last-child) > [class*="btn-"] {margin-right: 5px;}
.flex-box .flex-col:last-child:not(:first-child) > [class*="btn-"] {margin-left: 5px;}
.flex-box .flex-col.name {flex: 1;}

.flex-box .title {font-weight: 600; color: #e65e10; font-size: 17px; line-height: 21px;}

.flex-box .flex-col.rowtype {flex-direction: row; flex-wrap: nowrap;align-content: flex-start;}

.flex-box.onlyR,
.flex-box.onlyR .flex-col {justify-content: flex-end !important;}

.grindBlankHC-head .flex-box .flex-col:first-child {align-items: flex-start; flex-grow: 1;}

.grindBlankHC-head .title {font-size: 20px; color: #f36f20; line-height: 30px; font-weight: bold; letter-spacing: 0.005em; word-spacing: -0.06em;}
.grindBlankHC-head.grid-listbox .mytype-list {position: relative; flex: 1; display: flex; justify-content: flex-start; align-items: flex-start;}
.grindBlankHC-positionbox {position: relative;}

.flex-full .grindBlankHC-positionbox {flex: 1;}
.flex-full .grindBlankHC-body.grid-body {flex: 1; padding-top: 20px;}
.flex-full .grindBlankHC-body.grid-body > .grid-area {height: 100%; margin-top: 0;}

.detail-tit {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.detail-tit .stit {font-size: 20px; line-height: 24px; color: #000; font-weight: bold;}

.detail-head {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 15px;}
.detail-head .btn-onoff {width: 22px; height: 12px; margin-top: 1px;}
.detail-head .btn-onoff .txt2 {display: none !important;}
.detail-head .btn-onoff::after {width: 6px; height: 6px; margin-right: -10px;}
.detail-head .btn-onoff.on::after {margin-right: 3px;}
.detail-head .onoffbox .txt1 {color: #000; font-weight: 500;}
.detail-head .onoffbox .btn-onoff + .txt1 {margin-left: 10px;}

.detail-body .detail-cont.type-row {display: flex; justify-content: flex-start; align-items: stretch; flex-direction: row; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; width: calc(100%  + 10px);}
.detail-body .detail-cont.type-row .detailInfo-col {width: 50%;width: calc(46% - 10px);}
.detail-body .detail-cont.type-row .detailInfo-col {margin-left: 5px; margin-right: 5px;}
.detail-body .detail-cont.type-row .detailInfo-col:first-child {width: calc(54% - 10px);}

.detail-body {display: flex; justify-content: space-between; align-items: stretch; position: relative;}
.detail-body::before {content: ''; display: block; width: 1px; background-color: #ccc; height: auto; position: absolute; top: 0; bottom: 0; left: 50%;}
.detail-body [class*="detailCont-"] {width: 50%;}
.detail-body .detailCont-left  {padding-right: 20px;}
.detail-body .detailCont-right .box-inner {padding-left: 20px; padding-bottom: 10px;}
.detail-body .detailCont-right .box-inner:not(.div-hide) + .box-inner {margin-top: 5px; padding-top: 20px; border-top: 1px solid #ccc;}
.detail-body .div-hide {display: none;}
.detail-body .detailCont-right .box-inner .detail-tit + .detail-cont,
.detail-body .detailCont-right .box-inner .detail-tit + .detail-search + .detail-cont {padding: 10px 0;}
.detail-body .detailCont-right .box-inner .detail-tit + .detail-cont {height: calc(100% - 54px);}
.detail-body .detailCont-right .box-inner .detail-tit + .detail-search + .detail-cont {height: calc(100% - 67px);}
.detail-body .detailCont-right .box-inner.div-hide + .box-inner {height: 100%; max-height: 100%;}
.detail-body .detailCont-right > .box-inner:first-child {min-height: 40%;}
.detail-body .detailCont-right > .box-inner:last-child {flex:1; max-height: 60%;}
.detail-body .detailCont-right .labelForm-box {justify-content: space-between; align-items: center;}
.detail-body .detailCont-right .labelForm-box.ai-fs {align-items: flex-start;}
.detail-body .detailCont-right .labelForm-box .labelbox{width: 100px; line-height: 16px; display: flex; align-items: center; justify-content: flex-start;}
.detail-body .detailCont-right .labelForm-box .labelbox + .formbox {width: calc(100% - 100px);}
.detail-body .detailCont-right .labelForm-box .labelbox.type-w1 {width: 62px;}
.detail-body .detailCont-right .labelForm-box .labelbox.type-w1 + .formbox {width: calc(100% - 62px);}
.detail-body .detailCont-right .labelForm-box .formbox > *:not([class*="btn-"]) {flex: 1;}
.detail-body .detailCont-right .labelForm-box .formbox > [class*="input"],
.detail-body .detailCont-right .labelForm-box .formbox > [class*="select"] {min-height: 32px;}
.detail-body .detailCont-right .labelForm-box.ai-fs .labelbox { min-height: 32px;}

.orgMgt-head {height: 42px; display: flex; justify-content: space-between; align-items: center; background-color: #f4f4f4; margin-bottom: 8px;}
.orgMgt-head .tit {font-size: 20px; line-height: 25px; color: #000;}
.orgMgt-head .tit.tit-org {padding-left: 38px; position: relative;}
.orgMgt-head .tit.tit-org::before {content: ''; display: block; width: 20px; height: 20px; background: url(../images/ico/ico-orgMgt.png) center center no-repeat; position: absolute; left: 10px; top: 2px;}

.orgMgt-detail {display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start;}

.orgMgt-area ::-webkit-scrollbar {width: 6px; height: 6px;}
.orgMgt-area ::-webkit-scrollbar-track {background-color: #fff;}
.orgMgt-area ::-webkit-scrollbar-thumb {background-color: #ddd; border-radius: 0;}

.orgMgt-area .btn-ix {min-width: 120px; height: 36px; line-height: 34px; font-size: 14px; font-weight: bold; color: #ec6608; border: 1px solid #cccccc; border-radius: 2px; }
.orgMgt-area .btn-ix:hover {border-color: #444;}
.orgMgt-area .detailTree-area .input {border: 1px solid #ccc; border-radius: 2px; height: 26px; line-height: 23px; padding: 0 6px;}
.orgMgt-area .detailTree-area .input:hover {border-color: #444;}
.orgMgt-area .detailTree-area .input:focus {border-color: #ec6608;}
.orgMgt-area .select {border: 1px solid #ccc; border-radius: 2px; height: 26px; line-height: 23px; padding: 0 6px;}
.orgMgt-area .select:hover {border-color: #444;}
.orgMgt-area .select:focus {border-color: #ec6608;}
.orgMgt-area .orgMgt-body {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch;}
.orgMgt-area .orgMgt-tree {width: 270px; height: 100%;}
.orgMgt-area .orgMgt-tree .tree-head {padding-bottom: 10px;}
.orgMgt-area .orgMgt-tree .tree {border: 1px solid #ccc; overflow: auto; height: 100%;}
.orgMgt-area .orgMgt-tree .tree {height: 100%; padding: 8px 0px; padding: 0;}
.orgMgt-area .orgMgt-tree .tree .dhx_tree { height: auto; padding: 20px 10px 20px 20px;}
.orgMgt-area .orgMgt-tree .tree .dhx_tree + .dhx_tree::before{ width: calc(100% - 20px); height: 1px; content:''; display: inline-block; border-top: 1px dashed #333; position: absolute; top: 0; left: 10px;}
.orgMgt-area .orgMgt-tree .tree-head + .tree {height: calc(100% - 40px);}
.orgMgt-area .orgMgt-detail {width: calc(100% - 270px); padding-left: 22px; height: 100%;} 
.orgMgt-area .orgMgt-detail .detail-body {height: 100%;}
.orgMgt-area .orgMgt-detail .detail-head + .detail-body {height: calc(100% - 48px);}
.orgMgt-area .orgMgt-detail .detail-body::before {left: 60%;}
.orgMgt-area .orgMgt-detail .detail-body [class*="detailCont-"] {height: 100%;}
.orgMgt-area .orgMgt-detail .detail-body .detailCont-left {width: 60%;}
.orgMgt-area .orgMgt-detail .detail-body .detailCont-right {width: 40%;}
.orgMgt-area .tree-head .inForm-box,
.orgMgt-area .detail-search .inForm-box {width: 100%;}
.orgMgt-area .nodata {flex: 1; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 500;}
.orgMgt-area .detailCont-left .detail-cont {height: calc(100% - 50px);}

/*조직도 tree 커스텀*/
/*.orgMgt-area .orgMgt-tree .dhx_tree-list-item__text {white-space: nowrap; padding-right: 25px;}
.orgMgt-area .orgMgt-tree .dhx_tree-folder {justify-content: flex-end; flex-direction: row-reverse;}
.orgMgt-area .orgMgt-tree .dhx_tree-folder .dhx_tree-toggle-button + .dhx_tree-list-item__content {width: auto;}*/
.orgMgt-area .orgMgt-tree .dhx_tree-toggle-button:before,
.orgMgt-area .detailCont-left .tree .dhx_tree-toggle-button:before {content: ''; font-size: 0; width: 20px; height: 20px; display: block; background-image: url(../images/ico/ico-treeDepFolder-arrow.png); background-position: center center; background-repeat: no-repeat;}
.orgMgt-area .orgMgt-tree .dhx_tree-toggle-button.dxi-menu-down:before,
.orgMgt-area .detailCont-left .tree .dhx_tree-folder .dhx_tree-toggle-button.dxi-menu-down:before {transform: rotate(180deg);}

.orgMgt-area .detail-body .dhx_tree-list__item.dhx_tree-list-item,
.orgMgt-area .detail-body .dhx_list-item.dhx_list-item--drag {background-image: url(../images/ico/ico-tree-move.png); background-position: 0 center; background-repeat: no-repeat;}
.orgMgt-area .detail-body .dhx_tree-list__item.dhx_tree-list-item {background-position-x: 16px; padding-left: 22px;}

.orgMgt-area .dxi.dxi-file-outline:before,
.orgMgt-area .detailCont-right .detailList-area .dhx_widget.dhx_list .tree-txtbox.filetype::before {content: ''; width: 22px; height: 22px; display: block; background-position: center center; background-repeat: no-repeat;}
.orgMgt-area .detailCont-left .dxi.dxi-file-outline:before,
.orgMgt-area .detailCont-right .detailList-area .dhx_widget.dhx_list .tree-txtbox.filetype::before {background-image: url(../images/ico/ico-treeDep-user.png);}
.orgMgt-area .detailCont-left .tree .dhx_tree-list::before {top: -9px;}
.orgMgt-area .tree > .dhx_tree > .dhx_tree-list-item.dhx_tree-list__item .dxi.dxi-file-outline:before,
.orgMgt-area .tree > .dhx_tree > .dhx_tree-list-item--parent > .dhx_tree-folder > .dhx_tree-list-item__content > .dxi.dxi-folder:before,
.orgMgt-area .tree > .dhx_tree > .dhx_tree-list-item--parent > .dhx_tree-folder > .dhx_tree-list-item__content > .dxi.dxi-folder-open:before {background-image: url(../images/ico/ico-tree-dep0.png);}

.orgMgt-area .dhx_tree-folder,
.orgMgt-area .dhx_tree-list-item__content {align-items: flex-start;}

.orgMgt-area .dhx_tree-list-item__content {padding-left: 0;}

.orgMgt-area .dhx_tree-folder--focused:before,
.orgMgt-area .dhx_tree-list-item--focused:before {background-color: rgba(0, 0, 0, .04); background-color: transparent;}

.orgMgt-area .dhx_tree-folder:hover:before,
.orgMgt-area .dhx_tree-list-item:hover:before,
.orgMgt-area .dhx_tree-folder--selected:before,
.orgMgt-area .dhx_tree-list-item--selected:before {box-shadow: none; background-color: transparent;}

.orgMgt-area .dxi + .dhx_tree-list-item__text {margin-left: 3px; padding: 2px 4px 2px 3px;}

.orgMgt-area .dhx_tree-folder:hover > .dhx_tree-list-item__content > .dhx_tree-list-item__text,
.orgMgt-area .dhx_tree-list-item:hover > .dhx_tree-list-item__content > .dhx_tree-list-item__text {color: #ec6608;}
.orgMgt-area .dhx_tree-folder--selected .dhx_tree-list-item__text,
.orgMgt-area .dhx_tree-list-item--selected .dhx_tree-list-item__text {color: #ec6608; background-color: #ffefe4; font-weight: bold;}

.orgMgt-area .dxi.dxi-folder:before,
.orgMgt-area .dxi.dxi-folder-open:before {content: ''; width: 18px; height: 23px; display: block; background-position: center center; background-repeat: no-repeat;}
.orgMgt-area .dxi.dxi-folder:before {background-image: url(../images/ico/ico-treeDepFolder-off.png); }
.orgMgt-area .dxi.dxi-file-outline:before,
.orgMgt-area .dxi.dxi-folder-open:before {background-image: url(../images/ico/ico-treeDepFolder-on.png);}
.orgMgt-area .detailCont-left .dxi.dxi-folder:before,
.orgMgt-area .detailCont-left .dxi.dxi-folder-open:before {background-color: #fff; width: 22px;}

.orgMgt-area .dhx_widget.dhx_list .dhx_list-item {border-bottom-color: #ccc;}
.orgMgt-area .dhx_widget.dhx_list .dhx_list-item--selected {box-shadow: none}
.orgMgt-area .detailCont-right .detailList-area .dhx_widget.dhx_list .dhx_list-item {padding-left: 20px; background-position-x: 0;}
.orgMgt-area .box-inner .dhx_list-item--selected {background-color: #f7f7f7; background-color: transparent;}
.orgMgt-area .box-inner .dhx_list-item--selected:hover {background-color: #ededed; background-color: #f7f7f7;}

.orgMgt-area .orgMgt-tree .tree > .thx_tree > .dhx_tree-list-item > .dhx_tree-list {position: relative;}
.orgMgt-area .orgMgt-tree .tree > .thx_tree > .dhx_tree-list-item > .dhx_tree-list::before {content: ''; width: 1px; height: auto; }

/*tree line*/
.orgMgt-area .tree .dhx_tree-list {position: relative;}
.orgMgt-area .tree .dhx_tree-list::before {content: ''; display: block; width: 1px; height: auto; background-color: #ccc; position: absolute; top: 0; bottom: 0; left: 9px;}
.orgMgt-area .tree .dhx_tree-list > .dhx_tree-list-item {position: relative;}
.orgMgt-area .tree .dhx_tree-list > .dhx_tree-list-item::before,
.orgMgt-area .tree .dhx_tree-list > .dhx_tree-list-item:last-child:after {content: ''; display: block; background-color: #ccc; position: absolute;}
.orgMgt-area .tree .dhx_tree-list > .dhx_tree-list-item::before {width: 10px; height: 1px; left: -10px; top: 12px;}
.orgMgt-area .tree .dhx_tree-list > .dhx_tree-list-item:last-child:after {width: 1px; height: auto; background-color: #fff; top: 13px; bottom: 0; left: -11px; z-index: 1;}
.orgMgt-area .tree .dxi-folder-open::after {content: ''; display: block; width: 1px; height: auto; background-color: #ccc; position: absolute; top: 23px; bottom: -8px; left: 9px;}
.orgMgt-area .detailCont-left .tree .dxi-folder-open::after,
.orgMgt-area .detailCont-left .tree .dhx_tree .dhx_tree-list-item:last-child > .dhx_tree-folder > .dhx_tree-list-item__content > .dxi-folder-open::after, 
.orgMgt-area .tree .dhx_tree-list > .dhx_tree-list-item:last-child > .dhx_tree-folder > .dhx_tree-list-item__content > .dxi-folder-open::after {content: none;}

.orgMgt-area .orgMgt-tree .tree .dhx_tree-list-item__icon {background-color: #fff;}
.orgMgt-area .orgMgt-tree .tree .dhx_tree-list > .dhx_tree-list-item::before {width: 20px;}

.orgMgt-area .detailCont-left .dhx_tree-list .dhx_tree-list-item__content {padding-left: 3px; align-items: center;}
.orgMgt-area .detailCont-left .dhx_tree-list .dxi-menu-down + .dhx_tree-list-item__content {padding-left: 0;}
.orgMgt-area .detailCont-left .dhx_tree-list .dhx_tree-list-item__content .dxi.dxi-file-outline:before {width: 36px; margin-right: 2px;}
.orgMgt-area .detailCont-left .tree .dhx_tree-list-item__icon + .dhx_tree-template__wrapper {width: calc(100% - 18px); padding-left: 5px;}
.orgMgt-area .detailCont-left .tree .dhx_tree-list > .dhx_tree-list-item::before {top: 50%; margin-top: -1px; width: 20px;}
.orgMgt-area .detailCont-left .tree .dhx_tree-list > .dhx_tree-list-item:last-child:after {top: 50%;}

.orgMgt-area .detailCont-right .detailList-area .dhx_widget.dhx_list .tree-txtbox.filetype::before {width: 16px; margin-right: 12px;}

.orgMgt-area .detailCont-left .tree .dhx_tree-folder + .dhx_tree-list .dhx_tree-list-item:not(.dhx_tree-list-item--parent) .dhx_tree-list-item__icon + .dhx_tree-template__wrapper {width: calc(100% - 38px);}

/*화살표 오른쪽으로 이동*/
.orgMgt-area .orgMgt-tree .dhx_tree-folder {flex-direction: row-reverse; justify-content: flex-end;}

/*조직도 drag 이동(dhx drag공통사용중, 추후 다른 style필요시 개발에서 class 별도 추가 가능한지 확인필요)*/
.dhx_drag-ghost {box-shadow: 0 0 3px 0 rgba(223, 132, 54, .5); /*opacity: 1 !important;*/ overflow: visible; display:flex; justify-content: flex-start; align-items: center; background-color: #fff; display: block; min-width: 400px; min-height: 40px; padding: 5px 10px 5px 60px; padding: 5px 10px; border: 1px solid #df8436; border-radius: 2px;}
.dhx_no-select .dhx_drag-ghost .dhx_dataview-item,
.dhx_no-select .dhx_drag-ghost .dhx_grid-cell,
.dhx_no-select .dhx_drag-ghost .dhx_list-item {border: 1px solid #fff!important;}
.dhx_no-select .dhx_drag-ghost .dhx_tree-list-item__text {margin-top:5px;}

.dhx_drag-ghost {padding-left: 30px;}
.dhx_drag-ghost::before {content: ''; width: 20px; height: 20px; background-position: 0 center; background-repeat: no-repeat; position: absolute; left: 20px; top: 50%; margin-top: -10px;}
.dhx_drag-ghost::before {background-image: url(../images/ico/ico-tree-move.png);}

.dhx_drag-ghost .dxi-file-outline,
.dhx_drag-ghost .dxi-folder-open {display: inline-block !important; vertical-align: middle;}
.dhx_drag-ghost .dxi-file-outline::before,
.dhx_drag-ghost .dxi-folder-open::before {content: '' !important; width: 32px; height: 14px; display: block; background-position: center center; background-repeat: no-repeat;}
.dhx_drag-ghost .dxi-file-outline::before {background-image: url(../images/ico/ico-treeDep-user.png);}
.dhx_drag-ghost .dxi-folder-open::before {background-image: url(../images/ico/ico-treeDepFolder-on.png);}

.dhx_drag-ghost .tree-txtbox {padding-left: 20px; position: relative;}
.dhx_drag-ghost .tree-txtbox::before {content: ''; width: 20px; height: 20px; background-position: 0 center; background-repeat: no-repeat; position: absolute; left: 0px; top: 50%; margin-top: -10px;}
.dhx_drag-ghost .tree-txtbox::before {background-image: url(../images/ico/ico-treeDep-user.png);}

/*목록 head + body*/
.area-title, .bbs-title, .list-area .la-head {text-shadow: none; font-weight: 500;}
.la-head {display: flex; justify-content: space-between; align-items: center;}
.la-head.has-arrow .titletype::after {background-image: url(../images/ico/ico-arrow0.png);}
.list-area .la-head .titletype,
.list-area .la-head .btntype {align-items: center; line-height: 21px;}
.list-area .la-head .titletype {justify-content: flex-start;}
.list-area .la-head .btntype {justify-content: flex-end; position: relative; top: auto; right: auto;}
.list-area .la-head .btntype [class*="btn-gridT"] {background-color: transparent; vertical-align: middle; display: inline-block; margin-bottom: 3px;}
.list-area .la-head .btntype [class*="btn-ix"][class*="type"] {height: 28px; line-height: 16px; padding: 3px 10px;}

.list-area .la-head .titletype,
.list-area .la-head.has-arrow .titletype,
.accountDealerInfo-area .list-area .la-head.has-arrow .titletype {font-weight: 500; text-shadow: none;}

.list-area .la-head.type1 {height: 38px; line-height: 36px; background-color: #fef5ec; border-bottom: 1px solid #f5b570; padding-left: 16px; margin-bottom: -1px; position: relative;}
.list-area .la-head.type1 .titletype {font-size: 16px; color: #333; letter-spacing: -0.01em; word-spacing: -0.04em;}

.list-area .la-head.has-arrow {padding-right: 36px; line-height: 36px;}
.list-area .la-head.has-arrow .btntype.type1 {top: auto;}
.list-area .la-head.has-arrow.type2{ width: auto; background-color: transparent !important; padding: 0 0 0 10px; display: inline-block; border: 0;}
.list-area .la-head.has-arrow.type2 .titletype{ font-weight: 700; color: #e65e10; line-height: 38px;}
.list-area .la-head.has-arrow.type2 .titletype span{ display: none;}
.list-area .la-head.has-arrow.type2 .titletype.on .on{ display: inline-block;}
.list-area .la-head.has-arrow.type2 .titletype.off{ text-decoration: underline;}
.list-area .la-head.has-arrow.type2 .titletype.off .off{ text-decoration: underline; display: inline-block;}
.list-area .la-head.has-arrow.type2 .titletype::after{ display: none;}

.input1:hover,
.orderStatusTable-area .lb-top .left .input1:hover {border-color: #444;}
.input1:focus,
.orderStatusTable-area .lb-top .left .input1:focus {border-color: #e65e10;}
.input1.datepicker{ background-image: url(../images/ico/ico-cal.png); background-position: calc(100% - 10px) center;}

[class*="stickybox"] {position: sticky; z-index: 2; top: 0;}
.stickybox2 {top: 71px}
.stickybox3 {top: 136px}

.accountDealerInfo-area .btn-area .btn-ix [class*="ico-l-"],
.accountDealerInfo-area .area-title .btn-ix [class*="ico-l-"],
.pop-foot .btn-ix [class*="ico-l-"] {width: 18px; height: 18px; margin-top: 0;}
.accountDealerInfo-area .btn-area .btn-ix .ico-l-write,
.accountDealerInfo-area .area-title .btn-ix .ico-l-write,
.pop-foot .btn-ix .ico-l-write {background-image: url(../images/before/ico/ico-c4-edit.png);}
.accountDealerInfo-area .btn-area .btn-ix .ico-l-del,
.accountDealerInfo-area .area-title .btn-ix .ico-l-del,
.pop-foot .btn-ix .ico-l-del {border: 1px solid #6b6a6a; border-radius: 100%; background-image: url(../images/before/ico/ico-c4-del.png);}
.accountDealerInfo-area .btn-area .btn-ix .ico-l-del,
.accountDealerInfo-area .area-title .btn-ix .ico-l-del,
.pop-foot .btn-ix .ico-l-del {background-position-x: 54%;}

.accountDealerInfo-area .detailInfo-head.stickybox {background-color: #fff; padding: 5px 0 20px;}
.accountDealerInfo-area .stickybox ~ .dealer-tab {margin-top: 0; flex: 1;}
.accountDealerInfo-area .detailInfo-foot {margin-top: 10px;}
.accountDealerInfo-area .dealer-tab:nth-of-type(4) .flex-box ~ div {flex: 1; min-height: calc(100% - 50px);}

.accountDealerInfo-area .dealer-tab .btn-area {margin-bottom: 10px; padding-left: 0;}
.accountDealerInfo-area .dealer-tab .btn-area[class*="stickybox"] {margin-bottom: 0; padding-bottom: 10px; background-color: #fff;} 
.accountDealerInfo-area .dealer-tab .list-area + .btn-area {margin-top: 10px; margin-bottom: 0px;}

.table-list tbody .fulltype.edittype .textarea1.trantype {background-color: #fff !important; line-height: 17px; padding: 4px 8px 2px !important;}
.customerpageRegi-area .table-list tbody .fulltype.edittype .trantype,
.customerpageRegi-area .table-list tbody .fulltype.edittype .has-label .input1,
.customerpageRegi-area .table-list tbody .fulltype.edittype .has-label .textarea1,
.customerpageRegi-area .table-list tbody .fulltype .btn-ix.searchtype {border-radius: 2px; height: 24px; padding: 0 8px;}
.customerpageRegi-area .table-list.type2 tbody .fulltype a:hover,
.customerpageRegi-area .table-list.type2 tbody .fulltype.edittype a:hover {text-decoration: none;}
.accountDealerInfo-area .table-list tbody td.fulltype .input1.disabled {background-color: transparent !important;}

.cusToggleDiv.hide {display: none;}
.cusToggleDiv.show {display: block;}

.desc-dash {position: relative; padding-left: 10px;}
.desc-dash::before {content: ''; display: block; width: 4px; height: 1px; background-color: #595959; position: absolute; left: 0; top: 10px;}
.desc-dashbox .desc-dashbox {margin-left: 10px;}
.desc-dashbox.dep1 > li + li {margin-top: 5px;}
.desc-tree p + ul {padding-left: 14px; position: relative; margin-top: 4px;}
.desc-tree p + ul::before {content: 'ㄴ'; display: block; color: #999; position: absolute; left: 0; top: 4px; line-height: 11px; transform: scaleY(1.3); font-size: 12px;}
.desc-tree > li > p + ul {margin-left: 8px;}
.desc-dlbox dt {position: relative; padding-left: 8px; margin-bottom: 5px;}
.desc-dlbox dt::before {content: ''; display: block; width: 3px; height: 3px; background-color: #595959; position: absolute; left: 0; top: 9px; border-radius: 4px;}
.desc-dlbox dd {border: 1px solid #ddd; padding: 8px 12px; border-radius: 2px;}
[class*="desc-"] + [class*="desc-"] {margin-top: 25px;}
.desc-dashbox [class*="desc-"] + [class*="desc-"] {margin-top: 0;}
.popup .pop-cont > .textInfo-box {padding-bottom: 5px;}
.popup .pop-cont > .textInfo-box:first-child {padding-top: 15px;}

.popup.system .pop-head + .pop-cont:has( > .textInfo-box.type1) {padding: 10px 20px 20px;}
.textInfo-box.type1,
.textInfo-box.type1 .box-inner {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%;}
.textInfo-box.type1 { gap: 15px;}
.textInfo-box.type1 .box-inner { gap: 2px;}
.textInfo-box.type1 > p,
.textInfo-box.type1 > ul,
.textInfo-box.type1 > dl,
.textInfo-box.type1 > div,
.textInfo-box.type1 .box-inner,
.textInfo-box.type1 .box-inner > p,
.textInfo-box.type1 .box-inner > ul,
.textInfo-box.type1 .box-inner > dl {width: 100%;}
.textInfo-box.type1 .tit {font-weight: bold;}
.textInfo-box.type1 .box-inner.type-img {justify-content: flex-start; align-items: flex-start; flex-direction: row; gap: 20px;}
.textInfo-box.type1 ul,
.textInfo-box.type1 dl,
.textInfo-box.type1 p.type1 {color: #666; font-size: 13px; line-height: 17px; text-shadow: 0 0 0 #666;}
.textInfo-box.type1 .tit.type1 {color: #0c0c0c; font-size: 18px; line-height: 23px; font-weight: bold;}
.textInfo-box.type1 .tit.type2 {color: #0c0c0c; font-size: 16px; line-height: 21px; font-weight: bold;}
.textInfo-box.type1 .tit.type2 + p {margin-top: -5px;}

.textInfo-box.type1 ul {margin: 11px 0; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; gap: 3px;}
.textInfo-box.type1 ul li {padding-left: 20px; position: relative; min-height: 18px;}
.textInfo-box.type1 ul li::before {content: ''; display: block; width: 2px; height: 2px; background-color: #ef6c00; position: absolute; left: 9px; top: 8px;}

.textInfo-box.type1 .dlSet-box {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
.textInfo-box.type1 .dlSet-box > .inbox {padding-right: 47px; position: relative; display: flex; justify-content: flex-start; align-items: center;}
.textInfo-box.type1 .dlSet-box > .inbox::after {content: ''; display: block; width: 1px; height: 7px; background-color: #000; position: absolute; right: 23px; top: 50%; margin-top: -4px;}
.textInfo-box.type1 .dlSet-box > .inbox:last-child {padding-right: 0;}
.textInfo-box.type1 .dlSet-box > .inbox:last-child::after {content: none;}
.textInfo-box.type1 .dlSet-box dt,
.textInfo-box.type1 .dlSet-box dd {line-height: 1;}
.textInfo-box.type1 .dlSet-box dt {color: #000; text-shadow: 0 0 0 #000; position: relative;}
.textInfo-box.type1 .dlSet-box dt::after {content: ':'; display: inline-block; vertical-align: middle; color: inherit; text-shadow: 0 0 0 #000; margin: 0 1px 2px 1px;}

.popup.guidetype .box-inner.type-foot {margin-top: 35px;}
.popup.guidetype .textInfo-box.type1 p ~ .box-inner.type-img {margin-top: 5px;}
.popup.guidetype .textInfo-box.type1 + .textInfo-box.type1 {margin-top: 22px; padding-top: 28px; border-top: 1px solid #ddd;}
.popup.guidetype .pop-cont > .textInfo-box:first-child {padding-top: 3px;}

/**************************************************popup*************************************************/
.popup.w450 {width: 450px;}
.popup.w600 {width: 600px;}
.popup.w620 {width: 620px;}
.popup.w850 {width: 850px;}
.popup .pop-head{ /*font-family: 'Noto Sans KR';*/ text-transform: capitalize; padding: 20px 65px 20px 35px;}
.popup .pop-head .sub-tit{ font-weight: 300; font-size: 16px; color: #888; margin-left: 30px;}
.popup .pop-head.bbtype::after{ left: 35px; right: 35px;}
.popup .pop-cont{ padding: 0 35px 20px 35px;}
.popup .pop-foot { padding: 0 35px 20px 35px; display: flex; flex-wrap: wrap; align-items: center;}
.popup .pop-foot.ta-l {justify-content: flex-start;}
.popup .pop-foot.ta-r {justify-content: flex-end;}
.popup .pop-foot.ta-c {justify-content: center;}
.popup .pop-foot .foot-btn{ width: 100%; display: flex; align-items: center; justify-content: center;}
.popup .pop-foot .foot-btn + .inbox{ width: 100%; text-align: left; margin-top: 20px;}
.popup .pop-foot .btn-ix {min-width: 126px; height: 36px; border-color: #ccc; border-radius: 2px;}
.popup .pop-foot .btn-ix.minw150 {min-width: 150px;}
.popup .pop-foot .btn-ix:hover {border-color: #444; background-color: #fff;}
.popup .pop-foot .btn-ix + .btn-ix {margin-left: 12px;}
.popup .pop-foot .btn-ix .ix-txt { /*font-family: 'Noto Sans KR';*/ font-size: 14px; height: 34px; line-height: 34px; font-weight: bold; color: #333;}
.popup .pop-foot .btn-ix [class^="ico-"] + .ix-txt {margin-right: 4px;}
.popup .pop-foot .btn-ix.type4{ border-color: #f36f20;}
.popup .pop-foot .btn-ix.type4:hover { background-color: #e65e10; border-color: #e65e10;}
.popup .pop-foot .btn-ix.type4 .ix-txt{ color: #fff;}
.popup .pop-foot .ico-check3 + .ix-txt{ color: #ec6608;}
.popup .pop-foot.flex-col {display: flex; flex-direction: column;}
.popup .pop-foot.flex-col .btn-ix + .otp-reset-request {padding-top: 10px;}

.popup-wrap .pop-cont + .pop-foot.tbtype,
.popup .pop-foot.tbtype {position: relative; padding-top: 20px;}
.popup .pop-foot.tbtype::before {content: ''; display: block; width: auto; height: 1px; background-color: #ccc; position: absolute; left: 35px; right: 35px; top: 0;}

.windowtype.no-head .pop-cont {padding-top: 30px;}

.windowtype .popup .customerpageRegi-area {height: calc(100vh - 152px);}
.windowtype.no-head .popup .customerpageRegi-area {height: calc(100vh - 76px);}
.windowtype.no-footbtn .popup .customerpageRegi-area {height: calc(100vh - 72px);}

/*left, right 시작 팝업*/
.popup-wrap.popup-FR-wrap {display: block; left: auto; width: 445px; width: 600px; width: 480px; width: 445px; top: -1px; right: -620px; bottom: -1px; box-shadow: 0 0 10px rgba(74,74,74,.3); border: 1px solid #ddd; transition: 0.5s; display: flex; flex-direction: column; align-items: stretch; justify-content: space-around;}
.popup-wrap.popup-FR-wrap::after {content: none;}
.popup-FR-wrap .popup {width: 100%; height: 100%; position: relative; max-height: none; margin-top: auto; left: auto; top: auto; border-radius: 0;}
.popup-FR-wrap .popup .pop-head {font-size: 20px; letter-spacing: -0.04em; word-spacing: 0.02em; padding: 14px 48px 16px 29px; border-bottom: 1px solid #d8d6d6;}
.popup-FR-wrap .popup .pop-cont {padding: 0; flex: 1;}
.popup-FR-wrap .popup .pop-cont.pop-MF-cont {padding-top: 20px; padding-bottom: 20px;}
.popup-FR-wrap .popup .close {top: 10px; right: 25px; background-image: url(../images/ico/ico-popup-close2.png);}
.popup-FR-wrap.popOpen {right: 15px; right: -2px;}

/*fullscreen*/
.fullscreenHtml .popup-wrap.windowtype {padding: 15px; display: flex; flex-direction: column; height: 100%;}

/*관리자 조직도*/
.popup-wrap:not(.windowtype) .popup.wFull-48 {/*left: 15px !important; right: 15px !important;*/ width: calc(100% - 30px);}
.popup-wrap .popup.popup-type1 .pop-head {font-weight: 500; font-size: 24px; color: #333; text-transform: none; letter-spacing: -0.015em; word-spacing: -0.04em; padding: 21px 70px 20px 32px;}
.popup-wrap .popup.popup-type1 .pop-cont { padding: 0 36px 20px;}
.popup-wrap .popup.popup-type1 .close{ width: 30px; height: 30px; background-color: transparent; background-image: url(../images/before/ico/ico-popup-close.png); background-position: 50% 50%; background-repeat: no-repeat; text-indent:-9999em; display: inline-block; position: absolute; top: 18px; right: 30px;}

.popup-wrap .popup .orgMgt-area {height: calc(100vh - 192px);}
.popup-wrap .popup .orgMgt-area .orgMgt-body {height: calc(100% - 50px);}

.pop-cont.bbsRegi-area .chk-box input[type='checkbox'] + label {font-weight: 300;}

.pop-head.bbtype + .pop-cont {padding-top: 23px; padding-bottom: 23px;}
.pop-head.bbtype + .pop-cont .CMC-area {padding-top: 0;}
.pop-head.bbtype + .pop-cont > .tit-sub:first-child {margin-top: 0;}
.pop-head.bbtype + .pop-cont + .pop-foot.flex-col {padding-top: 0;}

/*검색박스*/
.cont-search input,
.cont-search select,
.cont-search input.input1,
.cont-search select.select1{ width: 100%; height: 42px; background-color: #fff; font-weight: 500; font-size: 14px; color: #999; box-sizing: border-box;}
.cont-search select.select1{ background: url(../images/ico/ico-down.png) no-repeat calc(100% - 11px) center #fff;}
.rangeDate{ width: 385px; display: flex; justify-content: space-between;}
.rangeDate .input1{ width: 180px !important; height: 42px; background: url(../images/ico/ico-cal.png) no-repeat calc(100% - 12px) center #fff; border-color: #ddd; border-radius: 2px;}
.rangeDate .input1:hover{ border-color: #444;}
.rangeDate .input1:focus{ border-color: #e65e10;}
.rangeDate .bar{ font-size: 13px; color: #444; text-align: center; line-height: 42px; flex: 1;}
.cont-search{ background-color: #f0f0f0; padding: 9px; border: 1px solid #ddd; border-radius: 3px;}
.cont-search .table-search td{ text-align: left; padding-right: 10px;}
.cont-search .table-search td:last-child{ padding-right: 0;}
.cont-search .table-search tbody tr:not(:first-child) > * {padding-top: 5px;}
.cont-search .table-search .btn{ text-align: right;}
.cont-search .table-search .btn .search{ width: 150px; height: 42px; font-weight: 500; font-size: 14px; color: #f36f20; border: 1px solid #ec6608; border-radius: 2px; box-sizing: border-box; vertical-align: top;}
.cont-search .table-search .btn .search::before{ width: 20px; height: 20px; background: url(../images/ico/ico-search.png) no-repeat center center; content: ''; margin: 0 8px 0 0; display: inline-block;}
.cont-search .table-search .btn .write{ width: 100px; height: 42px; font-weight: 500; font-size: 14px; color: #f36f20; border: 1px solid #ec6608; border-radius: 2px; box-sizing: border-box; vertical-align: top;}
.cont-search .table-search .btn .write::before{ width: 20px; height: 20px; background: url(../images/ico/ico-write.png) no-repeat center center; content: ''; margin: 0 8px 0 0; display: inline-block;}
.cont-search .table-search .btn .refresh{ width: 100px; height: 42px; font-weight: 500; font-size: 14px; color: #444; border: 1px solid #444; border-radius: 2px; box-sizing: border-box; vertical-align: top;}
.cont-search .table-search .btn .refresh::before{ width: 24px; height: 24px; background: url(../images/ico/ico-refresh2.png) no-repeat center center; background-size: 18px auto; content: ''; margin: 0 8px 0 0; display: inline-block;}
.cont-search .table-search .btn .search + .chk-box{ margin: 0 0 0 20px;}
.cont-search .table-search .btn .search.itype,
.cont-search .table-search .btn .refresh.itype {min-width: 42px; width: 42px; text-indent: -9999px; overflow: hidden; padding: 0;}
.cont-search .table-search .btn .search.itype::before,
.cont-search .table-search .btn .refresh.itype::before {margin: 0;}
.cont-search .table-search .chk-box{ height: 42px; display: inline-flex; align-items: center;}
.cont-search .table-search .chk-box .tooltip-box{ width: 19px; height: 19px; margin-left: 5px;}
.cont-search .table-search .chk-box .tooltip-box .tool-btn{ width: 19px; height: 19px;}
.cont-search .table-search th {text-align: left; padding-left: 10px; padding-right: 10px;}
.cont-search .table-search th + td > input,
.cont-search .table-search th + td > select,
.cont-search .table-search th + td > input.input1,
.cont-search .table-search th + td > select.select1 {width: calc(100% - 20px);}
.cont-search .table-search .th {}
.cont-search.type2{ background-color: transparent; padding: 0; border: 0;}
.cont-search.type2 .table-search td{ padding-right: 5px;}
.cont-search.type2 .table-search td:last-child{ padding: 0;}
.cont-search.type2 .input-search{ position: relative;}
.cont-search.type2 .input-search .input1{ padding-right: 52px; border-radius: 2px;}
.cont-search.type2 .input-search .btn{ width: 42px; height: 42px; background: url(../../front/images/before/ico/ico-search1.png) no-repeat center center; text-align: left; text-indent: -9999px; display: inline-block; position: absolute; top: 0; right: 0;}
.cont-search.type2 .input-search .btn:hover{ background-image: url(../images/ico/ico-search.png);}

/*거래선 개괄정보, Over Due 정보*/
.box-info{ padding: 10px 0; margin: 17px 0 0 0; border: 1px solid #ddd; border-radius: 4px;}
.box-info ul{ display: flex; justify-content: space-between;}
.box-info li{ height: 140px; padding: 0 10px; flex: 1; position: relative;}
.box-info li + li::before{ width: 1px; height: 70px; background-color: #ddd; content: ''; margin: -35px 0 0 0; position: absolute; top: 50%; left: 0;}
.box-info p,
.box-info a{ height: 100%; font-weight: 700; font-size: 16px; color: #999; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.box-info p strong,
.box-info a span{ font-size: 22px; color: #ec6608; margin: 0 0 20px 0;}
.box-info a:hover{ background-color: #f5f5f5;}

.tit-sub{ margin: 20px 0 0 0;}
.tit-sub .tit-txt{ /*font-family: 'Noto Sans KR';*/ font-weight: 700; font-size: 16px; color: #666666; line-height: 23px;}
.tit-sub .search-date dl{ display: flex; align-items: center;}
.tit-sub .search-date dt{ /*font-family: 'Noto Sans KR';*/ font-weight: 500; font-size: 13px; color: #ec6608; line-height: 21px; padding: 0 8px; margin: 0 8px 0 0; border: 1px solid #ec6608; border-radius: 12px;}
.tit-sub .search-date dd{ /*font-family: 'Noto Sans KR';*/ font-weight: 500; font-size: 14px; color: #000; line-height: 18px;}

/*테이블 스타일*/
.table-scrol{ padding: 0; overflow-y: auto; border: 1px solid #ccc; position: relative;}
.table-scrol.h300{ height: 300px;}
.table-scrol.h454{ height: 454px;}
.table-scrol .head{ position: sticky; top: 0; left: 0;}
.table-scrol table thead th{ height: 38px; background-color: #f5f5f5; /*font-family: 'Noto Sans KR';*/ font-weight: 500; font-size: 14px; color: #000; line-height: 18px; border-bottom: 1px solid #ccc;}
.table-scrol table tbody td{ height: 38px; /*font-family: 'Noto Sans KR';*/ font-weight: 300; font-size: 14px; color: #808080; line-height: 18px; border-bottom: 1px solid #ccc;}
.table-scrol table tbody td.name{ font-weight: 500; color: #000;}
.table-scrol table tbody tr:hover td{ background-color: #fff7f1;}
.table-scrol table thead th + th,
.table-scrol table tbody td + td{ border-left: 1px solid #ccc;}

.cont-body.flex1 > .table-scrol {height: 100%;}
.cont-search + .cont-body {margin-top: 15px;}

.table-list.type3{ margin: 18px 0 0 0; border: 1px solid #999; border-radius: 2px;}
.table-list.type3 tbody th{ height: 38px; background-color: #f5f5f5; /*font-family: 'Noto Sans KR';*/ font-weight: 500; font-size: 14px; color: #000; line-height: 18px; border: 0;}
.table-list.type3 tbody td{ /*font-family: 'Noto Sans KR';*/ font-weight: 700; font-size: 16px; color: #000; text-align: left; line-height: 18px; padding: 0 20px; border: 0;}
.table-list.type3 tbody tr:hover{ background-color: transparent;}
.table-list.type3 tbody tr + tr th,
.table-list.type3 tbody tr + tr td{ border-top: 1px solid #999;}
.table-list.type3 tbody th + td,
.table-list.type3 tbody td + td{ border-left: 1px solid #999;}

.table-list.type4{ margin: 10px 0 0 0; border: 1px solid #ccc; border-radius: 2px;}
.table-list.type4 thead th{ height: 38px; background-color: #f5f5f5; /*font-family: 'Noto Sans KR';*/ font-weight: 500; font-size: 14px; color: #000; line-height: 18px; border: 0;}
.table-list.type4 tbody td{ height: 50px; /*font-family: 'Noto Sans KR';*/ font-weight: 300; font-size: 14px; color: #808080; line-height: 18px; padding: 6px; border: 0; border-top: 1px solid #ccc; box-sizing: border-box;}
.table-list.type4 tbody td .txt-minus{ width: 10px; text-align: center; margin: 0 5px 0 0; flex: none; justify-content: center !important;}
.table-list.type4 tfoot td{ height: 50px; background-color: #fff7f1; /*font-family: 'Noto Sans KR';*/ font-weight: 500; font-size: 14px; color: #000; line-height: 18px; border-top: 1px solid #ccc;}
.table-list.type4 tfoot .total{ font-size: 16px; color: #ec6608; text-align: right; padding: 0 22px;}
.table-list.type4 thead th + th,
.table-list.type4 tbody td + td,
.table-list.type4 tfoot td + td{ border-left: 1px solid #ccc;}
.table-list.type4 input,
.table-list.type4 select,
.table-list.type4 input.input1,
.table-list.type4 select.select1{ width: 100%; height: 42px; background-color: #fff; font-weight: 500; font-size: 14px; color: #999; box-sizing: border-box;}

.table-list.type5{ border-color: #ddd;}
.table-list.type5 + .table-list.type5{ margin-top: 10px;}
.table-list.type5 th{ background-color: #f7f7f7; padding: 5px;}
.table-list.type5 td{ padding: 5px;}
.table-list.type5 td + td{ padding-left: 0;}
.table-list.type5 .rowspan td{ padding-bottom: 0; border-bottom: 0;}
.table-list.type5 .input1,
.table-list.type5 .select1{ height: 40px;}
.table-list.type5 .input1:disabled,
.table-list.type5 .select1:disabled{ background-color: #eee; border-color: #ccc; opacity: 1;}
.table-list.type5 .tag-box .ra-box {margin-bottom: 5px;}
.table-list.type5 .txt1{ font-weight: 700; font-size: 13px; line-height: 18px;}


.selecttype1 {border-radius: 2px;}
.selecttype1 .select-label {display: block; font-size: 16px; color: #666; line-height: 21px; font-weight: bold; padding: 21px 62px 18px 27px; background-color: #fff; position: relative; border: 1px solid #ccc;}
.selecttype1 .select-label::after {content: ''; display: block; width: 20px; height: 12px; background: url(../images/ico/ico-arrow1.png) center center no-repeat; position: absolute; top: 50%; right: 23px; margin-top: -6px; transform: rotate(0deg); transition: 0.5s;}
.selecttype1 .select-label:hover {background-color: rgba(0,0,0,0.05);}
.selecttype1 .select-div {left: 0; right: 0; border: 1px solid #ccc; border-top-width: 0; padding: 17px 19px 16px 17px; background-color: #fff;}
.selecttype1 .listbox .link {display: block; padding: 6px 0; line-height: 19px;}
.selecttype1 .listbox .link:hover {background-color: #eee;}
.selecttype1 .listbox .txt1 {font-size: 14px; color: #333; text-shadow: 0 0 0 #333;}
.selecttype1 .listbox .txt2 {font-size: 14px; color: #959393;}
.selecttype1 .listbox .txt2 .word {font-size: 14px; color: #ec6509;} 
.selecttype1 .listbox .wtype1 {font-size: 0;}
.selecttype1 .listbox .wtype1 .w1,
.selecttype1 .listbox .wtype1 .w2 {display: inline-block; vertical-align: top;}
.selecttype1 .listbox .wtype1 .w1 {width: 110px; padding: 0 17px;}
.selecttype1 .listbox .wtype1 .w2 {width: calc(100% - 110px); padding: 0 4px;}
.selecttype1.open .select-label {border-bottom-color: transparent;}
.selecttype1.open .select-label::after {transform: rotate(180deg);}
.selecttype1.open .select-label::before {content: ''; display: block; width: auto; height: 1px; background-color: #666; position: absolute; left: 26px; right: 19px; bottom: -1px;}
.selecttype1 .listbox .link.btn {margin-top: 4px; text-align: center; font-weight: 700; color: #ec6509; border: 1px solid #ddd;}
.selecttype1 .listbox .link.btn:hover {border-color: #ec6509; background-color: #fff;}

.selecttype1.small .select-label {font-size: 13px; font-weight: 400; padding: 5px 32px 4px 10px;}
.selecttype1.small .select-label::after {background: url(../../common_sms/images/login/ico-lang-arrow.png) center center no-repeat; right: 10px; transform: rotate(180deg);}
.selecttype1.small.open .select-label::after {transform: rotate(0deg);}

.grid-schedule{ display: flex; justify-content: space-between;}
.grid-schedule .flex-col{ width: 50%; flex: 1;}
.grid-schedule .flex-col + .flex-col{ margin-left: 20px;}
.grid-schedule + .box-area{ margin-top: 20px;}

.box-area dl{ width: 100%; border: 1px solid #ddd; border-radius: 2px;}
.box-area dt{ height: 48px; font-weight: 700; font-size: 14px; color: #333; text-transform: capitalize; line-height: 16px; padding: 0 9px 0 28px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd;}
.box-area dt .sb-r{ width: 100%; display: inline-flex; justify-content: flex-end;}
.btnbox-new .btn-ix,
.box-area dt .btn{ width: 100px; height: 32px !important; background-color: #ec6608; font-weight: 400; font-size: 14px; color: #ffefe4; line-height: 18px !important; display: flex; align-items: center; justify-content: center; border-radius: 3px;}
.btnbox-new .btn-ix {padding: 0 13px 0 14px;}
.btnbox-new .btn-ix .ix-txt + [class*="ico"],
.btnbox-new .btn-ix [class*="ico"] + .ix-txt,
.box-area dt .btn .ix-txt + [class*="ico"],
.box-area dt .btn [class*="ico"] + .ix-txt {margin-left: 6px;}
.btnbox-new .btn-ix:hover,
.box-area dt .btn:hover{ background-color: #f36f20;}
.btnbox-new .btn-ix.type5,
.box-area dt .btn.type2 {background-color: #fff; border: 1px solid #f36f20; padding: 0 14px; width: auto;}
.btnbox-new .btn-ix.type5 .ix-txt,
.box-area dt .btn.type2 .ix-txt {color: #333; font-weight: 500;}
.btnbox-new .btn-ix.type5:hover,
.box-area dt .btn.type2:hover {background-color: #ffeadf; border-color: #f36f20;}
.btnbox-new.fr .btn-ix + .btn-ix,
.btnbox-new.sb-r .btn-ix + .btn-ix,
.box-area dt .sb-r .btn + .btn {margin-left: 5px;}
.box-area.type2 dt{ height: 37px;}
.box-area.type2 dd{ overflow-y: auto;}
.box-area.type2 .box-list ul{ padding-right: 36px;}
.box-area.type2 .box-list li{ height: 24px;}

.box-list ul{ padding: 25px 48px 25px 36px; display: flex; flex-direction: column;}
.box-list li a,
.box-list li span{ font-weight: normal; font-size: 14px; color: #888; letter-spacing: -0.5px; display: flex; align-items: center; justify-content: space-between;}
.box-list li .subject{ padding: 0 0 0 14px; display: inline-block; flex: 1; overflow: hidden; position: relative;}
.box-list li .subject::before{ width: 3px; height: 3px; background-color: #696969; content: ''; border-radius: 50%; position: absolute; top: 11px; left: 0;}
.box-list li .subject > span{ max-width: 100%; width: auto; color: #525151; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 30px 0 0; margin: 2px 0; display: inline-block; vertical-align: top; position: relative;}
.box-list li.new .subject > span{ line-height: 18px; padding-right: 60px; margin: 3px 0;}
.box-list li.new .subject > span::after{ width: 17px; height: 16px; background: url(../images/ico/ico-new.png) no-repeat center center; text-indent: -9999px; content: ''; display: inline-block; position: absolute; top: 1px; right: 30px;}
.box-list li .name{ width: 75px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 20px;}
.box-list li .status{ margin-right: 20px;}
.box-list li .date{ width: 75px;}
.box-list li a:hover .subject > span{ color: #f7792e;}

.box-list2 ul{ padding: 25px 48px 25px 36px; display: flex; flex-direction: column;}
.box-list2 li a{ font-weight: 300; font-size: 14px; color: #888; letter-spacing: -0.5px; display: flex; align-items: center; justify-content: space-between;}
.box-list2 li .subject{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 0 0 14px; display: inline-block; flex: 1; position: relative;}
.box-list2 li .subject::before{ width: 3px; height: 3px; background-color: #696969; content: ''; border-radius: 50%; position: absolute; top: 11px; left: 0;}
.box-list2 li .subject > span{ max-width: 100%; color: #525151; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 0 0 0; margin: 2px 0; vertical-align: top; position: relative;}
.box-list2 li.new .subject > span{ line-height: 18px; padding-right: 30px; margin: 3px 0;}
.box-list2 li.new .subject > span::after{ width: 17px; height: 16px; background: url(../images/ico/ico-new.png) no-repeat center center; text-indent: -9999px; content: ''; display: inline-block; position: absolute; top: 1px; right: 0;}
.box-list2 li .date{ color: #348c57; padding: 0 12px 0 0;}
.box-list2 li .time{ width: 80px; background: url(../images/ico/ico-time.png) no-repeat left center; color: #444; padding: 0 0 0 26px;}
.box-list2 li a:hover .subject > span{ color: #f7792e;}

.box-list3{ padding: 7px 10px;}
.box-list3 .cont-search{ background-color: #fff; padding: 0; border: 0;}
.box-list3 .cont-search .table-search .btn{ text-align: left;}
.box-list3 .tab-con .grid-body{ height: 850px;}

.box-list4 ul{ padding: 25px 48px 25px 36px; display: flex; flex-direction: column;}
.box-list4 li a{ font-weight: normal; font-size: 14px; color: #888; text-decoration: none; letter-spacing: -0.5px; display: flex; align-items: center; justify-content: space-between;}
.box-list4 li .mreu{ width: 240px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 0 0 14px; display: inline-block; position: relative;}
.box-list4 li .mreu::before{ width: 3px; height: 3px; background-color: #696969; content: ''; border-radius: 50%; position: absolute; top: 11px; left: 0;}
.box-list4 li .mreu > span{ max-width: 100%; color: #525151; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 30px 0 0; margin: 2px 0; vertical-align: top; position: relative;}
.box-list4 li.new .mreu > span{ line-height: 18px; padding-right: 60px; margin: 3px 0;}
.box-list4 li.new .mreu > span::after{ width: 17px; height: 16px; background: url(../images/ico/ico-new.png) no-repeat center center; text-indent: -9999px; content: ''; display: inline-block; position: absolute; top: 1px; right: 30px;}
.box-list4 li .subject{ color: #525151; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 0 0 14px; display: inline-block; flex: 1; position: relative;}
.box-list4 li .visit{ width: 150px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 50px;}
.box-list4 li .name{ width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 50px;}
.box-list4 li .date{ width: 155px;}
.box-list4 li a:hover .mreu > span,
.box-list4 li a:hover .subject{ color: #f7792e;}

.scroll-y{ height: 100%; overflow-y: auto;}

.tab-box .tab-txttype {padding: 0; margin-top: 20px;}
.tab-box .tab-txttype .txt,
.tab-box .tab-txttype .num {color: #333; font-size: 13px; line-height: 16px; text-shadow: 0 0 #333; letter-spacing: 0.005em;}
.tab-box .tab-txttype li {padding-right: 12px; margin-right: 9px; line-height: 16px;}
.tab-box .tab-txttype li::after{background-color: #ddd; height: 13px; margin-top: -7px;}
.tab-box .tab-txttype li .tag {padding: 0; padding-top: 0; vertical-align: top; line-height: 16px;}
.tab-box .tab-txttype li .tag:hover .txt,
.tab-box .tab-txttype li .tag:hover .num,
.tab-box .tab-txttype li.on .tag .txt,
.tab-box .tab-txttype li.on .tag .num {color: #f36f20; text-shadow: 0.5px 0 #f36f20;}
.tab-box .tab-txttype .txt + .txt {margin-left: 3px;}
.tab-box .tab-txttype .txt + .num {margin-left: 1px;}

.cont-search + .tab-box {margin-top: 20px;}
.cont-search + .tab-box .tab-txttype {margin-top: 0;}

.tab-box > .flex-box > .flex-col > .tab-txttype {width: 100%;}

.tab-box.type2{ display: flex; flex-direction: column;}
.tab-box.type2 .tab-btn{ display: flex;}
.tab-box.type2 .tab-btn .btn-tab{ padding: 5px 0;}
.tab-box.type2 .tab-btn .btn-tab .txt{ font-weight: 500; font-size: 14px; color: #444; line-height: 1; padding: 0 20px; border-right: 1px solid #ccc;}
.tab-box.type2 .tab-btn .btn-tab:last-child .txt{ border: 0;}
.tab-box.type2 .tab-btn .btn-tab:hover .txt,
.tab-box.type2 .tab-btn .btn-tab.on .txt{ color: #f7792e;}
.tab-box.type2 .tab-con{ border: 1px solid #ccc;}
.tab-box.type2 .tab-con:has( > .scroll-y){ position: relative;}
.tab-box.type2 .scroll-y{ padding: 20px; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.tab-box.type2:has( .tab-con.flex1){ height: 100%;}
.tab-box.type2:has( .tab-con.flex1) .flex1{ flex: 1;}

.paging .linkbox [class*="btn-"] ~ span,
.paging .linkbox [class*="btn-"] ~ strong,
.paging .linkbox [class*="btn-"] ~ [class*="btn-"] {margin-left: 5px;}
.paging .linkbox strong.link {text-decoration: none !important;}
.paging .linkbox .btn-pprev {background-image: url(../images/ico/ico-pn2-pprev.png);}
.paging .linkbox .btn-prev {background-image: url(../images/ico/ico-pn2-prev.png);}
.paging .linkbox .btn-next {background-image: url(../images/ico/ico-pn2-next.png);}
.paging .linkbox .btn-nnext {background-image: url(../images/ico/ico-pn2-nnext.png);}

.sub-title .btnbox,
.myActInfo-area .list-area .la-head{font-size: 18px; color: #666; line-height: 30px; font-weight: bold; letter-spacing: 0.005em; word-spacing: -0.06em; text-shadow: none; padding-left: 0; display: block;}
.myActInfo-area .list-area .la-head::after {content: ""; display: block; clear: both;}

.sub-title .btnbox{ display: flex;}
.sub-title .btnbox .btn-ix{ display: flex; align-items: center;}
.sub-title .btnbox .btn-ix + .btn-ix{ margin-left: 5px;}
.sub-title .btn-ix:hover,
.myActInfo-area .btn-ix:hover {border-color: #444;}
.myActInfo-area .btn-ix .ix-txt,
.myActInfo-area .btn-ix [class^="ico-"] {vertical-align: middle;}
.myActInfo-area .btn-ix:not([class*="type"]) .ix-txt {height: 23px; line-height: 23px; font-size: 12px; color: #333;}
.myActInfo-area .btn-ix [class^="ico-"] + .ix-txt,
.myActInfo-area .btn-ix .ix-txt + [class^="ico-"] {margin-left: 6px;}
.myActInfo-area .btn-ix.type2{ background-color: #b73d00; color: #fff; border: 0;}
.myActInfo-area .btn-ix.type3{ background-color: #eb0000; color: #fff; border: 0;}
.myActInfo-area .btn-ix.type4{ background-color: #333; color: #fff; border: 0;}

.myActInfo-area .bbsView-top.bbsView-text {padding: 0 20px;}
.myActInfo-area .bbsView-top.bbsView-text .leftbox {padding-top: 0; line-height: 20px;}
.myActInfo-area .bbsView-top.bbsView-text .leftbox.view-info .info .name,
.myActInfo-area .bbsView-top.bbsView-text .leftbox.view-info .info .team {margin-bottom: 0;}
.myActInfo-area .bbsView-text .rightbox {padding: 0 0 12px; line-height: 20px;}
.myActInfo-area .bbsView-text .rightbox .views {margin-left: 10px;}
.myActInfo-area .bbsView-top + .bbsView-top {border-top: 0;}
.myActInfo-area .bbsView-foot .btn-ix:hover {border-color: #444;}
.myActInfo-area .bbsView-foot .btn-ix {min-width: 126px; height: 36px; border-color: #ccc;}
.myActInfo-area .bbsView-foot .btn-ix .ix-txt {font-size: 14px; line-height: 35px; font-weight: bold; height: auto;}
.myActInfo-area .myActInfo-body{ margin-top: 0;}

/*버튼 스타일 통일*/
.la-head .btnbox.fr .btn-ix,
.cont-top .contTop-right .btn-ix,
.sub-title .btn-ix,
.myActInfo-area .btn-ix { min-width: auto;width: auto; height: 25px; color: #333; text-align: center; padding: 0 10px 2px; background-color: #fff; display: inline-block; border: 1px solid #ddd; border-radius: 2px;}
.la-head .btnbox.fr .btn-ix,
.cont-top .contTop-right .btn-ix,
.sub-title .btnbox .btn-ix,
.myActInfo-area .list-area .la-head .btnbox .btn-ix {min-width: 100px; height: 36px; line-height: 34px; font-size: 14px; border-radius: 0;     font-weight: bold;}

.sh-listbox .listSH .link {font-size: 14px; color: #666;}

.popup .pop-cont::-webkit-scrollbar {width: 7px; height: 7px;}
.popup .pop-cont::-webkit-scrollbar-track {background-color: #fff;}
.popup .pop-cont::-webkit-scrollbar-thumb {background-color: #ddd; border-radius: 5px;}


/* custom */
#my_scheduler.dhx_cal_container {margin-bottom: 20px; /*min-height: calc(100vh + 27px);*/}
#my_scheduler .dhx_cal_scale_placeholder {box-shadow: none !important;}
#my_scheduler .dhx_cal_data {/*width: 1003px !important;*/ width: auto !important; right: 0; border: 1px solid rgb(224, 224, 224); border-top-color: rgb(224, 224, 224) !important; border-bottom: none; overflow: hidden !important;}
#my_scheduler.dhx_cal_container .dhx_cal_event .dhx_title,
#my_scheduler.dhx_cal_container .dhx_cal_event .dhx_body {background-color: #f75b31; padding: 0;}
#my_scheduler.dhx_cal_container .dhx_cal_event.dhx_cal_select_menu {margin-left: 16px;}
#my_scheduler.dhx_cal_container .dhx_cal_event.dhx_cal_editor {min-height: 30px; background-color: #f75b31; margin-left: 15px;}
#my_scheduler.dhx_cal_container .dhx_cal_event.dhx_cal_editor > div {min-height: 25px;}
#my_scheduler.dhx_cal_container .dhx_cal_event.dhx_cal_editor textarea.dhx_cal_editor {padding: 3px 0 0 3px;}
#my_scheduler.dhx_cal_container.dhx_scheduler_month .dhx_cal_header {left: 0 !important; right: 0; width: 100% !important;}
#my_scheduler.dhx_cal_container.dhx_scheduler_month .dhx_cal_data {border-top-color: rgb(224, 224, 224) !important; box-sizing: border-box;}
#my_scheduler.dhx_cal_container.dhx_scheduler_month .dhx_cal_data table {min-height: 100%;}
#my_scheduler.dhx_cal_container.dhx_scheduler_month .dhx_cal_data table tbody td:last-child .dhx_month_head,
#my_scheduler.dhx_cal_container.dhx_scheduler_month .dhx_cal_data table tbody td:last-child .dhx_month_body {border-right-width: 0;}
#my_scheduler.dhx_cal_container.dhx_scheduler_month .dhx_cal_data table .dhx_month_body {width: calc(100% - 1px) !important;}
#my_scheduler.dhx_cal_container.dhx_scheduler_week .dhx_cal_data [data-column-index='0'] {left: 66px !important;}
#my_scheduler.dhx_cal_container.dhx_scheduler_week .dhx_cal_data [data-column-index='1'] {left: 199px !important;}
#my_scheduler.dhx_cal_container.dhx_scheduler_week .dhx_cal_data [data-column-index='2'] {left: 333px !important;}
#my_scheduler.dhx_cal_container.dhx_scheduler_week .dhx_cal_data [data-column-index='3'] {left: 467px !important;}
#my_scheduler.dhx_cal_container.dhx_scheduler_week .dhx_cal_data [data-column-index='4'] {left: 601px !important;}
#my_scheduler.dhx_cal_container.dhx_scheduler_week .dhx_cal_data [data-column-index='5'] {left: 735px !important;}
#my_scheduler.dhx_cal_container.dhx_scheduler_week .dhx_cal_data [data-column-index='6'] {width: 134px !important; left: 869px !important;}
#my_scheduler.dhx_cal_container.dhx_scheduler_week .dhx_cal_data .dhx_scale_holder:nth-child(8) .dhx_scale_hour {width: 65px !important;}
#my_scheduler.dhx_cal_container.dhx_scheduler_week .dhx_cal_header {left: 65px !important;}
#my_scheduler.dhx_cal_container.dhx_scheduler_day .dhx_multi_day .dhx_cal_event_line,
#my_scheduler.dhx_cal_container.dhx_scheduler_day .dhx_cal_data .dhx_scale_holder[data-column-index='0'],
#my_scheduler.dhx_cal_container.dhx_scheduler_day .dhx_cal_data .dhx_scale_holder_now[data-column-index='0'] {width: 937px !important; left: 66px !important;}
#my_scheduler.dhx_cal_container.dhx_scheduler_day .dhx_cal_data .dhx_scale_hour {width: 65px !important;}
#my_scheduler.dhx_cal_container .dhx_multi_day {border: 1px solid #e0e0e0 !important;}
#my_scheduler.dhx_cal_container.dhx_scheduler_week .dhx_cal_event_line,
#my_scheduler.dhx_cal_container.dhx_scheduler_day .dhx_cal_event_line {left: 67px !important;}

#my_scheduler.dhx_cal_container .dhx_cal_tab {border-color: #f75b31; color: #f75b31;}
#my_scheduler.dhx_cal_container .dhx_cal_tab:hover {background-color: #feeeea !important;}
#my_scheduler.dhx_cal_container .dhx_cal_tab.active {border-color: #f75b31 !important; background-color: #f75b31 !important; color: #fff;}
#my_scheduler.dhx_cal_container .dhx_cal_today_button {color: #f75b31 !important;}
#my_scheduler.dhx_cal_container .dhx_cal_prev_button,
#my_scheduler.dhx_cal_container .dhx_cal_next_button {background-image: url(../images/ico/ico-arrow5.png) !important;}
#my_scheduler.dhx_cal_container .dhx_cal_prev_button {transform: rotate(180deg);}

#my_scheduler.dhx_cal_container .dhx_cal_data .dhx_cal_event_clear {color: #666;}
#my_scheduler.dhx_cal_container .dhx_cal_data .dhx_cal_event_clear:hover {color: #f75b31;}

.accountRegi-area .flex-sb > div{ flex: 1;}

.addInfo-selbox .btn-box .ra-box:first-child{ border-left: 0;}
.addInfo-selbox .btn-box .ra-box{display: table-cell; vertical-align: middle; border-left: 1px solid #ddd; position: relative;}
.addInfo-selbox .btn-box .ra-box label{ font-weight: 300; font-size: 13px; color: #999; line-height: 30px; white-space: nowrap; padding: 0 10px;}
.addInfo-selbox .btn-box .ra-box label:before{ display: none;}
.addInfo-selbox .btn-box .ra-box input:checked + label{ background-color: #ebfcf2; color: #359c5e; position: relative;}
.addInfo-selbox .btn-box .ra-box input:checked + label::before{ width: auto; height: auto; background-image: none; display: block; border: 1px solid #359c5e; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 1;}

.addInfo-selbox.preview-box .preview-img-box{ width: auto; height: 96px; background-color: #fff; display: inline-block; border: 1px solid #ddd;}
.addInfo-selbox.preview-box .preview-img-box img{ width: auto; height: 100%;}

.tooltip-box{ width: 14px; height: 14px; display: inline-block; position: relative;}
.tooltip-box .tool-btn{ width: 14px; height: 14px; background: url(../images/ico/ico-tooltip.png) no-repeat center center; text-indent: -9999px; display: inline-block;}
.tooltip-box .tool-btn:hover + .tool-con{ display: block;}
.tooltip-box .tool-con{ background-color: #fff; padding: 10px 15px; display: none; border: 1px solid #ccc; border-radius: 5px; position: absolute; top: calc(100% + 8px); right: -50px; z-index: 1;}
.tooltip-box .tool-con::before{ width: 10px; height: 10px; background-color: #fff; content: ''; border-top: 1px solid #ccc; border-left: 1px solid #ccc; position: absolute; top: -7px; right: 52px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);}
.tooltip-box .tool-con p{ white-space: nowrap;}

.ccBBS-area .bbsDetail-area .mrView-area .tab-box ~ .bbsView-file {padding: 0 0 0 10px;}
.ccBBS-area .bbsDetail-area .mrView-area .tab-box ~ .bbsView-file .listFile {margin-right: 10px; width: calc(50% - 10px);}
.ccBBS-area .bbsDetail-area .mrView-area .tab-box ~ .bbsView-file .listFile .link {padding-left: 15px; padding-right: 15px;}

.floatingSet-area .onoff-listbox {padding-left: 34px; padding-right: 34px;}
.floatingSet-area .onoff-listbox .onoffbox.etctype {padding-left: 10px; padding-right: 10px; justify-content: center;}

.floatingSet-area .onoff-listbox .onoffbox.etctype .ra-box {margin: 0 15px;}

.addInfo-selbox .search-multibox .inbox,
.addInfo-selbox .search-multibox .inbox + .inbox{ margin-bottom: 5px;}

.box-wrap ~ .box-wrap{ margin-top: 20px;}

.box-wrap.type-mainChart > ul{ display: flex; flex-wrap: wrap;}
.box-wrap.type-mainChart .item{ width: 696px; height: 374px; margin-left: 20px; border: 1px solid #ccc;}
.box-wrap.type-mainChart .item:nth-child(2n+1){ margin-left: 0;}
.box-wrap.type-mainChart .item:nth-child(n+3){ margin-top: 20px;}

.accountDealerInfo-area .list-area .la-head.has-arrow{ background-color: #fff; border-color: #ccc;}
.popup-wrap .accountDealerInfo-area .list-area .la-head{ height: 38px;}

.tab-cont.dealer-tab .flex-sb > div ~ div,
.lead-cont.tab1 .flex-sb > div ~ div{ margin-left: 20px;}
.list-area ~ .flex-sb,
.flex-sb ~ .list-area{ margin-top: 20px;}

.no-result {display: flex; flex-wrap: wrap; height: 100%; align-content: center;}
.no-result-wrap {display: inline-block; width: 100%; padding-top: 120px; background: url(../images/ico/ico-starFace2.png) no-repeat center 0; text-align: center; color: #333; text-shadow: 0.5px 0 0 #333; text-transform: uppercase; font-size: 18px;}

.boxlink {display: none;}
.boxlink .btn-zoom, .boxlink .btn-blank, .boxlink .btn-favoAdd {display: inline-block; vertical-align: middle; margin: 0 18px; }
.btn-blank {text-indent: -999rem; width: 32px; height: 28px; background-image: url(../images/ico/ico-blank2.png); background-position: -32px 0; background-repeat: no-repeat;}
.btn-blank:hover {background-position: 0 0; background-color: transparent;}
.btn-favoAdd {text-indent: -999rem; width: 28px; height: 28px; background-image: url(../images/ico/ico-favoAdd.png); background-position: -28px 0; background-repeat: no-repeat;}
.btn-favoAdd:hover {background-position: 0 0;}

#wrap .portlet-area{ padding-top: 40px;}
#wrap .portlet-area > .portlet-content{ background-color: transparent; padding: 0; border: 0;}
#wrap .portlet-area > .portlet-content .fc-portlet-item-content > header.fc-portlet-item-header{ background-color: #dee8ec;}
#wrap .portlet-content:after{ display: none;}

#home_div{ border: 0; position: relative;}
#home_div .box-list ul,
#home_div .box-list2 ul{ padding: 19px 48px 19px 36px;}
#home_div .box-list li .subject::before{ top: 8px;}
#home_div .box-list4 ul{ list-style: none; padding: 21px 48px 21px 36px;}
#home_div .no-result-wrap{ background-size: 66px auto; padding-top: 80px;}
#home_div .btn-more{ padding: 2px 5px; border: 1px solid #ccc; border-radius: 2px; position: absolute; top: 10px; right: 10px; z-index: 1;}
#home_div .box-area dl{ border: 0;}
.portlet-content #home_div .fc-portlet-item-content .fc-portlet-item-body{ padding: 0;}


.positioningMap-tab-box{ max-width: 1550px; max-width: 1610px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; position: relative;}
.positioningMap-tab-box .tabRa{ position: absolute; top: 0; left: -9999px;}
.positioningMap-tab-box > .tab-btn{ display: flex; border-left: 1px solid #ccc; border-bottom: 2px solid #f38643;}
.positioningMap-tab-box > .tab-btn label{ width: 150px; height: 40px; font-weight: 700; font-size: 18px; color: #000; text-align: center; display: flex; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #ccc; border-left: 0; border-bottom: 0; position: relative;}
.positioningMap-tab-box > .tab-btn label::after{ border: 2px solid #f38643; border-bottom: 2px solid #fff; position: absolute; top: -1px; right: -1px; bottom: -2px; left: -1px;}
.positioningMap-tab-box > .tab-btn label:hover::after{ content: '';}
.positioningMap-tab-box > .tab-btn .tab1{ background: url(../../front/images/logo/logo-hankook.png) no-repeat center center; background-size: 100px auto; text-indent: -9999px; display: inline-block;}
.positioningMap-tab-box > .tab-btn .tab2{ background: url(../../front/images/logo/logo-laufenn.png) no-repeat 27px center; text-indent: -9999px; display: inline-block;}
.positioningMap-tab-box > .tab-con{ height: 708px; padding: 20px; display: none; border: 1px solid #ccc; border-top: 0;}
.positioningMap-tab-box > .tab-con img{ width: auto; height: 630px;}
.positioningMap-tab-box > .tab-con.tab1 .img{ padding: 0 198px 0 0;}
.positioningMap-tab-box > .tab-con.tab2 img{ width: auto; height: 600px;}
.positioningMap-tab-box .img-box .img{ text-align: center;}
.positioningMap-tab-box .img-ck-box{ display: flex; flex-direction: column; position: relative;}
.positioningMap-tab-box .img-ck-box >  .tabRa{ position: absolute; top: auto; bottom: 120px;}
.positioningMap-tab-box .img-ck-box .img-box{ display: none; flex-direction: column; position: relative;}
.positioningMap-tab-box .img-ck-box .img-box .tit{ display: flex; align-items: center; position: absolute; top: -5px; left: 0; z-index: 1;}
.positioningMap-tab-box .img-ck-box .img-box .txt1{ font-weight: 300; font-size: 14px; color: #f38643;}
.positioningMap-tab-box .img-ck-box .img-box .txt2{ height: 30px; font-weight: 500; font-size: 22px; color: #000; line-height: 30px; margin: 0 20px;}
.positioningMap-tab-box .img-ck-box .img-box .txt2::after{ width: 22px; height: 22px; background: no-repeat right bottom; content: ''; margin: 0 0 0 8px; display: inline-block;}
.positioningMap-tab-box .img-ck-box .img-box .txt3{ height: 30px; font-weight: 300; font-size: 18px; color: #666; line-height: 30px;}
.positioningMap-tab-box .img-ck-box .img-box .txt3::after{ width: 30px; height: 30px; background: no-repeat center center; content: ''; margin: 0 0 0 10px; display: inline-block; vertical-align: top;}
.positioningMap-tab-box .img-ck-box .ck-box{ margin: 10px 0 0 0; display: flex; flex-direction: column; justify-content: space-between; position: absolute; top: 0; right: 0;}
.positioningMap-tab-box .img-ck-box .ck-box label{ padding: 14px 20px; display: flex; flex-direction: column; flex: 1; border: 1px solid #ccc; cursor: pointer; position: relative;}
.positioningMap-tab-box .img-ck-box .ck-box label::after,
.positioningMap-tab-box .img-ck-box .ck-box label.on::after{ border: 2px solid #f38643; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px;}
.positioningMap-tab-box .img-ck-box .ck-box label:hover::after{ content: '';}
.positioningMap-tab-box .img-ck-box .ck-box label + label{ margin-top: 20px;}
.positioningMap-tab-box .img-ck-box .ck-box .logo{ height: 20px; background: url(../../common_sms/images/common/logo-hankook-foot.png) no-repeat left center; background-size: auto 20px; text-indent: -9999px; margin: 0 0 5px 0; display: inline-block;}
.positioningMap-tab-box .img-ck-box .ck-box .txt1{ font-weight: 300; font-size: 12px; color: #666; line-height: 14px; margin: 0 0 2px 0;}
.positioningMap-tab-box .img-ck-box .ck-box .txt1::after{ width: 50px; height: 50px; background: no-repeat center center; content: ''; position: absolute; top: 10px; right: 10px;}
.positioningMap-tab-box .img-ck-box .ck-box .txt2{ font-weight: 700; font-size: 18px; color: #000; margin: 0 0 0 0;}
.positioningMap-tab-box .img-ck-box .ck-box .txt2::after{ width: 22px; height: 22px; background: no-repeat center center; content: ''; margin: 0 0 0 10px; display: inline-block; vertical-align: top;}
.positioningMap-tab-box .img-ck-box .ico-car::after{ background-image: url(../images/ico/ico-car.png) !important;}
.positioningMap-tab-box .img-ck-box .ico-suv::after{ background-image: url(../images/ico/ico-suv.png) !important;}
.positioningMap-tab-box .img-ck-box .ico-truck::after{ background-image: url(../images/ico/ico-truck.png) !important;}
.positioningMap-tab-box .img-ck-box .ico-winter::after{ background-image: url(../images/ico/ico-winter.png) !important;}
.positioningMap-tab-box .img-ck-box .ico-summer::after{ background-image: url(../images/ico/ico-summer.png) !important;}
.positioningMap-tab-box .img-ck-box .ico-all::after{ background-image: url(../images/ico/ico-seasonAll.png) !important;}
.positioningMap-tab-box .img-ck-box .ck-box .ico-winter::after{ background-image: url(../images/ico/ico-winter2.png) !important;}
.positioningMap-tab-box .img-ck-box .ck-box .ico-summer::after{ background-image: url(../images/ico/ico-summer2.png) !important;}
.positioningMap-tab-box .img-ck-box .ck-box .ico-all::after{ background-image: url(../images/ico/ico-seasonAll2.png) !important;}

/*
.positioningMap-tab-box #positioningTab1:checked ~ .tab-con.tab1,
.positioningMap-tab-box #positioningTab2:checked ~ .tab-con.tab2{ display: block;}
.positioningMap-tab-box #positioningTab1:checked ~ .tab-btn .tab1::after,
.positioningMap-tab-box #positioningTab2:checked ~ .tab-btn .tab2::after{ content: '';}
.positioningMap-tab-box #positioningImg1:checked ~ .img-box.img1,
.positioningMap-tab-box #positioningImg2:checked ~ .img-box.img2,
.positioningMap-tab-box #positioningImg3:checked ~ .img-box.img3,
.positioningMap-tab-box #positioningImg4:checked ~ .img-box.img4{ display: flex;}
.positioningMap-tab-box #positioningImg1:checked ~ .ck-box .tab1::after,
.positioningMap-tab-box #positioningImg2:checked ~ .ck-box .tab2::after,
.positioningMap-tab-box #positioningImg3:checked ~ .ck-box .tab3::after,
.positioningMap-tab-box #positioningImg4:checked ~ .ck-box .tab4::after{ content: '';}
*/
.positioningMap-tab-box .tab-con.on {display: block !important;}
.positioningMap-tab-box .tab-btn [class*="tab"].on::after {content: '' !important;}
.positioningMap-tab-box .img-box.on {display: flex !important;}
.positioningMap-tab-box .ck-box .tab1.on::after,
.positioningMap-tab-box .img-ck-box .ck-box label.on::after {content: '' !important;}

.positioningMap-sel-box { max-width: 1610px; width: 100%; margin: 0 auto 10px auto;}
.positioningMap-sel-box .select1 {border-radius: 0; border: 2px solid #f38643; height: 38px; line-height: 36px; min-width: 100px; font-weight: 500; color: #000;}
.positioningMap-sel-box .select1:hover {border-color: #444;}
.positioningMap-sel-box .select1:focus {border-color: #f38643;}

.chk-col-group{ padding: 10px; display: flex; flex-direction: column;}
.chk-col-group.scroll-y{ height: 140px; border: 1px solid #ccc; overflow-y: auto;}
.chk-col-group label{ position: relative; cursor: pointer;}
.chk-col-group label + label{ margin: 5px 0 0 0;}
.chk-col-group label:hover span{ color: #e65e10;}
.chk-col-group label:hover span::before{ background-position: -36px 0;}
.chk-col-group label input{ position: absolute; top: 0; left: -9999px;}
.chk-col-group label span{ font-size: 13px; color: #333; line-height: 18px; padding: 1px 0 1px 22px;}
.chk-col-group label span::before{ width: 18px; height: 18px; background: url("../images/chk-box.png") no-repeat 0 0; content: ''; position: absolute; top: 1px; left: 0;}
.chk-col-group label input:checked + span::before{ background-position: 0 -18px;}

.grindBlankHC-box .mytype-list.type1 .listbox .link > [class^="ico-"] + .txt{ line-height: 22px; vertical-align: top;}
.grindBlankHC-box .mytype-list.type1 .listbox .link:hover > [class^="ico-"] + .txt{ color: #333;}
.grindBlankHC-box .mytype-list.type1 .listbox .list.fix .link > [class^="ico-"] + .txt{ line-height: 20px;}

.list-col-detail{ margin: 10px 0 0 0; border-top: 1px solid #000;}
.list-col-detail ul{ display: flex; flex-direction: column;}
.list-col-detail .item{ padding: 10px 0 15px 0; display: flex; flex-direction: column; border-bottom: 1px solid #ccc;}
.list-col-detail .link{ padding-top: 10px; display: flex; flex-direction: column; position: relative;}
.list-col-detail .link:hover{ text-decoration: underline;}
.list-col-detail .tit{ font-weight: 700; font-size: 18px; color: #222; line-height: 24px;}
.list-col-detail .badge{ height: 24px; font-weight: 500; font-size: 12px; color: #ec6608; line-height: 22px; padding: 0 10px; margin-left: 10px; display: inline-block; border: 1px solid #ec6608; border-radius: 12px; vertical-align: top;}
.list-col-detail .txt{ font-size: 14px; color: #666; line-height: 21px; margin: 5px 0 0 0; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.list-col-detail .date{ font-size: 14px; color: #999; line-height: 24px; position: absolute; top: 10px; right: 0;}
.list-col-detail .attach-file{ margin: 10px 0 0 0; display: flex; flex-wrap: wrap;}
.list-col-detail .attach-file a{ background: url(../images/ico/ico-attach-file.png) no-repeat 12px center #f5f5f5; font-size: 12px; color: #ec6608; line-height: 30px; padding: 0 10px 0 35px; margin: 5px 5px 0 0; display: inline-block;}
.list-col-detail .attach-file a:hover{ text-decoration: underline;}

.bbs-body + .bbs-foot{ margin: 10px 0 0 0;}

.calendar-month-area{ padding: 25px 0 0 0; display: flex; flex-direction: column; border-top: 1px solid #666;}
.calendar-month-area .calendar-month-head .flex-right{ /*float: right;*/ justify-content: end; align-items: center;}
.calendar-month-area .calendar-month-head .btn-list{ height: 30px; background: url(../../front/images/ico/ico-calendar-list.png) no-repeat 14px center; font-size: 14px; color: #423f3f; line-height: 28px; padding: 0 14px 0 48px; border: 1px solid #585858; border-radius: 2px;}
.calendar-month-area .calendar-month-head .btn-list:hover{ background-color: #f1f1f1;}
.calendar-month-area .calendar-month-body{ margin: 20px 0 0 0; display: flex;}
.calendar-month-area .calendar-month-body .calendar-box{ display: flex; flex: 1; flex-direction: column;}
.calendar-month-area .calendar-month-body .calendar-box-head{ padding: 0 140px; position: relative;}
.calendar-month-area .calendar-month-body .calendar-box-head p{ font-weight: 700; font-size: 16px; color: 3333; text-align: center; line-height: 20px;}
.calendar-month-area .calendar-month-body .calendar-box-head .btn{ width: 140px; display: flex; justify-content: space-between; position: absolute; top: 0; right: 0;}
.calendar-month-area .calendar-month-body .calendar-box-head .btn .btn-prev{ width: 20px; height: 20px; background: url(../../front/images/ico/ico-calendar-prev.png) no-repeat center center; text-indent: -9999px; display: inline-block;}
.calendar-month-area .calendar-month-body .calendar-box-head .btn .btn-next{ width: 20px; height: 20px; background: url(../../front/images/ico/ico-calendar-next.png) no-repeat center center; text-indent: -9999px; display: inline-block;}
.calendar-month-area .calendar-month-body .calendar-box-head .btn .btn-today{ font-weight: 700; font-size: 14px; color: #ec6608; padding: 0 10px; display: inline-block;}
.calendar-month-area .calendar-month-body .calendar-box-head .btn a:hover{ background-color: #f1f1f1;}
.calendar-month-area .calendar-month-body .calendar-box-body{ margin: 10px 0 0 0;}
.calendar-month-area .calendar-month-body .calendar-box-body .calendar-table{ table-layout: fixed;}
.calendar-month-area .calendar-month-body .calendar-box-body .calendar-table th{ height: 30px; font-weight: 300; font-size: 12px; color: #666; border-bottom: 1px solid #ddd;}
.calendar-month-area .calendar-month-body .calendar-box-body .calendar-table td{ height: 110px; border: 1px solid #ddd; border-top: 0; border-left: 0; position: relative;}
.calendar-month-area .calendar-month-body .calendar-box-body .calendar-table td:hover,
.calendar-month-area .calendar-month-body .calendar-box-body .calendar-table td.today,
.calendar-month-area .calendar-month-body .calendar-box-body .calendar-table td.select{ background-color: #eee;}
.calendar-month-area .calendar-month-body .calendar-box-body .calendar-table td:first-child{ border-left: 1px solid #ddd;}
.calendar-month-area .calendar-month-body .calendar-box-body .calendar-table .day .day-all{ width: 100%; height: 100%; position: relative;}
.calendar-month-area .calendar-month-body .calendar-box-body .calendar-table .day .txt{ font-weight: 400; font-size: 12px; color: #666; position: absolute; top: 8px; right: 10px; }
.calendar-month-area .calendar-month-body .calendar-box-body .calendar-table .day .more{ width: 2px; height: 2px; background-color: #ec6608; text-indent: -9999px; display: inline-block; border-radius: 50%; position: absolute; bottom: 8px; left: 10px; }
.calendar-month-area .calendar-month-body .calendar-box-body .calendar-table .day .more::before{ width: 2px; height: 2px; background-color: #ec6608; content: ''; position: absolute; top: 0; left: 6px;}
.calendar-month-area .calendar-month-body .calendar-box-body .calendar-table .day .more::after{ width: 2px; height: 2px; background-color: #ec6608; content: ''; position: absolute; top: 0; left: 12px;}
.calendar-month-area .calendar-month-body .calendar-box-body .calendar-table .day .list{ text-align: left; display: flex; flex-direction: column; position: absolute; top: 28px; left: 5px; right: 5px;}
.calendar-month-area .calendar-month-body .calendar-box-body .calendar-table .day .list a{ font-size: 11px; color: #2c854f; line-height: 13px; text-decoration: underline; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.calendar-month-area .calendar-month-body .calendar-box-body .calendar-table .day .list a:hover{ color: #ec6608;}
.calendar-month-area .calendar-month-body .calendar-box-body .calendar-table .day .list a + a{ margin-top: 3px;}
.calendar-month-area .calendar-month-body .calendar-list{ width: 420px; padding: 10px; margin-left: 10px; display: flex; flex-direction: column; border: 1px solid #ddd; border-radius: 8px;}
.calendar-month-area .calendar-month-body .calendar-list-head{ background: url(../../front/images/ico/ico-calendar-today.png) no-repeat 10px 10px; padding: 5px 0 11px 40px; border-bottom: 1px solid #ddd;}
.calendar-month-area .calendar-month-body .calendar-list-head p{ font-weight: 700; font-size: 16px; color: #222; line-height: 32px;}
.calendar-month-area .calendar-month-body .calendar-list-body{ height: 100%;}
.calendar-month-area .calendar-month-body .calendar-list-body dl{ height: 100%; display: flex; flex-direction: column;}
.calendar-month-area .calendar-month-body .calendar-list-body dt{ display: flex; border-bottom: 1px solid #ddd;}
.calendar-month-area .calendar-month-body .calendar-list-body dt p{ height: 30px; font-weight: 700; font-size: 12px; color: #999; line-height: 30px; padding: 0 10px;}
.calendar-month-area .calendar-month-body .calendar-list-body dd{ margin-top: 5px; flex: 1; position: relative;}
.calendar-month-area .calendar-month-body .calendar-list-body dd .link{ width: 100%; padding: 2px 0; margin-top: 4px; display: flex; justify-content: space-between; border-left: 2px solid #ec6608;}
.calendar-month-area .calendar-month-body .calendar-list-body dd .link:hover{ background-color: #f1f1f1;}
.calendar-month-area .calendar-month-body .calendar-list-body dd .time{ width: 58px; font-weight: 700; font-size: 12px; color: #222; text-align: center; line-height: 16px;}
.calendar-month-area .calendar-month-body .calendar-list-body dd .txt{ width: 260px; font-weight: 700; font-size: 12px; color: #888; line-height: 16px;}
.calendar-month-area .calendar-month-body .calendar-list-body dd .noData{font-weight: 700; font-size: 12px; color: #999; text-align: center; padding: 60px 0;}
.calendar-month-area .calendar-month-body .calendar-list-body .scroll-y{ overflow-y: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}

.table-list tbody td.thumb-list{ padding: 13px 0 0 16px;}
.thumb-list > ul{ display: flex; flex-wrap: wrap;}
.thumb-list .item{ width: auto; height: 96px; background-color: #fff; margin: 0 16px 12px 0; border: 1px solid #ddd;}
.thumb-list .item img{ width: auto; height: 96px;}
.thumb-list.type-col > ul{ flex-direction: column;}
.thumb-list.type-col .item,
.thumb-list.type-col .item img{ width: auto; max-width: 100%; height: auto;}

.slide-list-select-box{ display: flex; justify-content: space-between;}
.slide-list-select-box .slide-box{ width: 870px; display: flex; flex-direction: column; position: relative;}
.slide-list-select-box .slide-box .slide-con{ height: 672px; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; position: relative;}
.slide-list-select-box .slide-box .slide-con > ul{ width: 500%; height: 100%; display: flex; position: absolute; top: 0; left: 0;}
.slide-list-select-box .slide-box .slide-con > ul .item{ flex: 1;}
.slide-list-select-box .slide-box .slide-con .thumb{ width: 100%; height: 460px; background: url(../images/ico/ico-thumb-default.png) no-repeat center center #fff; border-bottom: 1px solid #ddd; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.slide-list-select-box .slide-box .slide-con .thumb img {width: 100%;}
.slide-list-select-box .slide-box .slide-con .tit{ font-weight: 700; font-size: 18px; color: #555; line-height: 20px; margin: 22px 22px 0 22px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.slide-list-select-box .slide-box .slide-con .tit:hover{ text-decoration: underline;}
.slide-list-select-box .slide-box .slide-con .txt{ font-weight: 300; font-size: 14px; color: #555; line-height: 20px; margin: 5px 22px 0 22px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.slide-list-select-box .slide-box .slide-con .date-btn{ margin: 30px 22px 0 22px; display: flex; align-items: flex-end; justify-content: space-between;}
.slide-list-select-box .slide-box .slide-con .date{ font-size: 12px; color: #aaa; display: flex;}
.slide-list-select-box .slide-box .slide-con .date strong,
.slide-list-select-box .slide-box .slide-con .date .strong{ font-weight: 700; margin-right: 10px;}
.slide-list-select-box .slide-box .slide-con .date .strong:hover{ text-decoration: underline;}
.slide-list-select-box .slide-box .slide-con .date .team{ font-weight: 400; margin-right: 10px;}
.slide-list-select-box .slide-box .slide-con .btn a{ font-weight: 400; font-size: 12px; color: #423f3f; line-height: 28px; padding: 0 24px 0 16px; display: inline-block; border: 1px solid #585858; border-radius: 4px; position: relative;}
.slide-list-select-box .slide-box .slide-con .btn a:hover{ background-color: #f1f1f1;}
.slide-list-select-box .slide-box .slide-con .btn a::after{ width: 6px; height: 6px; content: ''; border-top: 1px solid #120e0e; border-right: 1px solid #120e0e; position: absolute; top: 10px; right: 12px; transform: rotate(45deg);}
.slide-list-select-box .slide-box .slide-control .control-btn{ display: flex; justify-content: space-between; position: absolute; top: 200px; left: 17px; right: 17px;}
.slide-list-select-box .slide-box .slide-control .control-btn button{ width: 50px; height: 50px; text-indent: -9999px; display: inline-block; border-radius: 50%; overflow: hidden; position: relative;}
.slide-list-select-box .slide-box .slide-control .control-btn button::before{ width: 100%; height: 100%; background-color: #000; content: ''; display: block; opacity: 0.4;}
.slide-list-select-box .slide-box .slide-control .control-btn button:hover:before{ opacity: 0.8;}
.slide-list-select-box .slide-box .slide-control .control-btn button::after{ width: 8px; height: 8px; content: ''; display: block; border: 1px solid #fff; position: absolute; top: 50%; left: 50%; transform: rotate(45deg) translate(-50%,-50%);}
.slide-list-select-box .slide-box .slide-control .control-btn button.btn-prev::after{ margin: 1px 0 0 -2px; border-top: 0; border-right: 0;}
.slide-list-select-box .slide-box .slide-control .control-btn button.btn-next::after{ margin: 1px 0 0 -5px; border-bottom: 0; border-left: 0;}
.slide-list-select-box .slide-box .control-page{ padding: 5px; display: flex; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);}
.slide-list-select-box .slide-box .control-page .num{ width: 18px; height: 18px; text-indent: -9999px; display: inline-block; position: relative;}
.slide-list-select-box .slide-box .control-page .num::before{ width: 8px; height: 8px; background-color: #ccc; content: ''; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.slide-list-select-box .slide-box .control-page .num.on::before{ background-color: #ed6d00;}
.slide-list-select-box .list-box{ height: 672px; margin-left: 20px; border: 1px solid #ddd; border-radius: 10px; flex: 1;}
.slide-list-select-box .list-box > dl{ height: 100%; display: flex; flex-direction: column;}
.slide-list-select-box .list-box dt.tit{ padding: 0 22px; border-bottom: 1px solid #ddd;}
.slide-list-select-box .list-box dt.tit p{ height: 55px; display: flex; align-items: center; justify-content: space-between;}
.slide-list-select-box .list-box dt.tit strong{ background: url(../../front/images/ico/ico-clock.png) no-repeat left center; font-weight: 700; font-size: 16px; color: #222; padding-left: 30px;}
.slide-list-select-box .list-box dt.tit span{ background: url(../../front/images/ico/ico-cal2.png) no-repeat left center; font-weight: 700; font-size: 14px; color: #999; padding: 0 0 0 22px;}
.slide-list-select-box .list-box dd{ flex: 1; position: relative;}
.slide-list-select-box .list-box dd + dd{ border-top: 1px solid #ddd;}
.slide-list-select-box .list-box .item{ height: 100%; padding: 0 22px; display: flex; align-items: center; justify-content: flex-start;}
.slide-list-select-box .list-box .item:hover{ background-color: #f1f1f1;}
.slide-list-select-box .list-box .item.on{ background-color: #ffefe4;}
.slide-list-select-box .list-box .num{ width: 30px; font-weight: 700; font-size: 14px; color: #888;}
.slide-list-select-box .list-box .badge{ width: 75px; height: 22px; background-color: #fff; font-size: 12px; color: #ec6608; text-align: center; line-height: 20px; padding: 0; display: inline-block; border: 1px solid #ec6608; border-radius: 11px;}
.slide-list-select-box .list-box .txt{ margin: 0 0 0 20px; display: flex; flex-direction: column; flex: 1; position: absolute; top: 50%; left: 157px; right: 22px; transform: translateY(-50%);}
.slide-list-select-box .list-box .txt:hover{ text-decoration: underline;}
.slide-list-select-box .list-box .tit{ font-weight: 700; font-size: 18px; color: #555; text-align: left; line-height: 20px;}
.slide-list-select-box .list-box .date{ font-weight: 300; font-size: 14px; color: #888; line-height: 20px; margin-top: 10px;}

.bbsView-file.type-col{ vertical-align: top;}
.bbsView-file.type-col .listFile{ width: 100%;}

/*product search 팝업*/
.listGL {border-bottom: 1px solid #e4e4e4;}
.listGL .item {display: block; position: relative; padding: 13px 40px 11px 108px; display: table; width: 100%; min-height: 69px;}
.listGL .item:hover {background-color: rgba(0,0,0,0.02);}
.listGL .filebox {width: 51px; height: 51px; display: block; position: absolute; left: 26px; top: 50%; margin-top: -26px;}
.listGL .filebox [class^='ico-file1-'] {vertical-align: middle;}
.listGL .textbox {display: table-cell; vertical-align: middle;}
.listGL .txtbox + .txtbox {margin-top: 5px;}
.listGL .txtbox .txt {font-size: 12px; line-height: 17px; line-height: 14px; color: #525151;}
.listGL .txtbox .txt1 {font-weight: bold;}
.listGL .txtbox .txt2 {font-weight: bold; color: #838282;}
.listGL .txtbox .txt3 {text-shadow: 0 0 0 #525151;}
.listGL .txtbox .txt4 {font-size: 16px; line-height: 22px; color: #333; font-weight: bold;}
.listGL .txtbox .txt5 {font-size: 14px; line-height: 22px; color: #959393;}
.listGL .txtbox .txt6 {color: #959393;}
.listGL .txtbox.type1 .txt {margin-right: 11px; letter-spacing: -0.02em; word-spacing: -0.04em;}
.listGL .txtbox.type1 .txt:last-child {margin-right: 0;}
.listGL .txtbox.type2 .txt {padding-right: 14px; margin-right: 13px; position: relative;}
.listGL .txtbox.type2 .txt::after {content: ''; width: 1px; height: 10px; background-color: #ddd; position: absolute; top: 2px; right: 0;}
.listGL .txtbox.type2 .txt:last-child {padding-right: 0; margin-right: 0;}
.listGL .txtbox.type2 .txt:last-child::after {content: none;}
.listGL .txtbox.type2 a.txt{ position: relative; z-index: 1;}
.listGL .txtbox.type2 a.txt:hover{ text-decoration: underline;}
.listGL .txtbox.type3 {border-radius: 10px; border: 1px solid #ddd; background-color: #f0f0f0; text-align: center;}
.listGL .txtbox.type3 .txt + .txt {margin-top: 1px;}
.listGL .txtbox.type4 .txt {line-height: 22px;}
.listGL .link{ width: 100%; height: 100%; text-indent: -9999px; padding: 0; display: inline-block; position: absolute; top: 0; right: 0;}
.listGL .link::after {content: ''; display: block; width: 10px; height: 19px; background: url(../images/ico/ico-golink2.png) center center no-repeat; position: absolute; right: 20px; top: 50%; margin-top: -9px;}
.listGL .link:hover{ background-color: transparent;}
.listGL .link:hover::after{ background-image: url(../images/ico/ico-golink2-ov.png);}


.listGL.type1 .link {display: table; table-layout: fixed; width: 100%; padding: 18px 0 18px 30px;}
.listGL.type1 .link::after {content: none;}
.listGL.type1 .txtbox.type3,
.listGL.type1 .txtbox.type4 {display: table-cell; vertical-align: middle;}
.listGL.type1 .txtbox.type3 {width: 103px; height: 113px; padding: 0 5px; word-break: break-word;}
.listGL.type1 .txtbox.type4 {width: calc(100% - 103px); padding: 0 15px 2px 40px;}

.glList-allbox .listGL {border-bottom: 0 none;}
.glList-allbox .listGL + .listGL {border-top: 1px solid #e4e4e4;}
.glList-allbox .lb-bottom {border-top: 1px solid #e4e4e4; padding: 21px 0 20px;}

.pop-PS-cont .listSH {position: relative;}
.pop-PS-cont .listSH .link {font-size: 12px; color: #333; display: block; padding: 4px 38px 4px 18px;}
.pop-PS-cont .listSH .link:hover {background-color: rgba(0,0,0,0.02);}
.pop-PS-cont .listSH [class*="btn-del"] {width: 28px; height: 28px; position: absolute; right: 4px; top: 0;}
.pop-PS-cont .listSH .link .txt-tit {display: inline-block; font-weight: 700;}
.pop-PS-cont .listSH .link .txt-desc {display: inline-block; font-weight: 400; color: #888;}
.pop-PS-cont .listSH .link .line {display: inline-block; margin: 0 4px;}

.pop-PS-cont .listSH .link:hover .txt-tit,
.pop-PS-cont .listSH .link:hover .txt-desc {text-decoration: underline;}

.sh-title {font-size: 12px; color: #666; overflow: hidden; padding: 7px 9px 5px 17px;}
.sh-title .tit,
.sh-title .day {width: auto; vertical-align: middle; letter-spacing: -0.02em;}
.sh-title .tit {float: left; font-size: 12px; font-weight: bold; color: #666;}
.sh-title .day {float: right; font-size: 10px; color: #333;}

.sh-listbox {text-align: left; border-radius: 2px;}
.sh-listbox .sh-title {border-bottom: 1px solid #ccc;}
.sh-listbox .sh-list {padding: 5px 0;}

.pop-PS-cont .outsearch-box {padding-left: 20px; padding-right: 20px;}
.pop-PS-cont .pop-incont {padding: 0 20px;}
.pop-PS-cont .outsearch-box + .pop-incont {padding-top: 7px; padding-bottom: 7px;}
.pop-PS-cont .pop-incont [class^="tab-"] + .tab-cont .lb-top {padding: 22px 0 21px;}
.pop-PS-cont .pop-incont [class^="tab-"] + .tab-cont .lb-top .left.totalbox {padding-left: 31px;}
.pop-PS-cont .pop-incont [class^="tab-"] + .tab-cont .lb-top .right {padding-right: 16px;}
.pop-PS-cont .pop-incont .lb-top .ra-box {margin-right: 13px;}
.pop-PS-cont .pop-incont .lb-top .ra-box input[type='radio'] + label {font-size: 12px; padding-left: 22px;}
.pop-PS-cont .pop-incont .lb-top .right .ra-box:last-child {margin-right: 0;}.pop-PS-cont .pop-incont .tab-txttype2 li .tag {text-transform: uppercase;}

.pop-PS-cont .pop-incont .gl-listbox.mCustomScrollbar {padding-right: 17px;}
.pop-PS-cont .pop-incont .gl-listbox.mCustomScrollbar,
.pop-PS-cont .pop-incont .gl-listbox.mCS_no_scrollbar {padding-right: 0;}
.pop-PS-cont .pop-incont .gl-listbox.mCustomScrollbar .mCSB_outside + .mCSB_scrollTools {right: -8px;}
.pop-PS-cont .pop-incont .has-fixbtn {position: relative;}
.pop-PS-cont .pop-incont .has-fixbtn .gl-listbox {padding-bottom: 30px;}
.pop-PS-cont .pop-incont .has-fixbtn .gl-fixbtn {position: absolute; bottom: 10px; left: 0; right: 0;}
.pop-PS-cont .pop-incont .has-fixbtn .gl-fixbtn .btn-type2 {min-width: 190px;}

#productSearch .pop-PS-cont .pop-incont [class^="tab-"] + .tab-cont .lb-top {padding: 7px 0 6px;}
#productSearch .pop-PS-cont .pop-incont [class^="tab-"] + .tab-cont .lb-top .left,
#productSearch .pop-PS-cont .pop-incont [class^="tab-"] + .tab-cont .lb-top .right {float: none; display: block;}
#productSearch .pop-PS-cont .pop-incont [class^="tab-"] + .tab-cont .lb-top .left {text-align: left; padding-left: 10px;}
#productSearch .pop-PS-cont .pop-incont [class^="tab-"] + .tab-cont .lb-top .right {text-align: right;}
#productSearch .pop-PS-cont .pop-incont [class^="tab-"] + .tab-cont .lb-top .left + .right {margin-top: 10px;}

.pop-PS-cont {display: flex; flex-direction: column; width: 100%; flex: 1;}
.pop-PS-cont .pop-incont {flex: 1; display: flex; flex-direction: column; justify-content: space-between; align-items: stretch;}
.pop-PS-cont .pop-incont .glList-allbox {flex: 1; width: 100%; height: 100%; display: flex; flex-direction: column;}
.pop-PS-cont .pop-incont .glList-allbox .gl-listbox {flex: 1; position: relative;}
.pop-PS-cont .pop-incont .glList-allbox .gl-listbox .scroll {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.pop-PS-cont .pop-incont .glList-allbox .gl-listbox .scroll .gl-list {display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; width: 100%; min-height: 100%;}

.popup-FR-wrap .popup .pop-PS-cont {height: 100%;}
.popup-FR-wrap .popup .pop-head + .pop-PS-cont {height: calc(100% - 51px);}


.inner-popup {display: none; position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0;}
.inner-popup:after {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(23,23,23,.53); z-index: 10;}
.inner-popup.open {display: block;}
.inner-popup .popup {position: absolute; z-index: 11; width: 360px; height: auto; top: 20%; left: 50%; padding: 48px 25px 25px; margin-left: -180px; background-color: #fff; border-radius: 2px;}
.inner-popup .popup .pop-cont {padding: 20px 40px 38px; margin-bottom: 25px; border: 1px solid #ddd; border-radius: 9px; overflow: visible;}
.inner-popup .popup .pop-cont .custom-select.ico1::before{ background-image: url(../../front/images/ico/ico-region.png);}
.inner-popup .popup .pop-cont .custom-select::after{ background-image: url(../../front/images/ico/ico-arrowTB3.png);}
.inner-popup .popup .pop-foot {padding: 0;}
.inner-popup .popup .close {top: 5px; right: 5px; background: url(../images/ico/ico-del1.png) no-repeat center center;}

.inner-popup.business-card .popup{ width: 418px; background: url(../images/ico/ico-person.png) no-repeat 40px center #fff; padding: 20px 80px 20px 105px; margin-left: -209px; border: 1px solid #ccc; border-radius: 3px;}
.popup.business-card .pop-cont,
.inner-popup.business-card .popup .pop-cont{ padding: 0; margin: 0; border: 0;}
.popup.business-card .name,
.inner-popup.business-card .name{ font-weight: 500; font-size: 20px; color: #333; line-height: 30px; padding: 0 0 5px 0; margin: 0 0 10px 0; border-bottom: 1px solid #ccc;}
.popup.business-card .team,
.inner-popup.business-card .team{ font-weight: 500; font-size: 14px; color: #aaa; line-height: 18px; padding: 0;}
.popup.business-card .email,
.inner-popup.business-card .email{ font-weight: 500; font-size: 14px; color: #666; line-height: 18px; padding: 0;}
.popup.business-card .close,
.inner-popup.business-card .popup .close{ width: 20px; height: 20px; background: url(../images/ico/ico-popup-close4.png) no-repeat center center; top: 13px; right: 20px;}
.popup.business-card .close:hover,
.inner-popup.business-card .popup .close:hover{ background-image: url(../images/ico/ico-popup-close4-ov.png);}

.addInfo-selbox .inbox + .flex-sb{ margin-top: 11px;}

.popup.business-card {width: 418px; background: url(../images/ico/ico-person.png) no-repeat 40px center #fff; padding: 20px 80px 20px 105px;}
.popup.business-card .pop-cont {padding: 10px 0;}

.custom-select .selected-item .selected-tit{ margin: 4px 0;}
/*
.addInfo-selbox .label,
.listFile .textbox .name,
.table-list.type2 tbody th{ font-weight: 700;}
.listFile .textbox .size,
.table-list.type2 tbody td{ font-size: 12px;}
*/
.table-list.type2 tbody td button.bold:hover{ text-decoration: underline;}

.popup-wrap .popup .pop-cont.alarm-wrap{ padding-top: 30px;}
.pop-cont.alarm-wrap .btn-ix.type7:hover{ border-color: #000;}
.pop-cont.alarm-wrap .btn-ix.type7{ background-color: transparent; display: flex; align-items: center; border-color: #ddd;}
.pop-cont.alarm-wrap .btn-ix.type7 > span{ vertical-align: middle;}
.pop-cont.alarm-wrap .btn-ix.type7 > .ix-txt{  color: #333;}
.pop-cont.alarm-wrap .btn-ix.type6:hover{ border-color: #f36f20;}
.pop-cont.alarm-wrap .btn-ix.type6{ height: 42px; padding: 9px 10px; background-color: #fde3d3; border-color: #f6b995; text-align: left;}
.pop-cont.alarm-wrap .btn-ix.type6 > .ix-txt{ font-size: 14px; color: #f36f20; letter-spacing: -0.02em; text-shadow: 0 0 0 #f36f20;}
.pop-cont.alarm-wrap .listAct > .vc-list{ padding-right: 20px;}
.pop-cont.alarm-wrap .listAct > .vc-list .ico-c3-mail{ position: absolute; top: 0; left: 0;}
.pop-cont.alarm-wrap .listVC .actionbox{ display: flex; justify-content: space-between; align-items: center;}
.pop-cont.alarm-wrap .listVC .actionbox > * {display: inline-flex;}
.pop-cont.alarm-wrap .listVC .actionbox .act-txtbox1,
.pop-cont.alarm-wrap .listVC .actionbox .act-txtbox2,
.pop-cont.alarm-wrap .listVC .actionbox .act-ago {min-height: 30px; display: inline-flex; align-items: center; justify-content: flex-start;}
.pop-cont.alarm-wrap .listVC .actionbox .act-txtbox1 .txt1 {min-height: auto; font-weight: 300; padding-left: 39px; margin-left: 0; margin-top: 0;}
.pop-cont.alarm-wrap .listVC .actionbox .act-txtbox1 .txt3{ color: #04bfbd !important;}
.pop-cont.alarm-wrap .listVC .actionbox .act-txtbox1 .txt4{ font-size: 15px; line-height: 21px; color: #333; letter-spacing: 0.03em; word-break: break-word; margin: 0 0 0 10px; display: inline-block; vertical-align: middle;}
.pop-cont.alarm-wrap .listVC .actionbox.unRead .act-txtbox1 .txt1{ font-weight: 700;}

.pop-cont.alarm-wrap .listVC .actionbox .act-txtbox1 > * {vertical-align: middle; margin-right: 10px;}
.pop-cont.alarm-wrap .listVC .actionbox .act-txtbox1 [class^="txt"] {color: #04bfbd !important;}
.pop-cont.alarm-wrap .listVC .actionbox.unRead .act-txtbox1 [class^="txt"] {font-weight: 700;}

.pop-cont.alarm-wrap .listVC .actionbox:hover .act-txtbox1 [class^="txt"] {color: #006968 !important;}

.member-infotype .member-head .photo-addbox .btn{ background-image: url(../../front/images/ico/ico-photoAdd2.png);}
.photoEdit-area .photo-addbox .btn-del{ background-image: url(../../front/images/ico/ico-popup-close2.png);}

.fileupload-wrap .la-head .title {padding-left: 10px; position: relative;}
.fileupload-wrap .la-head .title::before {content: ''; display: block; width: 4px; height: 4px; border-radius: 3px; background-color: #e65e10; position: absolute; left: 0; top: 10px;}
.fileupload-wrap .la-head + .la-body {margin-top: 5px;}
.popup .fileupload-wrap {padding: 20px 0 10px 0;}
.popup .fileupload-wrap .list-area + .list-area {margin-top: 20px;}
.popup .fileupload-wrap .file-box {min-height: 280px;}

/*popup layout flex*/
.popup-wrap .pop-cont + .pop-foot {padding-top: 10px;}

.popup-wrap:not(.windowtype, .popup-FR-wrap) {justify-content: center; align-items: center;}
.popup-wrap:not(.windowtype, .popup-FR-wrap) .popup {display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; position: relative; top: auto; left: auto; right: auto; margin: 0 auto; max-width: 98%; max-height: 98%;}

.popup-wrap.windowtype {width: 100%; height: 100%; display: flex; justify-content: flex-start; align-items: flex-start;}
.popup-wrap.windowtype .popup {width: 100% !important; height: 100%; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column;}
.popup-wrap.windowtype .pop-head,
.popup-wrap.windowtype .pop-cont,
.popup-wrap.windowtype .pop-foot {width: 100%;}

html.windowPopupHtml, html.windowPopupHtml body {min-height: auto;}

.border1-box.type1 {padding: 15px;}

.embedView-area.type1 .embedView-head .tit + .txt {margin-top: 10px;}
.embedView-area.type1 .embedView-head .txt .color2 {font-size: 13px;}
.embedView-area.type1 .embedView-head .textbox p {padding-left: 0;}
.embedView-area.type1 [class*="embedView-text"] {margin-top: 15px;}
.embedView-area.type1 [class*="embedView-text"] + .border1-box {margin-top: 25px;}
.embedView-area.type1 .embedView-text1 .tit {text-transform: unset;}
.embedView-area.type1 .embedView-text1 .txt + .tit {margin-top: 15px;}

.myActInfo-area .bbsDetail-area > .bbsView-box + .bbsView-box {margin-top: 10px; padding-top: 20px; border-top: 2px solid #dddddd;}

/*개인정보처리방침*/

.listItem-box {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px;}
/*.listItem-box li {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 6px; word-break: keep-all;}*/
.listItem-box li h3 ~ * {margin-top: 3px;}
.listItem-box li > p {}
.listItem-box li > p.desc {}
.listItem-box.dep2 {}
.listItem-box.dep2 > li {}
.listItem-box.dep3 {}
.listItem-box.dep3 > li {}
.listItem-box.type-number {margin-left: 15px;}
.listItem-box.type-number li {list-style: decimal;}

.policy-area {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; color: #333;}
.policy-area * {word-break: keep-all;}
.policy-area a {color: #000;}
.policy-area .desc:not(.first) {color: #666;}
.policy-area .table-list {border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
.policy-area .table-list th,
.policy-area .table-list td {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 5px 10px;}
.policy-area .table-list thead th {background-color: rgba(0, 0, 0, .1);}
.policy-area .table-list tr:hover > * {background-color: rgba(0, 0, 0, .005);}
.policy-area .contact {padding: 7px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 7px 0;}
.policy-area .contact dt {}
.policy-area .contact dd {color: #666;}
.policy-area .contact .contact-inner {}
.policy-area .contact .contact-inner + .contact-inner {margin-top: 5px; padding-top: 5px; border-top: 1px dashed #ccc;}
.policy-area .contact .contact-inner dt {}
.policy-area .contact .contact-inner dd {}

.page-cont{ width: 100%; display: inline-flex; flex-direction: column;}
.page-cont > .cont-head{ display: inline-flex; justify-content: space-between;}
.page-cont > .cont-head .tit{ display: inline-flex; align-items: center;}
.page-cont > .cont-head .tit > *{ margin-right: 5px;}
.page-cont > .cont-head .tit > *:last-child{ margin: 0;}
.page-cont > .cont-head .tit .info{ font-weight: 400; font-size: 16px;}
.page-cont > .cont-head .tit .txt{ font-weight: 500; font-size: 18px;}
.page-cont > .cont-head .btn-box{ display: inline-flex;}
.page-cont > .cont-head .btn-box > *{ margin-right: 5px;}
.page-cont > .cont-head .btn-box > *:last-child{ margin: 0;}
.page-cont > .cont-head + .cont-body{ margin: 10px 0 0 0;}
.page-cont > .cont-body + .cont-foot{ margin: 10px 0 0 0;}
.page-cont:has( > .cont-body.flex1){ height: 100%;}
.page-cont > .cont-head:has( > .tit:first-child:last-child) {margin-bottom: 10px;}
.cont-search + .cont-head {margin-top: 10px;}

.cont-btn-box{ width: 100%; display: inline-flex; justify-content: space-between;}
.cont-btn-box > [class*="sb-"]{ display: flex;}
.cont-btn-box > [class*="sb-"] > *{ margin: 0 5px 0 0;}
.cont-btn-box > [class*="sb-"] > *:last-child{ margin: 0;}
.cont-btn-box > .sb-c{ width: 100%; justify-content: center;}
.cont-btn-box > .sb-r{ justify-content: flex-end;}
.cont-btn-box > .sb-r:first-child{ width: 100%;}

.cont-tit-box{ width: 100%; display: inline-flex; flex-direction: column;}
.cont-tit-box.type1{ border: 1px solid #ccc;}
.cont-tit-box.type1 > .box-head{ height: 40px; background-color: #e8f2ff; display: flex; align-items: center; justify-content: center;}
.cont-tit-box.type1 > .box-head .tit .txt{ font-weight: 600; font-size: 16px; color: #000; line-height: 1.2;}
.cont-tit-box.type1 > .box-body{ padding: 20px; border-top: 1px solid #ccc;}
.cont-tit-box.type2 > .box-head{ display: inline-flex; justify-content: space-between;}
.cont-tit-box.type2 > .box-head .tit{ width: 100%; display: inline-flex; justify-content: center; align-items: center;}
.cont-tit-box.type2 > .box-head .tit .txt{ font-weight: 600; font-size: 16px;}
.cont-tit-box.type2 > .box-head .btn-box{ margin: 0 0 0 -100%; display: inline-flex;}
.cont-tit-box.type2 > .box-head + .box-body{ margin: 5px 0 0 0;}

/*otp*/
.otp-head {margin-bottom: 5px;}
.otp-head .tit {font-size: 16px; line-height: 1; font-weight: bold; color: #666;}

.otp-box img.logo {height: 44px;}
.otp-box img.arrow {height: 18px; margin: 3px;}
.otp-box img.plus {height: 64px}
.otp-box img.qr {height: 67px;}

.otp-box img.plus[src*="-google-"] {margin-left: -12px; margin-right: -12px;}

.otpCon-check .otp-box img.qr {height: 115px;}

.otpCon-select img.logo[src*="-microsoft-"] {height: 48px;}
.otpCon-select img.logo[src*="-google-"] {margin-top: 2px; margin-bottom: 2px;}

.otp-box .input1::placeholder {color: #999;}
.otp-box .input1::-webkit-input-placeholder {color: #999;}
.otp-box .input1::-moz-placeholder {color: #999;}
.otp-box .input1:-ms-input-placeholder {color: #999;}
.otp-box .input1::-ms-input-placeholder {color: #999;}

.otp-box .input1 {height: 40px; border-radius: 6px; padding-left: 30px;}
.otp-box .input1:not(:hover, :focus) {border-color: #ddd;}

.otp-box{ width: 100%; padding: 16px 0; display: flex; flex-direction: column; border-bottom: 1px solid #ddd;}
.otp-box .border-box{ background-color: #f2f0f0; padding: 40px 60px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 0 none; background-color: #f2f0f0;}
.otp-box .border-box:has( > img) .img-info{ margin: 0;}
.otp-box .txt-info{ display: flex; flex-direction: column;}
.otp-box .txt-info .txt{ font-weight: 500; font-size: 13px; color: #000; line-height: 18px;}
.otp-box .txt-info .txt2{ font-weight: 500; font-size: 14px; color: #666; line-height: 18px;}
.otp-box .txt-info .txt3{ width: auto; font-weight: 600; font-size: 22px; color: #549dee; line-height: 1; padding: 5px 10px;align-self: flex-start; border: 2px solid #ff0000;}
.otp-box .txt-info .txt2 + .txt3 {margin-top: 2px;}
.otp-box .txt-info [class*="txt"] {word-break: break-word;}
.otp-box .img-info{ display: flex; gap: 20px; align-items: center; justify-content: center;}
.otp-box .txt-info + .img-info {margin-top: 26px;}
.otp-box .img-info + img.qr {margin-top: 15px;}
.otp-box.microsoft-otp-box .txt-info + .img-info {margin-top: 16px;}
.otp-box.microsoft-otp-box .img-info + img.qr {margin-top: 28px;}
.otp-box .opt-box{margin: 12px 0; padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px;}
.otp-box .opt-box .input1{ width: 330px; }
.otp-box .opt-box .txt{ width: 330px; font-size: 12px; line-height: 1;}
.otp-box .opt-box .error {color: #c20000 !important;}
.otp-reset-request{ width: 100%; text-align: center; padding: 5px 0 0 0;}
.otp-reset-request .link{ font-weight: 400; font-size: 12px; color: #549dee; line-height: 1.2; border-bottom: 1px solid #549dee;}
.otp-reset-request .link:hover {color: #1268c7; border-color: #1268c7;}

.otp-box .border-box.multi {flex-direction: row; justify-content: space-around; padding: 40px;}
.otp-box .border-box.multi .multi-inner {display: inline-flex; flex-direction: column; align-items: center; justify-content: center; width: 33%; text-align: center; gap: 30px;}

.otpCon-input .otp-box .border-box {padding-top: 42px; padding-bottom: 50px;}
.otpCon-input .otp-box .border-box + .opt-box {margin-top: 30px;}

.otpCon-reset .otp-box {padding-top: 0; padding-bottom: 23px;}
.otpCon-reset .otp-box .txt-info + .img-info {margin-top: 45px;}

.otpCon-select .border-box {min-height: 330px;}
.otpCon-select .txt-info .txt {font-size: 13px; color: #000; line-height: 18px;}
.otpCon-select .txt-info .txt + * {margin-top: 10px;}

/*오류대응*/
.flex-full.cusDataList-area.cusDataAD-area > .flex-box:has( > .flex-col + .flex-col.btnbox-new ) > .flex-col {flex-direction: unset; gap: 10px;}

/*특정화면 오류대응*/
.fc-tab-content-item > #CUSTOMER_PROFILE {height: 100%;}
.fc-tab-content-item > #CUSTOMER_PROFILE > div {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch;}
.fc-tab-content-item > #CUSTOMER_PROFILE .page-cont.flex-full .cont-body {flex: 1 1 0%;}
.fc-tab-content-item > #CUSTOMER_PROFILE .page-cont.flex-full .cont-body .grid-body {padding-top: 0;}
.fc-tab-content-item > #CUSTOMER_PROFILE .page-cont.flex-full .cont-body .grid-body .grid-area {margin: 0;}

.upload-result-box{ display: flex; flex-direction: column; border: 1px solid #ccc; padding: 20px;}
.upload-result-box > .box-head .tit{ font-weight: 600; font-size: 20px; line-height: 24px; padding: 0 0 0 30px; position: relative;}
.upload-result-box > .box-head .tit::before{ width: 24px; height: 24px; background-color: #46d417; content: ''; border-radius: 50%; position: absolute; top: 0; left: 0;}
.upload-result-box > .box-head .tit::after{ width: 5px; height: 10px; content: ''; border-bottom: 3px solid #fff; border-right: 3px solid #fff; position: absolute; top: 4px; left: 8px; transform: rotate(45deg);}
.upload-result-box > .box-body{ margin: 10px 0 0 0; display: flex; justify-content: center;}

.result-box{ display: inline-flex; gap: 50px;}
.result-box dl{ display: flex; gap: 5px;}
.result-box dt{ font-weight: 600; font-size: 16px; color: #000; line-height: 20px;}
.result-box dd{ font-weight: 500; font-size: 16px; color: #000; line-height: 20px;}
.result-box .success dt,
.result-box .failure dt{ padding: 0 0 0 25px; position: relative;}
.result-box .success dt::before,
.result-box .failure dt::before{ width: 20px; height: 20px; content: ''; border-radius: 50%; position: absolute; top: 0; left: 0;}
.result-box .success dt::after{ width: 4px; height: 9px; content: ''; border-bottom: 2px solid #fff; border-right: 2px solid #fff; position: absolute; top: 4px; left: 7px; transform: rotate(45deg);}
.result-box .failure dt::after{ width: 20px; height: 20px; font-weight: 400; font-size: 13px; text-align: center; color: #fff; line-height: 20px; content: 'X'; position: absolute; top: 0; left: 0;}
.result-box .success dt::before{ background-color: #46d417;}
.result-box .failure dt::before{ background-color: #d41717;}

.otp-enter-box{ display: flex; flex-direction: column; gap: 5px;}
.otp-enter-box .qr img{ width: 110px; height: 110px;}
.otp-enter-box .flex-row{ gap: 5px;}
.popup.member-wrap .otp-enter-box .input1,
.otp-enter-box .input1{ width: 130px; height: 36px; border: 1px solid #ccc;}
.popup.member-wrap .otp-enter-box .input1:hover,
.otp-enter-box .input1:hover{ border-color: #000;}
.otp-enter-box.completion{ align-items: center; gap: 10px;}
.otp-enter-box.completion .qr{ width: 70px; height: 70px; background: url(../images/ico/ico-check.png) no-repeat center center; border: 2px solid #ef752e;}
.otp-enter-box.completion .txt{ font-weight: 400; font-size: 14px; text-align: center; line-height: 1.2;}