@charset "UTF-8"; /******************************************************************************************************************************** * 콘텐츠 style (공통) ********************************************************************************************************************************/ /* 콘텐츠 드래그 방치 style */ .contents-Lock {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .comm-inner-contents-wp { clear: both; position: relative; font-size: 15px; line-height: 170%; text-align: justify; } /*----- 타이틀 -----*/ .comm-inner-contents-wp div.title { position: relative; margin: 12px 0 15px 0; font-family: 'Noto Sans KR', 'Noto Sans', sans-serif; font-size: 25px; color: #444; letter-spacing: -0.5px; line-height: 120%; font-weight: 600; } .comm-inner-contents-wp div.title:nth-of-type(1) {margin-top: 0;} .comm-inner-contents-wp div.title.lev-1 {font-size: 21px; letter-spacing: -0.2px;} .comm-inner-contents-wp div.title.lev-2 {} .comm-inner-contents-wp div.title.lev-3 {margin: 0px 0 8px 0; font-size: 17px; letter-spacing: -0.2px;} .comm-inner-contents-wp div.title.color {color: var(--standard-color-2);} .comm-inner-contents-wp div.title.line {margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid #e3e3e3;} /*----- 정렬 -----*/ .comm-inner-contents-wp .txt-ct {display: block; text-align: center;} .comm-inner-contents-wp .txt-lt {display: block; text-align: left;} .comm-inner-contents-wp .txt-rt {display: block; text-align: right;} /*----- 주석 -----*/ .comm-inner-contents-wp sup {position: relative; display: inline-block; height: 1ex; margin: 0 2px 0 3px; line-height: 0.6; font-size: 13px; color: #00aee0; text-indent: 0; font-weight: 500; vertical-align: top;} .comm-inner-contents-wp .sup-txt {display: block; margin: 1px 0 1px 10px; font-size: 12px; color: #00aee0; line-height: 150%; text-indent: -10px; vertical-align: top;} .comm-inner-contents-wp .sup-txt.num {margin-left: 14px; text-indent: -14px;} .comm-inner-contents-wp .sup-txt.nor {margin-left: 0; text-indent: 0px;} /*----- Ul List -----*/ .comm-inner-contents-wp .comm-ul-list > li {position: relative; margin: 0 0 5px 0; padding: 0 0 0 15px; font-size: 100%; line-height: 165%} .comm-inner-contents-wp .comm-ul-list > li:last-of-type {margin-bottom: 0;} /* 아이콘 타입 */ .comm-inner-contents-wp .comm-ul-list.line > li::before {content: "-"; display: block; position: absolute; top: -2px; left: 0;} .comm-inner-contents-wp .comm-ul-list.circle > li::before {content: "•"; display: block; position: absolute; top: 5px; left: 0;} /*----- Ol List -----*/ .comm-inner-contents-wp .comm-ol-list li {position: relative; margin: 0 0 5px 0; padding: 0 0 0 10px; font-size: 100%; line-height: 165%} .comm-inner-contents-wp .comm-ol-list > li:last-of-type {margin-bottom: 0;} /* 원문자 타입 */ .comm-inner-contents-wp .comm-ol-list.num-icon li {padding-left: 22px;} .comm-inner-contents-wp .comm-ol-list.num-icon li span.num:first-of-type {position: absolute; top: -1px; left: 0;} /*----- Table -----*/ .comm-inner-contents-wp .comm-board {clear: both; position: relative; border-top: 1px solid #bbb; border-bottom: 1px solid #ccc;} .comm-inner-contents-wp .comm-board table {width: 100%; table-layout: fixed;} .comm-inner-contents-wp .comm-board tr:last-of-type th, .comm-inner-contents-wp .comm-board tr:last-of-type td {border-bottom: none;} .comm-inner-contents-wp .comm-board th { padding: 10px 5px; font-size: 14px; color: #444; letter-spacing: -0.2px; line-height: 120%; font-weight: 600; text-align: center; vertical-align: middle; border: 1px solid #ddd; background: #f4f4f4; } .comm-inner-contents-wp .comm-board th:first-of-type {border-left: none;} .comm-inner-contents-wp .comm-board th:last-of-type {border-right: none;} .comm-inner-contents-wp .comm-board td { padding: 10px 15px 10px 15px; font-size: 100%; line-height: 150% !important; text-align: center; vertical-align: middle; border: 1px solid #e7e7e7; } .comm-inner-contents-wp .comm-board td:first-of-type {border-left: none;} .comm-inner-contents-wp .comm-board td:last-of-type {border-right: none;} .comm-inner-contents-wp .comm-board td.bg {background: #fafafa;} .comm-inner-contents-wp .comm-board td.Left {text-align: left;} .comm-inner-contents-wp .comm-board td.Left2 {text-align: left; padding-left: 20px; padding-right: 20px;} .comm-inner-contents-wp .comm-board td.va_top {vertical-align: top;} .comm-inner-contents-wp .comm-board td.cen {vertical-align: top; padding-left: 5px; padding-right: 5px;} .comm-inner-contents-wp .comm-board td.cen2 {padding-left: 5px; padding-right: 5px;} .comm-inner-contents-wp .comm-board td.btLine-none {border-bottom: none;} /* middle */ .comm-inner-contents-wp .comm-board.middle td {padding-top: 8px; padding-bottom: 8px;} /* small */ .comm-inner-contents-wp .comm-board.f13 th, .comm-inner-contents-wp .comm-board.f13 td {font-size: 13px;} .comm-inner-contents-wp .comm-board.small th {padding-top: 7px; padding-bottom: 7px;} .comm-inner-contents-wp .comm-board.small td {padding-top: 7px; padding-bottom: 7px;} /*----- box -----*/ .comm-inner-contents-wp .box {display: block; padding: 18px 20px; line-height: 165%; border: 1px solid #ddd; background: #fafafa;} .comm-inner-contents-wp .box.small {padding-top: 12px; padding-bottom: 12px;} .comm-inner-contents-wp .box.bg-none {background: #fff;} .comm-inner-contents-wp .box .tit {display: block; margin-bottom: 4px; font-size: 110%;} /*----- ETC text Style -----*/ .comm-inner-contents-wp .txt-num {display: block; margin: 0 0 2px 18px; text-indent: -18px;} .comm-inner-contents-wp .txt-num.icon {margin-left: 14px; text-indent: -14px;} .comm-inner-contents-wp .txt-in {display: block; margin: 0 0 0 10px;} .comm-inner-contents-wp .txt-in2 {display: block; margin: 0 0 0 18px;} /******************************************************************************************************************************** * 기타 ********************************************************************************************************************************/ article .Lt {float: left;} article .Rt {float: right;} .comm-tab-contents, .comm-tab-contents-Inner {display: none;} .comm-tab-contents.show, .comm-tab-contents-Inner.show {display: block !important;} /*------ Font Style ------*/ .f10 {font-size: 10px !important;} .f11 {font-size: 11px !important;} .f12 {font-size: 12px !important;} .f13 {font-size: 13px !important;} .f14 {font-size: 14px !important;} .f15 {font-size: 15px !important;} .f16 {font-size: 16px !important;} .f17 {font-size: 17px !important;} .f18 {font-size: 18px !important;} .f19 {font-size: 19px !important;} .f20 {font-size: 20px !important;} .f80p {font-size: 80% !important;} .f85p {font-size: 85% !important;} .f90p {font-size: 90% !important;} .f95p {font-size: 95% !important;} .f105p {font-size: 105% !important;} .f110p {font-size: 110% !important;} .f115p {font-size: 115% !important;} .f120p {font-size: 120% !important;} .f130p {font-size: 130% !important;} .f140p {font-size: 140% !important;} .f150p {font-size: 150% !important;} .pTP-5 {padding-top: 5px !important;} .pTP-10 {padding-top: 10px !important;} .pTP-15 {padding-top: 15px !important;} .pTP-20 {padding-top: 20px !important;} .pTP-25 {padding-top: 25px !important;} .pTP-30 {padding-top: 30px !important;} .pBT-10 {padding-bottom: 10px !important;} .pBT-12 {padding-bottom: 12px !important;} .pBT-15 {padding-bottom: 15px !important;} .pBT-20 {padding-bottom: 20px !important;} .pBT-25 {padding-bottom: 25px !important;} .pBT-30 {padding-bottom: 30px !important;} .pLT-10 {padding-left: 10px !important;} .pLT-15 {padding-left: 15px !important;} .pLT-20 {padding-left: 20px !important;} .pLT-25 {padding-left: 25px !important;} .pLT-30 {padding-left: 30px !important;} .pRT-10 {padding-right: 10px !important;} .pRT-15 {padding-right: 15px !important;} .pRT-20 {padding-right: 20px !important;} .pRT-25 {padding-right: 25px !important;} .pRT-30 {padding-right: 30px !important;} .mTP-5 {margin-top: 5px !important;} .mTP-10 {margin-top: 10px !important;} .mTP-15 {margin-top: 15px !important;} .mTP-20 {margin-top: 20px !important;} .mTP-25 {margin-top: 25px !important;} .mTP-30 {margin-top: 30px !important;} .mrg0 {margin: 0 !important;} .mBT-0 {margin-bottom: 0 !important;} .mBT-2 {margin-bottom: 2px !important;} .mBT-4 {margin-bottom: 4px !important;} .mBT-5 {margin-bottom: 5px !important;} .mBT-6 {margin-bottom: 6px !important;} .mBT-8 {margin-bottom: 8px !important;} .mBT-10 {margin-bottom: 10px !important;} .mBT-12 {margin-bottom: 12px !important;} .mBT-15 {margin-bottom: 15px !important;} .mBT-20 {margin-bottom: 20px !important;} .mBT-25 {margin-bottom: 25px !important;} .mBT-30 {margin-bottom: 30px !important;} .mBT-35 {margin-bottom: 30px !important;} .mBT-40 {margin-bottom: 30px !important;} .mBT-45 {margin-bottom: 30px !important;} .mBT-50 {margin-bottom: 30px !important;} .mLT-10 {margin-left: 10px;} .mLT-15 {margin-left: 15px;} .mLT-20 {margin-left: 20px;} .mLT-25 {margin-left: 25px;} .mLT-30 {margin-left: 30px;} .None-spacing {letter-spacing: 0 !important;} .spacing-5 {letter-spacing: -0.5px !important;} .spacing-10 {letter-spacing: -1px !important;} .spacing-15 {letter-spacing: -1.5px !important;} .bold {font-weight: bold !important;} .clr-normal {font-weight: normal !important;} .clr-white {color: #fff !important;} .clr-gray {color: #aaa !important;} .clr-red {color: red !important;} .clr-red2 {color: #d70000 !important;} .clr-red3 {color: #e05555 !important;} .clr-red4 {color: #bf3434 !important;} .clr-blue {color: #0054ff !important;} .clr-blue2 {color: blue !important;} .clr-blue3 {color: #2a7fc8 !important;} .clr-blue4 {color: #015ebb !important;} .clr-skyblue {color: #00ceff !important;} .clr-skyblue2 {color: #00a0d4 !important;} .clr-skyblue3 {color: #00a8e7 !important;} .clr-green {color: green !important;} .clr-green2 {color: #009a0b !important;} .clr-violet {color: #666699 !important;} .clr-violet2 {color: #5346c5 !important;} .clr-yellow {color: yellow !important;} .clr_gray {color: #aaa !important;} .clr-price {color: #ff2a00 !important; font-weight: bold;} .clr-price2 {color: #ff641f !important;} .clr-state {color: #009fd3 !important;} .clr-state2 {color: #0087dd !important;} .clr-org {color: #f49e1c !important;} .clr-org2 {color: #f48831 !important;} .clr-bold {color: #eb5e05 !important;} .clr-bold2 {color: #ff5529 !important;} .clr-bold3 {color: #1b3761 !important;} .clr-bold4 {color: #123985 !important;} .clr-search-word {color: #e30000 !important;} .clr-bub {color: #4d6583 !important;} .clr-222 {color: #222 !important;} .clr-333 {color: #333 !important;} .clr-444 {color: #444 !important;} .clr-555 {color: #555 !important;} .clr-666 {color: #666 !important;} .clr-777 {color: #777 !important;} .clr-888 {color: #888 !important;} .clr-999 {color: #999 !important;} .clr-aaa {color: #aaa !important;} .clr-bbb {color: #bbb !important;} .clr-ccc {color: #ccc !important;} .clsHyper {color: #0000ff; text-decoration: none !important;} .clsHyper:hover {color: #0084ff;} /*----- Icon -----*/ .kind-Icon { clear: both; display: block; position: absolute; top: 10px; right: 10px; width: 39px; height: 39px; padding: 11px 0 0 0; font-size: 11px; color: rgba(255,255,255, 0.9); text-align: center; border-radius: 100%; box-shadow: 0 2px 1px 0 rgba(0,0,0, 0.15); z-index: 5; } .kind-Icon::before { content: ""; display: block; position: absolute; top: 2px; left: 2px; width: 35px; height: 35px; border: 1px solid rgba(255,255,255, 0.15); border-radius: 100%; } .kind-Icon.square { display: inline-block !important; position: relative; top: 0; right: 0; width: 38px; height: 22px; margin: 0 15px 0 0; padding: 0; font-size: 12px; line-height: 20px; vertical-align: middle; border-radius: 0; box-shadow: none; } .kind-Icon.square::before {display: none;} .kind-Icon.mrg-8 {margin-right: 8px;} .kind-Icon.mrg-None {margin: 0;} .kind-Icon.w-auto {width: auto; padding: 0 5px;} .kind-Icon.radius {border-radius: 3px;} .kind-Icon.w1 {width: 44px !important;} .kind-Icon.w2 {width: 65px !important;} .kind-Icon.h1 {height: 24px; font-size: 11px; line-height: 24px;} .kind-Icon.h2 {height: 24px !important; line-height: 22px !important;} .kind-Icon.h3 {height: 26px; line-height: 26px;} .kind-Icon.tax {background-color: #32818a;} .kind-Icon.acc {background-color: #3a7b4d;} .kind-Icon.labor {background-color: #7e6d38;} .kind-Icon.law {background-color: #6b3b84;} .kind-Icon.vod {background-color: #111;} .kind-Icon.etc {background-color: #aaa;} /* .kind-Icon.tax {background-color: #111;} .kind-Icon.acc {background-color: #111;} .kind-Icon.labor {background-color: #111;} .kind-Icon.law {background-color: #111;} */ .kind-Icon.ing {background-color: #6c63b2;} .kind-Icon.end {background-color: #bbb;} .kind-Icon.cancel {background-color: #ddd;} .kind-Icon.consult-lock {letter-spacing: -1px; background-color: #34a02c;} .kind-Icon.default {background-color: #e05555;} .new-icon {display: inline-block; margin: 0 0 4px 8px; vertical-align: text-bottom;}