@charset "utf-8";

@font-face {
	font-family:'icomoon';
	src:url('/img_up/shop_pds/aramskin/design/uf2smart203/icomoon/icomoon.eot');
	src:url('/img_up/shop_pds/aramskin/design/uf2smart203/icomoon/icomoon.eot') format('embedded-opentype'),
		url('/img_up/shop_pds/aramskin/design/uf2smart203/icomoon/icomoon.ttf') format('truetype'),
		url('/img_up/shop_pds/aramskin/design/uf2smart203/icomoon/icomoon.woff') format('woff'),
		url('/img_up/shop_pds/aramskin/design/uf2smart203/icomoon/icomoon.svg') format('svg');
	font-weight:normal;
	font-style:normal;#6c804b
}
@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'),.lnb_p .dep1 > li > div .ad_box h4
		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;#container
}
@keyframes voice_animation {
	from {color:#168fff}
	50% {color:#16b5ff}
	to {color:#168fff}
}

.quick_container , .quick_container  *{padding:0; margin:0; list-style:none; box-sizing:border-box;}
  
.quick_bg{width:100%; height:100%; background:rgba(0,0,0,.4); position:fixed; top:0; left:0; opacity:0; visibility:hidden; transition:all .4s;z-index:10000}
.quick_container {position:fixed; bottom:70px; right:50px; z-index:10001;}

.quick_container .quick_box{width:310px; text-align:center; padding:30px 30px 40px; background:#fff; position:absolute; bottom:30px; right:30px; border-radius:10px; border:1px solid #ddd; z-index:200; color:#333; opacity:0; visibility:hidden; transition:all .4s;}
.quick_container .quick_box h4 img {width:32px;}
.quick_container .quick_box ul li img{display:inline-block; vertical-align:middle; width:70px;}
.quick_container .quick_box h4{font-size:19px;} 
.quick_container .quick_box h4 img{margin:-2px 7px 0 0;} 
.quick_container .quick_box > p{font-size:25px; font-weight:bold; margin-top:15px;}
.quick_container .quick_box ul{margin-top:35px; border:1px solid #dadada;}
.quick_container .quick_box ul:after{content:''; display:block; clear:both;}
.quick_container .quick_box li{width:50%; float:left; border-right:1px solid #dadada;}
.quick_container .quick_box li:nth-child(2n){border-right:0;}
.quick_container .quick_box li:nth-child(1),
.quick_container .quick_box li:nth-child(2){border-bottom:1px solid #dadada;}
.quick_container .quick_box li a{display:block; width:100%; height:100%; padding:15px 0; cursor:pointer; position:relative;} 
.quick_container .quick_box li a:hover{color:#0a4594; font-weight:bold;}
.quick_container .quick_box li a:hover:after{content:''; display:block; width:100%; height:100%; border:2px solid #0a4594; position:absolute; top:-2px; left:-2px;}
.quick_container .quick_box li a img{display:block; margin:5px auto 10px;}
.quick_container .quick_box > a{display:flex; justify-content:center; align-items:center; margin-top:40px; background:linear-gradient(to bottom right, #2fb775 10%, #0a4595 100%); height:60px; line-height:60px; color:#fff; font-size:18px; border-radius:2em;}
.quick_container .quick_box > a img{margin:-6px 0 0 20px;}
.quick_container .quick_box .quick_icon_map{width:37px; filter:brightness(100)}

.quick_container .quick_btn{display:block; width:70px; height:70px; background:#f93e68; background:linear-gradient(to bottom right, #2fb775 10%, #0a4595 100%); box-shadow: 10px 10px 30px 0 rgba(0,0,0,0.4); border-radius:50%; text-align:center; line-height:70px; position:relative; z-index:300; cursor:pointer;}
.quick_container .quick_btn span{display:block; width:70px; height:70px; background:url("/img_up/shop_pds/wanjuspa/design/img/quick_btn1.png") no-repeat left center; transition:all .4s;}
.quick_container .quick_btn:hover span{background-position:right center;}

.quick_container .close_btn{display:block; width:70px; height:70px; background:#f93e68; background:linear-gradient(to bottom right, #2fb775 10%, #0a4595 100%); box-shadow: 10px 10px 30px 0 rgba(0,0,0,0.4); border-radius:50%; text-align:center; line-height:70px; position:absolute; bottom:0; right:0; z-index:400; opacity:0; visibility:hidden; cursor:pointer;}
.quick_container .close_btn span{display:block; width:70px; height:70px; background:url("/img_up/shop_pds/wanjuspa/design/img/quick_btn2.png") no-repeat center;}


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

#header {position:relative;z-index:1200;background:#ffffff;border-bottom:1px solid #dddddd;}
#header .logo h1 {margin:0;padding:0 100px 0 15px;font-size:0;box-sizing:border-box}
#header .logo h1 a {display:flex;height:49px;vertical-align:middle;}
#header .logo h1 img {width:auto;max-height:35px}
#header .logo button {position:absolute;top:0;bottom:0;width:50px;height:50px;margin:auto;border:none;background:none;font-size:0}
#header .logo #toggle_right {left:0}
#header .logo #toggle_right:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;width:30px;height:30px;margin:auto;background:url(/img_up/shop_pds/aaa10/design/img/icon/nav_btn_icon.png) no-repeat center / cover;}

.header_form {position:absolute;top:0;right:45px;}
.header_form .btn_header_form {width:40px;height:49px;background:none;border:none;font-size:0;text-align:center}
.header_form .btn_header_form:before {content:'\e901';display:block;font-family:'icomoon';font-size:26px;font-weight:normal;color:#000000;text-align:center;}
.header_form .search_p {display:none;position:fixed;top:50px;right:0;left:0;z-index:9998;border-bottom:1px solid #dddddd;background:#ffffff;white-space:nowrap}
.header_form .search_p fieldset {margin:0;padding:5px 20px 10px;border:none}
.header_form .search_p legend {display:none}
.header_form .search_p .search_form {box-sizing:border-box;position:relative;max-width:400px;margin:0 auto;padding-right:40px;}
.header_form .search_p .search_form > span {display:block;border-bottom:1px solid #000000;}
.header_form .search_p .search_form input {box-sizing:border-box;width:100%;height:35px;margin:0;padding:0 5px;border:none;background:transparent;font-size:14px;color:#000000;}
.header_form .search_p .search_form button {display:block;position:absolute;border:none;padding:0;top:0;right:0;bottom:0;margin:auto;width:40px;height:35px;background:transparent;font-size:0}
.header_form .search_p .search_form button:before {content:'\e901';display:block;font-family:'icomoon';font-size:26px;font-weight:normal;color:#000000;text-align:center;}
.header_form:hover .btn_header_form:before, .header_form.on .btn_header_form:before {color:#6c804b}
.header_form.on .search_p {display:block}

#container .container__top__wrap{width:100%; text-align:center;background:#f3f3f3; padding:16px 0;}
#container .container__top__wrap h1 {margin:0 auto; padding-bottom:20px; font-weight:normal;}
#container .container__top__wrap p {margin:0;}

#container .sub_loca_wrap {display:flex; justify-content:center; list-style:none; margin:0 auto; margin-top:-30px; padding:0; flex-wrap:wrap;}
#container .sub_loca_wrap li{width:150px; background:#fff; padding:5px 0 5px 5px;}
#container .sub_loca_wrap li:last-child {padding-right:5px;}
#container .sub_loca_wrap li.on a{background:#d84351;}
#container .sub_loca_wrap li a{display:inline-block; text-align:center; width:100%; height:40px; line-height:40px; background:#0a4595; font-size:13px; color:#fff;}
#container .sub_loca_wrap li a:hover{background:#d84351}

#container .contents {min-height:350px;}
#container .contents:after {content:'';display:block;overflow:hidden;clear:both}

#footer {overflow:hidden;position:relative;z-index:100;background:#fff;border-top:1px solid #ddd;}
#footer #btn_site_top {position:fixed;bottom:10px;right:10px;z-index:0;width:40px;height:40px;border:none;border-radius:50%;background:#0a4595;font-size:0;opacity:0;transition:all .2s ease-in-out}
#footer #btn_site_top:before {content:'\e917';display:block;font-family:'icomoon';font-size:16px;font-weight:bold;color:#fff;text-align:center;}
#footer #btn_site_top.on {opacity:.6;z-index:1000}
#footer .f_inner {padding:48px 15px;}
#footer .copyright {margin-top:20px;font-size:15px;color:#777;}
#footer .copyright a{color:#999}

#footer .fnb {display:flex;width:100%; max-width:1300px;margin:0 auto;justify-content:space-between; align-itmes:center;}
#footer .fnb ul {display:block;list-style:none;font-size:0;margin:0;padding:50px 0;}
#footer .fnb ul.privarcy li {position:relative; display:inline-block; font-size:17px;}
#footer .fnb ul.privarcy li a {display:block; height:30px; line-height:30px; margin:0; padding:0 .8em;color:#777 text-decoration:none; letter-spacing:-1px;}
#footer .fnb ul.privarcy li:nth-child(3) a {color:#e10000; }
#footer .fnb ul.privarcy li:hover{text-decoration:underline;}
#footer .fnb ul.privarcy li:nth-child(3):hover{text-decoration:underline #e10000;}
#footer .fnb ul.map ul{list-style:none;}
#footer .fnb ul.map li{display:inline-block; margin:0 5px;}
#footer .fnb ul li a img {width:35px; border-radius:100%;}

#footer .f_inner_wrap{border-top:1px solid #ddd;}
#footer .f_inner{display:flex; column-gap:30px;}

#footer .f_logo {width:256px; flex:none;}
#footer .finfo {margin-top:8px;font-size:0;}
#footer .finfo p {display:inline-block;position:relative;line-height:16px;margin:0;padding:0 7px; margin-bottom:10px; font-size:13px;letter-spacing:-.03em;color:#777}
#footer .finfo p:before {content:'';position:absolute;top:0;bottom:0;left:0;width:2px;height:2px;margin:auto;opacity:.5}
#footer .finfo p.mobile_hide {display:none}
#footer .finfo p .title {margin-right:4px;color:#897a74}
#footer .finfo > a {color:#897a74}
#footer .finfo button {border:1px solid #aaa;border-radius:4px;box-shadow:inset 0 1px 0 white;background:#f6f6f6;font-size:12px;color:#555;text-align:center}
#footer .finfo p::after{content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); width:1px; height:10px; background:#bcbcbc; opacity:.5;}
#footer .finfo p:first-child::after{content:none;}

/* sub page */
#sub_view #container {padding-top:50px;}
#sub_view #container .contents {padding:30px 0}
#sub_view #container .snb_wrap {display:none;}
#sub_view #container .snb_wrap.mypage {display:block;}
#sub_view #container .snb {position:relative;}
#sub_view #container .snb .m_snb_toggle {box-sizing:border-box;display:block;position:relative;width:100%;height:40px;line-height:40px;padding:0 15px;border:none;background:#6c804b;font-size:15px;font-weight:bold;color:#ffffff;text-align:left;letter-spacing:-.03em;}
#sub_view #container .snb .m_snb_toggle:before {content:'';position:absolute;top:8px;right:15px;bottom:0;width:0;height:0;margin:auto;border:8px solid transparent;border-top-color:#ffffff}
#sub_view #container .snb .m_snb_toggle:after {content:'';position:absolute;top:2px;right:15px;bottom:0;width:0;height:0;margin:auto;border:8px solid transparent;border-top-color:#6c804b}
#sub_view #container .snb .m_snb_toggle.on:before {top:-10px;border-top-color:transparent;border-bottom-color:#ffffff}
#sub_view #container .snb .m_snb_toggle.on:after {top:-4px;border-top-color:transparent;border-bottom-color:#6c804b}
#sub_view #container .snb .dep1 {display:none;position:absolute;right:0;left:0;z-index:1000;margin:0;padding:0;}
#sub_view #container .snb .dep1.on {display:block;}
#sub_view #container .snb .dep1 li {margin:0;padding:0;border-bottom:1px solid #dedede;list-style:none;}
#sub_view #container .snb .dep1 li a {display:block;padding:10px 15px;background:#fff;font-size:13px;color:#777;}
#sub_view #container .snb .dep1 li.on a, #sub_view #container .snb ul li a:hover {background:#f2f2f2;}
.contents .sub_top_title {display:block;margin-bottom:25px;padding:0 15px;font-size:20px;color:#6c804b;line-height:1.3em;letter-spacing:-.03em;}

/* Mobile viewport - PC content display none */
#header .h_right .gnb_p, #header > .inner .h_right, #header .h_right .h_tel_p, #header .header_top-wrapper,  #voice_guide_wrap, .lnb_p {display:none}

/* PC CSS */
@media all and (min-width:1024px) {
	/* 음성안내 */
	#voice_guide_wrap {float:left;display:inline-block;vertical-align:top}
	#voice_guide_wrap a {display:none;width:16px;height:94px;line-height:94px;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, #header .inner .logo .nav_call, #sub_view #container .snb .m_snb_toggle {display:none}

	/* PC display:block */
	 #header > .inner .h_right, #header .h_right .h_tel_p, #voice_guide_wrap, .lnb_p {display:block}

	/* PC 화면 넓이값을 가진 센터유지 */
	.row > .white-space {max-width:1300px !important}
	#footer .f_inner, .sub_top_title {margin:0 auto;max-width:1300px}

	#container .contents {min-height:500px;}

	/* mypage  서브 네비게이션 넓이값 */
	#sub_view #container .contents.mypage {padding:100px 0}

	#header {position:fixed;top:0;right:0;left:0;z-index:9998;padding:0;border-bottom:1px solid #dddddd;}
	#header > .inner {display:flex; align-items:center; position:relative;max-width:1300px; margin:0 auto;}
	#header > .inner:after {content:'';display:block;clear:both}
	#header > .inner .logo{width:25%;}
	#header > .inner .lnb_p{width:60%; float:left;}
	#header > .inner .h_right{width:22%; float:left; text-align:right;}
	#header > .inner .h_right .closure{padding:10px 15px; margin:0; background:#0a4595; border-radius:50px; color:#fff; text-align:center; font-size:14px; font-weight:500;}
	#header > .inner .h_right ul{display:flex; flex-wrap:nowrap; justify-content:space-between; padding:0 15px; margin:0; height:100px; column-gap:15px;}
	#header > .inner .h_right ul li{width:100%; height:100%;}
	#header > .inner .h_right ul li a{display:flex; flex-direction:column; justify-content:center; align-items:center; height:100%;}

	#header .logo {position:relative; box-sizing:border-box;}
	#header .logo h1 {display:table;width:auto;width:100%;height:66px;padding:0;table-layout:fixed;}
	#header .logo h1 a {justify-content:center; align-items:center; width:90%;height:100%;}
	#header .logo h1 img {width:100%;object-fit:contain}

	#header .header_top-wrapper {display:block; width:100%; background:#f8f8f8; border-bottom:1px solid #e1e1e1;}
	#header .header_top {display:flex; justify-content:space-between; width:100%; max-width:1300px; margin:0 auto;}
	#header .header_top .header_top-left > a{background:#9f9172; display:inline-block; color:#fff; font-size:12px; height:32px; line-height:30px; padding:0 13px;}
	#header .header_top .header_top-left > a span{color:#ffcb00; margin-left:5px;}
	#header .header_top .header_top-left ul {display:inline-block; margin:0; padding:0; list-style:none; font-size:0;}
	#header .header_top .header_top-left li {position:relative; display:inline-block; font-size:14px;}
	#header .header_top .header_top-left li a {display:block; height:30px; line-height:30px; margin:0; padding:4px 1em 4px .8em; font-size:15px; color:#555; text-decoration:none; letter-spacing:-1px;}
	#header .header_top .header_top-left li:nth-child(1) a{background:#e5e5e5;}
	#header .header_top .header_top-left li:nth-child(2) a{background:#e4f6f7;}
	#header .header_top .header_top-left li:nth-child(3) a{background:#e1e7f6;}
	#header .header_top .header_top-left li a:hover {text-decoration:underline;}
	#header .header_top .header_top-left li a img{vertical-align:middle; margin:-2px 0 0 0;}

	#header .header_top .header_top-right ul {display:inline-block; background:#e5e5e5; margin:0; padding:4px 0; list-style:none; font-size:0;}
	#header .header_top .header_top-right li {position:relative; display:inline-block; font-size:14px;}
	#header .header_top .header_top-right li:before {content:''; display:block; position:absolute; left:0; top:51%; width:1px; height:12px; margin-top:-5px; background-color:#555; opacity:.5;}
	#header .header_top .header_top-right li:first-child:before {display:none;}
	#header .header_top .header_top-right li a {display:block; height:30px; line-height:30px; margin:0; padding:0 1em; font-size:15px; color:#555; text-decoration:none; letter-spacing:-1px;}
	#header .header_top .header_top-right li a:hover {text-decoration:underline;}

	#header .h_right ul{justify-content:space-between; font-size:0; margin-top:8px;}
	#header .h_right li{display:inline-block; text-align:center;}
	#header .h_right li p{font-size:16px; color:#0a4595; margin:0; margin-top:4px;white-space:nowrap;}  
#header .h_right li img{width:30px;}

	.header_form {position:relative;top:auto;right:auto;float:right}
	.header_form .btn_header_form {width:60px;height:94px;}
	.header_form .btn_header_form:before {font-size:30px;color:#000000}
	.header_form .search_p {top:95px;}
	.header_form .search_p fieldset {padding:25px 0 35px;}
	.header_form .search_p .search_form > span {display:block;border-bottom:1px solid #000000;}
	.header_form .search_p .search_form input {height:50px;font-size:18px;color:#000000;}
	.header_form .search_p .search_form button {height:50px;}
	.header_form .search_p .search_form button:before {font-size:32px;}

	.gnb_p {position:relative;float:right;margin-left:10px;font-size:0;text-align:right}
	.gnb_p .new_date {display:inline-block;padding:0 20px 0 10px;font-size:13px;font-weight:bold}
	.gnb_p .gnb_list {display:inline-block}
	.gnb_p .gnb_list .btn_gnb_list {width:60px;height:94px;background:none;border:none;font-size:0;text-align:center}
	.gnb_p .gnb_list .btn_gnb_list:before {content:'\e905';display:block;font-family:'icomoon';font-size:28px;font-weight:normal;color:#000000;text-align:center;}
	.gnb_p .gnb_list ul {box-sizing:border-box;display:none;position:absolute;top:95px;left:50%;z-index:1002;width:120px;margin:0 0 0 -60px;padding:15px 0;background:#6c804b;white-space:nowrap}
	.gnb_p .gnb_list ul li {margin:0;padding:0;list-style:none}
	.gnb_p .gnb_list ul li a {display:block;position:relative;padding:6px 10px;font-size:14px;font-weight:bold;color:#ffffff;text-align:center}
	.gnb_p .gnb_list:hover .btn_gnb_list:before,
	.gnb_p .gnb_list.on .btn_gnb_list:before {color:#6c804b}
	.gnb_p .gnb_list.on ul {display:block}

	#header .h_right .h_tel_p {padding:24px 0;margin-left:10px;}
	#header .h_right .h_tel_p span {display:block;font-size:14px;font-weight:bold;color:#6c804b;}
	#header .h_right .h_tel_p strong {display:block;font-size:18px;color:#6c804b;}

	.lnb_p {display:block;max-width:1000px;width:100%;margin:0 auto;}
	.lnb_p ul {margin:0;padding:0;list-style:none; width:100%;}
	.lnb_p a {display:block}
	.lnb_p .dep1:after {clear:both;content:'';display:block}
	.lnb_p .dep1 > li {float:left;min-width:130px;table-layout:fixed}
	.lnb_p .dep1 > li > a {display:table;position:relative;z-index:1001;width:100%;height:100px;line-height:100px; text-align:center; font-size:18px; font-weight:bold; color:#555; box-sizing:border-box;}
	.lnb_p .dep1 > li:after{content:''; position:absolute; bottom:-1px; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #0a4595;opacity:0;}
	.lnb_p .dep1 > li.on > a > span, .lnb_p .dep1 > li:hover > a > span {color:#6c804b}
	.lnb_p .dep1 > li > div {display:none;box-sizing:border-box;position:absolute;z-index:1000;top:100%;width:100%;max-width:1300px;left:0;}
	.lnb_p .dep1 > li > div:before {content:'';visibility:hidden;position:fixed;top:140px;left:0;right:0;min-height:370px;background:#fff;border-top:2px solid #0a4595; box-shadow:0 20px 40px rgba(0,0,0,0.1);}
	.lnb_p .dep1 > li:hover > div {display:block;}
	.lnb_p .dep1 > li:hover > div:before {visibility:visible;}
	.lnb_p .dep1 > li:hover:after{opacity:1;}
	.lnb_p .dep1 > li:nth-child(1)::after{left:28.5%;}
	.lnb_p .dep1 > li:nth-child(2)::after{left:39.5%;}
	.lnb_p .dep1 > li:nth-child(3)::after{left:50.5%;}
	.lnb_p .dep1 > li:nth-child(4)::after{left:62%;}
	.lnb_p .dep1 > li:nth-child(5)::after{left:73%;}


	.lnb_p .dep1 > li .dep2 {display:flex; position:relative;font-size:0;z-index:1;padding-top:3px;box-sizing:border-box; background:url(/img_up/shop_pds/aaa10/design/img/nav_bg-fix.png) no-repeat 85% bottom / 32%;}
	.lnb_p .dep1 > li .dep2 ul {padding:40px; box-sizing:border-box;border-left:1px solid #e5e5e5;}
	.lnb_p .dep1 > li .dep2 ul > li {position:relative; display:block; width:30%; border-bottom:1px solid #e5e5e5;}
	.lnb_p .dep1 > li .dep2 ul > li > a {display:block;padding:10px 0;font-size:18px;font-weight:bold;color:#555;letter-spacing:-.1px;white-space:nowrap;}
	.lnb_p .dep1 > li .dep2 ul > li.on > a,
	.lnb_p .dep1 > li .dep2 ul > li:hover{border-bottom:1px solid #0a4595;}
	.lnb_p .dep1 > li .dep2 ul > li:hover::after{content:""; width:5px; height:10px; background:url(/img_up/shop_pds/aaa10/design/img/icon/nav_arrow_icon.png) no-repeat center; position:absolute; top:50%; right:10px; transform:translateY(-50%);}
	.lnb_p .dep1 > li .dep2 ul > li:hover > a {color:#0a4595}


	.lnb_p .dep1 > li > div h3 {width:43%;height:370px;overflow:hidden}
	.lnb_p .dep1 > li > div h3 img{width:100%; height:100%; object-fit:cover;}

	.lnb_p .dep1 > li > div .ad_box{display:flex; flex-direction:column; justify-content:space-between; background:rgba(10, 69, 149, 0.8); width:33%; height:370px; padding:30px; box-sizing:border-box; text-align:left; color:#fff;}
	.lnb_p .dep1 > li > div .ad_box h4{font-size:25px; letter-spacing:-2px; line-height:1.3em; color:#fff; margin:0; margin-bottom:30px;}
	.lnb_p .dep1 > li > div .ad_box h4 span{color:#f9ff00;}
	.lnb_p .dep1 > li > div .ad_box p{font-size:16px !important; color:#fff !important; margin:5px 0;}
	.lnb_p .dep1 > li > div .ad_box p:before{content:''; display:inline-block; width:3px; height:3px; border-radius:50%; background:#fff; vertical-align:middle; margin:-2px 10px 0 0;}
	.lnb_p .dep1 > li > div .ad_box > span{display:inline-block; font-size:16px; letter-spacing:0px; color:#fff; border-bottom:1px solid #fff; padding:0 5px 10px;}

	#container .container__top__wrap{padding:90px 0 100px 0;}
	#container .container__top__wrap h1{font-size:50px; letter-spacing:-1px; font-weight:300; color:#333;}
	#container .container__top__wrap p{font-size:20px; color:#a0a09e; margin:0; margin-top:20px;}
	#container{padding-top:140px;}

	#footer .f_inner {box-sizing:border-box;position:relative;padding:40px 0;}
	#footer .f_inner:after {content:'';display:block;clear:both;}
	#footer .f_inner > div {float:left;}
	#footer .f_logo {display:block;width:256px;}
	#footer .fnb ul {text-align:left;}
	#footer .fnb ul li a {padding:0 10px;font-size:16px;}

	#footer .finfo {text-align:left; padding-left:20px;}
	#footer .finfo p {padding:0 9px;font-size:15px;}
	#footer .finfo p:first-child{padding-left:0;}


	/* sub page */
	#sub_view #container {padding-top:140px;}
	#sub_view #container .contents {padding:100px 0}
	#sub_view #container .snb_wrap {position:relative;background:#6c804b}
	#sub_view #container .snb {max-width:1000px;margin:0 auto;}
	#sub_view #container .snb .dep1 {display:table;position:static;left:auto;right:auto;min-width:auto;width:100%;padding:0;white-space:normal;border:none;table-layout:fixed;}
	#sub_view #container .snb .dep1.on {display:table;}
	#sub_view #container .snb .dep1 li {display:table-cell;border:none;border-right:1px solid rgba(255,255,255,.2);text-align:center;vertical-align:middle}
	#sub_view #container .snb .dep1 li a {box-sizing:border-box;display:table;width:100%;height:auto;line-height:1.3em;padding:0;background:none;font-size:16px;font-weight:bold;color:#ffffff;transition:.1s background ease-in-out}
	#sub_view #container .snb .dep1 li a > span {box-sizing:border-box;display:table-cell;height:50px;padding:5px 10px;text-align:center;vertical-align:middle;letter-spacing:-.02em}
	#sub_view #container .snb .dep1 li:first-child {border-left:1px solid rgba(255,255,255,.2)}
	#sub_view #container .snb .dep1 li.on a,
	#sub_view #container .snb .dep1 li:hover a {background:#ffffff;color:#6c804b}
	.contents .sub_top_title {margin-bottom:35px;padding:0;font-size:32px;}
}



@media all and (max-width: 1200px){
	#header > .inner .logo {width:13%;}
	#header > .inner .h_right{width:27%;}
	.lnb_p .dep1 > li > a{font-size:17px;}
#footer .fnb ul.map ul{padding-top:30px;}
}


/* MOBILE - 뷰포트 CSS */
@media all and (max-width:1023px) {
	.quick_container{display:none;}
	#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;padding-top:59px}
	#viewport #main_view,
	#viewport #sub_view {position:relative;left:0;top:0;transition:all 300ms ease}
	#viewport.app_view #container {padding-top:0}
	
	#header .logo h1 {width:100%; padding:0 80px; margin:0;}
	#header .logo h1 a {display:block; text-align:center; height:58px;line-height:58px;}
	#header .logo h1 a img{vertical-align:middle;}
	#header .logo #toggle_right {left:10px;}
	#header .inner .logo {width:100%;}
	#header .inner .logo .nav_call{display:block; width:50px; height:50px; background:url("/img_up/shop_pds/aaa10/design/img/icon/nav_call_icon.png") no-repeat center / 30px; position:absolute; top:50%; transform:translateY(-50%); right:10px; z-index:99999; transition:all 0.4s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

	#gnb_m ul {margin:0 -2px;padding:0;list-style:none;}
	#gnb_m ul:after {content:'';display:block;clear:both;}
	#gnb_m ul li {float:left;width:50%;}
	#gnb_m ul li:nth-child(2n+1) {clear:both;}
	#gnb_m ul li a {display:block;position:relative;height:40px;line-height:40px;padding:0 12px;border:1px solid #e6e6e6;border-top:0;background:#fff;font-size:13px;font-weight:bold;color:#666666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
	#gnb_m ul li:nth-child(odd) a {margin-right:-1px;}

	.side_menu ul {margin:0;padding:0;list-style:none}
	.side_menu .dep1 > li > a {display:block;position:relative;height:45px;line-height:45px;padding:0 16px;border-bottom:1px solid #dedede;background:#f8f8f8;font-size:14px;font-weight:bold;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
	.side_menu .dep2 {display:none;padding:10px 0;background:#ffffff;}
	.side_menu .dep2 > li > a {display:block;position:relative;height:28px;line-height:28px;padding:0 22px;font-size:13px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;text-align:center;}
	.side_menu .dep1 > li.active .dep2 {display:block}

	.side_search {border-bottom:1px solid #e6e6e6;background:#fafafa}
	.side_search fieldset {position:relative;margin:0;padding:8px;border:none}
	.side_search legend {display:none}
	.side_search span {display:block;padding:4px 8px;border:1px solid #ccc;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:#666}

	#viewport .viewport_side {visibility:hidden;overflow-y:auto;position:fixed;top:0;width:100%;height:100%;padding:0;box-sizing:border-box;background:#ffffff;z-index:1300;transition:all 300ms ease;}
	#viewport #right_side {left:-100%}
	#viewport.on.toggle_right #main_view, #viewport.on.toggle_right #sub_view {left:-100%;}
	#viewport.on.toggle_right #main_view #header, #viewport.on.toggle_right #sub_view #header {left:-100%;}
	#viewport.on.toggle_right #right_side {visibility:visible;left:0;opacity:1}
	#viewport #close_side {visibility:hidden;position:absolute;top:0;left:0;bottom:0;left:0;z-index:1280;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;transition:visibility 0s 0.2s, opacity 0s 0.2s}
	#right_side .right_side_head {border-bottom:1px solid #e6e6e6;padding:10px 15px;}
	#right_side .right_side_head:after {content:'';display:block;clear:both;}
	#right_side .right_side_head h1 {float:left;margin:0;padding:0;font-size:18px;}
	#right_side .right_side_head .lan_list {float:left;margin:0;padding:0;list-style:none;}
	#right_side .right_side_head .lan_list:after {content:'';display:block;clear:both;}
	#right_side .right_side_head .lan_list li {float:left;}
	#right_side .right_side_head .lan_list li a {display:block;line-height:30px;padding-right:24px;font-size:13px;color:#666;}
	#right_side .right_side_head .lan_list li.on a {font-weight:bold;color:#6c804b}
	#right_side .right_side_head .bnt_search_side {display:block;float:right;position:relative;width:40px;height:26px;border:0;background:0;font-size:0;}
	#right_side .right_side_head .bnt_search_side:before {content:'\e901';font-family:'icomoon';font-size:26px;color:#000;}
	#right_side .right_side_head .btn_close_side {display:block;float:right;position:relative;width:40px;height:26px;border:0;background:0;text-indent:-9999px;}
	#right_side .right_side_head .btn_close_side:before {position:absolute;top:0;right:15px;content:'';width:2px;height:26px;background-color:#000;transform:rotate(45deg);}
	#right_side .right_side_head .btn_close_side:after {position:absolute;top:0;right:15px;content:' ';height:26px;width:2px;background-color:#000;transform:rotate(-45deg);}
	#viewport.on #close_side {visibility:visible;opacity:1;transition:visibiliy 0s 0s, opacity 0s 0s}

	#container .sub_loca_wrap {margin-top:-10px;}
	#container .sub_loca_wrap li{width:130px;}
}

@media (max-width:767px){
#footer .f_inner {flex-direction:column; align-items:center;}
#footer .fnb{flex-direction: column; align-items:center; }
#footer .fnb ul {padding:20px 0;}
#footer .fnb ul.map{padding-top:0;}
#footer .f_inner {padding:20px 0; width:95%; margin:0 auto;}
#footer .f_logo {text-align:center;padding-bottom:20px;}
#footer .copyright{margin-top:0; font-size:13px;}
}

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

@media all and (min-width: 1024px) and (max-width: 1140px) {
	.lnb_p .dep1 > li {min-width:110px;}
	.lnb_p .dep1 > li > a > span {font-size:17px;}
}


@media (min-width: 1024px) and (max-width: 1200px) {
.lnb_p .dep1 > li > div .ad_box {padding:17px;}
	#header .logo h1 img {width:100%;}
	.lnb_p .dep1 > li:nth-child(1)::after{left:27%;}
	.lnb_p .dep1 > li:nth-child(2)::after{left:38%;}
	.lnb_p .dep1 > li:nth-child(3)::after{left:50%;}
	.lnb_p .dep1 > li:nth-child(4)::after{left:61.5%;}
	.lnb_p .dep1 > li:nth-child(5)::after{left:73.5%;}
#header > .inner .logo {width:22%;}
.lnb_p .dep1 > li > div h3 {width:36%}
#header > .inner .h_right{width:20%}
#header > .inner .h_right ul {justify-content:space-between; padding:0 15px; column-gap:15px;}
#header > .inner .h_right ul li {margin:0;}

}