@charset "UTF-8";

@font-face {
    font-family: 's-core_dream';
    src: url('font/scdream2.woff2') format('woff2'),
         url('font/scdream2.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 's-core_dream';
    src: url('font/scdream4.woff2') format('woff2'),
         url('font/scdream4.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 's-core_dream';
    src: url('font/scdream5.woff2') format('woff2'),
         url('font/scdream5.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 's-core_dream';
    src: url('font/scdream6.woff2') format('woff2'),
         url('font/scdream6.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
	font-family: 'SUIT';
	font-weight: 400;
	src: local('SUIT Regular'), url('font/SUIT-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 600;
	src: local('SUIT SemiBold'), url('font/SUIT-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 900;
	src: local('SUIT Heavy'), url('font/SUIT-Heavy.woff2') format('woff2');
}

/* Reset */
* {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing : border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	line-height: 1.5em;
}
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
    color: #333;
	font-family: 'SUIT', 's-core_dream', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
	-webkit-tap-highlight-color: transparent;
}
a {
	color: inherit;
	cursor: pointer;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}
ul, li, ol {
	list-style: none;
}
img {
	border: 0;
	vertical-align: top;
}
a, a:hover, a:active, a:visited {
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	cursor: pointer;
}
fieldset {
	border: 0;
}
legend, caption {
    overflow: hidden; 
    position: absolute; 
    width: 1px; 
    height: 1px; 
    margin: -1px;
    clip-path: polygon(0 0, 0 0, 0 0);
}
textarea {
	overflow: auto;
}
button {
	display: inline-block;
	cursor: pointer;
	background: none;
	font-family: inherit;
	vertical-align: middle;
	cursor: pointer;
	white-space: nowrap ;
	text-decoration: none;
	background: transparent;
	border: none;
	outline: 0
}
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled], 
input[disabled] {
	cursor: default;
}
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
i, em, address {
	font-style: normal;
}
h1, h2, h3, h4, h5, h6,
strong {
	font-weight: 600;
}
small {
	font-size: 80%;
}
svg:not(:root) {
	overflow: hidden;
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}

/* Common */
.blind {
    overflow: hidden; 
    position: absolute; 
    width: 1px; 
    height: 1px; 
    margin: -1px;
    clip-path: polygon(0 0, 0 0, 0 0);
}
.inner {
    position: relative; 
	z-index: 1;
    width: 1200px;
    margin: 0 auto;
}
.mo-only {
    display: none !important;
}
.wide {
	width: 100%;
}

/* Form */
input[type="text"],
input[type="search"],
input[type="password"],
textarea {
	padding: 11px;
	font-family: 'SUIT', 's-core_dream', Helvetica, Arial, sans-serif;
    color: #333;
	font-size: 16px;
    background-color: #fff;
    border: 1px solid #E5E8EB;
    border-radius: 4px;
	outline: none;
	resize: none;    
	vertical-align: top;
}
input[type="text"]::placeholder,
input[type="search"]::placeholder,
input[type="password"]::placeholder,
textarea::placeholder {
	color: #C0C0C0; 
	letter-spacing: -1px;
}
input.error,
textarea.error,
.ui-radio [type="radio"].error + label {
	border-color: #EA3829;
}
label.error {
	display: block;
	margin-top: 8px;
	color: #EA3829;
	font-size: 14px;
	font-weight: 400;
}

/* Selete */
.ui-select {
    display: inline-block;
    position: relative;
	text-align: left;
    cursor: pointer;
}
.ui-select .s-blind {
	visibility: hidden;    
	min-width: 150px;
	height: 48px;
    padding-right: 10px;
}
.ui-select .s-title {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
	padding: 12px;
	color: #666666;
	font-size: 16px;
    background-color: #fff;
    border: 1px solid #E5E8EB;
	border-radius: 4px;
}
.ui-select .s-title:after { 
    content: "";   
    position: absolute;
    top: 50%;
    right: 12px;
    width: 24px;
    height: 25px;
	background: url(../images/bt/bt_arrow_sel_2x.png) no-repeat center;
	background-size: cover;
	transform: translateY(-50%);
}
.ui-select .s-options {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2;
    font-size: 16px;
    border: 1px solid #E5E8EB;
    background-color: #fff;
    border-radius: 4px;
}
.ui-select .s-options li {
	position: relative;
    padding: 12px;
    color: #666;
    font-size:  16px;
}
.ui-select .s-options li + li {
    border-top: 1px solid #E5E8EB;
}
.ui-select .s-options li:first-child:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    width: 24px;
    height: 25px;
    background: url(../images/bt/bt_arrow_sel_up_2x.png) no-repeat center;
    background-size: cover;
    transform: translateY(-50%);
}
.ui-select .s-options li.selected {
    font-weight: 600;
    background-color: rgba(51,205,245,0.15);
}

/* Radio Buttons */
.ui-radio {
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
}
.ui-radio [type="radio"]:not(:checked),
.ui-radio [type="radio"]:checked {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.ui-radio [type="radio"] + label {
    display: inline-block;
    position: relative;
	width: 140px;
	padding: 12px 16px;
    padding-right: 30px;
    color: #333;
	font-size: 16px;
	font-weight: 400;
	border: 1px solid #E5E8EB;
	border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
}
.ui-radio [type="radio"] + label:after {
    content: '';
    position: absolute;
    right: 16px;
    top: 50%;
    width: 16px;
    height: 16px;
    z-index: 0;
    -webkit-transition: .28s ease;
    transition: .28s ease;
    background: #fff;
    border: 3px solid #E5E8EB;
    border-radius: 50%;
    box-sizing: border-box;
	transform: translateY(-50%);
}
.ui-radio [type="radio"]:checked + label {
	color: #518AFA;
	font-weight: 600;
    border-color: #518AFA;
}
.ui-radio [type="radio"]:checked + label:after {
    border-color: #518AFA;
}
.ui-radio [type="radio"]:disabled:not(:checked) + label:after,
.ui-radio [type="radio"]:disabled:checked + label:after {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.42);
}
.ui-radio [type="radio"]:disabled + label {
    color: rgba(0, 0, 0, 0.42);
}
.ui-radio [type="radio"]:disabled:not(:checked) + label:after {
    border-color: rgba(0, 0, 0, 0.42);
}

/* File */
.section-register .register-body .r-form dd.ui-file-wrap {
	margin-top: -16px;
	padding: 0;
}
.ui-file {
    position: relative;
    display: inline-block;
    vertical-align: top;    
    white-space: nowrap;
}
.ui-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}

/* Search */
.ui-search {
	display: inline-block;
    position: relative;
    text-align: left;
}
.ui-search input[type="search"] {
	width: 200px;
	background: none;
}

/* Count */
.ui-count-wrap {
	position: relative;
}
.ui-count {
	position: absolute;
	top: -8px;
	right: 0;
	color: #666;
	font-size: 14px;
	text-align: right;
	transform: translateY(-100%);
}
.ui-count em {
	color: #333;
}

/* ui-dropdown */
.ui-dropdown .d-list {
	display: none;
}

/* ui-dropdown */
.ui-accordion li {
	position: relative;
}
.ui-accordion li.r-result[data-disabled="true"] {
	display: none;
}
.ui-accordion li.r-register.done .a-title {
	margin-bottom: 80px;
	opacity: 0.5;
}
.ui-accordion li.r-register.active .a-title {
	margin-bottom: 24px;
	opacity: 1;
}
.ui-accordion li.r-register.active:after {
	display: none;
}
.ui-accordion li[data-disabled="true"] .a-title button {
	cursor: default;
}
.ui-accordion li.r-register.done:after {
	position: absolute;
	top: 56px;
	left: 17px;
	content: '';
	width: 2px;
	height: 40px;
	background: #E5E8EB;
}
.ui-accordion li.r-register.done .a-cont {
	display: none;
}

/* 더보기 */
.ui-more-view {
	position: relative;
	margin-top: 4px;
	border: 1px solid #E5E8EB;
	border-radius: 4px;
}
.ui-more-view p {
	height: 126px;
	padding: 24px;
	text-overflow: unset !important;
    white-space: normal !important;
}
.ui-more-view .bt-area {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 23px 0 29px;
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 30%, transparent 100%);
	border-radius: 4px;
}
.ui-more-view.active {
	padding-bottom: 90px;
}
.ui-more-view.active p {
	height: auto !important;
    overflow-y: auto !important;
	max-height: 300px;
}
.ui-more-view.active .bt.dropdown:after {
	transform: rotate(-180deg);
}

/* Tooltip */
.ui-tooltip {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-left: 1px;
}
.ui-tooltip .ico.info {
	vertical-align: middle;
}
.ui-tooltip div[data-tooltip-con] {
	display: none;
	position: absolute;
	left: -18px;
	top: 29px;
    z-index: 1;
    width: 184px;
    padding: 8px 30px 8px 8px;
    border: 1px solid #333;
    background: #fff;
    border-radius: 4px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.ui-tooltip div[data-tooltip-con]:after {
	content: '';
    position: absolute;
    left: 13px;
    top: 1px;
    z-index: 6;
    width: 8px;
    height: 8px;
    border: 1px solid #333;
    border-color: #333 transparent transparent #333;
    background: #fff;
    transform: rotate(45deg) translateY(-100%);
}
.ui-tooltip div[data-tooltip-con] p {
	all: unset !important;
    font-size: 14px !important;
	word-break: keep-all;
}
.ui-tooltip div[data-tooltip-con] .ico.close3 {
	position: absolute;
	right: 10px;
	top: 10px;
}

/* Swiper */
.wrap-container .swiper-controls {
	display: flex;
    display: -ms-flexbox;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 11px;
	width: 134px;
    top: -60px;
}
.wrap-container .swiper-pagination-fraction {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 0;
    bottom: auto;
	width: auto;
    height: 24px;
}
.wrap-container .swiper-pagination-fraction:after {
    content: '/';
    position: absolute;
    left: 50%;
    top: 50%;
    color: #333;
    transform: translateX(-50%) translateY(-50%);
}
.wrap-container .swiper-pagination-fraction span {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    width: 10px;
}
.wrap-container .swiper-pagination-fraction .swiper-pagination-current {
    position: relative;
    font-weight: 800;
}
.wrap-container .swiper-controls .swiper-button-prev, 
.wrap-container .swiper-controls .swiper-button-next {
	top: 0;
    width: 40px;
    height: 40px;
	margin: 0;
    background-repeat: no-repeat;
    background-position: center;
	border-radius: 50%;
	border: 1px solid #333;
    cursor: pointer;
    z-index: 11;
}
.wrap-container .swiper-controls .swiper-button-prev { 
	display: block;
    left: 0;
    background-image: url(../images/bt/bt_arrow_l.png)
}
.wrap-container .swiper-controls .swiper-button-next {
	display: block;
    right: 0;
    background-image: url(../images/bt/bt_arrow_r.png);
}
.wrap-container .swiper-controls .swiper-button-prev:after,
.wrap-container .swiper-controls .swiper-button-next:after {
    content: '';
    cursor: pointer;
}

/* Icon */
.ico {
    display: inline-block;
    vertical-align: top;
}
.ico.menu {
	position: absolute; 
	top: 24px; 
	right: 19px; 
	width: 24px; 
	height: 24px;
	background: url(../images/ico/ico_menu_3x.png) no-repeat center; 
	background-size: cover;
}
.ico.menu-close {
	position: absolute; 
	z-index: 2;
	top: 24px; 
	right: 19px; 
	width: 24px; 
	height: 24px;
	background: url(../images/ico/ico_close_3x.png) no-repeat center; 
	background-size: cover;
}
.ico.home {
	width: 24px; 
	height: 24px;
	background: url(../images/ico/ico_home_3x.png) no-repeat center; 
	background-size: cover;
}
.ico.play {
	width: 20px;
	height: 20px;
	background: url(../images/ico/ico_play_3x.png) no-repeat center;
	background-size: cover;
}
.ico.notice {
	width: 24px;
	height: 24px;
	background: url(../images/ico/ico_notice_3x.png) no-repeat center;
	background-size: cover;
}
.bt .ico:before {
	content: '';
	display: inline-block;
	vertical-align: top;
	width: 24px;
	height: 24px;
	margin-right: 4px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.ico.edit:before {
	background-image: url(../images/ico/ico_edit_3x.png);
}
.bt:disabled .ico.edit:before {
	background-image: url(../images/ico/ico_edit_disabled_3x.png)
}
.ico.delete:before {
	background-image: url(../images/ico/ico_delete_3x.png);
}
.bt:disabled .ico.delete:before {
	background-image: url(../images/ico/ico_delete_disabled_3x.png)
}
.ico.file:before {
	background-image: url(../images/ico/ico_file_3x.png);
}
.bt:disabled .ico.file:before {
	background-image: url(../images/ico/ico_file_disabled_3x.png)
}
.ico.envelope:before {
	background-image: url(../images/ico/ico_envelope_3x.png);
}
.bt:disabled .ico.envelope:before {
	background-image: url(../images/ico/ico_envelope_disabled_3x.png)
}
.ico.print:before {
	background-image: url(../images/ico/ico_printer_3x.png);
}
.ico.paper:before {
	content: '';
	display: inline-block;
	vertical-align: top;
	width: 24px;
	height: 24px;
	margin-right: 8px;
	background: url(../images/ico/ico_paper_3x.png) no-repeat center;
	background-size: cover;
}
.ico.close2 {
	width: 24px;
	height: 24px;
	background: url(../images/ico/ico_close2_3x.png) no-repeat center;
	background-size: cover;
}
.ico.signup:before {
	content: '';
	display: inline-block;
	vertical-align: top;
	width: 24px;
	height: 24px;
	margin-right: 4px;
	background: url(../images/ico/ico_user_3x.png) no-repeat center;
	background-size: cover;
}
.ico.log:before {
	content: '';
	display: inline-block;
	vertical-align: top;
	width: 24px;
	height: 24px;
	margin-right: 4px;
	background: url(../images/ico/ico_login_3x.png) no-repeat center;
	background-size: cover;
}
.ico.instagram {
	width: 100%;
	height: 100%;
	background: url(../images/ico/ico_sns_3x.png) no-repeat 10px center;
	background-size: 188px auto;
}
.ico.facebook {
	width: 100%;
	height: 100%;
	background: url(../images/ico/ico_sns_3x.png) no-repeat -46px center;
	background-size: 188px auto;
}
.ico.kakaotalk {
	width: 100%;
	height: 100%;
	background: url(../images/ico/ico_sns_3x.png) no-repeat -102px center;
	background-size: 188px auto;	
}
.ico.twitter {
	width: 100%;
	height: 100%;
	background: url(../images/ico/ico_sns_3x.png) no-repeat -162px center;
	background-size: 188px auto;	
}
.ico.number {
	width: 36px;
	height: 36px;
	line-height: 36px;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	background: #518AFA;
	border-radius: 50%;
}
.done .ico.number {
	text-indent: -999px;
	background-image: url(../images/ico/ico_check.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.active .ico.number {
	text-indent: 0;
	background: #518AFA;
}
.ico.info {
	width: 16px;
	height: 16px;
	background-image: url(../images/ico/ico_info_3x.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
}
.ico.close3 {
	width: 22.5px;
	height: 22.5px;
	background-image: url(../images/ico/ico_close3_3x.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
}
.ico.bar {
	width: 22.5px;
	height: 22.5px;
	background-image: url(../images/ico/ico_graph_bar_3x.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
}
.ico.pie {
	width: 24px;
	height: 24px;
	background-image: url(../images/ico/ico_graph_pie_3x.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
}

/* Button */
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.bt-area {
	display: flex;
    display: -ms-flexbox;
    align-items: center;
	justify-content: left;
	gap: 0 8px;
}
.bt-area.right {
	justify-content: right;
}
.bt-area.center {
	justify-content: center;
}
.bt {
    display: inline-block;
    vertical-align: top;
	text-align: center;
	transition: all 0.2s ease-in-out;
}
.bt span {
	display: block;
	font-weight: 600;
	transition: all 0.2s ease-in-out;
}
.bt span.ico {
	display: inline-block;
	margin-right: 8px;
}
.bt span span {
	display: inline;
}
.bt.small {
	min-width: 108px;
	padding: 11px 19px;
	font-size: 16px;
	border: 1px solid #E5E8EB;
	border-radius: 4px;
}
.bt.small span {
	font-size: inherit;
}
.bt.medium,
.bt.large {
	min-width: 136px;
	padding: 15px 19px;
	font-size: 16px;
	border-radius: 4px;
}
.bt.medium span,
.bt.large span {
	font-size: inherit;
}
.bt.large.raund {
	min-width: 173px;
	padding: 19px;
	font-size: 24px;
}
.bt.large.raund span {
	font-size: inherit;
	transition: none;
}
.bt.default {
	color: #333;
	border: 1px solid #E5E8EB;
	background-color: #F2F4F6;
}
.bt.default span {
	color: inherit;
}
.bt.small.default {
	color: #666;
}
.bt.submit {
	color: #fff;
	border: 1px solid #518AFA;
	background-color: #518AFA;
}
.bt.submit span {
	color: inherit;
}
.bt.default:disabled,
.bt.submit:disabled {
	color: #ABBED1;
	background-color: #EEF5FC;
	background-color: #EEF5FC;
}
.bt.default:disabled span,
.bt.submit:disabled span {
	color: #ABBED1;
	background-color: #EEF5FC;
}
.bt.raund {
	border: 1px solid #333;
	border-radius: 1000px;
	color: #333;
}
.bt.raund span {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
}
.bt.raund.large {
	padding: 15px 0;
	font-size: 20px;
	font-weight: 600;
}
.bt.l-link {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;	
}
.bt.experience {
	width: 100px;
	height: 198px;
	background: url(../images/bt/bt_experience.png) no-repeat center;
	background-size: cover;
}
.bt.top {
	display: block;
	width: 70px;
	height: 70px;
	margin: 0 auto;
	background-color: rgba(255, 255, 255, 0.8);
	background-image: url(../images/bt/bt_arrow_t.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 37%;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
	border-radius: 50%;
	backdrop-filter: blur(10px);
	transition: all 0.3s ease-in-out;
}
.bt.dropdown {
	padding-right: 24px;
	padding-left: 24px;
	background: #313741;
	border-color: #313741;
	box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1);
}
.bt.dropdown:after {
	content: '';
	display: inline-block;
	vertical-align: top;
	width: 24px;
	height: 24px;
	margin-left: 4px;
	background-image: url(../images/bt/bt_arrow_down_w_3x.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.bt.dropdown span {
	color: #fff !important;
}

/* Text */
p.txt-dot {
	position: relative;
	padding-left: 12px;
	color: #666;
	font-size: 16px;
}
p.txt-dot:before {
	content: '';
	position: absolute;
	left: 0;
	top: 12px;
	width: 4px;
	height: 4px;
	background-color: #666;
	border-radius: 50%;
	transform: translateY(-50%);
}
p.txt-dot.red {
	color: #EA3829;
}
p.txt-dot.red:before {
	background-color: #EA3829;
}
.txt-nodata {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 707px;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
}
.txt-nodata p:before {
	content: '';
	display: block;
	vertical-align: top;
	width: 56px;
	height: 56px;
	margin: 0 auto 14px;
	background: url(../../static/images/ico/ico_doc_fail_3x.png) no-repeat center top;
	background-size: cover;
}

/* SNS */
.sns-area {
	display: flex;
    display: -ms-flexbox;
	align-items: center;
	justify-self: center;
	gap: 0 8px;
}
.sns-area [class*="s-"] {
	display: inline-block;
	vertical-align: top;
	width: 36px;
	height: 36px;
	background: #FFFFFF;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
}
.sns-area .bt.small {
    min-width: 96px;
	margin-left: 12px;	
}

/* pagination */
.pagination {
	text-align: center;
}
.pagination .p-page button {
	display: inline-block; 
	vertical-align: top; 
	width: 40px; 
	height: 40px; 
	margin: 0 2.5px; 
	color: #666;
	font-size: 16px; 
	font-weight: 400; 
	border: 1px solid #E5E8EB;
	border-radius: 8px;
}
.pagination .p-page button.prev,
.pagination .p-page button.next {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border: 0;
}
.pagination .p-page button.current {
	color: #fff; 
	font-weight: 600; 
	border: 1px solid #313741;
	background-color: #313741; 
}
.pagination .p-page button.prev.current,
.pagination .p-page button.next.current {
	border: 0px;
	background-color: transparent;
}
.pagination .p-page button.prev {
	background-image: url("../images/bt/bt_arrow_pl_2x.png");
}
.pagination .p-page button.next {
	background-image: url("../images/bt/bt_arrow_pr_2x.png");
}
.pagination + .bt-area {
	position: absolute;
	top: -16px;
	right: 0;
}

/* List */
.list-gallery {
	display: grid;
	gap: 64px 24px;
}
.list-gallery li {
	overflow: hidden;
	position: relative;
}
.list-gallery li .l-img {
	overflow: hidden;
	display: flex;
    display: -ms-flexbox;
    align-items: center;
    justify-content: center;
	width: 280px;
	height: 298px;
	margin-bottom: 24px;
	border-radius: 8px;
	border: 1px solid #F2F4F6;
	background-color: #F2F4F6;
	transition: all 0.2s ease-in-out;
	box-sizing: content-box;
}
.list-gallery li .l-img img {
	max-width: 100%;
	max-height: 100%;
}
.list-gallery li .l-img.type2 img {
	width: 100%;
	height: auto;
}
.list-gallery#newsList li .l-img img {
	width: 100%;
	height: auto;
} 
.list-gallery li .l-cont div.bar {
	position: relative;
	margin-bottom: 24px;
	padding-bottom: 12px;
	font-size: 20px;
}
.list-gallery li .l-cont div.bar:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 8px;
	border-radius: 4px;
	background-color: #F2F4F6;
}
.list-gallery li .l-cont div.bar em {
	font-weight: 600;
}
.list-gallery li .l-cont div.bar em:before {
	content: 'KReaD ';
}
.list-gallery li .l-cont div.bar span {           
	position: absolute;
	left: 0;
	bottom: 0;
	height: 8px;
	border-radius: 4px;
}
.list-gallery li .l-cont div.bar.level1 {
	color: #F6C714;
}
.list-gallery li .l-cont div.bar.level1 span {
	background-color: #F6C714;
}
.list-gallery li .l-cont div.bar.level2 {
	color: #75BD51;
}
.list-gallery li .l-cont div.bar.level2 span {
	background-color: #75BD51;
}
.list-gallery li .l-cont div.bar.level3 {
	color: #00554F;
}
.list-gallery li .l-cont div.bar.level3 span {
	background: #00554F;
}
.list-gallery li .l-cont div.bar.level4 {
	color: #0078AA;
}
.list-gallery li .l-cont div.bar.level4 span {
	background: #0078AA;
}
.list-gallery li .l-cont div.bar.level5 {
	color: #5B5AA6;
}
.list-gallery li .l-cont div.bar.level5 span {
	background: #5B5AA6;
}
.list-gallery li .l-cont div.bar.level6 {
	color: #A9298C;
}
.list-gallery li .l-cont div.bar.level6 span {
	background: #A9298C;
}
.list-gallery li .l-cont div.bar.level7 {
	color: #A8272E;
}
.list-gallery li .l-cont div.bar.level7 span {
	background: #A8272E;
}
.list-gallery li .l-cont strong {
	display: block;
	font-size: 20px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.list-gallery li .l-cont p {
	margin-top: 8px;
	font-size: 16px;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: initial;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.list-gallery li .l-cont small {
	display: block;
	margin-top: 8px;
	font-size: 14px;
	font-weight: 400;
}
.list-gallery li .l-cont small span {
	display: inline-block;
	vertical-align: top;
}
.list-gallery.column1 {
	grid-template-columns: 1fr;
}
.list-gallery.column2 {
	grid-template-columns: 1fr 1fr;
}
.list-gallery.column3 {
	grid-template-columns: 1fr 1fr 1fr;
}
.list-gallery.column4 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.list-gallery.column5 {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.list-gallery.product li .l-img {
	background-color: #D9D9D9;
}
.list-gallery.line li .l-cont p {
	display: block;
	white-space: nowrap;
}
.list-gallery.line li .l-cont .bar ~ p {
	display: none;
}
.list-gallery.line.swiper-wrapper {
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: space-between;
	gap: 0;
}
.list-gallery.line.swiper-wrapper li {
	width: 306px;
	padding: 1px 12px;
	border: 0;
}

/* List Card */
.list-card {
	display: grid;
	gap: 20px 24px;
}
.list-card > li {
	overflow: hidden;
	position: relative;
	padding: 32px;
	border-radius: 8px;
	background-color: #F2F4F6;
	background-repeat: no-repeat;
	background-position: right 29px bottom 31px; 
	background-size: 32px auto;
	transition: all 0.2s ease-in-out;
}
.list-card li .l-cont {
	position: relative;
	height: 122px;
}
.list-card li .l-cont strong {
	font-family: 's-core_dream', Helvetica, Arial, sans-serif;
	font-size: 32px;
	font-weight: 400;
}
.list-card li .l-cont p {
	margin-top: 4px;
	font-size: 20px;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.list-card li .l-cont small {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	margin-top: 16px;
}
.list-card li .l-cont span {
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	color: #666;
	font-size: 16px;
	font-weight: 400;
	transition: all 0.2s ease-in-out;
	white-space: nowrap;
}
.list-card li .l-cont small:after {
	content: '';
	display: inline-block;
	vertical-align: top;
	width: 24px;
	height: 24px;
	margin-left: 3px;
	background-image: url(../images/ico/ico_arrow_circle_gray_3x.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.list-card .bt.l-link {
	border: 1px solid transparent;
    border-radius: 8px;
}
.list-card.column1 {
	grid-template-columns: 1fr;
}
.list-card.column2 {
	grid-template-columns: 1fr 1fr;
}
.list-card.column3 {
	grid-template-columns: 1fr 1fr 1fr;
}
.list-card.column4 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.list-card.bar li {
	background-image: url(../images/ico/ico_graph_bar_gray_3x.png);
}
.list-card.pie li {
	background-image: url(../images/ico/ico_graph_pie_gray_3x.png);
}
/* 제품소개 */
.list-card.txt {
	gap: 4px 24px;	
}
.list-card.txt li {
	padding: 16px;
	border-radius: 4px;
}
.list-card.txt li .l-cont {
	display: flex;
    display: -ms-flexbox;
    align-items: center;
    justify-content: left;
	gap: 16px;	
	height: auto;
}
.list-card.txt li .l-cont strong {
	font-family: 'SUIT', 's-core_dream', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 600;
}
.list-card.txt li .l-cont p {
	margin-top: 0px;
	color: #666;
	font-size: 16px;
	font-weight: 400;
}
/* 제품소개 */
.list-card.img {
	gap: 0 24px;	
}
.list-card.img li {
	padding: 32px;
}
.list-card.img li .l-cont {
	height: 114px;
}
.list-card.img li .l-cont strong {
	font-family: 'SUIT', 's-core_dream', Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: 600;
}
.list-card.img li .l-cont p {
	color: #666;
	font-size: 16px;
	font-weight: 400;
	text-overflow: unset;
    white-space: normal;
	letter-spacing: -1px;
}
.list-card.img li .l-cont p + p {
	margin-top: 0;
}
.list-card.img li .l-cont strong + p {
	margin-top: 8px;
}
.list-card.img li .l-cont + .l-img {
	margin-top: 2px;
	text-align: right;
}
.list-card.img li .l-img img {
	width: 60px;
	height: auto;
}
.list-card.img.center {
	text-align: center;
}
.list-card.img.center li {
	padding: 20px 0 28px;
}
.list-card.img.center li .l-cont {
	height: auto;
}
.list-card.img.center li .l-cont p {
	color: #333;
	font-weight: 600;
}
.list-card.img.center li .l-cont p span {
	width: auto;
	color: #666;
	font-weight: 600;
	font-size: inherit;
}

/* List Dots */
.list-dots {
	margin: 12px 0 24px;
}
.list-dots li {
	position: relative;
	padding-left: 16px;
	color: #666;
	font-size: 16px;
}
.list-dots li:before {
	content: '';
	position: absolute;
	left: 4px;
	top: 50%;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #666;
	transform: translateY(-50%);
}
.list-dots li + li {
	margin-top: 4px;
}

/* List File */
.list-file {
	padding: 24px;
	background: #F2F4F6;
	border-radius: 4px;
}
.list-file li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 8px;
	padding: 16px 48px 16px 16px;
	background: #FFFFFF;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
}
.list-file li span {
	position: relative;
	padding-left: 32px;
	color: #666;
	font-size: 16px;
}
.list-file li .ico.paper:before {
	position: absolute;
	top: 0;
	left: 0;
}
.list-file li .ico.close2 {
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
}

/* List Progress Bar */
.list-progress {
	margin-top: 32px;
}
.list-progress li {
	padding: 0 !important;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: left;
}
.list-progress li + li {
	margin-top: 20px;
}
.list-progress .l-title {
	width: 139px;
}
.list-progress .l-title strong {
	color: #666;
	font-size: 14px;
	font-weight: 400;
}
.list-progress .l-bar{
	width: 334px;
	height: 16px;
	background-color: #F2F4F6;
	border-radius: 1000px
}
.list-progress .l-bar div {
	height: 16px;
	border-radius: 1000px
}
.list-progress .l-bar .c1 {
 	background-color: #518AFA;
}
.list-progress .l-bar .c2 {
 	background-color: #33CDF5;
}
.list-progress li > span {
	display: block;
	width: 51px;
	color: #666;
	font-size: 14px;
	font-weight: 600;
	text-align: right;
}

/* List Qna */
.list-qna {
	margin-top: 50px;
}
.list-qna li {
	text-align: center;
}
.list-qna img {
	display: block;
	width: 210px;
	margin: 0 auto;
}
.list-qna li strong {
	position: relative;
	display: block;
	margin-top: 12px;
	padding: 12px 24px 12px 48px;
	color: #333;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.list-qna li strong:before {
	content: 'Q.';
	position: absolute;
	top: 12px;
	left: 24px;
	margin-right: 4px;
	color: #518AFA;
	font-size: 16px;
	font-weight: 900;
}
.list-qna li strong:after {
	content: '';
    position: absolute;
    top: -14px;
    right: 11px;
    width: 0;
    height: 0;
    border-width: 16px;
    border-style: solid;
    border-color: transparent transparent #fff #fff;
    border-radius: 4px;
}
.list-qna li p {
	position: relative;
	display: block;
	margin-top: 12px;
	padding: 12px 24px 12px 48px;
	color: #333;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	background-color: #E7F5FE;
	border-radius: 20px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.list-qna li p:before {
	content: 'A.';
	position: absolute;
	top: 12px;
	left: 24px;
	margin-right: 4px;
	color: #518AFA;
	font-size: 16px;
	font-weight: 900;
}

/* List Label */
.list-label {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	align-items: center;
	gap: 16px 0;
}
.list-label li {
	padding: 0 !important;
	color: #666;
	font-size: 14px;
}
.list-label li .label {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin-right: 12px;
	border-radius: 4px;
}
.list-label li .label.yellow {
	background-color: #FFE600;
}
.list-label li .label.green {
	background-color: #75E762;
}
.list-label li .label.sky {
	background-color: #40C3EC;
}
.list-label li .label.blue {
	background-color: #407AEC;
}
.list-label li .label.purple {
	background-color: #7F54FA;
}
.list-label li .label.red {
	background-color: #FF3E78;
}


/* List Table */
.list-table {
	border-top: 1px solid #333;
}
.list-table table {
	table-layout: fixed;
}
.list-table thead th {
	height: 72px;
 	padding: 0 24px; 
	color: #333; 
	font-size: 16px; 
	text-align: center; 
	background: #F2F4F6; 
	border-bottom: 1px solid #E5E8EB; 
}
.list-table tbody td {
	height: 75px;
 	padding: 0 24px; 
	color: #333; 
	font-size: 16px; 
	font-weight: 400;  
	text-align: center;
	border-bottom: 1px solid #E5E8EB; 
}
.list-table tbody td.ellipsis {
	width: 100%;
 	overflow: hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis;     
	text-align: left;
}
.list-table tbody td.ellipsis a {
 	display: inline;
	font-size: inherit;
	text-align: left;
}
.list-table tbody tr.t-notice {
	background-color: #EEF5FC;
}
.list-table tbody tr.t-notice td.ellipsis a {
	color: #2F59CC;
	font-weight: 600;
}

/* 리스트 */
.section-list .list-footer {
	position: relative;
	margin-top: 40px;
}

/* 리스트 상세 */
.section-view {
	border-top: 1px solid #333;
}
.section-view .view-header {
	padding: 32px; 
	border-bottom: 1px solid #E5E8EB; 
	background-color: #F2F4F6;
}
.section-view .view-header .v-title {
	font-size: 20px; 
	font-weight: 600;
}
.section-view .view-header .v-title .v-reply {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 58px;
	height: 32px;
	margin-right: 16px;
	padding: 5px 0 5px 8px;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -1px;
	background: #DBEEFF;
	border: 1px solid #C8E5FF;
	border-radius: 4px;
}
.section-view .view-header .v-title .v-reply:before {
	content: '';
	display: inline-block;
	vertical-align: top;
	width: 16px;
	height: 16px;
	background: url(../images/ico/ico_reply_3x.png) no-repeat center;
	background-size: cover;
}
.section-view .view-header .v-list {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: left;
	margin-top: 16px;
}
.section-view .view-header .v-list li {
	position: relative;
	color: #666;
	font-weight: 400;
	font-size: 14px;
}
.section-view .view-header .v-list li + li {
	margin-left: 12px;
	padding-left: 12px;
} 
.section-view .view-header .v-list li + li:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	content: '';
	width: 1px;
	height: 14px;
	background-color: #D9D9D9;
	transform: translateY(-50%);
}
.section-view .view-header .v-list li strong {
	font-weight: 400;
}
.section-view .view-header .v-list li strong:after { 
	content: ' : '
}
.section-view .view-body {
	background-color: #fff; 
	border-bottom: 1px solid #E5E8EB;
}
.section-view .view-body .v-editer {
	padding: 32px; 
	font-size: 16px;
}
.section-view .view-body .v-answer {
	border-top: 1px solid #333;
}
.section-view .view-body .v-answer .view-header {
	background-color: #fff;
}
.section-view .view-body .v-answer .view-body {
	border-bottom: 0;
}
.section-view .view-body img {
	max-width: 100%;
}
.section-view .view-footer {
	margin-top: 24px; 
}
/* 제품소개 */
.wrap-contents.sub.product {
	padding-top: 0;
}
.sub.product .section-view {
	border-top: 0;
}
.product-header {
	padding: 60px 0;
    border-bottom: 0px;
    background-color: #E7F5FE;
}
.product-header .p-product {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap: 0 24px;
}
.product-header .p-slide {
	position: relative;
	width: 588px;
	height: 376px;
}
.product-header .p-swiper {
	position: absolute;
    top: 50%;
    left: 50%;
	width: 378px;
	height: 378px;
	transform: translateX(-50%) translateY(-50%);
}
.product-header .p-swiper .swiper-slide .l-img {
	width: 100%;
    height: 100%;
	text-align: center;
}
.product-header .p-swiper .swiper-slide .l-img img {
	max-width: 100%;
	max-height: 100%;
    margin: 0 auto;
}
.product-header .p-swiper-thumbs {
	position: absolute;
	top: 0;
	left: 0;
	width: 56px;
}
.product-header .p-swiper-thumbs .swiper-wrapper {
	display: block;
}
.product-header .p-swiper-thumbs .swiper-slide {
	overflow: hidden;
	width: 100% !important;
}
.product-header .p-swiper-thumbs .swiper-slide .l-img {
	overflow: hidden;
	width: 56px;
	height: 56px;
	margin-bottom: 4px;
	border: 1px solid transparent;
	background-color: #fff;
	border-radius: 4px;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
	text-align: center;
}
.product-header .p-swiper-thumbs .swiper-slide .l-img img {
	width: auto;
	height: 100%;
	margin: 0 auto;
}
.product-header .p-swiper-thumbs .swiper-slide.swiper-slide-thumb-active .l-img  {
	border-color: #518AFA;
}
.product-header .p-swiper-thumbs .swiper-slide img {
	width: 100%;
}
.product-header .p-info .sns-area {
	position: absolute;
	top: -36px;
	right: 0;
	z-index: 1;
}
.product-header .p-info .txt-hash {
	color: #518AFA;
	font-weight: 600;
}
.product-header .p-info .p-title {
	margin-bottom: 20px;
	color: #666;
	font-size: 16px;
	font-weight: 400;
}	
.product-header .p-info .p-title strong {
	display: block;
	margin-bottom: 4px;
	color: #333;
	font-size: 32px;
	font-weight: 500;
}
.product-header .p-info .list-card {
	margin-bottom: 24px;
}
.product-header .p-info .list-card li {
	background-color: #fff;
}
.product-header .p-info .bt-area {
	position: relative;
}
.product-header .p-info .bt-area .bt.link {
	position: absolute;
	right: 0;
	top: 0;
}
.product-header .p-info .bt-area .bt.link img {
	width: 154px;
}
.sub.product .section-view .view-body {
	padding: 60px 0 0;
}
.sub.product .section-view .view-body .v-title {
	margin-bottom: 24px;
	font-size: 24px;
}
.sub.product .section-view .view-body .v-cont {
	margin-bottom: 64px;
}
.sub.product .section-view .view-body .v-cont .txt-info strong {
	font-size: 20px;
	font-weight: 600;
}
.sub.product .section-view .view-body .v-cont .txt-info p {
	margin-top: 8px;
	color: #666;
	font-size: 16px;
	font-weight: 400;
}
/* 교과서 분석 */
.wrap-contents.sub.textbook {
	padding-bottom: 58px;
}
.sub.textbook .section-view {
	padding-top: 8px;
	border-top: 0px;
}
.sub.textbook .section-view .view-header {
	margin-bottom: 56px;
	padding: 28px 0 40px;
	color: #333;
	font-size: 24px;
	font-weight: 600;
	text-align: center;
	border-bottom: 0px;
	background-color: #E7F5FE;
	border-radius: 16px;
}
.sub.textbook .section-view .view-header strong {
	color: #518AFA;
	font-size: 20px;
}
.sub.textbook .section-view .view-body h3 {
	margin-bottom: 24px;
	color: #333;
	font-size: 24px;
	font-weight: 600;
}
.sub.textbook .section-view .view-body .grid {
	display: grid;
	gap: 56px 24px;
	align-items: center;
}
.sub.textbook .section-view .view-body .grid img {
	width: 100%;
}
.sub.textbook .section-view .view-body .grid img + p {
	margin-top: 16px;
}
.sub.textbook .section-view .view-body .grid.column1 {
	grid-template-columns: 1fr;
}
.sub.textbook .section-view .view-body .grid.column2 {
	grid-template-columns: 1fr 1fr;
}
.sub.textbook .section-view .view-body .v-cont + h3 {
	margin-top: 80px;
}
.sub.textbook .section-view .view-body .tbox {
	height: 192px;
	background: url(../images/bg_textbook_08.png) no-repeat center;
	background-size: cover;
}
.sub.textbook .section-view .view-body .tbox p {
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	text-align: center;
}

/* 리스트 등록 */
.section-register .register-body .r-editer {
	border: 1px solid #E5E8EB;
	border-radius: 4px;
}
.section-register .register-body .r-form {
	padding-top: 34px; 
	border-top: 1px solid #333;
}
.section-register .register-body .r-form dl {
	position: relative;
}
.section-register .register-body .r-form dt {
	margin-bottom: 20px;
}
.section-register .register-body .r-form dd {
	position: relative;
	margin-bottom: 20px;
}
.section-register .register-body .r-form dd label.error {
	position: absolute;
	bottom: -8px;
	transform: translateY(100%);
}
.section-register .register-footer .f-title {
	margin-bottom: 24px;
    font-size: 24px;
}
.section-register .register-footer > .bt-area{
	margin-top: 40px;
}
.ui-accordion.experience .a-title {
	margin-bottom: 24px;
}
.ui-accordion.experience .a-title button {
	color: #333;
	font-size: 24px;
	font-weight: 600;
}
.ui-accordion.experience .a-title .ico {
	margin-right: 16px;
}
.ui-accordion.experience .a-cont {
	margin-bottom: 64px;
}
.ui-accordion.experience .list-card.img.center li .l-cont p span {
	white-space: normal;
}
.ui-accordion.experience .r-result .a-cont {
	position: relative;
	padding: 40px 0;
}
.ui-accordion.experience .r-result .a-cont .sns-area {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.ui-accordion.experience .r-result:only-child .a-cont .sns-area {
	bottom: -20px;
}
.ui-accordion.experience .r-result .a-cont:before {
	content: '';
    position: absolute;
    top: 0;    
	left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
	background: #E7F5FE
}
.ui-accordion.experience .r-form dt {
	margin-bottom: 0;
	padding-top: 40px;
	font-size: 20px;
	font-weight: 600;
	border-top: 1px solid #E5E8EB
}
.ui-accordion.experience .r-form dt:first-child {
	padding-top: 6px;
	border-top: 0;
}
.ui-accordion.experience .r-form dd {
	margin-bottom: 40px;
	padding-top: 12px;
}
.ui-accordion.experience .grid-wrap {
	margin-bottom: 64px;
}
.ui-accordion.experience .grid-wrap .list-card.img {
	grid-template-columns: repeat(6, 1fr);
	gap: 24px;
}
.ui-accordion.experience .grid-wrap .list-card.img li {
	background-color: #fff;
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-cont {
	height: auto;
}
.ui-accordion.experience .grid-wrap .list-card li .l-cont span {
	width: auto;
}
.ui-accordion.experience .grid-wrap .list-card.img li.l-column1 {
	grid-column: span 6;
}
.ui-accordion.experience .grid-wrap .list-card.img li.l-column2 {
	grid-column: span 3;
}
.ui-accordion.experience .grid-wrap .list-card.img li.l-column3 {
	grid-column: span 3;
}
.ui-accordion.experience .grid-wrap .list-card.img li.l-column4,
.ui-accordion.experience .grid-wrap .list-card.img li.l-column5,
.ui-accordion.experience .grid-wrap .list-card.img li.l-column6,
.ui-accordion.experience .grid-wrap .list-card.img li.l-column7,
.ui-accordion.experience .grid-wrap .list-card.img li.l-column8,
.ui-accordion.experience .grid-wrap .list-card.img li.l-column13 {
	grid-column: span 1;
}
.ui-accordion.experience .grid-wrap .list-card.img li.l-column4 strong,
.ui-accordion.experience .grid-wrap .list-card.img li.l-column5 strong,
.ui-accordion.experience .grid-wrap .list-card.img li.l-column6 strong,
.ui-accordion.experience .grid-wrap .list-card.img li.l-column7 strong,
.ui-accordion.experience .grid-wrap .list-card.img li.l-column8 strong,
.ui-accordion.experience .grid-wrap .list-card.img li.l-column13 strong {
	color: #666;
	font-size: 16px;
}
.ui-accordion.experience .grid-wrap .list-card.img li.l-column4 span,
.ui-accordion.experience .grid-wrap .list-card.img li.l-column5 span,
.ui-accordion.experience .grid-wrap .list-card.img li.l-column6 span,
.ui-accordion.experience .grid-wrap .list-card.img li.l-column7 span,
.ui-accordion.experience .grid-wrap .list-card.img li.l-column8 span,
.ui-accordion.experience .grid-wrap .list-card.img li.l-column13 span {
	display: block;
	margin-top: 8px;
	color: #518AFA;
	font-size: 24px;
	font-weight: 600;
}
.ui-accordion.experience .grid-wrap .list-card.img li.l-column9 {
	grid-column: span 3;
	overflow: visible;
}
.ui-accordion.experience .grid-wrap .list-card.img li.l-column10 {
	grid-column: span 3;
	grid-row: span 1;
}
.ui-accordion.experience .grid-wrap .list-card.img li.l-column10 .l-img {
	margin-top: 24px;
}
.ui-accordion.experience .grid-wrap .list-card.img li.l-column10 .l-img img {
	height: 246px;
}
.ui-accordion.experience .grid-wrap .list-card.img li.l-column11 {
	grid-column: span 3;
	overflow: visible;
}
.ui-accordion.experience .grid-wrap .list-card.img li.l-column12 {
	grid-column: span 3;
	overflow: visible;
}
.ui-accordion.experience .grid-wrap .list-card.img li.l-column12 .l-cont p {
	min-height: 100px;
	margin-top: 24px;
	padding: 12px;
	border: 1px solid #E5E8EB;
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-cont p.txt-dot {
	padding: 12px 16px 12px 28px;
	background: #F2F4F6;
	border-radius: 4px;
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-cont p.txt-dot:before {
	top: 24px;
	left: 16px;
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-cont p.txt-dot span {
	color: #333;
	font-size: inherit;
	font-weight: 400;
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-cont  + .l-img img {
	width: 100%;
	height: auto;
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-cont .ui-tooltip {
	margin-top: 4px;
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-cont .ui-tooltip div[data-tooltip-con] {
	width: 220px
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.bar {
	width: 100%;
	padding-top: 46px;
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.bar strong {
	display: block;
	margin-bottom: 28px;
	color: #407AEC;
	font-size: 32px;
	font-weight: 400;
	text-align: center;
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.bar strong em {
	font-weight: 600;
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.bar .l-bar {
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	margin-bottom: 40px;
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.bar .l-bar > div {
	display: grid;
	grid-template-columns: repeat(7, 74px);
	gap: 1px;
	width: 100%;
	height: 20px;
	overflow: hidden;
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.bar .l-bar > div.progress {
	position: absolute;
	top: 0;
	left: 0;
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.bar .l-bar .bg span {
	background-color: #F2F4F6;
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.bar .level1 {
	background-color: #F6C714;
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.bar .level2 {
	background-color: #75BD51;
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.bar .level3 {
	background-color: #00554F;
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.bar .level4 {
	background-color: #0078AA;
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.bar .level5 {
	background-color: #5B5AA6;
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.bar .level6 {
	background-color: #A9298C;
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.bar .level7 {
	background-color: #A8272E;
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.circle {
	position: relative;
	height: 276px;
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.circle .l-circle {
	position: absolute;
	left: 50%;
	top: 15px;
	transform: translateX(calc(-50% - 16px));
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.circle .l-circle > div {
	position: relative;
	width: 244px;
	height: 244px;
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.circle.mgt .l-circle > div {
	margin-top: 6%;
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.circle .l-circle > div > div {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin: 0 2%;
	color: #fff;
	font-size: 40px;
	font-weight: 600;
	border-radius: 50%;
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.circle .l-circle div.c1 {
	left: 0;
	z-index: 1;
	background-color: rgba(81,138,250,0.9);
	transform-origin: center left;
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.circle .l-circle div.c2 {
	right: 0;
	z-index: 0;
	background-color: rgba(51,205,245,0.9);
	transform-origin: center right;
}
.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.circle .list-label {
	grid-template-columns: 1fr;
	position: absolute;
	right: 15px;
	bottom: 18px;
	gap: 12px 0;
}
.ui-accordion.experience .grid-wrap > .g-bottom {
	position: relative;
	margin-top: 24px;
}

/* Layout */
body.fixed {
	width: 100%; 
	height: 100%; 
	overflow: hidden;
}
body.dim:before {
	display: block; 
	content: ""; 
	position: fixed; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	z-index: 4; 
	background: rgba(0, 0, 0, 0.7);
}  
body.back:before {
	z-index: 1;
}

/* Header */
.wrap-header {
	position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 118px;
	background: #fff;
	border-bottom: 1px solid #E5E8EB;
}
.wrap-header:after {
	content: '';
	position: absolute;
	top: 119px; 
	left: 0;
	width: 100%;
	border-bottom: 1px solid #E5E8EB;
}
.wrap-header.sticky {
	position: fixed;
}
.wrap-header.sticky + .wrap-container {
	padding-top: 120px;
}
.wrap-header .h-logo {
    position: absolute;
    left: 78px;
    top: 34px;
	z-index: 2;
    width: 140px;
    height: 54px;
    background: url(../images/logo.png) no-repeat center;
	background-size: cover;
}
.wrap-header .h-logo a {
    display: block;
    height: 54px;
}
.wrap-header .h-menu-wrap .h-user {
    position: absolute;
    right: 80px;
    top: 43px;  
    display: flex;
    display: -ms-flexbox;
    align-items: flex-start;
    justify-content: left;  
	gap: 4px;
}
.wrap-header .h-menu-wrap .h-user > a {
	padding: 8px 19px 8px 16px;
	color: #666666;
	font-size: 16px;
	font-weight: 400;
	background-color: #F2F4F6;
	border-radius: 100px;
}
.wrap-header .h-menu-wrap .h-user .ui-dropdown .d-label {
	position: relative;
	min-width: 142px;
	padding: 8px 44px 8px 16px;
    color: #666666;
    font-size: 16px;
    font-weight: 400;
	text-align: left;
    background-color: #F2F4F6;
    border-radius: 100px;
}
.wrap-header .h-menu-wrap .h-user .ui-dropdown .d-label:after {
	content: '';
	position: absolute;
	top: 8px;
	right: 16px;
	width: 24px;
	height: 24px;
	background: url(../images/ico/ico_arrow_down_3x.png) no-repeat center;
	background-size: cover;
}
.wrap-header .h-menu-wrap .h-user .ui-dropdown .d-label.active:after {
	background-image: url(../images/ico/ico_arrow_up_3x.png);
}
.wrap-header .h-menu-wrap .h-user .ui-dropdown .d-list {
	width: 100%;
    margin-top: 4px;
	padding: 21px;
    background: #FFFFFF;
    border: 1px solid #E5E8EB;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.wrap-header .h-menu-wrap .h-user .ui-dropdown .d-list li {
	padding: 8px 24px 8px 0;
	background: url(../images/ico/ico_arrow_right_3x.png) no-repeat right center;
	background-size: 24px auto;
}
.wrap-header .h-menu-wrap .h-user .ui-dropdown .d-list li + li {
	border-top: 1px solid #E5E8EB;
}
.wrap-header .h-menu-wrap .h-user .ui-dropdown .d-list li a {
	display: block;
	color: #666;
	font-size: 16px;
	font-weight: 400;
}
.wrap-header .h-menu-wrap .ico.close {
	position: absolute;
}
.wrap-header .h-menu-wrap .inner {
	width: 100%;
}
.wrap-header .h-menu {
	overflow: hidden;
	width: 1204px;
	margin: 0 auto;
}
.wrap-header .h-menu .depth1 {
	float: left; 
}
.wrap-header .h-menu .depth1 > li {
	float: left; 
}
.wrap-header .h-menu .depth1 > li > strong,
.wrap-header .h-menu .depth1 > li > a {
	position: relative;
    display: block;
    margin-right: 80px;
	padding-top: 48px;
	padding-bottom: 41px;
	color: #333;
	font-family: 's-core_dream', Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
}
.wrap-header .h-menu .depth1 > li.current > strong,
.wrap-header .h-menu .depth1 > li.current > a { 
	color: #33CDF5; 
}
.wrap-header .h-menu .depth1 > li > strong:after,
.wrap-header .h-menu .depth1 > li > a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
    width: 0;
	height: 2px;
	background-color: transparent;
	transition: all 0.3s ease-in-out;
}
.wrap-header .h-menu .depth2 {
	display: none;
	padding: 34px 0 32px; 
	text-align: left; 
}
.wrap-header .h-menu .depth2 > li {
	padding-bottom: 16px;
}
.wrap-header .h-menu .depth2 li a,
.wrap-header .h-menu .depth2 li strong {
	display: block;
	color: #333;
	font-size: 16px;
	font-weight: 600; 
}
.wrap-header .h-menu .depth2 li.current > a {
	color: #33CDF5; 
	font-weight: 600; 
}
.wrap-header .h-menu .depth3 li {
	padding-top: 4px;
}
.wrap-header .h-menu .depth3 li a {
	color: #666;
	font-size: 14px;
	font-weight: 400;
	transition: none;
}
.wrap-header .h-menu .depth3 li.current > a {
	color: #33CDF5; 
	font-weight: 600; 
}
.wrap-header .h-menu .bt {
	float: left;
	position: relative;
	margin-top: 40px;
	padding: 11px 54px 11px 24px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	background: #33CDF5;
	border-radius: 25px;
}
.wrap-header .h-menu .bt::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	width: 20px;
	height: 20px;
	background: url(../images/ico/ico_btn_arrow_2x.png) no-repeat center;
	transform: translateY(-50%);
	background-size: cover;
}
.wrap-header.main ~ .wrap-container {
	padding-top: 0;
}
.wrap-header.main.hover {
	background: transparent;
	border: 0px;
}
.wrap-header.main.hover:after {
	border: 0px;
}
.wrap-header.main.hover .h-logo {
	background-image: url(../images/logo_w.png);
}
.wrap-header.main.hover .h-menu .depth1 > li > strong, 
.wrap-header.main.hover .h-menu .depth1 > li > a {
	color: #fff;
}
.wrap-header.main.hover .h-menu .bt {
    background: #33CDF5;
}
.wrap-header.main.hover .h-menu .bt {
	color: #33CDF5;
	background: #fff;
}
.wrap-header.main.hover .h-menu .bt::after {
	background-image: url(../images/ico/ico_btn_arrow2_2x.png);
}
.wrap-header.main.hover .h-menu-wrap .h-user > a {
	color: #fff;
	background-color: transparent;
}
.wrap-header.main.hover .ico.signup:before {
	background-image: url(../images/ico/ico_user_w_3x.png);
}
.wrap-header.main.hover .ico.log:before {
	background-image: url(../images/ico/ico_login_w_3x.png);
}

/* .wrap-header:hover {
	background: #fff !important;
	border-bottom: 1px solid #E5E8EB !important;
} */
.wrap-header:hover:after {
	border-bottom: 1px solid #E5E8EB !important;
}
.wrap-header:hover .h-logo {
	background-image: url(../images/logo.png) !important;
}
.wrap-header:hover .h-menu .depth1 > li > strong, 
.wrap-header:hover .h-menu .depth1 > li > a {
	color: #333 !important;
}
.wrap-header:hover .h-menu .bt {
    background: #33CDF5 !important;
}
.wrap-header:hover .h-menu .bt {
	color: #fff !important;
	background: #33CDF5 !important;
}
.wrap-header:hover .h-menu .bt::after {
	background-image: url(../images/ico/ico_btn_arrow_2x.png) !important;
}
.wrap-header:hover .h-menu-wrap .h-user > a {
	color: #666 !important;
	background-color: #F2F4F6 !important;
}
.wrap-header:hover .ico.signup:before {
	background-image: url(../images/ico/ico_user_3x.png) !important;
}
.wrap-header:hover .ico.log:before {
	background-image: url(../images/ico/ico_login_3x.png) !important;
}

/* Footer */
.wrap-footer {
	position: relative;
	z-index: 0;
    background-color: #313741;
}
.wrap-footer .f-link,
.wrap-footer .f-info {
	display: flex;
    display: -ms-flexbox;
	align-items: center;
	justify-self: center;
	color: #E5E8EB;
	font-weight: 400;
}
.wrap-footer .f-link li,
.wrap-footer .f-info li {
	position: relative;
}
.wrap-footer .f-link li + li,
.wrap-footer .f-info li + li {
	margin-left: 8px;
	padding-left: 8px;
}
.wrap-footer .f-link li + li:before,
.wrap-footer .f-info li + li:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	content: '';
	width: 1px;
	height: 12px;
	background: #E5E8EB;
	transform: translateY(-50%);
}
.wrap-footer .f-link {
	padding-top: 58px;
}
.wrap-footer .f-info {
	margin-top: 4px;
}
.wrap-footer .f-info li strong {
	font-weight: 400;
}
.wrap-footer .f-info li strong:after {
	content: ' :';
}
.wrap-footer address {
	margin-top: 4px;
	color: #E5E8EB;
	font-weight: 400;
}
.wrap-footer .f-copy {
	margin-top: 4px;
	padding-bottom: 32px;
	color: #E5E8EB;
	font-weight: 400;
}
.wrap-footer .f-bottom {
	padding: 32px 0 77px;
	text-align: center;
	border-top: 1px solid #525B6A;
}
.wrap-footer .f-bottom .inner {
	display: inline-block;
	vertical-align: top;
}
.wrap-footer .f-bottom .inner::after {
	content: '';
	clear: both;
}
.wrap-footer .f-logo {
	float: left;
    width: 108px;
    height: 48px;
    background: url(../images/logo_b_3x.png) no-repeat center;
	background-size: cover;
}
/* Familysite */
.wrap-footer .f-familysite {
	float: right;
	margin-top: 3px;
}
.wrap-footer .f-familysite .ui-dropdown {
	position: relative;
	display: inline-block;
}
.wrap-footer .f-familysite .ui-dropdown .d-label {
	position: relative;
	z-index: 1;
	width: 100%;
	padding: 14px 94px 14px 12px;
	color: #E5E8EB;
	font-size: 16px;
	font-weight: 400;
	background-color: #202734;
	border-radius: 4px;
	transition: 0.2s;
}
.wrap-footer .f-familysite .ui-dropdown::selection {
	background: transparent;
}
.wrap-footer .f-familysite .ui-dropdown .d-label:before {
	content: "";
	display: inline-block;
	position: absolute;
	right: 12px;
	top: 50%;
	width: 24px;
	height: 24px;
	transform: translateY(-50%);
	background: url(../images/ico/ico_plus_up_3x.png) no-repeat center;
	background-size: cover;
	cursor: pointer;
}
.wrap-footer .f-familysite .ui-dropdown .d-label.active {
	border-color: #323D52;	
	border-radius: 0 0 4px 4px;
}
.wrap-footer .f-familysite .ui-dropdown .d-list {
	position: absolute;
    bottom: 100%;
    left: 0;
    overflow: hidden;
    width: 100%;
    max-height: 195px;
    text-align: left;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #262C35;
    border-radius: 4px 4px 0 0;
    transition: 0.2s;
    overflow-y: auto;
    opacity: 1;
}
.wrap-footer .f-familysite .ui-dropdown .d-list::-webkit-scrollbar {
	width: 2px;
	border-bottom-right-radius: 4px;
}
.wrap-footer .f-familysite .ui-dropdown .d-list::-webkit-scrollbar-track {
	padding-left:1px;
	-webkit-box-shadow: none;
}
.wrap-footer .f-familysite .ui-dropdown .d-list::-webkit-scrollbar-thumb {
	box-sizing: border-box;
	position: absolute;
	margin-left: 1px;
	background: #323D52;
	-webkit-box-shadow: none;
}
.wrap-footer .f-familysite .ui-dropdown .d-list.inactive {
	border: 0px;
	opacity: 0;
	height: 0px;
}
.wrap-footer .f-familysite .ui-dropdown .d-list li {
	position: relative;
}
.wrap-footer .f-familysite .ui-dropdown .d-list li strong {
	position: relative;
	z-index: 1;
	display: inline-block;
	color: #C0C0C0;
	font-size: 16px;
	font-weight: 400;
	background-color: #262C35;
	transition: 0.1s;
}
.wrap-footer .f-familysite .ui-dropdown .d-list li:first-child {
	padding: 12px;
}
.wrap-footer .f-familysite .ui-dropdown .d-list li:first-child:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 12px;
	right: 12px;
	z-index: 0;
	height: 1px;
	background-color: #C0C0C0;
}
.wrap-footer .f-familysite .ui-dropdown .d-list li a {
	display: block;
	padding: 12px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 400;
	transition: 0.1s;
	cursor: pointer;
	border-bottom: 1px solid #323D52;
}
.wrap-footer .f-familysite .ui-dropdown .d-list li::selection {
	background: transparent;
}

/* Floating */
.banner.floating {
	position: fixed;    
	z-index: 1;
	right: 160px;
	bottom: 204px;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}
.banner.floating.active {
	opacity: 1;
}

/* Content */
.wrap-container {
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding-top: 120px;
}

/* Location */
.location {    
	position: relative;
    z-index: 2;
	border-bottom: 1px solid #E5E8EB;
}
.location ul {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    justify-content: left;  
}
.location .inner > ul > li {
    position: relative;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    justify-content: left;
    height: 64px;
    padding: 20px;
    border-left: 1px solid #E5E8EB;
}
.location .inner > ul > li span {
	position: relative;
    color: #666666;
    font-size: 16px;
    font-weight: 400;
}
.location .inner > ul > li:last-child {
    border-right: 1px solid #E5E8EB;
}
.location .inner > ul > li:last-child span {
    color: #333333;
    font-weight: 600;
}

/* .location li .ui-dropdown .d-label:after {
	content: '';
	position: absolute;
	top: 50%;
    right: 0;
	width: 24px;
	height: 24px;
	background: url(../images/ico/ico_arrow_down2_3x.png) no-repeat center;
	background-size: cover;
	transform: translateY(-50%);
} */
.location li .ui-dropdown .d-label.active {
    color: #333333;    
	font-weight: 600;
}
/* .location li .ui-dropdown .d-label.active:after {
	background-image: url(../images/ico/ico_arrow_up_3x.png);
} */
.location li .ui-dropdown .d-list {
	position: absolute;
	top: calc(100% + 1px);
	left: -1px;
	right: -1px;
    background: #FFFFFF;
    border: 1px solid #E5E8EB;
    border-top: 0;
}
.location li .ui-dropdown .d-list li + li {
	border-top: 1px solid #E5E8EB;
}
.location li .ui-dropdown .d-list li a {
	display: block; 
	padding: 20px;
	color: #666;
	font-size: 16px; 
	font-weight: 400;
}

/* Main */
[class^="section-main"] {
	padding-top: 90px;
}
[class^="section-main"] .tit {
	margin-bottom: 60px;
	font-family: 's-core_dream', Helvetica, Arial, sans-serif;
    font-size: 42px;
    font-weight: 500;
	text-align: center;
}
[class^="section-main"] .txt {
	margin-bottom: 48px;
	color: #666;
    font-size: 20px;
    font-weight: 400;
}
[class^="section-main"] .bt.raund.large {
	margin: 30px auto 0; 
}

/* Main Section01 */ 
.section-main01 {
	overflow: hidden;
	padding-top: 0;
}
.section-main01 {
	position: relative;
}
.section-main01 .swiper-wrapper li {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    justify-content: center;  
	height: 800px;
	background-repeat: no-repeat;
	background-position: center;
}
.section-main01 .swiper-slide {
	/* opacity: 1 !important; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 110%;
}
.section-main01 .swiper-slide:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.15);
}
.section-main01 .swiper-slide.swiper-slide-active {
    -webkit-animation: zoom 6s linear;
    animation: zoom 6s linear;
}
.section-main01 .swiper-slide.swiper-slide-active.first {
    -webkit-animation: zoom 3s linear;
    animation: zoom 3s linear;
}
/* 사파리 4.0 - 8.0 */
@-webkit-keyframes zoom {
    from {
        background-size: auto 100%;
    }
    to {
        background-size: auto 110%;
    }
}
@keyframes zoom {
    from {
        background-size: auto 100%;
    }
    to {
        background-size: auto 110%;
    }
}
.section-main01 .swiper-text li {
	position: absolute;
    top: 0;
	left: 50%;
    bottom: 258px;
	margin-left: -700px;
	z-index: 2;
    transition: all 0.5s ease-in-out;
	display: flex;
    display: -ms-flexbox;
    align-items: end;
    justify-content: left;
    opacity: 0;
}
.section-main01 .swiper-text li.active {
    opacity: 1;
	z-index: 3;
}
.section-main01 .swiper-text li .inner {
	width: auto;
	margin: 0;
    padding-left: 20px;
}
.section-main01 .swiper-text li .inner {
    opacity: 1;
}
.section-main01 .swiper-text li .l-cont h2 {
	color: #fff;
	font-family: 's-core_dream', Helvetica, Arial, sans-serif;
	font-size: 56px;
	line-height: 1.32em;
	font-weight: 500;
	letter-spacing: -1px;
}
.section-main01 .swiper-text li.active .inner {
    -webkit-animation: fade 1s ease-in-out;
    animation: fade 1s ease-in-out;
}
.section-main01 .swiper-text li.first.active .inner {
    -webkit-animation: fade 1s ease-in-out;
    animation: fade 1s ease-in-out;
}
@-webkit-keyframes fade {
    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fade {
    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}
.section-main01 .swiper-text li .l-cont h2 strong {
	display: block;
	font-weight: 600;
}
.section-main01 .swiper-text li .l-cont p {
	color: #313741;
	margin-top: 16px;
	font-size: 20px;
	font-weight: 400;
	opacity: 0.8;
}
.section-main01 .swiper-text li .l-img {
	position: absolute;
	right: 75px;
	top: 50%;
	z-index: -1;
	width: 580px;
	transform: translateY(-50%);
}
.section-main01 .swiper-text li .l-img img {
	width: 100%;
}
.section-main01 .bt.raund.large {
	width: 178px;
	min-width: 0;
	margin: 44px 0 0 8px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	border-color: #fff;
}
.section-main01 .bt.raund.fill {
	color: #333;
	border-color: #fff;
	background-color: #fff;
}
.section-main01 .bt.raund:hover,
.section-main01 .bt.raund:focus,
.section-main01 .bt.raund.fill:hover,
.section-main01 .bt.raund.fill:focus {
	color: #fff;
	background: #33cdf5;
	border-color: #33cdf5;
}
.section-main01 .swiper-controls {
    position: absolute;
	top: auto;
    left: 50%;
    bottom: 80px;
    z-index: 10;
	width: 239px;
	margin-left: 10px; 
    transform: translateX(-50%);
}
.section-main01 .swiper-button-play,
.section-main01 .swiper-button-pause {
	position: relative;
    width: 9px;
    height: 12px;
	margin-left: 30px;
    font-size: 0;
    cursor: pointer;
}
.section-main01 .swiper-button-play {
    display: none;
}
.section-main01 .swiper-button-play::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 18px;
    height: 22px;
    background-image: url(../images/bt/bt_swiper_controls.png);
    background-repeat: no-repeat;
    background-position: left -14px  center;
    transform: translateX(-50%) translateY(-50%);
}
.section-main01 .swiper-button-pause::before,
.section-main01 .swiper-button-pause::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 3px;
    height: 12px;
    background: #FFFFFF;
}
.section-main01 .swiper-button-pause::before {
    left: 0;
    right: auto;
}
.section-main01 .swiper-pagination-fraction:after {
    color: #fff;
}
.section-main01 .swiper-pagination-fraction span {
    color: #fff;
    font-weight: 800;
}
.section-main01 .swiper-pagination-fraction span.swiper-pagination-total {
    opacity: .5;
}
.section-main01 .swiper-pagination-current {
    position: relative;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    font-weight: 700;
}
.section-main01 .swiper-controls .swiper-button-prev, 
.section-main01 .swiper-controls .swiper-button-next {
	top: 50%;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background-size: 50px 22px;
    cursor: pointer;
    z-index: 11;
	border: 0px !important;
	outline: none;
}
.section-main01 .swiper-controls .swiper-button-prev {
	left: 3px;
    background-image: url(../images/bt/bt_swiper_controls.png);
    background-position: left 5px center;
}
.section-main01 .swiper-controls .swiper-button-next {
	right: 3px;
    background-image: url(../images/bt/bt_swiper_controls.png);
    background-position: right 5px center;
}

/* Main Section02 */
.section-main02 {
	position: relative;
	background-color: #fff;
	text-align: center;
}
.section-main02 .inner {
	position: relative;
	height: 370px;
}
.section-main02 .inner:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 390px;
	height: 154px;
	background: url(../images/bg_main_section02_1.png) no-repeat right bottom;
	background-size: cover;
}
.section-main02 .inner:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 250px;
	height: 142px;
	background: url(../images/bg_main_section02_2.png) no-repeat right bottom;
	background-size: cover;
}
.section-main02 .tit {
	margin-bottom: 32px;
	color: #333;
}
.section-main02 .txt {
	margin-bottom: 0;
	color: #fff;
	font-family: 's-core_dream', Helvetica, Arial, sans-serif;
	font-size: 32px;
	font-weight: 200;
}
.section-main02 .count {
	position: relative;
	display: inline-block;
	vertical-align: top;
	min-width: 340px;
	padding-right: 80px;
	text-align: right;
}
.section-main02 .count strong {
	display: block;
	color: rgba(255, 255, 255, 0.8);
	font-size: 20px;
	font-weight: 600;
}
.section-main02 .count span {
	color: #518AFA;
	font-size: 90px;
	font-weight: 600;
	line-height: 112.32px;
}
.section-main02 .count > span {
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	vertical-align: top;
	font-weight: 200;
}
.section-main02 .count small {
	position: absolute;
	right: 5px;
	top: 100%;
	display: block;
	margin-top: 7px;
	color: #333;
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
	text-align: right;
}
.section-main02 .count #rollingNum {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	height: 112.32px;
}
.section-main02 .count .numwrap {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	height: 112.32px;
}
.section-main02 .count .numlist {
	display: inline-block;
	vertical-align: top;
	margin-top: 0;
	text-align: center;
	transition: all 0.1s ease-in;
}
.section-main02 .count .numlist span {
	display: block;
	line-height: 112.32px;
}
.section-main02 .count .num {
	display: block;
	font-weight: 600;
}

/* Main Section03 */
.section-main03 {
	height: 788px;
	padding-top: 120px;
	background: #57A9FB url(../images/bg_main_section03.png) no-repeat center;
	background-size: cover;
}
.section-main03 .tit {
	margin-bottom: 63px;
	color: #fff;
}
.section-main03 .simply-scroll,
.section-main03 .simply-scroll .simply-scroll-clip {
	width: 100%;
	height: 360px;
}
.section-main03 .simply-scroll .simply-scroll-list li {
	overflow: hidden;
    width: 476px;
    height: 360px;
    margin: 0 20px;
    border-radius: 16px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	box-shadow: 0px 10px 30px rgba(116, 137, 254, 0.5);
}

/* Main Section04 */
.section-main04 {
	position: relative;
	height: 804px;
}

/* Main Section05 */
.section-main05 {
	position: relative;
	height: 566px;
	background: #DCEDFF
}
.section-main05::before,
.section-main05::after {
	content:'';
	position: absolute;
	z-index: 0;
	background-repeat: no-repeat center;
	background-position: center;
	background-size: cover;
}
.section-main05::before {
	width: 532px;
	height: 366px;
	left: 0;
	bottom: 0;
	background-image: url(../images/bg_main_section05_1.png);
	background-size: cover;
}
.section-main05::after {
	width: 730px;
	height: 566px;
	right: 0;
	bottom: 0;
	background-image: url(../images/bg_main_section05_2.png);
	background-size: cover;
}
.section-main05 .list-gallery li {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 262px;
	border-radius: 16px;
	background-color: #fff;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.section-main05 .list-gallery li .l-cont strong {
	display: block;
	color: #518AFA;
	font-size: 20px;
	line-height: 1.5em;
	font-weight: 600;
}
.section-main05 .list-gallery li .l-cont p {
	color: #333;
	font-size: 24px;
	line-height: 1.5em;
	font-weight: 600;
}
.section-main05 .list-gallery li .l-cont button {
	width: 206px;
	height: 48px;
	margin-top: 24px;
	color: #333;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: 600;
	background: #EDEDED;
	border: 0px;
}

/* Sub */
.wrap-contents.sub {
	padding-top: 81px;
	padding-bottom: 160px;
}
.cont-header {
	position: relative;
	margin-bottom: 26px;
}
.cont-header h2 {
	font-family: 's-core_dream', Helvetica, Arial, sans-serif;
	font-size: 32px;
	font-weight: 500;
}
.cont-header .c-right {
	position: absolute;
	right: 0;
	top: 3px;
}
.cont-header .c-right .bt-area {
	gap: 0 6px;
}
.cont-header .c-right .bt-area:only-child {
	margin-top: 8px;
}
.cont-header .section-search {
	display: flex;
    display: -ms-flexbox;
    align-items: center;
    justify-content: center;
	gap: 0 8px;
}
.cont-header .c-right .section-search .bt.small.default {
	min-width: 108px;
	margin-left: 5px;
}
.cont-header .c-right .bt.small.default {
	min-width: 84px;
}

/* 크리드 소개 */
.wrap-contents.sub.info {
	padding-top: 0;
	padding-bottom: 0;
}
.wrap-contents.sub.info .cont-header {
	display: none;
}
.section-info01 {
	background-color: #487BDF;
	background-image: url(../images/bg_intro_section01.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
}
.section-info02 {
	background-color: #E7F5FE;	
}
.section-info03 {
	background-color: #BFE0FF;	
}
.section-info04 {
	background-color: #FFFFFF;	
}
.section-info05 {
	background-color: #F2F4F6;	
}
section[class^="section-info"] > .inner {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
	justify-content: center;
	height: 500px;
}
section[class^="section-info"] > .inner > div {
	grid-column: span 1;
}
section[class^="section-info"] .l-img img {
	height: 500px;
}
section[class^="section-info"] > .inner > div.l-cont + .l-img {
	text-align: right;
}
section[class^="section-info"] .l-cont > h2 {
	font-family: 's-core_dream', Helvetica, Arial, sans-serif;
	font-size: 32px;
	font-weight: 500;
}
section[class^="section-info"] .l-cont > p {
	margin-top: 24px;
	color: #666;
	font-size: 20px;
}
section[class^="section-info"] .l-cont > p span {
	color: #333;
}
section[class^="section-info"] .l-cont > small {
	display: block;
	margin-top: 32px;
	color: #666;
	font-size: 14px;
}
section.section-info01 .l-img {
	display: none;
}
section.section-info01 .l-cont > h2,
section.section-info01 .l-cont > p,
section.section-info01 .l-cont > small {
	color: #fff;
}
section.section-info02 > .inner {
	grid-template-columns: repeat(1, 1fr);
	height: 590px;
}
section.section-info02 .l-img {
	margin-top: 56px;
}
section.section-info02 > .inner > div {
	width: 100%;
	text-align: center;
}
section.section-info02 .l-img img {
	height: 160px;
}
section.section-info03 .l-cont > h2,
section.section-info03 .l-cont > p {
	color: #333;
}
section.section-info03 > .inner {
	grid-template-columns: repeat(1, 1fr);
	height: 614px;
}
section.section-info03 > .inner > div {
	width: 100%;
	text-align: center;
}
section.section-info03 .list-qna {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 136px;
}

@media (max-width: 1800px) {
	/* Layout */
	/* Header */
	.wrap-header .h-menu,
	.wrap-header.main .h-menu {
		width: 68vw;
		padding-left: 2vw;
	}
	.wrap-header .h-logo {
		left: 2.66vw;
	}
	.wrap-header .h-menu-wrap .h-user {
		right: 2.66vw;
	}
 
	/* Floating */
	.banner.floating {
		right: 0.58vw;
	}
}
@media (min-width: 1601px) {
	/* Header */
	.wrap-header:hover {
		background: #fff !important;
		border-bottom: 1px solid #E5E8EB !important;
	}
	.h-menu-wrap {
		display: block !important;
	}
	.wrap-header .h-menu-wrap .h-user .ui-dropdown .d-list li:hover a {
		color: #333;
		font-weight: 600;
	}
	.wrap-header .h-menu .depth1 > li:hover > strong:after,
	.wrap-header .h-menu .depth1 > li:hover > a:after {
		width: 100%;
		background-color: #33CDF5
	}
	.wrap-header .h-menu .depth1 > li:hover > a,
	.wrap-header .h-menu .depth1 > li:focus > a,
	.wrap-header .h-menu .depth1 > li:hover > strong,
	.wrap-header .h-menu .depth1 > li:focus > strong {
		color: #33CDF5;
	}
	.wrap-header .h-menu .depth2 li > a:hover,
	.wrap-header .h-menu .depth2 li > a:focus {
		color: #33CDF5; 
		font-weight: 600; 
	}
	.wrap-header .h-menu.js-hover-visible .depth2 {
		display: block;
	}
}
@media (max-width: 1600px) {
    /* Icon */
    .ico.menu {
        display: block !important;
        top: 2.125vw;
        right: 3vw;
        width: 3vw;
        height: 3vw;
    }
	.ico.menu-close {
        display: block !important;
        top: 2.25vw;
        right: 3vw;
        width: 3vw;
        height: 3vw;
	}
    .ico.signup:before {
        width: 3vw;
        height: 3vw;
        margin-right: 0.5vw;
    }
    .ico.log:before {
        width: 3vw;
        height: 3vw;
        margin-right: 0.5vw;
    }

    /* Header */
    .wrap-header {
        min-height: calc(7.5vw + 1px);
    }
    .wrap-header:after {
        display: none;
    }
	.wrap-header .h-logo {
        top: 2.26vw;
        left: 2.13vw;
        width: 12.26vw;
        height: 3.73vw;
	}
	.wrap-header .h-logo a {
        height: 3.73vw;
	}
    .wrap-header .h-menu-wrap {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 3;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.7);
    }
    .wrap-header .h-menu-wrap .inner {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 34.25vw;
        padding: 8.5vw 2vw 8vw;
        background: #fff;
    }
    .wrap-header .h-menu .depth1 > li {
        float: none;
    }
    .wrap-header .h-menu, .wrap-header.main .h-menu {
        width: 100%;
        height: 100%;
        overflow-y: auto;
    }
    .wrap-header .h-menu .bt {
        display: none;
    }
    .wrap-header .h-menu .depth1 {
        float: none;
    }
    .wrap-header .h-menu .depth1 > li {
        padding: 3vw 0;
        border-bottom: 1px solid #E5E8EB;
    }
    .wrap-header .h-menu .depth1 > li > strong, 
    .wrap-header .h-menu .depth1 > li > a {
        margin: 0;
        padding: 0 1vw;
        font-family: 'SUIT', 's-core_dream', Helvetica, Arial, sans-serif;
        font-size: 2.5vw;
        font-weight: 600;
        cursor: pointer;
    }
    .wrap-header.main.hover .h-menu .depth1 > li > strong, 
    .wrap-header.main.hover .h-menu .depth1 > li > a {
        color: #333;
    }
    .wrap-header .h-menu .depth1 > li > strong:after, 
    .wrap-header .h-menu .depth1 > li > a:after {
        content: '';
        position: absolute;
        top: 50%;
        bottom: auto;
        left: auto;
        right: 1vw;
        width: 3vw;
        height: 3vw;
        background: url(../images/ico/ico_arrow_down3_3x.png) no-repeat right center;
        background-size: 100% auto;
        transition: none;
        transform: translateY(-50%);
    }
    .wrap-header .h-menu .depth2 {
        padding: 0;
    }
    .wrap-header .h-menu .depth2 > li {
        padding-bottom: 0;
    }
    .wrap-header .h-menu .depth2 li a, 
    .wrap-header .h-menu .depth2 li strong {
        margin-top: 2vw;
        padding: 0 1vw;
        font-size: 2vw;
        font-weight: 400;
    }
    .wrap-header .h-menu .depth2 > li:first-child > a, 
    .wrap-header .h-menu .depth2 > li:first-child > strong {
        margin-top: 2vw;
    }
    .wrap-header .h-menu .depth3 {
        padding-bottom: 2vw;
    }
    .wrap-header .h-menu .depth2 > li:last-child .depth3 {
        padding-bottom: 0;
    }
    .wrap-header .h-menu .depth3 li a {
        font-size: 1.75vw;
    }
    .wrap-header .h-menu .depth3 > li:first-child > a, 
    .wrap-header .h-menu .depth3 > li:first-child > strong {
        margin-top: 2vw;
    }
    .wrap-header .h-menu-wrap .h-user {
        position: static;
    }
    .wrap-header .h-menu-wrap .h-user .ico.signup {
        position: absolute;
        bottom: 2vw;
        left: 3vw;
    }
    .wrap-header .h-menu-wrap .h-user .ico.log {
        position: absolute;
        bottom: 2vw;
    }
    .wrap-header .h-menu-wrap .h-user .ico {
        padding: 1vw 2vw;
        font-size: 2vw;
    }
    .wrap-header .h-menu-wrap .h-user .ico.signup + .ico.log {
        top: 2.5vw;
        left: 3vw;
        bottom: auto;
        padding: 0;
        color: #333;
        font-size: 2vw;
        line-height: 1.3em;
        border-bottom: 1px solid #333;
        border-radius: 0;
        background-color: #fff !important;
    }
    .wrap-header .h-menu-wrap .h-user .ico.signup + .ico.log:before {
        display: none;
    }
    .wrap-header .h-menu-wrap .h-user .ico.signup + .ico.log:after {
        content: '을 해주세요.';
    }
    .wrap-header .h-menu-wrap .h-user .ui-dropdown {
        position: absolute;
        top: 2.5vw;
    }
    .wrap-header .h-menu-wrap .h-user .ui-dropdown .d-label {
        min-width: 0;
        padding: 0;
        color: #333;
        font-size: 2vw;
        background-color: #fff;
    }
    .wrap-header .h-menu-wrap .h-user .ui-dropdown .d-label:before {
        content: '';
        display: inline-block;
        vertical-align: top;
        width: 3vw;
        height: 3vw;
        margin-right: 0.5vw;
        background: url(../images/ico/ico_user_3x.png) no-repeat center;
        background-size: cover;
    }
    .wrap-header .h-menu-wrap .h-user .ui-dropdown .d-label:after {
        display: none;
    }
    .wrap-header .h-menu-wrap .h-user .ui-dropdown .d-list {
        display: none !important;
    }
    .wrap-header .h-menu .depth1 > li.active > strong:after {
        transform: translateY(-50%) rotate(180deg);
    }
    .wrap-header .h-menu .depth1 > li.active > strong + .depth2 {
        display: block;
    }
    .wrap-header.main.hover .ico.menu {
        top: 1.56vw;
        right: 2vw;
        width: 5.06vw;
        height: 5.06vw;
        background-image: url(../images/ico/ico_menu_w_3x.png);
        background-color: rgba(255, 255, 255, 0.3);
        background-size: 3vw auto;
        border-radius: 50%;
    }
    .wrap-header.main.hover:hover .h-logo {
        background-image: url(../images/logo_w.png) !important;
    }
    .wrap-header.main.hover .ico.signup:before {
        background-image: url(../images/ico/ico_user_3x.png);
    }
    .wrap-header.main.hover .h-menu-wrap .h-user > a {
        color: #666 !important;
        background-color: #F2F4F6 !important;
    }
    .wrap-header.main.hover .ico.log:before {
        background-image: url(../images/ico/ico_login_3x.png);
    }
    .wrap-container {
        padding-top: calc(7.5vw + 1px);
    }
}
@media (max-width: 1440px) {
	.section-main01 .swiper-text li {
		margin-left: 0;
    	left: 5%;
	}
}
@media (min-width: 1281px) {
	/* List Card */
	.list-card li .l-cont span {
		width: 0;
		color: #518AFA;
		font-weight: 600;
	}
	.list-card li .l-cont small:after {
		background-image: url(../images/ico/ico_arrow_circle_gray_3x.png);
	}

	/* Main Section */
	.section-main04 .list-gallery li {
		width: 282px !important;
		margin: 0 10px;
	}

	/* 기업회원 */
	.section-register .register-body .r-form dt.company {
		position: absolute;    
		top: 135px;
		left: 344px;
		border: 0;
	}
	.section-register .register-body .r-form dd.company {
		position: absolute;    
		top: 206px;
    	left: 344px;
	}
}
@media (min-width: 721px) {
	/* Selete */
	.ui-select .s-options li:hover {
		background-color: rgba(51,205,245,0.15);
	}

	/* Icon */
	a:hover .ico.instagram {
		background-image: url(../images/ico/ico_sns_hover_3x.png);
	}
	a:hover .ico.facebook {
		background-image: url(../images/ico/ico_sns_hover_3x.png);
	}
	a:hover .ico.kakaotalk {
		background-image: url(../images/ico/ico_sns_hover_3x.png);
	}
	a:hover .ico.twitter {
		background-image: url(../images/ico/ico_sns_hover_3x.png);
	}

	/* Button */
	.bt.default:hover {
		background-color: #F3F3F3;
	}
	.bt.submit:hover {
		background-color: #4178E3;
	}
	.bt.raund:hover {
		color: #518AFA;
		border-color: #518AFA;
	}

	/* SNS */
	.sns-area a:hover,
	.sns-area button:hover {
		background: #F2F4F6;
		box-shadow: none;
	}

	/* pagination */
	.pagination .p-page button:hover {
		color: #fff; 
		font-weight: 600; 
		border: 1px solid #313741;
		background-color: #313741; 
	}
	.pagination .p-page button.prev:hover,
	.pagination .p-page button.next:hover {
		border: 0px;
		background-color: transparent;
	}

	/* List */
	.list-gallery li:hover .l-img {
		border-color: #333;
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	}
	/* .list-gallery.line li:hover {
		border-color: #333;
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	} */
	.list-gallery.line.swiper-wrapper li:hover {
		filter: none;
	}
	.list-gallery.line.swiper-wrapper li:hover:before {
		border-color: #333;
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	}
	.list-gallery.line.swiper-wrapper li:hover {
		box-shadow: none;
	}
	.list-gallery.line.swiper-wrapper li:hover:before {
		border-color: #333;
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	}

	/* List Card */
	.list-card .bt.l-link:hover {
		border-color: #333;
	}
	.list-card li:hover {
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	}
	.list-card li:hover .l-cont span {
		width: 56px;
		color: #518AFA;
		font-weight: 600;
	}
	.list-card li:hover .l-cont small:after {
		background-image: url(../images/ico/ico_arrow_circle_3x.png);
	}
	.list-card.bar li:hover {
		background-image: url(../images/ico/ico_graph_bar_3x.png);
	}
	.list-card.pie li:hover {
		background-image: url(../images/ico/ico_graph_pie_3x.png);
	}
	/* 제품소개 */
	.list-card.txt li:hover {
		box-shadow: none;
	}
	.list-card.img li:hover {
		box-shadow: none;
	} 

	/* List Table */
	.list-table tbody td a:hover,
	.list-table tbody td a:focus {
		text-decoration: underline;
	}

	/* Familysite */
	.wrap-footer .f-familysite .ui-dropdown .d-list li a:hover {
		background: #323D52;
	}
	/* Location */
	.location li .ui-dropdown .d-list li:hover a {
		color: #333;
		font-weight: 600;
		background-color: rgba(51,205,245,0.15);
	}
	.location li .ui-dropdown .d-list li:hover a {
		color: #333;
		font-weight: 600;
		background-color: rgba(51,205,245,0.15);
	}
	.product-header .p-info .list-card li {
		background-color: #fff;
	}

	/* Main Section */
	.section-main04 {
		text-align :center;
	}
	.section-main04 .list-gallery {
		display: inline-block;
		vertical-align: top;
	}
	.section-main04 .list-gallery li {
		display: inline-block;
		vertical-align: top;
		width: 22.1vw;
		margin: 0 0.78vw;
		text-align: left;
	}

	/* 하단 추천 제품 */
	.f-swiper.swiper .swiper-wrapper {
		display: grid;
	}
	.f-swiper.swiper .swiper-controls {
		display: none;
	}

	.section-register .register-body .r-form dd.ui-file-wrap.mt0 {
		margin-top: 0;
	}
}
@media (max-width: 1280px) {
	body {
		font-size: 1.09vw
	}
	img {
		width: 100%
	}
	.inner {
		width: 100%;
		padding: 0 2.66vw;
	}

	/* Form */
	input[type="text"],
	input[type="search"],
	input[type="password"],
	textarea {
		padding: 0.86vw;
		font-size: 1.25vw;
		border-radius: 0.31vw;
	}
	label.error {
		display: block;
		margin-top: 0.62vw;
		font-size: 1.09vw;
	}

	/* Selete */
	.ui-select .s-blind { 
		min-width: 11.72vw;
		height: 3.75vw;
		padding-right: 0.78vw;
	}
	.ui-select .s-title {
		padding: 0.93vw;
		font-size: 1.25vw;
		border-radius: 0.31vw;
	}
	.ui-select .s-title:after { 
		right: 0.93vw;
		width: 1.87vw;
		height: 1.95vw; 
	}
	.ui-select .s-options {
		font-size: 1.25vw;
		border-radius: 0.31vw;
	}
	.ui-select .s-options li {
		padding: 0.93vw;
		font-size: 1.25vw;
	}
	.ui-select .s-options li:first-child:after {
		right: 0.93vw;
		width: 1.87vw;
		height: 1.95vw;
	}

	/* Radio Buttons */
	.ui-radio {
		margin-right: 0.39vw;
	}
	.ui-radio [type="radio"] + label {
		width: 10.94vw;
		padding: 0.93vw 1.25vw;
		padding-right: 2.34vw;
		font-size: 1.25vw;
		border-radius: 0.31vw;
	}
	.ui-radio [type="radio"] + label:after {
		right: 1.25vw;
		width: 1.25vw;
		height: 1.25vw;
	}

	/* Count */
	.ui-count {
		font-size: 1.09vw;
	}
	
	/* File */
	.section-register .register-body .r-form dd.ui-file-wrap {
		margin-top: -1.25vw;
	}
		
	/* ui-dropdown */
	.ui-accordion li.r-register.done .a-title {
		margin-bottom: 6.25vw;
	}
	.ui-accordion li.r-register.done:after {
		top: 4.37vw;
		left: calc(3.98vw - 1px);
		height: 3.12vw;
	}
	.ui-accordion li.r-register.active .a-title {
		margin-bottom: 1.87vw
	}

	/* 더보기 */
	.ui-more-view {
		margin-top: 0.31vw;
		border-radius: 0.31vw;
	}
	.ui-more-view p {
		height: 9.85vw;
		padding: 1.87vw;
	}
	.ui-more-view .bt-area {
		padding: 1.79vw 0 2.26vw;
		border-radius: 0 0 0.31vw 0.31vw;
	}
	.ui-more-view.active {
		padding-bottom: 7.03vw;
	}
	.ui-more-view.active p {
		max-height: 23.45vw;
	}

	/* Tooltip */
	.ui-tooltip div[data-tooltip-con] {
		left: -1.4vw;
		top: 2.26vw;
		width: 14.38vw;
		padding: 0.62vw 2.34vw 0.62vw 0.62vw;
		border-radius: 0.31vw;
	}
	.ui-tooltip div[data-tooltip-con]:after {
		left: 1vw;
		width: 0.62vw;
		height: 0.62vw;
	}
	.ui-tooltip div[data-tooltip-con] p {
		font-size: 1.09vw !important;
	}
	.ui-tooltip div[data-tooltip-con] .ico.close3 {
		right: 0.78vw;
		top: 0.78vw;
	}

	/* Icon */
	.ico.home {
		width: 1.87vw; 
		height: 1.87vw;
	}
	.ico.play {
		width: 1.56vw;
		height: 1.56vw;
		margin: 0.39vw;
	}
	.bt .ico:before {
		width: 1.87vw; 
		height: 1.87vw;
		margin-right: 0.31vw;
	}
	.ico.paper:before {
		width: 1.87vw; 
		height: 1.87vw;
		margin-right: 0.31vw;
	}
	.ico.close2 {
		width: 1.87vw; 
		height: 1.87vw;
	}
	.ico.instagram {
		background: url(../images/ico/ico_sns_3x.png) no-repeat 0.78vw center;
		background-size: 14.69vw auto;
	}
	.ico.facebook {
		background: url(../images/ico/ico_sns_3x.png) no-repeat -3.59vw center;
		background-size: 14.69vw auto;
	}
	.ico.kakaotalk {
		background: url(../images/ico/ico_sns_3x.png) no-repeat -7.97vw center;
		background-size: 14.69vw auto;	
	}
	.ico.twitter {
		background: url(../images/ico/ico_sns_3x.png) no-repeat -12.66vw center;
		background-size: 14.69vw auto;	
	}
	.ico.number {
		width: 2.81vw;
		height: 2.81vw;
		line-height: 2.81vw;
		font-size: 1.56vw;
	}
	.ico.info {
		width: 1.25vw;
		height: 1.25vw;
	}
	.ico.close3 {
		width: 1.25vw;
		height: 1.25vw;
	}
	.ico.bar {
		width: 1.87vw;
		height: 1.87vw;
	}
	.ico.pie {
		width: 2vw;
		height: 2vw;
	}
	
	/* Button */
	.bt-area {
		gap: 0 0.62vw;
	}
	.bt span.ico {
		margin-right: .625vw;
	}
	.bt.small {
		min-width: 8.44vw;
		padding: 0.86vw 1.48vw;
		border-radius: 0.31vw;
	}
	.bt.small span {
		font-size: 1.25vw;
	}
	.bt.medium,
	.bt.large {
		min-width: 10.63vw;
		padding: 1.17vw 1.48vw;
		border-radius: 0.31vw;
	}
	.bt.medium span,
	.bt.large span {
		font-size: 1.25vw;
	}
	.bt.large.raund {
		min-width: 14.22vw;
		padding: 1.48vw;
	}
	.bt.large.raund span {
		font-size: 1.87vw;
	}
	.bt.raund {
		border-radius: 1000px;
	}
	.bt.raund.large {
		width: 18.53vw;
		padding: 1.17vw 0;
	}
	.bt.raund.large span {
		font-size: 1.56vw;
	}
	.bt.experience {
		width: 7.81vw;
		height: 15.48vw;
	}
	.bt.top {
		width: 5.47vw;
		height: 5.47vw;
		background-size: 35%;
	}
	.bt.dropdown {
		padding-right: 1.87vw;
		padding-left: 1.87vw;
	}
	.bt.dropdown:after {
		width: 1.87vw; 
		height: 1.87vw;
		margin-left: 0.31vw;
	}

	/* Text */
	p.txt-dot {
		padding-left: 0.93vw;
		font-size: 1.25vw;
	}
	p.txt-dot:before {
		width: 0.31vw;
		height: 0.31vw;
		top: 0.93vw;
	}
	.txt-nodata {
		min-height: 55.27vw;
		font-size: 1.56vw;
	}
	.txt-nodata p:before {
		width: 4.37vw;
		height: 4.37vw;
		margin-bottom: 1.09vw;
	}

	/* SNS */
	.sns-area {
		gap: 0 0.62vw;
	}
	.sns-area [class*="s-"] {
		width: 2.81vw;
		height: 2.81vw;
	}
	.sns-area .bt.small {
		min-width: 7.5vw;
		margin-left: 0.93vw;	
		font-size: 1.25vw;
	}

	/* pagination */
	.pagination .p-page button {
		width: 3.12vw; 
		height: 3.12vw; 
		margin: 0 .19vw; 
		font-size: 1.25vw; 
		border-radius: 0.62vw;
	}
	.pagination + .bt-area {
		top: -1.25vw;
	}

	/* List */
	.list-gallery {
		gap: 5vw 1.87vw;
	}
	.list-gallery li {
	}
	.list-gallery li .l-img {
		width: 21.89vw;
		height: 23.29vw;
		margin-bottom: 1.87vw;
		border-radius: 0.62vw;
	}
	.list-gallery li .l-cont div.bar {
		margin-bottom: 2.18vw;
		padding-bottom: 0.93vw;
		font-size: 1.87vw;
	}
	.list-gallery li .l-cont strong {
		font-size: 1.56vw;
	}
	.list-gallery li .l-cont p {
		margin-top: 0.62vw;
    	font-size: 1.25vw;
	}
	.list-gallery li .l-cont small {
    	margin-top: 1.25vw;
		font-size: 1.09vw;
	}
	
	/* List Card */
	.list-card {
		gap: 1.56vw 1.87vw;
	}
	.list-card li {
		padding: 2.42vw;
		border-radius: 0.62vw;
		background-position: right 2.26vw bottom 2.42vw; 
		background-size: 2.5vw auto;
	}
	.list-card li .l-cont {
		height: 9.53vw;
	}
	.list-card li .l-cont strong {
		font-size: 2.5vw;
	}
	.list-card li .l-cont p {
		margin-top: 0.31vw;
		font-size: 1.56vw;
	}
	.list-card li .l-cont small {
		margin-top: 1.25vw;
	}
	.list-card li .l-cont span {
		width: auto !important;
		font-size: 1.25vw;
	}
	.list-card li .l-cont small:after {
		width: 1.87vw;
		height: 1.87vw;
		margin-left: 0.23vw;
	}
	.list-card .bt.l-link {
		border-radius: 0.62vw;
	}

	/* 제품소개 */
	.list-card.txt {
		gap: 0.31vw 1.87vw;	
	}
	.list-card.txt li {
		padding: 1.25vw;
		border-radius: 0.31vw;
	}
	.list-card.txt li .l-cont {
		gap: 1.25vw;	
	}
	.list-card.txt li .l-cont strong {
		font-size: 1.25vw;
	}
	.list-card.txt li .l-cont p {
		font-size: 1.25vw;
	}
	.list-card.img {
		gap: 0  1.87vw;	
	}
	.list-card.img li {
		padding: 2.5vw;
	}
	.list-card.img li .l-cont {
		height: 8.91vw;
	}
	.list-card.img li .l-cont strong {
		font-size: 1.56vw;
	}
	.list-card.img li .l-cont p {
		font-size: 1.25vw;
	}
	.list-card.img li .l-cont strong + p {
		margin-top: 0.62vw;
	}
	.list-card.img li .l-cont + .l-img {
		margin-top: 0.15vw;
	}
	.list-card.img li .l-img img {
		width: 4.69vw;
	}
	.list-card.img.center li {
		padding: 1.56vw 0 2.18vw;
	}
	
	/* List Dots */
	.list-dots {
		margin: 1.25vw 0 1.87vw;
	}
	.list-dots li {
		padding-left: 1.25vw;
		font-size: 1.25vw;
	}
	.list-dots li:before {
		left: 0.31vw;
		width: 0.31vw;
		height: 0.31vw;
	}
	.list-dots li + li {
		margin-top: 0.31vw;
	}

	/* List File */
	.list-file {
		padding: 1.87vw;
		border-radius: 0.31vw;
	}
	.list-file li {
		margin: 0.62vw;
		padding: 1.25vw 3.75vw 1.25vw 1.25vw;
		border-radius: 0.31vw;
	}
	.list-file li span {
		padding-left: 2.5vw;
		font-size: 1.25vw;
	}
	.list-file li .ico.close2 {
		right: 1.25vw;
	}
	
	/* List Progress Bar */
	.list-progress {
		margin-top: 2.5vw;
	}
	.list-progress li + li {
		margin-top: 1.56vw;
	}
	.list-progress .l-title {
		width: 10.86vw;
	}
	.list-progress .l-title strong {
		font-size: 1.09vw;
	}
	.list-progress .l-bar{
		width: 26.11vw;
		height: 1.25vw;
		border-radius: 1000px
	}
	.list-progress .l-bar div {
		height: 1.25vw;
		border-radius: 1000px
	}
	.list-progress li > span {
		width: 3.98vw;
		font-size: 1.09vw;
	}

	/* List Qna */
	.list-qna {
		margin-top: 3.9vw;
	}
	.list-qna img {
		width: 16.4vw;
	}
	.list-qna li strong {
		margin-top: 0.93vw;
		padding: 0.93vw 1.87vw 0.93vw 3.75vw;
		font-size: 1.25vw;
		border-radius: 1.56vw;
	}
	.list-qna li strong:before {
		top: 0.93vw;
		left: 1.87vw;
		margin-right: 0.31vw;
		font-size: 1.25vw;
	}
	.list-qna li strong:after {
		top: -1.09vw;
		right: 0.86vw;
		border-width: 1.25vw;
		border-radius: 0.31vw;
	}
	.list-qna li p {
		margin-top: 0.93vw;
		padding: 0.93vw 1.87vw 0.93vw 3.75vw;
		font-size: 1.25vw;
		border-radius: 1.56vw;
	}
	.list-qna li p:before {
		top: 0.93vw;
		left: 1.87vw;
		margin-right: 0.31vw;
		font-size: 1.25vw;
	}

	/* List Label */
	.list-label {
		grid-template-columns: 1fr 1fr;
		gap: 1.25vw 0;
	}

 	/* List Table */
	.list-table thead {
		display: none;
	}
	.list-table colgroup {
		display: none;
	}
	.list-table tbody {
		display: block; 
		width: 100%;
	}
	.list-table tr {
		display: block; 
		width: 100%;
	}
	.list-table tbody tr {
		margin-bottom: 0; 
		padding: 1.56vw 0;
		border-bottom: 1px solid #E5E8EB;
	}
	.list-table tbody tr:first-child {
		border-top: 0;
	}
	.list-table tbody tr:last-child {
		margin-bottom: 0;
	}
	.list-table tbody td {
		position: relative; 
		display: inline-block; 
		vertical-align: middle; 
		width: 100%; 
		height: auto;
		padding: 0; 
		font-size: 1.25vw; 
		text-align: left;
		border: 0;
	}
	.list-table tbody td + td {
		margin-top: 1.25vw;
	}
	.list-table tbody td.pc-only {
		display: none;
	}
	.list-table tbody td.pc-only:first-child + td {
		margin-top: 0;
	}
	.list-table tbody td.t-title {
		padding: 0.93vw;
		text-align: right;
		background: #F2F4F6;
		border-radius: 0.62vw;
	}
	.list-table tbody td.t-title:before {
		content: attr(data-cell-header); 
		position: absolute; 
		left: 0.93vw; 
		top: 0.93vw; 
		color: #333; 
		font-size: 1.25vw;  
		text-align: left; 
	}
	.list-table tbody td.t-title + td.t-title {
		margin-top: 0.62vw;
	}
	.list-table tbody td .date {
		color: #666; 
	}
	.list-table tbody tr.t-notice td.ellipsis {
		position: relative;
		padding: 0 1.56vw 0 3.75vw;
	}
	.list-table tbody tr.t-notice td.ellipsis:before {
		content: '';
		position: absolute;
		top: 0;
		left: 1.25vw;
		width: 1.87vw;
		height: 1.87vw;
		background: url(../images/ico/ico_notice_3x.png) no-repeat center;
		background-size: cover;
	}

	/* 리스트 */
	.section-list .list-footer {
		margin-top: 3.12vw;
	}

	/* 리스트 상세 */
	.section-view .view-header {
		padding: 2.5vw; 
	}
	.section-view .view-header .v-title {
		font-size: 1.56vw; 
	}
	.section-view .view-header .v-title .v-reply {
		width: 4.8vw;
		height: 2.5vw;
		margin-right: 1.25vw;
		padding: 0.39vw 0 0.39vw 0.62vw;
		font-size: 1.09vw;
		border-radius: 0.31vw;
	}
	.section-view .view-header .v-title .v-reply:before {
		width: 1.25vw;
		height: 1.25vw;
	}
	.section-view .view-header .v-list {
		margin-top: 1.25vw;
	}
	.section-view .view-header .v-list li {
		font-size: 1.09vw;
	}
	.section-view .view-header .v-list li + li {
		margin-left: 0.93vw;
		padding-left: 0.93vw;
	} 
	.section-view .view-header .v-list li + li:before {
		height: 1.09vw;
	}
	.section-view .view-body .v-editer {
		padding: 2.5vw; 
		font-size: 1.25vw;
	}
	.section-view .view-footer {
		margin-top: 1.87vw; 
	}

	/* 제품소개 */
	.sub.product .section-view .view-header {
		padding: 4.69vw 0;
	}
	.product-header .p-product {
		gap: 0  1.87vw;
	}
	.product-header .p-slide {
		width: 45.97vw;
		height: 29.39vw;
	}
	.product-header .p-swiper {
		width: 29.55vw;
		height: 29.55vw;
	}
	.product-header .p-swiper-thumbs {
		width: 4.37vw;
	}
	.product-header .p-swiper-thumbs .swiper-slide .l-img {
		width: 4.37vw;
		height: 4.37vw;
		margin-bottom: 0.31vw;
		border-radius: 0.31vw;
	}
	.product-header .p-swiper .swiper-slide .l-img img {
		width: auto;
	}
	.product-header .p-info .sns-area {
		top: -2.81vw;
		right: 2.66vw;
	}
	.product-header .p-info .p-title {
		margin-bottom: 1.56vw;
		font-size: 1.25vw;
	}	
	.product-header .p-info .p-title strong {
		margin-bottom: 0.31vw;
		font-size: 2.5vw;
	}
	.product-header .p-info .list-card {
		margin-bottom:  1.87vw;
	}
	.product-header .p-info .bt-area .bt.link img {
		width: 12.04vw;
	}
	.sub.product .section-view .view-body {
		padding: 4.69vw 0 0;
	}
	.sub.product .section-view .view-body .v-title {
		margin-bottom:  1.87vw;
		font-size:  1.87vw;
	}
	.sub.product .section-view .view-body .v-cont {
		margin-bottom: 5vw;
	}
	.sub.product .section-view .view-body .v-cont .txt-info strong {
		font-size: 1.56vw;
	}
	.sub.product .section-view .view-body .v-cont .txt-info p {
		margin-top: 0.62vw;
		font-size: 1.25vw;
	}
	/* 교과서 분석 */
	.wrap-contents.sub.textbook {
		padding-bottom: 4.53vw;
	}
	.sub.textbook .section-view {
		padding-top: 0.62vw;
	}
	.sub.textbook .section-view .view-header {
		margin-bottom: 4.37vw;
		padding: 2.18vw 0 3.12vw;
		font-size: 1.87vw;
		border-radius: 1.25vw;
	}
	.sub.textbook .section-view .view-header strong {
		font-size: 1.56vw;
	}
	.sub.textbook .section-view .view-body h3 {
		margin-bottom: 1.87vw;
		font-size: 1.87vw;
	}
	.sub.textbook .section-view .view-body .grid {
		gap: 4.37vw 1.87vw;
	}
	.sub.textbook .section-view .view-body .grid img + p {
		margin-top: 1.25vw;
	}
	.sub.textbook .section-view .view-body .v-cont + h3 {
		margin-top: 6.25vw;
	}
	.sub.textbook .section-view .view-body .tbox {
		height: 15.01vw;
	}
	.sub.textbook .section-view .view-body .tbox p {
		font-size: 1.87vw;
	}

	/* 리스트 등록 */
	.section-register .register-body .r-editer {
		border-radius: 0.31vw;
	}
	.section-register .register-body .r-form {
		padding-top: 2.65vw; 
	}
	.section-register .register-body .r-form dt {
		margin-bottom: 1.56vw;
	}
	.section-register .register-body .r-form dd {
		margin-bottom: 1.56vw;
	}
	.section-register .register-body .r-form dd label.error {
		bottom: -0.62vw;
	}
	.section-register .register-footer .f-title {
		margin-bottom:  1.87vw;
		font-size:  1.87vw;
	}
	.section-register .register-footer > .bt-area{
		margin-top: 3.12vw;
	}
	.ui-accordion.experience .a-title {
		margin-bottom:  1.87vw;
	}
	.ui-accordion.experience .a-title button {
		font-size:  1.87vw;
	}
	.ui-accordion.experience .a-title .ico {
		margin-right: 1.25vw;
	}
	.ui-accordion.experience .a-cont {
		margin-bottom: 5vw;
	}
	.ui-accordion.experience .r-result .a-cont {
		padding: 3.12vw 0;
	}
	.ui-accordion.experience .r-result:only-child .a-cont .sns-area {
		bottom: -1.56vw;
	}
	.ui-accordion.experience .r-form dt {
		padding-top: 3.12vw;
		font-size: 1.56vw
	}
	.ui-accordion.experience .r-form dt:first-child {
		padding-top: 0.46vw;
	}
	.ui-accordion.experience .r-form dd {
		margin-bottom: 3.12vw;
		padding-top: 0.93vw;
	}
	.ui-accordion.experience .grid-wrap {
		margin-bottom: 3.12vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img {
		gap:  1.87vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column4 strong,
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column5 strong,
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column6 strong,
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column7 strong,
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column8 strong,
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column13 strong {
		font-size: 1.25vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column4 span,
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column5 span,
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column6 span,
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column7 span,
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column8 span,
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column13 span {
		margin-top: 0.62vw;
		font-size:  1.87vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column10 .l-cont + .l-img img {
		height: 19.23vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column12 .l-cont p {
		min-height: 7.81vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-cont p.txt-dot {
		padding: 0.93vw 1.25vw 0.93vw 2.18vw;
		border-radius: 0.31vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-cont p.txt-dot:before {
		top: 1.87vw;
		left: 1.25vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-cont .ui-tooltip {
		margin-top: 0.31vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-cont .ui-tooltip div[data-tooltip-con] {
		width: 17.2vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.bar {
		padding-top: 3.59vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.bar strong {
		margin-bottom: 2.18vw;
		font-size: 2.5vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.bar .l-bar {
		margin-bottom: 3.12vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.bar .l-bar > div {
		grid-template-columns: repeat(7, 5.78vw);
		height: 1.56w;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.circle {
		height: 100%;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.circle .l-circle {
		top: 3.12vw;
		transform: translateX(-50%);
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.circle .l-circle > div {
		width: 19.07vw;
		height: 19.07vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.circle .l-circle > div > div {
		font-size: 3.12vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.circle .l-circle div.c1 {
		left: 0.39vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.circle .l-circle div.c2 {
		right: 0.39vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.circle .list-label {
		bottom: 20%;
		gap: 0.93vw 0;
	}
	.ui-accordion.experience .grid-wrap > .g-bottom {
		margin-top: 1.87vw;
	}

	/* Layout */
	/* Footer */
	.wrap-footer .f-link {
		padding-top: 4.53vw;
	}
	.wrap-footer .f-info {
		margin-top: 0.31vw;
	}
	.wrap-footer .f-link li + li, 
	.wrap-footer .f-info li + li {
		margin-left: 0.62vw;
		padding-left: 0.62vw;
	}
	.wrap-footer .f-info li:before,
	.wrap-footer .f-link li:before {
		height: 0.93vw;
	}
	.wrap-footer .f-familysite .ui-dropdown .d-label {
		padding: 1.09vw 7.36vw 1.09vw 0.93vw;
		font-size: 1.25vw;
		border-radius: 0.31vw;
	}
	.wrap-footer .f-bottom {
		padding: 2.5vw 0 6.02vw;
	}
	.wrap-footer .f-familysite .ui-dropdown .d-label:before {
		right: 0.93vw;
		width: 1.87vw;
		height: 1.87vw;
	}
	.wrap-footer .f-familysite .ui-dropdown .d-list {    
		max-height: 15.24vw;
		border-radius: 0.31vw 0.31vw 0 0;
	}
	.wrap-footer .f-familysite .ui-dropdown .d-list li strong {
		font-size: 1.25vw;
	}
	.wrap-footer .f-familysite .ui-dropdown .d-list li a {
		padding: 0.93vw;
		font-size: 1.25vw;
	}
	.wrap-footer .f-familysite .ui-dropdown .d-list li:first-child {
		padding: 0.93vw;
	}
	.wrap-footer .f-logo {
		width: 8.13vw;
		height: 3.75vw;
	}

	/* Floating */
	.banner.floating {
		bottom: 15.93vw;
	}

	/* Content */
	/* .wrap-container {
		padding-top: 9.38vw;
	} */

	/* Location */
	.location .inner > ul > li {
		height: 5vw;
		padding: 1.56vw;
	}
	.location .inner > ul > li > span {
		padding-right: 3.44vw;
		font-size: 1.25vw;
	}

	/* Main */
	[class^="section-main"] {
		padding-top: 7.5vw;
	}
	[class^="section-main"] .tit {
		margin-bottom: 5vw;
		font-size: 3.5vw;
	}
	[class^="section-main"] .txt {
		margin-bottom: 4vw;
		font-size: 1.66vw;
	}
	[class^="section-main"] .bt.raund.large {
		margin: 4vw auto 0; 
	}

	/* Main Section01 */
	.section-main01 {
		padding-top: 0;
	}
	.section-main01 .swiper-wrapper li {
		height: 66.66vw;
	}
	.section-main01 .swiper-text li {
		bottom: 21.5vw;
		margin-left: 0;
		left: 5%;
	}
	.section-main01 .swiper-text li .inner {
		width: 100%;
		padding-left: 1.66vw;
	}
	.section-main01 .swiper-text li .l-cont h2 {
		font-size: 4.66vw;
	}
	.section-main01 .swiper-text li .l-cont p {
		margin-top: 1.33vw;
		font-size: 1.66vw;
	}
	.section-main01 .swiper-text li .l-img {
		right: 6.25vw;
		width: 48.33vw;
	}
	.section-main01 .bt.raund {
		width: 19.33vw;
		margin: 3.33vw 0 0 0;
	}
	.section-main01 .bt.raund + .bt.raund {
		margin-left: .66vw;
	}
	.section-main01 .swiper-controls {
		bottom: 6.093vw;
	}

	/* Main Section02 */
	.section-main02 .inner {
		height: 30.83vw;
	}
	.section-main02 .inner:before {
		width: 32.5vw;
		height: 12.83vw;
	}
	.section-main02 .inner:after {
		width: 20.83vw;
		height: 11.83vw;
	}
	.section-main02 .tit {
		margin-bottom: 2.66vw;
	}
	.section-main02 .txt {
		font-size: 2.66vw;
	}
	.section-main02 .count {
		min-width: 29.33vw;
		padding-right: 6.66vw;
	}
	.section-main02 .count strong {
		font-size: 1.66vw;
	}
	.section-main02 .count span {
		font-size: 7.5vw;
	}
	.section-main02 .count small {
		font-size: 1.66vw;
		line-height: 2.5vw;
	}
	.section-main02 .count #rollingNum {
		height: 9.36vw;
	}
	.section-main02 .count span,
	.section-main02 .count .numwrap,
	.section-main02 .count .numlist span {
		line-height: 9.36vw;
	}

	/* Main Section03 */
	.section-main03 {
		height: 65.66vw;
		padding-top: 10vw;
	}
	.section-main03 .section-main03 .tit {
		margin-bottom: 5vw;
	}
	.section-main03 .simply-scroll,
	.section-main03 .simply-scroll .simply-scroll-clip {
		height: 30vw;
	}
	.section-main03 .simply-scroll .simply-scroll-list li {
		width: 39.66vw;
		height: 30vw;
		margin: 0 1.66vw;
		border-radius: 1.33vw;
		box-shadow: 0px .83vw 2.5vw rgba(116, 137, 254, 0.5);
	}

	/* Main Section04 */
	.section-main04 {
		height: 67vw;
	}

	/* Main Section05 */
	.section-main05 {
		height: 47.16vw;
	}
	.section-main05::before {
		width: 55.5vw;
		height: 12.83vw;
	}
	.section-main05::after {
		width: 68.33vw;
		height: 47.16vw;
	}
	.section-main05 .list-gallery li {
		height: 21.83vw;
		border-radius: 1.33vw;
	}
	.section-main05 .list-gallery li .l-cont strong {
		font-size: 1.66vw;
	}
	.section-main05 .list-gallery li .l-cont p {
		font-size: 2vw;
	}
	.section-main05 .list-gallery li .l-cont button {
		width: 17.16vw;
		height: 4vw;
		margin-top: 2vw;
		font-size: 1.33vw;
	}

	/* Sub */
	.wrap-contents.sub {
		padding-top: 6.33vw;
		padding-bottom: 12.5vw;
	}
	.cont-header {
		margin-bottom: 2.03vw;
	}
	.cont-header h2 {
		font-size: 2.5vw;
	}
	.cont-header .c-right .bt-area {
		gap: 0 0.46vw;
	}
	.cont-header .c-right .bt-area:only-child {
		margin-top: 0.62vw;
	}
	.cont-header .section-search {
		gap: 0 0.62vw;
	}
	.cont-header .c-right {
		top: 0.23vw;
	}
	.cont-header .c-right .section-search .bt.small.default {
		margin-left: 0.39vw;
	}
	.cont-header .c-right .bt.small.default {
		min-width: 6.56vw;
	}
	
	/* 크리드 소개 */
	section[class^="section-info"] > .inner {
		height: 39.09vw;
	}
	section[class^="section-info"] .l-img img {
		width: auto;
		height: 39.09vw;
	}
	section[class^="section-info"] .l-cont > h2 {
		font-size: 2.5vw;
	}
	section[class^="section-info"] .l-cont > p {
		margin-top: 1.87vw;
		font-size: 1.56vw;
	}
	section[class^="section-info"] .l-cont > small {
		margin-top: 2.5vw;
		font-size: 1.09vw;
	}
	section.section-info02 > .inner {
		height: 46.12vw;
	}
	section.section-info02 .l-img {
		margin-top: 4.37vw;
	}
	section.section-info02 .l-img img {
		height: 12.5vw;
	}
	section.section-info03 > .inner {
		height: 48vw;
	}
	section.section-info03 .list-qna {
		gap: 10.63vw;
	}
}
@media (max-width: 720px) {
	body {
		font-size: 3.88vw;
	}
	.pc-only {
		display: none !important;
	}
	.mo-only {
		display: block !important;
	}
	.mo-br {
		display: block;
	}
	.inner {
		width: 100%;
		padding: 0 4.44vw;
	}
	
	/* Form */
	input[type="text"],
	input[type="search"],
	input[type="password"],
	textarea {
		padding: 3.33vw 4.44vw;
		font-size: 4.44vw;
		border-radius: 1.11vw;
	}
	label.error {
		margin-top: 2.22vw;
		font-size: 3.88vw;
	}

	/* Selete */
	.ui-select .s-blind { 
		min-width: 44.44vw;
		height: 13.33vw;
		padding-right: 2.77vw;
	}
	.ui-select .s-title {
		padding: 3.33vw;
		font-size: 4.44vw;
		border-radius: 1.11vw;
	}
	.ui-select .s-title:after { 
		right: 3.33vw;
		width: 6.66vw;
		height: 6.66vw;
	}
	.ui-select .s-options {
		font-size: 4.44vw;
		border-radius: 1.11vw;
	}
	.ui-select .s-options li {
		padding: 3.33vw;
		font-size: 4.44vw;
	}
	.ui-select .s-options li:first-child:after {
		right: 3.33vw;
		width: 6.66vw;
		height: 6.66vw;
	}

	/* Search */
	.ui-search {
		width: 100%;
		background: none;
	}
	.ui-search input[type="search"] {
		width: 100%;
		padding-right: 11.11vw;
	}

	/* Radio Buttons */
	.ui-radio {
		margin-right: 1.38vw;
	}
	.ui-radio [type="radio"] + label {
		width: 100%;
		padding: 3.33vw 4.44vw;
		font-size: 4.44vw;
		border-radius: 1.11vw;
	}
	.ui-radio [type="radio"] + label:after {
		right: 4.44vw;
		width: 4.44vw;
		height: 4.44vw;
	}
	
	/* File */
	.section-register .register-body .r-form dd.ui-file-wrap {
		margin-top: 0;
	}
	.ui-file .bt.small {
		width: 100%;
	}
	
	/* ui-dropdown */
	.ui-accordion li {
		position: relative;
	}
	.ui-accordion li.r-register.done .a-title {
		margin-bottom: 14.44vw;
	}
	.ui-accordion li.r-register.done:after {
		top: 10.5vw;
		left: calc(8.88vw - 1px);
		height: 11.11vw;
	}
	.ui-accordion li.r-register.active .a-title {
		margin-bottom: 6.66vw;
	}
	.ui-accordion.experience .a-title button {
		font-size: 5.55vw;
	}
	.ui-accordion.experience .a-title .ico {
		margin-right: 2.22vw;
		font-size: 5.55vw;
	}
	.ui-accordion.experience .a-title {
		margin-bottom: 6.66vw;
	}
	.ui-accordion.experience .a-cont {
		margin-bottom: 15.83vw;
	}
	.ui-accordion.experience .r-form dt {    
		margin-bottom: 1.56vw;
		font-size: 4.44vw;
	}
	.ui-accordion.experience .bt-area .bt.large {
		width: 100%;
	}
	.ui-accordion.experience .r-result .a-cont {
		padding-top: 8.88vw;
		padding-bottom: 27.77vw;
	}
	.ui-accordion.experience .r-result .a-cont .sns-area {
		position: absolute;
		left: 0;
		bottom: -30vw;
		top: auto;
		transform: translateY(100%);
	}
	.ui-accordion.experience .r-result:only-child .a-cont .sns-area {
		bottom: -5.55vw;
	}
	.ui-accordion.experience .grid-wrap {
		margin-bottom: 6.66vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img {
		gap: 6.66vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li[class*="l-column"] {
		grid-column: span 10;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-cont p.txt-dot {
		padding: 4.44vw 4.44vw 4.44vw 7.77vw;
		border-radius: 1.11vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-cont p.txt-dot:before {
		top: 7.22vw;
		left: 4.44vw;
		width: 1.11vw;
		height: 1.11vw;
		transform: none;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-cont .ui-tooltip {
		margin-top: 0;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-cont .ui-tooltip div[data-tooltip-con] {
		width: 61.11vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column4 strong, 
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column5 strong, 
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column6 strong, 
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column7 strong, 
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column8 strong, 
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column13 strong {
		font-size: 4.44vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column4 span, 
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column5 span, 
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column6 span, 
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column7 span, 
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column8 span, 
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column13 span {
		float: right;
		margin-top: -1.66vw;
		margin-bottom: -1.66vw;
		font-size: 6.66vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column10 .l-cont + .l-img img {
		height: 68.33vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li.l-column12 .l-cont p {
		min-height: 0;
		margin-top: 6.66vw;
		padding: 3.33vw;
		border-radius: 4px;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-cont + .l-img {
		position: static;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.bar {
		padding-top: 12.77vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.bar strong {
		margin-bottom: 7.77vw;
		font-size: 8.88vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.bar .l-bar {
		margin-bottom: 9.44vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.bar .l-bar > div {
		grid-template-columns: repeat(7, 11.11vw);
		height: 4.44vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.circle {
		height: 85vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.circle.mgt {
		height: 91vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.circle .l-circle {
		top: 2.22vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.circle .l-circle > div {
		width: 67.77vw;
		height: 67.77vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.circle.mgt .l-circle > div {
		margin-top: 4%;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.circle .l-circle > div > div {
		font-size: 11.11vw;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.circle .l-circle div.c1 {
		left: 0;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.circle .l-circle div.c2 {
		right: 0;
	}
	.ui-accordion.experience .grid-wrap .list-card.img li .l-graph.circle .list-label {
		right: auto;
		left: 0;
		bottom: 0;
		gap: 2.22vw 0;
	}
	.ui-accordion.experience .grid-wrap > .g-bottom { 
		margin-top: 6.66vw;
	}
	.ui-accordion.experience .grid-wrap > .txt-dot {
		font-size: 3.88vw;
	}
	.ui-accordion.experience .grid-wrap > .txt-dot:before {
		top: 2.5vw;
    	transform: none;
	}

	/* 더보기 */
	.ui-more-view {
		margin-top: 2.22vw;
		border-radius: 1.11vw;
	}
	.ui-more-view p {
		height: 55.55vw;
		padding: 3.33vw 4.16vw;
	}
	.ui-more-view .bt-area {
		padding: 4.44vw 0 8.61vw;
		border-radius: 0 0 1.11vw 1.11vw;
	}	
	.ui-more-view.active {
		padding-bottom: 25vw;
	}
	.ui-more-view.active p {
		max-height: 83.33vw;
	}

	/* Tooltip */
	.ui-tooltip div[data-tooltip-con] {
		left: -5vw;
		top: 8.05vw;
		width: 51.11vw;
		padding: 2.22vw 8.33vw 2.22vw 2.22vw;
		border-radius: 1.11vw;
	}
	.ui-tooltip div[data-tooltip-con]:after {
		left: 3.7vw;
		top: 0.49vw;
		width: 2.22vw;
		height: 2.22vw;
	}
	.ui-tooltip div[data-tooltip-con] p {
		font-size: 3.88vw !important;
	}
	.ui-tooltip div[data-tooltip-con] .ico.close3 {
		right: 2.22vw;
		top: 2.22vw;
	}

	/* Swiper */
	.wrap-container .swiper-controls {
		display: flex;
		display: -ms-flexbox;
		align-items: center;
		justify-content: left;
		position: absolute;
		left: 50%;
		top: auto;
		bottom: 0;
		width: 37.22vw;
		height: 11.11vw;
		transform: translateX(-50%);
	}
	.wrap-container .swiper-pagination-fraction {
		bottom: 0 !important;
		height: 11.11vw;
	}
	.wrap-container .swiper-pagination-fraction span {
		color: #333;
		font-size: 4.44vw;
		font-weight: 400;
		width: 2.77vw;
	}
	.wrap-container .swiper-pagination-fraction .swiper-pagination-current {
		position: relative;
		font-weight: 700;
		margin-right: 2.77vw;
	}
	.wrap-container .swiper-controls .swiper-button-prev, 
	.wrap-container .swiper-controls .swiper-button-next {
		top: 0;
		width: 11.11vw;
		height: 11.11vw;
		margin: 0;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 2.22vw auto;
		border-radius: 50%;
		border: 1px solid #333;
		cursor: pointer;
		z-index: 11;
	}
	.wrap-container .swiper-controls .swiper-button-prev { 
		display: block;
		left: 0;
		background-image: url(../images/bt/bt_arrow_l_2x.png)
	}
	.wrap-container .swiper-controls .swiper-button-next {
		display: block;
		right: 0;
		background-image: url(../images/bt/bt_arrow_r_2x.png);
	}
	.wrap-container .swiper-controls .swiper-button-prev:after,
	.wrap-container .swiper-controls .swiper-button-next:after {
		content: '';
		cursor: pointer;
	}

	/* Icon */
	.ico.menu {
		top: 4.7vw;
    	right: 6.66vw;
		width: 6.66vw;
		height: 6.66vw;
	}
	.ico.menu-close {
		top: 5vw;
		right: 6.66vw; 
		width: 6.66vw; 
		height: 6.66vw;
	}
	.ico.home {
		width: 6.66vw; 
		height: 6.66vw;
	}
	.ico.play {
		width: 5.55vw;
		height: 5.55vw;
	}
	.bt .ico:before {
		width: 6.66vw; 
		height: 6.66vw;
		margin-right: 1.11vw;
	}
	.ico.paper:before {
		width: 6.66vw; 
		height: 6.66vw;
		margin-right: 1.11vw;
	}
	.ico.close2 {
		width: 6.66vw; 
		height: 6.66vw;
	}
	.ico.signup:before {
		width: 6.66vw; 
		height: 6.66vw;
		margin-right: 1.11vw;
	}
	.ico.log:before {
		width: 6.66vw; 
		height: 6.66vw;
		margin-right: 1.11vw;
	}
	.ico.instagram {
		background-position: 2.5vw center;
		background-size: auto 4.44vw;
	}
	.ico.facebook {
		background-position: -13vw center;
		background-size: auto 4.44vw;
	}
	.ico.kakaotalk {
		background-position: -28.3vw center;
		background-size: auto 4.44vw;
	}
	.ico.twitter {
		background-position: -45vw center;
		background-size: auto 4.44vw;
	}
	.ico.number {
		width: 8.88vw;
		height: 8.88vw;
		line-height: 8.88vw;
	}
	.ico.info {
		width: 4.44vw;
		height: 4.44vw;
	}
	.ico.close3 {
		width: 4.44vw;
		height: 4.44vw;
	}
	.ico.bar {
		width: 5.55vw;
		height: 5.55vw;
	}
	.ico.pie {
		width: 5.55vw;
		height: 5.55vw;
	}

	/* Button */
	.bt-area {
		gap: 0 2.22vw;
	}
	.bt span.ico {
		margin-right: 1.45vw;
	}
	.bt.small {
		min-width: 34.72vw;
		padding: calc(3.05vw - 2px) 0;
		border-radius: 1.11vw;
	}
	.bt.small span {
		font-size: 4.44vw;
	}
	.bt.medium,
	.bt.large {
		min-width: calc(50% - 2.22vw);
		padding: calc(4.44vw - 2px) 0;    
		border-radius: 1.11vw;
	}
	.bt.medium span,
	.bt.large span {
		font-size: 4.44vw;
	}
	.bt.large.raund {
		min-width: calc(50% - 2.22vw);
		padding: calc(4.44vw - 2px) 0;     
	}
	.bt.large.raund span {
		font-size: 4.44vw;
	}
	.bt.raund {
		border-radius: 1000px;
	}
	.bt.raund.large {    
		width: auto;
		min-width: auto;
		height: 12.5vw;
		padding: 3.33vw 8.33vw;
		font-size: 3.88vw;
	}
	.bt.raund.large > span:after {
		content: '';
		display: inline-block;
		vertical-align: top;
		width: 4.44vw;
		height: 4.6vw;
		margin-top: 0.5vw;
		margin-left: 2.22vw;
		background: url(../images/ico/ico_plus_3x.png) no-repeat center;
		background-size: 100%;
	}
	.bt.experience {
		width: 19.44vw;
		height: 38.61vw;
	}
	.bt.top {
		width: 13.88vw;
		height: 13.88vw;
	}
	.bt.dropdown:after {
		width: 6.66vw;
		height: 6.66vw;
	}

	/* Text */
	p.txt-dot {
		padding-left: 3.33vw;
		font-size: 4.44vw;
	}
	p.txt-dot:before {
		width: 1.11vw;
    	height: 1.11vw;
		top: 3.33vw;
	}
	.txt-nodata {
		min-height: 111.11vw;
		font-size: 4.44vw;
	}
	.txt-nodata p:before {
		width: 15.55vw;
		height: 15.55vw;
		margin-bottom: 3.88vw;
	}

	/* SNS */
	.sns-area {
		gap: 0 2.22vw;
	}
	.sns-area [class*="s-"] {
		width: 10vw;
		height: 10vw;
		box-shadow: none;
		border: 1px solid #E5E8EB;
	}
	.sns-area .bt.small {
		display: none;
		min-width: 96px;
		margin-left: 12px;	
	}
	
	/* pagination */
	.pagination .p-page button {
		width: 8.88vw; 
		height: 8.88vw; 
		margin: 0 0.69vw; 
		font-size: 4.44vw; 
		border-radius: 2.22vw;
	}
	.pagination .p-page button.prev,
	.pagination .p-page button.next {
		width: 11.11vw; 
		height: 11.11vw; 
	}
	.pagination .p-page button.prev {
		margin: -1.11vw 2.77vw -1.11vw 0; 
	}
	.pagination .p-page button.next {
		margin: -1.11vw 0  -1.11vw 2.77vw; 
	}

	/* List */
	.list-gallery {
		gap: 12.22vw 4.44vw;
	}
	.list-gallery.column2,
	.list-gallery.column3,
	.list-gallery.column4,
	.list-gallery.column5 {
		grid-template-columns: 1fr 1fr;
	}
	.list-gallery li {
	}
	.list-gallery li .l-img {
		width: 100%;
		height: 38.88vw;
		margin-bottom: 4.44vw;
		border-radius: 2.22vw;
	}
	.list-gallery li .l-cont div.bar {
		margin-bottom: 4.44vw;
		padding-bottom: 3.33vw;
		font-size: 4.44vw;
	}
	.list-gallery li .l-cont div.bar:before {
		height: 2.22vw;
		border-radius: 1.11vw;
	}
	.list-gallery li .l-cont div.bar.level3 span {
		height: 2.22vw;    
		border-radius: 1.11vw;
	}
	.list-gallery li .l-cont strong {
		font-size: 4.44vw;
	}
	.list-gallery li .l-cont p {
		margin-top: 1.11vw;
		font-size: 4.44vw;
	}
	.list-gallery li .l-cont small {
		margin-top: 2.22vw;
		font-size: 3.88vw;
	}
	.list-gallery li .l-cont small span {
		margin-left: 1.11vw;
	}
	
	.list-gallery.line {
		gap: 11.11vw 0;
	}
	.list-gallery.line.column2,
	.list-gallery.line.column3,
	.list-gallery.line.column4 {
		grid-template-columns: 1fr;
	}
	.list-gallery.line li {
		min-height: 0;
		border: 1px solid #E5E8EB;
		border-radius: 2.22vw;
		background-color: #fff;
		transition: all 0.2s ease-in-out;
	}
	.list-gallery.line li .l-img {
		position: relative;
		height: 38.88vw;
		margin-bottom: 0;
		border: 0px;
		border-radius: 2.22vw 2.22vw 0 0;
	}
	.list-gallery.line li .l-img img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		width: auto;
		height: 100%;
	}
	.list-gallery.line li .l-cont {
		padding: 4.44vw 4.44vw 6.66vw;
	}
	.list-gallery.line li .l-cont strong {
		font-size: 4.44vw;
	}
	.list-gallery.line li .l-cont p {
		display: none;
		margin-top: 1.11vw;
		font-size: 4.44vw;
	}	
	.list-gallery.line.swiper-wrapper li {
		width: 95.55vw;
		padding: 1px calc(2.22vw + 1px);
		border-radius: 2.22vw;
	}
	.list-gallery.line.swiper-wrapper li:before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 2.22vw;
		right: 2.22vw;
		z-index: -1;
		border: 1px solid #E5E8EB;
		background-color: #fff;
		border-radius: 2.22vw;
		transition: all 0.2s ease-in-out;
	}
	
	/* List Card */
	.list-card {
		gap: 5.55vw 0;
	}
	.list-card.column2,
	.list-card.column3,
	.list-card.column4 {
		grid-template-columns: 1fr;
	}
	.list-card li {
		padding: 8.88vw;
		border-radius: 2.22vw;    
		background-position: right 8.88vw bottom 8.88vw;
		background-size: 8.88vw;
	}
	.list-card li .l-cont {
		height: auto;
	}
	.list-card li .l-cont strong {
		font-size: 6.66vw;
	}
	.list-card li .l-cont span {
		font-size: 4.44vw;
	}
	.list-card li .l-cont p {
		margin-top: 1.11vw;
		font-size: 5.55vw;
	}
	.list-card li .l-cont small {
		position: static;
		margin-top: 3.33vw;
		font-size: 4.44vw;
	}
	.list-card li .l-cont small span {
		width: auto;
		font-size: inherit;
	}
	.list-card li .l-cont small:after {
		width: 5.56vw;
    	height: 5.56vw;
		margin-top: 0.5vw;
		margin-left: 0.83vw;
	}
	.list-card .bt.l-link {
		border-radius: 2.22vw
	}

	/* 제품소개 */
	.list-card.txt {
		gap: 2.22vw 0;
	}
	.list-card.txt li {
		padding: 4.44vw;
		border-radius: 1.11vw;
	}
	.list-card.txt li .l-cont {
		gap: 0 4.44vw;
	}
	.list-card.txt li .l-cont strong {
		min-width: 15.55vw;
		font-size: 4.44vw;
	}
	.list-card.txt li .l-cont p {
		min-width: 53.5vw;
		font-size: 4.44vw;
		text-overflow: unset;
		white-space: normal;
		letter-spacing: -0.5px;
		word-break: keep-all;
	}

	/* 제품소개 */
	.list-card.img {
		gap: 6.66vw 0;
	}
	.list-card.img li {
		/* height: 56.66vw; */
		padding: 6.66vw;
	}
	.list-card.img li .l-cont {
		height: auto;
	}
	.list-card.img li .l-cont strong {
		font-size: 4.44vw;
	}
	.list-card.img li .l-cont p {
		font-size: 4.44vw;
	}
	.list-card.img li .l-cont strong + p {
		margin-top: 4.44vw;
	}
	.list-card.img li .l-cont + .l-img {
		position: absolute;
		right: 6.66vw;
		bottom: 6.66vw;
	}
	.list-card.img li .l-img img {
		width: 16.66vw;
	}
	.list-card.img.center li {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 4.44vw;
		padding: 5.55vw;
		text-align: left;
		word-break: keep-all;
	}
	.list-card.img.center li .l-cont br {
		display: none;
	}

	/* List Dots */
	.list-dots {
		margin: 2.22vw 0;
	}
	.list-dots li {
		padding-left: 4.44vw;
		font-size: 3.88vw;
		letter-spacing: -0.5px;
	}
	.list-dots li:before {
		left: 1.11vw;
		width: 1.11vw;
		height: 1.11vw;
	}
	.list-dots li + li {
		margin-top: 1.11vw;
	}

	/* List File */
	.list-file {
		padding: 4.44vw 2.22vw;
		border-radius: 1.11vw;
	}
	.list-file li {
		margin: 2.22vw;
		padding: 4.44vw 13.33vw 4.44vw 4.44vw;
		border-radius: 1.11vw;
	}
	.list-file li span {
		padding-left: 8.88vw;
		font-size: 4.44vw;
	}
	.list-file li .ico.close2 {
		right: 4.44vw;
	}

 	/* List Table */
	.list-table tbody tr {
		padding: 5.55vw 0;
	}
	.list-table tbody td {
		font-size: 4.44vw; 
	}
	.list-table tbody td + td {
		margin-top: 4.44vw;
	}
	.list-table tbody td.pc-only:first-child + td {
		margin-top: 0;
	}
	.list-table tbody td.t-title {
		padding: 3.33vw;
		border-radius: 2.22vw;
	}
	.list-table tbody td.t-title:before {
		left: 3.33vw; 
		top: 3.33vw; 
		font-size: 4.44vw  
	}
	.list-table tbody td.t-title + td.t-title {
		margin-top: 2.22vw;
	}
	.list-table tbody td.ellipsis {
		white-space: normal;
	}
	.list-table tbody tr.t-notice td.ellipsis {
		position: relative;
		padding: 0 5.55vw 0 13.33vw;
	}
	.list-table tbody tr.t-notice td.ellipsis:before {
		left: 4.44vw;
		width: 6.66vw; 
		height: 6.66vw;
	}

	/* List Progress Bar */
	.list-progress {
		margin-top: 6.66vw;
	}
	.list-progress li {
		display: grid;
		grid-template-columns: calc(100% - 11.11vw) 11.11vw;
	}
	.list-progress li + li {
		margin-top: 5vw;
	}
	.list-progress .l-title {
		grid-column: span 2;
		width: 100%;
	}
	.list-progress .l-title strong {
		font-size: 3.88vw;
	}
	.list-progress .l-bar{
		grid-column: 1;
		height: 4.44vw;
		width: 100%;
		margin-top: 1.11vw;
	}
	.list-progress .l-bar div {
		height: 4.44vw;
	}
	.list-progress li > span {
		grid-column: 2;
		width: 11.11vw;
		font-size: 3.88vw;
	}

	/* List Label */
	.list-label {
		grid-template-columns: 1fr;
		gap: 2.22vw 0;
	}
	.list-label li { 
		font-size: 3.88vw
	}
	.list-label li .label {
		width: 4.44vw;
    	height: 4.44vw;
		margin-right: 3.33vw;
		border-radius: 1.11vw;
	}

	/* List Qna */
	.list-qna {
		gap: 0 22.77vw;
		margin-top: 11.66vw;
	}
	.list-qna img {
		width: 61.11vw;
	}
	.list-qna li strong {
		margin-top: 3.33vw;
		padding: 3.33vw 6.66vw 3.33vw 13.33vw;
		font-size: 4.44vw;
		border-radius: 5.55vw;
	}
	.list-qna li strong:before {
		top: 3.33vw;
		left: 6.66vw;
		margin-right: 1.11vw;
		font-size: 4.44vw;
	}
	.list-qna li strong:after {
		top: -3.88vw;
		right: 3.05vw;
		border-width: 4.44vw;
		border-radius: 1.11vw;
	}
	.list-qna li p {
		margin-top: 3.33vw;
		padding: 3.33vw 6.66vw 3.33vw 13.33vw;
		font-size: 4.44vw;
		border-radius: 5.55vw;
	}
	.list-qna li p:before {
		top: 3.33vw;
		left: 6.66vw;
		margin-right: 1.11vw;
		font-size: 4.44vw;
	}

	/* 리스트 */
	.section-list .list-footer {
		margin-top: 12.22vw;
	}
	.section-list .list-footer .bt-area.right {
		position: static;
		margin-top: 12.22vw;
	}
	.section-list .list-footer .bt-area.right .bt:only-child {
		position: static;
		width: 100%;
	}

	/* 리스트 상세 */
	.section-view .view-header {
		padding: 4.44vw;
	}
	.section-view .view-header .v-title {
		font-size: 4.44vw;
	}
	.section-view .view-header .v-title .v-reply {
		display: block;
		width: 16.11vw;
    	height: 8.88vw;
		margin-bottom: 1.11vw;
		line-height: 4.44vw;
		padding: 2.22vw 0 2.22vw 2.22vw;
		font-size: 3.88vw;
		border-radius: 1.11vw;
	}
	.section-view .view-header .v-title .v-reply:before {
		width: 4.44vw;
    	height: 4.44vw;
	}
	.section-view .view-header .v-list {
		margin-top: 4.44vw;
	}
	.section-view .view-header .v-list li {
		font-size: 3.88vw;
	}
	.section-view .view-header .v-list li + li {
		margin-left: 3.33vw;
		padding-left: 3.33vw;
	} 
	.section-view .view-header .v-list li + li:before {
		height: 3.88vw;
	}
	.section-view .view-body .v-editer {
		padding: 6.66vw 4.44vw;
		font-size: 4.44vw;
	}
	.section-view .view-footer {
		margin-top: 6.66vw;
	}
	.section-view .view-footer .bt-area.right .bt:only-child {
		width: 100%;
	}

	/* 제품소개 */
	.product-header {
		padding: 0;
		background-color: transparent;
	}
	.product-header .p-product {
		grid-template-columns: 1fr;
	}
	.product-header .p-swiper {
		position: static;
		width: 73.33vw;
		height: 73.33vw;
		transform: none;
	}
	.product-header .p-slide {
		width: 100%;
		height: 108.88vw;
		padding: 4.69vw 0;
	}
	.product-header .p-slide:before {
		content: '';
		position: absolute;
		top: 0;
		left: -4.44vw;
		right: -4.44vw;
		bottom: 0;
		background-color: #E7F5FE;
	}
	.product-header .p-swiper-thumbs {
		top: auto;
		width: 100%;
		bottom: 6.66vw;
	}
	.product-header .p-swiper-thumbs .swiper-wrapper {
		display: flex;
	}
	.product-header .p-swiper-thumbs .swiper-slide {
		width: 15.55vw !important;
		margin-right: 1.11vw;
	}
	.product-header .p-swiper-thumbs .swiper-slide .l-img {
		width: 15.55vw;
		height: 15.55vw;
		margin-bottom: 0;
		border-radius: 1.11vw;
	}
	.product-header .p-info {
		padding-top: 8.88vw;
	}
	.product-header .p-info .p-title {
		margin-top: 1.11vw;
		margin-bottom: 6.66vw;
    	font-size: 4.44vw;
	}
	.product-header .p-info .p-title strong {
		margin-bottom: 2.22vw;
		font-size: 6.66vw;
	}
	.product-header .p-info .list-card li {
		background-color: #EEF5FC;
	}
	.product-header .p-info .list-card {
		margin-bottom: 6.66vw;
	}
	.product-header .p-info .sns-area {
		top: auto;
		bottom: 3.88vw;
		right: 4.44vw;
	}
	.product-header .p-info .bt-area {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 8.88vw 2.22vw;
	}
	.product-header .p-info .bt-area a {
		grid-column: span 2;
	}
	.product-header .p-info .bt-area .bt.link {
		position: static;
		grid-column: span 2;
		grid-row: span 2;
	}
	.product-header .p-info .bt-area .bt.link img {
		width: 42.77vw;
		height: 13.33vw;
	}
	.sub.product .section-view .view-body {
		padding: 18.88vw  0 0; 
	}
	.sub.product .section-view .view-body .v-title {
		margin-bottom: 4.44vw;
		font-size: 5.55vw;
	}
	.sub.product .section-view .view-body .v-cont {
		margin-bottom: 15.55vw;
	}
	.sub.product .section-view .view-body .v-cont .txt-info strong {
		font-size: 4.44vw;
	}
	.sub.product .section-view .view-body .v-cont .txt-info p {
		margin-top: 2.22vw;
		font-size: 4.44vw;
	}
	.sub.product .section-view .list-card.img li {
		height: 56.66vw;
	}
	.f-swiper.swiper {
		position: relative;
		width: calc(100% + 4.22vw);
		margin-bottom: 0 !important;
		padding-bottom: 30vw;
	}
	.f-swiper .swiper-wrapper {
		gap: 3.12vw 0;
		width: calc(100% + 4.22vw);
		margin: 0 -2.22vw;
	}
	.f-swiper .swiper-wrapper li {
		padding: 0 2.22vw;
	}
	/* 교과서 분석 */
	.wrap-contents.sub.textbook {
		padding-bottom: 16.11vw;
	}
	.sub.textbook .section-view {
		padding-top: 2.22vw;
	}
	.sub.textbook .section-view .view-header {
		margin-bottom: 15.55vw;
		padding: 9vw 16.66vw;
		font-size: 5.55vw;
		border-radius: 4.44vw;
	}
	.sub.textbook .section-view .view-header strong {
		font-size: 4.44vw;
	}
	.sub.textbook .section-view .view-header p {
		margin-top: 1.66vw;
		word-break: keep-all;
	}
	.sub.textbook .section-view .view-body h3 {
		margin-bottom: 4.44vw;
		font-size: 5.55vw;
	}
	.sub.textbook .section-view .view-body .grid {
		gap: 15.55vw 6.66vw;
	}
	.sub.textbook .section-view .view-body .grid img + p {
		margin-top: 4.44vw;
	}
	.sub.textbook .section-view .view-body .grid.column2 {
		grid-template-columns: 1fr;
	}
	.sub.textbook .section-view .view-body .v-cont + h3 {
		margin-top: 15.55vw;
	}
	.sub.textbook .section-view .view-body .tbox {
		height: 53.33vw;
		background-image: url(../images/bg_textbook_08_mo.png);
	}
	.sub.textbook .section-view .view-body .tbox p {
		padding: 0 12.5vw;
		font-size: 5.55vw;
		word-break: keep-all;
	}
	.sub.textbook .section-view .view-body .tbox p br {
		display: none
	}

	/* 리스트 등록 */
	.section-register .register-body .r-form {
		padding-top: 6.11vw;
	}
	.section-register .register-body .r-form dd {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		margin-bottom: 4.44vw;
		gap: 4.44vw;
	}
	.section-register .register-body .r-form dd.ui-radio-wrap {
		grid-template-columns: 38.88vw 38.88vw;
		grid-auto-columns: 38.88vw;
	}
	.section-register .register-body .r-form dd label.error {
		position: static;
		margin: 0;
		transform: none;
	}
	.section-register .register-body .r-form dd > * {
		grid-column: span 2;
	}
	.section-register .register-body .r-form dd > .ui-radio {
		grid-column: span 1;
		margin-right: 0;
	}
	.section-register .register-body .r-editer {
		border-radius: 1.11vw;
	}
	.section-register .register-footer .f-title {
		margin-bottom: 6.66vw;
    	font-size: 5.55vw;
	}
	.section-register .register-footer > .bt-area{
		margin-top: 6.66vw;
	}
	.section-register .register-body .ui-accordion.experience  .r-form {
		padding-top: 6.66vw;
	}
	.section-register .register-body .ui-accordion.experience .r-form dt {
		margin-bottom: 4.44vw;
		padding-top: 6.66vw;
	}
	.section-register .register-body .ui-accordion.experience .r-form dt:first-child {
		padding-top: 0;
	}
	.section-register .register-body .ui-accordion.experience .r-form dd {
		margin-bottom: 6.66vw;
		padding-top: 0;
	}
	.section-register .register-body .ui-accordion.experience .r-form dd + .blind + dd {
		margin-top: -2.22vw;
	}

	/* Layout */
	/* Header */
	.wrap-header {
		min-height: calc(16.66vw + 1px);
	}
	.wrap-header:after {
		display: none;
	}
	.wrap-header .h-menu-wrap {
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 3;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.7);
	}
	.wrap-header .h-menu-wrap .inner {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		width: 76.11vw;
		padding: 18.88vw 4.44vw 17.77vw;
		background: #fff;
	}
	.wrap-header .h-menu .depth1 > li {
		float: none;
	}
	.wrap-header .h-logo {
		top: 4.72vw;
		left: 4.44vw;
		width: 25.55vw;
		height: 7.77vw;
	}
	.wrap-header .h-logo a {
		height: 7.77vw;
	}
	.wrap-header .h-menu, .wrap-header.main .h-menu {
		width: 100%;
	}
	.wrap-header .h-menu .bt {
		display: none;
	}
	.wrap-header .h-menu .depth1 {
		float: none;
	}
	.wrap-header .h-menu .depth1 > li {
		padding: 6.66vw 0;
		border-bottom: 1px solid #E5E8EB;
	}
	.wrap-header .h-menu .depth1 > li > strong, 
	.wrap-header .h-menu .depth1 > li > a {
		margin: 0;
		padding: 0 2.22vw;
		font-family: 'SUIT', 's-core_dream', Helvetica, Arial, sans-serif;
		font-size: 5.55vw;
		font-weight: 600;
        cursor: pointer;
	}
	.wrap-header .h-menu .depth1 > li > strong:after, 
	.wrap-header .h-menu .depth1 > li > a:after {
		content: '';
		position: absolute;
		top: 50%;
		bottom: auto;
		left: auto;
		right: 2.22vw;
		width: 6.66vw;
		height: 6.66vw;
		background: url(../images/ico/ico_arrow_down3_3x.png) no-repeat right center;
		background-size: 6.66vw auto;
		transition: none;
		transform: translateY(-50%);
	}
	.wrap-header .h-menu .depth2 {
		padding: 0;
	}
	.wrap-header .h-menu .depth2 > li {
		padding-bottom: 0;
	}
	.wrap-header .h-menu .depth2 li a, 
	.wrap-header .h-menu .depth2 li strong {
		margin-top: 2.22vw;
		padding: 0 2.22vw;
		font-size: 4.44vw;
		font-weight: 400;
	}
	.wrap-header .h-menu .depth2 > li:first-child > a, 
	.wrap-header .h-menu .depth2 > li:first-child > strong {
		margin-top: 4.44vw;
	}
	.wrap-header .h-menu .depth3 {
		padding-bottom: 4.44vw;
	}
	.wrap-header .h-menu .depth2 > li:last-child .depth3 {
		padding-bottom: 0;
	}
	.wrap-header .h-menu .depth3 li a {
		font-size: 3.88vw;
	}
	.wrap-header .h-menu .depth3 > li:first-child > a, 
	.wrap-header .h-menu .depth3 > li:first-child > strong {
		margin-top: 4.44vw;
	}
	.wrap-header .h-menu-wrap .h-user {
		position: static;
	}
	.wrap-header .h-menu-wrap .h-user .ico.signup {
		position: absolute;
		bottom: 4.44vw;
		left: 6.66vw;
	}
	.wrap-header .h-menu-wrap .h-user .ico.log {
		position: absolute;
		bottom: 4.44vw;
	}
	.wrap-header .h-menu-wrap .h-user .ico {
		padding: 2.22vw 4.44vw;
		font-size: 4.44vw;
	}
	.wrap-header .h-menu-wrap .h-user .ico.signup + .ico.log {
		top: 5.55vw;
		left: 6.66vw;
		bottom: auto;
		padding: 0;
		color: #333;
		font-size: 4.44vw;
		line-height: 1.3em;
		border-bottom: 1px solid #333;
		border-radius: 0;
		background-color: #fff !important;
	}
	.wrap-header .h-menu-wrap .h-user .ico.signup + .ico.log:before {
		display: none;
	}
	.wrap-header .h-menu-wrap .h-user .ico.signup + .ico.log:after {
		content: '을 해주세요.';
	}
	.wrap-header .h-menu-wrap .h-user .ui-dropdown {
		position: absolute;
		top: 5.55vw;
	}
	.wrap-header .h-menu-wrap .h-user .ui-dropdown .d-label {
		min-width: 0;
		padding: 0;
		color: #333;
		font-size: 4.44vw;
		background-color: #fff;
	}
	.wrap-header .h-menu-wrap .h-user .ui-dropdown .d-label:before {
		content: '';
		display: inline-block;
		vertical-align: top;
		width: 6.66vw;
		height: 6.66vw;
		margin-right: 1.11vw;
		background: url(../images/ico/ico_user_3x.png) no-repeat center;
		background-size: cover;
	}
	.wrap-header .h-menu-wrap .h-user .ui-dropdown .d-label:after {
		display: none;
	}
	.wrap-header .h-menu-wrap .h-user .ui-dropdown .d-list {
		display: none !important;
	}
	.wrap-header .h-menu .depth1 > li.active > strong:after {
		transform: translateY(-50%) rotate(180deg);
	}
	.wrap-header .h-menu .depth1 > li.active > strong + .depth2 {
		display: block;
	}
	.wrap-header.main.hover .ico.menu {
		top: 2.44vw;
		right: 4.44vw;
		width: 11.22vw;
		height: 11.22vw;
		background-image: url(../images/ico/ico_menu_w_3x.png);
		background-color: rgba(255, 255, 255, 0.3);
		background-size: 6.66vw auto;
		border-radius: 50%;
	}
	.wrap-header.main.hover:hover .h-logo {
		background-image: url(../images/logo_w.png) !important;
	}
	
	/* Footer */
	.wrap-footer .inner {
		padding: 0 6.66vw;
	}
	.wrap-footer .f-link {
		padding-top: 8.88vw;
	}
	.wrap-footer .f-info {
		display: block;
		margin-top: 2.22vw;
	}
	.wrap-footer .f-link li + li {
		margin-left: 2.22vw;
		padding-left: 2.22vw;
	}
	.wrap-footer .f-info li + li {
		margin-left: 0;
		margin-top: 2.22vw;
		padding-left: 0;
	}
	.wrap-footer .f-info li {
		display: inline-block;
		vertical-align: top;
		margin-left: 0;
    	padding-left: 0;
	}
	.wrap-footer .f-info li:before,
	.wrap-footer .f-link li:before {
		height: 3.33vw;
	}
	.wrap-footer .f-info li:before {
		display: none;
	}
	.wrap-footer .f-info li:last-child:before {
		display: inline-block;
	}
	.wrap-footer .f-info li:last-child {
		margin-left: 2.22vw;
    	padding-left: 2.22vw;
	}
	.wrap-footer address {
		display: none;
	}
	.wrap-footer .f-copy {
		margin-top: 2.22vw;
	}
	.wrap-footer .f-bottom {
		padding: 8.88vw 0 21.11vw;
	}
	.wrap-footer .f-bottom .inner {
		padding: 0 4.44vw;
	}
	.wrap-footer .f-logo {
		float: none;
		width: 28.88vw;
		height: 13.33vw;
		margin-left: 2.22vw;
	}
	.wrap-footer .f-familysite {
		float: none;
		margin-top: 6.66vw;
		text-align: left;
	}
	.wrap-footer .f-familysite .ui-dropdown {
		display: block;
	}
	.wrap-footer .f-familysite .ui-dropdown .d-label {
		padding: 3.33vw;
		font-size: 4.44vw;
		text-align: left;
		border-radius: 1.11vw;
	}
	.wrap-footer .f-familysite .ui-dropdown .d-label:before {
		right: 3.33vw;
		width: 6.66vw;
		height: 6.66vw;
	}
	.wrap-footer .f-familysite .ui-dropdown .d-list {
		max-height: 68.05vw;
		border-radius: 4px 4px 0 0;
	}
	.wrap-footer .f-familysite .ui-dropdown .d-list li a {
		padding: 3.33vw;
		font-size: 4.44vw;
	}
	.wrap-footer .f-familysite .ui-dropdown .d-list li:first-child {
		padding: 3.33vw;
	}
	.wrap-footer .f-familysite .ui-dropdown .d-list li:first-child:before {
		left: 6.66vw;
	}
	.wrap-footer .f-familysite .ui-dropdown .d-list li:first-child strong {
		font-size: 4.44vw;
	}

	/* Location */
	.location { 
		display: none
	}
	
	/* Floating */
	.banner.floating {
		right: 3.88vw;
		bottom: 42.44vw;
		transform: none;
	}

	/* Content */
	.wrap-container {
		padding-top: 16.66vw;
	}

	/* Main */
	[class^="section-main"] {
		padding-top: 16.66vw;
	}
	[class^="section-main"] .tit {
		margin-bottom: 8.88vw;
		font-size: 6.66vw;
		word-break: keep-all;
	}
	[class^="section-main"] .tit br {
		display: none;
	}
	[class^="section-main"] .bt.raund.large {    
		width: auto;
		margin: 11.11vw auto 0;
	}

	/* Main Section01 */
	.section-main01 {
		padding-top: 0;
		height: 105.83vw;
	}
	.section-main01 .swiper-wrapper li {
		height: 105.83vw;
		text-align: center;
		align-items: end;
	}
	.section-main01 .swiper-text li {
		left: 0;
		width: 100%;
		height: 105.83vw;
		text-align: center;
		align-items: end;
	}
	.section-main01 .swiper-text li .inner {
		padding: 0 0 13.88vw;
	}
	.section-main01 .swiper-text li .l-img {
		right: 6.25vw;
		width: 48.33vw;
		background-size: cover;
	}
	.section-main01 .swiper-text li .l-cont h2 {
		font-size: 6.66vw;
	}
	.section-main01 .bt.raund.large {
		width: 37.5vw;
		height: 11.11vw;
		margin: 8.88vw 0 0 0;
		padding: 2vw 0;
		font-size: 3.88vw;
		letter-spacing: -1px;
	}
	.section-main01 .bt.raund + .bt.raund {
		margin-left: 3.44vw;
	}
	.bt.raund.large > span:after {
		display: none;
	}
	.section-main01 .swiper-controls {
		display: none;
	}

	/* Main Section02 */
	.section-main02 .inner {
		height: calc(101.66vw - 16.66vw);
	}
	.section-main02 .inner:before {
		width: 37.2vw;
		height: 16.66vw;
	}
	.section-main02 .inner:after {
		width: 29.44vw;
		height: 16.66vw;
	}
	.section-main02 .tit {
		margin-bottom: 8.33vw;
	}
	.section-main02 .count {
		min-width: auto;
		padding-right: 12.22vw;
	}
	.section-main02 .count strong {
		font-size: 13.88vw;
	}
	.section-main02 .count span {
		font-size: 13.88vw;
	}
	.section-main02 .count small {
		right: 50%;
		font-size: 5.55vw;
		line-height: 8.33vw;
		transform: translateX(50%);
		white-space: nowrap;
	}
	.section-main02 .count #rollingNum {
		height: 17.33vw;
	}
	.section-main02 .count span,
	.section-main02 .count .numwrap,
	.section-main02 .count .numlist span {
		line-height: 17.33vw;
	}

	/* Main Section03 */
	.section-main03 {
		overflow: hidden;
		position: relative;
		height: 144.44vw;
	}
	.section-main03 .tit {
		margin-bottom: 5vw;
	}
	.section-main03 .simply-scroll{
		z-index: -1;
	}
	.section-main03 .carousel {
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 1;
		width: 100%;
		height: 70%;
		pointer-events: none;
	}
	.section-main03 .carousel-item {
		--items: 20;
		--width: clamp(238px, 66.11vw,  360px);
		--height: clamp(190px, 52.77vw,  287px);
		--x: calc(var(--active) * 3200%);
		--y: calc(var(--active) * 120%);
		--rot: calc(var(--active) * 480deg);
		--opacity: calc(var(--zIndex) / var(--items) * 3 - 2);
		overflow: hidden;
		position: absolute;
		z-index: var(--zIndex);
		width: var(--width);
		height: var(--height);
		margin: calc(var(--height) * -0.5) 0 0 calc(var(--width) * -0.5);
		border-radius: 2.22vw;
		top: 50%;
		left: 50%;
		user-select: none;
		transform-origin: 0% 100%;
		box-shadow: 0px 10px 30px rgba(116, 137, 254, 0.5);
		pointer-events: all;
		transform:  translate(var(--x), var(--y)) rotate(var(--rot)) ;
		transition: transform 1.5s cubic-bezier(0, 0.02, 0, 1);
		opacity: 0.5;
	}
	.section-main03 .carousel-item.active {
		opacity: 1;
	}
	.section-main03 .carousel-item  .carousel-box {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: opacity .8s cubic-bezier(0, 0.02, 0, 1);
		opacity: var(--opacity);
		font-family: 'Orelo-sw-db', serif;
	}
	.section-main03 .carousel-item img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		pointer-events: none;
	}

	/* Main Section04 */
	.section-main04 {
		height: 118.88vw;
	}
	.section-main04 .swiper {
		padding: 0 0 19.99vw 2.22vw;
	}
	.section-main04 .swiper-wrapper {
		display: flex;
		gap: 0;
	}
	.section-main04 .swiper-slide {
		width: 40.55vw;
		padding: 0 2.22vw;
		box-sizing: content-box;
	}
	.section-main04 .list-gallery li .l-img {
		height: 43.33vw;
		margin-bottom: 2.22vw;
	}
	.section-main04 .list-gallery li .l-cont strong {
		text-align: center;
	}
	.section-main04 .list-gallery li .l-cont p {
		display: none;
	}
	.section-main04 .wrap-container .swiper-controls {

	}

	/* Main Section05 */
	.section-main05 {
		overflow: hidden;
		height: 194.44vw;
	}
	.section-main05::before {
		width: 147.77vw;
		height: 101.66vw;    
		left: -80%;
		bottom: -15%;
	}
	.section-main05::after {
		width: 202.77vw;
		height: 157.22vw;
		bottom: auto;
		top: -35%;
		right: -140%;
	}
	.section-main05 .list-gallery {
		display: block;
	}
	.section-main05 .list-gallery li {
		height: 72.77vw;
		border-radius: 4.44vw;
	}
	.section-main05 .list-gallery li + li {
		margin-top: 4.44vw;
	}
	.section-main05 .list-gallery li .l-cont strong {
		font-size: 4.44vw;
	}
	.section-main05 .list-gallery li .l-cont p {
		display: block;
		font-size: 5.55vw;
		word-break: keep-all;
	}
	.section-main05 .list-gallery li .l-cont p br {
		display: none;
	}
	.section-main05 .list-gallery li .l-cont button {
		width: 50.27vw;
		height: 12.22vw;
		margin-top: 4.44vw;
		font-size: 3.88vw;
	}

	/* Sub */
	.wrap-contents.sub {
		padding-top: 13.33vw;
		padding-bottom: 28.88vw;
	}
	.cont-header {
		margin-bottom: 0;
	}
	.cont-header h2 {
		margin-bottom: 8.88vw;
		font-size: 6.66vw;
	}
	.cont-header .c-right {
		position: static;
	}
	.cont-header .c-right .bt-area {
		justify-content: right;
		gap: 0 2.22vw;
	}
	.cont-header .c-right .bt-area:only-child {
		margin-bottom: 6.66vw;
	}
	.cont-header .c-right .bt-area .bt {
		width: 26.66vw;
	}
	.cont-header .section-search {
		position: relative;    
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 4.44vw 2.22vw;
		margin-bottom: 8.88vw;
	}
	.cont-header .section-search .ui-select .s-blind {
		width: 100%;
		min-width: 100%;
	}
	.cont-header .section-search .ui-select {
		grid-column: span 2;
	}
	.cont-header .section-search .ui-select.half {
		grid-column: span 1;
	}
	.cont-header .section-search .ui-search {
		grid-column: span 2;
		width: 100%;
	}
	.cont-header .c-right .ui-search .bt.small.default {
		position: absolute;
		bottom: 3.33vw;
		right: 4.44vw;
		min-width: 6.66vw;
		height: 6.66vw;
		padding: 0;
		background: #fff url(../images/ico/ico_search_3x.png) no-repeat center;
		background-size: cover;
		border: 0;
	}
	.cont-header .c-right .ui-search .bt.small.default span {
		overflow: hidden; 
		position: absolute; 
		width: 1px; 
		height: 1px; 
		margin: -1px;
		clip-path: polygon(0 0, 0 0, 0 0);
	}

	/* 크리드 소개 */
	.wrap-contents.sub.info {
		padding-top: 0;
	}
	.wrap-contents.sub.info .cont-header {
		display: none;
	}
	section[class^="section-info"] > .inner {
		height: auto;
		padding: 14.44vw 0;
		text-align: center;
	}
	section[class^="section-info"] > .inner > div {
		grid-column: span 2;
	}
	section[class^="section-info"] .l-img {
		padding: 4.44vw 5.55vw 0;
	}
	section[class^="section-info"] .l-img img {
		height: 100vw;
	}
	section[class^="section-info"] > .inner > div.l-cont + .l-img {
		text-align: center;
	}
	section[class^="section-info"] .l-cont > h2 {
		font-size: 6.66vw;
	}
	section[class^="section-info"] .l-cont > p {
		margin-top: 6.66vw;
		font-size: 4.44vw;
		word-break: keep-all;
	}
	section[class^="section-info"] .l-cont > p br {
		display: none;
	}
	section[class^="section-info"] .l-cont > small {
		margin-top: 0;
		padding-left: 9.16vw;
    	padding-right: 7vw;
		font-size: 3.88vw;
		text-align: left;
		word-break: keep-all;
	}
	section[class^="section-info"] .l-cont > small span {
		display: inline-block;
		vertical-align: top;
	}	
	section.section-info01 {
		height: 168.33vw;
		background-image: url(../images/bg_intro_section01_mo_2x.png);
		background-position: center bottom;
		background-size: 100% auto;
	}
	section.section-info01 > .inner {
		padding-left: 6.11vw;
		padding-right: 6.11vw;
	}
	section.section-info01 .l-cont p {
		padding-left: 8.11vw;
    	padding-right: 8.11vw;
	}
	section.section-info02 > .inner {
		padding-left: 8.88vw;
		padding-right: 8.88vw;
		word-break: keep-all;
	}
	section.section-info02 .l-img {
		padding-right: 0;
		padding-left: 0; 
	}
	section.section-info02 .l-img img {
		height: auto;
		width: 100%;
	}
	section.section-info02 .l-cont strong {
		font-weight: 400;
	}
	section.section-info03 > .inner {
		height: auto;
		padding-left: 11.11vw;
		padding-right: 11.11vw;
	}
	section.section-info03 .list-qna {
		grid-template-columns: repeat(1, 1fr);
	}
	section.section-info04 .l-cont p {
		padding-left: 9.16vw;
    	padding-right: 9.16vw;
	}
	section.section-info05 .l-cont p {
		padding-left: 9.16vw;
    	padding-right: 9.16vw;
	}
}

/* Print */
.popup > .inner > .grid-wrap {
	margin-bottom: 64px;
}
.popup > .inner > .grid-wrap .list-card.img {
	grid-template-columns: repeat(6, 1fr);
	gap: 24px;
}
.popup > .inner > .grid-wrap .list-card.img li {
	background-color: #fff;
}
.popup > .inner > .grid-wrap .list-card.img li .l-cont {
	height: auto;
}
.popup > .inner > .grid-wrap .list-card li .l-cont span {
	width: auto;
}
.popup > .inner > .grid-wrap .list-card.img li.l-column1 {
	grid-column: span 6;
}
.popup > .inner > .grid-wrap .list-card.img li.l-column2 {
	grid-column: span 3;
}
.popup > .inner > .grid-wrap .list-card.img li.l-column3 {
	grid-column: span 3;
}
.popup > .inner > .grid-wrap .list-card.img li.l-column4 {
	grid-column: span 2;
	background-color: #F2F4F6;
}
.popup > .inner > .grid-wrap .list-card.img li.l-column5 {
	grid-column: span 1;
	background-color: #F2F4F6;
}
.popup > .inner > .grid-wrap .list-card.img li.l-column6 {
	grid-column: span 1;
	background-color: #F2F4F6;
}
.popup > .inner > .grid-wrap .list-card.img li.l-column7 {
	grid-column: span 1;
	background-color: #F2F4F6;
}
.popup > .inner > .grid-wrap .list-card.img li.l-column8 {
	grid-column: span 1;
	background-color: #F2F4F6;
}
.popup > .inner > .grid-wrap .list-card.img li.l-column4 strong,
.popup > .inner > .grid-wrap .list-card.img li.l-column5 strong,
.popup > .inner > .grid-wrap .list-card.img li.l-column6 strong,
.popup > .inner > .grid-wrap .list-card.img li.l-column7 strong,
.popup > .inner > .grid-wrap .list-card.img li.l-column8 strong {
	color: #666;
	font-size: 16px;
}
.popup > .inner > .grid-wrap .list-card.img li.l-column4 span,
.popup > .inner > .grid-wrap .list-card.img li.l-column5 span,
.popup > .inner > .grid-wrap .list-card.img li.l-column6 span,
.popup > .inner > .grid-wrap .list-card.img li.l-column7 span,
.popup > .inner > .grid-wrap .list-card.img li.l-column8 span {
	display: block;
	margin-top: 8px;
	color: #518AFA;
	font-size: 24px;
	font-weight: 600;
}
.popup > .inner > .grid-wrap .list-card.img li.l-column9 {
	grid-column: span 3;
	overflow: visible;
}
.popup > .inner > .grid-wrap .list-card.img li.l-column10 {
	grid-column: span 3;
	grid-row: span 1;
}
.popup > .inner > .grid-wrap .list-card.img li.l-column10 .l-img {
	margin-top: 24px;
}
.popup > .inner > .grid-wrap .list-card.img li.l-column10 .l-img img {
	height: 246px;
}
.popup > .inner > .grid-wrap .list-card.img li.l-column11 {
	grid-column: span 3;
	overflow: visible;
}
.popup > .inner > .grid-wrap .list-card.img li.l-column12 {
	grid-column: span 3;
	overflow: visible;
}
.popup > .inner > .grid-wrap .list-card.img li.l-column12 .l-cont p {
	min-height: 100px;
	margin-top: 24px;
	padding: 12px;
	border: 1px solid #E5E8EB;
}
.popup > .inner > .grid-wrap .list-card.img li .l-cont p.txt-dot {
	padding: 12px 16px 12px 28px;
	background: #F2F4F6;
	border-radius: 4px;
}
.popup > .inner > .grid-wrap .list-card.img li .l-cont p.txt-dot:before {
	left: 16px;
}
.popup > .inner > .grid-wrap .list-card.img li .l-cont p.txt-dot span {
	color: #333;
	font-size: inherit;
	font-weight: 400;
}
.popup > .inner > .grid-wrap .list-card.img li .l-cont  + .l-img img {
	width: 100%;
	height: auto;
}
.popup > .inner > .grid-wrap .list-card.img li .l-graph.bar {
	width: 100%;
	padding-top: 46px;
}
.popup > .inner > .grid-wrap .list-card.img li .l-graph.bar strong {
	display: block;
	margin-bottom: 28px;
	color: #407AEC;
	font-size: 32px;
	font-weight: 400;
	text-align: center;
}
.popup > .inner > .grid-wrap .list-card.img li .l-graph.bar strong em {
	font-weight: 600;
}
.popup > .inner > .grid-wrap .list-card.img li .l-graph.bar .l-bar {
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	margin-bottom: 40px;
}
.popup > .inner > .grid-wrap .list-card.img li .l-graph.bar .l-bar > div {
	display: grid;
	grid-template-columns: repeat(7, 74px);
	gap: 1px;
	width: 100%;
	height: 20px;
	overflow: hidden;
}
.popup > .inner > .grid-wrap .list-card.img li .l-graph.bar .l-bar > div.progress {
	position: absolute;
	top: 0;
	left: 0;
}
.popup > .inner > .grid-wrap .list-card.img li .l-graph.bar .l-bar .bg span {
	background-color: #F2F4F6;
}
.popup > .inner > .grid-wrap .list-card.img li .l-graph.bar .level1 {
	background-color: #F6C714;
}
.popup > .inner > .grid-wrap .list-card.img li .l-graph.bar .level2 {
	background-color: #75BD51;
}
.popup > .inner > .grid-wrap .list-card.img li .l-graph.bar .level3 {
	background-color: #00554F;
}
.popup > .inner > .grid-wrap .list-card.img li .l-graph.bar .level4 {
	background-color: #0078AA;
}
.popup > .inner > .grid-wrap .list-card.img li .l-graph.bar .level5 {
	background-color: #5B5AA6;
}
.popup > .inner > .grid-wrap .list-card.img li .l-graph.bar .level6 {
	background-color: #A9298C;
}
.popup > .inner > .grid-wrap .list-card.img li .l-graph.bar .level7 {
	background-color: #A8272E;
}
.popup > .inner > .grid-wrap .list-card.img li .l-graph.circle {
	position: relative;
	height: 276px;
}
.popup > .inner > .grid-wrap .list-card.img li .l-graph.circle .l-circle {
	position: absolute;
	left: 50%;
	top: 15px;
	transform: translateX(-50%);
}
.popup > .inner > .grid-wrap .list-card.img li .l-graph.circle .l-circle > div {
	position: relative;
	width: 244px;
	height: 244px;
}
.popup > .inner > .grid-wrap .list-card.img li .l-graph.circle .l-circle > div > div {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 40px;
	font-weight: 600;
	border-radius: 50%;
}
.popup > .inner > .grid-wrap .list-card.img li .l-graph.circle .l-circle div.c1 {
	left: 5px;
	z-index: 1;
	background-color: rgba(81,138,250,0.9);
	transform-origin: center left;
}
.popup > .inner > .grid-wrap .list-card.img li .l-graph.circle .l-circle div.c2 {
	right: 5px;
	z-index: 0;
	background-color: rgba(51,205,245,0.9);
	transform-origin: center right;
}
.popup > .inner > .grid-wrap .list-card.img li .l-graph.circle .list-label {
	grid-template-columns: 1fr;
	position: absolute;
	right: 0;
	bottom: 18px;
	gap: 12px 0;
}
.popup > .inner > .grid-wrap > .txt-dot {
	margin-top: 24px;
}
@page {
	size:297mm 210mm; /*A4*/
	margin: 10mm 0
}
@media print {
	* {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
    }
	.popup > .inner > .grid-wrap .list-card.img li .l-cont p {
		height: auto
	}
	.ui-more-view .bt-area {
		display: none;
	}
}

.sorting-wrap--center {
	text-align: center;
	font-size: 16px;
	margin-bottom: 40px;
}
.sorting-wrap--center a {
	display: inline-block;
	border-radius: 8px;
	margin: 0 5px;
	padding: 4px 6px;
}

.sorting-wrap--center .on {
	background: #33CDF5;
	color: #fff;
}