@charset "UTF-8";
/* **************************************************************************** */
/*	@CreateDate   :   */
/*	@ModifyDate   :             */
/*	@Description  : scss build  */
/*	@Author       :         */
/* ***************************************************************************** */

/* 모든 dom outline 수정 */
 * {outline-color: red; }
	
/* 반응형 */
.fifths, .fourths, .half, .thirds {position: relative;overflow: hidden;width: 100%; }
.fifths > * {float: left;width: 20%;position: relative; }
.fourths > * {float: left;width: 25%;position: relative; }
.fourths.interval > * {width: calc(25% - 1em);margin: 0 0.667em; }
.thirds > * {float: left;width: 33.33%; }
.thirds:not(.interval):not(.origin-width) > *:nth-child(3n) {width: 33.34%; }
.thirds.interval > * {width: calc(33.33% - 0.67em);margin: 0 0.5em; }
.thirds.interval.mg-per > * {width: 32%;margin: 0 1%; }

.half > * {float: left;width: 50%;position: relative; }
.half.interval > * {width: calc(50% - 0.5em);margin-right: 1em; }
.half:not(.no-right) > :nth-child(2n) {float: right; }
.fifths > *:nth-child(5n-4), .fourths > *:nth-child(4n-3), .thirds > *:nth-child(3n-2), .half > *:nth-child(2n-1) {margin-left: 0; }
.fifths > *:nth-child(5n), .fourths > *:nth-child(4n), .thirds > *:nth-child(3n), .half > *:nth-child(2n) {margin-right: 0; }
.fifths.origin-width > *, .fourths.origin-width > *, .thirds.origin-width > *, .half.origin-width > * {width: auto; }
.table {display: table; }
.table:not(.no-100p) {width: 100%; }
.table > *, .vertical {display: table-cell;vertical-align: middle; }
.table-fixed {table-layout: fixed; }
.flex {display: flex; }
.left {float: left; }
.right {float: right; }
.max-3 > * {max-width: 32%; }
.m-only {display: none; }
.effect-cover {object-fit: cover;margin: 0 auto; }
.m-display-none{display:block !important;}
.m-display-block{display:none !important;}
@media screen and (max-width: 1024px) {

.flex {flex-wrap: wrap; }
.div-st02 > * {margin: 0 0 1em; }
.fifths.div-st02 > *, .fourths.div-st02 > *, .thirds.div-st02 > * {width: 50%;margin-bottom: 1em; }
.fifths.div-st02 > *::after, .fourths.div-st02 > *::after, .thirds.div-st02 > *::after {display: none !important; }
.interval.div-st02 > * {width: calc(50% - 0.5em) !important;margin: 0 0 1em; }
.interval.div-st02 > *:nth-child(2n) {margin-left: 1em; }
.interval.div-st02 > *:nth-last-child(2), .interval.div-st02 > *:nth-last-child(1) {margin-bottom: 0; } }
@media screen and (max-width: 640px) {
html {font-size: 2.4vw; }
.fifths:not(.keep):not(.div-st01) > *:not(.keep-child), .fourths:not(.keep):not(.div-st01) > *:not(.keep-child), .thirds:not(.keep):not(.div-st01) > *:not(.keep-child), .half:not(.keep):not(.div-st01) > *:not(.keep-child) {width: 100% !important;min-height: auto;max-width: 100%; }
.fifths:not(.no-margin):not(.keep) > *, .fourths:not(.no-margin):not(.keep) > *, .thirds:not(.no-margin):not(.keep) > *, .half:not(.no-margin):not(.keep) > * {margin: 0 auto 1em; }
.fifths:not(.no-margin) > *:last-child, .fourths:not(.no-margin) > *:last-child, .thirds:not(.no-margin) > *:last-child, .half:not(.no-margin) > *:last-child {margin-bottom: 0; }
.fourths:not(.keep) > *:first-child, .thirds:not(.keep) > *:first-child, .half:not(.keep) > *:first-child {margin-top: 0 !important; }
.fourths.mg-0 > *, .thirds.mg-0 > *, .half.mg-0 > * {margin-top: 0 !important;margin-bottom: 0 !important; }
.fifths.origin-width, .fourths.origin-width, .thirds.origin-width, .half.origin-width {text-align: center; }
.fifths.origin-width > *:not(.keep-child), .fourths.origin-width > *:not(.keep-child), .thirds.origin-width > *:not(.keep-child), .half.origin-width > *:not(.keep-child) {float: none;display: inline-block; }
.div-st01 > * {margin: 0 0 1em; }
.fifths.div-st01 > *, .fourths.div-st01 > *, .thirds.div-st01 > * {width: 50%;margin-bottom: 1em; }
.fifths.div-st01 > *::after, .fourths.div-st01 > *::after, .thirds.div-st01 > *::after {display: none !important; }
.interval.div-st01 > * {width: calc(50% - 0.5em) !important;margin: 0; }
.interval.div-st01 > *:nth-child(2n) {margin: 0 0 1em 1em; }
.div-st02 > * {margin: 0 0 1em; }
.fifths.div-st02 > *, .fourths.div-st02 > *, .thirds.div-st02 > * {width: 100%;margin-bottom: 1em; }
.fifths.div-st02 > *::after, .fourths.div-st02 > *::after, .thirds.div-st02 > *::after {display: none !important; }
.interval.div-st02 > * {width: 100% !important; }
.interval.div-st02 > *:nth-child(2n) {margin-left: 0; }
.interval.div-st02 > *:nth-last-child(2) {margin-bottom: 1em; }
.table > *:not(:last-child) {margin-bottom: 1em; }
.table.tiering > * {display: block;width: 100% !important; }
.table:not(.keep) {/* display: block; */ }
.table:not(.keep) > * {display: block;width: 100% !important; }
.pc-only {display: none; }
.m-only {display: block; } 
}
@font-face {font-family: 'Nanum Square L';font-style: normal;font-weight: 400;src: local("Nanum Square Light"), local("NanumSquareL"), url("../font/NanumSquareL.eot?#iefix") format("embedded-opentype"), url("../font/NanumSquareL.woff2") format("woff2"), url("../font/NanumSquareL.woff") format("woff"), url("../font/NanumSquareL.ttf") format("truetype"); }
@font-face {font-family: 'Nanum Square';font-style: normal;font-weight: 400;src: local("Nanum Square Regular"), local("NanumSquareR"), url("../font/NanumSquareR.eot?#iefix") format("embedded-opentype"), url("../font/NanumSquareR.woff2") format("woff2"), url("../font/NanumSquareR.woff") format("woff"), url("../font/NanumSquareR.ttf") format("truetype"); }
@font-face {font-family: 'Nanum Square B';font-style: normal;font-weight: 400;src: local("Nanum Square Bold"), local("NanumSquareB"), url("../font/NanumSquareB.eot?#iefix") format("embedded-opentype"), url("../font/NanumSquareB.woff2") format("woff2"), url("../font/NanumSquareB.woff") format("woff"), url("../font/NanumSquareB.ttf") format("truetype"); }
@font-face {font-family: 'Nanum Square EB';font-style: normal;font-weight: 400;src: local("Nanum Square Extra Bold"), local("NanumSquareEB"), url("../font/NanumSquareEB.eot?#iefix") format("embedded-opentype"), url("../font/NanumSquareEB.woff") format("woff"), url("../font/NanumSquareEB.ttf") format("truetype"); }
body {font-family: 'Nanum Square';font-weight: 400;color: #666; }
h1, h2, h3, h4, h5, h6 {font-family: 'Nanum Square B';font-weight: 700; }
big, strong, b, dt, th {font-family: 'Nanum Square B';font-weight: 700; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
article, aside, canvas, details, embed, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;vertical-align: baseline;box-sizing: border-box; }
img, fieldset, form, label, legend, figure, figcaption, input, button {margin: 0;padding: 0;border: 0;vertical-align: middle; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner,input[type=reset]::-moz-focus-inner {padding: 0;border: 0; }
ol, ul {list-style: none; }
blockquote, q {quotes: none; }
blockquote:before,blockquote:after,q:before,q:after {  content: ''; }
img {  line-height: 0;  font-size: 0; }
a {  text-decoration: none;  color: inherit; }
table {  empty-cells: show;border-collapse: collapse;border: 0;border-spacing: 0;width: 100%;margin: 0;padding: 0; }
dt {font-weight: 400; }
select {border: 1px solid #ccc;border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;font: inherit;line-height: auto;cursor: pointer; }
select::-ms-expand {display: none; }
.align-l {text-align: left; }
.align-c {text-align: center; }
.align-r {text-align: right;border-right: 1px solid #c4d9f1; }
img.adi {max-width: 100%;height: auto; }

.select{height: 4rem;max-width: calc(100% - 3rem);border: 1px solid #afafaf;padding: 0 1rem;font-family: inherit;border-radius: 0px;line-height: 4rem;-webkit-appearance: menulist-button;}
.select-arrow{background: url("../img/common/ico_selectArrow.png") right 1em center no-repeat #fff;}
#skipnavi {display: block;height: 1px;width: 1px;margin: 0 -1px -1px 0;padding: 0; overflow: hidden;font-size: 0;line-height: 0; }
#skipnavi:hover, #lnb .depth2 > li#skipnavi:focus-within, #lnb .depth2 > li#skipnavi.on, #skipnavi:active, #skipnavi:focus {width: 100%;height: auto;margin: 0;padding: 5px 0;text-indent: 10px;font-weight: bold;font-size: 12px;color: #333;line-height: 1;text-decoration: none !important;position: relative;text-align: center; }
a, a:active, a:visited {text-decoration: none;}
a:active, a:hover {text-decoration: none; }
.no-hashchang a, .no-hashchang a:active, .no-hashchang a:visited {text-decoration: none;color: #1a2025; }
caption {overflow: hidden;width: 0;height: 0;text-indent: -99999px;}

.hidden, legend {position: absolute;left: -10000px;top: auto;width: 1px;height: 1px;overflow: hidden;}
input[placeholder]::-webkit-input-placeholder,textarea[placeholder]::-webkit-input-placeholder {color: #;}
input[placeholder]:-moz-placeholder,textarea[placeholder]:-moz-placeholder {color: #; }
input[placeholder]::-moz-placeholder,textarea[placeholder]::-moz-placeholder {color: #; }
input[placeholder]:-ms-input-placeholder,textarea[placeholder]:-ms-input-placeholder {color: #; }
input[placeholder].placeholder,textarea[placeholder].placeholder {color: #; }

html {font-size: 62.5%;overflow-y: scroll;position: relative;min-height: 100%; }
@media (max-width: 1024px) {
	html {font-size: 50%; } 
}

body {font-size: 16px;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background: #fff;margin: 0;padding: 0;}
html, body {height: 100%; }
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0; }
.inner {max-width: 1200px;margin: 0 auto; }
@media (max-width: 1024px) {
	.inner {padding: 0 3.3%; }
}

button {cursor: pointer; }

#header {width: 100%;position: absolute;top: 0;left: 0;background-color: transparent;transition: 0.2s ease-in-out;z-index: 1001;background-color: #fff; }

@media (min-width: 1024px) {

	#header::before, #header #gnb > ul > li#header:first-child::after, #header #gnb > ul > li:first-child > a#header::after {
      content: '';
      width: 100%;
      height: 1px;
      display: block;
      position: absolute;
      top: 160px;
      left: 0;
      background-color: #d8d8d8;
      z-index: 10; }
}

#header .header-top {position: relative;border-bottom: 1px solid #d8d8d8; }
#header .header-top .inner {position: relative; }

/*#header .header-top h1 {margin: 25px auto;font-size: 1em;width: 208px;max-width: 208px;height: 58px;background-size: 100%;color: transparent;overflow: hidden; }*/

/*
#header .header-top h1 {margin: 25px auto;font-size: 1em;width: 208px;max-width: 208px;height: 58px;
background: url("../img/common/logo_header.png") center no-repeat;
background-size: 100%;color: transparent;overflow: hidden; }
*/

#header .header-top h1 {margin: 25px auto;font-size: 1em;width: 208px;max-width: 208px;height: 58px;background-size: 100%;color: transparent;}


/*
@media (min-width: 1024px) {
#header .header-top h1 {margin: 1.250em auto; }
}


@media (max-width: 1024px) {
#header .header-top h1 {width: 13em;height: 5em;margin: 0.5em auto; }
}
*/

#header .header-top .searchbar2 {position: absolute;top: calc(50% - 20px);right: 4.6%;height: 40px;background-color: #fff; }
@media (max-width: 1024px) {
#header .header-top .searchbar2 {height: auto;top: calc(50% - 1em);right: 10%;padding: 0.2em 0;border-bottom: none;display: none;}
}
#header .header-top .searchbar2:not(.active) .init-m {display: none; }

#header .header-top h1 a {display: block;height: 100%;text-align: center; }
#header .header-top .searchbar {position: absolute;top: calc(50% - 20px);left: 0;height: 40px;border-bottom: 1px solid #7e7e7e;background-color: #fff; }
@media (max-width: 1024px) {
#header .header-top .searchbar {height: auto;top: calc(50% - 1em);left: 4.6%;padding: 0.2em 0;border-bottom: none; }
}

#header .header-top .searchbar:not(.active) .init-m {display: none; }
@media (max-width: 1024px) {
	#header .header-top .searchbar:not(.active) .btn-search, #header .header-top .searchbar:not(.active) .ipt, #header .header-top .searchbar:not(.active) .search_wrap select, .search_wrap #header .header-top .searchbar:not(.active) select, #header .header-top .searchbar:not(.active) .search_wrap input[type="text"], .search_wrap #header .header-top .searchbar:not(.active) input[type="text"], #header .header-top .searchbar:not(.active) .search_wrap button, .search_wrap #header .header-top .searchbar:not(.active) button, #header .header-top .searchbar:not(.active) .btn_w-st2 button, .btn_w-st2 #header .header-top .searchbar:not(.active) button {display: none; }
	#header .header-top .searchbar:not(.active) label {position: relative;color: transparent;width: 2em;height: 2em;overflow: hidden;background: url("../img/common/ico_search_header_m.png") center no-repeat transparent;border-radius: 0;display: inline-block;background-size: 100%; }
	#header .header-top .searchbar:not(.active) label:hover {outline: 2px solid red; } 
}
@media (max-width: 1024px) {
	#header .header-top .searchbar.active {top: 0;left: 0;padding: 1.2em 4.6%;width: 100%;z-index: 1000; }
	#header .header-top .searchbar.active .ipt, #header .header-top .searchbar.active .search_wrap select, .search_wrap #header .header-top .searchbar.active select, #header .header-top .searchbar.active .search_wrap input[type="text"], .search_wrap #header .header-top .searchbar.active input[type="text"], #header .header-top .searchbar.active .search_wrap button, .search_wrap #header .header-top .searchbar.active button, #header .header-top .searchbar.active .btn_w-st2 button, .btn_w-st2 #header .header-top .searchbar.active button {width: calc(100% - 89px);height: 36px;font-size: 20px; }
	#header .header-top .searchbar.active .init-m {color: transparent;width: 2em;height: 2em;overflow: hidden;background: url("../img/common/ico_search_header_init.png") center no-repeat #f1f1f1;border-radius: 50%;background-size: 40%;margin-right: 3rem; } 
}

#header .header-top .searchbar .ipt, #header .header-top .searchbar .search_wrap select, .search_wrap #header .header-top .searchbar select, #header .header-top .searchbar .search_wrap input[type="text"], .search_wrap #header .header-top .searchbar input[type="text"], #header .header-top .searchbar .search_wrap button, .search_wrap #header .header-top .searchbar button, #header .header-top .searchbar .btn_w-st2 button, .btn_w-st2 #header .header-top .searchbar button {height: 100%;letter-spacing: -0.02em; }
@media (max-width: 1024px) {
	#header .header-top .searchbar .ipt, #header .header-top .searchbar .search_wrap select, .search_wrap #header .header-top .searchbar select, #header .header-top .searchbar .search_wrap input[type="text"], .search_wrap #header .header-top .searchbar input[type="text"], #header .header-top .searchbar .search_wrap button, .search_wrap #header .header-top .searchbar button, #header .header-top .searchbar .btn_w-st2 button, .btn_w-st2 #header .header-top .searchbar button {height: 2em; } 
}

#header .header-top .searchbar .btn-search {font-size: 1em;color: transparent;width: 18px;height: 18px;overflow: hidden;background: url("../img/common/ico_search_header.png") center no-repeat transparent;border-radius: 0; }
@media (max-width: 1024px) {
	#header .header-top .searchbar .btn-search {width: 2em;height: 2em;background-image: url("../img/common/ico_search_header_m.png");background-size: 100%; } 
}
#header .header-top .btn-gnb-open {display: none; }
@media (max-width: 1024px) {
	#header .header-top .btn-gnb-open {position: absolute;top: calc(50% - 1em);right: 4.6%;display: block;overflow: hidden;color: transparent;width: 2em;height: 2em;background: url("../img/common/ico_gnb_m.png") center no-repeat;background-size: 100%; } 
}
#header .header-top .btn-gnb-close {position: absolute;display: none;opacity: 0; }
@media (max-width: 1024px) {
	#header #gnb {display: none;height: calc(100% - 98px);position: fixed;top: 5em;left: 0;width: 100%;float: none;z-index: 10000;overflow-y: scroll;background-color: #fff; } 
}
#header #gnb > ul {overflow: hidden;letter-spacing: -0.03em; }
@media (max-width: 1024px) {
	#header #gnb > ul {width: 100%;height: auto;width: 100%;float: none;text-align: left; } 
}
/*#header #gnb > ul a {display: block;}*/
@media (max-width: 1024px) {
	#header #gnb > ul a {border-bottom: 1px solid #dcdcdc; } 
}

#header #gnb > ul > li {position: relative;float: left;width: 16.66%; }
@media (max-width: 1024px) {
	#header #gnb > ul > li {display: block;margin: 0;width: 100%; } 
}

#header #gnb > ul > li > a {position: relative;height: 62px;line-height: 62px;text-align: center;font-size: 1.250em;background-color: #fff;font-family: 'Nanum Square B';font-weight: 700; }
@media (max-width: 1024px) {
	#header #gnb > ul > li > a {display: block;padding: 0 1.786em;font-size: 1.750em;height: 3.5em;line-height: 3.5em;background: url("../img/common/ico_gnb_depth1.png") right 1.786em center no-repeat;background-size: 1.071em;font-weight: 400;text-align: left; } 
}

/*
#header #gnb > ul > li > a::before, #header #gnb > ul > li:first-child > a::after {
	content: '';
	width: 1px;
	height: 13px;
	background-color: #cacaca;
	position: absolute;
	top: calc(50% - 6px);
	right: 0; 
}
*/
@media (max-width: 1024px) {
	#header #gnb > ul > li > a::before, #header #gnb > ul > li:first-child > a::after {display: none; } 
}
#header #gnb > ul > li::before, #header #gnb > ul > li:first-child::after {content: '';display: none;width: 1px;height: 100%;position: absolute;top: 63px;right: 0;background-color: #e1e1e1; }
#header #gnb > ul > li:first-child::after {right: auto;left: 0; }
#header #gnb > ul > li:first-child > a::after {right: auto;left: 0; }
#header #gnb > ul > li:hover, #header #lnb #gnb > ul.depth2 > li:focus-within, #lnb #header #gnb > ul.depth2 > li:focus-within, #header #lnb #gnb > ul.depth2 > li.on, #lnb #header #gnb > ul.depth2 > li.on {background-color: #fafafa; }
#header #gnb > ul > li:hover > a, #header #lnb #gnb > ul.depth2 > li:focus-within > a, #lnb #header #gnb > ul.depth2 > li:focus-within > a, #header #lnb #gnb > ul.depth2 > li.on > a, #lnb #header #gnb > ul.depth2 > li.on > a {font-weight: 700; }
@media (min-width: 1024px) {
	#header #gnb > ul > li:hover > a, #header #lnb #gnb > ul.depth2 > li:focus-within > a, #lnb #header #gnb > ul.depth2 > li:focus-within > a, #header #lnb #gnb > ul.depth2 > li.on > a, #lnb #header #gnb > ul.depth2 > li.on > a {color: #f46a1f;border-bottom: 3px solid #f46a1f; } 
}
#header #gnb > ul > li > a.on {color: #fff;background-image: url("../img/common/ico_gnb_depth1_active.png"); }
#header #gnb > ul > li > a.on.color-orange {background-color: #f46a1f; }
#header #gnb > ul > li > a.on.color-purple {background-color: #ad37bf; }
#header #gnb > ul > li > a.on.color-blue {background-color: #0c9ae0; }
#header #gnb > ul > li > a.on.color-gray {background-color: #758088; }
#header #gnb > ul > li > a.on.color-green {background-color: #1f6b78; }
#header #gnb > ul > li > a.on.color-lightgreen {background-color: #99b339; }
#header #gnb > ul > li > a.on.color-red {background-color: #ea3b02; }
#header #gnb > ul > li > a.on + .depth2 {background-color: #f1f1f1; }
#header #gnb > ul > li:first-child > a.on {background-color: #ad37bf; }
#header #gnb > ul > li:nth-child(2) > a.on {background-color: #f46a1f; }
#header #gnb > ul > li:nth-child(3) > a.on {background-color: #0c9ae0; }
#header #gnb > ul > li:nth-child(4) > a.on {background-color: #99b339; }
#header #gnb > ul > li:nth-child(5) > a.on {background-color: #1f6b78; }
#header #gnb > ul > li:nth-child(6) > a.on {background-color: #758088; }
#header #gnb > ul > li .depth2 {display: none;margin: 3rem 0; }

@media (min-width: 1024px) {
	#header #gnb > ul > li .depth2 {padding: 0 10px; } 
}
@media (max-width: 1024px) {
	#header #gnb > ul > li .depth2 {position: relative;width: 100%;top: auto;left: auto;height: auto;margin: 0; } 
}
@media (max-width: 1024px) {#header #gnb > ul > li .depth2 > li {line-height: 3.231em;margin: 0 !important;padding: 0; } }
#header #gnb > ul > li .depth2 > li:not(:last-child) {margin-bottom: 20px; }
#header #gnb > ul > li .depth2 > li:hover > a, #header #gnb > ul > li #lnb .depth2 > li:focus-within > a, #lnb #header #gnb > ul > li .depth2 > li:focus-within > a, #header #gnb > ul > li #lnb .depth2 > li.on > a, #lnb #header #gnb > ul > li .depth2 > li.on > a {color: #f46a1f; }
#header #gnb > ul > li .depth2 > li > a {position: relative; }
@media (max-width: 1024px) {
	#header #gnb > ul > li .depth2 > li > a {font-size: 1.625em;height: 3em;line-height: 3em;padding: 0 2.692em; }
	#header #gnb > ul > li .depth2 > li > a::before, #header #gnb > ul > li #gnb > ul.depth2 > li:first-child > a::after {content: '';width: 5px;height: 5px;background-color: #444;border-radius: 50%;position: absolute;top: calc(50% - 3px);left: 1.923em; } 
}
#header #gnb > ul > li .depth2 .depth3 {font-size: 14px;color: #777; }
@media (max-width: 1024px) {#header #gnb > ul > li .depth2 .depth3 {display: none; } }
#header #gnb > ul > li .depth2 .depth3 li {position: relative; }
@media (min-width: 1024px) {#header #gnb > ul > li .depth2 .depth3 li {padding-left: 15px; } }
#header #gnb > ul > li .depth2 .depth3 li::before, #header #gnb > ul > li .depth2 .depth3 #gnb > ul > li:first-child::after {content: '';width: 3px;height: 3px;background-color: #f46a1f;position: absolute;top: calc(0.8em - 3px);left: 0; }
@media (max-width: 1024px) {#header #gnb > ul > li .depth2 .depth3 li::before, #header #gnb > ul > li .depth2 .depth3 #gnb > ul > li:first-child::after {content: '-';top: 0;height: auto;width: auto;left: 4.375em;background-color: transparent;line-height: 4.375em; } }
#header #gnb > ul > li .depth2 .depth3 li:hover, #header #gnb > ul > li .depth2 .depth3 #lnb .depth2 > li:focus-within, #lnb #header #gnb > ul > li .depth2 .depth3 .depth2 > li:focus-within, #header #gnb > ul > li .depth2 .depth3 #lnb .depth2 > li.on, #lnb #header #gnb > ul > li .depth2 .depth3 .depth2 > li.on {color: #000;text-decoration: underline; }
@media (max-width: 1024px) {#header #gnb > ul > li .depth2 .depth3 li a {background-color: #fff;padding: 0 4em;font-size: 1.375em;height: 3.182em;line-height: 3.182em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } }
#header + .bg {position: fixed;left: 0;width: 100%;transition: 0.2s ease-in-out; }
#header + .bg.active {top: 5.5em;height: calc(100% - 5.5em);background-color: rgba(0, 0, 0, 0.4);transition: 0.2s ease-in-out;z-index: 99; }
#header.active {border-bottom: 1px solid #d8d8d8; }
#header.active + .bg {top: 172px;height: calc(100% - 172px);background-color: rgba(0, 0, 0, 0.4);transition: 0.2s ease-in-out;z-index: 99; }
#header.active #gnb > ul > li::before, #header.active #gnb > ul > li:first-child::after, #header.active #gnb > ul > li:first-child::after {display: block; }
#header.mobile {/*  background-color: #768089; */ }
#header.mobile .header-top h1 {background-image: url("../img/common/logo_header_m_on.png"); }
@media (max-width: 1024px) {#header.mobile .btn-gnb-close {opacity: 1;height: auto;top: calc(50% - 1em);right: 2.7em;display: block;overflow: hidden;color: transparent;width: 2.5em;height: 2.5em;background: url("../img/common/ico_gnb_close.png") center no-repeat;background-size: 100%;transition: 0.2s ease-in-out; } }
#header.mobile .btn-gnb-open, #header.mobile .searchbar {display: none; }
#header.mobile #gnb > ul > li .depth2 > li {position: relative; }
.content-wrap {padding-top: 160px; }
@media (max-width: 1024px) {.content-wrap {padding-top: 6em; } }
.img-box:not(.until-lg) {position: relative;overflow: hidden;height: 100%; }
.img-box:not(.until-lg) img {max-width: 100%;height: auto;position: absolute;top: 50%;transform: translate(-50%, -50%);left: 50%;}
@media (max-width: 1200px) {
	.img-box.until-lg {position: relative;overflow: hidden;height: 100%; }
	.img-box.until-lg img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width: 100%;min-height: 100%;z-index: 10; } 
}
#footer {border-top: 1px solid #d8d8d8; }
@media (max-width: 768px) {#footer {background-color: #202e3a;color: #c9d0d7; } }
@media (max-width: 768px) {#footer .inner {padding: 0; } }
@media (min-width: 1024px) {#footer .inner {padding: 0; } }

.footer-top {border-bottom: 1px solid #dcdcdc;height: 76px; }
@media (min-width: 768px) {.footer-top .makePlain {display: none; } }
@media (max-width: 768px) {.footer-top {display: none !important; } }
.footer-top .coop {position: relative; }
@media (min-width: 768px) {
.footer-top .plainSelect {float: right;width: 208px;height: 34px;line-height: 34px;font-size: 14px;letter-spacing: -0.03em; }
.footer-top .plainSelect li {padding: 0 30px 0 20px;background-color: #e8e8e8; }
.footer-top .plainSelect li:first-child {height: 34px;line-height: 34px;border-radius: 17px; } 
}

.footer-top .plainSelect.active {background: none;height: auto;max-height: 175px;overflow-y: auto;position: absolute;right: 0;top: 21px;z-index: 100;padding-top: 35px; }
.footer-top .plainSelect.active li:first-child {position: absolute;width: 100%;top: 0;left: 0;background: url("../img/common/ico_selectArrow_footer.png") right 20px center no-repeat #e8e8e8; }
.footer-top .plainSelect.active li:not(:first-child) {border-bottom: 1px solid #ccc;background-color: #e8e8e8; }
.footer-top .plainSelect.active li:not(:first-child):hover, .footer-top .plainSelect.active #lnb .depth2 > li:not(:first-child):focus-within, #lnb .footer-top .plainSelect.active .depth2 > li:not(:first-child):focus-within, .footer-top .plainSelect.active #lnb .depth2 > li.on:not(:first-child), #lnb .footer-top .plainSelect.active .depth2 > li.on:not(:first-child) {background-color: #1f6b78;color: #fff; }
.footer-top .plainSelect.active a {display: block; }
.footer-top .plainSelect:not(.active) li:first-child {background: url("../img/common/ico_selectArrow_footer.png") right 20px center no-repeat #e8e8e8; }
.footer-top .plainSelect:not(.active) li:not(:first-child) {display: none; }
.footer-bottom {padding: 27px 0;font-size: 14px;color: #666; }
@media (max-width: 768px) {.footer-bottom {color: #c9d0d7;text-align: center;padding-top: 0; } }
@media (max-width: 768px) {.footer-bottom.half.origin-width > * {width: 100%; } }
.footer-bottom dl:not(.tel) dt, .footer-bottom dl:not(.tel) dd {display: inline-block;font-family: inherit;font-weight: inherit; }
.footer-bottom .tel {text-align: right;letter-spacing: -0.03em; }
@media (max-width: 768px) {.footer-bottom .tel {display: none !important; } }
.footer-bottom .tel dt {color: #777;font-size: 15px; }
.footer-bottom .tel dd {font-family: 'Nanum Square EB';font-weight: 800;color: #666;font-size: 30px; }



@media (min-width: 768px) {.footer-bottom .coop-select {display: none; } }
.footer-bottom .coop-select select {max-width: 93.4%;display: inline-block;font-size: 1.125em;background-color: #303d48;height: 3.75em;line-height: 3.75em;border-radius: 1.875em;border: none;color: #c9d0d7;width: 24em;padding: 0 2em;}
.footer-bottom .cogop-select select {max-width: 93.4%;display: inline-block;font-size: 1.125em;background-color: #303d48;height: 3.75em;line-height: 3.75em;border-radius: 1.875em;border: none;color: #c9d0d7;width: 24em;padding: 0 2em;}

.footer-nav {color: #444;margin-bottom: 24px; }
@media (max-width: 768px) {.footer-nav ul {width: 100%;color: #c9d0d7;text-align: center;font-size: 1em;height: 3.5em;border-bottom: 1px solid #3b4752; } }
@media (max-width: 768px) {.footer-nav ul li {/*  width: 40%; */ } }
@media (min-width: 768px) {.footer-nav ul li:not(:first-child)::before, .footer-nav #header #gnb > ul > li:not(:first-child):first-child::after, #header .footer-nav #gnb > ul > li:not(:first-child):first-child::after {content: '/';color: #c6c6c6;padding: 1em; } }
@media (max-width: 768px) {.footer-nav ul li:not(:first-child) {border-left: 1px solid #3b4752; } }
@media (max-width: 768px) {.footer-info {display: block; } }
@media (max-width: 768px) {.footer-info dl {margin-bottom: 0 !important; } }
@media (max-width: 768px) {.footer-info dl:first-child {display: block; }.footer-info dl:first-child::after {display: none; } }
@media (max-width: 768px) {.footer-info dl:not(:first-child) {display: inline-block;width: auto !important; } }
.footer-info dl:not(:last-child)::after {content: '/';color: #c6c6c6;padding: 1em; }
@media (max-width: 768px) {.footer-info dl:not(:last-child)::after {padding: 0 0.3em; } }
@media (max-width: 768px) {.footer-title dd::before {content: '';/* width: 15em; */height: 4.125em;display: block;background: url("../img/common/logo_footer_m.png") center no-repeat;background-size: 100%;margin-bottom: 2em; } }
#lnb {width: 225px;float: left; }
@media (max-width: 1024px) {#lnb {display: none; } }

#lnb-m {overflow: hidden;background-color: #ad37bf;}
@media (min-width: 1024px) {#lnb-m {display: none; } }

#lnb-m.st-01 {background-color: #ad37bf; }
#lnb-m.st-02 {background-color: #ffb72c; }
#lnb-m.st-03 {background-color: #0079bc; }
#lnb-m.st-04 {background-color: #83b301; }
#lnb-m.st-05 {background-color: #1f6b78; }
#lnb-m.st-06 {background-color: #58606b; }
#lnb-m select {/*      width: 50%;*/float: left;/* background-image: url("../img/common/ico_selectArrow_footer_m.png");*/background-size: 0.5em;background-color: transparent;border: none;/* font-size: 1.3em;*/height: 3.333em;color: #fff;padding: 0 0.3em; text-align: center;margin-top:20px;}
#lnb-m select:first-child {border-right: 2px solid #ba56c9; }
#lnb-m select:last-child {border-left: 2px solid #ba56c9; }
#lnb-m .loc-href {border-left: 2px solid #ba56c9; }
#lnb-m .dddddddd{float:left;background-image: url("../img/common/ico_selectArrow_footer_m.png"); margin-top:25px;width:18px;height:8px;}
#lnb-m select option {color: #000; }


#lnb .lnb-title {
display: table;
height: 180px;
width: 100%;
color: #fff;
border-top-left-radius: 9px;
border-top-right-radius: 9px; 
}
#lnb .lnb-title-inner {
font-family: 'Titillium Web', sans-serif;
display: table-cell;
vertical-align: middle;
text-align: center; 
}
#lnb .lnb-title-inner strong {
font-family: 'Nanum Square EB';
font-weight: 800;
font-size: 32px;
display: block;
margin-top: 5px; 
}
#lnb .depth2 {
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px; 
}
#lnb .depth2 > li > a {display:block;}
#lnb .depth2 > li > a > strong {
font-size: 17px;
font-size: 1.7rem;
position: relative;
padding: 0 30px;
height: 60px;
line-height: 60px;
display: block;
transition: 0.2s ease-in-out;
}


/*      #lnb .depth2 > li > a > strong::before {*/
/*        content: '';*/
/*        width: 20px;*/
/*        height: 20px;*/
/*        display: inline-block;*/
/*        position: absolute;*/
/*        top: calc(50% - 10px);*/
/*        right: 30px;*/
/*        background: url("../img/sub/ico_snb_arrow.jpg") center no-repeat;*/
/*        z-index: 10;*/
/*        border-radius: 50%; }*/
#lnb .depth2 > li > a:focus strong {
background-color: #f1f1f1; }
#lnb .depth2 > li > a:focus strong::before {
background-image: url("../img/sub/ico_snb_arrow_active.png");
background-color: #000; }
/*    #lnb .depth2 > li > a + .depth3, #lnb .depth2 > li > a:focus + .depth3 {padding-bottom: 28px; background-color: #f1f1f1; }*/
#lnb .depth2 > li > a + .depth3, #lnb .depth2 > li > a:focus + .depth3 {padding-bottom: 28px; }
#lnb .depth2 > li > a:focus + .depth3 strong {
height: auto;
color: inherit; }
#lnb .depth2 > li:hover {background-color: #f1f1f1;}
/*    #lnb .depth2 > li > a:hover strong {background-color: #f1f1f1;}*/
#lnb .depth2 > li > a:hover strong::before {
background-image: url("../img/sub/ico_snb_arrow_active.png");
background-color: #000; }
#lnb .depth2 > li > a + .depth3 a strong {
font-family: 'Nanum Square';
font-weight: 400;
/*      color: transparent;*/
}
#lnb .depth2 > li > a + .depth3 a:focus strong, #lnb .depth2 > li > a + .depth3 a:hover strong {
font-family: 'Nanum Square B';
font-weight: 700;
color: #e93801;
height: auto; }
#lnb .depth2 > li:hover, #lnb .depth2 > li:focus-within, #lnb .depth2 > li.on {
background-color: #f1f1f1; }
/*    #lnb .depth2 > li a strong, #lnb .depth2 > li.on a strong { background-color: #f1f1f1; }*/
#lnb .depth2 > li.on a strong::before {
background-image: url("../img/sub/ico_snb_arrow_active.png");
background-color: #000; }
/*    #lnb .depth2 > li.on a + .depth3 {padding-bottom: 28px;background-color: #f1f1f1; }*/
#lnb .depth2 > li.on a + .depth3 {padding-bottom: 28px; }
#lnb .depth2 > li.on a + .depth3 strong {
height: auto;
color: inherit; }
#lnb .depth2 > li:focus-within > a > strong::before, #lnb .depth2 > li.on > a > strong::before {
background-image: url("../img/sub/ico_snb_arrow_active.png");
background-color: #000; }
#lnb .depth2 > li:focus-within .depth3, #lnb .depth2 > li.on .depth3 {
padding-bottom: 28px; }
#lnb .depth2 > li:focus-within .depth3 a strong, #lnb .depth2 > li.on .depth3 a strong {
height: auto; }
#lnb .depth2 > li:focus-within .depth3 a:hover strong, #lnb .depth2 > li:focus-within .depth3 a:focus strong, #lnb .depth2 > li.on .depth3 a:hover strong, #lnb .depth2 > li.on .depth3 a:focus strong {
font-family: 'Nanum Square EB';
font-weight: 800;
color: #e93801; }
#lnb .depth2 > li:not(:last-child) {
border-bottom: 1px solid #e0e0e0; }
#lnb .depth3 {
overflow: hidden;
transition: 0.2s ease-in-out; }
#lnb .depth3 strong {
/*      height: 0;*/
/*      display: block;*/
display: inline-block;
font-size: 14px;
line-height: 26px;
padding: 0 30px; }
#lnb.lnb-st01 .lnb-title {
background: -webkit-linear-gradient(bottom right, #ad37bf, #f46a1f);
background: -o-linear-gradient(bottom right, #ad37bf, #f46a1f);
background: linear-gradient(to top left, #ad37bf, #f46a1f); }
#lnb.lnb-st01 .lnb-title {
background: -webkit-linear-gradient(bottom right, #ad37bf, #f46a1f);
background: -o-linear-gradient(bottom right, #ad37bf, #f46a1f);
background: linear-gradient(to top left, #ad37bf, #f46a1f); }
#lnb.lnb-st02 .lnb-title {
background: -webkit-linear-gradient(bottom right, #e93801, #ffb72c);
background: -o-linear-gradient(bottom right, #e93801, #ffb72c);
background: linear-gradient(to top left, #e93801, #ffb72c); }
#lnb.lnb-st03 .lnb-title {
background: -webkit-linear-gradient(bottom right, #0079bc, #52c1ff);
background: -o-linear-gradient(bottom right, #0079bc, #52c1ff);
background: linear-gradient(to top left, #0079bc, #52c1ff); }
#lnb.lnb-st04 .lnb-title {
background: -webkit-linear-gradient(bottom right, #83b301, #c9d941);
background: -o-linear-gradient(bottom right, #83b301, #c9d941);
background: linear-gradient(to top left, #83b301, #c9d941); }
#lnb.lnb-st05 .lnb-title {
background: -webkit-linear-gradient(bottom right, #1f6b78, #50b1c3);
background: -o-linear-gradient(bottom right, #1f6b78, #50b1c3);
background: linear-gradient(to top left, #1f6b78, #50b1c3); }
#lnb.lnb-st06 .lnb-title {
background: -webkit-linear-gradient(bottom right, #58606b, #a8afb3);
background: -o-linear-gradient(bottom right, #58606b, #a8afb3);
background: linear-gradient(to top left, #58606b, #a8afb3); }

.sub-wrap {
padding: 3.125em 0 2.188em;
overflow: hidden; }
@media (max-width: 1024px) {
.sub-wrap {
padding: 0 0 2.188em; } }
.sub-area {
position: relative;
float: right;
width: calc(100% - 275px);
min-height: 500px; }
@media (max-width: 1024px) {
.sub-area {
width: 100%;
margin-top: 3.125em; } }
.sub-area.search {
width: 100%; }
.sub-area > h1 {
font-size: 42px;
font-size: 4.2rem;
line-Height: 1.0476190476;
margin-bottom: 1rem; }
.sub-area .location {
overflow: hidden; }
.sub-area .location li {
float: left;
font-family: 'Dotum';
letter-spacing: -0.01em;
color: #888; }
.sub-area .location li:first-child {
color: #007fc6; }
.sub-area .location li:first-child::before, .sub-area .location #header #gnb > ul > li:first-child::after, #header .sub-area .location #gnb > ul > li:first-child::after {
content: '';
width: 1rem;
height: 1rem;
background: url("../img/sub/ico_home.png") center no-repeat;
display: inline-block;
margin-right: 1em;
vertical-align: middle; }
.sub-area .location li:not(:last-child)::after {
content: '>';
color: #d1d1d1;
padding: 1em; }
.sub-area .share-group {
position: absolute;
top: 0;
right: 0; }
@media (max-width: 1024px) {
.sub-area .share-group {
display: none; } }
.sub-area .share-group li {
display: inline-block; }
.sub-area .share-group li a {
display: block;
width: 38px;
height: 38px;
overflow: hidden;
color: transparent;
background: url("../img/sub/ico_share_facebook.png") center no-repeat;
background-size: 100%; }
.sub-area .share-group li.blog a {
background-image: url("../img/sub/ico_share_blog.png"); }
.sub-area .share-group li.instagram a {
background-image: url("../img/sub/ico_share_insta.png"); }
.sub-area .share-group li.print a {
background-image: url("../img/sub/ico_print.png"); }
@media (max-width: 1024px) {
.sub-area .share-group li.print a {
display: none; } }
.sub-content {
margin-top: 4rem; }
@media (max-width: 560px) {
.sub-content {
margin-top: 2rem; } }


/* LIST */
.search_wrap {
margin: 4rem auto;
text-align: center; }
.search_wrap .ipt, .search_wrap select, .search_wrap input[type="text"], .search_wrap button, .search_wrap .btn_w-st2 button, .btn_w-st2 .search_wrap button {
height: 4rem;
padding: 0 1.5rem;
border: 1px solid #d8d8d8;
border-radius: 0.5rem;
font-size: 16px;
font-size: 1.6rem; }
/*.search_wrap label {display: none; }*/
.search_wrap select {
background-image: url("../img/common/ico_selectArrow_footer.png"); }
@media (max-width: 560px) {
.search_wrap select {
width: 100%;
margin-bottom: 0.5rem; } }
@media (max-width: 560px) {
.search_wrap input[type="text"] {
width: calc(100% - 11rem); } }
.search_wrap button {
font-family: 'Nanum Square B';
font-weight: 700;
width: 7.2rem;
line-height: 4rem;
background-color: #758088;
color: #fff;
padding: 0;
text-align: center; }
.search_wrap button::before {
content: '';
width: 1.5rem;
height: 1.6rem;
display: inline-block;
background: url("../img/common/ico_search_board.png") center no-repeat;
vertical-align: middle; }
.search_wrap button::before {
background-size: 100%; }

.table-wrap {
position: relative; }
@media (max-width: 560px) {
.table-wrap {
overflow-x: auto;
padding: 3rem 0; }
.table-wrap::before, #header #gnb > ul > li.table-wrap:first-child::after, #header #gnb > ul > li:first-child > a.table-wrap::after, .table-wrap::after {
content: '좌우 스크롤을 하여 전체 내용을 보실 수 있습니다.';
position: absolute;
left: 0; }
.table-wrap::before, #header #gnb > ul > li.table-wrap:first-child::after, #header #gnb > ul > li:first-child > a.table-wrap::after {
top: 0; }
.table-wrap::after {
bottom: 0; } }
.table-wrap:not(:last-child) {
margin-bottom: 3rem; }
.table-wrap table {
min-width: 60rem; }
.table-wrap .table-st02 {
border-top: 2px solid #000000;
width: 100%; }
.table-wrap .table-st02 tr > *:first-child {
padding-left: 2rem; }
.table-wrap .table-st02 th {
height: 6rem;
border-bottom: 1px solid #bababa; }
.table-wrap .table-st02 td {
border-bottom: 1px solid #e2e2e2;
height: 5rem; }
.table-wrap .table-st02 td:not(.title) {
text-align: center; }
.table-wrap .table-st02 .noti td {
background-color: #f1f1f1; }

.pg_wrap {
margin: 3.6rem 0; }
.pg_wrap ul {
display: table;
margin: 0 auto; }
.pg_wrap ul li {
display: table-cell;
border: 1px solid #d9d9d9;
box-sizing: border-box;
vertical-align: middle;
border-radius: 3px;
background-color: #f9f9f9; }
.pg_wrap ul li a {
color: #333;
box-sizing: border-box;
text-align: center;
display: block;
width: 4.4rem;
height: 4.4rem;
line-height: 4.4rem; }
.pg_wrap ul li.active a, .pg_wrap ul li:hover a, .pg_wrap ul #lnb .depth2 > li:focus-within a, #lnb .pg_wrap ul .depth2 > li:focus-within a, .pg_wrap ul #lnb .depth2 > li.on a, #lnb .pg_wrap ul .depth2 > li.on a {
background-color: #758088;
border-color: #758088;
color: #fff; }

.btn_w-st2 {
margin-top: 2rem;
text-align: right; }
.btn_w-st2 button {
font-family: 'Nanum Square B';
font-weight: 700;
width: 7.2rem;
line-height: 4rem;
background-color: #758088;
color: #fff;
padding: 0;
text-align: center;
border-radius: 0.5rem; }

.pg_wrap ul li.pg_page a {
background: url("../img/") center no-repeat; }
.pg_wrap ul li.pg_start a {
background-image: url("../img/common/"); }
.pg_wrap ul li.pg_prev a {
background-image: url("../img/common/"); }
.pg_wrap ul li.pg_next a {
background-image: url("../img/common/"); }
.pg_wrap ul li.pg_end a {
background-image: url("../img/common/"); }

/* VIEW */
.bbs-view-head {
border-top: 2px solid #000; }
.bbs-view-head dl {
display: table;
width: 100%;
height: 5.6rem;
border-bottom: 1px solid #e2e2e2; }
.bbs-view-head dl:first-child {
border-color: #bababa; }
.bbs-view-head dt, .bbs-view-head dd {
display: table-cell;
vertical-align: middle;
padding: 1rem 0; }
.bbs-view-head dt {
position: relative;
width: 12.6rem;
padding-left: 3rem;
min-width: 8rem; }
@media (max-width: 560px) {
.bbs-view-head dt {
width: 20%; } }
.bbs-view-head dt::after {
content: '';
width: 1px;
height: 1rem;
background-color: #bababa;
position: absolute;
top: calc(50% - 0.5rem);
right: 0; }
.bbs-view-head dd {
width: calc(100% - 12.6rem);
max-width: calc(100% - 8rem);
padding-left: 3rem; }
@media (max-width: 560px) {
.bbs-view-head dd {
width: 80%; } }

.view_content {
position: relative;
padding: 2rem 0;
color: #1f1f1f;
border-bottom: 1px solid #e2e2e2;
margin-bottom: 2rem; }
.view_content .file {
text-align: right;
margin-bottom: 1rem; }
.view_content .file dt, .view_content .file dd {
display: inline-block; }
.view_content .file dt {
font-family: 'Nanum Square';
font-weight: 400;
vertical-align: top; }
.view_content .file dt::after {
content: ': '; }
.view_content .file dd a {
color: #0f76ea;
text-decoration: underline; }
.view_content iframe {
width: 100%;
min-height: 30rem; }
.view_content img {
max-width: 100%; }

.pg_nav {
margin-bottom: 2rem; }
.pg_nav dl {
background-color: #f0f0f0;
display: table;
width: 100%;
height: 5.4rem; }
.pg_nav dl dt, .pg_nav dl dd {
display: table-cell;
vertical-align: middle; }
.pg_nav dl dt {
width: 16rem;
text-align: center;
letter-spacing: -0.025em;
color: #222; }
.pg_nav dl dt::before {
content: '';
display: inline-block;
width: 1.4rem;
height: 0.9rem;
margin-right: 1rem;
background: url("../img/common/ico_selectArrow_footer.png") center no-repeat;
vertical-align: middle; }
.pg_nav dl dd {
width: calc(100% - $dl-width);
color: #505050; }
.pg_nav dl:first-child {
margin-bottom: 0.5rem; }
.pg_nav dl:first-child dt::before {
transform: rotate(180deg); }

.bt_wrap {
padding: 3.333em 0;
text-align: center; }

.bt_wrap button {
font-size: 1.067em;
font-weight: 300;
text-align: center;
width: 10.000em;
padding: 1em 0;
border-radius: 3px;
box-sizing: border-box; }

.bt_wrap .btn_navy {
background-color: #0a255a;
color: #fff;
border: 1px solid #0a255a; }

.bt_wrap .btn_gray {
background-color: #858585;
color: #fff;
border: 1px solid #858585; }

.bt_wrap .btn_white {
background-color: #fff;
color: #1f1f1f;
border: 1px solid #858585; }

/* GALLERY */
.gallery_wrap {
border-top: 1px solid #dddddd;
padding-top: 1em; }

.gallery_wrap ul {
margin-left: -0.667em; }

.gallery_wrap ul:after {
content: "";
display: block;
clear: both; }

.gallery_wrap li {
float: left;
width: 33.3333%; }

.gallery_wrap li > div {
margin-left: 0.667em;
border-bottom: 1px solid #ddd;
margin-bottom: 2.667em; }

.gallery_wrap li a {
display: block; }

.gallery_wrap li .img {
overflow: hidden;
padding-bottom: 73.26%;
position: relative; }

.gallery_wrap li .img img {
position: absolute;
height: 100%;
left: 50%;
top: 0;
transform: translateX(-50%); }

.gallery_wrap li .img iframe {
position: absolute;
height: 100%;
left: 50%;
top: 0;
transform: translateX(-50%); }

.gallery_wrap li .img.mov:after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
background-image: url(../images/sub/ico_movplay.png);
background-repeat: no-repeat;
background-position: center; }

.gallery_wrap li .txt {
padding: 1.333em 0;
box-sizing: border-box; }

.gallery_wrap li .txt .tit {
font-size: 1.067em;
color: #1f1f1f;
margin-bottom: 1.250em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }

.gallery_wrap li .txt .desc {
color: #444444;
font-size: 0.933em;
font-weight: 300;
line-height: 1.571em;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 2.929em;
margin-bottom: 1.429em; }

.gallery_wrap li .txt .etc {
font-size: 0.933em;
color: #7e7e7e; }

.gallery_wrap li .txt .etc .date {
padding-right: 0.857em;
margin-right: 0.714em;
position: relative; }

.gallery_wrap li .txt .etc .date:before {
content: "";
display: block;
width: 1px;
height: 0.857em;
position: absolute;
top: 0.286em;
right: 0;
background-color: #ccc; }

.gallery_wrap_st_video li .txt .etc .date:before {
display: none; }

.total_gallery_count {
position: absolute;
right: 0;
bottom: 0;
font-size: 0.933em;
color: #1f1f1f; }

.total_gallery_count .color-red {
padding-left: 0.714em; }

/* WRITE */
.dynamic_write {
font-size: 15px;
font-size: 1rem; }

.dynamic_write .title {
padding: 1em 1em 1em 6.200em;
position: relative;
border-top: 2px solid #333;
border-bottom: 1px solid #d1d1d1; }

.dynamic_write .title .t {
position: absolute;
left: 0;
top: 1em;
line-height: 2.333em;
padding: 0 1.3em; }

.dynamic_write .title input {
height: 2.333em;
width: 100%; }

.dynamic_write .form {
padding: 10px 0;
border-bottom: 1px solid #d1d1d1; }

.dynamic_write .form.add_form {
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1; }

.dynamic_write .form > li {
display: table;
width: 100%;
padding: 10px 30px; }

.dynamic_write .form li .tit, .dynamic_write .form li .cont {
display: table-cell; }

.dynamic_write .form li .tit {
width: 150px;
font-weight: 500;
letter-spacing: -0.03em; }

.dynamic_write .form input[type="text"], .dynamic_write .form input[type="password"], .dynamic_write .form select {
height: 2.308em;
width: 240px;
background-color: #f6f6f6;
padding: 0 5px; }

/* .dynamic_write .form button{font-size: 0.867em;height: 2.308em;background: #888;border:1px solid #717171;color: #fff;width: 6.692em;margin-left: 3px} */
.dynamic_write .form .txt {
font-size: 0.867em;
margin-left: 1.3em;
color: #777; }

.dynamic_write .form .add li {
margin-top: 5px; }

.dynamic_write .form .add li:first-child {
margin-top: 0; }

.dynamic_write .form input[type="text"].long {
width: 489px; }

.dynamic_write .l1 li {
float: left;
margin-left: 50px; }

.dynamic_write .l1 li:first-child {
margin-left: 0; }

.dynamic_write .l1 input[type="text"] {
width: 100px;
margin: 0 3px; }

.dynamic_write .l1 li:first-child input[type="text"] {
margin-left: 0; }

.dynamic_write .l1.ml0 input[type="text"] {
margin-left: 0; }

.dynamic_write .form .cont {
font-size: 0.867em;
color: #777; }

.dynamic_write .datepick_w img {
vertical-align: bottom;
margin-left: 8px; }

.file_input_w li {
margin-top: 5px; }

.file_input_w li:first-child {
margin-top: 0; }

.file_input * {
vertical-align: middle; }

.file_input label {
background: #888;
border: 1px solid #717171;
color: #fff;
width: 4.385em;
display: inline-block;
height: 2.308em;
text-align: center;
vertical-align: middle;
line-height: 30px;
line-height: 2rem;
font-weight: 500;
margin-left: -3px; }

.file_input label input {
position: absolute;
width: 0;
height: 0;
overflow: hidden; }

.bbs-write_w {
border-top: 2px solid #333 !important;
margin-bottom: 70px; }

.bbs-write {
font-size: 15px;
font-size: 0.933em; }

.bbs-write > li {
position: relative;
padding: 1em 0.5em 1em 6.3em;
position: relative;
border-bottom: 1px solid #ddd; }

.bbs-write .tit {
position: absolute;
left: 0;
top: 0.5em;
line-height: 3em;
display: block;
padding: 0 10px; }

.bbs-write input[type="text"] {
width: 500px;
padding: 0 5px; }

.bbs-write input, .bbs-write select, .bbs-write button {
height: 2.5em; }

.bbs-write textarea {
width: 100%;
height: 10em; }

.bbs-write .notice {
padding-right: 3.7em; }

.bbs-write .notice .ck {
position: absolute;
right: 0;
top: 1em;
line-height: 2.5em;
width: 3em; }

.file_input-st1_w li {
margin-top: 8px; }

.file_input-st1_w li:first-child {
margin-top: 0; }

.file_input-st1 * {
vertical-align: middle; }

.file_input-st1_w input[type="text"] {
width: 300px; }

.file_input-st1 label {
width: 4.385em;
display: inline-block;
height: 2.5em;
line-height: 2.5em;
text-align: center; }

.file_input-st1 label input {
position: absolute;
width: 0;
height: 0;
overflow: hidden; }

/* 통합검색 */
.search-top {
position: relative;
background-color: #f1f1f1;
width: 100%;
margin-bottom: 3rem;
text-align: center; }
.search-top .ipt-group {
border-bottom: 2px solid #222;
display: inline-block;
height: 5rem;
line-height: 5rem;
margin: 1.6rem 0; }
@media (max-width: 560px) {
.search-top .ipt-group {
width: calc(100% - 2rem);
margin: 1rem;
text-align: center; } }
.search-top label {
display: none; }
.search-top input[type=text] {
vertical-align: middle;
width: 40rem;
height: 4rem;
background-color: transparent;
font-size: 16px;
font-size: 1.6rem; }
@media (max-width: 560px) {
.search-top input[type=text] {
width: calc(100% - 6.5rem); } }
.search-top .btn {
background-color: transparent;
border-color: transparent;
color: #000;
border-radius: 0.6rem;
background-size: 100%;
font-size: 16px;
font-size: 1.6rem;
font-family: 'Nanum Square B';
font-weight: 700; }
.search-top .btn::before, .search-top #header #gnb > ul > li.btn:first-child::after, #header .search-top #gnb > ul > li.btn:first-child::after, .search-top #header #gnb > ul > li:first-child > a.btn::after, #header .search-top #gnb > ul > li:first-child > a.btn::after {
content: '';
width: 2.4rem;
height: 2.4rem;
display: inline-block;
background: url("../img/sub/ico_search_black.png") center no-repeat;
vertical-align: middle; }
@media (max-width: 560px) {
.search-top .btn {
width: 6rem;
min-width: 0; } }
.search-top .btn::before, .search-top #header #gnb > ul > li.btn:first-child::after, #header .search-top #gnb > ul > li.btn:first-child::after, .search-top #header #gnb > ul > li:first-child > a.btn::after, #header .search-top #gnb > ul > li:first-child > a.btn::after {
margin-right: 0.5rem; }
.search-top + .inner h4 {
margin-bottom: 2rem;
font-size: 22px;
font-size: 2.2rem; }
.search-top + .inner h4 .sub-txt {
font-size: 16px;
font-size: 1.6rem;
font-family: 'Nanum Square';
font-weight: 400;
color: #666; }
.search-top + .inner h4 .sub-txt strong {
font-family: 'Nanum Square B';
font-weight: 700; }
.search-top + .inner h4 .sub-txt strong:not(.color-red) {
color: #000; }
.search-top + .inner li {
position: relative; }
.search-top + .inner .result-more {
position: absolute;
top: 0;
right: 0; }
.search-top + .inner .tabpanel > ul {
margin-bottom: 6.5rem; }

.noresult2 {
text-align: center; }

.menu-result {
margin-bottom: 6.5rem; }

.search-result-sty01 {
position: relative;
border-top: 2px solid #222; }
.search-result-sty01 li {
padding: 3.5rem 3rem;
border-bottom: 1px solid #d3d3d3; }
.search-result-sty01 li h1 {
font-size: 20px;
font-size: 2rem;
margin-bottom: 1.6rem; }
.search-result-sty01 li .result-context {
margin-bottom: 3.5rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }

.search-txt {
letter-spacing: -0.03em;
margin: 1rem auto 4rem;
padding: 4rem 0;
border: 0.6rem solid #e0e0e0;
border-radius: 0.8rem;
text-aligN: center;
font-size: 22px;
font-size: 2.2rem; }
@media (max-width: 560px) {
.search-txt {
padding: 2rem 0; } }
.search-txt strong:not(.color-red) {
font-family: 'Nanum Square EB';
font-weight: 800; }

.color-red {
color: #e00e0d; }

.tabpanel {
display: none; }

.tablist-sty01 {
overflow: hidden;
width: 100%; }
.tablist-sty01 li {
display: table;
height: 5.4rem;
float: left;
border: 1px solid #e0e0e0; }
@media (min-width: 560px) {
.tablist-sty01 li:not(:first-child) {
border-left: none;
width: 14.28%; } }
@media (max-width: 560px) {
.tablist-sty01 li {
width: 25%; }
.tablist-sty01 li:not(:nth-child(4n + 1)) {
border-left: none; }
.tablist-sty01 li:nth-child(n+5) {
border-top: none; } }
@media (min-width: 560px) {
.tablist-sty01 li:first-child {
border-top-left-radius: 0.6rem;
border-bottom-left-radius: 0.6rem;
width: 14.32%; } }
@media (min-width: 560px) {
.tablist-sty01 li:last-child {
border-top-right-radius: 0.6rem;
border-bottom-right-radius: 0.6rem; } }
.tablist-sty01 li.active {
border-color: #758088;
background-color: #758088; }
.tablist-sty01 li.active button {
color: #fff; }
.tablist-sty01 li button {
font-size: 16px;
font-size: 1.6rem;
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
text-align: center;
background-color: transparent;
letter-spacing: -0.03em; }

.max100p {
max-width: 100%;
margin-bottom: 2rem; }

.voice-only {
display: none; }

.div1 {
overflow: hidden; }
.div1 > * {
float: left; }
.div1:not(.interval) > * {
width: 100%; }
.div1.interval > * {
margin-left: Infinityrem;
width: calc(100% - 1rem); }
.div1.interval > *:nth-child(1n + 1) {
margin-left: 0; }
@media (max-width: 560px) {
.div1.interval > * {
margin-left: 0; } }
@media (max-width: 560px) {
.div1:not(.keep) > * {
width: 100%; }
.div1:not(.keep) > *:not(:last-child) {
margin-bottom: 1rem; } }

.div2 {
overflow: hidden; }
.div2 > * {
float: left; }
.div2:not(.interval) > * {
width: 50%; }
.div2.interval > * {
margin-left: 2rem;
width: calc(50% - 1rem); }
.div2.interval > *:nth-child(2n + 1) {
margin-left: 0; }
@media (max-width: 560px) {
.div2.interval > * {
margin-left: 0; } }
@media (max-width: 560px) {
.div2:not(.keep) > * {
width: 100%; }
.div2:not(.keep) > *:not(:last-child) {
margin-bottom: 1rem; } }

.div3 {
overflow: hidden; }
.div3 > * {
float: left; }
.div3:not(.interval) > * {
width: 33.3333333333%; }
.div3.interval > * {
margin-left: 1.5rem;
width: calc(33.3333333333% - 1rem); }
.div3.interval > *:nth-child(3n + 1) {
margin-left: 0; }
@media (max-width: 560px) {
.div3.interval > * {
margin-left: 0; } }
@media (max-width: 560px) {
.div3:not(.keep) > * {width: 100%; }
.div3:not(.keep) > *:not(:last-child) {margin-bottom: 1rem; } 
}

.div4 {overflow: hidden;}
.div4 > * {float: left; }
.div4:not(.interval) > * {width: 25%; }
.div4.interval > * {margin-left: 1.3333333333rem;width: calc(25% - 1rem); }
.div4.interval > *:nth-child(4n + 1) {margin-left: 0; }

@media (max-width: 560px) {
.div4.interval > * {margin-left: 0; } 
}
@media (max-width: 560px){
.div4:not(.keep) > * {width: 100%; }
.div4:not(.keep) > *:not(:last-child) {margin-bottom: 1rem; } 
}
@media (min-width: 560px) and (max-width: 768px) {
.div4.div-step > * {width: 50%; } 
}

.div5{overflow: hidden; }
.div5 > * {float: left; }
.div5:not(.interval) > * {width: 20%; }
.div5.interval > * {margin-left: 1.25rem;width: calc(20% - 1rem); }
.div5.interval > *:nth-child(5n + 1) {margin-left: 0; }
@media (max-width: 560px) {
.div5.interval > * {
margin-left: 0; } }
@media (max-width: 560px) {
.div5:not(.keep) > * {
width: 100%; }
.div5:not(.keep) > *:not(:last-child) {
margin-bottom: 1rem; } }
@media (min-width: 560px) and (max-width: 768px) {
.div5.div-step > * {
width: 33.3333333333%; } }

.div6 {
overflow: hidden; }
.div6 > * {
float: left; }
.div6:not(.interval) > * {
width: 16.6666666667%; }
.div6.interval > * {
margin-left: 1.2rem;
width: calc(16.6666666667% - 1rem); }
.div6.interval > *:nth-child(6n + 1) {
margin-left: 0; }
@media (max-width: 560px) {
.div6.interval > * {
margin-left: 0; } }
@media (max-width: 560px) {
.div6:not(.keep) > * {
width: 100%; }
.div6:not(.keep) > *:not(:last-child) {
margin-bottom: 1rem; } }
@media (min-width: 560px) and (max-width: 768px) {
.div6.div-step > * {
width: 33.3333333333%; } }

.div7 {
overflow: hidden; }
.div7 > * {
float: left; }
.div7:not(.interval) > * {
width: 14.2857142857%; }
.div7.interval > * {
margin-left: 1.1666666667rem;
width: calc(14.2857142857% - 1rem); }
.div7.interval > *:nth-child(7n + 1) {
margin-left: 0; }
@media (max-width: 560px) {
.div7.interval > * {
margin-left: 0; } }
@media (max-width: 560px) {
.div7:not(.keep) > * {
width: 100%; }
.div7:not(.keep) > *:not(:last-child) {
margin-bottom: 1rem; } }
@media (min-width: 560px) and (max-width: 768px) {
.div7.div-step > * {
width: 25%; } }

/**
* Swiper 4.4.6
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://www.idangero.us/swiper/
*
* Copyright 2014-2018 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: December 19, 2018
*/
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
float: left; }

.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }

.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto; }

.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform; }

.swiper-slide-invisible-blank {
visibility: hidden; }

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto; }

.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: transform, height;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform; }

/* 3D Effects */
.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px; }

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y; }

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x; }

.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat; }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
/*opacity: 0.35;*/
cursor: auto;
pointer-events: none; }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto; }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto; }

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-lock {
display: none; }

.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms opacity;
-o-transition: 300ms opacity;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%; }

/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33); }

.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2; }

button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer; }

.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff; }

.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 200ms top, 200ms -webkit-transform;
transition: 200ms top, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top, 200ms -webkit-transform; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms left, 200ms -webkit-transform;
transition: 200ms left, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left, 200ms -webkit-transform; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms right, 200ms -webkit-transform;
transition: 200ms right, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right, 200ms -webkit-transform; }

/* Progress */
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0; }

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0; }

.swiper-pagination-white .swiper-pagination-bullet-active {
background: #ffffff; }

.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #ffffff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000000; }

.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000000; }

.swiper-pagination-lock {
display: none; }

/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%; }

.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0; }

.swiper-scrollbar-cursor-drag {
cursor: move; }

.swiper-scrollbar-lock {
display: none; }

.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center; }

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain; }

.swiper-slide-zoomed {
cursor: move; }

/* Preloader */
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }

.swiper-container-cube {
overflow: visible; }

.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0; }

.swiper-container-flip {
overflow: visible; }

.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none; }

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }

.swiper-container-coverflow .swiper-wrapper {
/* Windows 8 IE 10 fix */
-ms-perspective: 1200px; }

/* ------------------------- Button & Icon ------------------------- */
/* ------------------------- Icon List ------------------------- */
.infocon1:before {
content: '';
display: block;
margin: 0 auto;
height: 75px;
background: url("../img/common/info_icon1.png") no-repeat 0px 0px; }

.infocon2:before {
content: '';
display: block;
margin: 0 auto;
height: 75px;
background: url("../img/common/info_icon1.png") no-repeat -100px 0px; }

.infocon3:before {
content: '';
display: block;
margin: 0 auto;
height: 75px;
background: url("../img/common/info_icon1.png") no-repeat -200px 0px; }

.infocon4:before {
content: '';
display: block;
margin: 0 auto;
height: 75px;
background: url("../img/common/info_icon1.png") no-repeat -300px 0px; }

.infocon5:before {
content: '';
display: block;
margin: 0 auto;
height: 75px;
background: url("../img/common/info_icon1.png") no-repeat -400px 0px; }

.infocon6:before {
content: '';
display: block;
margin: 0 auto;
height: 75px;
background: url("../img/common/info_icon1.png") no-repeat -500px 0px; }

.infocon7:before {
content: '';
display: block;
margin: 0 auto;
height: 75px;
background: url("../img/common/info_icon1.png") no-repeat -600px 0px; }

.infocon8:before {
content: '';
display: block;
margin: 0 auto;
height: 75px;
background: url("../img/common/info_icon1.png") no-repeat -700px 0px; }

.infocon1:before {
width: 50px; }

.infocon2:before {
width: 62px; }

.infocon3:before {
width: 69px; }

.infocon4:before {
width: 71px; }

.infocon5:before {
width: 72px; }

.infocon6:before {
width: 61px; }

.infocon7:before {
width: 68px; }

.infocon8:before {
width: 82px; }

/* button */
.btn {
position: relative;
height: 2.5em;
line-height: 2.5em;
min-width: 6.444em;
display: inline-block;
background-color: #0069b2;
color: #fff;
border: 1px solid #0069b2;
vertical-align: middle;
text-align: center;
font-weight: 400; }
.btn.arrow {
padding-right: 2em; }
.btn.arrow::after {
content: '';
width: 0.889em;
height: 0.389em;
display: block;
position: absolute;
top: calc(50% - 0.19em);
right: 1em;
background-image: url("../img/common/ico_arrow_btn_white.png");
background-repeat: no-repeat;
background-size: 100%; }
.btn:last-child {
margin-right: 0; }

.btn-ico {
background-repeat: no-repeat;
background-position: center; }
.btn-ico.btn-pdf::before, #header #gnb > ul > li.btn-ico.btn-pdf:first-child::after, #header #gnb > ul > li:first-child > a.btn-ico.btn-pdf::after {
background-image: url("../img/sub/ico_pdf.png"); }
.btn-ico.btn-down {
background-color: #f3f6f8;
color: #666;
border-color: #dedede; }
.btn-ico.btn-down::before, #header #gnb > ul > li.btn-ico.btn-down:first-child::after, #header #gnb > ul > li:first-child > a.btn-ico.btn-down::after {
background-image: url("../img/sub/ico_download.png"); }
.btn-ico.btn-down:hover::before, #header #gnb > ul > li.btn-ico.btn-down:hover:first-child::after, #header #lnb #gnb > ul.depth2 > li.btn-ico.btn-down:focus-within:first-child::after, #lnb #header #gnb > ul.depth2 > li.btn-ico.btn-down:focus-within:first-child::after, #header #lnb #gnb > ul.depth2 > li.btn-ico.btn-down.on:first-child::after, #lnb #header #gnb > ul.depth2 > li.btn-ico.btn-down.on:first-child::after, #header #gnb > ul > li:first-child > a.btn-ico.btn-down:hover::after, #lnb .depth2 > li.btn-ico.btn-down:focus-within::before, #lnb .depth2 > li.btn-ico.btn-down.on::before {
background-image: url("../img/sub/ico_download_active.png"); }
.btn-ico.btn-link::before, #header #gnb > ul > li.btn-ico.btn-link:first-child::after, #header #gnb > ul > li:first-child > a.btn-ico.btn-link::after {
background-image: url("../img/sub/ico_link.png"); }
.btn-ico.btn-link:hover::before, #header #gnb > ul > li.btn-ico.btn-link:hover:first-child::after, #header #lnb #gnb > ul.depth2 > li.btn-ico.btn-link:focus-within:first-child::after, #lnb #header #gnb > ul.depth2 > li.btn-ico.btn-link:focus-within:first-child::after, #header #lnb #gnb > ul.depth2 > li.btn-ico.btn-link.on:first-child::after, #lnb #header #gnb > ul.depth2 > li.btn-ico.btn-link.on:first-child::after, #header #gnb > ul > li:first-child > a.btn-ico.btn-link:hover::after, #lnb .depth2 > li.btn-ico.btn-link:focus-within::before, #lnb .depth2 > li.btn-ico.btn-link.on::before {
background-image: url("../img/sub/ico_link_active.png"); }
.btn-ico::before, #header #gnb > ul > li.btn-ico:first-child::after, #header #gnb > ul > li:first-child > a.btn-ico::after {
content: '';
display: inline-block;
width: 1em;
height: 1em;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
margin-right: 0.333em; }
.btn-ico.btn-ico-st01 {
padding: 0 4em 0 1em; }
.btn-ico.btn-ico-st01::before, #header #gnb > ul > li.btn-ico.btn-ico-st01:first-child::after, #header #gnb > ul > li:first-child > a.btn-ico.btn-ico-st01::after {
position: absolute;
top: calc(50% - 0.5em);
right: 1em;
margin-right: 0;
background-size: auto; }
.btn-ico.btn-ico-st02 {
position: relative;
color: transparent;
background-color: #fff;
overflow: hidden; }
.btn-ico:not(.no-hover):hover, #lnb .depth2 > li.btn-ico:not(.no-hover):focus-within, #lnb .depth2 > li.btn-ico.on:not(.no-hover) {
background-color: #0069b2;
transition: 0.5s ease; }

.btn-area {
margin-top: 1em;
color: #fff; }
.btn-area > .btn:not(:only-child):not(:last-child) {
margin-right: 0.2em; }

.inbox {
border: 1px solid #c8c8c8;
line-height: 40px;
height: 40px;
box-sizing: border-box;
padding: 0 10px;
font-size: 16px;
font-size: 1.6rem;
font-family: 'Nanum Square';
min-width: 150px;
vertical-align: top; }
.inbox.full {
width: 100%;
margin: 0; }
.inbox.middle {
width: 50%; }
.inbox.narrow {
width: 30%; }
.inbox.half {
width: calc(50% - 3px);
padding: 0 3px; }
.inbox.half ~ .inbox.half {
margin-left: 3px; }
.inbox.year {
width: 60px; }
.inbox + label {
line-height: 30px;
margin-left: 5px; }
.inbox.small {
width: 20px; }
.inbox[readonly] {
background: #f7f7f7; }
.inbox[disabled] {
background: #e1e1e1; }
.inbox.required {
border: 1px solid #b70c09;
background: #fff; }
.inbox + .ui-datepicker-trigger {
vertical-align: middle;
margin-left: 5px;
cursor: pointer; }

.textbox {
border: 1px solid #ddd;
font-size: 16px;
font-size: 1.6rem;
font-family: 'Nanum Square';
font-weight: 400;
line-height: 1.5;
margin: 0;
padding: 10px;
width: 100%;
box-sizing: border-box; }
.textbox.with-btn {
width: calc(100% - 80px);
height: 80px; }

/* ------------------------- form check box ------------------------- */
.csform input[type="checkbox"],
.csform input[type="radio"] {
vertical-align: top;
opacity: 0;
width: 0;
max-width: 0;
height: 0;
line-height: 0;
font-size: 1px;
position: absolute; }
.csform label {
position: relative;
display: inline-block;
padding-left: 22px;
line-height: 16px;
vertical-align: top; }
.csform label::before,
.csform label::after {
position: absolute;
content: "";
display: inline-block;
vertical-align: top; }
.csform label::before {
height: 16px;
width: 16px;
border: 1px solid #ccc;
border-radius: 3px;
left: 0;
top: 0; }
.csform input[type="checkbox"] + label::after,
.csform input[type="radio"] + label::after {
content: none; }
.csform input[type="checkbox"]:checked + label::after,
.csform input[type="radio"]:checked + label::after {
content: ""; }
.csform input[type="checkbox"]:focus + label::before,
.csform input[type="radio"]:focus + label::before {
outline: 1px dotted;
outline: auto -webkit-focus-ring-color;
outline-color: #3b99fc; }
.csform__checkbox label::after {
height: 5px;
width: 9px;
border-left: 2px solid;
border-bottom: 2px solid;
border-color: #097d97;
transform: rotate(-45deg);
left: 4px;
top: 4px; }
.csform__radiobox label::before {
border-radius: 12px; }
.csform__radiobox label::after {
height: 12px;
width: 12px;
background: #097d97;
border-radius: 100%;
left: 3px;
top: 3px; }
.csform + .csform {
margin-left: 15px; }

.cs-select {
display: inline-block;
min-width: 180px;
position: relative;
background: #fff; }
.cs-select select {
width: 100%;
padding: 7px 29px 7px 20px;
font-family: inherit;
background: url("../img/cs_select.png") no-repeat right -7px;
border: 1px solid #cdcdcd;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 16px;
font-size: 1.6rem; }
.cs-select select::-ms-expand {
display: none; }
.cs-select__disabled select {
border: 1px solid #D6D6D6;
color: #D6D6D6; }

/* ------------------------- THEME ------------------------- */
.main-visual {
transition: 0.2s ease-in-out; }
.main-visual-txt {
position: absolute;
top: 125px;
left: 100px;
z-index: 100; }
@media (max-width: 768px) {
.main-visual-txt {
top: 80px;
left: 11%;
width: 78%; } }
.main-visual-txt::before, #header #gnb > ul > li.main-visual-txt:first-child::after, #header #gnb > ul > li:first-child > a.main-visual-txt::after {
content: '';
width: 40px;
height: 2px;
background-color: #2e2e2e;
display: block; }
@media (max-width: 768px) {
.main-visual-txt::before, #header #gnb > ul > li.main-visual-txt:first-child::after, #header #gnb > ul > li:first-child > a.main-visual-txt::after {
display: none; } }
.main-visual-txt strong {
display: block;
margin: 37px auto 43px;
width: 100%; }
@media (max-width: 768px) {
.main-visual-txt strong {
margin: 0 auto 30px; } }
@media (max-width: 768px) {
.main-visual-txt strong img {
width: 80%; } }
.main-visual .img-pc {
max-width: 100%; }
@media (max-width: 768px) {
.main-visual .img-pc {
display: none; } }
.main-visual .img-m {
position: relative;
top: auto;
left: auto;
height: auto;
transform: none;
max-width: 100%; }
@media (min-width: 768px) {
.main-visual .img-m {
display: none; } }
.main-visual-control {
position: absolute;
top: 0;
width: 100%;
height: 100%;
max-width: 1200px; }
@media (min-width: 1200px) {
.main-visual-control {
left: calc(50% - 600px); } }
.main-visual-control-box {
position: absolute;
height: 50px;
bottom: 10px;
right: 10px;
z-index: 100;
border-radius: 9px;
background-color: rgba(0, 0, 0, 0.5);
overflow: hidden;
color: #fff; }
@media (max-width: 768px) {
.main-visual-control-box {
display: none; } }
.main-visual-control-box > * {
float: left; }
.main-visual-control-box p {
padding: 0 20px;
line-height: 50px; }
.main-visual-control-box p strong {
font-size: 18px;
font-size: 1.8rem;
font-family: 'Nanum Square EB';
font-weight: 800; }
.main-visual-control-box p span:not(.sr-only) {
font-size: 15px;
font-size: 1.5rem; }
.main-visual-control-box p span:not(.sr-only)::before {
content: '/';
margin-right: 5px; }
.main-visual-control-box button {
color: transparent;
width: 50px;
height: 50px;
overflow: hidden;
background: url("../img/main/ico_visual_pause.png") center no-repeat transparent;
border-radius: 0;
border-left: 1px solid rgba(255, 255, 255, 0.3); }
.main-visual-control-box button.main-visual-play {
background-image: url("../img/main/ico_visual_play.png"); }
.main-visual-list {
height: 100%; }
.main-visual .inner {
height: 100%;
padding: 0; }
.main-visual-arrow {
color: transparent;
width: 50px;
height: 50px;
overflow: hidden;
background: url("../img/main/ico_visual_arrow.png") center no-repeat rgba(0, 0, 0, 0.4);
border-radius: 50%; }
@media (max-width: 768px) {
.main-visual-arrow {
display: none; } }
.main-visual-arrow.swiper-button-next {
transform: rotate(180deg); }
.main-visual-bgCode {
display: none; }
.main-visual.bg-st01 {
background-color: #716055; }
.main-visual.bg-st02 {
background-color: #f46a1f; }
.main-01 .depth1 {
position: relative;
overflow: hidden; }
@media (min-width: 1024px) {
.main-01 .depth1 {
padding: 40px 0; } }
.main-01 .depth1 > li {
position: relative;
width: 16.66%;
float: left; }
@media (min-width: 1024px) {
.main-01 .depth1 > li::after {
content: '';
width: 1px;
height: 100%;
background-color: #e4e4e4;
position: absolute;
top: 0;
right: 0; } }
@media (min-width: 1024px) {
.main-01 .depth1 > li:first-child {
padding-right: 5rem; } }
@media (max-width: 1024px) {
.main-01 .depth1 > li:first-child {
width: 100%;
overflow: hidden;
border-bottom: 1px solid #e4e4e4; } }
.main-01 .depth1 > li:first-child li {
position: relative;
line-height: 40px; }
.main-01 .depth1 > li:first-child li:nth-child(1) > a::before, .main-01 .depth1 > li:first-child #header #gnb > ul > li:first-child:nth-child(1) > a::after, #header .main-01 .depth1 > li:first-child #gnb > ul > li:first-child:nth-child(1) > a::after {
content: '';
width: 36px;
height: 36px;
display: inline-block;
background: url("../img/main/ico_shortcut_01.png") center no-repeat;
vertical-align: middle; }
.main-01 .depth1 > li:first-child li:nth-child(2) > a::before, .main-01 .depth1 > li:first-child #header #gnb > ul > li:first-child:nth-child(2) > a::after, #header .main-01 .depth1 > li:first-child #gnb > ul > li:first-child:nth-child(2) > a::after {
content: '';
width: 36px;
height: 36px;
display: inline-block;
background: url("../img/main/ico_shortcut_02.png") center no-repeat;
vertical-align: middle; }
.main-01 .depth1 > li:first-child li:nth-child(3) > a::before, .main-01 .depth1 > li:first-child #header #gnb > ul > li:first-child:nth-child(3) > a::after, #header .main-01 .depth1 > li:first-child #gnb > ul > li:first-child:nth-child(3) > a::after {
content: '';
width: 36px;
height: 36px;
display: inline-block;
background: url("../img/main/ico_shortcut_03.png") center no-repeat;
vertical-align: middle; }
@media (max-width: 1024px) {
.main-01 .depth1 > li:first-child li {
width: 33.33%;
float: left;
text-align: center;
line-height: 3.5em; } }
@media (min-width: 1024px) {
.main-01 .depth1 > li:first-child li:nth-child(2) {
line-height: 50px; } }
@media (min-width: 1024px) {
.main-01 .depth1 > li:first-child li:not(:last-child) {
border-bottom: 1px solid #e4e4e4; } }
@media (max-width: 1024px) {
.main-01 .depth1 > li:first-child li:not(:last-child)::before, .main-01 .depth1 > li:first-child #header #gnb > ul > li:not(:last-child):first-child::after, #header .main-01 .depth1 > li:first-child #gnb > ul > li:not(:last-child):first-child::after {
content: '';
width: 1px;
height: 1em;
background-color: #cecece;
display: block;
position: absolute;
top: calc(50% - 0.5em);
right: 0; } }
@media (max-width: 560px) {
.main-01 .depth1 > li:first-child li:last-child {
letter-spacing: -0.04em; } }
@media (max-width: 1024px) {
.main-01 .depth1 > li:not(:first-child) {
width: 20%;
margin-bottom: 2.25em; } }
@media (max-width: 768px) {
.main-01 .depth1 > li:not(:first-child) {
width: 33.33%; } }
@media (max-width: 560px) {
.main-01 .depth1 > li:not(:first-child) {
width: 50%; } }
.main-01 .depth1 > li:not(:first-child) a {
font-family: 'Nanum Square B';
font-weight: 700;
display: block;
text-align: center;
font-size: 1.250em; }
.main-01 .depth1 > li:not(:first-child) a::after {
font-family: 'Nanum Square';
font-weight: 400;
content: '자세히 보기';
display: block;
font-size: 0.8em;
color: #888;
text-decoration: underline;
text-align: center; }
@media (max-width: 1024px) {
.main-01 .depth1 > li:nth-child(2), .main-01 .depth1 > li:nth-child(3) {
margin-top: 2.25em; } }
@media (min-width: 560px) and (max-width: 1024px) {
.main-01 .depth1 > li:nth-child(4) {
margin-top: 2.25em; } }
@media (min-width: 768px) and (max-width: 1024px) {
.main-01 .depth1 > li:nth-child(5), .main-01 .depth1 > li:nth-child(6) {
margin-top: 2.25em; } }
.main-01 .depth1 > li:nth-child(2) > a::before, .main-01 #header #gnb > ul.depth1 > li:first-child:nth-child(2) > a::after, #header .main-01 #gnb > ul.depth1 > li:first-child:nth-child(2) > a::after {
content: '';
width: 58px;
height: 58px;
display: block;
background: url("../img/main/ico_main01_01.png") center no-repeat #f46a1f;
border-radius: 50%;
margin: 0 auto; }
.main-01 .depth1 > li:nth-child(2) > a::before, .main-01 #header #gnb > ul.depth1 > li:first-child:nth-child(2) > a::after, #header .main-01 #gnb > ul.depth1 > li:first-child:nth-child(2) > a::after {
margin-bottom: 15px; }
.main-01 .depth1 > li:nth-child(3) > a::before, .main-01 #header #gnb > ul.depth1 > li:first-child:nth-child(3) > a::after, #header .main-01 #gnb > ul.depth1 > li:first-child:nth-child(3) > a::after {
content: '';
width: 58px;
height: 58px;
display: block;
background: url("../img/main/ico_main01_02.png") center no-repeat #f46a1f;
border-radius: 50%;
margin: 0 auto; }
.main-01 .depth1 > li:nth-child(3) > a::before, .main-01 #header #gnb > ul.depth1 > li:first-child:nth-child(3) > a::after, #header .main-01 #gnb > ul.depth1 > li:first-child:nth-child(3) > a::after {
margin-bottom: 15px; }
.main-01 .depth1 > li:nth-child(4) > a::before, .main-01 #header #gnb > ul.depth1 > li:first-child:nth-child(4) > a::after, #header .main-01 #gnb > ul.depth1 > li:first-child:nth-child(4) > a::after {
content: '';
width: 58px;
height: 58px;
display: block;
background: url("../img/main/ico_main01_03.png") center no-repeat #f46a1f;
border-radius: 50%;
margin: 0 auto; }
.main-01 .depth1 > li:nth-child(4) > a::before, .main-01 #header #gnb > ul.depth1 > li:first-child:nth-child(4) > a::after, #header .main-01 #gnb > ul.depth1 > li:first-child:nth-child(4) > a::after {
margin-bottom: 15px; }
.main-01 .depth1 > li:nth-child(5) > a::before, .main-01 #header #gnb > ul.depth1 > li:first-child:nth-child(5) > a::after, #header .main-01 #gnb > ul.depth1 > li:first-child:nth-child(5) > a::after {
content: '';
width: 58px;
height: 58px;
display: block;
background: url("../img/main/ico_main01_04.png") center no-repeat #f46a1f;
border-radius: 50%;
margin: 0 auto; }
.main-01 .depth1 > li:nth-child(5) > a::before, .main-01 #header #gnb > ul.depth1 > li:first-child:nth-child(5) > a::after, #header .main-01 #gnb > ul.depth1 > li:first-child:nth-child(5) > a::after {
margin-bottom: 15px; }
.main-01 .depth1 > li:nth-child(6) > a::before, .main-01 #header #gnb > ul.depth1 > li:first-child:nth-child(6) > a::after, #header .main-01 #gnb > ul.depth1 > li:first-child:nth-child(6) > a::after {
content: '';
width: 58px;
height: 58px;
display: block;
background: url("../img/main/ico_main01_05.png") center no-repeat #f46a1f;
border-radius: 50%;
margin: 0 auto; }
.main-01 .depth1 > li:nth-child(6) > a::before, .main-01 #header #gnb > ul.depth1 > li:first-child:nth-child(6) > a::after, #header .main-01 #gnb > ul.depth1 > li:first-child:nth-child(6) > a::after {
margin-bottom: 15px; }
.main-01 .depth1 > li.color-orange > a::before, .main-01 #header #gnb > ul.depth1 > li.color-orange:first-child > a::after, #header .main-01 #gnb > ul.depth1 > li.color-orange:first-child > a::after {
background-color: #f46a1f; }
.main-01 .depth1 > li.color-purple > a::before, .main-01 #header #gnb > ul.depth1 > li.color-purple:first-child > a::after, #header .main-01 #gnb > ul.depth1 > li.color-purple:first-child > a::after {
background-color: #ad37bf; }
.main-01 .depth1 > li.color-blue > a::before, .main-01 #header #gnb > ul.depth1 > li.color-blue:first-child > a::after, #header .main-01 #gnb > ul.depth1 > li.color-blue:first-child > a::after {
background-color: #0c9ae0; }
.main-01 .depth1 > li.color-gray > a::before, .main-01 #header #gnb > ul.depth1 > li.color-gray:first-child > a::after, #header .main-01 #gnb > ul.depth1 > li.color-gray:first-child > a::after {
background-color: #758088; }
.main-01 .depth1 > li.color-green > a::before, .main-01 #header #gnb > ul.depth1 > li.color-green:first-child > a::after, #header .main-01 #gnb > ul.depth1 > li.color-green:first-child > a::after {
background-color: #1f6b78; }
.main-01 .depth1 > li.color-lightgreen > a::before, .main-01 #header #gnb > ul.depth1 > li.color-lightgreen:first-child > a::after, #header .main-01 #gnb > ul.depth1 > li.color-lightgreen:first-child > a::after {
background-color: #99b339; }
.main-01 .depth1 > li.color-red > a::before, .main-01 #header #gnb > ul.depth1 > li.color-red:first-child > a::after, #header .main-01 #gnb > ul.depth1 > li.color-red:first-child > a::after {
background-color: #ea3b02; }
.main-01 .inner {
padding: 0; }
.main-02 {border-top: 1px solid #d3d3d3;background: #eee;padding: 5.625em 0 3.125em; }
.main-02-button {width: 380px;margin: 0 auto 50px;text-align: center;max-width: 100%; }
.main-02-button li {display: inline-block; }
.main-02-button li button {padding: 0 27px;font-size: 18px;font-size: 1.8rem;background-color: #758088;color: #fff;height: 36px;line-height: 36px;border-radius: 18px; }
@media (max-width: 768px) {
.main-02-button li button {padding: 0 1em; } 
}
.main-02-button li.color-orange.active button {background-color: #f46a1f; }
.main-02-button li.color-purple.active button {background-color: #ad37bf; }
.main-02-button li.color-blue.active button {background-color: #0c9ae0; }
.main-02-button li.color-gray.active button {background-color: #758088; }
.main-02-button li.color-green.active button {background-color: #1f6b78; }
.main-02-button li.color-lightgreen.active button {background-color: #99b339; }
.main-02-button li.color-red.active button {background-color: #ea3b02; }
.main-02-list {height: auto;margin-bottom: 20px; }
.main-02-list li {position: relative;background-color: #fff;border: 1px solid #cbcbcb;border-radius: 8px;padding: 30px;height: 230px; }
.main-02-list li.color-orange:hover, .main-02-list #lnb .depth2 > li.color-orange:focus-within, #lnb .main-02-list .depth2 > li.color-orange:focus-within, .main-02-list #lnb .depth2 > li.color-orange.on, #lnb .main-02-list .depth2 > li.color-orange.on {background-color: #f46a1f;color: #fff;border-color: #f46a1f;box-shadow: 8px 8px 30px rgba(0,0,0,.6); }
.main-02-list li.color-orange:hover{background-color: #f46a1f;color: #fff;border-color: #f46a1f;box-shadow: 8px 8px 30px rgba(0,0,0,.6);}
.main-02-list li.color-orange .notice-category {background-color: #f46a1f; }
.main-02-list li.color-purple:hover, .main-02-list #lnb .depth2 > li.color-purple:focus-within, #lnb .main-02-list .depth2 > li.color-purple:focus-within, .main-02-list #lnb .depth2 > li.color-purple.on, #lnb .main-02-list .depth2 > li.color-purple.on {background-color: #ad37bf;color: #fff;border-color: #ad37bf;box-shadow: 8px 8px 30px rgba(0,0,0,0.6); }
.main-02-list li.color-purple:hover{background-color: #ad37bf;color: #fff;border-color: #ad37bf;box-shadow: 8px 8px 30px rgba(0,0,0,0.6);}
.main-02-list li.color-purple .notice-category {background-color: #ad37bf;border:1px solid ##ad37bf;}
.main-02-list li.color-blue:hover, .main-02-list #lnb .depth2 > li.color-blue:focus-within, #lnb .main-02-list .depth2 > li.color-blue:focus-within, .main-02-list #lnb .depth2 > li.color-blue.on, #lnb .main-02-list .depth2 > li.color-blue.on {background-color: #0c9ae0;color: #fff;border-color: #0c9ae0;box-shadow: 8px 8px 30px rgba(0,0,0,.6);}
.main-02-list li.color-blue:hover{background-color: #0c9ae0;color: #fff;border-color: #0c9ae0;box-shadow: 8px 8px 30px rgba(0,0,0,.6);}
.main-02-list li.color-blue .notice-category {background-color: #0c9ae0; border:1px solid #0c9ae0;}
.main-02-list li.color-gray:hover, .main-02-list #lnb .depth2 > li.color-gray:focus-within, #lnb .main-02-list .depth2 > li.color-gray:focus-within, .main-02-list #lnb .depth2 > li.color-gray.on, #lnb .main-02-list .depth2 > li.color-gray.on {background-color: #758088;color: #fff;border-color: #758088;box-shadow: 8px 8px 30px rgba(0,0,0,.6); }
.main-02-list li.color-gray .notice-category {background-color: #758088; }
.main-02-list li.color-green:hover, .main-02-list #lnb .depth2 > li.color-green:focus-within, #lnb .main-02-list .depth2 > li.color-green:focus-within, .main-02-list #lnb .depth2 > li.color-green.on, #lnb .main-02-list .depth2 > li.color-green.on {
background-color: #1f6b78;
color: #fff;
border-color: #1f6b78;
box-shadow: 8px 8px 30px rgba(0,0,0,0.6); }
.main-02-list li.color-green:hover{
background-color: #1f6b78;
color: #fff;
border-color: #1f6b78;
box-shadow: 8px 8px 30px rgba(0,0,0,0.6);
}
.main-02-list li.color-green .notice-category {
background-color: #1f6b78;border:1px solid #1f6b78;}
.main-02-list li.color-lightgreen:hover, .main-02-list #lnb .depth2 > li.color-lightgreen:focus-within, #lnb .main-02-list .depth2 > li.color-lightgreen:focus-within, .main-02-list #lnb .depth2 > li.color-lightgreen.on, #lnb .main-02-list .depth2 > li.color-lightgreen.on {
background-color: #99b339;
color: #fff;
border-color: #99b339;
box-shadow: 8px 8px 30px rgba(0,0,0,.6); }
.main-02-list li.color-lightgreen .notice-category {
background-color: #99b339; }
.main-02-list li.color-red:hover, .main-02-list #lnb .depth2 > li.color-red:focus-within, #lnb .main-02-list .depth2 > li.color-red:focus-within, .main-02-list #lnb .depth2 > li.color-red.on, #lnb .main-02-list .depth2 > li.color-red.on {
background-color: #ea3b02;
color: #fff;
border-color: #ea3b02;
box-shadow: 8px 8px 30px rgba(0, 0, 0, 0.6); }
.main-02-list li.color-red .notice-category {
background-color: #ea3b02; }
.main-02-list li a {
display: block;
width: 100%;
height: 100%; }
.main-02-list li.non-swiper-slide {
display: none; }
.main-02-list li .notice-category {
height: 32px;
line-height: 32px;
border-radius: 16px;
display: inline-block;
padding: 0 16px;
color: #fff;
letter-spacing: -0.04em;
margin-bottom: 16px;
}
.main-02-list li:hover .notice-category{
border:1px solid #fff;
}
.main-02-list li .notice-title {
font-size: 1.375em;
line-height: 1.182em;
letter-spacing: -0.04em;
overflow: hidden;
max-height: 78px; }
.main-02-list li .notice-date {
position: absolute;
left: 30px;
bottom: 30px;
letter-spacing: 0.05em; }
.main-02-control {
text-align: center; }
.main-02-arrow {
color: transparent;
width: 32px;
height: 32px;
overflow: hidden;
background: url("../img/main/ico_main02_arrow.png") center no-repeat rgba(128, 128, 128, 0.25);
border-radius: 50%; }
.main-02-pause {
color: transparent;
width: 32px;
height: 32px;
overflow: hidden;
background: url("../img/main/ico_main02_pause.png") center no-repeat rgba(128, 128, 128, 0.5);
border-radius: 50%; }

.main-02-play {
color: transparent;
width: 32px;
height: 32px;
overflow: hidden;
background: url("../img/main/ico_main02_play.png") center no-repeat rgba(128, 128, 128, 0.5);
border-radius: 50%; }

.main-02-next {
transform: rotate(180deg); }
.main-03 {
background: url("../img/main/bg_main03.jpg") center no-repeat;
padding: 5.625em 0 3.125em;
margin-bottom: 3.75em; }
.main-03 h2 {
color: #fff; }
.main-03 .swiper-slide {
height: 480px;
background-color: #fff;
border-radius: 7px;
overflow: hidden;
text-align: center;
letter-spacing: -0.04em; }
.main-03 .swiper-slide:hover, .main-03 #lnb .depth2 > li.swiper-slide:focus-within, #lnb .main-03 .depth2 > li.swiper-slide:focus-within, .main-03 #lnb .depth2 > li.swiper-slide.on, #lnb .main-03 .depth2 > li.swiper-slide.on {
box-shadow: 15px 15px 45px rgba(0, 0, 0, 0.6); }
.main-03 .swiper-slide:hover .img-box::before, .main-03 #lnb .depth2 > li.swiper-slide:focus-within .img-box::before, #lnb .main-03 .depth2 > li.swiper-slide:focus-within .img-box::before, .main-03 #lnb .depth2 > li.swiper-slide.on .img-box::before, #lnb .main-03 .depth2 > li.swiper-slide.on .img-box::before, .main-03 .swiper-slide:hover #header #gnb > ul > li.img-box:first-child::after, #header .main-03 .swiper-slide:hover #gnb > ul > li.img-box:first-child::after, .main-03 #lnb .depth2 > li.swiper-slide:focus-within #header #gnb > ul > li.img-box:first-child::after, #header .main-03 #lnb .depth2 > li.swiper-slide:focus-within #gnb > ul > li.img-box:first-child::after, #lnb .main-03 .depth2 > li.swiper-slide:focus-within #header #gnb > ul > li.img-box:first-child::after, #header #lnb .main-03 .depth2 > li.swiper-slide:focus-within #gnb > ul > li.img-box:first-child::after, .main-03 #lnb .depth2 > li.swiper-slide.on #header #gnb > ul > li.img-box:first-child::after, #header .main-03 #lnb .depth2 > li.swiper-slide.on #gnb > ul > li.img-box:first-child::after, #lnb .main-03 .depth2 > li.swiper-slide.on #header #gnb > ul > li.img-box:first-child::after, #header #lnb .main-03 .depth2 > li.swiper-slide.on #gnb > ul > li.img-box:first-child::after, .main-03 .swiper-slide:hover #header #gnb > ul > li:first-child > a.img-box::after, #header .main-03 .swiper-slide:hover #gnb > ul > li:first-child > a.img-box::after, .main-03 #lnb .depth2 > li.swiper-slide:focus-within #header #gnb > ul > li:first-child > a.img-box::after, #header .main-03 #lnb .depth2 > li.swiper-slide:focus-within #gnb > ul > li:first-child > a.img-box::after, #lnb .main-03 .depth2 > li.swiper-slide:focus-within #header #gnb > ul > li:first-child > a.img-box::after, #header #lnb .main-03 .depth2 > li.swiper-slide:focus-within #gnb > ul > li:first-child > a.img-box::after, .main-03 #lnb .depth2 > li.swiper-slide.on #header #gnb > ul > li:first-child > a.img-box::after, #header .main-03 #lnb .depth2 > li.swiper-slide.on #gnb > ul > li:first-child > a.img-box::after, #lnb .main-03 .depth2 > li.swiper-slide.on #header #gnb > ul > li:first-child > a.img-box::after, #header #lnb .main-03 .depth2 > li.swiper-slide.on #gnb > ul > li:first-child > a.img-box::after {
background-color: #ad37bf; }
.main-03 .swiper-slide .img-box {
height: 360px;
margin-bottom: 20px; }
.main-03 .swiper-slide .img-box::before, .main-03 .swiper-slide #header #gnb > ul > li.img-box:first-child::after, #header .main-03 .swiper-slide #gnb > ul > li.img-box:first-child::after, .main-03 .swiper-slide #header #gnb > ul > li:first-child > a.img-box::after, #header .main-03 .swiper-slide #gnb > ul > li:first-child > a.img-box::after {
content: '자세히 보기';
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
color: #fff;
background-color: rgba(0, 0, 0, 0.7);
height: 50px;
line-height: 50px;
z-index: 100;
letter-spacing: -0.05em; }
.main-03 .swiper-slide li {
line-height: 1.25em; }
.main-03 .swiper-slide li::before, .main-03 .swiper-slide #header #gnb > ul > li:first-child::after, #header .main-03 .swiper-slide #gnb > ul > li:first-child::after {
content: '-'; }
.main-03 h3 {
font-size: 1.375em;
line-height: 1em;
margin-bottom: 0.727em; }
.main-03 .swiper-wrapper {
height: auto;
margin-bottom: 20px; }
.main-03-control {
text-align: center; }
.main-03-arrow {
color: transparent;
width: 32px;
height: 32px;
overflow: hidden;
background: url("../img/main/ico_main02_arrow.png") center no-repeat transparent;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.7); }
.main-03-pause {
color: transparent;
width: 32px;
height: 32px;
overflow: hidden;
background: url("../img/main/ico_main02_pause.png") center no-repeat #5a6085;
border-radius: 50%; }

.main-03-play {
color: transparent;
width: 32px;
height: 32px;
overflow: hidden;
background: url("../img/main/ico_main02_play.png") center no-repeat #5a6085;
border-radius: 50%; }

.main-03-next {
transform: rotate(180deg); }
.main-04 {
margin-bottom: 3.75em; }
.main-04 .new-thirds {
overflow: hidden;
display: flex; }
.main-04 .new-thirds > li {
position: relative;
border-radius: 9px;
overflow: hidden;
float: left;
width: 100%;
min-height: 20em;
margin: 0 auto; }
@media (max-width: 768px) {
.main-04 .new-thirds > li:not(:last-child) {
margin-bottom: 1em; } }
@media (min-width: 768px) {
.main-04 .new-thirds > li:not(:nth-child(3n + 1)) {
margin-left: 2.7083333333%; } }
.main-04 .new-thirds > li:first-child {
max-width: 305px; }
@media (min-width: 768px) {
.main-04 .new-thirds > li:first-child {
width: 25.4166666667%; } }
@media (max-width: 560px) {
.main-04 .new-thirds > li:first-child {
max-width: 100%;
width: 100%;
height: 30em; } }
.main-04 .new-thirds > li:nth-child(n+2) {
max-width: 415px; }
@media (min-width: 768px) {
.main-04 .new-thirds > li:nth-child(n+2) {
width: 34.5833333333%; } }
@media (max-width: 560px) {
.main-04 .new-thirds > li:nth-child(n+2) {
max-width: 100%; } }
.main-04-swiper {
height: 20em; }
@media (max-width: 560px) {
.main-04-swiper {
height: 30em; } }
.main-04-01 .img-box img {
max-width: 135%; }
.main-04-02::before, #header #gnb > ul > li.main-04-02:first-child::after, #header #gnb > ul > li:first-child > a.main-04-02::after {
content: '';
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
background: url("../img/main/shadow-layer.png") right center no-repeat;
background-size: auto 100%;
z-index: 1; }
.main-04-02:nth-child(2) {
background: url("../img/main/bg_main04_01.jpg") center no-repeat; }
.main-04-02:nth-child(3) {
background: url("../img/main/bg_main04_02.jpg") center no-repeat; }
.main-04-02 a {
position: absolute;
top: calc(50% - 6.750em);
right: 0;
width: 192px;
height: 13em;
z-index: 10;
text-align: center; }
.main-04-02 a::after {
content: '바로가기';
display: inline-block;
color: #fff;
width: 106px;
background: url("../img/main/ico_main04_arrow.png") right center no-repeat; }
.main-04-category {
height: 2em;
line-height: 2em;
border-radius: 1em;
display: inline-block;
padding: 0 1.286em;
color: #fff;
font-size: 0.875em;
border: 1px solid #fff;
background-color: rgba(0, 0, 0, 0.5);
margin-bottom: 2.571em; }
.main-04-category ~ strong {
font-family: 'Nanum Square EB';
font-weight: 800;
font-size: 1.750em;
line-height: 1.071em;
color: #fff;
width: 3.7em;
display: inline-block;
margin-bottom: 1.786em; }
.main h2 {
font-size: 3em;
line-height: 1.2;
margin-bottom: 0.625em;
text-align: center; }
@media (max-width: 768px) {
.main h2 {
font-size: 2.5em; } }
.main .swiper-container-horizontal > .swiper-pagination-bullets {
left: calc(50% - 38px);
width: 76px;
padding: 8px 0;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 38px; }
.main .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: #fff;
opacity: 1;
vertical-align: middle; }
.main .swiper-pagination-bullet-active {
background-color: #f46a1f; }


.sub-content h2 {
position: relative;
font-size: 24px;
font-size: 2.4rem;
padding-left: 1.6rem;
margin-bottom: 1.6rem; }
.sub-content h2::before {
content: '';
width: 0.6rem;
height: 2.4rem;
border-radius: 0.3rem;
display: inline-block;
background: linear-gradient(to bottom, #3465c2 0%, #3465c2 50%, #0f76ea 50%, #0f76ea 100%);
position: absolute;
top: 0.5rem;
left: 0; }

.h2{
padding : 0;
font-size: 24px;
}

.sub-content *:not(.img-box) > img {
max-width: 100%; }
.sub-content h3 {
position: relative;
font-size: 20px;
font-size: 2rem;
line-Height: 1;
padding-left: 1.6rem;
margin-bottom: 1.6rem; }
.sub-content h3::before {
content: '';
width: 0.8rem;
height: 0.8rem;
border-radius: 0.3rem;
display: inline-block;
background-color: #222;
border-radius: 50%;
position: absolute;
top: 0.6rem;
left: 0; }
.sub-content2 h3::before,
.sub-content2 h2::before {display:none;}
.sub-01 .txt-st01 {
color: #ad37bf; }
.sub-01 .mix-st01 {
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 3.5rem; }
.sub-01 .mix-st01 > * {
width: 33.33%; }
@media (max-width: 768px) {
.sub-01 .mix-st01 {
text-align: center !important;
margin: 1em 0; } }
.sub-01 .mix-st01 p {
font-family: 'Nanum Square EB';
font-weight: 800;
font-size: 45px;
font-size: 4.5rem;
line-Height: 1.0666666667;
color: #0c9ae0;
letter-spacing: -0.075em;
text-decoration: underline;
text-decoration: underline; }
@media (min-width: 768px) {
.sub-01 .mix-st01 div:nth-child(2) {
text-align: center; }
.sub-01 .mix-st01 div:nth-child(3) {
text-align: right; } }
.sub-01 .mix-st01 div img {
max-width: 90%; }
.sub-01 .txt-st02 {
text-align: center;
letter-spacing: -0.03em;
margin-bottom: 4rem; }
.sub-01 .txt-st02-01 {
font-size: 22px;
font-size: 2.2rem;
line-Height: 1.5;
margin-bottom: 2rem; }
.sub-01 .txt-st02-01 strong {
font-family: 'Nanum Square EB';
font-weight: 800;
font-size: 30px;
font-size: 3rem;
color: #000; }
.sub-01 .txt-st02-02 {
font-size: 16px;
font-size: 1.6rem;
line-Height: 1.875; }
.sub-02 .txt-st01 {
color: #f46a1f; }
.sub-02 .ol-round li > span::before {
content: "STEP 0" counter(item); }
.sub-02-02 .div-st05 {
overflow: hidden;
margin-bottom: 4rem; }
.sub-02-02 .div-st05 > * {
float: left; }
.sub-02-02 .div-st05:not(.interval) > * {
width: 33.3333333333%; }
.sub-02-02 .div-st05.interval > * {
margin-left: 5.7rem;
width: calc(33.3333333333% - 3.8rem); }
.sub-02-02 .div-st05.interval > *:nth-child(3n + 1) {
margin-left: 0; }
@media (max-width: 560px) {
.sub-02-02 .div-st05.interval > * {
margin-left: 0; } }
@media (max-width: 560px) {
.sub-02-02 .div-st05:not(.keep) > * {
width: 100%; }
.sub-02-02 .div-st05:not(.keep) > *:not(:last-child) {
margin-bottom: 3.8rem; } }
.sub-02-02 .div-st05 li:not(:last-child) {
position: relative; }
.sub-02-02 .div-st05 li:not(:last-child)::before, .sub-02-02 .div-st05 #header #gnb > ul > li:not(:last-child):first-child::after, #header .sub-02-02 .div-st05 #gnb > ul > li:not(:last-child):first-child::after {
content: '';
width: 2.2rem;
height: 2.7rem;
display: block;
position: absolute;
background: url("../img/sub/ico_arrow_st03.png") center no-repeat; }
@media (max-width: 560px) {
.sub-02-02 .div-st05 li:not(:last-child)::before, .sub-02-02 .div-st05 #header #gnb > ul > li:not(:last-child):first-child::after, #header .sub-02-02 .div-st05 #gnb > ul > li:not(:last-child):first-child::after {
top: calc(100% + 0.5rem);
right: calc(50% - 1.1rem);
transform: rotate(90deg); } }
@media (min-width: 560px) {
.sub-02-02 .div-st05 li:not(:last-child)::before, .sub-02-02 .div-st05 #header #gnb > ul > li:not(:last-child):first-child::after, #header .sub-02-02 .div-st05 #gnb > ul > li:not(:last-child):first-child::after {
top: 1.7rem;
right: -3.9rem; } }
.sub-02-02 .div-st05 strong {
display: block;
width: 100%;
height: 6rem;
line-height: 6rem;
color: #fff;
text-align: center;
border-radius: 0.8rem;
margin-bottom: 1rem; }
.sub-02-02 .div-st05 dt {
height: 5rem;
text-align: center;
border-top-left-radius: 0.8rem;
border-top-right-radius: 0.8rem; }
.sub-02-02 .div-st05 dt span {
width: 50%; }
.sub-02-02 .div-st05 dt span:not(:last-child) {
border-right: 1px solid #a5c5eb; }
.sub-02-02 .div-st05 dt.table {
line-height: 1.2; }
.sub-02-02 .div-st05 dt:not(.table) {
line-height: 5rem; }
.sub-02-02 .div-st05 dd {
padding: 2rem;
border-bottom-left-radius: 0.8rem;
border-bottom-right-radius: 0.8rem;
font-size: 16px;
font-size: 1.6rem;
line-Height: 1.625; }
@media (min-width: 560px) {
.sub-02-02 .div-st05 dd {
min-height: 22rem; } }
.sub-02-02 .div-st05 .theme-orange strong {
background-color: #f46a1f; }
.sub-02-02 .div-st05 .theme-orange dt {
color: #f46a1f;
font-family: 'Nanum Square B';
font-weight: 700;
background-color: #fcfaf7;
border: 1px solid #d1b5a6;
border-bottom: 2px solid #f46a1f; }
.sub-02-02 .div-st05 .theme-orange dd {
border: 1px solid #d1b5a6; }
.sub-02-02 .div-st05 .theme-purple strong {
background-color: #ad37bf; }
.sub-02-02 .div-st05 .theme-purple dt {
color: #ad37bf;
font-family: 'Nanum Square B';
font-weight: 700;
background-color: #f9f4f9;
border: 1px solid #cdafd2;
border-bottom: 2px solid #ad37bf; }
.sub-02-02 .div-st05 .theme-purple dd {
border: 1px solid #cdafd2; }
.sub-02-02 .div-st05 .theme-blue strong {
background-color: #0c9ae0; }
.sub-02-02 .div-st05 .theme-blue dt {
color: #0c9ae0;
font-family: 'Nanum Square B';
font-weight: 700;
background-color: #f4f8f9;
border: 1px solid #a5c5eb;
border-bottom: 2px solid #0c9ae0; }
.sub-02-02 .div-st05 .theme-blue dd {
border: 1px solid #a5c5eb; }
.sub-02-02 .div-st05 .theme-gray strong {
background-color: #758088; }
.sub-02-02 .div-st05 .theme-gray dt {
color: #758088;
font-family: 'Nanum Square B';
font-weight: 700;
border-bottom: 2px solid #758088; }
.sub-02-02 .div-st05 .theme-green strong {
background-color: #1f6b78; }
.sub-02-02 .div-st05 .theme-green dt {
color: #1f6b78;
font-family: 'Nanum Square B';
font-weight: 700;
border-bottom: 2px solid #1f6b78; }
.sub-02-02 .div-st05 .theme-lightgreen strong {
background-color: #99b339; }
.sub-02-02 .div-st05 .theme-lightgreen dt {
color: #99b339;
font-family: 'Nanum Square B';
font-weight: 700;
border-bottom: 2px solid #99b339; }
.sub-02-02 .div-st05 .theme-red strong {
background-color: #ea3b02; }
.sub-02-02 .div-st05 .theme-red dt {
color: #ea3b02;
font-family: 'Nanum Square B';
font-weight: 700;
border-bottom: 2px solid #ea3b02; }
.sub-02-03 .mix-st01 {
margin-bottom: 3rem; }
.sub-02-03 .mix-st01 ul li {
height: 12.5rem; }
.sub-02-03 .mix-st01 ul li:not(:last-child) {
border-bottom: 1px solid #d6d6d6; }
.sub-02-03 .mix-st01 ul li strong {
font-size: 20px;
font-size: 2rem;
display: block;
padding-top: 3rem;
margin-bottom: 1.6rem; }
.sub-02-03 .mix-st01 ul li .color-orange {
color: #f46a1f; }
.sub-02-03 .mix-st01 ul li .color-purple {
color: #ad37bf; }
.sub-02-03 .mix-st01 ul li .color-blue {
color: #0c9ae0; }
.sub-02-03 .mix-st01 ul li .color-gray {
color: #758088; }
.sub-02-03 .mix-st01 ul li .color-green {
color: #1f6b78; }
.sub-02-03 .mix-st01 ul li .color-lightgreen {
color: #99b339; }
.sub-02-03 .mix-st01 ul li .color-red {
color: #ea3b02; }
.sub-02-03 .mix-st01 img {
max-width: 100%; }
@media (max-width: 560px) {
.sub-02-03 .mix-st01 img {
display: block;
margin: 0 auto; } }
.sub-02-05 .mix-st01 {
letter-spacing: -0.03em; }
.sub-02-05 .mix-title {
height: 6rem;
line-height: 6rem;
background-color: #f46a1f;
color: #fff;
text-align: center;
border-radius: 0.6rem;
margin-bottom: 2rem; }
.sub-02-05 .dl-wrap-st02 {
overflow: hidden; }
.sub-02-05 .dl-wrap-st02 dl {
margin-bottom: 2rem; }
@media (min-width: 560px) {
.sub-02-05 .dl-wrap-st02 dl {
float: left;
width: calc(20% - 0.5rem); }
.sub-02-05 .dl-wrap-st02 dl:not(:nth-child(5n+1)) {
margin-left: 0.6rem; } }
.sub-02-05 .dl-wrap-st03 dl {
border: 1px solid #a7a7a7;
border-radius: 0.6rem;
display: table;
width: 100%;
min-height: 10rem; }
@media (max-width: 560px) {
.sub-02-05 .dl-wrap-st03 dl {
display: block; } }
.sub-02-05 .dl-wrap-st03 dl:not(:last-child) {
margin-bottom: 1rem; }
.sub-02-05 .dl-wrap-st03 dl dt, .sub-02-05 .dl-wrap-st03 dl dd {
display: table-cell; }
@media (max-width: 560px) {
.sub-02-05 .dl-wrap-st03 dl dt, .sub-02-05 .dl-wrap-st03 dl dd {
display: block;
padding: 0; } }
.sub-02-05 .dl-wrap-st03 dl dt {
width: 18rem;
padding: 3.7rem 0 3.7rem 4rem; }
.sub-02-05 .dl-wrap-st03 dl dd {
position: relative;
width: calc(100% - 18rem);
padding: 1rem 7.5% 1rem calc(10% + 3.3rem);
vertical-align: middle; }
.sub-02-05 .dl-wrap-st03 dl dd::before {
content: '';
width: 3.3rem;
height: 2.1rem;
display: inline-block;
background: url("../img/sub/ico_arrow_st02.jpg") center no-repeat;
position: absolute;
top: 3.8rem;
left: 0; }
.sub-02-06 .mix-st01 {
margin-bottom: 3rem; }
.sub-02-06 .mix-st01 img {
display: block;
margin: 0 auto;
max-width: 100%; }
.sub-02-07 .ol-round {
padding-bottom: 2rem; }
.sub-02-07 .ol-round li {
width: 19.7rem;
height: 19.7rem; }
.sub-02-07 .ol-round li:not(:last-child) {
margin-right: 4.3rem;
margin-bottom: 7rem; }
.sub-02-08 .mix-st01 {
text-align: center;
margin-bottom: 5rem; }
.sub-02-08 .mix-st01 span {
font-size: 20px;
font-size: 2rem;
color: #f46a1f;
border: 1px solid #f46a1f;
height: 7rem;
line-height: 7rem;
border-radius: 3.5rem; }
.sub-02 .gallery-top {
height: 62rem;
border-radius: 0.8rem;
overflow: hidden; }
@media (max-width: 560px) {
.sub-02 .gallery-top {
height: 22rem; } }
.sub-02 .gallery-top .img-box {
height: 62rem; }
@media (max-width: 560px) {
.sub-02 .gallery-top .img-box {
height: 22rem;
background-color: #2a2a2a; }
.sub-02 .gallery-top .img-box img {
min-height: auto;
max-width: 100%; } }
.sub-02 .gallery-top .main-visual-arrow {
background-color: rgba(173, 55, 191, 0.95);
bottom: 2rem;
top: auto;
left: auto; }
.sub-02 .gallery-top .swiper-button-prev {
right: 8rem; }
.sub-02 .gallery-top .swiper-button-next {
right: 2rem; }
.sub-02 .gallery-top .swiper-button-prev.swiper-button-disabled, .sub-02 .gallery-top .swiper-button-next.swiper-button-disabled {
background-color: rgba(173, 55, 191, 0.95); }
.sub-02 .gallery-thumbs {
padding: 1rem;
border-radius: 0.8rem;
background-color: #2a2a2a;
margin-bottom: 3rem; }
.sub-02 .gallery-thumbs .swiper-wrapper, .sub-02 .gallery-thumbs .swiper-slide {
height: auto; }
.sub-02 .gallery-thumbs .img-box {
height: 8rem;
border-radius: 0.8rem; }
@media (min-width: 768px) {
.sub-02 .gallery-thumbs .img-box img {
max-width: 100%; } }
@media (max-width: 768px) {
.sub-02 .gallery-thumbs .img-box img {
min-width: auto;
max-height: 100%; } }
.sub-03-01 .table-st01-01 td:not(:last-child) {
text-align: center; }
.sub-03-01 .table-st01-02 td {
padding: 0 1rem; }
.sub-03-01 .table-st01-02 td:not(:first-child) {
text-align: center; }
.sub-03-01 .table-st01-03 td:not(.align-c) {
text-align: left; }
.sub-03 img {
margin-bottom: 4.5rem; }
.sub-03 .txt-st01 {
text-align: center; }
.sub-03 .tablist.tablist-st01 {
margin-bottom: 0; }
.sub-06-01 p {
font-size: 16px;
font-size: 1.6rem;
line-Height: 1.875; }
.sub-06-01 .color-orange {
color: #f46a1f; }
.sub-06-01 .color-purple {
color: #ad37bf; }
.sub-06-01 .color-blue {
color: #0c9ae0; }
.sub-06-01 .color-gray {
color: #758088; }
.sub-06-01 .color-green {
color: #1f6b78; }
.sub-06-01 .color-lightgreen {
color: #99b339; }
.sub-06-01 .color-red {
color: #ea3b02; }
.sub-06-01 .txt-st01 {
font-size: 40px;
font-size: 4rem;
line-Height: 1.25;
font-family: 'Nanum Square B';
font-weight: 700;
color: #ad37bf;
display: block;
margin-bottom: 2.5rem; }
.sub-06-01 .ico-bottom-txt {
display: block;
position: relative;
padding-bottom: 3.5rem;
margin-bottom: 4rem; }
.sub-06-01 .ico-bottom-txt::before, .sub-06-01 #header #gnb > ul > li.ico-bottom-txt:first-child::after, #header .sub-06-01 #gnb > ul > li.ico-bottom-txt:first-child::after, .sub-06-01 #header #gnb > ul > li:first-child > a.ico-bottom-txt::after, #header .sub-06-01 #gnb > ul > li:first-child > a.ico-bottom-txt::after {
content: '';
width: 1.7rem;
height: 0.5rem;
background-color: #f46a1f;
position: absolute;
bottom: 0; }
.sub-06-01 .tit {
font-family: 'Nanum Square B';
font-weight: 700;
display: block;
margin-top: 4.5rem;
margin-bottom: 1rem; }
.sub-06-01 figure {
border-top-left-radius: 0.6rem;
border-top-right-radius: 0.6rem;
overflow: hidden;
width: 35rem;
max-width: 100%;
margin: 0 auto 5rem; }
@media (min-width: 768px) {
.sub-06-01 figure {
float: left;
margin-right: 5rem;
min-height: 45rem; } }
.sub-06-01 figure figcaption {
background: url("../img/sub/ico_greet.png") right 2rem bottom -2rem no-repeat #ad37bf;
padding: 2rem;
font-family: 'Nanum Square B';
font-weight: 700;
color: #fff;
border-bottom-left-radius: 0.6rem;
border-bottom-right-radius: 0.6rem; }
.sub-06-01 figure figcaption strong {
display: block;
font-family: 'Nanum Square EB';
font-weight: 800;
font-size: 34px;
font-size: 3.4rem;
line-height: 1;
margin-top: 0.5rem; }
@media (min-width: 768px) {.sub-06-01 .style-blue p {padding-left: 40rem; } }
.sub-06-01 .style-blue .txt-st01 {color: #0c9ae0; }
.sub-06-01 .style-blue figure figcaption {background-color: #0c9ae0; }
.sub-06-01 .tablist {margin-bottom: 4rem; }
.sub-06-02 .txt-st01 {font-family: 'Nanum Square B';font-weight: 700;color: #007fc6;font-size: 40px;font-size: 4rem;line-height: 1.25;letter-spacing: -0.05em; }
.sub-06-02 h2 {margin-top: 4.5rem; }
.sub-06-02 img {display: block;margin: 0 auto 5.7rem; }
.sub-06-02 .dl-wrap-st04 {border-top: 1px solid #3f3f3f; }
.sub-06-02 .ol-round li {margin-bottom: 10rem;width: 19.5rem;height: 19.5rem; }

@media (max-width: 560px) {
.sub-06-02 .ol-round li {margin-bottom: 5rem !important; }
.sub-06-02 .ol-round li:not(:last-child)::after {top: calc(100% + 1rem) !important;left: calc(50% - 1.2rem) !important; }
.sub-06-02 .ol-round li > span {padding-bottom: 7rem; }
.sub-06-02 .ol-round li .sub-txt {top: 55%;color: #fff !important; }
}
.sub-06-02 .ol-round li.color-orange {background-color: #f46a1f; }
.sub-06-02 .ol-round li.color-orange .sub-txt {color: #f46a1f; }
.sub-06-02 .ol-round li.color-purple {background-color: #ad37bf; }
.sub-06-02 .ol-round li.color-purple .sub-txt {color: #ad37bf; }
.sub-06-02 .ol-round li.color-blue {background-color: #0c9ae0; }
.sub-06-02 .ol-round li.color-blue .sub-txt {color: #0c9ae0; }
.sub-06-02 .ol-round li.color-gray {background-color: #758088; }
.sub-06-02 .ol-round li.color-gray .sub-txt {color: #758088; }
.sub-06-02 .ol-round li.color-green {background-color: #1f6b78; }
.sub-06-02 .ol-round li.color-green .sub-txt {color: #1f6b78; }
.sub-06-02 .ol-round li.color-lightgreen {background-color: #99b339; }
.sub-06-02 .ol-round li.color-lightgreen .sub-txt {color: #99b339; }
.sub-06-02 .ol-round li.color-red {background-color: #ea3b02; }
.sub-06-02 .ol-round li.color-red .sub-txt {color: #ea3b02; }
.sub-06-02 .ol-round li:not(:last-child) {margin-right: calc((100% - (19.5rem * 3)) / 2); }
.sub-06-02 .ol-round li::after {left: 140% !important;width: 2.5rem !important;height: 2.5rem !important;background-image: url("../img/sub/ico_plus.png") !important; }
.sub-06-02 .ol-round li:nth-child(1) > span::before {content: 'VISION'; }
.sub-06-02 .ol-round li:nth-child(2) > span::before {content: 'MISSION'; }
.sub-06-02 .ol-round li:nth-child(3) > span::before {content: 'COREVALUE'; }
.sub-06-02 .ol-round li span:not(.sub-txt) {font-size: 28px;font-size: 2.8rem; }
.sub-06-02 .ol-round li span:not(.sub-txt)::before {font-size: 16px;font-size: 1.6rem; }
.sub-06-02 .ol-round li .sub-txt {font-family: 'Nanum Square B';font-weight: 700;font-size: 20px;font-size: 2rem; }
.sub-06-03 .dl-wrap-st04 {border-top: 1px solid #858585; }
.sub-06-03 .dl-wrap-st04 dt {font-family: 'Nanum Square';font-weight: 400;width: 20%; }
.sub-06-03 .dl-wrap-st04 dd {width: 90%;text-align: right;padding-right: 1%; }

@media (max-width: 560px) {.sub-06-03 .dl-wrap-st04 dd {padding-right: 3rem; } }
.sub-06-03 .dl-wrap-st04 dd span {float: left;text-align:left; }

@media (max-width: 560px) {.sub-06-03 .dl-wrap-st04 dd span {float: none;display: block; } }
.sub-06-04 img { max-width: 100%; }


.sub-06-06 img {  max-width: 100%; }
.sub-06-06 .txt-st01 {  letter-spacing: -0.075em; }
.sub-06-06 .txt-st02 {  margin-bottom: 3rem; }
.sub-06-06 .txt-st03 {
background-color: #f3f6fd;
border: 1px solid #e0e0e0;
text-align: center;
padding: 1.6rem 0;
border-radius: 0.8rem;
letter-spacing: -0.03rem;
font-family: 'Nanum Square B';
font-weight: 700; }

.sub-06-06 .txt-st03 span {white-space: nowrap; }
.sub-06-06 .txt-st03 span:not(:last-child) {margin-right: 3rem; }
.sub-06-06 .img-st01 {  margin-bottom: 3.5rem; }
.sub-06-06 .img-st02 {  display: block;  margin: 0 auto; }
.sub-06-06 .btn-download {
font-size: 16px;
font-size: 1.6rem;
display: block;
margin: 3rem auto 3rem;
color: #fff;
text-align: center;
width: 23rem;
height: 6rem;
line-height: 6rem;
border-radius: 3rem;
border-radius: 0.8rem;
background-color: #ad37bf;
margin-bottom: 6rem; }

.sub-06-06 .btn-download::after {
content: '';
width: 1.6rem;
height: 1.5rem;
display: inline-block;
background: url("../img/sub/ico_file.png") center no-repeat;
vertical-align: middle; }
.sub-06-06 .btn-download::after {margin-left: 1rem; }






.sub-07-06 img {  max-width: 100%; }
.sub-07-06 .txt-st01 {  letter-spacing: -0.075em; }
.sub-07-06 .txt-st02 {  margin-bottom: 3rem; }
.sub-07-06 .txt-st03 {
background-color: #f3f6fd;
border: 1px solid #e0e0e0;
text-align: center;
padding: 1.6rem 0;
border-radius: 0.8rem;
letter-spacing: -0.03rem;
font-family: 'Nanum Square B';
font-weight: 700; }

.sub-07-06 .txt-st03 span {white-space: nowrap; }
.sub-07-06 .txt-st03 span:not(:last-child) {margin-right: 3rem; }
.sub-07-06 .img-st01 {  margin-bottom: 3.5rem; }
.sub-07-06 .img-st02 {  display: block;  margin: 0 auto; }
.sub-07-06 .btn-download {
font-size: 16px;
font-size: 1.6rem;
display: block;
margin: 3rem auto 3rem;
color: #fff;
text-align: center;
width: 23rem;
height: 6rem;
line-height: 6rem;
border-radius: 3rem;
border-radius: 0.8rem;
background-color: #ad37bf;
margin-bottom: 6rem; }

.sub-07-06 .btn-download::after {
content: '';
width: 1.6rem;
height: 1.5rem;
display: inline-block;
background: url("../img/sub/ico_file.png") center no-repeat;
vertical-align: middle; }
.sub-07-06 .btn-download::after {margin-left: 1rem; }






.sub-06-07 .contact-group {overflow: hidden;margin-bottom: 3rem;display: flex; }

@media (max-width: 768px) {
.sub-06-07 .contact-group {
display: block; } }
.sub-06-07 .contact-group dl {
border: 1px solid #c7c7c7;
border-radius: 0.8rem;
padding: 3rem; }
@media (max-width: 768px) {
.sub-06-07 .contact-group dl {
width: 100%;
margin-left: 0;
margin-bottom: 1rem; } }
@media (min-width: 768px) {
.sub-06-07 .contact-group dl {
min-height: 21rem; } }
.sub-06-07 .contact-group dl dt {
font-size: 24px;
font-size: 2.4rem;
color: #000;
margin-bottom: 2.5rem; }
.sub-06-07 .contact-group dl dt::before {
content: '';
width: 4.5rem;
height: 4.5rem;
display: inline-block;
background: url("../img/sub/ico_contact_01.jpg") center no-repeat;
vertical-align: middle; }
.sub-06-07 .contact-group dl dd {
font-size: 20px;
font-size: 2rem;
color: #333; }
.sub-06-07 .contact-group dl dd strong {
font-size: 30px;
font-size: 3rem;
font-family: 'Nanum Square EB';
font-weight: 800; }
.sub-06-07 .contact-group dl:nth-child(1) dt::before {
background-image: url("../img/sub/ico_contact_01.jpg");
background-size: 100%;
margin-right: 0.8rem; }
.sub-06-07 .contact-group dl:nth-child(2) dt::before {
background-image: url("../img/sub/ico_contact_02.jpg");
background-size: 100%;
margin-right: 0.8rem; }
.sub-06-07 .contact-group dl:nth-child(3) dt::before {
background-image: url("../img/sub/ico_contact_03.jpg");
background-size: 100%;
margin-right: 0.8rem; }
.sub-07 .txt-st01 {
margin-bottom: 4rem; }
.sub-07 p {
margin-bottom: 1rem; }
.sub-07 .ul-st01:not(:last-child) {
margin-bottom: 5rem; }
.sub-07 .dl-wrap-st06 dt {
width: 14rem;
text-align: left;
padding-left: 3rem; }
@media (max-width: 560px) {
.sub-07 .dl-wrap-st06 dt {
width: 14rem - 14rem / 3; } }
.sub-07 .dl-wrap-st06 dd {
position: relative;
width: calc(100% - 14rem); }
@media (max-width: 560px) {
.sub-07 .dl-wrap-st06 dd {
width: calc(100% - (14rem - (14rem / 3))); } }
.sub-07 .dl-wrap-st06 dd label {
cursor: pointer; }
.sub-07 .dl-wrap-st06 dd input[type=text] {
height: 4rem;
width: 27rem;
max-width: calc(100% - 3rem);
border: 1px solid #afafaf;
background-color: #ececec;
padding: 0 1rem; }
@media (max-width: 560px) {

.m-display-none{
display:none !important;
}
.m-display-block{
display:block !important;
}
.sub-07 .dl-wrap-st06 dd input[type=text] {
width: calc(100% - 3rem); } }
.sub-07 .dl-wrap-st06 dd span {
white-space: nowrap; }
.sub-07 .dl-wrap-st06 dd span:not(:last-child) {
margin-right: 1rem; }

.txt-st01 {
font-size: 26px;
font-size: 2.6rem;
margin-bottom: 4.5rem; }

.txt-st03 {
margin-bottom: 4.5rem; }

.dl-wrap {
border-top: 1px solid #3f3f3f; }
.dl-wrap:not(:last-child) {
margin-bottom: 4.5rem; }
.dl-wrap dl {
display: table;
width: 100%;
min-height: 6rem;
border-bottom: 1px solid #dadada; }
.dl-wrap dl dt, .dl-wrap dl dd {
display: table-cell;
vertical-align: middle;
padding: 1.6rem 0; }
.dl-wrap dl dt {
width: 9rem;
text-align: center;
color: #222; }
.dl-wrap dl dd {
width: calc(100% - 9rem); }
.dl-wrap.dl-wrap-st01 dt {
width: 14rem; }
.dl-wrap.dl-wrap-st01 dd {
width: calc(100% - 14rem); }
.dl-wrap.dl-wrap-st03 dl {
height: 7.8rem; }
.dl-wrap.dl-wrap-st03 dt {
position: relative;
text-align: left;
width: 19.6rem;
padding-left: 3.6rem;
font-size: 24px;
font-size: 2.4rem; }
@media (max-width: 560px) {
.dl-wrap.dl-wrap-st03 dt {
width: 14rem; } }
.dl-wrap.dl-wrap-st03 dt::after {
content: '';
position: absolute;
top: calc(50% - 1.3rem);
right: 0;
width: 1.4rem;
height: 2.3rem;
background: url("../img/sub/ico_arrow_st01.jpg") center no-repeat;
background-size: 100%; }
.dl-wrap.dl-wrap-st03 dd {
width: calc(100% - 19.6rem);
padding-left: 5rem; }
@media (max-width: 560px) {
.dl-wrap.dl-wrap-st03 dd {
width: calc(100% - 14rem);
padding-left: 1rem; } }

.department {
margin-top: 1rem;
background-color: #e9f0f4;
border-radius: 0.6rem;
text-align: right;
height: 5rem;
line-height: 5rem;
padding: 0 3rem; }
.department dt, .department dd {
display: inline-block; }
.department dt::after {
content: '';
width: 1px;
height: 0.8rem;
background-color: #bbb;
display: inline-block;
margin: 0 0.8rem 0 1.2rem; }
.department strong {
color: #0000ff;
font-family: 'Nanum Square B';
font-weight: 700; }

.ul-st01 > li {
position: relative;
padding-left: 1.4rem;
line-height: 1.6;
letter-spacing: -0.03em; }
.ul-st01 > li::before, #header #gnb > ul.ul-st01 > li:first-child::after {
content: '';
width: 0.4rem;
height: 0.4rem;
border-radius: 50%;
background-color: #515151;
position: absolute;
top: 1rem;
left: 0; }
.ul-st01 > li:not(:last-child) {
margin-bottom: 0.8rem; }

.ul-st02 > li::before, #header #gnb > ul.ul-st02 > li:first-child::after {
content: '- '; }

.ol-st01 {
counter-reset: item; }
.ol-st01 > li::before, #header #gnb > ul.ol-st01 > li:first-child::after {
counter-increment: item;
content: counter(item) ") "; }

.ol-round {
counter-reset: item;
overflow: hidden;
text-align: center; }
.ol-round:not(:first-child) {
margin-top: 2rem; }
.ol-round li {
position: relative;
float: left;
margin-bottom: 1.5rem;
display: table;
width: 16rem;
height: 16rem;
color: #fff;
border-radius: 50%; }
@media (max-width: 560px) {
.ol-round li {
float: none;
margin: 0 auto 3rem !important; }
.ol-round li:not(:last-child)::after {
top: calc(100% + 0.5rem) !important;
left: calc(50% - 0.8rem) !important;
transform: rotate(90deg); } }
.ol-round li > span {
font-size: 20px;
font-size: 2rem;
line-Height: 1.3;
display: table-cell;
vertical-align: middle; }
.ol-round li > span::before {
counter-increment: item;
content: "0" counter(item);
display: block;
margin: 0 auto 1rem;
font-size: 14px;
font-size: 1.4rem; }
.ol-round li:not(:last-child) {
margin-right: 3rem; }
.ol-round li:not(:last-child)::after {
content: '';
width: 1.4rem;
height: 2.3rem;
display: block;
position: absolute;
top: calc(50% - 0.7rem);
left: 107%;
background: url("../img/sub/ico_arrow_st01.jpg") center no-repeat;
background-size: 100%; }
.ol-round li:nth-last-child(1) {
background-color: #ac19c2; }
.ol-round li:nth-last-child(2) {
background-color: #6e2bc1; }
.ol-round li:nth-last-child(3) {
background-color: #4848bd; }
.ol-round li:nth-last-child(4) {
background-color: #0074c6; }
.ol-round li:nth-last-child(5) {
background-color: #0192b6; }
.ol-round li .sub-txt {
position: absolute;
width: calc(100% + 1rem);
top: calc(100% + 2rem);
left: 0;
text-align: center;
font-size: 1.6rem;
color: #333; }
@media (max-width: 560px) {
.ol-round li .sub-txt {
top: 70%; } }

.table-st01 {border: 1px solid #a5c5ea;border-radius: 0.7rem;overflow: hidden;border-collapse: separate; }
.table-st01 thead th {font-family: 'Nanum Square B';font-weight: 700;color: #0072b1;background-color: #f4f8f9;border-bottom: 2px solid #0c9ae0;height: 5.5rem; }
.table-st01 thead th:not(:last-child) {border-right: 1px solid #c4d9f1; }
.table-st01 thead th.border-light {border-bottom: 1px solid #c4d9f1;}
.table-st01 tbody th {background-color: #f7f7f7;border-bottom: 1px solid #c4d9f1;border-right: 1px solid #c4d9f1; }
.table-st01 tbody td {height: 5.5rem;padding: 1.6rem 2rem;border-bottom: 1px solid #c4d9f1; }
.table-st01 tbody td:not(:last-child) {border-right: 1px solid #c4d9f1; }

.table-st01 tbody td {height: 5.5rem;padding: 1.6rem 2rem;border-bottom: 1px solid #c4d9f1; }
.table-st01 tbody td:not(:last-child) {border-right: 1px solid #c4d9f1; }
.table-st01 .ul-st01 li::before, .table-st01 .ul-st01 #header #gnb > ul > li:first-child::after, #header .table-st01 .ul-st01 #gnb > ul > li:first-child::after {width: 0.3rem;height: 0.3rem;}

.table-st01-s01 {border: 1px solid #a5c5ea;border-radius: 0.7rem;overflow: hidden;border-collapse: separate; }
.table-st01-s01 thead th {font-family: 'Nanum Square B';font-weight: 700;color: #0072b1;background-color: #f4f8f9;border-bottom: 2px solid #0c9ae0;height: 5.5rem; }
.table-st01-s01 thead th:not(:last-child) {border-right: 1px solid #c4d9f1; }
.table-st01-s01 thead th.border-light {border-bottom: 1px solid #c4d9f1;}
.table-st01-s01 tbody th {background-color: #f7f7f7;border-bottom: 1px solid #c4d9f1;border-right: 1px solid #c4d9f1; }
.table-st01-s01 tbody td {height: 5.5rem;border-bottom: 1px solid #c4d9f1; }
.table-st01-s01 tbody td:not(:last-child) {border-right: 1px solid #c4d9f1; }

.table-st01-s01 tbody td {height: 5.5rem;border-bottom: 1px solid #c4d9f1; }
.table-st01-s01 tbody td:not(:last-child) {border-right: 1px solid #c4d9f1; }
.table-st01-s01 .ul-st01 li::before, .table-st01-s01 .ul-st01 #header #gnb > ul > li:first-child::after, #header .table-st01-s01 .ul-st01 #gnb > ul > li:first-child::after {width: 0.3rem;height: 0.3rem;}


.align-2td .align-c{font-weight:400!important;}
.table-st01-02 tbody td:first-child {background-color: #fff;font-family: 'Nanum Square B';font-weight: 700;color: #333; }
.table-st01-02 tbody tr:nth-child(n+3) td:last-child {position: relative;height: auto; }
.table-st01-02 tbody tr:nth-child(n+3) td:last-child:not(:last-child) {border-bottom: 1px solid #d7d7d7; }
.table-st01-02 tbody tr:nth-child(n+3) td:last-child strong {font-family: 'Nanum Square B';font-weight: 700;position: absolute;top: 2.5rem;left: 2rem;display: inline-block; }

.dl-wrap-st02 dt {
background-color: #f4f8f9;
color: #0072b1;
border: 1px solid #a5c5eb;
border-top-left-radius: 0.6rem;
border-top-right-radius: 0.6rem;
border-bottom: 2px solid #0c9ae0;
height: 5.5rem;
line-height: 5.5rem;
text-align: center; }
.dl-wrap-st02 dd {padding: 2rem;min-height: 12rem;border: 1px solid #a5c5eb;border-bottom-left-radius: 0.6rem;border-bottom-right-radius: 0.6rem;border-top: none; }

.dl-wrap-st04 {border-top: none; }
.dl-wrap-st04 dl dt {width: 20rem;text-align: left;padding-left: 3rem; }
.dl-wrap-st04 dl dd {width: calc(100% - 20rem);padding-left: 2rem; }
@media (max-width: 560px) {.dl-wrap-st04 dl dd {padding-left: 0; } }

.dl-wrap-st05 {  border-top: none; }
.dl-wrap-st05 dl dt {width: 25rem;text-align: left;padding-left: 3rem; }
.dl-wrap-st05 dl dd {width: calc(100% - 23rem);padding-left: 2rem; }
@media (max-width: 560px) {.dl-wrap-st05 dl dd {padding-left: 0; } }

.download-st01 {width: 100%;display: table;height: 5.6rem;border: 1px solid #e0e0e0;border-radius: 0.6rem;padding: 1rem 3.3%; }
.download-st01 > * {display: table-cell;vertical-align: middle; }

@media (max-width: 560px) {.download-st01 > * {display: block;width: 100% !important; } }
.download-st01 p {width: calc(100% - 17rem); }
.download-st01 .btn-area {width: 17rem; }
.download-st01 .btn-area .btn {width: 100%;background-color: #363636;border-color: #363636;height: 3.4rem;line-height: 3.4rem;border-radius: 1.7rem; }

.map-location iframe {width: 100%;margin-bottom: 2rem; }
@media (min-width: 768px) {.map-location iframe {width: 535px;margin: 0 auto 2rem;display: block; } }

.ico-subway {display: inline-block;text-align: center;width: 2.8rem;height: 2.8rem;line-height: 2.8rem;color: #fff;border-radius: 50%;margin-right: 1rem;}
.ico-subway-1 {background-color: #214e8d;}
.ico-subway-1 + span {color: #214e8d;}
.ico-subway-2 {background-color: #009D3E; }
.ico-subway-2 + span {color: #009D3E; }
.ico-subway-3 {background-color: #EF7C1C; }
.ico-subway-3 + span {color: #EF7C1C; }
.ico-subway-4 {background-color: #00A5DE; }
.ico-subway-4 + span {color: #00A5DE; }
.ico-subway-5 {background-color: #996CAC; }
.ico-subway-5 + span {color: #996CAC; }
.ico-subway-6 {background-color: #CD7C2F; }
.ico-subway-6 + span {color: #CD7C2F; }
.ico-subway-7 {background-color: #747F00; }
.ico-subway-7 + span {color: #747F00; }
.ico-subway-8 {background-color: #EA545D; }
.ico-subway-8 + span {color: #EA545D; }

/*
.ico-subway-sl {background-color: #58ACFA; }
.ico-subway-sl + span {color: #58ACFA; }
*/

.ico-subway-sl {background-color: #0000ff; }
.ico-subway-sl + span {color: #0000ff; }


/* 웹접근성 임지*/
.ico-subway-9 {background-color: #b6971d; }
.ico-subway-9 + span {color: #b6971d; }

.ico-subway-9 {background-color: #999900; }
.ico-subway-9 + span {color: #999900; }

.ico-subway + span::after {content: ' ->';color: #333; }




.tablist.tablist-st01 {overflow: hidden;margin-bottom: 4rem; }
.tablist.tablist-st01 .tab {float: left;display: table;text-align: center;border: 1px solid #e0e0e0;height: 5.4rem;cursor: pointer; }
.tablist.tablist-st01 .tab:first-child {border-top-left-radius: 0.6rem;border-bottom-left-radius: 0.6rem;border-right: none; }
.tablist.tablist-st01 .tab:last-child {border-top-right-radius: 0.6rem;border-bottom-right-radius: 0.6rem;border-left: none; }
.tablist.tablist-st01 .tab.active {border-color: #758088;background-color: #758088;color: #fff; }
.tablist.tablist-st01 .tab a {display: table-cell;vertical-align: middle; }

.tab_wrap {margin-bottom: 3rem; }
.tab_wrap.ver1 ul li {width: 50%; }
.tab_wrap.ver2 ul li {width: 33%; }
.tab_wrap.ver2 ul li:nth-child(2) {width: 33%; }
.tab_wrap ul {overflow: hidden; }
.tab_wrap ul li {float: left;height: 5.4rem;line-height: 5.4rem;text-align: center;border: 1px solid #e0e0e0; }
.tab_wrap ul li:first-child {border-top-left-radius: 0.6rem;border-bottom-left-radius: 0.6rem;border-right: none; }
.tab_wrap ul li:last-child {border-top-right-radius: 0.6rem;border-bottom-right-radius: 0.6rem;border-left: none; }
.tab_wrap ul li.on {border-color: #758088;background-color: #758088;color: #fff; }
.tab_wrap ul li a {display: block; }

.tit-st01 {font-family: 'Nanum Square EB';font-weight: 800;font-size: 40px;font-size: 4rem;margin-bottom: 2rem;color: #0c9ae0;text-align: center; }
.private ol {margin: 0.5rem auto; }

.private li {padding-left: 1rem;margin-bottom: 2rem;line-height: 1.4em; }
.private strong {display: block;margin-bottom: 1rem; }
.private .table-wrap {
text-align: center;
margin-top: 1rem; }

.btn-submit {
font-size: 16px;
font-size: 1.6rem;
display: block;
margin: 3rem auto 3rem;
color: #fff;
text-align: center;
width: 23rem;
height: 6rem;
line-height: 6rem;
border-radius: 3rem;
border-radius: 0.8rem;
background-color: #ad37bf;
margin-bottom: 4.5rem;
width: 29rem; }

.strong-link {
color: #0c39fc;
text-decoration: underline; }


/* 20190416 */
.table-st01 tbody td.nogap {
height: 5.5rem;
padding: 0 !important;
border-bottom: 1px solid #c4d9f1;
}
.table-st01 tbody td.nogap div {
position: relative;
padding: 1.6em 2em 1.6em 5em;
}
.table-st01 tbody td.nogap div:after {
content: '';
position: absolute;
top: 0;
bottom:0;
left: 4em;
width: 1px;
height: 100%;
background: #c4d9f1;
}


/* .inputdate{ */
/* 	width:9rem; */
/* } */



/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1002; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
background-color: #fefefe;
margin: 15% auto; /* 15% from the top and centered */
padding: 20px;
border: 1px solid #888;
width: 35rem; /* Could be more or less, depending on screen size */
}
/* The Close Button */
.close {
background: #fff;
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}

/*job*/
.jobWrap ul {text-align: center; }
.jobWrap ul li {width:97%; margin:2.5%;display:inline-block; *display: inline; *zoom:1; box-sizing: border-box; border:1px solid #d2d2d2; padding:20px 2.5% 0; text-align: center; vertical-align: top;}
.jobWrap ul li h4 {font-size:1.3em; font-weight:600; margin: 15px 0 30px;}
.jobWrap ul li a { display:block; width:100%; max-width:400px; margin:0 auto 30px;}
/*.jobWrap ul li a img {width:100%; }*/
.jobcomment {display:block; font-size:.9em; margin:-10px 0 10px 20px; padding:0}
.jobBtnWrap {text-align:right; margin-top: -30px;}
.jobBtn {border:0; color:#fff; padding:2px 10px; margin-left: 2px; cursor: pointer; font-weight:400; font-size:.8em}
.jobBtn:hover { opacity: .9}
.textareajob {height:150px; width:96%; margin: 10px 0 50px ; padding:20px 2%}
.jobinput {padding:6px 10px; width: 35px; text-align:right; color:red}
.jobinput2 {padding:6px 10px; width:100px; text-align:right; color:#333 !important;font-weight:500; font-size:1em !important;  border:1px solid #ccc !important; border-bottom:2px solid #000; background:#f5f5f5 !important; margin: 5px 0 0 11px}
.jobtt {font-size:1em; margin:0; font-weight:400; color:#333; padding-left: 10px;}


/* 20210811 추가 */
.table-wrap .table-st03 {border-top: 2px solid #000; width: 100%;}
.table-wrap .table-st03 tr > *:first-child {padding-left: 2rem;}
.table-wrap .table-st03 th {padding: 12px; border-bottom: 1px solid #bababa;}
.table-wrap .table-st03 td {border-bottom: 1px solid #e2e2e2; padding: 12px; text-align: center;}
.table-wrap .table-st03 th:not(:last-child), .table-wrap .table-st03 td:not(:last-child) {border-right: 1px solid #e2e2e2;}
.table-wrap .table-st03 .nobor {border-right: none !important;}
.table-wrap .table-st03 a:hover {color: #007fc6;}
.table-wrap .table-st04 {border-top: 2px solid #0c9ae0; width: 100%;}
.table-wrap .table-st04 tr > *:first-child {padding-left: 2rem;}
.table-wrap .table-st04 th {padding: 12px; border-bottom: 1px solid #c4d9f1; background: #f4f8f9; color: #333; font-size: 1.7rem; line-height: 1;}
.table-wrap .table-st04 td {border-bottom: 1px solid #c4d9f1; padding: 12px; text-align: center; color: #333; padding: 10px 20px;}
.table-wrap .table-st04 th:not(:last-child), .table-wrap .table-st04 td:not(:last-child) {border-right: 1px solid #e2e2e2;}
.table-wrap .table-st04 .nobor {border-right: none !important;}
.table-wrap .table-st04 a:hover {color: #007fc6;}
.table-wrap .table-st04.p-min th, .table-wrap .table-st04.p-min td {padding: 7px 10px !important;}
.ncs-box {border: 1px solid #ddd; text-align: center; margin-bottom: 45px;}
.ncs-box > a {display: block; height: 100%; width: 100%; padding: 40px;}
.ncs-box p {display: inline-block; font-size: 30px; font-weight: 600; vertical-align: middle; margin: 0 0 0 25px;}
.btn-orange {min-width: 80px; height: 30px; border: none; line-height: 30px; color: #fff; display: inline-block; background: #e77328; text-align: center; font-size: 16px; font-weight: 600;}
.btn-black {min-width: 80px; height: 30px; border: none; line-height: 30px; color: #fff; display: inline-block; background: #000; text-align: center; font-size: 16px; font-weight: 600;}
.btn-black2 {min-width: 100px; height: 35px; border: none; line-height: 35px; color: #fff; display: inline-block; background: #000; text-align: center; font-size: 16px; font-weight: 600; padding: 0 10px;}
.btn-bo-blue {height: 30px; border: none; line-height: 28px; color: #0c9ae0; display: inline-block; background: #fff; text-align: center; font-size: 14px; font-weight: 400; border: 1px solid #0c9ae0; letter-spacing: -1px; padding: 0 10px;}
.btn-r {font-size: 1.8rem; display: inline-block; color: #fff; text-align: center; height: 5rem; line-height: 5.3rem; border-radius: 1rem; background-color: #7e7e7e; font-weight: 600; min-width: 18rem; margin: .1em; padding: 0 3rem;}
.btn-r-gray {background-color: #7e7e7e;}
.btn-r-orange {background-color: #eb840b;}
.btn-r-blue {background-color: #0c9ae0;}
.select-wrap {margin-bottom: 22px;}
.select-arrow-new {background: url("../img/common/ico_selectArrow_new.png") right .7em center no-repeat #fff; height: 30px; padding: 0 40px 0 10px; text-align: left;}
.satisfaction-wrap label {margin: 0 15px; display: inline-block;}
.satisfaction-wrap input {vertical-align: middle;}
.mt5 {margin-top: 5px;}
.mb1 {margin-bottom: .6rem !important;}
.mb2 {margin-bottom: 1.2rem !important;}
.mb3 {margin-bottom: 2.4rem !important;}
.mb4 {margin-bottom: 4rem !important;}
.mb5 {margin-bottom: 5rem !important;}
.ml1 {margin-left: 1.7rem !important;}
.ml2 {margin-left: 3rem !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr20 {margin-right: 20px !important;}
.t-right {text-align: right !important;}
.t-left {text-align: left !important;}
.t-center {text-align: center !important;}
.v-middle {vertical-align: middle !important;}
.f-clear:after {content: ''; height: 0; display: block; visibility: hidden; clear: both;}
* html .f-clear {height: 1%;}
.f-clear {display: block; min-height: 1%;}
.f-left {float: left;}
.f-right {float: right;}
.w100p {width: 100% !important;}
.w50p {width: 50% !important;}
.w25p {width: 25% !important;}
.w20p {width: 20% !important;}
.chk-st1 {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.chk-st1 + label {display: inline-block; position: relative; padding-left: 26px; cursor: pointer; vertical-align: middle; line-height: 20px;}
.chk-st1 + label:before{content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; text-align: center; background: #fff; border: 1px solid #999999; box-sizing: border-box; border-radius: 5px;}
.chk-st1:checked + label:after{ content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; background: url(../img/common/ico_check.png) no-repeat center #0c9ae0; border-radius: 5px;}
.chk-st1 + label span {vertical-align: middle; display: inline-block; line-height: 20px;}
.chk-st2 {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.chk-st2 + label {display: inline-block; position: relative; padding-left: 26px; cursor: pointer; vertical-align: middle; line-height: 20px;}
.chk-st2 + label:before{content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; text-align: center; background: #fff; border: 1px solid #999999; box-sizing: border-box; border-radius: 5px;}
.chk-st2:checked + label:after{ content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; background: url(../img/common/ico_check.png) no-repeat center #ad37bf; border-radius: 5px;}
.chk-st2 + label span {vertical-align: middle; display: inline-block; line-height: 20px;}
.inp-st1 {border: 1px solid #dddddd; height: 35px; box-sizing: border-box; padding: 0 10px; line-height: 33px;}
.inp-st2 {border-bottom: 1px solid #484849; height: 30px; box-sizing: border-box; padding: 0 10px; line-height: 30px; text-align: center; color: #333; width: 92px; font-size: 1.6rem;}
.inp-st3 {border: 1px solid #dddddd; height: 50px; box-sizing: border-box; padding: 0 30px; line-height: 48px; width: 100%; font-size: 1.7rem;}
.inp-st3::placeholder {font-size: 1.6rem;}
.textarea-st1 {border: 1px solid #0c9ae0; width: 100%; height: 240px; padding: 10px; color: #333; line-height: 1.5; box-sizing: border-box;}
.h3desc {margin-left: 1.7rem; margin-bottom: 1.2rem; line-height: 1.4;}
.h3desc.bl {padding: 0 0 0 1.5rem; text-indent: -1.5rem;}
.job-sign {text-align: right; margin-bottom: 5rem;}
.job-sign p {display: inline-block;}
.job-sign p:nth-last-of-type(1) {margin-left: 1.2rem;}
.job-sign span {display: inline-block; margin-right: .6rem;}
.login-wrap {text-align: center; margin: 0 auto; max-width: 500px; padding: 120px 0;}
.login-wrap h1 {font-size: 30px; font-weight: 500; margin-bottom: 30px;}
.login-wrap .login-con {}
.login-wrap .login-input {border: 1px solid #dddddd; font-size: 0; margin-bottom: 10px;}
.login-wrap .login-input .ico-id {display: inline-block; width: 60px; height: 60px; background: url(../img/sub/ico_id.png) no-repeat center #f4f8f9; border-right: 1px solid #dddddd; vertical-align: middle;}
.login-wrap .login-input .ico-pw {display: inline-block; width: 60px; height: 60px; background: url(../img/sub/ico_pw.png) no-repeat center #f4f8f9; border-right: 1px solid #dddddd; vertical-align: middle;}
.login-wrap .login-input input {height: 60px; width: calc( 100% - 62px); vertical-align: middle; padding: 0 20px; font-size: 18px; color: #333333; box-sizing: border-box;}
.login-wrap .login-input input[type=password] {letter-spacing: 3px;}
.login-wrap .login-input input::placeholder {color: #999999; letter-spacing: 0;}
.login-wrap .btn-login {margin: 20px 0 40px; width: 100%; display: block; height: 70px; line-height: 70px; color: #fff; background: #ad37bf; text-align: center; font-size: 25px; font-weight: 500;}
.login-wrap .tlink {margin-bottom: 40px;}
.login-wrap .tlink li {display: inline-block; padding: 0 20px; height: 16px; vertical-align: middle; line-height: 20px;}
.login-wrap .tlink li:first-child {border-right: 1px solid #dddddd;}
.login-wrap .tlink li a {color: #777777;}
.login-wrap .slogin {display: block; font-size: 0;}
.login-wrap .slogin li {display: inline-block; width: 50%; margin-bottom: 10px;}
.login-wrap .slogin li:nth-child(odd) {padding-right: 10px;}
.login-wrap .slogin li:nth-child(even) {padding-left: 10px;}
.login-wrap .slogin li a  {display: block; color: #fff; font-size: 18px; background: #ccc; text-align: center; height: 50px; line-height: 53px; padding: 0 15px; box-sizing: border-box; font-weight: 600; overflow: hidden;}
.login-wrap .slogin li .btn-login-n {background: #1dc800;}
.login-wrap .slogin li .btn-login-k {background: #f9e000; color: #3b1e1e;}
.login-wrap .slogin li .btn-login-f {background: #3b5998;}
.login-wrap .slogin li .btn-login-l {background: #dd1937;}
.login-wrap .slogin li img {float: left; margin-top: 12px;}
#gnb {position: relative;}
.member-wrap {position: absolute; top: -58px; right: 0;}
.member-wrap a {color: #333; font-size: 16px; line-height: 25px; display: inline-block; margin-left: 30px;}
.member-wrap a img {vertical-align: middle; margin-right: 10px; margin-top: -3px;}
.join-wrap {margin: 0; padding: 0px 0;}
.join-wrap h1 {font-size: 30px; font-weight: 500; margin-bottom: 30px; text-align: center;}
.joinstep-wrap {display: inline-block; width: 100%; font-size: 0; position: relative; text-align: center; margin-bottom: 11rem;}
.joinstep-wrap::before {content: ''; display: block; height: 1px; background: #dddddd; position: absolute; top: 70px; left: 0; width: 100%; z-index: 1;}
.joinstep-wrap li {display: inline-block; width: 20%; text-align: center; z-index: 2; position: relative;}
.joinstep-wrap li span {display: inline-block; width: 140px; height: 140px; border-radius: 70px; background-repeat: no-repeat; background-position: center; background-color: #fff; border: 1px solid #dddddd; box-sizing: border-box; margin-bottom: 1.5rem;}
.joinstep-wrap li .step1 {background-image: url(../img/sub/ico_joinstep1.png);}
.joinstep-wrap li .step2 {background-image: url(../img/sub/ico_joinstep2.png);}
.joinstep-wrap li .step3 {background-image: url(../img/sub/ico_joinstep3.png);}
.joinstep-wrap li .step4 {background-image: url(../img/sub/ico_joinstep4.png);}
.joinstep-wrap li .step1.on {background-image: url(../img/sub/ico_joinstep1_on.png); background-color: #ad37bf; border: 1px solid #ad37bf;}
.joinstep-wrap li .step2.on {background-image: url(../img/sub/ico_joinstep2_on.png); background-color: #ad37bf; border: 1px solid #ad37bf;}
.joinstep-wrap li .step3.on {background-image: url(../img/sub/ico_joinstep3_on.png); background-color: #ad37bf; border: 1px solid #ad37bf;}
.joinstep-wrap li .step4.on {background-image: url(../img/sub/ico_joinstep4_on.png); background-color: #ad37bf; border: 1px solid #ad37bf;}
.joinstep-wrap li p {color: #333; font-size: 2rem;}
.join-con h3 {margin-bottom: 2rem; font-size: 1.25em;}
.join-con .terms {border: 1px solid #ddd; background: #f9f9f9; padding: 3rem; font-size: 1.6rem; line-height: 1.4; margin-bottom: 2rem; overflow: auto; height: 25em;}
.join-con .terms .private li {margin-bottom: .5rem;}
.join-con .terms .private > li {margin-bottom: 2rem;}
.join-con .terms .private > li > ol > li {margin-bottom: 2rem;}
.join-wrap .agree-wrap {margin-bottom: 6rem;}
.join-wrap .btn-wrap {text-align: center; margin-bottom: 5rem;}
.btn-bo-pink {height: 60px; border: none; line-height: 58px; color: #ad37bf; display: inline-block; background: #fff; text-align: center; font-size: 18px; font-weight: 500; border: 2px solid #ad37bf; letter-spacing: -1px; padding: 0 10px; width: 40%; max-width: 240px; margin: 0 2px;}
.btn-bo-gray {height: 60px; border: none; line-height: 58px; color: #777777; display: inline-block; background: #fff; text-align: center; font-size: 18px; font-weight: 500; border: 2px solid #ddd; letter-spacing: -1px; padding: 0 10px; width: 40%; max-width: 240px; margin: 0 2px;}
.authentication-wrap {font-size: 0; display: block; margin-bottom: 4rem;}
.authentication-wrap li {text-align: left; width: 50%; display: inline-block;}
.authentication-wrap li:last-child {text-align: right;}
.authentication-wrap li a {width: calc( 100% - 20px ); display: inline-block; border: 1px solid #ddd; background: #f9f9f9; padding: 6rem 0; text-align: center;}
.authentication-wrap li span {display: inline-block; width: 150px; height: 150px; border-radius: 150px; line-height: 150px; background-color: #fff; margin-bottom: 1rem;}
.authentication-wrap li span img {max-height: 60%;}
.authentication-wrap li h4 {display: block; font-size: 2.2rem; color: #333; font-weight: 500; margin-bottom: .4em;}
.authentication-wrap li p {font-size: 1.8rem; line-height: 1.2; font-weight: 400;}
.joininfo-wrap {border: 1px solid #dddddd; padding: 2rem 1rem; margin-bottom: 4rem;}
.joininfo-wrap .btn-pink {min-width: 100px; width: 100%; height: 50px; border: none; line-height: 50px; color: #fff; display: inline-block; background: #ad37bf; text-align: center; font-size: 1.8rem; font-weight: 600; padding: 0 1rem;}
.joininfo-wrap .btn-black {min-width: 100px; width: 100%; height: 50px; border: none; line-height: 50px; color: #fff; display: inline-block; background: #000; text-align: center; font-size: 1.8rem; font-weight: 600; padding: 0 1rem;}
.joininfo-wrap .sp {color: red;}
.table-st05 {width: 100%; border-collapse: collapse;}
.table-st05 th {padding: 12px 40px; border: 10px solid #fff; background: #f4f8f9; color: #333; font-size: 1.8rem; line-height: 1; text-align: left;}
.table-st05 td {padding: 0 0 0 10px; text-align: left; color: #333; border: 10px solid #fff;}
.table-st05 td .dash {padding: 0 1.3%;}
.txt-joinok1 {font-size: 3.8rem; font-weight: 600; margin-bottom: 5px; text-align: center;}
.txt-joinok1 strong {color: #ad37bf;}
.txt-joinok2 {font-size: 2.4rem; margin-bottom: 6rem; text-align: center; word-break: keep-all;}
@media screen and (max-width: 1024px) {
.h3desc {margin-left: 0;}
.btn-r {min-width: auto;}
.member-wrap {position: static; padding: 1.6rem; text-align: right;}
.joinstep-wrap li {width: 25%;}
.joinstep-wrap li span {width: 14vw; height: 14vw; border-radius: 7vw;}
.joinstep-wrap::before {top: 7vw;}
.table-st05 th {padding: 12px;}
.inp-st3 {padding: 0 10px;}
}
@media screen and (max-width: 700px) {
.joinstep-wrap {margin-bottom: 8vw;}
.joinstep-wrap li span {background-size: 52%;}
.login-wrap, .join-wrap {padding: 4rem 0;}
.authentication-wrap li span {width: 20vw; height: 20vw; border-radius: 20vw; line-height: 20vw;}
.authentication-wrap li span img {height: 60%;}
.authentication-wrap li a {width: calc( 100% - 2vw );}
.authentication-wrap li p {font-size: 2.5vw;}
.txt-joinok1 {font-size: 3rem;}
.txt-joinok2 {font-size: 1.8rem;}
}
@media screen and (max-width: 500px) {
.joininfo-wrap {padding: .5rem;}
.table-st05 th {padding: 5px; border: 4px solid #fff; font-size: 1.5rem;}
.table-st05 td {padding: 0 0 0 5px; border: 4px solid #fff;}
.inp-st3 {padding: 0 5px; height: 35px; line-height: 33px; font-size: 1.5rem;}
.joininfo-wrap .btn-pink, .joininfo-wrap .btn-black {height: 35px; line-height: 35px; font-size: 1.5rem;}
.inp-st3.w20p {width: 28% !important;}
}


/* 헤드 > 메뉴점프 */
.head_goto1 {position:fixed;width:100%;z-index:2000;top:0;left:0;}
.head_goto1 a {display:block;background:#006633;text-align:center;color:#fff;font-size:1.5em;transition:all 0.25s;opacity:0;height:0;overflow:hidden;}

/*
.head_goto1 {position:fixed;width:100%;z-index:2000;top:0;left:0;}
.head_goto1 a {display:block;background:#000;text-align:center;color:#fff;font-size:1.5em;transition:all 0.25s;opacity:0;height:0;overflow:hidden;}
*/


/* 주메뉴바로가기 본문바로가기
#anchor_headmenu {display:block;width:0;height:0;overflow:hidden;text-indent:-9999px;}
#anchor_bodycon {display:block;width:0;height:0;overflow:hidden;text-indent:-9999px;}
*/
#membership_none {display:block;width:0;height:0;overflow:hidden;text-indent:-9999px;}
.tabpanellist h4{display:block;width:0;height:0;overflow:hidden;text-indent:-9999px;}

/* ===== GNB 1depth 메뉴별 호버 색상 (CI 전용색상) ===== */
@media (min-width: 1024px) {
	/* 주요사업 */
	#header #gnb > ul > li:nth-last-child(6):hover > a,
	#header #gnb > ul > li:nth-last-child(6):focus-within > a {color:#7EA643;border-bottom:3px solid #7EA643;}
	/* 문화시설 */
	#header #gnb > ul > li:nth-last-child(5):hover > a,
	#header #gnb > ul > li:nth-last-child(5):focus-within > a {color:#58626C;border-bottom:3px solid #58626C;}
	/* 도서관 */
	#header #gnb > ul > li:nth-last-child(4):hover > a,
	#header #gnb > ul > li:nth-last-child(4):focus-within > a {color:#F15F23;border-bottom:3px solid #F15F23;}
	/* 자료실 */
	#header #gnb > ul > li:nth-last-child(3):hover > a,
	#header #gnb > ul > li:nth-last-child(3):focus-within > a {color:#A269AD;border-bottom:3px solid #A269AD;}
	/* 열린광장 */
	#header #gnb > ul > li:nth-last-child(2):hover > a,
	#header #gnb > ul > li:nth-last-child(2):focus-within > a {color:#0074BD;border-bottom:3px solid #0074BD;}
	/* 재단소개 */
	#header #gnb > ul > li:last-child:hover > a,
	#header #gnb > ul > li:last-child:focus-within > a {color:#7EA643;border-bottom:3px solid #7EA643;}
}

@media (min-width: 1024px) {
	#header #gnb > ul > li:nth-last-child(6) .depth2 > li:hover > a {color:#7EA643;}
	#header #gnb > ul > li:nth-last-child(5) .depth2 > li:hover > a {color:#58626C;}
	#header #gnb > ul > li:nth-last-child(4) .depth2 > li:hover > a {color:#F15F23;}
	#header #gnb > ul > li:nth-last-child(3) .depth2 > li:hover > a {color:#A269AD;}
	#header #gnb > ul > li:nth-last-child(2) .depth2 > li:hover > a {color:#0074BD;}
	#header #gnb > ul > li:last-child   .depth2 > li:hover > a {color:#7EA643;}
}