@charset "UTF-8";
/*
요약어 리스트
btn = button
inp = input
lnk = link
alt = alert
wid = width
hgt = height
tit = title
txt = text
lf = left
rt = right
ic = icon
*/
/* latin-ext */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: local("Roboto"), local("Roboto-Regular"), local("sans-serif"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format("woff2"); unicode-range: U+0041-005A, U+0061-007A, U+0030-0039; }

/* latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: local("Roboto"), local("Roboto-Regular"), local("sans-serif"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format("woff2"); unicode-range: U+0041-005A, U+0061-007A, U+0030-0039; }

/* latin-ext */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: local("Roboto Medium"), local("Roboto-Medium"), local("sans-serif-medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format("woff2"); unicode-range: U+0041-005A, U+0061-007A, U+0030-0039; }

/* latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: local("Roboto Medium"), local("Roboto-Medium"), local("sans-serif-medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format("woff2"); unicode-range: U+0041-005A, U+0061-007A, U+0030-0039; }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: local("Noto Sans KR Regular"), local("NotoSansKR-Regular"), url("/fonts/NotoSansKR-Regular.woff2") format("woff2"), url("/fonts/NotoSansKR-Regular.woff") format("woff"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: local("Noto Sans KR Medium"), local("NotoSansKR-Medium"), url("/fonts/NotoSansKR-Medium.woff2") format("woff2"), url("/fonts/NotoSansKR-Medium.woff") format("woff"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: local("Noto Sans KR Bold"), local("NotoSansKR-Bold"), url("/fonts/NotoSansKR-Bold.woff2") format("woff2"), url("/fonts/NotoSansKR-Bold.woff") format("woff"); }

body { color: #333; font: 500 16px 'Roboto','Noto Sans KR', sans-serif; min-width: 1300px; }

button { cursor: pointer; -webkit-transition: .4s ease-out; transition: .4s ease-out; }

button:disabled { cursor: no-drop; background: #e1e1e1 !important; }

a:not(.no_ext) { -webkit-transition: .3s; transition: .3s; }

a:not(.no_ext):hover { color: #3b8c94; }

select { padding-right: 30px !important; background: url("/images_new/icon/select_arrow.png") no-repeat 100% 50%; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 16px; }

select::-ms-expand { display: none; }

select:disabled { cursor: no-drop; background: #e1e1e1 !important; }

select.is_year { padding-left: 15px; min-width: 100px; }

select.is_month { padding-left: 15px; min-width: 100px; }

.brand_item { letter-spacing: 0; }

.robo { font-family: 'Roboto', 'Noto Sans KR', sans-serif; letter-spacing: 0; }

.non { display: none !important; }

.blk { display: block; }

.inp { display: inline-block; }

.fw_b { font-weight: 700 !important; }

.fw_m { font-weight: 500; }

.fw_r { font-weight: 400 !important; }

.fc_w { color: #fff; }

.fc_m1 { color: #233b6a; }

.fc_m2 { color: #4c6088; }

.fc_s1 { color: #3b8c94; }

.fc_s2 { color: #3695b7; }

.fc_s3 { color: #2a727e; }

.fc_g1 { color: #333; }

.fc_g2 { color: #555; }

.fc_g3 { color: #666; }

.fc_g4 { color: #ccc; }

.fc_g5 { color: #e1e1e1; }

.fc_g6 { color: #f5f5f5; }

.wh_pre_w { white-space: pre-wrap; }

.posi_r { position: relative; }

.txt_a_c { text-align: center; }

.ic_btn { background: none; border: 0; margin: 0; padding: 0; -webkit-transition: .4s ease-out; transition: .4s ease-out; }

.is_inp { border: 1px solid #e1e1e1; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px; -webkit-transition: .8s; transition: .8s; font-weight: 400; outline: 0; vertical-align: middle; }

.is_inp:focus { border-color: #3b8c94; }

.is_inp:disabled { cursor: no-drop; background: #e1e1e1 !important; }

.is_inp.ic_btn { margin: 0; }

.m_line1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.m_line2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; }

.arrow_1 .slick-arrow { position: absolute; bottom: 0; right: 0; width: 60px; height: 60px; background: #333 no-repeat 50% url("/images_new/icon/arrow_1_r.png"); font-size: 0; z-index: 5; border: 0; }

.arrow_1 .slick-arrow.slick-prev { right: 60px; background-image: url("/images_new/icon/arrow_1_l.png"); margin-right: 1px; }

.arrow_1 .slick-arrow:hover { background-color: #3b8c94; }

.arrow_1.arw_center .slick-arrow { left: 50%; right: auto; }

.arrow_1.arw_center .slick-arrow.slick-prev { left: auto; right: 50%; }

.arrow_2 .slick-arrow { position: absolute; bottom: calc(50% - 25px); width: 27px; height: 50px; background: no-repeat 50%; font-size: 0; z-index: 5; border: 0; }

.arrow_2 .slick-arrow.slick-prev { left: -60px; background-image: url("/images_new/icon/arrow_2_l.png"); margin-right: 1px; }

.arrow_2 .slick-arrow.slick-prev:hover { background-image: url("/images_new/icon/arrow_2_l_h.png"); }

.arrow_2 .slick-arrow.slick-next { right: -60px; background-image: url("/images_new/icon/arrow_2_r.png"); margin-right: 1px; }

.arrow_2 .slick-arrow.slick-next:hover { background-image: url("/images_new/icon/arrow_2_r_h.png"); }

.body_tit { text-align: center; font-weight: 700; padding-top: 110px; padding-bottom: 50px; }

.body_wrap { max-width: 1200px; margin: 0 auto; }

.mwid { margin-left: auto; margin-right: auto; max-width: 1400px; }

.pop_wrap { position: fixed; top: 0; height: 100%; left: 0; width: 100%; min-width: 1300px; background: rgba(0, 0, 0, 0.5); z-index: 120; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.pop_wrap .pop_outline { background-color: #fff; max-height: 85%; max-width: 1150px; min-width: 800px; margin: auto; padding: 30px; position: relative; overflow: auto; -webkit-box-sizing: content-box; box-sizing: content-box; }

.pop_wrap .pop_outline #titleName { font-size: 40px; font-weight: 700; margin-bottom: 20px; }

.pop_wrap .pop_outline .btn_class { position: absolute; right: 15px; top: 15px; }

.tab_btn_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; }

.tab_btn_wrap .tab_btn { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 18px; font-weight: 400; background: none; border: 1px solid #333; border-left: 0; height: 60px; }

.tab_btn_wrap .tab_btn:first-child { border-left: 1px solid #333; }

.tab_btn_wrap .tab_btn:hover { background: #e1e1e1; }

.tab_btn_wrap .tab_btn.active { background: #3b8c94; color: #fff; font-weight: bold; }

.page, .pager { padding: 80px 0 100px; text-align: center; }

.page > *, .pager > * { display: inline-block; margin: 0 10px; vertical-align: middle; padding: 4px; border-bottom: 2px solid #fff; }

.page .page_line, .pager .page_line { border: 1px solid #ccc; padding: 0; margin: 0 5px; }

.page .page_line:hover, .pager .page_line:hover { border-color: #3b8c94; }

.page strong, .pager strong { color: #3b8c94; border-color: #3b8c94; }

.page span, .pager span { display: none; }

.wide_body { padding: 80px 0; background-color: #f5f5f5; }

.wide_body h2 { padding-bottom: 20px; }

.wide_body li { padding-left: 20px; padding-bottom: 12px; font-weight: 400; position: relative; line-height: 1.3; }

.wide_body li::before { position: absolute; content: ''; width: 4px; height: 4px; background-color: #666; border-radius: 3px; left: 2px; top: 8px; }

.loading_div { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.loading_div::before { content: 'LOADING..'; position: absolute; display: block; text-align: center; width: 100%; left: 0; top: 30%; color: #fff; font-size: 30px; letter-spacing: 3px; }

.loading_div div { display: inline-block; width: 80px; height: 80px; line-height: 80px; text-align: center; margin: 5px; border-radius: 0 10px; font-size: 40px; border: 1px solid #fff; color: #fff; -webkit-animation: loading_div 2.5s cubic-bezier(0, 0.5, 0.5, 1) infinite; animation: loading_div 2.5s cubic-bezier(0, 0.5, 0.5, 1) infinite; }

.loading_div div:nth-child(1) { -webkit-animation-delay: -1s; animation-delay: -1s; }

.loading_div div:nth-child(2) { -webkit-animation-delay: -.5s; animation-delay: -.5s; }

.loading_div div:nth-child(3) { -webkit-animation-delay: 0; animation-delay: 0; }

.loading_div div:nth-child(4) { -webkit-animation-delay: .5s; animation-delay: .5s; }

.loading_div div:nth-child(5) { -webkit-animation-delay: 1s; animation-delay: 1s; }

.info_box { border: 10px solid #f5f5f5; padding: 20px 15px; margin-bottom: 90px; position: relative; }

@-webkit-keyframes loading_div { 0% { top: 6px;
    height: 51px; }
  50%, 100% { top: 19px;
    height: 80px; } }

@keyframes loading_div { 0% { top: 6px;
    height: 51px; }
  50%, 100% { top: 19px;
    height: 80px; } }

@media print { html, body { font-size: 13pt; zoom: .93; }
  #pageBody { width: 1200px; }
  #pageHeader, #pageFooter, .view_tfoot, .to_list, .download_box, .is_print { display: none; } }

  

  