*,
*:before,
*:after { box-sizing: border-box; }
body { font-family: "Noto Sans KR"; font-size: 16px; line-height: 1.3; position: relative; min-width: 1750px; letter-spacing: -1px; word-break: break-all; color: #444; }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; vertical-align: top; }
input,
textarea { outline: none; }
label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
button,
input,
optgroup,
select,
textarea { font: inherit; margin: 0; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: transparent; -o-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input::-ms-clear { display: none; }
select::-ms-expand { display: none; }
textarea { resize: none; }
button,
[type="button"],
[type="reset"],
[type="submit"] { cursor: pointer; outline: none; }
button,
button:focus,
button:active { padding: 0; }
button .button-fixed { position: relative; }
caption { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; padding: 0; white-space: nowrap; border: 0; }
a:focus,
select:focus { outline: none; }

/* 援щ텇 */
.hr-s1 { margin: 40px 0; border: 0; border-top: 1px solid #ddd; }

/* �덉씠�꾩썐 */
.inner { width: 100%; max-width: 1230px; margin: 0 auto; padding: 0 15px; }
.inner2 { width: 100%; max-width: 1750px; margin: 0 auto; padding: 0 15px; }
.inner3 { width: 100%; max-width: 1630px; margin: 0 auto; padding: 0 15px; }
.content { padding: 90px 0 140px 0; }
.bold { font-weight: bold !important; }
.fw-normal { font-weight: 400 !important; }
.fw-medium { font-weight: 500 !important; }
.italic { font-style: italic !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.v-top { vertical-align: top !important; }
.v-mid { vertical-align: middle !important; }
.v-bot { vertical-align: bottom !important; }
.v-base { vertical-align: baseline !important; }
.w25 { width: 25% !important; min-width: auto; }
.w50 { width: 50% !important; min-width: auto; }
.w100 { width: 100% !important; min-width: auto; }
.width-100 { width: 100px !important; min-width: auto; }
.width-150 { width: 150px !important; min-width: auto; }
.width-170 { width: 170px !important; min-width: auto; }
.width-280 { width: 280px !important; min-width: auto; }
.width-390 { width: 390px !important; min-width: auto; }
.width-410 { width: 410px !important; min-width: auto; }
.txt-s2-content { margin-right: 50px; margin-left: 70px; }
.cursor-pointer { cursor: pointer; }
.blind { display: none !important; }
.mobile-only { display: none !important; }
.mobile-inline-only { display: none !important; }
.hidden { overflow: hidden; }

/* �� */
.form-basic { font-size: 16px; display: inline-block; width: 100%; min-width: 170px; height: 50px; padding: 0 20px; vertical-align: baseline; color: #333; border: 1px solid #ddd; background-color: #fff; }
.form-basic[disabled],
.form-basic[readonly] { background-color: #f1f1f1 !important; }
.form-basic:focus { border-color: #0a9e4c; }
.form-basic[disabled],
.form-basic[readonly]:focus { border-color: #ddd; }
.form-basic.date { padding-right: 60px; background: url(/user/images/common/icon_date.png) no-repeat right 25px center; }
.form-basic.width1 { width: 100px; min-width: auto; margin-right: 5px; }
.form-basic.width2 { width: 430px; min-width: auto; margin-right: 5px; }
.form-basic.width3 { width: 200px; min-width: auto; margin-right: 5px; }
select.form-basic { width: 200px; min-width: auto; padding-right: 45px; background: url(/user/images/common/sel_down.png) no-repeat right 20px center; }
textarea.form-basic { height: 140px; padding: 12px 20px; }
.form-basic.type2 { height: 40px; padding: 0 10px; }
.form-basic.form-date { padding-left: 50px; background-image: url(/user/images/common/icon_date.png); background-repeat: no-repeat; background-position: left 20px center; }
.form-control,
.file_box .file_list { display: flex; }
.file_box .file_list { margin-bottom: 10px; }
.file_box .file_list:last-child { margin-bottom: 0; }
.form-control .form-control-input { min-width: auto; flex: 1 1 auto; }
.form-control .form-control-btn,
.file_box .file_list .file_remove { display: flex; min-width: 130px; height: 50px; padding: 0 20px; cursor: pointer; text-align: center; color: #fff; background-color: #444; flex: 0 0 auto; align-items: center; justify-content: center; }
.file_box .file_list .file_remove { padding-right: 50px; background-image: url(/user/images/common/icon_close2.png); background-repeat: no-repeat; background-position: right 20px center; }
.form-control input[type="file"],
.file_box .file_list input[type="file"] { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; padding: 0; white-space: nowrap; border: 0; }
.file_box .file_list .file_name { font-size: 16px; line-height: 48px; display: inline-block; width: 100%; min-width: 170px; height: 50px; padding: 0 20px; vertical-align: baseline; color: #333; border: 1px solid #ddd; background-color: #fff; }
.file_box .file_box_btn { display: flex; width: 130px; height: 50px; margin-bottom: 10px; color: #fff; background: #444; align-items: center; justify-content: center; }
.form-control-date { display: flex; align-items: center; }
.form-control-date .icon { padding: 0 15px; }

/* �뚮몢由� */
.right-line { border-right: 1px solid #ddd; }

/* 而щ윭 */
.color-s1 { color: #0a9e4c !important; }
.color-s2 { color: #999 !important; }
.color-s3 { color: #f74c00 !important; }
.color-s4 { color: #1b7bc7 !important; }
.color-s5 { color: #ec3535 !important; }
.color-s6 { color: #c7801b !important; }

/* 諛곌꼍 */
.bg-s1 { background: #ecfcea !important; }

/* �곹깭 */
.state-s1 { font-size: 16px; display: inline-block; min-width: 90px; max-width: 100%; padding: 5px 10px; text-align: center; color: #fff; }
.state-s1.type1 { background: #0a9e4c; }
.state-s1.type2 { background: #6babdd; }
.state-s2 { font-size: 16px; display: inline-block; min-width: 90px; max-width: 100%; padding: 5px 10px; text-align: center; color: #fff; }
.state-s2.type1 { color: #444; background: #ddd; }
.state-s2.type2 { background: #0a9e4c; }
.state-s3 { font-size: 16px; display: inline-block; min-width: 90px; max-width: 100%; padding: 5px 10px; text-align: center; color: #fff; }
.state-s3.type1 { background-color: #aaa; }
.state-s3.type2 { background-color: #0a9e4c; }
.state-s3.type3 { color: #777; background-color: #ddd; }
.state-s4 { font-size: 14px; font-weight: 400; display: inline-block; padding: 3px 6px; color: #777; border: 1px solid #ddd; border-radius: 5px; background: #f9f9f9; }

/* 泥댄겕諛뺤뒪/�쇰뵒�� */
.label-s1 { display: inline-block; margin: 5px 10px; margin-left: 0; cursor: pointer; }
.label-s1 input[type="radio"],
.label-s1 input[type="checkbox"] { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); width: 1px; height: auto; margin: 0; padding: 0; white-space: nowrap; border: 0; }
.label-s1 .label-desc { font-size: 16px; line-height: 1.3; display: flex; color: #666; align-items: center; }
.label-s1 .label-desc .other { display: flex; align-items: center; }
.label-s1 .label-desc .other .othder-desc { margin-right: 10px; flex: 0 0 auto; }
.label-s1 input[type="checkbox"] + .label-desc:before { display: block; width: 20px; height: 20px; margin-right: 10px; content: ""; border: 1px solid #ddd; background-color: #fff; background-repeat: no-repeat; background-position: center; flex: 0 0 auto; }
.label-s1 input[type="checkbox"]:checked + .label-desc:before { border-color: transparent; background-color: #0a9e4c; background-image: url(/user/images/common/icon_chk.png); }
.label-s1 input[type="radio"] + .label-desc:before { display: block; width: 20px; height: 20px; margin-right: 10px; content: ""; border: 1px solid #ddd; border-radius: 100%; background-color: #fff; background-repeat: no-repeat; background-position: center; flex: 0 0 auto; }
.label-s1 input[type="radio"]:checked + .label-desc:before { border: 6px solid #0a9e4c; }
.label-s1.no-text { margin: 0; vertical-align: middle; }
.label-s1.no-text input + .label-desc:before { margin: 0; }
.label-s1 input:disabled + .label-desc { color: #bbb; cursor: default; }
.label-s1 input[type="checkbox"]:disabled + .label-desc:before { border-color: #ddd; background-color: #f1f1f1; background-image: none; }
.label-s1 input[type="radio"]:disabled + .label-desc:before { border-color: #ddd; background-color: #f1f1f1; }

/* �뚯씪 */
.file-list-s1 { padding: 10px 30px; border-top: 1px solid #ddd; background: #f3f3f3; }
.file-list-s1 > li { font-size: 16px; padding: 10px 0; }
.file-list-s1 .file-name { display: inline-block; padding-left: 25px; background: url(/user/images/common/icon_down2.png) no-repeat left top 3px; }
.file-img { position: relative; display: inline-block; padding: 15px; padding-bottom: 47px; vertical-align: top; border: 1px solid #ddd; }
.file-img .file-img-chk { position: absolute; z-index: 1; right: 10px; bottom: 10px; margin: 0; padding: 5px; border: 1px solid #ddd; background: #fff; }

/* ���됲듃諛뺤뒪 而ㅼ뒪�� */
.custom-select { position: relative; display: inline-block; min-width: 200px; text-align: left; vertical-align: top; }
.custom-select.width1 { min-width: 230px; }
.custom-select select { display: none; }
.custom-select .select-selected { border: 1px solid #ddd; background-color: #fff; }
.custom-select .select-selected:after { position: absolute; top: 50%; right: 20px; width: 15px; height: 8px; margin-top: -4px; content: ""; background: url(/user/images/common/sel_down.png) no-repeat center; }
.custom-select .select-selected.select-arrow-active:after { background-image: url(/images/common/sel_up.png); }
.custom-select .select-items div,
.custom-select .select-selected { font-size: 16px; line-height: 48px; overflow: hidden; width: 100%; height: 50px; padding: 0 20px; padding-right: 40px; cursor: pointer; user-select: none; color: #222; flex: 0 0 auto; }
.custom-select .select-items { position: absolute; z-index: 1; top: 100%; right: 0; left: 0; visibility: hidden; overflow-x: hidden; overflow-y: auto; max-height: 145px; pointer-events: none; opacity: 0; border: 1px solid #ddd; border-top: 0; background-color: #fff; }
.custom-select .select-control.opened .select-items { visibility: visible; pointer-events: all; opacity: 1; }
.custom-select .select-hide { display: none; }
.custom-select .select-items .selection { color: #0a9e4c; }
.custom-select .select-items div:hover { background-color: #f8f8f8; }
.custom-select select[disabled] + .select-control .select-selected { background-color: #eee; cursor: default; }
.custom-select select[disabled] + .select-control .select-items { display: none !important; }

.custom-select-sm { min-width: 80px; }
.custom-select-sm .select-items div,
.custom-select-sm .select-selected { font-size: 14px; line-height: 28px; height: 30px; padding: 0 10px; padding-right: 30px; }
.custom-select-sm .select-selected:after { right: 10px; width: 10px; }

/* ���됲듃諛뺤뒪 而ㅼ뒪��(留곹겕) */
.custom-select2-wrapper { position: relative; display: block; user-select: none; }
.custom-select2-wrapper select { display: none; }
.custom-select2 { position: relative; display: block; }
.custom-select2 .custom-select-trigger { font-size: 16px; line-height: 56px; position: relative; display: block; padding: 0 45px 0 25px; cursor: pointer; color: #444; border: 1px solid #ccc; background-color: #f4f4f4; }
.custom-select2 .custom-select-trigger:after { position: absolute; top: 50%; right: 20px; display: block; width: 10px; height: 10px; margin-top: -3px; content: ""; transform: rotate(45deg) translateY(-50%); transform-origin: 50% 0; border-right: 1px solid #676767; border-bottom: 1px solid #676767; }
.custom-select2 .custom-select-trigger b { font-weight: bold; }
.custom-select2.opened .custom-select-trigger { background-color: #fff; }
.custom-select2.opened .custom-select-trigger:after { margin-top: 3px; transform: rotate(-135deg) translateY(-50%); }
.custom-select2 .custom-options { position: absolute; z-index: 10; right: 0; bottom: 100%; left: 0; display: block; visibility: hidden; width: 100%; padding: 10px 25px; pointer-events: none; opacity: 0; border: 1px solid #ccc; border-bottom: 0; background: #fff; }
.custom-select2 .custom-options-scroll { overflow: auto; max-height: 330px; }
.custom-select2.opened .custom-options { visibility: visible; pointer-events: all; opacity: 1; }
.custom-select2 .custom-option { font-size: 16px; position: relative; display: block; margin: 8px 0; color: #333; }
.custom-select2 .custom-option:hover { font-weight: 500; text-decoration: underline; }

/* 寃��� */
.search-s1 { margin-bottom: 35px; padding: 30px; text-align: center; background-color: #f6f6f6; }
.search-s1 .search-box { display: flex; border: 1px solid #ddd; align-items: center; justify-content: center; }
.search-s1 .search-box .search-select:before { position: absolute; top: 50%; right: 0; display: block; width: 1px; height: 15px; margin-top: -7.5px; content: ""; background: #ddd; }
.search-s1 .search-box .search-select .select-selected { border-color: transparent; }
.search-s1 .search-box .select-items { left: -1px; border-top: 1px solid #ddd; }
.search-s1 .search-box .search-form { font-size: 16px; display: inline-block; width: 100%; height: 50px; padding: 0 20px; vertical-align: middle; color: #222; border: 1px solid transparent; background-color: #fff; flex: 1 1 auto; }
.search-s1 .search-box .search-form.width1 { max-width: 400px; margin-right: 10px; }
.search-s1 .search-box .search-btn { font-size: 17px; min-width: 150px; height: 50px; color: #fff; border: 0; background-color: #444; flex: 0 0 auto; }
.search-s1 .search-box .search-btn span { display: inline-block; min-height: 19px; padding-left: 30px; background: url(/user/images/common/icon_search.png) no-repeat left center; }
.search-s1 .search-box .search-txt { font-size: 17px; margin: 0 10px; color: #444; }
.search-s1 .search-box input.form-style.date { height: 60px; }

/* �깅궓�� 吏��� */
.search-map { position: relative; margin-bottom: 40px; padding: 25px; text-align: center; border: 1px solid #ddd; }
.search-map .search-map-title-wrap { position: absolute; top: 50px; left: 50px; text-align: left; }
.search-map .search-map-desc { font-size: 16px; color: #444; }

/* �띿뒪�� �ㅽ��� */
.txt-s1 { font-size: 40px; font-weight: bold; position: relative; padding-right: 20px; color: #222; }
.txt-s1:after { position: absolute; right: 0; bottom: 10px; display: block; width: 10px; height: 10px; content: ""; background: #0a9e4c; }
.txt-s2 { font-size: 24px; font-weight: 300; position: relative; display: block; margin-bottom: 30px; padding-left: 70px; color: #222; }
.txt-s2:before { position: absolute; top: 15px; left: 0; width: 50px; height: 2px; content: ""; background-color: #ccc; }
.txt-s3 { font-size: 20px; position: relative; display: block; padding-top: 20px; color: #222; }
.txt-s3:before { position: absolute; top: 0; left: 0; display: block; width: 34px; height: 2px; content: ""; background: #ddd; }
.txt-s4 { font-size: 34px; display: block; margin-bottom: 10px; word-break: keep-all; color: #495672; }
.txt-s4 .sm { font-size: 24px; }
.txt-s4 b { font-weight: bold; }
.txt-s5 { font-size: 24px; font-weight: bold; display: block; margin-bottom: 15px; color: #222; }
.txt-s6 { font-size: 18px; font-weight: bold; display: block; margin-bottom: 15px; color: #222; }
.txt-s7 { font-size: 24px; font-weight: 500; display: block; margin-bottom: 15px; color: #222; }
.txt-s8 { font-size: 30px; display: block; margin-bottom: 25px; color: #444; }
.txt-s9 { font-size: 16px; display: block; color: #666; }
.txt-s10 { font-size: 16px; font-weight: 400; color: #0a9e4c; }
.txt-s11 { font-size: 20px; font-weight: 500; display: block; color: #222; }
.txt-s12 { font-size: 30px; font-weight: bold; display: block; color: #495672; }
.txt-s13 { font-size: 26px; font-weight: bold; display: block; margin-bottom: 30px; color: #222; }
.txt-s14 { font-size: 12px; }
.txt-s15 { font-size: 16px; font-weight: bold; color: #222; }
.txt-small { font-size: 85% !important; }

/* 踰꾪듉 */
.btn-area { position: relative; margin: 60px -10px 35px -10px; text-align: center; }
.btn-area.right { text-align: right; }
.btn-area .btn-basic { margin: 0 10px; }
.btn-area2 { margin: 60px 0 35px 0; padding-top: 40px; text-align: right; border-top: 1px solid #ddd; }
.btn-area2 .btn-basic { margin: 0 10px; }
.btn-basic { font-size: 17px; font-weight: 400; line-height: 58px; display: inline-block; min-width: 220px; height: 60px; padding: 0 20px; text-align: center; color: #333; border: 1px solid transparent; background-color: #fff; }
.btn-back { font-size: 18px; height: 35px; margin-top: -17.5px; padding: 0 0 7px 34px; color: #333; border-bottom: 1px solid #333; background: url(/user/images/common/icon_back.png) no-repeat left top 5px; }
.btn-basic.btn-s1 { color: #fff; background-color: #0a9e4c; }
.btn-basic.btn-s2 { color: #fff; background-color: #505c76; }
.btn-basic.btn-s3 { color: #0a9e4c; border-color: #0a9e4c; }
.btn-basic.btn-s4 { color: #fff; background-color: #aaa; }
.btn-basic.btn-s5 { color: #222; border-color: #ddd; background-color: #fff; }
.btn-basic.btn-s6 { font-weight: 400; color: #333; border: 1px solid #ddd; border-radius: 100px; }
.btn-basic.btn-s7 { font-weight: 400; color: #333; border: 1px solid #ddd; background-color: #ddd; }
.btn-basic.btn-next-arrow span { padding-right: 50px; background: url(/user/images/common/icon_next_arrow.png) no-repeat right center; }
.btn-basic.btn-prev-download span { padding-left: 30px; background: url(/user/images/common/icon_down.png) no-repeat left center; }
.btn-basic.btn-sm { font-size: 15px; line-height: 33px; min-width: 70px; height: 35px; margin: 5px; padding: 0 10px; }
.btn-basic.btn-xsm { font-size: 14px; line-height: 28px; min-width: 0; height: 30px; margin: 0; padding: 0 10px; }
.btn-basic.btn-width1 { min-width: 265px; }
.view-btn-s1 { font-size: 14px; display: inline-block; margin: 3px 6px; margin-left: 0; padding: 6px 10px; padding-left: 32px; color: #222; border: 1px solid #0a9e4c; border-radius: 5px; background: #f4fff1 url(/user/images/common/icon_view.png) no-repeat left 10px center; }
.go-link { font-size: 17px; font-weight: 400; padding-right: 25px; color: #666; background: url(/user/images/common/icon_more6.png) no-repeat right top 6px; }

/* �쒕툕 �� 鍮꾩＜�� */
.sub-top > .inner2 { height: 300px; background: url(/user/images/sub/sub_top_visual.jpg) no-repeat center; background-size: cover; }
.sub-top.subvusial1 > .inner2 { background-image: url(/user/images/sub/sub_top_visual1.jpg); }
.sub-top.subvusial2 > .inner2 { background-image: url(/user/images/sub/sub_top_visual2.jpg); }
.sub-top.subvusial3 > .inner2 { background-image: url(/user/images/sub/sub_top_visual3.jpg); }
.sub-top.subvusial4 > .inner2 { background-image: url(/user/images/sub/sub_top_visual4.jpg); }
.sub-top.subvusial5 > .inner2 { background-image: url(/user/images/sub/sub_top_visual5.jpg); }
.sub-top.subvusial6 > .inner2 { background-image: url(/user/images/sub/sub_top_visual6.jpg); }
.sub-top.subvusial7 > .inner2 { background-image: url(/user/images/sub/sub_top_visual7.jpg); }
.sub-top .sub-top-content { display: flex; flex-direction: column; height: 100%; justify-content: center; align-items: center; }
.sub-top .sub-top-title { font-size: 40px; font-weight: bold; line-height: 1.1; display: block; color: #fff; }
.sub-top .sub-top-title:after { display: block; width: 50px; height: 1px; margin: 30px auto; content: ""; background: #fff; }
.sub-top .sub-top-title span { position: relative; padding: 0 23px; }
.sub-top .sub-top-title span:before { position: absolute; right: 0; bottom: 8px; display: block; width: 8px; height: 8px; content: ""; background: #0a9e4c; }
.sub-top .sub-top-desc { font-size: 20px; font-weight: 200; color: #fff; }

/* �� 硫붾돱 */
.js-tab-content { display: none; }
.tab-s1 { position: relative; overflow: hidden; margin-bottom: 50px; }
.tab-s1 .tab-list { display: flex; overflow: hidden; margin: 0 -20px; flex-wrap: nowrap; justify-content: center; }
.tab-s1 .tab-list > li { position: relative; padding: 0 20px; flex: 0 0 auto; }
.tab-s1 .tab-list > li > .item { font-size: 20px; font-weight: 500; line-height: 1.3; display: flex; height: 100%; padding: 23px 10px; text-align: center; word-break: keep-all; color: #999; align-items: center; justify-content: center; }
.tab-s1 .tab-list > li.active > .item { font-weight: bold; color: #0a9e4c; border-bottom: 2px solid #0a9e4c; }
.tab-s2 { overflow: hidden; margin-bottom: 40px; }
.tab-s2 .tab-list { display: flex; margin: -5px -25px; flex-wrap: wrap; }
.tab-s2 .tab-list > li { font-size: 17px; font-weight: 500; position: relative; padding: 5px 25px; color: #999; }
.tab-s2 .tab-list > li:before { position: absolute; top: 7px; right: 0; display: block; width: 1px; height: 20px; content: ""; background: #ddd; }
.tab-s2 .tab-list > li:last-child:before { display: none; }
.tab-s2 .tab-list > li.active { color: #0a9e4c; }
.tab-s2 .tab-list > li > a { color: inherit; }
.tab-s3 { overflow: hidden; margin-bottom: 30px; }
.tab-s3 .tab-list { display: table; width: 100%; table-layout: fixed; border-collapse: collapse; }
.tab-s3 .tab-list > li { font-size: 18px; display: table-cell; text-align: center; vertical-align: middle; border: 1px solid #ddd; }
.tab-s3 .tab-list > li > a { display: flex; height: 60px; padding: 10px 15px; color: #999; justify-content: center; align-items: center; }
.tab-s3 .tab-list > li.active > a { font-weight: 500; color: #fff; background: #0a9e4c; }

/* 諛뺤뒪 �ㅽ��� */
.box-s1 { font-size: 16px; display: flex; min-height: 90px; padding: 25px 30px; border: 1px solid #ddd; border-radius: 10px; align-items: center; }
.box-s2 { font-size: 15px; line-height: 1.7; padding: 25px 30px; color: #666; border-top: 1px solid #ddd; background: #f6f6f6; }
.box-s3 { font-size: 15px; position: relative; padding: 30px; color: #666; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.box-s3:before { position: absolute; top: -2px; left: 0; display: block; width: 40px; height: 2px; content: ""; background: #0a9e4c; }
.box-s4 { padding: 30px; background: #f1f1f1; }
.box-s5 { padding: 30px; border: 1px solid #0a9e4c; background: #fbfffd; }
.bg-box-s1 { padding: 45px 0; background: #f1f1f1; }
.tutor-box { line-height: 1.5; position: relative; max-height: 255px; padding: 35px 50px; border: 1px solid #ddd; background: url(/user/images/content/content14-1.png) no-repeat right center; }
.tutor-box .tutor-box-desc { margin-bottom: 25px; color: #555; }
.tutor-box .point { font-size: 17px; font-weight: 500; margin-right: 18px; color: #0a9e4c; }
.tutor-box .tutor-box-btn { font-size: 16px; line-height: 48px; position: absolute; top: 50%; right: 30px; min-width: 170px; height: 50px; transform: translateY(-50%); }
.tutor-box .tutor-box-btn span { min-height: 27px; padding-left: 34px; background: url(/user/images/common/icon_art2.png) no-repeat left center; }

/* 遺덈┸ �띿뒪��/由ъ뒪�� �ㅽ��� */
.b-txt-s1 { font-size: 16px; line-height: 1.6; display: flex; color: #666; }
.b-txt-s1:before { margin-right: 2px; content: "��"; }
.b-list-s1 { width: 100%; }
.b-list-s1 > li { font-size: 16px; line-height: 1.6; display: flex; margin-bottom: 5px; word-break: keep-all; color: #666; }
.b-list-s1 > li:before { width: 6px; height: 6px; margin-top: 10px; margin-right: 7px; content: ""; border: 1px solid #666; border-radius: 100%; flex: 0 0 auto; }
.b-list-s1 > li:last-child { margin-bottom: 0; }
.b-list-s1.type2 > li { font-size: 17px; }
.b-list-s1.type2 > li:before { margin-top: 12px; }
.b-list-s1.type3 > li { font-size: inherit; }
.b-list-s2 { width: 100%; }
.b-list-s2 > li { font-size: 16px; line-height: 1.6; display: flex; margin-bottom: 5px; word-break: keep-all; color: #666; }
.b-list-s2 > li:before { width: 10px; height: 10px; margin-top: 7px; margin-right: 7px; content: ""; background: url(/user/images/common/icon_plus.png) no-repeat center; flex: 0 0 auto; }
.b-list-s2 > li:last-child { margin-bottom: 0; }
.b-list-s3 > li { font-size: 16px; position: relative; display: flex; margin-bottom: 10px; word-break: keep-all; color: #555; }
.b-list-s3 > li:before { display: block; width: 3px; height: 3px; margin-top: 9px; margin-right: 7px; content: ""; border-radius: 100%; background: #222; flex: 0 0 auto; }
.b-list-s3 > li:last-child { margin-bottom: 0; }
.b-list-s4 > li { position: relative; padding-left: 15px; font-size: 16px; line-height: 1.6; margin-bottom: 5px; word-break: keep-all; color: #666; }
.b-list-s4 > li:before { position: absolute; left: 0; top: 0; width: 6px; height: 6px; margin-top: 10px; margin-right: 7px; content: ""; border: 1px solid #666; border-radius: 100%; }
.b-list-s4 > li:last-child { margin-bottom: 0; }
.b-list-s4 .list1 > li { position: relative; padding-left: 10px; }
.b-list-s4 .list1 > li:before { content:""; display: block; width: 4px; height: 4px; background: #666; border-radius:100%; position: absolute; left: 0; top: 0; margin-top: 10px; margin-right: 7px; }
.b-list-s5 {  }
.b-list-s5 > li { position: relative; margin-bottom: 20px; padding-left: 10px; }
.b-list-s5 > li:before { content:"-"; display: block; position: absolute; left: 0; top: 0; }
.b-list-s5 > li:last-child { margin-bottom: 0; }

/* 由ъ뒪�� */
.list-img-s1 > ul { display: flex; margin: -15px; flex-wrap: wrap; }
.list-img-s1 > ul > li { width: 33.3%; padding: 15px; }
.list-img-s1 > ul > li img { width: 100%; }
.step-s1 { display: flex; margin: -7.5px -11px; flex-wrap: wrap; }
.step-s1 > li { width: 16.66666%; padding: 7.5px 11px; text-align: center; }
.step-s1 > li > .item { font-size: 15px; font-weight: 500; position: relative; display: flex; flex-direction: column; height: 100%; min-height: 40px; padding: 5px 10px; word-break: keep-all; color: #0a9e4c; border: 1px solid #0a9e4c; border-radius: 5px; align-items: center; justify-content: center; }
.step-s1 > li > .item:before { position: absolute; top: 50%; left: 100%; display: block; width: 23px; height: 10px; margin-top: -5px; content: ""; background: url(/user/images/common/icon_more5.png) no-repeat center; }
.step-s1 > li:last-child > .item:before { display: none; }
.step-s1 > li.point1 > .item { background: #c9f5dd; }
.step-s1 > li.point2 > .item { color: #fff; background: #0a9e4c; }
.step-s2 { overflow: hidden; }
.step-s2 > ul { display: flex; margin: 0 -25px; flex-wrap: wrap; }
.step-s2 > ul > li { position: relative; width: 20%; padding: 0 25px; }
.step-s2.col4 > ul { margin: 0 -65px; }
.step-s2.col4 > ul > li { width: 25%; padding: 0 65px; }
.step-s2 > ul > li:before { position: absolute; top: 50%; left: calc(100% - 8.5px); width: 17px; height: 12px; margin-top: -6px; content: ""; background: url(/user/images/common/icon_more2.png) no-repeat center; }
.step-s2 > ul > li:last-child:before { display: none; }
.step-s2 > ul > li > .item { position: relative; }
.step-s2 > ul > li > .item:before { display: block; padding-top: 100%; content: ""; }
.step-s2 > ul > li > .item .item-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; text-align: center; word-break: keep-all; color: #444; border: 1px solid transparent; border-radius: 100%; background: #f1f1f1; align-items: center; justify-content: center; }
.step-s2 > ul > li.type1 > .item .item-content { font-weight: 500; color: #0a9e4c; border-color: #0a9e4c; background: #fff; }
.step-s2 > ul > li.type2 > .item .item-content { font-weight: 500; color: #fff; background: #0a9e4c; }
.txt-list-s1 > li { margin-bottom: 10px; }
.txt-list-s1 > li:last-child { margin-bottom: 0; }
.txt-list-s2 { display: flex; margin: 0 -10px; }
.txt-list-s2 > li { position: relative; padding: 0 10px; }
.txt-list-s2 > li:before { position: absolute; top: 50%; right: 0; display: block; width: 1px; height: 16px; margin-top: -8px; content: ""; background: #ddd; }
.txt-list-s2 > li:last-child:before { display: none; }
.txt-list-s3 > li { margin-bottom: 5px; }
.txt-list-s3 > li:last-child { margin-bottom: 0; }
.dl-s1 { font-size: 16px; margin-bottom: 40px; }
.dl-s1:last-of-type { margin-bottom: 0; }
.dl-s1 > dt { font-weight: bold; margin-bottom: 15px; color: #222; }
.dl-s1 > dd { line-height: 1.5; color: #444; }
.dl-s2 { font-size: 17px; margin-bottom: 35px; }
.dl-s2:last-of-type { margin-bottom: 0; }
.dl-s2 > dt { font-weight: 500; margin-bottom: 10px; color: #444; }
.dl-s2 > dd { font-weight: 300; line-height: 1.5; margin-bottom: 5px; color: #666; }
.dl-s2 > dd:last-child { margin-bottom: 0; }
.dl-s3 { font-size: 17px; display: flex; margin: 0 -20px; margin-bottom: 18px; }
.dl-s3:last-of-type { margin-bottom: 0; }
.dl-s3 > dt { font-weight: bold; position: relative; padding: 0 20px; color: #222; flex: 0 0 auto; }
.dl-s3 > dt:before { position: absolute; top: 3px; right: 0; width: 1px; height: 16px; content: ""; background: #ccc; }
.dl-s3 > dd { padding: 0 20px; color: #666; }
.dl-s4 { font-size: 16px; display: flex; margin-bottom: 12px; }
.dl-s4:last-of-type { margin-bottom: 0; }
.dl-s4 > dt { color: #999; }
.dl-s4 > dd { color: #666; }
.dl-s5 { font-size: 16px; display: flex; margin-bottom: 10px; align-items: center; }
.dl-s5:last-of-type { margin-bottom: 0; }
.dl-s5 > dt { font-weight: 500; position: relative; width: 70px; margin-right: 15px; color: #333; }
.dl-s5 > dt:before { position: absolute; top: 4px; right: 0; display: block; width: 1px; height: 15px; content: ""; background: #ddd; }
.dl-s5 > dd { width: calc(100% - 70px); color: #666; }
.list-s1 { overflow: hidden; }
.list-s1 > ul { display: flex; margin: -10px; flex-wrap: wrap; }
.list-s1 > ul > li { width: 20%; padding: 10px; }
.list-s1.list-col4 > ul > li { width: 25% !important; }
.list-s1 > ul > li > .item { font-size: 16px; position: relative; height: 100%; padding: 35px 30px; padding-bottom: 90px; color: #444; border-radius: 10px; background: #fff; }
.list-s1 > ul > li > .item .item-desc { line-height: 1.5; }
.list-s1 > ul > li > .item .item-img { position: absolute; right: 30px; bottom: 25px; user-select: none; }
.list-s2 { overflow: hidden; }
.list-s2 > ul { display: flex; margin: -15px; flex-wrap: wrap; }
.list-s2 > ul > li { position: relative; width: 25%; padding: 15px; }
.list-s2 > ul > li:before { position: absolute; top: 4px; right: 0; display: block; width: 1px; height: 75px; content: ""; background: #ddd; }
.list-s2 > ul > li:nth-child(4n+4):before { display: none; }
.list-s2 > ul > li > .item { height: 100%; }
.list-s2 > ul > li > .item .item-title-wrap { margin-bottom: 25px; }
.list-s2 > ul > li > .item .item-title { font-size: 24px; display: block; margin-bottom: 10px; color: #0a9e4c; }
.list-s2 > ul > li > .item .item-desc { font-size: 17px; color: #444; }
.list-s2 > ul > li > .item .item-list { text-align: left; }
.list-s2 > ul > li > .item .item-list > li { font-size: 15px; color: #444; }
.list-s3 { overflow: hidden; }
.list-s3 > ul { display: flex; margin: -10px; flex-wrap: wrap; }
.list-s3 > ul > li { width: 33.3%; padding: 10px; }
.list-s3 > ul > li > .item { font-size: 16px; position: relative; height: 100%; padding: 25px 30px; padding-bottom: 80px; color: #444; border-radius: 10px; background: #fff; }
.list-s3 > ul > li > .item .item-title { font-size: 20px; font-weight: 500; position: relative; display: block; color: #0a9e4c; }
.list-s3 > ul > li > .item .item-title:after { display: block; width: 34px; height: 2px; margin-top: 7px; margin-bottom: 15px; content: ""; background: #ccc; }
.list-s3 > ul > li > .item .item-desc { line-height: 1.5; }
.list-s3 > ul > li > .item .item-img { position: absolute; right: 30px; bottom: 25px; user-select: none; }
.list-s4 { overflow: hidden; }
.list-s4 > ul { display: flex; margin: -10px; flex-wrap: wrap; }
.list-s4 > ul > li { width: 50%; padding: 10px; }
.list-s4 > ul > li > .item { position: relative; padding-bottom: 30px; }
.list-s4 > ul > li > .item .item-img img { width: 100%; }
.list-s4 > ul > li > .item .item-desc { font-size: 16px; position: absolute; bottom: 0; left: 0; width: 50%; padding: 20px 30px; color: #fff; background: #0a9e4c; }
.list-s5 { overflow: hidden; }
.list-s5 > ul { counter-reset: list; }
.list-s5 > ul > li { padding: 50px 0; border-bottom: 1px solid #ddd; }
.list-s5 > ul > li:last-child { border-bottom: 0; }
.list-s5 > ul > li > .item .item-title { font-size: 24px; font-weight: 500; position: relative; display: block; min-height: 40px; margin-bottom: 20px; padding-top: 5px; padding-left: 70px; color: #222; }
.list-s5 > ul > li > .item .item-title:before { font-size: 20px; line-height: 40px; position: absolute; top: 0; left: 0; display: block; width: 40px; height: 40px; content: counter(list); counter-increment: list; text-align: center; color: #fff; background: #0a9e4c; }
.list-s5 > ul > li > .item .item-desc { font-size: 16px; line-height: 1.5; margin-bottom: 45px; color: #444; }
.list-s5 > ul > li > .item .item-img { display: flex; margin: -10px; margin-top: 20px; flex-wrap: wrap; }
.list-s5 > ul > li > .item .item-img > li { width: 50%; padding: 10px; }
.list-s6 { overflow: hidden; }
.list-s6 > ul > li { margin-bottom: 20px; }
.list-s6 > ul > li:last-child { margin-bottom: 0; }
.list-s6 > ul > li > .item { padding: 30px 0 40px 0; background: #f1f1f1; }
.list-s7 { overflow: hidden; }
.list-s7 > ul { display: flex; margin: 0 -20px; counter-reset: list; flex-wrap: wrap; }
.list-s7 > ul > li { width: 25%; padding: 0 20px; }
.list-s7 > ul > li > .item .item-icon { margin-bottom: 20px; }
.list-s7 > ul > li > .item .item-title { font-size: 17px; font-weight: 500; position: relative; display: block; margin-bottom: 15px; padding-left: 25px; color: #222; }
.list-s7 > ul > li > .item .item-title:before { font-size: 12px; font-weight: 500; line-height: 20px; position: absolute; top: 2px; left: 0; width: 20px; height: 20px; content: counter(list); counter-increment: list; text-align: center; color: #fff; border-radius: 100%; background: #222; }
.list-s7 > ul > li > .item .item-desc { font-size: 16px; line-height: 1.7; color: #666; }
.list-s8 { border-top: 1px solid #222; }
.list-s8 > li { padding: 45px 0; border-bottom: 1px solid #ddd; }
.list-s8 > li > .item { display: flex; flex-wrap: wrap; align-items: center; }
.list-s8 > li > .item .item-title-area { width: 280px; flex: 0 0 auto; }
.list-s8 > li > .item .item-title-area .item-icon { margin-bottom: 25px; text-align: center; }
.list-s8 > li > .item .item-title-area .item-title { font-size: 20px; font-weight: bold; display: block; text-align: center; color: #222; }
.list-s8 > li > .item .item-content-area { width: calc(100% - 280px); flex: 1 1 auto; }
.list-s8 > li > .item .item-content-area .item-desc { font-size: 16px; margin-bottom: 20px; color: #444; }
.list-s8 > li > .item .item-content-area .item-desc2 { margin-top: 30px; }
.list-s8 > li > .item .item-content-area .item-list-title { font-size: 16px; font-weight: 500; display: block; margin-bottom: 15px; color: #222; }
.list-s8 > li > .item .item-content-area .item-img { display: flex; margin: -10px; flex-wrap: wrap; }
.list-s8 > li > .item .item-content-area .item-img > li { padding: 10px; }
.list-s9 { font-size: 16px; counter-reset: list; }
.list-s9 > li { margin-bottom: 10px; }
.list-s9 > li:last-child { margin-bottom: 0; }
.list-s9 .item-title { font-weight: 500; position: relative; display: block; margin-bottom: 10px; padding-left: 18px; color: #222; }
.list-s9 .item-title:before { font-size: 12px; line-height: 13px; position: absolute; top: 3px; left: 0; display: block; width: 15px; height: 15px; content: counter(list); counter-increment: list; text-align: center; border: 1px solid #222; border-radius: 100%; }
.list-s9 .item-content { line-height: 1.7; }
.list-s10 { margin-top: 15px; padding: 25px 30px; counter-reset: list; border-radius: 7px; background: #f7f7f7; }
.list-s10 > li { position: relative; font-size: 16px; margin-bottom: 15px; color: #666; padding-left: 17px; }
.list-s10 > li:before { position: absolute; left: 0; top: 0; min-width: 15px; content: counter(list)". "; counter-increment: list; }
.list-s10 > li:last-child { margin-bottom: 0; }
.list-s11 { counter-reset: list; }
.list-s11 > li { position: relative; font-size: 16px; margin-bottom: 15px; color: #666; padding-left: 19px; }
.list-s11 > li:before { position: absolute; left: 0; top: 0; font-size: 13px; line-height: 14px; width: 16px; height: 16px; margin-top: 4px; margin-right: 3px; content: counter(list); counter-increment: list; text-align: center; border: 1px solid #666; border-radius: 100%; }
.list-s11 > li:last-child { margin-bottom: 0; }
.list-s12 > ul { counter-reset: list; }
.list-s12 > ul > li { margin-bottom: 30px; }
.list-s12 > ul > li:last-child { margin-bottom: 0; }
.list-s12 > ul > li > .item { overflow: hidden; border: 1px solid #ddd; border-radius: 10px; }
.list-s12 > ul > li > .item .item-title-wrap { position: relative; display: flex; padding: 25px 30px; align-items: center; }
.list-s12 > ul > li > .item .item-title { font-size: 20px; font-weight: 500; position: relative; display: flex; margin-right: 35px; color: #444; align-items: center; }
.list-s12 > ul > li > .item .item-title:before { font-size: 17px; font-weight: 500; line-height: 60px; display: block; width: 60px; height: 60px; margin-right: 20px; content: counter(list, decimal-leading-zero); counter-increment: list; text-align: center; color: #fff; border-radius: 100%; background: #0a9e4c; flex: 0 0 auto; }
.list-s12 > ul > li > .item .item-title2 { font-size: 20px; font-weight: 500; display: flex; color: #0a9e4c; align-items: center; }
.list-s12 > ul > li > .item .item-title2 img { margin-right: 15px; flex: 0 0 auto; }
.list-s12.type2 > ul > li > .item .item-title:before { background: #6babdd; }
.list-s12 > ul > li > .item .item-title-sub { font-size: 17px; }
.list-s12 > ul > li > .item ul.item-title-sub { display: flex; margin: 0 -10px; }
.list-s12 > ul > li > .item ul.item-title-sub > li { position: relative; padding: 0 10px; }
.list-s12 > ul > li > .item ul.item-title-sub > li:after { position: absolute; top: 50%; right: 0; display: block; width: 1px; height: 16px; margin-top: -8px; content: ""; background: #ddd; }
.list-s12 > ul > li > .item ul.item-title-sub > li:last-child:after { display: none; }
.list-s12 > ul > li > .item .item-content { padding: 30px; background: #f8f8f8; }
.list-s13 > li { font-size: 15px; margin-bottom: 8px; color: #666; }
.list-s13 > li:last-child { margin-bottom: 0; }
.list-s14 > ul > li { position: relative; margin-bottom: 25px; padding-left: 13px; }
.list-s14 > ul > li:last-child { margin-bottom: 0; }
.list-s14 > ul > li:before { position: absolute; top: 0; left: 0; display: block; width: 6px; height: 6px; margin-top: 10px; margin-right: 7px; content: ""; border: 1px solid #666; border-radius: 100%; flex: 0 0 auto; }
.list-s14 > ul > li > .item .item-title { font-size: 17px; font-weight: 500; display: block; color: #222; }
.list-s14 > ul > li > .item .item-desc { font-size: 16px; margin-top: 10px; color: #444; }
.list-s14 > ul > li > .item .item-desc > li { font-size: 16px; position: relative; margin-bottom: 5px; padding-left: 8px; color: #444; }
.list-s14 > ul > li > .item .item-desc > li:last-child { margin-bottom: 0; }
.list-s14 > ul > li > .item .item-desc > li:before { position: absolute; top: 0; left: 0; content: "-"; }
.list-s15 > ul { display: flex; margin: -10px; flex-wrap: wrap; }
.list-s15 > ul > li { width: 25%; padding: 10px; }
.list-s15 > ul > li > .item_wrap { position: relative; height: 100%; }
.list-s15 > ul > li > .item_wrap .item { display: block; height: 100%; padding: 20px 15px; transition: box-shadow 0.3s ease; border: 1px solid #ddd; border-top: 2px solid #0a9e4c; }
.list-s15 > ul > li > .item_wrap .item .item-title-wrap { display: flex; margin-bottom: 15px; align-items: center; }
.list-s15 > ul > li > .item_wrap .item .item-title-wrap .item-img { margin-right: 15px; flex: 0 0 auto; }
.list-s15 > ul > li > .item_wrap .item .item-title-wrap .item-img img { width: 74px; height: 74px; }
.list-s15 > ul > li > .item_wrap .item .item-title-wrap .item-title { width: calc(100% - 90px); color: #222; }
.list-s15 > ul > li > .item_wrap .item .item-title-wrap .item-title .item-name { font-size: 17px; margin-bottom: 3px; }
.list-s15 > ul > li > .item_wrap .item .item-title-wrap .item-title .item-cate { font-size: 21px; font-weight: bold; }
.list-s15 > ul > li > .item_wrap .item .item-title-wrap .item-img .cm_pictogram.icon2 { width: 74px; height: 74px; }
.list-s15 > ul > li > .item_wrap .item .item-contents { font-size: 15px; }
.list-s15 > ul > li > .item_wrap .item .item-contents dt { margin-bottom: 8px; letter-spacing: 0.5px; color: #999; }
.list-s15 > ul > li > .item_wrap .item .item-contents dd { line-height: 1.4; display: -webkit-box; overflow: hidden; height: 63px; text-overflow: ellipsis; color: #666; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.list-s15 > ul > li > .item_wrap .item-link { position: absolute; top: 30px; right: 30px; display: block; width: 40px; height: 40px; border-radius: 10px; background: #0a9e4c url(/user/images/common/icon_link.png) no-repeat center; }
.list-s15 > ul > li > .item_wrap .item:hover { box-shadow: 6px 13px 16px 0 rgba(0, 0, 0, 0.1); }
.list-s16 > li { margin-bottom: 20px; }
.list-s16 > li:last-child { margin-bottom: 0; }
.list-s16 > li > .item { display: flex; padding: 32px 50px; background: #f1f1f1; flex-wrap: wrap; align-items: center; }
.list-s16 > li > .item .item-title-area { width: 155px; flex: 0 0 auto; }
.list-s16 > li > .item .item-title-area .item-icon img { width: 125px; }
.list-s16 > li > .item .item-content-area { line-height: 1.875; width: calc(100% - 155px); word-break: keep-all; flex: 1 1 auto; }
.list-s16 > li > .item .item-content-area .item-desc { font-size: 16px; margin-bottom: 20px; color: #444; }
.list-s16 > li > .item .item-content-area .item-desc2 { margin-top: 30px; }
.list-s16 > li > .item .item-content-area .item-list-title { font-size: 16px; font-weight: 500; display: block; margin-bottom: 15px; color: #222; }
.list-s16 > li > .item .item-content-area .item-img { display: flex; margin: -10px; flex-wrap: wrap; }
.list-s16 > li > .item .item-content-area .item-img > li { padding: 10px; }
.list-s17 > li { font-size: 16px; font-weight: 500; margin: 10px 0; }
.list-s17 > li li { font-weight: 400; font-size: 90%; margin-top: 5px; padding-left: 15px; }
.list-s18 { margin-top: 10px; }
.list-s18 > li { position: relative; padding-left: 10px; margin-bottom: 10px; }
.list-s18 > li:before { content:"-"; position: absolute; left: 0; top: 0; }
.list-s18 > li:last-child { margin-bottom: 0; }
.list-s19 { padding: 0 30px; }
.list-s19 .process { display: flex; align-items: center; justify-content: center; max-width: 92%; margin: 0 auto; }
.list-s19 .process_title { position: relative; z-index: 2; text-align: center; background-color: #fff; flex-shrink: 0; color: #222; font-size: 18px; line-height: 1.1; font-weight: bold; display: flex; align-items: center; justify-content: center; border: 2px solid #323233; width: 110px; height: 110px; border-radius: 1000px; border-left-color: #0a9e4c; border-bottom-color: #0a9e4c; }
.list-s19 .process_list { position: relative; flex-grow: 1; display: flex; flex-wrap: wrap; gap: 10px 20px; padding: 0 20px; margin-top: 20px; }
.list-s19 .process_list:before { content:""; display: block; position: absolute; left: -20px; right: -20px; top: -3px; height: 26px; background: linear-gradient(to right, rgba(10, 158, 76, 0.1), rgba(10, 158, 76, 0.6), rgba(10, 158, 76, 0.1) ); }
.list-s19 .process_list:after { content:""; display: block; position: absolute; left: -20px; right: -20px; border: 1px dashed #0a9e4c; top: 9px; }
.list-s19 .process_list > li { text-align: center; flex: 1 1 0; position: relative; padding-top: 25px; }
.list-s19 .process_list > li:before { position: absolute; left: 50%; transform: translateX(-50%); top: 0; background-color: #fff; content:""; display: block; width: 20px; height: 20px; border: 5px solid #0a9e4c; margin: 0 auto; border-radius: 1000px; z-index: 1; }
.list-s19 .process_list > li:nth-child(even) span { position: relative; bottom: 50px; }
.list-s19 .process_list > li span { font-weight: 400; font-size: 16px; color: #444; }
.list-s19 .process_desc { position: relative; z-index: 2; text-align: center; background-color: #0a9e4c; flex-shrink: 0; color: #fff; font-size: 18px; line-height: 1.1; font-weight: bold; display: flex; align-items: center; justify-content: center; width: 110px; height: 110px; border-radius: 1000px; }
.list-s19 .explanation { align-items: baseline; margin-top: 30px; display: flex; justify-content: center; }
.list-s19 .ex_title { flex-shrink: 0; margin-right: 10px; }
.list-s19 .ex_title span { display: inline-block; background-color: #0a9e4c; color: #fff; border-radius: 1000px; padding: 5px 15px; font-size: 15px; font-weight: 500; }
.list-s19 .ex_desc span { font-weight: 500; }

@media (max-width: 1023px) {
	.list-s19 { padding: 0; }
	.list-s19 .process { max-width: none; flex-direction: column; }
	.list-s19 .process_title { width: 70px; height: 70px; padding: 8px; font-size: 1rem; }
	.list-s19 .process_desc { width: 70px; height: 70px; padding: 8px; font-size: 1rem; }
	.list-s19 .process_list { flex-direction: column; margin: 15px 0; }
	.list-s19 .process_list:before { left: 50%; right: auto; top: -20px; bottom: -20px; height: auto; background: linear-gradient(to bottom, rgba(10, 158, 76, 0.1), rgba(10, 158, 76, 0.6), rgba(10, 158, 76, 0.1)); width: 26px; margin-left: -13px; }
	.list-s19 .process_list:after { left: 50%; right: auto; top: -20px; bottom: -20px; }
	.list-s19 .process_list > li { padding: 10px 0; }
	.list-s19 .process_list > li:before { top: 50%; transform: translate(-50%, -50%); width: 15px; height: 15px; border-width: 3px; }
	.list-s19 .process_list > li span { position: relative; font-size: 1rem; }
	.list-s19 .process_list > li:nth-child(odd) span { right: 100%; }
	.list-s19 .process_list > li:nth-child(even) span { bottom: auto; left: 100%; }
	.list-s19 .explanation { flex-direction: column; }
	.list-s19 .ex_title { margin-right: 0; margin-bottom: 15px; }
	.list-s19 .ex_title span { font-size: 1rem; background-color: #fff; border: 1px solid #0a9e4c; color: #0a9e4c; padding: 3px 9px; }
}

/* �고쁺 */
.history-s1 { overflow: hidden; }
.history-s1 > ul { display: flex; flex-direction: column-reverse; margin-top: -40px; }
.history-s1 > ul > li { min-height: 110px; padding: 40px 0; border-top: 1px solid #ddd; }
.history-s1 > ul > li:last-child { border-top: 0; }
.history-s1 > ul > li > .item { position: relative; }
.history-s1 > ul > li > .item .item-year { font-size: 30px; font-weight: 600; position: absolute; top: 0; left: 0; color: #0a9e4c; }
.history-s1 > ul > li > .item .item-content { display: flex; flex-direction: column-reverse; margin-left: 135px; padding-top: 10px; }
.history-s1 > ul > li > .item .item-content > li { display: flex; margin-bottom: 25px; }
.history-s1 > ul > li > .item .item-content > li:first-child { margin-bottom: 0; }
.history-s1 > ul > li > .item .item-month { font-size: 17px; font-weight: 500; width: 110px; color: #999; flex: 0 0 auto; }
.history-s1 > ul > li > .item .item-desc > li { font-size: 17px; margin-bottom: 10px; color: #444; }
.history-s1 > ul > li > .item .item-desc > li:last-child { margin-bottom: 0; }

/* 洹쒖젙, �쎄� */
.operation-rule .rule-title { font-size: 17px; display: block; margin-bottom: 15px; text-align: right; color: #444; }
.operation-rule .rule-list > li { margin-bottom: 30px; }
.operation-rule .rule-list > li:last-child { margin-bottom: 0; }
.operation-rule .rule-list > li > .rule-big-title { font-size: 20px; font-weight: bold; display: block; margin-bottom: 15px; color: #0a9e4c; }
.operation-rule .rule-list > li > .item { padding: 30px; border: 1px solid #ddd; border-radius: 8px; }
.operation-rule .rule-list > li > .item .item-title { font-size: 17px; font-weight: 500; display: block; margin-bottom: 15px; color: #0a9e4c; }
.operation-rule .rule-list > li > .item .item-title2 { font-size: 16px; font-weight: 500; display: block; margin-bottom: 15px; color: #444; }
.operation-rule .rule-list > li > .item .num { font-weight: bold; color: #0a9e4c; }
.operation-rule .rule-list > li > .item .item-desc { font-size: 16px; margin-bottom: 15px; color: #666; }
.operation-rule .rule-list > li > .item .item-desc:last-of-type { margin-bottom: 0; }
.operation-rule .rule-list > li > .item .item-desc2 { font-size: 15px; margin-bottom: 5px; }
.operation-rule .rule-list > li > .item .item-desc2:last-of-type { margin-bottom: 0; }
.operation-rule .rule-list > li > .item ul.item-desc2 > li { font-size: 15px; margin-bottom: 5px; }
.operation-rule .rule-list > li > .item ul.item-desc2 > li:last-child { margin-bottom: 0; }
.operation-rule .rule-list > li > .item ul.item-desc2.list-s11 > li:before { font-size: 12px; line-height: 13px; width: 15px; height: 15px; margin-top: 0; }
.operation-rule .refuse-collection-email { padding: 45px 50px; padding-right: 350px; border: 1px solid #ddd; background: url(/user/images/icon/icon13-1.png) no-repeat right 40px center; word-break: keep-all; }
.operation-rule .refuse-collection-email .desc { line-height: 1.867; }
.operation-rule .refuse-collection-email .desc .point { text-decoration: underline; color: #0a9e4c; }
.operation-rule .refuse-collection-email.refuse-collection-email2 { background: none; padding-right: 50px; }
.operation-rule-box { border: 1px solid #ddd; border-top: 2px solid #000; }
.operation-rule-box .top-content { font-size: 15px; line-height: 1.5; padding: 30px; color: #666; border-bottom: 1px solid #ddd; background: #f6f6f6; }
.operation-rule-box .bottom-content { padding: 15px 30px; }

/* �덉씠�� �앹뾽 */
.modal-new { position: fixed; z-index: 2022; top: 0; left: 0; display: table; visibility: hidden; width: 100%; height: 100%; transition: all linear 0.1s; opacity: 0; background: rgba(0, 0, 0, 0.4); }
.modal-new .modal-n-wrap { display: table-cell; vertical-align: middle; }
.modal-new .modal-n-body { position: relative; overflow: hidden; width: 600px; margin: auto; background-color: #fff; }
.modal-new .modal-n-header { position: relative; top: 0; left: 0; width: 100%; border-bottom: 1px solid #ddd; }
.modal-new .modal-n-header .header-title { font-size: 26px; font-weight: bold; display: block; margin: 0; padding: 20px 30px; color: #222; }
.modal-new .modal-n-cont { position: relative; overflow-y: auto; max-height: 75vh; background: #fff; }
.modal-new .modal-n-cont-padding { padding: 30px; }
.modal-new .modal-n-cont-padding.bg-gray { background: #f1f1f1; }
.modal-new .modal-n-footer { position: relative; bottom: 0; left: 0; width: 100%; text-align: center; color: #fff; border-top: 1px solid #ddd; background: #f0f0f0; }
.modal-new .modal-n-footer .full-btn { font-size: 20px; line-height: 70px; display: block; width: 100%; height: 70px; text-align: center; color: #fff; background: #0a9e4c; }
.modal-new .modal-close { position: absolute; z-index: 1; top: 23px; right: 25px; overflow: hidden; width: 35px; height: 35px; white-space: nowrap; text-indent: 100%; background: url(/user/images/common/icon_close.png) no-repeat center; }
.modal-open { overflow: hidden; }
.modal-on { visibility: visible !important; opacity: 1 !important; }

/* �ㅼ��댄띁 �щ씪�대뱶 */
.swiper-pagination { position: static; margin-top: 7px; }
.swiper-pagination-bullet { width: 12px; height: 12px; opacity: 1; border-radius: 100px; background: #bbb; }
.swiper-pagination-bullet.swiper-pagination-bullet-active { width: 36px; background: #0a9e4c; }
.swiper-button-next,
.swiper-button-prev { width: 60px; height: 60px; margin-top: -30px; background-color: rgba(0, 0, 0, 0.5); background-repeat: no-repeat; background-position: center; }
.swiper-button-next:after,
.swiper-button-prev:after { display: none; }
.swiper-button-next:hover,
.swiper-button-prev:hover { background-color: #000; }
.swiper-button-next { right: 0; background-image: url(/user/images/common/btn_next.png); }
.swiper-button-prev { left: 0; background-image: url(/user/images/common/btn_prev.png); }

/* �뚯씠釉� */
.table-util { display: flex; margin-bottom: 25px; justify-content: space-between; flex-wrap: wrap; align-items: center; }
.table { width: 100%; }
.table-s1 { overflow: auto; border-top: 2px solid #0a9e4c; border-bottom: 1px solid #bbb; }
.table-s1 .table { border-style: hidden; }
.table-s1 .table th,
.table-s1 .table td { font-size: 15px; height: 60px; padding: 10px 20px; vertical-align: middle; word-break: keep-all; color: #444; border: 1px solid #ddd; }
.table-s1 .table th { text-align: center; background-color: #f9f9f9; }
.table-s1 .table td { text-align: left; }
.table-s1 .table thead th,
.table-s1 .table thead td { font-size: 16px; font-weight: 500; color: #222; }
.table-s2 { border: 1px solid #ddd; }
.table-s2 .table { border-style: hidden; }
.table-s2 .table tr { border-bottom: 1px solid #ddd; }
.table-s2 .table th,
.table-s2 .table td { font-size: 14px; height: 35px; padding: 5px; text-align: center; vertical-align: middle; word-break: keep-all; }
.table-s2 .table th { background: #f6f6f6; }
.table-s3 { overflow: auto; border-top: 2px solid #222; border-bottom: 1px solid #ddd; }
.table-s3 .table { border-style: hidden; }
.table-s3 .table th,
.table-s3 .table td { font-size: 16px; line-height: 1.5; height: 60px; padding: 10px 20px; text-align: left; vertical-align: middle; border: 1px solid #ddd; }
.table-s3 .table th { font-weight: 500; background: #f9f9f9; }
.table-s3.th-center .table th { text-align: center; }
.table-s4 .table th,
.table-s4 .table td { padding: 10px; vertical-align: middle; }
.table-s4 .table th { text-align: left; }
.table-s5 ul { border-top: 2px solid #444; border-bottom: 1px solid #ddd; }
.table-s5 ul > li { border-bottom: 1px solid #ddd; }
.table-s5 ul > li:last-child { border-bottom: 0; }
.table-s5 ul > li > .item { display: table; width: 100%; border-spacing: 0; border-collapse: collapse; border-style: hidden; }
.table-s5 ul > li > .item dl { display: table-row; }
.table-s5 ul > li > .item dt,
.table-s5 ul > li > .item dd { font-size: 15px; display: table-cell; height: 60px; padding: 5px 20px; vertical-align: middle; word-break: keep-all; color: #444; }
.table-s5 ul > li > .item dt { width: 15%; border-right: 1px solid #ddd; background: #f9f9f9; }
.table-s5 ul > li > .item dl:first-child dt,
.table-s5 ul > li > .item dl:first-child dd { padding-top: 10px; }
.table-s5 ul > li > .item dl:last-child dt,
.table-s5 ul > li > .item dl:last-child dd { padding-bottom: 10px; }
.table-s6 { overflow: auto; border: 1px solid #ddd; border-top: 0; }
.table-s6 .table { border-style: hidden; }
.table-s6 .table th,
.table-s6 .table td { font-size: 15px; height: 40px; vertical-align: middle; word-break: keep-all; color: #444; border: 1px solid #ddd; }
.table-s6 .table th { padding: 5px 20px; text-align: center; background-color: #f9f9f9; font-weight: 400; }
.table-s6 .table td { padding: 5px 20px; text-align: left; }
.table-s6 .table thead th,
.table-s6 .table thead td { padding: 10px 20px; font-size: 16px; font-weight: 500; color: #fff; background-color: #777; }
.table-s7 { overflow: auto; border: 1px solid #ddd; border-top: 0; }
.table-s7 .table { border-style: hidden; }
.table-s7 .table th,
.table-s7 .table td { font-size: 15px; height: 40px; vertical-align: middle; word-break: keep-all; color: #444; border: 1px solid #ddd; }
.table-s7 .table th { text-align: center; background-color: #f9f9f9; font-weight: 400; }
.table-s7 .table td { padding: 5px 20px; text-align: left; }
.table-s7 .table thead th,
.table-s7 .table thead td { padding: 10px 20px; font-size: 16px; font-weight: 500; color: #fff; background-color: #0a9e4c; }
.table-s8 { overflow: auto; border: 1px solid #ddd; border-top: 2px solid #0a9e4c; }
.table-s8 .table { border-style: hidden; }
.table-s8 .table th,
.table-s8 .table td { padding: 5px 10px; font-size: 14px; word-break: keep-all; color: #444; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.table-s8 .table th > *,
.table-s8 .table td > * { vertical-align: middle; }
.table-s8 .table th { height: 40px; text-align: center; background-color: #f9f9f9; vertical-align: middle; }
.table-s8 .table td { height: 45px; padding: 10px 10px; text-align: center; vertical-align: top; line-height: 30px; }
.table-s8 .table thead th,
.table-s8 .table thead td { font-weight: 500; color: #222; line-height: 1.2; }
.th-left .table th { text-align: left; }
.th-center .table th { text-align: center; }
.td-center .table td { text-align: center; }

/* �섏씠吏� */
.paging { font-size: 0; margin-top: 60px; text-align: center; }
.paging .page { font-size: 15px; line-height: 35px; display: inline-block; width: 35px; height: 35px; padding: 0 5px; vertical-align: top; color: #777; }
.paging .page:last-child { margin-right: 0; }
.paging .page.active { font-weight: 500; color: #fff; background-color: #444; }
.paging .paging-control { display: inline-block; margin: 0 15px; vertical-align: top; }
.paging .paging-control .page { font-size: 10px; overflow: hidden; width: 25px; padding: 0; white-space: nowrap; text-indent: 100%; background-repeat: no-repeat; background-position: center; }
.paging .paging-control .page.first { background-image: url(/user/images/common/paging_first.png); }
.paging .paging-control .page.prev { background-image: url(/user/images/common/paging_prev.png); }
.paging .paging-control .page.next { background-image: url(/user/images/common/paging_next.png); }
.paging .paging-control .page.last { background-image: url(/user/images/common/paging_last.png); }

/* �곗씠�곌� �놁쓣 寃쎌슦 */
.no-data-content { padding: 50px 30px; border: 1px solid #ddd; }
.no-data-content .no-data-desc { font-size: 20px; position: relative; text-align: center; color: #222; }
.no-data-content .no-data-desc:before { display: block; width: 200px; height: 119px; margin: 0 auto; margin-bottom: 30px; content: ""; background: url(/user/images/icon/icon14-1.png) no-repeat center; background-size: contain; }

/* SNS */
.sns-list { overflow: hidden; margin-bottom: 15px; }
.sns-list ul { display: flex; margin: 0 -6px; justify-content: flex-end; }
.sns-list ul > li { padding: 0 6px; }
.sns-list ul > li > a { display: block; }

/* �붾낫湲� */
.st-view-more { font-size: 16px; font-weight: 500; display: block; color: #666; }
.st-view-more span { line-height: 24px; display: block; height: 24px; padding-right: 35px; background: url(/user/images/common/icon_more10.png) no-repeat right 0 center; }
.st-view-more b { color: #222; }
.st-view-more2 { display: block; overflow: hidden; width: 40px; height: 40px; white-space: nowrap; text-indent: 100%; background: #444 url(/user/images/common/icon_more7.png) no-repeat center; }

/* �쏀넗洹몃옩 */
.cm_pictogram { width: 65px; height: 65px; margin: 0 auto; background-repeat: no-repeat; background-position: center; }
.cm_pictogram.icon1 { background-image: url(/user/images/pictogram/pictogram1.png); }
.cm_pictogram.icon2 { width: 84px; height: 84px; background-image: url(/user/images/pictogram/pictogram2.png?1); background-size: contain; }
.cm_pictogram.icon3 { width: 130px; height: 130px; background-image: url(/user/images/pictogram/pictogram2.png?1); background-size: contain; }

/* �몄씠誘몄� */
.st_noimg01 { background-color: #ddd; background-image: url(/user/images/common/noimg7.png); background-repeat: no-repeat; background-position: center; background-size: auto !important; }

/* �덉씠�꾩썐 �좏떥 */
.ly-utill { display: flex; align-items: center; justify-content: space-between; width: 100%; }

/* datepicker */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { font-size: 14px; margin: 0 5px; padding: 0 5px; background: #fff; }
.ui-datepicker th,
.ui-datepicker td { font-size: 14px; }

/* �λ컮援щ땲 �⑷퀎 */
.cm_result { background: #f4f4f4; padding: 15px; text-align: right; border-bottom: 1px solid #ddd; }
.cm_result .result_txt .point { font-weight: 500; font-size: 130%; color: #0a9e4c; }

/* �뚮젆�� */
.df { display: flex; }
.flx-dc { flex-direction: column; }
.flx-dr { flex-direction: row; }
.flx-dcr { flex-direction: column-reverse; }
.flx-drr { flex-direction: row-reverse; }
.flx-i { flex: 1; }
.flx-g0 { flex-grow: 0; }
.flx-s0 { flex-shrink: 0; }
.flx-b0 { flex-basis: 0; }
.flx-g1 { flex-grow: 1; }
.flx-s1 { flex-shrink: 1; }
.flx-b1 { flex-basis: 100%; }
.flx-ba { flex-basis: auto; }
.flx-ais { align-items: stretch; }
.flx-aifs { align-items: flex-start !important; }
.flx-aife { align-items: flex-end; }
.flx-aic { align-items: center; }
.flx-aib { align-items: baseline; }
.flx-acs { align-content: stretch; }
.flx-acfs { align-content: flex-start; }
.flx-acfe { align-content: flex-end; }
.flx-acc { align-content: center; }
.flx-acsb { align-content: space-between; }
.flx-acsa { align-content: space-around; }
.flx-ass { align-self: stretch; }
.flx-asfs { align-self: flex-start; }
.flx-asfe { align-self: flex-end; }
.flx-asc { align-self: center; }
.flx-asb { align-self: baseline; }
.flx-jcfs { justify-content: flex-start; }
.flx-jcfe { justify-content: flex-end; }
.flx-jcc { justify-content: center; }
.flx-jcsb { justify-content: space-between; }
.flx-jcsa { justify-content: space-around; }
.flx-w { flex-wrap: wrap; }
.flx-wr { flex-wrap: wrap-reverse; }
.flx-wn { flex-wrap: nowrap; }
.flx-o0 { order: 0; }
.flx-o1 { order: 1; }
.flx-o2 { order: 2; }
.flx-o3 { order: 3; }
.flx-o4 { order: 4; }
.flx-o5 { order: 5; }

/************************************************************************************
Margin
*************************************************************************************/
.m0auto { margin: 0 auto !important; }
.mg00 { margin: 0 !important; }
.mg02 { margin: 2px !important; }
.mg03 { margin: 3px !important; }
.mg05 { margin: 5px !important; }
.mg10 { margin: 10px !important; }
.mg15 { margin: 15px !important; }
.mg20 { margin: 20px !important; }
.mg25 { margin: 25px !important; }
.mg30 { margin: 30px !important; }
.mg35 { margin: 35px !important; }
.mg40 { margin: 40px !important; }
.mg45 { margin: 45px !important; }
.mg50 { margin: 45px !important; }
.mg55 { margin: 45px !important; }
.mg60 { margin: 45px !important; }
.mg65 { margin: 45px !important; }
.mg70 { margin: 45px !important; }
.mg75 { margin: 75px !important; }
.mg80 { margin: 80px !important; }
.mg85 { margin: 85px !important; }
.mg90 { margin: 90px !important; }
.mg95 { margin: 95px !important; }
.mg100 { margin: 100px !important; }
.mt00 { margin-top: 0 !important; }
.mb00 { margin-bottom: 0 !important; }
.mt02 { margin-top: 2px !important; }
.mb02 { margin-bottom: 2px !important; }
.mt03 { margin-top: 3px !important; }
.mb03 { margin-bottom: 3px !important; }
.mt05 { margin-top: 5px !important; }
.mb05 { margin-bottom: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mb10 { margin-bottom: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mb15 { margin-bottom: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mb20 { margin-bottom: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mb25 { margin-bottom: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mb30 { margin-bottom: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mb35 { margin-bottom: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mb40 { margin-bottom: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mb45 { margin-bottom: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mb50 { margin-bottom: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mb55 { margin-bottom: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mb60 { margin-bottom: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mb65 { margin-bottom: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mb70 { margin-bottom: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mb75 { margin-bottom: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mb80 { margin-bottom: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mb85 { margin-bottom: 85px !important; }
.mt90 { margin-top: 90px !important; }
.mb90 { margin-bottom: 90px !important; }
.mt95 { margin-top: 95px !important; }
.mb95 { margin-bottom: 95px !important; }
.mt100 { margin-top: 100px !important; }
.mb100 { margin-bottom: 100px !important; }
.mt200 { margin-top: 200px !important; }
.mb200 { margin-bottom: 200px !important; }
.ml00 { margin-left: 0 !important; }
.mr00 { margin-right: 0 !important; }
.ml02 { margin-left: 2px !important; }
.mr02 { margin-right: 2px !important; }
.ml03 { margin-left: 3px !important; }
.mr03 { margin-right: 3px !important; }
.ml05 { margin-left: 5px !important; }
.mr05 { margin-right: 5px !important; }
.ml10 { margin-left: 10px !important; }
.mr10 { margin-right: 10px !important; }
.ml15 { margin-left: 15px !important; }
.mr15 { margin-right: 15px !important; }
.ml20 { margin-left: 20px !important; }
.mr20 { margin-right: 20px !important; }
.ml25 { margin-left: 25px !important; }
.mr25 { margin-right: 25px !important; }
.ml30 { margin-left: 30px !important; }
.mr30 { margin-right: 30px !important; }
.ml35 { margin-left: 35px !important; }
.mr35 { margin-right: 35px !important; }
.ml40 { margin-left: 40px !important; }
.mr40 { margin-right: 40px !important; }
.ml45 { margin-left: 45px !important; }
.mr45 { margin-right: 45px !important; }
.ml50 { margin-left: 50px !important; }
.mr50 { margin-right: 50px !important; }
.ml55 { margin-left: 55px !important; }
.mr55 { margin-right: 55px !important; }
.ml60 { margin-left: 60px !important; }
.mr60 { margin-right: 60px !important; }
.ml65 { margin-left: 65px !important; }
.mr65 { margin-right: 65px !important; }
.ml70 { margin-left: 70px !important; }
.mr70 { margin-right: 70px !important; }
.ml75 { margin-left: 75px !important; }
.mr75 { margin-right: 75px !important; }
.ml80 { margin-left: 80px !important; }
.mr80 { margin-right: 80px !important; }
.ml85 { margin-left: 85px !important; }
.mr85 { margin-right: 85px !important; }
.ml90 { margin-left: 90px !important; }
.mr90 { margin-right: 90px !important; }
.ml95 { margin-left: 95px !important; }
.mr95 { margin-right: 95px !important; }
.ml100 { margin-left: 100px !important; }
.ml114 { margin-left: 114px !important; }
.mr100 { margin-right: 100px !important; }

/************************************************************************************
Padding
*************************************************************************************/
.pd00 { padding: 0 !important; }
.pd02 { padding: 2px !important; }
.pd03 { padding: 3px !important; }
.pd05 { padding: 5px !important; }
.pd10 { padding: 10px !important; }
.pd15 { padding: 15px !important; }
.pd20 { padding: 20px !important; }
.pd25 { padding: 25px !important; }
.pd30 { padding: 30px !important; }
.pd35 { padding: 35px !important; }
.pd40 { padding: 40px !important; }
.pd45 { padding: 45px !important; }
.pd50 { padding: 50px !important; }
.pd55 { padding: 55px !important; }
.pd60 { padding: 60px !important; }
.pd65 { padding: 65px !important; }
.pd70 { padding: 70px !important; }
.pd75 { padding: 75px !important; }
.pd80 { padding: 80px !important; }
.pd85 { padding: 85px !important; }
.pd90 { padding: 90px !important; }
.pd95 { padding: 95px !important; }
.pd100 { padding: 100px !important; }
.pt00 { padding-top: 0 !important; }
.pb00 { padding-bottom: 0 !important; }
.pt02 { padding-top: 2px !important; }
.pb02 { padding-bottom: 2px !important; }
.pt03 { padding-top: 3px !important; }
.pb03 { padding-bottom: 3px !important; }
.pt05 { padding-top: 5px !important; }
.pb05 { padding-bottom: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pb10 { padding-bottom: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pb15 { padding-bottom: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pb20 { padding-bottom: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pb25 { padding-bottom: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pb30 { padding-bottom: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pb35 { padding-bottom: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pb40 { padding-bottom: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pb45 { padding-bottom: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pb50 { padding-bottom: 50px !important; }
.pt55 { padding-top: 55px !important; }
.pb55 { padding-bottom: 55px !important; }
.pt60 { padding-top: 60px !important; }
.pb60 { padding-bottom: 60px !important; }
.pt65 { padding-top: 65px !important; }
.pb65 { padding-bottom: 65px !important; }
.pt70 { padding-top: 70px !important; }
.pb70 { padding-bottom: 70px !important; }
.pt75 { padding-top: 75px !important; }
.pb75 { padding-bottom: 75px !important; }
.pt80 { padding-top: 80px !important; }
.pb80 { padding-bottom: 80px !important; }
.pt85 { padding-top: 85px !important; }
.pb85 { padding-bottom: 85px !important; }
.pt90 { padding-top: 90px !important; }
.pb90 { padding-bottom: 90px !important; }
.pt95 { padding-top: 95px !important; }
.pb95 { padding-bottom: 95px !important; }
.pt100 { padding-top: 100px !important; }
.pb100 { padding-bottom: 100px !important; }
.pl00 { padding-left: 0 !important; }
.pr00 { padding-right: 0 !important; }
.pl02 { padding-left: 2px !important; }
.pr02 { padding-right: 2px !important; }
.pl03 { padding-left: 3px !important; }
.pr03 { padding-right: 3px !important; }
.pl05 { padding-left: 5px !important; }
.pr05 { padding-right: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pr10 { padding-right: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pr15 { padding-right: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pr20 { padding-right: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pr25 { padding-right: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pr30 { padding-right: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pr35 { padding-right: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pr40 { padding-right: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pr45 { padding-right: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pr50 { padding-right: 50px !important; }
.pl55 { padding-left: 55px !important; }
.pr55 { padding-right: 55px !important; }
.pl60 { padding-left: 60px !important; }
.pr60 { padding-right: 60px !important; }
.pl65 { padding-left: 65px !important; }
.pr65 { padding-right: 65px !important; }
.pl70 { padding-left: 70px !important; }
.pr70 { padding-right: 70px !important; }
.pl75 { padding-left: 75px !important; }
.pr75 { padding-right: 75px !important; }
.pl80 { padding-left: 80px !important; }
.pr80 { padding-right: 80px !important; }
.pl85 { padding-left: 85px !important; }
.pr85 { padding-right: 85px !important; }
.pl90 { padding-left: 90px !important; }
.pr90 { padding-right: 90px !important; }
.pl95 { padding-left: 95px !important; }
.pr95 { padding-right: 95px !important; }
.pl100 { padding-left: 100px !important; }
.pr100 { padding-right: 100px !important; }

/************************************************************************************
width STYLE
*************************************************************************************/
.wp5 { width: 5% !important; }
.wp10 { width: 10% !important; }
.wp15 { width: 15% !important; }
.wp20 { width: 20% !important; }
.wp25 { width: 25% !important; }
.wp30 { width: 30% !important; }
.wp33 { width: 33% !important; }
.wp35 { width: 35% !important; }
.wp40 { width: 40% !important; }
.wp45 { width: 45% !important; }
.wp50 { width: 50% !important; }
.wp55 { width: 55% !important; }
.wp60 { width: 60% !important; }
.wp65 { width: 65% !important; }
.wp70 { width: 70% !important; }
.wp75 { width: 75% !important; }
.wp80 { width: 80% !important; }
.wp85 { width: 85% !important; }
.wp90 { width: 90% !important; }
.wp95 { width: 95% !important; }
.wp100 { width: 100% !important; }
.wd10 { width: 10px !important; }
.wd20 { width: 20px !important; }
.wd30 { width: 30px !important; }
.wd40 { width: 40px !important; }
.wd50 { width: 50px !important; }
.wd55 { width: 55px !important; }
.wd60 { width: 60px !important; }
.wd65 { width: 65px !important; }
.wd70 { width: 70px !important; }
.wd75 { width: 75px !important; }
.wd80 { width: 80px !important; }
.wd85 { width: 85px !important; }
.wd90 { width: 90px !important; }
.wd95 { width: 95px !important; }
.wd100 { width: 100px !important; }
.wd120 { width: 120px !important; }
.wd130 { width: 130px !important; }
.wd150 { width: 150px !important; }
.wd170 { width: 170px !important; }
.wd200 { width: 200px !important; }
.wd250 { width: 250px !important; }
.wd300 { width: 300px !important; }



.mwd135 { min-width: 135px !important; }


/************************************************************************************
�쒓� �낅젰�щ� STYLE
*************************************************************************************/
.ime_disabled { ime-mode:disabled;}
.ime_ko { ime-mode: active; }
.ime_en { ime-mode: inactive; }


/* �곹깭媛� */
.cm_state1 { display: inline-flex; height: 30px; align-items: center; justify-content: center; border-radius: 6px; font-size: 14px; padding: 0 15px; font-weight: 500; }
.cm_state1.state1 { color: #0c64d2; background-color: #daebff; }
.cm_state1.state2 { color: #ea650c; background-color: #fee7cd; }
.cm_state1.state3 { color: #9220c1; background-color: #f8e5ff; }
.cm_state1.state4 { color: #777; background-color: #ddd; }