html,body {width:100%; margin:0; padding:0;}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot'),
	url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'),
	url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'),
	url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

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

body {
    font-size: 2rem;
    line-height: 1.7;
    position: relative;
	word-break:keep-all;
}
table, input, textarea, select, button {
	font-size:inherit;
	line-height:inherit;
}
.ds-lt-color-black, body, table, input, textarea, select, button {
    color: #3a3a3a;
}
body, table, input, textarea, select, button, .ds-font {
    font-family: "NanumBarunGothic", sans-serif;
	letter-spacing:-0.01em;
}
@media all and (max-width:1920px) {
	body {font-size:1.9rem;}
}
@media all and (max-width:1600px) {
	body {font-size:1.8rem;}
}
@media all and (max-width:1366px) {
	body {font-size:1.7rem;}
}
@media all and (max-width:1024px) {
	body {font-size:1.5rem;}
}
@media all and (max-width:768px) {
	body {font-size:1.4rem;}
	.ds-PC-only {display:none!important; visibility:hidden!important; height:0!important; max-height:0!important; z-index:-9999!important;}
}
@media all and (min-width:769px) {
	.ds-mobile-only {display:none!important; visibility:hidden!important; height:0!important; max-height:0!important; z-index:-9999!important;}
}




.quick {display:none;}
.ds-sect  {overflow-x:hidden;}
.ds-lt-width {max-width:1200px; margin-left:auto; margin-right:auto; padding-right:1em; box-sizing:border-box; height:100%; position:relative; overflow:hidden;}

.ds-lt-width,
.ds-padding-left {padding-left:1em;}
.ds-padding-top {padding-top:8%;}
.ds-padding-bottom {padding-bottom:8%;}


@media all and (max-width:768px) {
	.ds-lt-width {padding-right:.5em;}

.ds-lt-width,
.ds-padding-left {padding-left:0.5em;}
}

.ds-ul-none {list-style:none; margin:0; padding:0;}

.ds-color-spc1 {color:#f29e1f}
.ds-color-spc2 {color:#1e2b57}
.ds-color-spc3 {color:#d16d0e}
.ds-h2-color {color:#3b3f5a; font-weight:900; line-height:1; margin:0 0 1em 0;}
.ds-h2-color span {color:#0c4383;}
.ds-h2-color small {background:#0c4383; font-size:0.4em; display:inline-block; padding:0.4em 0.5em; border-radius:0.3em; color:#fff; font-weight:bold;}

.ds-sect-bg1 {background:url('../img/img1_p1.jpg');}
.ds-sect h2 {font-size:3.5em;}

body>main {border-top:1px solid #fff;}
#ds-lt-header>div>div {display:flex; padding:5% 0; justify-content:space-between; align-items: flex-end; flex-wrap:wrap;}

#ds-lt-header:not(.ds-lt-header-fixed) #ds-header-logo {max-width:20em; width:40%;}
#ds-lt-header:not(.ds-lt-header-fixed) #ds-header-logo img {display:block; max-width:100%; height:auto;}

#ds-lt-header.ds-lt-header-fixed {background:rgba(255,255,255,0.9); box-shadow:0 0 1em -0.5em #000; position:fixed; top:0; width:100%;}
#ds-lt-header.ds-lt-header-fixed>div>div {padding:1em 0;align-items:center; line-height:1;}
#ds-lt-header.ds-lt-header-fixed #ds-header-logo {height:2em;}
#ds-lt-header.ds-lt-header-fixed #ds-header-logo img {height:100%;display:block; width:auto;}
#ds-lt-header.ds-lt-header-fixed ul.ds-ul-none {margin:0;}

#ds-lt-header ul.ds-ul-none {font-size:0.9em; font-weight:bold; margin:1em 0; display:flex; gap:1.5em; white-space:nowrap; justify-content:space-between;}
#ds-lt-header ul li a {text-decoration:none; color:inherit;}
#ds-lt-header ul li:not(.ds-menu-on) a:hover {color:#0c4383}
#ds-lt-header ul li.ds-menu-on {color:#f18b24;}

#ds-sect-1a {overflow:visible;}
#ds-sect-1a>div {display:flex; justify-content:space-between; align-items:flex-end; gap:5%;}

#ds-sect-1a-1>ul {display:flex; gap:2em;}

.ds-h3-color {font-size:2.5em; line-height:1; margin:0;}
.ds-h3-color span {display:inline; margin:0; color:#0c4383}
.ds-h3-color small {font-size:0.5em; display:inline-block; color:#fff; background:#f18b24; padding:0.2em 1em; border-radius:0.4em;}

.ds-h3-color + ul {margin:0.5em 0 0 0; font-size:1.1em; color:#555; font-weight:bold;}

#ds-sect-1a-2 {margin-right:-5%;}
#ds-sect-1a-2 img { display:block; width:100%; height:auto;}

#ds-sect-1a-1 li:nth-of-type(2) {transition-delay:0.3s;}
#ds-sect-1a-2 {transition-delay:0.7s; transition-duration:5s!important;}
#ds-sect-1a>div>div {z-index:1; position:relative;}
.ds-img-absolute {position:absolute; height:auto; z-index:0; transition-duration:7s;}
.ds-img-absolute-02 {right:100%; top:30%; width:15.6%; transition-delay:1s;}
.ds-img-absolute-03 {left:26%; top:5%; width:11.7%; transition-delay:4s;}
.ds-img-absolute-04 {right:45%; top:7%; width:16.6%; transition-delay:2.5s;}
.ds-img-absolute-05 {left:88.1%; top:3%; width:18.8%; transition-delay:5s;}

@media all and (max-width:768px) {
	#ds-lt-header:not(.ds-lt-header-fixed)>div>div {padding:2% 0; justify-content:center;}
	#ds-lt-header:not(.ds-lt-header-fixed) #ds-header-logo {width:50%; margin:0 0 3% 0;}
	#ds-lt-header:not(.ds-lt-header-fixed) nav {width:100%;}
	
	#ds-lt-header.ds-lt-header-fixed nav {flex:auto;}
	#ds-lt-header.ds-lt-header-fixed #ds-header-logo {display:none;}
	#ds-lt-header ul.ds-ul-none {margin:1.2em 0; gap:0em; justify-content:space-between; font-size:0.85em;}
	
	.ds-h3-color {font-size:1.5em;}
	.ds-h3-color small {font-size:0.5em;}
	.ds-h3-color + ul {font-size:0.9em;}
}


#ds-sect-2a {background:url('../img/img2_p1.jpg') bottom center repeat-x; background-size:cover; color:#fff;}
#ds-sect-2a h2 {font-size:1.9em; line-height:1.4; margin-bottom:0.7em}
#ds-sect-2a h2 * {display:block;}
#ds-sect-2a h2 small {font-size:0.63em}
#ds-sect-2a ul {font-size:0.95em;}

#ds-sect-2a>div>div {display:flex; padding-top:10%;}
#ds-sect-2a img {width:100%; height:auto; display:block; }

#ds-sect-2a-1 {flex:0 0 55%; transition-duration:4s;}
#ds-sect-2a-2 {flex:0 0 60%; margin-left:-15%; transition-delay:0.5s; }

#ds-sect-2b>div>div {display:flex; align-items:flex-end;}

#ds-sect-2b-1 h2 {font-size:4.5em; line-height:1.2; margin-top:0;}
#ds-sect-2b-1 h2 * {display:block;}
#ds-sect-2b-1 h2 span:nth-of-type(2) {transition-delay:0.4s;}

#ds-sect-2b-1 h2+div {display:flex; align-items:flex-end;}
#ds-sect-2b-1 ul {display:flex; align-items:stretch; text-align:center; gap:1em; font-size:1.1em}
#ds-sect-2b-1 ul li:nth-of-type(2) {transition-delay:0.33s;}
#ds-sect-2b-1 ul li:nth-of-type(3) {transition-delay:0.66s;}
#ds-sect-2b-1 ul li:nth-of-type(4) {transition-delay:0.99s;}
#ds-sect-2b-1 ul div {height:6.5em; width:6.5em; margin:0 auto;}
#ds-sect-2b-1 ul div img {width:100%; height:100%; display:block;}
#ds-sect-2b-1 ul span {font-weight:bold;line-height:1.4; width:100%; display:block; margin:1.5em 0 0 0;}

#ds-sect-2b-2 {flex:auto; transition-duration:5s;}
#ds-sect-2b-2 img {display:block; width:100%; height:auto;}


@media all and (max-width:768px) {
	#ds-sect-2a h2 {font-size:1.4em;}
	#ds-sect-2a h2 small {font-size:0.7em}
	#ds-sect-2a ul {font-size:0.9em;}

	#ds-sect-2a>div>div {padding-top:5%; align-items:flex-top; justify-content:space-between;}

	#ds-sect-2a-1 {flex:0 0 33%; margin-top:8%;}
	#ds-sect-2a-2 {flex:0 0 65%; margin-left:0;}
	
	#ds-sect-2b-1,
	#ds-sect-2b>div>div,
	#ds-sect-2b-1 h2+div {display:block;}

	#ds-sect-2b-1 h2 {font-size:2em; margin:0 0 0.5em 0; text-align:center;}
	#ds-sect-2b-1 h2 * {display:inline-block;}
	#ds-sect-2b-1 ul {font-size:1.1em; justify-content:space-evenly;}
	#ds-sect-2b-1 ul li {flex:0 0 24%}
	#ds-sect-2b-1 ul div {height:5em; width:5em;}
	#ds-sect-2b-1 ul span {margin:0.5em 0 0 0; font-size:.8em;}
	#ds-sect-2b-2 {display:none;}
	#ds-sect-2b-2 img {display:block; width:40%; height:auto; margin:0 auto;}
}


#ds-sect-4 h3:before {content:""; display:block; width:3.3em; height:.2em; background:#f29e1f; margin-bottom:0.2em;}
#ds-sect-4 h3 {font-size:1.8em; margin:2.5em 0em 1em}

.ds-sect-4-ul-a li {display:flex;}
.ds-sect-4-ul-a li~li {margin-top:1em;}
.ds-sect-4-ul-a li>div:first-child {margin-right:1.4em; height:6.5em; flex:0 0 6.5em; line-height:1;}
.ds-sect-4-ul-a li>div:first-child img {width:100%; height:100%;}
.ds-sect-4-ul-a h4 {font-size:1.35em; margin:0.8em 0 0 0; color:#848484}
.ds-sect-4-ul-a p {margin:0; font-size:0.9em;}

@media all and (max-width:768px) {
	.ds-sect h2 {font-size:2em; margin:0 0 0.5em;}
	.ds-h2-color {margin:0 0 1em 0;}
	.ds-h2-color span {color:#0c4383;}
	.ds-h2-color br {display:none;}
	.ds-h2-color small {font-size:0.5em; display:inline-block; vertical-align:bottom;}

	#ds-sect-4 h3:before {height:.2em;}
	#ds-sect-4 h3 {font-size:1.5em; margin:2em 0em 1em}

	.ds-sect-4-ul-a li>div:first-child {margin-right:0.8em; height:4em; flex:0 0 4em; line-height:1;}
	
	.ds-sect-4-ul-a h4 {font-size:1.2em; margin:0.5em 0 0 0; color:#848484}
	.ds-sect-4-ul-a p {margin:0; font-size:0.95em;}
}

.ds-sect-5-ul {display:flex; justify-content:space-around; align-items:stretch;}
.ds-sect-5-ul>li {flex:0 0 27%; text-align:center; box-sizing:border-box; border:4px solid #ddd; display:flex; flex-direction:column; align-items:stretch;}

.ds-sect-5-ul li:nth-of-type(2) {transition-delay:0.33s;}
.ds-sect-5-ul li:nth-of-type(3) {transition-delay:0.66s;}

.ds-sect-5-ul>li>div:first-child {padding:2em 0;}
.ds-sect-5-ul>li>div:first-child span {font-weight:bold; font-size:2.7rem; display:block; margin-bottom:0.5em; white-space:nowrap;}
.ds-sect-5-ul>li>div:first-child img {max-width:6em; height:auto; width:50%;}
.ds-sect-5-ul>li>div:last-child {background:#ddd; flex:1; padding:1.5em 0;}

@media all and (max-width:768px) {
	.ds-sect-5-ul>li {flex:0 0 32%; border:2px solid #ddd;}
	.ds-sect-5-ul>li>div:first-child {padding:1em 0;}
	.ds-sect-5-ul>li>div:first-child span {font-size:1.4rem;}
	.ds-sect-5-ul>li>div:first-child img {height:4em; width:auto;}
	.ds-sect-5-ul>li>div:last-child {font-size:0.9em; padding:1.5em 0.3em;}
}

#ds-sect-6 {background-color:#f29e1f; position:relative;}
#ds-sect-6>div {display:flex; justify-content:space-between; align-items:flex-end; position:static; padding-left:0;}

#ds-sect-6 h2 {margin:0; color:#fff; line-height:1;}
#ds-sect-6a {display:flex; background:rgba(242,158,31,0.8); padding-right:10%; position:relative; z-index:1; font-weight:bold;}

#ds-sect-6a-1 span ~ span:before {content:""; display:inline-block; width:2px; height:1em; background:#fff; margin:0 0.5em; vertical-align:middle;}

.ds-sect-6a-large {font-size:1.7em; margin:0.5em 0;}
.ds-sect-6a-large:last-child {margin-bottom:0}

#ds-sect-6 ul {font-size:1.05em;}
#ds-sect-6-bg {position:absolute; height:100%; right:0; bottom:0; transition-duration:7s;}
#ds-sect-6-bg img {display:block; height:100%; width:auto;}

@media all and (max-width:768px) {
	#ds-sect-6a {padding-right:5%;}

	.ds-sect-6a-large {font-size:1.3em; margin:0.5em 0;}

	#ds-sect-6 ul {font-size:0.95em;}
	#ds-sect-6 ul+p {font-size:0.8em;}
}

#ds-sect-7 h2 {color:#f29e1f; text-align:center; margin:0 2em 0; font-size:1.5em;}
.ds-contact-form >form{position:relative;}
.ds-contact-required {font-style:normal!important;}
.ds-contact-required:before {content:"*"; display:inline;}
.ds-contact-item {display:flex; width:100%; max-width:1024px; margin:0 auto; border-bottom:1px solid #ddd;}
.ds-contact-item~.ds-contact-item {margin-top:1em;}
.ds-contact-item>div:nth-of-type(1) {width:5em;}
.ds-contact-item>div:nth-of-type(2) {flex:auto;}
.ds-contact-item:not(.ds-contact-item-agree)>div:nth-of-type(2)>* {flex:auto; box-sizing:border-box; width:100%; border:none;}

.ds-contact-item label {cursor:pointer;}
.ds-contact-item label:hover {font-weight:bold;}
.ds-contact-item input:not([type="checkbox"]),
.ds-contact-item textarea {font-size:16px;}

.ds-contact-item-agree {border:none;}
.ds-contact-item-agree>div:nth-of-type(1) {display:none;}
.ds-contact-item-agree>div:nth-of-type(2) {display:flex; justify-content:center;}

.ds-contact-item-agree input[type="checkbox"] {width:1em; height:1em; vertical-align:middle;}

.ds-contact-submit {text-align:center; margin:1em 0;}
.ds-contact-submit button[type="submit"]{font-size:1.2em; color:#fff!important; line-height:1.2; background:#0c4383; border:none; padding:1em; cursor:pointer;}
.ds-contact-submit button[type="submit"]:hover {background:#123155;}

.ds-contact-loading {display:none; position:absolute; top:0; left:0; width:100%; height:100%; justify-content:center; align-items:center; background:rgba(255,255,255,0.7); text-align:center; font-weight:bold;}




.ds-display-none {display:none!important;}

footer {background:#09122d;}
footer>div {display:flex; justify-content:center;}
#ds-footer-logo {margin:5% 0; width:25%;}
#ds-footer-logo img {display:block; width:100%; height:auto; max-width:15em; margin:0 auto;}