/* ===================================
    Default CSS
=================================== */

:root {
    /* Layout */
    --layoutwidth: 1200px;
    --boldWeight:300;
    /* Font */
    --mainfont:'Noto Sans KR';
    --pointfont:'Poppins';

    --koSerif:'Noto Serif KR';
    /* Color */
    --pointcolor:#e29035;
    --pointcolor2:#ff8907 ;

    --subColor:  #efefef;
    --subColor2: #fafafa;
    --subColor3: #262626;

    --mintcolor: #dff1f2;


    /* ============================================================
        만약 opacity 값을 줘야할 경우 사용법
        ex) color: rgba(var(--pointcolor-rgb), 0.5);
    ============================================================ */
    --pointcolor-rgb: 0, 170, 179;
}


.blind {display:none}
/* ========== Font family ========== */
.main-font    {font-family: var(--mainfont), sans-serif}
.point-font   {font-family: var(--pointfont),sans-serif}

.font_serif   {font-family: var(--koSerif), serif;}

/* =============== Color ===============*/
.point-color   {color: var(--pointcolor)!important;color: var(--pointcolor)}/* 익스용 CSS > impotant 쓰면 적용안되는 부분으로 한줄더 작성 */
.point-color2  {color: var(--pointcolor2)!important;color: var(--pointcolor2)}/* 익스용 CSS > impotant 쓰면 적용안되는 부분으로 한줄더 작성 */
.point-bg      {background-color: var(--pointcolor)}
.point-bg2     {background-color: var(--pointcolor2)}

.font_txt2 {color:#333 !important}
/* ==================================================================
    Reset 초기화 (2022.03.28)
===================================================================== */

*{outline:none;}
*, :after, :before {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;}

html, body{font-family: var(--mainfont), sans-serif;line-height: 1.5;font-weight:var(--boldWeight);line-height: 1.4; font-weight:500}
body{-webkit-font-smoothing: antialiased;-font-smoothing: antialiased; letter-spacing: -0.02em; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
div,span,p,ul,ol,li,dd,dt,dl,h1,h2,h3,h4,h5,h6{word-break: keep-all;} /* 줄바꿈 속성 (단어기준)*/
h1, h2, h3, h4, h5, h6{font-size: 1em;margin: 0;padding: 0;font-family: inherit;}
a, a:active, a:focus {text-decoration:none;color:#333;-webkit-tap-highlight-color: transparent;}
button{border:none;background-color:transparent;cursor: pointer;}
ul, dl,dt,dd {list-style:none}
b, strong {font-weight: 500;}
small{font-size:0.9em;vertical-align: text-bottom;}
tbody, tfoot, thead, tr, th, td{vertical-align: middle;}
	legend, caption {visibility:hidden;width:0;height:0;line-height:0;font-size:0;}
	 table { border-collapse:collapse; border:0; border-spacing:0; }
br{font-family:sans-serif}
img{
    image-rendering: -moz-auto;         /* Firefox */
    image-rendering:   -o-auto;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: auto;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}

input, button,textarea, select {margin:0;padding:0;font-family: var(--mainfont), sans-serif;font-size:1em}
input[type="submit"] {width: auto}
input[type="button"], input[type="text"], input[type="email"],
input[type="search"], input[type="password"], textarea, input[type="submit"] { -webkit-appearance: none; outline: none;}

input:focus, textarea:focus{ border-color: #585858; outline: none; }
input[type="button"]:focus{ outline: none;}
select::-ms-expand{ display:none;}

::-webkit-input-placeholder { color: #6f6f6f; text-overflow: ellipsis;}
::-moz-placeholder { color: #6f6f6f; text-overflow: ellipsis; opacity:1;}
::-ms-input-placeholder { color: #6f6f6f; text-overflow: ellipsis; opacity:1;}


@media (max-width: 500px) {
    div,span,p,ul,ol,li,dd,dt,dl,h1,h2,h3,h4,h5,h6{word-break: keep-all;} /* 줄바꿈 속성 (글자기준)*/
}

/* ==============================================================
    ♥ Custom (2022.04.29) ♥
============================================================== */
/* ===== Basic ===== */
html,body{font-size:16px}
@media (max-width:1440px){html, body {font-size: 14px;}}
@media (max-width:1240px){html, body {font-size: 13px;}}
@media (max-width:1024px){html, body {font-size: 11px;}}
@media (max-width:768px) {html, body {font-size: 10px;}}

/* ========== Font size (16px 기준) ========== */
.font-14  {font-size: 0.875rem;}
.font-16  {font-size:16px;}
.font-18  {font-size:18px;}
.font-20  {font-size:20px;}
.font-22  {font-size: 22px;}
.font-24  {font-size: 1.500rem;}
.font-26  {font-size: 1.625rem;}
.font-30  {font-size: 1.875rem;}
.font-32  {font-size: 2.000rem;}
.font-35  {font-size: 2.190rem;}
.font-40  {font-size: 2.500rem;}
.font-45  {font-size: 2.813rem;}
.font-50  {font-size: 3.125rem;}
.font-55  {font-size: 3.438rem;}
.font-60  {font-size: 3.750rem;}
.font-66  {font-size: 4.120rem;}
.font-70  {font-size: 4.375rem;}
.font-80  {font-size: 5.000rem;}
.font-90  {font-size: 5.625rem;}
.font-100 {font-size: 6.250rem;}
.font-120 {font-size: 7.500rem;}

@media (max-width:768px) {
    .font-90 {font-size: 4.625rem;}
    .font-100 {font-size: 5.250rem;}
    .font-120 {font-size: 5.500rem;}
}

/* ========== Font weight ========= */
.bold100 {font-weight:100}
.bold200 {font-weight:200}
.bold300 {font-weight:300}
.bold400 {font-weight:400}
.bold500 {font-weight:500}
.bold600 {font-weight:600}
.bold700 {font-weight:700}
.bold900 {font-weight:900}


/* ===== Basic color + background =====*/
.color-white          {color:#ffffff;}
.color-gray           {color:#ccc;}
.color-black          {color: #000000;}
.color-dark-gray      {color: #404040;}
.color-light-gray     {color: #e5e5e5;}

.bg-white             {background-color:#ffffff;}
.bg-black             {background-color:#000000;}
.bg-gray              {background-color:#ccc;}
.bg-dark-gray         {background-color:#404040;}
.bg-light-gray        {background-color:#f5f5f5;}

/* ========== Line-hight ========== */
.lh-10 {line-height: 1.0}
.lh-12 {line-height: 1.2}
.lh-14 {line-height: 1.4}
.lh-15 {line-height: 1.5}
.lh-17 {line-height: 1.7}
.lh-20 {line-height: 2.0}

/* =============== Letter-spacing =============== */
.spacing01{letter-spacing: 0.1em}
.ls-1 {letter-spacing:-2px;}

/* =============== Layout =============== */
.imgBetweenbox{display: flex;justify-content: space-between;}
.imgBetweenbox .imgbox{padding-right:5%}
.imgBetweenbox .imgbox2{padding-left:5%}

@media (max-width:768px) {
	.imgBetweenbox {display:block}
	.imgBetweenbox .imgbox{padding-right:0%}
.imgBetweenbox .imgbox2{padding-left:0%}
    .imgBetweenbox.xs-column {flex-direction: column}
}


.non-768 {display: bolck}
.show-768 {display: none}
@media screen and (max-width:768px) {
	.non-768 {display:none}
    .show-768 {display: block;}
}


/* =============== Display =============== */
.block { display: block; }
.inline-block { display: inline-block; }

.flex { display: -webkit-box; display: -ms-flexbox; display: flex; }
.flex-wrap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;}
.flex-center {display: flex; align-items: center; justify-content: center;}

.justify-start { justify-content:flex-start !important}
.justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.align-self-start{align-self: flex-start}
.align-self-center{align-self: center}
.align-self-end{align-self: flex-end}

.shrink0{flex-shrink: 0}

/* ========== Section Common ==========*/
.section       {padding:200px 0;}
.section_mini  {padding:100px 0 !important;}
.section-left  {padding-left : calc((100% - var(--layoutwidth)) / 2);width:100%;}
.section-right {padding-right: calc((100% - var(--layoutwidth)) / 2);width:100%;}

.container {max-width: var(--layoutwidth); margin:auto}
.cont_box {margin-top: 4.68rem;}

.mark     {display: inline !important;box-shadow: inset 0 -0.65em 0 rgba(248, 82, 125, 0.3);}
.shadow   {box-shadow: 0 0 7px rgb(0 0 0 / 10%);}
.clearfix {*zoom:1;}
.clearfix:before,.clearfix:after {content: '';clear: both;display: block;}
.basicZindex{z-index: 1}
.white-color {color:#fff}

@media (max-width:1440px) {
    .container{width:90%;margin:auto;}

    .section       {padding:130px 0;}
    .section_mini  {padding:100px 0;}
    .section-left  {padding-left : 5%}
    .section-right {padding-right: 5%}
}

@media (max-width: 990px) {
    .section       {padding:100px 0;}
    .section_mini  {padding:80px 0}
}

@media (max-width: 768px) {
    .section      {padding:80px 0;}
    .section_mini {padding:50px 0}

    .cont_box {margin-top: 3.5rem;}
}

/* ========== Text-align ========== */
.text-left   {text-align:left;}
.text-right  {text-align:right;}
.text-center {text-align:center !important}

/* ========== Position & Visible ========== */
.hidden   {overflow: hidden;}
.relative {position: relative;}
.absolute {position: absolute;}

/* .hidden-lg, .hidden-md, .hidden-sm, .hidden-xs,.hidden-xxs {display:block !important} */
.visible-lg, .visible-md, .visible-sm, .visible-xs,.visible-xxs {display:none !important}

@media (max-width:1440px) { .hidden-lg {display:none!important} .visible-lg {display:block!important}}
@media (max-width:1240px) { .hidden-md {display:none!important} .visible-md {display:block!important}}
@media (max-width:990px)  { .hidden-sm {display:none!important} .visible-sm {display:block!important}}
@media (max-width:768px)  { .hidden-xs {display:none!important} .visible-xs {display:block!important}}
@media (max-width:500px)  { .hidden-xxs{display:none!important} .visible-xxs{display:block!important}}

/* ===== Img & Width===== */
.img-responsive {max-width: 100%;display: block;}

.width100 {width: 100% !important;width:100%}
.width95 {width: 95%;}
.width90 {width: 90%;}
.width80 {width: 80%;}
.width70 {width: 70%;}
.width65 {width: 65%;}
.width60 {width: 60%;}
.width55 {width: 55%;}
.width50 {width: 50%;}
.width45 {width: 45%;}
.width40 {width: 40%;}
.width35 {width: 35%;}
.width30 {width: 30%;}
.width25 {width: 25%;}
.width20 {width: 20%;}
.width15 {width: 15%;}
.width10 {width: 10%;}


@media (max-width:890px)  {
.width55 {width:100%;}
.width50 {width:100%;}
.width45 {width:100%;}
}
/* ===== Layout ===== */
.max1920{max-width:1920px}
.max1820{max-width:1820px}
.max1660{max-width:1660px}
.max1520{max-width:1520px}
.max1440{max-width:1440px}
.max1400{max-width:1400px}
.max1240{max-width:1240px}
.max1200{max-width:1200px}
.max1024{max-width:1024px}
.max990{max-width:1024px}
.max768{max-width:768px}
.max500{max-width:500px}

/* ===== Margin ===== */
.no-margin {margin:0 !important}
.m-0auto {margin: 0 auto !important;}
.m-auto {margin: auto}

.ml-auto {margin-left: auto;}
.mr-auto {margin-right: auto;}
.mt-auto {margin-top: auto;}

.mt-0   {margin-top: 0 !important;}
.mt-5   {margin-top: 0.313em;}
.mt-10  {margin-top: 0.625rem;}
.mt-20  {margin-top: 1.25rem;}
.mt-30  {margin-top: 1.875rem;}
.mt-40  {margin-top: 2.5rem;}
.mt-50  {margin-top: 3.125rem;}
.mt-60  {margin-top: 3.75rem;}
.mt-80  {margin-top: 5rem;}
.mt-100 {margin-top: 6.250rem;}

.mr-0   {margin-right: 0 !important;}
.mr-10  {margin-right: 0.625rem;}
.mr-20  {margin-right: 1.25rem;}
.mr-30  {margin-right: 1.875rem;}
.mr-40  {margin-right: 2.5rem;}
.mr-50  {margin-right: 3.125rem;}
.mr-60  {margin-right: 3.75rem;}
.mr-80  {margin-right: 5rem;}

.mb-0   {margin-bottom: 0 !important;}
.mb-5   {margin-bottom: 0.313em;}
.mb-10  {margin-bottom: 0.625rem;}
.mb-20  {margin-bottom: 1.25rem;}
.mb-30  {margin-bottom: 1.875rem;}
.mb-40  {margin-bottom: 2.5rem;}
.mb-50  {margin-bottom: 3.125rem;}
.mb-60  {margin-bottom: 3.75rem;}
.mb-80  {margin-bottom: 5rem;}

.ml-0   {margin-left: 0 !important;}
.ml-10  {margin-left: 0.625rem;}
.ml-20  {margin-left: 1.25rem;}
.ml-30  {margin-left: 1.875rem;}
.ml-40  {margin-left: 2.5rem;}
.ml-50  {margin-left: 3.125rem;}
.ml-60  {margin-left: 3.75rem;}
.ml-80  {margin-left: 5rem;}

/* ===== Padding ===== */
.no-padding {padding:0!important}

.pt-0   {padding-top: 0!important;}
.pb-0   {padding-bottom: 0!important;}
.pr-0   {padding-right:0!important}
.pl-0   {padding-left:0!important}

.pt-10  {padding-top: 0.625rem;}
.pt-20  {padding-top: 1.250rem;}
.pt-30  {padding-top: 1.875rem;}
.pt-40  {padding-top: 2.500rem;}
.pt-50  {padding-top: 3.125rem;}
.pt-60  {padding-top: 3.750rem;}
.pt-80  {padding-top: 5.000rem;}
.pt-100 {padding-top: 6.250rem;}

.pb-10  {padding-bottom: 0.625rem;}
.pb-20  {padding-bottom: 1.250rem;}
.pb-30  {padding-bottom: 1.875rem;}
.pb-40  {padding-bottom: 2.500rem;}
.pb-50  {padding-bottom: 3.125rem;}
.pb-60  {padding-bottom: 3.750rem;}
.pb-80  {padding-bottom: 5.000rem;}
.pb-100 {padding-bottom: 6.250rem;}

.pr-10  {padding-right: 0.625rem;}
.pr-20  {padding-right: 1.250rem;}
.pr-30  {padding-right: 1.875rem;}
.pr-40  {padding-right: 2.500rem;}
.pr-50  {padding-right: 3.125rem;}
.pr-60  {padding-right: 3.750rem;}
.pr-80  {padding-right: 5.000rem;}
.pr-100 {padding-right: 6.250rem;}

.pl-10  {padding-left: 0.625rem;}
.pl-20  {padding-left: 1.250rem;}
.pl-30  {padding-left: 1.875rem;}
.pl-40  {padding-left: 2.500rem;}
.pl-50  {padding-left: 3.125rem;}
.pl-60  {padding-left: 3.750rem;}
.pl-80  {padding-left: 5.000rem;}
.pl-100 {padding-left: 6.250rem;}


/* ==================================================================
기본 box style Layout
===================================================================== */

/* ==> 이미지 + 텍스트 */
.between-box .img-left{display:flex;align-items: center;width:100%;}
.between-box .img-left > .img{order:1}
.between-box .img-left > .txt{order:2;padding-left: 5%;}

.between-box .img-right{display:flex;align-items: center;width:100%;}
.between-box .img-right > .img{order:2}
.between-box .img-right > .txt{order:1;padding-right: 5%;}
.between-box .img-right > .txt2{order:1;padding-right: 5%; padding-left: 10%;}

@media (max-width: 960px) {
    .between-box .img-left, .between-box .img-right{flex-wrap: wrap;}
    .between-box .img-right > .img, .between-box .img-left > .img{width:100%;padding:0}
    .between-box .img-right > .txt, .between-box .img-left > .txt{width:100%;padding:0}

    .between-box .img-left > .img{order:2;padding-top:3rem}
    .between-box .img-left > .txt{order:1;}

    .between-box .img-right > .img{order:2;padding-top:3rem}
    .between-box .img-right > .txt{order:1;}

    .between-box .img-right > .txt2{order:1;padding-right: 5%; padding-left:0;}
}

/* ==> 2개 박스*/
.box_wrap2 {display: flex; flex-wrap: wrap; justify-content: space-between;}
.box_wrap2 .box {width: 48%; margin-top: 4%;}
.box_wrap2 .box:nth-child(-n+2) {margin-top: 0;}

/* ==> 3개 박스*/
.box_wrap3 {margin-bottom:3%;display:flex;flex-wrap: wrap;}
.box_wrap3:last-child {margin-bottom:0}
.box_wrap3 .box {width:30.66%;margin-right:4%;margin-top:3%;}
.box_wrap3 .box:nth-child(-n+3) {margin-top:0}
.box_wrap3 .box:nth-child(3n) {margin-right:0}
.box_wrap3 .box:last-child {margin-right:0}

/* ==> 여백없는 3개 박스*/
.box_wrap3.mr-0 .box{width:33.3333%;margin-right:0;}
.box_wrap3.mr-0{margin-bottom:0}

/* ==> 4개 박스*/
.box_wrap4 {margin-bottom:3%;display:flex;flex-wrap: wrap;}
.box_wrap4:last-child {margin-bottom:0}
.box_wrap4 .box {width:24%;margin-right:1%;margin-top:3%;}
.box_wrap4 .box:nth-child(-n+4) {margin-top:0}
.box_wrap4 .box:nth-child(4n) {margin-right:0}
.box_wrap4 .box:last-child {margin-right:0}

/* ==> 여백없는 4개 박스*/
.box_wrap4.mr-0 .box{width:25%;margin-right:0;}
.box_wrap4.mr-0{margin-bottom:0}

/* ==> 5개 박스*/
.box_wrap5 {margin-bottom:1.5%;display:flex;flex-wrap: wrap;}
.box_wrap5:last-child {margin-bottom:0}
.box_wrap5 .box {width:18%;margin-right:2%;margin-top:3%;}
.box_wrap5 .box:nth-child(-n+5) {margin-top:0}
.box_wrap5 .box:nth-child(5n) {margin-right:0}
.box_wrap5 .box:last-child {margin-right:0}


/* ==> 6개 박스*/
.box_wrap6 {margin-bottom:1.5%;display:flex;flex-wrap: wrap;}
.box_wrap6:last-child {margin-bottom:0}
.box_wrap6 .box {width:16.6666%;margin-top:3%;}
.box_wrap6 .box:nth-child(-n+6) {margin-top:0}


/* ========== wrap-style ========== */

@media (max-width:1240px) {
    .md-direction{flex-direction: column;}
    .md-w100{width:100%}
    .md-w90{width:90%}
    .md-w80{width:80%}
    .md-mt10{margin-top:1rem}
    .md-pl0{padding-left:0}
    .md-order{order: 1}

    /* 2개정렬 */
    .wrap-md{display: flex;flex-wrap:wrap;justify-content: space-between;}
    .wrap-md > .box{width: 48%;margin-right:0;margin-left:0;}
    .wrap-md > .box:nth-child(2)~.box{margin-top:2rem}
    /* 3개정렬 */
    .wrap3-md{flex-wrap: wrap}
    .wrap3-md .box {width:30.66%;margin-right:4%}
    .wrap3-md .box:nth-child(-n+3) {margin-top:0}
    .wrap3-md .box:nth-child(3n) {margin-right:0}
    .wrap3-md > .box:nth-child(3)~.box{margin-top:2rem}
    .wrap3-md .box:last-child {margin-right:0}
}
@media (max-width:990px) {
    .sm-direction{flex-direction: column;}
    .sm-w100{width:100%}
    .sm-w90{width:90%}
    .sm-w80{width:8%}
    .sm-mt10{margin-top:1rem}
    .sm-pl0{padding-left:0}
    .sm-order{order: 1}

    .wrap-sm{display: flex;flex-wrap:wrap;justify-content: space-between;}
    .wrap-sm > .box{width: 48%;margin-right:0;margin-left:0;}
    .wrap-sm > .box:nth-child(2)~.box{margin-top:2rem}
	
	.box_wrap4 .box {width:100%; margin-right:0%; margin-bottom:3%;}
	.box_wrap5 .box {width:100%; margin-right:0%; margin-bottom:3%;}
}

@media (max-width:768px) {
    .xs-direction{flex-direction: column;}
    .xs-w100{width:100%}
    .xs-w90{width:90%}
    .xs-w80{width:80%}
    .xs-mt10{margin-top:1rem}
    .xs-pl0{padding-left:0}
    .xs-order{order: 1}
	
	/*.wrap-xs{display: flex;flex-wrap:wrap;justify-content: space-between;}*/
    .wrap-xs > .box{width: 48%;margin-right:0;margin-left:0;}
    .wrap-xs > .box:nth-child(2)~.box{margin-top:2rem}

    .wrap-xs100 > .box{width: 100%;margin-right:0;margin-left:0;}
    .wrap-xs100 > .box:nth-child(1) ~ .box{margin-top:2rem}
}

@media (max-width:500px) {
    .xxs-direction{flex-direction: column;}
    .xxs-w100{width:100%}
    .xxs-w90{width:90%}
    .xxs-w80{width:80%}
    .xxs-mt10{margin-top:1rem}
    .xxs-pl0{padding-left:0}
    .xxs-order{order: 1}

    .wrap-xxs{display: flex;flex-wrap:wrap;justify-content: space-between;}
    .wrap-xxs > .box{width: 48%;margin-right:0;margin-left:0;}
    .wrap-xxs > .box:nth-child(2)~.box{margin-top:2rem}

    .wrap-xxs100 > .box{width: 100%;margin-right:0;margin-left:0;}
    .wrap-xxs100 > .box:nth-child(1)~.box{margin-top:2rem}
}


/* ==================================================================
    그누보드 팝업 (기본제공)
===================================================================== */
@media(max-width:1440px){
    #hd_pop {width: 90% !important;z-index: 10000;display: flex;justify-content: space-between;flex-wrap: wrap;    align-items: flex-start;}
    .hd_pops{position: relative;width:49% !important; left: auto !important; top: 10px !important; margin-bottom: 2%;}
    .hd_pops_con{width: 100% !important;  height: auto !important;}
    .hd_pops img{width: 100% !important;}
}
@media(max-width:1024px){
    .hd_pops{width: 49% !important;}
}

@media(max-width:768px){
    .hd_pops{width: 100% !important;position: absolute;;}
}

/* ==================================================================
    게시판 관련 CSS (수정예정)
===================================================================== */
#bo_list, #bo_w, #bo_v, #bo_gall,#board_FAQ,#Membership {max-width: var(--layoutwidth);width: 90% !important;margin:10rem auto !important;font-size:1rem}
.more_opt{font-size:0.92rem}/* ... 옵션 관련 글자크기 */


/* ==================================================================
    Animation 및 효과 설정부분
===================================================================== */

/* ========== Aos ========== */
[data-aos=fade-up2] { transform: translate3d(0, 30px, 0); }
[data-aos=fade-down2] { transform: translate3d(0, -30px, 0); }
[data-aos=fade-right2] { transform: translate3d(-30px, 0, 0); }
[data-aos=fade-left2] { transform: translate3d(30px, 0, 0); }
[data-aos=fade-up-right2] { transform: translate3d(-30px, 30px, 0); }
[data-aos=fade-up-left2] { transform: translate3d(30px, 30px, 0); }
[data-aos=fade-down-right2] { transform: translate3d(-30px, -30px, 0); }
[data-aos=fade-down-left2] { transform: translate3d(30px, -30px, 0); }
[data-aos=fade-in] { transform: translate3d(0, 0, 0); }

[data-aos="title"]{ opacity: 0;}
[data-aos="title"].aos-animate {animation: title 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;}
[data-aos="tit_mini"]{ opacity: 0;}
[data-aos="tit_mini"].aos-animate {animation: tit_mini 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;}
[data-aos="focus"]{ opacity: 0;}
[data-aos="focus"].aos-animate {animation: focus 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

/* cssanimation custom */
[data-aos*="cssAnimaion"] {opacity: 0}
[data-aos*="cssAnimaion"] span{display: inline-block;}
[data-aos*="cssAnimaion"].aos-animate {opacity: 1}
[data-aos*="cssAnimaion"].aos-animate span{animation-duration: 1s;animation-fill-mode: both;width:auto}

[data-aos*="leScaleYIn"].aos-animate span{animation-name: leScaleYIn}
[data-aos*="leFadeInTop"].aos-animate span{animation-name: leFadeInTop}

/* custom Aos */
[data-aos*="reveal"]{opacity: 0}
[data-aos*="reveal"].aos-animate{opacity: 1}

[data-aos="reveal-line"]{clip-path:polygon(0 0,0 0,0 100%,0 100%);}
[data-aos="reveal-line"].aos-animate {clip-path: polygon(0 0,100% 0,100% 100%,0 100%)}
[data-aos="reveal-line-revers"]{clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)}
[data-aos="reveal-line-revers"].aos-animate {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)}
[data-aos="reveal-line-half"]{clip-path:polygon(0 0,50% 0,50% 100%,0 100%);}
[data-aos="reveal-line-half"].aos-animate {clip-path: polygon(0 0,100% 0,100% 100%,0 100%)}

[data-aos="reveal-top"]{clip-path:polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);}
[data-aos="reveal-top"].aos-animate {clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);}
[data-aos="reveal-bottom"]{clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}
[data-aos="reveal-bottom"].aos-animate {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}

[data-aos="reveal-circle"]{clip-path: circle(0% at 50% 50%);}
[data-aos="reveal-circle"].aos-animate {clip-path:  circle(100% at 50% 50%);}


/* ========== Animation ========== */
@keyframes title    {0% {letter-spacing: -0.5em;opacity: 0;} 40% {opacity: 0.6;}  100% {opacity: 1;} }
@keyframes tit_mini {0% {letter-spacing: 0.5em;opacity: 0;}  40% {opacity: 0.6;}  100% {letter-spacing: 0;opacity: 1;}}
@keyframes focus    {0% {-webkit-filter: blur(12px);filter: blur(12px);opacity: 0;}  100% {-webkit-filter: blur(0px);filter: blur(0px);opacity: 1;}}
@keyframes cycleM   {0% {transform:  translateY(0) scale(1);}    100% {transform: translateY(1.5rem) scale(0.95)}}
@keyframes rotate   {from{ transform: rotate(0); }to{ transform: rotate(360deg); }}
@keyframes scroll   {0% {transform: translate(-50%, 0);opacity: 0;} 40% {opacity: 1;}80% {transform: translate(-50%, 1.4rem);opacity: 0;}100% {opacity: 0;}}
@keyframes bigger{ 0%{transform: scale(0); opacity:1;} 100%{transform: scale(5); opacity:0;}}
@keyframes shake {
  0%,100% {-webkit-transform: translateX(0);transform: translateX(0);}
  10%,30%,50%,70% {-webkit-transform: translateX(-10px);transform: translateX(-10px);}
  20%,40%,60% {-webkit-transform: translateX(10px);transform: translateX(10px);}
  80% {-webkit-transform: translateX(8px);transform: translateX(8px);}
  90% {-webkit-transform: translateX(-8px);transform: translateX(-8px);}
}



/*quick_counsel*/
#quick_counsel {width:100%; height: 80px; overflow: hidden; position:sticky; bottom:-2px; left:0; z-index: 99;}
#quick_counsel .halfBox {float: left; width: 50%; overflow: hidden; box-sizing: border-box; height: 80px; }
#quick_counsel .halfBox .cont {width: 600px; overflow: hidden; position: relative; padding: 20px; box-sizing: border-box;}

#quick_counsel #num {background: #202020;}
#quick_counsel #num .cont {float: right; padding-left: 0;}
#quick_counsel #num span {background:var(--pointcolor);; display: inline-block; border-radius: 50px; padding: 8px 20px; line-height: 1; font-size: 14px; color: #fff; float: left; vertical-align: middle; margin-top: 5px;}
#quick_counsel #num p {color:#c8c8c8; float: left; font-size: 14px; line-height: 1.3;}
#quick_counsel #num h4 {color: #fff; float: left; font-weight: 900; margin: 0 30px 0 15px;}
#quick_counsel #num h4 a {color: #fff;}

#quick_counsel #input {background: var(--pointcolor);;}
#quick_counsel #input .cont {float: left;}
#quick_counsel #input input[type='text'] {width: 170px; height: 40px; background: #fff; border: 0; box-sizing: border-box; padding: 0 15px; font-size: 15px; float: left; margin-right: 15px;}
#quick_counsel #input button {width: 190px; height: 40px; background: #202020; color: #c8c8c8; font-size: 13px; border: 0; float: left;}



@media screen and (max-width: 1200px) {
	#quick_counsel {height: auto;}
	#quick_counsel .halfBox .cont {width: 100%; }
	
	#quick_counsel #input input[type='text'] {width: 32%; margin-right: 2%;}
	#quick_counsel #input button {width: 32%; margin-right: 0;}
}

@media screen and (max-width: 980px) {
	#quick_counsel .halfBox {width: 100%;}
	#quick_counsel .halfBox .cont {padding: 15px;}
	
	#quick_counsel #num .cont {padding-left: 15px;}
	#quick_counsel #num h4 {margin-left: 10px !important;}
	#quick_counsel #num span {margin-top: 0;}
	#quick_counsel #num p {padding-top: 3px; font-size: 13px;}
	#quick_counsel #num p br {display: none;}
	#quick_counsel #input input[type='text'] {font-size: 14px;}
}



/*레이어팝업*/
#layer_pop {position: fixed; top: 0; left: 0; z-index: 99999; width: 100vw; height: 100vh; background: rgba(0,0,0,0.7); overflow: scroll;}
#layer_pop::-webkit-scrollbar {display: none;}

#layer_pop-cont {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); width: 750px; border-radius: 20px 20px 0 0; overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,0.3); }
.layer_pop-slider {width: 600px; overflow: hidden; height: 840px;}
.layer_pop-slider .swiper-slide img {width: 100%;}
.layer_pop-slider-pagination {position: absolute; top: 0 !important; right: 0 !important; left: auto !important; width: 150px !important; height: 840px; background: #000;}
.layer_pop-slider-pagination span {color: #fff; width: 100%;/* height: 14.285714%;*/ height: 15%; border-bottom: 1px solid rgba(255,255,255,0.3); box-sizing: border-box; padding: 0 15px; display: table; border-radius: 0; text-align: center; opacity: 1; margin: 0 !important}
.layer_pop-slider-pagination span::before {font-size: 15px; color: #fff; display: table-cell; vertical-align: middle; word-break: keep-all;}
.layer_pop-slider-pagination span:nth-of-type(1)::before {content: '보건복지부 인증의료기관';}
.layer_pop-slider-pagination span:nth-of-type(2)::before {content: '의사/간호인력 1등급';}
.layer_pop-slider-pagination span:nth-of-type(3)::before {content: '간병비 지원 ';}

.layer_pop-slider-pagination span.swiper-pagination-bullet-active {background: var(--pointcolor)}


#layer_pop-closed {width: 100%; height: 50px; background: #000; display: flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; padding:10px 15px;}
#layer_pop-closed .single input[type=checkbox] {display:none;}
#layer_pop-closed .single input[type=checkbox] + label {position:relative; display:inline-block; cursor:pointer; padding-left:35px; font-size:15px; line-height: 23px; color: #fff; }
#layer_pop-closed .single input[type=checkbox] + label:before {position:absolute; left:0; top:0; display:inline-block; width:25px; height:25px; border: 1px solid #fff; box-sizing: border-box; overflow: hidden; background-position: center; background-repeat: no-repeat; content: ''; background-size: 60%; background-image: url("/images/icon-check-w.png"); background-color:transparent; }
#layer_pop-closed .single input[type=checkbox]:checked + label:before {background-color:#bca798;}
#layer_pop-closed button {border: 0; background-color: transparent;}



@media all and (max-width:980px){
    
    #layer_pop-cont {width: 90%; top: 5%; transform: translate(-50%, 0); box-shadow: none;}
    .layer_pop-slider {width: 100%; height: auto;}
    .layer_pop-slider-pagination {position: relative; top: auto; bottom: auto !important; right: auto; width: 100% !important; height: auto; display: flex; flex-wrap: wrap;}
    .layer_pop-slider-pagination span {width: 25%; height: 40px; padding: 0 10px; line-height: 40px; margin: 0  !important; display: block;}
    .layer_pop-slider-pagination span::before {font-size: 12px;  width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
    
    #layer_pop-closed {height: 40px; margin-bottom: 40px; background-color: transparent;}
    #layer_pop-closed .single input[type=checkbox] + label {font-size: 12px; line-height: 8px; padding-left: 25px; padding-top: 5px; padding-bottom: 5px;}
    #layer_pop-closed .single input[type=checkbox] + label:before  {width: 18px; height: 18px;}
    
    .single input[type=checkbox] + label {padding-left:23px; font-size:14px; line-height: 15px;}
    .single input[type=checkbox] + label:before {width: 15px; height: 15px;}
}