@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}}#viewport{overflow-x:hidden;min-height:100%;background:#fff}#viewport>#main_view,#viewport>#sub_view{max-width:100%;width:100%}#header{position:relative;z-index:1200;border-top:3px solid #373334;border-bottom:1px solid #ddd;background:#fff}#header .logo h1{width:100%;margin:0;padding:0 15px;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:30px}#header .logo h1 .pc_img{display:none}#header .logo button{position:absolute;top:0;bottom:0;width:40px;height:56px;margin:auto;border:0;background:0;font-size:0}#header .logo #toggle_left{right:5px}#header .logo #toggle_left:before,#header .logo #toggle_left:after{content:'';display:block;position:absolute;right:0;left:0;top:0;bottom:0;width:20px;height:3px;margin:auto;opacity:1}#header .logo #toggle_left:before{top:-12px;width:20px;height:3px;background:#373334}#header .logo #toggle_left:after{bottom:-12px;width:20px;height:3px;background:#373334}#header .logo #toggle_left.on:before,#header .logo #toggle_left.on:after{opacity:0;top:0;bottom:0;transition:opacity 0 0 ease}#header .logo #toggle_left span:before,#header .logo #toggle_left span:after{content:'';display:block;position:absolute;left:0;top:0;bottom:0;right:0;width:20px;height:3px;margin:auto;background:#373334;transform:rotate(0)}#header .logo #toggle_left.on span:before{transform:rotate(45deg)}#header .logo #toggle_left.on span:after{transform:rotate(-45deg)}#header .logo #toggle_right{right:45px}#header .logo #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 .logo #toggle_right_s{right:90px}#header .logo #toggle_right_s:before{content:'\e901';position:absolute;top:0;right:0;bottom:0;left:0;width:22px;height:22px;margin:auto;font-size:22px;color:#373334;font-family:'icomoon'}#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:#373334}#footer .f_inner{padding:15px 15px 20px}#footer #btn_site_top{position:fixed;bottom:10px;right:10px;z-index:0;width:40px;height:40px;border:0;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 .f_gnb{margin-bottom:10px}#footer .f_gnb ul{margin:0;padding:0;font-size:0;text-align:center}#footer .f_gnb ul li{display:inline-block;margin:0 0 0 5px;padding:0;list-style-type:none;vertical-align:top}#footer .f_gnb ul li:first-child{margin-left:0}#footer .f_gnb ul li a{display:block;padding:0 15px;background:#575455;font-size:12px;color:#fff;line-height:30px;letter-spacing:-.03em}#footer .fnb{margin-bottom:5px}#footer .fnb ul{display:block;margin:0;padding:0;list-style:none;font-size:0;text-align:center}#footer .fnb ul li{display:inline-block}#footer .fnb ul li a{display:inline-block;position:relative;height:25px;line-height:25px;padding:0 10px;font-size:12px;font-weight:bold;color:#fff;text-align:center;white-space:nowrap}#footer .fnb ul li a:before{content:'';position:absolute;top:2px;bottom:0;left:0;width:1px;height:12px;margin:auto;background:#555}#footer .fnb ul li:first-child a:before{display:none}#footer .finfo{font-size:0;text-align:center}#footer .finfo p{display:inline-block;position:relative;line-height:16px;margin:0;padding:2px 6px 2px 8px;font-size:12px;color:#aaa}#footer .finfo p:before{content:'';position:absolute;top:-2px;bottom:0;left:0;width:2px;height:2px;margin:auto;opacity:.5}#footer .finfo p.mobile_hide{display:none}#footer .finfo p a{color:#aaa}#footer .finfo .copyright{line-height:16px;padding:10px 0 0;font-size:12px;color:#aaa}#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}.shgroup{position:relative}#sub_view #container .contents_wrap{padding:0 10px 20px 10px}#sub_view #container .contents_wrap.mypage .snb_wrap{width:100%}#sub_view #container .contents_wrap.mypage .snb{position:relative}#sub_view #container .contents_wrap.mypage .snb>div{overflow-x:scroll}#sub_view #container .contents_wrap.mypage .snb .dep1{box-sizing:border-box;display:inline-block;min-width:100%;margin:0;padding:0 40px;border-bottom:3px solid #d74339;list-style:none;font-size:0;text-align:center;vertical-align:top;white-space:nowrap}#sub_view #container .contents_wrap.mypage .snb .dep1 li{display:inline-block;vertical-align:top}#sub_view #container .contents_wrap.mypage .snb .dep1 li a{display:inline-block;height:40px;line-height:40px;padding:0 10px;font-size:13px;vertical-align:top}#sub_view #container .contents_wrap.mypage .snb .dep1 li.on a{color:#d74339}#sub_view #container .contents_wrap.mypage .snb i{position:absolute;left:0;top:0;width:40px;height:40px;background:#fff}#sub_view #container .contents_wrap.mypage .snb i.prev:before{content:'';position:absolute;top:0;left:8px;bottom:0;width:0;height:0;margin:auto;border:8px solid transparent;border-right-color:#d74339}#sub_view #container .contents_wrap.mypage .snb i.prev:after{content:'';position:absolute;top:0;left:9px;bottom:0;width:0;height:0;margin:auto;border:8px solid transparent;border-right-color:#fff}#sub_view #container .contents_wrap.mypage .snb i.next{right:0;left:inherit}#sub_view #container .contents_wrap.mypage .snb i.next:before{content:'';position:absolute;top:0;right:8px;bottom:0;width:0;height:0;margin:auto;border:8px solid transparent;border-left-color:#d74339}#sub_view #container .contents_wrap.mypage .snb i.next:after{content:'';position:absolute;top:0;right:9px;bottom:0;width:0;height:0;margin:auto;border:8px solid transparent;border-left-color:#fff}.gnb_p,.lnb_p,#header .header_form{display:none}@media all and (max-width:1023px){.shgroup{position:relative;padding-bottom:40px}.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:40px;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:#fff;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:#fff;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}}@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 .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}#header .logo button,#footer .f_gnb{display:none}.gnb_p,.lnb_p{display:block}#header .header_form{display:inline-block}.row>.white-space{max-width:1100px !important}#header .header_cont>.inner,.gnb_p>.inner,#footer .f_inner,.shgroup .shgroup_cont,.shgroup .shgroup_cont,.contents_wrap.mypage{margin:0 auto;max-width:1100px}#viewport.fixed_on #header{padding-top:135px}#viewport.fixed_on #header .header_cont{position:fixed;top:0;right:0;left:0;z-index:10000}#viewport.fixed_on #header .header_cont:before{content:'';position:absolute;right:0;bottom:0;left:0;height:1px;background:#ddd}#viewport.fixed_on #header .gnb_p{display:none}#container .contents_wrap{min-height:350px}#sub_view #container .contents_wrap .contents{padding-top:0;max-width:1100px !important;margin:0 auto}.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:#fff;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:0}#header .header_cont{background:#fff}#header .logo{box-sizing:border-box;float:left;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 .logo h1 .m_img{display:none}#header .logo h1 .pc_img{display:table}#header .header_cont>.inner{position:relative}#header .header_cont>.inner:after{content:'';display:block;clear:both}.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:0}.search_p legend{display:none}.search_p span{display:block}.search_p span input{width:100%;height:28px;margin:0;padding:0 10px;border:0;background:#fff;color:#666;box-sizing:border-box}.search_p button{display:block;position:absolute;border:0;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;float:right;max-width:780px}.lnb_p ul{margin:0;padding:0;list-style:none}.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:block;padding:0 20px;text-align:center}.lnb_p .dep1>li>a>span{display:inline-block;position:relative;overflow:hidden;height:90px;line-height:90px;padding:0 2px;font-size:15px;font-weight:bold;color:#222;text-align:center;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.03em;vertical-align:top;transition:.2s all ease-out}.lnb_p .dep1>li>a>span:before{content:'';position:absolute;top:0;right:0;left:0;width:100%;height:4px;background:#d74339;opacity:0}.lnb_p .dep1>li:hover>a>span:before,.lnb_p .dep1>li.on>a>span:before{opacity:1}.lnb_p .dep1>li>div{box-sizing:border-box;display:none;position:absolute;left:50%;min-width:100%}.lnb_p .dep1>li:hover>div{display:block}.lnb_p .dep2{box-sizing:border-box;display:block;border-top:0;font-size:0;white-space:nowrap}.lnb_p .dep2>li{border-top:1px solid #fff}.lnb_p .dep2>li:first-child{border-top-width:0}.lnb_p .dep2>li>a{position:relative;padding:12px;text-align:center}.lnb_p .dep2>li>a>span{position:relative;z-index:1;font-size:14px;font-weight:bold;color:#666;letter-spacing:-.03em}.lnb_p .dep2>li>a:before{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#fff;opacity:.8}.lnb_p .dep2>li:hover>a:before{opacity:1}.lnb_p .dep2>li:hover>a>span,.lnb_p .dep2>li.on>a>span{color:#d74339}#footer .f_inner{padding:40px 0}#footer .fnb{margin-bottom:10px}#footer .fnb ul{text-align:left}#footer .fnb ul li a{font-size:15px}#footer .fnb ul li a:before{top:0;height:14px}#footer .fnb ul li:first-child a{padding-left:0}#footer .finfo{text-align:left}#footer .finfo p{padding:2px 10px 0 0;font-size:14px}#footer .finfo .copyright{font-size:13px}.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:#fff;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:#fff;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:#fff;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','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:0;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:0}#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:#888;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 #888;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}}@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;padding-top:60px}#viewport #main_view,#viewport #sub_view{position:relative;left:0;top:0;transition:all 300ms ease}#viewport.app_view #container{padding-top:0}.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:#666}.side_menu .dep1>li>a{display:block;position:relative;height:45px;line-height:45px;padding:0 40px 0 15px;border-bottom:1px solid #5f5c5d;background:#373334;font-size:13px;color:#dadada;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side_menu .dep1>li.active>a{color:#fff}.side_menu .dep2{display:none;padding:10px 0;background:#454343}.side_menu .dep2>li>a{display:block;position:relative;height:28px;line-height:28px;padding:0 22px;font-size:13px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side_menu .active .dep2{display:block}.side_search{border-bottom:1px solid #5f5c5d;background:#373334}.side_search fieldset{position:relative;margin:0;padding:8px;border:0}.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:0;background:transparent;color:#666}.side_search button{position:absolute;border:0;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%;padding:60px 0 0;box-sizing:border-box;z-index:1190;transition:all 300ms ease}#viewport #left_side{display:none}#viewport #right_side{display:none}#viewport #right_side_s{display:none}#viewport.on.toggle_left #left_side{display:block}#viewport.on.toggle_right #right_side{display:block}#viewport.on.toggle_right_s #right_side_s{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:0;background:0;text-align:left;text-indent:-9999px;background:rgba(0,0,0,0.6);opacity:0}#viewport.on #close_side{visibility:visible;opacity:1}}@media all and (min-width:1024px){#viewport #left_side{display:none}#viewport #right_side{display:none}#viewport #right_side_s{display:none}#viewport #close_side{display:none}}