@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}
:root {	
    --main-c: #E4C17D;
    --fonts: "KoPubWorldDotum";
    --fonts2: "Pretendard",Sans-serif;
    --fonts3: 'Arita Buri';
    --fonts4: 'iceJaram-Rg';
    --fonts5: 'chosun_ilbo_myungjo.ttfRg';
	
	--smin-width: 320px;
	--smin-width-calc: 320;
	--min-width: 320px;
	--min-width-calc: 320;
	--max-width: 1600px;
	--max-width-calc: 1600;  	
	
	--font-size-24-16: clamp(16px, calc(16px + (24 - 16) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 24px);
	
	--padding-right-10-5: clamp(5px, calc(5px + (10 - 5) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 10px);
	
	--height-70-40: clamp(40px, calc(40px + (70 - 40) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 70px);
	--height-80-50: clamp(50px, calc(50px + (80 - 50) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 80px);
	--height-150-90: clamp(90px, calc(90px + (150 - 90) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 150px);
	
	
	
	--main-color-1: #E4C17D;
	--main-color-2: #E4C17D;	
	--main-color-3: #bca06a;	
	
	--font-color-1: #111111;
	
	
	--border-color-1: #cccccc;
		
	--width-34: clamp(20px, calc(20px + (34 - 20) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 34px);
	--width-70: clamp(35px, calc(35px + (70 - 35) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 70px);
	--width-80: clamp(40px, calc(40px + (80 - 40) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 80px);
	--width-100: clamp(50px, calc(50px + (100 - 50) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 100px);
	--width-105: clamp(50px, calc(50px + (105 - 50) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 105px);
	--width-225: clamp(100px, calc(100px + (320 - 100) * ((100vw - var(--smin-width)) / (var(--max-width-calc) - var(--smin-width-calc)))), 320px);
	--width-262: clamp(110px, calc(110px + (370 - 110) * ((100vw - var(--smin-width)) / (var(--max-width-calc) - var(--smin-width-calc)))), 370px);
	
	--height-14: clamp(8px, calc(8px + (14 - 8) * ((100vw - var(--smin-width)) / (var(--max-width-calc) - var(--smin-width-calc)))), 14px);
	
	--padding-8: clamp(4px, calc(4px + (8 - 4) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 8px);
	--padding-10: clamp(5px, calc(5px + (10 - 5) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 10px);
	--padding-15: clamp(7.5px, calc(7.5px + (15 - 7.5) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 15px);
	--padding-16: clamp(8px, calc(8px + (16 - 8) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 16px);
	--padding-20: clamp(10px, calc(10px + (20 - 10) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 20px);
	--padding-25: clamp(12.5px, calc(12.5px + (25 - 12.5) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 25px);
	--padding-30: clamp(15px, calc(15px + (30 - 15) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 30px);
	--padding-40: clamp(20px, calc(20px + (40 - 20) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 40px);
	--padding-50: clamp(25px, calc(25px + (50 - 25) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 50px);
	--padding-60: clamp(30px, calc(30px + (60 - 30) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 60px);
	--padding-70: clamp(35px, calc(35px + (70 - 35) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 70px);
	--padding-70-20: clamp(20px, calc(20px + (70 - 20) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 70px);
	--padding-80: clamp(40px, calc(40px + (80 - 40) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 80px);
	--padding-90: clamp(45px, calc(45px + (90 - 45) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 90px);
	--padding-100: clamp(50px, calc(50px + (100 - 50) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 100px);
	--padding-120: clamp(60px, calc(60px + (120 - 60) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 120px);
	--padding-240: clamp(120px, calc(120px + (240 - 120) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 240px);	
	
	--margin-10: clamp(5px, calc(5px + (10 - 5) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 10px);
	--margin-20: clamp(10px, calc(10px + (20 - 10) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 20px);
	--margin-30: clamp(15px, calc(15px + (30 - 15) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 30px);	
	--margin-40: clamp(20px, calc(20px + (40 - 20) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 40px);	
	
	--border-radius-20: clamp(10px, calc(10px + (20 - 10) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 20px);
	
	--gap-16: clamp(8px, calc(8px + (16 - 8) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 16px);
	--gap-20: clamp(10px, calc(10px + (20 - 10) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 20px);
	--gap-40: clamp(20px, calc(20px + (40 - 20) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 40px);
	
	--font-size-14: clamp(13px, calc(13px + (14 - 13) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 14px);
	--font-size-15: clamp(14px, calc(14px + (15 - 14) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 15px);
	--font-size-16: clamp(15px, calc(15px + (16 - 15) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 16px);
	--font-size-16-14: clamp(14px, calc(14px + (16 - 14) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 16px);
	--font-size-16-16: clamp(16px, calc(16px + (16 - 16) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 16px);
	--font-size-18: clamp(16px, calc(16px + (18 - 16) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 18px);
	--font-size-18-14: clamp(14px, calc(14px + (18 - 14) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 18px);
	--font-size-20: clamp(18px, calc(18px + (20 - 18) * ((100vw - var(--smin-width)) / (var(--max-width-calc) - var(--smin-width-calc)))), 20px);
	--font-size-16-20: clamp(16px, calc(16px + (20 - 16) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 20px);
	--font-size-22: clamp(19px, calc(19px + (22 - 19) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 22px);
	--font-size-24: clamp(20px, calc(20px + (24 - 20) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 24px);
	--font-size-24-18: clamp(18px, calc(18px + (24 - 18) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 24px);
	--font-size-30: clamp(25px, calc(25px + (30 - 25) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 30px);
	--font-size-20-30: clamp(20px, calc(20px + (30 - 20) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 30px);
	--font-size-20-32: clamp(20px, calc(20px + (32 - 20) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 32px);
	--font-size-28-32: clamp(28px, calc(28px + (32 - 28) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 32px);
	--font-size-28: clamp(24px, calc(24px + (28 - 24) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 28px);
	--font-size-36: clamp(28px, calc(28px + (36 - 28) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 36px);
	--font-size-44: clamp(22px, calc(22px + (44 - 22) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 44px);
	--font-size-50: clamp(25px, calc(25px + (50 - 25) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 50px);
	
	--sfont-size-48: clamp(21px, calc(21px + (75 - 21) * ((100vw - var(--smin-width)) / (var(--max-width-calc) - var(--smin-width-calc)))), 75px);
	--sfont-size-50: clamp(19px, calc(19px + (60 - 19) * ((100vw - var(--smin-width)) / (var(--max-width-calc) - var(--smin-width-calc)))), 60px);
	--sfont-size-56: clamp(25px, calc(25px + (85 - 25) * ((100vw - var(--smin-width)) / (var(--max-width-calc) - var(--smin-width-calc)))), 85px);
	--sfont-size-60-26: clamp(26px, calc(26px + (60 - 26) * ((100vw - var(--smin-width)) / (var(--max-width-calc) - var(--smin-width-calc)))), 60px);
	
	
	--font-size-14-10: clamp(10px, calc(10px + (14 - 10) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 14px);
	--font-size-42-25: clamp(25px, calc(25px + (42 - 25) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 42px);
	--font-size-50-25: clamp(25px, calc(25px + (50 - 25) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 50px);
	--font-size-55-20: clamp(20px, calc(20px + (55 - 20) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 55px);
	--font-size-55-25: clamp(25px, calc(25px + (55 - 25) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 55px);
	--font-size-60-19: clamp(19px, calc(19px + (60 - 19) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 60px);
	--font-size-60-27: clamp(27px, calc(27px + (60 - 27) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 60px);
	--font-size-70-30: clamp(30px, calc(30px + (70 - 30) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 70px);
	--font-size-75-21: clamp(21px, calc(21px + (75 - 21) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 75px);
	
	
	--line-height-24-30: clamp(24px, calc(24px + (30 - 24) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 30px);
	--line-height-30: clamp(25px, calc(25px + (30 - 25) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 30px);
	--line-height-100: clamp(40px, calc(40px + (100 - 40) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 100px);
	
	
	--margin-10-0: clamp(0px, calc(0px + (10 - 0) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 10px);
	
	--letter-spacing-12-6: clamp(6px, calc(6px + (12 - 6) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 12px);
	
	--width-10-4: clamp(4px, calc(4px + (10 - 4) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 10px);
	
	--height-14-8: clamp(8px, calc(8px + (14 - 8) * ((100vw - var(--min-width)) / (var(--max-width-calc) - var(--min-width-calc)))), 14px);
	
	--bottom-4: clamp(6px, calc(6px + (8 - 6) * ((100vw - var(--smin-width)) / (var(--max-width-calc) - var(--smin-width-calc)))), 8px);
	--bottom-12: clamp(6px, calc(6px + (20 - 6) * ((100vw - var(--smin-width)) / (var(--max-width-calc) - var(--smin-width-calc)))), 20px);
}
* {
    margin: 0;
    padding: 0
}

ul,
li {
    list-style: none
}

a {
    text-decoration: none;
    color: #333
}

img {
    width: 100%;
    display: block
}

html,
body {
	min-width:360px;
    font-family: var(--fonts);
    font-weight: 300;
    letter-spacing: -.2px
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
b,
div,
textarea {
    color: #333;
    font-family: var(--fonts) !important
}

#fullpage.new h1,
#fullpage.new h2,
#fullpage.new h3,
#fullpage.new h4,
#fullpage.new h5,
#fullpage.new h6,
#fullpage.new p,
#fullpage.new b,
#fullpage.new div,
#fullpage.new textarea {
    font-family: var(--fonts2) !important;
}


input,
button {
    font-family: var(--fonts) !important
}

.tel_stile {
    width: 150px;
    margin-right: auto;
    margin-left: 20px
}

.line_gra {
    position: relative;
    border: 3px solid transparent;
    border-radius: 4px;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, red 0%, orange 100%);
    background-origin: border-box;
    background-clip: content-box, border-box
}

.row {
    display: flex
}

.column {
    display: flex;
    flex-direction: column
}

.row.center {
    justify-content: center
}

.column.center {
    align-items: center
}

.column.center .txt_wrap h2,
.column.center .txt_wrap h3,
.column.center .txt_wrap h1 {
    text-align: center
}

.inner {
    width: 1600px;
	/*width: calc(100% - 160px);*/
    margin: 0 auto
}
.inner.w-100 {
    width: 100%;
	/*width: calc(100% - 160px);*/
    margin: 0 auto
}
.inner.row {
    /*width: 1300px;*/
	width: calc(100% - 117px);
    margin: 0 auto
}

#header {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
	transition-property: all;
    transition-duration: 0.3s;
}
.fp-viewing-2 #header,
.fp-viewing-3 #header,
.fp-viewing-4 #header,
.fp-viewing-5 #header,
.fp-viewing-6 #header,
.fp-viewing-7 #header,
.fp-viewing-8 #header,
.fp-viewing-9 #header,
.fp-viewing-10 #header,
.fp-viewing-11 #header,
.fp-viewing-12 #header,
.fp-viewing-13 #header,
.fp-viewing-14 #header,
.fp-viewing-15 #header {
    background: #fff;
	transition-property: all;
    transition-duration: 0.3s;
}

#header .inner {
    justify-content: space-between;
    align-items: center
}

#header .logo {
    /* width: 160px; */
	height:30px;
}
#header .logo{display:none;}
#header .logo.basic{display:block;width: 180px;background:url(/img/kb/logo_white.png)no-repeat center; background-size:contain;}
.fp-viewing-2 #header .logo.basic,
.fp-viewing-3 #header .logo.basic,
.fp-viewing-4 #header .logo.basic,
.fp-viewing-5 #header .logo.basic,
.fp-viewing-6 #header .logo.basic,
.fp-viewing-7 #header .logo.basic,
.fp-viewing-8 #header .logo.basic,
.fp-viewing-9 #header .logo.basic,
.fp-viewing-10 #header .logo.basic,
.fp-viewing-11 #header .logo.basic,
.fp-viewing-12 #header .logo.basic,
.fp-viewing-13 #header .logo.basic,
.fp-viewing-14 #header .logo.basic,
.fp-viewing-15 #header .logo.basic {display:block;width: 180px;background:url(/img/kb/logo.png)no-repeat center; background-size:contain;}
#header .logo img{display:none; height:100%;}
#header.main .logo.basic .basic{display:block;}
#header.cen_1 .logo .v12{display:block;}
#header.cen_2 .logo .v2{display:block;}
#header.cen_3 .logo .v9{display:block;}
#header.cen_4 .logo .v4{display:block;}
#header.cen_5 .logo .v11{display:block;}
#header.cen_6 .logo .v3{display:block;}
#header.cen_7 .logo .v10{display:block;}
#header.cen_8 .logo.v5,
#header.cen_8 .logo .v5{display:block;}
#header.cen_9 .logo .v1{display:block;}
#header.cen_10 .logo .v16{display:block;}
#header.cen_11 .logo .v13{display:block;}

#header.cen_12 .logo.v6,
#header.cen_12 .logo .v6{display:block;}

#header.cen_13 .logo.v7,
#header.cen_13 .logo .v7{display:block;}

#header.cen_14 .logo.v8,
#header.cen_14 .logo .v8{display:block;}
#header.cen_15 .logo.v14,
#header.cen_15 .logo .v14{display:block;}

#header.cen_16 .logo.v15,
#header.cen_16 .logo.v15 .v15{display:block;}

#header .gnb li {
    padding: 0 20px;
    height: 80px;
    display: flex;
    align-items: center
}

#header .gnb>li {
    border-bottom: 4px solid transparent;
    box-sizing: border-box
}

#header .gnb>li {
    opacity: 0;
    z-index: -9;
}
#header .gnb>li:last-child {
	opacity: 1;
	z-index: 99
}
.fp-viewing-2 #header .gnb>li,
.fp-viewing-3 #header .gnb>li,
.fp-viewing-4 #header .gnb>li,
.fp-viewing-5 #header .gnb>li,
.fp-viewing-6 #header .gnb>li,
.fp-viewing-7 #header .gnb>li,
.fp-viewing-8 #header .gnb>li,
.fp-viewing-9 #header .gnb>li,
.fp-viewing-10 #header .gnb>li,
.fp-viewing-11 #header .gnb>li,
.fp-viewing-12 #header .gnb>li,
.fp-viewing-13 #header .gnb>li,
.fp-viewing-14 #header .gnb>li,
.fp-viewing-15 #header .gnb>li {
	opacity: 1;
	z-index: 99
}

#header .gnb>li:hover {
    border-bottom: 4px solid var(--main-c)
}

#header .gnb>li:last-child:hover {
    border-bottom: 4px solid transparent
}

#header .gnb a {
    font-size: 16px
}

#header .gnb p {
    font-size: 20px;
    cursor: pointer;
    font-weight: 700
}

#header .gnb .drop_parent {
    position: relative
}

#header .gnb>li:hover .drop_gnb {
    display: block
}

#header .gnb .drop_gnb {
    display: none;
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    /*min-width: 146px;*/
    padding: 10px 0;
    background-color: rgba(255, 255, 255, .8);
    -webkit-backdrop-filter: blur(10px) saturate(100%) contrast(45%) brightness(130%);
    backdrop-filter: blur(10px) saturate(100%) contrast(45%) brightness(130%)
}

#header .gnb .drop_gnb li {
    margin: 6px 0;
    height: auto
}

.checkbox {
    display: none
}

.button {
    position: relative;
    height: 60px;
    width: 30px;
    border-radius: 50%;
    position: fixed;
    top: 0;
    right: 32px;
    z-index: 2000;
    text-align: center;
    cursor: pointer;
    display: none;
}
.gnb .button {
    top: 0px;
    height: 60px;
    width: 30px;
    border-radius: 50%;
    z-index: 2000;
    text-align: center;
    cursor: pointer;
	right: 0;
    position: relative;
    display: block;
}

.background {
    height: 4rem;
    width: 4rem;
    border-radius: 50%;
    position: fixed;
    top: 5.5vh;
    right: 5.5vw;
    background: #fff;
    z-index: 1000;
    opacity: 0;
    display: none;
    transition: transform .8s cubic-bezier(.86, 0, .07, 1)
}

.nav {
    height: 100vh;
    position: fixed;
    top: 0;
    right: -60vw;
    z-index: 1500;
    opacity: 0;
    width: 0;
	transition-property: all; 
	transition-duration: 0.6s;
}

.nav .list {
    position: absolute;
    top: calc(50% - -40px);
    left: 50%;
    transform: translate(-50%, -50%);
    list-style: none;
    text-align: center;
    width: 100%;
    overflow: auto;
    height: calc(100vh - 60px);
}

.nav .dep1 {
    margin: 30px;
    font-size: 24px;
    display: block !important;
    height: auto !important;
    padding: inherit !important;
}

.nav .dep1 a {
    display: flex;
    align-items: center;
	font-size: 24px !important;
    font-weight: 600;
    cursor: pointer
}

.nav .dep1 a:hover {
    color: var(--mcolor)
}

.nav .dep1 a .ico {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    transform: rotate(90deg);
    transition-duration: .5s;
    filter: invert(1)
}

.nav .dep1 a.show_btn.on .ico {
    transform: rotate(-90deg)
}

.nav .dep1 .show_menu {
    font-size: 18px;
    margin: 20px 0;
    display: none
}

.nav .dep2 {
    margin: 8px 0;
    display: block !important;
    height: auto !important;
    padding: inherit !important;
}

.nav .dep2 a {
    font-weight: 300;
	font-size: 18px !important;
}

.checkbox:checked~.background {
    transform: scale(80);
    opacity: 0
}

.checkbox:checked~.nav {
    opacity: 1;
    right: 0;
    white-space: nowrap;
    width: 240px;
    background: #fff;
    box-shadow: 1px 1px 16px rgba(0, 0, 0, .1);
	transition-property: all; 
	transition-duration: 0.3s;
}

.button .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.button .icon,
.button .icon:before,
.button .icon:after {
    width: 30px;
    height: 2px;
    background-color: #fff;
    display: inline-block
}
.fp-viewing-2 .button .icon,
.fp-viewing-2 .button .icon:before,
.fp-viewing-2 .button .icon:after,
.fp-viewing-3 .button .icon,
.fp-viewing-3 .button .icon:before,
.fp-viewing-3 .button .icon:after,
.fp-viewing-4 .button .icon,
.fp-viewing-4 .button .icon:before,
.fp-viewing-4 .button .icon:after,
.fp-viewing-5 .button .icon,
.fp-viewing-5 .button .icon:before,
.fp-viewing-5 .button .icon:after,
.fp-viewing-6 .button .icon,
.fp-viewing-6 .button .icon:before,
.fp-viewing-6 .button .icon:after,
.fp-viewing-7 .button .icon,
.fp-viewing-7 .button .icon:before,
.fp-viewing-7 .button .icon:after,
.fp-viewing-8 .button .icon,
.fp-viewing-8 .button .icon:before,
.fp-viewing-8 .button .icon:after,
.fp-viewing-9 .button .icon,
.fp-viewing-9 .button .icon:before,
.fp-viewing-9 .button .icon:after,
.fp-viewing-10 .button .icon,
.fp-viewing-10 .button .icon:before,
.fp-viewing-10 .button .icon:after,
.fp-viewing-11 .button .icon,
.fp-viewing-11 .button .icon:before,
.fp-viewing-11 .button .icon:after,
.fp-viewing-12 .button .icon,
.fp-viewing-12 .button .icon:before,
.fp-viewing-12 .button .icon:after,
.fp-viewing-13 .button .icon,
.fp-viewing-13 .button .icon:before,
.fp-viewing-13 .button .icon:after,
.fp-viewing-14 .button .icon,
.fp-viewing-14 .button .icon:before,
.fp-viewing-14 .button .icon:after,
.fp-viewing-15 .button .icon,
.fp-viewing-15 .button .icon:before,
.fp-viewing-15 .button .icon:after {
    width: 30px;
    height: 2px;
    background-color: #333;
    display: inline-block
}

.button .icon:before,
.button .icon:after {
    content: "";
    position: absolute;
    left: 0;
    transition: all .2s
}

.button .icon:before {
    top: -.4rem
}

.button .icon:after {
    top: .4rem
}

.button:hover .icon:before {
    top: -.4rem
}

.button:hover .icon:after {
    top: .4rem
}

.checkbox:checked+.button .icon {
    background-color: transparent
}

.checkbox:checked+.button .icon:before {
    top: 0;
    transform: rotate(135deg);
    background-color: #333;
}

.checkbox:checked+.button .icon:after {
    top: 0;
    transform: rotate(-135deg);
    background-color: #333;
}

.pc_img {}

.mo_img {
    display: none
}

.sub_banner {
    margin-top: 80px;
    height: 260px;
    background: #202020;
    position: relative;
    z-index: 2
}

.sub_banner.bg_01 {
    background: url(../../img/kb/sub/bg-01.webp) no-repeat;
    background-position: center;
    background-size: cover
}

.sub_banner.bg_02 {
    background: url(../../img/kb/sub/bg-02.webp) no-repeat;
    background-position: center;
    background-size: cover
}

.sub_banner.bg_03 {
    background: url(../../img/kb/sub/bg-03.webp) no-repeat;
    background-position: center;
    background-size: cover
}

.sub_banner.bg_04 {
    background: url(../../img/kb/sub/bg-04.webp) no-repeat;
    background-position: center;
    background-size: cover
}

.sub_banner.bg_05 {
    background: url(../../img/kb/sub/bg-05.webp) no-repeat;
    background-position: center;
    background-size: cover
}

.sub_banner.bg_06 {
    background: url(../../img/kb/sub/bg-06.webp) no-repeat;
    background-position: center;
    background-size: cover
}

.sub_banner.bg_07 {
    background: url(../../img/kb/sub/bg-07.webp) no-repeat;
    background-position: center;
    background-size: cover
}

.sub_banner .navigation {
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6);
    -webkit-backdrop-filter: blur(10px) saturate(100%) contrast(100%) brightness(130%);
    backdrop-filter: blur(10px) saturate(100%) contrast(100%) brightness(130%)
}

.sub_banner .title {
    height: calc(100% - 60px);
    display: flex;
    align-items: center
}

.sub_banner .title h1 {
    color: #fff;
    font-size: 30px;
    letter-spacing: 0;
    font-weight: 300
}

.sub_banner .navigation .dropdown {
    position: relative;
    width: 200px
}

.sub_banner .navigation .dropdown a {
    gap: 20px;
    color: #fff
}

.sub_banner .navigation .dropdown>a {
    justify-content: space-between;
    width: 100%;
    height: 60px;
    align-items: center;
    font-size: 16px;
    padding: 0 20px
}

.sub_banner .navigation .dropdown>a .ico {
    transition-duration: .5s
}

.sub_banner .navigation .dropdown>a.active .ico {
    transform: rotate(-90deg)
}

.sub_banner .navigation .dropUl {
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0;
    box-shadow: var(--shadow);
    border: 1px solid #000;
    z-index: 5;
    font-size: 16px;
    display: none;
    background-color: rgba(0, 0, 0, .6);
    -webkit-backdrop-filter: blur(10px) saturate(100%) contrast(100%) brightness(130%);
    backdrop-filter: blur(10px) saturate(100%) contrast(100%) brightness(130%)
}

.sub_banner .navigation .dropUl li {
    padding: 10px
}

.sub_banner .navigation .line {
    display: flex;
    align-items: center;
    width: 1px;
    height: 100%;
    background: #999;
    color: transparent
}

#footer {
    background: #222;
    color: #fff;
    padding-bottom: 0
}

#footer.section .inner {
    height: calc(100% - 80px);
    justify-content: center;
    gap: 60px
}

#footer .myContent {
    height: fit-content;
    padding: 80px 0 100px;
}

#footer .foo-top a,
#footer .foo-top a b {
    color: #fff;
    font-size: 16px
}

#footer .foo-top ul {
    gap: 30px
}

#footer .foo-mid {
    gap: 50px
}

#footer .foo-info {
    text-align: left;
    justify-content: space-between;
    width: calc(100% - 284px - 50px);
    gap: 30px
}

#footer .foo-info .row {
    flex-wrap: wrap;
    gap: 5px 10px;
    margin: 5px 0
}

#footer .foo-info p {
    font-size: 16px;
    color: #fff
}

#footer .foo-info .add {
    gap: 5px
}

#footer .foo-info .add p {
    color: #999
}

#footer .foo-info .add p b {
    color: #fff
}

#footer .foo-service {
    text-align: right;
    width: 284px
}

#footer .foo-service p {
    font-size: 16px;
    color: #999;
    margin-bottom: 10px
}

#footer .foo-service h6 {
    font-size: 26px;
    color: #fff;
    font-weight: 700
}

#footer .foo-service h5 {
    font-size: 42px;
    color: #fff;
    font-weight: 700
}

#footer .foo-bottom p {
    font-size: 15px;
    color: #999;
    text-align: center
}

.section .inner {
    justify-content: center;
    gap: 30px
}

.section .tit_main p {
    font-size: 16px
}

.section .tit_sub p {
    font-size: 14px;
    letter-spacing: 12px;
    margin-bottom: 10px;
	text-transform:uppercase;
}

.section .tit_main img {
    width: 60px
}

.section .txt_wrap h3.small,
.section .txt_wrap h4 {
    font-size: 24px
}

.section .txt_wrap h3.small {
    font-weight: 400
}

.section .txt_wrap h3 {
    font-size: 32px;
    font-weight: 600;
	word-break:keep-all;
}

.section .txt_wrap h2 {
    font-size: 40px;
    font-weight: 400
}

.section .txt_wrap .tit br {
    display: none
}

#fullpage.new .section .txt_wrap .tit br {
    display: block;
}

.section .contents_wrap {
    width: 100%
}

.badge {
    color: var(--main-c);
    align-items: center;
    gap: 5px;
    margin-bottom: 10px
}

.badge .ico {
    width: 24px;
    height: 24px
}

#bo_v_con .badge .ico {
    width: 36px;
    height: 36px
}

.badge .ico.icon1 {
    background: url(../../img/kb/icon-1.webp) no-repeat;
    background-size: cover;
    background-position: center
}

.badge .ico.icon2 {
    background: url(../../img/kb/icon-2.webp) no-repeat;
    background-size: cover;
    background-position: center
}

.badge .ico.icon3 {
    width: 32px;
    background: url(../../img/kb/icon-3.webp) no-repeat;
    background-size: cover;
    background-position: center
}

.badge .ico.icon4 {
    background: url(../../img/kb/icon-4.webp) no-repeat;
    background-size: cover;
    background-position: center
}

.badge .ico.icon6 {
    background: url(../../img/kb/icon-6.webp) no-repeat;
    background-size: cover;
    background-position: center
}

.badge .ico.icon7 {
    width: 32px;
    background: url(../../img/kb/icon-7.png) no-repeat;
    background-size: cover;
    background-position: center
}

.badge .ico.icon8 {
    width: 32px;
    background: url(../../img/kb/icon-8.png) no-repeat;
    background-size: cover;
    background-position: center
}

.badge .ico.icon9 {
    background: url(../../img/kb/icon-9.png) no-repeat;
    background-size: cover;
    background-position: center
}

.badge .ico.icon10 {
    width: 32px;
    background: url(../../img/kb/icon-10.png) no-repeat;
    background-size: cover;
    background-position: center
}

.badge .ico.icon11 {
    background: url(../../img/kb/icon-11.png) no-repeat;
    background-size: cover;
    background-position: center
}

#bo_v_con .badge .ico.icon3,
#bo_v_con .badge .ico.icon7,
#bo_v_con .badge .ico.icon10,
#bo_v_con .badge .ico.icon8 {
    width: 50px
}

.section.w p,
.section.w h3,
.section.w h6 {
    color: #fff
}

.form_wrap form {
    width: 100%
}

.form_wrap .line_con {
    margin: 10px 0
}

.form_wrap .line_con p {
    width: 120px;
    text-align: left;
    padding: 5px 10px;
    font-size: 18px;
    font-weight: 600
}

.form_wrap .full_wrap {
    width: calc(100% - 120px)
}

.form_wrap .full_wrap select,
.form_wrap .full_wrap textarea,
.form_wrap .full_wrap input {
    width: 100%;
    padding: 8px 10px;
    border-radius: 4px;
    font-size: 15px;
    border: 0
}

.form_wrap .chk_box_wrap {
    width: calc(100% - 120px);
    display: block;
    float: right
}

.form_wrap .chk_box_wrap input {
    float: left;
    height: 20px;
    margin-right: 10px
}

.form_wrap .chk_box_wrap span {
    float: left;
    font-size: 15px
}

.form_wrap .chk_box_wrap a {
    float: right
}

.form_wrap input.g_counsel {
    width: 100%;
    padding: 5px;
    border-radius: 4px;
    background: var(--main-c);
    color: #fff;
    border: 0;
    margin-top: 30px
}

.sub0602 .form_wrap input.g_counsel {
    font-size: 18px;
    letter-spacing: -1px;
    font-weight: 600;
    padding: 12px
}

.radio_wrap {
    justify-content: space-between;
    gap: 10px
}

.radio_wrap label {
    width: 100%
}

.radio_wrap label input {
    display: none
}

.radio_wrap label span {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    background: #fff;
    border-radius: 4px
}

.radio_wrap label:nth-child(2) {
    width: 50%
}

.radio_wrap label input:checked+span {
    background: var(--main-c);
    color: #fff
}

.tab_wrap {
    gap: 10px;
    margin-bottom: 30px
}

.tab_wrap.more_btn {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 0
}

.tab_wrap.more_btn a {
    color: #fff
}

.tab_wrap li {
    padding: 16px 35px;
    border-radius: 4px;
    border: 1px solid #ccc;
	font-weight: 500;
    color: #ccc;
    font-size: 18px;
    background: rgba(221, 221, 221, .2);
	cursor: pointer;
}
.tab_wrap.black li {
    padding: 16px 35px;
    border-radius: 4px;
    border: 1px solid var(--border-color-1);
    font-weight: 500;
    color: #777;
    font-size: 18px;
    background: rgba(221, 221, 221, .2);
    cursor: pointer;
}

.tab_wrap li.active {
    background: var(--main-c);
    border: 1px solid var(--main-c);
    color: #fff;
    font-weight: 700;
}

.map_wrap .map {
    display: none;
    position: relative
}

.map_wrap .map.active {
    display: block
}

.map_wrap .map .map_frame {
    height: 50vh
}

.map_wrap .map .map_info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .6);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: 20px;
    align-items: center;
    gap: 50px;
    margin-bottom: -1px;
    display: none
}

.map_wrap .map .map_info h6 {
    font-size: 20px
}

.map_wrap .map .map_info p {
    font-size: 16px
}

.map_info p,
.map_info h3,
.map_info h6 {
    color: #fff
}

.map_wrap .map .map_frame .map_loca {
    width: 100%;
    text-align: left;
    padding: 30px;
    margin-top: 0;
    background-color: rgba(0, 0, 0, .7);
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    height: 100%;
    overflow: hidden
}

.map_wrap .map .map_frame .map_loca .con_wrap article .icon {
    filter: invert(1)
}


@media all and (max-height:1960px) {
    .map_wrap .map .map_frame .map_loca {
        display: none
    }

    .map_wrap .map .map_info {
        display: flex
    }
}

.map_wrap .map .map_loca {
    margin-top: 20px
}

.map_wrap .map .map_loca .left,
.map_wrap .map .map_loca .right {
    width: 100%
}

.map_wrap .map .map_loca .con_wrap article {
    display: flex;
    gap: 10px;
    margin-bottom: 20px
}

.map_wrap .map .map_loca .con_wrap article:last-child {
    margin-bottom: 0
}

.map_wrap .map .map_loca .con_wrap article .icon {
    width: 20px
}

.map_wrap .map .map_loca h3 {
    font-size: 20px;
    margin-bottom: 20px
}
.map_wrap .map .map_loca h6,
.map_wrap .map .map_loca p {
    font-size: 16px;
    margin: 5px 0
}
.map_wrap .map .map_loca h6.mt-20 {
    font-size: 16px;
    margin: 20px 0 0 0
}

.map_wrap .map .map_loca h6,
.map_wrap .map .map_loca p {
    font-size: 16px;
    margin: 5px 0
}
.map_wrap .map .map_loca h3.mt-20 {
    margin: 20px 0 10px 0
}

.map_wrap .map .map_loca {
    margin-top: 0;
    padding: 30px;
    background: #43413c
}

.map_wrap .map .map_loca .left,
.map_wrap .map .map_loca .right {
    filter: brightness(0) invert(1)
}

.business_wrap {
    flex-wrap: wrap
}

.business_wrap .box {
    margin: 5px;
    border: 1px solid #fff;
    border-radius: 4px;
    width: calc(25% - 10px);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 12vh;
    background-color: rgba(255, 255, 255, .1);
    -webkit-backdrop-filter: blur(9px) saturate(100%) contrast(100%) brightness(130%);
    backdrop-filter: blur(9px) saturate(100%) contrast(100%) brightness(130%);
    position: relative
}

.business_wrap .box:before,
.business_wrap .box:after {
    content: '';
    position: absolute;
    background: transparent;
    z-index: 2;
    width: 0;
    height: 0;
    opacity: 0;
    transition: width .2s linear, height .15s .2s ease-out, opacity 0s .35s
}

.business_wrap .box:before {
    bottom: 0;
    left: 0;
    border-top: 1px solid var(--main-c);
    border-left: 1px solid var(--main-c)
}

.business_wrap .box:after {
    top: 0;
    right: 0;
    border-bottom: 1px solid var(--main-c);
    border-right: 1px solid var(--main-c)
}

.business_wrap .box:hover:before,
.business_wrap .box:hover:after {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: width .2s .15s ease-out, height .15s ease-in, opacity 0s
}

.business_wrap .box:hover {
    border: 1px solid transparent
}

.business_wrap .box:hover img {
    filter: none
}

.business_wrap .box:hover p {
    color: var(--main-c)
}

.business_wrap .box p {
    font-size: 20px;
    text-align: center;
    line-height: 26px
}

.business_wrap .box img {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    filter: contrast(0) brightness(0) invert(1)
}

.form_wrap {
    padding: 20px;
    border-radius: 4px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .05);
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px)
}

.step_box_wrap {
    width: 100%;
    gap: 10px
}

.step_box_wrap .step_box {
    width: 100%;
    background: #f5f5f5;
    gap: 10px;
    border-radius: 4px
}

.step_box_wrap.b .step_box {
    background-color: rgba(255, 255, 255, .15);
    -webkit-backdrop-filter: blur(10px) saturate(100%) contrast(100%) brightness(130%);
    backdrop-filter: blur(10px) saturate(100%) contrast(100%) brightness(130%);
    padding: 30px
}

.step_box_wrap .step_box span {
    font-size: 14px;
    font-weight: 600;
    background: var(--main-c);
    padding: 8px 20px;
    border-radius: 4px
}

.step_box_wrap .step_box .ico {
    width: 100px
}

.step_box_wrap.b .step_box .ico {
    width: auto;
    height: 100px
}

.step_box_wrap.b .step_box .ico img {
    width: auto;
    height: 100%
}

.step_box_wrap .step_box p {
    font-size: 20px;
    padding-bottom: 20px;
    font-weight: 700
}

.step_box_wrap .step_box .step_txt {
    gap: 10px
}

.step_box_wrap .step_box .step_txt p {
    font-size: 16px;
    padding-bottom: 0;
    font-weight: 300
}

.step_box_wrap .step_box h6 {
    font-size: 20px;
    margin: 20px 0
}

.call_btn_wrap {
    flex-wrap: wrap;
    gap: 10px
}

.call_btn_wrap .call_box {
    width: calc(50% - 10px);
    padding: 40px;
    background: #eeb84230;
    border-radius: 4px;
    gap: 50px
}

.call_btn_wrap .call_box p {
    font-size: 24px;
    font-weight: 500
}

.call_btn_wrap .call_box .call_text {
    align-items: center;
    gap: 10px
}

.call_btn_wrap .call_box .call_text p {
    font-size: 16px
}

.call_btn_wrap .call_box .call_text h2 {
    font-size: 30px;
    letter-spacing: -1px;
    color: var(--main-c)
}

.call_btn_wrap .call_box .call_btn {
    width: 100px;
    font-size: 16px;
    background: var(--main-c);
    padding: 6px 10px;
    text-align: center;
    border-radius: 4px
}

.zoom_wrap {
    gap: 10px
}

.zoom_wrap .zoombox {
    overflow: hidden;
    position: relative
}

.zoom_wrap .zoombox .txt_wrap {
    position: absolute;
    bottom: 40px;
    left: 40px;
    color: #fff;
    width: calc(100% - 80px)
}

.section .zoom_wrap .zoombox .txt_wrap .tit_sub p {
    color: #fff;
    letter-spacing: 10px
}

.zoom_wrap .zoombox .txt_wrap h6 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 40px
}

.zoom_wrap .zoombox .txt_wrap p {
    color: #fff;
    font-size: 16px;
    line-height: 26px
}

.section .zoom_wrap .zoombox img {
    transition-duration: .7s
}

.section .zoom_wrap .zoombox:hover img {
    transform: scale(1.2)
}

.aside {
    width: 50px;
    position: fixed;
    right: 15px;
    bottom: 15px;
    text-align: center;
    transition-duration: .5s;
    z-index: 9;
}

.aside-wrap {
    width: 100%
}

.aside .logo {
    background: #493203;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 14px
}

.aside-item{margin-bottom:7px;}
.aside-item a {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
	width:50px;
	height:50px;
    padding: 10px 0;
    background: #fff;
	border-radius:50px;
	box-sizing:border-box;
	box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.2);
}

.aside-item.cs{display:none;}
/*
.aside-item a.g_kakao {
    background: #f3f3f3
}
*/

.aside-item a .icon {
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.aside-item.call img{height:18px;}

.aside #top_btn,
.aside .top_btn {
    position: unset;
    width: 100%;
    height: 50px;
    line-height: 46px;
    border: 0;
    background: #fff url(../../img/kb/ic-btn-top.svg)no-repeat center;
	background-size: auto 15px;
    color: #333;
	border-radius:50px;
	box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.2);
}

.aside #top_btn:hover,
.aside .top_btn:hover {
    border-color: #725303;
    background: #725303 url(../../img/kb/ic-btn-top-wt.svg)no-repeat center;
	background-size: auto 15px;
}

.aside .top_btn a {
    color: #fff
}

.aside-item a p {
    font-size: 12px;
    line-height: 16px;
	display:none;
}

.section #bo_gall #bo_cate a,
.section #bo_list #bo_cate a {
    border-radius: 4px;
    border: 1px solid var(--main-c);
    color: #d6a538
}

.section #bo_gall #bo_cate #bo_cate_on,
.section #bo_list #bo_cate #bo_cate_on {
    background: var(--main-c);
    color: #fff;
    font-weight: bold;
    border: 1px solid var(--main-c);
    -webkit-box-shadow: inset 0 2px 5px #d6a538;
    -moz-box-shadow: inset 0 2px 5px #d6a538;
    box-shadow: inset 0 2px 5px #d6a538
}

.section #bo_cate a:focus,
.section #bo_cate a:hover,
.section #bo_cate a:active {
    background: #fff3d9
}

.section #bo_w .write_div h1 {
    margin-bottom: 10px;
    font-size: 16px
}

.section #bo_gall .bo_tit {
    font-size: 20px;
    margin-bottom: 5px
}

.section #bo_gall .bo_cnt {
    font-size: 16px;
    line-height: 20px
}

.section #bo_gall .bo_tit .new_icon,
.new_icon {
    display: inline-block;
    width: 16px;
    line-height: 16px;
    font-size: 14px;
    color: #fff;
    background: #b08c52;
    text-align: center;
    border-radius: 2px;
    margin-left: 2px;
    font-weight: bold;
    vertical-align: baseline
}

.section #bo_v_info .profile_info {
    display: none
}

.section #bo_v_share {
    display: none
}

.section #bo_v_con img {
    width: auto
}

.section .cmt_btn,
.section #bo_vc,
.section #bo_vc_w {
    display: none
}

.section .btn_submit {
    background: var(--main-c)
}

.section .btn_submit:hover {
    background: #b88925
}

.section #bo_v_con table {
    font-size: 18px
}

.section #bo_v_con table th {
    width: 150px;
    background: #f5f5f5;
    padding: 10px 0
}

.section #bo_v_con table td {
    padding: 10px
}

.section .bo_v_nb li .nb_tit,
.section .bo_v_nb li .nb_tit+a {
    font-size: 16px
}

.section .pg_wrap .pg_current {
    background: var(--main-c);
    border: 1px solid var(--main-c)
}

#m-quick-cs{display:none;}
#m-cs{position:fixed; top:0; left:0; width:100%; height:100%; z-index:999; opacity:0; display:none;}
#m-cs.active{display:block; opacity:1;}
#m-cs .bg{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; overflow-y: scroll; background-color: rgba(0, 0, 0, 0.3); }
#m-cs .box-pop{width: 400px; height: auto; min-height: 340px; border-radius: 20px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 40px; background-color:#fff; box-sizing:border-box;}
#m-cs .box-pop .pop-header{position:relative; margin-bottom:18px; }
#m-cs .box-pop h4{display:block; font-size:20px; font-weight:bold; color:#111; line-height:1em; word-break:keep-all;}
#m-cs .box-pop .btn-close{position:absolute; top:0; right:0; width:20px; height:20px; cursor:pointer;}
#m-cs .box-pop .btn-close > span{display:block; position:absolute; top:10px; left:-1px; width:100%; height:2px; background:#111;}
#m-cs .box-pop .btn-close > span:nth-of-type(1){transform: rotate(-45deg);}
#m-cs .box-pop .btn-close > span:nth-of-type(2){transform: rotate(45deg);}

#m-cs .box-pop .line_con{margin-bottom:10px;}
#m-cs .box-pop .label_wrap{width:100%;}
#m-cs .box-pop .label_wrap input{width:100%; height:50px; padding:10px; background:#f9f9f9; border:1px solid #ddd; box-sizing:border-box; font-size:16px; font-weight:400; color:#555; line-height:1em; word-break:keep-all;}
#m-cs .box-pop .chk_box_wrap{float:unset; width:100%; margin-top:20px;}
#m-cs .box-pop .chk_box_wrap input{width:18px; height:18px; border-color:#ddd; margin-right:6px;}
#m-cs .box-pop .chk_box_wrap span{font-size:15px;}
#m-cs .box-pop .chk_box_wrap a{font-size:15px; font-weight:500;}
#m-cs .box-pop input.g_counsel{display:block; margin-top:15px; width:100%; height:50px; background:#bca06a; border-radius:0; font-size:19px; font-weight:bold; border:none; color:#fff;}


html {
  /* 아이폰/모바일 폰트 크기 자동 확대 방지 */
  -webkit-text-size-adjust: none; /* Chrome, Safari */
  -moz-text-size-adjust: none;    /* Firefox */
  -ms-text-size-adjust: none;     /* IE */
  text-size-adjust: none;         /* 표준 속성 */
}
#section0 .slide1 {
	background:url(../../img/kb/main_slide1.webp) no-repeat;
	background-size:cover;
	background-position:70%
}
#section0 .slide11 {
	background:url(../../img/kb/main_slide11.webp) no-repeat;
	background-size:cover;
	background-position:center
}
#section0 .slide12 {
	background:url(../../img/kb/main_slide12.webp) no-repeat;
	background-size:cover;
	background-position:center
}
#section0 .slide13 {
	background:url(../../img/kb/main_slide13.webp) no-repeat;
	background-size:cover;
	background-position:center
}
#section0 .slide14 {
	background:url(../../img/kb/main_slide14.webp) no-repeat;
	background-size:cover;
	background-position:center
}
#section0 .slide15 {
	background:url(../../img/kb/main_slide15.webp) no-repeat;
	background-size:cover;
	background-position:center
}
#section0 .slide16 {
	background:url(../../img/kb/main_slide16.webp) no-repeat;
	background-size:cover;
	background-position:center
}
#section0 .slide17 {
	background:url(../../img/kb/main_slide17.webp) no-repeat;
	background-size:cover;
	background-position:center
}
#section0 .slide18 {
	background:url(../../img/kb/main_slide18.webp) no-repeat;
	background-size:cover;
	background-position:center
}
#section0 .slide19 {
	background:url(../../img/kb/main_slide18.webp) no-repeat;
	background-size:cover;
	background-position:center
}
#section0 .slide2 {
	background:url(../../img/kb/main_slide2.webp) no-repeat;
	background-size:cover;
	background-position:70%
}
#section0 .slide3 {
	background:url(../../img/kb/main_slide3.webp) no-repeat;
	background-size:cover;
	background-position:70%
}
#section0 .slide17 .inner {
	align-items:flex-end;
	justify-content:space-between
}
#section0 .slide17 .inner.off {
	opacity:0
}
#section0 .slide17 .txt_wrap {
	text-align:left;
	height:100%
}
#section0 .slide17 .tit {
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:100%;
	gap:30px
}
#section0 .slide17 .tit p {
	font-size:28px
}
#section0 .slide17 .tit.y_br br {
	display:block !important
}
#section0 .slide17 .add_p b {
	background:#fff;
	text-shadow:1px 1px 4px rgba(0,0,0,.4);
	-webkit-text-fill-color:transparent;
	filter:sepia(1) drop-shadow(0 3px 1px #000);
	background-clip:text;
	-webkit-background-clip:text
}
#section0 .slide17 .add_p.grey {
	position:relative;
	color:#999
}
#section0 .slide17 .add_p.grey .img {
	width:350px;
	position:absolute;
	left:280px;
	bottom:-70%
}
#section0 .mainSwiper .slide17 .img_wrap {
	width:410px
}
.section .tit_sub p,.section .txt_wrap h1 {
	opacity:0;
	transform:translateY(40px);
	transition-duration:.8s;
	transition:all 0.8s ease;
}
.section .txt_wrap h2.section-h2 {
	opacity:0;
	transform:translateY(40px);
	transition-duration:.8s;
	transition:all 0.8s ease;
}
.section .tit_sub p {
	transition-delay:.4s
}
.section .txt_wrap h1 {
	transition-delay:.6s
}
.section .txt_wrap h2.section-h2 {
	transition-delay:.6s
}
.section.fp-section.fp-table.active .tit_sub p,.section.fp-section.fp-table.active .txt_wrap h1 {
	opacity:1;
	transform:translateY(0);
}
.section.fp-section.fp-table.active .txt_wrap h2.section-h2 {
	opacity:1;
	transform:translateY(0);
}
.section .mainSwiper {
	height:calc(100% - 80px);
	margin-top:80px;
	position:relative;
	z-index:9
}
.section .mainSwiper h4.last {
	margin-top:30px
}
.section .mainSwiper .swiper-slide .txt_up {
	opacity:0;
	transform:translateY(18px);
	transition-duration:1.2s
}
.section .mainSwiper .swiper-slide.active .txt_up {
	opacity:1;
	transform:translateY(0)
}
.section .mainSwiper .swiper-slide.active .txt_up:nth-child(2) {
	transition-delay:.5s
}
.section .mainSwiper .swiper-slide.active .txt_up:nth-child(3) {
	transition-delay:.8s
}
.section .mainSwiper .swiper-slide.active .txt_up:nth-child(4) {
	transition-delay:1.1s
}
.section .mainSwiper .swiper-slide.active .txt_up:nth-child(5) {
	transition-delay:1.1s
}
.section .mainSwiper .swiper-slide.off .txt_fade {
	opacity:0
}
.swiper-button-next,.swiper-button-prev {
	color:#fff
}
.swiper-button-next:after,.swiper-button-prev:after {
	font-size:30px
}
.section .mainSwiper .swiper-pagination {
	bottom:60px
}
.section .mainSwiper .swiper-pagination-bullet,.section .mainSwiper .swiper-pagination-bullet-active {
	background:#fff
}
.section .mainSwiper .txt_wrap p,.section .mainSwiper .txt_wrap h1,.section .mainSwiper .txt_wrap h2,.section .mainSwiper .txt_wrap h3 {
	color:#fff;
	font-weight:400
}
.section .mainSwiper .txt_wrap h5 {
	font-size:47px;
	line-height:62px;
	font-weight:500;
	letter-spacing:0
}
.section .mainSwiper .txt_wrap h5.small {
	font-size:40px;
	line-height:50px;
	font-weight:500;
	background:#fff;
	-webkit-text-fill-color:transparent;
	filter:sepia(1) drop-shadow(0 1px 1px #000);
	background-clip:text;
	-webkit-background-clip:text
}
.section .mainSwiper .txt_wrap h4 {
	font-size:56px;
	line-height:65px;
	font-weight:700;
	background:#fff;
	-webkit-text-fill-color:transparent;
	filter:sepia(1) drop-shadow(0 3px 1px #000);
	background-clip:text;
	-webkit-background-clip:text
}
.section .mainSwiper .txt_wrap h5,.section .mainSwiper .txt_wrap h4 {
	color:#fff;
	text-shadow:1px 1px 4px rgba(0,0,0,.4)
}
.mainSwiper .img_wrap {
	width:800px;
	transform:translateY(0);
	opacity:1;
	transition-duration:.8s;
	transition-delay:1.5s
}
.section .mainSwiper .tit_main {
	align-items:center;
	gap:10px;
	margin-bottom:32px;
	transform:translateY(0);
	opacity:1;
	transition-duration:.8s
}
.section .inner {
	height:calc(100% - 60px);
	margin-top:60px
}
.section .myContent .inner {
	margin-top:0
}
#section0 .inner {
	height:100%;
	margin-top:0;
	gap:60px
}

.sec1TopSwiper {
	margin-bottom:10px;
	height: fit-content;
}
#section1 .swiper-slide {
	background-size:cover;
	background-position:center;
	height:fit-content;
}
#section1 .swiper-slide a {
	position:relative;
	width:inherit;
	display: block
}
#section1 .swiper-slide .u_info {
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
	width:100%;
	background:#333;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:10px;
	border:transparent;
	background-color:rgba(0,0,0,.8);
}
#section1 .swiper-slide .u_info2 {
	z-index:1;
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	border:transparent;
}
#section1 .swiper-slide .u_info p {
	color:#fff;
	font-size:18px
}
#section1 .swiper-slide .u_info span {
	color:#fff;
	font-size:12px;
	word-break:keep-all
}
#section2 {
	background:url(../../img/kb/main_sec3_bg.webp) no-repeat;
	background-size:cover;
	background-position:center
}
#section3 a {
	position:relative
}
#section3 a .cate {
	position:absolute;
	top:10px;
	left:auto;
	margin-left:10px;
	padding:4px 10px;
	border-radius:4px;
	background:var(--main-c)
}
#section3 h6 {
	font-size:20px;
	text-align:left;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	margin:16px 0;
	font-weight:600
}
#section3 .swiper-slide p {
	font-size:16px;
	text-align:justify;
	text-overflow:ellipsis;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	line-height:22px;
	color:#cccccc
}
#section3 .date {
	font-size:14px;
	color:#cccccc;
	width:100%;
	display:flex;
	justify-content:flex-end;
	margin-top:16px
}
#section4 {
	background:url(../../img/kb/main_sec5_bg.webp) no-repeat;
	background-size:cover;
	background-position:center
}
#section4 .contents_wrap p,#section4 .contents_wrap span,#section4 .contents_wrap div {
	font-size:18px;
	font-weight:600
}
#section4 .contents_wrap {
	gap:20px
}
#section4 .list_wrap,#section4 .form_wrap {
	width:100%
}
#section4 .list_wrap h6 {
	text-align:left;
	font-size:20px;
	font-weight:600;
	padding:10px;
	border-bottom:1px solid #333
}
#section4 .list_wrap ul {
	height:36vh;
	overflow:auto
}
#section4 .list_wrap ul::-webkit-scrollbar {
	width:10px
}
#section4 .list_wrap ul::-webkit-scrollbar-thumb {
	background-color:#493203;
	border-radius:10px;
	background-clip:padding-box;
	border:2px solid transparent
}
#section4 .list_wrap ul::-webkit-scrollbar-track {
	background-color:transparent;
	border-radius:10px;
	box-shadow:inset 0 0 5px white
}
#section4 .list_wrap li {
	margin:10px;
	align-items:center;
	justify-content:space-between
}
#section4 .list_wrap li p {
	display:block;
	width:auto;
	max-width:160px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-align:left
}
#section4 .list_wrap li p:first-child {
	width:130px
}
#section4 .list_wrap li span {
	display:flex;
	width:90px;
	font-size:14px
}
#section4 .list_wrap li div {
	width:65px;
	background:var(--main-c);
	padding:6px;
	justify-content:center;
	align-items:center;
	border-radius:4px;
	font-size:14px;
	color:#fff
}
#section4 .list_wrap li div.stop {
	background:#624a17
}


.pop {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:999;
	width:100%;
	max-width:834px;
	height:auto;
}
.pop .close {
	position:absolute;
	top:0;
	right:0;
	max-width:24px;
	cursor:pointer;
}
.section img.section2025-bg.gray0 {
    filter: grayscale(100%);
    opacity: 0.05;
}
.section img.section2025-bg.gray2 {
    filter: grayscale(100%);
    opacity: 0.2;
}
#nsection11 .swiper-pagination-bullet {
    border: 1px solid #cccccc;
}
.top-banner-area.mo {display: none;}
.top-banner-area.pc {
    display: block;
    width: 350px;
    margin-right: auto;
    margin-left: 50px;
	border-radius: 10px;
}
.top-banner-area {
	width: 100%;
    height:55px;
    background: rgb(216, 178, 103, 0.8);
    align-items: center;
    font-weight: 700;
    position: relative;
    top: 0;
    left: 0;
    z-index: 5;
}
.top-banner-area .mySwiper-top-banner {
    width: 100%;
	max-width: 1280px;
    height: 100%;
}
.top-banner-area .swiper-slide {
    width: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
}
.top-banner-area .swiper-slide .font-weight-400 {
	font-family: 'Pretendard' !important;
    font-weight: 400;
	/*padding-right: var(--padding-right-10-5);*/
}
.swiper-button-prev-top-banner, .swiper-button-next-top-banner {
    position: absolute;
    display: flex;
    height: 55px;
    top: 0;
    color: #000000;
    align-items: center;
    z-index: 99999;
    cursor: pointer;
    padding: 0 15px;
}
.swiper-button-next-top-banner {
    right: 0;
}
.swiper-button-prev-top-banner {
    left: 0;
}
.top-banner-area .swiper-slide p {
    position: relative;
    /*background: url(/img/kb/deco03.svg) no-repeat center;*/
    background-position: left 35px;
    padding-bottom: 10px;
    font-size: 22px;
    color: #000000;
    line-height: 1.2;
    padding-top: 10px;
    font-family: 'Pretendard' !important;
}
.top-banner-area .swiper-slide .check-line {
    position: relative;
}
.top-banner-area .swiper-slide .check-line:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 6px;
    background: rgba(255, 255, 255, 0.4);
    transition-delay: 0.5s !important;
    transition: all 1s ease;
	z-index: -1;
}

#header.banner-add {
    display: flex;
    flex-wrap: wrap;
}
/*.fp-viewing-2 #header.banner-add,
.fp-viewing-3 #header.banner-add,
.fp-viewing-4 #header.banner-add,
.fp-viewing-5 #header.banner-add,
.fp-viewing-6 #header.banner-add,
.fp-viewing-7 #header.banner-add,
.fp-viewing-8 #header.banner-add,
.fp-viewing-9 #header.banner-add,
.fp-viewing-10 #header.banner-add,
.fp-viewing-11 #header.banner-add,
.fp-viewing-12 #header.banner-add,
.fp-viewing-13 #header.banner-add,
.fp-viewing-14 #header.banner-add,
.fp-viewing-15 #header.banner-add{
    top: calc(var(--height-70-40) * -1);
}*/

.sec-wrap {
    padding-top: var(--padding-120);
    padding-bottom: var(--padding-120);
}
#fullpage.new .section{overflow-x:hidden;}
#fullpage.new .section .inner{gap:50px; margin-top:0; height:100%; padding-top: var(--padding-120); padding-bottom: var(--padding-120);}
#fullpage.new .section .inner.bg{gap:50px; margin-top:0; height:100%; padding-top: var(--padding-240); padding-bottom: var(--padding-240);}
#fullpage.new .section .inner.padding-t0{gap:50px; margin-top:0; height:100%; padding-top: var(--padding-40); padding-bottom: var(--padding-120);}
#fullpage.new .section .inner.padding-b0{gap:50px; margin-top:0; height:100%; padding-top: var(--padding-120); padding-bottom: 0;}
#fullpage.new #section0.section .inner{margin-top:-60px;}
#fullpage.new .section .mainSwiper{margin-top:0; height:100vh;}

.section h1 {
    font-size: 48px;
    font-weight: bold;
}

video{position:absolute; left:0; top:0; width:100vw; height:100vh; object-fit: cover;}
.video-bg{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.18); z-index:1;}
#section0 .txt_wrap {position: relative; z-index: 2; }
#section0 .txt_wrap em{display:inline-block; margin-bottom:40px; padding:10px 25px; font-size:20px; font-weight:600; color:#fff; background:#0b0b0b; border-radius:50px; line-height:1.1em; word-break:keep-all;}
#section0 .txt_wrap h1{font-size:48px; font-weight:700; line-height:1.3em; word-break:keep-all; opacity:0; transform: translateY(18px);}
#section0 .txt_wrap p{display:block; margin-top:30px; font-size:20px; font-weight:400; line-height:1.4em; word-break:keep-all;}

#section0 .mainSwiper .swiper-slide.active .txt_up{
    opacity: 1;
    transform: translateY(0);
	
}
.fp-viewing-1 .swiper-wrapper, .fp-viewing-2 .swiper-wrapper, .fp-viewing-3 .swiper-wrapper { 
	width: fit-content;
	margin: 0 auto;
}
.hd_pops .swiper-pagination {
	position: relative;
    display: flex;
    flex-wrap: wrap !important;
	background: #f5f5f5;
}
.hd_pops .swiper-pagination-bullet {
	width: 50% !important;
    display: flex !important;
	justify-content: center;
}

/*.fp-scrollable {
    overflow: hidden;
    overflow-y: auto;
    position: relative;
}

#section0 .mainSwiper .swiper-slide .txt_up {
    opacity: 0;
    transform: translateY(18px);
    transition-duration: 1.2s
}

#section0.active .swiper-slide .txt_up{
    opacity: 1;
    transform: translateY(0)
}
*/


#fullpage.new .section:not(#section0) .txt_wrap .tit > p,
#fullpage.new .section:not(#section0) .txt_wrap .tit > em{
    opacity: 0;
    transform: translateY(30px);
    transition-duration: .8s;
	transition-delay:1s;
}


#fullpage.new .section:not(#section0).active .txt_wrap .tit > p,
#fullpage.new .section:not(#section0).active .txt_wrap .tit > em{
    opacity: 1;
    transform: translateY(0px);
}

#section0 .txt_wrap h1 .hcolor {
	background: #fff;
    -webkit-text-fill-color: transparent;
    filter: sepia(1) drop-shadow(0 3px 1px #000);
    background-clip: text;
    -webkit-background-clip: text;    
	color: #fff;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, .4)
}
#section0 .txt_wrap h1 i.line{position:relative; font-style:normal;}
#section0 .txt_wrap h1 i.line:before{content:''; position:absolute; left:0; bottom:3px; width:100%; height:16px; background:rgba(255,255,255,0.35); z-index:-1; transition: all 1s ease; transition-delay: 0.3s;}

.text-point{position:relative; font-style:normal; z-index:1;}
.text-point.v1{color:#ffde44;}
.text-point.v2{color:#e4c17d;}
#nsection1 .txt_wrap h3 i.line{position:relative; font-style:normal; z-index:1;}
#nsection1 .txt_wrap h3 i.line:before{content:''; position:absolute; left:0; bottom:3px; width:0; height:16px; background:rgba(255,220,0,0.35); z-index:-1; transition: all 1s ease; transition-delay: 0.3s;}
#nsection1 .txt_wrap h3.ani2{transition-delay: .9s;}
#nsection1.active .txt_wrap h3 i.line:before{width:100%;} 
#nsection4 .txt_wrap h1 i.line{position:relative; font-style:normal;}
#nsection4 .txt_wrap h1 i.line:before{content:''; position:absolute; left:0; bottom:0; width:0; height:14px; background:rgba(255,255,255,0.4); transition-delay:0.5s !important; transition:all 1s ease;}
#nsection4.active .txt_wrap h1 i.line:before{width:100%;}
#nsection1{/*background:url(/img/kb/bg-nsec01.jpg) no-repeat; background-size:cover; background-position:center*/}
#fullpage.new .txt_wrap .tit_sub{margin-bottom:25px;}
#fullpage.new .txt_wrap .tit_sub .txt_up {
    width: 180px;
    margin: 0 auto;
}
.tit.black h1, .tit.black p {
    color: #000 !important;
}
.tit.black h2.section-h2, .tit.black p {
    color: #000 !important;
}
#nsection1 .txt_wrap h3{font-size:55px; font-weight:bold; line-height:1.3em; word-break:keep-all;}
#nsection1 .txt_wrap h3.font-a{margin-top:13px; font-family: var(--fonts3) !important; font-size:53px; font-weight: 600; letter-spacing:-2px;}
#nsection1 .txt_wrap em{display:block; margin-top:30px; font-size:20px; font-weight:400; line-height:1.4em; word-break:keep-all; color:#fff; transition-delay:1.1s;}
#section1 .txt_wrap h1{font-size:48px;color:#fff;font-weight: 700;}
#section1 .txt_wrap h2.section-h2{font-size:48px;font-weight: 700;}
#nsection1 .deco01:before{content:''; position:absolute; top:-21px; left:-38px; width:301px; height:101px; background:url(/img/kb/property/deco01.png)no-repeat center; background-size:contain; z-index:-1;}
#nsection1 .deco02:before{content:''; position:absolute; left:5px; bottom:-10px; width:100%; height:19px; background:url(/img/kb/property/deco02.svg)no-repeat center; background-size:contain; z-index:-1;}
.tit_main,
.sec1TopSwiper,
.sec1BottomSwiper{opacity: 0; transform: translateY(30px); transition-duration: .8s;}.tit_main,
.sec1TopSwiper,
.sec1BottomSwiper2{opacity: 0; transform: translateY(30px); transition-duration: .8s;}

.fp-viewing-2 .tit_main, .fp-viewing-2 .sec1TopSwiper, .fp-viewing-2 .sec1BottomSwiper {
    opacity: 1;
    transform: translateY(0px);
    transition-duration: .8s;
}
.fp-viewing-3 .tit_main, .fp-viewing-3 .sec1TopSwiper, .fp-viewing-3 .sec1BottomSwiper {
    opacity: 1;
    transform: translateY(0px);
    transition-duration: .8s;
}

.tit_main{transition-delay:0.5s;}
.sec1TopSwiper{transition-delay:1s;}
.sec1BottomSwiper{transition-delay:1.2s;}
.sec1BottomSwiper2{transition-delay:1.2s;}
.active .tit_main,
.active .sec1TopSwiper,
.active .sec1BottomSwiper,
.active .sec1BottomSwiper2{opacity: 1; transform: translateY(0px);}
.fp-viewing-2 .tit_main,
.fp-viewing-2 .sec1TopSwiper,
.fp-viewing-2 .sec1BottomSwiper,
.fp-viewing-2 .sec1BottomSwiper2{opacity: 1; transform: translateY(0px);}

.fp-viewing-2 .tit_main,
.fp-viewing-2 .sec1TopSwiper,
.fp-viewing-2 .sec1BottomSwiper{width: 1600px;}

.sec1BottomSwiper2 img {
	height: 100%;
	max-height: 210px;
}
.sec1BottomSwiper2 .u_info {
	top: 0px;
}
.sec1BottomSwiper2 .swiper-slide {
  /*width: auto !important;*/
}
.sec1BottomSwiper2 .swiper-slide .u_info {
    position: relative !important;
}

.fp-viewing-2 .contents_wrap.t-0{position:relative;top:-0px;}

.iScrollVerticalScrollbar.iScrollLoneScrollbar {
    /*display:none;*/
}
.fp-scroller.ignore {
	/*transform: translate(0px, -80px) translateZ(0px) !important;*/
	
}
.fp-viewing-2 .inner.column {
	padding-top: 80px;
	
}
.tab_wrap_area {
	overflow-x: auto;
    overflow-y: hidden;
	}	
	
	
/*특정 부분 스크롤바 없애기*/

.tab_wrap_area{
   -ms-overflow-style: none;
}
.tab_wrap_area::-webkit-scrollbar{
  display:none;
}

.tab_wrap {
	gap: 6px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	overflow-x: auto;
    overflow-y: hidden;
   -ms-overflow-style: none;
}
.tab_wrap::-webkit-scrollbar{
  display:none;
}
.pc-block {
	display:block;
}
.mo-block {
	display:none;
}

.tit_center{vertical-align: middle; gap:15px; margin-bottom:20px;}
.tit_center .img img{width:180px;}
.tit_center .txt{display: flex; flex-direction: column; justify-content: center; text-align:left;}
.tit_center .txt em{display:inline-block; margin-bottom:5px; font-size:12px; font-weight:300; color:#fff; line-height:1em;}
.tit_center .txt span{display:block; font-size:8px; font-weight:500; color:#fff; line-height:1em;}

#nsection2{/*background:url(/img/kb/bg-nsec02.jpg) no-repeat; background-size:cover; background-position:center*/}
#nsection2 .txt_wrap h1{font-size:48px; font-weight:400;color:#fff;}
#nsection2 .txt_wrap h2.section-h2{font-size:48px; font-weight:400;color:#fff;}
#fullpage.new #nsection2 .txt_wrap .tit br{display:none;}
.txt_wrap h1 i.bold{font-weight:700; font-style:normal;}
.txt_wrap h2.section-h2 i.bold{font-weight:700; font-style:normal;}
.list-business{display:flex; flex-wrap: wrap; gap:12px; opacity: 0; transform: translateY(30px); transition-duration: .8s; transition-delay:1s;}
.list-business > li{width:calc((100% / 5) - 9.8px); height:100px; border:1px solid rgba(255,255,255,0.3); background:rgba(0,0,0,0.1); box-sizing:border-box; transition:all 0.3s ease;}
.list-business > li > a{display:flex; justify-content: center; align-items: center; width:100%; height:100%; padding:10px; box-sizing:border-box;}
.list-business > li > a > span{display:inline-block; font-size:23px; font-weight:600; color:#fff; line-height:1.2em; word-break:break-word;}
.list-business > li:hover{background:var(--main-c); border-color:var(--main-c);}
.active .list-business{opacity: 1; transform: translateY(0px);}

#nsection3{/*background:url(/img/kb/bg-nsec03.jpg) no-repeat; background-size:cover; background-position:center*/}
#nsection3 .txt_wrap h1{font-size:55px; font-weight:700; line-height:1.3em; word-break:keep-all;color:#fff;}
#nsection3 .txt_wrap h2.section-h2{font-size:55px; font-weight:700; line-height:1.3em; word-break:keep-all;color:#fff;}
#nsection3 .txt_wrap h1 .font-c{margin-top:5px; font-family: var(--fonts5) !important; font-weight:normal;font-size: 55px;}
#nsection3 .txt_wrap h2.section-h2 .font-c{display: block;margin-top:5px; font-family: var(--fonts5) !important; font-weight:normal;font-size: 55px;}
#nsection3 .txt_wrap h1.ani2{transition-delay:0.9s;}
#fullpage.new #nsection3 .txt_wrap .tit h1 br{display:none;}
#fullpage.new #nsection3 .txt_wrap .tit h2.section-h2 br{display:none;}
#nsection3 .deco03:before{content:''; position:absolute; left:3px; bottom:-16px; width:100%; height:20px; background:url(/img/kb/property/deco03.svg)no-repeat center; background-size:contain; z-index:-1; }
#nsection3 .deco03:after{content:''; position:absolute; top:-30px; right:-30px; width:44px; height:49px; background:url(/img/kb/property/deco03-2.svg)no-repeat center; background-size:contain; z-index:-1;}



#nsection3 .txt_wrap em{display:block; margin-top:30px; font-size:20px; font-weight:400; line-height:1.4em; word-break:keep-all; color:#fff; transition-delay:1.1s;}
.btn-more{position:relative; display:flex; justify-content: center; align-items: center; margin:40px auto 0; padding:5px; width:180px; height:60px; border:1px solid #fff; box-sizing:border-box; z-index:1;  opacity: 0; transform: translateY(30px); transition-duration: .8s; transition-delay:1.2s;}
.btn-more:before{content:''; position:absolute; top:0; left:0; width:0; height:100%; background:#fff; transition:all 0.5s ease;}
.btn-more > span{font-size:17px; font-weight:600; color:#fff; z-index:2;}
.btn-more:hover:before{width:100%;}
.btn-more:hover > span{color:#333; font-weight:bold;}
.active .btn-more{opacity: 1; transform: translateY(0px);}

#nsection4{/*background:url(/img/kb/bg-nsec04.jpg) no-repeat; background-size:cover; background-position:center*/}
#nsection4 .txt_wrap h1{font-size:50px; font-weight:700; line-height:1.2em; word-break:keep-all;color:#fff;}
#fullpage.new #nsection4 .txt_wrap .tit br{display:none;}
#nsection4 .list-differ{display:flex; flex-wrap: wrap; gap:50px; width:100%;}
#nsection4 .list-differ > li{display: flex; flex-direction: column; justify-content: center; align-items: center; width:calc((100% / 3) - 33.5px); width:-webkit-calc((100% / 3) - 33.5px); height:340px; background:#fff; padding:20px; box-sizing:border-box; opacity: 0; transform: translateY(30px); transition:all 1s;}
#nsection4 .list-differ > li > i{display:inline-block; margin-bottom:12px; width:48px; height:48px; border-radius:50px; background:#bca06a; font-size:20px; font-weight:bold; color:#fff; font-style:normal; line-height:48px; text-align:center;}
#nsection4 .list-differ > li h2{display:block; font-size:29px; font-weight:700; color:#333; line-height:1.3em; word-break:keep-all;}
#nsection4 .list-differ > li h2 .font-b{font-family: var(--fonts4) !important; font-weight: 400; font-size: 40px; display: inline-block; margin: 6px 0 0; letter-spacing: -2px;}
#nsection4 .list-differ > li p{display:inline-block; margin-top:10px; font-size:18px; font-weight:400; color:#888; line-height:1.6em; word-break:keep-all;}
#nsection4 .list-differ > li:nth-child(1){transition-delay:0.8s;}
#nsection4 .list-differ > li:nth-child(2){transition-delay:1.1s;}
#nsection4 .list-differ > li:nth-child(3){transition-delay:1.4s;}
#nsection4 .list-differ > li:nth-child(4){transition-delay:1.7s;}
#nsection4 .list-differ > li:nth-child(5){transition-delay:2.1s;}
#nsection4.active .list-differ > li{opacity: 1; transform: translateY(0px);}


#nsection5{background:#f3f3f3; overflow-x:hidden;}
.sec-wrap-araea{display:flex;width:1600px;}
.sec-wrap {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    /*background: url(/img/kb/bg-nsec05.jpg) no-repeat left;
    background-size: cover;
    background-size: 50% 100%;*/
}
.sec-left{display:flex; justify-content: flex-end; align-items: center; padding-left:0px; width:40%;  text-align:left; box-sizing:border-box;}
.sec-left .tit_center{margin-bottom:30px;}
.sec-left .txt_wrap h1{font-size:42px;color: #fff;font-weight: 700;}
.sec-left .txt_wrap h2.section-h2{font-size:42px;color: #fff;font-weight: 700;}
.sec-left .txt_wrap p{display:block; margin-top:20px; font-size:17px; font-weight:300; line-height:1.4em; word-break:keep-all; color:#fff; opacity:0.8;}
.sec-left .btn-more{margin:40px 0 0;}
.sec-right{display: flex; justify-content: center; align-items: flex-start; flex-direction: column; width:calc(60% - 0px); width:-webkit-calc(60% - 0px); padding-left: 100px; padding-right: 0px;box-sizing:border-box;background-color: #f3f3f3;}
#nsection5 .cs-tit{display:flex; align-items: flex-end; margin-bottom:20px;}
#nsection5 .cs-tit em{display:inline-block; font-size:27px; font-weight:300; color:#333; line-height:1em; word-break:keep-all;}
#nsection5 .cs-tit .counter{display:inline-block; font-size:50px; font-weight:700; color:#bca06a; line-height:1em; word-break:keep-all;}
.csSwiper{width:100%; height:550px; margin: initial;}
.csSwiper .swiper-slide{display: flex; align-items: center; justify-content: space-between; background:#fff; width:100%; height:60px; padding:10px 30px; box-sizing:border-box;}
.csSwiper .swiper-slide .data{font-size:16px; font-weight:400; color:#999; line-height:1em;}
.csSwiper .swiper-slide .subject{font-size:16px; font-weight:500; color:#333; line-height:1em;}
.csSwiper .swiper-slide .state{display:inline-block; width:80px; height:30px; padding:5px; font-size:15px; font-weight:500; color:#fff; line-height:20px; background:#bca06a; border-radius:50px;}
#nsection5 .cs-tit{opacity: 0; transform: translateX(30px); transition:all 0.5s; transition-delay:0.5s;}
.csSwiper{opacity: 0; transform: translateX(100px); transition:all 1s; transition-delay:0.5s;}
#nsection5.active .cs-tit{opacity:1; transform: translateY(0);}
#nsection5.active .csSwiper{opacity:1; transform: translateX(0);}

#nsection5 .sec-left-area{ padding-left:0px; width:520px;}
#nsection5 .sec-right-area {
    max-width: 780px;
    width: 100%;
}


#nsection51{background:#f3f3f3; overflow-x:hidden;}
.sec-wrap-araea{display:flex;width:1600px;}
.sec-wrap {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    /*background: url(/img/kb/bg-nsec05.jpg) no-repeat left;
    background-size: cover;
    background-size: 50% 100%;*/
}
.sec-left{display:flex; justify-content: flex-end; align-items: center; padding-left:0px; width:40%;  text-align:left; box-sizing:border-box;}
.sec-left .tit_center{margin-bottom:30px;}
.sec-left .txt_wrap h1{font-size:42px;color: #fff;font-weight: 700;}
.sec-left .txt_wrap h2.section-h2{font-size:42px;color: #fff;font-weight: 700;}
.sec-left .txt_wrap p{display:block; margin-top:20px; font-size:17px; font-weight:300; line-height:1.4em; word-break:keep-all; color:#fff; opacity:0.8;}
.sec-left .btn-more{margin:40px 0 0;}
.sec-right{display: flex; justify-content: center; align-items: flex-start; flex-direction: column; width:calc(60% - 0px); width:-webkit-calc(60% - 0px); padding-left: 100px; padding-right: 0px;box-sizing:border-box;background-color: #f3f3f3;}
#nsection51 .cs-tit{display:flex; align-items: flex-end; margin-bottom:20px;}
#nsection51 .cs-tit em{display:inline-block; font-size:27px; font-weight:300; color:#333; line-height:1em; word-break:keep-all;}
#nsection51 .cs-tit .counter2{display:inline-block; font-size:50px; font-weight:bold; color:#bca06a; line-height:1em; word-break:keep-all;padding-left: 20px;}
.qnaSwiper{width:100%; height:550px; margin: initial;}
.qnaSwiper .swiper-slide{display: flex; align-items: center; justify-content: space-between; background:#fff; width:100%; height:100%; padding:10px 30px; box-sizing:border-box; flex-direction: column;}
.qnaSwiper .swiper-slide .data{font-size:16px; font-weight:400; color:#999; line-height:1em;}
.qnaSwiper .swiper-slide .subject{font-size:16px; font-weight:500; color:#333; line-height:1em;}
.qnaSwiper .swiper-slide .state{display:inline-block; width:80px; height:30px; padding:5px; font-size:15px; font-weight:500; color:#fff; line-height:20px; background:#bca06a; border-radius:50px;}
#nsection51 .cs-tit{opacity: 0; transform: translateX(30px); transition:all 0.5s; transition-delay:0.5s;}
.qnaSwiper{opacity: 0; transform: translateX(100px); transition:all 1s; transition-delay:0.5s;}
#nsection51.active .cs-tit{opacity:1; transform: translateY(0);}
#nsection51.active .qnaSwiper{opacity:1; transform: translateX(0);}

#nsection51 .sec-left-area{ padding-left:0px; width:520px;}
#nsection51 .sec-right-area {
    max-width: 780px;
    width: 100%;
}
#nsection51 .swiper-slide {
    height: auto !important; /* 콘텐츠 높이에 맞게 자동 설정 */
    /* align-self: stretch; */ /* 필요하다면 flex 컨테이너의 align-items 속성에 따라 스트레치 */
}

/* 아코디언 메뉴 */
.accordion-list {}
.accordion-list .accordion-item {transition:all 0.5s;border: solid 2px rgba(0, 0, 0, 0.0);}
.accordion-list .accordion-item .accordion-link {
    background-color: transparent;
    width: 100%;
    height: 36px;
    display: flex;
    position: relative;
    padding: 0;
    transition: all 0.3s;
    justify-content: space-between;
    align-items: center;
    border: solid 0px;
}
.accordion-list .accordion-item.active {background-color: #f7f3e8;transition:all 0.0s;border: solid 2px rgba(0, 0, 0, 0.2);  }
.accordion-list .accordion-item.active .accordion-link {}
.accordion-list .accordion-item .accordion-link::before {content: ""; display: inline-block; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); width: 14px; height: 4px; background-color: #999;}
.accordion-list .accordion-item.active .accordion-link::before {background-color: #333}
.accordion-list .accordion-name {
    display: flex;
    position: relative;
    padding-left: 80px;
    font-size: 17px;
    font-weight: 500;
    height: 30px;
    align-items: center;
}
.accordion-list .accordion-name .icon {
    display: inline-block;
    position: absolute;
	left: 0;
    width: 60px;
    height: 30px;
    font-family: 'gmarket';
    font-weight: 700;
    font-size: 18px;
    color: #ffffff;
    background: #bca06a;
    border-radius: 50px;
}
.accordion-list .accordion-desc .icon2 {
	display: flex;
    align-items: center;
	justify-content: center;
    position: absolute;
	left: 0;
    width: 60px;
    height: 30px;
    font-family: 'gmarket';
    font-weight: 700;
    font-size: 18px;
    color: #ffffff;
    background: #333;
    border-radius: 50px;
}
.accordion-list .accordion-item .accordion-desc {   
	display: none;
	width: 100%;
	padding: 15px 30px 10px 50px; 
	color: #555;
    font-size: 16px;
    font-weight: 400;
	line-height:24px;
	position: relative; 
	padding-left: 80px;
	text-align: left;
	border-top: solid 1px rgba(0, 0, 0, 0.2);  
	margin-top: 10px;
	word-break: keep-all;
	}
@media (max-width:767px) {
  .accordion-list .accordion-name {font-size: 16px;}
  .accordion-list .accordion-item .accordion-desc {padding: 20px 30px; font-size: 15px;}
}
@media (max-width:500px) {
  .accordion-list .accordion-item a {padding: 20px 10px;}
}


#nsection6{/*background:url(/img/kb/bg-nsec06.jpg) no-repeat; background-size:cover; background-position:center; overflow-x:hidden;*/}
#nsection6 .contents_wrap.row{justify-content: center; gap:60px;}
#nsection6 .tit_sub p{color:#fff;}
#nsection6 .txt_wrap h1{font-size:50px; font-weight:700; line-height:1.2em; word-break:keep-all; color:#fff;}
#nsection6 .txt_wrap h2.section-h2{font-size:50px; font-weight:700; line-height:1.2em; word-break:keep-all; color:#fff;}
#nsection6 .cs-link{display: flex; flex-direction: column; justify-content: center; width:520px; padding:60px; background:#fff; box-sizing:border-box; }
#nsection6 .cs-link h2{display:block; text-align:left; font-size:34px; font-weight:bold; color:#111; line-height:1.3em; word-break:keep-all;}
#nsection6 .cs-link h3.section-h3{display:block; text-align:left; font-size:34px; font-weight:bold; color:#111; line-height:1.3em; word-break:keep-all;}
#nsection6 .cs-link__list{margin:25px 0 0;}
#nsection6 .cs-link__list > li{width:100%; height:70px; margin-bottom:15px; text-align:center;}
#nsection6 .cs-link__list > li > a{display:flex; justify-content: center; align-items: center; width:100%; height:100%; font-size:20px; font-weight:700; color:#111; line-height:1em; word-break:keep-all; box-sizing:border-box; transition:all 0.3s ease;}
#nsection6 .cs-link__list > li:last-child{margin:0;}
#nsection6 .cs-link__list > li:first-child > a{border:1px solid #444;}
#nsection6 .cs-link__list > li:last-child > a{background:#ffcc00; color:#020202;}
#nsection6 .cs-link__list > li:first-child > a:hover{background:#111; color:#fff;}
#nsection6 .cs-link__list > li:last-child > a:hover{background:#bca06a; color:#fff;}
#nsection6 .form_wrap{width:520px; padding:60px; background:#fff; box-sizing:border-box; border-radius:0; text-align:left;}
#nsection6 .form_wrap h2{display:block; margin-bottom:20px; font-size:23px; font-weight:bold; color:#111; line-height:1em; word-break:keep-all;}
#nsection6 .form_wrap h3.section-h3{display:block; margin-bottom:20px; font-size:23px; font-weight:bold; color:#111; line-height:1em; word-break:keep-all;}
#nsection6 .form_wrap .label_wrap{width:100%;}
#nsection6 .form_wrap .label_wrap input{width:100%; height:52px; padding:10px; background:#f9f9f9; border:1px solid #ddd; box-sizing:border-box; font-size:16px; font-weight:400; color:#555; line-height:1em; word-break:keep-all;}
#nsection6 .form_wrap .chk_box_wrap{float:unset; width:100%; margin-top:20px;}
#nsection6 .form_wrap .chk_box_wrap input{width:18px; height:18px; border-color:#ddd; margin-right:6px;}
#nsection6 .form_wrap .chk_box_wrap span{font-size:16px;}
#nsection6 .form_wrap .chk_box_wrap a{font-size:16px; font-weight:500;}
#nsection6 .form_wrap input.g_counsel{width:100%; height:58px; background:#bca06a; border-radius:0; font-size:19px; font-weight:bold;}
#nsection6 .form_wrap input.g_counsel:hover{background:#957b49;}

#nsection6 .cs-link{opacity: 0; transform: translateX(-50px); transition:all 1s ease; transition-delay:0.8s;}
#nsection6 .form_wrap{opacity: 0; transform: translateX(50px); transition:all 1s ease; transition-delay:0.8s;}
#nsection6.active .cs-link,
#nsection6.active .form_wrap{opacity: 1; transform: translateX(0);}



#nsection7{/*background:url(/img/kb/bg-nsec07.jpg) no-repeat; background-size:cover; background-position:center*/}
#nsection7 .tit_sub p{color:#fff;}
#nsection7 .txt_wrap h1{font-size:50px; font-weight:700; line-height:1.2em; word-break:keep-all;color:#fff;}
#nsection7 .txt_wrap h2.section-h2{font-size:50px; font-weight:700; line-height:1.2em; word-break:keep-all;color:#fff;}
#nsection7 .bocast-top,
#nsection7 .bocastSwiper,
#section3 .tab_wrap,
#section3 .sec3Swiper,
#section3 .btn-more__link,
#section5 .tab_wrap,
#section5 .map_wrap{opacity: 0; transform: translateY(40px); transition:all 1s ease; transition-delay:1s;}
#nsection7.active .bocast-top,
#nsection7.active .bocastSwiper,
#section3.active .tab_wrap,
#section3.active .sec3Swiper,
#section3.active .btn-more__link,
#section5.active .tab_wrap,
#section5.active .map_wrap{opacity:1; transform: translateY(0px);}


#nsection8{/*background:url(/img/kb/bg-nsec08.jpg) no-repeat; background-size:cover; background-position:center*/}
#nsection8 .txt_wrap h1{font-size:55px; font-weight:700; line-height:1.2em; word-break:keep-all; color:#fff;}
#nsection8 .txt_wrap h2.section-h2{font-size:55px; font-weight:700; line-height:1.2em; word-break:keep-all; color:#fff;}
#fullpage.new #nsection8 .txt_wrap .tit br{display:none;}
#nsection8 .txt_wrap h1.font-c{display:inline-block; margin-bottom:15px; font-family: var(--fonts5) !important; font-weight:normal;}
#nsection8 .txt_wrap h2.section-h2.font-c{display:inline-block; margin-bottom:15px; font-family: var(--fonts5) !important; font-weight:normal;}
#nsection8 .txt_wrap h1 span{position:relative;}
#nsection8 .txt_wrap h1 span:before{content:''; position:absolute; left:0; bottom:-13px; width:100%; height:16px; background:url(/img/kb/property/deco03.svg)no-repeat center; background-size:contain;}
#nsection8 .txt_wrap h1 span i{position:relative; font-style:normal;}
#nsection8 .txt_wrap h1 span i:before{content:''; position:absolute; top:-8px; left:50%; margin-left:-5px; width:10px; height:10px; background:#e4c17d; border-radius:50px; opacity:0; transition:all 0.5s;}
#nsection8 .txt_wrap h2.section-h2 span{position:relative;}
#nsection8 .txt_wrap h2.section-h2 span:before{content:''; position:absolute; left:0; bottom:-13px; width:100%; height:16px; background:url(/img/kb/property/deco03.svg)no-repeat center; background-size:contain;}
#nsection8 .txt_wrap h2.section-h2 span i{position:relative; font-style:normal;}
#nsection8 .txt_wrap h2.section-h2 span i:before{content:''; position:absolute; top:-8px; left:50%; margin-left:-5px; width:10px; height:10px; background:#e4c17d; border-radius:50px; opacity:0; transition:all 0.5s;}
#nsection8.active .txt_wrap h3.ani2{transition-delay:0.9s;}
#nsection8 .txt_wrap em{display:block; margin-top:30px; font-size:20px; font-weight:400; line-height:1.4em; word-break:keep-all; color:#fff; transition-delay:1.1s !important;}
#nsection8 .txt_wrap h1 span i:nth-child(1):before{transition-delay:1s;}
#nsection8 .txt_wrap h1 span i:nth-child(2):before{transition-delay:1.2s;}
#nsection8 .txt_wrap h1 span i:nth-child(3):before{transition-delay:1.4s;}
#nsection8 .txt_wrap h1 span i:nth-child(4):before{transition-delay:1.6s;}
#nsection8 .txt_wrap h2.section-h2 span i:nth-child(1):before{transition-delay:1s;}
#nsection8 .txt_wrap h2.section-h2 span i:nth-child(2):before{transition-delay:1.2s;}
#nsection8 .txt_wrap h2.section-h2 span i:nth-child(3):before{transition-delay:1.4s;}
#nsection8 .txt_wrap h2.section-h2 span i:nth-child(4):before{transition-delay:1.6s;}
#nsection8 .txt_wrap h2.section-h2 span i:nth-child(5):before{transition-delay:1.8s;}
#nsection8 .txt_wrap h2.section-h2 span i:nth-child(6):before{transition-delay:2.0s;}
#nsection8 .txt_wrap h2.section-h2 span i:nth-child(7):before{transition-delay:2.2s;}
#nsection8.active .txt_wrap h1 span i:before{opacity:1;}
#nsection8.active .txt_wrap h1 span i:last-child:before{opacity:0;}
#nsection8.active .txt_wrap h2.section-h2 span i:before{opacity:1;}
#nsection8.active .txt_wrap h2.section-h2 span i:last-child:before{opacity:0;}
#section3 .txt_wrap h1,
#section3 .txt_wrap h2.section-h2,
#section5 .txt_wrap h2.section-h2,
#section5 .txt_wrap h1{font-size:50px; font-weight:700; line-height:1.2em; word-break:keep-all;color:#fff;}
.btn-more__link{position:absolute; top: -34px; right: 0; }
.btn-more__link > a { display: block; font-size: 15px; font-weight: 400; color: #fff; }

.section .inner{
    height: calc(100% - 60px - 80px);
    margin-top: 140px;
}

.sub_banner ~ .section .inner{
    margin-top: 0;
}

.section.sec1.tab_board{
    height: fit-content;
}


.section .mainSwiper h4.mg-btm-30{
    margin-bottom: 30px;
}
.section .mainSwiper .txt_wrap h5.fs-30{
    font-size: 30px;
    line-height: 46px;
    word-break: keep-all;
        letter-spacing: 1px;
}

.sub_banner{
    margin-top: 140px;
}
#nsection11{
    /*background: url(/img/kb/bg-sec11.jpg) no-repeat;
    background-position: center;
    background-size: cover;*/
}
#fullpage.new #nsection11 .inner{gap:30px;}
#fullpage.new #nsection11 .txt_wrap .tit_sub{margin-bottom:15px;}
#nsection11 .tit_sub p{color:#fff;}
#nsection11 .txt_wrap h1{font-size:50px; color:#fff;font-weight: 700;}
#nsection11 .txt_wrap h2.section-h2{font-size:50px; color:#fff;font-weight: 700;}
.map-wrap{position:relative;}
.success-btn{position:absolute; top:-44px; right:0;}
.success-btn > a{display:block; font-size:15px; font-weight:400; color:#000;}
#nsection11 .swiper{
    width: 100%;
}

#nsection11 .swiper .success_con{
	position:relative;
    padding: 0;
    text-align: left;
    font-size: 18px;
}
#nsection11 .swiper .success_con.blank{
	position:relative;
    padding: 0;
    text-align: left;
    font-size: 18px;
}

#nsection11 .tab_wrap li {
    background: rgba(255, 255, 255, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    border: 1px solid var(--border-color-1);
    color: #777777;
    padding: 12px 20px;
    font-weight: 500;
    font-size: 17px;
}
#nsection11 .tab_wrap li.active {
    background: var(--main-c);
    color: #fff;
}

#nsection11 .swiper .success_con .img_wrap{
    width:100%;
    height: auto;
    background: #cecece;
    display: flex;
}
#nsection11 .swiper .success_con .img_wrap a{width:100%; height:100%; overflow:hidden;}
#nsection11 .swiper .success_con .img_wrap a img{width:100%; height:100%; transition:all 0.5s ease; transform:scale(1);}
#nsection11 .swiper .success_con .txt_wrap{
	background:#fff; padding:20px; box-sizing:border-box;    
}
#nsection11 .swiper .success_con:hover .img_wrap a img{transform:scale(1.05);}
#nsection11 .swiper .success_con:hover .txt_wrap .title{color:#bca06a;}
#nsection11 .swiper .pan{
	position:absolute; top:0; right:0;
    padding: 5px 8px;
    background:#bca06a;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: fit-content;
	font-size:15px;
	font-weight:400;
	color:#fff;
}

#nsection11 .swiper .title{
    font-size: 20px;
	min-height:48px;
    margin: 0 0 14px 0;
    font-weight: 700;
	color:#111;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	word-break:keep-all;
}

#nsection11 .swiper .bo_cnt{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	display:none;
}

#nsection11 .swiper .success_con h6{
    display: flex;
    margin: 20px 0 10px 0;
    font-weight: 600;
}

#nsection11 .swiper .lawyers{
    gap: 5px;
    flex-wrap: wrap;
    height: 45px;
    overflow: auto;
}

#nsection11 .swiper .lawyers .item{
	position:relative;
    width: 45px;
    position: relative;
    height: 45px;
    overflow: hidden;
    border-radius: 50px;
	z-index:1;
}

#nsection11 .swiper .lawyers .item img{position:relative; top:-3px; z-index:-1;}

#nsection11 .swiper .lawyers .tooltip{
    position: absolute;
    width: 84%;
    padding: 2px;
    background: #fff;
    border: 1px solid var(--main-c);
    border-radius: 4px;
    text-align: center;
    top:50%;
    left: 50%;
    font-size: 12px;
    display: none;
	transform:translate(-50%, -50%);
}

#nsection11 .swiper .lawyers .item:hover .tooltip{
    display: block;
}


#nsection11 .swiper-pagination {
    position: relative;
    bottom: 0px;
    width: 100% !important;
    margin-top: var(--padding-40);
}
#nsection11 .swiper-pagination-bullet{width:10px; height:10px; margin:0 2.5px !important; background:rgba(255,255,255,0.2); transform: scale(1) !important; opacity:1;}
#nsection11 .swiper-pagination-bullet-active{background:#bca06a;}

#nsection11 .tab_wrap,
#nsection11 .map_wrap .swiper,
#nsection11 .success-btn{opacity: 0; transform: translateY(50px);}
#nsection11 .tab_wrap,
#nsection11 .success-btn{transition-delay:0.8s !important; transition: all 0.8s;}
#nsection11 .map_wrap .swiper{transition-delay:1s !important; transition: all 0.8s;}
#nsection11.active .tab_wrap,
#nsection11.active .success-btn,
#nsection11.active .swiper{opacity: 1; transform: translateY(0);}

/*건설·부동산*/

#section1.sub101{   
    background: url(/img/kb/main_sec2_bg101.png) no-repeat;
    background-size: cover;
    background-position: center;}

/*건설·부동산*/
/*#section0 .slide_111 { background:url(/img/kb/property/main_slide2.jpg) no-repeat; background-size:cover; background-position:center } */


/*금융범죄*/
#section0 .slide_21 { background:url(/img/kb/main_slide21.png) no-repeat; background-size:cover; background-position:center } 
#section0 .slide_22 { background:url(/img/kb/main_slide22.png) no-repeat; background-size:cover; background-position:center } 
/*금융범죄*/

/*민사*/
#section0 .slide_31 { background:url(/img/kb/main_slide31.png) no-repeat; background-size:cover; background-position:center } 
#section0 .slide_32 { background:url(/img/kb/main_slide32.png) no-repeat; background-size:cover; background-position:center } 
/*민사*/

/*성범죄*/
#section0 .slide_41 { background:url(/img/kb/main_slide41.png) no-repeat; background-size:cover; background-position:center } 
#section0 .slide_42 { background:url(/img/kb/main_slide42.png) no-repeat; background-size:cover; background-position:center } 
/*성범죄*/

/*소액손해배상*/
#section0 .slide_51 { background:url(/img/kb/main_slide51.png) no-repeat; background-size:cover; background-position:center } 
#section0 .slide_52 { background:url(/img/kb/main_slide52.png) no-repeat; background-size:cover; background-position:center } 
/*현재 금융이랑 같이 사용*/
/*소액손해배상*/

/*음주운전*/
#section0 .slide_61 { background:url(/img/kb/main_slide61.png) no-repeat; background-size:cover; background-position:center } 
#section0 .slide_62 { background:url(/img/kb/main_slide62.png) no-repeat; background-size:cover; background-position:center } 
/*음주운전*/

/*이혼가사*/
#section0 .slide_71 { background:url(/img/kb/main_slide71.png) no-repeat; background-size:cover; background-position:center } 
#section0 .slide_72 { background:url(/img/kb/main_slide72.png) no-repeat; background-size:cover; background-position:center } 
/*이혼가사*/

/*학교폭력*/
#section0 .slide_81 { background:url(/img/kb/main_slide81.png) no-repeat; background-size:cover; background-position:center } 
#section0 .slide_82 { background:url(/img/kb/main_slide82.png) no-repeat; background-size:cover; background-position:center } 


/*학교폭력*/

/*형사*/
#section0 .slide_91 { background:url(/img/kb/main_slide91.png) no-repeat; background-size:cover; background-position:center } 
#section0 .slide_92 { background:url(/img/kb/main_slide92.png) no-repeat; background-size:cover; background-position:center } 
/*형사*/

/*회생·파산*/
#section0 .slide_101 { background:url(/img/kb/main_slide101.png) no-repeat; background-size:cover; background-position:center } 
#section0 .slide_102 { background:url(/img/kb/main_slide102.png) no-repeat; background-size:cover; background-position:center } 

#section1.sub101{   
    background: url(/img/kb/main_sec2_bg101.png) no-repeat;
    background-size: cover;
    background-position: center;}
/*회생·파산*/


.circle-area {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    z-index: 9;
}
.circle-area .circle-tit {
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
.circle {
    display: flex;
    flex-direction: column;
}
.circle i {
	margin: -5px;
	font-size: 20px;
	animation: flashing 1s ease infinite alternate;
	color:#fff;
}
.circle i:nth-child(2) {
	animation-delay: 0.3s;
}
.circle i:last-child {
	animation-delay: 0.6s;
}
@keyframes flashing {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0.1;
	}
}

#menu {
    position: absolute;
    z-index: 9;
    /**display: flex;**/
    display: none;
	width: auto;
    height: 100%;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
	margin-left: 40px;
}
#menu li, #menu li:hover {
    display: flex;
	border-radius: 30px;
    background: rgba(188, 160, 106,.0);
	border: solid 1px transparent;
	margin: 5px 10px;
}
#menu li a, #menu li a:hover {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 15px;
}
#menu li.active {
    background: rgba(188, 160, 106,.0);
	border: solid 1px #e4c17d;
}
#menu li.active a, #menu li.active a:hover, #menu li a:hover {
    color: #e4c17d;
    font-weight: 400;
    padding: 5px 15px;
}


.sec1BottomSwiper2 .swiper-wrapper{
            transition-timing-function: linear !important;  /* 추가하기 */
        }



/* 왜 법무법인 KB여야 할까요 공통 추가 시작 */
#nsection4 .list-differ.common {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    width: 100%;
    display: grid;
    grid-template-columns: 3fr 1px 3fr 1px 3fr;
    gap: 50px;
}
#nsection4 .list-differ.common > li {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    background: transparent;
    padding: 0;
    box-sizing: border-box;
    position: relative;
}
#nsection4 .list-differ.common > li.elegant-divider {
  /* Creating the vertical line */
  position: relative;
  width: 1px;                /* Set the line thickness */
  height: 100%;             /* Adjust the height as needed */
  background-color: rgba(0, 0, 0, 0.2) !important; /* A light grey for the line */
  margin: 0px auto;         /* Centers the divider horizontally */
}

#nsection4 .list-differ.common > li.elegant-divider::after {
  /* Creating the decorative circle */
  content: "";
  position: absolute;
  top: 50%;                  /* Positions it in the middle of the line */
  left: 50%;
  transform: translate(-50%, -50%);
  
  width: 12px;               /* Diameter of the circle */
  height: 12px;
  background-color: #d4af37; /* Metallic gold color */
  border: 0px solid #fff;    /* Optional white border for contrast */
  border-radius: 50%;        /* Makes the square div a circle */
  box-shadow: 0 0 5px rgba(0,0,0,0.1); /* Subtle depth */
}
#nsection4 .txt_wrap p i.line:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: var(--height-14-8);
    background: var(--main-color-3) !important;
    transition-delay: 0.5s !important;
    transition: all 1s ease;
    z-index: -1;
}
#nsection4 .list-differ.common .card {
  background: transparent;
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* 애니메이션 핵심 */
  cursor: pointer;
}
#nsection4 .list-differ.common .card:hover {
  transform: translateY(-15px); /* 위로 15px 이동 */
}
#nsection4 .list-differ.common .img-box {
    position: relative;
    width: 100%;
    border-radius: 15px;
    overflow: visible;
    margin-bottom: var(--margin-40);
}

#nsection4 .list-differ.common .img-box img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    display: block;
}
#nsection4 .list-differ.common .icon-circle {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: var(--width-70);
    height: var(--width-70);
    background: #fff;
    border: 1px solid var(--main-color-3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    padding: var(--padding-20);
	transition: all 0.3s ease-in-out;
	box-sizing: content-box;
}
#nsection4 .list-differ.common .card:hover .icon-circle {
    border: 5px solid var(--main-color-3);
}
#nsection4 .list-differ.common .content {
    text-align: left;
    padding: 0 10px;
}
#nsection4 .list-differ.common .number {
    color: var(--main-color-3);
    font-family: var(--fonts5) !important;
    font-size: var(--font-size-44);
    font-weight: 800;
    display: block;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
#nsection4 .list-differ.common .number dd {
    color: var(--main-color-3);
    font-size: var(--font-size-44);
    font-weight: 300;
    padding-left: var(--padding-15);
    line-height: 1.0;
}
#nsection4 .list-differ.common > li h3 {
    display: inline-block;
    font-size: var(--font-size-28);
    font-weight: 700;
    color: var(--font-color-1);
    line-height: 1.3em;
    word-break: keep-all;
    position: relative;
}
#nsection4 .list-differ.common > li h3:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: var(--height-14-8);
    background: #d2dcf6;
    transition-delay: 0.2s !important;
    transition: all 0.5s ease;
    z-index: -1;
}
#nsection4 .list-differ.common .card:hover h3:before {
    width: 100%;
}
#nsection4 .list-differ.common > li p {
    display: inline-block;
    margin-top: 10px;
    font-size: var(--font-size-18);
    font-weight: 400;
    color: #666;
    line-height: 1.6em;
    word-break: keep-all;
}
#nsection4 .txt_wrap p.bos-02.why-kb {
    font-weight: 700;
}
#nsection4 .tit_sub p.section-catchphrase-common {
    font-size: var(--font-size-16);
    letter-spacing: 0;
    text-transform: uppercase;
    margin-top: var(--margin-20);
    margin-bottom: 0;
    font-weight: 500;
}
#nsection4 .tit_sub p.section-catchphrase-common span {
    font-weight: 700;
    color: var(--main-color-3);
}
.section img.section2025-bg.gray1 {
    filter: grayscale(100%);
    opacity: 0.1;
}
h1.visually-hidden, h2.visually-hidden, h3.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.txt_wrap p.section-title {
    font-size: var(--font-size-50-25) !important;
    font-weight: 700;
    word-break: keep-all;
}
#nsection4 .txt_wrap p i.line {
    position: relative;
    font-style: normal;
}
#nsection4.active .txt_wrap p i.line:before {
    width: 100%;
}
#nsection4 .txt_wrap p i.line:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: var(--height-14-8);
    background: rgba(255,255,255,0.4);
    transition-delay: 0.5s !important;
    transition: all 1s ease;
}
/* 왜 법무법인 KB여야 할까요 공통 추가 끝*/

@media (max-width: 1700px) {
	#menu {
		display: none;
	}
	/* 누적상담 */
	#nsection5 .sec-left{ padding-left:0px; width:40%;}
	#nsection5 .sec-right{width:60%;}
	#nsection5 .sec-right .csSwiper{width:100%;}
	/* 누적상담 */
	#nsection51 .sec-left{ padding-left:0px; width:40%;}
	#nsection51 .sec-right{width:60%;}
	#nsection51 .sec-right .qnaSwiper{width:100%;}
}
@media (max-width: 1500px) {
	#quick-cs .cs-num{width:260px;}
	#quick-cs .form-wrap{width:calc(100% - 260px); width:-webkit-calc(100% - 260px);}
	#quick-cs .form-wrap form fieldset{width:calc(100% - 260px); width:-webkit-calc(100% - 260px);}
	#quick-cs .cs-btn{width:260px;}
	/* 다른점 */
	#nsection4 .list-differ{gap:30px;}
	#nsection4 .list-differ > li{width:calc((100% / 3) - 20px); width:-webkit-calc((100% / 3) - 20px);}

	/* 누적상담 */
	#nsection5 .sec-left{ padding-left:80px;}
	#nsection5 .sec-right{padding-left:80px; padding-right:80px;}
	/* 누적상담 */
	#nsection51 .sec-left{ padding-left:80px;}
	#nsection51 .sec-right{padding-left:80px; padding-right:80px;}
}

@media all and (max-width:1400px) {
    .inner {
        width: calc(100% - 80px)
    }

    #header .gnb li {
        padding: 0 15px
    }
}
@media (max-width: 1350px) {
	#quick-cs .cs-num{flex-direction: column; gap:7px; width:180px;}
	#quick-cs .cs-num > span{font-size:17px;}
	#quick-cs .cs-num > span:before{width:16px; height:16px;}
	#quick-cs .cs-num > a{font-size:20px;}
	#quick-cs .form-wrap{width:calc(100% - 180px); width:-webkit-calc(100% - 180px);}
	#quick-cs .form-wrap form fieldset{width:calc(100% - 180px); width:-webkit-calc(100% - 180px);}
	#quick-cs .cs-btn{width:180px; font-size:19px;}
}
@media (max-width: 1300px) {
	/* 다른점 */
	#nsection4 .list-differ > li > i{width:45px; height:45px; line-height: 46px;}
	#nsection4 .list-differ > li h2{font-size:27px;}
	#nsection4 .list-differ > li p br{display:none;}

	/* 누적상담 */
	#nsection5 .sec-left{ padding-left:60px; width:45%;}
	#nsection5 .sec-right{padding-left:60px; padding-right:60px; width:55%;}
	.csSwiper .swiper-slide{padding:10px 15px;}
	/* 누적상담 */
	#nsection51 .sec-left{ padding-left:60px; width:45%;}
	#nsection51 .sec-right{padding-left:60px; padding-right:60px; width:55%;}
	.qnaSwiper .swiper-slide{padding:10px 15px;}

	/* 온라인 상담신청 */
	#nsection6 .contents_wrap.row{gap:50px;}
}

@media all and (max-width:1260px) {
    .step_box_wrap {
        flex-wrap: wrap
    }

    .step_box_wrap .step_box {
        width: calc(50% - 10px)
    }
}
@media (max-width: 1200px) {
    .business_wrap .box {
        width: calc(25% - 10px);
        height: 15vh
    }
	#quick-cs .cs-num{width:135px;}
	#quick-cs .form-wrap{width:calc(100% - 135px); width:-webkit-calc(100% - 135px);}
	#quick-cs .cs-btn{width:135px;}
	#quick-cs .form-wrap form fieldset{gap:15px; width:calc(100% - 135px); width:-webkit-calc(100% - 135px);}
	#quick-cs .form-wrap form fieldset .label_wrap label{font-size:15px;}
	#quick-cs .form-wrap form fieldset .label_wrap input{width:140px;}
	#section0 .mainSwiper .slide17 .img_wrap {
		width:300px
	}
	#section0 .txt_wrap h1{font-size:45px;}
	#nsection1 .txt_wrap h1,
	#nsection1 .txt_wrap h1.font-a{font-size:50px;}
	#nsection1 .deco01:before{top:-19px; left:-34px; width:288px; height:95px;}

	/* 전담 분야 */
	.list-business > li > a > span{font-size:21px;}

	/* 온라인 상담신청 */
	#nsection6 .contents_wrap.row{gap:40px;}
	#nsection6 .cs-link,
	#nsection6 .form_wrap{width:-webkit-calc((100% / 2) - 20px); width:calc((100% / 2) - 20px);}
	
	.success-btn {
		display:none;
	}
	.tab_wrap.flex2 {
		justify-content: space-between;
	}

}
@media all and (max-width:1140px) {
	#section0 .slide17 .tit p {
		font-size:22px
	}
	#section0 .slide17 .add_p.grey .img {
		width:200px;
		position:absolute;
		left:219px;
		bottom:-70%
	}
}

@media all and (max-width:1080px) {
    .section .slide1 .txt_wrap br {
        display: unset
    }

    .gnb {
        display: none
    }

    .button {
        display: block;
        height: 80px;
    }

    .background {
        display: block
    }
}

@media (max-width: 1024px) {
	.section .txt_wrap .tit br.br_2 {
		display:block
	}
	#section0 .slide17 .tit p {
		font-size:18px
	}
	#section0 .slide17 .add_p.grey .img {
		width:200px;
		position:absolute;
		left:178px;
		bottom:-70%
	}
	.pop {
		padding:0 16px;
	}
	.pop .close {
		right: 16px;
	}
	#section0 .txt_wrap h1,
	#nsection3 .txt_wrap h1,
	#nsection3 .txt_wrap h2.section-h2,
	#nsection3 .txt_wrap h1 .font-c,
	#nsection3 .txt_wrap h2.section-h2 .font-c,
	#nsection8 .txt_wrap h2.section-h2,
	#nsection8 .txt_wrap h1{font-size:50px;}
	#nsection1 .txt_wrap h3,
	#nsection1 .txt_wrap h3.font-a,
	#nsection2 .txt_wrap h1,
	#nsection2 .txt_wrap h2.section-h2,
	#nsection4 .txt_wrap h1,
	#nsection11 .txt_wrap h1,
	#nsection11 .txt_wrap h2.section-h2,
	#nsection6 .txt_wrap h1,
	#nsection6 .txt_wrap h2.section-h2,
	#nsection7 .txt_wrap h1,
	#nsection7 .txt_wrap h2.section-h2,
	#section3 .txt_wrap h1, 
	#section3 .txt_wrap h2.section-h2,
	#section5 .txt_wrap h2.section-h2,
	#section5 .txt_wrap h1{font-size:45px;}

	#section0 .txt_wrap h1 br,
	#nsection1 .txt_wrap h3 br{display:none;}
	#nsection1 .txt_wrap h3 i.line:before{height:14px;}
	#nsection1 .deco01:before{top:-16px; left:-34px; width:260px; height:85px;}
	#nsection1 .txt_wrap h3.font-a{margin-top:10px;}

	/* 전담 분야 */
	.list-business > li{width:-webkit-calc((100% / 4) - 9px); width:calc((100% / 4) - 9px);}
	.list-business > li > a > span{font-size:20px;}

	/* 다른점 */
	#nsection4 .txt_wrap h1 i.line:before{height:14px;}
	#nsection4 .list-differ{gap:20px;}
	#nsection4 .list-differ > li{width:calc((100% / 3) - 13.5px); width:-webkit-calc((100% / 3) - 13.5px);}
	#nsection4 .list-differ > li > i{width:40px; height:40px; line-height: 41px; font-size:18px;}
	#nsection4 .list-differ > li h2{font-size:24px;}
	#nsection4 .list-differ > li h2 .font-b{font-size:34px;}
	/*#nsection4 .list-differ > li h2 br{display:none;}*/
	#nsection4 .list-differ > li p{font-size:17px; line-height:1.5em;}

	/* 누적상담 */
	#nsection5 .sec-left{padding: 0 40px; width:40%;}
	#nsection5 .sec-left .txt_wrap h1{font-size:35px;}
	#nsection5 .sec-left .txt_wrap h2.section-h2{font-size:35px;}
	#nsection5 .sec-right{padding-left:40px; padding-right:40px; width:60%;}
	/* 누적상담 */
	#nsection51 .sec-left{padding: 0 40px; width:40%;}
	#nsection51 .sec-left .txt_wrap h1{font-size:35px;}
	#nsection51 .sec-right{padding-left:40px; padding-right:40px; width:60%;}

	/* 온라인 상담신청 */
	#nsection6 .cs-link h2{font-size:30px;}
	#nsection6 .cs-link h3.section-h3{font-size:30px;}
	#nsection6 .cs-link,
	#nsection6 .form_wrap{padding:40px;}

	#section0 .txt_wrap h1 i.line:before {
		height: 14px;
	}
}

@media all and (max-width:960px) {
    .zoom_wrap {
        flex-wrap: wrap
    }

    .zoom_wrap .zoombox {
        width: 100%;
        height: 300px
    }

    .call_btn_wrap .call_box {
        width: 100%
    }
}

@media all and (max-width:920px) {
    .map_wrap .map .map_info {
        gap: 30px
    }

    .map_wrap .map .map_info h6 {
        font-size: 18px
    }

    .map_wrap .map .map_info p {
        font-size: 14px;
        text-align: left
    }
}

@media all and (max-width:900px) {
	.aside {bottom:70px;}
	.ft.aside .aside-item{display:none !important;}
	#quick-cs{display:none;}
	#m-quick-cs {
		position: fixed;
		left: 0;
		bottom: 0;
		display: flex;
		width: 100%;
		height: 100px;
		z-index: 99;
		box-shadow: 1px -1px 10px rgba(0, 0, 0, .1);
		flex-direction: column;
		justify-content: space-between;
	}
	#m-quick-cs ul{display:flex; width:100%; height:45px;justify-content: center;}
	#m-quick-cs ul:first-child li{display:block; width:calc(90% / 1); height:100%; background:rgba(0, 0, 0, 0.8);border-radius: 15px;box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 60%);margin: 0 0 15px 0}
	#m-quick-cs ul:last-child li{display:block; width:calc(100% / 3); height:100%; background:#fff;}
	#m-quick-cs ul:last-child li:nth-child(1){width:50%;background:#bca06a;}
	#m-quick-cs ul:last-child li:nth-child(2){width:50%;background:#e4c17d;}
	#m-quick-cs ul:last-child li:nth-child(3){width:25%;background:#d0af12;}
	#m-quick-cs ul li > a{display:flex; justify-content: center; width:100%; height:100%;}
	#m-quick-cs ul li > button {
		display: flex;
		justify-content: center;
		width: 100%;
		height: 100%;
		background-color: transparent;
		border: solid 0px;
	}
	#m-quick-cs ul li > a .icon{display: flex; justify-content: center; align-items: center; width:auto; height:30px;}
	#m-quick-cs ul li > button .icon{display: flex; justify-content: center; align-items: center; width:auto; height:30px;}
	#m-quick-cs ul li > a img{ width:35px; height:35px;}
	#m-quick-cs ul li > a.cs img,
	#m-quick-cs ul li > a.call img{width:20px;height:20px;}
	#m-quick-cs ul li > a p{font-size:15px;white-space: nowrap;color:#fff; font-weight: 600;}
	#m-quick-cs ul li > button p{font-size:15px;white-space: nowrap;color:#fff; font-weight: 600;}
	#m-quick-cs ul li > a p.gotel{padding-left:10px;color:#000;}
	#m-quick-cs ul li > a p.fyellow{color:#efc900;}
	#m-quick-cs ul li > button p.fyellow{color:#efc900;}
	
	#m-quick-cs ul li > a div.lightbulb-area {
		background: forestgreen;
		width: 109px;
		height: 25px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		margin-right: 10px;
		border-radius: 4px;
	}
	#m-quick-cs ul li > button div.lightbulb-area {
		background: forestgreen;
		width: 109px;
		height: 25px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		margin-right: 10px;
		border-radius: 4px;
	}
	#m-quick-cs ul li > a p.text{font-size:13px;}
	#m-quick-cs ul li > button p.text{font-size:13px;}
	
	#m-quick-cs ul li > a div.lightbulb {
		position: relative;
		-moz-appearance: none;
		/* -webkit-appearance: none; */
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: #ffe770;
		box-shadow: 0 0 0 4px #ffe770, 0 0 10px 5px #ffcd00;
		transition: all 0.5s ease-in-out;
		margin-right: 10px;
	}
	#m-quick-cs ul li > button div.lightbulb {
		position: relative;
		-moz-appearance: none;
		/* -webkit-appearance: none; */
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: #ffe770;
		box-shadow: 0 0 0 4px #ffe770, 0 0 10px 5px #ffcd00;
		transition: all 0.5s ease-in-out;
		margin-right: 10px;
	}
	.section .txt_wrap .tit br.br_1 {
		display:block
	}
	.circle-area {
		bottom: 120px;
	}
	#fullpage.new .section .inner {
		margin-top: 0px;
	}
	#fullpage.new #section0.section .inner {
		margin-top: -60px;
	}
}


@media (max-width: 860px) {
    .button {
      /* top:30px;*/
		height: 60px
    }

    .map_wrap .map .map_frame {
        height: auto;
        flex-direction: column
    }

    .map_wrap .map .map_frame iframe {
        height: 35vh
    }

    .map_wrap .map .map_frame .map_loca {
        display: block;
        height: auto
    }

    .map_wrap .map .map_info {
        display: none
    }

    .pc_img {
        display: none
    }

    .mo_img {
        display: block
    }

    .section .inner {
        gap: 30px
    }

    .section .txt_wrap h4,
    .section .txt_wrap h3.small {
        font-size: 18px
    }

    .section .txt_wrap h3 {
        font-size: 24px
    }

    .section .txt_wrap h2 {
        font-size: 32px
    }

    .section .tit_sub p {
        font-size: 11px;
        letter-spacing: 15px
    }
    #header {
        height: 60px;
		top: 40px;
    }

	#header .logo {
		width: auto;
		height: 25px;
		position: absolute;
		left: 20px;
	}

	#header .logo img{width:auto;}

    .sub_banner {
        margin-top: 60px
    }

    .sub_banner .title h1 {
        font-size: 24px
    }

    #footer .myContent {
        padding: 50px 0 80px;
    }

    #footer .foo-mid,
    #footer.section .inner {
        gap: 20px
    }

    #footer .foo-top a,
    #footer .foo-top a b {
        font-size: 13px
    }

    #footer .foo-info {
        width: 100%
    }

    #footer .foo-service {
        width: 100%;
        text-align: left
    }

    #footer .foo-info p,
    #footer .foo-service p,
    #footer .foo-bottom p {
        font-size: 13px
    }

    #footer .foo-service h6 {
        font-size: 24px
    }

    #footer .foo-service h5 {
        font-size: 38px
    }

    #footer .foo-mid {
        flex-direction: column
    }

    .business_wrap .box {
        width: calc(33.33333333333% - 10px);
        min-height: 68px;
        height: 12vh
    }

    .business_wrap .box p {
        font-size: 16px
    }

    .map_wrap .map .map_info {
        position: relative;
        flex-wrap: wrap;
        gap: 10px
    }

    .map_wrap .map .map_info h6 {
        width: 100%;
        text-align: left
    }

    .map_wrap .map .map_loca {
        flex-direction: column;
        gap: 20px
    }
	.section .mainSwiper {
		height:calc(100% - 60px);
		margin-top:60px
	}
	.section .inner {
		height:auto;
		margin-top:0;
		padding:100px 0
	}
	.section .myContent .inner {
		padding:0
	}
	.mainSwiper .img_wrap {
		width:360px
	}
	.section .mainSwiper .txt_wrap h5 {
		font-size:34px;
		line-height:46px
	}
	.section .mainSwiper .txt_wrap h5.small {
		font-size:26px;
		line-height:36px
	}
	.section .mainSwiper .txt_wrap h4 {
		font-size:40px
	}
	#section4 .contents_wrap {
		flex-direction:column-reverse
	}
	#section4 .list_wrap ul {
		height:124px
	}
	#section0 .slide17 .add_p.grey .img {
		width:25vw;
		position:absolute;
		left:21vw;
		bottom:-70%
	}
	#section0 .mainSwiper .slide17 .img_wrap {
		width:220px
	}
	#section0 .mainSwiper .slide17 .inner {
		padding:0
	}
	#section0 .slide17 .tit p {
		font-size:2.1vw
	}
	.top-banner-area.mo {display: block;
		height: 50px;}
	.top-banner-area.pc {display: none;}

	.top-banner-area .swiper-slide {
		font-size: 16px;
	}

	#header.banner-add .inner.row {
		height: 50px;
	}
	#header.banner-add {
		height: 100px;
		display: flex;
		flex-wrap: wrap;
	}
	
	.top-banner-area .swiper-slide p {
		background-position: left 35px;
		padding-bottom: 16px;
		padding-top: 16px;
		font-size: 18px;
	}
	.top-banner-area .swiper-slide .check-line:after {
		height: 3px;
	}
	#header {
        top: 0px;
    }
	.button {
		top: 40px;
	}
	#section1,
	#section1 .fp-tableCell,
	#nsection2,
	#nsection2 .fp-tableCell,
	#nsection3,
	#nsection3 .fp-tableCell,
	#nsection4,
	#nsection4 .fp-tableCell,
	#nsection5,
	#nsection5 .fp-tableCell,
	#nsection51,
	#nsection51 .fp-tableCell,
	#nsection6,
	#nsection6 .fp-tableCell,
	#nsection7,
	#nsection7 .fp-tableCell,
	#nsection8,
	#nsection8 .fp-tableCell,
	#section3,
	#section3 .fp-tableCell,
	#nsection11,
	#nsection11 .fp-tableCell{height:auto !important;}

    .sub_banner {
        margin-top: 120px;
    }
    .section .inner {
        height: auto;
        margin-top: 0;
        padding: 100px 0;
    }
	#section1.section.w.fp-auto-height .fp-tableCell {
		position: relative;
		top: -0px;
	}

	.section .mainSwiper .tit_main{margin-bottom:25px;}
	#section0 .txt_wrap h1,
	#nsection3 .txt_wrap h1,
	#nsection3 .txt_wrap h2.section-h2,
	#nsection3 .txt_wrap h1 .font-c,
	#nsection3 .txt_wrap h2.section-h2 .font-c,
	#nsection4 .txt_wrap h1,
	#nsection11 .txt_wrap h1,
	#nsection11 .txt_wrap h2.section-h2,
	#nsection6 .txt_wrap h1,
	#nsection6 .txt_wrap h2.section-h2,
	#nsection7 .txt_wrap h1,
	#nsection7 .txt_wrap h2.section-h2,
	#nsection8 .txt_wrap h1,
	#nsection8 .txt_wrap h2.section-h2,
	#section3 .txt_wrap h1, 
	#section3 .txt_wrap h2.section-h2,
	#section5 .txt_wrap h2.section-h2,
	#section5 .txt_wrap h1{font-size:40px;}
	#section0 .txt_wrap em{margin-bottom:30px;padding:10px 20px; font-size:18px;}
	#section0 .txt_wrap p,
	#nsection3 .txt_wrap em,
	#nsection8 .txt_wrap em{margin-top:25px;font-size:18px;}

	#nsection1 .txt_wrap h3,
	#nsection1 .txt_wrap h3.font-a{font-size:40px;}
	#nsection1 .txt_wrap em{margin-top:25px;font-size:18px;}
	#nsection1 .deco01:before{top:-15px; left:-31px; width:240px; height:71px;}

	/* 전담 분야 */
	#nsection2 .txt_wrap h1, #nsection2 .txt_wrap h2.section-h2{font-size:40px;}
	.list-business > li{width:-webkit-calc((100% / 3) - 8px); width:calc((100% / 3) - 8px); height:75px;}

	.btn-more{margin:30px auto 0; width:160px; height:50px;}
	.btn-more > span{font-size:16px;}

	#nsection3 .deco03:after{width:37px; height:43px;}

	/* 다른점 */
	#nsection4 .list-differ{gap:10px;}
	#nsection4 .list-differ > li{width:calc((100% / 3) - 6.8px); width:-webkit-calc((100% / 3) - 6.8px);}	
	#nsection4 .list-differ > li > i{width:35px; height:35px; line-height: 36px; font-size:17px;}
	#nsection4 .list-differ > li h2{font-size:22px;}
	#nsection4 .list-differ > li h2 .font-b{font-size:30px;}
	#nsection4 .list-differ > li p{font-size:16px;}

	/* 누적상담 */
	#nsection5 .sec-wrap{display:block;}
	#nsection5 .sec-left{margin:0 auto; width: calc(100% - 80px); padding: 100px 0 0; background:none; justify-content: center; text-align:center;}
	#nsection5 .sec-left .tit_center{justify-content: center;}
	#nsection5 .sec-left .txt_wrap h1{color:#111;}
	#nsection5 .sec-left .txt_wrap h2.section-h2{color:#111;}
	#fullpage.new #nsection5 .sec-left .txt_wrap h1 br{display:none;}
	#fullpage.new #nsection5 .sec-left .txt_wrap p br{display:none;}
	#nsection5 .sec-left .tit_center .txt em,
	#nsection5 .sec-left .tit_center .txt span{color:#111;}
	#nsection5 .sec-left .txt_wrap p{color:#111;}
	#nsection5 .sec-left .btn-more{border-color:#111; margin:30px auto 0;}
	#nsection5 .sec-left .btn-more > span{color:#111;}
	#nsection5 .sec-right{margin:30px auto 0; padding: 0 0 100px; width: calc(100% - 80px);}
	#nsection5 .cs-tit{width: 100%; justify-content: flex-end;}
	#nsection5 .cs-tit em{font-size:22px;}
	#nsection5 .cs-tit .counter{font-size:40px;}
	#nsection5 .sec-right .csSwiper{height:310px;}
	#nsection5 .sec-left .section2025-bg {display:none;}
	/* 누적상담 */
	#nsection51 .sec-wrap{display:block;}
	#nsection51 .sec-left{margin:0 auto; width: calc(100% - 80px); padding: 100px 0 0; background:none; justify-content: center; text-align:center;}
	#nsection51 .sec-left .tit_center{justify-content: center;}
	#nsection51 .sec-left .txt_wrap h1{color:#111;}
	#fullpage.new #nsection51 .sec-left .txt_wrap h1 br{display:none;}
	#fullpage.new #nsection51 .sec-left .txt_wrap p br{display:none;}
	#nsection51 .sec-left .tit_center .txt em,
	#nsection51 .sec-left .tit_center .txt span{color:#111;}
	#nsection51 .sec-left .txt_wrap p{color:#111;}
	#nsection51 .sec-left .btn-more{border-color:#111; margin:30px auto 0;}
	#nsection51 .sec-left .btn-more > span{color:#111;}
	#nsection51 .sec-right{margin:30px auto 0; padding: 0 0 100px; width: calc(100% - 80px);}
	#nsection51 .cs-tit{width: 100%; justify-content: flex-end;}
	#nsection51 .cs-tit em{font-size:22px;}
	#nsection51 .cs-tit .counter2{font-size:40px;}
	#nsection51 .sec-right .qnaSwiper{height:310px;}
	#nsection51 .sec-left .section2025-bg {display:none;}

	/* 온라인 상담신청 */
	#nsection6 .contents_wrap.row{gap:20px;}
	#nsection6 .cs-link,
	#nsection6 .form_wrap{padding:30px; width:-webkit-calc((100% / 2) - 10px); width:calc((100% / 2) - 10px);}
	#nsection6 .form_wrap h2{margin-bottom:15px;}
	#nsection6 .form_wrap h3.section-h3{margin-bottom:15px;}
	#nsection6 .form_wrap .chk_box_wrap input{width:15px; height:15px;}
	#nsection6 .form_wrap .chk_box_wrap span,
	#nsection6 .form_wrap .chk_box_wrap a{font-size:15px;}
	#nsection6 .form_wrap input.g_counsel{margin-top:20px;}
	#nsection6 .cs-link h2{font-size:28px;}
	#nsection6 .cs-link h3.section-h3{font-size:28px;}
	#nsection6 .cs-link__list{margin:20px 0 0;}
	#nsection6 .cs-link__list > li{height:60px; margin-bottom:10px;}
	#nsection6 .cs-link__list > li > a{font-size:18px;}

	#nsection8 .txt_wrap h1.font-c{margin-bottom:12px;}
	#nsection8 .txt_wrap h2.section-h2.font-c{margin-bottom:12px;}
	#nsection8 .txt_wrap h1 span i:before{top:-6px; width:8px; height:8px; margin-left:-4px;}
	#nsection8 .txt_wrap h2.section-h2 span i:before{top:-6px; width:8px; height:8px; margin-left:-4px;}
	
	#nsection5 .sec-right-area {
		width: 100%;
	}
	#nsection51 .sec-right-area {
		width: 100%;
	}
	.fp-viewing-2 .tit_main, .fp-viewing-2 .sec1TopSwiper, .fp-viewing-2 .sec1BottomSwiper {
		width: 100%;
	}
	#section1 .swiper-slide .u_info {
		padding-left: 0;
		padding-right: 0;
	}
	#section1 .sec1BottomSwiper2 .swiper-slide .u_info {
		padding: 0px 0 0 0;
	}
		
	.pc-block {
		display:none;
	}
	.mo-block {
		display:block;
	}
	.sec-wrap-araea {
		display: block;
		width: 100%;
	}
	.sec-wrap {
		background: url() no-repeat left;
		background-size: cover;
		background-size: 50% 100%;
	}
	
	.accordion-list .accordion-item .accordion-link {
		height: 34px;
	}
	.accordion-list .accordion-item .accordion-desc {   
		padding-left: 50px;
	}
	.accordion-list .accordion-name {
		padding-left: 50px;
		font-size: 15px;
		font-weight: 500;
	}
	.accordion-list .accordion-name {
		padding-right: 40px;
		text-align: left;
		word-break: keep-all;
		line-height:22px;
	}
	.accordion-list .accordion-name .icon {
		width: 30px;
		height: 30px;
		font-size: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.accordion-list .accordion-desc .icon2 {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 30px;
		height: 30px;
		font-size: 16px;
	}

}


@media all and (max-width: 768px){
	#section0 .mainSwiper .slide17 .inner {
		padding:0;
		flex-direction:column
	}
	#section0 .slide17 .txt_wrap {
		text-align:left;
		height:100%;
		width:100%
	}
	#section0 .slide17 .tit {
		justify-content:flex-start;
		height:100%;
		width:100%;
		gap:30px;
		margin-top:80px
	}
	#section0 .slide17 .tit p {
		font-size:18px
	}
	#section0 .slide17 .add_p.grey .img {
		width:200px;
		position:absolute;
		left:183px;
		bottom:-70%
	}
	#section0 .mainSwiper .slide17 .img_wrap {
		position:absolute;
		bottom:0;
		right:0;
		width:200px
	}
		.section .tit_sub p,.section .txt_wrap h1 {
			transition-delay:0s;
			transition-duration:.5s;
			transition:all 0.5s ease;
			transition-timing-function:cubic-bezier(0,0,0,1);
	}
	.section .inner{padding:80px 0;}
	#fullpage.new .section .inner{gap:30px;}
	#fullpage.new .txt_wrap .tit_sub{margin-bottom:15px;}

	#section0 .txt_wrap h1,
	#nsection1 .txt_wrap h3,
	#nsection1 .txt_wrap h3.font-a,
	#section1 .txt_wrap h1,
	#section1 .txt_wrap h2.section-h2,
	#nsection2 .txt_wrap h1,
	#nsection2 .txt_wrap h2.section-h2,
	#nsection3 .txt_wrap h1,
	#nsection3 .txt_wrap h2.section-h2,
	#nsection3 .txt_wrap h1 .font-c,
	#nsection3 .txt_wrap h2.section-h2 .font-c,
	#nsection4 .txt_wrap h1,
	#nsection11 .txt_wrap h1,
	#nsection11 .txt_wrap h2.section-h2,
	#nsection6 .txt_wrap h1,
	#nsection6 .txt_wrap h2.section-h2,
	#nsection7 .txt_wrap h1,
	#nsection7 .txt_wrap h2.section-h2,
	#nsection8 .txt_wrap h1,
	#nsection8 .txt_wrap h2.section-h2,
	#section3 .txt_wrap h1, 
	#section3 .txt_wrap h2.section-h2,
	#section5 .txt_wrap h2.section-h2,
	#section5 .txt_wrap h1{font-size:35px;}

	#nsection1 .txt_wrap h3 i.line:before{height:10px;}
	#nsection1 .deco01:before{top:-13px; width:214px; height:67px;}

	/* 전담 분야 */
	.list-business > li > a > span{font-size:18px;}

	#nsection3 .deco03:after{top:-22px; right:-18px; width:30px; height:34px;}

	/* 다른점 */
	#nsection4 .txt_wrap h1 i.line:before{height:10px;}
	#nsection4 .list-differ{gap:10px; flex-direction: column;}
	#nsection4 .list-differ > li{width:100%; height:auto; padding:16px;}	
	#nsection4 .list-differ > li > i{margin-bottom:6px;}
	#nsection4 .list-differ > li p{margin-top:8px; width:80%;display:none;}

	
	#nsection5 .sec-left{padding:80px 0 0;}
	.sec-left .txt_wrap p{margin-top:15px;}
	.sec-left .txt_wrap p br{display:block;}
	#nsection5 .sec-right{padding:0 0 80px;}
	#nsection5 .cs-tit em{font-size:18px;}
	#nsection5 .cs-tit .counter{font-size:35px;}]
	
	#nsection51 .sec-left{padding:80px 0 0;}
	#nsection51 .sec-right{padding:0 0 80px;}
	#nsection51 .cs-tit em{font-size:18px;}
	#nsection51 .cs-tit .counter2{font-size:35px;}



	/* 온라인 상담신청 */
	#nsection6 .contents_wrap.row{flex-direction: column;}
	#nsection6 .cs-link,
	#nsection6 .form_wrap{padding:30px; width:100%;}
	#nsection6 .form_wrap .chk_box_wrap{margin-top:15px;}


	.tit_main, .sec1TopSwiper, .sec1BottomSwiper{transition-delay:0.5s;}

	.section .txt_wrap h1{transition-delay:0.3s;}
	#nsection3 .txt_wrap h1.ani2{transition-delay:0.4s;}
	.list-business{transform: translateY(20px); transition-delay:0.5s;}

	
	#fullpage.new .section:not(#section0) .txt_wrap .tit > p, 
	#fullpage.new .section:not(#section0) .txt_wrap .tit > em{transition-delay:0.5s;}
	.btn-more{transition-delay:0.8s;}

	#nsection4 .list-differ > li:nth-child(1){transition-delay:0.5s;}
	#nsection4 .list-differ > li:nth-child(2){transition-delay:0.7s;}
	#nsection4 .list-differ > li:nth-child(3){transition-delay:0.9s;}
	#fullpage.new #nsection4 .txt_wrap .tit br{display:block;}

	.tit_main{transition-delay:0s;}
	.csSwiper{transform: translateY(30px); transition-delay:1s;}
	#nsection5 .cs-tit{transform: translateY(20px); transition-delay:0.9s;}
	#nsection5.active .csSwiper,
	#nsection5 .cs-tit{transform: translateY(0);}
	
	.qnaSwiper{transform: translateY(30px); transition-delay:1s;}
	#nsection51 .cs-tit{transform: translateY(20px); transition-delay:0.9s;}
	#nsection51.active .qnaSwiper,
	#nsection51 .cs-tit{transform: translateY(0);}

	#nsection6 .cs-link{transform: translateY(-30px); transition-delay: 0.5s;}
	#nsection6 .form_wrap{transform: translateY(-30px);}
	#nsection6.active .cs-link, 
	#nsection6.active .form_wrap{transform: translateY(0px);}

	#nsection7 .bocast-top, 
	#nsection7 .bocastSwiper, 
	#section3 .tab_wrap, 
	#section3 .sec3Swiper, 
	#section3 .btn-more__link, 
	#section5 .tab_wrap, 
	#section5 .map_wrap{transition-delay: 0.5s;}

	#nsection7.active .bocast-top,
	#nsection7.active .bocastSwiper, 
	#section3.active .tab_wrap, 
	#section3.active .sec3Swiper, 
	#section3.active .btn-more__link, 
	#section5.active .tab_wrap, 
	#section5.active .map_wrap{transition-delay: 0.6s;}

	.section .tit_sub p{transition-delay:0s;}
	
	#section0 .txt_wrap h1 i.line:before {
		height: 10px;
	}
	

	#nsection11 .swiper .success_con{
		min-height: 328.27px;
	}
	#nsection11 .swiper .success_con.blank{
		min-height: 328.27px;
	}
	
	.crime-card .swiper-pagination-bullets.swiper-pagination-horizontal {
		bottom: -30px;
	}
	.crime-card .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		opacity: 1;
		transform: scale(1) !important;
		background: rgba(255, 255, 255, 0.2);
		margin: 0px 2.5px !important;
	}
	.crime-card .swiper-pagination-bullet-active {
		background: rgb(188, 160, 106);
	}
	#nsection4 .list-differ.common > li.elegant-divider {
		display: none;
	}
	#nsection4 .list-differ {
		gap: 10px;
		display: flex !important;
		flex-direction: column;
	}

}

@media (min-height:680px) {
	#section0 .mainSwiper .slide17 .img_wrap {
			width:200px
		}
	}
	#section1 .swiper-slide .u_info span {
			font-size:9px;
	}
	#section1 .swiper-slide .u_info span.badge .ico {
			display:none;
	}
}
@media all and (max-width:660px) {
    .step_box_wrap .step_box {
        width: 100%
    }
}
@media all and (max-width: 620px){
	#m-cs .box-pop .pop-header{margin-bottom:15px;}
	#m-cs .box-pop h4{font-size:18px;}
	#m-cs .box-pop{padding:25px; border-radius:15px; width:335px; min-height:290px;}
	#m-cs .box-pop .chk_box_wrap{margin-top:10px;}
	#m-cs .box-pop .chk_box_wrap input{width:15px; height:15px;}
	#m-cs .box-pop .chk_box_wrap span,
	#m-cs .box-pop .chk_box_wrap a{font-size:14px;}
	#m-cs .box-pop .line_con{margin-bottom:8px;}
	.mainSwiper .img_wrap {
		width:55vw
	}
	.section .mainSwiper .txt_wrap h5 {
		font-size:4.8vw;
		line-height:6.4vw
	}
	.section .mainSwiper .txt_wrap h5.small {
		font-size:3.8vw;
		line-height:4.8vw
	}
	.section .mainSwiper .txt_wrap h4 {
		font-size:6.3vw;
		line-height:7.6vw
	}
	.section .inner{padding:50px 0;}

	#section0 .txt_wrap h1,
	#nsection1 .txt_wrap h3,
	#nsection1 .txt_wrap h3.font-a,
	#section1 .txt_wrap h1,
	#section1 .txt_wrap h2.section-h2,
	#nsection2 .txt_wrap h1,
	#nsection2 .txt_wrap h2.section-h2,
	#nsection3 .txt_wrap h1,
	#nsection3 .txt_wrap h2.section-h2,
	#nsection3 .txt_wrap h1 .font-c,
	#nsection3 .txt_wrap h2.section-h2 .font-c
	#nsection4 .txt_wrap h1,
	#nsection11 .txt_wrap h1,
	#nsection11 .txt_wrap h2.section-h2,
	#nsection5 .sec-left .txt_wrap h1,
	#nsection5 .sec-left .txt_wrap h2.section-h2,
	#nsection51 .sec-left .txt_wrap h1,
	#nsection6 .txt_wrap h1,
	#nsection6 .txt_wrap h2.section-h2,
	#nsection7 .txt_wrap h1,
	#nsection7 .txt_wrap h2.section-h2,
	#nsection8 .txt_wrap h1,
	#nsection8 .txt_wrap h2.section-h2,
	#section3 .txt_wrap h1, 
	#section3 .txt_wrap h2.section-h2,
	#section5 .txt_wrap h2.section-h2,
	#section5 .txt_wrap h1{font-size:30px;}
	.section .mainSwiper .tit_main{margin-bottom:20px;}
	.section .mainSwiper .tit_main img{height:auto;}
	#section0 .txt_wrap em{margin-bottom:20px; padding:8px 15px; font-size:16px;}
	#section0 .txt_wrap p,
	#nsection1 .txt_wrap em,
	#nsection3 .txt_wrap em,
	#nsection5 .sec-left .txt_wrap p,
	#nsection51 .sec-left .txt_wrap p,
	#nsection8 .txt_wrap em{margin-top:15px; font-size:15px;}
	#nsection5 .sec-left .txt_wrap p br{display:block;}
	#nsection51 .sec-left .txt_wrap p br{display:block;}
	.tit_center{gap:10px;}
	.tit_center .img img{height:32px;}
	.tit_center .txt span{font-size:16px;}
	#nsection5 .tit_center .img img{height:auto;}
	#nsection51 .tit_center .img img{height:auto;}

	#nsection1 .txt_wrap h3 i.line:before{bottom:0;}
	#nsection1 .deco01:before{top:-11px; left:-31px; width:194px; height:56px;}

	/* 전담 분야 */
	.list-business{gap:10px;}
	.list-business > li{width:-webkit-calc((100% / 2) - 5px); width:calc((100% / 2) - 5px); height:75px;}
	.list-business > li > a > span{font-size:17px;}

	.sec-left .tit_center{margin-bottom:20px;}
	#nsection5 .sec-left{padding:50px 0 0;}
	#nsection5 .sec-left .btn-more{margin:20px auto 0;}
	#nsection5 .sec-right{padding:0 0 50px;}
	#nsection51 .sec-left{padding:50px 0 0;}
	#nsection51 .sec-left .btn-more{margin:20px auto 0;}
	#nsection51 .sec-right{padding:0 0 50px;}


	/* 온라인 상담신청 */
	#nsection6 .contents_wrap.row{gap:12px;}
	#nsection6 .cs-link h2{font-size:25px;}
	#nsection6 .cs-link h3.section-h3{font-size:25px;}

	#nsection8 .txt_wrap h1.font-c{margin-bottom:10px;}
	#nsection8 .txt_wrap h2.section-h2.font-c{margin-bottom:10px;}
	#nsection8 .txt_wrap h1 span i:before{top:-5px; width:6px; height:6px; margin-left:-3px;}
	#nsection8 .txt_wrap h2.section-h2 span i:before{top:-5px; width:6px; height:6px; margin-left:-3px;}




    #section11 .swiper .success_con{
        flex-direction: column;
    }
    #section11 .swiper .success_con .img_wrap{
        margin: 0 auto;
    }
    #section11 .swiper .success_con .txt_wrap{
        width: 100%;
    }
    .section .mainSwiper .txt_wrap h5.fs-30{
        font-size: 3.6vw;
        line-height: 5vw;
        
    }
	#nsection11 .swiper-pagination{margin-top:12px; display: none;}

	.tab_wrap {
		gap: 6px;
		display: flex;
		flex-wrap: nowrap;
	}
	.tab_wrap li{font-size:15px; padding:5px 8px;}


}

@media all and (max-width: 560px){
	.sec1BottomSwiper{height:165px;}
	#nsection4 .list-differ > li p{width:100%;}
}
@media all and (max-width: 500px){
	.section .tit_sub p,
    .section .txt_wrap h1 {
        opacity: 0;
        transform: translateY(20px);
    }
}
@media all and (max-width: 520px){
    .call_btn_wrap .call_box .call_text {
        flex-direction: column;
        align-items: flex-start
    }

    .inner {
        width: calc(100% - 36px)
    }
	
	.button {
		right: 18px;
	}
	#header .logo {
		left: -2px;
	}
	#nsection5 .cs-tit{margin-bottom:10px;}
	#nsection5 .sec-left{width: calc(100% - 36px);}	        
	#nsection5 .sec-right{margin:20px auto 0; width: calc(100% - 36px);}	  
	#nsection5 .cs-tit em{font-size:18px;}
	#nsection5 .cs-tit .counter{font-size:25px;}
	#nsection51 .cs-tit{margin-bottom:10px;}
	#nsection51 .sec-left{width: calc(100% - 36px);}	        
	#nsection51 .sec-right{margin:20px auto 0; width: calc(100% - 36px);}	  
	#nsection51 .cs-tit em{font-size:18px;}
	#nsection51 .cs-tit .counter2{font-size:25px;padding-left: 10px;}
}
@media all and (max-width: 500px){
    .tel_stile {
        width: 27vw
    }

    .tab_wrap li {
        font-size: 14px
    }

    .sub_banner {
        height: 200px
    }

    .section .inner {
        margin-top: 0
    }

    .nav .dep1 {
        font-size: 4.6vw
    }

    .nav .dep2 a {
        font-size: 3.4vw
    }

    #footer .foo-top a,
    #footer .foo-top a b {
        font-size: 3vw
    }

    #footer .foo-info p,
    #footer .foo-service p,
    #footer .foo-bottom p {
        font-size: 3vw
    }

    #footer .foo-service h6 {
        font-size: 4.5vw
    }

    #footer .foo-service h5 {
        font-size: 7.6vw
    }

    .form_wrap .full_wrap select,
    .form_wrap .full_wrap textarea,
    .form_wrap .full_wrap input {
        font-size: 3vw
    }

    #footer .foo-top ul {
        gap: 15px
    }

    .sub_banner .navigation .inner>a {
        display: none
    }

    .sub_banner .navigation .dropdown {
        width: 100%
    }

    .section .txt_wrap .tit .mo_br {
        display: unset
    }

    .section .mainSwiper .txt_wrap h2 {
        font-size: 5.3vw
    }

    .section .mainSwiper .txt_wrap h3 {
        font-size: 4.8vw
    }

    .section .tit_main p {
        font-size: 2.6vw
    }

    .section .txt_wrap h4,
    .section .txt_wrap h3.small {
        font-size: 3.6vw
    }

    .section .txt_wrap h3 {
        font-size: 5vw
    }

    .section .txt_wrap h2 {
        font-size: 7vw
    }

    .section .tit_sub p {
        font-size: 2.6vw;
        letter-spacing: 2.6vw
    }

    .section #bo_gall .bo_cnt {
        font-size: 3vw;
        line-height: 4.2vw
    }

    .sub_banner .title h1 {
        font-size: 5vw
    }

    .sub_banner .navigation,
    .sub_banner .navigation .dropdown>a {
        height: 50px
    }

    .sub_banner .navigation .dropdown>a,
    .sub_banner .navigation .dropdown a {
        font-size: 3.8vw
    }

    .section .bo_v_nb li .nb_tit,
    .section .bo_v_nb li .nb_tit+a {
        font-size: 3vw
    }

    .sub_banner .navigation .dropUl {
        top: 50px
    }

    .sub_banner .title {
        height: calc(100% - 50px)
    }

    .business_wrap .box p {
        font-size: 3.2vw;
        line-height: 4vw
    }

    .map_wrap .map .map_info h6 {
        font-size: 4vw
    }

    .map_wrap .map .map_info p {
        font-size: 3.2vw
    }

    .map_wrap .map .map_loca h3 {
        font-size: 3.5vw;
        margin-bottom: 3vw
    }

    .map_wrap .map .map_loca h6,
    .map_wrap .map .map_loca p {
        font-size: 3vw
    }

    .map_wrap .map .map_loca .con_wrap article {
        margin-bottom: 3vw
    }

    .zoom_wrap .zoombox .txt_wrap h6,
    .step_box_wrap .step_box h6,
    .step_box_wrap .step_box p,
    .call_btn_wrap .call_box p {
        font-size: 4vw
    }

    .zoom_wrap .zoombox .txt_wrap p,
    .step_box_wrap .step_box .step_txt p,
    .call_btn_wrap .call_box .call_text p {
        font-size: 3.2vw
    }

    .call_btn_wrap .call_box .call_text h2 {
        font-size: 6vw
    }

    .step_box_wrap .step_box span {
        font-size: 2.3vw
    }

    .form_wrap .line_con p {
        display: none
    }

    .form_wrap .full_wrap {
        width: 100%
    }

    .radio_wrap label {
        width: 70px
    }

    .radio_wrap label:nth-child(2) {
        width: 70px
    }

    .radio_wrap label:nth-child(3) {
        width: calc(100% - 140px)
    }

    .form_wrap .chk_box_wrap {
        width: 100%
    }

    .form_wrap .chk_box_wrap a,
    .form_wrap .chk_box_wrap span {
        line-height: 20px;
        font-size: 3.5vw
    }

    .section #bo_gall .bo_tit {
        font-size: 4.5vw
    }

    .form_wrap input.g_counsel {
        margin-top: 2vw
    }

    .sub0602 .form_wrap input.g_counsel {
        font-size: 3.5vw
    }
	.badge {
		margin-bottom: 5px;
	}
	 .section .tit_sub p,.section .txt_wrap h1 {
		opacity:1;
		transform:translateY(0);
	}
	 #fullpage {
		overflow-y:scroll
	}
	.mainSwiper .tit_main {
		margin-bottom:4vw
	}
	#section4 .list_wrap li p:first-child {
		width:auto
	}
	#section4 .list_wrap ul {
		height:85px
	}
	#section1 .swiper-slide .u_info p {
		font-size:2.7vw
	}
	#section3 h6 {
		font-size:2.7vw
	}
	#section3 .swiper-slide p {
		font-size:2.7vw
	}
	#section3 .date {
		font-size:2.5vw
	}
	#section4 .list_wrap li span,#section4 .contents_wrap p,#section4 .contents_wrap span,#section4 .contents_wrap div {
		font-size:3vw
	}
	#section4 .list_wrap li div {
		font-size:12px
	}
	#section4 .list_wrap h6 {
		font-size:4vw
	}
	#section0 .slide17 .tit p {
		font-size:3.7vw
	}
	#section0 .slide17 .add_p.grey .img {
		width:40vw;
		position:absolute;
		left:35vw;
		bottom:-70%
	}
	#section0 .mainSwiper .slide17 .img_wrap {
		position:absolute;
		bottom:0;
		right:0;
		width:36vw
	}
	#fullpage.new{overflow-y: initial;}
	#fullpage.new .section .inner{gap:50px;}
	.section .tit_sub p{letter-spacing: 1.5vw;}
	#fullpage.new .txt_wrap .tit_sub{margin-bottom:0px;}

	/*
    #center_head h3{
        font-size: 5vw;
    }
	*/
    .section .inner {
        margin-top: 0;
    }
   
   	#section0 .txt_wrap h1,
	#nsection1 .txt_wrap h3,
	#nsection1 .txt_wrap h3.font-a,
	#section1 .txt_wrap h1,
	#section1 .txt_wrap h2.section-h2,
	#nsection2 .txt_wrap h1,
	#nsection2 .txt_wrap h2.section-h2,
	#nsection3 .txt_wrap h1,
	#nsection3 .txt_wrap h2.section-h2,
	#nsection3 .txt_wrap h1 .font-c,
	#nsection3 .txt_wrap h2.section-h2 .font-c,
	#nsection4 .txt_wrap h1,
	#nsection11 .txt_wrap h1,
	#nsection11 .txt_wrap h2.section-h2,
	#nsection5 .sec-left .txt_wrap h1,
	#nsection5 .sec-left .txt_wrap h2.section-h2,
	#nsection51 .sec-left .txt_wrap h1,
	#nsection6 .txt_wrap h1,
	#nsection6 .txt_wrap h2.section-h2,
	#nsection7 .txt_wrap h1,
	#nsection7 .txt_wrap h2.section-h2,
	#nsection8 .txt_wrap h1,
	#nsection8 .txt_wrap h2.section-h2,
	#section3 .txt_wrap h1, 
	#section3 .txt_wrap h2.section-h2,
	#section5 .txt_wrap h2.section-h2,
	#section5 .txt_wrap h1{font-size:25px;}
	.section .mainSwiper .tit_main{margin-bottom:15px;}
	#section0 .txt_wrap em{margin-bottom:15px; padding:6px 12px; font-size:15px;}
	#section0 .txt_wrap p,
	#nsection1 .txt_wrap em,
	#nsection3 .txt_wrap em,
	#nsection5 .sec-left .txt_wrap p,
	#nsection51 .sec-left .txt_wrap p,
	#nsection8 .txt_wrap em{margin-top:10px; font-size:14px;}
	.tit_center{gap:7px; margin-bottom:15px;}
	.tit_center .img img{height:28px;}
	.tit_center .txt em{font-size:11px;}
	.tit_center .txt span{font-size:15px;}

	.btn-more{margin:20px auto 0; width:120px; height:40px;}
	.btn-more > span{font-size:15px;}

	#nsection1 .txt_wrap h3 i.line:before{height:8px;}
	#nsection1 .deco01:before{top:-9px; width:169px; height:47px;}

	#nsection3 .deco03:after{top:-15px; right:-15px; width:22px; height:22px;}
	#nsection3 .deco03:before{left:1px; bottom:-12px; height:18px;}

	/* 다른점 */
	#nsection4 .txt_wrap h1 i.line:before{height:8px;}
	#nsection4 .list-differ > li > i{width:30px; height:30px; line-height: 31px; font-size:16px;}
	#nsection4 .list-differ > li h2{font-size:20px;}
	#nsection4 .list-differ > li h2 .font-b{font-size:27px;}
	#nsection4 .list-differ > li p{margin-top:4px; font-size:15px;}

	#nsection8 .txt_wrap h1.font-c{margin-bottom:8px;}
	#nsection8 .txt_wrap h2.section-h2.font-c{margin-bottom:8px;}
	#nsection8 .txt_wrap h1 span i:before{top:-3px; width:4px; height:4px; margin-left:-2px;}
	#nsection8 .txt_wrap h1 span:before{bottom:-10px;}
	#nsection8 .txt_wrap h2.section-h2 span i:before{top:-3px; width:4px; height:4px; margin-left:-2px;}
	#nsection8 .txt_wrap h2.section-h2 span:before{bottom:-10px;}


	/* 성공사례 */
	#fullpage.new #nsection11 .inner{gap:20px;}
	#nsection11 .swiper .title{font-size:17px; min-height:43px;}
	#nsection11 .swiper .success_con .img_wrap{height:100%;}
	#nsection11 .swiper .success_con .txt_wrap{padding:15px;}
	#nsection11 .swiper .lawyers{height:40px; gap:6px;}
	#nsection11 .swiper .lawyers .item{width:40px; height:40px;}
	#nsection11 .swiper .lawyers .tooltip{width:95%;}
	#nsection11 .swiper-pagination-bullet{width:8px; height:8px;}
	.success-btn,
	.btn-more__link{top:-25px;}
	.success-btn > a,
	.btn-more__link > a{font-size:14px;}

	/* 실시간 문의*/
	.sec-left .tit_center{margin-bottom:15px;}
	.csSwiper .swiper-slide{padding:10px;}
	.csSwiper .swiper-slide .data{font-size:13px;}
	.csSwiper .swiper-slide .subject{font-size:14px;}
	.csSwiper .swiper-slide .state{font-size:13px; padding:3px; width:60px; height:26px;}
	#nsection5 .sec-left .btn-more{margin:15px auto 0;}
	#fullpage.new #nsection5 .sec-left .txt_wrap p br{display:block;}
	
	.qnaSwiper .swiper-slide{padding:10px;}
	.qnaSwiper .swiper-slide .data{font-size:13px;}
	.qnaSwiper .swiper-slide .subject{font-size:14px;}
	.qnaSwiper .swiper-slide .state{font-size:13px; padding:3px; width:60px; height:26px;}
	#nsection51 .sec-left .btn-more{margin:15px auto 0;}
	#fullpage.new #nsection51 .sec-left .txt_wrap p br{display:block;}

	/* 온라인 상담신청 */
	#nsection6 .contents_wrap.row{gap:10px;}
	#nsection6 .cs-link h2{font-size:22px;display:none;}
	#nsection6 .cs-link h3.section-h3{font-size:22px;display:none;}
	#nsection6 .cs-link__list{margin:0px 0 0;}
	#nsection6 .cs-link__list > li{height:50px;}
	#nsection6 .cs-link__list > li > a{font-size:16px;}
	#nsection6 .form_wrap h2{font-size:22px;}
	#nsection6 .form_wrap h3.section-h3{font-size:22px;}
	#nsection6 .form_wrap .line_con{margin:6px 0;}
	#nsection6 .form_wrap .label_wrap input{height:45px; font-size:15px;}
	#nsection6 .form_wrap .chk_box_wrap{margin-top:10px;}
	#nsection6 .form_wrap .chk_box_wrap input{position:relative; top:2px;}
	#nsection6 .form_wrap .chk_box_wrap span, #nsection6 .form_wrap .chk_box_wrap a{font-size:14px;}
	#nsection6 .form_wrap input.g_counsel{margin-top:15px; height:50px; font-size:16px;}


	/*
	#fullpage.new .section:not(#section0) .txt_wrap .tit > p,
	#fullpage.new .section:not(#section0) .txt_wrap .tit > em{
		opacity: 1;
		transform: translateY(0);
		transition-duration: 0s;
		transition-delay:0s;
	}
	*/

	#section0 .txt_wrap h1 i.line:before {
		height: 8px;
	}
	#nsection11 .swiper .pan {
		font-size: 13px;
	}
	
	.swiper-wrapper {
		width: auto;
		margin: 0 auto;
	}
	
	.swiper-button-prev-top-banner, .swiper-button-next-top-banner {
		display: none;
	}
}
@media all and (max-width: 480px){
    .aside {
        width: 100%;
        right: 0;
        bottom: 0;
        height: 50px;
        /*box-shadow: 1px -1px 10px rgba(0, 0, 0, .1);*/
        border-radius: 0
    }

    .aside-wrap {
        display: flex
    }

    .aside .logo,
    .aside #top_btn,
    .aside .top_btn {
        width: 15%
    }

    .aside-item {
        width: 25%;
		margin-bottom:0;
    }

    .aside-item a {
        flex-direction: row;
		width:100%; height:100%;
		border-radius:0;
    }
	
	.aside #top_btn{width:25%; height:100%; border-radius:0;}
	.ft.aside{width:40px; height:40px; right:10px; bottom:70px !important; }
	.ft.aside #top_btn{width:100%; line-height:36px; border-radius:50px;}
	.sec1BottomSwiper{height:auto;}
	#section1.section.w.fp-auto-height.skip {
		height: auto !important;
	}
	
	#section1.section.w.fp-auto-height.skip {
		margin: 0px 0 0px 0;
		padding: 0 0 0px 0;
		overflow-y: auto;
		/*height: 160px !important;*/
	}
	.sec1BottomSwiper2 img {
		height: 100%;
		/*max-height: 160px;*/
	}
}
@media all and (max-width: 450px){
	#fullpage.new #nsection3 .txt_wrap .tit h1 br{display:block;}
	#fullpage.new #nsection3 .txt_wrap .tit h2.section-h2 br{display:block;}
	#nsection6 .cs-link, #nsection6 .form_wrap{padding:20px;}
}


@media (max-width:420px) {
    @media (max-height:780px) {
        #fullpage .section .inner {
            gap: 10px
        }

        .business_wrap .box {
            height: 10vh
        }
    }

    .sub0602 .form_wrap input.g_counsel {
        font-size: 3.5vw
    }



    .sub_banner .title h1 {
        font-size: 5.8vw
    }

    .section .tit_sub p {
        font-size: 3vw
    }

    .section .txt_wrap h4,
    .section .txt_wrap h3.small {
        font-size: 4.9vw
    }

    .section .txt_wrap h3 {
        font-size: 5.8vw
    }

    .section .bo_v_nb li .nb_tit,
    .section .bo_v_nb li .nb_tit+a {
        font-size: 3.8vw
    }

    .section .mainSwiper .txt_wrap h2 {
        font-size: 6vw
    }

    .section .mainSwiper .txt_wrap h3 {
        font-size: 5vw
    }

    .section #bo_gall .bo_tit {
        font-size: 5.2vw
    }

    .section #bo_gall .bo_cnt {
        font-size: 3.5vw;
        line-height: 5vw
    }

    .map_wrap .map .map_loca h3 {
        font-size: 4.2vw
    }

    .map_wrap .map .map_loca h6,
    .map_wrap .map .map_loca p {
        font-size: 3.5vw
    }
}
@media all and (max-width: 400px){
	.csSwiper .swiper-slide .data{display:none;}
	.qnaSwiper .swiper-slide .data{display:none;}

	#nsection6 .cs-link h2,
	#nsection6 .cs-link h3.section-h3,
	#nsection6 .form_wrap h3.section-h3,
	#nsection6 .form_wrap h2{font-size:20px;}

	#fullpage.new #nsection8 .txt_wrap .tit br{display:block;}
	#nsection8 .txt_wrap h1.font-c{margin-bottom:2px;}
	#nsection8 .txt_wrap h2.section-h2.font-c{margin-bottom:2px;}
	#nsection8 .txt_wrap h1 span{display:inline-block; margin-top:6px;}
	#nsection8 .txt_wrap h2.section-h2 span{display:inline-block; margin-top:6px;}
}
@media all and (max-width:370px) {
	@media (max-height:600px) {
		.section .business_wrap .box {
			height:54px;
			min-height:54px
		}
		.section .business_wrap .box img {
			display:none
		}
	}
	#section1 .sec1BottomSwiper .swiper-slide .u_info {
		display:none
	}
}
@media all and (max-width: 370px){
	#m-cs .box-pop{padding:20px; min-height:280px;}
	#m-cs .box-pop .label_wrap input{height:45px; font-size:15px;}
	#m-cs .box-pop input.g_counsel{font-size:16px; height:45px;}
    #section11 .swiper .success_con .img_wrap{
        width: 100%;
        height: auto;
    }
	.sec1BottomSwiper{height:110px;}
}

@media (max-width:300px) {
    .aside-item a p {
        display: none
    }

    .aside .logo {
        width: 60px !important
    }
}

.aside{z-index:0; opacity:0.0; transition-property: all; transition-duration: 0.3s;}
.fp-viewing-2 .aside,
.fp-viewing-3 .aside,
.fp-viewing-4 .aside,
.fp-viewing-5 .aside,
.fp-viewing-6 .aside,
.fp-viewing-7 .aside,
.fp-viewing-8 .aside,
.fp-viewing-9 .aside,
.fp-viewing-10 .aside,
.fp-viewing-11 .aside,
.fp-viewing-12 .aside,
.fp-viewing-13 .aside,
.fp-viewing-14 .aside,
.fp-viewing-15 .aside {
z-index:50; opacity:1.0; transition-property: all; transition-duration: 0.3s;
}
.aside{bottom:100px !important;}
#quick-cs{z-index:0; opacity:0.0; transition-property: all; transition-duration: 0.3s;}
.fp-viewing-2 #quick-cs,
.fp-viewing-3 #quick-cs,
.fp-viewing-4 #quick-cs,
.fp-viewing-5 #quick-cs,
.fp-viewing-6 #quick-cs,
.fp-viewing-7 #quick-cs,
.fp-viewing-8 #quick-cs,
.fp-viewing-9 #quick-cs,
.fp-viewing-10 #quick-cs,
.fp-viewing-11 #quick-cs,
.fp-viewing-12 #quick-cs,
.fp-viewing-13 #quick-cs,
.fp-viewing-14 #quick-cs,
.fp-viewing-15 #quick-cs {
z-index:50; opacity:1.0; transition-property: all; transition-duration: 0.3s;
}
#quick-cs{position:fixed; left:0; bottom:0;  display: flex; width:100%; height:80px; background:#1c1c1c;}
#quick-cs .cs-num{display:flex; justify-content: center; align-items: center; gap:10px; width:315px; height:100%; background:#bca06a; padding:10px; box-sizing:border-box;}
#quick-cs .cs-num > span{position:relative; font-size:21px; font-weight:600; color:#fff; line-height:1em; word-break:keep-all;}
#quick-cs .cs-num > span:before{content:''; display:inline-block; position:relative; top:3px; margin-right:5px; width:18px; height:18px; background:url(../../img/kb/ic-call-wt.svg)no-repeat center; background-size:contain;}
#quick-cs .cs-num > a{position:relative; top:2px; font-size:21px; padding:10px; font-weight:600; color:#fff; font-size:21px; font-weight:600; color:#fff; line-height:1em; word-break:keep-all; box-sizing:border-box;}
#quick-cs .form-wrap{width:calc(100% - 315px);}
#quick-cs .form-wrap form{display:flex; width:100%; height:100%;}
#quick-cs .form-wrap form fieldset{display:flex; justify-content: center; align-items: center; gap:30px; width:calc(100% - 315px); width:-webkit-calc(100% - 315px); height:100%;}
#quick-cs .form-wrap form fieldset .label_wrap{display:flex; align-items: center; gap:10px;}
#quick-cs .form-wrap form fieldset .label_wrap label{display:inline-block; font-size:17px; font-weight:600; color:#fff; line-height:1em;}
#quick-cs .form-wrap form fieldset .label_wrap input{display:block; padding:10px; width:200px; height:40px; border-radius:5px; box-sizing:border-box; border:none; font-size:15px; color:#333; line-height:1em; word-break:keep-all;}
#quick-cs .chk_box_wrap input[type=checkbox]{width:18px; height:18px;}
#quick-cs .cs-btn{display:flex; justify-content: center; align-items: center; gap:10px; width:315px; height:100%; background:#bca06a; padding:10px; box-sizing:border-box; border:none; font-size:22px; font-weight:bold; line-height:1em; word-break:keep-all; color:#fff;}

#quick-cs .ckbox{display:flex; align-items: center; gap:5px;}
#quick-cs .ckbox em{font-size:15px; font-weight:300; color:#fff; opacity:0.8;}
#quick-cs .ckbox input[type='checkbox']{display:none;}
.chk_box_wrap { z-index: 2; display: flex; align-items: center; }

.checkmark::before {
    content: '';
    display: block;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #fff;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    border-radius: 3px;
}

.chk_box_wrap input:checked + .checkmark::before {
    background: #bca06a url(../../img/kb/ic-chk.svg)no-repeat center;
    background-size: 10px auto;
    border: none;
}

@media (max-width: 900px) {
	.ft.aside .aside-item{display:none !important;}
	#quick-cs, #top_btn{display:none;}

}