@charset "utf-8";

/* Reset */
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; outline:none}
html {height:100%; overflow-y:scroll; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; line-height:1.4;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0; line-height:1.4;}
body {height:100%; font-family:"Pretendard", "Malgun Gothic", Dotum, Arial, sans-serif; height:100%; min-width:320px; color:#000; font-size:16px; line-height:1.4; letter-spacing:-0.07em; background-color:#fff; -webkit-font-smoothing:antialiased; -webkit-overflow-scrolling:touch; padding-top: constant(safe-area-inset-top); padding-bottom: constant(safe-area-inset-bottom); padding-top:env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom);}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%}
strong {font-weight:700;}
input, select, textarea, button, label {font-size:100%; vertical-align:middle}
select {width:100%; height:48px; padding:0 45px 0 15px; font-size:16px; font-family:"Pretendard", "Malgun Gothic", Dotum, Arial, sans-serif; color:#000; border:none; -webkit-appearance:none;  -moz-appearance:none; appearance:none; border:1px solid #E5E5E5; background:#fff url(../images/ico/ico_arw_down_gray.svg) right 16px center no-repeat; transition:border-color .3s ease;}
select::-ms-expand {display:none;}
input {border:1px solid #E5E5E5; font-size:16px;}
input:disabled {opacity:1; -webkit-text-fill-color: inherit}
input[type="text"], input[type="search"], input[type="password"], input[type="tel"], input[type="email"], input[type="number"], input[type="button"] {height:36px; font-size:16px; padding:0 10px; outline:none; font-family:"Pretendard", "Malgun Gothic", Dotum, Arial, sans-serif; -webkit-appearance: none;  -moz-appearance: none; appearance:none; border:1px solid #d4d4d4; background:#fff; transition:border-color .3s ease; cursor:pointer}
input[type="text"] {width:270px;}
input[type="text"]+input[type="text"] {margin-left:10px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="number"]:focus {border-color:#00b5ef;}
fieldset, img, iframe {border:0 none}
img {max-width:100%; width:100%; height:100%; vertical-align:middle; border-style:none;}
textarea {width:100%; padding:15px; -webkit-box-sizing:border-box; box-sizing:border-box; resize:none; border:1px solid #E5E5E5; font-family:"Pretendard", "Malgun Gothic", Dotum, Arial, sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance:none;}
em, address {font-style:normal}
a {text-decoration:none; background-color:transparent; vertical-align:middle; -webkit-text-decoration-skip:objects; color:#000; word-break: break-word}
a:hover, a:active, a:focus {text-decoration:none}
menu,li {list-style:none}
button {padding:0; margin:0; border:0; cursor:pointer; vertical-align:middle; background:none; font-family:"Pretendard", "Malgun Gothic", Dotum, Arial, sans-serif}
button, input {overflow:visible}
button, select {text-transform:none}
button, html [type="button"], [type="reset"],[type="submit"] {-webkit-appearance:button; cursor:pointer; font-family:"Pretendard", "Malgun Gothic", Dotum, Arial, sans-serif;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style:none; padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline:1px dotted ButtonText}
caption {width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden}
hr {display:none}
i,em,address{font-style:normal}
label {cursor:pointer}
table {width:100%; border-spacing:0; border-collapse:0; color:#000; table-layout:fixed}
table td {word-wrap: break-word;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}
::-webkit-input-placeholder {font-size:16px; color:#888; vertical-align:middle;}
ul:after,
ol:after {display:block; content:''; clear:both;}

.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}

/* margin */
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt100 {margin-top:100px !important;}

.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb65 {margin-bottom:65px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}
.mb80 {margin-bottom:80px !important;}
.mb85 {margin-bottom:85px !important;}
.mb90 {margin-bottom:90px !important;}
.mb95 {margin-bottom:95px !important;}
.mb100 {margin-bottom:100px !important;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}
.ml65 {margin-left:65px !important;}
.ml70 {margin-left:70px !important;}
.ml75 {margin-left:75px !important;}
.ml80 {margin-left:80px !important;}
.ml85 {margin-left:85px !important;}
.ml90 {margin-left:90px !important;}
.ml95 {margin-left:95px !important;}
.ml100 {margin-left:100px !important;}

.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mr55 {margin-right:55px !important;}
.mr60 {margin-right:60px !important;}
.mr65 {margin-right:65px !important;}
.mr70 {margin-right:70px !important;}
.mr75 {margin-right:75px !important;}
.mr80 {margin-right:80px !important;}
.mr85 {margin-right:85px !important;}
.mr90 {margin-right:90px !important;}
.mr95 {margin-right:95px !important;}
.mr100 {margin-right:100px !important;}

.w5p {width:5% !important;}
.w10p {width:10% !important;}
.w15p {width:15% !important;}
.w20p {width:20% !important;}
.w25p {width:25% !important;}
.w30p {width:30% !important;}
.w35p {width:35% !important;}
.w40p {width:40% !important;}
.w45p {width:45% !important;}
.w50p {width:50% !important;}
.w55p {width:55% !important;}
.w60p {width:60% !important;}
.w65p {width:65% !important;}
.w70p {width:70% !important;}
.w75p {width:75% !important;}
.w80p {width:80% !important;}
.w85p {width:85% !important;}
.w90p {width:90% !important;}
.w95p {width:95% !important;}
.w100p {width:100% !important;}



/*****************************************************************************************************************************************************************************************/

:root {
    --wrapper-size:1080px;
	--wrap-para:30px;

    --sub-para:120px;
	--sub-para02:100px;

    --bg-color01:#F5F5F5;
    --bg-color02:#000;

    --red-color:#EB222E;
    --gray-color:#909090;
    --black-color:#000;
}



/* common */
#wrap {overflow:hidden;}
.wrapper {width:var(--wrapper-size); margin:0 auto;}
.sub-para {padding-top:var(--sub-para); padding-bottom:var(--sub-para);}
.sub-para02 {padding-top:var(--sub-para02); padding-bottom:var(--sub-para);}

.bg-clr01 {background-color:var(--bg-color01);}
.bg-clr02 {background-color:var(--bg-color02);}

.txt-red {color:var(--red-color) !important;}

.mo_br {display:none;}
.pc_br {display:block;}

/* common text */
.tit-box {margin-bottom:100px; text-align:center;}
.tit-box span {display:inline-block; font-size:30px; line-height:1;}
.tit-box h3 {margin-top:10px; color:#1D1D1D; font-size:60px; font-weight:800; line-height:1; letter-spacing:-0.07em; word-break:keep-all;}
.tit-box p {margin-top:20px; color:#909090; font-size:24px; line-height:1.2; word-break:keep-all;}

.po-gradi span {display:inline-block; color:transparent; background:linear-gradient(160deg, #B309FA, #FF8100); -webkit-background-clip:text;}

.bg-clr02 .tit-box {color:#fff;}
.bg-clr02 .tit-box > * {color:inherit;}

/* common button */
.btn-box {display:block; color:#fff; font-size:20px; font-weight:700; text-align:center; line-height:1; background-color:var(--red-color);}
.btn-box.arrow-r::after {content:''; display:inline-block; width:7px; height:12px; margin-left:10px; background:url(../images/ico/ico_btn_arw.svg) no-repeat; background-size:100%;}

/* header */
header {position:fixed; z-index:9000; top:0; left:0; width:100%; border-bottom:1px solid #C9C9C9; background-color:var(--bg-color01); transition:background .3s ease;}
header.active {background-color:#fff;}
header .wrapper {display:flex; justify-content:space-between; align-items:center;}
header h1 {width:111px; height:22px;}
header h1 a {display:block; width:100%; height:100%; text-indent:-9999px; background-image:url(../images/ico/ico_hd_logo.svg); background-repeat:no-repeat; background-size:100%;}

header nav {display:flex; align-items:center;}
header nav h2 {display:none; width:50px; height:50px; text-indent:-9999px; cursor:pointer; background:url(../images/ico/ico_hd_menu.svg) no-repeat center; background-size:32px;}

header nav .gnb {display:flex; align-items:center;}
header nav .gnb .menu {display:flex; margin-right:25px;}
header nav .gnb .menu li {position:relative;}
header nav .gnb .menu li a {display:block; padding:50px 25px; font-size:20px; line-height:1; letter-spacing:0;}
header nav .gnb .menu li a::after {content:''; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:calc(100% - 50px); height:2px; background-color:var(--black-color); opacity:0; transition:opacity .3s ease;}

header nav .gnb .menu li a:hover {font-weight:700;}
header nav .gnb .menu li a:hover::after {opacity:1;}

header nav .btn-box {padding:17px 30px; letter-spacing:0;}

header .mo-gnb {display:none;}

/* footer */
footer {padding-top:60px; padding-bottom:60px; background-color:#111;}
footer .wrapper {width:1360px;}

footer .ft-top {display:flex; justify-content:space-between;}
footer .ft-top .ft-logo {display:block; width:151px; height:60px; text-indent:-9999px; background:url(../images/ico/ico_ft_logo.svg) no-repeat; background-size:100%;}
footer .ft-top ul {display:flex; align-items:center;}
footer .ft-top ul li a {display:block; padding:32px 20px 40px; color:#fff; font-size:20px; font-weight:700;}

footer .ft-btm {display:flex; justify-content:space-between; padding-top:40px; border-top:1px solid #333;}
footer .ft-btm .ft-info {color:#ddd;}
footer .ft-btm .ft-info address {display:flex;}
footer .ft-btm .ft-info address p {position:relative; margin-right:19px; font-size:18px;}
footer .ft-btm .ft-info address p::after {content:''; display:block; position:absolute; z-index:1; top:50%; right:-11px; transform:translateY(-50%); width:3px; height:3px; border-radius:50%; background-color:#ddd;}
footer .ft-btm .ft-info address p:last-child:after {display:none;}
footer .ft-btm .ft-info address p a {display:block; color:inherit; font-size:inherit;}
footer .ft-btm .ft-info .copy {margin-top:11px;}
footer .ft-btm .ft-info .mark-box {display:flex; align-items:center; margin-top:20px;}
footer .ft-btm .ft-info .mark-box li {display:block; margin-right:40px; text-indent:-9999px; background-repeat:no-repeat; background-size:100%;}
footer .ft-btm .ft-info .mark-box li.isms {width:54px; height:54px; background-image:url(../images/ico/ico_ft_mark_isms.svg);}
footer .ft-btm .ft-info .mark-box li.bestfamily {width:157px; height:34px; background-image:url(../images/ico/ico_ft_mark_bestfamily.svg);}
footer .ft-btm .ft-info .mark-box li.venture {width:128px; height:37px; background-image:url(../images/ico/ico_ft_mark_venture.svg);}
footer .ft-btm select {width:240px; color:#ddd; font-weight:700; cursor:pointer; border:1px solid #ddd; background-color:inherit;}
footer .ft-btm select option {background: #111; color: #fff;}

/* quick-menu */
.quick-menu {display:none; position:fixed; z-index:8000; left:0; bottom:0; width:100%;}
.quick-menu > a {flex:1; display:block; padding:16px 0; font-size:22px; font-weight:700; text-align:center;}
.quick-menu .quick-counsel {color:#fff; background-color:var(--red-color);}

/* modal popup */
.modal-pop {display:none; position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.3);}
.modal-pop .pop-box {position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%, -50%); max-width:750px; width:100%; border-radius:20px; background-color:#fff;}
.modal-pop .pop-box .pop-cont-wrap {height: 100%; overflow-y: auto;}
.modal-pop .pop-box .pop-cont {padding:100px 60px 60px;}

.modal-pop .pop-box .pop-cont ol {counter-reset:stepIdx;}
.modal-pop .pop-box .pop-cont ol li {display:flex; align-items:flex-start;}
.modal-pop .pop-box .pop-cont ol li::before {content:'STEP ' counter(stepIdx, decimal-leading-zero); counter-increment:stepIdx; margin-right:30px; font-size:20px; font-weight:700; white-space:nowrap;}
.modal-pop .pop-box .pop-cont ol li + li {margin-top:34px;}
.modal-pop .pop-box .pop-cont ol li strong {font-size:20px; font-weight:700;}
.modal-pop .pop-box .pop-cont ol li p {font-size:20px; word-break:keep-all;}

.modal-pop .pop-box .pop-close {position:fixed; z-index:1; top:10px; right:10px; width:60px; height:60px; text-indent:-9999px; background:url(../images/ico/ico_pop_close.svg) no-repeat center; background-size:40px;}


@media all and (max-width:1359px) {
    /* common */
    .wrapper {padding-left:var(--wrap-para); padding-right:var(--wrap-para);}

    /* footer */
    footer .wrapper {width:100%;}
}

@media all and (max-width:1199px) {
    /* common text */
    .tit-box span {font-size:28px;}
    .tit-box h3 {font-size:54px;}
    .tit-box p {font-size:22px;}

    /* header */
    header nav .gnb .menu li a {padding:44px 25px;}

    header nav .btn-box {font-size:18px;}

    /* footer */
    footer .ft-top ul li a {font-size:18px;}

    footer .ft-btm .ft-info address p {font-size:16px;}
    footer .ft-btm select {width:180px;}

    /* modal popup */
    .modal-pop .pop-box {max-width:650px; height:500px;}
    .modal-pop .pop-box .pop-cont {padding:80px 50px 50px;}

    .modal-pop .pop-box .pop-cont ol li::before {font-size:18px;}
    .modal-pop .pop-box .pop-cont ol li strong {font-size:18px;}
    .modal-pop .pop-box .pop-cont ol li p {font-size:18px;}
}

@media all and (max-width:1080px) {
    :root {
        --wrapper-size:100%;
        --wrap-para:28px;
    }

    /* common text */
    .tit-box span {font-size:26px;}
    .tit-box h3 {font-size:50px;}
    .tit-box p {font-size:20px;}

    /* header */
    header {padding-top:16px; border-bottom:0; background-color:#fff; transition:none;}
    header .wrapper {flex-wrap:wrap;}
    header h1 {width:100px; height:20px;}

    header nav {margin-right:-9px;}
    header nav h2 {order:1; display:block; position:relative; z-index:9999;}

    header nav .gnb .menu {display:block; position:fixed; z-index:9100; top:0; right:-200%; margin-right:0; padding-top:80px; width:80%; height:100%; padding-bottom:100px; overflow-y:auto; background-color:#fff; transition:right .3s ease;}
    header nav .gnb .menu li a {padding:20px 30px; font-size:24px; line-height:1.4;}
    header nav .gnb .menu li a::after {display:none;}
    
    header nav.on h2 {background-image:url(../images/ico/ico_hd_close.svg);}
    header nav.on .gnb::after {content:''; display:block; position:fixed; z-index:9000; top:0; right:0; width:100%; height:100%; opacity:.4; background-color:#000; animation:aniMenu .2s;}
    header nav.on .gnb .menu {right:0;}

    @keyframes aniMenu {
        0% {opacity:0;}
        100% {opacity:0.4;}
    }

    header nav .btn-box {display:none;}

    header .mo-gnb {flex:0 0 100%; display:block; margin-top:12px;}
    header .mo-gnb::before,
    header .mo-gnb::after {content:''; position:absolute; z-index:1; left:50%; transform:translateX(-50%); width:calc(100% - 56px); height:1px; background-color:#C9C9C9;}

    header .mo-gnb .menu {display:flex; justify-content:space-between; align-items:center;}
    header .mo-gnb .menu li {position:relative; width:100%; height:100%;}
    header .mo-gnb .menu li::after {content:''; position:absolute; z-index:1; top:50%; right:0; transform:translateY(-50%); width:1px; height:16px; background-color:#C9C9C9;}
    header .mo-gnb .menu li:last-of-type:after {display:none;} 
    header .mo-gnb .menu li a {display:block; padding:22px 0; font-weight:700; line-height:1;}
    header .mo-gnb .menu li:nth-of-type(2) a {text-align:center;}
    header .mo-gnb .menu li:nth-of-type(3) a {text-align:right;}

    /* footer */
    footer {padding-top:50px; padding-bottom:120px;}

    footer .ft-top ul li a {padding:32px 20px;}

    footer .ft-btm {flex-wrap:wrap;}
    footer .ft-btm .ft-info {order:1; width:100%;}
    footer .ft-btm select {width:240px; margin-bottom:30px;}

    /* quick-menu */
    .quick-menu {display:flex;}

    /* modal popup */
    .modal-pop .pop-box {max-width:500px; max-height:510px; height:calc(100vh - 100px); border-radius:16px; overflow:hidden;}
    .modal-pop .pop-box .pop-cont {padding:80px 40px 40px;}

    .modal-pop .pop-box .pop-cont ol li::before {font-size:16px;}
    .modal-pop .pop-box .pop-cont ol li strong {font-size:16px;}
    .modal-pop .pop-box .pop-cont ol li p {font-size:16px;}
}

@media all and (max-width:768px) {
    :root {
        --wrap-para:24px;
    }

    /* common text */
    .tit-box {margin-bottom:80px;}
    .tit-box span {font-size:22px;}
    .tit-box h3 {font-size:46px;}
    .tit-box p {font-size:20px;}

    /* header */
    header {padding-top:12px;}
    header h1 {width:88px; height:18px;}

    header nav {margin-right:-9px;}
    header nav h2 {background-size:28px;}
    header nav .gnb .menu {padding-top:70px;}

    header .mo-gnb {margin-top:8px;}
    header .mo-gnb::before, 
    header .mo-gnb::after {width:calc(100% - 48px);}

    /* footer */
    footer .ft-top {padding-bottom:10px;}
    footer .ft-top ul li a {padding:20px 16px; font-size:16px;}

    footer .ft-btm {padding-top:30px;}
    footer .ft-btm .ft-info address {display:block;}
    footer .ft-btm .ft-info address p {margin-right:0; font-size:16px;}
    footer .ft-btm .ft-info address p::after {display:none;}

    /* modal popup */
    .modal-pop .pop-box {max-width:100%; width:calc(100% - 120px);}
    .modal-pop .pop-box .pop-cont {padding:60px 30px 30px;}

    .modal-pop .pop-box .pop-cont ol li {display:block;}
    .modal-pop .pop-box .pop-cont ol li::before {display:block; margin-right:0; margin-bottom:8px;}
    .modal-pop .pop-box .pop-cont ol li + li {margin-top:24px;}

    .modal-pop .pop-box .pop-close {width:50px; height:50px; background-size:32px;}
}

@media all and (max-width:640px) {
    :root {
        --wrap-para:20px;

        --sub-para:100px;
    }

    /* common text */
    .tit-box {margin-bottom:50px;}
    .tit-box span {font-size:20px;}
    .tit-box h3 {margin-top:8px; font-size:40px; line-height:1.2;}
    .tit-box p {margin-top:16px;}

    .mo_br {display:block;}
    .pc_br {display:none;}

    /* header */
    header {padding-top:8px;}
    header h1 {width:70px; height:14px;}

    header nav {margin-right:-13px;}
    header nav h2 {background-size:24px;}

    header nav .gnb .menu li a {padding:13px 30px;}

    header .mo-gnb {margin-top:4px;}
    header .mo-gnb::before, 
    header .mo-gnb::after {width:calc(100% - 40px);}

    /* footer */
    footer {padding-bottom:120px;}

    footer .ft-top {display:block; padding-bottom:0;}
    footer .ft-top .ft-logo {margin:0 auto;}
    footer .ft-top ul {justify-content:space-between;}
    footer .ft-top ul::after {display:none;}
    footer .ft-top ul li {text-align:center;}
    footer .ft-top ul li a {padding:30px 0; font-size:14px;}

    footer .ft-btm {padding-top:0; border-top:0;}
    footer .ft-btm .ft-info address p {margin-right:0; font-size:14px;}
    footer .ft-btm .ft-info address p::after {display:none;}
    footer .ft-btm .ft-info .copy {font-size:14px; font-weight:700;}
    footer .ft-btm .ft-info .mark-box {justify-content:space-between;}
    footer .ft-btm .ft-info .mark-box::after {display:none;}
    footer .ft-btm .ft-info .mark-box li {margin-right:0;}
    footer .ft-btm .ft-info .mark-box li.isms {width:48px; height:48px;}
    footer .ft-btm .ft-info .mark-box li.bestfamily {width:136px; height:29px;}
    footer .ft-btm .ft-info .mark-box li.venture {width:115px; height:33px;}
    footer .ft-btm select {width:100%;}

    /* modal popup */
    .modal-pop .pop-box {width:calc(100% - 50px); height:calc(100vh - 100px); max-height:500px;}
    .modal-pop .pop-box .pop-cont {padding:50px 24px 24px;}

    .modal-pop .pop-box .pop-cont ol li::before {margin-bottom:5px;}
    .modal-pop .pop-box .pop-cont ol li + li {margin-top:16px;}

    .modal-pop .pop-box .pop-close {top:8px; right:8px; background-size:30px;}
}

@media all and (max-width:420px) {
    /* footer */
    footer .ft-btm .ft-info .mark-box li.isms {width:42px; height:42px;}
    footer .ft-btm .ft-info .mark-box li.bestfamily {width:121px; height:26px;}
    footer .ft-btm .ft-info .mark-box li.venture {width:99px; height:28px;}

    /* modal popup */
    .modal-pop .pop-box {width:calc(100% - 40px); max-height:470px; border-radius:12px;}
    .modal-pop .pop-box .pop-cont {padding:50px 20px 20px;}

    .modal-pop .pop-box .pop-cont ol li::before {margin-bottom:0;}

    .modal-pop .pop-box .pop-close {top:5px; right:5px;}
}

@media all and (max-width:375px) {
    :root {
        --wrap-para:16px;

        --sub-para:80px;
        --sub-para02:80px;
    }

    /* common text */
    .tit-box span {font-size:18px;}
    .tit-box h3 {margin-top:8px; font-size:32px;}
    .tit-box p {font-size:16px;}

    /* header */
    header nav .gnb .menu {padding-top:65px;}
    header nav .gnb .menu li a {padding:14px 24px; font-size:20px;}

    header .mo-gnb::before,
    header .mo-gnb::after {width:calc(100% - 32px);}
    header .mo-gnb .menu li a {padding:20px 0;}

    /* footer */
    footer .ft-top .ft-logo {width:140px; height:50px;}

    footer .ft-btm select {font-size:14px;}

    /* modal popup */
    .modal-pop .pop-box .pop-cont ol li::before {font-size:14px;}
    .modal-pop .pop-box .pop-cont ol li strong {font-size:14px;}
    .modal-pop .pop-box .pop-cont ol li p {font-size:14px;}

    /* quick-menu */
    .quick-menu > a {font-size:20px;}

    /* title */
    .topFixedWrap {position:fixed;top:0;left:0;width:100%;z-index:1000}
    header {padding:14px 21px; position:relative;top:0;left:0;width:100%;box-sizing:border-box;margin:0 auto;}
    .title {width:100%;height:auto;overflow:hidden; display: flex; flex-wrap: wrap;}
    #wrap h1 {float:left;font-weight:bold;font-size:22px;line-height:30px;color:#000; width: 90px; height: 30px;}
    #wrap .contents {padding-top:57px;}
}