@charset "utf-8";

/* Animation */
.user #wrap,
.user #header .mob_btn,
.user #slide_map,
.user #slide_map .inner ul li a:after,
.user #header h1,
.user #header h1 a,
.user #header .global,
.user #header .global span,
.user #header .global span a,
.user #header .js_menu ul,
.user #header .js_menu ul li a,
.user #header .js_menu ul li a span:after,
.user #header .js_menu ul li ul,
.user #footer,
.user #footer .menu,
.user #footer .menu li,
.user #footer .menu li a,
.user #footer .menu li a:after,
.user #footer .relate_site,
.user #footer .relate_site a:after,
.user #footer .relate_site ul li a,
.user #footer address span,
.user #footer .copy,
#sub.user #visual,
#sub.user #visual h2,
#sub.user #visual h2 span,
#sub.user #visual h2 strong,
.user #container #remote,
.user #container #remote #lnb,
.user #container #remote #lnb ul,
.user #container #remote #lnb ul li,
.user #container #remote #lnb ul li a,
.user #container #remote #lnb ul li a:after,
.user #container #remote h3.cont_title,
.user #container #remote #path,
.user #container #remote #path .gong_u a.toggle_btn,
.user #container .menu_depth3 ul li a,
.user #container .menu_depth4 .js_tab ul li a,
.user #container #contents
{
	transition : all 0.4s ease;
    -webkit-transition : all 0.4s ease;
}


/* layout */
body{position:relative; width:100%; box-sizing:border-box;}
.js_mobile_check{display:none;}
.user #wrap {position:relative;padding-top: 140px;overflow:hidden;}
.user .layout {position:relative; max-width:1280px; margin:0 auto; box-sizing:border-box;}
.user .layout:after {content:""; display:block; clear:both;}
.user .top_btn {position:fixed; right:-60px; bottom:20px; overflow:hidden;
border-radius:3px; -webkit-border-radius:3px; z-index:999; display:none;
box-shadow:0 0 3px #fff; -webkit-box-shadow:0 0 3px #fff;}
.user .top_btn a {display:block; width:40px; height:40px; background:#1e1e1e url(../../images/art/layout/top_btn.png) no-repeat center 50%;}
.user .top_btn a span {line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;}
.btn_rent2 li{margin-bottom: 10px;}

/* header */
.user #slide_map {position:fixed; width:100%; height:100%; padding-top:75px; box-sizing:border-box; left:0; top:-100%; z-index:501; box-sizing:border-box; opacity:0; -webkit-opacity:0; display:none;} 
.user #slide_map:after {content:""; display:block; width:100%; height:100%; background:#000; position:absolute; left:0; top:0; z-index:1; opacity:0.7; -webkit-opacity:0.7;}
.user #slide_map .inner {width:100%; position:relative; z-index:10; height:100%; overflow:auto;}
.user #slide_map .inner .global {width:100%; background:#aad0fe;}
.user #slide_map .inner .global:after {content:""; display:block; clear:both;}
.user #slide_map .inner .global span {display:block; float:left; width:30%; text-align:center;}
.user #slide_map .inner .global span.kor {width:40%;}
.user #slide_map .inner .global span:nth-child(4) {display:none;}
.user #slide_map .inner .global span a {display:block; color:#1e1596; text-decoration:none; padding:10px 0; font-size:16px; position:relative;}
.user #slide_map .inner .global span a:after {content:""; display:block; width:1px; height:14px; background:#1e1596; position:absolute; left:0; top:50%; margin-top:-7px;}
.user #slide_map .inner .global span.kor a:after {display:none;}

.user #slide_map .inner ul {width:100%; background:#f7f7f7;}
.user #slide_map .inner ul li {}
.user #slide_map .inner ul li a {position:relative; display:block; text-decoration:none; padding:0 3%; position:relative;}
.user #slide_map .inner ul li a span {display:block; font-size:18px; line-height:24px; padding:13px 5px; color:#333; border-top:1px solid #1e1596; margin-top:-1px;}
.user #slide_map .inner ul li:first-child a span {border:0;}
.user #slide_map .inner ul li a:after {content:""; display:block; width:13px; height:8px; background:url(../../images/art/layout/slide_map_depth1_bul.png) no-repeat center 50%; position:absolute; margin-right:5px; right:3%; top:50%; margin-top:-4px;}
.user #slide_map .inner ul li a.on span {color:#1e1596;}
.user #slide_map .inner ul li a.on:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.user #slide_map .inner ul li ul {display:none; background:#1e1596;}
.user #slide_map .inner ul li ul li {}
.user #slide_map .inner ul li ul li a {color:#fff; font-size:16px; line-height:22px; padding:11px 10px; margin:0 3%; border-top:1px solid #9996bd; position:relative;}
.user #slide_map .inner ul li ul li:first-child a {border:0;}
.user #slide_map .inner ul li ul li a:after {background:url(../../images/art/layout/slide_map_depth2_bul.png) no-repeat center 50%; right:10px; margin-right:0;}
.user #slide_map .inner ul li ul li.off a:after {display:none;}
.user #slide_map .inner ul li ul li ul {background:#1c1b74;}
.user #slide_map .inner ul li ul li ul li {}
.user #slide_map .inner ul li ul li ul li a {padding:10px 0 10px 20px; border-top:1px solid #393884; color:#fff; font-size:15px; line-height:19px;}
.user #slide_map .inner ul li ul li ul li a.on {}
.user #slide_map .inner ul li ul li ul li a:after {width:2px; height:2px; background:#fff; right:auto; left:12px; margin-top:-2px;}
.user #header .mob_btn {overflow:hidden; display:none; position:absolute; left:1%; margin-left:10px; top:50%; top:27px; width:26px; height:20px; z-index:201;}
.user #header .mob_btn:before,
.user #header .mob_btn:after {content:""; display:block; position:absolute; width:100%; height:4px; background-color:#1e1596; transition : all 0.4s ease; -webkit-transition : all 0.4s ease;}
.user #header .mob_btn:before {left:0; top:0;}
.user #header .mob_btn:after {left:0; bottom:0;}
.user #header .mob_btn span {overflow:hidden; display:block; position:absolute; left:0; top:50%; width:100%; height:4px; margin:-2px 0 0 0; text-indent:-1000px; background:#1e1596; transition : all 0.4s ease; -webkit-transition : all 0.4s ease;}
.user #header .mob_btn.on {height:24px;}
.user #header .mob_btn.on:before,
.user #header .mob_btn.on:after {top:50%; bottom:auto; margin-top:-3px;}
.user #header .mob_btn.on:before {transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.user #header .mob_btn.on:after{transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.user #header .mob_btn.on span{left:200%;}

.user #header {width:100%; height:130px; background:#fff; position:absolute; left:0; top:0; z-index:901;}
.user #header.fixed {position:fixed; top:-40px; box-shadow:0 5px 15px rgba(0,0,0,0.1); -webkit-box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.user #header:after {content:"";display:block;width:100%;height:1px;background:#ccc;position:absolute;left:0;top: 49px;z-index:1;}
.user #header .layout{height:100%;}
.user #header h1 {position:absolute;left:50%;top: 80px;z-index:999;margin-left:-640px;} 
.user #header h1 a {display:block; font-size:24px; line-height:30px; text-decoration:none; color:#333; padding:0 0 0 50px; background:url(../../images/common/logo.png) no-repeat left top;}
.user #header .global {height: 50px;box-sizing:border-box;text-align:right;max-width:1280px;margin:0 auto;position:relative;z-index:10;}
.user #header .global:after {content:""; display:block; clear:both;}
.user #header .global span {display:inline-block;vertical-align:top;height: 50px;position:relative;margin-left:1px;}
.user #header .global span:last-child:after {content:""; display:block; width:1px; height:11px; background:#ccc; position:absolute; left:-1px; top:50%; margin-top:-6px;}
.user #header .global span:nth-child(4):after {content:""; display:block; width:1px; height:11px; background:#ccc; position:absolute; left:-1px; top:50%; margin-top:-6px;}
.user #header .global span.kor {float:left; margin-left:0;}
.user #header .global span.covid a{ padding-left:50px}
.user #header .global span.covid a:before {content:""; display:inline-block; width:34px; height:32px ;background:url(../../images/art/main/covid-ico.png) ; position: absolute; left:10px; top:7px}
.user #header .global span a {height:100%;display:block;padding: 13px 15px;box-sizing:border-box;text-decoration:none;}
.user #header .global span.kor a {background:#5f58c0; color:#fff;}
.user #header .global span a:hover, .user #header .global span a:active {background:#c5c5c5; color:#fff;} 
.user #header .global span.kor a:hover, .user #header .global span.kor a:active {background:#201a72;}
.user #header .js_menu {width:100%; padding-top:20px; height:70px; overflow:hidden; position:relative;} 
.user #header .js_menu #blind {width:100%; height:0; border-top:1px solid #ccc; background:#fff; position:absolute; left:0; top:90px; z-index:1; box-sizing:border-box;
opacity:0.98; -webkit-opacity:0.98;}
.user #header .js_menu #blind:after {content:""; display:block; max-width:1280px; margin:0 auto; height:100%; background:url(../../images/art/layout/gnb_blindbg.png) no-repeat left top; background-size:auto 290px;}
.user #header .js_menu ul {max-width:1280px; margin:0 auto; box-sizing:border-box; padding:0 0 0 320px; position:relative; z-index:10;}
.user #header .js_menu ul:after {content:""; display:block; clear:both;}
.user #header .js_menu ul li {float:left; width:15%;}
.user #header .js_menu ul li.sub01_00 {width:18%;}
.user #header .js_menu ul li.sub06_00 {width:22%;}
.user #header .js_menu ul li a {display:block; text-align:center; font-size:22px; line-height:26px; color:#333; font-weight:500; text-decoration:none;}
.user #header .js_menu ul li a span {display:inline-block; vertical-align:top; position:relative; height:70px; padding:11px 0 0 0; box-sizing:border-box;}
.user #header .js_menu ul li a span:after {content:""; display:block; width:0; height:4px; background:#382eb5; position:absolute; left:50%; bottom:0; opacity:0; -webkit-opacity:0;}
.user #header .js_menu ul li a:hover, .user #header .js_menu ul li a:active {color:#382eb5; text-decoration:underline;}
.user #header .js_menu ul li a.on {color:#382eb5;}
.user #header .js_menu ul li a:hover span:after, .user #header .js_menu ul li a:active span:after, .user #header .js_menu ul li a.on span:after {opacity:1; -webkit-opacity:1; width:100%; left:0;}
.user #header .js_menu ul li ul {width:auto; padding:20px 0;}
.user #header .js_menu ul li ul.on {}
.user #header .js_menu ul li ul li {float:none; width:auto; text-align:center;}
.user #header .js_menu ul li ul li a, .user #header .js_menu ul li ul li a.on {font-size:17px; line-height:22px; display:inline-block; vertical-align:top; font-weight:normal; height:auto; padding:7px 3%; color:#5a5a5a;}
.user #header .js_menu ul li ul.on li a {color:#666;}
.user #header .js_menu ul li ul.on li a.on, .user #header .js_menu ul li ul li a:hover, .user #header .js_menu ul li ul li a:active {color:#382eb5;}
.user #header .js_menu ul li ul li ul {display:none;}
.user #header .js_menu.active {box-shadow:0 5px 15px rgba(0,0,0,0.05); -webkit-box-shadow:0 5px 15px rgba(0,0,0,0.05);}
.user #header .js_menu.active ul li ul li:nth-child(1) {
-webkit-animation: depAni .5s ease 0.05s backwards;
animation: depAni .5s ease 0.05s backwards}
.user #header .js_menu.active ul li ul li:nth-child(2) {
-webkit-animation: depAni .5s ease 0.1s backwards;
animation: depAni .5s ease 0.1s backwards}
.user #header .js_menu.active ul li ul li:nth-child(3) {
-webkit-animation: depAni .5s ease 0.15s backwards;
animation: depAni .5s ease 0.15s backwards}
.user #header .js_menu.active ul li ul li:nth-child(4) {
-webkit-animation: depAni .5s ease 0.20s backwards;
animation: depAni .5s ease 0.20s backwards}
.user #header .js_menu.active ul li ul li:nth-child(5) {
-webkit-animation: depAni .5s ease 0.25s backwards;
animation: depAni .5s ease 0.25s backwards}
@keyframes depAni{
    0%{opacity:0; transform:translateY(20px)} 
    100%{opacity:1; transform:translateY(0px)}
}
@-webkit-keyframes depAni{
    0%{-webkit-opacity:0; -webkit-transform:translateY(20px)} 
    100%{-webkit-opacity:1; -webkit-transform:translateY(0px)}
}


/* visual */
#sub.user #visual {height:280px; background:#f0efef; box-sizing:border-box; padding:50px 0 0 0; position:relative; overflow:hidden;}
#sub.user #visual:before,
#sub.user #visual:after {content:""; display:block; opacity:0; -webkit-opacity:0; position:absolute; z-index:1;
animation-duration: 0.8s;
animation-fill-mode: both;
animation-iteration-count: 1;
animation-timing-function: ease;
-webkit-animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease;}
#sub.user #visual:before {
animation-delay: 0.2s; -webkit-animation-delay: 0.2s;
animation-name:visualbg1; -webkit-animation-name:visualbg1;}
#sub.user #visual:after {
animation-delay: 0.4s; -webkit-animation-delay: 0.4s;
animation-name:visualbg2; -webkit-animation-name:visualbg2;}
#sub.user #visual h2 {text-align:center; font-weight:normal; position:relative; z-index:10;}
#sub.user #visual h2 span, #sub.user #visual h2 strong {display:block;}
#sub.user #visual h2 span {color:#a7a9ac; font-size:20px; line-height:24px; font-weight:300;}
#sub.user #visual h2 strong {font-size:48px; line-height:54px; font-weight:500; margin:10px 0;}
#sub.user #visual h2 span.eng {color:#78d0e5; font-weight:400;}
#sub.user #visual.bg01:before {width:562px; height:350px; background:url(../../images/art/layout/sub_visual_bg1.png) no-repeat center top; left:50%; margin-left:-860px;}
#sub.user #visual.bg01:after {width:548px; height:350px; background:url(../../images/art/layout/sub_visual_bg2.png) no-repeat center top; right:50%; margin-right:-800px;}
#sub.user #visual.bg02:before {width:314px; height:350px; background:url(../../images/art/layout/sub_visual2_bg1.png) no-repeat center top; left:50%; margin-left:-720px;}
#sub.user #visual.bg02:after {width:775px; height:350px; background:url(../../images/art/layout/sub_visual2_bg2.png) no-repeat center top; right:50%; margin-right:-800px;}
#sub.user #visual.bg03:before {width:485px; height:350px; background:url(../../images/art/layout/sub_visual3_bg1.png) no-repeat center top; left:50%; margin-left:-790px;}
#sub.user #visual.bg03:after {width:349px; height:350px; background:url(../../images/art/layout/sub_visual3_bg2.png) no-repeat center top; right:50%; margin-right:-700px;}
#sub.user #visual.bg04:before {width:568px; height:350px; background:url(../../images/art/layout/sub_visual4_bg1.png) no-repeat center top; left:50%; margin-left:-860px;}
#sub.user #visual.bg04:after {width:492px; height:350px; background:url(../../images/art/layout/sub_visual4_bg2.png) no-repeat center top; right:50%; margin-right:-740px;}
#sub.user #visual.bg05:before {width:562px; height:350px; background:url(../../images/art/layout/sub_visual5_bg1.png) no-repeat center top; left:50%; margin-left:-860px;}
#sub.user #visual.bg05:after {width:240px; height:350px; background:url(../../images/art/layout/sub_visual5_bg2.png) no-repeat center top; right:50%; margin-right:-680px;}
#sub.user #visual.bg06:before {width:469px; height:350px; background:url(../../images/art/layout/sub_visual6_bg1.png) no-repeat center top; left:50%; margin-left:-800px;}
#sub.user #visual.bg06:after {width:383px; height:350px; background:url(../../images/art/layout/sub_visual6_bg2.png) no-repeat center top; right:50%; margin-right:-730px;}
#sub.user #visual.bg11:before {width:562px; height:350px; background:url(../../images/art/layout/sub_visual_bg1.png) no-repeat center top; left:50%; margin-left:-860px;}
#sub.user #visual.bg11:after {width:548px; height:350px; background:url(../../images/art/layout/sub_visual_bg2.png) no-repeat center top; right:50%; margin-right:-800px;}

@keyframes visualbg1 {
    0%{opacity:0; top:-45px;} 
    100%{opacity:1; top:-5px;}
}
@-webkit-keyframes visualbg1{
    0%{-webkit-opacity:0; top:-45px;} 
    100%{-webkit-opacity:1; top:-5px;}
}
@keyframes visualbg2 {
     0%{opacity:0; bottom:-45px;} 
    100%{opacity:1; bottom:-5px;}
}
@-webkit-keyframes visualbg2{
    0%{-webkit-opacity:0; bottom:-45px;} 
    100%{-webkit-opacity:1; bottom:-5px;}
}


/* container */
.user #container #remote {max-width:1280px; margin:0 auto; margin-top:-50px; margin-bottom:35px; position:relative; z-index:201; background:#fff; position:relative; box-sizing:border-box;}
.user #container #remote #lnb {width:100%; margin:0 0 30px 0;}
.user #container #remote #lnb ul {width:100%;}
.user #container #remote #lnb ul:after {content:""; display:block; clear:both;}
.user #container #remote #lnb ul li {float:left; width:20%; position:relative;}
.user #container #remote #lnb ul.size_2 li {width:50%;}
.user #container #remote #lnb ul.size_3 li {width:33.333%;}
.user #container #remote #lnb ul.size_4 li {width:25%;}
.user #container #remote #lnb ul.size_5 li {width:20%;}
.user #container #remote #lnb ul li:after {content:""; display:block; width:1px; height:20px; background:#cecfcf; position:absolute; left:0; top:50%; margin-top:-10px;}
.user #container #remote #lnb ul li:first-child:after {display:none;}
.user #container #remote #lnb ul li a {display:block; text-align:center; text-decoration:none; font-size:23px; line-height:27px; color:#333; box-sizing:border-box; font-weight:500; padding:17px 0 24px 0; position:relative; border-top:5px solid #fff;}
.user #container #remote #lnb ul li a:after {content:""; display:block; width:14px; height:7px; background:url(../../images/art/layout/lnb_bul_on.png) no-repeat center 50%; position:absolute; left:50%; bottom:15px; margin-left:-7px; opacity:0; -webkit-opacity:0;}
.user #container #remote #lnb ul li a:hover,
.user #container #remote #lnb ul li a:active {color:#382eb5;}
.user #container #remote #lnb ul li.on a {border-top:5px solid #1e1596; color:#382eb5;}
.user #container #remote #lnb ul li.on a:after, 
.user #container #remote #lnb ul li a:hover:after, 
.user #container #remote #lnb ul li a:active:after {opacity:1; -webkit-opacity:1; bottom:8px;}
.user #container #remote h3.cont_title {font-size:36px; line-height:42px; color:#222; margin-left:2%;}
.user #container #remote #path {position:absolute; right:2%; bottom:3px;}
.user #container #remote #path .navi {float:left;}
.user #container #remote #path .navi span {display:inline-block; vertical-align:top; line-height:28px; padding:0 10px 0 18px; color:#666; font-size:14px; background:url(../../images/art/layout/navi_bul.png) no-repeat left 50%;}
.user #container #remote #path .navi span.home {padding:0; margin:7px 10px 0 0; text-indent:-9999px; overflow:hidden; background:url(../../images/art/layout/navi_home_ico.png) no-repeat center 50%; width:16px; height:14px;}
.user #container #remote #path .gong_u {float:left; position:relative; margin-left:10px;}
.user #container #remote #path .gong_u a.toggle_btn {display:block; width:30px; height:30px; overflow:hidden; text-indent:-9999px; z-index:10; background:url(../../images/art/layout/gong_u_ico.png) no-repeat center 50%;}
.user #container #remote #path .gong_u a.toggle_btn.on {background:url(../../images/art/layout/gong_u_ico_close.png) no-repeat center 50%;}
.user #container #remote #path .gong_u ul {display:none; opacity:0; -webkit-opacity:0; position:absolute; right:0; top:20px; width:90px; border:1px solid #cecfcf; background:#f3f4f7; box-sizing:border-box; padding:5px;}
.user #container #remote #path .gong_u ul li {float:left; margin:0 0 0 2px;}
.user #container #remote #path .gong_u ul li:first-child {margin:0;}
.user #container #remote #path .gong_u ul li a {display:block; position:relative; width:38px; height:38px; overflow:hidden; text-indent:-9999px;}
.user #container #remote #path .gong_u ul li a.tw {background:#2aade3 url(../../images/art/layout/gong_u_sns_01.png) no-repeat center 50%;}
.user #container #remote #path .gong_u ul li a.fb {background:#3b5a9a url(../../images/art/layout/gong_u_sns_02.png) no-repeat center 50%;}
.user #container #remote #path .print {float:left; margin-left:5px; display:block; width:30px; height:30px; overflow:hidden; text-indent:-9999px; background:url(../../images/art/layout/print_ico.png) no-repeat center 50%;}
.user #container .menu_depth3 {max-width:1280px; margin:0 auto; padding:0 1.5%; box-sizing:border-box; margin-bottom:40px;}
.user #container .menu_depth3 ul {margin:0; width:auto; padding:0 25%;}
.user #container .menu_depth3 ul:after {content:""; display:block; clear:both;}
.user #container .menu_depth3 ul li {float:left;}
.user #container .menu_depth3 ul.size_2 {padding:0 34%;}
.user #container .menu_depth3 ul.size_2 li {width:50%;}
.user #container .menu_depth3 ul.size_3 {padding:0 27%;}
.user #container .menu_depth3 ul.size_3 li {width:33.333%;}
.user #container .menu_depth3 ul.size_4 li {width:25%;}
.user #container .menu_depth3 ul.size_5 li {width:20%;}
.user #container .menu_depth3 ul li a {display:block; box-sizing:border-box; text-decoration:none; margin-left:-1px; text-align:center; background:#fff; padding:13px 0; line-height:22px; font-size:17px; border:1px solid #ccc; color:#393939; box-sizing:border-box;}	
.user #container .menu_depth3 ul li.on a {color:#fff !important; background:#1e1596; border:1px solid #1e1596; position:relative; z-index:10;}
.user #container .menu_depth3 ul li a:hover, .user #container .menu_depth3 ul li a:active {border:1px solid #1e1596; color:#1e1596; position:relative; z-index:10;}
.user #container .menu_depth4 {max-width:1280px; margin:0 auto; margin-top:-10px; padding:0 1.5%; box-sizing:border-box; margin-bottom:20px;}
.user #container .menu_depth4 .js_tab ul li.sub02_03_01_01 a {background:url(../../images/art/layout/menu_depth4_ico6.png) no-repeat center top;}
.user #container .menu_depth4 .js_tab ul li.sub02_03_01_02 a {background:url(../../images/art/layout/menu_depth4_ico7.png) no-repeat center top;}
.user #container .menu_depth4 .js_tab ul li.sub03_01_01_01 a,
.user #container .menu_depth4 .js_tab ul li.sub03_01_02_01 a,
.user #container .menu_depth4 .js_tab ul li.sub03_01_03_01 a {background:url(../../images/art/layout/menu_depth4_ico1.png) no-repeat center top;}
.user #container .menu_depth4 .js_tab ul li.sub03_01_01_02 a,
.user #container .menu_depth4 .js_tab ul li.sub03_01_02_02 a,
.user #container .menu_depth4 .js_tab ul li.sub03_01_03_02 a {background:url(../../images/art/layout/menu_depth4_ico2.png) no-repeat center top;}
.user #container .menu_depth4 .js_tab ul li.sub03_01_01_03 a,
.user #container .menu_depth4 .js_tab ul li.sub03_01_02_03 a,
.user #container .menu_depth4 .js_tab ul li.sub03_01_03_03 a {background:url(../../images/art/layout/menu_depth4_ico3.png) no-repeat center top;}
.user #container .menu_depth4 .js_tab ul li.sub03_01_01_04 a,
.user #container .menu_depth4 .js_tab ul li.sub03_01_02_04 a,
.user #container .menu_depth4 .js_tab ul li.sub03_01_03_04 a {background:url(../../images/art/layout/menu_depth4_ico4.png) no-repeat center top;}
.user #container .menu_depth4 .js_tab ul li.sub03_01_01_05 a,
.user #container .menu_depth4 .js_tab ul li.sub03_01_02_05 a,
.user #container .menu_depth4 .js_tab ul li.sub03_01_03_05 a {background:url(../../images/art/layout/menu_depth4_ico5.png) no-repeat center top;}

.user #container .menu_depth4 .js_tab ul li.sub03_01_01_06 a,
.user #container .menu_depth4 .js_tab ul li.sub03_01_02_06 a,
.user #container .menu_depth4 .js_tab ul li.sub03_01_03_06 a {background:url(../../images/art/layout/menu_depth4_ico4_1.png) no-repeat center top;}


.user #container #contents {position:relative; max-width:1280px; box-sizing:border-box; margin:0 auto; background:#fff; padding:0 1.5% 70px 1.5%;}
.user #container .quick {position:fixed; right:0; top:50%; z-index:990; margin-top:-95px;}
.user #container .quick li {}
.user #container .quick li:after {content:""; display:block; clear:both;}
.user #container .quick li a {display:block; margin-top:1px; width:85px; float:right; background:#1e1596; text-decoration:none; color:#fff; text-align:center; padding:20px 0; transition : all 0.4s ease; -webkit-transition : all 0.4s ease;}
.user #container .quick li a:hover, .user #container .quick li a:active {background:#0f0a4b; padding:20px 8px; box-shadow:5px 5px 15px rgba(15,10,75,0.5); -webkit-box-shadow:5px 5px 15px rgba(15,10,75,0.5); z-index:10; position:relative;}

/* footer */
.user #footer {background:#1eaa78; padding:20px 0 30px 0; position:relative; z-index:10;}
.user #footer .layout {padding:0 0 0 110px; background:url(../../images/art/layout/footer_logo.png) no-repeat left 13px;}
.user #footer .menu {border-bottom:1px solid #62c4a1; margin-bottom:12px; margin-right:240px;}
.user #footer .menu:after {content:""; display:block; clear:both;}
.user #footer .menu li {float:left; padding:0 14px 0 15px; position:relative;}
.user #footer .menu li:first-child {padding-left:0;}
.user #footer .menu li:after {content:""; display:block; width:1px; height:30%; background:#fff; position:absolute; left:0; top:37%; opacity:0.5; -webkit-opacity:0.5;}
.user #footer .menu li:first-child:after {display:none;} 
.user #footer .menu li a {padding:9px 0; display:block; box-sizing:border-box; color:#fff; text-decoration:none; position:relative;}
.user #footer .menu li a:after {content:""; display:block; width:0; height:2px; background:#fff; position:absolute; left:0; bottom:-1px; left:50%; opacity:0; -webkit-opacity:0;}
.user #footer .menu li a:hover:after,.user #footer .menu li a:active:after {opacity:1; -webkit-opacity:1; width:100%; left:0;}
.user #footer .relate_site {position:absolute; right:0; top:6px; z-index:5; width:200px;}
.user #footer .relate_site a {display:block; box-sizing:border-box; padding:6px 5%; height:34px; position:relative; background:#fff; border:1px solid #e2e2e2; font-size:14px; line-height:18px;}
.user #footer .relate_site a:after {content:""; display:block; position:absolute; right:5%; top:50%; margin-top:-3px; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:7px solid #a4a4a4;}
.user #footer .relate_site ul {margin:0; border:1px solid #e2e2e2; box-sizing:border-box; position:absolute; left:0; bottom:33px; z-index:200; background:#fbfbfb; width:100%; display:none;}
.user #footer .relate_site ul li {display:block; margin:0; border-top:1px dotted #e2e2e2; float:none; width:auto;}
.user #footer .relate_site ul li:first-child {border:0;}
.user #footer .relate_site ul li a {width:auto; border:0; padding:7px 5%; height:auto; color:#555;}
.user #footer .relate_site ul li a:after {display:none;}
.user #footer .relate_site ul li a:hover, .user #footer .relate_site ul li a:active {background:#f0f0f0;}
.user #footer .relate_site a.on:after {transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}
.user #footer address, .user #footer .copy {color:#fff; font-size:14px;}  
.user #footer address {display:block; font-style:normal;}
.user #footer address span {display:inline-block; padding:0 15px; position:relative;}
.user #footer address span:after {content:""; display:block; width:1px; height:50%; background:#fff; position:absolute; left:0; top:28%; opacity:0.5; -webkit-opacity:0.5;}
.user #footer address span:first-child {padding-left:0;}
.user #footer address span:first-child:after {display:none;} 
.user #footer address span a {color:#fff; text-decoration:none;}
.user #footer .copy {margin:5px 0 0 0;}