@charset "utf-8";

/* 본고딕 */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url(../fonts/NotoSansKR-Thin.woff2) format('woff2'),
    url(../fonts/NotoSansKR-Thin.woff) format('woff'),
    url(../fonts/NotoSansKR-Thin.otf) format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/NotoSansKR-Light.woff2) format('woff2'),
    url(../fonts/NotoSansKR-Light.woff) format('woff'),
    url(../fonts/NotoSansKR-Light.otf) format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/NotoSansKR-Regular.woff2) format('woff2'),
    url(../fonts/NotoSansKR-Regular.woff) format('woff'),
    url(../fonts/NotoSansKR-Regular.otf) format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/NotoSansKR-Medium.woff2) format('woff2'),
    url(../fonts/NotoSansKR-Medium.woff) format('woff'),
    url(../fonts/NotoSansKR-Medium.otf) format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/NotoSansKR-Bold.woff2) format('woff2'),
    url(../fonts/NotoSansKR-Bold.woff) format('woff'),
    url(../fonts/NotoSansKR-Bold.otf) format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/NotoSansKR-Black.woff) format('woff2'),
    url(../fonts/NotoSansKR-Black.woff) format('woff'),
    url(../fonts/NotoSansKR-Black.otf) format('opentype');
    font-display: swap;
}
/* 잘난체 */
@font-face {
    font-family: 'Jalnan';
    font-style: normal;
    /*font-weight: 900;*/
    src: url(../fonts/Jalnan.woff) format('woff'),
    url(../fonts/Jalnan.otf) format('opentype');
    font-display: swap;
}

/* 나눔스퀘어 */
@font-face {
    font-family: 'NanumSquare';
    font-weight: 400;
    src: url(../fonts/NanumSquareR.eot);
    src: url(../fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NanumSquareR.woff) format('woff'),
    url(../fonts/NanumSquareR.ttf) format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquare';
    font-weight: 700;
    src: url(../fonts/NanumSquareB.eot);
    src: url(../fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NanumSquareB.woff) format('woff'),
    url(../fonts/NanumSquareB.ttf) format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquare';
    font-weight: 800;
    src: url(../fonts/NanumSquareEB.eot);
    src: url(../fonts/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NanumSquareEB.woff) format('woff'),
    url(../fonts/NanumSquareEB.ttf) format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquare';
    font-weight: 300;
    src: url(../fonts/NanumSquareL.eot);
    src: url(../fonts/NanumSquareL.eot?#iefix) format('embedded-opentype'),
    url(../fonts/NanumSquareL.woff) format('woff'),
    url(../fonts/NanumSquareL.ttf) format('truetype');
    font-display: swap;
}

/* 나눔스퀘어라운드 eot 포맷 및 weight case 추가 2019-11-12 */
@font-face {
    font-family: "NanumSquareRound";
    font-style: normal;
    font-weight: 300;
    src: local("NanumSquareRoundL"), /* computer */
    url("../fonts/NanumSquareRoundL.eot"), /* IE9 Compat Modes */
    url("../fonts/NanumSquareRoundL.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/NanumSquareRoundL.woff2") format("woff2"), /* Modern Browsers */
    url("../fonts/NanumSquareRoundL.woff") format("woff"), /* Modern Browsers */
    url("../fonts/NanumSquareRoundL.ttf") format("truetype"); /* Safari, Android, iOS */
    font-display: swap;
}
@font-face {
    font-family: "NanumSquareRound";
    font-style: normal;
    font-weight: 400;
    src: local("NanumSquareRoundR"), /* computer */
    url("../fonts/NanumSquareRoundR.eot"), /* IE9 Compat Modes */
    url("../fonts/NanumSquareRoundR.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/NanumSquareRoundR.woff2") format("woff2"), /* Modern Browsers */
    url("../fonts/NanumSquareRoundR.woff") format("woff"), /* Modern Browsers */
    url("../fonts/NanumSquareRoundR.ttf") format("truetype"); /* Safari, Android, iOS */
    font-display: swap;
}
@font-face {
    font-family: "NanumSquareRound";
    font-style: normal;
    font-weight: 700;
    src: local("NanumSquareRoundB"), /* computer */
    url("../fonts/NanumSquareRoundB.eot"), /* IE9 Compat Modes */
    url("../fonts/NanumSquareRoundB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/NanumSquareRoundB.woff2") format("woff2"), /* Modern Browsers */
    url("../fonts/NanumSquareRoundB.woff") format("woff"), /* Modern Browsers */
    url("../fonts/NanumSquareRoundB.ttf") format("truetype"); /* Safari, Android, iOS */
    font-display: swap;
}
@font-face {
    font-family: "NanumSquareRound";
    font-style: normal;
    font-weight: 800;
    src: local("NanumSquareRoundEB"), /* computer */
    url("../fonts/NanumSquareRoundEB.eot"), /* IE9 Compat Modes */
    url("../fonts/NanumSquareRoundEB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/NanumSquareRoundEB.woff2") format("woff2"), /* Modern Browsers */
    url("../fonts/NanumSquareRoundEB.woff") format("woff"), /* Modern Browsers */
    url("../fonts/NanumSquareRoundEB.ttf") format("truetype"); /* Safari, Android, iOS */
    font-display: swap;
}

/*배달의민족 도현체 */
@font-face { font-family: 'BMDOHYEON'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMDOHYEON.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }	

/* basic */
body, html { /*height:100%;*/  background:#fafafa; min-width: 1280px;}
body, div, dl, dt, dd ,ul ,ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0; padding:0 }
body,th,td,textarea,input,select,option,h1,h2,h3,h4,h5,h6 {font-family:/*'NanumSquare', */'Noto Sans KR', 'Malgun Gothic','맑은 고딕',Helvetica,sans-serif; font-weight:400; font-size:15px;line-height:22px;color:#272c38 }
* {-webkit-text-size-adjust:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
*::before, *::after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
address,em {font-style:normal}
a{color:inherit;text-decoration:none}
/* a:hover,a:active,a:focus {text-decoration:underline;} */
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:300 }
ol, ul {list-style:none}
address, caption, cite, code, dfn, em, th, var {font-style :normal; }
table { width:100%; border-collapse: separate; border-spacing:0px }
fieldset, img {border:0;vertical-align:top;}
caption, th {text-align:left }
q::before, q::after {content :''}
hr {display:none}
button{border:0;background:none;outline:0;}
img{vertical-align:middle}
mark{color:inherit;font-weight:700;background:none}
.blind,legend{position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;padding:0;margin:0;font-size:0;line-height:0}

::-webkit-scrollbar{width:8px; height:8px }
::-webkit-scrollbar-track {background-color:#f1f1f1;}
::-webkit-scrollbar-thumb {background-color:#ccc;border-radius: 500px }
::-webkit-scrollbar-thumb:hover {background: #666;}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment { width:0;height:0;background:transparent none;}


input[type=text],input[type=password],input[type=number],input[type=tel],input[type=email],input[type=date], select {height:50px;font-size:15px;border:1px solid #cfd0d0;background-color:#fff; padding:5px 15px;outline: none; vertical-align:middle }
input[type=button], button {cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input[readonly] {color:#c3c9d8;background-color:#f8f9fc;}
textarea {border:1px solid #cfd0d0;background-color:#fff; -webkit-appearance: none;-moz-appearance: none;appearance: none;padding:5px 10px;outline: none;}
input:disabled { background:#f1f1f1; color:#999 }


/*placeholder 색상*/
input:-ms-input-placeholder { color:#b9b9b9 } /* // Internet Explorer 10 이상에 적용 */
input::-webkit-input-placeholder { color:#b9b9b9; } /* //  Webkit, Blink, Edge에 적용 */
input::-moz-placeholder { color: #b9b9b9; } /* // Mozilla Firefox 4 부터 18에 적용 */
input::-moz-placeholder { color: #b9b9b9; } /* // Mozilla Firefox 19 이상에 적용 */

textarea:-ms-input-placeholder { color:#b9b9b9 } /* // Internet Explorer 10 이상에 적용 */
textarea::-webkit-input-placeholder { color:#b9b9b9; } /* //  Webkit, Blink, Edge에 적용 */
textarea::-moz-placeholder { color: #b9b9b9; } /* // Mozilla Firefox 4 부터 18에 적용 */
textarea::-moz-placeholder { color: #b9b9b9; } /* // Mozilla Firefox 19 이상에 적용 */

/*라디오버튼 이미지 입히기*/
input[type=radio]:not(.cssbrowser){display:none;}
input[type=radio]:not(.cssbrowser) + label{display:inline-block;height:23px;line-height:23px; background:url("../img/popup/icon_radio.png") no-repeat 0 0;/* color:#818385; */vertical-align:middle;padding-left:30px;}
input[type=radio]:not(.cssbrowser):checked + label{background:url("../img/popup/icon_radio.png") no-repeat 0 -23px;}
input[type=radio]:not(.cssbrowser):disabled + label{opacity:0.5}
input[type=radio] + label + input[type=radio] + label {margin-left:15px;}
input[type=radio]:not(.cssbrowser).noLabel + label{display:inline-block;height:23px;line-height:23px; background:url("../img/popup/icon_radio.png") no-repeat 0 0;/* color:#818385; */vertical-align:middle;padding-left:0; text-indent:-9999px}

/*체크박스 이미지 입히기
input[type=checkbox]:not(.cssbrowser){display:none;}
input[type=checkbox]:not(.cssbrowser) + label{display:inline-block;height:24px;line-height:24px; background:url("../img/icon_checkbox_a.png") no-repeat 0 0;vertical-align:top;padding-left:18px;}
input[type=checkbox]:not(.cssbrowser):checked + label{background:url("../img/icon_checkbox_a.png") no-repeat 0 -24px;}
input[type=checkbox]:not(.cssbrowser):disabled + label{opacity:0.5}
*/

/* custom select */
.sel_wrap { display:inline-block; vertical-align:middle }

.ellipsis { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.relative { position:relative }
.absolute { position:absolute }
.fixed { position:fixed }
.overflow { overflow:hidden }

.bar { height:1px; background:#d6d6d6 }

.txt_blue {color:#0c2e8a !important;}
.txt_cyan {color:#0abbcc !important;}
.txt_red {color:#e8463e !important;}
.txt_pink { color:#ee4d5d ! important }
.txt_yellow {color:#ffc424 !important;}
.txt_purple {color:#c547d0 !important;}
.txt_green {color:#a6ca7c !important;}
.txt_black {color:#303235 !important;}
.txt_gray {color:#999 !important;}
.txt_customer {color:#009fb1 !important;}

.bg_blue {background-color:#095ea1 !important;}
.bg_cyan {background-color:#0abbcc !important;}
.bg_red {background-color:#d43a36 !important;}
.bg_yellow {background-color:#ffc424 !important;}
.bg_purple {background-color:#c547d0 !important;}
.bg_green {background-color:#a6ca7c !important;}
.bg_keyword {background-color:#ffe777 !important;}

.text-center { text-align:center ! important }
.text-right { text-align:right ! important }
.text-left { text-align:left ! important }

.btn { display:inline-block; /*box-shadow:0 3px 4px rgba(0,0,0,0.1); */vertical-align:middle; transition:all .8s ease }
.btnDefault { background:#fff; border:1px solid #272c38; color:#272c38; font-weight:500 }
.btnDark { background:#272c38; color:#fff; /*box-shadow:10px 0 15px rgba(0,0,0,0.15)*/ }
.btnBlue { background:#004f7a; color:#fff; /*box-shadow:10px 0 15px rgba(0,0,0,0.15)*/ }
.btnMatBlue { background:#495164; color:#fff; /*box-shadow:10px 0 15px rgba(0,0,0,0.15)*/ }
.btnRed { background:#e9463f; color:#fff; /*box-shadow:10px 0 15px rgba(0,0,0,0.15)*/ }
.btnGray  { background:#ccc; color:#fff; /*box-shadow:10px 0 15px rgba(0,0,0,0.15)*/ }


.btnWd { padding:0 70px ! important  }
.btnMd { font-family:"NanumSquare",'Noto Sans KR', 'Malgun Gothic','맑은 고딕',Helvetica,sans-serif ;font-size:1.1rem; font-weight:700; height:80px; line-height:80px; padding:0 80px  }
.btnMs { font-family:"NanumSquare",'Noto Sans KR', 'Malgun Gothic','맑은 고딕',Helvetica,sans-serif ;font-size:1.1rem; font-weight:700; height:60px; line-height:60px; padding:0 50px  }
.btnXXXs { height:30px; line-height:26px; padding:0 15px; font-size:0.85rem }
.btnXXs { height:42px; line-height:40px; padding:0 20px }
.btnXs { height:50px; line-height:50px; padding:0 20px }
.btnhalf { width:50%; float:left }
.btnhalf:nth-child(1) { border-right:2px solid #fff }
.btnhalf:nth-child(2) { border-left:2px solid #fff }
.btnBlock { width:100%; float:left }

.btn:not(.disable):hover { box-shadow:inset 32em 0 0 rgba(0,0,0,0.1) }
.btnBack:hover { box-shadow:inset -15em 0 0 rgba(0,0,0,0.4) }
.btn.disable { background:#ccc ! important; color:#fff ! important; cursor:default }

/*.btnDefault:hover { box-shadow:inset 15em 0 0 rgba(0,0,0,0.06) }*/


.fileType { display:inline-block; font-family:'Noto Sans KR', 'Malgun Gothic','맑은 고딕',Helvetica,sans-serif ; font-size:0.88rem; font-weight:700; border-radius:6px; color:#fff; height:28px; line-height:28px; font-weight:400; width:48px; text-align:center; margin-right:10px; transition:all .3s ease }
.fileType.jpg { background:#51bee8 }
.fileType.xls{ background:#84bd5b }
.fileType.ppt { background:#f05743 }
.fileType.doc { background:#528ef8 }
.fileType.pdf { background:#b5372a }
.fileType.zip { background:#566181 }
.fileType.hwp { background:#0f9eda }
.fileType.word { background:#2a55d2 }
.fileType.mp3 { background:#ffc000 }
.fileType.link { background:#65e3a6 }
.fileType.etc { background:#8b8b8b }
.fileType.view { background: #ff981e }

.case { display:inline-block; width:15px; height:15px; line-height: 15px; background:#b7b7b7; text-align:center; color:#fff; border-radius:500px; font-size:0.75rem; cursor:pointer }
.caseR.active { background:#e8463e }
.caseK.active { background:#84bd5b }
.caseE.active { background:#528ef8 }
.caseS.active { background:#b5372a }
.case1.active { background:#84bd5b }
.case2.active { background:#528ef8 }
.case3.active { background:#b5372a }
.case4.active { background:#BF9000 }
.case5.active { background:#7030A0 }

.grade { display:inline-block; border-radius:6px; background:#ccc; color:#fff; height:26px; line-height:26px; padding:0 15px; margin-right:10px }
.grade.high { background:#e8463e }
.grade.middle { background:#ffc600 }
.grade.low { background:#2651b4 }

.memberType { display:inline-block; vertical-align:middle; height:30px; line-height:30px; font-size:0.85rem; padding:0 15px; border-radius:500px; color:#fff }
.memberType.memberA { background:#2651b4 }
.memberType.memberB { background:#495164 }

.status { display:inline-block; font-size:0.85rem; padding:2px 15px; background:#ccc; border-radius:500px }
.status.finished { background:#3ba5e2; color:#fff }
.status.ongoing { background:#ccc; color:#fff }

.labelNotice { background:#2651b4; color:#fff; border-radius:3px; padding:2px 8px }

.icLinkA { display:inline-block; width:79px; height:16px; background:url('../img/common/ic_go_a.png') no-repeat center center }
.icDownLoad { display:inline-block; vertical-align:-2px; margin-right:10px; width:17px; height:17px; background:url('../img/common/ic_download_s.png') no-repeat center center }
.icSave { display:inline-block; vertical-align:middle; margin-right:10px; width:17px; height:17px; background:url('../img/common/ic_disk_s.png') no-repeat center center }
.icClip { display:inline-block; vertical-align:middle; margin-right:10px; width:12px; height:12px; background:url('../img/common/ic_clip.png') no-repeat center center / contain; opacity:0.7 }
.icComment { display:inline-block; vertical-align:middle; width:48px; height:48px; background:url('../img/common/icon_mycomment.png') no-repeat center center / contain }
.icOrder { display:inline-block; vertical-align:middle; width:48px; height:48px; background:url('../img/common/icon_myorder.png') no-repeat center center / contain }
.icCart { display:inline-block; vertical-align:middle; width:48px; height:48px; background:url('../img/common/icon_mycart.png') no-repeat center center / contain }
.icGift { display:inline-block; vertical-align:middle; width:18px; height:18px; background:url('../img/common/icon_gift.png') no-repeat center center / contain }
.icTooltip { display:inline-block; vertical-align:middle; width:16px; height:16px; background:url('../img/common/icon_warning.png') no-repeat center center / contain; margin-left:5px }

.tooltipSet { color:#999; font-size:0.85rem; cursor:pointer; padding:0 ! important }
.tooltip { background:rgba(255,255,255,1); min-width:260px; color:#797979 ! important; border:1px solid #ccc; padding:10px; color:#999; font-size:0.8rem; line-height:1.1rem; word-break:keep-all; border-radius:6px; margin-top:5px }
.tooltip  strong { font-weight:600; color:#6f6f6f }
.tooltip:before { content:url('../img/common/tooltip_arrow.png'); position:absolute; top:-14px; left:42px; z-index:20; width:18px; height:11px }

.icReply { background:#004f7a; color:#fff; padding:2px 10px; border-radius:500px;  }
.icToggle { background:url('../img/common/arrow_toggle.png') no-repeat center center / contain; width:12px; height:7px }



p.val_txt { margin-left:0 }
.val_txt { margin-left:10px }
.val_txt.success { color:#2a70f1 }
.val_txt.fail { color:#e8463e }
.val_txt.guide { color:#e8463e }
.val_txt.guide2 { font-size:14px; color:#e8463e }

img.warning { opacity:0.5 }

.span2 { width:14% }
.span4 { width:25% }
.span8 { width:50% }
.span12 { width:75% }

.necessary { display:inline-block; vertical-align:5px; width:6px; height:6px; line-height:6px; border-radius:500px; background:#e8463e; margin:0 4px }
.inputEtc { display:none }

.marginTop20 { margin-top:20px }
.marginTop40 { margin-top:40px }

.marginBottom20 { margin-bottom: 20px }

.noDataRow td { padding:60px 0 ! important; text-align:Center; color:#999; font-weight:300 }
.noDataRow td img { margin-right:5px; vertical-align:-3px }

.selWd { width:300px }
.selLg { width:400px }

.sectionLabel { display:inline-block; font-size:0.8rem; color:#999; border:1px solid #d6d6d6; border-radius:3px; padding:2px 10px }
.sectionLabel.caseA { border-color:#e8463e; color:#e8463e }
.sectionLabel.caseB { border-color:#2651b4; color:#2651b4 }
.sectionLabel.caseC { border-color: #494949; color:#494949 }

/* 로딩 */
.loadingWrap { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.85); z-index:99999 }
.loadingWrap .ng-scope .loadingicon { text-align:center; vertical-align:middle; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) }
@keyframes lds-ellipsis3 {
    0%, 25% {
        left: 32px;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        left: 32px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    75% {
        left: 100px;
    }
    100% {
        left: 168px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes lds-ellipsis3 {
    0%, 25% {
        left: 32px;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        left: 32px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    75% {
        left: 100px;
    }
    100% {
        left: 168px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}
@-webkit-keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}
@keyframes lds-ellipsis {
    0% {
        left: 32px;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    25% {
        left: 32px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        left: 100px;
    }
    75% {
        left: 168px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        left: 168px;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}
@-webkit-keyframes lds-ellipsis {
    0% {
        left: 32px;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    25% {
        left: 32px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        left: 100px;
    }
    75% {
        left: 168px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        left: 168px;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}
.lds-ellipsis {
    position: relative;
}
.lds-ellipsis > div {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
}
.lds-ellipsis div > div {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f00;
    position: absolute;
    top: 100px;
    left: 32px;
    -webkit-animation: lds-ellipsis 2s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
    animation: lds-ellipsis 2s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
}
.lds-ellipsis div:nth-child(1) div {
    -webkit-animation: lds-ellipsis2 2s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
    animation: lds-ellipsis2 2s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
    background: #3b4368;
}
.lds-ellipsis div:nth-child(2) div {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    background: #5e6fa3;
}
.lds-ellipsis div:nth-child(3) div {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
    background: #689cc5;
}
.lds-ellipsis div:nth-child(4) div {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    background: #93dbe9;
}
.lds-ellipsis div:nth-child(5) div {
    -webkit-animation: lds-ellipsis3 2s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
    animation: lds-ellipsis3 2s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;
    background: #3b4368;
}
.lds-ellipsis {
    width: 200px !important;
    height: 200px !important;
    -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
    transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}


/*--에디터 템플릿 Start--------*/
.title.large {line-height:1.4em; font-weight:bold; color:#333; font-size:25px; letter-spacing:-0.05em}
.title.medium {line-height:1.7em; color:#333; font-size:20px; letter-spacing:-0.05em}
.title.small {line-height:1.8em; color:#777; font-size:16px; letter-spacing:-0.05em}
.indent.type1 {padding-left:20px}
.indent.type1 .type2 {padding-left:15px}
.indent.type2 {padding-left:35px}
.txt-bul {padding-left:20px; font-size:13px; text-indent:-20px}
.txt-bul:before {margin-right:9px}
.txt-bul.type1:before {content:"◆"}
.txt-bul.type2:before {content:"◎"}
.txt-bul.type3:before {content:"□"}
.txt-bul.type4:before {content:"•"}
.txt-bul.type5:before {content:"●"}
.txt-bul.type6:before {content:"▶"}
.quote {display:block; line-height:1.3em; padding-left:10px; letter-spacing:-0.03em; border-left:3px solid}
.quote.black {color:#333; border-color:#333}
.quote.blue {color:#0f3653; border-color:#0f3653}
.quote.gray {color:#777; border-color:#777}
.quote.large {font-weight:bold; font-size:18px}
.quote.medium {font-size:15px}
.quote.small {font-size:13px}
.quote-marks {position:relative; display:block; text-align:center}
.quote-marks span {font-style:italic; line-height:1.4em; font-size:18px; letter-spacing:-0.03em}
.quote-marks > span:before,
.quote-marks > span:after {content:""; position:absolute; width:25px; height:20px}
.quote-marks.type1 {padding:36px 0}
.quote-marks.type1 span {line-height:1.5em; color:#777}
.quote-marks.type1 span:before {top:0; left:50%; margin-left:-12px; background:url(../../img/template/bg-quote-type1-front.png) no-repeat}
.quote-marks.type1 span:after {bottom:0; left:50%; margin-left:-12px; background:url(../../img/template/bg-quote-type1-end.png) no-repeat}
.quote-marks.type2 span {padding-bottom:3px; border-bottom:1px solid}
.quote-marks.type2 .wrap {position:relative; display:inline-block}
.quote-marks.type2 .wrap:before {content:""; position:absolute; width:32px; height:32px; top:0; left:-46px}
.quote-marks.type2 .wrap:after {content:""; position:absolute; width:32px; height:32px; bottom:0; right:-46px}
.quote-marks.type2 .wrap span {line-height:1.8em}
.quote-marks.type2.gray span {color:#999; border-color:#999}
.quote-marks.type2.gray .wrap:before {background:url(../../img/template/bg-quote-type2-front.png) 50% 50% no-repeat}
.quote-marks.type2.gray .wrap:after {background:url(../../img/template/bg-quote-type2-end.png) 50% 50% no-repeat}
.quote-marks.type2.pink span {color:#ff5c5c; border-color:#ff5c5c}
.quote-marks.type2.pink .wrap:before {background:url(../../img/template/bg-quote-type3-front.png) 50% 50% no-repeat}
.quote-marks.type2.pink .wrap:after {background:url(../../img/template/bg-quote-type3-end.png) 50% 50% no-repeat}
.tip-box {padding:20px 20px 18px; border:3px solid}
.tip-box .tit {display:block; padding-bottom:5px; font-weight:bold; font-size:16px; letter-spacing:-0.03em}
.tip-box .cont {display:block; font-size:14px; color:#777; letter-spacing:-0.03em}
.tip-box.pink {border-color:#fecdcd}
.tip-box.pink .tit {color:#ff5c5c}
.tip-box.blue {border-color:#aacce6}
.tip-box.blue .tit {color:#0f3653}
.tip-box.full {padding:16px; border:none}
.double-box {line-height:1.3em; padding:20px 0; font-weight:bold; font-size:16px; color:#316f9d; border-top:2px solid #316f9d; border-bottom:1px solid #ddd}
.txt-underline {position:relative; padding:8px 0; border-bottom:2px solid}
.txt-underline strong {display:inline-block; line-height:1.3em; font-size:16px; letter-spacing:-0.03em}
.txt-underline.icon {padding-left:42px}
.txt-underline.icon:after {content:""; position:absolute; right:0; bottom:-2px; width:calc(100% - 194px); height:2px}
.txt-underline.pink {border-color:#ff5c5c}
.txt-underline.pink strong {color:#ff5c5c}
.txt-underline.pink.icon {background:url(../../img/template/ico-book-pink.png) 10px 10px no-repeat}
.txt-underline.pink.icon.type2 {background:url(../../img/template/ico-pen-pink.png) 10px 10px no-repeat}
.txt-underline.pink.icon.type3 {background:url(../../img/template/ico-msg-pink.png) 10px 10px no-repeat}
.txt-underline.pink.icon:after {background:#0f3653}
.txt-underline.blue {border-color:#0f3653}
.txt-underline.blue strong {color:#0f3653}
.txt-underline.blue.icon {background:url(../../img/template/ico-book-blue.png) 10px 10px no-repeat}
.txt-underline.blue.icon.type2 {background:url(../../img/template/ico-pen-blue.png) 10px 10px no-repeat}
.txt-underline.blue.icon.type3 {background:url(../../img/template/ico-msg-blue.png) 10px 10px no-repeat}
.txt-underline.blue.icon:after {background:#ff5c5c}
.tip-point {padding-left:30px; font-size:14px; color:#777; letter-spacing:-0.03em}
.tip-point.type1 {background:url(../../img/template/ico-tip-point1.png) 0 1px no-repeat}
.tip-point.type2 {background:url(../../img/template/ico-tip-point2.png) 0 1px no-repeat}
.tip-point.type3 {background:url(../../img/template/ico-tip-point3.png) 0 4px no-repeat}
.tip-point.type4 {padding-left:34px; background:url(../../img/template/ico-tip-point4.png) 0 4px no-repeat}
.column-content {display:flex; display:-webkit-flex; display:-ms-flexbox}
.column-content .set {flex:1; -webkit-flex:1; -ms-flex:1; display:inline-block}
.column-content.col2 .set ~ .set {margin-left:30px}
.column-content.col3 .set ~ .set {margin-left:20px}
.column-content .set .img {padding-bottom:16px}
.column-content .set .img img {width:100%}
.column-content .set .tit {line-height:1.4em; font-size:15px; color:#ff5c5c}
.column-content .set .tit em {display:inline-block; padding-right:4px; font-style:normal; font-size:13px; color:#333; vertical-align:middle}
.column-content .set .tit em:after {content:"/"; margin-left:4px; color:#ccc}
.column-content .set .cont {line-height:1.6em; padding-top:7px; font-size:14px; color:#777}
/*--에디터 템플릿 End--------*/

.termModal .modalBody ol {
    list-style-type: decimal; /* 번호 스타일을 다시 숫자로 설정 */
    padding-left: 5px;       /* 번호가 보일 공간(여백) 확보 */
    margin-left: 10px;        /* 추가적인 왼쪽 여백 */
}
.termModal .modalBody .subOrder {
    padding-left: 5px;       /* 번호가 보일 공간(여백) 확보 */
    margin-left: 10px;        /* 추가적인 왼쪽 여백 */
}

.agreeSet.article.booksam .orderList ol {
    list-style-type: decimal; /* 번호 스타일을 다시 숫자로 설정 */
    padding-left: 5px;       /* 번호가 보일 공간(여백) 확보 */
    margin-left: 10px;        /* 추가적인 왼쪽 여백 */
}
.agreeSet.article.booksam .orderList .subOrder {
    padding-left: 5px;       /* 번호가 보일 공간(여백) 확보 */
    margin-left: 10px;        /* 추가적인 왼쪽 여백 */
}