@charset "UTF-8";
/* NotoSans */
@font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight: 100; src: local("NotoSansKR-Thin"), url("/assets/fonts/notosans/NotoSansKR-Thin.woff2") format("woff2"), url("/assets/fonts/notosans/NotoSansKR-Thin.woff") format("woff"); font-stretch: normal; unicode-range: U+0021-33FF,U+A000-F8FF,U+FB00-F251; }

@font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight: 300; src: local("NotoSansKR-DemiLight"), url("/assets/fonts/notosans/NotoSansKR-DemiLight.woff2") format("woff2"), url("/assets/fonts/notosans/NotoSansKR-DemiLight.woff") format("woff"); font-stretch: normal; unicode-range: U+0021-33FF,U+A000-F8FF,U+FB00-F251; }

@font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight: 500; src: local("NotoSansKR-Medium"), url("/assets/fonts/notosans/NotoSansKR-Medium.woff2") format("woff2"), url("/assets/fonts/notosans/NotoSansKR-Medium.woff") format("woff"); font-stretch: normal; unicode-range: U+0021-33FF,U+A000-F8FF,U+FB00-F251; }

@font-face { font-family: 'NotoSansKR'; font-style: normal; font-weight: 700; src: local("NotoSansKR-Bold"), url("/assets/fonts/notosans/NotoSansKR-Bold.woff2") format("woff2"), url("/assets/fonts/notosans/NotoSansKR-Bold.woff") format("woff"); font-stretch: normal; unicode-range: U+0021-33FF,U+A000-F8FF,U+FB00-F251; }

/* Roboto */
@font-face { font-family: "Roboto"; font-style: normal; font-weight: 300; src: local("Roboto Light"), local("Roboto-Light"), url("/assets/fonts/roboto/roboto-light.woff2") format("woff2"), url("/assets/fonts/roboto/roboto-light.woff") format("woff"), url("/assets/fonts/roboto/roboto-light.ttf") format("truetype"); }

@font-face { font-family: "Roboto"; font-style: normal; font-weight: 400; src: local("Roboto"), local("Roboto-Regular"), url("/assets/fonts/roboto/roboto-regular.woff2") format("woff2"), url("/assets/fonts/roboto/roboto-regular.woff") format("woff"), url("/assets/fonts/roboto/roboto-regular.ttf") format("truetype"); }

@font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; src: local("Roboto Medium"), local("Roboto-Medium"), url("/assets/fonts/roboto/roboto-medium.woff2") format("woff2"), url("/assets/fonts/roboto/roboto-medium.woff") format("woff"), url("/assets/fonts/roboto/roboto-medium.ttf") format("truetype"); }

@font-face { font-family: "Roboto"; font-style: normal; font-weight: 700; src: local("Roboto Bold"), local("Roboto-Bold"), url("/assets/fonts/roboto/roboto-bold.woff2") format("woff2"), url("/assets/fonts/roboto/roboto-bold.woff") format("woff"), url("/assets/fonts/roboto/roboto-bold.ttf") format("truetype"); }

/* ========== [scss 변수 선언] ========== */
/* ========== [태그 초기화] ========== */
* { margin: 0; padding: 0; -webkit-text-size-adjust: none; }

html { height: 100%; font-size: 62.5%; }

body { height: 100%; font-family: "NotoSansKR", "돋움", sans-serif; font-weight: 300; color: #000; }

div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, button, abbr, acronym, address, code, del, dfn, em, img, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr { margin: 0; padding: 0; font-family: "NotoSansKR"; font-size: 1.5rem; line-height: 1.35; font-weight: 300; }

header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption { display: block; }

h1, h2, h3, h4, h5, h6 { font-family: "NotoSansKR"; font-weight: 100; }

ol, ul, li { list-style: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; }

form, fieldset, iframe { display: block; border: 0; }

img, button { border: 0 none; vertical-align: middle; }

hr { height: 0; display: none; }

i, em, address { font-style: normal; }

label, button { cursor: pointer; }

blockquote, q { quotes: none; }

caption { visibility: hidden; width: 0; height: 0; padding: 0; margin: 0; font-size: 0; }

legend { overflow: hidden; visibility: hidden; position: absolute; width: 0; height: 0; padding: 0; margin: 0; font-size: 0; text-indent: -100%; white-space: nowrap; z-index: -1; }

.ellipsis { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

input, textarea, select, button { font-family: "NotoSansKR"; letter-spacing: 0; color: #000; vertical-align: middle; -webkit-appearance: none; border-radius: 0; outline: none; box-sizing: border-box; }

a { color: #000; text-decoration: none; /*outline:none;*/ }

a.nolink { cursor: default; }

a:link, a:visited { text-decoration: none; }

/*a:focus {outline:none;}*/
@media all and (max-width: 1279px) { /*a {display:block;}*/
  img { max-width: 100%; } }

button { display: inline-block; background: none; border: none; /*outline:none;*/ }

button:hover { color: #000; }

button:focus { outline: none; }

input[type=text]::-ms-clear { display: none !important; }

/* [display] */
.blind, legend { overflow: hidden; visibility: hidden; position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; }

.hidden { overflow: hidden; }

.clear:after { content: ''; display: block; clear: both; }

.slick-slide { outline: 0 !important; }

/*슬릭 아웃라인 제거*/
.bg { width: 100% !important; }

.mOnly { display: block !important; }

.wOnly { display: none !important; }

.wOnlyIn { display: none !important; }

/* pc & tablet */
@media all and (min-width: 768px) { .mOnly { display: none !important; }
  .wOnly { display: block !important; }
  .wOnlyIn { display: inline !important; } }

.noto { font-family: "NotoSansKR"; }

.roboto { font-family: "Roboto"; font-weight: 400; }

.fw500 { font-weight: 500; }

/* ========== [레이아웃] ========== */
#wrap { min-width: 32rem; }

#header .header-top { position: fixed; top: 0; width: calc(100% - 4.8rem); height: 2.8rem; padding: 1.9rem 2.4rem 2rem 2.4rem; z-index: 100; transition: .6s background-color; }

#header .header-top.white { transition: .6s background-color; background: #fff; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2); }

#header .header-top.white .logo a { background: url("/assets/images/m/logo_basic.png") no-repeat 0 0/9.1rem auto; }

#header .header-top.white .btn-menu { background: url("/assets/images/m/btn_menu_bl.png") no-repeat 0 0/2.8rem auto; }

#header .header-top .logo { float: left; width: 9.1rem; height: 2.7rem; }

#header .header-top .logo a { display: block; height: 100%; font-size: 0; line-height: 0; color: transparent; background: url("/assets/images/m/logo_wh.png") no-repeat 0 0/9.1rem auto; }

#header .header-top .btn-menu { float: right; display: block; width: 2.8rem; height: 2.8rem; font-size: 0; line-height: 0; color: transparent; background: url("/assets/images/m/btn_menu_wh.png") no-repeat 0 0/100% auto; }

#header .header-top .btn-menu.close { background: url("/assets/images/m/btn_close.png") no-repeat 0 0/100% auto; }

#header .side-navi { position: fixed; right: 0; top: 0; width: 100%; height: 100%; background: rgba(34, 34, 34, 0.8); z-index: 101; transform: translateX(100%); transition: .3s transform; box-sizing: border-box; }

#header .side-navi.open { transform: translateX(0); }

#header .side-navi .navi-wrap { overflow: auto; position: relative; width: 100%; height: 100%; box-sizing: border-box; -webkit-overflow-scrolling: touch; }

#header .side-navi .navi-wrap .navi-header { width: calc(100% - 4.8rem); height: 2.8rem; padding: 1.9rem 2.4rem 2rem 2.4rem; z-index: 100; }

#header .side-navi .navi-wrap .navi-header .btn-close { float: right; display: block; width: 2.8rem; height: 2.8rem; font-size: 0; line-height: 0; color: transparent; background: url("/assets/images/m/btn_close.png") no-repeat 0 0/2.8rem auto; }

#header .side-navi .navi-wrap .navi-in { margin: 3.4rem 2.4rem 0; }

#header .side-navi .navi-wrap .navi-in ul li { align-items: center; margin-bottom: 2.4rem; }

#header .side-navi .navi-wrap .navi-in ul li a { display: block; color: #fff; font-size: 3.4rem; line-height: 4.1rem; }

#footer { background: #161823; }

#footer .footer-logo { display: none; }

#footer .footer-content { padding: 3.2rem 2.4rem; text-align: left; color: #fff; }

#footer .footer-content .footer-menu ul { height: 100%; font-size: 0; line-height: 0; }

#footer .footer-content .footer-menu ul li { display: inline-block; font-size: 1.3rem; line-height: 1.8rem; }

#footer .footer-content .footer-menu ul li a { font-size: 1.3rem; line-height: 1.8rem; color: #fff; font-weight: 100; }

#footer .footer-content .footer-menu ul li + li:before { content: ""; display: inline-block; width: 1px; height: 1.2rem; margin: 0 0.8rem; background-color: #ccc; }

#footer .footer-content .footer-info { margin-top: 1.6rem; }

#footer .footer-content .footer-info .company { color: #fff; font-weight: 100; }

#footer .footer-content .footer-info .company span { display: inline-block; }

#footer .footer-content .footer-info .company span:before { content: ''; display: inline-block; width: 1px; height: 1.2rem; margin: 0 0.8rem; background-color: #ccc; }

#footer .footer-content .footer-info .address, #footer .footer-content .footer-info .company-number { margin-top: 0.8rem; color: #fff; font-weight: 100; font-size: 1.3rem; line-height: 1.8rem; }

#btnTop { position: fixed; bottom: 2.4rem; right: 2.4rem; display: none; width: 5.6rem; height: 5.6rem; font-weight: 500; font-size: 1.3rem; line-height: 7.2rem; text-align: center; border: 1px solid #d8d8d8; border-radius: 0.6rem; background: #fff url("/assets/images/m/ico_top_arrow.png") no-repeat top 1.5rem center/1.6rem auto; }

/* icon */
.ico { display: block; width: 2.8rem; height: 2.8rem; background-repeat: no-repeat; background-position: 50% 50%; background-size: 2.8rem auto; }

.ico-zoom { background-image: url("/assets/images/m/btn_sch.png"); }

/* button */
.btn-area, .btn-area-more { display: flex; justify-content: center; flex: 1 0 100%; margin-top: 3.2rem; }

.btn-area + .footer-btn, .btn-area-more + .footer-btn { margin-top: 2.2rem; }

.btn-area-more { max-height: 2.4rem; margin-bottom: 10.2rem; }

.btn { font-weight: 500; }

.btn-ico-filter { width: 10rem; height: 4.4rem; border-radius: 3.3rem; background-color: #fff; box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.11); }

.btn-ico-filter span { padding-right: 2.8rem; background: url("/assets/images/m/btn_filter.png") no-repeat right 0 top 50%/2.8rem auto; }

/* form */
.form-label { display: none; }

[class*=form-item] { margin-top: 1.2rem; }

[class*=form-item]:first-of-type { margin-top: 0; }

.form-item-btn { position: relative; }

.form-item-btn .form-control { padding-right: 9.4rem; }

.form-item-sch { position: relative; }

.form-item-sch .form-control { padding-right: 8rem; }

.form-item-sch .form-control::placeholder { font-weight: 300; color: #ccc; }

.form-item-sch .form-control:placeholder-shown { background-color: #fcfcfc; }

.form-item-sch .btn-ico-sch { position: absolute; right: 1.6rem; top: 50%; transform: translateY(-50%); opacity: .6; }

.form-item-sch .btn-clear { display: none; position: absolute; top: 50%; right: 5rem; width: 2rem; height: 2rem; margin-top: -1rem; background: url("/assets/images/m/btn_clear.png") no-repeat 0 0/100% auto; }

.form-item-sch .btn-clear.on { display: block; }

.form-control { display: block; width: 100%; padding: 1.4rem 1.6rem; font-weight: 300; font-size: 1.5rem; color: #000; border-radius: .6rem; border: 1px solid #dcdcdc; }

.form-control::placeholder { font-weight: 500; color: #ccc; }

.form-control:not(.form-chk-input):disabled, .form-control:not(.form-chk-input):read-only:not(.arr):not(select) { font-weight: 300; color: #666; background-color: #f8f8f8; }

.form-control.arr { background: #fff url("/assets/images/m/arr_bk_bt.png") no-repeat right 1rem top 50%/2.4rem auto; }

.form-control.arr:required:invalid { color: #ccc; background: #fff url("/assets/images/m/arr_bk_bt.png") no-repeat right 1rem top 50%/2.4rem auto; }

.form-control.arr:disabled { opacity: .9; }

textarea.form-control { height: 17rem; }

select.form-control { font-weight: 500; background: #fff url("/assets/images/m/arr_bk_bt.png") no-repeat right 1rem top 50%/2.4rem auto; }

select.form-control:required { font-weight: 500; }

select.form-control:required:invalid { color: #ccc; background: #fff url("/assets/images/m/arr_bk_bt.png") no-repeat right 1rem top 50%/2.4rem auto; }

select.form-control:disabled { font-weight: 500; opacity: .9; }

.validation-errors { margin-top: 1.2rem; margin-bottom: 1.2rem; }

.validation-errors .err-msg { font-size: 1.2rem; color: #ef326b; }

.blur h1, .blur h2, .blur h3, .blur h4, .blur h5, .blur p, .blur img, .blur a, .blur span, .blur li:before, .blur button, .blur input, .blur ul, .blur select { -moz-filter: blur(5px); -o-filter: blur(5px); filter: blur(5px); }

.blur .navi-in ul { -moz-filter: blur(0px); -o-filter: blur(0px); filter: blur(0px); }

.blur .navi-in ul li a { -moz-filter: blur(0px); -o-filter: blur(0px); filter: blur(0px); }

.blur .btn-close { -moz-filter: blur(0px); -o-filter: blur(0px); filter: blur(0px); }

.over-hidden { overflow: hidden; }

/* modal */
.modal { position: fixed; left: 0; top: 0; right: 0; bottom: 0; visibility: hidden; width: 100%; height: 100%; z-index: 100; }

.modal.show { visibility: visible; }

.modal.show::before { content: ''; position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 99; }

.modal .modal-content { position: relative; overflow: auto; display: flex; flex-direction: column; height: 100%; z-index: 300; }

.modal.modal-center { display: flex; flex-direction: column; align-items: baseline; justify-content: flex-end; width: 100%; height: 100%; }

.modal.modal-center.show { visibility: visible; }

.modal.modal-center .modal-content { position: fixed; top: 50%; left: 50%; width: 84%; height: auto; border-radius: 1.2rem; background-color: #fff; transform: translate(-50%, -50%); }

.modal.modal-center ul { padding: 3rem 2.4rem; }

.modal.modal-center ul li + li { margin-top: 1.6rem; }

.modal.modal-center ul li a { font-size: 1.7rem; }

.modal.modal-center ul li.active a { display: block; color: #324299; background: url(/assets/images/m/ico_chk_bl.png) no-repeat 100% 50%/1.5rem auto; }

/* tablet */
@media all and (min-width: 768px) { #header .header-top { width: calc(100% - 8rem); height: 3.4rem; padding: 2.4rem 4rem 2.2rem; }
  #header .header-top .logo { float: left; width: 12.2rem; height: 3.6rem; }
  #header .header-top .logo a { background: url("/assets/images/m/logo_wh.png") no-repeat center center/12.2rem auto; }
  #header .header-top.white .logo a { background: url("/assets/images/m/logo_basic.png") no-repeat center center/12.2rem auto; }
  #header .header-top.white + .side-navi .navi-wrap .navi-in ul li a { color: #000; }
  #header .header-top.white + .side-navi .navi-wrap .navi-in ul li a.active { color: #324299; }
  #header .header-top .btn-menu { display: none; }
  #header .side-navi { top: 2.4rem; right: 4rem; width: auto; height: auto; background: transparent; transform: translateX(0); z-index: 100; }
  #header .side-navi .navi-wrap .navi-header { display: none; }
  #header .side-navi .navi-wrap .navi-in { margin: 0; }
  #header .side-navi .navi-wrap .navi-in .gnb:after { content: ""; display: block; clear: both; }
  #header .side-navi .navi-wrap .navi-in .gnb li { float: left; margin-bottom: 0; }
  #header .side-navi .navi-wrap .navi-in .gnb li a { font-size: 1.8rem; line-height: 3.4rem; font-weight: 500; background: transparent; }
  #header .side-navi .navi-wrap .navi-in .gnb li + li { margin-left: 4rem; }
  #header .side-navi .navi-wrap .navi-in .terms { display: none; }
  #footer { margin: 0 auto; padding: 3.2rem 4rem; }
  #footer:after { content: ""; display: block; clear: both; }
  #footer .footer-logo { display: block; float: left; margin: 2.9rem 4rem 0 0; }
  #footer .footer-content { float: left; padding: 0; }
  #footer .footer-content .footer-menu ul { font-size: 0; line-height: 0; }
  #footer .footer-content .footer-menu ul li { display: inline-block; }
  #footer .footer-content .footer-menu ul li + li { margin-top: 0; }
  #footer .footer-content .footer-menu ul li + li:before { margin: 0 0.7rem; }
  #btnTop { bottom: 6rem; right: 6rem; }
  /* form */
  .form-control { padding: 1.7rem 1.6rem; font-size: 1.3rem; }
  .validation-errors .err-msg { font-size: 1.1rem; }
  /* button */
  .btn-ico-filter span { font-size: 1.3rem; }
  /* modal */
  .modal.modal-center .modal-content { max-width: 26.2rem; }
  .modal.modal-center ul { padding: 3rem; }
  .modal.modal-center ul li + li { margin-top: 1.4rem; }
  .modal.modal-center ul li a { font-size: 1.3rem; } }

/* pc */
@media all and (min-width: 1025px) { #footer { padding: 4.1rem 8rem 3.2rem; }
  #footer .footer-logo { margin: 2.9rem 8rem 0 0; } }

/* 모바일 가로모드 */
@media only screen and (max-width: 896px) and (max-height: 414px) and (orientation: landscape) { #header .header-top { position: fixed; top: 0; width: calc(100% - 4.8rem); height: 2.8rem; padding: 1.9rem 2.4rem 2rem 2.4rem; z-index: 100; transition: .6s background-color; }
  #header .header-top.white { transition: .6s background-color; background: #fff; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2); }
  #header .header-top.white .logo a { background: url("/assets/images/m/logo_basic.png") no-repeat 0 0/9.1rem auto; }
  #header .header-top.white .btn-menu { background: url("/assets/images/m/btn_menu_bl.png") no-repeat 0 0/2.8rem auto; }
  #header .header-top .logo { float: left; width: 9.2rem; height: 2.7rem; }
  #header .header-top .logo a { display: block; height: 100%; font-size: 0; line-height: 0; color: transparent; background: url("/assets/images/m/logo_wh.png") no-repeat 0 0/9.1rem auto; }
  #header .header-top .btn-menu { float: right; display: block; width: 2.8rem; height: 2.8rem; font-size: 0; line-height: 0; color: transparent; background: url("/assets/images/m/btn_menu_wh.png") no-repeat 0 0/100% auto; }
  #header .header-top .btn-menu.close { background: url("/assets/images/m/btn_close.png") no-repeat 0 0/100% auto; }
  #header .side-navi { position: fixed; right: 0; top: 0; width: 100%; height: 100%; background: rgba(34, 34, 34, 0.8); z-index: 101; transform: translateX(100%); transition: .3s transform; box-sizing: border-box; }
  #header .side-navi.open { transform: translateX(0); }
  #header .side-navi .navi-wrap { overflow: auto; position: relative; width: 100%; height: 100%; box-sizing: border-box; -webkit-overflow-scrolling: touch; }
  #header .side-navi .navi-wrap .navi-header { display: block; width: calc(100% - 4.8rem); height: 2.8rem; padding: 1.9rem 2.4rem 2rem 2.4rem; z-index: 100; }
  #header .side-navi .navi-wrap .navi-header .btn-close { float: right; display: block; width: 2.8rem; height: 2.8rem; font-size: 0; line-height: 0; color: transparent; background: url("/assets/images/m/btn_close.png") no-repeat 0 0/2.8rem auto; }
  #header .side-navi .navi-wrap .navi-in { margin: 0 2.4rem; }
  #header .side-navi .navi-wrap .navi-in ul li { align-items: center; margin-bottom: 2.4rem; }
  #header .side-navi .navi-wrap .navi-in ul li a { display: block; color: #fff !important; font-size: 3.4rem; line-height: 4.1rem; }
  #header .side-navi .navi-wrap .navi-in .gnb li { float: none; margin-bottom: 2.4rem; }
  #header .side-navi .navi-wrap .navi-in .gnb li + li { margin-left: 0; }
  #header .side-navi .navi-wrap .navi-in .gnb li a { font-size: 3.4rem; line-height: 4.1rem; font-weight: 300; }
  #header .side-navi .navi-wrap .navi-in .terms { display: block; }
  #footer { padding: 0; background: #161823; }
  #footer .footer-logo { display: none; }
  #footer .footer-content { padding: 3.2rem 2.4rem; text-align: left; color: #fff; }
  #footer .footer-content .footer-menu ul { height: 100%; font-size: 0; line-height: 0; }
  #footer .footer-content .footer-menu ul li { display: inline-block; font-size: 1.3rem; line-height: 1.8rem; }
  #footer .footer-content .footer-menu ul li a { font-size: 1.3rem; line-height: 1.8rem; color: #fff; font-weight: 100; }
  #footer .footer-content .footer-menu ul li + li:before { content: ""; display: inline-block; width: 1px; height: 1.2rem; margin: 0 0.8rem; background-color: #ccc; }
  #footer .footer-content .footer-info { margin-top: 1.6rem; }
  #footer .footer-content .footer-info .company { color: #fff; font-weight: 100; }
  #footer .footer-content .footer-info .company span { display: inline-block; }
  #footer .footer-content .footer-info .company span:before { content: ''; display: inline-block; width: 1px; height: 1.2rem; margin: 0 0.8rem; background-color: #ccc; }
  #footer .footer-content .footer-info .address, #footer .footer-content .footer-info .company-number { margin-top: 0.8rem; color: #fff; font-weight: 100; font-size: 1.3rem; line-height: 1.8rem; }
  #btnTop { bottom: 2.4rem; right: 2.4rem; } }

/** transition 초기화 **/
body.stop-transitions * { transition: none !important; }

.sub { display: flex; flex-direction: column; height: 100%; }

.sub-grey { background-color: #f8f8f8; height: auto; }

.sub #container { margin-top: 6.7rem; }

.sub #container .cont-header { padding: 3.2rem 2.4rem 0; }

.sub #container .cont-header h2 { padding-bottom: 2rem; line-height: 2.8rem; font-size: 2rem; font-weight: 500; }

.sub #container .cont-header .sub-text { padding-bottom: 4.5rem; font-size: 1.6rem; color: #000; word-break: keep-all; }

.sub #container .cont-body { padding-bottom: 3.2rem; /* 아코디언 */ }

.sub #container .cont-body .step-list li { word-break: keep-all; }

.sub #container .cont-body .step-list > li { line-height: 2.2rem; font-size: 1.7rem; font-weight: 500; }

.sub #container .cont-body .step-list > li + li { margin-top: 3.2rem; }

.sub #container .cont-body .step-list > li > ul li { margin-top: 3.2rem; font-size: 1.7rem; line-height: 2.2rem; }

.sub #container .cont-body .step-list > li > ul > li > ul > li { margin-top: 1.6rem; padding-left: 1.6rem; text-indent: -1.6rem; font-size: 1.5rem; line-height: 2rem; color: #666; }

.sub #container .cont-body .step-list > li > ul > li > ul > li.num-none { padding-left: 0rem; text-indent: 0rem; }

.sub #container .cont-body .step-list > li > ul > li > ul > li + li { padding-top: 0.2rem; }

.sub #container .cont-body .step-list > li > ul > li > ul > li > ul { margin-top: 0.5rem; }

.sub #container .cont-body .step-list > li > ul > li > ul > li > ul > li { margin-top: 0.4rem; font-size: 1.5rem; line-height: 2rem; color: #666; }

.sub #container .cont-body .step-list > li > ul > li > ul > li > ul > li:before { content: "-"; padding-right: 0.7rem; }

.sub #container .cont-body .step-list > li > ul > li > ul > li > ul > li.refer { text-indent: -2rem; padding-left: 0rem; }

.sub #container .cont-body .step-list > li > ul > li > ul > li > ul > li.refer:before { content: "※"; padding-right: 0; }

.sub #container .cont-body .step-list .table-area { margin-top: 1.2rem; margin-bottom: 1.2rem; margin-left: -1.6rem; }

.sub #container .cont-body .step-list .table-area:before { content: ""; padding-right: 0rem; }

.sub #container .cont-body .step-list table th, .sub #container .cont-body .step-list table td { padding: 0.8rem 1rem; font-size: 1.4rem; line-height: 1.8rem; border-left: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; text-indent: 0; color: #000; }

.sub #container .cont-body .step-list table th:first-child, .sub #container .cont-body .step-list table td:first-child { border-left: 0; }

.sub #container .cont-body .step-list table th { font-weight: 500; text-align: center; }

.sub #container .cont-body .step-list table td ul li { word-break: normal; margin-top: 0; font-size: 1.4rem; line-height: 1.8rem; color: #000; padding-left: 1.4rem; text-indent: -1.4rem; }

.sub #container .cont-body .step-list table td ul li + li { margin-top: 0.4rem; }

.sub #container .cont-body .step-list table td ul li:before { content: "-"; padding-right: 0.8rem; }

.sub #container .cont-body .step-list table thead tr { border-top: 2px solid #000; }

.sub #container .cont-body .list-area { margin-top: 3.2rem; }

.sub #container .cont-body .list-area .list-group.flex-group .list-item-link { display: flex; justify-content: space-between; }

.sub #container .cont-body .list-area .list-group .list-item-empty { padding-top: 9.6rem; color: #666; text-align: center; }

.sub #container .cont-body .list-area .list-group .list-item { padding: 2.4rem; border-bottom: 1px solid #e8e8e8; }

.sub #container .cont-body .list-area .list-group:empty { margin-top: 2.5rem; padding-top: 12.5rem; padding-bottom: 12.5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.sub #container .cont-body .list-area .list-group:empty:after { content: '검색결과가 없습니다.'; text-align: center; white-space: pre; font-weight: 300; font-size: 1.6rem; color: #666; }

.sub #container .cont-body .accordion-btn { position: relative; display: block; width: 100%; padding-left: 2.4rem; text-align: left; outline: none; line-height: 2.4rem; }

.sub #container .cont-body .accordion-btn:after { content: ""; position: absolute; top: 0; right: 0; width: 2.4rem; height: 2.4rem; background: url("/assets/images/m/arr_bk.png") no-repeat right 0 top 50%/2.4rem auto; transform: rotate(90deg); }

.sub #container .cont-body .accordion-btn.active:after { transform: rotate(-90deg); }

.sub #container .cont-body .accordion-btn:before { position: absolute; top: 0; left: 0; margin-right: 1.2rem; font-weight: 700; content: "Q"; }

.sub #container .cont-body .accordion-panel { position: relative; overflow: hidden; max-height: 0; transition: max-height 0.2s ease-out; }

.sub #container .cont-body .accordion-panel .txt { margin: 4.4rem 2rem 0rem 2.4rem; color: #666; }

.sub #container .cont-body .accordion-panel .txt + .txt { margin-top: -1rem; }

.sub #container .cont-body .accordion-panel:before { position: absolute; top: 0; left: 0; margin-right: 1.2rem; font-weight: 700; content: "A"; top: 4.4rem; color: #324299; }

.sub #container.privacy .cont-body, .sub #container.terms .cont-body { padding-bottom: 0; }

.sub #container.privacy .text-area, .sub #container.terms .text-area { padding: 3.2rem 2.4rem 4rem; }

.sub #container.privacy .text-area .sub-tit-area, .sub #container.terms .text-area .sub-tit-area { padding-bottom: 3.5rem; }

.sub #container.privacy .text-area .sub-tit-area .sub-title, .sub #container.terms .text-area .sub-tit-area .sub-title { word-break: keep-all; }

.sub #container.privacy .text-area .sub-tit-area .sub-text, .sub #container.terms .text-area .sub-tit-area .sub-text { color: #666; word-break: keep-all; }

.sub #container.faq .cont-header h2 { line-height: 4.4rem; padding-bottom: 2.4rem; }

.sub #container.faq .cont-header h2 .btn { float: right; }

.sub .footer-wrap { margin-top: auto; }

/* tablet */
@media all and (min-width: 768px) { .sub #container { margin-top: 8rem; }
  .sub #container .cont-header { padding: 7.3rem 4rem 0; }
  .sub #container .cont-header h2 { padding-bottom: 2.4rem; line-height: 3rem; }
  .sub #container .cont-body { /* 아코디언 */ }
  .sub #container .cont-body .step-list > li + li { margin-top: 4rem; }
  .sub #container .cont-body .step-list > li > ul li { margin-top: 4rem; }
  .sub #container .cont-body .step-list > li > ul > li > ul > li { margin-top: 2rem; font-size: 1.3rem; color: #000; }
  .sub #container .cont-body .step-list > li > ul > li > ul > li > ul { margin-top: 0.5rem; }
  .sub #container .cont-body .step-list > li > ul > li > ul > li > ul > li { margin-top: 1rem; font-size: 1.3rem; color: #000; }
  .sub #container .cont-body .list-area { margin-top: 6rem; }
  .sub #container .cont-body .list-area .list-group .list-item { padding: 2.2rem 4rem; }
  .sub #container .cont-body .accordion-btn { font-size: 1.3rem; }
  .sub #container .cont-body .accordion-panel .txt { font-size: 1.3rem; margin: 3.1rem 2rem 0rem 2.4rem; }
  .sub #container .cont-body .accordion-panel:before { top: 3rem; }
  .sub #container.privacy .cont-header:after, .sub #container.terms .cont-header:after { content: ""; display: block; clear: both; }
  .sub #container.privacy .cont-header h2, .sub #container.terms .cont-header h2 { float: left; padding-bottom: 0; line-height: 5.4rem; }
  .sub #container.privacy .cont-header form, .sub #container.terms .cont-header form { float: right; width: 40.4rem; }
  .sub #container.privacy .text-area, .sub #container.terms .text-area { padding: 6rem 4rem; } }

/* pc*/
@media all and (min-width: 1025px) { .sub #container { width: 92rem; margin: 8rem auto 0; }
  .sub #container .cont-header { padding: 7.6rem 0 0; }
  .sub #container .cont-header h2 { padding-bottom: 6rem; line-height: 2rem; font-size: 2.2rem; }
  .sub #container .cont-body { /* 아코디언 */ }
  .sub #container .cont-body .step-list > li + li { margin-top: 4rem; }
  .sub #container .cont-body .step-list > li > ul li { margin-top: 4rem; }
  .sub #container .cont-body .step-list > li > ul > li > ul > li { margin-top: 2rem; font-size: 1.3rem; color: #000; }
  .sub #container .cont-body .step-list > li > ul > li > ul > li > ul { margin-top: 0.5rem; }
  .sub #container .cont-body .step-list > li > ul > li > ul > li > ul > li { margin-top: 1rem; font-size: 1.3rem; color: #000; }
  .sub #container .cont-body .list-area .list-group .list-item { padding: 2.6rem 2.4rem; }
  .sub #container .cont-body .accordion-btn { font-size: 1.3rem; }
  .sub #container .cont-body .accordion-panel .txt { margin: 4.3rem 2rem 0rem 2.4rem; }
  .sub #container .cont-body .accordion-panel:before { top: 4.2rem; }
  .sub #container.faq .cont-header .form-group { padding: 0 2.4rem; }
  .sub #container.faq .cont-header h2 { padding-bottom: 4.8rem; }
  .sub #container.privacy .text-area, .sub #container.terms .text-area { padding: 6rem 0rem; } }

/* 모바일 가로모드 */
@media only screen and (max-width: 896px) and (max-height: 414px) and (orientation: landscape) { .sub { display: flex; flex-direction: column; height: 100%; }
  .sub-grey { background-color: #f8f8f8; height: auto; }
  .sub #container { margin-top: 6.7rem; }
  .sub #container .cont-header { padding: 3.2rem 2.4rem 0; }
  .sub #container .cont-header h2 { padding-bottom: 2rem; line-height: 2.8rem; font-size: 2rem; font-weight: 500; }
  .sub #container .cont-header .sub-text { padding-bottom: 4.5rem; font-size: 1.6rem; color: #000; word-break: keep-all; }
  .sub #container .cont-body { padding-bottom: 3.2rem; /* 아코디언 */ }
  .sub #container .cont-body .step-list li { word-break: keep-all; }
  .sub #container .cont-body .step-list > li { line-height: 2.2rem; font-size: 1.7rem; font-weight: 500; }
  .sub #container .cont-body .step-list > li + li { margin-top: 3.2rem; }
  .sub #container .cont-body .step-list > li > ul li { margin-top: 3.2rem; font-size: 1.7rem; line-height: 2.2rem; }
  .sub #container .cont-body .step-list > li > ul > li > ul > li { margin-top: 1.6rem; padding-left: 1.6rem; text-indent: -1.6rem; font-size: 1.5rem; line-height: 2rem; color: #666; }
  .sub #container .cont-body .step-list > li > ul > li > ul > li.num-none { padding-left: 0rem; text-indent: 0rem; }
  .sub #container .cont-body .step-list > li > ul > li > ul > li + li { padding-top: 0.2rem; }
  .sub #container .cont-body .step-list > li > ul > li > ul > li > ul { margin-top: 0.5rem; }
  .sub #container .cont-body .step-list > li > ul > li > ul > li > ul > li { margin-top: 0.4rem; font-size: 1.5rem; line-height: 2rem; color: #666; }
  .sub #container .cont-body .step-list > li > ul > li > ul > li > ul > li:before { content: "-"; padding-right: 0.7rem; }
  .sub #container .cont-body .step-list > li > ul > li > ul > li > ul > li.refer { text-indent: -2rem; padding-left: 0rem; }
  .sub #container .cont-body .step-list > li > ul > li > ul > li > ul > li.refer:before { content: "※"; padding-right: 0; }
  .sub #container .cont-body .step-list .table-area { margin-top: 1.2rem; margin-bottom: 1.2rem; margin-left: -1.6rem; }
  .sub #container .cont-body .step-list .table-area:before { content: ""; padding-right: 0rem; }
  .sub #container .cont-body .step-list table th, .sub #container .cont-body .step-list table td { padding: 0.8rem 1rem; font-size: 1.4rem; line-height: 1.8rem; border-left: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; text-indent: 0; color: #000; }
  .sub #container .cont-body .step-list table th:first-child, .sub #container .cont-body .step-list table td:first-child { border-left: 0; }
  .sub #container .cont-body .step-list table th { font-weight: 500; text-align: center; }
  .sub #container .cont-body .step-list table td ul li { word-break: normal; margin-top: 0; font-size: 1.4rem; line-height: 1.8rem; color: #000; padding-left: 1.4rem; text-indent: -1.4rem; }
  .sub #container .cont-body .step-list table td ul li + li { margin-top: 0.4rem; }
  .sub #container .cont-body .step-list table td ul li:before { content: "-"; padding-right: 0.8rem; }
  .sub #container .cont-body .step-list table thead tr { border-top: 2px solid #000; }
  .sub #container .cont-body .list-area { margin-top: 3.2rem; }
  .sub #container .cont-body .list-area .list-group.flex-group .list-item-link { display: flex; justify-content: space-between; }
  .sub #container .cont-body .list-area .list-group .list-item-empty { padding-top: 9.6rem; color: #666; text-align: center; }
  .sub #container .cont-body .list-area .list-group .list-item { padding: 2.4rem; border-bottom: 1px solid #e8e8e8; }
  .sub #container .cont-body .list-area .list-group:empty { margin-top: 2.5rem; padding-top: 12.5rem; padding-bottom: 12.5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; }
  .sub #container .cont-body .list-area .list-group:empty:after { content: '검색결과가 없습니다.'; text-align: center; white-space: pre; font-weight: 300; font-size: 1.6rem; color: #666; }
  .sub #container .cont-body .accordion-btn { position: relative; display: block; width: 100%; padding-left: 2.4rem; text-align: left; outline: none; line-height: 2.4rem; }
  .sub #container .cont-body .accordion-btn:after { content: ""; position: absolute; top: 0; right: 0; width: 2.4rem; height: 2.4rem; background: url("/assets/images/m/arr_bk.png") no-repeat right 0 top 50%/2.4rem auto; transform: rotate(90deg); }
  .sub #container .cont-body .accordion-btn.active:after { transform: rotate(-90deg); }
  .sub #container .cont-body .accordion-btn:before { position: absolute; top: 0; left: 0; margin-right: 1.2rem; font-weight: 700; content: "Q"; }
  .sub #container .cont-body .accordion-panel { position: relative; overflow: hidden; max-height: 0; transition: max-height 0.2s ease-out; }
  .sub #container .cont-body .accordion-panel .txt { margin: 4.4rem 2rem 0rem 2.4rem; color: #666; }
  .sub #container .cont-body .accordion-panel .txt + .txt { margin-top: -1rem; }
  .sub #container .cont-body .accordion-panel:before { position: absolute; top: 0; left: 0; margin-right: 1.2rem; font-weight: 700; content: "A"; top: 4.4rem; color: #324299; }
  .sub #container.privacy .cont-body, .sub #container.terms .cont-body { padding-bottom: 0; }
  .sub #container.privacy .text-area, .sub #container.terms .text-area { padding: 3.2rem 2.4rem 4rem; }
  .sub #container.privacy .text-area .sub-tit-area, .sub #container.terms .text-area .sub-tit-area { padding-bottom: 3.5rem; }
  .sub #container.privacy .text-area .sub-tit-area .sub-title, .sub #container.terms .text-area .sub-tit-area .sub-title { word-break: keep-all; }
  .sub #container.privacy .text-area .sub-tit-area .sub-text, .sub #container.terms .text-area .sub-tit-area .sub-text { color: #666; word-break: keep-all; }
  .sub .footer-wrap { margin-top: auto; } }
