@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}}#viewport{min-height:100%;background:#fff}#viewport>#main_view,#viewport>#sub_view{max-width:100%;width:100%}#header{position:relative;z-index:200;background:#313131;box-shadow:0 1px 2px rgba(0,0,0,0.3)}#header .logo h1{width:100%;margin:0;padding:0 60px;font-size:0;box-sizing:border-box}#header .logo h1 span{display:table;width:100%;table-layout:fixed}#header .logo h1 span a{display:table-cell;height:50px;vertical-align:middle;text-align:center}#header .logo h1 img{width:auto;max-height:30px}#header .logo button{position:absolute;top:0;bottom:0;width:50px;height:50px;margin:auto;border:0;background:0;font-size:0}#header .logo button:before{font-family:'icomoon';position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;color:#fff}#header .logo #toggle_left{left:0}#header .logo #toggle_left:before{content:'\e902';width:40px;height:40px;font-size:30px;line-height:40px}#header .logo #toggle_right{right:0}#header .logo #toggle_right:before{content:'\e905';width:28px;height:28px;font-size:22px;line-height:28px}#container{background-color:#fff}#container .contents_wrap{min-height:350px}#container .contents:after{content:'';display:block;overflow:hidden;clear:both}#sub_view #container .contents_wrap{padding:0 0 20px}#sub_view #container .contents_wrap .contents{padding-top:20px}#footer{overflow:hidden;position:relative;border-top:1px solid #252525;background:#313131}#footer #btn_site_top{position:fixed;bottom:10px;right:10px;z-index:0;width:40px;height:40px;border:0;border-radius:50%;background:#8de9f7;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{border-bottom:1px solid #252525}#footer .fnb ul{display:table;table-layout:fixed;width:100%;margin:0;padding:0;list-style:none;font-size:0}#footer .fnb ul li{display:table-cell;border-left:1px solid #252525}#footer .fnb ul li a{display:block;height:40px;line-height:40px;padding:0 15px;font-size:13px;font-weight:bold;color:#999;text-align:center;white-space:nowrap;letter-spacing:-.03em}#footer .fnb ul li a:hover{color:#8de9f7;transition:all .2s ease-out}#footer .fnb ul li:first-child{border-left-width:0}#footer .finfo{box-sizing:border-box;padding:10px 20px 20px;font-size:0;text-align:center}#footer .finfo .f_logo{display:none}#footer .finfo p{display:inline-block;position:relative;line-height:16px;margin:0;padding:2px 15px 2px 0;font-size:12px;color:#999;letter-spacing:-.03em}#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 a{color:#999}#footer .finfo .copyright{line-height:16px;padding:10px 0 0;font-size:12px;color:#999;letter-spacing:-.03em}#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}.shgroup>a{display:block;position:relative;width:100%;height:40px;line-height:40px;margin:0;padding:0 40px;border:0;box-sizing:border-box;background:#8de9f7;font-size:16px;color:#2d7c88;text-align:center}.shgroup>a span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}.shgroup>a i{display:block;position:absolute;top:0;width:40px;height:40px;font-size:0}.shgroup>a i:before{content:'';position:absolute;top:50%;left:50%;border:8px solid transparent;opacity:.5}.shgroup>a i:after{content:'';position:absolute;top:50%;left:50%;border:8px solid transparent}.shgroup>a i{left:0}.shgroup>a i:before{margin:-8px 0 0 -12px;border-right-color:#2d7c88}.shgroup>a i:after{margin:-8px 0 0 -10px;border-right-color:#8de9f7}#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 ul{display:inline-block;min-width:100%;margin:0;padding:0 40px;border-bottom:3px solid #8de9f7;box-sizing:border-box;list-style:none;font-size:0;text-align:center;white-space:nowrap}#sub_view #container .contents_wrap.mypage .snb ul li{display:inline-block}#sub_view #container .contents_wrap.mypage .snb ul li a{height:40px;line-height:40px;padding:0 10px;font-size:13px}#sub_view #container .contents_wrap.mypage .snb ul li.on a{color:#8de9f7}#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:#8de9f7}#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:#8de9f7}#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,.lnb_p_bg,#header .header_form,.shgroup>.shgroup_pc,.contents .sub_top_title{display:none}@media all and (min-width:1024px){#voice_guide_wrap{display:inline-block;margin-right:15px;vertical-align:top}#voice_guide_wrap a{display:none;width:16px;height:27px;line-height:27px;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,.shgroup>a{display:none}.gnb_p,.lnb_p,.lnb_p_bg,.shgroup>.shgroup_pc,.contents .sub_top_title{display:block}#header .header_form{display:inline-block;vertical-align:top}#header>.inner,#lnb_p,.gnb_p>.inner,.sub_location>ul,.shgroup .sub_top_text_wrap,.contents .sub_top_title,#footer .fnb .fnb_inner,#footer .finfo{margin:0 auto;max-width:1200px}.row>.white-space{max-width:1200px !important}#container .contents_wrap{min-height:500px}#sub_view #container .contents_wrap .contents{padding-top:0}#header{position:fixed;top:0;right:0;left:0;z-index:10000;padding:10px 0 5px;border-bottom:0;background:0;box-shadow:none;transition:all .2s ease-out}#header>.inner{box-sizing:border-box;position:relative;z-index:10000;background:#313131}#header>.inner:after{content:'';display:block;clear:both}#header.on{background:#313131}.gnb_p{position:relative;z-index:10000;margin-bottom:5px;font-size:0;text-align:right}.gnb_p .new_date{display:inline-block;padding:0 20px 0 10px;font-size:13px;font-weight:500}.gnb_p .gnb_list{display:inline-block;margin:0;padding:0;list-style:none}.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:27px;line-height:27px;font-size:13px;font-weight:500;color:#fff;letter-spacing:-.03em;transition:all .2s ease-out}.gnb_p .gnb_list li a:hover{color:#8de9f7}.header_form{margin-left:30px}.search_p{width:150px;margin:auto 0}.search_p fieldset{position:relative;margin:0;padding:0;padding-right:35px;border:1px solid #fff;background:transparent;transition:all .2s ease-out}.search_p fieldset:hover{border-color:#8de9f7}.search_p legend{display:none}.search_p .search_form span{display:block}.search_p .search_form span input[type=text]{box-sizing:border-box;width:100%;height:25px;margin:0;padding:0 8px;border:0;background:transparent;font-size:12px;color:#fff;line-height:25px;transition:all .2s ease-out}.search_p .search_form span input::placeholder{color:#fff;opacity:1}.search_p .search_form span input:-ms-input-placeholder{color:#fff}.search_p .search_form span input::-ms-input-placeholder{color:#fff}.search_p .search_form button{display:block;position:absolute;border:0;padding:0;top:0;right:0;bottom:0;margin:auto;width:30px;height:25px;background:transparent;font-size:0}.search_p .search_form button:before{content:'\e901';font-family:'icomoon';font-size:18px;color:#fff}#header .logo{float:left;width:300px}#header .logo h1{width:auto;padding:0}#header .logo h1 span{width:100%}#header .logo h1 span a{height:50px;text-align:left}#header .logo h1 img{max-height:40px}#footer #btn_site_top{position:absolute;top:0;right:0;bottom:auto;width:60px;height:42px;border-left:1px solid #252525;border-right:1px solid #252525;border-radius:0;background:#313131;font-size:12px;font-weight:bold;color:#999;line-height:1.1em;opacity:1}#footer #btn_site_top:before{display:block;color:#999;transition:all .2s ease-out}#footer #btn_site_top:hover,#footer #btn_site_top:hover:before{color:#8de9f7}#footer #btn_site_top.on{opacity:1}#footer .fnb .fnb_inner{position:relative}#footer .fnb ul{display:block;width:auto}#footer .fnb ul li{display:inline-block}#footer .fnb ul li:first-child{border-left-width:1px}#footer .fnb ul li:last-child{border-right:1px solid #252525}#footer .fnb ul li a{box-sizing:border-box;display:inline-block;min-width:150px;height:42px;line-height:42px;padding:0 20px;font-size:13px;transition:all .2s ease-in-out}#footer .finfo{position:relative;padding:40px 0 40px 200px;text-align:left}#footer .finfo .f_logo{display:block;position:absolute;top:45px;left:0}#footer .finfo .f_logo img{max-width:172px}#footer .finfo p{font-size:13px}#footer .finfo .copyright{font-size:13px}.lnb_p{display:block;float:right;width:820px;margin:0 auto}.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{box-sizing:border-box;float:left;position:relative;z-index:1000;padding:0 10px}.lnb_p .dep1>li>a{overflow:hidden;position:relative;height:50px;line-height:50px;font-size:16px;font-weight:500;color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.03em;transition:all .2s ease-out}.lnb_p .dep1>li.on>a,.lnb_p .dep1>li:hover>a{color:#8de9f7}.lnb_p .dep1>li>div{box-sizing:border-box;display:block;visibility:hidden;position:absolute;left:0;right:0;min-width:100%;padding-top:10px;opacity:0;transition:all .2s ease-out}.lnb_p .dep1>li>div:before{content:'';position:absolute;top:0;left:0;right:0;width:0;height:1px;margin:0 auto;background:#fff;transition:all .2s ease-out .1s;opacity:.6}.lnb_p:hover .dep1>li>div{visibility:visible;opacity:1}.lnb_p:hover .dep1>li>div:before{width:90%}.lnb_p .dep2{box-sizing:border-box;display:block;padding:0 0 10px;font-size:0;white-space:normal}.lnb_p .dep2>li{white-space:normal}.lnb_p .dep2>li>a{padding:8px 10px;font-size:14px;color:#fff;text-align:center;line-height:1.3em;letter-spacing:-.03em;transition:all .2s ease-out .1s}.lnb_p .dep2>li.on>a,.lnb_p .dep2>li:hover>a{color:#8de9f7}#header .lnb_p_bg{overflow:hidden;position:fixed;top:0;right:0;left:0;z-index:9000;width:100%;max-height:0;background:#313131;transition:all .2s ease-out;opacity:.8}#header.on .lnb_p_bg{opacity:1}.shgroup>.shgroup_pc{box-sizing:border-box;height:350px;padding-top:102px;background-position:center 0;background-repeat:no-repeat;background-size:cover}.shgroup .sub_top_text_wrap{display:table;width:100%;table-layout:fixed}.shgroup .sub_top_text_wrap .top_text_inner{box-sizing:border-box;display:table-cell;height:198px;padding-bottom:30px;text-align:center;vertical-align:middle}.shgroup .sub_top_text_wrap .sub_top_text{margin:10px 0 0;padding:0;font-size:22px;font-weight:500;color:#fff;line-height:1.4em}.shgroup .sub_location{border-bottom:1px solid #252525;background:#313131}.shgroup .sub_location>ul{box-sizing:border-box;padding:0}.shgroup .sub_location>ul:after{content:'';display:block;clear:both}.shgroup .sub_location>ul>li{box-sizing:border-box;float:left;position:relative;z-index:100;min-width:160px;margin:0;padding:0;list-style-type:none;border-right:1px solid #252525}.shgroup .sub_location>ul>li>p{position:relative;margin:0;padding:0 20px;font-size:14px;font-weight:500;color:#bbb;text-align:center;line-height:49px;letter-spacing:-.03em}.shgroup .sub_location>ul>li.loca_home{min-width:60px;border-left:1px solid #252525}.shgroup .sub_location>ul>li.loca_home>p{padding:0}.shgroup .sub_location>ul>li.loca_home>p>a{display:block;position:relative;font-size:0}.shgroup .sub_location>ul>li.loca_home>p>a:before{content:'\e900';font-family:'icomoon';font-size:20px;font-weight:normal;color:#bbb;vertical-align:top}.shgroup .sub_location>ul>li.loca_current>p{color:#8de9f7}.shgroup .sub_location>ul>li.snb_on>p{box-sizing:border-box;padding-right:42px;text-align:left;cursor:pointer}.shgroup .sub_location>ul>li.snb_on>p:before{content:'';position:absolute;top:50%;right:20px;margin-top:-3px;border-width:6px;border-style:solid;border-color:#bbb transparent transparent transparent;vertical-align:top}.shgroup .sub_location>ul>li.snb_on.on>p:before{margin-top:-10px;border-color:transparent transparent #bbb transparent}.shgroup .sub_location>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 #252525;background:#313131}.shgroup .sub_location>ul>li.snb_on>ul>li{margin:0;padding:0;list-style-type:none;border-top:1px solid #252525}.shgroup .sub_location>ul>li.snb_on>ul>li:first-child{border-top:0}.shgroup .sub_location>ul>li.snb_on>ul>li>a{display:block;padding:10px 20px;font-size:13px;color:#bbb;background:#313131;letter-spacing:-.03em;transition:all .2s ease-out}.shgroup .sub_location>ul>li.snb_on>ul>li>a:hover,.shgroup .sub_location>ul>li.snb_on>ul>li.on>a{color:#8de9f7}.shgroup .sub_location>ul>li.loca_current.snb_on>p:before{border-color:#8de9f7 transparent transparent transparent}.shgroup .sub_location>ul>li.loca_current.snb_on.on>p:before{border-color:transparent transparent #8de9f7 transparent}.contents .sub_top_title{position:relative;text-align:center;margin:0 auto 80px;padding:0;font-size:32px;color:#404040;line-height:1.3em;letter-spacing:-.03em;padding-bottom:20px;font-family:'NanumSquare';font-weight:500}.contents .sub_top_title:after{content:"";position:absolute;bottom:0;left:50%;width:30px;margin-left:-15px;height:2px;background:#222}#sub_view #container .contents_wrap{padding:80px 50px}#sub_view #container .contents_wrap .contents{margin:0 auto;width:1200px;padding-bottom:20px}#sub_view #container .contents_wrap:after{clear:both;content:'';display:block}#sub_view #container .contents_wrap.mypage .snb_wrap{display:none}#sub_view #container .contents_wrap.mypage .contents{overflow:hidden}}@media all and (max-width:1023px){#viewport{position:relative;width:100%;overflow-x:hidden}#viewport #header{position:fixed;left:0;top:0;width:100%;transition:all 300ms ease}#viewport #container{position:relative;z-index:100;padding-top:50px}#viewport #main_view,#viewport #sub_view{position:relative;left:0;top:0;transition:all 300ms ease}#viewport.app_view #container{padding-top:0}.viewport_side>h1{margin:0}.viewport_side>h1 a{display:block;position:relative;height:50px;line-height:50px;margin:0;padding:0 30px;background:#8de9f7;font-size:14px;color:#2d7c88;text-align:center}.side_menu ul{margin:0;padding:0;list-style:none}.side_menu [role=toggle]>a:before{content:'';position:absolute;top:50%;right:12px;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:40px;line-height:40px;padding:0 35px 0 12px;border-bottom:1px solid #e6e6e6;background:#fafafa;font-size:13px;font-weight:bold;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side_menu .dep2{display:none}.side_menu .dep2>li>a{display:block;position:relative;height:40px;line-height:40px;padding:0 12px 0 24px;border-bottom:1px solid #e6e6e6;background:#fff;font-size:13px;font-weight:bold;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side_menu .active .dep2{display:block}.side_search{border-bottom:1px solid #e6e6e6;background:#fafafa}.side_search fieldset{position:relative;margin:0;padding:8px;border:0}.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: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:#666}#viewport .viewport_side{visibility:hidden;overflow-y:auto;position:absolute;top:0;width:270px;height:100%;background:#fff;z-index:9999;transition:all 300ms ease}#viewport #left_side{left:-270px}#viewport #right_side{right:-270px}#viewport.left-open,#viewport.right-open{overflow:hidden;width:100%;height:100%}#viewport.left-open #header,#viewport.left-open #main_view,#viewport.left-open #sub_view{left:270px}#viewport.right-open #header,#viewport.right-open #main_view,#viewport.right-open #sub_view{left:-270px}#viewport.left-open #left_side{visibility:visible;left:0}#viewport.right-open #right_side{visibility:visible;right:0}#viewport #close_side{display:none;position:absolute;top:0;left:0;bottom:0;left:0;z-index:9998;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)}#viewport.left-open #close_side,#viewport.right-open #close_side{display:block}}@media all and (min-width:1024px){#viewport #left_side{display:none}#viewport #right_side{display:none}#viewport #close_side{display:none}}