@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Marcellus:wght@300;400;500;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Sorts+Mill+Goudy&display=swap');

@import url('https://webfontworld.github.io/kopus/KoPubWorldDotum.css');

@import url('https://webfontworld.github.io/kopus/KoPubWorldBatang.css');

@import url('https://fonts.googleapis.com/earlyaccess/jejumyeongjo.css');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:wght@300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');


/* Fonts */
.notoserif *,.notoserif {
    font-family: 'Noto Serif KR', serif;
	-webkit-font-smoothing: antialiased;
    letter-spacing: -0.02em;
}
.marcellus *,.marcellus {
    font-family: 'Marcellus','Noto Sans KR', sans-serif;
}
.sortsmillgoudy *,.sortsmillgoudy {
    font-family: 'Sorts Mill Goudy', sans-serif;
}
.notosans *,.notosans {
    font-family: 'Noto Sans KR', sans-serif;
}
.kopubworlddotum *,.kopubworlddotum {
    font-family: 'KoPubWorldDotum', sans-serif;
}
.kopubworldbatang *,.kopubworldbatang {
    font-family: 'KoPubWorldBatang', sans-serif;
}
.jejumyeongjo *,.jejumyeongjo {
    font-family: 'Jeju Myeongjo', serif;
}
.montserrat *,.montserrat {
    font-family: 'Montserrat', sans-serif;
}
.cormorantinfant *,.cormorantinfant {
    font-family: 'Cormorant Infant', serif;
}
.nanummyeongjo *,.nanummyeongjo {
    font-family: 'Nanum Myeongjo', serif;
}
/*.perpetua *,.perpetua {
    font-family: 'perpetua', sans-serif;
}*/
.playfair *,.playfair {
    font-family: 'Playfair Display', serif;
}




/* Common */
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-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html,body{min-width:1903px; max-width:1920px; width:100%; margin:0 auto;}
html, body{
	font:300 16px/1.3 'Noto Sans KR', sans-serif;
	color: #000;
}
body.open{width:100%; height:100%; overflow-y: hidden;}
body *{box-sizing: border-box; word-break: keep-all;}
a:hover, a:link, a:visited, a:active {text-decoration: none; color: inherit;}
hr{border:0; margin:0; width:100%; height:1px; background: #fff;}
button{font-family: inherit;}
address {font-style: normal;}


/*
input{
  ios대응<!-- 주석해야됌 -->
  appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
*/
select{
  /*ios대응*/
  -webkit-appearance: none;
  -moz-appearance: none; 
  appearance: none;

  /*화살표 배경 넣기*/
/*  background: url('/img/select-down-arrow.svg') no-repeat 93% 50% rgba(255, 255, 255, 0); background-size:12px;화살표 select박스 오른쪽 중앙 배치,배경 흰색*/
}
select::-ms-expand{ 
  display:none; /* 화살표 없애기 for IE10, 11*/
}
a { -webkit-tap-highlight-color:transparent;}
* {-webkit-tap-highlight-color:transparent;}
img {max-width: 100%; vertical-align: top;}

.container {padding: 0 65px;}

.dp_ib {display: inline-block;}
.dp_none {display: none;}

.p_r{position:relative;}

body > #preview_item{display:none;}
body > #hd_login_msg{display:none;}

/* skip */
#skip a {position: absolute; top: 0; left: -9999px; z-index: 1000;}
#skip a:focus, #skip a:active {display: block; top: 0; left: 0;  width: 100%; padding: 10px 0; background: #789dc0; color: #fff; text-align: center;}

/* hide text */
.blind {font-size: 0; line-height: 0; width: 1px; height: 1px; line-height: 1px; text-align: -9999px; overflow: hidden; position: absolute; top: 0; left: -9999px;}
.ir_text{display: block; width: 100%; height: 100%; text-indent: -9999em;}

/* font-size */   
.h1{font-size:2.813px; line-height: 1.4;}
.h2{font-size:2.5px; line-height: 1.4;}
.h3{font-size:2.25px; line-height: 1.4;}
.h4{font-size:1.875px; line-height: 1.4;}
.h5{font-size:1.563px; line-height: 1.4;}
.h6{font-size:1.5px; line-height: 1.4;}

.fz_10{font-size: 10px;}
.fz_11{font-size: 11px;}
.fz_12{font-size: 12px;}
.fz_13{font-size: 13px;}
.fz_14{font-size: 14px;}
.fz_15{font-size: 15px;}
.fz_16{font-size: 16px;}
.fz_17{font-size: 17px;}
.fz_18{font-size: 18px;}
.fz_19{font-size: 19px;}
.fz_20{font-size: 20px;}
.fz_21{font-size: 21px;}
.fz_22{font-size: 22px;}
.fz_23{font-size: 23px;}
.fz_24{font-size: 24px;}
.fz_25{font-size: 25px;}
.fz_26{font-size: 26px;}
.fz_27{font-size: 27px;}
.fz_28{font-size: 28px;}
.fz_29{font-size: 29px;}
.fz_30{font-size: 30px;}
.fz_31{font-size: 31px;}
.fz_32{font-size: 32px;}
.fz_33{font-size: 33px;}
.fz_34{font-size: 34px;}
.fz_35{font-size: 35px;}
.fz_36{font-size: 36px;}
.fz_37{font-size: 37px;}
.fz_38{font-size: 38px;}
.fz_39{font-size: 39px;}
.fz_40{font-size: 40px;}
.fz_42{font-size: 42px;}
.fz_43{font-size: 43px;}
.fz_45{font-size: 45px;}
.fz_46{font-size: 46px;}
.fz_48{font-size: 48px;}
.fz_50{font-size: 50px;}
.fz_90{font-size: 84px;}



/* font style */
.ta_c{text-align: center;}
.ta_l{text-align: left;}
.ta_r{text-align: right;}

.light{font-weight: 300;}
.normal{font-weight: 400;}
.medium{font-weight: 500;}
.semibold{font-weight: 600;}
.bold{font-weight: 700;}

.italic{font-style:italic;}


/* color */
.c-w{color:#fff;}
.c-b{color:#000;}
.c-gray {color:#767676;}
.c-010101 {color:#010101;}
.c-a7a59d {color:#a7a59d;}
.c-f2f2f3 {color:#f2f2f3;}
.c-f6f6f6 {color:#f6f6f6;}
.c-727272{color:#727272;}
.c-7f7f7f{color:#7f7f7f;}
.c-2d2d2d{color:#2d2d2d;}
.c-252525{color:#252525;}
.c-233d2d{color:#233d2d;}
.c-303030{color:#303030;}
.c-363636{color:#363636;}
.c-4b3b2b{color:#4b3b2b;}
.c-455e56{color:#455e56;}
.c-535353{color:#535353;}
.c-553819{color:#553819;}
.c-565656{color:#565656;}
.c-595959{color:#595959;}
.c-6d6d6d{color:#6d6d6d;}
.c-6b6b6b{color:#6b6b6b;}
.c-676767{color:#676767;}
.c-959595{color:#959595;}
.c-979797{color:#979797;}
.c-60656e{color:#60656e;}
.c-1f3d74{color:#1f3d74;}
.c-4b3b2b{color:#4b3b2b;}
.c-c6a582{color:#c6a582;}
.c-ebebeb{color:#ebebeb;}
.c-edecec{color:#edecec;}
.c-e3e3e3{color:#e3e3e3;}
.c-5580b8{color:#5580b8;}
.c-6a8ec9{color:#6a8ec9;}
.c-698fc0{color:#698fc0;}
.c-7198bd{color:#7198bd;}
.c-8c8c8c{color:#8c8c8c;}
.c-d31616{color:#d31616;}
.special_text{color:#f27434;}

/* line-height */
.lh_1{line-height: 1;}
.lh_11{line-height: 1.1;}
.lh_12{line-height: 1.2;}
.lh_13{line-height: 1.3;}
.lh_14{line-height: 1.4;}
.lh_15{line-height: 1.5;}
.lh_16{line-height: 1.6;}
.lh_17{line-height: 1.7;}
.lh_18{line-height: 1.8;}
.lh_19{line-height: 1.9;}
.lh_2{line-height: 2;}
.lh_21{line-height: 2.1;}
.lh_22{line-height: 2.2;}
.lh_23{line-height: 2.3;}
.lh_24{line-height: 2.4;}

/* letter-spacing */
.ls_p1{letter-spacing:0.01em;}
.ls_p2{letter-spacing:0.02em;}
.ls_p3{letter-spacing:0.03em;}
.ls_p4{letter-spacing:0.04em;}
.ls_p5{letter-spacing:0.05em;}
.ls_p6{letter-spacing:0.06em;}
.ls_p7{letter-spacing:0.07em;}
.ls_p8{letter-spacing:0.08em;}
.ls_p10{letter-spacing:0.1em;}
.ls_p20{letter-spacing:0.2em;}

.ls_0{letter-spacing:0em;}
.ls_2{letter-spacing:-0.02em;}
.ls_3{letter-spacing:-0.03em;}
.ls_4{letter-spacing:-0.04em;}
.ls_5{letter-spacing:-0.05em;}

/* margin-bottom */
.m_5{margin-bottom: 5px;}
.m_10{margin-bottom: 10px;}
.m_15{margin-bottom: 15px;}
.m_20{margin-bottom: 20px;}
.m_30{margin-bottom: 30px;}
.m_40{margin-bottom: 40px;}
.m_50{margin-bottom: 50px;}
.m_60{margin-bottom: 60px;}
.m_80{margin-bottom: 80px;}
.m_100{margin-bottom: 100px;}
.m_120{margin-bottom: 120px;}
.m_160{margin-bottom: 160px;}
.m_200{margin-bottom: 200px;}

/* margin-left */
.ml_10{margin-left: 10px;}
.ml_20{margin-left: 20px;}
.ml_30{margin-left: 30px;}
.ml_40{margin-left: 40px;}

/* padding */
.pd_60{padding: 60px 0;}
.pd_80{padding: 80px 0;}
.pd_100{padding: 100px 0;}
.pd_120{padding: 120px 0;}
.pd_140{padding: 140px 0;}
.pd_160{padding: 160px 0;}
.pd_200{padding: 200px 0;}

/* padding-top */
.pt_5{padding-top: 5px;}
.pt_10{padding-top: 10px;}
.pt_20{padding-top: 20px;}
.pt_30{padding-top: 30px;}
.pt_40{padding-top: 40px;}
.pt_60{padding-top: 60px;}
.pt_80{padding-top: 80px;}
.pt_100{padding-top: 100px;}
.pt_120{padding-top: 120px;}
.pt_140{padding-top: 140px;}
.pt_160{padding-top: 160px;}
.pt_180{padding-top: 180px;}
.pt_200{padding-top: 200px;}
.pt_210{padding-top: 210px;}
.pt_230{padding-top: 230px;}
.pt_250{padding-top: 250px;}

/* padding-left */
.pl_4px{padding-left:4px;}
.pl_5px{padding-left:5px;}
.pl_10{padding-left:10%;}
.pl_11{padding-left:11%;}
.pl_12{padding-left:12%;}
.pl_13{padding-left:13%;}
.pl_14{padding-left:14%;}
.pl_15{padding-left:15%;}
.pl_16{padding-left:16%;}
.pl_17{padding-left:17%;}
.pl_18{padding-left:18%;}
.pl_19{padding-left:19%;}
.pl_20{padding-left:20%;}
.pl_21{padding-left:21%;}
.pl_22{padding-left:22%;}
.pl_23{padding-left:23%;}
.pl_24{padding-left:24%;}
.pl_25{padding-left:25%;}
.pl_26{padding-left:26%;}

.m_auto{
    margin-left: auto;
    margin-right: auto;
}
.mx300{max-width: 300px;}
.mx400{max-width: 400px;}
.mx500{max-width: 500px;}
.mx520{max-width: 520px;}
.mx540{max-width: 540px;}
.mx550{max-width: 550px;}
.mx570{max-width: 570px;}


/* icon */
.map_marker_icon_w { display:inline-block; position:relative; width:15px; height:18px; background:url("/img/map_marker_icon_w.png") 50% 50%/100% no-repeat; }
.map_marker_icon_b { display:inline-block; position:relative; width:15px; height:18px; background:url("/img/map_marker_icon_b.png") 50% 50%/100% no-repeat; }
.icon_arrow_w{ display:inline-block; position:relative; width:1.875px; height:0.625px; background:url("/img/icon_arrow_w.svg") 50% 50%/100% no-repeat; }
.icon_arrow_b{ display:inline-block; position:relative; width:1.875px; height:0.625px; background:url("/img/icon_arrow_b.svg") 50% 50%/100% no-repeat; }
.icon_arrow_right_w { display:inline-block; position:relative; width:0.438px; height:0.688px; background:url("/img/arrow-right-w.svg") 50% 50%/100% no-repeat; }
.icon_arrow_right_b { display:inline-block; position:relative; width:0.438px; height:0.688px; background:url("/img/arrow-right.svg") 50% 50%/100% no-repeat; }
.icon_arrow_right_g { display:inline-block; position:relative; width:0.438px; height:0.688px; background:url("/img/arrow-right_g.svg") 50% 50%/100% no-repeat; }
.icon_arrow_right_w2 { display:inline-block; position:relative; width:1.25px; height:1.25px; border-radius:100%; background:#789dc0 url("/img/arrow-right-w.svg") 50% 50%/6px no-repeat; }
.icon_arrow_right_s_w { display:inline-block; position:relative; width:0.875px; height:0.875px; background: url("/img/arrow-right-w.svg") 50% 50%/4px no-repeat; }
.icon_arrow_right_s_w2 { display:inline-block; position:relative; width:0.875px; height:0.875px; border-radius:100%; background:#789dc0 url("/img/arrow-right-w.svg") 50% 50%/4px no-repeat; }
.icon_star_5{display:inline-block; position:relative; width:5.813px; height:0.875px; background: url("/img/icon_star_5.png") 50% 50%/100% no-repeat;}
.icon_star_4{display:inline-block; position:relative; width:5.813px; height:0.875px; background: url("/img/icon_star_4.png") 50% 50%/100% no-repeat;}
.icon_star_3{display:inline-block; position:relative; width:5.813px; height:0.875px; background: url("/img/icon_star_3.png") 50% 50%/100% no-repeat;}
.icon_star_2{display:inline-block; position:relative; width:5.813px; height:0.875px; background: url("/img/icon_star_2.png") 50% 50%/100% no-repeat;}
.icon_star_1{display:inline-block; position:relative; width:5.813px; height:0.875px; background: url("/img/icon_star_1.png") 50% 50%/100% no-repeat;}
.icon_star_0{display:inline-block; position:relative; width:5.813px; height:0.875px; background: url("/img/icon_star_0.png") 50% 50%/100% no-repeat;}
.icon_youtube{display:inline-block; position:relative; width:1.25px; height:1.25px; background: url("/img/youtube_icon.svg") 50% 50%/100% no-repeat;}
.icon_arrow_45{display:inline-block; position:relative; width:0.875px; height:0.875px; background: url("/img/arrow_45.png") 50% 50%/100% no-repeat;}
.ft_blog_icon{display:inline-block; position:relative; width:1.063px; height:1px; background: url("/img/ft_blog_icon.png") 50% 50%/100% no-repeat;}
.ft_youtube_icon{display:inline-block; position:relative; width:1.125px; height:0.813px; background: url("/img/ft_youtube_icon.png") 50% 50%/100% no-repeat;}
.ft_insta_icon{display:inline-block; position:relative; width:1.063px; height:1.063px; background: url("/img/ft_insta_icon.png") 50% 50%/100% no-repeat;}
.ft_blog_icon_m{display:inline-block; position:relative; width:2px; height:2.4px; background: url("/img/ft_blog_icon_m.png") 50% 50%/100% no-repeat;}
.ft_youtube_icon_m{display:inline-block; position:relative; width:2px; height:2px; background: url("/img/ft_youtube_icon_m.png") 50% 50%/100% no-repeat;}
.ft_insta_icon_m{display:inline-block; position:relative; width:2px; height:2px; background: url("/img/ft_insta_icon_m.png") 50% 50%/100% no-repeat;}
.icon_up_arrow{display:inline-block; position:relative; width:0.8px; height:1.4px; background: url("/img/icon_up_arrow.svg") 50% 50%/100% no-repeat;}


/* flex-box */
.flex_row{display: flex; }
.flex_row.fw{flex-wrap:wrap; }
.flex_row.al_fs{display: flex; align-items: flex-start;}
.flex_row.al_fe{display: flex; align-items: flex-end;}
.flex_row.center{display: flex; align-items: center;}
.flex_row.jc_center{justify-content: center;}
.flex_row.jc_fs{justify-content: flex-start;}
.flex_row.jc_fe{justify-content: flex-end;}
.flex_row.sb{justify-content:space-between;}
.flex_row.sa{justify-content:space-around;}
.flex_row.se{justify-content:space-evenly;}
.fd_c{flex-direction:column;}

.column_half{width: 50%;}
.column_half_40{width: 40%;}
.column_third{width: 33.3333%;}
.column_third_30{width: 30%;}
.column_quarter{width: 25%;}
.column_fifth{width: 20%;}
.column_sixth{width: 16.666666%;}

.container-1600{position:relative; width:100%; max-width:1600px; padding:0; margin-left:auto; margin-right:auto;}
.container-1580{position:relative; width:100%; max-width:1580px; padding:0; margin-left:auto; margin-right:auto;}
.container-1500{position:relative; width:100%; max-width:1500px; padding:0; margin-left:auto; margin-right:auto;}
.container-md{width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding:0 40px; position: relative;}
.container-sm{width: 100%; max-width: 1400px; margin-left: auto; margin-right: auto; padding:0 40px; position: relative;}
.container-1400{width: 100%; max-width: 1400px; margin-left: auto; margin-right: auto; padding:0; position: relative;}
.container-1300{width: 100%; max-width: 1300px; margin-left: auto; margin-right: auto; padding:0; position: relative;}
.container-1200{width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; padding:0; position: relative;}
.container-xs{width: 100%; max-width: 1100px; margin-left: auto; margin-right: auto; padding:0; position: relative;}
.container-800{width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; padding:0; position: relative;}

.pc_cont{display:block; opacity:1; visibility:visible;}
.m_cont{display:none; opacity:0; visibility:hidden;}

.pc_cont_960{display:block; opacity:1; visibility:visible;}
.m_cont_960{display:none; opacity:0; visibility:hidden;}
.pc_cont_960_in{display:inline-block; opacity:1; visibility:visible;}
.m_cont_960_in{display:none; opacity:0; visibility:hidden;}

.pc_cont_640{display:block; opacity:1; visibility:visible;}
.m_cont_640{display:none; opacity:0; visibility:hidden;}

.pc_cont_480{display:block; opacity:1; visibility:visible;}
.m_cont_480{display:none; opacity:0; visibility:hidden;}

.pc_cont_434{display:block; opacity:1; visibility:visible;}
.m_cont_434{display:none; opacity:0; visibility:hidden;}

.pc_cont_400{display:block; opacity:1; visibility:visible;}
.m_cont_400{display:none; opacity:0; visibility:hidden;}

.pc_cont_376{display:block; opacity:1; visibility:visible;}
.m_cont_376{display:none; opacity:0; visibility:hidden;}


/* reveal - 텍스트 효과 */
.reveal { transition:transform 0.8s ease-out, opacity 0.8s ease-out; will-change:transform, opacity; transition-delay: .1s;}
.fade-in { opacity:0; }
.fade-up { transform:translateY(50px); opacity:0; }
.fade-down { transform:translateY(-50px); opacity:0; }
.fade-left { transform:translateX(-100px); opacity:0; }
.fade-right { transform:translate(50%,-50%); opacity:0; }
.active.fade-in { opacity:1; }
.active.fade-up { transform:translateY(0); opacity:1; }
.active.fade-down { transform:translateY(0); opacity:1; }
.active.fade-left { transform:translateX(0); opacity:1; }
.active.fade-right { transform:translate(0,-50%); opacity:1; }
.reveal.highlight:before { width:0%; transition:width 0.8s ease-in-out; }
.reveal.highlight.active:before { width:100%; }

@media (max-width:639px) {
    .fade-left { transform:translateY(50px); opacity:0; }
    .fade-right { transform:translateY(50%); opacity:0; }
    .active.fade-left { transform:translateY(0); opacity:1; }
    .active.fade-right { transform:translateY(-50%); opacity:1; }
}

.active.delay_100{transition-delay: .1s}
.active.delay_200{transition-delay: .2s}
.active.delay_300{transition-delay: .3s}
.active.delay_400{transition-delay: .4s}
.active.delay_500{transition-delay: .5s}
.active.delay_600{transition-delay: .6s}
.active.delay_700{transition-delay: .7s}
.active.delay_800{transition-delay: .8s}
.active.delay_900{transition-delay: .9s}
.active.delay_1000{transition-delay: 1.0s}
.active.delay_2000{transition-delay: 2.0s}
.active.delay_2100{transition-delay: 2.1s}
.active.delay_2200{transition-delay: 2.2s}
.active.delay_2300{transition-delay: 2.3s}
.active.delay_2400{transition-delay: 2.4s}
.active.delay_2500{transition-delay: 2.5s}
.active.delay_2600{transition-delay: 2.6s}
.active.delay_2700{transition-delay: 2.7s}
.active.delay_2800{transition-delay: 2.8s}
.active.delay_2900{transition-delay: 2.9s}
.active.delay_3000{transition-delay: 3.0s}
.active.delay_3500{transition-delay: 3.5s}
.active.delay_4000{transition-delay: 4.0s}


/* 마우스 커서 - 헤더 */
.circle-cursor { 
    position:fixed; 
    top:0; left:0; 
    width:5.4375px; height:5.4375px; 
    z-index:100;
    border-radius:50%; 
    -webkit-border-radius:50%; 
    -moz-border-radius:50%; 
    -ms-border-radius:50%; 
    -o-border-radius:50%; 
    transform:translate(-50%, -50%); 
    -webkit-transform:translate(-50%, -50%); 
    -moz-transform:translate(-50%, -50%); 
    -ms-transform:translate(-50%, -50%); 
    -o-transform:translate(-50%, -50%); 
    pointer-events:none; 
}
.circle-cursor.is-expand-slider::after { 
    content:''; 
    position:absolute; 
    top:50%; left:50%; 
    width:42px; height:42px; 
    background-color:rgba(230, 204, 176, 0.4); 
    border-radius:100%; 
    -webkit-border-radius:100%; 
    -moz-border-radius:100%; 
    -ms-border-radius:100%; 
    -o-border-radius:100%; 
    transform:translate(-50%,-50%) translateZ(0); 
    -webkit-transform:translate(-50%,-50%) translateZ(0); 
    -moz-transform:translate(-50%,-50%) translateZ(0); 
    -ms-transform:translate(-50%,-50%) translateZ(0); 
    -o-transform:translate(-50%,-50%) translateZ(0);
} 

/* 마우스 커서 - 메인 */
.circle-cursor2 { 
    position:fixed; 
    top:0; left:0; 
    width:5.4375px; height:5.4375px; 
    z-index:100;
    border-radius:50%; 
    -webkit-border-radius:50%; 
    -moz-border-radius:50%; 
    -ms-border-radius:50%; 
    -o-border-radius:50%; 
    transform:translate(-50%, -50%); 
    -webkit-transform:translate(-50%, -50%); 
    -moz-transform:translate(-50%, -50%); 
    -ms-transform:translate(-50%, -50%); 
    -o-transform:translate(-50%, -50%); 
    pointer-events:none; 
}
.circle-cursor2.is-expand-slider2::after { 
    content:''; 
    position:absolute; 
    top:50%; left:50%; 
    width:100%; height:100%; 
    background: url(/img/circleCursor2.png) 50% 50%/80px no-repeat; 
    border-radius:0; 
    -webkit-border-radius:0; 
    -moz-border-radius:0; 
    -ms-border-radius:0; 
    -o-border-radius:0; 
    transform:translate(-50%,-50%) translateZ(0); 
    -webkit-transform:translate(-50%,-50%) translateZ(0); 
    -moz-transform:translate(-50%,-50%) translateZ(0); 
    -ms-transform:translate(-50%,-50%) translateZ(0); 
    -o-transform:translate(-50%,-50%) translateZ(0);
} 




/* smooth-scroll */
.smooth-scroll{position:relative; overflow:hidden;}




/* footer */
.footer{position:relative; width:100%; height:auto; background: url(../img/footer_bg.jpg) 50% 50%/cover no-repeat;}
.ft_inner{position:relative; width:100%; max-width:75%; margin:0 auto; padding:7rem 0 3rem;}
.footer_logo{position:relative; width:42%; }
.footer_info_wrap{position:relative; width:58%; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
.footer_info_box{position:relative; width:100%; display:flex; justify-content:flex-start; align-items:flex-start;}
.footer_info_box01{margin-bottom:3rem;}
.ft_info{position:relative; width:40%; padding-right:5rem;}
.ft_info > li{padding:4px 0;}
.ft_number{position:relative; width:40%; padding-right:5rem;}
.ft_sns{position:relative; width:40%; padding-right:5rem;}
.ft_sns > div > a{position:relative; display:flex; justify-content:flex-start; align-items:center; margin-bottom:1rem;}
.ft_sns > div > a > p{display:inline-block; margin-left:1rem; border-bottom:1px solid #fff;}

.footer_bottom{position:relative; width:100%; border-top:1px solid rgba(255, 255, 255, 0.1);}
.footer_bottom > p{padding:2.5rem 0 4rem; color:#585858; text-align:center;}