@import url(https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/static/pretendard.min.css);
@import url(https://cdn.jsdelivr.net/npm/@fontsource/poppins@5.1.1/index.min.css);
@import url(https://cdn.jsdelivr.net/npm/myriad-font@0.0.2/css/myriad.min.css);
article,aside,footer,header,nav,section {
	display:block
}
h1 {
	font-size:2em;
	margin:.67em 0
}
figcaption,figure,main {
	display:block
}
figure {
	margin:1em vw1(40)
}
hr {
	box-sizing:content-box;
	height:0;
	overflow:visible
}
pre {
	font-family:monospace,monospace;
	font-size:1em
}
a {
	background-color:transparent;
	-webkit-text-decoration-skip:objects;
	outline:none
}
abbr[title] {
	border-bottom:none;
	text-decoration:underline;
	text-decoration:underline dotted
}
b,strong {
	font-weight:inherit;
	font-weight:bolder
}
code,kbd,samp {
	font-family:monospace,monospace;
	font-size:1em
}
dfn {
	font-style:italic
}
mark {
	background-color:#ff0;
	color:#000
}
small {
	font-size:80%
}
audio,video {
	display:inline-block
}
audio:not([controls]) {
	display:none;
	height:0
}
img {
	border-style:none
}
svg:not(:root) {
	overflow:hidden
}
button,input,optgroup,select,textarea {
	margin:0
}
button,input {
	overflow:visible
}
button,select {
	text-transform:none
}
[type=reset],[type=submit],button,html [type=button] {
	-webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
	border-style:none;
	padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
	outline:dotted ButtonText
}
legend {
	box-sizing:border-box;
	color:inherit;
	display:table;
	max-width:100%;
	padding:0;
	white-space:normal
}
progress {
	display:inline-block;
	vertical-align:baseline
}
textarea {
	overflow:auto
}
[type=checkbox],[type=radio] {
	box-sizing:border-box;
	padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
	height:auto
}
[type=search] {
	-webkit-appearance:textfield;
	outline-offset:vw1(-2)
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
	-webkit-appearance:none
}
::-webkit-file-upload-button {
	-webkit-appearance:button;
	font:inherit
}
details,menu {
	display:block
}
summary {
	display:list-item
}
canvas {
	display:inline-block
}
[hidden],template {
	display:none
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,let,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,video {
	border:0;
	font-size:100%;
	font:inherit;
	margin:0;
	padding:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block
}
ol,ul {
	list-style:none
}
blockquote,q {
	quotes:none
}
blockquote:after,blockquote:before,q:after,q:before {
	content:"";
	content:none
}
table {
	border-collapse:collapse;
	border-spacing:0;
	text-align:left;
	width:100%
}
button,input[type=button],input[type=file]::-webkit-file-upload-button,input[type=reset],input[type=submit] {
	font-family:Pretendard,돋움,Arial,sans-serif;
	outline:none;
	padding:0
}
a {
	color:#464953;
	cursor:pointer
}
a,a:active,a:hover,a:link,a:visited,a[href^="tel:"] {
	text-decoration:none
}
a[href^="tel:"] {
	color:tomato
}
button,input,select,textarea {
	appearance:none;
	background-color:transparent;
	border:0;
	border-radius:0;
	font-family:Pretendard,돋움,Arial,sans-serif;
	font-size:20px;
	font-weight:400;
	line-height:1
}
button[type=checkbox],input[type=checkbox],select[type=checkbox],textarea[type=checkbox] {
	-webkit-appearance:checkbox
}
button[type=radio],input[type=radio],select[type=radio],textarea[type=radio] {
	-webkit-appearance:radio
}
button::-ms-expand,input::-ms-expand,select::-ms-expand,textarea::-ms-expand {
	display:none
}
body,html {
	color:#464953;
	font-family:Pretendard,돋움,Arial,sans-serif;
	font-size:20px;
	font-weight:400;
	letter-spacing:0;
	line-height:1;
	overscroll-behavior:none;
	touch-action:pan-y;
	word-break:keep-all
}
h1,h2,h3,h4,h5,h6,strong {
	font-weight:700
}
button,label {
	cursor:pointer
}
header .header_wrap {
	height:88px;
	overflow:hidden;
	position:fixed;
	top:0;
	transition:all .5s ease;
	width:100%;
	z-index:70
}
header .header_wrap:before {
	background-color:#d6dbe1;
	content:"";
	height:1px;
	opacity:0;
	position:absolute;
	top:90px;
	transition:opacity .3s ease;
	width:200%;
	z-index:100
}
header .header_wrap:hover:before {
	opacity:1
}
header .header_wrap .header_in {
	height:100%;
	margin:0 auto;
	max-width:1640px;
	overflow:hidden;
	position:relative;
	width:100%;
	z-index:10
}
header .header_wrap.active {
	-webkit-backdrop-filter:blur(3px);
	backdrop-filter:blur(3px);
	background:hsla(0,0%,100%,.9);
	top:0
}
header .header_wrap.active #gnb ul li a {
	color:#464953
}
header .header_wrap.active h1 a {
	background-image:url(/assets/user/kr/img/common/logo_green.png)
}
header .header_wrap.active .top_nav li .search {
	background-image:url(/assets/user/kr/img/common/search_icon_black.png)
}
header .header_wrap.active .top_nav li .language {
	background-image:url(/assets/user/kr/img/common/language_icon_black.png)
}
header .header_wrap.hidden {
	transform:translateY(-100%)
}
header .header_wrap.over {
	background:#fff
}
header .header_wrap.over #gnb>ul>li {
	padding:0 10px
}
header .header_wrap.over #gnb ul li a {
	color:#464953
}
header .header_wrap.over h1 a {
	background-image:url(/assets/user/kr/img/common/logo_green.png)
}
header .header_wrap.over .top_nav li .search {
	background-image:url(/assets/user/kr/img/common/search_icon_black.png)
}
header .header_wrap.over .top_nav li .language {
	background-image:url(/assets/user/kr/img/common/language_icon_black.png)
}
header .header_wrap h1 {
	left:0;
	position:absolute;
	top:44px;
	transform:translateY(-50%)
}
header .header_wrap h1 a {
	background-image:url(/assets/user/kr/img/common/logo.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	display:block;
	height:23px;
	text-indent:-9999px;
	transition:all .3s ease;
	width:129px
}
header .header_wrap #gnb {
	height:100%;
	left:50%;
	position:absolute;
	top:0;
	transform:translate(-50%)
}
header .header_wrap #gnb>ul {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	height:100%;
	justify-content:center
}
header .header_wrap #gnb>ul>li {
	height:100%;
	position:relative;
	text-align:center;
	transition:all .3s ease;
	width:156px
}
header .header_wrap #gnb>ul>li:hover {
	background-color:#f6f9f9
}
header .header_wrap #gnb>ul>li:hover>a {
	color:#22724a
}
header .header_wrap #gnb>ul>li>a {
	color:#fff;
	display:inline-block;
	font-size:19px;
	font-weight:700;
	height:88px;
	line-height:88px;
	width:100%
}
header .header_wrap #gnb .sub_nav {
	left:0;
	padding:24px 0 74px;
	position:absolute;
	right:0;
	top:88px
}
header .header_wrap #gnb .sub_nav>ul>li>a {
	color:#767983;
	display:inline-block;
	font-size:16px;
	font-weight:500;
	margin:12px 0;
	padding:2px 0;
	position:relative
}
header .header_wrap #gnb .sub_nav>ul>li>a:hover {
	color:#22724a
}
header .header_wrap #gnb .sub_nav>ul>li>a:after {
	background-color:#22724a;
	content:"";
	display:block;
	height:1px;
	left:0;
	position:absolute;
	top:100%;
	transition:width .35s ease;
	width:0;
	will-change:width
}
header .header_wrap #gnb .sub_nav>ul>li>a:hover:after {
	width:100%
}
header .header_wrap #gnb .header-dimed {
	background-color:rgba(0,0,0,.5);
	height:100vh;
	left:0;
	opacity:0;
	pointer-events:all;
	position:fixed;
	top:0;
	transition:opacity .35s,visibility .35s;
	user-select:all;
	visibility:hidden;
	width:100vw;
	z-index:980
}
header .header_wrap .top_nav {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	gap:30px;
	justify-content:center;
	position:absolute;
	right:0;
	top:44px;
	transform:translateY(-50%)
}
header .header_wrap .top_nav li:last-of-type {
	display:none
}
header .header_wrap .top_nav button.search,header .header_wrap .top_nav li a.search {
	background-image:url(/assets/user/kr/img/common/search_icon.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	display:block;
	height:24px;
	text-indent:-9999px;
	width:23px
}
header .header_wrap .top_nav button.language,header .header_wrap .top_nav li a.language {
	background-image:url(/assets/user/kr/img/common/language_icon.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	display:block;
	height:26px;
	text-indent:-9999px;
	width:26px
}
header .header_wrap .top_nav button.top_nav_btn,header .header_wrap .top_nav li a.top_nav_btn {
	background-color:#22724a;
	border-radius:24px;
	box-sizing:border-box;
	color:#fff;
	display:inline-block;
	font-size:17px;
	height:48px;
	line-height:48px;
	min-width:104px;
	padding:0 36px 0 20px;
	position:relative
}
header .header_wrap .top_nav button.top_nav_btn i,header .header_wrap .top_nav li a.top_nav_btn i {
	height:11px;
	overflow:hidden;
	position:absolute;
	right:20px;
	top:50%;
	transform:translateY(-50%);
	width:11px
}
header .header_wrap .top_nav button.top_nav_btn i:before,header .header_wrap .top_nav li a.top_nav_btn i:before {
	background-image:url(/assets/user/kr/img/common/footer_arrow_icon.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	content:"";
	display:block;
	height:11px;
	transition:all .3s ease;
	width:11px
}
header .header_wrap .top_nav button.top_nav_btn:hover i:before,header .header_wrap .top_nav li a.top_nav_btn:hover i:before {
	animation:iconRightMove .4s
}
@media(min-width:1201px)and (max-width:1680px) {
	header .header_wrap h1 {
		left:20px
	}
	header .header_wrap .top_nav {
		right:20px
	}
}
@media screen and (max-width:1210px) {
	header .header_wrap {
		height:11.08vw
	}
	header .header_wrap:before {
		display:none
	}
	header .header_wrap:after {
		background-color:#fff;
		border-top:.08vw solid #d6dbe1;
		bottom:0;
		content:"";
		height:9vw;
		opacity:0;
		position:fixed;
		transition:opacity .1s ease .3s;
		visibility:hidden;
		width:100%
	}
	header .header_wrap .header_in {
		max-width:92vw
	}
	header .header_wrap.m_gnb_open .header_in {
		overflow: visible;
	}
	header .header_wrap #gnb {
		padding-bottom:9.17vw;
		padding-top:12.67vw;
		position:unset;
		transform:unset
	}
	header .header_wrap #gnb .sub_nav>ul>li>a:after {
		display:none
	}
	header .header_wrap .top_nav button.search {
		bottom:3.17vw;
		height:3vw;
		left:5.17vw;
		opacity:0;
		position:fixed;
		transition:all .1s ease .2s;
		visibility:hidden;
		width:3vw
	}
	header .header_wrap .top_nav li:last-of-type {
		display:block
	}
	header .header_wrap.m_gnb_open {
		background-color:#fff;
		height:100%!important;
		position:fixed!important;
		width:100%
	}
	header .header_wrap.m_gnb_open:after {
		opacity:1;
		visibility:visible
	}
	header .header_wrap.m_gnb_open .top_nav button.search {
		opacity:1;
		transition:all .2s ease .1s;
		visibility:visible
	}
	header .header_wrap.m_gnb_open .search_box,header .header_wrap.m_gnb_open .search_box_wrap {
		opacity:1!important;
		visibility:visible!important
	}
	header .header_wrap.m_gnb_open .top_nav_btn {
		opacity:0;
		visibility:hidden
	}
	header .header_wrap.m_gnb_open .top_nav li button.btn_menu_mo {
		background-image:url(/assets/user/kr/img/common/gnb_close_mo.png)!important;
		height:3.17vw;
		width:3.08vw
	}
	header .header_wrap.m_gnb_open #gnb {
		display:block;
		transition:opacity .3s ease
	}
	header .header_wrap.m_gnb_open #gnb>ul {
		display:block;
        overflow: auto;
        height: calc(100% - 12.67vw - 9vw - 1px);
        width: 92vw;
        padding: 0 4vw;
        margin: 0 -4vw;
	}
	header .header_wrap.m_gnb_open #gnb>ul>li {
		height:13.17vw;
		overflow:hidden;
		padding:0!important;
		text-align:left;
		width:100%
	}
	header .header_wrap.m_gnb_open #gnb>ul>li>a {
		border-bottom:.08vw solid #d6dbe1;
		box-sizing:border-box;
		font-size:3vw;
		height:13.17vw;
		line-height:13.17vw;
		position:relative
	}
	header .header_wrap.m_gnb_open #gnb>ul>li>a.active:after {
		transform:rotate(180deg) translateY(-50%)
	}
	header .header_wrap.m_gnb_open #gnb>ul>li>a:after {
		background-image:url(/assets/user/kr/img/common/depth_icon_mo.png);
		background-position:50% 50%;
		background-repeat:no-repeat;
		background-size:cover;
		content:"";
		display:block;
		height:1.08vw;
		position:absolute;
		right:0;
		top:50%;
		transform:translateY(-50%);
		transform-origin:50% 0;
		transition:all .2s ease;
		width:1.83vw
	}
	header .header_wrap.m_gnb_open #gnb>ul>li:hover {
		background-color:unset
	}
	header .header_wrap.m_gnb_open #gnb .sub_nav {
		padding:0;
		position:unset
	}
	header .header_wrap.m_gnb_open #gnb .sub_nav>ul {
		display:flex;
		flex-wrap:wrap
	}
	header .header_wrap.m_gnb_open #gnb .sub_nav>ul>li {
		width:50%
	}
	header .header_wrap.m_gnb_open #gnb .sub_nav>ul>li>a {
		color:#9699a3;
		font-size:2.33vw;
		line-height:6.33vw
	}
	header .header_wrap.hidden {
		top:-11.67vw
	}
	header .header_wrap.active .top_nav li button.btn_menu_mo {
		background-image:url(/assets/user/kr/img/common/btn_menu_mo_black.png)
	}
	header .header_wrap h1 {
		top:4.25vw;
		transform:unset
	}
	header .header_wrap h1 a {
		height:2.58vw;
		width:14.75vw
	}
	header .header_wrap #gnb {
		display:none
	}
	header .header_wrap .top_nav {
		gap:2.83vw;
		top:2.67vw;
		transform:unset
	}
	header .header_wrap .top_nav li a.top_nav_btn {
		font-size:2.17vw;
		font-weight:700;
		height:5.83vw;
		letter-spacing:-.06em;
		line-height:5.83vw;
		min-width:11.83vw;
		padding:0 4.17vw 0 2vw;
	}
	header .header_wrap .top_nav li a.top_nav_btn i {
		height:1.42vw;
		right:2vw;
		width:1.42vw
	}
	header .header_wrap .top_nav li a.top_nav_btn i:before {
		background-image:url(/assets/user/kr/img/common/footer_arrow_icon_mo.png);
		height:1.42vw;
		width:1.42vw
	}
	header .header_wrap .top_nav li a.top_nav_btn {
		border-radius:2.92vw
	}
	header .header_wrap .top_nav li button.btn_menu_mo {
		background-image:url(/assets/user/kr/img/common/btn_menu_mo.png);
		background-position:50% 50%;
		background-repeat:no-repeat;
		background-size:cover;
		color:transparent;
		display:block;
		font-size:1px;
		height:2.75vw;
		width:3.5vw
	}
	header .header_wrap .top_nav li button.language {
		display:none
	}
}
@media screen and (max-width:750px) {
	header .header_wrap {
		height:17.6vw
	}
	header .header_wrap.hidden {
		top:-18.67vw
	}
	header .header_wrap h1 {
		top:6.67vw
	}
	header .header_wrap h1 a {
		height:4.13vw;
		width:23.6vw
	}
	header .header_wrap:after {
		border-top:.13vw solid #d6dbe1;
		height:14.4vw
	}
	header .header_wrap .header_in {
		max-width:90.4vw
	}
	header .header_wrap.m_gnb_open #gnb {
		padding-top:20.27vw
	}

    header .header_wrap.m_gnb_open #gnb>ul {
        height: calc(100% - 20.27vw - 14.4vw);
        width: 90.6vw;
        padding: 0 4.7vw;
        margin: 0 -4.7vw;
	}
	header .header_wrap.m_gnb_open #gnb>ul>li {
		height:21.07vw;
		width:100%
	}
	header .header_wrap.m_gnb_open #gnb>ul>li>a {
		border-bottom:.13vw solid #d6dbe1;
		font-size:4.8vw;
		height:21.07vw;
		line-height:21.07vw
	}
	header .header_wrap.m_gnb_open #gnb>ul>li>a:after {
		height:1.73vw;
		width:2.93vw
	}
	header .header_wrap.m_gnb_open #gnb .sub_nav>ul>li>a {
		font-size:3.73vw;
		line-height:10.13vw
	}
	header .header_wrap.m_gnb_open .top_nav li button.btn_menu_mo {
		background-size:contain;
		height:5.07vw;
		width:4.93vw
	}
	header .header_wrap .top_nav {
		gap:4.53vw;
		top:4.27vw;
		transform:unset
	}
	header .header_wrap .top_nav li a.top_nav_btn {
		font-size:3.47vw;
		height:9.33vw;
		line-height:9.33vw;
		padding:0 6.67vw 0 3.2vw;
		min-width:18.93vw
	}
	header .header_wrap .top_nav li a.top_nav_btn i {
		height:2.27vw;
		right:3.2vw;
		width:2.27vw
	}
	header .header_wrap .top_nav li a.top_nav_btn i:before {
		background-image:url(/assets/user/kr/img/common/footer_arrow_icon_mo.png);
		height:2.27vw;
		width:2.27vw
	}
	header .header_wrap .top_nav li a.top_nav_btn {
		border-radius:4.67vw
	}
	header .header_wrap .top_nav button.search {
		bottom:5.07vw;
		height:4.8vw;
		left:8.27vw;
		opacity:0;
		position:fixed;
		transition:all .1s ease .2s;
		visibility:hidden;
		width:4.8vw
	}
	header .header_wrap .top_nav li button.btn_menu_mo {
		height:4.4vw;
		width:5.6vw
	}
}
header .language_box_wrap {
	background-color:rgba(0,0,0,.7);
	border-radius:20px;
	height:92px;
	opacity:0;
	place-content:center;
	position:fixed;
	right:calc(50% - 756px);
	top:78px;
	transform:translate(-50%);
	transition:all .3s ease;
	visibility:hidden;
	width:84px;
	z-index:100
}
header .language_box_wrap.active {
	opacity:1;
	visibility:visible
}
@media(min-width:1201px)and (max-width:1680px) {
	header .language_box_wrap {
		right:84px
	}
}
header .language_box_wrap li {
	text-align:center
}
header .language_box_wrap li a {
	color:#fff;
	display:inline-block;
	font-size:16px;
	font-weight:600;
	padding:8px 0;
	position:relative;
	text-align:center
}
header .language_box_wrap li a:after {
	background-color:#fff;
	bottom:5px;
	content:"";
	display:block;
	height:1px;
	left:0;
	position:absolute;
	transition:width .35s ease;
	width:0;
	will-change:width
}
header .language_box_wrap li a:hover:after {
	width:100%
}
@media screen and (max-width:1210px) {
	header .language_box_wrap {
		background:unset;
		bottom:3vw;
		gap:3.83vw;
		height:auto;
		opacity:0;
		position:fixed;
		right:4.17vw;
		top:unset;
		transform:unset;
		transition:opacity .25s ease .4s;
		width:auto
	}
	header .language_box_wrap li a {
		color:#b6b9c3;
		font-size:2.33vw
	}
	header .language_box_wrap li a.active {
		color:#464953
	}
	header .language_box_wrap {
		align-items:center;
		display:flex;
		flex-wrap:nowrap;
		justify-content:center
	}
	header .language_box_wrap.mo_active {
		opacity:1;
		visibility:visible
	}
}
@media screen and (max-width:750px) {
	header .language_box_wrap {
		gap:6.13vw;
		right:6.67vw
	}
	header .language_box_wrap li a {
		font-size:3.73vw
	}
	header .language_box_wrap.mo_active {
		bottom:4.8vw
	}
}
header .search_box_wrap {
	background-color:#fff;
	height:auto;
	left:0;
	opacity:0;
	position:fixed;
	top:0;
	transition:opacity .3s ease;
	visibility:hidden;
	width:100%;
	z-index:100
}
header .search_box_wrap.active {
	opacity:1;
	visibility:visible
}
header .search_box_wrap .search_box {
	box-sizing:border-box;
	height:380px;
	margin:0 auto;
	max-width:720px;
	padding:80px 0;
	position:relative;
	width:100%
}
header .search_box_wrap .search_box strong {
	font-size:24px;
	font-weight:600;
	letter-spacing:-.03em;
	line-height:34px
}
header .search_box_wrap .search_box .search_input {
	align-items:center;
	border-bottom:1px solid #d6dbe1;
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
	margin:34px 0;
	padding-bottom:14px;
	position:relative
}
header .search_box_wrap .search_box .search_input input {
	flex:1;
	font-size:16px
}
header .search_box_wrap .search_box .search_input input::placeholder {
	color:#b6b9c3;
	font-size:16px;
	font-weight:500;
	letter-spacing:0
}
header .search_box_wrap .search_box .search_input .text_delete {
	background-image:url(/assets/user/kr/img/common/text_delete.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	display:inline-block;
	height:18px;
	opacity:0;
	position:absolute;
	right:52px;
	text-indent:-9999px;
	transition:opacity .3s ease;
	visibility:hidden;
	width:18px
}
header .search_box_wrap .search_box .search_input .text_delete.active {
	opacity:1;
	visibility:visible
}
header .search_box_wrap .search_box .search_recommend {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    gap: 4px;
	color:#22724a
}
header .search_box_wrap .search_box .search_recommend em {
	font-size:15px;
	font-weight:700;
	margin-right:10px;
    padding: 12px 0 ;
}
header .search_box_wrap .search_box .search_recommend span {
	background-color:#e7ece9;
	border-radius:20px;
	cursor:pointer;
	font-size:15px;
	font-weight:500;
	padding:12px;
	transition:all .3s ease
}
header .search_box_wrap .search_box .search_recommend span:last-of-type {
	margin-right:0
}
header .search_box_wrap .search_box .search_recommend span:hover {
	background-color:#22724a;
	color:#fff
}
header .search_box_wrap .search_box .search_close {
	background-image:url(/assets/user/kr/img/common/search_icon_close.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	height:19px;
	position:absolute;
	right:calc(50% - 637px);
	text-indent:-9999px;
	top:34px;
	transform:translate(-50%);
	width:19px
}
header .search_box_wrap .search_box .search_btn {
	background-image:url(/assets/user/kr/img/common/search_icon_black.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	height:21px;
	margin:0 8px;
	text-indent:-9999px;
	width:19.5px
}
@media screen and (max-width:1210px) {
	header .search_box_wrap {
		top:0
	}
	header .search_box_wrap .search_box {
		height:100vh;
		line-height:5.83vw;
		max-width:92vw;
		padding:19.83vw 0 0;
		position:relative;
		text-align:center
	}
	header .search_box_wrap .search_box:before {
		background-image:url(/assets/user/kr/img/common/logo_green.png);
		background-position:50% 50%;
		background-repeat:no-repeat;
		background-size:cover;
		content:"";
		height:2.58vw;
		left:0;
		position:absolute;
		top:4.25vw;
		width:14.75vw
	}
	header .search_box_wrap .search_box strong {
		font-size:4.17vw
	}
	header .search_box_wrap .search_box .search_input {
		border-bottom:.08vw solid #767983;
		margin:13.33vw 0 0;
		padding-bottom:2.75vw
	}
	header .search_box_wrap .search_box .search_input input {
		font-size:2.33vw
	}
	header .search_box_wrap .search_box .search_input input::placeholder {
		font-size:2.33vw
	}
	header .search_box_wrap .search_box .search_input .text_delete {
		display:none
	}
    header .search_box_wrap .search_box .search_recommend {
        align-items:center;
        display:flex;
        flex-wrap:wrap;
        gap:.83vw .5vw;
        justify-content:center;
        margin:2.15vw auto 0;
        max-width:62.81vw
    }
    header .search_box_wrap .search_box .search_recommend em {
        display:block;
        font-size:2.15vw;
        line-height:4.96vw;
        margin-right:0;
        width:100%;
        padding: 0;
    }
	header .search_box_wrap .search_box .search_recommend span {
		border-radius:2.58vw;
		font-size:2.17vw;
		font-weight:600;
		line-height:1;
		margin-right:0;
		padding:1.5vw 2vw
	}
	header .search_box_wrap .search_box .search_close {
		background-color:#fff;
		background-image:url(/assets/user/kr/img/common/gnb_close_mo.png)!important;
		background-size:contain;
		height:3.17vw;
		position:fixed;
		right:4.08vw;
		top:4vw;
		transform:unset;
		width:3.08vw
	}
	header .search_box_wrap .search_box .search_btn {
		height:3vw;
		margin:0 1.17vw;
		width:3vw
	}
}
@media screen and (max-width:750px) {
	header .search_box_wrap .search_box {
		line-height:9.33vw;
		max-width:90.4vw;
		padding:29.07vw 0 0
	}
	header .search_box_wrap .search_box:before {
		height:4.13vw;
		left:0;
		top:6.67vw;
		width:23.6vw
	}
	header .search_box_wrap .search_box strong {
		font-size:6.67vw
	}
	header .search_box_wrap .search_box .search_input {
		border-bottom:.13vw solid #767983;
		margin:21.33vw 0 0;
		padding-bottom:4.4vw
	}
	header .search_box_wrap .search_box .search_input input {
		font-size:3.73vw
	}
	header .search_box_wrap .search_box .search_input input::placeholder {
		font-size:3.73vw
	}
    header .search_box_wrap .search_box .search_recommend {
        gap:1.33vw .8vw;
        margin:3.47vw auto 0;
        max-width:101.33vw
    }
    header .search_box_wrap .search_box .search_recommend em {
        font-size:3.47vw;
        line-height:8vw
    }
	header .search_box_wrap .search_box .search_recommend span {
		border-radius:4.13vw;
		font-size:3.47vw;
		padding:2.4vw 3.2vw
	}
	header .search_box_wrap .search_box .search_close {
		height:5.07vw;
		right:4.8vw;
		top:6.4vw;
		width:4.93vw
	}
	header .search_box_wrap .search_box .search_btn {
		height:4.8vw;
		margin:0 1.87vw;
		width:4.8vw
	}
}
footer {
	background-color:#2a2e2a
}
footer .footer_in_wrap {
	box-sizing:border-box;
	letter-spacing:-.02em;
	margin:0 auto;
	max-width:1760px;
	padding:50px 0 54px;
	position:relative;
	width:100%;
	z-index:10
}
footer .footer_in_wrap .copy_box1 {
	display:flex;
	flex-wrap:nowrap;
	font-size:16px;
	font-weight:700;
	gap:35px;
	margin:0 0 35px
}
footer .footer_in_wrap .copy_box1 a {
	color:#fff
}
footer .footer_in_wrap .copy_box1 a.arrow {
	background-image:url(/assets/user/kr/img/common/footer_arrow_icon.png);
	background-position:100%;
	background-repeat:no-repeat;
	background-size:auto 11px;
	padding-right:16px
}
footer .footer_in_wrap .copy_box2 {
	color:#797a79;
	font-size:14px
}
footer .footer_in_wrap .copy_box2 address,footer .footer_in_wrap .copy_box2 p {
	display:flex;
	flex-wrap:nowrap;
	gap:22px;
	line-height:24px
}
footer .footer_in_wrap .copy_box2 .item2 {
	margin:25px 0 0
}
footer .footer_in_wrap .call {
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	gap:20px 0;
	justify-content:space-between;
	position:absolute;
	right:272px;
	top:100px;
	width:350px
}
footer .footer_in_wrap .call strong {
	color:#797a79;
	font-size:14px;
	font-weight:700;
	letter-spacing:-.04em;
	width:100%
}
footer .footer_in_wrap .call p {
	color:#fff;
	font-size:44px;
	font-weight:600
}
footer .footer_in_wrap .call ul {
	color:#797a79;
	font-size:14px;
	font-weight:400;
	line-height:20px
}
footer .footer_in_wrap .family_site {
	background-image:url(/assets/user/kr/img/common/footer_family_more_icon.png);
	background-position:100% 50%;
	background-repeat:no-repeat;
	background-size:auto 100%;
	color:#fff;
	font-size:16px;
	font-weight:700;
	height:24px;
	position:absolute;
	right:0;
	text-align:left;
	top:48px;
	width:190px
}
footer .footer_in_wrap .sns_box {
	color:#797a79;
	position:absolute;
	right:0;
	top:100px
}
footer .footer_in_wrap .sns_box strong {
	display:block;
	font-size:14px;
	font-weight:700;
	margin:0 0 18px
}
footer .footer_in_wrap .sns_box ul {
	display:flex;
	flex-wrap:nowrap;
	gap:10px
}
footer .footer_in_wrap .sns_box ul li a {
	background-color:#fff;
	background-position:50% 50%;
	background-repeat:no-repeat;
	border-radius:50%;
	color:transparent;
	display:block;
	font-size:1px;
	height:40px;
	width:40px
}
footer .footer_in_wrap .sns_box ul li:first-of-type a {
	background-image:url(/assets/user/kr/img/common/footer_insta.svg);
	background-size:18px auto
}
footer .footer_in_wrap .sns_box ul li:nth-of-type(2) a {
	background-image:url(/assets/user/kr/img/common/footer_youtube.svg);
	background-size:18px auto
}
footer .footer_in_wrap .sns_box ul li:nth-of-type(3) a {
	background-image:url(/assets/user/kr/img/common/footer_blog.svg);
	background-size:18px auto
}
footer .footer_in_wrap .sns_box ul li:nth-of-type(4) a {
	background-image:url(/assets/user/kr/img/common/footer_facebook.svg);
	background-size:20px auto
}
@media (min-width: 1210px)and (max-width: 1680px) {
    footer .footer_in_wrap {
        padding: 50px 20px 54px
    }

    footer .footer_in_wrap .call {
        right: 20px;
        top: 50px
    }

    footer .footer_in_wrap .sns_box {
        right: 180px;
        top: 148px
    }
}
@media screen and (max-width:1210px) {
	/* footer {
		height:66.67vw
	} */
	footer .footer_in_wrap {
		height:100%;
		max-width:92vw;
		padding:6.67vw 0 8.33vw
	}
	footer .footer_in_wrap .copy_box1 {
		flex-wrap:wrap;
		font-size:2.67vw;
		font-weight:500;
		gap:2.83vw 0;
		margin:0;
		padding:0 0 5.5vw
	}
	footer .footer_in_wrap .copy_box1 li {
		height:3vw;
		width:33%
	}
	footer .footer_in_wrap .copy_box1 a.arrow {
		background-image:url(/assets/user/kr/img/common/footer_arrow_icon_mo02.png);
		background-size:auto 3vw;
		padding-right:4.17vw
	}
	footer .footer_in_wrap .copy_box2 {
		align-content:center;
		align-items:center;
		border:.08vw solid #4a4d4a;
		border-left:none;
		border-right:none;
		display:flex;
		flex-wrap:wrap;
		font-size:2.17vw;
		gap:1.83vw 0;
		/*height:22.5vw;*/
		justify-content:flex-start;
        padding: 4.13vw 0
	}
	footer .footer_in_wrap .copy_box2 p.item1 {
		align-items:center;
		display:flex;
		flex-wrap:wrap;
		gap:.83vw 4.17vw;
		justify-content:flex-start;
		margin:0 1.5vw 1.5vw 0
	}
	footer .footer_in_wrap .copy_box2 address {
		display:block;
		gap:1.67vw;
		line-height:3.17vw;
		width:100%
	}
	footer .footer_in_wrap .copy_box2 address span {
		display:block;
		width:100%
	}
	footer .footer_in_wrap .copy_box2 .item2 {
		display:none
	}
	footer .footer_in_wrap .call {
		gap:2.33vw 3vw;
		justify-content:flex-start;
		padding:4.17vw 0 0;
		position:unset;
		width:100%
	}
	footer .footer_in_wrap .call strong {
		font-size:2.17vw;
		font-weight:400;
		width:100%
	}
	footer .footer_in_wrap .call p {
		font-size:5.83vw
	}
	footer .footer_in_wrap .call ul {
		color:#fff;
		font-size:2vw;
		line-height:2.67vw
	}
	footer .footer_in_wrap .family_site {
		background-size:auto 3vw;
		font-size:2.67vw;
		height:100%;
		position:unset;
		width:100%
	}
	footer .footer_in_wrap .sns_box {
		bottom: 11.98vw;
        right:0;
		top:auto;
	}
	footer .footer_in_wrap .sns_box strong {
		display:none
	}
	footer .footer_in_wrap .sns_box ul {
		gap:1.83vw
	}
	footer .footer_in_wrap .sns_box ul li a {
		background-position:50% 50%;
		background-repeat:no-repeat;
		height:6.5vw;
		width:6.5vw
	}
	footer .footer_in_wrap .sns_box ul li:first-of-type a {
		background-size:2.67vw auto
	}
	footer .footer_in_wrap .sns_box ul li:nth-of-type(2) a {
		background-size:2.92vw auto
	}
	footer .footer_in_wrap .sns_box ul li:nth-of-type(3) a {
		background-size:3.17vw auto
	}
	footer .footer_in_wrap .sns_box ul li:nth-of-type(4) a {
		background-size:2.58vw auto
	}
}
@media screen and (max-width:750px) {
	/*footer {
		height:137.33vw
	}*/
	footer .footer_in_wrap {
		height:100%;
		max-width:90.4vw;
		padding:10.13vw 0 10.4vw
	}
	footer .footer_in_wrap .copy_box1 {
		font-size:4.27vw;
		gap:4.53vw 0;
		margin:0;
		padding:0 0 8.8vw
	}
	footer .footer_in_wrap .copy_box1 li {
		height:4.8vw;
		width:50%
	}
	footer .footer_in_wrap .copy_box1 a.arrow {
		background-size:auto 4.8vw;
		padding-right:6.67vw
	}
	footer .footer_in_wrap .copy_box1 p.item1 {
		gap:6.67vw
	}
	footer .footer_in_wrap .copy_box2 {
		align-content:center;
		box-sizing:border-box;
		font-size:3.47vw;
		gap:0;
		/*height:41.33vw;*/
		padding:6.67vw 0
	}
	footer .footer_in_wrap .copy_box2 p.item1 {
		gap:.53vw 6.67vw;
		margin:0 2.4vw 2.4vw 0
	}
	footer .footer_in_wrap .copy_box2 p.item1 span:first-of-type {
		width:100%
	}
	footer .footer_in_wrap .copy_box2 address {
		gap:2.67vw;
		line-height:5.07vw;
		width:100%
	}
	footer .footer_in_wrap .copy_box2 .item2 {
		display:none
	}
	footer .footer_in_wrap .call {
		gap:3.73vw 4.8vw;
		padding:6.67vw 0 0
	}
	footer .footer_in_wrap .call strong {
		font-size:3.47vw;
		font-weight:400;
		width:100%
	}
	footer .footer_in_wrap .call p {
		font-size:9.33vw
	}
	footer .footer_in_wrap .call ul {
		color:#b5b6b5;
		font-size:3.2vw;
		line-height:4.27vw
	}
	footer .footer_in_wrap .family_site {
		background-size:auto 4.8vw;
		font-size:4.27vw;
		height:100%;
		width:100%
	}
	footer .footer_in_wrap .sns_box {
		margin:9.33vw 0 0;
		position:unset
	}
	footer .footer_in_wrap .sns_box ul {
		gap:2.93vw
	}
	footer .footer_in_wrap .sns_box ul li a {
		background-position:50% 50%;
		background-repeat:no-repeat;
		height:10.4vw;
		width:10.4vw
	}
	footer .footer_in_wrap .sns_box ul li:first-of-type a {
		background-size:4.27vw auto
	}
	footer .footer_in_wrap .sns_box ul li:nth-of-type(2) a {
		background-size:4.67vw auto
	}
	footer .footer_in_wrap .sns_box ul li:nth-of-type(3) a {
		background-size:5.07vw auto
	}
	footer .footer_in_wrap .sns_box ul li:nth-of-type(4) a {
		background-size:4.13vw auto
	}
}
.header_dimed {
	background-color:rgba(0,0,0,.4);
	height:100vh;
	left:0;
	opacity:0;
	pointer-events:all;
	position:fixed;
	top:0;
	transition:opacity .35s,visibility .35s;
	user-select:all;
	visibility:hidden;
	width:100vw;
	z-index:30
}
.header_dimed.active {
	opacity:1;
	visibility:visible
}
@keyframes iconRightMove {
	50% {
		opacity:0;
		transform:translate(100%)
	}
	75% {
		opacity:0;
		transform:translate(-100%)
	}
}
@keyframes iconLeftMove {
	50% {
		opacity:0;
		transform:rotate(-180deg) translate(100%)
	}
	75% {
		opacity:0;
		transform:rotate(-180deg) translate(-100%)
	}
}
.main .container {
	overflow:unset;
	overflow-x:hidden;
	position:relative
}
.main .container .lottie-container_mo,.main .container .lottie-container_pc {
	height:100vh;
	left:50%;
	overflow:hidden;
	position:fixed;
	top:50%;
	transform:translate(-50%,-50%);
	width:100vw;
	/* 250630 수정(s) */
    z-index:99999;
    visibility:visible;
    /* 250630 수정(e) */
}
.main .container .lottie-container_mo {
	display:none
}
/* 250630 추가(s) */
.main .container .loading-bg {
    background: #fff;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 99980
}
/* 250630 추가(e) */
@media(min-width:1201px)and (max-width:1680px) {
	.main .container .main_bbs,.main .container .main_best,.main .container .main_global,.main .container .main_product,.main .container .main_service {
		box-sizing:border-box;
		padding-left:50px!important;
		padding-right:50px!important
	}
}
@media screen and (min-width:1201px)and (max-width:1680px)and (orientation:landscape) {
	.main .container .main_global {
		height:auto!important;
		padding-bottom:180px!important;
		padding-top:180px!important
	}
	.main .container .main_best {
		height:110vh!important;
		padding-bottom:180px!important
	}
}
@media screen and (max-width:750px) {
	.main .container {
		overflow:hidden
	}
	.main .container .lottie-container_mo {
		display:block
	}
	.main .container .lottie-container_pc {
		display:none
	}
    
}
.main .floating_box {
	position:relative;
	z-index:30
}
.main .floating_box ul.floating_list {
	align-content:center;
	align-items:center;
	background-color:#fff;
	border-radius:32px;
	box-shadow:0 3px 8px rgba(0,0,0,.24);
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	min-height:403px;
	position:fixed;
	right:20px;
	top:50%;
	transform:translateY(-50%);
	width:64px;
	z-index:40
}
.main .floating_box ul.floating_list li {
	width:100%
}
.main .floating_box ul.floating_list li a {
	background-position:center 15px;
	background-repeat:no-repeat;
	background-size:29px auto;
	box-sizing:border-box;
	display:block;
	height:100%;
	padding:54px 0 10px;
	transition:all .3s ease;
	width:100%
}
.main .floating_box ul.floating_list li a span {
	display:block;
	font-size:13px;
	font-weight:500;
	letter-spacing:-.06em;
	line-height:16px;
	text-align:center
}
.main .floating_box ul.floating_list li a:hover span {
	color:#22724a
}
.main .floating_box ul.floating_list li:hover:nth-of-type(2) a {
	background-image:url(/assets/user/kr/img/main/floting_icon02_hover.png)
}
.main .floating_box ul.floating_list li:hover:nth-of-type(3) a {
	background-image:url(/assets/user/kr/img/main/floting_icon03_hover.png)
}
.main .floating_box ul.floating_list li:hover:nth-of-type(4) a {
	background-image:url(/assets/user/kr/img/main/floting_icon04_hover.png)
}
.main .floating_box ul.floating_list li:first-of-type a {
	background-image:url(/assets/user/kr/img/main/floting_icon01.png);
	background-size:31px auto
}
.main .floating_box ul.floating_list li:nth-of-type(2) a {
	background-image:url(/assets/user/kr/img/main/floting_icon02.png)
}
.main .floating_box ul.floating_list li:nth-of-type(3) a {
	background-image:url(/assets/user/kr/img/main/floting_icon03.png)
}
.main .floating_box ul.floating_list li:nth-of-type(4) a {
	background-image:url(/assets/user/kr/img/main/floting_icon04.png)
}
@media screen and (max-width:1210px) {
	.main .floating_box ul.floating_list {
		border-radius:2.67vw;
		min-height:33.58vw;
		right:1.67vw;
		top:50%;
		width:5.33vw
	}
	.main .floating_box ul.floating_list li a {
		background-position:center 1.25vw;
		background-repeat:no-repeat;
		background-size:2.42vw auto;
		padding:4.5vw 0 .83vw
	}
	.main .floating_box ul.floating_list li a span {
		font-size:1.08vw;
		line-height:1.33vw
	}
	.main .floating_box ul.floating_list li:first-of-type a {
		background-size:2.67vw auto
	}
}
@media screen and (max-width:750px) {
	.main .floating_box ul.floating_list {
		background-color:unset;
		bottom:24.27vw;
		opacity:0;
		right:5.33vw;
		top:auto;
		transform:translate(0);
		visibility:hidden;
		width:12vw
	}
	.main .floating_box ul.floating_list.active {
		opacity:1;
		visibility:visible
	}
	.main .floating_box ul.floating_list li {
		height:12vw;
		margin:3.2vw 0 0;
		width:12vw
	}
	.main .floating_box ul.floating_list li a {
		background-color:#fff;
		background-position:50% 50%;
		background-repeat:no-repeat;
		background-size:cover;
		border-radius:50%;
		height:100%;
		padding:0;
		position:relative;
		width:100%
	}
	.main .floating_box ul.floating_list li a span {
		color:#fff;
		font-size:3.47vw;
		font-weight:700;
		letter-spacing:-.02em;
		line-height:4.27vw;
		position:absolute;
		right:14.67vw;
		text-align:right;
		top:50%;
		transform:translateY(-50%);
		width:14.93vw
	}
	.main .floating_box ul.floating_list li a:hover span {
		color:#fff
	}
	.main .floating_box ul.floating_list li:first-of-type a {
		background-image:url(/assets/user/kr/img/main/floting_icon01_mo.png);
		background-size:cover
	}
	.main .floating_box ul.floating_list li:nth-of-type(2) a {
		background-image:url(/assets/user/kr/img/main/floting_icon02_mo.png)
	}
	.main .floating_box ul.floating_list li:nth-of-type(3) a {
		background-image:url(/assets/user/kr/img/main/floting_icon03_mo.png)
	}
	.main .floating_box ul.floating_list li:nth-of-type(4) a {
		background-image:url(/assets/user/kr/img/main/floting_icon04_mo.png)
	}
	.main .floating_box ul.floating_list li:hover:first-of-type a {
		background-image:url(/assets/user/kr/img/main/floting_icon01_mo.png);
		background-size:cover
	}
	.main .floating_box ul.floating_list li:hover:nth-of-type(2) a {
		background-image:url(/assets/user/kr/img/main/floting_icon02_mo.png)
	}
	.main .floating_box ul.floating_list li:hover:nth-of-type(3) a {
		background-image:url(/assets/user/kr/img/main/floting_icon03_mo.png)
	}
	.main .floating_box ul.floating_list li:hover:nth-of-type(4) a {
		background-image:url(/assets/user/kr/img/main/floting_icon04_mo.png)
	}
}
.main .floating_box .go_to_top {
	background-color:#22724a;
	background-image:url(/assets/user/kr/img/main/floating_top.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:50%;
	bottom:40px;
	box-shadow:0 0 30px 0 rgba(5,5,5,.3);
	color:transparent;
	font-size:1px;
	height:64px;
	opacity:0;
	position:fixed;
	right:20px;
	transition:all .3s ease;
	visibility:visible;
	width:64px;
	z-index:30
}
.main .floating_box .go_to_top.active {
	opacity:1;
	visibility:visible
}
@media screen and (max-width:1210px) {
	.main .floating_box .go_to_top {
		background-color:#22724a;
		border-radius:50%;
		bottom:3.33vw;
		box-shadow:0 0 2.5vw 0 rgba(5,5,5,.3);
		height:5.33vw;
		right:1.67vw;
		width:5.33vw
	}
}
@media screen and (max-width:750px) {
	.main .floating_box .go_to_top {
		background-color:unset;
		background-image:url(/assets/user/kr/img/main/floating_top_mo.png);
		bottom:9.33vw;
		box-shadow:none;
		height:12vw;
		right:5.33vw;
		width:12vw
	}
}
.main .floating_box .floating_close {
	display:none;
	transition:all .3s ease
}
@media screen and (max-width:750px) {
	.main .floating_box .floating_close {
		background-color:#464953;
		background-image:url(/assets/user/kr/img/main/floating_close.png);
		background-position:50% 50%;
		background-repeat:no-repeat;
		background-size:cover;
		border-radius:50%;
		bottom:9.33vw;
		color:transparent;
		display:block;
		font-size:1px;
		height:12vw;
		opacity:0;
		position:fixed;
		right:5.33vw;
		visibility:hidden;
		width:12vw;
		z-index:40
	}
	.main .floating_box .floating_close.active {
		opacity:1;
		visibility:visible
	}
}
.main .floating_box .floating_more {
	display:none;
	transition:all .3s ease
}
@media screen and (max-width:750px) {
	.main .floating_box .floating_more {
		background-image:url(/assets/user/kr/img/main/floating_more.png);
		bottom:9.33vw;
		color:transparent;
		display:none;
		display:block;
		font-size:1px;
		height:12vw;
		position:fixed;
		right:5.33vw;
		width:12vw;
		z-index:30
	}
	.main .floating_box .floating_more.up {
		bottom:24.27vw
	}
	.main .floating_box .floating_more {
		background-position:50% 50%;
		background-repeat:no-repeat;
		background-size:cover
	}
}
.floating_box:before {
	background-color:rgba(0,0,0,.7);
	content:"";
	height:100vh;
	opacity:0;
	position:fixed;
	transition:opacity .3s ease,visibility 0s .3s;
	visibility:hidden;
	width:100%
}
.floating_box.dim:before {
	opacity:1;
	transition:opacity .3s ease,visibility 0s;
	visibility:visible
}
.main .container .main_visual .swiper {
	background-color:#dedde1!important;
	height:100vh;
	position:relative
}
.main .container .main_visual .swiper .swiper_button_wrap {
	display:inline-block;
	left:50%;
	margin-top:0;
	overflow:hidden;
	position:absolute;
	top:calc(50% + 410px);
	transform:translate(-50%,-50%);
	width:auto
}
.main .container .main_visual .swiper .swiper_button_wrap .swiper_button {
	height:30px;
	padding:15px 0;
	width:370px
}
.main .container .main_visual .swiper .swiper_button_wrap .swiper-pagination-custom span {
	color:#fff
}
.main .container .main_visual .swiper .swiper_button_wrap .swiper-pagination-custom span.swiper-pagination-total {
	right:89px
}
.main .container .main_visual .swiper .swiper_button_wrap .swiper-button-prev {
	right:58px
}
.main .container .main_visual .swiper .swiper_button_wrap .swiper-button-next,.main .container .main_visual .swiper .swiper_button_wrap .swiper-button-prev {
	background-image:url(/assets/user/kr/img/main/slide_arrow_icon01.png);
	height:18px;
	width:11px
}
.main .container .main_visual .swiper .swiper_button_wrap .swiper-play-pause-btn {
	background-image:url(/assets/user/kr/img/main/slide_pause_icon01.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	height:13px;
	left:auto;
	position:absolute;
	right:31px;
	text-indent:-9999px;
	width:8px
}
.main .container .main_visual .swiper .swiper_button_wrap .swiper-play-pause-btn.play {
	background-image:url(/assets/user/kr/img/main/slide_play_icon01.png);
	height:13px;
	right:28px;
	width:12px
}
.main .container .main_visual .swiper .swiper_button_wrap .swiper-progress {
	background-color:hsla(0,0%,100%,.5);
	left:36px;
	position:absolute;
	width:210px
}
.main .container .main_visual .swiper .swiper_button_wrap .swiper-progress .progress {
	background:#fff
}
.main .container .main_visual .swiper .swiper_txt {
	color:#fff;
	height:fit-content;
	left:50%;
	margin:0 auto;
	max-width:1360px;
	overflow:hidden;
	position:absolute;
	top:calc(50% - 20px);
	transform:translate(-50%,-50%);
	width:100%
}
.main .container .main_visual .swiper .swiper_txt strong {
	display:block;
	font-size:70px;
	font-weight:600;
	letter-spacing:-.04em;
	line-height:88px;
	margin:40px 0 46px
}
.main .container .main_visual .swiper .swiper_txt p {
	font-size:27px;
	font-weight:500;
	letter-spacing:-.04em;
	line-height:40px
}
.main .container .main_visual .swiper .swiper_txt .swiper_txt_in {
	overflow:hidden
}
.main .container .main_visual .swiper .swiper_img {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	height:100%;
	justify-content:flex-start;
	left:50%;
	overflow:hidden;
	position:absolute;
	top:50%;
	transform:translate(-50%,-50%);
	width:100%
}
.main .container .main_visual .swiper .swiper_img img {
    height: 100%;
    object-fit: cover;
    max-width: 100%;
    width: 100%;
}
@media screen and (min-width: 1201px) and (max-width: 1690px) and (max-aspect-ratio: 19 / 11) {
    .main .container .main_visual .swiper .swiper_img img {width: unset;max-width: unset;margin-left: -12vw;}
}
@media screen and (min-width:1920px) {
    .main .container .main_visual .swiper .swiper_img img {
        object-position: bottom left;
        object-position: center;
    }
}
@media screen and (max-width: 1201px) and (max-height: 800px) {
    .main .container .main_visual .swiper .swiper_img img {
        height: 120vh;
    }
}
@media screen and (max-width: 1201px) {
    .main .container .main_visual .swiper .swiper_img img {
        object-position: bottom left;
    }
}

@media (max-width: 750px) and (min-aspect-ratio: 6 / 8) {
    .main .container .main_visual .swiper .swiper_img img {
        object-position: center left;
        margin-bottom: 40vh;
        height: auto;
    }
}

.main .container .main_visual .swiper .swiper_txt_in>* {
	opacity:0;
	transform:translateY(100px);
	transition:opacity 1s ease,transform 1s ease;
	transition-delay:.5s
}
.main .container .main_visual .swiper .swiper-slide-active .main_visual_btn_box>div,.main .container .main_visual .swiper .swiper-slide-active .swiper_txt_in>* {
	opacity:1;
	transform:translateY(0)
}
.main .container .main_visual .swiper .swiper-slide-active .main_visual_btn_box>div.initial-state,.main .container .main_visual .swiper .swiper-slide-active .swiper_txt_in>.initial-state {
	opacity:0!important;
	transform:translateY(50px)!important;
	transition:opacity 1s ease,transform 1s ease
}
.main .container .main_visual .swiper .swiper_button {
	opacity:0;
	transform:translateY(100px)
}
.main .container .main_visual .swiper .swiper_button.initial-state {
	opacity:1!important;
	transform:translateY(0)!important;
	transition:opacity 1.6s ease,transform 1.6s ease
}
.main .container .main_visual .swiper .main_visual_btn_box {
	display:block;
	left:50%;
	margin-top:0;
	overflow:hidden;
	position:absolute;
	top:calc(50% + 330px);
	transform:translate(-50%,-50%)
}
.main .container .main_visual .swiper .main_visual_btn_box>div {
	gap:8px;
	opacity:0;
	transform:translateY(100px);
	transition:opacity 1s ease,transform 1s ease;
	transition-delay:.5s;
	width:auto
}
.main .container .main_visual .swiper .main_visual_btn_box>div .main_btn01 {
	background-color:#e7ece9
}
.main .container .main_visual .swiper .main_visual_btn_box>div {
	display:flex;
	flex-wrap:nowrap
}
@media screen and (max-width:1210px) {
	.main .container .main_visual .swiper .swiper_txt {
		max-width:92vw;
		top:calc(50% - 8.33vw)
	}
	.main .container .main_visual .swiper .swiper_txt span {
		font-size:3vw;
		letter-spacing:0;
		line-height:3.33vw
	}
	.main .container .main_visual .swiper .swiper_txt strong {
		font-size:7vw;
		font-weight:700;
		letter-spacing:-.05em;
		line-height:9.5vw;
		margin:4.17vw 0 4.83vw
	}
	.main .container .main_visual .swiper .swiper_txt p {
		font-size:2.33vw;
		letter-spacing:-.04em;
		line-height:3.83vw
	}
	.main .container .main_visual .swiper .swiper_img {
		left:0;
		top:50%;
		transform:translateY(-50%)
	}
	.main .container .main_visual .swiper .swiper_button_wrap {
		bottom:4.33vw;
		max-width:92vw;
		top:auto
	}
	.main .container .main_visual .swiper .swiper_button_wrap .swiper_button {
		width:32.17vw
	}
	.main .container .main_visual .swiper .swiper_button_wrap .swiper-pagination-custom span.swiper-pagination-total {
		right:5.67vw
	}
	.main .container .main_visual .swiper .swiper_button_wrap .swiper-progress {
		height:.5vw;
		left:4.58vw;
		width:17.5vw
	}
	.main .container .main_visual .swiper .swiper_button_wrap .swiper-play-pause-btn {
		background-image:url(/assets/user/kr/img/main/slide_pause_icon01.png);
		height:2.17vw;
		right:0;
		width:1.67vw
	}
	.main .container .main_visual .swiper .swiper_button_wrap .swiper-play-pause-btn.play {
		background-image:url(/assets/user/kr/img/main/slide_play_icon01_mo.png);
		height:2.25vw;
		right:0;
		width:1.83vw
	}
	.main .container .main_visual .swiper .swiper_button_wrap .swiper-button-next,.main .container .main_visual .swiper .swiper_button_wrap .swiper-button-prev {
		display:none
	}
	.main .container .main_visual .swiper .main_visual_btn_box {
		top:calc(50% + 21.67vw);
		width:max-content
	}
	.main .container .main_visual .swiper .main_visual_btn_box>div {
		gap:.83vw
	}
}
@media screen and (max-width:750px) {
	.main .container .main_visual .swiper .swiper_txt {
		bottom:52vw;
		max-width:90.4vw;
		top:auto;
		transform:translate(-50%)
	}
	.main .container .main_visual .swiper .swiper_txt span {
		font-size:4.8vw;
		line-height:5.33vw
	}
	.main .container .main_visual .swiper .swiper_txt strong {
		font-size:11.2vw;
		line-height:15.2vw;
		margin:8vw 0 9.07vw
	}
	.main .container .main_visual .swiper .swiper_txt p {
		font-size:3.73vw;
		line-height:6.13vw
	}
	.main .container .main_visual .swiper .swiper_button_wrap {
		bottom:6.33vw;
		max-width:90.4vw;
		top:auto
	}
	.main .container .main_visual .swiper .swiper_button_wrap .swiper_button {
		width:51.47vw
	}
	.main .container .main_visual .swiper .swiper_button_wrap .swiper-pagination-custom span.swiper-pagination-total {
		right:9.07vw
	}
	.main .container .main_visual .swiper .swiper_button_wrap .swiper-progress {
		height:.8vw;
		left:7.33vw;
		width:28vw
	}
	.main .container .main_visual .swiper .swiper_button_wrap .swiper-play-pause-btn {
		height:3.47vw;
		right:0;
		width:2.67vw
	}
	.main .container .main_visual .swiper .swiper_button_wrap .swiper-play-pause-btn.play {
		height:3.6vw;
		width:2.93vw
	}
	.main .container .main_visual .swiper .main_visual_btn_box {
		bottom:24vw;
		top:auto
	}
	.main .container .main_visual .swiper .main_visual_btn_box>div {
		gap:1.33vw
	}
}
.main .container .main_goal {
	align-items:center;
	background-color:#fff;
	display:flex;
	flex-wrap:nowrap;
	height:100vh;
	justify-content:center;
	position:relative;
	text-align:center;
	width:100%
}
.main .container .main_goal .main_goal_in {
	margin:0 auto;
	overflow:hidden;
	width:1060px
}
.main .container .main_goal .main_goal_in .main_goal_txt {
	align-items:center;
	color:#464953;
	display:flex;
	flex-wrap:nowrap;
	font-size:74px;
	font-weight:800;
	gap:18px 0;
	height:130px;
	justify-content:center;
	letter-spacing:0;
	line-height:114px
}
.main .container .main_goal .main_goal_in .main_goal_txt span {
	position:relative
}
.main .container .main_goal .main_goal_in .main_goal_txt span.deco1:before {
	border-radius:7px;
	bottom:18px;
	content:"";
	height:14px;
	left:50%;
	padding:0 10px;
	position:absolute;
	transform:translate(-50%);
	width:100%;
	z-index:-1
}
.main .container .main_goal .main_goal_in .main_goal_txt span.deco1.blue:before {
	background-color:#63affd
}
.main .container .main_goal .main_goal_in .main_goal_txt span.deco1.green:before {
	background-color:#58d7a2
}
.main .container .main_goal .main_goal_in .main_goal_txt span.deco1.red:before {
	background-color:#f58685
}
.main .container .main_goal .main_goal_in .main_goal_txt span.deco2:before {
	background-color:#ffee58;
	border-radius:8px;
	content:"";
	height:92px;
	left:50%;
	padding:4px 14px;
	position:absolute;
	top:calc(50% - 2px);
	transform:skew(-20deg);
	transform:translate(-50%,-50%) skew(-20deg);
	width:100%;
	z-index:-1
}
.main .container .main_goal .main_goal_in.mo,.main .container .main_goal .main_goal_in.tablet {
	display:none
}
@media screen and (max-width:1210px) {
	.main .container .main_goal .main_goal_in {
		width:auto
	}
	.main .container .main_goal .main_goal_in.pc {
		display:none
	}
	.main .container .main_goal .main_goal_in.tablet {
		display:block
	}
	.main .container .main_goal .main_goal_in.tablet .main_goal_txt {
		font-size:5.83vw;
		font-weight:700;
		gap:1.5vw 0;
		height:8.67vw;
		letter-spacing:-.02em;
		line-height:9vw
	}
	.main .container .main_goal .main_goal_in.tablet .main_goal_txt span.deco1:before {
		border-radius:.58vw;
		bottom:1.42vw;
		height:1.17vw;
		padding:0 .75vw
	}
	.main .container .main_goal .main_goal_in.tablet .main_goal_txt span.deco2:before {
		border-radius:.67vw;
		height:7.67vw;
		padding:0 1.17vw;
		top:calc(50% - .17vw)
	}
}
@media screen and (max-width:750px) {
	.main .container .main_goal .main_goal_in.mo,.main .container .main_goal .main_goal_in.tablet {
		display:none
	}
	.main .container .main_goal .main_goal_in.mo {
		display:block
	}
	.main .container .main_goal .main_goal_in.mo .main_goal_txt {
		font-size:9.33vw;
		gap:2.4vw 0;
		height:13.87vw;
		line-height:14.4vw
	}
	.main .container .main_goal .main_goal_in.mo .main_goal_txt span.deco1:before {
		border-radius:.93vw;
		bottom:2.27vw;
		height:1.87vw;
		padding:0 1.2vw
	}
	.main .container .main_goal .main_goal_in.mo .main_goal_txt span.deco2:before {
		border-radius:1.07vw;
		height:12.27vw;
		padding:0 1.87vw;
		top:calc(50% - .27vw)
	}
}
.main .container .main_box {
	box-sizing:border-box;
	padding:180px 0
}
.main .container .main_box>span {
	color:#22724a;
	display:block;
	font-size:24px;
	font-weight:600;
	letter-spacing:-.02em;
	text-align:center;
	width:100%
}
.main .container .main_box>h3 {
	color:#464953;
	font-size:58px;
	font-weight:500;
	letter-spacing:-.06em;
	margin:30px 0 0;
	text-align:center;
	width:100%
}
.main .container .main_box>p {
	color:#767983;
	font-size:27px;
	font-weight:500;
	letter-spacing:-.04em;
	margin:50px 0 0;
	text-align:center
}
@media screen and (max-width:1210px) {
	.main .container .main_box {
		padding:13.33vw 0
	}
	.main .container .main_box>span {
		font-size:2.33vw;
		letter-spacing:0
	}
	.main .container .main_box>h3 {
		font-size:5.67vw;
		line-height:7.5vw;
		margin:3.33vw 0 0
	}
	.main .container .main_box>p {
		color:#9699a3;
		font-size:2.67vw;
		line-height:4vw;
		margin:5vw 0 0
	}
}
@media screen and (max-width:750px) {
	.main .container .main_box {
		padding:19.2vw 0
	}
	.main .container .main_box>span {
		font-size:3.73vw;
		letter-spacing:0
	}
	.main .container .main_box>h3 {
		font-size:9.07vw;
		line-height:12vw;
		margin:6.13vw 0 0
	}
	.main .container .main_box>p {
		font-size:4.27vw;
		line-height:6.4vw;
		margin:8vw 0 0
	}
}
.main .container .main_btn01 {
	align-items:center;
	background-color:#fff;
	border-radius:30px;
	box-sizing:border-box;
	color:#22724a!important;
	display:inline-block;
	display:flex;
	flex-wrap:nowrap;
	font-size:17px;
	font-weight:600;
	gap:17px;
	justify-content:center;
	letter-spacing:-.02em;
	overflow:hidden;
	padding:21.5px 28px 21.5px 29px;
	position:relative;
	width:max-content
}
.main .container .main_btn01 i {
	height:14px;
	overflow:hidden;
	width:14px;
	z-index:90
}
.main .container .main_btn01 i:before {
	background-image:url(/assets/user/kr/img/main/main_button_arrow_icon01.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	content:"";
	display:block;
	height:14px;
	transition:all .3s ease;
	width:14px
}
.main .container .main_btn01:hover i:before {
	animation:iconRightMove .4s;
	background-image:url(/assets/user/kr/img/main/main_button_arrow_icon02.png)
}
.main .container .main_btn01.effect span {
	position:relative;
	transition:color .6s ease;
	z-index:20
}
.main .container .main_btn01.effect:after {
	background-color:#19734a;
	background-color:#e7ece9;
	border-radius:10px;
	content:"";
	height:14px;
	opacity:0;
	position:absolute;
	right:40px;
	top:50%;
	transform:translateY(-50%);
	transition:all .5s ease;
	width:30px;
	z-index:0
}
.main .container .main_btn01.effect:hover span {
	color:#fff
}
.main .container .main_btn01.effect:hover:after {
	background-color:#19734a;
	opacity:1;
	transform:scale(10)
}
@media screen and (max-width:1210px) {
	.main .container .main_btn01 {
		border-radius:3.67vw;
		font-size:2vw;
		padding:2.83vw 3.42vw 2.92vw
	}
	.main .container .main_btn01 i,.main .container .main_btn01 i:before {
		height:1.83vw;
		width:1.92vw
	}
	.main .container .main_btn01.effect:hover:after {
		transform:scale(40)
	}
}
@media screen and (max-width:750px) {
	.main .container .main_btn01 {
		border-radius:5.87vw;
		font-size:3.2vw;
		padding:4.27vw 5.33vw
	}
	.main .container .main_btn01 i,.main .container .main_btn01 i:before {
		height:2.93vw;
		width:3.07vw
	}
	.main .container .main_btn01.effect:hover:after {
		transform:scale(40)
	}
}
.main .container .main_btn02 {
	background-color:#22724a;
	border-radius:30px;
	color:#fff!important;
	font-size:17px;
	font-weight:600;
	letter-spacing:-.02em;
	padding:20px 88px 20px 56px;
	position:relative
}
.main .container .main_btn02 i {
	height:14px;
	overflow:hidden;
	position:absolute;
	right:58px;
	top:50%;
	transform:translateY(-50%);
	width:14px
}
.main .container .main_btn02 i:before {
	background-image:url(/assets/user/kr/img/main/main_button_arrow_icon02.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	content:"";
	display:block;
	height:14px;
	transition:all .3s ease;
	width:14px
}
.main .container .main_btn02:hover i:before {
	animation:iconRightMove .4s
}
@media screen and (max-width:1210px) {
	.main .container .main_btn02 {
		border-radius:3.33vw;
		font-size:2vw;
		line-height:3vw;
		padding:2.17vw 9.5vw 2.17vw 4.67vw
	}
	.main .container .main_btn02 i {
		height:1.83vw;
		right:3.42vw;
		width:1.92vw
	}
	.main .container .main_btn02 i:before {
		height:1.83vw;
		width:1.92vw
	}
}
@media screen and (max-width:750px) {
	.main .container .main_btn02 {
		border-radius:5.33vw;
		font-size:3.2vw;
		line-height:4.8vw;
		padding:3.47vw 15.2vw 3.47vw 7.47vw
	}
	.main .container .main_btn02 i {
		height:2.93vw;
		right:5.47vw;
		width:3.07vw
	}
	.main .container .main_btn02 i:before {
		height:2.93vw;
		width:3.07vw
	}
}
.main .container .main_btn03 {
	align-items:center;
	background-color:#fff;
	background-color:#22724a;
	border-radius:30px;
	box-sizing:border-box;
	color:#fff;
	display:flex;
	flex-wrap:nowrap;
	font-size:17px;
	font-weight:600;
	gap:17px;
	justify-content:center;
	letter-spacing:-.02em;
	padding:21.5px 28px 21.5px 29px;
	position:relative
}
.main .container .main_btn03 i {
	height:14px;
	overflow:hidden;
	width:14px
}
.main .container .main_btn03 i:before {
	background-image:url(/assets/user/kr/img/main/main_button_arrow_icon02.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	content:"";
	display:block;
	height:14px;
	transition:all .3s ease;
	width:14px
}
.main .container .main_btn03:hover i:before {
	animation:iconRightMove .4s
}
@media screen and (max-width:1210px) {
	.main .container .main_btn03 {
		border-radius:3.67vw;
		font-size:2vw;
		padding:2.83vw 3.42vw 2.92vw
	}
	.main .container .main_btn03 i {
		height:1.83vw;
		right:3.42vw;
		width:1.92vw
	}
	.main .container .main_btn03 i:before {
		height:1.83vw;
		width:1.92vw
	}
}
@media screen and (max-width:750px) {
	.main .container .main_btn03 {
		border-radius:5.87vw;
		font-size:3.2vw;
		padding:4.27vw 5.33vw
	}
	.main .container .main_btn03 i {
		height:2.93vw;
		right:5.47vw;
		width:3.07vw
	}
	.main .container .main_btn03 i:before {
		height:2.93vw;
		width:3.07vw
	}
}
.main .container .main_product {
	background-color:#fff;
	min-height:100vh;
	position:relative;
	width:100%;
	z-index:10
}
.main .container .main_product .main_product_in {
	margin:0 auto;
	max-width:1640px;
	width:100%
}
.main .container .main_product .main_product_in ul {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	gap:16px;
	justify-content:space-between;
	margin:110px auto 0;
	position:relative
}
.main .container .main_product .main_product_in ul li {
	height:560px;
	overflow:hidden;
	position:relative;
	width:100%
}
.main .container .main_product .main_product_in ul li a {
	color:#fff
}
.main .container .main_product .main_product_in ul li dl dt {
	font-size:36px;
	font-weight:600;
	letter-spacing:-.05em;
	margin:0 0 24px
}
.main .container .main_product .main_product_in ul li dl dd {
	margin:0 0 38px
}
.main .container .main_product .main_product_in ul li:first-of-type .front_sec {
	background-image:url(/assets/user/kr/img/main/linup_img01.jpg)
}
.main .container .main_product .main_product_in ul li:nth-of-type(2) .front_sec {
	background-image:url(/assets/user/kr/img/main/linup_img02.jpg)
}
.main .container .main_product .main_product_in ul li:nth-of-type(3) .front_sec {
	background-image:url(/assets/user/kr/img/main/linup_img03.jpg)
}
.main .container .main_product .main_product_in ul li:nth-of-type(4) .front_sec {
	background-image:url(/assets/user/kr/img/main/linup_img04.jpg)
}
.main .container .main_product .main_product_in ul li:first-of-type .back_sec {
	background-color:#afc732
}
.main .container .main_product .main_product_in ul li:nth-of-type(2) .back_sec {
	background-color:#f48921
}
.main .container .main_product .main_product_in ul li:nth-of-type(3) .back_sec {
	background-color:#62287a
}
.main .container .main_product .main_product_in ul li:nth-of-type(4) .back_sec {
	background-color:#0054a2
}
.main .container .main_product .main_product_in ul li img {
	height:20px
}
.main .container .main_product .main_product_in ul li .card_wrap {
	height:100%;
	width:100%
}
.main .container .main_product .main_product_in ul li .card_wrap:focus .back_sec,.main .container .main_product .main_product_in ul li .card_wrap:hover .back_sec {
	opacity:1
}
.main .container .main_product .main_product_in ul li .main_btn01 {
	bottom:54px;
	left:40px;
	position:absolute
}
.main .container .main_product .main_product_in ul .back_sec,.main .container .main_product .main_product_in ul .front_sec {
	backface-visibility:hidden;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:20px;
	box-sizing:border-box;
	color:#fff;
	height:100%;
	left:0;
	padding:60px 0 0 40px;
	position:absolute;
	top:0;
	width:100%
}
.main .container .main_product .main_product_in ul .back_sec {
	background-color:#ddd;
	opacity:0;
	transition:all .3s ease
}
.main .container .main_product .main_product_in ul .back_sec p {
	font-size:18px;
	letter-spacing:-.04em;
	line-height:28px
}
.main .container .main_product .main_product_in ul .back_sec .more_link {
	bottom:50px;
	color:#fff;
	position:absolute;
	right:50px
}
@media screen and (max-width:1210px) {
	.main .container .main_product {
		height:153.33vw
	}
	.main .container .main_product .main_product_in {
		max-width:92vw
	}
	.main .container .main_product .main_product_in ul {
		flex-wrap:wrap;
		gap:1vw;
		margin:6.67vw 0 0
	}
	.main .container .main_product .main_product_in ul li {
		height:41.67vw;
		width:calc(50% - .5vw)
	}
	.main .container .main_product .main_product_in ul li dl dt {
		font-size:3vw;
		line-height:4.17vw;
		margin:0 0 1.5vw
	}
	.main .container .main_product .main_product_in ul li dl dd {
		margin:0 0 2.33vw
	}
	.main .container .main_product .main_product_in ul li .front_sec {
		border-radius:2.5vw;
		padding:4.17vw 2.5vw
	}
	.main .container .main_product .main_product_in ul li .back_sec {
		padding:4.17vw 2.5vw
	}
	.main .container .main_product .main_product_in ul li .back_sec p {
		font-size:2vw;
		line-height:2.83vw
	}
	.main .container .main_product .main_product_in ul li .back_sec {
		border-radius:2.5vw
	}
	.main .container .main_product .main_product_in ul li img {
		height:2.17vw
	}
}
@media screen and (max-width:750px) {
	.main .container .main_product {
		height:230.4vw;
		min-height:100%
	}
	.main .container .main_product .main_product_in {
		max-width:90.4vw
	}
	.main .container .main_product .main_product_in ul {
		gap:1.33vw;
		margin:11.2vw 0 0
	}
	.main .container .main_product .main_product_in ul li {
		height:67.2vw;
		width:calc(50% - .67vw)
	}
	.main .container .main_product .main_product_in ul li dl dt {
		font-size:4.8vw;
		line-height:6.67vw;
		margin:0 0 2.4vw
	}
	.main .container .main_product .main_product_in ul li dl dd {
		margin:0 0 3.73vw
	}
	.main .container .main_product .main_product_in ul li .front_sec {
		border-radius:4vw;
		padding:6.67vw 4vw
	}
	.main .container .main_product .main_product_in ul li .back_sec {
		padding:6.67vw 4vw
	}
	.main .container .main_product .main_product_in ul li .back_sec p {
		font-size:3.47vw;
		line-height:5.07vw
	}
	.main .container .main_product .main_product_in ul li .back_sec {
		border-radius:4vw
	}
	.main .container .main_product .main_product_in ul li img {
		height:2.67vw
	}
	.main .container .main_product .main_product_in ul li .main_btn01 {
		bottom:6vw;
		left:4vw
	}
}
.main .container .main_bbs {
    overflow: hidden;
	align-items:center;
	/* background-attachment:fixed;
	background-color:#2d3026;
	background-image:url(/assets/user/kr/img/main/news_bg.jpg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover; */
	display:flex;
	flex-wrap:nowrap;
	height:980px;
	justify-content:flex-start;
	margin-top:-1px;
	position:relative;
	width:100%
}
.main .container .main_bbs:before {
	background-color:#050814;
	content:"";
	height:100%;
	left:0;
	opacity:0;
	position:absolute;
	top:0;
	transition:all .4s ease;
	visibility:hidden;
	width:100%;
	z-index:20
}
.main .container .main_bbs:after {
    content: "&nbsp;";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background-color:#2d3026;
    background-image: url(/assets/user/kr/img/main/news_bg.jpg);
    background-size: cover;
    background-position: center;
    z-index: -10;
}
.main .container .main_bbs.bg_change:after,.main .container .main_bbs.bg_change:before {
	opacity:1;
	visibility:visible
}
.main .container .main_bbs .main_bbs_in {
	margin:0 auto;
	max-width:1640px;
	width:100%;
	z-index:20
}
.main .container .main_bbs .main_bbs_txt {
	padding:0 0 100px;
	position:relative
}
.main .container .main_bbs .main_bbs_txt h3 {
	color:#fff;
	font-size:58px;
	font-weight:500;
	letter-spacing:-.06em;
	line-height:76px
}
.main .container .main_bbs .main_bbs_txt p {
	color:#fff;
	font-size:27px;
	letter-spacing:-.04em;
	line-height:36px;
	margin:56px 0 66px
}
.main .container .main_bbs .bbs_swiper {
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	width:50%
}
.main .container .main_bbs .swiper-slide {
	height:560px;
	margin-right:16px;
	width:370px
}
.main .container .main_bbs .swiper-slide:last-of-type {
	margin-right:0
}
.main .container .main_bbs .swiper-slide a {
	background-color:#fff;
	border-radius:20px;
	box-sizing:border-box;
	display:block;
	height:100%;
	padding:54px 28px 70px;
	position:relative;
	transition:all .2s ease;
	width:100%
}
.main .container .main_bbs .swiper-slide a.green {
	background-color:#22724a
}
.main .container .main_bbs .swiper-slide a.green span,.main .container .main_bbs .swiper-slide a.green strong {
	color:#fff
}
.main .container .main_bbs .swiper-slide a.green p {
	color:#80b79b
}
.main .container .main_bbs .swiper-slide a.green .date {
	color:#0f452a
}
.main .container .main_bbs .swiper-slide a.has_img p {
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	word-wrap:break-word
}
.main .container .main_bbs .swiper-slide a:hover {
	background-color:#e8f2df
}
.main .container .main_bbs .swiper-slide a:hover span,.main .container .main_bbs .swiper-slide a:hover strong {
	color:#22724a
}
.main .container .main_bbs .swiper-slide a:hover .date {
	color:#b9beb6
}
.main .container .main_bbs .swiper-slide a span {
	color:#22724a;
	font-size:18px;
	font-weight:800;
	letter-spacing:-.02em
}
.main .container .main_bbs .swiper-slide a strong {
	display:block;
	font-size:28px;
	font-weight:700;
	height:114px;
	letter-spacing:-.05em;
	line-height:40px;
	margin:14px 0 34px;
	-webkit-line-clamp:3
}
.main .container .main_bbs .swiper-slide a p,.main .container .main_bbs .swiper-slide a strong {
	display:-webkit-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	word-wrap:break-word
}
.main .container .main_bbs .swiper-slide a p {
	color:#b8b8b9;
	font-size:18px;
	font-weight:600;
	letter-spacing:-.04em;
	line-height:26px;
	-webkit-line-clamp:4
}
.main .container .main_bbs .swiper-slide a img {
	border-radius:16px;
	bottom:70px;
	box-sizing:border-box;
	height:166px!important;
	left:50%;
	object-fit:cover;
	position:absolute;
	transform:translate(-50%);
	width:310px!important
}
.main .container .main_bbs .swiper-slide a .date {
	bottom:28px;
	color:#969697;
	font-size:16px;
	font-weight:600;
	letter-spacing:-.02em;
	line-height:24px;
	position:absolute;
	right:30px
}
.main .container .main_bbs .swiper_button_wrap {
	bottom:0;
	justify-content:flex-start;
	left:0;
	position:absolute;
	top:auto
}
.main .container .main_bbs .swiper_button_wrap .swiper-button-next,.main .container .main_bbs .swiper_button_wrap .swiper-button-prev {
	background-image:url(/assets/user/kr/img/main/slide_arrow_icon01.png)
}
.main .container .main_bbs .swiper_button_wrap .swiper-play-pause-btn {
	background-image:url(/assets/user/kr/img/main/slide_pause_icon01.png)
}
.main .container .main_bbs .swiper_button_wrap .swiper-play-pause-btn.play {
	background-image:url(/assets/user/kr/img/main/slide_play_icon01.png)
}
.main .container .main_bbs .swiper_button_wrap .swiper-pagination-custom span {
	color:#fff
}
.main .container .main_bbs .swiper_button_wrap .swiper-progress {
	background-color:hsla(0,0%,100%,.5);
	transform:translateY(-50%)
}
.main .container .main_bbs .swiper_button_wrap .swiper-progress .progress {
	background-color:#fff
}
@media screen and (max-width:1210px) {
	.main .container .main_bbs {
		display:block;
		height:143.33vw;
	}
    .main .container .main_bbs:after {
        background-image: url(/assets/user/kr/img/main/news_bg_mo.jpg);
        background-position: center top;
    }
	.main .container .main_bbs .bbs_swiper {
		position:relative;
		top:auto;
		transform:none;
		width:100%
	}
	.main .container .main_bbs .swiper_button_wrap {
		justify-content:center;
		margin:5.83vw 0 0;
		position:relative
	}
	.main .container .main_bbs .swiper-slide {
		height:65.33vw;
		margin-right:2vw;
		width:44.83vw
	}
	.main .container .main_bbs .swiper-slide a {
		border-radius:2.5vw;
		padding:6.33vw 3.33vw
	}
	.main .container .main_bbs .swiper-slide a span {
		font-size:2.33vw
	}
	.main .container .main_bbs .swiper-slide a strong {
		font-size:3.33vw;
		height:13.33vw;
		line-height:4.67vw;
		margin:2.5vw 0 3.33vw
	}
	.main .container .main_bbs .swiper-slide a p {
		font-size:2.17vw;
		line-height:3.17vw
	}
	.main .container .main_bbs .swiper-slide a .date {
		bottom:3vw;
		font-size:2vw;
		right:4vw
	}
	.main .container .main_bbs .swiper-slide a img {
		bottom:7.17vw;
		height:20vw!important;
		width:37.5vw!important
	}
	.main .container .main_bbs .main_bbs_in {
		max-width:92vw
	}
	.main .container .main_bbs .main_bbs_txt {
		padding:12.5vw 0 8.83vw;
		text-align:center
	}
	.main .container .main_bbs .main_bbs_txt h3 {
		font-size:5.67vw;
		line-height:7.5vw
	}
	.main .container .main_bbs .main_bbs_txt p {
		font-size:2.67vw;
		line-height:4vw
	}
	.main .container .main_bbs .main_btn01 {
		margin:0 auto
	}
}
@media screen and (max-width:750px) {
	.main .container .main_bbs {
		background-attachment:unset;
		height:229.33vw
	}
	.main .container .main_bbs .swiper_button_wrap {
		margin:9.33vw 0 0
	}
	.main .container .main_bbs .swiper-slide {
		height:104.53vw;
		margin-right:3.2vw;
		width:71.73vw
	}
	.main .container .main_bbs .swiper-slide a {
		border-radius:4vw;
		padding:10.13vw 5.33vw
	}
	.main .container .main_bbs .swiper-slide a span {
		font-size:3.73vw
	}
	.main .container .main_bbs .swiper-slide a strong {
		font-size:5.33vw;
		height:21.33vw;
		line-height:7.47vw;
		margin:4vw 0 5.33vw
	}
	.main .container .main_bbs .swiper-slide a p {
		font-size:3.47vw;
		line-height:5.07vw
	}
	.main .container .main_bbs .swiper-slide a .date {
		bottom:5.07vw;
		font-size:3.2vw;
		right:6.4vw
	}
	.main .container .main_bbs .swiper-slide a img {
		bottom:11.47vw;
		height:32vw!important;
		width:60vw!important
	}
	.main .container .main_bbs .main_bbs_in {
		max-width:147.2vw
	}
	.main .container .main_bbs .main_bbs_txt {
		padding:20vw 0 14.13vw
	}
	.main .container .main_bbs .main_bbs_txt h3 {
		font-size:9.07vw;
		line-height:12vw;
		font-weigth:500
	}
	.main .container .main_bbs .main_bbs_txt p {
		font-size:4.27vw;
		line-height:6.4vw;
		margin:7.47vw 0 9.07vw
	}
}
.main .container .main_service {
	background-color:#fff;
	position:relative;
	width:100%;
	z-index:0
}
.main .container .main_service .main_service_in {
	align-content:center;
	align-items:center;
	background-color:#fff;
	display:flex;
	flex-wrap:wrap;
	height:100vh;
	justify-content:center;
	margin:0 auto;
	max-width:1640px;
	padding:0;
	position:relative;
	scroll-snap-align:start;
	width:100%;
	z-index:30
}
.main .container .main_service .main_service_in>ul {
	box-sizing:border-box;
	display:flex;
	flex-wrap:nowrap;
	gap:16px;
	height:485px;
	margin:94px 0 0;
	width:100%
}
.main .container .main_service .main_service_in>ul>li:first-of-type {
	background-image:url(/assets/user/kr/img/main/service_img01.jpg);
	box-sizing:border-box;
	color:#fff;
	flex:1;
	padding:50px 0 0 44px;
	position:relative
}
.main .container .main_service .main_service_in>ul>li:first-of-type>strong {
	font-size:32px;
	font-weight:600;
	letter-spacing:-.04em;
	line-height:46px
}
.main .container .main_service .main_service_in>ul>li:first-of-type>p {
	font-size:17px;
	font-weight:600;
	letter-spacing:-.05em;
	line-height:27px;
	margin:16px 0 0;
	opacity:.7
}
.main .container .main_service .main_service_in>ul>li:first-of-type .main_btn01 {
	bottom:54px;
	left:42px;
	position:absolute
}
.main .container .main_service .main_service_in>ul>li:nth-of-type(2) {
	width:824px
}
.main .container .main_service .main_service_in>ul>li {
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:20px
}
.main .container .main_service .main_service_in>ul>li>ul {
	display:flex;
	flex-wrap:wrap;
	gap:16px 16px;
	height:485px
}
.main .container .main_service .main_service_in>ul>li>ul>li {
	height:calc(50% - 8px);
	width:calc(50% - 8px)
}
.main .container .main_service .main_service_in>ul>li>ul>li>a {
	background-color:#f9f9fb;
	background-position:50% 50%;
	background-repeat:no-repeat;
	border-radius:20px;
	box-sizing:border-box;
	display:block;
	height:100%;
	padding:46px 0 0 32px;
	transition:all .2s ease;
	width:100%
}
.main .container .main_service .main_service_in>ul>li>ul>li>a>strong {
	color:#464953;
	font-size:25px;
	font-weight:600;
	letter-spacing:-.06em;
	line-height:34px;
	transition:all .2s ease
}
.main .container .main_service .main_service_in>ul>li>ul>li>a>p {
	color:#767983;
	font-size:17px;
	font-weight:500;
	letter-spacing:-.06em;
	line-height:25px;
	margin:12px 0 0
}
.main .container .main_service .main_service_in>ul>li>ul>li>a:hover {
	background-color:#e8f2df
}
.main .container .main_service .main_service_in>ul>li>ul>li>a:hover>strong {
	color:#22724a
}
.main .container .main_service .main_service_in>ul>li>ul>li:first-of-type a {
	background-image:url(/assets/user/kr/img/main/service_icon01.png);
	background-position:right 34px bottom 34px;
	background-size:82px auto
}
.main .container .main_service .main_service_in>ul>li>ul>li:nth-of-type(2) a {
	background-image:url(/assets/user/kr/img/main/service_icon02.png);
	background-position:right 45px bottom 34px;
	background-size:59px auto
}
.main .container .main_service .main_service_in>ul>li>ul>li:nth-of-type(3) a {
	background-image:url(/assets/user/kr/img/main/service_icon03.png);
	background-position:right 32px bottom 34px;
	background-size:88px auto
}
.main .container .main_service .main_service_in>ul>li>ul>li:nth-of-type(4) a {
	background-image:url(/assets/user/kr/img/main/service_icon04.png);
	background-position:right 40px bottom 33px;
	background-size:77px auto
}
@media screen and (max-width:1210px) {
	.main .container .main_service .main_service_in {
		align-content:flex-end;
		height:153.33vw;
		margin:0 auto;
		max-width:92vw;
		padding:0 0 11.67vw
	}
	.main .container .main_service .main_service_in>ul {
		flex-wrap:wrap;
		gap:2.17vw;
		height:auto;
		margin:5.83vw 0 0
	}
	.main .container .main_service .main_service_in>ul>li:first-of-type {
		border-radius:2.5vw;
		min-height:38.33vw;
		padding:4.67vw 0 0 4.5vw;
		width:100%
	}
	.main .container .main_service .main_service_in>ul>li:first-of-type>strong {
		font-size:3.5vw;
		letter-spacing:-.05em;
		line-height:4.83vw
	}
	.main .container .main_service .main_service_in>ul>li:first-of-type>p {
		font-size:2.33vw;
		font-weight:500;
		letter-spacing:-.04em;
		line-height:3.17vw;
		margin:2.33vw 0 0
	}
	.main .container .main_service .main_service_in>ul>li {
		flex:auto
	}
	.main .container .main_service .main_service_in>ul>li:nth-of-type(2) {
		width:100%
	}
	.main .container .main_service .main_service_in>ul>li>ul {
		gap:2.17vw;
		height:auto
	}
	.main .container .main_service .main_service_in>ul>li>ul li {
		height:28.17vw;
		width:calc(50% - 1.11vw)
	}
	.main .container .main_service .main_service_in>ul>li>ul li>a {
		background-position:right 5vw bottom 4.58vw!important;
		padding:3.33vw 0 0 4.33vw
	}
	.main .container .main_service .main_service_in>ul>li>ul li>a>p {
		font-size:2.33vw;
		line-height:3.17vw;
		margin:2.33vw 0 0
	}
	.main .container .main_service .main_service_in>ul>li>ul li>a>strong {
		display:block;
		font-size:3vw;
		font-weight:500;
		line-height:4.17vw
	}
	.main .container .main_service .main_service_in>ul>li>ul li>a {
		border-radius:2.5vw
	}
	.main .container .main_service .main_service_in>ul>li>ul li:first-of-type a {
		background-size:7.5vw auto
	}
	.main .container .main_service .main_service_in>ul>li>ul li:nth-of-type(2) a {
		background-size:5.75vw auto
	}
	.main .container .main_service .main_service_in>ul>li>ul li:nth-of-type(3) a {
		background-size:7.83vw auto
	}
	.main .container .main_service .main_service_in>ul>li>ul li:nth-of-type(4) a {
		background-size:6.5vw auto
	}
}
@media screen and (max-width:750px) {
	.main .container .main_service .main_service_in {
		height:225.33vw;
		max-width:90.4vw;
		padding:0 0 18.67vw
	}
	.main .container .main_service .main_service_in>ul {
		gap:3.47vw;
		margin:9.33vw 0 0
	}
	.main .container .main_service .main_service_in>ul>li:first-of-type {
		border-radius:4vw;
		min-height:61.33vw;
		padding:6.67vw 0 0 7.2vw;
		width:100%
	}
	.main .container .main_service .main_service_in>ul>li:first-of-type>strong {
		font-size:5.6vw;
		letter-spacing:-.05em;
		line-height:7.73vw
	}
	.main .container .main_service .main_service_in>ul>li:first-of-type>p {
		font-size:3.73vw;
		font-weight:500;
		letter-spacing:-.04em;
		line-height:5.07vw;
		margin:3.73vw 0 0
	}
	.main .container .main_service .main_service_in>ul>li:first-of-type .main_btn01 {
		bottom:7.2vw;
		left:7.47vw
	}
	.main .container .main_service .main_service_in>ul>li>ul {
		gap:1.33vw
	}
	.main .container .main_service .main_service_in>ul>li>ul li {
		height:45.07vw;
		width:calc(50% - .67vw)
	}
	.main .container .main_service .main_service_in>ul>li>ul li>a {
		background-position:right 5.07vw bottom 4.8vw!important;
		background-size:auto 8vw;
		border-radius:4vw;
		padding:6.13vw 5.33vw 0 4.27vw
	}
	.main .container .main_service .main_service_in>ul>li>ul li>a>strong {
		font-size:4.8vw;
		line-height:6.67vw
	}
	.main .container .main_service .main_service_in>ul>li>ul li>a>p {
		font-size:3.73vw;
		line-height:5.07vw;
		margin:2.4vw 0 0
	}
	.main .container .main_service .main_service_in>ul>li>ul li:first-of-type a {
		background-size:12vw auto
	}
	.main .container .main_service .main_service_in>ul>li>ul li:nth-of-type(2) a {
		background-size:9.2vw auto
	}
	.main .container .main_service .main_service_in>ul>li>ul li:nth-of-type(3) a {
		background-size:12.53vw auto
	}
	.main .container .main_service .main_service_in>ul>li>ul li:nth-of-type(4) a {
		background-size:10.4vw auto
	}
}
.main .container .main_best {
	align-content:center;
	align-items:center;
	background-color:#a8b2b1;
	background-image:url(/assets/user/kr/img/main/best_bg.jpg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-size:cover;
	display:flex;
	flex-wrap:wrap;
	height:100vh;
	justify-content:center;
	overflow:hidden;
	position:relative;
	transition:background-image 1s ease,background-color 1s ease;
	width:100%
}
.main .container .main_best .best_swiper_wrap {
	margin:0 auto;
	max-width:1640px;
	position:relative;
	z-index:20
}
.main .container .main_best .best_swiper_wrap .best_swiper {
    max-width: 92vw;
}
.main .container .main_best.main_box h3,.main .container .main_best.main_box p,.main .container .main_best.main_box>span {
	color:#fff
}
.main .container .main_best .swiper-wrapper {
	margin:58px 0 0
}
.main .container .main_best .swiper-slide {
	background-color:#f6f9f9;
	border-radius:20px;
	box-sizing:border-box;
	display:block;
	height:620px;
	margin:0 16px 0 0;
	padding:30px;
	position:relative;
	text-align:center;
	transition:all .2s ease;
	width:398px
}
.main .container .main_best .swiper-slide:hover {
	background-color:#e8f2df
}
.main .container .main_best .swiper-slide:hover strong {
	color:#22724a
}
.main .container .main_best .swiper-slide:last-of-type {
	margin-right:0
}
.main .container .main_best .swiper-slide .img_box {
	position:relative
}
.main .container .main_best .swiper-slide .img_box img {
	border-radius:12px;
	height:338px;
	object-fit:cover;
	width:100%
}
.main .container .main_best .swiper-slide .img_box img.hover_img {
	left:0;
	opacity:0;
	position:absolute;
	top:0;
	transition:all .2s ease;
	visibility:hidden
}
.main .container .main_best .swiper-slide .img_box img.hover_img.active {
	opacity:1;
	visibility:visible
}
.main .container .main_best .swiper-slide strong {
	color:#464953;
	display:block;
	font-size:30px;
	font-weight:600;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.main .container .main_best .swiper-slide p {
	color:#9fa0a0;
	font-size:18px;
	letter-spacing:-.02em;
	line-height:28px;
	margin:12px 0 0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.main .container .main_best .swiper-slide ul {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	gap:3px;
	justify-content:center;
	margin:24px 0;
	min-height:38px
}
.main .container .main_best .swiper-slide ul li {
	background-color:#fff;
	border:1px solid #dadade;
	border-radius:20px;
	color:#22724a;
	font-size:15px;
	font-weight:600;
	letter-spacing:-.02em;
	padding:11px 12px
}
.main .container .main_best .swiper-slide .main_btn02 {
	bottom:0;
	bottom:36px;
	left:50%;
	line-height:12px;
	padding:18px 67px 18px 42px;
	position:absolute;
	transform:translate(-50%)
}
.main .container .main_best .swiper-slide .main_btn02 i {
	right:44px
}
.main .container .main_best .swiper_button_wrap .swiper-button-next,.main .container .main_best .swiper_button_wrap .swiper-button-prev {
	background-image:url(/assets/user/kr/img/main/slide_arrow_icon01.png)
}
.main .container .main_best .swiper_button_wrap .swiper-play-pause-btn {
	background-image:url(/assets/user/kr/img/main/slide_pause_icon01.png)
}
.main .container .main_best .swiper_button_wrap .swiper-play-pause-btn.play {
	background-image:url(/assets/user/kr/img/main/slide_play_icon01.png)
}
.main .container .main_best .swiper_button_wrap .swiper-pagination-custom span {
	color:#fff
}
.main .container .main_best .swiper_button_wrap .swiper-progress {
	background-color:hsla(0,0%,100%,.5);
	transform:translateY(-50%)
}
.main .container .main_best .swiper_button_wrap .swiper-progress .progress {
	background-color:#fff
}
.main .container .main_best:before {
	background-color:#050814;
	content:"";
	height:100%;
	left:0;
	opacity:0;
	position:absolute;
	top:0;
	transition:all .4s ease;
	visibility:hidden;
	width:100%;
	z-index:20
}
.main .container .main_best.bg_change:after,.main .container .main_best.bg_change:before {
	opacity:1;
	visibility:visible
}
@media screen and (max-width:1210px) {
	.main .container .main_best {
		border-radius:0;
		height:136.67vw
	}
	.main .container .main_best .best_swiper_wrap {
		max-width:92vw
	}
	.main .container .main_best .swiper_button_wrap {
		margin:5.33vw 0 8.17vw
	}
	.main .container .main_best .swiper-slide {
		border-radius:3vw;
		box-sizing:border-box;
		height:78.17vw;
		margin-right:2.42vw;
		padding:2.5vw;
		position:relative;
		width:44.67vw
	}
	.main .container .main_best .swiper-slide ul {
		gap:.58vw;
		margin:3.17vw 0;
		min-height:5.33vw
	}
	.main .container .main_best .swiper-slide ul li {
		border-radius:2.5vw;
		font-size:2.17vw;
		font-weight:600;
		padding:1.5vw 1vw
	}
	.main .container .main_best .swiper-slide strong {
		font-size:4.67vw;
		font-weight:600;
		line-hiehgt:5.83vw;
		letter-spacing:-.05em
	}
	.main .container .main_best .swiper-slide p {
		font-size:2.33vw;
		line-height:3.33vw;
		margin:2.5vw 0 0
	}
	.main .container .main_best .swiper-slide .main_btn02 {
		bottom:5vw;
		line-height:1;
		padding:2.33vw 8.33vw 2.33vw 4.58vw
	}
	.main .container .main_best .swiper-slide .main_btn02 i {
		right:4.17vw
	}
	.main .container .main_best .swiper-slide .img_box img {
		border-radius:2vw;
		height:39.67vw
	}
	.main .container .main_best .swiper_button_wrap {
		top:6.67vw
	}
}
@media screen and (max-width:750px) {
	.main .container .main_best {
		height:217.87vw
	}
	.main .container .main_best .best_swiper_wrap {
		max-width:76vw
	}
	.main .container .main_best .swiper {
		overflow:unset
	}
	.main .container .main_best .swiper-slide {
		border-radius:4.8vw;
		height:128.67vw;
		margin:0 3.73vw 0 0;
		padding:4vw;
		width:76vw
	}
	.main .container .main_best .swiper-slide ul {
		gap:.93vw;
		margin:5.07vw 0;
		min-height:8.53vw
	}
	.main .container .main_best .swiper-slide ul li {
		border-radius:4vw;
		font-size:3.47vw;
		padding:2.4vw 2.67vw
	}
	.main .container .main_best .swiper-slide strong {
		font-size:7.47vw;
		font-weight:600;
		line-hiehgt:9.33vw
	}
	.main .container .main_best .swiper-slide p {
		font-size:3.73vw;
		line-height:5.33vw;
		margin:3.2vw 0 0
	}
	.main .container .main_best .swiper-slide .main_btn02 {
		bottom:8vw;
		padding:3.73vw 15.87vw 3.73vw 7.33vw
	}
	.main .container .main_best .swiper-slide .main_btn02 i {
		right:7.73vw
	}
	.main .container .main_best .swiper-slide .img_box img {
		border-radius:3.2vw;
		height:66vw
	}
	.main .container .main_best .swiper_button_wrap {
		margin:10.67vw 0 12.8vw
	}
}
.main .container .main_global {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	height:100vh;
	justify-content:center;
	position:relative;
	width:100%;
	z-index:auto
}
.main .container .main_global .main_global_txt {
	color:#fff;
	margin:0 auto;
	max-width:1640px;
	width:100%
}
.main .container .main_global .main_global_txt h3 {
	font-size:58px;
	font-weight:500;
	letter-spacing:-.06em;
	line-height:76px;
	margin:0 0 50px
}
.main .container .main_global .main_global_txt p {
	font-size:27px;
	font-weight:500;
	letter-spacing:-.04em;
	line-height:40px;
	opacity:.8
}
.main .container .main_global .main_global_txt ul li {
	align-items:center;
	background-position:0 50%;
	background-repeat:no-repeat;
	background-size:54px;
	border-bottom:1px solid hsla(0,0%,100%,.15);
	display:flex;
	flex-wrap:nowrap;
	height:180px;
	justify-content:space-between;
	width:640px
}
/* .main .container .main_global .main_global_txt ul li:first-of-type {
	background-image:url(/assets/user/kr/img/main/global_ic01.png)
}
.main .container .main_global .main_global_txt ul li:nth-of-type(2) {
	background-image:url(/assets/user/kr/img/main/global_ic02.png)
}
.main .container .main_global .main_global_txt ul li:nth-of-type(3) {
	background-image:url(/assets/user/kr/img/main/global_ic03.png);
	border-bottom:0
} */
 
.main .container .main_global .main_global_txt ul li:first-of-type {
	background-image:url(/assets/user/kr/img/main/global_ic02.png)
}
.main .container .main_global .main_global_txt ul li:nth-of-type(2) {
	background-image:url(/assets/user/kr/img/main/global_ic03.png)
}
.main .container .main_global .main_global_txt ul li strong {
	color:#a8d3ee;
	font-size:22px;
	font-weight:500;
	letter-spacing:-.04em;
	padding:0 0 0 86px
}
.main .container .main_global .main_global_txt ul li span {
	font-size:36px;
	font-weight:700
}
.main .container .main_global .main_global_txt ul li em {
	font-size:60px;
	font-weight:600
}
.main .container .main_global .video_wrap video {
	height:100%;
	left:0;
	object-fit:cover;
	position:absolute;
	top:0;
	width:100%;
	z-index:-1
}
@media screen and (max-width:1210px) {
	.main .container .main_global {
		height:128.33vw
	}
	.main .container .main_global .main_global_txt {
		max-width:92vw;
		text-align:center
	}
	.main .container .main_global .main_global_txt h3 {
		font-size:5.67vw;
		line-height:7.5vw;
		margin:0 0 4vw
	}
	.main .container .main_global .main_global_txt p {
		font-size:2.67vw;
		line-height:4vw;
		margin:0 0 8.33vw
	}
	.main .container .main_global .main_global_txt ul {
		align-items:center;
		display:flex;
		flex-wrap:wrap;
		justify-content:center
	}
	.main .container .main_global .main_global_txt ul li {
		background-size:5.5vw auto;
		height:19.67vw;
		width:56.67vw
	}
	.main .container .main_global .main_global_txt ul li strong {
		font-size:2.67vw;
		padding:0 0 0 6.67vw
	}
	.main .container .main_global .main_global_txt ul li span {
		font-size:3.83vw
	}
	.main .container .main_global .main_global_txt ul li span em {
		font-size:6.67vw
	}
	.main .container .main_global video {
		bottom:0;
		top:auto
	}
}
@media screen and (max-width:750px) {
	.main .container .main_global {
		height:205.33vw
	}
	.main .container .main_global .main_global_txt {
		max-width:90.4vw
	}
	.main .container .main_global .main_global_txt h3 {
		font-size:9.07vw;
		line-height:12vw;
		margin:0 0 6.4vw
	}
	.main .container .main_global .main_global_txt p {
		font-size:4.27vw;
		line-height:6.4vw;
		margin:0 0 13.33vw
	}
	.main .container .main_global .main_global_txt ul li {
		background-size:8.8vw auto;
		height:31.47vw;
		width:90.67vw
	}
	.main .container .main_global .main_global_txt ul li strong {
		font-size:4.27vw;
		padding:0 0 0 10.67vw
	}
	.main .container .main_global .main_global_txt ul li span {
		font-size:6.13vw
	}
	.main .container .main_global .main_global_txt ul li span em {
		font-size:10.67vw
	}
}
.main .container .main_how_to_use {
	background-color:#fff;
	padding:76px 0 102px;
	text-align:center;
	transition:all .6s ease;
    margin-bottom: -1px;
}
.main .container .main_how_to_use h3 {
	margin:0
}
.main .container .main_how_to_use .main_btn01 {
	background-color:#e7ece9;
	margin:50px auto 0
}
.main .container .main_how_to_use .how_to_use_swiper {
	position:relative;
	width:100%
}
.main .container .main_how_to_use .how_to_use_swiper .swiper_button_wrap {
	margin:36px 0 40px
}
/* 230630 추가(s) */
.main .container .main_how_to_use .how_to_use_swiper .swiper_button_wrap.hidden .swiper_button {
    display: none
}
/* 230630 추가(e) */
.main .container .main_how_to_use .how_to_use_swiper .swiper-slide {
	height:540px;
	margin-right:16px;
	width:788px
}
.main .container .main_how_to_use .how_to_use_swiper .swiper-slide:last-of-type {
	margin-right:0
}
.main .container .main_how_to_use .how_to_use_swiper .swiper-slide a {
	background-color:#f5f5f5;
	border-radius:20px;
	box-sizing:border-box;
	display:inline-block;
	height:100%;
	padding:16px 16px 36px;
	transition:background-color .2s ease;
	width:100%
}
.main .container .main_how_to_use .how_to_use_swiper .swiper-slide a:hover {
	background-color:#e8f2df
}
.main .container .main_how_to_use .how_to_use_swiper .swiper-slide a:hover p {
	color:#22724a
}
.main .container .main_how_to_use .how_to_use_swiper .swiper-slide a p {
	color:#767983;
	font-size:24px;
	font-weight:600;
	letter-spacing:-.05em;
	line-height:40px;
	margin:26px 0 0;
	overflow:hidden;
	text-overflow:ellipsis;
	transition:color .2s ease;
	white-space:nowrap
}
.main .container .main_how_to_use .how_to_use_swiper .swiper-slide a .img {
	border-radius:12px;
	height:434px;
	overflow:hidden
}
.main .container .main_how_to_use .how_to_use_swiper .swiper-slide a .img img {
	display:inline-block;
	height:100%;
	object-fit:cover;
	position:relative;
	width:100%
}
@media screen and (max-width:1210px) {
	.main .container .main_how_to_use {
		min-height:83.33vw;
		padding:0
	}
	.main .container .main_how_to_use h3 {
		margin:0
	}
	.main .container .main_how_to_use .main_btn01 {
		margin:5.83vw auto 0
	}
	.main .container .main_how_to_use .how_to_use_swiper .swiper-slide {
		height:41vw;
		margin-right:2vw;
		width:47.5vw
	}
	.main .container .main_how_to_use .how_to_use_swiper .swiper-slide>a {
		border-radius:2.5vw;
		padding:2.17vw
	}
	.main .container .main_how_to_use .how_to_use_swiper .swiper-slide>a .img {
		border-radius:1.67vw;
		height:28.67vw;
		width:43.17vw
	}
	.main .container .main_how_to_use .how_to_use_swiper .swiper-slide>a>p {
		color:#464953;
		font-size:2.5vw;
		line-height:10.33vw;
		margin:0
	}
	.main .container .main_how_to_use .how_to_use_swiper .swiper_button_wrap {
		margin:5vw 0 5.5vw
	}
}
@media screen and (max-width:1210px)and (max-width:750px) {
	.main .container .main_how_to_use {
		min-height:133.33vw
	}
	.main .container .main_how_to_use h3 {
		padding:16vw 0 0
	}
	.main .container .main_how_to_use .main_btn01 {
		margin:8vw auto 0
	}
	.main .container .main_how_to_use .how_to_use_swiper .swiper-slide {
		height:65.6vw;
		margin-right:3.2vw;
		width:76vw
	}
	.main .container .main_how_to_use .how_to_use_swiper .swiper-slide>a {
		border-radius:4vw;
		padding:3.47vw
	}
	.main .container .main_how_to_use .how_to_use_swiper .swiper-slide>a .img {
		border-radius:2.67vw;
		height:45.87vw;
		width:69.07vw
	}
	.main .container .main_how_to_use .how_to_use_swiper .swiper-slide>a>p {
		font-size:4vw;
		line-height:16.53vw
	}
	.main .container .main_how_to_use .how_to_use_swiper .swiper_button_wrap {
		margin:10.13vw 0 11.2vw
	}
}
.main .container .main_sns {
	align-content:center;
	align-items:center;
	background-color:#fff;
	display:flex;
	flex-wrap:wrap;
	height:100vh;
	justify-content:center;
	padding:0;
	width:100%;
    margin-bottom: -1px;
}
.main .container .main_sns .main_sns_follow {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	gap:9px;
	justify-content:center;
	margin:74px 0 0;
	width:100%
}
.main .container .main_sns .main_sns_follow>span {
	color:#464953
}
.main .container .main_sns .main_sns_follow a.main_btn01 {
	background-color:#e7ece9;
	font-size:16px;
	gap:10px;
	margin-left:3px;
	padding:10px 15px
}
.main .container .main_sns .sns_swiper {
    margin:50px 0 0;
    width:100%
}
.main .container .main_sns .sns_swiper .swiper-wrapper {
    transition-timing-function:linear
}
.main .container .main_sns .sns_swiper .swiper-slide {
    height:398px;
    margin-right:16px;
    width:398px
}
.main .container .main_sns .sns_swiper .swiper-slide:last-of-type {
    margin-right:0
}
.main .container .main_sns .sns_swiper .swiper-slide a {
    border-radius:20px;
    display:block;
    height:100%;
    overflow:hidden;
    position:relative;
    width:100%
}
.main .container .main_sns .sns_swiper .swiper-slide a img {
    object-fit:cover;
    width:100%
}
.main .container .main_sns .sns_swiper .swiper-slide a.multiple_img:before {
    background-image:url(/assets/user/kr/img/main/insta_multi_photo.png);
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:cover;
    content:"";
    height:31px;
    position:absolute;
    right:21px;
    top:22px;
    width:31px
}
.main .container .main_sns .sns_swiper .swiper-slide a p {
    align-items:center;
    background-color:rgba(0,0,0,.5);
    color:#fff;
    display:flex;
    flex-wrap:nowrap;
    font-size:22px;
    height:100%;
    justify-content:center;
    left:0;
    letter-spacing:-.06em;
    line-height:1.5em;
    opacity:0;
    position:absolute;
    top:0;
    transition:all .5s ease;
    visibility:hidden;
    width:100%
}
.main .container .main_sns .sns_swiper .swiper-slide a:hover p {
    opacity:1;
    visibility:visible
}
.main .container .main_sns .sns_swiper2 {
    display:none
}
@media screen and (max-width:1210px) {
    .main .container .main_sns {
        height:118.33vw
    }
    .main .container .main_sns>h3 {
        margin:0
    }
    .main .container .main_sns .main_sns_follow {
        gap:0;
        margin:7.5vw 0 3.67vw
    }
    .main .container .main_sns .main_sns_follow img {
        height:5.5vw;
        width:5.5vw
    }
    .main .container .main_sns .main_sns_follow>span {
        margin:0 2.33vw 0 1vw
    }
    .main .container .main_sns .main_sns_follow a.main_btn01 {
        box-sizing:border-box;
        padding:1.5vw 2vw
    }
    .main .container .main_sns .main_sns_follow a.main_btn01 span {
        font-size:2.17vw
    }
    .main .container .main_sns .main_sns_follow a.main_btn01 i {
        height:1.83vw;
        right:1.67vw;
        width:1.83vw
    }
    .main .container .main_sns .main_sns_follow a.main_btn01 i:before {
        height:1.83vw;
        width:1.83vw
    }
    .main .container .main_sns .sns_swiper .swiper-slide {
        height:32.67vw;
        margin:0 2vw 0 0;
        width:32.67vw
    }
    .main .container .main_sns .sns_swiper .swiper-slide a.multiple_img:before {
        height:3.75vw;
        right:2.17vw;
        top:2.17vw;
        width:3.75vw
    }
    .main .container .main_sns .sns_swiper .swiper-slide a p {
        font-size:2vw
    }
    .main .container .main_sns .sns_swiper .swiper-slide a {
        border-radius:2.5vw
    }
    .main .container .main_sns .sns_swiper a p,.main .container .main_sns .sns_swiper1 {
        display:none
    }
    .main .container .main_sns .sns_swiper2 {
        display:block
    }
    .main .container .main_sns .sns_swiper2 .sns_swiper_mo2 {
        margin:2vw 0 0
    }
}
@media screen and (max-width:750px) {
    .main .container .main_sns {
        height:189.33vw
    }
    .main .container .main_sns>h3 {
        margin:10.67vw 0 0
    }
    .main .container .main_sns .main_sns_follow {
        gap:0;
        margin:12vw 0 5.87vw
    }
    .main .container .main_sns .main_sns_follow img {
        height:8.8vw;
        width:8.8vw
    }
    .main .container .main_sns .main_sns_follow>span {
        margin:0 3.73vw 0 1.6vw
    }
    .main .container .main_sns .main_sns_follow a.main_btn01 {
        padding:2.4vw 3.2vw
    }
    .main .container .main_sns .main_sns_follow a.main_btn01 span {
        font-size:3.47vw
    }
    .main .container .main_sns .main_sns_follow a.main_btn01 i {
        height:2.93vw;
        right:2.67vw;
        width:2.93vw
    }
    .main .container .main_sns .main_sns_follow a.main_btn01 i:before {
        height:2.93vw;
        width:2.93vw
    }
    .main .container .main_sns .sns_swiper .swiper-slide {
        height:52.27vw;
        margin:0 3.2vw 0 0;
        width:52.27vw
    }
    .main .container .main_sns .sns_swiper .swiper-slide a.multiple_img:before {
        content:"";
        height:6vw;
        right:3.47vw;
        top:3.47vw;
        width:6vw
    }
    .main .container .main_sns .sns_swiper .swiper-slide a p {
        font-size:3.2vw
    }
    .main .container .main_sns .sns_swiper .swiper-slide a {
        border-radius:4vw
    }
    .main .container .main_sns .sns_swiper2 .sns_swiper_mo2 {
        margin:3.2vw 0 0
    }
}
.main .container .banner_zone_wrap {
	align-items:center;
	background-color:#fff;
	display:flex;
	/* height:178px; */
	overflow:hidden;
	position:relative;
	width:100%
}
.main .container .banner_zone_wrap .banner_zone_swiper {
	width:100%;
    background-color: #fff;
}
.main .container .banner_zone_wrap .swiper-wrapper {
	transition-timing-function:linear
}
.main .container .banner_zone_wrap .swiper-slide {
	align-content:center;
	height:130px;
	height:auto;
	margin-right:40px;
	width:170px
}
.main .container .banner_zone_wrap .swiper-slide:last-of-type {
	margin-right:0
}
.main .container .banner_zone_wrap img {
	max-width:100%
}
@media screen and (max-width:1210px) {
	.main .container .banner_zone_wrap {
		/* height:13.42vw */
	}
	.main .container .banner_zone_wrap .swiper-slide {
		margin-right:1.67vw;
		width:13.33vw
	}
}
@media screen and (max-width:750px) {
	.main .container .banner_zone_wrap {
		/* height:21.47vw */
	}
	.main .container .banner_zone_wrap .swiper-slide {
		margin-right:2.67vw;
		width:21.33vw
	}
}
.main .container .swiper_button_wrap {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	height:fit-content;
	justify-content:center;
	margin-top:40px;
	width:100%;
	z-index:10
}
.main .container .swiper_button_wrap .swiper_button {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	height:30px;
	justify-content:center;
	position:relative;
	width:244px
}
.main .container .swiper_button_wrap .swiper-pagination-custom {
	bottom:auto;
	position:relative;
	top:auto
}
.main .container .swiper_button_wrap .swiper-pagination-custom span {
	color:#9699a3;
	font-size:17px;
	font-weight:600;
	position:absolute
}
.main .container .swiper_button_wrap .swiper-pagination-custom span.swiper-pagination-current {
	left:0;
	top:50%;
	transform:translateY(-50%)
}
.main .container .swiper_button_wrap .swiper-pagination-custom span.swiper-pagination-total {
	right:62px;
	top:50%;
	transform:translateY(-50%)
}
.main .container .swiper_button_wrap .swiper-button-prev {
	background-image:url(/assets/user/kr/img/main/slide_arrow_icon02.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	height:18px;
	left:auto;
	margin:0;
	right:32px;
	top:auto;
	width:11px
}
.main .container .swiper_button_wrap .swiper-button-prev:after {
	display:none
}
.main .container .swiper_button_wrap .swiper-button-next {
	background-image:url(/assets/user/kr/img/main/slide_arrow_icon02.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	height:18px;
	left:auto;
	margin:0;
	right:0;
	top:auto;
	transform:rotate(-180deg);
	width:11px
}
.main .container .swiper_button_wrap .swiper-button-next:after {
	display:none
}
.main .container .swiper_button_wrap .swiper-progress {
	background-color:#eaebed;
	height:3px;
	left:36px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:110px;
	z-index:10
}
.main .container .swiper_button_wrap .swiper-progress .progress {
	animation-iteration-count:1;
	animation-name:progress;
	animation-timing-function:linear;
	background-color:#9699a3;
	height:100%;
	width:0
}
@keyframes progress {
	0% {
		width:0
	}
	to {
		width:100%
	}
}
.main .container .swiper_button_wrap .play-icon {
	display:none
}
@media screen and (max-width:1210px) {
	.main .container .swiper_button_wrap .swiper_button {
		width:28.67vw
	}
	.main .container .swiper_button_wrap .swiper-pagination-custom span {
		font-size:2.17vw;
		font-weight:600
	}
	.main .container .swiper_button_wrap .swiper-pagination-custom span.swiper-pagination-total {
		right:8.83vw
	}
	.main .container .swiper_button_wrap .swiper-progress {
		height:.5vw;
		left:4.5vw;
		width:10.83vw
	}
	.main .container .swiper_button_wrap .swiper-button-prev {
		right:4.33vw;
		width:4.33vw
	}
	.main .container .swiper_button_wrap .swiper-button-next,.main .container .swiper_button_wrap .swiper-button-prev {
		height:2.17vw;
		width:1.33vw
	}
}
@media screen and (max-width:750px) {
	.main .container .swiper_button_wrap .swiper_button {
		width:45.87vw
	}
	.main .container .swiper_button_wrap .swiper-pagination-custom span {
		font-size:3.47vw
	}
	.main .container .swiper_button_wrap .swiper-pagination-custom span.swiper-pagination-total {
		right:14.13vw
	}
	.main .container .swiper_button_wrap .swiper-progress {
		height:.8vw;
		left:7.2vw;
		width:17.33vw
	}
	.main .container .swiper_button_wrap .swiper-button-prev {
		right:6.93vw;
		width:6.93vw
	}
	.main .container .swiper_button_wrap .swiper-button-next,.main .container .swiper_button_wrap .swiper-button-prev {
		height:3.47vw;
		width:2.13vw
	}
}
.main .container .pin-spacer,header.sub {
	background-color:#fff
}
header.sub h1 a {
	background-image:url(/assets/user/kr/img/common/logo_green.png);
    background-size: contain;
}
header.sub .top_nav li .search {
	background-image:url(/assets/user/kr/img/common/search_icon_black.png)
}
header.sub .top_nav li .language {
	background-image:url(/assets/user/kr/img/common/language_icon_black.png)
}
header.sub #gnb ul li a {
	color:#464953
}
@media screen and (max-width:1210px) {
	header.sub .top_nav li button.btn_menu_mo {
		background-image:url(/assets/user/kr/img/common/btn_menu_mo_black.png)!important
	}
}
.sub .sidebar_wrap {
	border-bottom:1px solid #d6dbe1;
	position:relative;
	width:100%
}
.sub .sidebar_wrap .sidebar {
    display: flex;
    justify-content: center;
}
.sub .sidebar_wrap .sidebar .sidebar_in {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	gap:50px;
	/* justify-content:center; */
	overflow:auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
}
.sub .sidebar_wrap .sidebar .sidebar_in::-webkit-scrollbar{
    display: none;
}
.sub .sidebar_wrap .sidebar .sidebar_in li {
    display: flex;
    align-items: center;
    justify-content: center;
	height:100%;
    height:90px;
    min-width:118px;
    padding:0 24px;
    box-sizing: border-box;
    flex: none;
}
.sub .sidebar_wrap .sidebar .sidebar_in li a {
	box-sizing:border-box;
	display:block;
	/* line-height:90px; */
	text-align:center;
    user-select: none;
    -webkit-user-drag: none; /* Safari */
    -webkit-user-select: none;
}
.sub .sidebar_wrap .sidebar .sidebar_in li a em {
	color:#767983;
	display:block;
	font-size:20px;
	/* height:90px;
	height:100%; */
	letter-spacing:-.04em;
	/* margin:0 auto;
	width:fit-content; */
    white-space: nowrap;
}
.sub .sidebar_wrap .sidebar .sidebar_in li.active a {
	position:relative
}
.sub .sidebar_wrap .sidebar .sidebar_in li.active a em {
	color:#22724a;
	font-size:21px;
	font-weight:600
}
.sub .sidebar_wrap .sidebar .sidebar_in li.active a em:before {
	background-color:#22724a;
	bottom:-1px;
	content:"";
	height:4px;
	left:0;
	position:absolute;
	width:100%
}
@media screen and (max-width:1210px) {
	.sub .sidebar_wrap {
		border-bottom:.08vw solid #d6dbe1
	}
	.sub .sidebar_wrap .sidebar .sidebar_in {
		gap:.83vw
	}
    .sub .sidebar_wrap .sidebar .sidebar_in li {
        height:10vw;
        line-height:10vw;
        padding:0 2.92vw;
        min-width:15vw;
        box-sizing:border-box;
    }
	.sub .sidebar_wrap .sidebar .sidebar_in li a {
    }
	.sub .sidebar_wrap .sidebar .sidebar_in li a em {
        font-size:2.5vw;
		font-weight:600;
        /* height:10vw */
	}
	.sub .sidebar_wrap .sidebar .sidebar_in li.active a em {
		font-size:2.5vw;
		font-weight:700
	}
	.sub .sidebar_wrap .sidebar .sidebar_in li.active a em:before {
		bottom:0;
		height:.5vw
	}
}
@media screen and (max-width:750px) {
	.sub .sidebar_wrap {
		border-bottom:.13vw solid #d6dbe1;
		position:relative
	}
	.sub .sidebar_wrap .sidebar .sidebar_in {
		gap:1.87vw
	}
	.sub .sidebar_wrap .sidebar .sidebar_in::-webkit-scrollbar {
		display:none
	}
	.sub .sidebar_wrap .sidebar .sidebar_in li {
        height:16.27vw;
        line-height:16.27vw;
        min-width:24vw;
        padding:0 2.67vw;
        height:16.27vw;
        text-align:center
    }
	.sub .sidebar_wrap .sidebar .sidebar_in li a {
	}
	.sub .sidebar_wrap .sidebar .sidebar_in li a em {
		font-size:4vw;
	}
	.sub .sidebar_wrap .sidebar .sidebar_in li.active a em {
		font-size:4vw;
		position:relative
	}
	.sub .sidebar_wrap .sidebar .sidebar_in li.active a em:before {
		bottom:0;
		height:.8vw
	}
	.sub .sidebar_wrap .sidebar .sidebar_in.wide {
		justify-content:flex-start;
		overflow-x:auto;
		padding:0 11.07vw;
		user-select:none
	}
	.sub .sidebar_wrap .sidebar .sidebar_in.wide:before {
		background-color:#fff;
		background-image:url(/assets/user/kr/img/sub/sidebar_arrow.png);
		background-position:0 50%;
		background-repeat:no-repeat;
		background-size:auto 3.47vw;
		content:"";
		height:8vw;
		position:absolute;
		right:0;
		top:calc(50% - .13vw);
		transform:translateY(-50%);
		width:6.93vw
	}
}
.sub .location {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	justify-content:flex-start;
	padding:30px 0 120px
}
.sub .location a,.sub .location span {
	color:#9fa0a0;
	font-size:16px
}
.sub .location span {
	padding-left:20px;
	position:relative
}
.sub .location span:before {
	background-image:url(/assets/user/kr/img/common/sbj_loc_bul.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	content:"";
	height:9px;
	left:7px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:5px
}
.sub .location span:first-of-type {
	padding-left:0
}
.sub .location span:first-of-type a {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	gap:9px;
	justify-content:flex-start
}
.sub .location span:first-of-type:before {
	display:none
}
@media screen and (max-width:1210px) {
	.sub .location {
		height:10vw;
		padding:0
	}
	.sub .location a,.sub .location span {
		display:none
	}
}
@media screen and (max-width:750px) {
	.sub .location {
		height:16vw
	}
	.sub .location a,.sub .location span {
		display:none
	}
}
.sub .container {
	min-height:calc(100vh - 252px);
	padding-bottom:180px;
	padding-top:88px
}
@media(min-width:1201px)and (max-width:1680px) {
	.sub .container .default_size {
		padding-left:20px!important;
		padding-right:20px!important
	}
}
@media screen and (max-width:1210px) {
	.sub .container {
		padding-bottom:20vw;
		padding-top:11.08vw
	}
}
@media screen and (max-width:750px) {
	.sub .container {
		min-height:calc(100vh - 183.07vw);
		padding-bottom:32vw;
		padding-top:17.73vw
	}
}
.sub .container .default_size {
	box-sizing:border-box;
	margin:0 auto;
	max-width:1500px;
	width:100%
}
@media screen and (max-width:1210px) {
	.sub .container .default_size {
		max-width:92.67vw
	}
}
@media screen and (max-width:750px) {
	.sub .container .default_size {
		max-width:90.4vw
	}
}
.sub .container .full_size {
	width:100%
}
.sub .container .btn_more {
	align-items:center;
	background-color:#e7ece9;
	border-radius:30px;
	color:#22724a;
	display:flex;
	flex-wrap:nowrap;
	font-size:16px;
	font-weight:600;
	gap:16px;
	height:60px;
	justify-content:center;
	letter-spacing:-.02em;
	line-height:60px;
	line-height:28px;
	width:280px!important
}
@media screen and (max-width:1210px) {
	.sub .container .btn_more {
		border-radius:4vw;
		font-size:2.17vw;
		font-weight:600;
		gap:1.75vw;
		height:8vw;
		line-height:8vw;
		width:26.5vw!important
	}
}
@media screen and (max-width:750px) {
	.sub .container .btn_more {
		border-radius:7.73vw;
		font-size:4vw;
		font-weight:700;
		gap:1.6vw;
		height:15.47vw;
		line-height:15.47vw;
		width:100%!important
	}
}
.sub .container .check_st01 {
	align-items:center;
	display:inline-flex;
	gap:8px
}
.sub .container .check_st01 label {
	color:#767983;
	font-size:15px
}
.sub .container .check_st01 label img {
	height:22px;
	width:22px
}
.sub .container .check_st01 input[type=checkbox] {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background-color:#fff;
	border:1px solid #dadade;
	border-radius:4px;
	cursor:pointer;
	height:22px;
	outline:none;
	width:22px
}
.sub .container .check_st01 input[type=checkbox]:checked {
	background-color:#22724a;
	position:relative
}
.sub .container .check_st01 input[type=checkbox]:checked:before {
	background-image:url(/assets/user/kr/img/common/check_box_icon.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	content:"";
	height:10px;
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%,-50%);
	width:12px
}
.sub .container .check_st01 .custom_check {
	align-items:center;
	cursor:pointer;
	display:inline-flex;
	gap:8px;
	position:relative
}
.sub .container .check_st01 .custom_check img.on,.sub .container .check_st01 input[type=checkbox]:checked+.custom_check img.off {
	display:none
}
.sub .container .check_st01 input[type=checkbox]:checked+.custom_check img.on {
	display:inline
}
.sub .container .check_st01.multi {
	flex-wrap:wrap;
	gap:4px 0;
	margin:0!important
}
.sub .container .check_st01.multi label {
	margin:0 12px 0 4px
}
@media screen and (max-width:1210px) {
	.sub .container .check_st01 label {
		flex:none;
		font-size:2.33vw;
		gap:1.33vw!important
	}
	.sub .container .check_st01 label img {
		height:3.83vw;
		width:3.83vw
	}
	.sub .container .check_st01 input[type=checkbox] {
		height:3.83vw;
		width:3.83vw;
		-border:.08vw solid #dadade;
		border-radius:.67vw
	}
	.sub .container .check_st01 input[type=checkbox]:checked:before {
		height:1.08vw;
		width:1.67vw
	}
}
@media screen and (max-width:750px) {
	.sub .container .check_st01 label {
		font-size:3.73vw;
		gap:2.13vw!important
	}
	.sub .container .check_st01 label img {
		height:6.13vw;
		width:6.13vw
	}
	.sub .container .check_st01 input[type=checkbox] {
		border:.13vw solid #dadade;
		border-radius:1.07vw;
		height:6.13vw;
		width:6.13vw
	}
	.sub .container .check_st01 input[type=checkbox]:checked:before {
		height:1.73vw;
		width:4vw
	}
}
.sub .container .btn_st01 {
	align-items:center;
	background-color:#fff;
	border-radius:30px;
	box-sizing:border-box;
	color:#22724a!important;
	display:inline-block;
	display:flex;
	flex-wrap:nowrap;
	font-size:17px;
	font-weight:600;
	gap:17px;
	justify-content:center;
	letter-spacing:-.02em;
	overflow:hidden;
	padding:21.5px 28px 21.5px 29px;
	position:relative;
	width:max-content
}
.sub .container .btn_st01.secondary01 {
	background-color:#e7ece9
}
.sub .container .btn_st01.secondary01 span {
	color:#22724a
}
.sub .container .btn_st01.secondary01 i:after {
	border-radius:.83vw;
	content:"";
	height:1.17vw;
	position:absolute;
	right:3.33vw;
	width:2.5vw
}
.sub .container .btn_st01:disabled {
	opacity:.55;
	pointer-events:none
}
.sub .container .btn_st01.delete_icon i {
	height:12px;
	width:13px
}
.sub .container .btn_st01.delete_icon i:before {
	background-image:url(/assets/user/kr/img/sub/delete_icon.png);
	height:12px;
	width:13px
}
.sub .container .btn_st01.delete_icon:hover i:before {
	background-image:url(/assets/user/kr/img/sub/delete_icon_white.png)
}
.sub .container .btn_st01 i {
	flex:none;
	height:14px;
	overflow:hidden;
	width:14px;
	z-index:30
}
.sub .container .btn_st01 i:before {
	background-image:url(/assets/user/kr/img/main/main_button_arrow_icon01.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	content:"";
	display:block;
	height:14px;
	transition:all .3s ease;
	width:14px
}
.sub .container .btn_st01:hover i:before {
	animation:iconRightMove .4s;
	background-image:url(/assets/user/kr/img/main/main_button_arrow_icon02.png)
}
.sub .container .btn_st01 span {
	position:relative;
	transition:color .6s ease;
	z-index:20
}
.sub .container .btn_st01:after {
	background-color:#19734a;
	background-color:#e7ece9;
	border-radius:10px;
	content:"";
	height:14px;
	opacity:0;
	position:absolute;
	right:44px;
	top:50%;
	transform:translateY(-50%);
	transition:all .5s ease;
	width:30px;
	z-index:0
}
.sub .container .btn_st01:hover span {
	color:#fff!important
}
.sub .container .btn_st01:hover:after {
	background-color:#19734a;
	opacity:1;
	transform:scale(18)
}
@media screen and (max-width:1210px) {
	.sub .container .btn_st01 {
		border-radius:5vw;
		font-size:2vw;
		gap:1.17vw;
		padding:2.67vw 3vw
	}
	.sub .container .btn_st01:after {
		border-radius:.83vw;
		content:"";
		height:1.17vw;
		position:absolute;
		right:25%;
		width:2.5vw
	}
	.sub .container .btn_st01 i,.sub .container .btn_st01 i:before {
		height:1.5vw;
		width:1.42vw
	}
	.sub .container .btn_st01:hover:after {
		transform:scale(60)
	}
	.sub .container .btn_st01.delete_icon i,.sub .container .btn_st01.delete_icon i:before {
		height:1.75vw;
		width:1.83vw
	}
}
@media screen and (max-width:750px) {
	.sub .container .btn_st01 {
		border-radius:8vw;
		font-size:3.73vw;
		gap:2vw;
		letter-spacing:-.04em;
		padding:4.27vw 8.27vw
	}
	.sub .container .btn_st01:after {
		border-radius:1.33vw;
		height:1.87vw;
		position:absolute;
		right:5.33vw;
		width:4vw
	}
	.sub .container .btn_st01 i,.sub .container .btn_st01 i:before {
		height:2.93vw;
		width:2.93vw
	}
	.sub .container .btn_st01:hover:after {
		transform:scale(30)
	}
	.sub .container .btn_st01.secondary01:after {
		border-radius:1.33vw;
		height:1.87vw;
		right:26.67vw;
		width:4vw
	}
	.sub .container .btn_st01.secondary01:hover:after {
		transform:scale(34)
	}
	.sub .container .btn_st01.delete_icon i,.sub .container .btn_st01.delete_icon i:before {
		height:2.8vw;
		width:2.93vw
	}
}
.sub .container .btn_st02 {
	align-items:center;
	background-color:#22724a;
	border-radius:30px;
	box-sizing:border-box;
	color:#fff;
	display:flex;
	flex-wrap:nowrap;
	font-size:17px;
	font-weight:600;
	gap:17px;
	justify-content:center;
	letter-spacing:-.02em;
	padding:21.5px 28px 21.5px 29px;
	position:relative
}
.sub .container .btn_st02 i {
	flex:none;
	height:14px;
	overflow:hidden;
	width:14px
}
.sub .container .btn_st02 i:before {
	background-image:url(/assets/user/kr/img/sub/pdp_visual_go_icon.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	content:"";
	display:block;
	height:14px;
	transition:all .3s ease;
	width:14px
}
.sub .container .btn_st02:hover i:before {
	animation:iconRightMove .4s
}
@media screen and (max-width:1210px) {
	.sub .container .btn_st02 {
		border-radius:3.92vw;
		font-size:2vw;
		gap:1.17vw;
		padding:2.67vw 3.42vw
	}
	.sub .container .btn_st02 i {
		height:1.5vw;
		width:1.58vw
	}
	.sub .container .btn_st02 i:before {
		height:1.5vw;
		width:1.42vw
	}
}
@media screen and (max-width:750px) {
	.sub .container .btn_st02 {
		border-radius:6.27vw;
		font-size:3.73vw;
		gap:1.87vw;
		padding:4.27vw 8.53vw
	}
	.sub .container .btn_st02 i {
		height:2.4vw;
		width:2.53vw
	}
	.sub .container .btn_st02 i:before {
		height:2.4vw;
		width:2.27vw
	}
}
.sub .container .btn_st03 {
	background-color:#e7ece9;
	border-radius:17px;
	color:#22724a;
	font-size:15px;
	letter-spacing:-.02em;
	padding:10px 18px
}
@media screen and (max-width:1210px) {
	.sub .container .btn_st03 {
		border-radius:2.5vw;
		font-size:2.17vw;
		font-weight:600;
		padding:1.33vw 2vw
	}
}
@media screen and (max-width:750px) {
	.sub .container .btn_st03 {
		border-radius:4vw;
		font-size:3.47vw;
		padding:2.13vw 3.2vw
	}
}
.sub .container .btn_st04 {
	color:#22724a;
	font-size:16px;
	font-weight:600;
	letter-spacing:-.04em;
	text-decoration:underline;
	text-underline-offset:3px
}
@media screen and (max-width:1210px) {
	.sub .container .btn_st04 {
		font-size:2.33vw;
		text-underline-offset:.25vw
	}
}
@media screen and (max-width:750px) {
	.sub .container .btn_st04 {
		font-size:3.73vw;
		text-underline-offset:.4vw
	}
}
.sub .container .btn_st05 {
	align-items:center;
	background-color:#e7ece9;
	border-radius:40px;
	box-sizing:border-box;
	color:#22724a!important;
	display:inline-block;
	display:flex;
	flex-wrap:nowrap;
	font-size:17px;
	font-weight:600;
	gap:15px;
	justify-content:center;
	letter-spacing:-.02em;
	line-height:0;
	overflow:hidden;
	padding:32px 56px;
	position:relative;
	width:max-content
}
.sub .container .btn_st05 i {
	height:17px;
	overflow:hidden;
	width:20px;
	z-index:30
}
.sub .container .btn_st05 i:before {
	background-image:url(/assets/user/kr/img/common/btn_down_icon_green.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	content:"";
	display:block;
	height:17px;
	transition:all .3s ease;
	width:20px
}
.sub .container .btn_st05:hover i:before {
	animation:iconRightMove .4s;
	background-image:url(/assets/user/kr/img/common/btn_down_icon_white.png)
}
.sub .container .btn_st05 span {
	position:relative;
	transition:color .6s ease;
	z-index:20
}
.sub .container .btn_st05:after {
	background-color:#19734a;
	background-color:#e7ece9;
	border-radius:10px;
	content:"";
	height:14px;
	opacity:0;
	position:absolute;
	right:80px;
	top:50%;
	transform:translateY(-50%);
	transition:all .5s ease;
	width:30px;
	z-index:0
}
.sub .container .btn_st05:hover span {
	color:#fff
}
.sub .container .btn_st05:hover:after {
	background-color:#19734a;
	opacity:1;
	transform:scale(11)
}
@media screen and (max-width:1210px) {
	.sub .container .btn_st05 {
		border-radius:3.92vw;
		font-size:2vw;
		gap:1.17vw;
		padding:2.67vw 3vw
	}
	.sub .container .btn_st05:after {
		border-radius:.83vw;
		content:"";
		height:1.17vw;
		position:absolute;
		right:25%;
		width:2.5vw
	}
	.sub .container .btn_st05 i {
		background-size:contain;
		height:1.42vw;
		width:1.5vw
	}
	.sub .container .btn_st05 i:before {
		height:1.42vw;
		width:1.5vw
	}
	.sub .container .btn_st05:hover:after {
		transform:scale(60)
	}
}
@media screen and (max-width:750px) {
	.sub .container .btn_st05 {
		border-radius:6.27vw;
		font-size:3.73vw;
		gap:2vw;
		letter-spacing:-.04em;
		padding:4.27vw 8.27vw
	}
	.sub .container .btn_st05:after {
		border-radius:1.33vw;
		height:1.87vw;
		position:absolute;
		right:5.33vw;
		width:4vw
	}
	.sub .container .btn_st05 i,.sub .container .btn_st05 i:before {
		height:2.93vw;
		width:2.93vw
	}
	.sub .container .btn_st05:hover:after {
		transform:scale(20)
	}
}
.sub .container .btn_st06 {
	align-items:center;
	background-color:#e7ece9;
	border-radius:30px;
	box-sizing:border-box;
	color:#22724a;
	display:inline-block;
	display:flex;
	flex-wrap:nowrap;
	font-size:17px;
	font-weight:600;
	gap:17px;
	justify-content:center;
	letter-spacing:-.02em;
	overflow:hidden;
	padding:20px 30px;
	position:relative;
	width:max-content
}
.sub .container .btn_st06.secondary01 {
	background-color:#e7ece9
}
.sub .container .btn_st06.secondary01 span {
	color:#22724a
}
.sub .container .btn_st06.secondary01 i:after {
	border-radius:.83vw;
	content:"";
	height:1.17vw;
	position:absolute;
	right:3.33vw;
	width:2.5vw
}
.sub .container .btn_st06 i {
	height:11px;
	overflow:hidden;
	width:11px;
	z-index:30
}
.sub .container .btn_st06 i:before {
	background-image:url(/assets/user/kr/img/sub/pdp_visual_go_icon_green.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	content:"";
	display:block;
	height:11px;
	transition:all .3s ease;
	width:11px
}
.sub .container .btn_st06:hover i:before {
	animation:iconRightMove .4s;
	background-image:url(/assets/user/kr/img/sub/pdp_visual_go_icon.png)
}
.sub .container .btn_st06 span {
	position:relative;
	transition:color .6s ease;
	z-index:20
}
.sub .container .btn_st06:after {
	background-color:#19734a;
	background-color:#e7ece9;
	border-radius:10px;
	content:"";
	height:14px;
	opacity:0;
	position:absolute;
	right:40px;
	top:50%;
	transform:translateY(-50%);
	transition:all .5s ease;
	width:30px;
	z-index:0
}
.sub .container .btn_st06:hover span {
	color:#fff
}
.sub .container .btn_st06:hover:after {
	background-color:#19734a;
	opacity:1;
	transform:scale(15)
}
@media screen and (max-width:1210px) {
	.sub .container .btn_st06 {
		adding:2.67vw 3vw 2.67vw 3vw;
		border-radius:4.83vw;
		font-size:2vw;
		gap:1.17vw
	}
	.sub .container .btn_st06:after {
		border-radius:.83vw;
		content:"";
		height:1.17vw;
		position:absolute;
		right:25%;
		width:2.5vw
	}
	.sub .container .btn_st06 i,.sub .container .btn_st06 i:before {
		height:1.5vw;
		width:1.42vw
	}
	.sub .container .btn_st06:hover:after {
		transform:scale(60)
	}
}
@media screen and (max-width:750px) {
	.sub .container .btn_st06 {
		border-radius:7.73vw;
		font-size:4vw;
		gap:2.13vw;
		letter-spacing:-.02em;
		padding:5.33vw 8.27vw;
		width:100%
	}
	.sub .container .btn_st06:after {
		border-radius:1.33vw;
		height:1.87vw;
		position:absolute;
		right:33.33vw;
		width:4vw
	}
	.sub .container .btn_st06 i,.sub .container .btn_st06 i:before {
		height:2.53vw;
		width:2.53vw
	}
	.sub .container .btn_st06:hover:after {
		transform:scale(50)
	}
	.sub .container .btn_st06.secondary01:after {
		border-radius:1.33vw;
		height:1.87vw;
		right:26.67vw;
		width:4vw
	}
	.sub .container .btn_st06.secondary01:hover:after {
		transform:scale(34)
	}
}
.sub .container .select_st01 {
	display:flex
}
.sub .container .select_st01 select {
	background-color:#fff;
	background:url(/assets/user/kr/img/common/select_icon.png) no-repeat right 15px center #fff;
	background-size:12px auto;
	border:1px solid #d3d3d5;
	border-radius:8px;
	box-sizing:border-box;
	color:#767983;
	font-size:15px;
	font-weight:500;
	height:50px;
	min-width:80px;
	padding:0 0 0 14px
}
@media screen and (max-width:1210px) {
	.sub .container .select_st01 select {
		background:url(/assets/user/kr/img/common/select_icon.png) no-repeat right 3.33vw center #fff;
		background-size:1.83vw auto;
		border:.08vw solid #d3d3d5;
		border-radius:1.33vw;
		font-size:2.33vw;
		font-weight:500;
		height:8.83vw;
		padding:0 0 0 2.5vw
	}
}
@media screen and (max-width:750px) {
	.sub .container .select_st01 select {
		background:url(/assets/user/kr/img/common/select_icon.png) no-repeat right 5.33vw center #fff;
		background-size:2.93vw auto;
		border:.13vw solid #d3d3d5;
		border-radius:2.13vw;
		font-size:3.73vw;
		font-weight:500;
		height:14.13vw;
		padding:0 0 0 4vw
	}
}
.sub .container .input_st01>div {
	display:inline-block;
	position:relative
}
.sub .container .input_st01 input {
	background-color:#fff;
	box-sizing:border-box;
	color:#767983;
	display:block;
	font-size:15px;
	height:50px;
	padding:0 15px
}
.sub .container .input_st01 input::-ms-clear,.sub .container .input_st01 input::-ms-reveal {
	display:none
}
.sub .container .input_st01 input::placeholder {
	color:#b6b9c3
}
.sub .container .input_st01 input {
	border:1px solid #d3d3d5;
	border-radius:8px
}
.sub .container .input_st01 input[readonly] {
	background-color:#efefef
}
@media screen and (max-width:1210px) {
	.sub .container .input_st01 input {
		border:.08vw solid #d3d3d5;
		border-radius:1.33vw;
		font-size:2.33vw;
		height:8.83vw;
		padding:0 2.67vw
	}
}
@media screen and (max-width:750px) {
	.sub .container .input_st01 input {
		border:.13vw solid #d3d3d5;
		border-radius:2.13vw;
		font-size:3.73vw;
		height:14.13vw;
		padding:0 4.27vw
	}
}
.sub .sub_visual {
	height:600px;
	position:relative;
	width:100%
}
.sub .sub_visual.only_txt {
	height:148px
}
.sub .sub_visual.only_txt h2 {
	bottom:10px;
	color:#464953;
	font-size:58px;
	top:auto;
	transform:translate(-50%)
}
.sub .sub_visual .thumb {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	height:600px;
	justify-content:center;
	width:100%
}
.sub .sub_visual .thumb img {
	height:600px;
	object-fit:cover;
	width:100%
}
.sub .sub_visual .swiper_etc {
	bottom:128px;
	color:#fff;
	font-weight:600;
	left:50%;
	position:absolute;
	text-align:center;
	transform:translate(-50%);
	z-index:10
}
.sub .sub_visual .swiper_etc strong {
	font-size:68px
}
.sub .sub_visual .swiper_etc p {
	font-size:20px;
	line-height:30px;
	margin-top:46px
}
.sub .sub_visual .swiper_button_wrap {
	align-items:center;
	bottom:55px;
	display:flex;
	flex-wrap:nowrap;
	height:fit-content;
	justify-content:center;
	left:50%;
	margin-top:0;
	position:absolute;
	transform:translate(-50%);
	width:auto;
	z-index:10
}
/* 250627 추가(s) */
.sub .sub_visual .swiper_button_wrap.hidden {
    display:none;
}
/* 250627 추가(e) */
.sub .sub_visual .swiper_button_wrap .swiper_button {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	height:30px;
	justify-content:center;
	position:relative;
	width:332px
}
.sub .sub_visual .swiper_button_wrap .swiper-button-prev {
	background-image:url(/assets/user/kr/img/main/slide_arrow_icon01.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	height:18px;
	left:auto;
	margin:0;
	right:58px;
	top:auto;
	width:11px
}
.sub .sub_visual .swiper_button_wrap .swiper-button-prev:after {
	display:none
}
.sub .sub_visual .swiper_button_wrap .swiper-button-next {
	background-image:url(/assets/user/kr/img/main/slide_arrow_icon01.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	height:18px;
	left:auto;
	margin:0;
	right:0;
	top:auto;
	transform:rotate(-180deg);
	width:11px
}
.sub .sub_visual .swiper_button_wrap .swiper-button-next:after {
	display:none
}
.sub .sub_visual .swiper_button_wrap .swiper-play-pause-btn {
	background-image:url(/assets/user/kr/img/main/slide_pause_icon01.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:auto 100%;
	height:13px;
	left:auto;
	position:absolute;
	right:31px;
	text-indent:-9999px;
	width:8px
}
.sub .sub_visual .swiper_button_wrap .swiper-play-pause-btn.play {
	background-image:url(/assets/user/kr/img/main/slide_play_icon01.png);
	height:13px;
	right:28px;
	width:12px
}
.sub .sub_visual .swiper_button_wrap .swiper-pagination-custom {
	bottom:auto;
	position:relative;
	top:auto
}
.sub .sub_visual .swiper_button_wrap .swiper-pagination-custom span {
	color:#fff;
	font-size:17px;
	font-weight:700;
	position:absolute
}
.sub .sub_visual .swiper_button_wrap .swiper-pagination-custom span.swiper-pagination-current {
	left:0;
	top:50%;
	transform:translateY(-50%)
}
.sub .sub_visual .swiper_button_wrap .swiper-pagination-custom span.swiper-pagination-total {
	right:89px;
	top:50%;
	transform:translateY(-50%)
}
.sub .sub_visual .swiper_button_wrap .swiper-progress {
	background-color:hsla(0,0%,100%,.5);
	height:3px;
	left:36px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:170px;
	z-index:10
}
.sub .sub_visual .swiper_button_wrap .swiper-progress .progress {
	animation-iteration-count:1;
	animation-name:progress;
	animation-timing-function:linear;
	background-color:#fff;
	height:100%;
	width:0
}
.sub .sub_visual .sub_visual_btn_box>div {
	display:flex;
	flex-wrap:nowrap;
	gap:8px;
	width:auto
}
.sub .sub_visual h2 {
	color:#fff;
	font-size:68px;
	font-weight:600;
	left:50%;
	line-height:88px;
	position:absolute;
	text-align:center;
	top:50%;
	transform:translate(-50%,-50%)
}
@media screen and (max-width:1210px) {
	.sub .sub_visual {
		height:56.67vw;
		max-width:100%!important
	}
	.sub .sub_visual.only_txt {
		height:13.33vw;
		margin-bottom:0
	}
	.sub .sub_visual.only_txt h2 {
		font-size:4.17vw
	}
	.sub .sub_visual .thumb,.sub .sub_visual .thumb img {
		height:56.67vw
	}
	.sub .sub_visual .swiper_etc {
		bottom:13.5vw;
		box-sizing:border-box;
		width:max-content
	}
	.sub .sub_visual .swiper_etc strong {
		font-size:5.83vw
	}
	.sub .sub_visual .swiper_etc p {
		font-size:2.33vw;
		font-weight:500;
		line-height:3.33vw;
		margin-top:4.33vw
	}
	.sub .sub_visual .swiper_button_wrap {
		bottom:5.17vw
	}
	.sub .sub_visual .swiper_button_wrap .swiper_button {
		height:3.17vw;
		width:28vw
	}
	.sub .sub_visual .swiper_button_wrap .swiper-button-next,.sub .sub_visual .swiper_button_wrap .swiper-button-prev {
		display:none
	}
	.sub .sub_visual .swiper_button_wrap .swiper-play-pause-btn {
		height:2.17vw;
		right:0;
		width:1.67vw
	}
	.sub .sub_visual .swiper_button_wrap .swiper-play-pause-btn.play {
		height:2.17vw;
		right:0;
		width:2.08vw
	}
	.sub .sub_visual .swiper_button_wrap .swiper-pagination-custom span {
		font-size:2.17vw;
		font-weight:600
	}
	.sub .sub_visual .swiper_button_wrap .swiper-pagination-custom span.swiper-pagination-total {
		right:4.83vw
	}
	.sub .sub_visual .swiper_button_wrap .swiper-progress {
		height:.5vw;
		left:4.83vw;
		width:14.17vw
	}
	.sub .sub_visual h2 {
		font-size:5.83vw;
		line-height:7.33vw
	}
}
@media screen and (max-width:750px) {
	.sub .sub_visual {
		height:90.67vw
	}
	.sub .sub_visual.only_txt {
		height:21.33vw
	}
	.sub .sub_visual.only_txt h2 {
		font-size:6.67vw
	}
	.sub .sub_visual .thumb,.sub .sub_visual .thumb img {
		height:90.67vw
	}
	.sub .sub_visual .swiper_etc {
		bottom:21.6vw;
		padding:0 4.8vw
	}
	.sub .sub_visual .swiper_etc strong {
		font-size:9.33vw
	}
	.sub .sub_visual .swiper_etc p {
		font-size:3.73vw;
		line-height:5.33vw;
		margin-top:5.87vw
	}
	.sub .sub_visual .swiper_button_wrap {
		bottom:8.27vw
	}
	.sub .sub_visual .swiper_button_wrap .swiper_button {
		height:5.07vw;
		width:44.8vw
	}
	.sub .sub_visual .swiper_button_wrap .swiper-play-pause-btn {
		height:3.47vw;
		right:0;
		width:2.67vw
	}
	.sub .sub_visual .swiper_button_wrap .swiper-play-pause-btn.play {
		height:3.47vw;
		right:0;
		width:3.33vw
	}
	.sub .sub_visual .swiper_button_wrap .swiper-pagination-custom span {
		font-size:3.47vw
	}
	.sub .sub_visual .swiper_button_wrap .swiper-pagination-custom span.swiper-pagination-total {
		right:7.47vw
	}
	.sub .sub_visual .swiper_button_wrap .swiper-progress {
		height:.8vw;
		left:7.2vw;
		width:22.67vw
	}
	.sub .sub_visual h2 {
		box-sizing:border-box;
		font-size:9.33vw;
		line-height:11.73vw;
		padding:0 2.67vw;
		width:100%
	}
}
.sub .box_st01 {
	background-color:#22724a;
	border-radius:13px;
	color:#fff;
	font-size:14px;
	letter-spacing:-.04em;
	padding:6px 12px
}
.sub .no_data p {
	color:#9699a3;
	font-size:16px;
	letter-spacing:-.04em;
	text-align:center
}
.sub .no_data p:before {
	background-image:url(/assets/user/kr/img/sub/no_data_icon.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	content:"";
	display:block;
	height:48px;
	margin:0 auto 28px;
	width:48px
}
@media screen and (max-width:1210px) {
	.sub .no_data p {
		font-size:2.5vw
	}
	.sub .no_data p:before {
		height:10vw;
		margin:0 auto 3.17vw;
		width:10vw
	}
}
@media screen and (max-width:750px) {
	.sub .no_data p {
		font-size:4vw
	}
	.sub .no_data p:before {
		height:16vw;
		margin:0 auto 5.07vw;
		width:16vw
	}
}
.sub .paging {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	font-size:16px;
	font-weight:700;
	justify-content:center
}
.sub .paging a {
	color:#767983;
	height:36px;
	line-height:36px;
	text-align:center;
	width:36px
}
.sub .paging>a.on {
	background-color:#464953;
	border-radius:4px;
	color:#fff
}
.sub .paging span a {
	background-size:auto 14px
}
.sub .paging .left_b,.sub .paging .right_b {
	display:flex;
	overflow:hidden
}
.sub .paging .left_b a,.sub .paging .right_b a {
	background-position:50% 50%;
	background-repeat:no-repeat;
	text-indent:-9999px
}
.sub .paging .left_b a:first-of-type {
	background-image:url(/assets/user/kr/img/sub/paging_icon01.png)
}
.sub .paging .left_b a:nth-of-type(2) {
	background-image:url(/assets/user/kr/img/sub/paging_icon02.png)
}
.sub .paging .left_b a.on:first-of-type {
	background-image:url(/assets/user/kr/img/sub/paging_icon04.png);
	transform:rotate(180deg)
}
.sub .paging .left_b a.on:nth-of-type(2) {
	background-image:url(/assets/user/kr/img/sub/paging_icon03.png);
	transform:rotate(180deg)
}
.sub .paging .right_b a:first-of-type {
	background-image:url(/assets/user/kr/img/sub/paging_icon02.png);
	transform:rotate(180deg)
}
.sub .paging .right_b a:nth-of-type(2) {
	background-image:url(/assets/user/kr/img/sub/paging_icon01.png);
	transform:rotate(180deg)
}
.sub .paging .right_b a.on:first-of-type {
	background-image:url(/assets/user/kr/img/sub/paging_icon03.png);
	transform:rotate(0deg)
}
.sub .paging .right_b a.on:nth-of-type(2) {
	background-image:url(/assets/user/kr/img/sub/paging_icon04.png);
	transform:rotate(0deg)
}
@media screen and (max-width:1210px) {
	.sub .paging {
		font-size:2.5vw;
		font-weight:500
	}
	.sub .paging a {
		height:5.83vw;
		line-height:5.83vw;
		width:5.83vw
	}
	.sub .paging span a {
		background-size:auto 2.17vw
	}
	.sub .paging>a.on {
		border-radius:1vw
	}
}
@media screen and (max-width:750px) {
	.sub .paging {
		font-size:4vw
	}
	.sub .paging a {
		height:9.33vw;
		line-height:9.33vw;
		width:9.33vw
	}
	.sub .paging span a {
		background-size:auto 3.47vw
	}
	.sub .paging>a.on {
		border-radius:1.6vw
	}
}
@media screen and (max-width:1210px) {
	.sub .table_wrap {
		overflow-x:auto
	}
	.sub .table_wrap table {
		margin:1.67vw 0!important;
		width:126%
	}
}
@media screen and (max-width:750px) {
	.sub .table_wrap table {
		margin:2.67vw 0 0!important
	}
}
.sub .board_etc {
	margin-bottom:44px;
	position:relative
}
.sub .board_etc p {
	font-size:15px;
	font-weight:400
}
.sub .board_etc p span {
	color:#22724a;
	font-size:17px;
	font-weight:600
}
.sub .board_etc .input_st01 {
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%)
}
.sub .board_etc .input_st01>div {
	position:relative
}
.sub .board_etc .input_st01 input {
	padding:0 44px 0 16px;
	width:280px
}
.sub .board_etc .search_btn {
	background-image:url(/assets/user/kr/img/common/search_icon_black.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	height:16px;
	margin:0 8px;
	position:absolute;
	right:12px;
	text-indent:-9999px;
	top:50%;
	transform:translateY(-50%);
	width:16px
}
@media screen and (max-width:1210px) {
	.sub .board_etc {
		margin-bottom:3.5vw
	}
	.sub .board_etc p {
		font-size:2.17vw
	}
	.sub .board_etc p span {
		font-size:2.33vw
	}
	.sub .board_etc .input_st01 {
		position:unset;
		transform:unset;
		width:100%
	}
	.sub .board_etc .input_st01 input {
		padding:0 7.33vw 0 2.67vw;
		width:100%
	}
	.sub .board_etc .search_btn {
		height:3vw;
		margin:0 .67vw;
		right:2vw;
		width:3vw
	}
	.sub .board_etc.search_include {
		display:flex;
		flex-direction:column-reverse;
		flex-wrap:wrap
	}
	.sub .board_etc.search_include .input_st01 {
		margin:0 0 5.5vw
	}
	.sub .board_etc.search_include .input_st01>div {
		width:100%
	}
}
@media screen and (max-width:750px) {
	.sub .board_etc {
		margin-bottom:5.6vw
	}
	.sub .board_etc p {
		font-size:3.47vw
	}
	.sub .board_etc p span {
		font-size:3.73vw
	}
	.sub .board_etc .input_st01 input {
		padding:0 11.73vw 0 4.27vw
	}
	.sub .board_etc .search_btn {
		height:4.8vw;
		margin:0 1.07vw;
		right:3.2vw;
		width:4.8vw
	}
	.sub .board_etc.search_include .input_st01 {
		margin:0 0 8.8vw
	}
}
.sub .board_st01 table {
	border-top:1px solid #464953;
	font-size:17px;
	text-align:center
}
.sub .board_st01 table thead {
	background-color:#f6f9f9;
	font-weight:600
}
.sub .board_st01 table thead tr th {
	padding:18px 5px
}
.sub .board_st01 table thead tr th .pc_only {
	display:inline-block!important
}
.sub .board_st01 table tbody tr {
	cursor:pointer;
	transition:all .3s ease
}
.sub .board_st01 table tbody tr:hover {
	background-color:#f0f4ec
}
.sub .board_st01 table tbody tr:hover .col_black {
	color:#22724a
}
.sub .board_st01 table tbody tr td {
	color:#767983;
	padding:37px 5px;
	position:relative
}
.sub .board_st01 table tbody tr td.col_gray {
	color:#9699a3
}
.sub .board_st01 table tbody tr td.col_green {
	color:#22724a
}
.sub .board_st01 table tbody tr td .pc_only {
	display:inline-block!important
}
.sub .board_st01 table tr {
	border-bottom:1px solid #d6dbe1
}
.sub .board_st01 table .align_left {
	text-align:left
}
.sub .board_st01 table .title {
	color:#464953
}
.sub .board_st01 table .down {
	background-color:#e7ece9;
	background-image:url(/assets/user/kr/img/sub/down_icon.svg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:20px auto;
	border:1px solid #dadade;
	border-radius:23px;
	height:46px;
	position:absolute;
	text-indent:-9999px;
	transform:translate(-50%,-50%);
	width:46px
}
.sub .board_st01 table .down:hover {
	background-image:url(/assets/user/kr/img/sub/down_icon_white.svg)
}
.sub .board_st01 table .share {
	background-color:#e7ece9;
	background-image:url(/assets/user/kr/img/sub/share_icon.svg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:16px auto;
	border:1px solid #dadade;
	border-radius:23px;
	height:46px;
	position:absolute;
	text-indent:-9999px;
	transform:translate(-50%,-50%);
	width:46px
}
.sub .board_st01 table .share:hover {
	background-image:url(/assets/user/kr/img/sub/share_icon_white.svg)
}
.sub .board_st01 table .watch {
	background-color:#e7ece9;
	background-image:url(/assets/user/kr/img/sub/watch_icon.svg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:20px auto;
	border:1px solid #dadade;
	border-radius:23px;
	height:46px;
	position:absolute;
	text-indent:-9999px;
	transform:translate(-50%,-50%);
	width:46px
}
.sub .board_st01 table .watch:hover {
	background-image:url(/assets/user/kr/img/sub/watch_icon_white.svg)
}
.sub .board_st01 table .btn_box {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	gap:10px;
	justify-content:center;
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%,-50%);
	width:100%
}
.sub .board_st01 table .down,.sub .board_st01 table .share,.sub .board_st01 table .watch {
	position:relative;
	transform:unset;
	transition:all .3s ease
}
.sub .board_st01 table .down:hover,.sub .board_st01 table .share:hover,.sub .board_st01 table .watch:hover {
	background-color:#22724a
}
.sub .board_st01 .paging {
	margin-top:80px
}
@media screen and (max-width:1210px) {
	.sub .board_st01 table {
		border-top:.33vw solid #464953;
		font-size:2.17vw;
		text-align:center
	}
	.sub .board_st01 table thead tr th {
		font-size:2.33vw;
		padding:2.5vw .42vw
	}
	.sub .board_st01 table thead tr th .pc_only {
		display:none!important
	}
	.sub .board_st01 table thead tr th.num {
		display:none
	}
	.sub .board_st01 table tbody tr td {
		color:#767983;
		padding:3vw .83vw
	}
	.sub .board_st01 table tbody tr td .pc_only {
		display:none!important
	}
	.sub .board_st01 table tbody tr td.num {
		display:none
	}
	.sub .board_st01 table .title {
		max-width:26.67vw
	}
	.sub .board_st01 table .num,.sub .board_st01 table .title {
		font-weight:600;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap
	}
	.sub .board_st01 table tr {
		border-bottom:.17vw solid #d6dbe1
	}
	.sub .board_st01 table .down {
		background-size:2.67vw auto;
		border:.17vw solid #dadade;
		border-radius:2.92vw;
		height:5.83vw;
		width:5.83vw
	}
	.sub .board_st01 table .watch {
		background-size:2.58vw auto;
		border:.17vw solid #dadade;
		border-radius:2.92vw;
		height:5.83vw;
		width:5.83vw
	}
	.sub .board_st01 table .share {
		background-size:2.33vw auto;
		border:.17vw solid #dadade;
		border-radius:2.92vw;
		height:5.83vw;
		width:5.83vw
	}
	.sub .board_st01 .btn_box {
		gap:2vw
	}
	.sub .board_st01 .paging {
		margin-top:8.5vw
	}
}
@media screen and (max-width:750px) {
	.sub .board_st01 table {
		border-top:.53vw solid #464953;
		font-size:3.47vw
	}
	.sub .board_st01 table thead tr th {
		font-size:3.73vw;
		padding:4vw .67vw
	}
	.sub .board_st01 table tbody tr td {
		color:#767983;
		padding:4.8vw 1.33vw
	}
	.sub .board_st01 table .title {
		max-width:42.67vw
	}
	.sub .board_st01 table tr {
		border-bottom:.27vw solid #d6dbe1
	}
	.sub .board_st01 table .down {
		background-size:4.27vw auto;
		border:.27vw solid #dadade;
		border-radius:4.67vw;
		height:9.33vw;
		width:9.33vw
	}
	.sub .board_st01 table .watch {
		background-size:4.13vw auto;
		border:.27vw solid #dadade;
		border-radius:4.67vw;
		height:9.33vw;
		width:9.33vw
	}
	.sub .board_st01 table .share {
		background-size:3.73vw auto;
		border:.27vw solid #dadade;
		border-radius:4.67vw;
		height:9.33vw;
		width:9.33vw
	}
	.sub .board_st01 .paging {
		margin-top:13.6vw
	}
	.sub .board_st01 .btn_box {
		gap:3.2vw
	}
}
.sub .board_st02 ul {
	display:flex;
	flex-wrap:wrap;
	gap:94px 28px
}
.sub .board_st02 ul li {
	width:calc(25% - 21px)
}
/* 250625 추가(s) */
.sub .board_st02 ul li a {
	position: relative
}
.sub .board_st02 ul li a.multiple_img:before {
	background-image: url(/assets/user/kr/img/main/insta_multi_photo.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 31px;
	position: absolute;
	right: 21px;
	top: 22px;
	width: 31px;
	z-index: 10
}
/* 250625 추가(e) */
.sub .board_st02 ul li .img_box {
	height:354px;
	overflow:hidden;
	position:relative;
	width:100%
}
.sub .board_st02 ul li .img_box img {
	height:100%;
	object-fit:cover;
	width:100%
}
.sub .board_st02 ul li .img_box {
	align-items:center;
	border-radius:20px;
	display:flex;
	flex-wrap:nowrap;
	justify-content:center
}
.sub .board_st02 ul li .img_box .sns {
	background-repeat:no-repeat;
	background-size:cover;
	bottom:14px;
	height:40px;
	left:14px;
	position:absolute;
	text-indent:-9999px;
	width:40px
}
.sub .board_st02 ul li .img_box .sns.blog {
	background-image:url(/assets/user/kr/img/sub/sns_blog_icon.png)
}
.sub .board_st02 ul li .img_box .sns.insta {
	background-image:url(/assets/user/kr/img/sub/sns_insta_icon.png)
}
.sub .board_st02 ul li .img_box .sns.youtube {
	background-image:url(/assets/user/kr/img/sub/sns_youtube_icon.png)
}
.sub .board_st02 ul li .img_box .sns.facebook {
	background-image:url(/assets/user/kr/img/sub/sns_facebook_icon.png)
}
.sub .board_st02 ul li strong {
	font-size:22px;
	line-height:36px;
	margin-top:24px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.sub .board_st02 ul li span,.sub .board_st02 ul li strong {
	display:block;
	font-weight:600;
	letter-spacing:-.04em;
	padding-left:14px
}
.sub .board_st02 ul li span {
	color:#9699a3;
	font-size:16px;
	margin-top:14px
}
.sub .board_st02 .no_data {
	border-bottom:1px solid #d6dbe1;
	border-top:1px solid #464953;
	padding:200px 0;
	text-align:center
}
.sub .board_st02 .paging {
	margin-top:76px
}
@media screen and (max-width:1210px) {
	.sub .board_st02 ul {
		gap:7.83vw 1.5vw
	}
	.sub .board_st02 ul li {
		width:calc(50% - .75vw)
	}
	/* 250625 추가(s) */
	.sub .board_st02 ul a.multiple_img:before {
		height: 3.72vw;
		right: 2.15vw;
		top: 2.15vw;
		width: 3.72vw
	}
	/* 250625 추가(e) */
	.sub .board_st02 ul li .img_box {
		border-radius:2.5vw;
		height:44.83vw;
		width:100%
	}
	.sub .board_st02 ul li .img_box .sns {
		bottom:3.33vw;
		height:6.67vw;
		left:3.33vw;
		width:6.67vw
	}
	.sub .board_st02 ul li strong {
		font-size:3.33vw;
		line-height:4.67vw;
		margin-top:2.33vw;
		padding-left:1.67vw
	}
	.sub .board_st02 ul li span {
		font-size:2.33vw;
		margin-top:2.13vw;
		padding-left:1.67vw
	}
	.sub .board_st02 .paging {
		margin-top:7.5vw
	}
	.sub .board_st02 .no_data {
		border-bottom:.08vw solid #d6dbe1;
		border-top:.08vw solid #464953;
		padding:18.5vw 0
	}
}
@media screen and (max-width:750px) {
	.sub .board_st02 ul {
		flex-direction:column;
		gap:12.53vw 0
	}
	.sub .board_st02 ul li {
		width:100%
	}
	/* 250625 추가(s) */
	.sub .board_st02 ul li a.multiple_img:before {
		content: "";
		height: 6vw;
		right: 3.47vw;
		top: 3.47vw;
		width: 6vw
	}
	/* 250625 추가(e) */
	.sub .board_st02 ul li .img_box {
		border-radius:4vw;
		height:90.4vw
	}
	.sub .board_st02 ul li .img_box .sns {
		bottom:5.33vw;
		height:10.67vw;
		left:5.33vw;
		width:10.67vw
	}
	.sub .board_st02 ul li strong {
		font-size:5.33vw;
		line-height:7.47vw;
		margin-top:3.73vw;
		padding-left:2.67vw
	}
	.sub .board_st02 ul li span {
		font-size:3.73vw;
		margin-top:2.13vw;
		padding-left:2.67vw
	}
	.sub .board_st02 .paging {
		margin-top:12vw
	}
	.sub .board_st02 .no_data {
		border-bottom:.13vw solid #d6dbe1;
		border-top:.13vw solid #464953;
		padding:29.6vw 0
	}
}
.sub .board_st03 ul {
	display:flex;
	flex-wrap:wrap;
	gap:90px 28px
}
.sub .board_st03 ul li {
	width:calc(25% - 21px)
}
.sub .board_st03 ul li .img_box {
	box-sizing:border-box;
	height:514px;
	overflow:hidden;
	width:100%
}
.sub .board_st03 ul li .img_box img {
	height:100%;
	object-fit:cover;
	width:100%
}
.sub .board_st03 ul li .img_box {
	align-items:center;
	border:1px solid #dadade;
	border-radius:20px;
	display:flex;
	flex-wrap:nowrap;
	justify-content:center
}
.sub .board_st03 ul li .btn_box {
	display:flex;
	flex-wrap:nowrap;
	gap:6px;
	margin-top:6px
}
.sub .board_st03 ul li .btn_box>button {
	background-color:#e7ece9;
	background-position:center right 27px;
	background-repeat:no-repeat;
	border:1px solid #dadade;
	border-radius:8px;
	box-sizing:border-box;
	color:#22724a;
	display:flex;
	font-size:16px;
	font-weight:600;
	justify-content:space-between;
    align-items:center;
	overflow:hidden;
	padding:22px 26px 22px 22px;
	position:relative;
	text-align:left;
	width:100%
}
.sub .board_st03 ul li .btn_box>button.watch i:before {
	background-image:url(/assets/user/kr/img/sub/watch_icon.svg);
	height:21px;
	width:21px
}
.sub .board_st03 ul li .btn_box>button.watch i:before:before {
	height:21px;
	width:21px
}
.sub .board_st03 ul li .btn_box>button.watch:hover i:before {
	background-image:url(/assets/user/kr/img/sub/watch_icon_white.svg)
}
.sub .board_st03 ul li .btn_box>button.down i:before {
	background-image:url(/assets/user/kr/img/sub/down_icon.svg);
	height:17px;
	width:20px
}
.sub .board_st03 ul li .btn_box>button.down i:before:before {
	height:17px;
	width:20px
}
.sub .board_st03 ul li .btn_box>button.down:hover i:before {
	background-image:url(/assets/user/kr/img/sub/down_icon_white.svg)
}
.sub .board_st03 ul li .btn_box>button:hover i:before {
	animation:iconRightMove .4s
}
.sub .board_st03 ul li .btn_box>button i {
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
	z-index:30
}
.sub .board_st03 ul li .btn_box>button i:before {
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	content:"";
	display:block;
	transition:all .3s ease
}
.sub .board_st03 ul li .btn_box>button span {
	position:relative;
	transition:color .6s ease;
	z-index:20
}
.sub .board_st03 ul li .btn_box>button:after {
	background-color:#19734a;
	background-color:#e7ece9;
	border-radius:10px;
	content:"";
	height:14px;
	opacity:0;
	position:absolute;
	right:44px;
	top:50%;
	transform:translateY(-50%);
	transition:all .5s ease;
	width:30px;
	z-index:0
}
.sub .board_st03 ul li .btn_box>button:hover span {
	color:#fff!important
}
.sub .board_st03 ul li .btn_box>button:hover:after {
	background-color:#19734a;
	opacity:1;
	transform:scale(18)
}
@media screen and (max-width:1210px) {
	.sub .board_st03 ul li .btn_box>button {
		align-items:center;
		justify-content:center
	}
	.sub .board_st03 ul li .btn_box>button.watch i:before {
		height:2.58vw;
		width:2.58vw
	}
	.sub .board_st03 ul li .btn_box>button.down i:before {
		height:2.25vw;
		width:2.58vw
	}
}
@media screen and (max-width:750px) {
	.sub .board_st03 ul li .btn_box>button.watch i:before {
		height:4.13vw;
		width:4.13vw
	}
	.sub .board_st03 ul li .btn_box>button.down i:before {
		height:3.6vw;
		width:4.13vw
	}
}
.sub .board_st03 ul li .title_box {
    font-size: 22px;
    font-weight: 600;
    line-height: 36px;
    margin: 25px 0;
    overflow: hidden;
    padding: 0 15px;
    text-overflow: ellipsis;
    white-space: nowrap
}
.sub .board_st03 .paging {
	margin-top:76px
}
@media screen and (max-width:1210px) {
	.sub .board_st03 ul {
		gap:8.33vw 1.5vw
	}
	.sub .board_st03 ul li {
		width:calc(50% - .75vw)
	}
	.sub .board_st03 ul li .img_box {
		border-radius:1.67vw;
		height:66.67vw;
		width:100%
	}
	.sub .board_st03 ul li .btn_box {
		align-items:center;
		display:flex;
		flex-wrap:nowrap;
		gap:0 .83vw;
		justify-content:center;
		margin-top:1.33vw
	}
	.sub .board_st03 ul li .btn_box>button {
		background-position:50%;
		background-repeat:no-repeat;
		border:.08vw solid #dadade;
		border-radius:8.33vw;
		height:7.67vw;
		padding:0;
		text-indent:-9999px;
		width:8vw
	}
	.sub .board_st03 ul li .btn_box .watch {
		background-size:2.67vw auto
	}
	.sub .board_st03 ul li .btn_box .down {
		background-size:2.58vw auto
	}
    .sub .board_st03 ul li .title_box {
        font-size: 2.31vw;
        line-height: 3.31vw;
        margin: 2.31vw 0 1.57vw;
        padding: 0 1.98vw
    }
	.sub .board_st03 .paging {
		margin-top:8.33vw
	}
}
@media screen and (max-width:750px) {
	.sub .board_st03 ul {
		gap:13.33vw 2.4vw
	}
	.sub .board_st03 ul li {
		width:calc(50% - 1.2vw)
	}
	.sub .board_st03 ul li .img_box {
		border-radius:2.67vw;
		height:62.67vw
	}
	.sub .board_st03 ul li .btn_box {
		gap:0 1.33vw;
		margin-top:2.13vw
	}
	.sub .board_st03 ul li .btn_box>button {
		border:.13vw solid #dadade;
		border-radius:13.33vw;
		height:12.27vw;
		width:12.8vw
	}
	.sub .board_st03 ul li .btn_box .watch {
		background-size:4.27vw auto
	}
	.sub .board_st03 ul li .btn_box .down {
		background-size:4.13vw auto
	}
    .sub .board_st03 ul li .title_box {
        font-size: 3.73vw;
        line-height: 5.33vw;
        margin: 3.73vw 0 2.53vw;
        padding: 0 3.2vw
    }
	.sub .board_st03 .paging {
		margin-top:13.33vw
	}
}
.sub .board_st04 table {
	border-collapse:collapse;
	border-top:2px solid #464953
}
.sub .board_st04 table tbody tr td,.sub .board_st04 table tbody tr th {
	font-size:17px;
	line-height:30px
}
.sub .board_st04 table tbody tr th {
	background-color:#f7f8f9;
	border-bottom:1px solid #d3d3d5;
	padding:30px 10px 30px 30px
}
.sub .board_st04 table tbody tr td {
	border-bottom:1px solid #d3d3d5;
	color:#767983;
	line-height:30px;
	padding:28px 20px 32px 40px
}
.sub .board_st04 .attachment {
	display:flex;
	flex-wrap:wrap;
	gap:10px 32px
}
.sub .board_st04 .attachment a,.sub .board_st04 .attachment button {
	color:#767983;
	font-size:17px;
	line-height:1;
	padding-left:28px;
	position:relative
}
.sub .board_st04 .attachment a:before,.sub .board_st04 .attachment button:before {
	background-image:url(/assets/user/kr/img/sub/attachment_icon.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	content:"";
	height:16px;
	left:0;
	position:absolute;
	top:2px;
	width:18px
}
.sub .board_st04 textarea {
	color:#767983;
	font-size:17px;
	height:180px;
	line-height:30px;
	overflow-y:scroll;
	resize:none;
	width:100%
}
@media screen and (max-width:1210px) {
	.sub .board_st04 {
		width:100%
	}
	.sub .board_st04 table {
		border-top:.33vw solid #464953
	}
	.sub .board_st04 table tbody tr {
		display:flex;
		flex-wrap:wrap
	}
	.sub .board_st04 table tbody tr td,.sub .board_st04 table tbody tr th {
		align-content:center;
		box-sizing:border-box;
		display:inline-block;
		font-size:2.33vw;
		font-weight:600;
		line-height:3.67vw;
		vertical-align:top;
		width:49%
	}
	.sub .board_st04 table tbody tr td.col_gray,.sub .board_st04 table tbody tr th.col_gray {
		color:#9699a3
	}
	.sub .board_st04 table tbody tr th {
		border-bottom:.17vw solid #d3d3d5;
		padding:2.33vw 1.67vw;
		width:13.33vw
	}
	.sub .board_st04 table tbody tr td {
		border-bottom:.17vw solid #d3d3d5;
		letter-spacing:-.04em;
		line-height:3.67vw;
		padding:2.33vw 1.17vw;
		width:calc(100% - 13.33vw)
	}
	.sub .board_st04 table tbody tr .mo_table_none {
		display:none
	}
	.sub .board_st04 table tbody tr .mo_table_col {
		width:100%
	}
	.sub .board_st04 table col {
		width:auto!important
	}
	.sub .board_st04 .attachment {
		flex-direction:column
	}
	.sub .board_st04 .attachment a,.sub .board_st04 .attachment button {
		font-size:2.33vw;
		letter-spacing:-.04em;
		line-height:2.5vw;
		padding-left:3.67vw;
		text-align:left
	}
	.sub .board_st04 .attachment a:before,.sub .board_st04 .attachment button:before {
		height:2.33vw;
		top:.17vw;
		width:2.67vw
	}
	.sub .board_st04 textarea {
		font-size:2.33vw;
		font-weight:600;
		height:25.67vw;
		line-height:3.67vw
	}
}
@media screen and (max-width:750px) {
	.sub .board_st04 table {
		border-top:.53vw solid #464953
	}
	.sub .board_st04 table tbody tr td,.sub .board_st04 table tbody tr th {
		font-size:3.73vw;
		line-height:5.87vw
	}
	.sub .board_st04 table tbody tr th {
		border-bottom:.27vw solid #d3d3d5;
		padding:3.73vw 2.67vw;
		width:21.33vw
	}
	.sub .board_st04 table tbody tr td {
		border-bottom:.27vw solid #d3d3d5;
		line-height:5.87vw;
		padding:3.73vw 1.87vw;
		width:calc(100% - 21.33vw)
	}
	.sub .board_st04 .attachment a,.sub .board_st04 .attachment button {
		font-size:3.73vw;
		line-height:4vw;
		padding-left:5.87vw
	}
	.sub .board_st04 .attachment a:before,.sub .board_st04 .attachment button:before {
		height:3.73vw;
		top:.27vw;
		width:4.27vw
	}
	.sub .board_st04 textarea {
		font-size:3.73vw;
		height:41.07vw;
		line-height:5.87vw
	}
}
.sub .tap_st01 {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	gap:4px;
	justify-content:center;
	margin-bottom:82px
}
.sub .tap_st01 a,.sub .tap_st01 button {
	align-items:center;
	background-color:#f6f9f9;
	color:#9699a3;
	display:flex;
	flex-wrap:nowrap;
	font-size:20px;
	font-weight:600;
	gap:18px;
	letter-spacing:-.04em;
	line-height:38px;
	padding:16px 32px;
	width:25%
}
.sub .tap_st01 a:before,.sub .tap_st01 button:before {
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	content:"";
	height:64px;
	width:64px
}
.sub .tap_st01 a.active,.sub .tap_st01 button.active {
	background-color:#22724a;
	color:#fff
}
.sub .tap_st01 a,.sub .tap_st01 button {
	border-radius:10px
}
.sub .tap_st01 a.common:before,.sub .tap_st01 button.common:before {
	background-image:url(/assets/user/kr/img/sub/product_support_common_off.png)
}
.sub .tap_st01 a.system:before,.sub .tap_st01 button.system:before {
	background-image:url(/assets/user/kr/img/sub/product_support_system_off.png)
}
.sub .tap_st01 a.bathroom:before,.sub .tap_st01 button.bathroom:before {
	background-image:url(/assets/user/kr/img/sub/product_support_bathroom_off.png)
}
.sub .tap_st01 a.kitchen:before,.sub .tap_st01 button.kitchen:before {
	background-image:url(/assets/user/kr/img/sub/product_support_common_kitchen_off.png)
}
.sub .tap_st01 a.air:before,.sub .tap_st01 button.air:before {
	background-image:url(/assets/user/kr/img/sub/product_support_air_off.png)
}
.sub .tap_st01 a.sub_material:before,.sub .tap_st01 button.sub_material:before {
	background-image:url(/assets/user/kr/img/sub/product_support_sub_material_off.png)
}
.sub .tap_st01 a.common.active:before,.sub .tap_st01 button.common.active:before {
	background-image:url(/assets/user/kr/img/sub/product_support_common.png)
}
.sub .tap_st01 a.system.active:before,.sub .tap_st01 button.system.active:before {
	background-image:url(/assets/user/kr/img/sub/product_support_system.png)
}
.sub .tap_st01 a.bathroom.active:before,.sub .tap_st01 button.bathroom.active:before {
	background-image:url(/assets/user/kr/img/sub/product_support_bathroom.png)
}
.sub .tap_st01 a.kitchen.active:before,.sub .tap_st01 button.kitchen.active:before {
	background-image:url(/assets/user/kr/img/sub/product_support_common_kitchen.png)
}
.sub .tap_st01 a.air.active:before,.sub .tap_st01 button.air.active:before {
	background-image:url(/assets/user/kr/img/sub/product_support_air.png)
}
.sub .tap_st01 a.sub_material.active:before,.sub .tap_st01 button.sub_material.active:before {
	background-image:url(/assets/user/kr/img/sub/product_support_sub_material.png)
}
@media screen and (max-width:1210px) {
	.sub .tap_st01 {
		flex-wrap:wrap;
		gap:.5vw;
		justify-content:flex-start;
		margin-bottom:5vw
	}
	.sub .tap_st01 a,.sub .tap_st01 button {
		box-sizing:border-box;
		flex-direction:column;
		font-size:2.17vw;
		gap:1.83vw 0;
		line-height:3.17vw;
		padding:2vw .83vw;
		width:calc(33.33% - .33vw)
	}
	.sub .tap_st01 a:before,.sub .tap_st01 button:before {
		height:6.67vw;
		width:6.67vw
	}
	.sub .tap_st01 a,.sub .tap_st01 button {
		border-radius:1.67vw
	}
}
@media screen and (max-width:750px) {
	.sub .tap_st01 {
		flex-wrap:wrap;
		gap:.8vw;
		justify-content:flex-start;
		margin-bottom:8vw
	}
	.sub .tap_st01 a,.sub .tap_st01 button {
		box-sizing:border-box;
		flex-direction:column;
		font-size:3.47vw;
		gap:2.93vw 0;
		line-height:5.07vw;
		padding:3.2vw 1.33vw;
		width:calc(33.33% - .53vw)
	}
	.sub .tap_st01 a:before,.sub .tap_st01 button:before {
		height:10.67vw;
		width:10.67vw
	}
	.sub .tap_st01 a,.sub .tap_st01 button {
		border-radius:2.67vw
	}
}
.sub .tap_st01_in>li {
	display:none
}
.sub .tap_st01_in>li.active {
	display:block
}
.sub .accordion_st01 {
	border-top:1px solid #464953
}
.sub .accordion_st01 button {
	color:#464953;
	font-size:22px;
	font-weight:600;
	letter-spacing:-.04em;
	line-height:40px;
	padding:44px 40px;
	position:relative;
	text-align:left;
	width:100%
}
.sub .accordion_st01 button:before {
	background-image:url(/assets/user/kr/img/sub/pdp_visual_arcodian_arrow.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	content:"";
	height:9px;
	position:absolute;
	right:30px;
	top:50%;
	transform:translateY(-50%);
	transition:all .3s ease;
	width:16px
}
.sub .accordion_st01 table {
    width:100%!important
}
.sub .accordion_st01 .accordion_st01_txt>div,.sub .accordion_st01 p {
	color:#767983;
	font-size:17px;
	font-weight:600;
	line-height:30px
}
.sub .accordion_st01>li {
	border-bottom:1px solid #d6dbe1;
	overflow:hidden;
}
.sub .accordion_st01>li .accordion_st01_txt {
	background-color:#f6f9f9;
	height:0;
    overflow: hidden
	/*transition:all .3s ease*/
}
/*.sub .accordion_st01>li .accordion_st01_txt p,.sub .accordion_st01>li .accordion_st01_txt>div {
	padding:42px 72px
}*/
.sub .accordion_st01 > li .accordion_st01_txt .editor_wrap {
    color: #767983;
    font-size: 17px;
    font-weight: 600;
    line-height: 30px;
    padding: 42px 72px
}
.sub .accordion_st01 > li .accordion_st01_txt .attachment_wrap {
    align-items: stretch;
    display: flex;
    min-height: 90px
}
.sub .accordion_st01 > li .accordion_st01_txt .attachment_wrap strong {
    align-items: flex-start;
    background-color: #e5eded;
    color: #464953;
    display: flex;
    font-size: 17px;
    font-weight: 500;
    justify-content: center;
    padding-top: 38px;
    width: 150px
}
.sub .accordion_st01 > li .accordion_st01_txt .attachment_wrap ul {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 34px;
    padding: 34px 35px;
    width: calc(100% - 150px)
}
.sub .accordion_st01 > li .accordion_st01_txt .attachment_wrap ul a {
    color: #767983;
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    padding-left: 28px;
    position: relative
}
.sub .accordion_st01 > li .accordion_st01_txt .attachment_wrap ul a:before {
    background-image: url(/assets/user/kr/img/sub/attachment_icon.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 18px
}
.sub .accordion_st01>li.active button:before {
	transform:translateY(-50%) rotate(180deg)
}
@media screen and (max-width:1210px) {
	.sub .accordion_st01 {
		border-top:.08vw solid #464953
	}
	.sub .accordion_st01 button {
		font-size:2.5vw;
		line-height:3.83vw;
		padding:3.67vw 3.33vw
	}
	.sub .accordion_st01 button:before {
		height:1.08vw;
		right:2.67vw;
		width:1.83vw
	}
    /*.sub .accordion_st01 .accordion_st01_txt>div,.sub .accordion_st01 p {
		font-size:2.17vw;
		line-height:3.5vw
	}*/
	.sub .accordion_st01>li {
		border-bottom:.08vw solid #d6dbe1
	}
    /*.sub .accordion_st01>li .accordion_st01_txt p,.sub .accordion_st01>li .accordion_st01_txt>div {
		padding:3.67vw 3.33vw
	}*/
    .sub .accordion_st01 > li .accordion_st01_txt .editor_wrap {
        font-size: 2.15vw;
        line-height: 3.47vw;
        padding: 3.64vw 3.31vw
    }
    .sub .accordion_st01 > li .accordion_st01_txt .attachment_wrap {
        height: auto
    }
    .sub .accordion_st01 > li .accordion_st01_txt .attachment_wrap strong {
        align-items: flex-start;
        font-size: 2.31vw;
        padding-top: 2.89vw;
        width: 13.22vw
    }
    .sub .accordion_st01 > li .accordion_st01_txt .attachment_wrap ul {
        display: block;
        padding: 2.89vw;
        width: calc(100% - 13.22vw)
    }
    .sub .accordion_st01 > li .accordion_st01_txt .attachment_wrap ul li {
        margin-bottom: 2.07vw
    }

    .sub .accordion_st01 > li .accordion_st01_txt .attachment_wrap ul li:last-child {
        margin: 0
    }
    .sub .accordion_st01 > li .accordion_st01_txt .attachment_wrap ul a {
        font-size: 2.31vw;
        line-height: 2.48vw;
        max-width: 90%;
        overflow: hidden;
        padding-left: 3.64vw;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .sub .accordion_st01 > li .accordion_st01_txt .attachment_wrap ul a:before {
        height: 2.31vw;
        top: .17vw;
        width: 2.64vw
    }
}
@media screen and (max-width:750px) {
	.sub .accordion_st01 {
		border-top:.13vw solid #464953
	}
	.sub .accordion_st01 button {
		font-size:4vw;
		line-height:6.13vw;
		padding:5.87vw 5.33vw
	}
	.sub .accordion_st01 button:before {
		height:1.73vw;
		right:4.27vw;
		width:2.93vw
	}
    /*.sub .accordion_st01 .accordion_st01_txt>div,.sub .accordion_st01 p {
		font-size:3.47vw;
		line-height:5.6vw
	}*/
	.sub .accordion_st01>li {
		border-bottom:.13vw solid #d6dbe1
	}
    /*.sub .accordion_st01>li .accordion_st01_txt p,.sub .accordion_st01>li .accordion_st01_txt>div {
		padding:5.87vw 5.33vw
	}*/
    .sub .accordion_st01 > li .accordion_st01_txt .editor_wrap {
        font-size: 3.47vw;
        line-height: 5.6vw;
        padding: 5.87vw 5.33vw
    }

    .sub .accordion_st01 > li .accordion_st01_txt .attachment_wrap strong {
        font-size: 3.73vw;
        padding-top: 4.67vw;
        width: 21.33vw
    }

    .sub .accordion_st01 > li .accordion_st01_txt .attachment_wrap ul {
        padding: 4.67vw;
        width: calc(100% - 21.33vw)
    }

    .sub .accordion_st01 > li .accordion_st01_txt .attachment_wrap ul li {
        margin-bottom: 3.33vw
    }

    .sub .accordion_st01 > li .accordion_st01_txt .attachment_wrap ul li:last-child {
        margin: 0
    }

    .sub .accordion_st01 > li .accordion_st01_txt .attachment_wrap ul a {
        font-size: 3.73vw;
        line-height: 4vw;
        padding-left: 5.87vw
    }

    .sub .accordion_st01 > li .accordion_st01_txt .attachment_wrap ul a:before {
        height: 3.73vw;
        top: .27vw;
        width: 4.27vw
    }
}
.sub .board_edit {
	position:relative
}
.sub .board_edit .btn_share {
	position:absolute;
	right:0;
	top:-66px
}
.sub .board_edit .btn_share button {
	background-color:#e7ece9;
	background-image:url(/assets/user/kr/img/sub/share_icon.svg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:16px auto;
	border:1px solid #dadade;
	border-radius:23px;
	height:46px;
	text-indent:-9999px;
	transition:all .3s ease;
	width:46px
}
.sub .board_edit .btn_share button:hover {
	background-color:#22724a;
	background-image:url(/assets/user/kr/img/sub/share_icon_white.svg)
}
.sub .board_edit .board_attachment {
	border-bottom:1px solid #d6dbe1;
	display:table;
	height:92px;
	width:100%
}
.sub .board_edit .board_attachment strong {
	background-color:#f7f8f9;
	box-sizing:border-box;
	display:table-cell;
	flex:none;
	font-size:17px;
	line-height:30px;
	padding:0 10px 0 30px;
	vertical-align:middle;
	width:150px
}
.sub .board_edit .board_attachment .attachment {
	display:table-cell;
	padding:0 42px;
	vertical-align:middle
}
.sub .board_edit .board_attachment .attachment a,.sub .board_edit .board_attachment .attachment button {
	color:#767983;
	font-size:17px;
	font-weight:400;
	line-height:1;
	padding:0 28px;
	position:relative
}
.sub .board_edit .board_attachment .attachment a:before,.sub .board_edit .board_attachment .attachment button:before {
	background-image:url(/assets/user/kr/img/sub/attachment_icon.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	content:"";
	height:16px;
	left:0;
	position:absolute;
	top:2px;
	width:18px
}
.sub .board_edit .board_edit_tit {
	border-bottom:1px solid #d6dbe1;
	border-top:2.4px solid #464953;
	padding:68px 10px 52px;
	text-align:center
}
.sub .board_edit .board_edit_tit strong {
	display:block;
	font-size:38px;
	font-weight:700;
	letter-spacing:-.05em
}
.sub .board_edit .board_edit_tit span {
	display:block;
	font-size:18px;
	font-weight:600;
	margin-top:44px
}
.sub .board_edit .board_edit_txt {
	border-bottom:2.4px solid #464953;
	color:#767983;
	font-size:16px;
	font-weight:400;
	letter-spacing:-.03em;
	line-height:30px;
	padding:90px 126px 106px
}
.sub .board_edit .board_edit_txt img {
    height: unset !important;
	max-width:100%
}
.sub .board_edit .board_edit_txt a {
	color:#767983
}
.sub .board_edit .board_edit_btn {
	display:inline-block;
	margin-top:80px;
	position:relative;
	width:100%
}
.sub .board_edit .board_edit_btn .next,.sub .board_edit .board_edit_btn .prev {
	align-items:center;
	color:#9699a3;
	display:flex;
	font-size:17px;
	font-weight:400;
	gap:20px
}
.sub .board_edit .board_edit_btn .next span,.sub .board_edit .board_edit_btn .prev span {
	color:#464953;
	display:flex;
	font-size:20px;
	font-weight:600;
	gap:16px
}
.sub .board_edit .board_edit_btn .next span:before,.sub .board_edit .board_edit_btn .prev span:before {
	background-image:url(/assets/user/kr/img/sub/board_edit_btn_arrow.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	content:"";
	height:18px;
	width:10px
}
.sub .board_edit .board_edit_btn .next p,.sub .board_edit .board_edit_btn .prev p {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:320px
}
.sub .board_edit .board_edit_btn .prev {
	float:left
}
.sub .board_edit .board_edit_btn .next,.sub .board_edit .board_edit_btn .next span {
	flex-direction:row-reverse;
	float:right
}
.sub .board_edit .board_edit_btn .next span:before {
	transform:rotate(180deg)
}
.sub .board_edit .board_edit_btn .next p {
	text-align:right
}
.sub .board_edit .board_edit_btn .btn_st01 {
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%,-50%);
	transition:all .2s ease
}
.sub .board_edit .board_edit_btn .btn_st01:after {
	display:none
}
.sub .board_edit .board_edit_btn .btn_st01:hover {
	background-color:#19734a
}
@media screen and (max-width:1210px) {
	.sub .board_edit .btn_share {
		top:-8.33vw
	}
	.sub .board_edit .btn_share button {
		background-size:2.33vw auto;
		border:.17vw solid #dadade;
		border-radius:2.92vw;
		height:5.83vw;
		width:5.83vw
	}
	.sub .board_edit .board_edit_tit {
		border-bottom:.17vw solid #d6dbe1;
		border-top:.33vw solid #464953;
		padding:5.17vw 1.83vw 4.83vw
	}
	.sub .board_edit .board_edit_tit strong {
		font-size:3.17vw;
		line-height:4.5vw
	}
	.sub .board_edit .board_edit_tit span {
		font-size:2.33vw;
		margin-top:2.67vw
	}
	.sub .board_edit .board_attachment {
		border-bottom:.17vw solid #d6dbe1;
		height:8.5vw
	}
	.sub .board_edit .board_attachment strong {
		font-size:2.33vw;
		line-height:3.67vw;
		padding:2.67vw 0 2.67vw 1.83vw;
		width:13.33vw
	}
	.sub .board_edit .board_attachment .attachment {
		padding:2.33vw 1vw
	}
	.sub .board_edit .board_attachment .attachment a,.sub .board_edit .board_attachment .attachment button {
		display:block;
		font-size:2.33vw;
		letter-spacing:-.04em;
		line-height:2.5vw;
		margin-bottom:.83vw;
		overflow:hidden;
		padding-left:3.67vw;
		text-align:left;
		text-overflow:ellipsis;
		white-space:nowrap
	}
	.sub .board_edit .board_attachment .attachment a:before,.sub .board_edit .board_attachment .attachment button:before {
		height:2.33vw;
		top:.17vw;
		width:2.67vw
	}
	.sub .board_edit .board_attachment .attachment a:last-of-type,.sub .board_edit .board_attachment .attachment button:last-of-type {
		margin-bottom:0
	}
	.sub .board_edit .board_edit_txt {
		border-bottom:.33vw solid #464953;
		color:#464953;
		font-size:2.17vw;
		font-weight:400;
		line-height:3.33vw;
		padding:8.5vw 1.67vw 8.33vw;
		word-break:break-all
	}
	.sub .board_edit .board_edit_btn {
		display:flex;
		flex-wrap:wrap;
		margin-top:5.5vw
	}
	.sub .board_edit .board_edit_btn .next,.sub .board_edit .board_edit_btn .prev {
		color:#767983;
		display:flex;
		display:block;
		font-size:2.33vw;
		font-weight:500;
		gap:1.67vw;
		width:50%
	}
	.sub .board_edit .board_edit_btn .next span,.sub .board_edit .board_edit_btn .prev span {
		color:#464953;
		font-size:2.5vw;
		gap:2vw
	}
	.sub .board_edit .board_edit_btn .next span:before,.sub .board_edit .board_edit_btn .prev span:before {
		height:2vw;
		width:1.33vw
	}
	.sub .board_edit .board_edit_btn .next p,.sub .board_edit .board_edit_btn .prev p {
		margin-top:2.5vw;
		width:41.67vw
	}
	.sub .board_edit .board_edit_btn .prev p {
		float:left
	}
	.sub .board_edit .board_edit_btn .next p {
		float:right
	}
	.sub .board_edit .board_edit_btn .btn_st01 {
		border-radius:4.83vw;
		font-size:2.5vw;
		font-weight:700;
		left:auto;
		margin-top:8.33vw;
		padding:3.5vw 0;
		position:relative;
		top:auto;
		transform:unset;
		width:100%
	}
}
@media screen and (max-width:750px) {
	.sub .board_edit .btn_share {
		top:-13.33vw
	}
	.sub .board_edit .btn_share button {
		background-size:3.73vw auto;
		border:.27vw solid #dadade;
		border-radius:4.67vw;
		height:9.33vw;
		width:9.33vw
	}
	.sub .board_edit .board_edit_tit {
		border-bottom:.27vw solid #d6dbe1;
		border-top:.53vw solid #464953;
		padding:8.27vw 2.93vw 7.73vw
	}
	.sub .board_edit .board_edit_tit strong {
		font-size:5.07vw;
		line-height:7.2vw
	}
	.sub .board_edit .board_edit_tit span {
		font-size:3.73vw;
		margin-top:3.47vw
	}
	.sub .board_edit .board_attachment {
		border-bottom:.27vw solid #d6dbe1;
		height:13.6vw
	}
	.sub .board_edit .board_attachment strong {
		font-size:3.73vw;
		line-height:5.87vw;
		padding:4.27vw 0 4.27vw 2.93vw;
		width:21.33vw
	}
	.sub .board_edit .board_attachment .attachment {
		padding:3.73vw 1.6vw
	}
	.sub .board_edit .board_attachment .attachment a,.sub .board_edit .board_attachment .attachment button {
		font-size:3.73vw;
		line-height:4vw;
		margin-bottom:1.33vw;
		padding-left:5.87vw
	}
	.sub .board_edit .board_attachment .attachment a:before,.sub .board_edit .board_attachment .attachment button:before {
		height:3.73vw;
		top:.27vw;
		width:4.27vw
	}
	.sub .board_edit .board_edit_txt {
		border-bottom:.53vw solid #464953;
		color:#464953;
		font-size:3.47vw;
		line-height:5.33vw;
		padding:13.6vw 2.67vw 13.33vw
	}
	.sub .board_edit .board_edit_btn {
		margin-top:8.8vw
	}
	.sub .board_edit .board_edit_btn .next,.sub .board_edit .board_edit_btn .prev {
		font-size:3.73vw;
		gap:2.67vw;
		width:50%
	}
	.sub .board_edit .board_edit_btn .next span,.sub .board_edit .board_edit_btn .prev span {
		font-size:4vw;
		gap:3.2vw
	}
	.sub .board_edit .board_edit_btn .next span:before,.sub .board_edit .board_edit_btn .prev span:before {
		height:3.2vw;
		width:2.13vw
	}
	.sub .board_edit .board_edit_btn .next p,.sub .board_edit .board_edit_btn .prev p {
		margin-top:4vw;
		width:40vw
	}
	.sub .board_edit .board_edit_btn .btn_st01 {
		border-radius:7.73vw;
		font-size:4vw;
		font-weight:700;
		margin-top:13.33vw;
		padding:5.6vw 0
	}
}
.sub .h3_st01 {
	color:#22724a;
	font-size:22px;
	font-weight:600;
	letter-spacing:-.02em;
	line-height:34px;
	text-align:center
}
@media screen and (max-width:1210px) {
	.sub .h3_st01 {
		font-size:2.5vw;
		line-height:3.83vw
	}
}
@media screen and (max-width:750px) {
	.sub .h3_st01 {
		font-size:4vw;
		line-height:6.13vw
	}
}
.sub .p_st01 {
	font-size:58px;
	font-weight:600;
	letter-spacing:-.04em;
	line-height:82px;
	margin-top:40px;
	text-align:center
}
@media screen and (max-width:1210px) {
	.sub .p_st01 {
		font-size:5.17vw;
		line-height:7.67vw;
		margin-top:3.5vw
	}
}
@media screen and (max-width:750px) {
	.sub .p_st01 {
		font-size:8.27vw;
		line-height:12.27vw;
		margin-top:5.6vw
	}
}
.sub .p_st02 {
	color:#767983;
	font-size:16px;
	letter-spacing:-.05em;
	line-height:28px
}
@media screen and (max-width:1210px) {
	.sub .p_st02 {
		font-size:2.33vw;
		line-height:3.67vw
	}
}
@media screen and (max-width:750px) {
	.sub .p_st02 {
		font-size:3.73vw;
		line-height:5.87vw
	}
}
.sub .p_st03 {
	font-size:20px;
	font-weight:700;
	margin-bottom:30px
}
@media screen and (max-width:1210px) {
	.sub .p_st03 {
		font-size:2.67vw;
		margin-bottom:3.33vw
	}
}
@media screen and (max-width:750px) {
	.sub .p_st03 {
		font-size:4.27vw;
		margin-bottom:5.33vw
	}
}
.sub .align_left {
	text-align:left
}
.sub .align_right {
	text-align:right
}
.sub .align_center {
	text-align:center
}
.sub .col_black {
	color:#464953!important
}
.sub .col_white {
	color:#fff!important
}
.sub .strong_st01 {
	display:block;
	font-size:40px;
	font-weight:600;
	letter-spacing:-.04em;
	line-height:54px;
	margin:180px 0 60px
}
@media screen and (max-width:1210px) {
	.sub .strong_st01 {
		font-size:4.17vw;
		line-height:5.83vw;
		margin:18vw 0 6.67vw
	}
}
@media screen and (max-width:750px) {
	.sub .strong_st01 {
		font-size:6.67vw;
		line-height:9.33vw;
		margin:28.8vw 0 10.67vw
	}
}
.sub .txt_coloring {
	margin:302px auto;
	text-align:center
}
.sub .txt_coloring span {
	display:block!important;
	font-size:44px;
	font-weight:700;
	letter-spacing:-.02em;
	line-height:60px
}
.sub .txt_coloring .mgn_b40 {
	margin-bottom:40px
}
.sub .txt_coloring.font2 {
	margin:200px auto
}
.sub .txt_coloring.font2 span {
	font-size:28px;
	font-weight:700;
	letter-spacing:-.03em;
	line-height:42px
}
@media screen and (max-width:1210px) {
	.sub .txt_coloring {
		margin:25vw auto;
		max-width:92.67vw
	}
	.sub .txt_coloring span {
		font-size:3.67vw;
		letter-spacing:-.02em;
		line-height:5vw;
		margin:0 auto
	}
	.sub .txt_coloring .mgn_b40 {
		margin-bottom:4.5vw
	}
	.sub .txt_coloring.font2 {
		margin:18.33vw auto
	}
	.sub .txt_coloring.font2 span {
		font-size:2.83vw;
		line-height:4.33vw
	}
}
@media screen and (max-width:750px) {
	.sub .txt_coloring {
		margin:40vw auto;
		max-width:90.4vw
	}
	.sub .txt_coloring span {
		font-size:5.87vw;
		letter-spacing:-.02em;
		line-height:8vw
	}
	.sub .txt_coloring .mgn_b40 {
		margin-bottom:7.2vw
	}
	.sub .txt_coloring.font2 {
		margin:29.33vw auto
	}
	.sub .txt_coloring.font2 span {
		font-size:4.53vw;
		line-height:6.93vw;
		margin-left:auto;
		margin-right:auto
	}
}
.sub .img_folding {
	height:520px;
	overflow:hidden;
	position:relative;
	width:100%
}
.sub .img_folding .img_folding_in {
	border-radius:20px;
	height:520px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	width:1200px
}
.sub .img_folding .img_folding_in img {
	background-position:50%;
	left:50%;
	position:absolute;
	top:0;
	transform:translate(-50%)
}
@media screen and (max-width:1210px) {
	.sub .img_folding {
		height:37.67vw;
		margin:0 auto
	}
	.sub .img_folding .img_folding_in {
		height:37.67vw;
		width:92.67vw
	}
	.sub .img_folding .img_folding_in img {
		height:100%
	}
}
@media screen and (max-width:750px) {
	.sub .img_folding {
		height:60.27vw
	}
	.sub .img_folding .img_folding_in {
		height:60.27vw;
		width:90.4vw
	}
}
.sub .up_effect_wrap {
	margin-bottom:120px;
	overflow:hidden
}
.sub .up_effect_wrap .h3_st01,.sub .up_effect_wrap .p_st01 p {
	overflow:hidden
}
.sub .up_effect_wrap span {
	display:block
}
@media screen and (max-width:1210px) {
	.sub .up_effect_wrap {
		margin-bottom:10vw
	}
}
@media screen and (max-width:750px) {
	.sub .up_effect_wrap {
		margin-bottom:16vw
	}
}
.sub .right_effect li {
	opacity:0;
	transform:translateY(50px)
}
.sub .sub_anchor_wrap {
    overflow: hidden;
	position:sticky;
    bottom:20px;
    /* left: 50%; */
    padding: 10px;
	margin-bottom:20px;
    border-radius: 30px;
    /* translate: -50% 0; */
	background-color:#22724a;
	z-index:30;
    /*  작업중 */
    width: fit-content;
    max-width: 80vw;
    margin: auto;
}
.sub .sub_anchor {
	display: flex;
    width: fit-content;
}
.sub .sub_anchor li {
    border-radius:20px;
    box-sizing:border-box;
    transition:all .2s ease;
	min-width:160px;
    padding: 10px;
	text-align:center;
}
.sub .sub_anchor li a {
	color:#91b9a5;
	font-size:18px;
	font-weight:600;
	transition:all .2s ease;
    white-space: nowrap;
}
.sub .sub_anchor li.active{
    background-color:#fff;
}
.sub .sub_anchor li.active a {
	color:#22724a;
	font-weight:700
}
@media screen and (max-width:1210px) {
	.sub .sub_anchor_wrap {
        border-radius:3.92vw;
		bottom:3.33vw;
        padding:1vw;
	}
	.sub .sub_anchor {
		bottom:3.33vw;
		
	}
	.sub .sub_anchor li {
		border-radius:2.92vw;
		min-width:auto;
        padding: 1.67vw;
	}
	.sub .sub_anchor li a {
		font-size:2.5vw;
	}
}
@media screen and (max-width:750px) {
	.sub .sub_anchor_wrap {
        border-radius:6.27vw;
		bottom:5.33vw;
        padding:1.6vw
	}
	.sub .sub_anchor {
		bottom:5.33vw;
	}
    .sub .sub_anchor li{
        border-radius:4.67vw;
        padding:2.67vw;
    }
	.sub .sub_anchor li a {
		font-size:4vw;
		width:28.53vw
	}
}
.sub.plp {
    overflow-x:clip
}
.sub.plp .plp_filter_wrap {
    display:flex;
    gap:70px
}
.sub.plp .plp_filter_wrap .dimmed {
    left:0;
    transition:all .3s ease;
    visibility:hidden
}
.sub.plp .no_data {
    padding-top:348px;
    text-align:center;
    width:100%
}
.sub.plp .plp_filter {
    flex:none;
    width:250px
}
.sub.plp .plp_filter h3 {
    background-image:url(/assets/user/kr/img/sub/plp_filter_icon.png);
    background-position:0 5px;
    background-repeat:no-repeat;
    background-size:17px auto;
    font-size:18px;
    line-height:28px;
    padding-left:28px
}
.sub.plp .plp_filter strong {
    align-items:center;
    display:inline-flex;
    font-size:16px;
    line-height:28px;
    margin-bottom:16px;
    position:relative
}
.sub.plp .plp_filter .plp_filter_box {
    border-top:1px solid #d6dbe1;
    margin-top:30px;
    padding-top:26px
}
.sub.plp .plp_filter .plp_filter_box:first-of-type {
    margin-top:20px
}
.sub.plp .plp_filter .plp_filter_box .check_box {
    display:flex;
    flex-wrap:wrap;
    gap:8px 10px
}
.sub.plp .plp_filter .plp_filter_box .check_box li {
    min-width:calc(50% - 5px);
    position:relative
}
.sub.plp .plp_filter .plp_filter_box .check_st01 {
    position:relative
}
.sub.plp .plp_filter .plp_filter_box .question_btn {
    background-color:#babac1;
    border-radius:999px;
    color:#fff;
    font-size:13px;
    height:17px;
    margin-left:5px;
    width:17px
}
.sub.plp .plp_filter .plp_filter_box .tool_tip_wrap {
    left:calc(100% + 11px);
    opacity:0;
    position:absolute;
    top:-21px;
    visibility:hidden;
    width:234px;
    z-index:50
}
.sub.plp .plp_filter .plp_filter_box .tool_tip_wrap.active {
    opacity:1;
    visibility:visible
}
.sub.plp .plp_filter .plp_filter_box .tool_tip_wrap {
    transition:all .2s ease
}
.sub.plp .plp_filter .plp_filter_box .tool_tip {
    background-color:#fff;
    border:1px solid #464953;
    border-radius:14px;
    box-sizing:border-box;
    color:#767983;
    font-size:14px;
    font-weight:400;
    line-height:22px;
    padding:28px 40px 28px 24px;
    position:relative;
    width:100%
}
.sub.plp .plp_filter .plp_filter_box .tool_tip button {
    background-image:url(/assets/user/kr/img/sub/tool_tip_close.png);
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:cover;
    height:12px;
    position:absolute;
    right:16px;
    text-indent:-9999px;
    top:15px;
    width:12px
}
.sub.plp .plp_filter .plp_filter_box .tool_tip:before {
    background-image:url(/assets/user/kr/img/sub/tool_tip_arrow.png);
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:cover;
    content:"";
    height:10px;
    left:-8px;
    position:absolute;
    top:26px;
    width:8px
}
.sub.plp .plp_list {
    display:flex;
    flex:1;
    flex-wrap:wrap;
    gap:70px 20px;
    padding-bottom:180px;
    position:relative
}
.sub.plp .plp_list .btn_more {
    bottom:0;
    left:50%;
    position:absolute;
    transform:translate(-50%)
}
.sub.plp .plp_list .plp_list_box {
    background-color:#f6f9f9;
    border-radius:20px;
    box-sizing:border-box;
    color:#22724a;
    display:block;
    height:643px;
    padding:20px 20px 30px;
    position:relative;
    text-align:center;
    transition:all .2s ease;
    width:380px
}
.sub.plp .plp_list .plp_list_box:hover {
    background-color:#e8f2df
}
.sub.plp .plp_list .plp_list_box:hover strong {
    color:#22724a
}
.sub.plp .plp_list .plp_list_box:hover .plp_list_box_ul_wrap.plp_scroll:after,.sub.plp .plp_list .plp_list_box:hover .plp_list_box_ul_wrap.plp_scroll:before {
    background-image:url(/assets/user/kr/img/sub/plp_list_box_shadow_green.png)
}
.sub.plp .plp_list .plp_list_box:last-of-type {
    margin-right:0
}
.sub.plp .plp_list .plp_list_box .img_box {
    position:relative
}
.sub.plp .plp_list .plp_list_box .img_box img {
    border-radius:12px;
    height:330px;
    object-fit:cover;
    width:100%
}
.sub.plp .plp_list .plp_list_box .img_box img.hover_img {
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    transition:all .2s ease;
    visibility:hidden
}
.sub.plp .plp_list .plp_list_box .img_box img.hover_img.active {
    opacity:1;
    visibility:visible
}
.sub.plp .plp_list .plp_list_box strong {
    color:#464953;
    display:block;
    margin-top: 24px;
    font-size:24px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.sub.plp .plp_list .plp_list_box p {
    color:#767983;
    font-size:17px;
    letter-spacing:-.02em;
    line-height:28px;
    margin:12px 0 0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.sub.plp .plp_list .plp_list_box .plp_list_box_ul_wrap {
    overflow:hidden;
    position:relative;
    width:100%;
    margin: 24px 0;
}
.sub.plp .plp_list .plp_list_box .plp_list_box_ul_wrap.scroll:before {
    background-image:url(/assets/user/kr/img/sub/plp_list_box_shadow.png);
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:cover;
    content:"";
    height:40px;
    position:absolute;
    right:0;
    top:0;
    top:50%;
    transform:translateY(-50%);
    transition:all .2s ease;
    width:44px
}
.sub.plp .plp_list .plp_list_box .plp_list_box_ul_wrap.scroll ul {
    justify-content:flex-start
}

.sub.plp .plp_list .plp_list_box .plp_list_box_ul_wrap.scroll ul::after {
    content: "\00a0";
    display: block;
    width: 1px;
    height: 100%;
}
.sub.plp .plp_list .plp_list_box .plp_list_box_ul_wrap.scroll ul li:last-of-type {
    margin-right:44px
}
.sub.plp .plp_list .plp_list_box ul {
    gap:3px;
    overflow-x:auto;
    width:100%
}
.sub.plp .plp_list .plp_list_box ul::-webkit-scrollbar {
    display:none
}
.sub.plp .plp_list .plp_list_box ul {
    align-items:center;
    display:flex;
    flex-wrap:nowrap;
    justify-content:center
}
.sub.plp .plp_list .plp_list_box ul li {
    background-color:#fff;
    border:1px solid #dadade;
    border-radius:20px;
    box-sizing:border-box;
    color:#22724a;
    flex:none;
    font-size:15px;
    font-weight:600;
    height:40px;
    letter-spacing:-.02em;
    padding:11px 12px;
    user-select: none;
    -webkit-user-drag: none; /* Safari */
    -webkit-user-select: none;
}
.sub.plp .plp_list .plp_btn_box {
    gap:10px;
    justify-content:space-between;
    margin-top:50px
}
.sub.plp .plp_list .plp_btn_box>a {
    min-width:164px
}
.sub.plp .plp_list .plp_btn_box {
    align-items:center;
    display:flex;
    flex-wrap:nowrap;
    justify-content:center
}
@media screen and (max-width:1210px) {
    .sub.plp .location {
        display:none
    }
    .sub.plp .plp_filter_wrap {
        gap:5.79vw;
        padding:4.05vw 0 0
    }
    .sub.plp .plp_filter_wrap.active .plp_filter {
        bottom:0;
        left:0
    }
    .sub.plp .plp_filter_wrap.active .dimmed {
        opacity:.502;
        visibility:visible
    }
    .sub.plp .plp_filter_btn {
        box-sizing:border-box;
        margin:4.05vw 0 3.22vw;
        padding-bottom:5.45vw;
        padding-left:5.37vw;
        position:relative;
        width:100%
    }
    .sub.plp .plp_filter_btn:before {
        background-image:url(/assets/user/kr/img/sub/plp_filter_icon.png);
        background-position:50% 50%;
        background-repeat:no-repeat;
        background-size:cover;
        content:"";
        height:2.31vw;
        left:0;
        position:absolute;
        top:calc(50% - 2.64vw);
        transform:translateY(-50%);
        width:2.48vw
    }
    .sub.plp .plp_filter_btn:after {
        background-color:#f6f9f9;
        background-position:50% 50%;
        background-repeat:no-repeat;
        background-size:cover;
        bottom:0;
        content:"";
        height:1.32vw;
        left:50%;
        position:absolute;
        transform:translate(-50%);
        width:120%
    }
    .sub.plp .plp_filter_btn ul {
        gap:.66vw;
        margin-right:-2.98vw;
        overflow-x:auto;
        padding-right:3.64vw
    }
    .sub.plp .plp_filter_btn ul::-webkit-scrollbar {
        display:none
    }
    .sub.plp .plp_filter_btn ul {
        display:flex;
        flex-wrap:nowrap
    }
    .sub.plp .plp_filter_btn ul li {
        flex:none;
        position:relative
    }
    .sub.plp .plp_filter_btn ul li button {
        border:1px solid #d6dbe1;
        border-radius:3.06vw;
        color:#9699a3;
        font-size:2.15vw;
        font-weight:600;
        letter-spacing:-.06em;
        padding:1.9vw 4.55vw 1.9vw 2.27vw
    }
    .sub.plp .plp_filter_btn ul li button:before {
        background-image:url(/assets/user/kr/img/sub/plp_btn_down_mo.png);
        background-position:50% 50%;
        background-repeat:no-repeat;
        background-size:cover;
        content:"";
        height:.91vw;
        position:absolute;
        right:1.98vw;
        top:50%;
        transform:translateY(-50%);
        width:1.49vw
    }
    .sub.plp .plp_filter {
        background-color:#fff;
        border-radius:4.96vw 4.96vw 0 0;
        bottom:-100%;
        box-sizing:border-box;
        height:90%;
        left:0;
        padding:4.46vw 4.46vw 0;
        position:fixed;
        transition:all .3s ease;
        width:100%;
        z-index:2010
    }
    .sub.plp .plp_filter h3 {
        background:none;
        font-size:3.31vw;
        line-height:4.63vw;
        padding-bottom:3.31vw;
        padding-left:0
    }
    .sub.plp .plp_filter strong {
        font-size:2.64vw;
        line-height:3.64vw;
        margin-bottom:3.14vw
    }
    .sub.plp .plp_filter .plp_filter_box {
        border-top:.08vw solid #d6dbe1;
        box-sizing:border-box;
        margin-top:0;
        max-width:100%;
        overflow-x:clip;
        padding-bottom:4.13vw;
        padding-top:4.13vw
    }
    .sub.plp .plp_filter .plp_filter_box:first-of-type {
        margin-top:0
    }
    .sub.plp .plp_filter .plp_filter_box:last-of-type {
        padding-bottom:14.05vw
    }
    .sub.plp .plp_filter .plp_filter_box .check_box {
        gap:1.82vw 0
    }
    .sub.plp .plp_filter .plp_filter_box .check_box li {
        min-width:33.33%
    }
    .sub.plp .plp_filter .plp_filter_box .question_btn {
        font-size:1.98vw;
        height:2.81vw;
        margin-left:1.32vw;
        width:2.81vw
    }
    .sub.plp .plp_filter .plp_filter_box .tool_tip_wrap {
        left:calc(100% + 1.9vw);
        top:-2.15vw;
        width: 28.93vw
    }
    .sub.plp .plp_filter .plp_filter_box .tool_tip {
        border:1.5px solid #464953;
        border-radius:1.16vw;
        font-size:1.98vw;
        line-height:2.64vw;
        padding:2.98vw 6.94vw 2.81vw 2.64vw;
        position:relative;
        /*width:33.22vw*/
    }
    .sub.plp .plp_filter .plp_filter_box .tool_tip button {
        height:1.82vw;
        right:2.23vw;
        top:2.31vw;
        width:1.82vw
    }
    .sub.plp .plp_filter .plp_filter_box .tool_tip:before {
        height:1.49vw;
        left:-1.16vw;
        top:2.98vw;
        width:1.24vw
    }
    .sub.plp .plp_filter .close {
        background-image:url(/assets/user/kr/img/common/gnb_close_mo.png);
        background-position:50% 50%;
        background-repeat:no-repeat;
        background-size:cover;
        height:2.48vw;
        position:absolute;
        right:5.12vw;
        text-indent:-9999px;
        top:3.64vw;
        width:2.48vw
    }
    .sub.plp .plp_filter .plp_filter_in {
        height:calc(100% - 16.53vw);
        overflow-y:scroll;
        padding-bottom:8.6vw
    }
    .sub.plp .plp_filter .plp_filter_select .select_list {
        background-color:#fff;
        background-color:#f6f9f9;
        bottom:12.56vw;
        box-shadow:0 -1.65vw 2.48vw 0 rgba(5,5,5,.1);
        box-sizing:border-box;
        display:flex;
        flex-wrap:nowrap;
        gap:1.16vw;
        height:8.6vw;
        left:0;
        padding:1.57vw 4.55vw;
        position:absolute;
        width:100%;
        z-index:10
    }
    .sub.plp .plp_filter .plp_filter_select .select_list .reset {
        background-color:#fff;
        background-image:url(/assets/user/kr/img/sub/reset_icon.png);
        background-position:50% 50%;
        background-repeat:no-repeat;
        background-size:2.48vw auto;
        border:.08vw solid #d9dee4;
        border-radius:2.73vw;
        box-sizing:border-box;
        flex:none;
        height:5.45vw;
        text-indent:-9999px;
        width:5.45vw
    }
    .sub.plp .plp_filter .plp_filter_select .select_list ul {
        gap:.66vw;
        overflow-x:auto;
        user-select:none
    }
    .sub.plp .plp_filter .plp_filter_select .select_list ul::-webkit-scrollbar {
        display:none
    }
    .sub.plp .plp_filter .plp_filter_select .select_list ul {
        display:flex;
        flex-wrap:nowrap
    }
    .sub.plp .plp_filter .plp_filter_select .select_list ul li {
        align-items:center;
        background-color:#fff;
        border:.08vw solid #d9dee4;
        border-radius:2.73vw;
        box-sizing:border-box;
        color:#22724a;
        display:flex;
        flex-wrap:nowrap;
        font-size:2.15vw;
        font-weight:600;
        gap:1.49vw;
        height:5.45vw;
        justify-content:center;
        line-height:5.45vw;
        padding:0 2.73vw
    }
    .sub.plp .plp_filter .plp_filter_select .select_list ul li span {
        display: block;
        width: max-content
    }
    .sub.plp .plp_filter .plp_filter_select .select_list ul li button {
        background-image:url(/assets/user/kr/img/sub/close_icon01.png);
        background-position:50% 50%;
        background-repeat:no-repeat;
        background-size:cover;
        height:1.32vw;
        text-indent:-9999px;
        width:1.32vw
    }
    .sub.plp .plp_filter .plp_filter_select .search_btn_wrap {
        background-color:#fff;
        bottom:0;
        box-shadow:0 -1.16vw 2.48vw 0 rgba(5,5,5,.1);
        box-sizing:border-box;
        height:12.56vw;
        left:0;
        padding:1.49vw 2.98vw;
        position:absolute;
        width:100%
    }
    .sub.plp .plp_filter .plp_filter_select .search_btn_wrap .search_btn {
        border-radius:8.26vw;
        font-size:2.48vw;
        gap:1.07vw;
        height:100%;
        transition:all .3s ease;
        width:100%!important
    }
    .sub.plp .plp_filter .plp_filter_select .search_btn_wrap .search_btn:hover {
        background-color:#22724b;
        color:#fff
    }
    .sub.plp .plp_filter .plp_filter_select .search_btn_wrap .search_btn:after {
        transform:rotate(0deg)
    }
    .sub.plp .plp_list {
        gap:4.13vw 2.64vw;
        padding-bottom:18.02vw
    }
    .sub.plp .plp_list .plp_list_box {
        border-radius:2.48vw;
        height:78.68vw;
        padding:2.64vw 2.64vw 5.79vw;
        width: calc(50vw - 1.32vw - 3.67vw);
    }
    .sub.plp .plp_list .plp_list_box .img_box img {
        border-radius:1.65vw;
        height:39.17vw
    }
    .sub.plp .plp_list .plp_list_box strong {
        margin-top: 3.47vw;
        font-size:2.98vw
    }
    .sub.plp .plp_list .plp_list_box p {
        font-size:2.15vw;
        letter-spacing:0;
        line-height:3.31vw;
        margin:2.15vw 0 0
    }
    .sub.plp .plp_list .plp_list_box .plp_list_box_ul_wrap{
        margin: 3.47vw 0;
    }
    .sub.plp .plp_list .plp_list_box .plp_list_box_ul_wrap.scroll:before {
        height:5.12vw;
        width:5.95vw
    }
    .sub.plp .plp_list .plp_list_box .plp_list_box_ul_wrap.scroll ul li:last-of-type {
        margin-right:5.95vw
    }
    .sub.plp .plp_list .plp_list_box ul {
        align-items:center;
        display:flex;
        flex-wrap:nowrap;
        gap:.5vw;
        justify-content:center;
    }
    .sub.plp .plp_list .plp_list_box ul li {
        border:.08vw solid #dadade;
        border-radius:2.56vw;
        font-size:2.15vw;
        height:5.12vw;
        padding:1.49vw 1.98vw
    }
    .sub.plp .plp_list .plp_btn_box {
        gap:.66vw;
        margin-top:4.13vw
    }
    .sub.plp .plp_list .plp_btn_box>a {
        min-width:18.02vw
    }
    .sub.plp .no_data {
        padding-bottom:18.67vw;
        padding-top:20.83vw
    }
}
@media screen and (min-width: 751px)and (max-width: 1210px) {
    .sub.plp .plp_filter .plp_filter_box .check_box li:nth-of-type(3n) .tool_tip_wrap {
        left: auto;
        right: -4.13vw;
        top: 4.96vw
    }

    .sub.plp .plp_filter .plp_filter_box .check_box li:nth-of-type(3n) .tool_tip:before {
        left: auto;
        right: 4.79vw;
        top: -1.32vw;
        transform: rotate(90deg)
    }
}
@media screen and (max-width:750px) {
    .sub.plp .plp_filter_wrap {
        display:block;
        padding:58px 0 0
    }
    .sub.plp .plp_filter_btn {
        background-color:#fff;
        margin:.13vw 0 5.33vw;
        padding-bottom:8.67vw;
        padding-left:8.53vw;
        padding-top:6.53vw;
        position:sticky;
        top:0;
        z-index:40
    }
    .sub.plp .plp_filter_btn:before {
        height:3.73vw;
        top:calc(50% - 1.07vw);
        width:4vw
    }
    .sub.plp .plp_filter_btn:after {
        height:2.13vw
    }
    .sub.plp .plp_filter_btn ul {
        gap:1.07vw;
        margin-right:-4.8vw;
        padding-right:5.87vw
    }
    .sub.plp .plp_filter_btn ul li button {
        border-radius:4.93vw;
        font-size:3.47vw;
        padding:3.07vw 7.33vw 3.07vw 3.67vw
    }
    .sub.plp .plp_filter_btn ul li button:before {
        height:1.47vw;
        right:3.2vw;
        width:2.4vw
    }
    .sub.plp .plp_filter {
        border-radius:8vw 8vw 0 0;
        height:90%;
        padding:7.2vw 7.2vw 0
    }
    .sub.plp .plp_filter h3 {
        font-size:5.33vw;
        line-height:7.47vw;
        padding-bottom:5.33vw
    }
    .sub.plp .plp_filter strong {
        font-size:4.27vw;
        font-weight:500;
        line-height:5.87vw;
        margin-bottom:5.07vw
    }
    .sub.plp .plp_filter .plp_filter_box {
        border-top:.13vw solid #d6dbe1;
        padding-bottom:6.67vw;
        padding-top:6.67vw
    }
    .sub.plp .plp_filter .plp_filter_box:last-of-type {
        padding-bottom:22.67vw
    }
    .sub.plp .plp_filter .plp_filter_box .check_box {
        gap:2.93vw 0
    }
    .sub.plp .plp_filter .plp_filter_box .check_box li {
        min-width:50%
    }
    .sub.plp .plp_filter .plp_filter_box .question_btn {
        font-size:3.2vw;
        height:4.53vw;
        margin-left:2.13vw;
        width:4.53vw
    }
    .sub.plp .plp_filter .plp_filter_box .tool_tip_wrap {
        left:calc(100% + 3.07vw);
        top:-3.47vw;
        width: 37.33vw
    }
    .sub.plp .plp_filter .plp_filter_box .tool_tip {
        border:1.5px solid #464953;
        border-radius:1.87vw;
        font-size:3.2vw;
        line-height:4.27vw;
        padding:4.8vw 9.87vw 4.53vw 4.27vw;
        position:relative;
        /*width:52vw*/
    }
    .sub.plp .plp_filter .plp_filter_box .tool_tip button {
        height:2.93vw;
        right:3.6vw;
        top:3.73vw;
        width:2.93vw
    }
    .sub.plp .plp_filter .plp_filter_box .tool_tip:before {
        height:2.4vw;
        left:-1.87vw;
        top:4.8vw;
        width:2vw
    }
    .sub.plp .plp_filter .plp_filter_box .check_box li:nth-of-type(2n) .tool_tip_wrap {
        left: auto;
        right: -6.67vw;
        top: 8vw
    }
    .sub.plp .plp_filter .plp_filter_box .check_box li:nth-of-type(2n) .tool_tip:before {
        left: auto;
        right: 7.73vw;
        top: -2.13vw;
        transform: rotate(90deg)
    }
    .sub.plp .plp_filter .close {
        background-image:url(/assets/user/kr/img/common/gnb_close_mo.png);
        background-position:50% 50%;
        background-repeat:no-repeat;
        background-size:cover;
        height:4vw;
        position:absolute;
        right:8.27vw;
        text-indent:-9999px;
        top:5.87vw;
        width:4vw
    }
    .sub.plp .plp_filter .plp_filter_in {
        height:calc(100% - 26.67vw);
        overflow-x:hidden;
        overflow-y:auto;
        padding-bottom:13.87vw
    }
    .sub.plp .plp_filter .plp_filter_select .select_list {
        background-color:#f6f9f9;
        bottom:20.27vw;
        box-shadow:0 -2.67vw 4vw 0 rgba(5,5,5,.1);
        box-sizing:border-box;
        display:flex;
        flex-wrap:nowrap;
        gap:1.87vw;
        height:13.87vw;
        left:0;
        padding:2.53vw 7.33vw;
        position:absolute;
        width:100%;
        z-index:10
    }
    .sub.plp .plp_filter .plp_filter_select .select_list .reset {
        background-color:#fff;
        background-image:url(/assets/user/kr/img/sub/reset_icon.png);
        background-position:50% 50%;
        background-repeat:no-repeat;
        background-size:4vw auto;
        border:.13vw solid #d9dee4;
        border-radius:4.4vw;
        box-sizing:border-box;
        flex:none;
        height:8.8vw;
        text-indent:-9999px;
        width:8.8vw
    }
    .sub.plp .plp_filter .plp_filter_select .select_list ul {
        gap:1.07vw;
        overflow-x:auto;
        user-select:none
    }
    .sub.plp .plp_filter .plp_filter_select .select_list ul::-webkit-scrollbar {
        display:none
    }
    .sub.plp .plp_filter .plp_filter_select .select_list ul {
        display:flex;
        flex-wrap:nowrap
    }
    .sub.plp .plp_filter .plp_filter_select .select_list ul li {
        align-items:center;
        background-color:#fff;
        border:.13vw solid #d9dee4;
        border-radius:4.4vw;
        box-sizing:border-box;
        color:#22724a;
        display:flex;
        flex-wrap:nowrap;
        font-size:3.47vw;
        font-weight:600;
        gap:2.4vw;
        height:8.8vw;
        justify-content:center;
        line-height:8.8vw;
        padding:0 4.4vw
    }
    .sub.plp .plp_filter .plp_filter_select .select_list ul li button {
        background-image:url(/assets/user/kr/img/sub/close_icon01.png);
        background-position:50% 50%;
        background-repeat:no-repeat;
        background-size:cover;
        height:2.13vw;
        text-indent:-9999px;
        width:2.13vw
    }
    .sub.plp .plp_filter .plp_filter_select .search_btn_wrap {
        background-color:#fff;
        bottom:0;
        box-shadow:0 -1.87vw 4vw 0 rgba(5,5,5,.1);
        box-sizing:border-box;
        height:20.27vw;
        left:0;
        padding:2.4vw 4.8vw;
        position:absolute;
        width:100%
    }
    .sub.plp .plp_filter .plp_filter_select .search_btn_wrap .search_btn {
        font-size:4vw;
        gap:1.73vw;
        height:100%;
        width:100%
    }
    .sub.plp .plp_filter .plp_filter_select .search_btn_wrap .search_btn:after {
        transform:rotate(0deg)
    }
    .sub.plp .plp_list {
        gap:8vw 0;
        padding-bottom:34.67vw
    }
    .sub.plp .plp_list .btn_more {
        border-radius:13.33vw
    }
    .sub.plp .plp_list .plp_list_box {
        border-radius:4vw;
        height:144.27vw;
        padding:4.27vw 4.27vw 8.53vw;
        width:100%
    }
    .sub.plp .plp_list .plp_list_box .img_box img {
        border-radius:2.67vw;
        height:80.53vw
    }
    .sub.plp .plp_list .plp_list_box strong {
        margin-top:5.6vw;
        font-size:5.07vw
    }
    .sub.plp .plp_list .plp_list_box p {
        font-size:3.73vw;
        letter-spacing:0;
        line-height:5.6vw;
        margin:3.2vw 0 0
    }
    .sub.plp .plp_list .plp_list_box .plp_list_box_ul_wrap {
        margin:5.6vw 0
    }
    .sub.plp .plp_list .plp_list_box .plp_list_box_ul_wrap.scroll:before {
        height:8.27vw;
        width:9.6vw
    }
    .sub.plp .plp_list .plp_list_box .plp_list_box_ul_wrap.scroll ul li:last-of-type {
        margin-right:9.6vw
    }
    .sub.plp .plp_list .plp_list_box ul {
        align-items:center;
        display:flex;
        flex-wrap:nowrap;
        gap:.8vw;
        justify-content:center;
    }
    .sub.plp .plp_list .plp_list_box ul li {
        border:.13vw solid #dadade;
        border-radius:4.13vw;
        font-size:3.47vw;
        height:8.27vw;
        margin-bottom:.13vw;
        padding:2.4vw 3.2vw
    }
    .sub.plp .plp_list .plp_btn_box {
        gap:1.07vw;
        margin-top:6.67vw;
        min-width:33.47vw
    }
    .sub.plp .plp_list .plp_btn_box>a {
        min-width:33.47vw
    }
    .sub.plp .no_data {
        padding-bottom:11.57vw;
        padding-top:20.83vw
    }
}
.sub.pdp .pdp_visual {
	background-color:#f6f9f9;
	display:inline-block;
	padding-bottom:90px;
	width:100%
}
.sub.pdp .pdp_visual .location {
	padding:26px 0 28px
}
.sub.pdp .pdp_visual .pdp_visual_in {
	display:flex;
	gap:50px;
	justify-content:center
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper {
	width:640px
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .pdpVisualSwiper1-pagination {
	display:none
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper span.thumb {
	align-items:center;
	background-color:#fff;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
	overflow:hidden
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper span.thumb img {
	height:100%;
	object-fit:cover;
	width:100%
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .pdpVisualSwiper1 {
	border-radius:26px
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .pdpVisualSwiper1 span.thumb {
	height:640px
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .pdpVisualSwiper2_wrap {
	margin:0 auto;
	position:relative
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .pdpVisualSwiper2_wrap .pdpVisualSwiper2 {
	margin:20px auto 0;
	width:328px
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .pdpVisualSwiper2_wrap .pdpVisualSwiper2 .swiper-slide {
	box-sizing:border-box;
	margin-right:12px;
	width:72px!important
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .pdpVisualSwiper2_wrap .pdpVisualSwiper2 .swiper-slide.swiper-slide-thumb-active .thumb {
	border:2px solid #464953
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .pdpVisualSwiper2_wrap .pdpVisualSwiper2 span.thumb {
	border:1px solid #dadade;
	border-radius:4px;
	box-sizing:border-box;
	height:72px;
	width:72px
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .pdpVisualSwiper2_wrap .pdpVisualSwiper2-button-next,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .pdpVisualSwiper2_wrap .pdpVisualSwiper2-button-prev {
	background-image:url(/assets/user/kr/img/sub/pdp_visual_thumbs_arrow.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	cursor:pointer;
	height:12px;
	position:absolute;
	top:50%;
	transform:translate(-50%,-50%);
	width:7px
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .pdpVisualSwiper2_wrap .pdpVisualSwiper2-button-next.swiper-button-disabled,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .pdpVisualSwiper2_wrap .pdpVisualSwiper2-button-prev.swiper-button-disabled {
	opacity:.4
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .pdpVisualSwiper2_wrap .pdpVisualSwiper2-button-next {
	left:calc(50% + 180px)
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .pdpVisualSwiper2_wrap .pdpVisualSwiper2-button-prev {
	left:calc(50% - 180px);
	top:calc(50% - 6px);
	transform:rotate(-180deg)
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box {
	width:540px
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .badge {
	display:flex;
	flex-wrap:nowrap;
	font-size:14px;
	font-weight:700;
	margin-bottom:24px
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .badge li {
	background-size:14px auto;
	display:inline-block;
	margin-right:4px;
	padding:8px 9px 8px 25px
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .badge li.new {
	background-color:#d7ebe1;
	background-image:url(/assets/user/kr/img/sub/pdp_visual_icon01.png);
	color:#22724a
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .badge li.hot {
	background-color:#ffdbdb;
	background-image:url(/assets/user/kr/img/sub/pdp_visual_icon02.png);
	color:#d82827
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .badge li {
	background-position:6px 50%;
	background-repeat:no-repeat;
	border-radius:13px
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .sub_tit {
	color:#767983;
	font-size:18px;
	font-weight:600;
	letter-spacing:-.04em;
	line-height:28px
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .tit {
	border-bottom:1px solid #d6dbe1;
	display:block;
	font-size:44px;
	font-weight:600;
	letter-spacing:-.04em;
	line-height:56px;
	margin-bottom:20px;
	padding:10px 0 20px
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .txt1 {
	font-size:18px;
	font-weight:600;
	line-height:28px;
	padding-top:13px
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .txt2 {
	margin:17px 0 38px
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .txt2 li {
	color:#767983;
	font-size:15px;
	font-weight:500;
	line-height:26px;
	/*margin-bottom:2px; 250623 수정*/
	position:relative;
    padding-left: 0.9em;
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .txt2 li:last-of-type {
	margin-bottom:0
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .txt2 li:before {
	content:"-";
	margin-right:7px;
    position: absolute;
    top: 0;
    left: 0;
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .txt3 {
	/*color:#767983; 250623 수정*/
	font-size:18px;
	font-weight:600;
	line-height:28px;
	margin-bottom:18px
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .marker_box {
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	margin-bottom:38px
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .marker_box li {
    display: flex;
    align-items: center;
    justify-content: center;
	overflow:hidden;
    width: calc(16.4% - 6px);
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .marker_box li img {
	height:100%;
	object-fit:contain;
	width:100%;
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .marker_box li {
	border:1px solid #dadade;
	border-radius:8px
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box1 {
	display:flex;
	flex-wrap:nowrap;
	gap:4px
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box1 li {
	width:50%
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box1 li>button {
	background-color:#e7ece9;
	background-position:center right 28px;
	background-repeat:no-repeat;
	border:1px solid #dadade;
	border-radius:8px;
	box-sizing:border-box;
	color:#22724a;
	font-size:16px;
	font-weight:600;
	padding:22px 0 22px 22px;
	text-align:left;
	width:100%
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box1 li .btn_video {
	background-image:url(/assets/user/kr/img/sub/pdp_visual_video_icon.png);
	background-size:25px auto
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box1 li .btn_manual {
	background-image:url(/assets/user/kr/img/sub/down_icon.svg);
	background-size:20px auto
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box1 .video_wrap {
	background-color:rgba(0,0,0,.8);
	height:100%;
	left:0;
	opacity:0;
	position:fixed;
	top:0;
	transition:all .3s ease;
	visibility:hidden;
	width:100%;
	z-index:990
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box1 .video_wrap.active {
	opacity:1;
	visibility:visible
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box1 .video_wrap .video {
	left: 50%;
    max-width: 680px;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    z-index: 200
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box1 .video_wrap .video_frame {
    padding-top: 56.25%;
    position: relative;
    width: 100%
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box1 .video_wrap button {
	background:#fff url(/assets/user/kr/img/common/gnb_close_mo.png) no-repeat 50%;
	background-size:20px;
	cursor:pointer;
	height:35px;
	margin:auto 0;
	position:absolute;
	right:-35px;
	text-indent:-9999px;
	top:0;
	width:35px;
	z-index:9999999
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box1 .video_wrap iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box2 {
	display:flex;
	flex-wrap:nowrap;
	gap:6px;
	margin-top:70px
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box2 li:first-of-type {
	flex:1
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box2 button,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box2 li a {
	border-radius:42px;
	box-sizing:border-box;
	height:84px
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box2 .btn_purchase {
	align-items:center;
	background-color:#22724a;
	color:#fff;
	display:flex;
	flex-wrap:nowrap;
	font-size:19px;
	font-weight:700;
	gap:15px;
	justify-content:center;
	line-height:84px;
	position:relative;
	text-align:center;
	width:100%
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box2 .btn_purchase i {
	height:12px;
	overflow:hidden;
	width:12px
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box2 .btn_purchase i:before {
	background-image:url(/assets/user/kr/img/sub/pdp_visual_go_icon.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	content:"";
	display:block;
	height:12px;
	transition:all .3s ease;
	width:12px
}
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box2 .btn_purchase:hover i:before {
	animation:iconRightMove .4s
}
/* 250630 추가(s) */
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box2 .btn_purchase[disabled] {
    opacity: .5;
	pointer-events: none;
}
/* 250630 추가(e) */
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box2 .btn_share {
	background-color:#e7ece9;
	background-image:url(/assets/user/kr/img/sub/pdp_visual_share_icon.png);
	background-position:50%;
	background-repeat:no-repeat;
	background-size:24px auto;
	text-indent:-9999px;
	width:84px
}
/* 250630 추가(s) */
.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box2 .btn_share[disabled] {
    opacity: .5;
    pointer-events: none;
}
/* 250630 추가(e) */
@media screen and (max-width:1210px) {
	.sub.pdp .pdp_visual {
		padding:3vw 0 8vw
	}
	.sub.pdp .pdp_visual .location {
		display:none
	}
	.sub.pdp .pdp_visual .pdp_visual_in {
		display:block;
		padding:0
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .pdpVisualSwiper1 {
		height:92.67vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .pdpVisualSwiper1-pagination {
		display:block;
		margin-top:0;
		position:relative;
		top:-4.58vw;
		z-index:10
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper {
		float:unset;
		width:100%
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .badge,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .badge {
		font-size:1.67vw;
		margin-bottom:3.17vw;
		margin-top:4.17vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .badge li,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .badge li {
		background-position:.67vw 50%;
		background-repeat:no-repeat;
		background-size:1.67vw auto;
		border-radius:1.5vw;
		margin-right:.5vw;
		padding:.83vw 1vw .83vw 2.83vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .sub_tit,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .sub_tit {
		font-size:2.67vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .tit,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .tit {
		border-bottom:.08vw solid #d6dbe1;
		font-size:4.83vw;
		font-weight:700;
		margin-bottom:4.83vw;
		padding:2.58vw 0 4.33vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .txt1,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .txt1 {
		font-size:2.83vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .txt2,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .txt2 {
		margin:3.83vw 0 6.75vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .txt2 li,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .txt2 li {
		font-size:2.33vw;
        line-height: 3.97vw;
		/*margin-bottom:1.5vw 250623 수정*/
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .txt2 li:before,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .txt2 li:before {
		margin-right:1.08vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .txt3,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .txt3 {
		font-size:2.83vw;
		margin-bottom:3.67vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .marker_box,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .marker_box {
		gap:.67vw;
		margin-bottom:5.83vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .marker_box li,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .marker_box li {
		border:.08vw solid #dadade;
		border-radius:1.17vw;
        width: calc(16.4% - 6px);
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box1,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .btn_box1 {
		gap:.67vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box1 li>button,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .btn_box1 li>button {
		background-position:center right 2.67vw;
		background-repeat:no-repeat;
		border:.08vw solid #dadade;
		border-radius:1.17vw;
		font-size:2.17vw;
		padding:3.25vw 0 3.33vw 2.5vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box1 li .btn_video,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .btn_box1 li .btn_video {
		background-size:3.25vw auto
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box1 li .btn_manual,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .btn_box1 li .btn_manual {
		background-size:2.58vw auto
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box1 .video_wrap .video,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .btn_box1 .video_wrap .video {
		max-width:90%
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box1 .video_wrap button,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .btn_box1 .video_wrap button {
		right:0
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box2,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .btn_box2 {
		gap:.83vw;
		margin-top:7.5vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box2 button,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box2 li a,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .btn_box2 button,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .btn_box2 li a {
		border-radius:5.17vw;
		height:10.33vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box2 .btn_purchase,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .btn_box2 .btn_purchase {
		font-size:2.67vw;
		gap:1.42vw;
		line-height:10.33vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box2 .btn_purchase i,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box2 .btn_purchase i:before,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .btn_box2 .btn_purchase i,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .btn_box2 .btn_purchase i:before {
		height:1.67vw;
		width:1.67vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box2 .btn_share,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .btn_box2 .btn_share {
		background-size:3.33vw auto;
		width:10.33vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdpVisualSwiper2_wrap {
		display:none
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .pdpVisualSwiper1 span.thumb {
		height:92.67vw;
		width:92.67vw
	}
}
@media screen and (max-width:750px) {
	.sub.pdp .pdp_visual {
		padding:4.8vw 0 12.8vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .pdpVisualSwiper1 {
		height:90.4vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .pdpVisualSwiper1-pagination {
		top:-7.33vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper {
		margin-top:0
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .badge,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .badge {
		font-size:2.67vw;
		margin-bottom:5.07vw;
		margin-top:6.67vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .badge li,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .badge li {
		background-position:1.07vw 50%;
		background-repeat:no-repeat;
		background-size:2.67vw auto;
		border-radius:2.4vw;
		margin-right:.8vw;
		padding:1.33vw 1.6vw 1.33vw 4.53vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .sub_tit,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .sub_tit {
		font-size:4.27vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .tit,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .tit {
		border-bottom:.13vw solid #d6dbe1;
		font-size:7.73vw;
		margin-bottom:7.73vw;
		padding:4.13vw 0 6.93vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .txt1,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .txt1 {
		font-size:4.53vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .txt2,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .txt2 {
		margin:6.13vw 0 10.8vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .txt2 li,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .txt2 li {
		font-size:3.73vw;
        line-height: 6.4vw;
		/*margin-bottom:2.4vw 250623 수정*/
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .txt2 li:before,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .txt2 li:before {
		margin-right:1.73vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .txt3,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .txt3 {
		font-size:4.53vw;
		margin-bottom:5.87vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .marker_box,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .marker_box {
		gap:1.07vw;
		margin-bottom:9.33vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .marker_box li,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .marker_box li {
		border:.13vw solid #dadade;
		border-radius:1.87vw;
        width: calc(20% - 1.3vw);
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box1,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .btn_box1 {
		gap:1.07vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box1 li>button,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .btn_box1 li>button {
		background-position:center right 4.27vw;
		background-repeat:no-repeat;
		border:.13vw solid #dadade;
		border-radius:1.87vw;
		font-size:3.47vw;
		padding:5.2vw 0 5.33vw 4vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box1 li .btn_video,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .btn_box1 li .btn_video {
		background-size:5.2vw auto
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box1 li .btn_manual,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .btn_box1 li .btn_manual {
		background-size:4.13vw auto
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box2,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .btn_box2 {
		gap:1.33vw;
		margin-top:12vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box2 button,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box2 li a,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .btn_box2 button,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .btn_box2 li a {
		border-radius:8.27vw;
		height:16.53vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box2 .btn_purchase,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .btn_box2 .btn_purchase {
		font-size:4.27vw;
		gap:2.27vw;
		line-height:16.53vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box2 .btn_purchase i,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box2 .btn_purchase i:before,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .btn_box2 .btn_purchase i,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .btn_box2 .btn_purchase i:before {
		height:2.67vw;
		width:2.67vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_box .btn_box2 .btn_share,.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .btn_box2 .btn_share {
		background-size:5.33vw auto;
		width:16.53vw
	}
	.sub.pdp .pdp_visual .pdp_visual_in .pdp_visual_swiper .pdpVisualSwiper1 span.thumb {
		height:90.4vw;
		width:90.4vw
	}
}
.sub.pdp .pdp_module01 {
	background-color:#f0f4ec;
	display:inline-block;
	padding:100px 0;
	text-align:center;
	width:100%
}
.sub.pdp .pdp_module01 h4 {
	font-size:44px;
	font-weight:600;
	line-height:58px;
	margin-bottom:60px;
	padding:0 150px
}
.sub.pdp .pdp_module01 h4.left_txt {
	padding:0 150px 0 0;
	text-align:left
}
.sub.pdp .pdp_module01 h4.right_txt {
	padding:0 0 0 150px;
	text-align:right
}
.sub.pdp .pdp_module01 ul {
	display:flex;
	flex-wrap:nowrap;
	gap:16px
}
.sub.pdp .pdp_module01 ul li {
    display: flex;
    flex-direction: column;
	background-color:#e2e9da;
	border-radius:26px;
	box-sizing:border-box;
	flex:1;
	padding:30px 12px 12px
}
.sub.pdp .pdp_module01 ul li .num {
	background-color:#fff;
	border-radius:500px;
	color:#22724a;
	font-size:14px;
	font-weight:800;
	height:32px;
	line-height:32px;
	margin:0 auto;
	text-align:center;
	width:32px
}
.sub.pdp .pdp_module01 ul li .tit {
	font-size:24px;
	font-weight:600;
	margin:22px 0 14px
}
.sub.pdp .pdp_module01 ul li p {
	color:#767983;
	font-size:18px;
	font-weight:500;
	margin-bottom:30px
}
.sub.pdp .pdp_module01 ul li .thumb {
	align-items:center;
	background-color:#fff;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:18px;
	display:block;
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
	max-width:339px;
	overflow:hidden;
	width:100%;
    margin-top: auto;
}
.sub.pdp .pdp_module01 ul li .thumb img {
	height:100%;
	object-fit:cover;
	width:100%
}
@media screen and (max-width:1210px) {
	.sub.pdp .pdp_module01 {
		padding:11.67vw 0
	}
	.sub.pdp .pdp_module01 h4 {
		font-size:5vw;
		line-height:6.5vw;
		margin-bottom:6.33vw;
		padding:0
	}
	.sub.pdp .pdp_module01 h4.left_txt,.sub.pdp .pdp_module01 h4.right_txt {
		padding:0
	}
	.sub.pdp .pdp_module01 ul {
		flex-wrap:wrap;
		gap:1.67vw .75vw
	}
	.sub.pdp .pdp_module01 ul li {
		border-radius:2.5vw;
		flex:unset;
		padding:3.33vw 1vw 1vw;
		width:calc(50% - .6vw)
	}
	.sub.pdp .pdp_module01 ul li .num {
		font-size:1.83vw;
		height:3.83vw;
		line-height:3.83vw;
		width:3.83vw
	}
	.sub.pdp .pdp_module01 ul li .tit {
		font-size:3vw;
		letter-spacing:-.05em;
		margin:2.5vw 0 2vw
	}
	.sub.pdp .pdp_module01 ul li p {
		font-size:2.33vw;
		/* height:9vw; */
		letter-spacing:-.05em;
		line-height:3.5vw;
		margin:0 auto 1vw;
		max-width:33.33vw
	}
	.sub.pdp .pdp_module01 ul li .thumb {
		border-radius:1.5vw;
		height:auto;
		max-width:100%
	}
}
@media screen and (max-width:750px) {
	.sub.pdp .pdp_module01 {
		padding:18.67vw 0
	}
	.sub.pdp .pdp_module01 h4 {
		font-size:8vw;
		line-height:10.4vw;
		margin-bottom:10.67vw
	}
	.sub.pdp .pdp_module01 ul {
		gap:2.67vw 1.2vw
	}
	.sub.pdp .pdp_module01 ul li {
		border-radius:4vw;
		box-sizing:border-box;
		padding:5.33vw 1.6vw 1.6vw;
		width:calc(50% - .6vw)
	}
	.sub.pdp .pdp_module01 ul li .num {
		font-size:2.93vw;
		height:6.13vw;
		line-height:6.13vw;
		width:6.13vw
	}
	.sub.pdp .pdp_module01 ul li .tit {
		font-size:4.8vw;
		margin:4vw 0 3.2vw
	}
	.sub.pdp .pdp_module01 ul li p {
		font-size:3.73vw;
		/* height:14.4vw; */
		line-height:5.6vw;
		max-width:35.47vw
	}
	.sub.pdp .pdp_module01 ul li .thumb {
		border-radius:2.4vw;
		height:49.33vw;
		width:100%
	}
}
.sub.pdp .pdp_module02 .pdpModule02Swiper {
	margin-top:200px
}
.sub.pdp .pdp_module02 .pdpModule02Swiper .swiper-slide img {
	border-radius:20px;
	/*height:750px;*/
	object-fit:cover;
	width:100%
}
@media screen and (max-width:1210px) {
	.sub.pdp .pdp_module02 .pdpModule02Swiper {
		margin-top:17.17vw
	}
	.sub.pdp .pdp_module02 .pdpModule02Swiper .swiper-slide img {
		border-radius:2.17vw;
		/*height:75vw;*/
		width:100%
	}
}
@media screen and (max-width:750px) {
	.sub.pdp .pdp_module02 .pdpModule02Swiper {
		margin-top:26.67vw
	}
	.sub.pdp .pdp_module02 .pdpModule02Swiper .swiper-slide img {
		border-radius:3.47vw;
        /*max-height: 120vw;*/
		/*height:120vw 250623 수정*/
	}
}
.sub.pdp .pdp_module03 {
    min-height: 648px;
	background-color:#f6f9f9;
	margin-top:150px;
	padding:160px 0
}
.sub.pdp .pdp_module03 .default_size {
	justify-content:flex-end;
	position:relative
}
.sub.pdp .pdp_module03 .default_size .list_box {
	float:right;
	padding-left:775px;
	width:100%
}
.sub.pdp .pdp_module03 .default_size .list_box h4 {
	font-size:44px;
	font-weight:600;
	margin:10px 0 58px
}
.sub.pdp .pdp_module03 .default_size .list_box .list_box_in {
	border-top:1px solid #767983
}
.sub.pdp .pdp_module03 .default_size .list_box .list_box_in li {
	border-bottom:1px solid #d6dbe1
}
.sub.pdp .pdp_module03 .default_size .list_box .list_box_in li strong {
	cursor:pointer;
	display:block;
	font-size:24px;
	font-weight:600;
	height:82px;
	line-height:81px;
	position:relative
}
.sub.pdp .pdp_module03 .default_size .list_box .list_box_in li strong:before {
	background-image:url(/assets/user/kr/img/sub/pdp_visual_arcodian_arrow.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	content:"";
	height:9px;
	position:absolute;
	right:24px;
	top:50%;
	transform:translateY(-50%);
	transition:all .3s ease;
	width:16px
}
.sub.pdp .pdp_module03 .default_size .list_box .list_box_in li .list_box_txt {
	border-top:1px solid #d6dbe1;
	box-sizing:border-box;
	height:0;
	opacity:0;
	overflow:hidden;
	padding:0 20px;
	transition:all .3s ease
}
.sub.pdp .pdp_module03 .default_size .list_box .list_box_in li .list_box_txt p {
	box-sizing:border-box;
	color:#767983;
	font-size:20px;
	font-weight:500;
	height:138px;
	line-height:34px;
	overflow-y:auto;
    word-break: break-word;
}
.sub.pdp .pdp_module03 .default_size .list_box .list_box_in li.active .list_box_txt {
	height:200px;
	opacity:1;
	padding:30px 40px 34px 20px
}
.sub.pdp .pdp_module03 .default_size .list_box .list_box_in li.active strong:before {
	transform:rotate(180deg) translateY(50%)
}
.sub.pdp .pdp_module03 .default_size .list_box .list_box_in img {
	border-radius:16px;
	/* height:648px; */
	left:0;
	object-fit:cover;
	position:absolute;
	top:0;
	width:720px
}
.sub.pdp .pdp_module03 .default_size {
	display:flex;
	flex-wrap:nowrap
}
@media screen and (max-width:1210px) {
	.sub.pdp .pdp_module03 {
        min-height: auto;
		margin-top:18.33vw;
		padding:11.67vw 0
	}
	.sub.pdp .pdp_module03 .default_size .list_box {
		float:unset;
		padding-left:0;
		width:100%
	}
	.sub.pdp .pdp_module03 .default_size .list_box h4 {
		font-size:5vw;
		margin:0 0 7.17vw
	}
	.sub.pdp .pdp_module03 .default_size .list_box .list_box_in {
		border-top:.08vw solid #767983
	}
	.sub.pdp .pdp_module03 .default_size .list_box .list_box_in li {
		border-bottom:.08vw solid #d6dbe1
	}
	.sub.pdp .pdp_module03 .default_size .list_box .list_box_in li strong {
		font-size:2.67vw;
		height:9.17vw;
		line-height:9.17vw
	}
	.sub.pdp .pdp_module03 .default_size .list_box .list_box_in li strong:before {
		height:1.08vw;
		right:2.33vw;
		width:1.83vw
	}
	.sub.pdp .pdp_module03 .default_size .list_box .list_box_in li .list_box_txt {
		border-top:.08vw solid #d6dbe1;
		padding:0 1.67vw;
		transition:all .3s ease
	}
	.sub.pdp .pdp_module03 .default_size .list_box .list_box_in li .list_box_txt p {
		font-size:2.33vw;
		height:auto;
		line-height:3.83vw;
		overflow-y:unset
	}
	.sub.pdp .pdp_module03 .default_size .list_box .list_box_in li.active .list_box_txt {
		height:auto;
		padding:4vw 1.67vw
	}
	.sub.pdp .pdp_module03 .default_size .list_box .list_box_in li.active strong:before {
		transform:rotate(180deg) translateY(50%)
	}
	.sub.pdp .pdp_module03 .default_size .list_box .list_box_in img {
		border-radius:2.5vw;
		display:block;
		/* height:41.67vw; */
		margin:4.17vw 0 0;
		position:unset;
		width:100%
	}
}
@media screen and (max-width:750px) {
	.sub.pdp .pdp_module03 {
		margin-top:29.33vw;
		padding:18.67vw 0
	}
	.sub.pdp .pdp_module03 .default_size .list_box {
		width:100%
	}
	.sub.pdp .pdp_module03 .default_size .list_box h4 {
		font-size:8vw;
		margin:0 0 11.47vw
	}
	.sub.pdp .pdp_module03 .default_size .list_box .list_box_in {
		border-top:.13vw solid #767983
	}
	.sub.pdp .pdp_module03 .default_size .list_box .list_box_in li {
		border-bottom:.13vw solid #d6dbe1
	}
	.sub.pdp .pdp_module03 .default_size .list_box .list_box_in li strong {
		font-size:4.27vw;
		height:14.67vw;
		line-height:14.67vw
	}
	.sub.pdp .pdp_module03 .default_size .list_box .list_box_in li strong:before {
		height:1.73vw;
		right:3.73vw;
		width:2.93vw
	}
	.sub.pdp .pdp_module03 .default_size .list_box .list_box_in li .list_box_txt {
		border-top:.13vw solid #d6dbe1;
		padding:0 2.67vw;
		transition:all .3s ease
	}
	.sub.pdp .pdp_module03 .default_size .list_box .list_box_in li .list_box_txt p {
		font-size:3.73vw;
		height:auto;
		line-height:6.13vw
	}
	.sub.pdp .pdp_module03 .default_size .list_box .list_box_in li.active .list_box_txt {
		height:auto;
		padding:6.67vw 2.67vw
	}
	.sub.pdp .pdp_module03 .default_size .list_box .list_box_in li.active strong:before {
		transform:rotate(180deg) translateY(50%)
	}
	.sub.pdp .pdp_module03 .default_size .list_box .list_box_in img {
		border-radius:4vw;
		/* height:66.67vw; */
		margin:6.67vw 0 0;
		width:85.07vw
	}
}
.sub.pdp .pdp_module04 .pdpModule04Swiper {
	position:relative;
	width:100%
}
.sub.pdp .pdp_module04 .pdpModule04Swiper .swiper-wrapper {
	background-color:#c5cbd4;
	/*height:900px*/
}
.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box {
	flex-direction:column;
	margin:0 auto;
	position:absolute;
	width:100%
}
.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.top_center {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
	top:100px
}
.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.top_center p,.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.top_center strong {
	max-width:740px
}
.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.top_left {
	align-items:flex-start;
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
	padding-left:20vw;
	top:150px
}
.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.top_left p,.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.top_left strong {
	max-width:660px;
	text-align:left
}
.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.top_right {
	align-items:flex-end;
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
	padding-right:20vw;
	top:150px
}
.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.top_right p,.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.top_right strong {
	max-width:660px;
	text-align:right
}
.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.center_center {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
	top:50%
}
.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.center_center p,.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.center_center strong {
	max-width:740px
}
.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.center_center {
	transform:translateY(-50%)
}
.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.center_left {
	padding-left:20vw;
	top:50%
}
.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.center_left p,.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.center_left strong {
	max-width:660px;
	text-align:left
}
.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.center_left {
	align-items:flex-start;
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
	transform:translateY(-50%)
}
.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.center_right {
    padding-right: 20vw;
	top:50%
}
@media screen and (max-width:1210px) {
    .sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.center_left {
        padding-left:0;
    }
    .sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.center_right {
        padding-right:0;
    }
}
.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.center_right p,.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.center_right strong {
	max-width:660px;
	text-align:right
}
.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.center_right {
	align-items:flex-end;
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
	transform:translateY(-50%)
}
.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.bottom_center {
	align-items:center;
	bottom:150px;
	display:flex;
	flex-wrap:nowrap;
	justify-content:center
}
.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.bottom_center p,.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.bottom_center strong {
	max-width:740px
}
.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.bottom_left {
	bottom:150px;
	padding-left:20vw
}
.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.bottom_left p,.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.bottom_left strong {
	max-width:660px;
	text-align:left
}
.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.bottom_left {
	align-items:flex-start;
	display:flex;
	flex-wrap:nowrap;
	justify-content:center
}
.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.bottom_right {
	bottom:150px;
	padding-right:20vw
}
.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.bottom_right p,.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.bottom_right strong {
	max-width:660px;
	text-align:right
}
.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box.bottom_right {
	align-items:flex-end;
	display:flex;
	flex-wrap:nowrap;
	justify-content:center
}
.sub.pdp .pdp_module04 .pdpModule04Swiper .swiper-slide {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	justify-content:center
}
.sub.pdp .pdp_module04 .pdpModule04Swiper .swiper-slide img {
	height:100%;
	object-fit:cover;
	width:100%
}
@media screen and (max-width:1210px) {
	.sub.pdp .pdp_module04 .pdpModule04Swiper .swiper-wrapper {
		height:83.33vw
	}
	.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box {
		align-items:flex-start!important;
		justify-content:flex-start!important;
		padding:0 1.67vw!important;
		top:10vw!important;
		transform:translate(0)!important;
		width:92.67vw
	}
	.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box p,.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box strong {
		max-width:100%!important;
		text-align:center!important;
		width:100%
	}
	.sub.pdp .pdp_module04 .pdpModule04Swiper .swiper-slide {
		align-items:center;
		display:flex;
		flex-wrap:nowrap;
		justify-content:center
	}
	.sub.pdp .pdp_module04 .pdpModule04Swiper .swiper-slide img {
		height:100%;
		object-fit:cover;
		width:100%
	}
}
@media screen and (max-width:750px) {
	.sub.pdp .pdp_module04 .pdpModule04Swiper .swiper-wrapper {
		height:133.33vw
	}
	.sub.pdp .pdp_module04 .pdpModule04Swiper .txt_box {
		padding-left:0!important;
		top:16vw!important
	}
}
.sub.pdp .pdp_module05 {
	padding:200px 0 0
}
.sub.pdp .pdp_module05 .pdpModule05Swiper {
	width:100%
}
.sub.pdp .pdp_module05 .pdpModule05Swiper .swiper-slide {
	margin-right:16px;
	width:calc(50% - 8px)!important
}
.sub.pdp .pdp_module05 .pdpModule05Swiper .pdp_module05_txt {
    box-sizing: border-box;
	bottom:74px;
	left:60px;
	max-width:340px;
    padding-right: 60px;
	position:absolute
}
.sub.pdp .pdp_module05 .pdpModule05Swiper .pdp_module05_txt strong {
	color:#464953;
	font-size:42px;
	font-weight:600;
	letter-spacing:-.05em;
	line-height:58px
}
.sub.pdp .pdp_module05 .pdpModule05Swiper .pdp_module05_txt p {
	color:#767983;
	font-size:22px;
	font-weight:600;
	letter-spacing:-.05em;
	line-height:34px;
	margin-top:18px
}
.sub.pdp .pdp_module05 .pdpModule05Swiper.ver02 .swiper-slide {
	margin-right:16px;
	width:calc(33% - 6px)!important
}
.sub.pdp .pdp_module05 .pdpModule05Swiper.ver03 .swiper-slide {
	margin-right:16px;
	width:calc(25% - 12px)!important
}
.sub.pdp .pdp_module05 .pdpModule05Swiper img {
	border-radius:20px;
	/*height:600px;*/
	object-fit:cover;
	width:100%
}
@media screen and (min-width: 1210px) {
    .sub.pdp .pdp_module05 .pdpModule05Swiper .pdp_module05_txt p {
        font-size: clamp(14px, 1.4vw, 22px);
        line-height: 1.5;
        margin-top: 0.94vw;
    }
    
    .sub.pdp .pdp_module05 .pdpModule05Swiper .pdp_module05_txt strong {
        position: absolute;
        bottom: 100%;
        width: 100%;
        font-size: clamp(31px, 2.6vw, 42px);
        line-height: 1.4;
        display: flex;
        align-items: flex-end;
    }
    
    .sub.pdp .pdp_module05 .pdpModule05Swiper .pdp_module05_txt {
        height: auto;
        min-height: 30%;
        bottom: 2%;
        padding-right: 0;
        width: 66.12%;
        max-width: 14.59vw;
        left: 3.13vw;
    }
}
@media screen and (max-width:1210px) {
	.sub.pdp .pdp_module05 {
		padding:17.5vw 0 0
	}
	.sub.pdp .pdp_module05 .pdpModule05Swiper .swiper-slide {
		margin-right:0;
		width:92.67vw!important
	}
	.sub.pdp .pdp_module05 .pdpModule05Swiper .pdp_module05_txt {
		bottom: 6.45vw;
        left: 4.96vw;
        max-width: 29.26vw;
        padding-right: 4.96vw
	}
	.sub.pdp .pdp_module05 .pdpModule05Swiper .pdp_module05_txt strong {
		font-size:4.17vw;
		letter-spacing:-.03em;
		line-height:5.67vw
	}
	.sub.pdp .pdp_module05 .pdpModule05Swiper .pdp_module05_txt p {
		font-size:2.17vw;
		line-height:3.33vw;
		margin-top:3vw
	}
	.sub.pdp .pdp_module05 .pdpModule05Swiper img {
		border-radius:2.17vw;
		/*height:56.67vw*/
	}
	.sub.pdp .pdp_module05 .pdpModule05Swiper.ver02 .swiper-slide,.sub.pdp .pdp_module05 .pdpModule05Swiper.ver03 .swiper-slide {
		margin-right:0;
		width:100%!important
	}
}
@media screen and (max-width:750px) {
	.sub.pdp .pdp_module05 {
		padding:28vw 0 0
	}
	.sub.pdp .pdp_module05 .pdpModule05Swiper .swiper-slide {
		width:90.4vw!important
	}
	.sub.pdp .pdp_module05 .pdpModule05Swiper .pdp_module05_txt {
		bottom: 10.4vw;
        left: 8vw;
        max-width: 47.2vw;
        padding-right: 8vw
	}
	.sub.pdp .pdp_module05 .pdpModule05Swiper .pdp_module05_txt strong {
		font-size:6.67vw;
		line-height:9.07vw
	}
	.sub.pdp .pdp_module05 .pdpModule05Swiper .pdp_module05_txt p {
		font-size:3.47vw;
		line-height:5.33vw;
		margin-top:4.8vw
	}
	.sub.pdp .pdp_module05 .pdpModule05Swiper img {
		border-radius:3.47vw;
		/*height:90.67vw*/
	}
}
.sub.pdp .pdp_module06 .pdp_module06_left_txt,.sub.pdp .pdp_module06 .pdp_module06_right_txt {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	gap:126px;
	justify-content:center;
	margin-top:200px
}
.sub.pdp .pdp_module06 .pdp_module06_left_txt {
	flex-direction:row
}
.sub.pdp .pdp_module06 .pdp_module06_right_txt {
	flex-direction:row-reverse
}
.sub.pdp .pdp_module06 .txt_box {
	flex:1
}
.sub.pdp .pdp_module06 .txt_box p,.sub.pdp .pdp_module06 .txt_box strong {
	text-align:left
}
.sub.pdp .pdp_module06 .pdpModule06Swiper {
	width:814px
}
.sub.pdp .pdp_module06 .pdpModule06Swiper .swiper-wrapper {
	border-radius:20px;
	overflow:hidden
}
.sub.pdp .pdp_module06 .pdpModule06Swiper .swiper-slide {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	justify-content:center
}
.sub.pdp .pdp_module06 .pdpModule06Swiper .swiper-slide img {
	/*height:650px;*/
	object-fit:cover;
	width:100%
}
@media screen and (max-width:1210px) {
	.sub.pdp .pdp_module06 .pdp_module06_left_txt,.sub.pdp .pdp_module06 .pdp_module06_right_txt {
		flex-direction:column!important;
		gap:0;
		margin-top:17.83vw
	}
	.sub.pdp .pdp_module06 .pdp_module06_left_txt .txt_box p,.sub.pdp .pdp_module06 .pdp_module06_left_txt .txt_box strong,.sub.pdp .pdp_module06 .pdp_module06_right_txt .txt_box p,.sub.pdp .pdp_module06 .pdp_module06_right_txt .txt_box strong {
		padding:0 2.67vw;
		text-align:center
	}
	.sub.pdp .pdp_module06 .pdpModule06Swiper {
		width:100%
	}
	.sub.pdp .pdp_module06 .pdpModule06Swiper .swiper-wrapper {
		border-radius:2.17vw
	}
	/* .sub.pdp .pdp_module06 .pdpModule06Swiper .swiper-wrapper .swiper-slide img {
		height:50vw
	} */
}
@media screen and (max-width:750px) {
	.sub.pdp .pdp_module06 .pdp_module06_left_txt,.sub.pdp .pdp_module06 .pdp_module06_right_txt {
		margin-top:28.53vw
	}
	.sub.pdp .pdp_module06 .pdp_module06_left_txt .txt_box p,.sub.pdp .pdp_module06 .pdp_module06_left_txt .txt_box strong,.sub.pdp .pdp_module06 .pdp_module06_right_txt .txt_box p,.sub.pdp .pdp_module06 .pdp_module06_right_txt .txt_box strong {
		padding:0 4.27vw
	}
	.sub.pdp .pdp_module06 .pdpModule06Swiper {
		width:90.4vw
	}
	.sub.pdp .pdp_module06 .pdpModule06Swiper .swiper-wrapper {
		border-radius:3.47vw
	}
	/* .sub.pdp .pdp_module06 .pdpModule06Swiper .swiper-wrapper .swiper-slide img {
		height:80vw
	} */
}
.sub.pdp .pdp_module07 {
    margin-top:180px;
    padding-top:24px
}
.sub.pdp .pdp_module07+.pdp_module07 {
    margin-top:0
}
.sub.pdp .pdp_module07 a,.sub.pdp .pdp_module07 a>img,.sub.pdp .pdp_module07 button,.sub.pdp .pdp_module07 button>img {
    width:100%
}
.sub.pdp .pdp_module07 a>img,.sub.pdp .pdp_module07 button>img {
    border-radius:20px
}
.sub.pdp .pdp_module07 .layer_pop img {
    width:100%
}
.sub.pdp .pdp_module07.double {
    display: flex;
    gap: 20px;
    justify-content: space-between
}
@media screen and (max-width:1210px) {
    .sub.pdp .pdp_module07 {
        margin-top:0;
        padding-top:1.98vw
    }
    .sub.pdp .pdp_module07 a>img,.sub.pdp .pdp_module07 button>img {
        border-radius:2.15vw
    }
    .sub.pdp .pdp_module07.double {
        flex-direction: column;
        gap: 1.98vw
    }
}
@media screen and (max-width:750px) {
    .sub.pdp .pdp_module07 {
        padding-top:3.2vw
    }
    .sub.pdp .pdp_module07 a>img,.sub.pdp .pdp_module07 button>img {
        border-radius:3.47vw
    }
    .sub.pdp .pdp_module07.double {
        gap: 3.2vw
    }
}
.sub.pdp .pdp_related {
	overflow:hidden;
	padding:110px 0 0
}
.sub.pdp .pdp_related h4 {
	font-size:44px;
	font-weight:600;
	margin-bottom:68px
}
.sub.pdp .pdp_related .default_size {
	position:relative
}
.sub.pdp .pdp_related .pdpRelatedSwiper {
	overflow:unset;
	width:1500px
}
.sub.pdp .pdp_related .pdpRelatedSwiper .swiper-slide {
	background-color:#f6f9f9;
	border-radius:26px;
	box-sizing:border-box;
	height:472px;
	margin-right:16px;
	padding:14px 14px 34px;
	text-align:center;
	transition:all .3s ease;
	width:363px!important
}
.sub.pdp .pdp_related .pdpRelatedSwiper .swiper-slide a {
	display:block;
	height:100%;
	width:100%
}
.sub.pdp .pdp_related .pdpRelatedSwiper .swiper-slide img {
	border-radius:16px;
	height:335px;
	object-fit:cover;
	width:335px!important;
	width:100%
}
.sub.pdp .pdp_related .pdpRelatedSwiper .swiper-slide strong {
	display:block;
	font-size:24px;
	font-weight:500;
	letter-spacing:-.04em;
	margin:34px 0 18px;
	transition:all .3s ease
}
.sub.pdp .pdp_related .pdpRelatedSwiper .swiper-slide p {
	color:#767983;
	font-size:17px;
	font-weight:500;
    max-height: 2em;
    display: -webkit-box;
    -webkit-line-clamp: 2;      /* 최대 줄 수 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sub.pdp .pdp_related .pdpRelatedSwiper .swiper-slide:hover {
	background-color:#e8f2df
}
.sub.pdp .pdp_related .pdpRelatedSwiper .swiper-slide:hover strong {
	color:#22724a
}
.sub.pdp .pdp_related .swiper_btn_box {
	display:flex;
	flex-wrap:nowrap;
	gap:6px;
	position:absolute;
	right:0;
	top:-4px
}
.sub.pdp .pdp_related .swiper_btn_box .pdpRelatedSwiper-button-next,.sub.pdp .pdp_related .swiper_btn_box .pdpRelatedSwiper-button-prev {
	background-image:url(/assets/user/kr/img/sub/pdp_visual_slide_arrow.png);
	background-size:17px auto;
	cursor:pointer;
	height:54px;
	width:54px
}
.sub.pdp .pdp_related .swiper_btn_box .pdpRelatedSwiper-button-next:after,.sub.pdp .pdp_related .swiper_btn_box .pdpRelatedSwiper-button-prev:after {
	display:none
}
.sub.pdp .pdp_related .swiper_btn_box .pdpRelatedSwiper-button-next,.sub.pdp .pdp_related .swiper_btn_box .pdpRelatedSwiper-button-prev {
	background-position:50%;
	background-repeat:no-repeat;
	border:1px solid #929498;
	border-radius:50%
}
.sub.pdp .pdp_related .swiper_btn_box .pdpRelatedSwiper-button-next.swiper-button-disabled,.sub.pdp .pdp_related .swiper_btn_box .pdpRelatedSwiper-button-prev.swiper-button-disabled {
	opacity:.7
}
.sub.pdp .pdp_related .swiper_btn_box .pdpRelatedSwiper-button-prev {
	transform:rotate(-180deg)
}
@media screen and (max-width:1210px) {
	.sub.pdp .pdp_related {
		padding:13.33vw 0 20vw
	}
	.sub.pdp .pdp_related h4 {
		font-size:4.67vw;
		font-weight:600;
		margin-bottom:5.5vw;
		text-align:center
	}
	.sub.pdp .pdp_related .pdpRelatedSwiper {
		width:92.67vw
	}
	.sub.pdp .pdp_related .pdpRelatedSwiper .swiper-slide {
		border-radius:2.5vw;
		height:36.67vw;
		margin-right:.83vw;
		padding:1.17vw 1.17vw 2.83vw;
		width:26.67vw!important
	}
	.sub.pdp .pdp_related .pdpRelatedSwiper .swiper-slide img {
		border-radius:1.67vw;
		height:24.33vw;
		width:24.33vw!important
	}
	.sub.pdp .pdp_related .pdpRelatedSwiper .swiper-slide strong {
		font-size:2.17vw;
		font-weight:600;
		margin:2.83vw 0 1.33vw
	}
	.sub.pdp .pdp_related .pdpRelatedSwiper .swiper-slide p {
		font-size:2vw
	}
	.sub.pdp .pdp_related .swiper_btn_box {
		display:none
	}
}
@media screen and (max-width:750px) {
	.sub.pdp .pdp_related {
		padding:21.33vw 0 32vw
	}
	.sub.pdp .pdp_related h4 {
		font-size:7.47vw;
		margin-bottom:8.8vw
	}
	.sub.pdp .pdp_related .pdpRelatedSwiper {
		width:90.4vw
	}
	.sub.pdp .pdp_related .pdpRelatedSwiper .swiper-slide {
		border-radius:4vw;
		height:58.67vw;
		margin-right:1.33vw;
		padding:1.87vw 1.87vw 4.53vw;
		width:42.67vw!important
	}
	.sub.pdp .pdp_related .pdpRelatedSwiper .swiper-slide img {
		border-radius:2.67vw;
		height:38.93vw;
		width:38.93vw!important
	}
	.sub.pdp .pdp_related .pdpRelatedSwiper .swiper-slide strong {
		font-size:3.47vw;
		margin:4.53vw 0 2.13vw
	}
	.sub.pdp .pdp_related .pdpRelatedSwiper .swiper-slide p {
		font-size:3.2vw
	}
}
.sub.pdp .pdp_pagination {
	line-height:0;
	margin-top:12px;
	text-align:center
}
.sub.pdp .pdp_pagination .swiper-pagination-bullet {
	background-color:#b6b9c3;
	border-radius:4px;
	height:8px;
	margin:0 3px;
	opacity:1;
	transition:width .3s ease;
	width:8px
}
.sub.pdp .pdp_pagination .swiper-pagination-bullet-active {
	background-color:#464953;
	width:16px
}
@media screen and (max-width:1210px) {
	.sub.pdp .pdp_pagination {
		margin-top:2vw
	}
	.sub.pdp .pdp_pagination .swiper-pagination-bullet {
		border-radius:4.17vw;
		height:1.17vw;
		margin:0 .42vw;
		width:1.17vw
	}
	.sub.pdp .pdp_pagination .swiper-pagination-bullet-active {
		width:2.5vw
	}
}
@media screen and (max-width:750px) {
	.sub.pdp .pdp_pagination {
		margin-top:3.47vw
	}
	.sub.pdp .pdp_pagination .swiper-pagination-bullet {
		border-radius:6.67vw;
		height:1.87vw;
		margin:0 .67vw;
		width:1.87vw
	}
	.sub.pdp .pdp_pagination .swiper-pagination-bullet-active {
		width:4vw
	}
}
.sub.pdp .txt_box {
	margin-bottom:60px
}
.sub.pdp .txt_box strong {
	display:block;
	font-size:54px;
	font-weight:600;
	letter-spacing:-.05em;
	line-height:70px;
	text-align:center
}
.sub.pdp .txt_box p {
	color:#767983;
	font-size:26px;
	font-weight:500;
	letter-spacing:-.05em;
	line-height:40px;
	margin-top:30px;
	text-align:center
}
@media screen and (max-width:1210px) {
	.sub.pdp .txt_box {
		margin-bottom:7.08vw
	}
	.sub.pdp .txt_box strong {
		font-size:5.5vw;
		letter-spacing:-.03em;
		line-height:7.5vw
	}
	.sub.pdp .txt_box p {
		font-size:2.67vw;
		font-weight:600;
		line-height:3.83vw;
		margin-top:4.17vw
	}
}
@media screen and (max-width:750px) {
	.sub.pdp .txt_box {
		margin-bottom:11.33vw
	}
	.sub.pdp .txt_box strong {
		font-size:8.8vw;
		line-height:12vw
	}
	.sub.pdp .txt_box p {
		font-size:4.27vw;
		line-height:6.13vw;
		margin-top:6.67vw
	}
}
.sub.pdp .pdp_disclaimer {
	margin-bottom:1px;
	margin-top:24px;
	overflow:hidden;
	text-align:right;
	width:100%
}
.sub.pdp .pdp_disclaimer button {
	-webkit-appearance:none;
	border:1px solid #464953;
	border-radius:16px;
	color:#464953;
	height:32px;
	padding-left:14px;
	position:relative;
	text-align:left;
	width:100px
}
.sub.pdp .pdp_disclaimer button span:before {
	background-image:url(/assets/user/kr/img/sub/pdp_visual_thumbs_arrow.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	color:#464953;
	content:"";
	height:12px;
	position:absolute;
	right:22px;
	top:32%;
	transform:rotate(90deg) translateY(-50%);
	width:7px
}
.sub.pdp .pdp_disclaimer button span:nth-of-type(2):before {
	right:12px;
	transform:rotate(-90deg) translateY(-50%)
}
.sub.pdp .pdp_disclaimer button span {
	display:none;
	font-size:15px;
	font-weight:600
}
.sub.pdp .pdp_disclaimer button span.active {
	display:block
}
.sub.pdp .pdp_disclaimer ul {
	height:0;
	opacity:0;
	text-align:left;
	transition:all .3s ease
}
.sub.pdp .pdp_disclaimer ul li {
	color:#767983;
	font-size:16px;
	font-weight:500;
	line-height:24px;
	margin-bottom:4px;
	margin-left:20px;
	padding-right:20px;
	position:relative
}
.sub.pdp .pdp_disclaimer ul li:last-of-type {
	margin-bottom:0
}
.sub.pdp .pdp_disclaimer ul.active {
	height:auto;
	opacity:1
}
@media screen and (max-width:1210px) {
	.sub.pdp .pdp_disclaimer {
		margin-top:1.67vw
	}
	.sub.pdp .pdp_disclaimer button {
		border:1px solid #464953;
		border-radius:2.67vw;
		height:5.33vw;
		padding-left:2.17vw;
		width:14.33vw
	}
	.sub.pdp .pdp_disclaimer button span:before {
		height:1.67vw;
		right:2.83vw;
		width:1.08vw
	}
	.sub.pdp .pdp_disclaimer button span:nth-of-type(2):before {
		right:1.25vw
	}
	.sub.pdp .pdp_disclaimer button span {
		font-size:2.17vw
	}
	.sub.pdp .pdp_disclaimer ul li {
		font-size:2.17vw;
		line-height:3vw;
		margin-bottom:.5vw;
		margin-left:1.5vw;
		padding-right:1.67vw
	}
	.sub.pdp .pdp_disclaimer ul li:before {
		top:.17vw
	}
	.sub.pdp .pdp_disclaimer ul.active {
		padding-bottom:3.33vw
	}
}
@media screen and (max-width:750px) {
	.sub.pdp .pdp_disclaimer {
		margin-top:2.67vw
	}
	.sub.pdp .pdp_disclaimer button {
		height:8.53vw;
		width:22.73vw;
		padding-left:3.47vw;
		border:1px solid #464953;
		border-radius:4.27vw
	}
	.sub.pdp .pdp_disclaimer button span:before {
		height:2.67vw;
		right:4.53vw;
		width:1.73vw
	}
	.sub.pdp .pdp_disclaimer button span:nth-of-type(2):before {
		right:2vw
	}
	.sub.pdp .pdp_disclaimer button span {
		font-size:3.47vw
	}
	.sub.pdp .pdp_disclaimer ul li {
		font-size:3.47vw;
		line-height:4.8vw;
		margin-bottom:.8vw;
		margin-left:2.4vw;
		padding-right:2.67vw
	}
	.sub.pdp .pdp_disclaimer ul li:before {
		top:.27vw
	}
	.sub.pdp .pdp_disclaimer ul.active {
		padding-bottom:5.33vw
	}
}
.sub.pdp .official_mall_go {
	display:none
}
@media screen and (max-width:1210px) {
	.sub.pdp .official_mall_go {
		background:#22724a;
		border-radius:5.17vw 5.17vw 0 0;
		bottom:-.08vw;
		box-sizing:border-box;
		display:block;
		height:10.33vw;
		left:0;
		line-height:10.33vw;
		position:-webkit-sticky;
		position:sticky;
		text-align:center;
		width:100%;
		z-index:20
	}
	.sub.pdp .official_mall_go a {
		color:#fff;
		display:block;
		font-size:2.67vw;
		font-weight:700;
		height:100%;
		text-align:center;
		width:100%
	}
	.sub.pdp .official_mall_go a:after {
		background-image:url(/assets/user/kr/img/sub/pdp_visual_go_icon.png);
		background-position:50% 50%;
		background-repeat:no-repeat;
		background-size:cover;
		content:"";
		display:inline-block;
		height:1.67vw;
		margin-left:1.5vw;
		position:relative;
		top:-.17vw;
		width:1.67vw
	}
}
@media screen and (max-width:750px) {
	.sub.pdp .official_mall_go {
		border-radius:8.27vw 8.27vw 0 0;
		height:16.53vw;
		line-height:16.53vw
	}
	.sub.pdp .official_mall_go a {
		font-size:4.27vw
	}
	.sub.pdp .official_mall_go a:after {
		content:"";
		height:2.67vw;
		margin-left:2.4vw;
		top:-.27vw;
		width:2.67vw
	}
}
@media screen and (max-width:1210px) {
	.sub.pdp .container {
		padding-bottom:0
	}
}
.sub .direction iframe {
	border-radius:20px;
	height:560px;
	width:100%
}
.sub .direction .direction_in {
	display:flex;
	flex-wrap:wrap;
	margin-top:80px
}
.sub .direction .direction_in ul {
	box-sizing:border-box;
	padding-right:50px;
	width:50%
}
.sub .direction .direction_in ul li {
	align-items:baseline;
	display:flex;
	flex-wrap:wrap;
	gap:40px 0;
	justify-content:flex-end;
	margin-bottom:100px
}
.sub .direction .direction_in ul li strong {
	box-sizing:border-box;
	font-size:20px;
	font-weight:700;
	letter-spacing:-.04em;
	padding-right:10px;
	width:120px
}
.sub .direction .direction_in ul li span {
	color:#767983;
	font-size:18px;
	letter-spacing:-.04em;
	line-height:32px;
	position:relative;
	width:calc(100% - 120px)
}
.sub .direction .direction_in ul li span a {
	margin-right:52px;
	padding-left:42px;
	position:relative
}
.sub .direction .direction_in ul li span a:before {
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	content:"";
	height:32px;
	left:0;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:32px
}
.sub .direction .direction_in ul li span em {
	display:inline-block;
	width:60px
}
.sub .direction .direction_in ul li span a.naver:before {
	background-image:url(/assets/user/kr/img/sub/direction_naver_icon.png)
}
.sub .direction .direction_in ul li span a.kakao:before {
	background-image:url(/assets/user/kr/img/sub/direction_kakao_icon.png)
}
.sub .direction .direction_in ul li:last-of-type {
	margin-bottom:0
}
@media screen and (max-width:1210px) {
	.sub .direction iframe {
		border-radius:2.17vw;
		height:90vw
	}
	.sub .direction .direction_in {
		margin-top:8.5vw
	}
	.sub .direction .direction_in ul {
		padding-right:0;
		width:100%
	}
	.sub .direction .direction_in ul li {
		gap:2.17vw 0;
		margin-bottom:7.5vw
	}
	.sub .direction .direction_in ul li strong {
		font-size:2.67vw;
		padding-right:0;
		width:100%
	}
	.sub .direction .direction_in ul li span {
		font-size:2.67vw;
		line-height:4.67vw;
		width:100%
	}
	.sub .direction .direction_in ul li span a {
		margin-right:4.33vw;
		padding-left:5.17vw
	}
	.sub .direction .direction_in ul li span a:before {
		content:"";
		height:4.17vw;
		width:4.17vw
	}
	.sub .direction .direction_in ul li span em {
		width:8.33vw
	}
	.sub .direction .direction_in ul li span a.naver {
		left:8.5vw
	}
	.sub .direction .direction_in ul li span a.kakao {
		left:29.33vw
	}
	.sub .direction .direction_in ul li:last-of-type {
		margin-bottom:7.5vw
	}
}
@media screen and (max-width:750px) {
	.sub .direction iframe {
		border-radius:3.47vw;
		height:144vw
	}
	.sub .direction .direction_in {
		margin-top:13.6vw
	}
	.sub .direction .direction_in ul li {
		gap:5.33vw 0;
		margin-bottom:13.33vw
	}
	.sub .direction .direction_in ul li strong {
		font-size:5.33vw
	}
	.sub .direction .direction_in ul li span {
		font-size:4.27vw;
		line-height:6.67vw;
		width:100%
	}
	.sub .direction .direction_in ul li span a {
		margin-right:7.2vw;
		padding-left:8.27vw
	}
	.sub .direction .direction_in ul li span a:before {
		height:6.67vw;
		width:6.67vw
	}
	.sub .direction .direction_in ul li span em {
		width:13.33vw
	}
	.sub .direction .direction_in ul li span a.kakao,.sub .direction .direction_in ul li span a.naver {
		left:0;
		position:relative
	}
	.sub .direction .direction_in ul li:last-of-type {
		margin-bottom:12vw
	}
	.sub .direction .direction_in ul:last-of-type li:last-of-type {
		margin-bottom:0
	}
}
.sub .agency {
	display:flex;
	flex-wrap:nowrap
}
.sub .agency .agency_in .paging {
	margin-top:40px
}
.sub .agency .agency_in:first-of-type {
	box-sizing:border-box;
	padding-right:54px;
	width:530px
}
.sub .agency .agency_in:nth-of-type(2) {
	border-radius:20px;
	height:884px;
	overflow:hidden;
	width:calc(100% - 530px)
}
.sub .agency .agency_in:nth-of-type(2) iframe {
	height:100%;
	width:100%
}
.sub .agency .agency_in .search_form form {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	justify-content:center
}
.sub .agency .agency_in .search_form form .select_st01 select {
	margin-right:4px
}
.sub .agency .agency_in .search_form form .select_st01 select:first-of-type {
	width:94px
}
.sub .agency .agency_in .search_form form .select_st01 select:nth-of-type(2) {
	width:114px
}
.sub .agency .agency_in .search_form form .input_st01 input {
	width:200px
}
.sub .agency .agency_in .search_result {
	position:relative
}
.sub .agency .agency_in .search_result>p {
	font-size:15px;
	margin-top:44px;
	padding-bottom:16px
}
.sub .agency .agency_in .search_result>p>span {
	color:#22724a;
	font-size:17px;
	font-weight:600
}
.sub .agency .agency_in .search_result ul {
	border-top:1px solid #d6dbe1
}
.sub .agency .agency_in .search_result ul li {
	border-bottom:1px solid #d6dbe1;
	box-sizing:border-box;
	min-height:190px;
	padding:40px 20px 30px;
	position:relative
}
.sub .agency .agency_in .search_result ul li strong {
	font-size:20px;
	font-weight:600;
	letter-spacing:-.04em
}
.sub .agency .agency_in .search_result ul li p {
	color:#9699a3;
	font-size:16px;
	letter-spacing:-.04em;
	padding:16px 0 38px
}
.sub .agency .agency_in .search_result ul li .info_box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
}
.sub .agency .agency_in .search_result ul li span {
	color:#767983;
	display:flex;
	flex-wrap:nowrap;
	font-size:16px;
	gap:0 6px
}
.sub .agency .agency_in .search_result ul li span:before {
	color:#22724a;
	content:"T.";
	font-size:16px;
	font-weight:700
}
.sub .agency .agency_in .search_result ul li .btn_box {
	/* bottom:30px; */
	display:flex;
	flex-wrap:nowrap;
	gap:2px;
	/* position:absolute; */
	/* right:20px */
    margin: -9px 0 0 auto;
}
.sub .agency .agency_in .search_result ul li .btn_st04 {
	position:absolute;
	right:20px;
	top:44px
}
.sub .agency .agency_in .search_result.select_area {
	height:190px;
	margin-top:75px;
	text-align:center
}
.sub .agency .agency_in .search_result.select_area p {
	padding-top:50px
}
.sub .agency .agency_in .search_btn {
	background-color:#22724a;
	background-image:url(/assets/user/kr/img/common/search_icon.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:19px auto;
	border-radius:25px;
	flex:none;
	height:50px;
	margin-left:10px;
	text-indent:-9999px;
	width:50px
}
@media screen and (max-width:1210px) {
	.sub .agency {
		flex-direction:column-reverse;
		flex-wrap:wrap
	}
	.sub .agency .agency_in .paging {
		margin-top:8.33vw
	}
	.sub .agency .agency_in:first-of-type {
		padding-right:0;
		width:100%
	}
	.sub .agency .agency_in:nth-of-type(2) {
		border-radius:2.5vw;
		height:53.33vw;
		width:100%
	}
	.sub .agency .agency_in .search_form form {
		flex-wrap:wrap;
		margin-top:5.83vw
	}
	.sub .agency .agency_in .search_form form .select_st01 {
		gap:.83vw;
		width:100%
	}
	.sub .agency .agency_in .search_form form .select_st01 select {
		color:#464953;
		width:50%!important
	}
	.sub .agency .agency_in .search_form form .input_st01 {
		margin-top:.83vw;
		width:calc(100% - 7.92vw)
	}
	.sub .agency .agency_in .search_form form .input_st01 input,.sub .agency .agency_in .search_form form .input_st01>div {
		color:#464953;
		width:100%
	}
	.sub .agency .agency_in .search_result>p {
		font-size:2.17vw;
		font-weight:400;
		margin-top:5.17vw;
		padding-bottom:3.33vw
	}
	.sub .agency .agency_in .search_result>p>span {
		font-size:2.33vw
	}
	.sub .agency .agency_in .search_result ul {
		border-top:.08vw solid #d6dbe1
	}
	.sub .agency .agency_in .search_result ul li {
        display: flex;
        flex-direction: column;
		border-bottom:.08vw solid #d6dbe1;
		min-height:29vw;
		padding:4.17vw 2.5vw 3.5vw;
	}
	.sub .agency .agency_in .search_result ul li strong {
		font-size:3.17vw;
		line-height:4.5vw
	}
	.sub .agency .agency_in .search_result ul li p {
		font-size:2.5vw;
		padding:1.67vw 0 5vw
	}
    .sub .agency .agency_in .search_result ul li .info_box {
        gap:  2.7vw;
        margin-top: auto;
    }

	.sub .agency .agency_in .search_result ul li span {
		font-size:2.5vw;
		gap:0 .5vw;
	}
	.sub .agency .agency_in .search_result ul li span:before {
		font-size:2.5vw
	}
	.sub .agency .agency_in .search_result ul li .btn_box {
		gap:.33vw;
        margin-top: -1.2vw;
	}
	.sub .agency .agency_in .search_result ul li .btn_st04 {
		right:2.33vw;
		top:5.5vw
	}
	.sub .agency .agency_in .search_result.select_area {
		height:29.17vw;
		margin-top:11.67vw
	}
	.sub .agency .agency_in .search_result.select_area p {
		padding-top:8.33vw
	}
	.sub .agency .agency_in .search_btn {
		background-size:3vw auto;
		border-radius:8.33vw;
		height:7vw;
		margin-left:.83vw;
		width:7vw
	}
}
@media screen and (max-width:750px) {
	.sub .agency .agency_in .paging {
		margin-top:13.33vw
	}
	.sub .agency .agency_in:nth-of-type(2) {
		border-radius:4vw;
		height:85.33vw
	}
	.sub .agency .agency_in .search_form form {
		margin-top:9.33vw
	}
	.sub .agency .agency_in .search_form form .select_st01 {
		gap:1.33vw
	}
	.sub .agency .agency_in .search_form form .input_st01 {
		margin-top:1.33vw;
		width:calc(100% - 12.67vw)
	}
	.sub .agency .agency_in .search_result>p {
		font-size:3.47vw;
		margin-top:8.27vw;
		padding-bottom:5.33vw
	}
	.sub .agency .agency_in .search_result>p>span {
		font-size:3.73vw
	}
	.sub .agency .agency_in .search_result ul {
		border-top:.13vw solid #d6dbe1
	}
	.sub .agency .agency_in .search_result ul li {
		border-bottom:.13vw solid #d6dbe1;
		height:46.4vw;
		padding:6.67vw 4vw 5.6vw;
	}
	.sub .agency .agency_in .search_result ul li strong {
		font-size:5.07vw;
		line-height:7.2vw
	}
	.sub .agency .agency_in .search_result ul li p {
		font-size:4vw;
		padding:2.67vw 0 8vw
	}
        .sub .agency .agency_in .search_result ul li .info_box {
            gap: 3.5vw;
    }
	.sub .agency .agency_in .search_result ul li span {
		font-size:4vw;
		gap:0 .8vw;
	}
	.sub .agency .agency_in .search_result ul li span:before {
		font-size:4vw
	}
	.sub .agency .agency_in .search_result ul li .btn_box {
		gap:.53vw;
        margin-top: -2vw;
	}
	.sub .agency .agency_in .search_result ul li .btn_st04 {
		right:3.73vw;
		top:8.8vw
	}
	.sub .agency .agency_in .search_result.select_area {
		height:46.67vw;
		margin-top:18.67vw
	}
	.sub .agency .agency_in .search_result.select_area p {
		padding-top:13.33vw
	}
	.sub .agency .agency_in .search_btn {
		background-size:4.8vw auto;
		border-radius:13.33vw;
		height:11.2vw;
		margin-left:1.33vw;
		width:11.2vw
	}
}
.sub .sub_etc h3 {
	color:#333;
	font-size:28px;
	font-weight:600;
	letter-spacing:-.04em;
	margin:76px 0 24px
}
.sub .sub_etc p {
	color:#767983;
	font-size:17px;
	letter-spacing:-.04em;
	line-height:30px
}
.sub .sub_etc p.type1 {
	color:#9699a3;
	font-size:20px;
	letter-spacing:-.03em
}
.sub .sub_etc strong {
	display:block;
	font-size:20px;
	font-weight:700;
	letter-spacing:-.04em;
	line-height:28px;
	margin:40px 0 18px
}
.sub .sub_etc .list_st01>li {
	color:#767983;
	counter-increment:my-counter;
	font-size:17px;
	letter-spacing:-.04em;
	line-height:30px;
	padding-left:20px;
	position:relative
}
.sub .sub_etc .list_st01>li:before {
	content:counter(my-counter) ")";
	left:0;
	position:absolute
}
.sub .sub_etc .list_st02 {
	margin-top:10px
}
.sub .sub_etc .list_st02>li {
	color:#767983;
	font-size:17px;
	letter-spacing:-.04em;
	line-height:30px;
	padding-left:10px;
	position:relative
}
.sub .sub_etc .list_st02>li:before {
	content:"-";
	left:0;
	position:absolute
}
.sub .sub_etc .list_st03 {
	counter-reset:number;
	margin-top:10px
}
.sub .sub_etc .list_st03>li {
	color:#767983;
	counter-increment:number;
	font-size:17px;
	letter-spacing:-.04em;
	line-height:30px;
	padding-left:20px;
	position:relative
}
.sub .sub_etc .list_st03>li:before {
	content:attr(data-num) " ";
	left:0;
	position:absolute
}
.sub .sub_etc .list_st04>li {
	color:#767983;
	font-size:17px;
	letter-spacing:-.04em;
	line-height:30px;
	padding-left:10px;
	position:relative
}
.sub .sub_etc .list_st04>li:before {
	content:"·";
	left:0;
	position:absolute
}
.sub .sub_etc .list_st05 {
	display:flex;
	flex-wrap:wrap;
	gap:24px 0
}
.sub .sub_etc .list_st05>li {
	display:flex;
	flex-wrap:nowrap;
	font-size:20px;
	font-weight:700;
	gap:0 10px;
	letter-spacing:-.03em;
	line-height:30px;
	padding-left:8px;
	position:relative
}
.sub .sub_etc .list_st05>li div:first-of-type {
	flex:none;
	width:260px
}
.sub .sub_etc .list_st05>li div:nth-of-type(2) {
	color:#9699a3;
	flex:1;
	font-weight:500
}
.sub .sub_etc .list_st05>li:before {
	content:"·";
	left:0;
	position:absolute
}
.sub .sub_etc .list_st06>li {
	color:#9699a3;
	font-size:17px;
	letter-spacing:-.04em;
	line-height:30px;
	padding-left:18px;
	position:relative
}
.sub .sub_etc .list_st06>li:before {
	content:"※";
	font-size:24px;
	font-weight:400;
	left:0;
	position:absolute
}
.sub .sub_etc .list_st07>li {
	color:#767983;
	counter-increment:my-counter;
	font-size:20px;
	letter-spacing:-.04em;
	line-height:30px;
	margin-bottom:14px;
	padding-left:20px;
	position:relative
}
.sub .sub_etc .list_st07>li:before {
	content:counter(my-counter) ".";
	left:0;
	position:absolute
}
.sub .sub_etc .list_st07>li:last-of-type {
	margin-bottom:0
}
.sub .sub_etc .discla {
	background-color:#e6e7e9;
	border-radius:20px;
	box-sizing:border-box;
	padding:24px 38px
}
.sub .sub_etc .discla>li {
	color:#9fa0a0;
	counter-increment:my-counter;
	font-size:17px;
	letter-spacing:-.04em;
	line-height:24px;
	margin-bottom:4px;
	padding-left:14px;
	position:relative
}
.sub .sub_etc .discla>li:before {
	content:"*";
	left:0;
	position:absolute;
	top:2px
}
.sub .sub_etc .discla>li:last-of-type {
	margin-bottom:0
}
.sub .sub_etc table {
	margin:16px 0;
	text-align:center
}
.sub .sub_etc table thead tr th {
	background-color:#9699a3;
	border-right:1px solid #fff;
	color:#fff;
	font-size:20px;
	font-weight:700;
	letter-spacing:-.04em;
	line-height:32px;
	padding:20px 50px
}
.sub .sub_etc table thead tr th:last-of-type {
	border-right:0
}
.sub .sub_etc table tbody td {
	border-bottom:1px solid #d6dbe1;
	border-right:1px solid #eaedf0;
	color:#767983;
	font-size:17px;
	letter-spacing:-.04em;
	line-height:30px;
	padding:20px 50px
}
.sub .sub_etc table tbody td:last-of-type {
	border-right:0
}
.sub .sub_etc .mgn_t0 {
	margin-top:0!important
}
.sub .sub_etc .mgn_t20 {
	margin-top:20px!important
}
.sub .sub_etc .mgn_t70 {
	margin-top:70px
}
.sub .sub_etc .mgn_l20 {
	margin-left:20px!important
}
.sub .sub_etc .mgn_l40 {
	margin-left:40px!important
}
.sub .sub_etc .col_green {
	color:#22724a
}
.sub .sub_etc .bg_gray {
	background-color:#b6b9c3!important
}
@media screen and (max-width:1210px) {
	.sub .sub_etc h3 {
		font-size:3.33vw;
		line-height:4.83vw;
		margin:10vw 0 2.5vw
	}
	.sub .sub_etc p,.sub .sub_etc p.type1 {
		font-size:2.33vw;
		line-height:3.67vw
	}
	.sub .sub_etc strong {
		font-size:2.67vw;
		line-height:3.67vw;
		margin:5vw 0 2.5vw
	}
	.sub .sub_etc .list_st01>li {
		font-size:2.33vw;
		line-height:3.67vw;
		padding-left:2.5vw
	}
	.sub .sub_etc .list_st02 {
		margin-top:1.83vw
	}
	.sub .sub_etc .list_st02>li {
		font-size:2.33vw;
		line-height:3.67vw;
		padding-left:1.5vw
	}
	.sub .sub_etc .list_st03 {
		margin-top:1.67vw
	}
	.sub .sub_etc .list_st03>li {
		font-size:2.33vw;
		line-height:3.67vw;
		padding-left:2.5vw
	}
	.sub .sub_etc .list_st04>li {
		font-size:2.33vw;
		line-height:3.67vw;
		padding-left:1.67vw
	}
	.sub .sub_etc .list_st05 {
		gap:4.17vw 0
	}
	.sub .sub_etc .list_st05>li {
		flex-direction:column;
		gap:1.17vw .83vw;
		line-height:4vw;
		padding-left:1.17vw
	}
	.sub .sub_etc .list_st05>li div:first-of-type {
		font-size:2.5vw;
		line-height:4vw;
		width:100%
	}
	.sub .sub_etc .list_st05>li div:nth-of-type(2) {
		font-size:2.33vw;
		line-height:3.67vw
	}
	.sub .sub_etc .list_st05>li:before {
		line-height:0;
		top:1.83vw
	}
	.sub .sub_etc .list_st06>li {
		font-size:2vw;
		line-height:2.83vw;
		padding-left:2.25vw
	}
	.sub .sub_etc .list_st06>li:before {
		font-size:2.5vw
	}
	.sub .sub_etc .list_st07>li {
		font-size:2.33vw;
		letter-spacing:-.03em;
		line-height:3.67vw;
		margin-bottom:.83vw;
		padding-left:1.83vw
	}
	.sub .sub_etc .discla {
		border-radius:3.47vw;
		padding:2vw 2.5vw
	}
	.sub .sub_etc .discla>li {
		font-size:2.17vw;
		letter-spacing:-.03em;
		line-height:3.83vw;
		margin-bottom:.67vw;
		padding-left:1.5vw
	}
	.sub .sub_etc .discla>li:before {
		top:.33vw
	}
	.sub .sub_etc .mgn_t20 {
		margin-top:2.5vw!important
	}
	.sub .sub_etc .mgn_l20 {
		margin-left:2.5vw!important
	}
	.sub .sub_etc .mgn_l40 {
		margin-left:5vw!important
	}
	.sub .sub_etc .mgn_t70 {
		margin-top:10vw
	}
	.sub .sub_etc table {
		margin:1.67vw 0
	}
	.sub .sub_etc table thead tr th {
		border-right:.08vw solid #fff;
		font-size:2.33vw;
		line-height:3.67vw;
		padding:2.67vw 2vw
	}
	.sub .sub_etc table thead tr th:last-of-type {
		border-right:0
	}
	.sub .sub_etc table tbody td {
		border-bottom:.08vw solid #d6dbe1;
		border-right:.08vw solid #eaedf0;
		font-size:2.33vw;
		line-height:3.67vw;
		padding:2.67vw 2vw
	}
	.sub .sub_etc table tbody td:last-of-type {
		border-right:0
	}
}
@media screen and (max-width:750px) {
	.sub .sub_etc h3 {
		font-size:5.33vw;
		line-height:7.73vw;
		margin:16vw 0 4vw
	}
	.sub .sub_etc p,.sub .sub_etc p.type1 {
		font-size:3.73vw;
		line-height:5.87vw
	}
	.sub .sub_etc p.type1 {
		text-align:left!important
	}
	.sub .sub_etc strong {
		font-size:4.27vw;
		line-height:5.87vw;
		margin:8vw 0 4vw
	}
	.sub .sub_etc .list_st01>li {
		font-size:3.73vw;
		line-height:5.87vw;
		padding-left:4vw
	}
	.sub .sub_etc .list_st02 {
		margin-top:2.93vw
	}
	.sub .sub_etc .list_st02>li {
		font-size:3.73vw;
		line-height:5.87vw;
		padding-left:2.4vw
	}
	.sub .sub_etc .list_st03 {
		margin-top:2.67vw
	}
	.sub .sub_etc .list_st03>li {
		font-size:3.73vw;
		line-height:5.87vw;
		padding-left:4vw
	}
	.sub .sub_etc .list_st05>li {
		font-size:4vw;
		gap:1.87vw 0
	}
	.sub .sub_etc .list_st05 {
		gap:6.67vw 0
	}
	.sub .sub_etc .list_st05>li {
		flex-direction:column;
		gap:1.87vw 1.33vw;
		line-height:6.4vw;
		padding-left:1.87vw
	}
	.sub .sub_etc .list_st05>li div:first-of-type {
		font-size:4vw;
		line-height:6.4vw;
		width:100%
	}
	.sub .sub_etc .list_st05>li div:nth-of-type(2) {
		font-size:3.73vw;
		line-height:5.87vw
	}
	.sub .sub_etc .list_st05>li:before {
		line-height:0;
		top:2.93vw
	}
	.sub .sub_etc .list_st06>li {
		font-size:3.2vw;
		line-height:4.53vw;
		padding-left:3.6vw
	}
	.sub .sub_etc .list_st06>li:before {
		font-size:4vw
	}
	.sub .sub_etc .list_st07>li {
		font-size:3.73vw;
		letter-spacing:-.03em;
		line-height:5.87vw;
		margin-bottom:1.33vw;
		padding-left:4vw
	}
	.sub .sub_etc .discla {
		border-radius:3.47vw;
		padding:3.2vw 4vw
	}
	.sub .sub_etc .discla>li {
		font-size:3.47vw;
		letter-spacing:-.03em;
		line-height:6.13vw;
		margin-bottom:1.07vw;
		padding-left:2.4vw
	}
	.sub .sub_etc .discla>li:before {
		top:.53vw
	}
	.sub .sub_etc .mgn_t20 {
		margin-top:4vw!important
	}
	.sub .sub_etc .mgn_l20 {
		margin-left:4vw!important
	}
	.sub .sub_etc .mgn_l40 {
		margin-left:8vw!important
	}
	.sub .sub_etc .mgn_t70 {
		margin-top:16vw
	}
	.sub .sub_etc .list_st04>li {
		font-size:3.73vw;
		line-height:5.87vw;
		padding-left:2.67vw
	}
	.sub .sub_etc table {
		margin:2.67vw 0
	}
	.sub .sub_etc table thead tr th {
		border-right:.19vw solid #fff;
		font-size:3.73vw;
		line-height:5.87vw;
		padding:4.27vw 3.2vw
	}
	.sub .sub_etc table tbody td {
		border-bottom:.19vw solid #d6dbe1;
		border-right:.19vw solid #eaedf0;
		font-size:3.73vw;
		line-height:5.87vw;
		padding:4.27vw 3.2vw
	}
}
.sub .email_rejection {
	background-color:#f6f9f9;
	border-radius:20px;
	padding:60px 0;
	text-align:center
}
.sub .email_rejection img {
	height:160px;
	width:160px
}
.sub .email_rejection p {
	color:#767983;
	font-size:17px;
	letter-spacing:-.04em;
	line-height:30px;
	margin-top:32px
}
@media screen and (max-width:1210px) {
	.sub .email_rejection {
		border-radius:2.5vw;
		padding:6.67vw 6vw
	}
	.sub .email_rejection img {
		height:18.83vw;
		width:18.83vw
	}
	.sub .email_rejection p {
		font-size:2.33vw;
		line-height:3.67vw;
		margin-top:3.17vw
	}
}
@media screen and (max-width:750px) {
	.sub .email_rejection {
		border-radius:4vw;
		padding:10.67vw 9.6vw
	}
	.sub .email_rejection img {
		height:30.13vw;
		width:30.13vw
	}
	.sub .email_rejection p {
		font-size:3.73vw;
		line-height:5.87vw;
		margin-top:5.07vw
	}
}
.sub .product_support .paging {
	margin-top:80px
}
.sub .product_support .no_data {
	border-bottom:1px solid #d6dbe1;
	border-top:1px solid #464953;
	padding:64px 0;
	text-align:center
}
@media screen and (max-width:1210px) {
	.sub .product_support .paging {
		margin-top:8.33vw
	}
	.sub .product_support .no_data {
		border-bottom:.08vw solid #d6dbe1;
		border-top:.08vw solid #464953;
		padding:11.67vw 0
	}
}
@media screen and (max-width:750px) {
	.sub .product_support .paging {
		margin-top:13.33vw
	}
	.sub .product_support .no_data {
		border-bottom:.13vw solid #d6dbe1;
		border-top:.13vw solid #464953;
		padding:18.67vw 0
	}
}
.sub .employee .employee_goals {
	display:flex;
	flex-wrap:nowrap;
	gap:36px
}
.sub .employee .employee_goals li {
	background-color:#f9f9fb;
	border-radius:20px;
	flex:1;
	text-align:center
}
.sub .employee .employee_goals li strong {
	color:#22724a;
	display:block;
	font-size:24px;
	font-weight:700;
	line-height:24px;
	margin-top:62px
}
.sub .employee .employee_goals li em {
	display:block;
	font-size:36px;
	font-weight:600;
	line-height:48px
}
.sub .employee .employee_goals li p {
	color:#9699a3;
	font-size:24px;
	line-height:36px;
	margin-bottom:44px;
	margin-top:30px
}
.sub .employee .employee_goals li img {
	margin:60px 0;
	width:280px
}
.sub .employee .employee_step {
	position:relative
}
.sub .employee .employee_step .employee_step_box {
	display:flex;
	margin-bottom:52px
}
.sub .employee .employee_step .employee_step_box li {
	background-color:#fff;
	background-position:50%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	border:1px solid #22724a;
	border-radius:1000px;
	height:256px;
	margin-left:-36px;
	position:relative;
	text-align:center;
	width:256px
}
.sub .employee .employee_step .employee_step_box li.step01 {
	margin-left:0
}
.sub .employee .employee_step .employee_step_box li strong {
	color:#22724a;
	display:block;
	font-size:18px;
	font-weight:600;
	letter-spacing:-.04em;
	line-height:30px;
	margin-top:44px
}
.sub .employee .employee_step .employee_step_box li p {
	color:#767983;
	font-size:20px;
	font-weight:600;
	line-height:30px;
	margin-top:120px
}
.sub .employee .employee_step .employee_step_box li:before {
	background-image:url(/assets/user/kr/img/sub/employee_arrow.jpg);
	background-repeat:no-repeat;
	background-size:100% auto;
	content:"";
	height:7px;
	position:absolute;
	right:14px;
	top:50%;
	transform:translate(-50%);
	transform:rotate(270deg);
	width:10px
}
.sub .employee .employee_step .employee_step_box li:first-of-type {
	background-image:url(/assets/user/kr/img/sub/employee_step_img01.png);
	background-position:center 102px;
	background-size:64px auto;
	z-index:50
}
.sub .employee .employee_step .employee_step_box li:nth-of-type(2) {
	background-image:url(/assets/user/kr/img/sub/employee_step_img02.png);
	background-position:center 100px;
	background-size:58px auto;
	z-index:40
}
.sub .employee .employee_step .employee_step_box li:nth-of-type(3) {
	background-image:url(/assets/user/kr/img/sub/employee_step_img03.png);
	background-position:center 92px;
	background-size:51px auto;
	z-index:30
}
.sub .employee .employee_step .employee_step_box li:nth-of-type(4) {
	background-image:url(/assets/user/kr/img/sub/employee_step_img04.png);
	background-position:center 93px;
	background-size:65px auto;
	z-index:20
}
.sub .employee .employee_step .employee_step_box li:nth-of-type(5) {
	background-image:url(/assets/user/kr/img/sub/employee_step_img05.png);
	background-position:center 99px;
	background-size:54px auto;
	z-index:10
}
@media screen and (max-width:1560px) {
	.sub .employee .employee_step .employee_step_box li {
		width:17%
	}
}
.sub .employee .employee_step .last_step {
	animation:blinkBackground 2s ease-in-out infinite;
	background-color:rgba(34,114,74,.3);
	border-radius:1000px;
	box-sizing:border-box;
	height:300px;
	padding:22px;
	position:absolute;
	right:0;
	top:-22px;
	width:300px
}
.sub .employee .employee_step .last_step p {
	color:#fff;
	font-size:24px;
	font-weight:600;
	line-height:40px;
	text-align:center
}
.sub .employee .employee_step .last_step .last_step_in {
	background-color:#22724a;
	background-image:url(/assets/user/kr/img/sub/employee_step_img06.png);
	background-position:center 74px;
	background-repeat:no-repeat;
	background-size:60px auto;
	border-radius:1000px;
	box-sizing:border-box;
	height:100%;
	padding-top:154px;
	position:relative;
	text-align:center;
	width:100%
}
.sub .employee .employee_step .last_step .last_step_in:before {
	background-color:#22724a;
	content:"";
	height:2px;
	left:-84px;
	position:absolute;
	top:50%;
	transform:translateY(100%);
	width:84px
}
@keyframes blinkBackground {
	0%,to {
		background-color:rgba(34,114,74,.3)
	}
	50% {
		background-color:#22724a
	}
}
.sub .employee .btn_st06 {
	margin:66px auto 0
}
@media screen and (max-width:1210px) {
	.sub .employee .employee_goals {
		flex-direction:column;
		gap:1.83vw 0
	}
	.sub .employee .employee_goals li {
		border-radius:2.17vw
	}
	.sub .employee .employee_goals li strong {
		font-size:2.33vw;
		line-height:3.33vw;
		margin-top:4.33vw
	}
	.sub .employee .employee_goals li em {
		font-size:3.33vw;
		font-weight:700;
		line-height:4.5vw
	}
	.sub .employee .employee_goals li p {
		font-size:2.33vw;
		font-weight:600;
		letter-spacing:-.04em;
		line-height:3.5vw;
		margin-bottom:4.17vw;
		margin-top:1.67vw
	}
	.sub .employee .employee_goals li img {
		margin:4.17vw 0;
		width:25vw
	}
	.sub .employee .employee_step .employee_step_box {
		align-items:center;
		flex-direction:column;
		margin-bottom:7.5vw
	}
	.sub .employee .employee_step .employee_step_box li {
		border:.08vw solid #22724a;
		height:41.67vw;
		margin-left:0;
		margin-top:-5.83vw;
		width:41.67vw
	}
	.sub .employee .employee_step .employee_step_box li strong {
		font-size:2.83vw;
		line-height:4vw;
		margin-top:10vw
	}
	.sub .employee .employee_step .employee_step_box li p {
		font-size:3vw;
		line-height:4.33vw;
		margin-top:15.67vw
	}
	.sub .employee .employee_step .employee_step_box li:before {
		bottom:2.5vw;
		height:1vw;
		left:50%;
		top:auto;
		transform:translate(-50%);
		width:1.67vw
	}
	.sub .employee .employee_step .employee_step_box li:first-of-type {
		background-position:center 16.67vw;
		background-size:7.75vw auto;
		margin-top:0
	}
	.sub .employee .employee_step .employee_step_box li:nth-of-type(2) {
		background-position:center 16.67vw;
		background-size:8.17vw auto
	}
	.sub .employee .employee_step .employee_step_box li:nth-of-type(3) {
		background-position:center 15.67vw;
		background-size:6.92vw auto
	}
	.sub .employee .employee_step .employee_step_box li:nth-of-type(4) {
		background-position:center 16.67vw;
		background-size:9vw auto
	}
	.sub .employee .employee_step .employee_step_box li:nth-of-type(5) {
		background-position:center 17.08vw;
		background-size:9.67vw auto
	}
	.sub .employee .employee_step .last_step {
		height:46.67vw;
		margin:0 auto 5vw;
		padding:2.5vw;
		position:unset;
		width:46.67vw
	}
	.sub .employee .employee_step .last_step p {
		font-size:3.33vw;
		line-height:4.33vw
	}
	.sub .employee .employee_step .last_step .last_step_in {
		background-position:center 13.17vw;
		background-size:9.58vw auto;
		padding-top:25vw
	}
	.sub .employee .employee_step .last_step .last_step_in:before {
		content:"";
		height:10vw;
		left:50%;
		top:-10vw;
		transform:translate(-50%);
		width:.33vw
	}
	.sub .employee .btn_st06 {
		margin:7.33vw auto 0
	}
}
@media screen and (max-width:750px) {
	.sub .employee .employee_goals {
		gap:2.93vw 0
	}
	.sub .employee .employee_goals li {
		border-radius:3.47vw
	}
	.sub .employee .employee_goals li strong {
		font-size:3.73vw;
		line-height:5.33vw;
		margin-top:6.93vw
	}
	.sub .employee .employee_goals li em {
		font-size:5.33vw;
		line-height:7.2vw
	}
	.sub .employee .employee_goals li p {
		font-size:3.73vw;
		letter-spacing:-.04em;
		line-height:5.6vw;
		margin-bottom:6.67vw;
		margin-top:2.67vw
	}
	.sub .employee .employee_goals li img {
		margin:6.67vw 0;
		width:40vw
	}
	.sub .employee .employee_step .employee_step_box {
		margin-bottom:12vw
	}
	.sub .employee .employee_step .employee_step_box li {
		border:.13vw solid #22724a;
		height:66.67vw;
		margin-top:-9.33vw;
		width:66.67vw
	}
	.sub .employee .employee_step .employee_step_box li strong {
		font-size:4.53vw;
		line-height:6.4vw;
		margin-top:16vw
	}
	.sub .employee .employee_step .employee_step_box li p {
		font-size:4.8vw;
		line-height:6.93vw;
		margin-top:25.07vw
	}
	.sub .employee .employee_step .employee_step_box li:before {
		bottom:4vw;
		height:1.6vw;
		width:2.67vw
	}
	.sub .employee .employee_step .employee_step_box li:first-of-type {
		background-position:center 26.67vw;
		background-size:12.4vw auto
	}
	.sub .employee .employee_step .employee_step_box li:nth-of-type(2) {
		background-position:center 26.67vw;
		background-size:13.07vw auto
	}
	.sub .employee .employee_step .employee_step_box li:nth-of-type(3) {
		background-position:center 25.07vw;
		background-size:11.07vw auto
	}
	.sub .employee .employee_step .employee_step_box li:nth-of-type(4) {
		background-position:center 26.67vw;
		background-size:14.4vw auto
	}
	.sub .employee .employee_step .employee_step_box li:nth-of-type(5) {
		background-position:center 27.33vw;
		background-size:15.47vw auto
	}
	.sub .employee .employee_step .last_step {
		height:74.67vw;
		margin:0 auto 8vw;
		padding:4vw;
		width:74.67vw
	}
	.sub .employee .employee_step .last_step p {
		font-size:5.33vw;
		line-height:6.93vw
	}
	.sub .employee .employee_step .last_step .last_step_in {
		background-position:center 21.07vw;
		background-size:15.33vw auto;
		padding-top:40vw
	}
	.sub .employee .employee_step .last_step .last_step_in:before {
		content:"";
		height:16vw;
		left:50%;
		top:-16vw;
		width:.53vw
	}
	.sub .employee .btn_st06 {
		margin:11.73vw auto 0
	}
}
.sub .ci img {
	max-width:100%
}
.sub .ci .ci_signature {
	display:flex;
	flex-wrap:nowrap;
	gap:24px
}
.sub .ci .ci_mean {
	background-color:#f6f9f9;
	box-sizing:border-box;
	color:#767983;
	font-size:22px;
	letter-spacing:-.04em;
	line-height:34px;
	margin-top:-200px;
	padding:280px 0 114px;
	text-align:center
}
.sub .ci .ci_mean span {
	color:#0b7347;
	font-weight:700
}
.sub .ci .ci_mean button {
	margin:72px auto 0
}
.sub .ci .ci_rule01 {
	display:flex;
	flex-wrap:nowrap;
	gap:16px;
	margin-bottom:60px
}
.sub .ci .ci_rule01 li {
	background-position:center 130px;
	background-repeat:no-repeat;
	background-size:114px auto;
	box-sizing:border-box;
	flex:1;
	padding:260px 32px 34px
}
.sub .ci .ci_rule01 li strong {
	font-size:20px;
	font-weight:700;
	letter-spacing:0;
	line-height:32px
}
.sub .ci .ci_rule01 li p {
	font-size:17px;
	font-weight:300;
	line-height:25px;
	margin-top:16px;
	opacity:.6
}
.sub .ci .ci_rule01 li.green_logo {
	background-image:url(/assets/user/kr/img/sub/ci_logo_green.png)
}
.sub .ci .ci_rule01 li.green_logo p,.sub .ci .ci_rule01 li.green_logo strong {
	color:#9699a3
}
.sub .ci .ci_rule01 li.white_logo {
	background-image:url(/assets/user/kr/img/sub/ci_logo_white.png)
}
.sub .ci .ci_rule01 li.white_logo p,.sub .ci .ci_rule01 li.white_logo strong {
	color:#fff
}
.sub .ci .ci_rule01 li:first-of-type {
	background-color:#fff;
	border:1px solid #dadade
}
.sub .ci .ci_rule01 li:nth-of-type(2) {
	background-color:#1f7349
}
.sub .ci .ci_rule01 li:nth-of-type(3) {
	background-color:#ececec
}
.sub .ci .ci_rule01 li:nth-of-type(4) {
	background-color:#000
}
.sub .ci .ci_rule01 li:nth-of-type(5) {
	background-color:#8c734b
}
.sub .ci .ci_rule01 li {
	border-radius:20px
}
.sub .ci .ci_system {
	display:flex;
	flex-wrap:nowrap
}
.sub .ci .ci_system img {
	max-width:unset;
	width:100%
}
.sub .ci .ci_system li {
	box-sizing:border-box;
	flex:1;
	min-height:464px;
	position:relative
}
.sub .ci .ci_system li strong {
	color:#fff;
	display:block;
	font-size:20px;
	font-weight:700;
	letter-spacing:0;
	line-height:34px;
	margin-top:50px;
	padding-left:30px
}
.sub .ci .ci_system li p {
	bottom:50px;
	color:#fff;
	font-size:16px;
	left:30px;
	letter-spacing:0;
	line-height:24px;
	opacity:.8;
	position:absolute
}
.sub .ci .ci_system li:first-of-type {
	background-color:#1f7349;
	border-radius:20px 0 0 20px;
	min-width:452px
}
.sub .ci .ci_system li:first-of-type strong {
	padding-left:50px
}
.sub .ci .ci_system li:first-of-type p {
	left:50px
}
.sub .ci .ci_system li:nth-of-type(2) {
	background-color:#afc732
}
.sub .ci .ci_system li:nth-of-type(3) {
	background-color:#f48921
}
.sub .ci .ci_system li:nth-of-type(4) {
	background-color:#62287a
}
.sub .ci .ci_system li:nth-of-type(5) {
	background-color:#0054a2
}
.sub .ci .ci_system li:nth-of-type(6) {
	background-color:#d1c7b6;
	border-radius:0 20px 20px 0
}
@media screen and (max-width:1210px) {
	.sub .ci .ci_signature {
		flex-direction:column;
		gap:2vw
	}
	.sub .ci .ci_mean {
		font-size:2.5vw;
		line-height:4vw;
		margin-top:-16.67vw;
		padding:23.33vw 3vw 13.33vw
	}
	.sub .ci .ci_mean button {
		margin:6.33vw auto 0
	}
	.sub .ci .btn_st05 {
		padding-bottom:3.33vw;
		padding-top:3.33vw;
		width:100%
	}
	.sub .ci .btn_st05:after {
		right:16.67vw
	}
	.sub .ci .btn_st05:hover:after {
		transform:scale(60)
	}
	.sub .ci .ci_rule01 {
		flex-direction:column;
		gap:1.17vw;
		margin-bottom:8.33vw
	}
	.sub .ci .ci_rule01 li {
		background-position:6.25vw 4.83vw;
		background-size:11.08vw auto;
		flex:none;
		height:18.83vw;
		padding:0;
		position:relative;
		width:100%
	}
	.sub .ci .ci_rule01 li strong {
		font-size:2.33vw;
		line-height:3.67vw;
		position:absolute;
		right:3.83vw;
		top:3.67vw;
		width:21.67vw
	}
	.sub .ci .ci_rule01 li p {
		font-size:2.17vw;
		line-height:3.17vw;
		margin-top:0;
		position:absolute;
		right:3.83vw;
		top:9vw;
		width:21.67vw
	}
	.sub .ci .ci_rule01 li:first-of-type {
		border:.08vw solid #dadade
	}
	.sub .ci .ci_rule01 li {
		border-radius:2.17vw
	}
	.sub .ci .ci_rule01 li.white_logo p {
		opacity:.6
	}
	.sub .ci .ci_system {
		flex-direction:column
	}
	.sub .ci .ci_system li {
		flex:none;
		min-height:18.83vw;
		width:100%
	}
	.sub .ci .ci_system li strong {
		font-size:2.33vw;
		letter-spacing:-.02em;
		line-height:3.67vw;
		margin-top:4.17vw;
		padding-left:4.17vw
	}
	.sub .ci .ci_system li p {
		font-size:2.17vw;
		left:auto;
		line-height:3.17vw;
		right:3.67vw;
		top:5vw;
		width:21.67vw
	}
	.sub .ci .ci_system li:first-of-type {
		border-radius:2.17vw 2.17vw 0 0;
		min-height:33.33vw;
		min-width:100%
	}
	.sub .ci .ci_system li:first-of-type strong {
		padding-left:4.17vw
	}
	.sub .ci .ci_system li:first-of-type p {
		bottom:3.33vw;
		left:auto;
		right:3.67vw;
		top:auto
	}
	.sub .ci .ci_system li:nth-of-type(6) {
		border-radius:0 0 1.67vw 1.67vw
	}
	.sub .ci img {
		max-width:unset;
		width:100%
	}
}
@media screen and (max-width:750px) {
	.sub .ci .ci_signature {
		gap:3.2vw
	}
	.sub .ci .ci_mean {
		font-size:4vw;
		line-height:6.4vw;
		margin-top:-26.67vw;
		padding:37.33vw 4.8vw 21.33vw
	}
	.sub .ci .ci_mean button {
		margin:10.13vw auto 0
	}
	.sub .ci .btn_st05 {
		padding-bottom:5.33vw;
		padding-top:5.33vw;
		width:100%
	}
	.sub .ci .btn_st05:after {
		right:26.67vw
	}
	.sub .ci .ci_rule01 {
		flex-direction:column;
		gap:1.87vw;
		margin-bottom:13.33vw
	}
	.sub .ci .ci_rule01 li {
		background-position:10vw 7.73vw;
		background-size:17.73vw auto;
		flex:none;
		height:30.13vw;
		padding:0;
		position:relative;
		width:100%
	}
	.sub .ci .ci_rule01 li strong {
		font-size:3.73vw;
		line-height:5.87vw;
		position:absolute;
		right:6.13vw;
		top:5.87vw;
		width:34.67vw
	}
	.sub .ci .ci_rule01 li p {
		font-size:3.47vw;
		line-height:5.07vw;
		position:absolute;
		right:6.13vw;
		top:14.4vw;
		width:34.67vw
	}
	.sub .ci .ci_rule01 li:first-of-type {
		border:.13vw solid #dadade
	}
	.sub .ci .ci_rule01 li {
		border-radius:3.47vw
	}
	.sub .ci .ci_rule01 li.white_logo p {
		opacity:.6
	}
	.sub .ci .ci_system li {
		min-height:30.13vw
	}
	.sub .ci .ci_system li strong {
		font-size:3.73vw;
		line-height:5.87vw;
		margin-top:6.67vw;
		padding-left:6.67vw
	}
	.sub .ci .ci_system li p {
		font-size:3.47vw;
		left:auto;
		line-height:5.07vw;
		right:5.87vw;
		top:8vw;
		width:34.67vw
	}
	.sub .ci .ci_system li:first-of-type {
		border-radius:3.47vw 3.47vw 0 0;
		min-height:53.33vw;
		min-width:100%
	}
	.sub .ci .ci_system li:first-of-type strong {
		padding-left:6.67vw
	}
	.sub .ci .ci_system li:first-of-type p {
		bottom:5.33vw;
		right:5.87vw
	}
	.sub .ci .ci_system li:nth-of-type(6) {
		border-radius:0 0 2.67vw 2.67vw
	}
}
.sub .history_mo_nav {
	background-color:#fff;
	display:none;
	position:sticky;
	top:0;
	width:100%;
	z-index:60
}
.sub .history_mo_nav ul li {
	opacity:.5
}
.sub .history_mo_nav ul li.active {
	opacity:1
}
@media screen and (max-width:1210px) {
	.sub .history_mo_nav {
		align-content:center;
		border-bottom:.08vw solid #d6dbe1;
		height:13vw;
		margin-top:-10vw
	}
	.sub .history_mo_nav,.sub .history_mo_nav ul {
		align-items:center;
		display:flex;
		flex-wrap:nowrap;
		justify-content:center;
        width: 100%;
	}
	.sub .history_mo_nav ul li {
		flex:1;
		font-weight:600;
		min-width:19.17vw;
		text-align:center
	}
	.sub .history_mo_nav ul li .years {
		font-size:2.67vw
	}
	.sub .history_mo_nav ul li .tit {
		color:#22724a;
		display:block;
		font-size:2.17vw;
		margin-top:1.17vw
	}
}
@media screen and (max-width:750px) {
	.sub .history_mo_nav {
		border-bottom:.13vw solid #d6dbe1;
		height:20.8vw;
		margin-top:-16vw
	}
	.sub .history_mo_nav ul li {
		min-width:30.67vw
	}
	.sub .history_mo_nav ul li .years {
		font-size:4.27vw
	}
	.sub .history_mo_nav ul li .tit {
		color:#22724a;
		font-size:3.47vw;
		margin-top:1.87vw
	}
}
.sub .history {
	display:inline-block;
	overflow:hidden;
	width:100%
}
.sub .history>div {
	clear:both;
	display:flex;
	flex-wrap:wrap
}
.sub .history>div .default_size>div {
	box-sizing:border-box
}
.sub .history>div .history_tit {
	padding-top:10px;
	position:relative;
	text-align:center;
	width:calc(100% - 745px)
}
.sub .history>div .history_tit .history_year {
	display:inline-block;
	font-size:62px;
	font-weight:600
}
.sub .history>div .history_tit .history_year span {
	font-family:Pretendard;
	letter-spacing:-.04em!important
}
.sub .history>div .history_tit ul li {
	display:none
}
.sub .history>div .history_tit ul li.active {
	display:block
}
.sub .history>div .history_tit strong {
	color:#22724a;
	display:block;
	font-size:25px;
	font-weight:700;
	margin:40px 0 20px
}
.sub .history>div .history_tit p {
	color:#767983;
	font-size:22px;
	line-height:32px
}
.sub .history>div .history_tit .current_text_wrap {
	float:right;
	height:84px;
	min-width:125px;
	overflow:hidden;
	position:relative
}
.sub .history>div .history_tit .current_text_wrap .end_span {
	margin-left:10px
}
.sub .history>div .history_tit .current_text_wrap .current_text {
	background-color:#fff;
	font-size:62px;
	left:0;
	padding:6px 100px 20px 16px;
	position:absolute;
	top:100px;
	transition:all 1.1s ease;
	visibility:visible;
	z-index:10
}
.sub .history>div .history_tit .current_text_wrap .current_text.visible {
	left:0;
	opacity:1;
	top:0;
	transition:all 1.1s ease
}
.sub .history>div .history_content {
	border-left:1px solid #d6dbe1;
	box-sizing:border-box;
	padding-left:114px;
	width:745px
}
.sub .history>div .history_content>div:first-of-type .item:first-of-type {
	margin-top: 10px; /* 250626 수정 */
}
.sub .history>div .history_content .item {
	margin-top: 76px; /* 250626 수정 */
}
.sub .history>div .history_content .item .year {
	font-size:26px;
	font-weight:700
}
.sub .history>div .history_content .item .year span {
	font-size:38px;
	font-weight:600
}
.sub .history>div .history_content .item ul {
	margin-top:24px
}
.sub .history>div .history_content .item ul li {
	color:#767983;
	display:flex;
	flex-wrap:nowrap;
	font-size:22px;
	line-height:38px
}
.sub .history>div .history_content .item ul li span {
	color:#464953;
	display:inline-block;
	flex:none;
	font-weight:600;
	letter-spacing:-.15em;
	line-height:0;
	margin-right:18px;
	padding-top:19px;
	/*text-align:justify; 250625 수정 */
	width:42px;
	font-variant-numeric:tabular-nums; /* 250625 수정 */
}
.sub .history>div .history_content .item ul li span:after {
	content:"";
	display:inline-block;
	width:100%
}
@media screen and (max-width:1210px) {
	.sub .history>div .history_tit {
		margin-top:10vw;
		padding-top:0;
		text-align:left;
		width:100%
	}
	.sub .history>div .history_tit .history_year {
		font-size:5.17vw
	}
	.sub .history>div .history_tit ul li {
		display:none
	}
	.sub .history>div .history_tit strong {
		font-size:2.67vw;
		margin:3.75vw 0 2.5vw
	}
	.sub .history>div .history_tit p {
		font-size:2.33vw;
		line-height:3.67vw
	}
	.sub .history>div .history_content {
		border-left:.17vw solid #d6dbe1;
		margin-top:9.17vw;
		padding-left:3.33vw;
		width:100%
	}
	.sub .history>div .history_content>div:first-of-type .item:first-of-type {
		margin-top: 1.17vw; /* 250626 수정 */
	}
	.sub .history>div .history_content .item {
		margin-top: 8.33vw; /* 250626 수정 */
	}
	.sub .history>div .history_content .item .year {
		font-size:2.67vw
	}
	.sub .history>div .history_content .item .year span {
		flex:none;
		font-size:4.17vw
	}
	.sub .history>div .history_content .item ul {
		margin-top:3.17vw
	}
	.sub .history>div .history_content .item ul li {
		font-size:2.33vw;
		line-height:4.5vw
	}
	.sub .history>div .history_content .item ul li span {
		font-weight:600;
		margin-right:1.67vw;
		padding-top:2.17vw;
		width:4.67vw
	}
}
@media screen and (max-width:750px) {
	.sub .history>div .history_tit {
		margin-top:16vw
	}
	.sub .history>div .history_tit .history_year {
		font-size:8.27vw
	}
	.sub .history>div .history_tit strong {
		font-size:4.27vw;
		margin:6vw 0 4vw
	}
	.sub .history>div .history_tit p {
		font-size:3.73vw;
		line-height:5.87vw
	}
	.sub .history>div .history_content {
		border-left:.27vw solid #d6dbe1;
		margin-top:14.67vw;
		padding-left:5.33vw;
		width:100%
	}
	.sub .history>div .history_content>div:first-of-type .item:first-of-type {
		margin-top: 1.87vw; /* 250626 수정 */
	}
	.sub .history>div .history_content .item {
		margin-top: 13.33vw; /* 250626 수정 */
	}
	.sub .history>div .history_content .item .year {
		font-size:4.27vw
	}
	.sub .history>div .history_content .item .year span {
		font-size:6.67vw
	}
	.sub .history>div .history_content .item ul {
		margin-top:4vw
	}
	.sub .history>div .history_content .item ul li {
		font-size:3.73vw;
		line-height:7.2vw
	}
	.sub .history>div .history_content .item ul li span {
		margin-right:2.67vw;
		padding-top:3.47vw;
		width:7.47vw
	}
}
.sub .introduce_wrap {
	overflow:hidden
}
.sub .introduce ul {
	display:flex;
	flex-wrap:nowrap;
	gap:36px
}
.sub .introduce ul li {
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:20px;
	box-sizing:border-box;
	color:#fff;
	font-weight:700;
	height:674px;
	padding:56px 50px;
	width:476px
}
.sub .introduce ul li strong {
	font-size:30px;
	line-height:42px
}
.sub .introduce ul li p {
	font-size:36px;
	line-height:48px;
	margin-top:10px
}
.sub .introduce ul li:first-of-type {
	background-image:url(/assets/user/kr/img/sub/introduce_img03.jpg)
}
.sub .introduce ul li:nth-of-type(2) {
	background-image:url(/assets/user/kr/img/sub/introduce_img02.jpg);
	margin-top:80px
}
.sub .introduce ul li:nth-of-type(3) {
	background-image:url(/assets/user/kr/img/sub/introduce_img01.jpg)
}
@media screen and (max-width:1210px) {
	.sub .introduce ul {
		flex-direction:column;
		gap:1.83vw 0
	}
	.sub .introduce ul li {
		border-radius:2.5vw;
		height:53.33vw;
		padding:4.83vw 4.42vw;
		width:100%
	}
	.sub .introduce ul li strong {
		font-size:2.83vw;
		line-height:3.5vw
	}
	.sub .introduce ul li p {
		font-size:3.67vw;
		line-height:4.67vw;
		margin-top:1.67vw
	}
	.sub .introduce ul li:nth-of-type(2) {
		margin-top:0
	}
}
@media screen and (max-width:750px) {
	.sub .introduce ul {
		gap:2.93vw 0
	}
	.sub .introduce ul li {
		border-radius:4vw;
		height:85.33vw;
		padding:7.73vw 7.07vw;
		width:100%
	}
	.sub .introduce ul li strong {
		font-size:4.53vw;
		line-height:5.6vw
	}
	.sub .introduce ul li p {
		font-size:5.87vw;
		line-height:7.47vw;
		margin-top:2.67vw
	}
}
.sub .infinite_wrap {
    height: 173px;
    margin-top: -100px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: -1
}
.sub .infinite_wrap .infinite {
    backface-visibility: hidden;
    background-color: #fff;
    display: flex;
    gap: 100px;
    height: 173px;
    transform: translateZ(0);
    width: max-content;
    will-change: transform
}
@media screen and (max-width: 1210px) {
    .sub .infinite_wrap {
        height: 11.98vw;
        margin-top: -2.15vw;
        overflow: unset
    }
    .sub .infinite_wrap .infinite {
        gap: 2.48vw;
        height: 11.98vw
    }
}
@media screen and (max-width: 750px) {
    .sub .infinite_wrap {
        height: 19.33vw;
        margin-top: -3.47vw
    }
    .sub .infinite_wrap .infinite {
        gap: 4vw;
        height: 19.33vw
    }
}
@keyframes scrollBanner {
	0% {
		transform:translateX(0)
	}
	to {
		transform:translateX(-50%)
	}
}
.sub .benefits ul {
	display:flex;
	flex-wrap:wrap;
	gap:22px 12px
}
.sub .benefits ul li {
	background-color:#f9f9fb;
	border-radius:20px;
	box-sizing:border-box;
	min-height:290px;
	padding:42px 44px;
	width:calc(25% - 9px)
}
.sub .benefits ul li strong {
	display:block;
	font-size:24px;
	font-weight:600;
	letter-spacing:-.04em;
	line-height:38px;
	margin:26px 0 10px
}
.sub .benefits ul li p {
	color:#9699a3;
	font-size:18px;
	letter-spacing:-.04em;
	line-height:26px
}
.sub .benefits ul li img {
	border-radius:10px;
	box-shadow:6.339px 13.595px 40px 0 rgba(0,0,0,.08)
}
.sub .benefits .btn_st06 {
	margin:120px auto 0
}
@media screen and (max-width:1210px) {
	.sub .benefits ul {
		gap:3vw 1.67vw
	}
	.sub .benefits ul li {
		border-radius:2.17vw;
		min-height:41.67vw;
		padding:7.67vw 3.17vw;
		width:calc(50% - .84vw)
	}
	.sub .benefits ul li strong {
		font-size:3.17vw;
		line-height:4.5vw;
		margin:3.83vw 0 1.83vw
	}
	.sub .benefits ul li p {
		color:#767983;
		font-size:2.17vw;
		line-height:3.33vw
	}
	.sub .benefits ul li img {
		border-radius:1.33vw;
		box-shadow:.53vw 1.13vw 3.33vw 0 rgba(0,0,0,.08)
	}
	.sub .benefits .btn_st06 {
		margin:11.67vw auto 0
	}
}
@media screen and (max-width:750px) {
	.sub .benefits ul {
		gap:4.8vw 2.67vw
	}
	.sub .benefits ul li {
		border-radius:3.47vw;
		min-height:66.67vw;
		padding:12.27vw 5.07vw;
		width:calc(50% - 1.35vw)
	}
	.sub .benefits ul li strong {
		font-size:5.07vw;
		line-height:7.2vw;
		margin:6.13vw 0 2.93vw
	}
	.sub .benefits ul li p {
		font-size:3.47vw;
		line-height:5.33vw
	}
	.sub .benefits ul li img {
		border-radius:2.13vw;
		box-shadow:.85vw 1.81vw 5.33vw 0 rgba(0,0,0,.08)
	}
	.sub .benefits .btn_st06 {
		margin:18.67vw auto 0
	}
}
.sub .esg .esg_in {
	background-position:top;
	background-repeat:no-repeat;
	background-size:100% auto;
	padding-top:100px
}
.sub .esg .esg_in>div {
	background-color:#fff;
	border-radius:20px;
	box-sizing:border-box;
	margin:0 auto;
	max-width:1500px;
	padding:100px 100px 240px;
	width:100%
}
.sub .esg .esg_in>div .esg_txt em {
	color:#22724a;
	font-size:32px;
	font-weight:700;
	letter-spacing:-.02em;
	line-height:36px
}
.sub .esg .esg_in>div .esg_txt strong {
	color:#464953;
	display:block;
	font-size:42px;
	font-weight:600;
	letter-spacing:-.03em;
	line-height:56px;
	margin:50px 0 40px
}
.sub .esg .esg_in>div .esg_txt p {
	color:#767983;
	font-size:22px;
	font-weight:600;
	letter-spacing:-.04em;
	line-height:36px;
	margin-bottom:120px
}
.sub .esg .esg_in ul {
	display:flex;
	flex-wrap:wrap;
	gap:20px
}
.sub .esg .esg_in ul li {
	background-color:#f6f9f9;
	border-radius:20px;
	box-sizing:border-box;
	width:calc(33% - 10px)
}
.sub .esg #environment {
	background-image:url(/assets/user/kr/img/sub/esg_environment_bg.jpg)
}
.sub .esg #environment ul li {
	background-position:center 60px;
	background-repeat:no-repeat;
	background-size:160px auto;
	min-height:620px;
	padding:0 52px 34px;
	text-align:center
}
.sub .esg #environment ul li:first-of-type {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	height:480px;
	justify-content:center;
	width:100%
}
.sub .esg #environment ul li:nth-of-type(2) {
	background-image:url(/assets/user/kr/img/sub/esg_environment_img02.png)
}
.sub .esg #environment ul li:nth-of-type(3) {
	background-image:url(/assets/user/kr/img/sub/esg_environment_img03.png)
}
.sub .esg #environment ul li:nth-of-type(4) {
	background-image:url(/assets/user/kr/img/sub/esg_environment_img04.png)
}
.sub .esg #environment ul li strong {
	display:block;
	font-size:32px;
	font-weight:600;
	line-height:38px;
	padding:266px 0 30px
}
.sub .esg #environment ul li p {
	color:#9699a3;
	font-size:22px;
	letter-spacing:-.04em;
	line-height:36px
}
.sub .esg #environment ul li p button {
	color:#22724a;
	font-weight:700;
	text-decoration:underline;
	text-underline-offset:2px
}
.sub .esg #society {
	background-image:url(/assets/user/kr/img/sub/esg_society_bg.jpg)
}
.sub .esg #society ul li {
	padding:30px
}
.sub .esg #society ul li strong {
	display:block;
	font-size:24px;
	font-weight:600;
	letter-spacing:-.04em;
	line-height:38px;
	padding-top:30px
}
.sub .esg #society ul li img {
	border-radius:16px
}
.sub .esg #system {
	background-image:url(/assets/user/kr/img/sub/esg_system_bg.jpg)
}
.sub .esg #system>div {
	padding:100px
}
.sub .esg #system ul li {
	background-position:center 156px;
	background-repeat:no-repeat;
	background-size:160px auto;
	padding:44px 44px 58px;
	text-align:center
}
.sub .esg #system ul li strong {
	color:#22724a;
	font-size:22px;
	font-weight:700;
	letter-spacing:-.05em;
	line-height:32px
}
.sub .esg #system ul li p {
	color:#767983;
	font-size:24px;
	font-weight:600;
	padding-top:262px
}
.sub .esg #system ul li:first-of-type {
	background-image:url(/assets/user/kr/img/sub/esg_system_img01.png)
}
.sub .esg #system ul li:nth-of-type(2) {
	background-image:url(/assets/user/kr/img/sub/esg_system_img02.png)
}
.sub .esg #system ul li:nth-of-type(3) {
	background-image:url(/assets/user/kr/img/sub/esg_system_img03.png)
}
.sub .esg #system .esg_green {
	margin-top:156px;
	text-align:center
}
.sub .esg #system .esg_green .txt_coloring {
	margin:70px 0 0
}
.sub .esg .epp .visual {
	background-image:url(/assets/user/kr/img/sub/epp_visual_img.jpg)
}
.sub .esg .epp .epp_why {
	/* height:1300px; */
    padding-bottom: 180px;
	position:relative
}
.sub .esg .epp .epp_why .epp_why_txt {
	padding:230px 0 0 680px
}
.sub .esg .epp .epp_why .epp_why_txt strong {
	font-size:50px;
	font-weight:600;
	letter-spacing:-.05em;
	line-height:68px
}
.sub .esg .epp .epp_why .epp_why_txt p {
	color:#767983;
	font-size:20px;
	letter-spacing:-.05em;
	line-height:36px;
	margin-top:24px;
	mix-blend-mode:multiply;
	padding-right:60px;
	position:relative;
	z-index:10
}
.sub .esg .epp .epp_why ul {
    display: flex;
    justify-content: flex-end;
    margin-top: 140px;
}
.sub .esg .epp .epp_why ul li:first-child img {
	position:absolute
}
.sub .esg .epp .epp_why ul li:first-of-type img {
	border-radius:0 20px 20px 0;
	left:0;
	top:200px
}
.sub .esg .epp .epp_why ul li:nth-of-type(2) {
	margin-right: 120px;
}
.sub .esg .epp .epp_why ul li:nth-of-type(2) img {
	border-radius:20px;
}
.sub .esg .epp .epp_why ul li:nth-of-type(3) {
	margin-top: -120px;
}
.sub .esg .epp .epp_why ul li:nth-of-type(3) img {
	border-radius:20px 0 0 20px;
}
@media screen and (max-width:1500px) {
	.sub .esg .epp .epp_why .epp_why_txt {
		padding:200px 0 0 55%
	}
	.sub .esg .epp .epp_why ul li:first-of-type img {
		width:50%
	}
    .sub .esg .epp .epp_why ul li:nth-of-type(3) {
        margin-top: -80px;
    }
	/* .sub .esg .epp .epp_why ul li:nth-of-type(3) img {
		bottom:210px
	} */
}
.sub .esg .epp .epp_feature {
	background-color:#f0f4ec;
	padding:120px 0 180px
}
.sub .esg .epp .epp_feature>strong {
	display:block;
	font-size:40px;
	font-weight:600;
	letter-spacing:-.05em;
	line-height:54px;
	margin-bottom:50px;
	text-align:center
}
.sub .esg .epp .epp_feature ul {
	display:flex;
	flex-wrap:wrap;
	gap:30px 20px;
	margin:0 auto;
	max-width:1060px;
	width:100%
}
.sub .esg .epp .epp_feature ul li {
	background-color:#fff;
	background-repeat:no-repeat;
	border-radius:20px;
	box-sizing:border-box;
	min-height:400px;
	padding:150px 60px 54px;
	width:calc(50% - 10px)
}
.sub .esg .epp .epp_feature ul li strong {
	color:#1f7349;
	display:block;
	font-size:28px;
	font-weight:600;
	letter-spacing:-.05em;
	line-height:42px;
	margin-bottom:22px
}
.sub .esg .epp .epp_feature ul li p {
	color:#9699a3;
	font-size:18px;
	letter-spacing:-.05em;
	line-height:28px
}
.sub .esg .epp .epp_feature ul li:first-of-type {
	background-image:url(/assets/user/kr/img/sub/epp_icon01.png);
	background-position:60px 56px
}
.sub .esg .epp .epp_feature ul li:nth-of-type(2) {
	background-image:url(/assets/user/kr/img/sub/epp_icon02.png);
	background-position:60px 56px
}
.sub .esg .epp .epp_feature ul li:nth-of-type(3) {
	background-image:url(/assets/user/kr/img/sub/epp_icon03.png);
	background-position:60px 58px
}
.sub .esg .epp .epp_feature ul li:nth-of-type(4) {
	background-image:url(/assets/user/kr/img/sub/epp_icon04.png);
	background-position:60px 59px
}
.sub .esg .epp .epp_product {
	margin:0 auto;
	max-width:1500px;
	overflow:unset;
	padding:120px 0 140px;
	position:relative;
	width:100%
}
.sub .esg .epp .epp_product .eppProductSwiper {
	position:relative
}
/*.sub .esg .epp .epp_product .eppProductSwiper:before {
	background-image:url(/assets/user/kr/img/sub/epp_product_cloud.png);
	content:"";
	height:591px;
	position:absolute;
	right:0;
	top:0;
	width:154px;
	z-index:90
}*/
.sub .esg .epp .epp_product>strong {
	display:block;
	font-size:44px;
	font-weight:600;
	letter-spacing:-.05em;
	line-height:58px;
	margin-bottom:50px;
	text-align:center
}
.sub .esg .epp .epp_product .swiper-slide {
	background-color:#f6f9f9;
	border-radius:26px;
	box-sizing:border-box;
	height:591px;
	margin-right:16px;
	padding:14px 14px 34px;
	position:relative;
	text-align:center;
	width:363px!important
}
.sub .esg .epp .epp_product .swiper-slide img {
	border-radius:16px;
	height:335px;
	object-fit:cover;
	width:335px!important;
	width:100%
}
.sub .esg .epp .epp_product .swiper-slide strong {
	display:block;
	font-size:24px;
	font-weight:500;
	letter-spacing:-.04em;
	margin:34px 0 12px
}
.sub .esg .epp .epp_product .swiper-slide p {
	color:#767983;
	display:-webkit-box;
	font-size:17px;
	font-weight:500;
	line-height:27px;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	word-wrap:break-word
}
.sub .esg .epp .epp_product .btn_st01 {
	bottom:40px;
	left:50%;
	position:absolute;
	transform:translate(-50%)
}
.sub .esg .epp .epp_product .swiper_btn_box {
	display:flex;
	flex-wrap:nowrap;
	gap:6px;
	position:absolute;
	right:80px;
	top:122px
}
.sub .esg .epp .epp_product .swiper_btn_box .eppProductSwiper-button-next,.sub .esg .epp .epp_product .swiper_btn_box .eppProductSwiper-button-prev {
	background-image:url(/assets/user/kr/img/sub/pdp_visual_slide_arrow.png);
	background-size:17px auto;
	cursor:pointer;
	height:54px;
	width:54px
}
.sub .esg .epp .epp_product .swiper_btn_box .eppProductSwiper-button-next:after,.sub .esg .epp .epp_product .swiper_btn_box .eppProductSwiper-button-prev:after {
	display:none
}
.sub .esg .epp .epp_product .swiper_btn_box .eppProductSwiper-button-next,.sub .esg .epp .epp_product .swiper_btn_box .eppProductSwiper-button-prev {
	background-position:50%;
	background-repeat:no-repeat;
	border:1px solid #929498;
	border-radius:50%
}
.sub .esg .epp .epp_product .swiper_btn_box .eppProductSwiper-button-next.swiper-button-disabled,.sub .esg .epp .epp_product .swiper_btn_box .eppProductSwiper-button-prev.swiper-button-disabled {
	opacity:.3
}
.sub .esg .epp .epp_product .swiper_btn_box .eppProductSwiper-button-prev {
	transform:rotate(-180deg)
}
@media screen and (max-width:1210px) {
	.sub .esg .esg_in {
		background-size:auto 46.67vw;
		padding-left:3vw;
		padding-top:15vw
	}
	.sub .esg .esg_in>div {
		border-radius:2.17vw 0 0 2.17vw;
		box-sizing:border-box;
		padding:7.83vw 3vw 16.67vw 5vw
	}
	.sub .esg .esg_in>div .esg_txt em {
		font-size:2.67vw;
		line-height:3.67vw
	}
	.sub .esg .esg_in>div .esg_txt strong {
		font-size:4.17vw;
		line-height:5.83vw;
		margin:5.83vw 0 3.33vw
	}
	.sub .esg .esg_in>div .esg_txt p {
		color:#9699a3;
		font-size:2.33vw;
		line-height:3.67vw;
		margin-bottom:10vw;
		padding-right:4.67vw
	}
	.sub .esg .esg_in ul {
		flex-direction:column;
		gap:1.83vw 0;
		margin-left:-5vw
	}
	.sub .esg .esg_in ul li,.sub .esg .esg_in ul li img {
		width:100%
	}
	.sub .esg .esg_in ul li {
		border-radius:2.17vw
	}
	.sub .esg #environment {
		background-position:inherit;
		background-size:auto 46.67vw
	}
	.sub .esg #environment ul li {
		background-position:center 7.5vw;
		background-size:25vw auto;
		min-height:69.17vw;
		padding:0 4.33vw
	}
	.sub .esg #environment ul li:first-of-type {
		height:auto;
		padding:0;
		width:100%
	}
	.sub .esg #environment ul li:nth-of-type(2) {
		background-image:url(/assets/user/kr/img/sub/esg_environment_img02_mo.png)
	}
	.sub .esg #environment ul li:nth-of-type(3) {
		background-image:url(/assets/user/kr/img/sub/esg_environment_img03_mo.png)
	}
	.sub .esg #environment ul li:nth-of-type(4) {
		background-image:url(/assets/user/kr/img/sub/esg_environment_img04_mo.png)
	}
	.sub .esg #environment ul li strong {
		font-size:3.33vw;
		font-weight:700;
		line-height:4.5vw;
		padding:37.42vw 0 1.67vw
	}
	.sub .esg #environment ul li p {
		font-size:2.33vw;
		font-weight:600;
		line-height:3.67vw
	}
	.sub .esg #environment ul li p button {
		font-size:2.33vw;
		font-weight:600;
		text-underline-offset:.33vw
	}
	.sub .esg #society ul li {
		padding:3.33vw
	}
	.sub .esg #society ul li strong {
		font-size:2.5vw;
		line-height:3.83vw;
		padding-top:3vw
	}
	.sub .esg #society ul li img {
		border-radius:1.67vw
	}
	.sub .esg #system>div {
		padding:7.83vw 3vw 8.33vw 5vw
	}
	.sub .esg #system ul li {
		background-position:center 13vw;
		background-repeat:no-repeat;
		background-size:18.83vw auto;
		padding:5vw
	}
	.sub .esg #system ul li strong {
		font-size:2.33vw;
		line-height:3.33vw
	}
	.sub .esg #system ul li p {
		font-size:2.67vw;
		line-height:3.83vw;
		padding-top:26.67vw
	}
	.sub .esg #system ul li:first-of-type {
		background-image:url(/assets/user/kr/img/sub/esg_system_img01_mo.png)
	}
	.sub .esg #system ul li:nth-of-type(2) {
		background-image:url(/assets/user/kr/img/sub/esg_system_img02_mo.png)
	}
	.sub .esg #system ul li:nth-of-type(3) {
		background-image:url(/assets/user/kr/img/sub/esg_system_img03_mo.png)
	}
	.sub .esg #system .esg_green {
		margin-left:-5vw;
		margin-top:15.83vw
	}
	.sub .esg #system .esg_green .txt_coloring {
		margin:9.17vw 0 0
	}
	.sub .esg .dimmed {
		padding:0
	}
	.sub .esg .dimmed .epp {
		border-radius:0
	}
	.sub .esg .dimmed .epp button {
		height:6vw;
		position:fixed;
		right:2.5vw;
		top:2.5vw;
		width:6vw;
		z-index:10
	}
	.sub .esg .dimmed .epp .epp_visual {
		height:56.67vw
	}
	.sub .esg .dimmed .epp .epp_visual h4 {
		font-size:5.83vw;
		line-height:7.33vw
	}
	.sub .esg .dimmed .epp .epp_why {
		/* height:103.33vw */
	}
	.sub .esg .dimmed .epp .epp_why .epp_why_txt {
		padding:15.83vw 0 0 6.67vw
	}
	.sub .esg .dimmed .epp .epp_why .epp_why_txt strong {
		font-size:4.67vw;
		font-weight:700;
		letter-spacing:-.02em;
		line-height:5.83vw
	}
	.sub .esg .dimmed .epp .epp_why .epp_why_txt p {
		color:#767983;
		font-size:2.5vw;
		letter-spacing:-.03em;
		line-height:4.33vw;
		margin-top:5.83vw;
		padding-right:12.17vw
	}
    .sub .esg .dimmed .epp .epp_why ul{
        margin-top:  200px;
    }
	.sub .esg .dimmed .epp .epp_why ul li:first-of-type img {
		display:none
	}
	
    .sub .esg .dimmed .epp .epp_why ul li:nth-of-type(2) {
		margin-right: auto;
        margin-left: 0;
	}
	.sub .esg .dimmed .epp .epp_why ul li:nth-of-type(2) img {
		border-radius:0 2.17vw 2.17vw 0;
		width:38.33vw;
	}
	.sub .esg .dimmed .epp .epp_why ul li:nth-of-type(3) img {
		border-radius:2.17vw 0 0 2.17vw;
		bottom:18.33vw;
		right:0;
		width:38.33vw
	}
	.sub .esg .dimmed .epp .epp_feature {
		padding:15vw 0
	}
	.sub .esg .dimmed .epp .epp_feature>strong {
		font-size:4.17vw;
		letter-spacing:-.06em;
		line-height:5.83vw;
		margin-bottom:5vw
	}
	.sub .esg .dimmed .epp .epp_feature ul {
		flex-direction:column;
		gap:1.67vw 0;
		max-width:56.5vw
	}
	.sub .esg .dimmed .epp .epp_feature ul li {
		border-radius:2.17vw;
		min-height:54vw;
		padding:19vw 5.67vw 5.83vw 4.17vw;
		width:100%
	}
	.sub .esg .dimmed .epp .epp_feature ul li strong {
		font-size:3.33vw;
		letter-spacing:-.04em;
		line-height:4.33vw;
		margin-bottom:4.17vw
	}
	.sub .esg .dimmed .epp .epp_feature ul li p {
		font-size:2.5vw;
		letter-spacing:-.04em;
		line-height:4.33vw
	}
	.sub .esg .dimmed .epp .epp_feature ul li:first-of-type {
		background-position:4.33vw 6.25vw;
		background-size:8.17vw auto
	}
	.sub .esg .dimmed .epp .epp_feature ul li:nth-of-type(2) {
		background-position:4.33vw 6.33vw;
		background-size:8.92vw auto
	}
	.sub .esg .dimmed .epp .epp_feature ul li:nth-of-type(3) {
		background-position:4.33vw 6.5vw;
		background-size:7.67vw auto
	}
	.sub .esg .dimmed .epp .epp_feature ul li:nth-of-type(4) {
		background-position:4.33vw 6.67vw;
		background-size:8.08vw auto
	}
	.sub .esg .dimmed .epp .epp_product {
		max-width:100%;
		padding:15.83vw 0 20vw
	}
	.sub .esg .dimmed .epp .epp_product .eppProductSwiper {
		margin-left:3vw
	}
	/*.sub .esg .dimmed .epp .epp_product .eppProductSwiper:before {
		display:none
	}*/
	.sub .esg .dimmed .epp .epp_product>strong {
		font-size:4.67vw;
		letter-spacing:-.03em;
		line-height:6.5vw;
		margin-bottom:6.67vw
	}
	.sub .esg .dimmed .epp .epp_product .swiper-slide {
		background-color:#f6f9f9;
		border-radius:2.17vw;
		height:53vw;
		margin-right:.83vw;
		padding:1.17vw 1.17vw 3.33vw;
		width:26.67vw!important
	}
	.sub .esg .dimmed .epp .epp_product .swiper-slide img {
		border-radius:1.5vw;
		height:24.33vw;
		width:24.33vw!important
	}
	.sub .esg .dimmed .epp .epp_product .swiper-slide strong {
		font-size:2.5vw;
		font-weight:600;
		margin:2.83vw 0 1.83vw
	}
	.sub .esg .dimmed .epp .epp_product .swiper-slide p {
		font-size:2.33vw;
		line-height:3.5vw;
		padding:0 .67vw
	}
	.sub .esg .dimmed .epp .epp_product .btn_st01 {
		bottom:3.33vw;
		padding:2.5vw 3.83vw
	}
	.sub .esg .dimmed .epp .epp_product .swiper_btn_box {
		display:none
	}
}
@media screen and (max-width:750px) {
	.sub .esg .esg_in {
		background-size:auto 74.67vw;
		padding-left:4.8vw;
		padding-top:24vw
	}
	.sub .esg .esg_in>div {
		border-radius:3.47vw 0 0 3.47vw;
		padding:12.53vw 4.8vw 26.67vw 8vw
	}
	.sub .esg .esg_in>div .esg_txt em {
		font-size:4.27vw;
		line-height:5.87vw
	}
	.sub .esg .esg_in>div .esg_txt strong {
		font-size:6.67vw;
		line-height:9.33vw;
		margin:9.33vw 0 5.33vw
	}
	.sub .esg .esg_in>div .esg_txt p {
		font-size:3.73vw;
		line-height:5.87vw;
		margin-bottom:16vw;
		padding-right:7.47vw
	}
	.sub .esg .esg_in ul {
		gap:2.93vw 0;
		margin-left:-8vw
	}
	.sub .esg .esg_in ul li {
		border-radius:3.47vw
	}
	.sub .esg #environment {
		background-size:auto 74.67vw
	}
	.sub .esg #environment ul li {
		background-position:center 12vw;
		background-size:40vw auto;
		min-height:110.67vw;
		padding:0 6.93vw
	}
	.sub .esg #environment ul li strong {
		font-size:5.33vw;
		line-height:7.2vw;
		padding:59.87vw 0 2.67vw
	}
	.sub .esg #environment ul li p {
		font-size:3.73vw;
		line-height:5.87vw
	}
	.sub .esg #environment ul li p button {
		font-size:3.73vw;
		text-underline-offset:.53vw
	}
	.sub .esg #society ul li {
		padding:5.33vw
	}
	.sub .esg #society ul li strong {
		font-size:4vw;
		line-height:6.13vw;
		padding-top:4.8vw
	}
	.sub .esg #society ul li img {
		border-radius:2.67vw
	}
	.sub .esg #system>div {
		padding:12.53vw 4.8vw 13.33vw 8vw
	}
	.sub .esg #system ul li {
		background-position:center 20.8vw;
		background-size:30.13vw auto;
		padding:8vw
	}
	.sub .esg #system ul li strong {
		font-size:3.73vw;
		line-height:5.33vw
	}
	.sub .esg #system ul li p {
		font-size:4.27vw;
		line-height:6.13vw;
		padding-top:42.67vw
	}
	.sub .esg #system .esg_green {
		margin-left:-8vw;
		margin-top:25.33vw
	}
	.sub .esg #system .esg_green .txt_coloring {
		margin:14.67vw 0 0
	}
	.sub .esg .dimmed .epp button {
		height:9.6vw;
		right:4vw;
		top:4vw;
		width:9.6vw
	}
	.sub .esg .dimmed .epp .epp_visual {
		height:90.67vw
	}
	.sub .esg .dimmed .epp .epp_visual h4 {
		font-size:9.33vw;
		line-height:11.73vw
	}
	.sub .esg .dimmed .epp .epp_why {
		height:210.67vw
	}
	.sub .esg .dimmed .epp .epp_why .epp_why_txt {
		padding:25.33vw 0 0 10.13vw
	}
	.sub .esg .dimmed .epp .epp_why .epp_why_txt strong {
		font-size:7.47vw;
		line-height:9.33vw
	}
	.sub .esg .dimmed .epp .epp_why .epp_why_txt p {
		font-size:4vw;
		letter-spacing:-.03em;
		line-height:6.93vw;
		margin-top:9.33vw;
		padding-right:19.47vw
	}
	.sub .esg .dimmed .epp .epp_why ul li:nth-of-type(2) img {
		border-radius:0 3.47vw 3.47vw 0;
		/* bottom:26.93vw;
		left:0; */
		width:42.13vw
	}
	.sub .esg .dimmed .epp .epp_why ul li:nth-of-type(3) img {
		border-radius:3.47vw 0 0 3.47vw;
		/* bottom:41.07vw;
		right:0; */
		width:51.47vw
	}
	.sub .esg .dimmed .epp .epp_feature {
		padding:24vw 0
	}
	.sub .esg .dimmed .epp .epp_feature>strong {
		font-size:6.67vw;
		line-height:9.33vw;
		margin-bottom:8vw
	}
	.sub .esg .dimmed .epp .epp_feature ul {
		gap:2.67vw 0;
		max-width:90.4vw
	}
	.sub .esg .dimmed .epp .epp_feature ul li {
		border-radius:3.47vw;
		min-height:86.4vw;
		padding:30.4vw 9.07vw 9.33vw 6.67vw;
		width:100%
	}
	.sub .esg .dimmed .epp .epp_feature ul li strong {
		font-size:5.33vw;
		line-height:6.93vw;
		margin-bottom:6.67vw
	}
	.sub .esg .dimmed .epp .epp_feature ul li p {
		font-size:4vw;
		line-height:6.93vw
	}
	.sub .esg .dimmed .epp .epp_feature ul li:first-of-type {
		background-position:6.93vw 10vw;
		background-size:13.07vw auto
	}
	.sub .esg .dimmed .epp .epp_feature ul li:nth-of-type(2) {
		background-position:6.93vw 10.13vw;
		background-size:14.27vw auto
	}
	.sub .esg .dimmed .epp .epp_feature ul li:nth-of-type(3) {
		background-position:6.93vw 10.4vw;
		background-size:12.27vw auto
	}
	.sub .esg .dimmed .epp .epp_feature ul li:nth-of-type(4) {
		background-position:6.93vw 10.67vw;
		background-size:12.93vw auto
	}
	.sub .esg .dimmed .epp .epp_product {
		padding:25.33vw 0 32vw
	}
	.sub .esg .dimmed .epp .epp_product .eppProductSwiper {
		margin-left:4.8vw
	}
	.sub .esg .dimmed .epp .epp_product>strong {
		font-size:7.47vw;
		letter-spacing:-.03em;
		line-height:10.4vw;
		margin-bottom:10.67vw
	}
	.sub .esg .dimmed .epp .epp_product .swiper-slide {
		border-radius:3.47vw;
		height:84.8vw;
		margin-right:1.33vw;
		padding:1.87vw 1.87vw 5.33vw;
		width:42.67vw!important
	}
	.sub .esg .dimmed .epp .epp_product .swiper-slide img {
		border-radius:2.4vw;
		height:38.93vw;
		width:38.93vw!important
	}
	.sub .esg .dimmed .epp .epp_product .swiper-slide strong {
		font-size:4vw;
		margin:4.53vw 0 2.93vw
	}
	.sub .esg .dimmed .epp .epp_product .swiper-slide p {
		font-size:3.73vw;
		line-height:5.6vw;
		padding:0 1.07vw
	}
	.sub .esg .dimmed .epp .epp_product .btn_st01 {
		bottom:5.33vw;
		padding:4vw 6.13vw
	}
}
.sub .breathing_house {
	position:relative
}
.sub .breathing_house img {
	max-width:100%
}
.sub .breathing_house .sub_anchor_wrap {
	margin-bottom:20px
}
.sub .breathing_house #contaminants {
	display:block;
	overflow:hidden
}
.sub .breathing_house #contaminants:after {
	clear:both;
	content:"";
	display:block
}
.sub .breathing_house #contaminants .cause {
	background-image:url(/assets/user/kr/img/sub/breathingHouse_cause_bg.jpg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	display:inline-block;
	padding-bottom:230px;
	width:100%
}
.sub .breathing_house #contaminants .cause>div {
	position:relative
}
.sub .breathing_house #contaminants .cause .txt {
	max-width:576px
}
.sub .breathing_house #contaminants .cause .txt em {
	font-size:32px;
	font-weight:700;
	letter-spacing:-.03em;
	line-height:46px
}
.sub .breathing_house #contaminants .cause .txt p {
	color:#9699a3;
	font-size:26px;
	font-weight:600;
	letter-spacing:-.04em;
	line-height:40px;
	margin-top:66px;
	position:relative
}
.sub .breathing_house #contaminants .cause .txt p:before {
	background-color:#9699a3;
	content:"";
	height:3px;
	left:0;
	position:absolute;
	top:-36px;
	width:20px
}
.sub .breathing_house #contaminants .cause .img_box {
	position:absolute;
	right:14px;
	top:120px
}
@media(min-width:1201px)and (max-width:1360px) {
	.sub .breathing_house #contaminants .cause .txt {
		width:400px
	}
}
.sub .breathing_house #contaminants .type {
	padding-bottom:180px
}
.sub .breathing_house #contaminants .type>div>ul {
	display:flex;
	gap:16px
}
.sub .breathing_house #contaminants .type>div>ul>li {
	background-color:#63666a;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	box-sizing:border-box;
	color:#fff;
	height:542px;
	overflow:hidden;
	position:relative;
	width:182px
}
.sub .breathing_house #contaminants .type>div>ul>li .off,.sub .breathing_house #contaminants .type>div>ul>li .on {
	left:0;
	position:absolute;
	top:0;
	transition:all .3s ease
}
.sub .breathing_house #contaminants .type>div>ul>li .off {
	align-items:center;
	box-sizing:border-box;
	display:flex;
	font-size:24px;
	font-weight:700;
	height:182px;
	justify-content:space-between;
	left:-100%;
	opacity:1;
	padding:52px;
	top:33.33%;
	transform:rotate(90deg);
	visibility:visible;
	width:542px
}
.sub .breathing_house #contaminants .type>div>ul>li .off span.num {
	opacity:.4
}
.sub .breathing_house #contaminants .type>div>ul>li .on {
	box-sizing:border-box;
	height:542px;
	opacity:0;
	padding:70px 64px;
	visibility:hidden;
	width:707px
}
.sub .breathing_house #contaminants .type>div>ul>li .on strong {
	align-items:flex-start;
	display:flex;
	font-size:36px;
	font-weight:700;
	justify-content:space-between
}
.sub .breathing_house #contaminants .type>div>ul>li .on strong span.txt {
	font-size:36px
}
.sub .breathing_house #contaminants .type>div>ul>li .on strong span.num {
	font-size:24px
}
.sub .breathing_house #contaminants .type>div>ul>li .on>ul {
	bottom:54px;
	position:absolute
}
.sub .breathing_house #contaminants .type>div>ul>li .on>ul li {
	font-size:22px;
	font-weight:600;
	letter-spacing:-.04em;
	line-height:36px;
	padding:0 58px 0 12px;
	position:relative
}
.sub .breathing_house #contaminants .type>div>ul>li .on>ul li:before {
	background-color:#fff;
	border-radius:1000px;
	content:"";
	height:6px;
	left:0;
	position:absolute;
	top:14px;
	width:6px
}
.sub .breathing_house #contaminants .type>div>ul>li {
	border-radius:20px;
	transition:all .5s ease
}
@media(min-width:1201px)and (max-width:1460px) {
	.sub .breathing_house #contaminants .type>div>ul>li .off {
		left:-120%
	}
	.sub .breathing_house #contaminants .type>div>ul>li .on {
		width:580px
	}
}
.sub .breathing_house #contaminants .type>div>ul>li.active {
	width:707px
}
.sub .breathing_house #contaminants .type>div>ul>li.active .off {
	visibility:hidden
}
.sub .breathing_house #contaminants .type>div>ul>li.active .on {
	opacity:1;
	visibility:visible
}
.sub .breathing_house #contaminants .type>div>ul>li.active:first-of-type {
	background-image:url(/assets/user/kr/img/sub/breathingHouse_type_img01.jpg)
}
.sub .breathing_house #contaminants .type>div>ul>li.active:nth-of-type(2) {
	background-image:url(/assets/user/kr/img/sub/breathingHouse_type_img02.jpg)
}
.sub .breathing_house #contaminants .type>div>ul>li.active:nth-of-type(3) {
	background-image:url(/assets/user/kr/img/sub/breathingHouse_type_img03.jpg)
}
.sub .breathing_house #contaminants .type>div>ul>li.active:nth-of-type(4) {
	background-image:url(/assets/user/kr/img/sub/breathingHouse_type_img04.jpg)
}
.sub .breathing_house #contaminants .type>div>ul>li.active:nth-of-type(5) {
	background-image:url(/assets/user/kr/img/sub/breathingHouse_type_img05.jpg)
}
.sub .breathing_house #contaminants .problem {
	background-color:#f6f9f9;
	padding-bottom:180px
}
.sub .breathing_house #contaminants .problem>div>ul {
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between
}
.sub .breathing_house #contaminants .problem>div>ul li {
	gap:100px;
    max-width: calc(50% - 2em);
}
.sub .breathing_house #contaminants .problem>div>ul li img {
	border-radius:20px
}
.sub .breathing_house #contaminants .problem>div>ul li p {
	color:#9699a3;
	font-size:22px;
	margin-top:20px
}
.sub .breathing_house #airManagement .reason {
    max-width: none;
	padding:220px 0 210px
}
.sub .breathing_house #airManagement .reason .side_mask_wrap {
    position: relative;
	margin:160px auto 78px
}
.sub .breathing_house #airManagement .reason .side_mask_wrap::before,
.sub .breathing_house #airManagement .reason .side_mask_wrap::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 18.5%;
    height: 100%;
    background-color: #fff;
    z-index: 10;
    transition: width 0.8s ease-in-out;
}
.sub .breathing_house #airManagement .reason .side_mask_wrap::after{
    left: auto;
    right: 0;
}
.sub .breathing_house #airManagement .reason .side_mask_wrap.slide_out::before,
.sub .breathing_house #airManagement .reason .side_mask_wrap.slide_out::after{
    width: 0%;
}
.sub .breathing_house #airManagement .reason img {
    display: block;
    margin: auto;
	/* margin:160px auto 40px */
}

.sub .breathing_house #airManagement .reason .txt_coloring.font2 {
	margin:auto
}
.sub .breathing_house #airManagement .regulation {
	background-color:#f1f3eb;
	box-sizing:border-box;
	color:#767983;
	font-size:22px;
	font-weight:700;
	letter-spacing:-.04em;
	line-height:34px;
	padding:100px 0;
	text-align:center
}
.sub .breathing_house #airManagement .regulation span {
	color:#0b7347
}
.sub .breathing_house #airManagement .regulation button {
	margin:60px auto 0
}
.sub .breathing_house #why {
	padding:220px 0 140px
}
.sub .breathing_house #why img {
	border-radius:20px;
	margin:110px auto 60px
}
.sub .breathing_house #why table {
	border-collapse:collapse;
	border-radius:20px 20px 0 0;
	overflow:hidden;
	text-align:center
}
.sub .breathing_house #why table thead th {
	color:#fff;
	font-size:24px;
	font-weight:600;
	padding:38px 0
}
.sub .breathing_house #why table thead th:first-of-type {
	background-color:#e6e7e9;
	border-right:1px solid #fff;
	color:#9fa0a0
}
.sub .breathing_house #why table thead th:nth-of-type(2) {
	background-color:#9699a3;
	border-right:1px solid #fff
}
.sub .breathing_house #why table thead th:nth-of-type(3) {
	background-color:#22724a
}
.sub .breathing_house #why table tbody td {
	border-bottom:1px solid #d6dbe1;
	border-right:1px solid #eaedf0;
	color:#767983;
	font-size:22px;
	font-weight:600;
	padding:30px
}
.sub .breathing_house #why table tbody td:first-of-type {
	border-left:1px solid #eaedf0
}
.sub .breathing_house #why table tbody td.green_color {
	background-color:#f1f3eb;
	color:#22724a
}
.sub .breathing_house_bottom {
	background-image:url(/assets/user/kr/img/sub/breathingHouse_bottom_img.jpg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	height:600px;
	margin-bottom:-180px;
	width:100%
}
.sub .breathing_house_bottom img {
	padding-top:182px
}
.sub .breathing_house_bottom button {
	margin-top:48px
}
.sub .breathing_house .regulation .regulation_in {
	box-sizing:border-box;
	margin:0 auto 140px;
	padding:0 60px;
	width:100%
}
.sub .breathing_house .regulation .visual {
	background-image:url(/assets/user/kr/img/sub/regulation_visual_img.jpg)
}
.sub .breathing_house .regulation strong {
	font-size:50px;
	font-weight:600;
	letter-spacing:-.05em;
	line-height:68px;
	margin-bottom:80px;
	margin-top:180px;
	text-align:center
}
.sub .breathing_house .regulation .regulation_generation strong {
	margin-top:120px
}
.sub .breathing_house .regulation .regulation_generation .regulation_generation_in {
	display:flex;
	flex-wrap:nowrap;
	gap:10px;
	justify-content:space-between;
	margin-top:60px
}
.sub .breathing_house .regulation .regulation_generation .regulation_generation_in li {
	background-color:#f6f9f9;
	border-radius:20px;
	box-sizing:border-box;
	color:#22724a;
	flex:1;
	height:280px;
	padding:40px;
	position:relative
}
.sub .breathing_house .regulation .regulation_generation .regulation_generation_in li p {
	color:#22724a;
	font-size:28px;
	font-weight:700;
	letter-spacing:-.04em;
	line-height:38px;
	margin-bottom:8px
}
.sub .breathing_house .regulation .regulation_generation .regulation_generation_in li>span {
	color:#9699a3;
	font-size:18px;
	font-weight:600;
	letter-spacing:-.04em;
	line-height:30px
}
.sub .breathing_house .regulation .regulation_generation .regulation_generation_in li a {
	bottom:40px;
	position:absolute;
	right:40px
}
.sub .breathing_house .regulation .regulation_rule .list_st05 {
	margin-bottom:20px
}
.sub .breathing_house .regulation .regulation_rule .list_st07 {
	margin-left:8px
}
.sub .breathing_house .regulation .regulation_rule p {
	margin-bottom:60px;
	padding-left:8px
}
.sub .breathing_house .regulation .regulation_rule .discla {
	margin-top:60px
}
.sub .breathing_house .regulation .regulation_technology strong {
	margin-bottom:10px
}
.sub .breathing_house .regulation .regulation_technology em {
	display:block;
	font-size:20px;
	font-weight:700;
	letter-spacing:-.03em;
	line-height:42px;
	margin:80px 0 54px
}
.sub .breathing_house .regulation .regulation_technology .list_st05 span {
	color:#767983
}
.sub .breathing_house .regulation .regulation_technology .list_st02 {
	margin-top:0
}
.sub .breathing_house .regulation .regulation_technology .list_st02 li {
	color:#9699a3;
	font-size:20px;
	margin-bottom:10px;
	padding-left:20px
}
.sub .breathing_house .regulation .regulation_technology .list_st02 li:last-of-type {
	margin-bottom:0
}
.sub .breathing_house .regulation .regulation_technology .list_st02 p {
	color:#9699a3;
	display:block;
	font-size:17px
}
.sub .breathing_house .regulation .regulation_technology .list_st02 span {
	color:#767983
}
.sub .breathing_house .regulation .regulation_technology .discla {
	margin-top:62px
}
.sub .breathing_house .regulation .regulation_maintain strong {
	margin-bottom:10px
}
.sub .breathing_house .regulation .regulation_maintain p {
	margin-bottom:4px
}
.sub .breathing_house .regulation .regulation_maintain p:first-of-type {
	margin-bottom:76px
}
.sub .breathing_house .regulation .regulation_maintain em {
	display:block;
	font-size:20px;
	font-weight:700;
	letter-spacing:-.03em;
	line-height:42px;
	margin:26px 0
}
.sub .breathing_house .regulation .regulation_maintain .list_st02 {
	margin-top:0
}
.sub .breathing_house .regulation .regulation_maintain .list_st02 li {
	color:#9699a3;
	font-size:20px;
	margin-bottom:10px;
	padding-left:20px
}
.sub .breathing_house .regulation .regulation_maintain .list_st02 li:last-of-type {
	margin-bottom:0
}
.sub .breathing_house .regulation .regulation_maintain .list_st02 p {
	color:#9699a3;
	display:block;
	font-size:17px
}
.sub .breathing_house .regulation .regulation_maintain .list_st05 {
	margin-bottom:28px
}
.sub .breathing_house .regulation .regulation_maintain span {
	color:#767983!important
}
.sub .breathing_house .regulation .regulation_maintain .discla {
	margin-top:52px
}
.sub .breathing_house .regulation .regulation_management .discla {
	margin-top:40px
}
.sub .breathing_house .regulation .regulation_management .table_wrap {
	overflow-x:auto
}
@media screen and (max-width:1210px) {
	.sub .breathing_house .sub_anchor_wrap {
		margin-bottom:1.33vw
	}
	.sub .breathing_house .visual {
		background-image:url(/assets/user/kr/img/sub/regulation_visual_img_mo.jpg)
	}
	.sub .breathing_house #contaminants .cause {
		background-image:url(/assets/user/kr/img/sub/breathingHouse_cause_bg_mo.jpg);
		padding-bottom:15.5vw
	}
	.sub .breathing_house #contaminants .cause .txt {
		max-width:100%;
		text-align:center
	}
	.sub .breathing_house #contaminants .cause .txt em {
		font-size:3vw;
		line-height:4.17vw
	}
	.sub .breathing_house #contaminants .cause .txt p {
		font-size:2.33vw;
		line-height:3.5vw;
		margin-top:5.83vw
	}
	.sub .breathing_house #contaminants .cause .txt p:before {
		height:.33vw;
		left:50%;
		top:-36px;
		transform:translate(-50%);
		width:1.67vw
	}
	.sub .breathing_house #contaminants .cause .img_box {
		margin:8.33vw auto 0;
		position:unset;
		text-align:center
	}
	.sub .breathing_house #contaminants .cause .img_box img {
		margin:0 auto;
		width:48.5vw
	}
	.sub .breathing_house #contaminants .type {
		padding-bottom:18.33vw
	}
	.sub .breathing_house #contaminants .type>div>ul {
		flex-direction:column;
		gap:1.83vw 0
	}
	.sub .breathing_house #contaminants .type>div>ul>li {
		height:53.33vw;
		width:100%
	}
	.sub .breathing_house #contaminants .type>div>ul>li .off,.sub .breathing_house #contaminants .type>div>ul>li .on {
		position:unset
	}
	.sub .breathing_house #contaminants .type>div>ul>li .off {
		display:none
	}
	.sub .breathing_house #contaminants .type>div>ul>li .on {
		height:53.33vw;
		opacity:1;
		padding:5.17vw 4.5vw;
		visibility:visible;
		width:100%
	}
	.sub .breathing_house #contaminants .type>div>ul>li .on strong {
		flex-direction:column-reverse;
		gap:2.17vw
	}
	.sub .breathing_house #contaminants .type>div>ul>li .on strong span.txt {
		font-size:3.67vw
	}
	.sub .breathing_house #contaminants .type>div>ul>li .on strong span.num {
		font-size:2.83vw
	}
	.sub .breathing_house #contaminants .type>div>ul>li .on>ul {
		bottom:5.5vw
	}
	.sub .breathing_house #contaminants .type>div>ul>li .on>ul li {
		font-size:2.33vw;
		line-height:3.67vw;
		padding:0 4.67vw 0 1.5vw
	}
	.sub .breathing_house #contaminants .type>div>ul>li .on>ul li:before {
		height:.58vw;
		top:1.58vw;
		width:.58vw
	}
	.sub .breathing_house #contaminants .type>div>ul>li:first-of-type {
		background-image:url(/assets/user/kr/img/sub/breathingHouse_type_img01.jpg)
	}
	.sub .breathing_house #contaminants .type>div>ul>li:nth-of-type(2) {
		background-image:url(/assets/user/kr/img/sub/breathingHouse_type_img02.jpg)
	}
	.sub .breathing_house #contaminants .type>div>ul>li:nth-of-type(3) {
		background-image:url(/assets/user/kr/img/sub/breathingHouse_type_img03.jpg)
	}
	.sub .breathing_house #contaminants .type>div>ul>li:nth-of-type(4) {
		background-image:url(/assets/user/kr/img/sub/breathingHouse_type_img04.jpg)
	}
	.sub .breathing_house #contaminants .type>div>ul>li:nth-of-type(5) {
		background-image:url(/assets/user/kr/img/sub/breathingHouse_type_img05.jpg)
	}
	.sub .breathing_house #contaminants .type>div>ul>li {
		border-radius:2.17vw
	}
	.sub .breathing_house #contaminants .type>div>ul>li.active {
		width:auto
	}
	.sub .breathing_house #contaminants .problem {
		line-height:3.33vw;
		padding-bottom:15vw
	}
	.sub .breathing_house #contaminants .problem>div>ul {
		flex-direction:column
	}
	.sub .breathing_house #contaminants .problem>div>ul li {
		gap:0;
        max-width: none;
	}
	.sub .breathing_house #contaminants .problem>div>ul li strong {
		text-align:center
	}
	.sub .breathing_house #contaminants .problem>div>ul li img {
		border-radius:2.17vw;
		margin:0 auto
	}
	.sub .breathing_house #contaminants .problem>div>ul li p {
		font-size:2.33vw;
		margin-top:2vw;
		text-align:center
	}
	.sub .breathing_house #airManagement .reason {
		padding:18.33vw 0 17.5vw
	}
	.sub .breathing_house #airManagement .reason img {
		margin:7.5vw auto 10vw
	}
	.sub .breathing_house #airManagement .regulation {
		font-size:2.67vw;
		letter-spacing:-.03em;
		line-height:4.33vw;
		padding:8.33vw 0
	}
	.sub .breathing_house #airManagement .regulation button {
		margin:6.67vw auto 0
	}
	.sub .breathing_house #why {
		padding:18.33vw 0 9.17vw
	}
	.sub .breathing_house #why img {
		border-radius:2.17vw;
		margin:7.17vw auto 6.67vw
	}
	.sub .breathing_house #why table {
		border-radius:2.17vw 2.17vw 0 0
	}
	.sub .breathing_house #why table thead th {
		font-size:2.17vw;
		padding:2.67vw 0
	}
	.sub .breathing_house #why table thead th:first-of-type,.sub .breathing_house #why table thead th:nth-of-type(2) {
		border-right:.17vw solid #fff
	}
	.sub .breathing_house #why table tbody td {
		border-bottom:.17vw solid #d6dbe1;
		border-right:.17vw solid #eaedf0;
		font-size:2.17vw;
		padding:2.17vw
	}
	.sub .breathing_house #why table tbody td:first-of-type {
		border-left:.17vw solid #eaedf0
	}
	.sub .breathing_house_bottom {
		background-image:url(/assets/user/kr/img/sub/breathingHouse_bottom_img_mo.jpg);
		background-position:bottom;
		height:77vw;
		margin-bottom:-20vw
	}
	.sub .breathing_house_bottom img {
		margin:0 auto;
		padding-top:9.83vw;
		width:32.42vw
	}
	.sub .breathing_house_bottom button {
		margin:5vw auto 0
	}
	.sub .breathing_house .regulation .regulation_in {
		box-sizing:border-box;
		margin:0 auto 15vw;
		max-width:100%;
		padding:0 36px
	}
	.sub .breathing_house .regulation strong {
		font-size:4.17vw;
		letter-spacing:-.02em;
		line-height:5.83vw;
		margin-bottom:5.5vw;
		margin-top:15vw;
		text-align:left
	}
	.sub .breathing_house .regulation .regulation_generation strong {
		margin-top:15vw
	}
	.sub .breathing_house .regulation .regulation_generation .regulation_generation_in {
		flex-direction:column;
		gap:1.5vw 0;
		margin-top:5.33vw
	}
	.sub .breathing_house .regulation .regulation_generation .regulation_generation_in li {
		border-radius:2.17vw;
		height:20vw;
		padding:4.17vw 3.33vw
	}
	.sub .breathing_house .regulation .regulation_generation .regulation_generation_in li p {
		font-size:2.83vw;
		line-height:3.67vw;
		margin-bottom:1.17vw
	}
	.sub .breathing_house .regulation .regulation_generation .regulation_generation_in li>span {
		font-size:2.17vw;
		line-height:3.17vw
	}
	.sub .breathing_house .regulation .regulation_generation .regulation_generation_in li a {
		bottom:3.33vw;
		padding:4.17vw 3.42vw;
		right:3.33vw;
		top:50%;
		transform:translateY(-50%)
	}
	.sub .breathing_house .regulation .regulation_rule .list_st05 {
		margin-bottom:1.17vw
	}
	.sub .breathing_house .regulation .regulation_rule .list_st07 {
		margin-left:1.17vw
	}
	.sub .breathing_house .regulation .regulation_rule p {
		margin-bottom:3.33vw;
		padding-left:1.17vw
	}
	.sub .breathing_house .regulation .regulation_rule .discla {
		margin-top:5vw
	}
	.sub .breathing_house .regulation .regulation_technology strong {
		margin-bottom:1.33vw
	}
	.sub .breathing_house .regulation .regulation_technology em {
		font-size:2.5vw;
		line-height:4vw;
		margin:5.5vw 0 3.33vw
	}
	.sub .breathing_house .regulation .regulation_technology .list_st02 li {
		font-size:2.33vw;
		margin-bottom:2vw;
		padding-left:1.33vw
	}
	.sub .breathing_house .regulation .regulation_technology .list_st02 p {
		font-size:2.33vw;
		line-height:3.67vw;
		margin-top:.83vw
	}
	.sub .breathing_house .regulation .regulation_technology .discla {
		margin-top:5.33vw
	}
	.sub .breathing_house .regulation .regulation_technology p {
		text-align:left!important
	}
	.sub .breathing_house .regulation .regulation_maintain strong {
		margin-bottom:1.33vw
	}
	.sub .breathing_house .regulation .regulation_maintain p {
		margin-bottom:.83vw;
		text-align:left!important
	}
	.sub .breathing_house .regulation .regulation_maintain p:first-of-type {
		margin-bottom:5.5vw
	}
	.sub .breathing_house .regulation .regulation_maintain em {
		font-size:2.5vw;
		line-height:4vw;
		margin:3.33vw 0
	}
	.sub .breathing_house .regulation .regulation_maintain .list_st02 li {
		font-size:2.33vw;
		margin-bottom:.83vw;
		padding-left:1.33vw
	}
	.sub .breathing_house .regulation .regulation_maintain .list_st05 {
		margin-bottom:1.17vw
	}
	.sub .breathing_house .regulation .regulation_maintain .discla,.sub .breathing_house .regulation .regulation_management .discla {
		margin-top:5vw
	}
}
@media screen and (max-width:750px) {
	.sub .breathing_house .sub_anchor_wrap {
		margin-bottom:2.13vw
	}
	.sub .breathing_house #contaminants .cause {
		padding-bottom:24.8vw
	}
	.sub .breathing_house #contaminants .cause .txt em {
		font-size:4.8vw;
		line-height:6.67vw
	}
	.sub .breathing_house #contaminants .cause .txt p {
		font-size:3.73vw;
		line-height:5.6vw;
		margin-top:9.33vw
	}
	.sub .breathing_house #contaminants .cause .txt p:before {
		height:.53vw;
		top:-36px;
		width:2.67vw
	}
	.sub .breathing_house #contaminants .cause .img_box {
		margin:13.33vw auto 0
	}
	.sub .breathing_house #contaminants .cause .img_box img {
		width:77.6vw
	}
	.sub .breathing_house #contaminants .type {
		padding-bottom:29.33vw
	}
	.sub .breathing_house #contaminants .type>div>ul {
		gap:2.93vw 0
	}
	.sub .breathing_house #contaminants .type>div>ul>li {
		height:85.33vw
	}
	.sub .breathing_house #contaminants .type>div>ul>li .on {
		height:85.33vw;
		padding:8.27vw 7.2vw
	}
	.sub .breathing_house #contaminants .type>div>ul>li .on strong {
		gap:3.47vw
	}
	.sub .breathing_house #contaminants .type>div>ul>li .on strong span.txt {
		font-size:5.87vw
	}
	.sub .breathing_house #contaminants .type>div>ul>li .on strong span.num {
		font-size:4.53vw
	}
	.sub .breathing_house #contaminants .type>div>ul>li .on>ul {
		bottom:8.8vw
	}
	.sub .breathing_house #contaminants .type>div>ul>li .on>ul li {
		font-size:3.73vw;
		line-height:5.87vw;
		padding:0 7.47vw 0 2.4vw
	}
	.sub .breathing_house #contaminants .type>div>ul>li .on>ul li:before {
		height:.93vw;
		top:2.53vw;
		width:.93vw
	}
	.sub .breathing_house #contaminants .type>div>ul>li {
		border-radius:3.47vw
	}
	.sub .breathing_house #contaminants .problem {
		line-height:5.33vw;
		padding-bottom:24vw
	}
	.sub .breathing_house #contaminants .problem>div>ul li img {
		border-radius:3.47vw
	}
	.sub .breathing_house #contaminants .problem>div>ul li p {
		font-size:3.73vw;
		margin-top:3.2vw;
		text-align:left
	}
	.sub .breathing_house #airManagement .reason {
		padding:29.33vw 0 28vw
	}
	.sub .breathing_house #airManagement .reason img {
        width: 95vw;
		margin:12vw auto 16vw
	}
	.sub .breathing_house #airManagement .regulation {
		font-size:4.27vw;
		line-height:6.93vw;
		padding:13.33vw 0
	}
	.sub .breathing_house #airManagement .regulation button {
		margin:10.67vw auto 0
	}
	.sub .breathing_house #why {
		padding:29.33vw 0 14.67vw
	}
	.sub .breathing_house #why img {
		border-radius:3.47vw;
		margin:11.47vw 0 10.67vw
	}
	.sub .breathing_house #why table {
		border-radius:3.47vw 3.47vw 0 0
	}
	.sub .breathing_house #why table thead th {
		font-size:3.47vw;
		padding:4.27vw 0
	}
	.sub .breathing_house #why table thead th:first-of-type,.sub .breathing_house #why table thead th:nth-of-type(2) {
		border-right:.27vw solid #fff
	}
	.sub .breathing_house #why table tbody td {
		border-bottom:.27vw solid #d6dbe1;
		border-right:.27vw solid #eaedf0;
		font-size:3.47vw;
		padding:3.47vw
	}
	.sub .breathing_house #why table tbody td:first-of-type {
		border-left:.27vw solid #eaedf0
	}
	.sub .breathing_house_bottom {
		height:123.2vw;
		margin-bottom:-32vw
	}
	.sub .breathing_house_bottom img {
		padding-top:15.73vw;
		width:51.87vw
	}
	.sub .breathing_house_bottom button {
		margin:8vw auto 0
	}
	.sub .breathing_house .regulation .regulation_in {
		margin:0 auto 24vw;
		max-width:90.4vw;
		padding:0
	}
	.sub .breathing_house .regulation strong {
		font-size:6.67vw;
		line-height:9.33vw;
		margin-bottom:8.8vw;
		margin-top:24vw
	}
	.sub .breathing_house .regulation .regulation_generation strong {
		margin-top:24vw
	}
	.sub .breathing_house .regulation .regulation_generation .regulation_generation_in {
		gap:2.4vw 0;
		margin-top:8.53vw
	}
	.sub .breathing_house .regulation .regulation_generation .regulation_generation_in li {
		border-radius:3.47vw;
		height:32vw;
		padding:6.67vw 5.33vw
	}
	.sub .breathing_house .regulation .regulation_generation .regulation_generation_in li p {
		font-size:4.53vw;
		line-height:5.87vw;
		margin-bottom:1.87vw
	}
	.sub .breathing_house .regulation .regulation_generation .regulation_generation_in li>span {
		font-size:3.47vw;
		line-height:5.07vw
	}
	.sub .breathing_house .regulation .regulation_generation .regulation_generation_in li a {
		bottom:5.33vw;
		padding:6.67vw 5.47vw;
		right:5.33vw;
		top:50%
	}
	.sub .breathing_house .regulation .regulation_rule .list_st05 {
		margin-bottom:1.87vw
	}
	.sub .breathing_house .regulation .regulation_rule .list_st07 {
		margin-left:1.87vw
	}
	.sub .breathing_house .regulation .regulation_rule p {
		margin-bottom:5.33vw;
		padding-left:1.87vw
	}
	.sub .breathing_house .regulation .regulation_rule .discla {
		margin-top:8vw
	}
	.sub .breathing_house .regulation .regulation_technology strong {
		margin-bottom:2.13vw
	}
	.sub .breathing_house .regulation .regulation_technology em {
		font-size:4vw;
		line-height:6.4vw;
		margin:8.8vw 0 5.33vw
	}
	.sub .breathing_house .regulation .regulation_technology .list_st02 li {
		font-size:3.73vw;
		margin-bottom:3.2vw;
		padding-left:2.13vw
	}
	.sub .breathing_house .regulation .regulation_technology .list_st02 p {
		font-size:3.73vw;
		line-height:5.87vw;
		margin-top:1.33vw
	}
	.sub .breathing_house .regulation .regulation_technology .discla {
		margin-top:8.53vw
	}
	.sub .breathing_house .regulation .regulation_maintain strong {
		margin-bottom:2.13vw
	}
	.sub .breathing_house .regulation .regulation_maintain p {
		margin-bottom:1.33vw
	}
	.sub .breathing_house .regulation .regulation_maintain p:first-of-type {
		margin-bottom:8.8vw
	}
	.sub .breathing_house .regulation .regulation_maintain em {
		font-size:4vw;
		line-height:6.4vw;
		margin:5.33vw 0
	}
	.sub .breathing_house .regulation .regulation_maintain .list_st02 li {
		font-size:3.73vw;
		margin-bottom:1.33vw;
		padding-left:2.13vw
	}
	.sub .breathing_house .regulation .regulation_maintain .list_st05 {
		margin-bottom:1.87vw
	}
	.sub .breathing_house .regulation .regulation_maintain .discla,.sub .breathing_house .regulation .regulation_management .discla {
		margin-top:8vw
	}
}
.sub .product_search_txt {
    font-size:40px;
    font-weight:400;
    letter-spacing:-.05em;
    line-height:54px;
    margin-bottom:50px;
    text-align:center
}
.sub .product_search_txt span {
    color:#22724a;
    font-weight:600;
    margin-right:8px
}
.sub .product_search.no_data {
    border-bottom:1px solid #d6dbe1;
    border-top:1px solid #d6dbe1;
    margin-top:110px;
    padding:100px 0;
    text-align:center
}
.sub .product_search.plp_list {
    flex:1;
    gap:70px 20px;
    padding-bottom:180px;
    position:relative
}
@media screen and (max-width:1500px) {
    .sub .product_search.plp_list {
        justify-content:center
    }
}
.sub .product_search.plp_list {
    display:flex;
    flex-wrap:wrap
}
.sub .product_search.plp_list .btn_more {
    bottom:0;
    display:flex!important;
    left:50%;
    position:absolute;
    transform:translate(-50%)
}
.sub .product_search.plp_list .plp_list_box {
    background-color:#f6f9f9;
    border-radius:20px;
    box-sizing:border-box;
    color:#22724a;
    display:block;
    height:623px;
    padding:20px 20px 30px;
    position:relative;
    text-align:center;
    transition:all .2s ease;
    width:360px
}
.sub .product_search.plp_list .plp_list_box:hover {
    background-color:#e8f2df
}
.sub .product_search.plp_list .plp_list_box:hover strong {
    color:#22724a
}
.sub .product_search.plp_list .plp_list_box:hover .plp_list_box_ul_wrap.plp_scroll.scroll:after,.sub .product_search.plp_list .plp_list_box:hover .plp_list_box_ul_wrap.plp_scroll.scroll:before {
    background-image:url(/assets/user/kr/img/sub/plp_list_box_shadow_green.png)
}
.sub .product_search.plp_list .plp_list_box:last-of-type {
    margin-right:0
}
.sub .product_search.plp_list .plp_list_box .img_box {
    position:relative
}
.sub .product_search.plp_list .plp_list_box .img_box img {
    border-radius:12px;
    height:311px;
    object-fit:cover;
    width:100%
}
.sub .product_search.plp_list .plp_list_box .img_box img.hover_img {
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    transition:all .2s ease;
    visibility:hidden
}
.sub .product_search.plp_list .plp_list_box .img_box img.hover_img.active {
    opacity:1;
    visibility:visible
}
.sub .product_search.plp_list .plp_list_box strong {
    color:#464953;
    display:block;
    font-size:24px
}
.sub .product_search.plp_list .plp_list_box p {
    color:#767983;
    /*display:-webkit-box;*/
    font-size:17px;
    letter-spacing:-.02em;
    line-height:28px;
    margin:10px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.sub .product_search.plp_list .plp_list_box .plp_list_box_ul_wrap {
    overflow:hidden;
    position:relative;
    width:100%
}
.sub .product_search.plp_list .plp_list_box .plp_list_box_ul_wrap.plp_scroll.scroll:before {
    background-image:url(/assets/user/kr/img/sub/plp_list_box_shadow.png);
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:cover;
    content:"";
    height:40px;
    position:absolute;
    right:-10px;
    top:0;
    top:50%;
    transform:translateY(-50%);
    transition:all .2s ease;
    width:44px
}
.sub .product_search.plp_list .plp_list_box .plp_list_box_ul_wrap.scroll ul {
    justify-content:flex-start
}
.sub .product_search.plp_list .plp_list_box .plp_list_box_ul_wrap.scroll ul li:last-of-type {
    margin-right:44px
}
.sub .product_search.plp_list .plp_list_box ul {
    gap:2px;
    margin:24px 0;
    overflow-x:auto;
    width:100%
}
.sub .product_search.plp_list .plp_list_box ul::-webkit-scrollbar {
    display:none
}
.sub .product_search.plp_list .plp_list_box ul {
    align-items:center;
    display:flex;
    flex-wrap:nowrap;
    justify-content:center
}
.sub .product_search.plp_list .plp_list_box ul li {
    background-color:#fff;
    border:1px solid #dadade;
    border-radius:20px;
    box-sizing:border-box;
    color:#22724a;
    flex:none;
    font-size:15px;
    font-weight:600;
    height:40px;
    letter-spacing:-.02em;
    padding:11px 12px;
    user-select:none
}
.sub .product_search.plp_list .plp_btn_box {
    bottom:30px;
    gap:4px;
    justify-content:space-between;
    left:50%;
    padding:0 10px;
    position:absolute
}
.sub .product_search.plp_list .plp_btn_box>a {
    font-size:16px;
    min-width:auto;
    padding-left:26px;
    padding-right:26px
}
.sub .product_search.plp_list .plp_btn_box {
    align-items:center;
    display:flex;
    flex-wrap:nowrap;
    justify-content:center;
    transform:translate(-50%)
}
@media screen and (max-width:1210px) {
    .sub .product_search_txt {
        font-size:3.31vw;
        letter-spacing:-.04em;
        line-height:4.3vw;
        margin-bottom:6.61vw
    }
    .sub .product_search_txt span {
        margin-right:.66vw
    }
    .sub .product_search.no_data {
        border-bottom:0;
        border-top:0;
        margin-top:13.22vw;
        padding:0;
        text-align:center
    }
    .sub .product_search.plp_list {
        gap:4.13vw 2.64vw;
        padding-bottom:18.02vw
    }
    .sub .product_search.plp_list .plp_list_box {
        border-radius:2.48vw;
        height:78.68vw;
        padding:2.64vw 2.64vw 0;
        width:calc(50% - 1.33vw)
    }
    .sub .product_search.plp_list .plp_list_box .img_box img {
        border-radius:1.65vw;
        height:39.17vw
    }
    .sub .product_search.plp_list .plp_list_box strong {
        font-size:2.98vw
    }
    .sub .product_search.plp_list .plp_list_box p {
        font-size:2.15vw;
        letter-spacing:0;
        line-height:3.31vw;
        margin:2.15vw 0 0
    }
    .sub .product_search.plp_list .plp_list_box .plp_list_box_ul_wrap.plp_scroll:before {
        height:5.12vw;
        width:5.95vw
    }
    .sub .product_search.plp_list .plp_list_box .plp_list_box_ul_wrap.scroll ul li:last-of-type {
        margin-right:5.95vw
    }
    .sub .product_search.plp_list .plp_list_box ul {
        align-items:center;
        display:flex;
        flex-wrap:nowrap;
        gap:.5vw;
        justify-content:center;
        margin:3.47vw 0
    }
    .sub .product_search.plp_list .plp_list_box ul li {
        border:.08vw solid #dadade;
        border-radius:2.56vw;
        font-size:2.15vw;
        height:5.12vw;
        padding:1.49vw 1.98vw
    }
    .sub .product_search.plp_list .plp_btn_box {
        bottom:5.79vw;
        gap:.66vw
    }
    .sub .product_search.plp_list .plp_btn_box>a {
        min-width:18.02vw
    }
}
@media screen and (max-width:750px) {
    .sub .product_search_txt {
        font-size:5.33vw;
        letter-spacing:-.04em;
        line-height:6.93vw;
        margin-bottom:10.67vw
    }
    .sub .product_search_txt span {
        margin-right:1.07vw
    }
    .sub .product_search.no_data {
        border-bottom:0;
        border-top:0;
        margin-top:21.33vw;
        padding:0;
        text-align:center
    }
    .sub .product_search.plp_list {
        gap:8vw 0;
        padding-bottom:34.67vw
    }
    .sub .product_search.plp_list .plp_list_box {
        border-radius:4vw;
        height:144.27vw;
        padding:4.27vw 4.27vw 0;
        width:100%
    }
    .sub .product_search.plp_list .plp_list_box .img_box img {
        border-radius:2.67vw;
        height:80.53vw
    }
    .sub .product_search.plp_list .plp_list_box strong {
        font-size:5.07vw
    }
    .sub .product_search.plp_list .plp_list_box p {
        font-size:3.73vw;
        letter-spacing:0;
        line-height:5.6vw;
        margin:3.2vw 0 0
    }
    .sub .product_search.plp_list .plp_list_box .plp_list_box_ul_wrap.plp_scroll:before {
        height:8.27vw;
        width:9.6vw
    }
    .sub .product_search.plp_list .plp_list_box .plp_list_box_ul_wrap.scroll ul li:last-of-type {
        margin-right:9.6vw
    }
    .sub .product_search.plp_list .plp_list_box ul {
        align-items:center;
        display:flex;
        flex-wrap:nowrap;
        gap:.8vw;
        justify-content:center;
        margin:5.6vw 0
    }
    .sub .product_search.plp_list .plp_list_box ul li {
        border:.13vw solid #dadade;
        border-radius:4.13vw;
        font-size:3.47vw;
        height:8.27vw;
        padding:2.4vw 3.2vw
    }
    .sub .product_search.plp_list .plp_btn_box {
        bottom:8.53vw;
        gap:1.07vw;
        min-width:33.47vw
    }
    .sub .product_search.plp_list .plp_btn_box>a {
        min-width:33.47vw
    }
}
.sub .confirm_receipt h4 {
	font-size:28px;
	font-weight:600;
	letter-spacing:-.04em;
	line-height:40px;
	margin-bottom:36px
}
.sub .confirm_receipt .search_form {
	border:1px solid #dadade;
	border-radius:20px;
	box-sizing:border-box;
	display:flex;
	flex-wrap:nowrap;
	padding:52px 61px
}
.sub .confirm_receipt .search_form .search_form_in {
	align-items:center;
	display:flex;
	flex:1;
	flex-wrap:nowrap;
	gap:19px
}
.sub .confirm_receipt .search_form .search_form_in label {
	color:#767983;
	flex:none;
	font-size:18px;
	letter-spacing:-.04em;
	min-width:52px
}
.sub .confirm_receipt .search_form .search_form_in label span {
	color:#22724a
}
.sub .confirm_receipt .search_form .search_form_in input {
	border:1px solid #dadade;
	border-radius:8px;
	box-sizing:border-box;
	font-size:16px;
	height:60px;
	max-width:510px;
	padding:0 16px;
	width:100%
}
.sub .confirm_receipt .search_form .search_form_in input::placeholder {
	color:#c6c9d3;
	font-size:16px
}
.sub .confirm_receipt .search_form .search_form_in:nth-of-type(2) {
	margin:0 16px 0 58px
}
.sub .confirm_receipt .board_st01,.sub .confirm_receipt .board_st04 {
	margin-top:80px
}
.sub .confirm_receipt .no_data {
	border-bottom:1px solid #d6dbe1;
	padding:60px 0
}
.sub .confirm_receipt .btn_box {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	gap:16px;
	justify-content:center;
	margin-top:60px
}
@media screen and (max-width:1210px) {
	.sub .confirm_receipt h4 {
		font-size:3.33vw;
		line-height:4.33vw;
		margin-bottom:3.33vw
	}
	.sub .confirm_receipt .search_form {
		border:.17vw solid #dadade;
		border-radius:2.17vw;
		flex-direction:column;
		gap:5vw;
		margin-bottom:13vw;
		padding:4.33vw 3.33vw 5.17vw;
		position:relative
	}
	.sub .confirm_receipt .search_form .search_form_in {
		flex-direction:column;
		gap:1.33vw 0
	}
	.sub .confirm_receipt .search_form .search_form_in label {
		font-size:2.33vw;
		min-width:100%;
		width:100%
	}
	.sub .confirm_receipt .search_form .search_form_in input {
		border:.17vw solid #dadade;
		border-radius:1.33vw;
		font-size:2.33vw;
		height:8.83vw;
		max-width:100%;
		padding:0 2.67vw
	}
	.sub .confirm_receipt .search_form .search_form_in input::placeholder {
		font-size:2.33vw
	}
	.sub .confirm_receipt .search_form .search_form_in:nth-of-type(2) {
		margin:0
	}
	.sub .confirm_receipt .search_form button {
		border-radius:4.83vw;
		bottom:-13vw;
		left:0;
		padding-bottom:3.67vw;
		padding-top:3.67vw;
		position:absolute;
		width:100%
	}
	.sub .confirm_receipt .board_st01 td,.sub .confirm_receipt .board_st01 th {
		font-weight:600
	}
	.sub .confirm_receipt .board_st01 {
		display:inline-block;
		margin-top:6.67vw;
		width:100%
	}
	.sub .confirm_receipt .board_st04 {
		display:inline-block;
		margin-top:3.33vw;
		width:100%
	}
	.sub .confirm_receipt .no_data {
		border-bottom:.17vw solid #d6dbe1;
		padding:11.83vw 0
	}
	.sub .confirm_receipt .btn_box {
		gap:0 .5vw;
		margin-top:6.33vw
	}
	.sub .confirm_receipt .btn_box button {
		border-radius:4.83vw;
		flex:1;
		padding-bottom:3.67vw;
		padding-top:3.67vw
	}
}
@media screen and (max-width:750px) {
	.sub .confirm_receipt h4 {
		font-size:5.33vw;
		line-height:6.93vw;
		margin-bottom:5.33vw
	}
	.sub .confirm_receipt .search_form {
		border:.27vw solid #dadade;
		border-radius:3.47vw;
		gap:8vw;
		margin-bottom:20.8vw;
		padding:6.93vw 5.33vw 8.27vw
	}
	.sub .confirm_receipt .search_form .search_form_in {
		gap:2.13vw 0
	}
	.sub .confirm_receipt .search_form .search_form_in label {
		font-size:3.73vw
	}
	.sub .confirm_receipt .search_form .search_form_in input {
		border:.27vw solid #dadade;
		border-radius:2.13vw;
		font-size:3.73vw;
		height:14.13vw;
		padding:0 4.27vw
	}
	.sub .confirm_receipt .search_form .search_form_in input::placeholder {
		font-size:3.73vw
	}
	.sub .confirm_receipt .search_form button {
		border-radius:7.73vw;
		bottom:-20.8vw;
		padding-bottom:5.87vw;
		padding-top:5.87vw
	}
	.sub .confirm_receipt .board_st01 {
		margin-top:10.67vw
	}
	.sub .confirm_receipt .board_st04 {
		margin-top:5.33vw
	}
	.sub .confirm_receipt .no_data {
		border-bottom:.27vw solid #d6dbe1;
		padding:18.93vw 0
	}
	.sub .confirm_receipt .btn_box {
		gap:0 .8vw;
		margin-top:10.13vw
	}
	.sub .confirm_receipt .btn_box button {
		border-radius:7.73vw;
		padding-bottom:5.87vw;
		padding-top:5.87vw
	}
}
.sub .as_application h4 {
	font-size:28px;
	font-weight:600;
	letter-spacing:-.04em;
	line-height:40px;
	margin-bottom:36px;
	margin-top:80px
}
.sub .as_application h4:first-of-type {
	margin-top:0
}
.sub .as_application .privacy_agree {
	border:1px solid #dadade;
	border-top:2px solid #464953;
	box-sizing:border-box;
	height:318px;
	padding:30px 20px 24px 50px
}
.sub .as_application .privacy_agree>div {
	height:100%;
	overflow-y:scroll
}
.sub .as_application .privacy_agree>div strong {
	display:block;
	font-size:16px;
	font-weight:600;
	letter-spacing:-.04em;
	line-height:28px;
	margin-top:26px
}
.sub .as_application .privacy_agree>div strong:first-of-type {
	margin-top:0
}
.sub .as_application .privacy_agree>div ul {
	margin-top:12px
}
.sub .as_application .privacy_agree>div ul li {
	color:#767983;
	display:flex;
	flex-wrap:nowrap;
	font-size:16px;
	letter-spacing:-.04em;
	line-height:28px;
	margin-bottom:8px
}
.sub .as_application .privacy_agree>div ul li span:first-of-type {
	flex:none;
	width:20px
}
.sub .as_application .privacy_agree>div ul li span:nth-of-type(2) {
	flex:1
}
.sub .as_application .privacy_agree>div ul li:last-of-type {
	margin-bottom:0
}
.sub .as_application .privacy_agree>div p {
	color:#767983;
	font-size:16px;
	letter-spacing:-.04em;
	line-height:28px;
	margin-top:14px
}
.sub .as_application .privacy_agree_check {
	margin-top:28px
}
.sub .as_application .check_box {
	align-items:center;
	display:flex
}
.sub .as_application .check_box label {
	color:#767983;
	font-size:16px;
	font-weight:500;
	margin:0 0 0 8px
}
.sub .as_application .check_box input[type=checkbox] {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background-color:#fff;
	border:1px solid #dadade;
	border-radius:4px;
	cursor:pointer;
	height:22px;
	outline:none;
	width:22px
}
.sub .as_application .check_box input[type=checkbox]:checked {
	background-color:#22724a;
	position:relative
}
.sub .as_application .check_box input[type=checkbox]:checked:before {
	background-image:url(/assets/user/kr/img/sub/check_box_icon.svg);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	content:"";
	height:10px;
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%,-50%);
	width:20px
}
.sub .as_application .inquiry_detail_wrap {
	border-bottom:2px solid #464953;
	border-top:2px solid #464953;
	padding:40px 20px;
	position:relative
}
.sub .as_application .inquiry_detail_wrap>span {
	color:#767983;
	font-size:16px;
	font-weight:400;
	position:absolute;
	right:0;
	top:-46px
}
.sub .as_application .inquiry_detail_wrap>span em {
	color:#22724a
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li {
	gap:70px;
	margin-bottom:34px
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li:last-of-type {
	margin-bottom:0
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li {
	display:flex;
	flex-wrap:nowrap
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div {
	flex:1
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div label,.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div strong {
	color:#767983;
	display:block;
	font-size:18px;
	font-weight:500;
	line-height:28px;
	margin-bottom:14px
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div label span,.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div strong span {
	color:#22724a
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=date],.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=tel],.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=text] {
	border:1px solid #dadade;
	border-radius:8px;
	box-sizing:border-box;
	font-size:16px;
	height:60px;
	padding:0 16px;
	width:100%
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=date]::placeholder,.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=tel]::placeholder,.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=text]::placeholder {
	color:#c6c9d3;
	font-size:16px
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=date]::-webkit-date-and-time-value {
	color:#464953;
	text-align:left
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=date] {
	background:url(/assets/user/kr/img/sub/calendar_icon.png) no-repeat right 15px center/19px auto;
	font-size:16px;
	position:relative;
	text-align:left
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=date]:before {
	align-content:center;
	background-color:#fff;
	border-radius:8px;
	box-sizing:border-box;
	color:#c6c9d3;
	content:attr(data-placeholder);
	font-size:16px;
	height:100%;
	left:0;
	overflow:hidden;
	padding-left:16px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:60%
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=date]:focus:before,.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=date]:valid:before {
	display:none
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=date]::-webkit-calendar-picker-indicator {
	background:transparent;
	color:transparent;
	cursor:pointer;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .check_box_wrap {
	border:1px solid #dadade;
	border-radius:8px;
	display:flex;
	flex-wrap:wrap;
	gap:12px 0;
	padding:24px 30px
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .check_box_wrap>li {
	width:25%
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .check_box_wrap>li label {
	font-size:16px;
	margin:0 0 0 8px
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .address {
	display:flex;
	flex-wrap:nowrap;
	gap:10px;
	margin-bottom:8px
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .address input {
	flex:1
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .address button {
	background-color:#e7ece9;
	border-radius:30px;
	color:#187249;
	font-size:17px;
	font-weight:700;
	height:60px;
	letter-spacing:-.02em;
	line-height:30px;
	transition:all .2s ease;
	width:96px
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .address button:hover {
	background-color:#22724b;
	color:#fff
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .textarea_wrap textarea {
	background-color:#fff;
	border:1px solid #dadade;
	border-radius:8px;
	box-sizing:border-box;
	font-size:16px;
	height:320px;
	overflow-y:auto;
	padding:16px;
	resize:none;
	width:100%
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .textarea_wrap textarea::placeholder {
	color:#c6c9d3;
	font-size:16px
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .file_input_wrap {
	align-items:center;
	display:flex;
	gap:28px
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .file_input_wrap label {
	background-color:#e7ece9;
	border-radius:30px;
	box-sizing:border-box;
	color:#187249;
	display:inline-block;
	flex:none;
	font-size:17px;
	font-weight:700;
	height:60px;
	line-height:60px;
	margin-bottom:0;
	text-align:center;
	transition:all .2s ease;
	width:96px
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .file_input_wrap label:hover {
	background-color:#22724b;
	color:#fff
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .file_input_wrap .file_input {
	height:0;
	opacity:0;
	position:absolute;
	width:0
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .file_input_wrap ul.file_list {
	display:flex;
	flex-wrap:wrap
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .file_input_wrap ul.file_list li {
	color:#767983;
	display:flex;
	flex-wrap:nowrap;
	font-size:16px;
	gap:6px;
	line-height:26px;
	word-break:break-all
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .secret {
	display:flex;
	flex-wrap:nowrap;
	gap:4px
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .secret .num {
	background-color:#ddd;
	border-radius:8px;
	font-size:16px;
	height:60px;
	line-height:60px;
	text-align:center;
	width:110px
}
.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .secret input {
	flex:1
}
.sub .as_application .btn_box a,.sub .as_application .btn_box button {
	margin:60px auto 0
}
@media screen and (max-width:1210px) {
	.sub .as_application h4 {
		font-size:3.33vw;
		line-height:4.33vw;
		margin-bottom:4.17vw;
		margin-top:11.67vw
	}
	.sub .as_application .privacy_agree {
		border:.17vw solid #dadade;
		border-top:.33vw solid #464953;
		height:35vw;
		padding:2.33vw .83vw 2.33vw 2.33vw
	}
	.sub .as_application .privacy_agree>div strong {
		font-size:2.33vw;
		line-height:3.67vw;
		margin-top:1.67vw
	}
	.sub .as_application .privacy_agree>div ul {
		margin-top:1.67vw
	}
	.sub .as_application .privacy_agree>div ul li {
		font-size:2.33vw;
		line-height:3.67vw;
		margin-bottom:1.33vw
	}
	.sub .as_application .privacy_agree>div ul li span:first-of-type {
		width:3.33vw
	}
	.sub .as_application .privacy_agree>div p {
		font-size:2.33vw;
		line-height:3.67vw;
		margin-top:1.5vw
	}
	.sub .as_application .privacy_agree_check {
		margin-top:2.5vw
	}
	.sub .as_application .check_box label {
		font-size:2.33vw;
		margin:0 0 0 1.25vw
	}
	.sub .as_application .check_box input[type=checkbox] {
		border:.17vw solid #dadade;
		border-radius:.67vw;
		height:3.83vw;
		width:3.83vw
	}
	.sub .as_application .check_box input[type=checkbox]:checked:before {
		height:100%;
		width:100%;
	}
	.sub .as_application .inquiry_detail_wrap {
		border-bottom:.33vw solid #464953;
		border-top:.33vw solid #464953;
		padding:5vw 0
	}
	.sub .as_application .inquiry_detail_wrap>span {
		font-size:2.33vw;
		font-weight:500;
		top:-7vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li {
		flex-direction:column;
		gap:5vw 0;
		margin-bottom:5vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div label,.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div strong {
		font-size:2.33vw;
		line-height:3.5vw;
		margin-bottom:1.33vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=date],.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=tel],.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=text] {
		border:.17vw solid #dadade;
		border-radius:1.33vw;
		font-size:2.33vw;
		height:8.83vw;
		padding:0 2.67vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=date]::placeholder,.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=tel]::placeholder,.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=text]::placeholder {
		font-size:2.33vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=date] {
		background:url(/assets/user/kr/img/sub/calendar_icon.png) no-repeat right 3.33vw center/3.83vw auto;
		font-size:2.33vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=date]:before {
		border-radius:1.33vw;
		font-size:2.33vw;
		padding-left:2.67vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .check_box_wrap {
		border:.17vw solid #dadade;
		border-radius:1.33vw;
		gap:2.5vw 0;
		padding:4.08vw 3.33vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .check_box_wrap>li {
		width:50%
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .check_box_wrap>li label {
		font-size:2.33vw;
		margin:0 0 0 1.33vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .address {
		gap:1.17vw;
		margin-bottom:1.33vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .address button {
		border-radius:4.42vw;
		font-size:2.33vw;
		height:8.83vw;
		line-height:2.5vw;
		width:13.33vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .textarea_wrap textarea {
		border:.17vw solid #dadade;
		border-radius:1.33vw;
		font-size:2.33vw;
		height:37.5vw;
		padding:2.67vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .textarea_wrap textarea::placeholder {
		font-size:2.33vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .file_input_wrap {
		gap:2.5vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .file_input_wrap label {
		border-radius:4.42vw;
		font-size:2.33vw;
		height:8.33vw;
		line-height:8.33vw;
		width:13.33vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .file_input_wrap ul.file_list li {
		font-size:2.33vw;
		gap:1.67vw;
		line-height:3.33vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .secret {
		gap:1.17vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .secret .num {
		border-radius:1.33vw;
		font-size:2.33vw;
		height:8.83vw;
		line-height:8.83vw;
		width:13.33vw
	}
	.sub .as_application .btn_box a,.sub .as_application .btn_box button {
		border-radius:4.83vw;
		margin:6.67vw auto 0;
		padding-bottom:3.33vw;
		padding-top:3.33vw;
		width:100%
	}
}
@media screen and (max-width:750px) {
	.sub .as_application h4 {
		font-size:5.33vw;
		line-height:6.93vw;
		margin-bottom:6.67vw;
		margin-top:18.67vw
	}
	.sub .as_application .privacy_agree {
		border:.27vw solid #dadade;
		border-top:.53vw solid #464953;
		height:56vw;
		padding:3.73vw 1.33vw 3.73vw 3.73vw
	}
	.sub .as_application .privacy_agree>div strong {
		font-size:3.73vw;
		line-height:5.87vw;
		margin-top:2.67vw
	}
	.sub .as_application .privacy_agree>div ul {
		margin-top:2.67vw
	}
	.sub .as_application .privacy_agree>div ul li {
		font-size:3.73vw;
		line-height:5.87vw;
		margin-bottom:2.13vw
	}
	.sub .as_application .privacy_agree>div ul li span:first-of-type {
		width:5.33vw
	}
	.sub .as_application .privacy_agree>div p {
		font-size:3.73vw;
		line-height:5.87vw;
		margin-top:2.4vw
	}
	.sub .as_application .privacy_agree_check {
		margin-top:4vw
	}
	.sub .as_application .check_box label {
		font-size:3.73vw;
		margin:0 0 0 2vw
	}
	.sub .as_application .check_box input[type=checkbox] {
		border:.27vw solid #dadade;
		border-radius:1.07vw;
		height:6.13vw;
		width:6.13vw
	}
	.sub .as_application .check_box input[type=checkbox]:checked:before {
		height:100%;
		width:100%;
	}
	.sub .as_application .inquiry_detail_wrap {
		border-bottom:.53vw solid #464953;
		border-top:.53vw solid #464953;
		padding:8vw 0
	}
	.sub .as_application .inquiry_detail_wrap>span {
		font-size:3.73vw;
		top:-11.2vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li {
		gap:8vw 0;
		margin-bottom:8vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div label,.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div strong {
		font-size:3.73vw;
		line-height:5.6vw;
		margin-bottom:2.13vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=date],.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=tel],.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=text] {
		border:.27vw solid #dadade;
		border-radius:2.13vw;
		font-size:3.73vw;
		height:14.13vw;
		padding:0 4.27vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=date]::placeholder,.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=tel]::placeholder,.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=text]::placeholder {
		font-size:3.73vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=date] {
		background:url(/assets/user/kr/img/sub/calendar_icon.png) no-repeat right 5.33vw center/6.13vw auto;
		font-size:3.73vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div input[type=date]:before {
		border-radius:2.13vw;
		font-size:3.73vw;
		padding-left:4.27vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .check_box_wrap {
		border:.27vw solid #dadade;
		border-radius:2.13vw;
		gap:4vw 0;
		padding:6.53vw 5.33vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .check_box_wrap>li {
		width:50%
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .check_box_wrap>li label {
		font-size:3.73vw;
		margin:0 0 0 2.13vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .address {
		gap:1.87vw;
		margin-bottom:2.13vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .address button {
		border-radius:7.07vw;
		font-size:3.73vw;
		height:14.13vw;
		line-height:4vw;
		width:21.33vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .textarea_wrap textarea {
		border:.27vw solid #dadade;
		border-radius:2.13vw;
		font-size:3.73vw;
		height:60vw;
		padding:4.27vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .textarea_wrap textarea::placeholder {
		font-size:3.73vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .file_input_wrap {
		gap:4vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .file_input_wrap label {
		border-radius:7.07vw;
		font-size:3.73vw;
		height:13.33vw;
		line-height:13.33vw;
		width:21.33vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .file_input_wrap ul.file_list li {
		font-size:3.73vw;
		gap:2.67vw;
		line-height:5.33vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .secret {
		gap:1.87vw
	}
	.sub .as_application .inquiry_detail_wrap .inquiry_detail>li>div .secret .num {
		border-radius:2.13vw;
		font-size:3.73vw;
		height:14.13vw;
		line-height:14.13vw;
		width:21.33vw
	}
	.sub .as_application .btn_box a,.sub .as_application .btn_box button {
		border-radius:7.73vw;
		margin:10.67vw auto 0;
		padding-bottom:5.33vw;
		padding-top:5.33vw;
		width:100%
	}
}
.sub .user_menual .col01 {
	width:12%
}
.sub .user_menual .col02 {
	width:auto
}
.sub .user_menual .col03 {
	width:16%
}
@media screen and (max-width:1210px) {
	.sub .user_menual .col01 {
		width:auto
	}
	.sub .user_menual .col02 {
		width:40%
	}
	.sub .user_menual .col03 {
		width:auto
	}
}
.sub .confirm_receipt .col01 {
	width:auto;
	width:11%
}
.sub .confirm_receipt .col02 {
	width:8%
}
.sub .confirm_receipt .col03 {
	width:68%
}
.sub .confirm_receipt .col04 {
	width:auto
}
.sub .confirm_receipt .col05 {
	width:15%
}
@media screen and (max-width:1210px) {
	.sub .confirm_receipt .col01 {
		width:12%
	}
	.sub .confirm_receipt .col02 {
		width:auto
	}
	.sub .confirm_receipt .col03,.sub .confirm_receipt .col04 {
		width:17%
	}
	.sub .confirm_receipt .col05 {
		width:auto
	}
}
.sub .appliance {
	margin-bottom:-180px
}
.sub .appliance .white_area {
	position:relative;
	text-align:center
}
.sub .appliance .white_area strong {
	color:#22724a;
	font-size:32px;
	font-weight:700;
	letter-spacing:-.05em;
	line-height:42px
}
.sub .appliance .white_area h4 {
	font-size:40px;
	font-weight:600;
	letter-spacing:-.05em;
	padding:26px 0 60px
}
.sub .appliance .white_area .messege {
	align-items:center;
	border-radius:16px;
	bottom:0;
	display:flex;
	flex-wrap:nowrap;
	font-size:22px;
	font-weight:400;
	gap:5px;
	justify-content:center;
	left:50%;
	letter-spacing:-.05em;
	padding:14px 33px;
	position:absolute;
	transform:translate(-50%,50%)
}
.sub .appliance .white_area .messege:before {
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	bottom:100%;
	content:"";
	height:15px;
	position:absolute;
	width:17px
}
.sub .appliance .white_area .messege.yellow {
	background-color:#faf0e1
}
.sub .appliance .white_area .messege.yellow:before {
	background-image:url(/assets/user/kr/img/sub_appliance/triangle_yellow.png)
}
.sub .appliance .white_area .messege.green {
	background-color:#e8f2df
}
.sub .appliance .white_area .messege.green:before {
	background-image:url(/assets/user/kr/img/sub_appliance/triangle_green.png)
}
.sub .appliance .green_area {
	align-items:center;
	background-color:#f6f9f9;
	display:flex;
	flex-direction:column;
	padding:60px 0 180px
}
.sub .appliance .green_area .appliance_question {
	width:672px
}
.sub .appliance .green_area .appliance_question li {
	margin-bottom:24px
}
.sub .appliance .green_area .appliance_question li a,.sub .appliance .green_area .appliance_question li button {
	align-items: center;
    background-color: #fff;
    box-shadow: 9px 9px 10px -14px #949494;
    color: #464953;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -.03em;
    line-height: 34px;
    min-height: 88px;
    padding: 10px 42px;
    text-align: left;
    width: 100%
}
.sub .appliance .green_area .appliance_question li a img,.sub .appliance .green_area .appliance_question li button img {
	margin-right:48px;
	width:71px
}
.sub .appliance .green_area .appliance_question li a em,.sub .appliance .green_area .appliance_question li button em {
	font-weight:600
}
.sub .appliance .green_area .appliance_question li a div, .sub .appliance .green_area .appliance_question li button div {
    box-sizing: border-box;
    width: calc(100% - 42px)
}
.sub .appliance .green_area .appliance_question li a,.sub .appliance .green_area .appliance_question li button {
	border-radius:16px;
	display:flex;
	flex-wrap:nowrap;
	transition:all .3s ease
}
.sub .appliance .green_area .appliance_question li:last-of-type {
	margin-bottom:80px
}
.sub .appliance .green_area .appliance_question li.active button {
	background-color:#e8f2df
}
.sub .appliance .green_area .btn_box {
	display:flex;
	flex-wrap:wrap;
	gap:40px 8px;
	justify-content:center;
	max-width:342px
}
.sub .appliance .green_area .btn_box .prev {
	box-sizing:border-box;
	flex:1;
	padding:20px 49px 20px 59px;
	width:167px
}
.sub .appliance .green_area .btn_box .prev:hover i:before {
	animation:iconLeftMove .4s
}
.sub .appliance .green_area .btn_box .prev i:before {
	transform:rotate(-180deg)
}
.sub .appliance .green_area .btn_box .next {
	box-sizing:border-box;
	padding:20px 32px;
	width:167px
}
.sub .appliance .green_area .btn_box .next i:before {
	background-image:url(/assets/user/kr/img/main/main_button_arrow_icon02.png)
}
.sub .appliance .green_area .btn_box .reset {
	background:url(/assets/user/kr/img/sub_appliance/reset_icon.png) no-repeat right 5px center;
	color:#9fa0a0;
	font-size:17px;
	font-weight:600;
	height:24px;
	letter-spacing:-.05em;
	padding-right:32px;
	width:86px
}
@media screen and (max-width:1210px) {
	.sub .appliance {
		margin-bottom:-20vw
	}
	.sub .appliance .white_area strong {
		font-size:3vw;
		letter-spacing:-.02em;
		line-height:3.83vw
	}
	.sub .appliance .white_area h4 {
		font-size:4.17vw;
		letter-spacing:-.04em;
		line-height:5.83vw;
		padding:3vw 0 6.67vw
	}
	.sub .appliance .white_area .messege {
		border-radius:2.17vw;
		font-size:2.33vw;
		font-weight:500;
		gap:.5vw;
		margin:-7.67vw auto 0;
		padding:2vw 3.75vw;
		position:unset;
		transform:translateY(50%);
		width:max-content
	}
	.sub .appliance .white_area .messege:before {
		height:1.25vw;
		width:1.58vw
	}
	.sub .appliance .white_area .messege img {
		flex:none;
		width:2.83vw
	}
	.sub .appliance .green_area {
		box-sizing:border-box;
		padding:6.67vw 3.17vw 11.5vw
	}
	.sub .appliance .green_area .appliance_question {
		width:100%
	}
	.sub .appliance .green_area .appliance_question li {
		margin-bottom:2vw
	}
	.sub .appliance .green_area .appliance_question li a,.sub .appliance .green_area .appliance_question li button {
		font-size: 2.64vw;
        line-height: 3.47vw;
        min-height: 10.25vw;
        padding: 1.65vw 2.89vw
	}
	.sub .appliance .green_area .appliance_question li a img,.sub .appliance .green_area .appliance_question li button img {
		margin-right:1.08vw;
		width:7.5vw
	}
    .sub .appliance .green_area .appliance_question li a div, .sub .appliance .green_area .appliance_question li button div {
        width: calc(100% - 2.89vw)
    }
	.sub .appliance .green_area .appliance_question li a,.sub .appliance .green_area .appliance_question li button {
		border-radius:2.17vw
	}
	.sub .appliance .green_area .appliance_question li:last-of-type {
		margin-bottom:6.67vw
	}
	.sub .appliance .green_area .btn_box {
		gap:4vw .42vw;
		max-width:44.83vw
	}
	.sub .appliance .green_area .btn_box .prev {
		flex:none;
		height:7.83vw;
		padding:1.67vw 4.08vw 1.67vw 4.92vw;
		width:22.17vw
	}
	.sub .appliance .green_area .btn_box .prev i {
		display:none;
		height:1.92vw;
		width:1.83vw
	}
	.sub .appliance .green_area .btn_box .prev i:before {
		height:1.92vw;
		width:1.83vw
	}
	.sub .appliance .green_area .btn_box .next {
		flex:none;
		height:7.83vw;
		padding:1.67vw 2.67vw;
		width:22.17vw
	}
	.sub .appliance .green_area .btn_box .next i,.sub .appliance .green_area .btn_box .next i:before {
		height:1.92vw;
		width:1.83vw
	}
	.sub .appliance .green_area .btn_box .reset {
		background:url(/assets/user/kr/img/sub_appliance/reset_icon.png) no-repeat 100%;
		background-size:2vw auto;
		font-size:2.33vw;
		height:3.33vw;
		padding-right:4.08vw;
		width:11.5vw
	}
}
@media screen and (max-width:750px) {
	.sub .appliance {
		margin-bottom:-32vw
	}
	.sub .appliance .white_area strong {
		font-size:4.8vw;
		line-height:6.13vw
	}
	.sub .appliance .white_area h4 {
		font-size:6.67vw;
		letter-spacing:-.04em;
		line-height:9.33vw;
		padding:4.8vw 0 10.67vw
	}
	.sub .appliance .white_area .messege {
		border-radius:3.47vw;
		font-size:3.73vw;
		gap:.8vw;
		margin-top:-12.27vw;
		padding:3.07vw 3.73vw;
		width:max-content
	}
	.sub .appliance .white_area .messege:before {
		height:2vw;
		width:2.53vw
	}
	.sub .appliance .white_area .messege img {
		width:4.53vw
	}
	.sub .appliance .green_area {
		padding:10.67vw 5.07vw 18.4vw
	}
	.sub .appliance .green_area .appliance_question {
		width:100%
	}
	.sub .appliance .green_area .appliance_question li {
		margin-bottom:3.2vw
	}
	.sub .appliance .green_area .appliance_question li a,.sub .appliance .green_area .appliance_question li button {
		font-size: 4.27vw;
        line-height: 5.6vw;
        min-height: 16.53vw;
        padding: 2.67vw 4.67vw
	}
	.sub .appliance .green_area .appliance_question li a img,.sub .appliance .green_area .appliance_question li button img {
		margin-right:1.73vw;
		width:12vw
	}
    .sub .appliance .green_area .appliance_question li a div, .sub .appliance .green_area .appliance_question li button div {
        width: calc(100% - 4.67vw)
    }
	.sub .appliance .green_area .appliance_question li a,.sub .appliance .green_area .appliance_question li button {
		border-radius:3.47vw
	}
	.sub .appliance .green_area .appliance_question li:last-of-type {
		margin-bottom:10.67vw
	}
	.sub .appliance .green_area .btn_box {
		gap:6.4vw .67vw;
		max-width:71.73vw
	}
	.sub .appliance .green_area .btn_box .prev {
		height:12.53vw;
		padding:2.67vw 6.53vw 2.67vw 7.87vw;
		width:35.47vw
	}
	.sub .appliance .green_area .btn_box .prev i,.sub .appliance .green_area .btn_box .prev i:before {
		height:3.07vw;
		width:2.93vw
	}
	.sub .appliance .green_area .btn_box .next {
		height:12.53vw;
		padding:2.67vw 4.27vw;
		width:35.47vw
	}
	.sub .appliance .green_area .btn_box .next i,.sub .appliance .green_area .btn_box .next i:before {
		height:3.07vw;
		width:2.93vw
	}
	.sub .appliance .green_area .btn_box .reset {
		background:url(/assets/user/kr/img/sub_appliance/reset_icon.png) no-repeat 100%;
		background-size:3.2vw auto;
		font-size:3.73vw;
		height:5.33vw;
		padding-right:6.53vw;
		width:18.4vw
	}
}
.sub .error {
    min-height:auto;
    padding-bottom:0
}
.sub .error .error_wrap {
    background-color:#f7f8fa;
    padding:205px 0;
    text-align:center
}
.sub .error .error_wrap .text_box {
    padding-top:75px;
    position:relative
}
.sub .error .error_wrap .text_box:before {
    background-image:url(/assets/user/kr/img/common/icon_error.svg);
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:cover;
    content:"";
    height:43px;
    left:50%;
    position:absolute;
    top:0;
    transform:translate(-50%);
    width:43px
}
.sub .error .error_wrap .text_box strong {
    color:#464953;
    font-size:28px;
    font-weight:600;
    line-height:38px
}
.sub .error .error_wrap .text_box p {
    color:#9699a3;
    font-size:18px;
    font-weight:600;
    line-height:26px;
    padding-top:30px
}
.sub .error .btn_wrap {
    display:flex;
    gap:16px;
    justify-content:center;
    margin-top:45px
}
.sub .error .btn_wrap .prev {
    background-color:#e7ece9;
    box-sizing:border-box;
    width:136px
}
.sub .error .btn_wrap .prev:hover i:before {
    animation:iconLeftMove .4s
}
.sub .error .btn_wrap .prev i:before {
    transform:rotate(-180deg)
}
.sub .error .btn_wrap .next {
    box-sizing:border-box;
    width:136px
}
.sub .error .btn_wrap .next i:before {
    background-image:url(/assets/user/kr/img/main/main_button_arrow_icon02.png)
}
@media screen and (max-width:1210px) {
    .sub .error .error_wrap {
        padding:18.76vw 0
    }
    .sub .error .error_wrap .text_box {
        padding-top:9.75vw
    }
    .sub .error .error_wrap .text_box:before {
        height:5.79vw;
        width:5.79vw
    }
    .sub .error .error_wrap .text_box strong {
        font-size:3.31vw;
        line-height:4.96vw
    }
    .sub .error .error_wrap .text_box p {
        font-size:2.15vw;
        line-height:3.31vw;
        padding-top:2.48vw
    }
    .sub .error .btn_wrap {
        gap:1.32vw;
        margin-top:8.26vw
    }
    .sub .error .btn_wrap .prev {
        flex:none;
        height:7.77vw;
        width:19.34vw
    }
    .sub .error .btn_wrap .prev i,.sub .error .btn_wrap .prev i:before {
        height:1.9vw;
        width:1.82vw
    }
    .sub .error .btn_wrap .next {
        flex:none;
        height:7.77vw;
        width:19.34vw
    }
    .sub .error .btn_wrap .next i,.sub .error .btn_wrap .next i:before {
        height:1.9vw;
        width:1.82vw
    }
}
@media screen and (max-width:750px) {
    .sub .error .error_wrap {
        padding:30.27vw 0
    }
    .sub .error .error_wrap .text_box {
        padding-top:15.73vw
    }
    .sub .error .error_wrap .text_box:before {
        height:9.33vw;
        width:9.33vw
    }
    .sub .error .error_wrap .text_box strong {
        font-size:5.33vw;
        line-height:8vw
    }
    .sub .error .error_wrap .text_box p {
        font-size:3.47vw;
        line-height:5.33vw;
        padding-top:4vw
    }
    .sub .error .btn_wrap {
        gap:2.13vw;
        margin-top:13.33vw
    }
    .sub .error .btn_wrap .prev {
        height:12.53vw;
        width:31.2vw
    }
    .sub .error .btn_wrap .prev i,.sub .error .btn_wrap .prev i:before {
        height:3.07vw;
        width:2.93vw
    }
    .sub .error .btn_wrap .next {
        height:12.53vw;
        padding:unset;
        width:31.2vw
    }
    .sub .error .btn_wrap .next i,.sub .error .btn_wrap .next i:before {
        height:3.07vw;
        width:2.93vw
    }
}
.dimmed {
	background-color:rgba(0,0,0,.5);
	box-sizing:border-box;
	overflow-y:auto;
	padding:130px 160px;
	transition:all .3s ease
}
.dimmed.active {
	display:block
}
.dimmed::-webkit-scrollbar {
	display:none
}
.dimmed .layer_pop {
	background-color:#fff;
	border-radius:20px;
	margin:0 auto;
	max-width:1600px;
	overflow:hidden;
	position:relative
}
.dimmed .layer_pop .popup_close_btn {
	box-sizing:border-box;
	margin:0 auto;
	max-width:1600px;
	padding:0 40px 0 0;
	position:fixed;
	top:170px;
	width:100%;
	z-index:20
}
.dimmed .layer_pop .popup_close_btn button {
	background-image:url(/assets/user/kr/img/sub/epp_close.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:100px;
	box-shadow:3.536px 3.536px 20px 0 rgba(18,27,36,.4);
	float:right;
	height:50px;
	text-indent:-9999px;
	width:50px
}
.dimmed .layer_pop .visual {
	align-items:center;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	display:flex;
	flex-wrap:nowrap;
	height:600px;
	justify-content:center;
	text-align:center;
	width:100%
}
.dimmed .layer_pop .visual h4 {
	color:#fff;
	font-size:68px;
	font-weight:600;
	letter-spacing:-.05em;
	line-height:88px
}
@media screen and (max-width:1920px) {
	.dimmed .layer_pop .popup_close_btn {
		padding:0;
		right:200px
	}
}
@media screen and (max-width:1210px) {
	.dimmed {
		padding:0
	}
	.dimmed .layer_pop {
		border-radius:0
	}
	.dimmed .layer_pop button {
		height:6vw;
		position:fixed;
		right:2.5vw;
		top:2.5vw;
		width:6vw;
		z-index:10
	}
	.dimmed .layer_pop .visual {
		height:56.67vw
	}
	.dimmed .layer_pop .visual h4 {
		font-size:5.83vw;
		line-height:7.33vw
	}
}
@media screen and (max-width:750px) {
	.dimmed {
		padding:0
	}
	.dimmed .layer_pop button {
		height:9.6vw;
		right:4vw;
		top:4vw;
		width:9.6vw
	}
	.dimmed .layer_pop .visual {
		height:90.67vw
	}
	.dimmed .layer_pop .visual h4 {
		font-size:9.33vw;
		line-height:11.73vw
	}
}
.dimmed .alert_popup {
	align-items:center;
	background-color:#fff;
	border:1px solid #dadade;
	border-radius:18px;
	box-shadow:0 0 80px 0 rgba(0,0,0,.2);
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:center;
	left:50%;
	min-height:206px;
	padding:28px 0;
	position:relative;
	top:50%;
	transform:translate(-50%,-50%);
	width:300px
}
.dimmed .alert_popup .close {
	background-image:url(/assets/user/kr/img/sub/tool_tip_close.png);
	background-size:cover;
	height:18px;
	position:absolute;
	right:24px;
	text-indent:-9999px;
	top:21px;
	width:17px
}
.dimmed .alert_popup strong {
	color:#22724b;
	font-size:18px;
	font-weight:700;
	letter-spacing:-.04em;
	line-height:26px
}
.dimmed .alert_popup p {
	color:#767983;
	font-size:15px;
	letter-spacing:-.02em;
	line-height:25px;
	margin:23px 0 35px;
	text-align:center
}
.dimmed .alert_popup .btn_box {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	font-size:15px;
	font-weight:700;
	gap:2px;
	justify-content:center
}
.dimmed .alert_popup .btn_box button {
	border-radius:19px;
	font-size:15px;
	font-weight:700;
	height:38px;
	min-width:110px;
	width:100%
}
.dimmed .alert_popup .btn_box .btn01 {
	background-color:#e7ece9;
	color:#464953;
	transition:all .2s ease
}
.dimmed .alert_popup .btn_box .btn01:hover,.dimmed .alert_popup .btn_box .btn02 {
	background-color:#22724b;
	color:#fff
}
@media screen and (max-width:1210px) {
	.dimmed .alert_popup {
		border:.17vw solid #dadade;
		border-radius:2.5vw;
		min-height:35vw;
		width:48.33vw
	}
	.dimmed .alert_popup .close {
		background-size:cover;
		height:2.17vw;
		right:3.5vw;
		top:3.58vw;
		width:2.08vw
	}
	.dimmed .alert_popup strong {
		font-size:3vw;
		line-height:4.17vw
	}
	.dimmed .alert_popup p {
		font-size:2.33vw;
		line-height:3.67vw;
		margin:4.33vw 0 5.42vw
	}
	.dimmed .alert_popup .btn_box {
		font-size:2.33vw
	}
	.dimmed .alert_popup .btn_box button {
		border-radius:3.67vw;
		font-size:2.33vw;
		height:7.33vw;
		width:16.67vw
	}
}
@media screen and (max-width:750px) {
	.dimmed .alert_popup {
		border:.27vw solid #dadade;
		border-radius:4vw;
		min-height:56vw;
		width:77.33vw
	}
	.dimmed .alert_popup .close {
		height:3.47vw;
		right:5.6vw;
		top:5.73vw;
		width:3.33vw
	}
	.dimmed .alert_popup strong {
		font-size:4.8vw;
		line-height:6.67vw
	}
	.dimmed .alert_popup p {
		font-size:3.73vw;
		line-height:5.87vw;
		margin:6.93vw 0 8.67vw
	}
	.dimmed .alert_popup .btn_box {
		font-size:3.73vw
	}
	.dimmed .alert_popup .btn_box button {
		border-radius:5.87vw;
		font-size:3.73vw;
		height:11.73vw;
		width:26.67vw
	}
}
input[type=email],input[type=number],input[type=tel],input[type=text],select,textarea {
	outline:none!important
}
input[type=email]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=text]:focus,select:focus,textarea:focus {
	border-color:#000!important
}
::selection {
	background:#22724a;
	color:#fff;
	text-shadow:none
}
::-moz-selection {
	background:#22724a;
	color:#fff;
	text-shadow:none
}
img {
	image-rendering:auto;
	vertical-align:top
}
.hidden-txt,caption,legend {
	clip-path:polygon(0 0,0 0,0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	position:absolute;
	width:1px
}
.dimmed {
    display:none;
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:1000
}
.guide_line:after,.guide_line:before {
	background-color:#fc0000;
	content:"";
	display:block;
	height:100vh;
	left:50%;
	opacity:.4;
	position:fixed;
	width:1px;
	z-index:10000
}
.guide_line:before {
	margin:0 0 0 -820px
}
.guide_line:after {
	margin:0 0 0 820px
}
.guide_line .guide_center {
	background-color:#fc0000;
	content:"";
	display:block;
	height:100vh;
	left:50%;
	opacity:.4;
	position:fixed;
	width:1px;
	z-index:10000
}
.pc_only {
	display:block!important
}
.pc_only.side_mask_wrap {
	display:flex!important
}
.mo_only,.ta_only {
	display:none!important
}
.pc_only2 {
	display:block!important
}
.mo_only2 {
	display:none!important
}
.sr_only{
    position: absolute;
    width: 1px;
    height: 1px;
    white-space: nowrap;
    overflow: hidden;
    left: -9999px;
}
@media(min-width:751px)and (max-width:1200px) {
	.ta_only {
		display:block!important
	}
	.pc_only2 {
		display:none!important
	}
}
@media screen and (max-width:1200px) {
	.mo_only {
		display:block!important
	}
    .history_mo_nav.mo_only {
        display: flex !important;
    }
	.pc_only, .pc_only.side_mask_wrap  {
		display:none!important
	}
}
@media screen and (max-width:750px) {
	.mo_only2 {
		display:block!important
	}
	.pc_only2 {
		display: none!important
	}
}


  .popup_layer {
	position: fixed;
	z-index: 99990;

	/* 크기, 위치는 inline style 또는 JS에서 지정 */
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	border-radius: 6px;

	overflow: hidden;
	display: flex;
	flex-direction: column;

	/* 팝업 내부 이미지/컨텐츠가 꽉 차도록 */
	width: 100%; /* 보통 inline style에서 px로 조절 */
	height: 100%; /* 보통 inline style에서 px로 조절 */
}

.popup_layer img {
	display: block;
	max-width: 100%;
	height: auto;
	object-fit: contain;
	user-select: none;
}

.popup_layer button.close_btn {
	position: absolute;
	top: 8px;
	right: 8px;

	background: rgba(0, 0, 0, 0.5);
	border: none;
	color: white;
	font-weight: bold;
	padding: 4px 8px;
	cursor: pointer;
	border-radius: 3px;
	transition: background 0.2s ease;
}

.popup_layer button.close_btn:hover {
	background: rgba(0, 0, 0, 0.8);
}

#modalOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5); 
  z-index: 10000;
}

#map_wrap {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border: 1px solid #aaa;
  z-index: 10010;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
  padding-top: 25px;
  overflow: hidden;
      width: 90%;
}

#btnCloseLayer {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  z-index: 10020;
}