@charset "utf-8";
@font-face {
	font-family:'icomoon';
	src:url('/img_up/shop_pds/aramskin/design/ursmart123/icomoon/icomoon.eot');
	src:url('/img_up/shop_pds/aramskin/design/ursmart123/icomoon/icomoon.eot') format('embedded-opentype'),
		url('/img_up/shop_pds/aramskin/design/ursmart123/icomoon/icomoon.ttf') format('truetype'),
		url('/img_up/shop_pds/aramskin/design/ursmart123/icomoon/icomoon.woff') format('woff'),
		url('/img_up/shop_pds/aramskin/design/ursmart123/icomoon/icomoon.svg') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'voice_icomoon';
	src:url('/img_up/shop_pds/aramskin/design/skin/voice_guide/icomoon.eot');
	src:url('/img_up/shop_pds/aramskin/design/skin/voice_guide/icomoon.eot?#iefix') format('embedded-opentype'),
		url('/img_up/shop_pds/aramskin/design/skin/voice_guide/icomoon.woff') format('woff'),
		url('/img_up/shop_pds/aramskin/design/skin/voice_guide/icomoon.ttf') format('truetype'),
		url('/img_up/shop_pds/aramskin/design/skin/voice_guide/icomoon.svg#icomoon') format('svg');
	font-weight:normal;
	font-style:normal;
}
@keyframes voice_animation {
	from {color:#168fff}
	50% {color:#16b5ff}
	to {color:#168fff}
}

/* Layout */
#viewport {overflow-x:hidden;min-height:100%;background:#ffffff}
#viewport > #main_view,
#viewport > #sub_view {max-width:100%;width:100%}

#header {position:fixed; top:0; left:0; width:100%; height:100px; z-index:1200; transition:0.35s ease;}
#header.is-hidden {transform:translateY(-110%);}
#header.scroll {background:#FFF; border-bottom:1px solid #c3c3c3;}
#header .header_cont {height:100%;}
#header .header_cont > .inner {display:flex; justify-content:space-between; align-items:center; max-width:1720px; height:100%; margin:0 auto;}
#header .logo h1 {width:100%;margin:0;font-size:0;box-sizing:border-box}
#header .logo h1 span {display:table;width:100%;table-layout:fixed}
#header .logo h1 a {display:table-cell;height:56px;vertical-align:middle;}
#header .logo h1 img {width:auto;max-height:50px}
#header .logo h1 .logo-w {display:block;}
#header .logo h1 .logo-c {display:none;}
#header.scroll .logo h1 .logo-w {display:none;}
#header.scroll .logo h1 .logo-c {display:block;}
#header .header_btnWrap {display:flex; align-items:center;}
#header .header_btnWrap button {border:none; background:none; font-size:0}
#header #toggle_left {position:relative; display:flex; flex-direction:column; justify-content:space-between; width:25px; aspect-ratio:1/1; margin-left:10px; transition:0.3s; z-index:2;}
#header #toggle_left > div {position:relative; display:flex; justify-content:space-between; }
#header #toggle_left > div span {width:5px; height:5px; background:#fff; border-radius:50%;}
#header.scroll #toggle_left > div span {background:#d91b5c}
#header #toggle_left > div::before, #header #toggle_left > div::after {content:""; display:block; width:5px; height:5px; background:#fff; border-radius:50%;}
#header.scroll #toggle_left > div::before, #header.scroll #toggle_left > div::after {background:#d91b5c}
#header #toggle_left.on:before,
#header #toggle_left.on:after {opacity:0;top:0;bottom:0;transition:opacity 0s 0s ease}
#header #toggle_right {display:none; right:45px}
#header #toggle_right:before {content:'\e905';position:absolute;top:0;right:0;bottom:0;left:0;width:22px;height:22px;margin:auto;font-size:22px;color:#373334;font-family:'icomoon'}
#header .header_btnWrap {flex-shrink:0; margin-left:20px}
#header .header_tel {display:flex; align-items:flex-start; gap:6px;}
#header .header_tel a {font-size:18px; font-weight:bold; color:#000000;}
#header.scroll .header_tel a {color: #000;}
#header .header_tel .header_tel_icon {background:#ec5340; padding:14px; border-radius:50%;} /*헤더 전화아이콘 동그라미 크기*/
#header .header_tel .header_tel_icon img {display:block; width:20px;}

/* ✅ 스크롤 전 컬러를 #faf797 로 변경 */
#header .header_24 {font-size:14px; color:#faf797; font-weight:700; text-align:Center; margin-top:0px;}
/* ✅ 스크롤 후 컬러 유지 */
#header.scroll .header_24 {color:#ec5340;}
#header .header_txt {font-size:14px; color:#ffffff; font-weight:700; text-align:left; margin-top:0px;}
#header.scroll .header_txt {color:#000000;}

#container .contents_wrap {min-height:250px}
#container .contents:after {content:'';display:block;overflow:hidden;clear:both}
#sub_view #container .contents_wrap {padding:0 0 30px}
#sub_view #container .contents_wrap .contents {padding-top:30px}

#footer {background:#18181d;}
#footer .f_inner {max-width:1400px; margin:0 auto; padding:70px 0;}
#footer .f_inner .f_lbx {display:flex; flex-wrap:wrap; width:100%; }
#footer .f_inner .f_rbx {width:100%; text-align:center;}
#footer .f_inner .f_rbx img {display:block; width:150px; margin-top:20px; margin-left:auto;}

#footer #btn_site_top {position:fixed;bottom:80px;right:10px;z-index:0;width:40px;height:40px;border:none;border-radius:50%;background:#d74339;font-size:0;opacity:0;transition:all .2s ease-in-out}
#footer #btn_site_top:before {content:'\e917';font-family:'icomoon';font-size:16px;font-weight:bold;color:#fff}
#footer #btn_site_top.on {opacity:.6;z-index:1000}

#footer .fnb {}
#footer .fnb ul {display:flex; border:1px solid #595959; margin-top:10px;}
#footer .fnb ul li {width:50%; border-right:1px solid #595959; text-align:center; transition:0.4s;}
#footer .fnb ul li:hover {background:#595959;}
#footer .fnb ul li:last-child {border-right:0;}
#footer .fnb ul li a {display:inline-block;position:relative;width:100%;height:25px;line-height:25px;padding:0 10px;font-size:12px;font-weight:bold;color:#ffffff;text-align:center;white-space:nowrap; transition:0.4s; box-sizing:border-box; }
#footer .fnb ul li:first-child a:before {display:none}
#footer .fnb ul li:first-child a{color:#e74c3c; font-weight:600 !important;}
#footer .fnb ul li:first-child:hover a{color:#ffffff !important;}
#footer .fnb ul li:first-child:hover {background:#595959;}

#footer .f_lbx > div {width:50%;}
#footer .f_lbx li {font-size:15px; line-height:30px; color:#666; word-break:keep-all;}
#footer .f_lbx li span {display:inline-block; min-width:60px; color:#bebebe;}
#footer .f_lbx li span.long {margin-right:25px;}
#footer .f_lbx li.admin a {color:#FFF;}
#footer .f_lbx li.admin a:hover {font-weight:600;}
#footer .f_lbx .info3 > ul li {display:flex; justify-content:space-between;}
#footer .f_lbx .info3 > ul li p {color:#959595}

#footer .f_rbx h2 a {display:flex; justify-content:center; align-items:center; font-size:40px; color:#FFF; font-weight:700; margin-bottom:15px;}
#footer .f_rbx h2 a::before {content:""; display:inline-block; width:26px; aspect-ratio:1/1; background:url(/img_up/shop_pds/mirpia1004/design/icons/icon-phone-w.png) no-repeat center / cover; margin-right:10px}
#footer .f_rbx p {font-size:16px; color:#999;}

#footer .f_bottom {background:#26262b;}
#footer .f_bottom > div {display:flex; align-items:center; justify-content:space-between; max-width:1400px; height:70px; margin:0 auto;}
#footer .f_bottom .copyright {font-size:16px; color:#666;}
#footer .f_bottom .copyright a {display:inline-block; font-size:16px; color:#b5b5b5; margin-left:5px;}
#footer .f_bottom .copyright a:hover {font-weight:bold;}
#footer .f_bottom ul {display:flex; gap:5px;}
#footer .f_bottom ul li img {display:block; height:40px; transition:0.4s;}
#footer .f_bottom ul li:hover img {transform:translateY(-7px);}

#viewport #left_side {display:none;}
#viewport.toggle_left #left_side {display:block;}

/* 빠른상담 */
.quick_myreg_form_wrap {position:fixed; bottom:0; left:0; width:100%; background:#FFF; border-top:1px solid #ddd; transform:translateY(100%); transition:0.6s; z-index:999; box-sizing:border-box;}
.quick_myreg_form_wrap.open {transform:translateY(0);}
.quick_myreg_form_cont {position:relative; display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; max-width:1440px; width:100%; margin:0 auto; padding:20px; box-sizing:border-box;}
.quick_myreg_form_cont .btn_m_quick_form_view {position:absolute; top:0; left:50%; transform:translate(-50%, -100%); width:120px; text-align:Center; background:#d72412; color:#FFF; padding:10px; border-radius:8px 8px 0 0; border:0;}
.quick_myreg_form_wrap.open .quick_myreg_form_cont .btn_m_quick_form_view .off_text {display:none;}
.quick_myreg_form_wrap.open .quick_myreg_form_cont .btn_m_quick_form_view .on_text {display:block;}
.quick_myreg_form_wrap.close .quick_myreg_form_cont .btn_m_quick_form_view .off_text {display:block;}
.quick_myreg_form_wrap.close .quick_myreg_form_cont .btn_m_quick_form_view .on_text {display:none; display:none;}

.quick_myreg_form_cont .title1 {font-size:24px; color:#d72412; font-weight:600; margin-bottom:10px;}
.quick_myreg_form_cont .title2 {display:flex; align-items:center; color:#d72412; font-size:16px; font-weight:800;}
.quick_myreg_form_cont .title2 span {display:block; background:#d72412; font-size:14px; color:#FFF; font-weight:400; padding:5px; border-radius:4px; margin-right:4px;}

.quick_myreg_form_cont form {position:relative; width:588px;}
.quick_myreg_form ul li {position:relative; margin-bottom:10px;}
.quick_myreg_form ul li:nth-child(1) {float:left; margin-right:5px;}
.quick_myreg_form ul li:nth-child(2) {float:left;}
.quick_myreg_form ul li:nth-child(3) {clear:both;}
.quick_myreg_form input[type="text"] {height:34px; line-height:34px; border:1px solid #ddd; background:#eee; padding:5px 10px; border-radius:2px; box-sizing:border-box;}
.quick_myreg_form ul li:nth-child(1) input {padding-left:45px}
.quick_myreg_form ul li:nth-child(2) input {padding-left:55px}
.quick_myreg_form ul li:nth-child(1) span,
.quick_myreg_form ul li:nth-child(2) span {position:absolute; top:50%; left:10px; transform:translateY(-50%); font-size:14px;}
.quick_myreg_form ul li:nth-child(3) > span {margin-right:10px;}
.quick_myreg_form ul li:nth-child(3) label {margin-right:5px;}
.quick_myreg_form ul li:nth-child(3) label input {margin-right:3px;}
.quick_myreg_form ul li:nth-child(3) label span {font-size:14px; color:#5d5d5d;}

.quick_myreg_form_cont .form_btns {position:absolute; top:0; right:0;}
.quick_myreg_form_cont .form_btns button {width:100px; height:50px; background:#d72412; font-size:18px; font-weight:700; color:#FFF; border:0; border-radius:4px;}

.quick_myreg_privacy .argree_text {display:flex; align-items:center; gap:5px; font-size:14px;}
.quick_myreg_privacy .btn_privacy_view {background:transparent; border:0; color:#838383; text-decoration:underline;}
.quick_myreg_privacy .btn_privacy_view:hover {font-weight:500;}
.form_privacy_layer {position:absolute; display:none;}

.quick_myreg_form_wrap .text_box {display:flex; flex-direction:column; justify-content:space-evenly; border:1px solid #aaa; background:#f4fcfd; padding:10px 30px; box-sizing:border-box;}
.quick_myreg_form_wrap .text_box p {font-size:14px;}
.quick_myreg_form_wrap .text_box p::before {content:"·"; display:inline-block; margin-right:5px;}

/* sub page */
.shgroup {position:relative}
.snb_wrap {display:block;border-bottom:1px solid #e5e5e5;background:#ffffff}
.snb_wrap .snb_inner {display:flex;justify-content:space-between;align-items:center;}
.snb_wrap .snb_inner > ul {box-sizing:border-box;padding:0}
.snb_wrap .snb_inner > ul:after {content:'';display:block;clear:both}
.snb_wrap .snb_inner > ul > li {box-sizing:border-box;float:left;position:relative;z-index:100;margin:0;padding:0;list-style-type:none;}
.snb_wrap .snb_inner > ul > li:after {content:'\e916';position:absolute;top:50%;right:0;margin:auto;font-family:'icomoon';font-size:10px;color:#1d1d1d;transform:translate(0, -50%);}
.snb_wrap .snb_inner > ul > li > p {position:relative;margin:0;padding:0 24px;font-size:16px;color:#36404a;line-height:74px;letter-spacing:-.03em}
.snb_wrap .snb_inner > ul > li.loca_home {min-width:50px;}
.snb_wrap .snb_inner > ul > li.loca_home > p {padding:0;}
.snb_wrap .snb_inner > ul > li.loca_home > p > a {display:block;position:relative;font-size:0}
.snb_wrap .snb_inner > ul > li.loca_home > p > a:before {content:'\e900';font-family:'icomoon';font-size:20px;font-weight:normal;color:#36404a;vertical-align:top}
.snb_wrap .snb_inner > ul > li.loca_current:after {display:none;}
.snb_wrap .snb_inner > ul > li.loca_current > p {font-weight:bold;color:#222;}
.snb_wrap .snb_inner > ul > li.snb_on > p {padding-right:60px;box-sizing:border-box;cursor:pointer}
.snb_wrap .snb_inner > ul > li.snb_on > p:before {content:'';position:absolute;top:50%;right:35px;margin-top:-3px;border-width:5px;border-style:solid;border-color:#36404a transparent transparent transparent;vertical-align:top}
.snb_wrap .snb_inner > ul > li.snb_on:hover > p,
.snb_wrap .snb_inner > ul > li.snb_on.on > p {font-weight:bold;text-decoration:underline;}
.snb_wrap .snb_inner > ul > li.snb_on.on > p:before {margin-top:-9px;border-color:transparent transparent #36404a transparent}
.snb_wrap .snb_inner > ul > li.snb_on > ul {box-sizing:border-box;display:none;position:absolute;left:-1px;right:-1px;min-width:100%;margin:0;padding:0;border:1px solid #e5e5e5;background:#ffffff;box-shadow:2px 2px 8px 0px rgba(0, 0, 0, 0.05);}
.snb_wrap .snb_inner > ul > li.snb_on > ul > li {margin:0;padding:0;list-style-type:none;border-top:1px solid #e5e5e5}
.snb_wrap .snb_inner > ul > li.snb_on > ul > li:first-child {border-top:none}
.snb_wrap .snb_inner > ul > li.snb_on > ul > li > a {display:block;line-height:22px;padding:16px 20px;font-size:15px;color:#888888;background:#ffffff;letter-spacing:-.03em;transition:all .2s ease-out}
.snb_wrap .snb_inner > ul > li.snb_on > ul > li > a:hover,
.snb_wrap .snb_inner > ul > li.snb_on > ul > li.on > a {color:#36404a}
.snb_wrap .snb_inner > ul > li.loca_current.snb_on > p:before {border-color:#36404a transparent transparent transparent}
.snb_wrap .snb_inner > ul > li.loca_current.snb_on.on > p:before {border-color:transparent transparent #36404a transparent}
.snb_wrap .snb_inner .btn_wrap {display:flex;align-items:center;justify-content:center;gap:10px;}
.snb_wrap .snb_inner .btn_wrap > span > a {display:block;padding:17px;border-radius:8px;background:#888;font-size:16px;font-weight:bold;color:#fff;transition:background-color 0.3s;text-align:center;}
.snb_wrap .snb_inner .btn_wrap > span:hover > a {background:#555bc8;}

#container .row > div.white-space {padding-left:0 !important; padding-right:0 !important;}

/* Mobile viewport - PC content display none */
.gnb_p, .lnb_p, #header .header_form {display:none}

/* sub top */

@media (min-width:1024px) and (max-width:1440px){
  #footer .f_inner{justify-content:flex-start;}
  #footer .f_inner .f_lbx{justify-content:flex-start;}
}

@media all and (max-width:1023px){
	/* sub page */
	.shgroup {position:relative;}
	.shgroup .sub_top_bg {overflow:hidden;position:relative}
	.shgroup .sub_top_bg:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-position:center top;background-repeat:no-repeat;background-size:cover;}
	.shgroup .sub_top_bg img {visibility:hidden;max-width:none;height:160px;vertical-align:top}

	.shgroup .shgroup_cont {overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;}
	.shgroup .shgroup_cont .sub_top_title_box {position:absolute;left:0;right:0;bottom:0;width:240px;margin:0 auto;}
	.shgroup .shgroup_cont .sub_top_title_box .box_cont {display:table;width:100%;height:100px;}
	.shgroup .shgroup_cont .sub_top_title_box .box_cont .box_inner {display:table-cell;position:relative;z-index:2;padding:0 15px 25px;text-align:center;vertical-align:bottom;}
	.shgroup .shgroup_cont .sub_top_title_box .box_cont .box_inner .sub_top_text {margin:0 0 8px;padding:0;font-size:12px;color:#ffffff;line-height:16px;letter-spacing:-.03em;}
	.shgroup .shgroup_cont .sub_top_title_box .box_cont .box_inner .sub_top_title {margin:0;padding:0;font-size:24px;color:#ffffff;line-height:28px;letter-spacing:-.03em;}

	.shgroup .shgroup_cont .sub_top_title_box .box_bg {position:absolute;top:0;right:0;bottom:0;left:0;background:#d74339;opacity:.9;}
	.shgroup .shgroup_cont .sub_top_title_box .box_bg:before {content:'';display:block;position:absolute;top:-101px;right:1px;border-width:60px;border-style:solid;border-color:transparent #d74339 transparent transparent;transform:rotate(-270deg);}
	.shgroup .shgroup_cont .sub_top_title_box .box_bg > div:before {content:'';display:block;position:absolute;bottom:-61px;left:18px;border-width:92px;border-style:solid;border-color:transparent #d74339 transparent transparent;transform:rotate(-103deg);}
	.shgroup .shgroup_cont .sub_top_title_box .box_bg > div:after {content:'';display:block;position:absolute;bottom:53px;right:14px;border-width:37px;border-style:solid;border-color:transparent #d74339 transparent transparent;transform:rotate(-56deg);}
	.shgroup .shgroup_cont .sub_top_title_box .box_bg:after {content:'';display:block;position:absolute;}

	.shgroup .shgroup_cont .sub_location {overflow:hidden;position:absolute;right:0;left:0;bottom:0;margin:0;padding:0;font-size:0;border-bottom:1px solid #ddd;background:#fff;}
	.shgroup .shgroup_cont .sub_location > span {display:inline-block;padding:0 15px;font-size:13px;color:#888;line-height:39px;letter-spacing:-.03em;vertical-align:top}
	.shgroup .shgroup_cont .sub_location > span:first-child {margin-left:0}
	.shgroup .shgroup_cont .sub_location .loc_home {font-size:0}
	.shgroup .shgroup_cont .sub_location .loc_home:before {content:'\e900';display:inline-block;font-family:'icomoon';font-size:15px;font-weight:normal;vertical-align:top}
	.shgroup .shgroup_cont .sub_location .loc_arrow {display:none;}
	.shgroup .shgroup_cont .sub_location .loc_text {position:relative;padding-left:20px;}
	.shgroup .shgroup_cont .sub_location .loc_text:before {content:'';display:block;position:absolute;top:-3px;left:0;width:1px;height:24px;background:#ddd;transform:rotate(-32deg);}
	.shgroup .shgroup_cont .sub_location .loc_text:after {content:'';display:block;position:absolute;bottom:-2px;left:0;width:1px;height:24px;background:#ddd;transform:rotate(32deg);}
	.shgroup .shgroup_cont .sub_location .loc_bold {color:#373334;}

    .snb_wrap .snb_inner > ul {padding-left:15px;}
    .snb_wrap .snb_inner > ul > li > p {line-height:54px;font-size:15px;}
    .snb_wrap .snb_inner > ul > li.loca_home > p > a:before {font-size:18px;}
    .snb_wrap .snb_inner .btn_wrap {display:none;}
}

/* PC CSS */
@media all and (min-width:1024px) {
	/* 음성안내 */
	#voice_guide_wrap {display:inline-block;margin-right:12px;vertical-align:top}
	#voice_guide_wrap a {display:none;width:16px;height:40px;line-height:40px;font-size:0;text-align:center}
	#voice_guide_wrap a > span {position:absolute;top:-9999px;left:-9999px;text-indent:-9999px}
	#voice_guide_wrap a:before {font-family:'voice_icomoon';font-size:16px}
	#voice_guide_wrap.off a.state_voice_on {display:inline-block}
	#voice_guide_wrap.on a.state_voice_off {display:inline-block}
	#voice_guide_wrap a.state_voice_on:before {
		content:'\e903';color:#168fff;
		transition:all 0.1s ease;
		animation-name:voice_animation;
		animation-duration:1s;
		animation-iteration-count:infinite;
		animation-timing-function:step-end;
	}
	#voice_guide_wrap a.state_voice_off:before {content:'\e902';color:#87909c}

	/* PC viewport - Mobile content display none */
	#header .logo button, #footer .f_gnb {display:none}

	/* PC display:block */
	.lnb_p {display:block}
	#header .header_form {display:inline-block}

	/* PC 화면 넓이값을 가진 센터유지 */
	.row > .white-space {max-width:100% !important}
	.gnb_p > .inner, .shgroup .shgroup_cont, .shgroup .shgroup_cont, .contents_wrap.mypage {margin:0 auto;max-width:1000px}
	.snb_wrap > .snb_inner {margin:0 auto;max-width:1400px}

	#viewport.fixed_on #header .gnb_p {display:none}

	#container .contents_wrap {min-height:350px}
	#sub_view #container .contents_wrap .contents {padding-top:0}

	.gnb_p {background:#373334;font-size:0;text-align:right}
	.gnb_p .inner {position:relative}
	.gnb_p .new_date {display:inline-block;padding:0 20px 0 10px;font-size:13px;font-weight:bold;vertical-align:top;}
	.gnb_p .gnb_list {display:inline-block;margin:0;padding:0;list-style:none;vertical-align:top;}
	.gnb_p .gnb_list li {display:inline-block;position:relative;margin-left:20px}
	.gnb_p .gnb_list li:first-child {margin-left:0;}
	.gnb_p .gnb_list li a {display:inline-block;height:40px;line-height:40px;font-size:13px;font-weight:bold;color:#a7a2a4}
	.gnb_p .gnb_list li a:hover {color:#d74339}
	.gnb_p .gnb_cs_info {display:inline-block;margin-left:25px;vertical-align:top;}
	.gnb_p .gnb_cs_info .gnb_cs_tel {display:block;padding-bottom:2px;font-size:16px;font-weight:bold;color:#ffffff;line-height:38px;letter-spacing:.03em}
	.gnb_p .gnb_cs_info .gnb_cs_tel > span {position:relative;padding-left:22px;letter-spacing:-.03em}
	.gnb_p .gnb_cs_info .gnb_cs_tel > span:before {content:'\e90f';position:absolute;top:-7px;left:0;font-family:'icomoon';font-size:16px;font-weight:normal;vertical-align:middle}

	#header {border:none; height:110px;}
	#header .header_cont > .inner {position:relative}
	#header .logo {box-sizing:border-box; width:100%; max-width:300px}
	#header .logo h1 {padding:0}
	#header .logo h1 span a {height:90px}
	#header .logo h1 span img {max-height:70px}
	#header .header_cont #lnb_p {position:absolute; left:50%; top:0; transform:translateX(-50%); height:100%;}
	#header #toggle_left {margin-left:25px;}
	#header .header_tel a {font-size:20px; font-weight:bold; color:#FFF;}

	/* ✅ PC에서도 스크롤 전 컬러를 #faf797 로 강제 */
	#header .header_24 {
		font-size:18px;
		color:#faf797;
	}
	#header.scroll .header_24 {color:#ec5340;}

	.header_form {position:relative;top:6px;margin-left:25px}
	.search_p {width:160px}
	.search_p fieldset {position:relative;margin:0;padding:0 30px 0 0;border:none;}
	.search_p legend {display:none}
	.search_p span {display:block}
	.search_p span input {width:100%;height:28px;margin:0;padding:0 10px;border:none;background:#fff;color:#666;box-sizing:border-box}
	.search_p button {display:block;position:absolute;border:none;padding:0;top:0;right:0;bottom:0;margin:auto;width:30px;height:28px;background:#fff;font-size:0}
	.search_p button:before {content:'\e901';font-family:'icomoon';font-size:20px;color:#373334}

	.lnb_p {box-sizing:border-box; display:block;}
	.lnb_p ul {display:flex; margin:0;padding:0; list-style:none; height:100%;}
	.lnb_p > ul > li {height:100%;}
	.lnb_p a {display:block}
	.lnb_p .dep1:after {clear:both;content:'';display:block}
	.lnb_p .dep1 > li {float:left;position:relative;z-index:1000;padding:0 20px;}
	.lnb_p .dep1 > li > a {display:flex; align-items:center; position:relative; height:100%; text-align:center; overflow:hidden; font-size:24px; font-weight:bold; color:#fff; text-align:center; white-space:nowrap; text-overflow:ellipsis; transition:.2s all ease-out;}/*메뉴기본컬러*/
	.lnb_p .dep1 > li > a:before {content:'';position:absolute;top:0;right:0;left:0;width:100%;height:4px;background:#d74339;opacity:0}
	#header.scroll .lnb_p .dep1 > li > a {color:#000;}
	.lnb_p .dep1 > li:hover > a > span:before, .lnb_p .dep1 > li.on > a > span:before {opacity:1}
	.lnb_p .dep1 > li > div{display:none; position:absolute; top:90%; left:50%; transform:translateX(-50%); min-width:100%;}
	.lnb_p .dep2 {box-sizing:border-box; display:block; border-top:none; font-size:0; white-space:nowrap; background:rgba(0,0,0,0.8); border-radius:20px;padding:30px 10px; overflow:hidden;}
	.lnb_p .dep2 > li > a {position:relative; padding:12px; text-align:center; font-size:14px; color:#FFF; z-index:1;}
	.lnb_p .dep2 > li > a span {display:inline-block; position:relative;}
	.lnb_p .dep2 > li:hover > a span::before {content:""; position:absolute; top:50%; left:-10px; transform:translateY(-50%); width:4px; height:4px; border-radius:50%; background:#FFF;}

	#footer .f_inner {display:flex; justify-content:space-between; padding:70px 0;}
	#footer .f_inner .f_lbx {display:flex; flex-wrap:wrap; width:70%; }
	#footer .f_inner .f_rbx {width:30%; text-align:right;}
	#footer .f_inner {padding:80px 0}
	#footer .fnb {margin-bottom:10px;}
	#footer .fnb ul li a {font-size:15px}
	#footer .finfo {text-align:left}
	#footer .finfo p {padding:2px 30px 0 0;font-size:14px}
	#footer .finfo .copyright {font-size:13px}

	#footer .fnb {margin-bottom:5px;}
	#footer .fnb ul li {display:inline-block}
	#footer .fnb ul li a {display:inline-block; position:relative; padding:0 10px; font-size:12px; font-weight:bold; color:#ffffff; text-align:center; white-space:nowrap;}

	#footer .f_lbx > div {width:28%;}
	#footer .f_lbx > div.info3 {width:44%;}
	#footer .f_lbx li {font-size:15px; line-height:30px; color:#666; word-break:keep-all;}
	#footer .f_lbx li span {display:inline-block; min-width:60px; color:#bebebe;}
	#footer .f_lbx li span.long {margin-right:25px;}

	#footer .f_rbx h2 a {display:flex; justify-content:flex-end; align-items:center; font-size:40px; color:#FFF; font-weight:700; margin-bottom:15px;}
	#footer .f_rbx h2 a::before {content:""; display:inline-block; width:26px; aspect-ratio:1/1; background:url(/img_up/shop_pds/mirpia1004/design/icons/icon-phone-w.png) no-repeat center / cover; margin-right:10px}
	#footer .f_rbx p {font-size:16px; color:#999;}

	.floating_wrap {position:fixed; top:50%; z-index:9; transition:0.5s;}
	.floating_wrap.open {right:50px; transform:translate(0, -50%);}
	.floating_wrap.close {right:0; transform:translate(100%, -50%);}
	.floating_wrap .floating_button {position:absolute; top:50%; transform:translate(-50%, -50%); width:62px; aspect-ratio:1/1; background:#3e3e3e; border-radius:50%; cursor:pointer;}
	.floating_wrap .floating_button img {position:absolute; top:0; left:0; width:100%;}
	.floating_wrap.close .floating_open {display:block;}
	.floating_wrap.open .floating_open {display:none;}
	.floating_wrap.close .floating_close {display:none;}
	.floating_wrap.open .floating_close {display:block;}
	.floating_wrap .floating_list_wrap {position:relative; padding:30px 16px; background:#FFF; z-index:2; border-radius:50px; box-shadow: 0 5px 5px 0 rgba(0,0,0,0.25);}
	.floating_wrap .floating_list {border-bottom : 1px solid #ddd;}
	.floating_wrap .floating_list a {display:block; padding:10px 0;}
	.floating_wrap .floating_list span {display:block; text-align:center; font-size:15px; margin-top:7px;}
	.floating_wrap .floating_list img {display:block; width:33px; margin:0 auto;}
	.floating_wrap .toTop {margin-top:28px;}
	.floating_wrap .toTop a {display:flex; justify-content:center; align-items:center; width:56px; aspect-ratio:1/1; background:#9b7b67; font-size:15px; color:#FFF; font-weight:600; border-radius:50%;}/*퀵메뉴*/


	/* sub page */
	.shgroup {position:relative}
	.shgroup .sub_top_bg {overflow:hidden;position:relative}
	.shgroup .sub_top_bg:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-position:center top;background-repeat:no-repeat;background-size:cover;}
	.shgroup .sub_top_bg img {visibility:hidden;max-width:none;vertical-align:top}
	.shgroup .shgroup_cont {overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;}
	.shgroup .shgroup_cont .sub_top_title_box {position:absolute;right:0;bottom:0;width:400px;}
	.shgroup .shgroup_cont .sub_top_title_box .box_cont {display:table;width:100%;height:150px;}
	.shgroup .shgroup_cont .sub_top_title_box .box_cont .box_inner {display:table-cell;position:relative;z-index:2;padding:0 40px 40px;vertical-align:bottom;}
	.shgroup .shgroup_cont .sub_top_title_box .box_cont .box_inner .sub_top_text {margin:0 0 15px;padding:0;font-size:15px;font-weight:bold;color:#ffffff;line-height:19px;letter-spacing:-.03em;}
	.shgroup .shgroup_cont .sub_top_title_box .box_cont .box_inner .sub_top_title {margin:0;padding:0;font-size:32px;font-weight:bold;color:#ffffff;line-height:36px;letter-spacing:-.03em;}
	.shgroup .shgroup_cont .sub_top_title_box .box_bg {position:absolute;top:0;right:0;bottom:0;left:0;background:#d74339;opacity:.9;}
	.shgroup .shgroup_cont .sub_top_title_box .box_bg:before {content:'';display:block;position:absolute;top:-144px;right:30px;border-width:75px;border-style:solid;border-color:transparent #d74339 transparent transparent;transform:rotate(-270deg);}
	.shgroup .shgroup_cont .sub_top_title_box .box_bg > div:before {content:'';display:block;position:absolute;bottom:-116px;left:30px;border-width:152px;border-style:solid;border-color:transparent #d74339 transparent transparent;transform:rotate(-103deg);}
	.shgroup .shgroup_cont .sub_top_title_box .box_bg > div:after {content:'';display:block;position:absolute;bottom:70px;right:24px;border-width:62px;border-style:solid;border-color:transparent #d74339 transparent transparent;transform:rotate(-57deg);}
	.shgroup .shgroup_cont .sub_top_title_box .box_bg:after {content:'';display:block;position:absolute;}
	.shgroup .shgroup_cont .sub_location {position:absolute;left:0;bottom:20px;margin:0;padding:0;font-size:0}
	.shgroup .shgroup_cont .sub_location > span {display:inline-block;margin-left:10px;font-size:15px;color:#ffffff;line-height:20px;letter-spacing:-.03em;vertical-align:top}
	.shgroup .shgroup_cont .sub_location > span:first-child {margin-left:0}
	.shgroup .shgroup_cont .sub_location .loc_home {font-size:0}
	.shgroup .shgroup_cont .sub_location .loc_home:before {content:'\e900';display:inline-block;font-family:'icomoon';font-size:15px;font-weight:normal;vertical-align:top}
	.shgroup .shgroup_cont .sub_location .loc_arrow {font-family:'Gulim', '굴림';font-size:13px;}

	#sub_view #container .contents_wrap {padding:85px 0}
	#sub_view #container .contents_wrap.mypage .snb_wrap {margin-bottom:40px}
	#sub_view #container .contents_wrap.mypage .snb > i {display:none !important}
	#sub_view #container .contents_wrap.mypage .snb > div {overflow:visible}
	#sub_view #container .contents_wrap.mypage .snb .dep1 {padding:0;border-bottom:none;text-align:left;white-space:normal}
	#sub_view #container .contents_wrap.mypage .snb .dep1 li {margin:0 8px 8px 0}
	#sub_view #container .contents_wrap.mypage .snb .dep1 li:last-child {border-bottom:none}
	#sub_view #container .contents_wrap.mypage .snb .dep1 li a {display:block;position:relative;min-width:100px;height:42px;line-height:42px;padding:0 25px;font-weight:bold;font-size:14px;color:#888888;text-align:center;letter-spacing:-.03em}
	#sub_view #container .contents_wrap.mypage .snb .dep1 li a:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #888888;opacity:.5}
	#sub_view #container .contents_wrap.mypage .snb .dep1 li.on a,
	#sub_view #container .contents_wrap.mypage .snb .dep1 li:hover a {border-color:#d74339;color:#d74339}
	#sub_view #container .contents_wrap.mypage .snb .dep1 li.on a:before,
	#sub_view #container .contents_wrap.mypage .snb .dep1 li:hover a:before {border-color:#d74339}
	#sub_view #container .contents_wrap.mypage .contents {overflow:hidden}

	#viewport.toggle_left #left_side {position:fixed; top:0; left:0; width:100%; height:100%;  z-index:1200;}
	#viewport #left_side > div {width:100%; height:100%; opacity:0; background:#FFF url(/img_up/shop_pds/mirpia1004/design/aside_back.png) center no-repeat; transition:0.4s;}
	#viewport.toggle_left #left_side > div {opacity:1;}
	#viewport.toggle_left #left_side .side_logo {display:none;}
	#viewport #left_side .side_close {display:flex; justify-content:center; align-items:center; width:50px; height:50px; position:absolute; top:10px; right:10px; background:none; border:none; font-size:80px; font-weight:100; color:#bbb; line-heihgt:1;}
	#viewport #left_side .side_menu {width:100%;height:100%;}
	#viewport #left_side .side_menu .dep1 {display:flex; flex-wrap:wrap; width:100%; height:100%;}
	#viewport #left_side .side_menu .dep1 > li {width:33.33%; height:50%; padding:100px 100px 0; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}
	#viewport #left_side .side_menu .dep1 > li > a {font-size:24px; color:#000; font-weight:bold; }
	#viewport #left_side .side_menu .dep1 > li > div {margin-top:40px;}
	#viewport #left_side .side_menu .dep2 > li {margin-bottom:15px;}
	#viewport #left_side .side_menu .dep2 > li > a {display:flex; align-items:center; font-size:14px;}
	#viewport #left_side .side_menu .dep2 > li > a:hover {color:#d91b5c}
	#viewport #left_side .side_menu .dep2 > li > a:hover::before {content:""; width:4px; height:4px; background:#d91b5c; border-radius:50%; margin-right:10px;}
}

@media (max-width:1740px) {
	#header .header_cont > .inner {padding:0 40px;}
	.lnb_p .dep1 > li > a {font-size:18px;}
}

@media (max-width:1300px) {
	#header .header_cont #lnb_p {display:none;}
}

/* MOBILE - 뷰포트 CSS */
@media all and (max-width:1023px) {
	#viewport {position:relative;width:100%}
	#viewport #header {position:fixed;left:0;top:0;width:100%;transition:all 300ms ease}
	#viewport #container {position:relative;z-index:100;}
	#viewport #main_view,
	#viewport #sub_view {position:relative;left:0;top:0;transition:all 300ms ease}
	#viewport.app_view #container {padding-top:0}

	.side_header {display:flex; justify-content:space-between; align-items:center; padding:5px 20px; border-bottom:1px solid #ddd;}
	.side_header .side_logo img {max-height:40px;}
	.side_header .side_close {display:flex; justify-content:center; align-items:center; width:35px; aspect-ratio:1/1; background:none; border:none; font-size:30px; font-weight:bold;}
	.side_menu ul {margin:0;padding:0;list-style:none}
	.side_menu [role=toggle] > a:before {content:'';position:absolute;top:50%;right:15px;width:0;height:0;margin-top:-2px;border:6px solid transparent;border-top-color:#666}
	.side_menu [role=toggle].active > a:before {margin-top:-8px;border-top-color:transparent;border-bottom-color:#FFF}
	.side_menu .dep1 > li > a {display:block;position:relative;padding:40px;border-bottom:1px solid #ddd; font-size:24px; font-weight:bold; color:#000; overflow:hidden; text-overflow:ellipsis;white-space:nowrap}
	.side_menu .dep1 > li.active > a {background:#d91b5c; color:#fff; border-bottom:0;}
	.side_menu .dep2 {display:none;padding:30px 40px; border-bottom:1px solid #ddd;}
	.side_menu .dep2 > li > a {display:flex; align-items:center; position:relative;height:28px;line-height:28px;font-size:16px;color:#000;margin-bottom:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.side_menu .dep2 > li:last-child > a {margin-bottom:0;}
	.side_menu .active .dep2 {display:block}
	.side_menu .dep2 > li > a:hover {color:#d91b5c;}
	.side_menu .dep2 > li > a:hover::before {content:""; width:4px; height:4px; border-radius:50%; background:#d91b5c; margin-right:5px;}

	.side_search {border-bottom:1px solid #5f5c5d;background:#373334}
	.side_search fieldset {position:relative;margin:0;padding:8px;border:none}
	.side_search legend {display:none}
	.side_search span {display:block;padding:4px 8px;background:#fff}
	.side_search span input {width:100%;margin:0;padding:4px 0;border:none;background:transparent;color:#666}
	.side_search button {position:absolute;border:none;padding:0;top:10px;right:10px;bottom:10px;margin:auto;padding:5px;background:transparent;font-size:0}
	.side_search button:before {content:'\e901';font-family:'icomoon';font-size:24px;color:#373334}

	#viewport .viewport_side {position:fixed; top:0; right:0; left:0; width:100%; height:100%; background:#FFF; box-sizing:border-box; z-index:1200; transition:all 300ms ease;}
	#viewport #right_side {display:none;}
	#viewport.on.toggle_left #left_side {display:block;}
	#viewport.on.toggle_right #right_side {display:block;}
	#viewport #close_side {visibility:hidden;position:absolute;top:0;left:0;bottom:0;left:0;z-index:1180;width:100%;height:100%;box-sizing:border-box;border:none;background:none;text-align:left;text-indent:-9999px;background:rgba(0,0,0,0.6);opacity:0;}
	#viewport.on #close_side {visibility:visible;opacity:1;}

	#footer .f_lbx > div {width:50%;}
	#footer .f_inner .f_rbx {margin-top:20px;}
	#footer .f_inner .f_lbx{display:flex!important;  flex-direction:column!important;  align-items:center!important;}
	#footer .f_lbx li.admin{display:none!important;}
	#footer .f_lbx>div{width:100%!important;  text-align:center!important;}
	#footer .f_rbx img {display:block; margin:35px auto 0; }
	#footer .f_lbx .info3{width:100% !important;  margin:0 auto !important; text-align:center;}
	#footer .f_lbx .info3 > ul li{justify-content:center !important; gap:12px; }
	#footer .f_lbx .info3 > ul li p{text-align:center;}
	#footer .fnb ul{justify-content:center !important; width:100%; max-width:520px; margin:10px auto 0;}

	.floating_wrap {position:fixed; bottom:0; left:0; width:100%; z-index:9999;}
	.floating_wrap .floating_button {display:none;}
	.floating_wrap .floating_list_wrap {background:#FFF; box-shadow:0 -10px 10px 0 rgba(0,0,0,0.25);}
	.floating_wrap .floating_list_wrap ul {display:flex; width:100%;}
	.floating_wrap .floating_list_wrap ul li {flex:1;}
	.floating_wrap .floating_list_wrap ul .floating_list {position:relative; display:block; padding:10px 0;}
	.floating_wrap .floating_list_wrap ul .floating_list::after {content:""; position:absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:75%; background:#ddd;}
	.floating_wrap .floating_list img {display:block; width:33px; margin:0 auto;}
	.floating_wrap .floating_list span {display:block; text-align:center; margin-top:5px; font-size:14px;}
	.floating_wrap .floating_list_wrap ul li.toTop a {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#d91b5c; color:#FFF; font-weight:600;}

	#footer .f_bottom > div {padding:20px 20px 110px 20px;}

	.quick_myreg_form_cont {padding:15px; padding-bottom:100px;}
	.quick_myreg_form_wrap {bottom:74px}
	.quick_myreg_form_wrap.open {bottom:0;}
}

@media (max-width:767px){
	#viewport #header {height:60px;}
	#header .header_cont > .inner {padding:0 20px;}
	#header .logo h1 img {max-height:40px;}
	#header .header_tel .header_tel_icon img {width:10px;}
	#header #toggle_left {width:20px;}
	#header #toggle_left > div span {width:3px; height:3px;}
	#header #toggle_left > div::before, #header #toggle_left > div::after {width:3px; height:3px;}
	#header .header_tel a {font-size:16px}
	.side_menu .dep1 > li > a {padding:20px; font-size:16px}
	.side_menu .dep2 {padding:25px 20px;}
	.side_menu .dep2 > li > a {font-size:14px; margin-bottom:10px;}
	#footer .f_lbx > div {width:100%;}
	#footer .f_rbx h2 a {font-size:28px}
	#footer .f_rbx h2 a::before {width:19px;}
	#footer .f_rbx p {font-size:14px;}
	#footer .f_rbx img {display:block; margin:35px auto 0; }
	#footer .f_bottom > div {flex-direction:column; align-items:flex-start; height:auto; padding-bottom:85px;}
	#footer .f_bottom .copyright {font-size:14px;}
	#footer .f_bottom .copyright a {margin-left:0; margin-top:5px; font-size:14px;}
	#footer .f_bottom ul {margin-top:10px;}

	#footer .f_lbx .info3 li {flex-direction:column;}
	#footer .f_lbx .info3 li:last-child {flex-direction:row;}
	#footer .f_lbx .info3{text-align:center;}
	#footer .f_lbx .info3>ul li{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;gap:1px!important;}
	#footer .f_lbx .info3>ul li p{margin:0!important;padding:0!important;line-height:1.55!important;}
	#footer .f_lbx .info3>ul li p+p{margin-top:0px!important;}

	.quick_myreg_form_cont .title_wrap {display:flex; align-items:center;}
	.quick_myreg_form_cont .title1 {margin-bottom:0; margin-right:5px;}
	.quick_myreg_form ul li {width:100%; margin-right:0; margin-bottom:4px;}
	.quick_myreg_form input[type="text"] {width:100%;}
	.quick_myreg_form_cont .form_btns {position:relative; margin-top: 5px;}
	.quick_myreg_form_cont .form_btns button {width:100%; height:35px;}
	.quick_myreg_form_wrap .text_box {width:100%; padding:10px;}
	.quick_myreg_form_wrap .text_box p {word-break:keep-all;}
}

/* PC - 뷰포트 CSS */
@media all and (min-width:1024px) {
	#viewport #right_side {display:none}
	#viewport #close_side {display:none}
}