@charset "utf-8";




/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Common

///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
html{font-size:10px;}
body{font-size:1em; letter-spacing:-0.06em;}
*,
*:before,
*:after{box-sizing:border-box;}
body.fixed{overflow:hidden;}
.user .layout{position:relative; max-width:144em; margin:0 auto; padding:0 2em; box-sizing:border-box;}
#wrap{
	overflow-x:hidden;  padding-top:0em; box-sizing:border-box;
	-webkit-transition:padding-top 0.2s linear;
	transition:padding-top 0.2s linear;
}


#flip{display:none;}
#googleDiv{display:none;visibility:hidden;}

/* //////////////////////////////////////////////////////////////////////////////

	Header

////////////////////////////////////////////////////////////////////////////// */
.user #header{position:absolute/*relative*/; top:0; z-index:600; width:100%; background-color:#fff;}
#sub #header{position:relative;}
.user #header h1{
	position:absolute; left:calc(50% - 70em); top:3em; z-index:10; font-size:1em;
	-webkit-transition:left 0.2s linear;
	transition:left 0.2s linear;
}
.user #header h1 span{overflow:hidden; display:block;}
.user #header h1 span>a{overflow:hidden; content:""; float:left; display:block; height:4.8em; text-align:left; text-indent:-1000px; background-repeat:no-repeat; background-position:left center; background-size:contain;}
.user #header h1 span>a:nth-child(1){width:18.2em; background-image:url(../../../images/site/enter/layout/logo.svg);}
.user #header h1 span>a:nth-child(2){width:9.5em; margin-left:1em; background-image:url(../../../images/site/enter/layout/logo_title.svg);}

#footer #global{overflow:hidden; height:5em; background-color:#2B4381;}
#footer #global>.layout:after{content:""; display:block; clear:both;}
#footer #global>.layout>div:nth-child(1){float:left;}
#footer #global>.layout>div:nth-child(2){float:right;}
#footer #global>.layout>div:after{content:""; display:block; clear:both;}
#footer #global>.layout>div>strong,
#footer #global>.layout>div>ul{float:left;}
#footer #global>.layout>div>ul:after{content:""; display:block; clear:both;}
#footer #global>.layout>div>ul>li{float:left;}
#footer #global>.layout>div>ul>li>a{display:block;}
/*#footer #global>.layout>div:nth-child(1)>ul>li:nth-child(1){padding-right:2em;}
#footer #global>.layout>div:nth-child(1)>ul>li:nth-child(1)>a{padding:0 2.6em 0 6.6em; background-color:#EF5D66;}
#footer #global>.layout>div:nth-child(1)>ul>li:nth-child(1)>a:before{
	content:""; display:block; position:absolute; left:2.6em; top:50%; width:2.8em; height:2.5em; background:url(../../../images/site/enter/layout/simbols_1.svg) no-repeat center center; background-size:contain;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}*/
#footer #global>.layout>div:nth-child(1)>ul:after{content:""; display:block; clear:both;}
#footer #global>.layout>div:nth-child(1)>ul>li{float:left; position:relative;}
#footer #global>.layout>div:nth-child(1)>ul>li:nth-child(n+2), #footer #global>.layout>div:nth-child(1)>ul>li:nth-child(n+3){padding-left:calc(3em + 1px);}
#footer #global>.layout>div:nth-child(1)>ul>li:nth-child(n+2):before, #footer #global>.layout>div:nth-child(1)>ul>li:nth-child(n+3):before{content:""; display:block; position:absolute; left:1.5em; top:calc(50% - 0.7em); width:1px; height:1.4em; background-color:rgba(255, 255, 255, 0.2);}
#footer #global>.layout>div:nth-child(1)>ul>li>a{line-height:5em;}
#footer #global>.layout>div:nth-child(1)>ul>li>a>span{font-size:1.4em; color:rgba(255, 255, 255, 0.8)}
#footer #global>.layout>div:nth-child(1)>ul>li>a:hover>span{color:rgba(255, 255, 255, 1)}
#footer #global>.layout>div:nth-child(2){line-height:5em;}
#footer #global>.layout>div:nth-child(2)>strong>span{font-weight:500; font-size:1.4em; color:rgba(255, 255, 255, 0.5)}
#footer #global>.layout>div:nth-child(2)>ul{padding-left:1em;}
#footer #global>.layout>div:nth-child(2)>ul:after{content:""; display:block; clear:both;}
#footer #global>.layout>div:nth-child(2)>ul>li{float:left; position:relative;}
#footer #global>.layout>div:nth-child(2)>ul>li:nth-child(n+2){/*padding-left:0.2em;*/}
#footer #global>.layout>div:nth-child(2)>ul>li>a{opacity:1; display:block; width:3.9em; height:3.9em; margin-top:0.5em; background-repeat:no-repeat; background-position:center center; background-size:contain;}
#footer #global>.layout>div:nth-child(2)>ul>li>a.f{background-image:url(../../../images/site/enter/layout/sns_u_ov.svg);}
#footer #global>.layout>div:nth-child(2)>ul>li>a.y{background-image:url(../../../images/site/enter/layout/sns_i_ov.svg);}
#footer #global>.layout>div:nth-child(2)>ul>li>a.i{background-image:url(../../../images/site/enter/layout/sns_k_ov.svg);}
#footer #global>.layout>div:nth-child(2)>ul>li>a:hover{opacity:1;}
#footer #global>.layout>div:nth-child(2)>ul>li>a.f:hover{background-image:url(../../../images/site/enter/layout/sns_u.svg);}
#footer #global>.layout>div:nth-child(2)>ul>li>a.y:hover{background-image:url(../../../images/site/enter/layout/sns_i.svg);}
#footer #global>.layout>div:nth-child(2)>ul>li>a.i:hover{background-image:url(../../../images/site/enter/layout/sns_k.svg);}
#footer #global>.layout>div:nth-child(2)>ul>li>a>span{opacity:0; position:absolute;}

.user #header #etc{
	position:absolute; right:calc(50% - 69.2em); top:2.5em; z-index:50;
	-webkit-transition:right 0.2s linear;
	transition:right 0.2s linear;
}
.user #header #etc>ul:after{content:""; display:block; clear:both;}
.user #header #etc>ul>li{float:left; position:relative; width:5.7em; height:5.7em;}
.user #header #etc>ul>li>a{display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.user #header #etc>ul>li.ar>a>span{display:none;}
.user #header #etc>ul>li.ar>a>i{position:absolute; left:0; top:0; z-index:0; width:100%; height:100%;}
.user #header #etc>ul>li.ar>a>i:before,
.user #header #etc>ul>li.ar>a>i:after{
	content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:contain;
}
.user #header #etc>ul>li.ar>a.open>i:before{z-index:0; background-image:url(../../../images/site/enter/layout/ar_on.svg);}
.user #header #etc>ul>li.ar>a.open>i:after{z-index:0; background-image:url(../../../images/site/enter/layout/ar_on_simbol.svg);}
.user #header #etc>ul>li.ar>a.close{display:none;}
.user #header #etc>ul>li.ar>a.close>i:before{z-index:0; background-image:url(../../../images/site/enter/layout/ar_close.svg);}
.user #header #etc>ul>li.ar>a.close>i:after{
	z-index:0; background-image:url(../../../images/site/enter/layout/ar_close_simbol.svg);
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:transform 0.2s linear;
	transition:transform 0.2s linear;
}
.user #header #etc>ul>li.ar>a>em{
	display:block; font-style:normal; position:absolute; left:calc(100% - 2em); top:0; z-index:50; min-width:2em; height:2em; line-height:1; padding:0.5em 0.5em 0.3em; text-align:center; font-weight:500; font-size:1em; color:#fff; background-color:#EF5D66;
	-webkit-border-radius:1em;
	border-radius:1em;
}
.user #header #etc>ul>li.ar>a.open>em+i:after{
	-webkit-animation-name:ar;
	-webkit-animation-duration:1s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease;

	animation-name:ar;
	animation-duration:1s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-timing-function: ease;
}
@-webkit-keyframes ar {
	0%,20%,40%{-webkit-transform:rotate(-10deg); transform:rotate(-10deg);}
	60%,100%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}
	10%,30%,50%{-webkit-transform:rotate(10deg); transform:rotate(10deg);}
}
@keyframes ar {
	0%,20%,40%{-webkit-transform:rotate(-10deg); transform:rotate(-10deg);}
	60%,100%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}
	10%,30%,50%{-webkit-transform:rotate(10deg); transform:rotate(10deg);}
}
.user #header #etc>ul>li.ar>a.close:hover>i:after{
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}

.user #header #etc>ul>li.ar>div{display:none; position:fixed; left:0; top:15.7em; width:100%; height:calc(100% - 15.7em);}
.user #header #etc>ul>li.ar>div:before{content:""; display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.8);}
.user #header #etc>ul>li.ar>div>.head,
.user #header #etc>ul>li.ar>div>.midd,
.user #header #etc>ul>li.ar>div>.foot{position:relative; z-index: auto; max-width:140em; margin:0 auto;}
.user #header #etc>ul>li.ar>div>.head{padding:5em 0;}
.user #header #etc>ul>li.ar>div>.head>strong{display:block; text-align:center; font-weight:300; font-size:3.8em; color:#fff;}
.user #header #etc>ul>li.ar>div>.head>strong>em{font-style:normal; font-weight:500;}
.user #header #etc>ul>li.ar>div>.head>.controll{position:absolute; right:0; bottom:1em;}
.user #header #etc>ul>li.ar>div>.head>.controll:after{content:""; display:block; clear:both;}
.user #header #etc>ul>li.ar>div>.head>.controll>span:after{content:""; display:block; clear:both;}
.user #header #etc>ul>li.ar>div>.head>.controll a,
.user #header #etc>ul>li.ar>div>.head>.controll>span{float:left; display:block;}
.user #header #etc>ul>li.ar>div>.head>.controll a>span{opacity:0; position:absolute;}
.user #header #etc>ul>li.ar>div>.head>.controll a.prev,
.user #header #etc>ul>li.ar>div>.head>.controll a.next{width:2.4em; height:2.4em; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.user #header #etc>ul>li.ar>div>.head>.controll a.prev{margin-right:0.5em; background-image:url(../../../images/site/enter/layout/ar_prev.svg);}
.user #header #etc>ul>li.ar>div>.head>.controll a.next{margin-left:0.5em; background-image:url(../../../images/site/enter/layout/ar_next.svg);}
.user #header #etc>ul>li.ar>div>.head>.controll a.num{
	width:1.4em; height:1.4em; margin:0.5em 0.4em; border:2px solid #fff;
	-webkit-border-radius:50%;
	border-radius:50%;
}
.user #header #etc>ul>li.ar>div>.head>.controll a.num.on{background-color:#fff;}
.user #header #etc>ul>li.ar>div>.midd{
	overflow:auto; height:calc(100% - 24em);
	-ms-overflow-style: none; /* IE, Edge */
    scrollbar-width: none;
}
.user #header #etc>ul>li.ar>div>.midd::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}
.user #header #etc>ul>li.ar>div>.midd>ul:after{content:""; display:block; clear:both;}
.user #header #etc>ul>li.ar>div>.midd>ul>li{
	position:absolute; z-index:0; width:calc((100% - 1px - 9em) / 4); height:18.1em; 
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:0.5s;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-iteration-count:1;

	animation-timing-function:linear;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
}
.user #header #etc>ul>li.ar>div>.midd>ul>li>a{
	display:block; position:absolute; left:0; top:0; width:100%; height:100%; padding:2.5em; background-color:#fff;
	-webkit-border-radius:1.6em;
	border-radius:1.6em;
	-webkit-transition:background-color 0.2s linear;
	transition:background-color 0.2s linear;
}
.user #header #etc>ul>li.ar>div>.midd>ul>li>a>i{overflow:hidden; display:block; position:absolute; right:1.6em; top:-0.5em; width:3.6em; height:4.7em; text-indent:-1000px; background-image:url(../../../images/site/enter/layout/ar_new.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}
.user #header #etc>ul>li.ar>div>.midd>ul>li>a>em{
	display:inline-block; padding:0.3em 1em; font-style:normal; font-size:1.4em; color:#fff; background-color:#5B5B5B;
	-webkit-border-radius:2.2em;
	border-radius:2.2em;
}
.user #header #etc>ul>li.ar>div>.midd>ul>li>a>strong{overflow:hidden; display:block; height:2.7em; line-height:1.3; margin:0.8em 0 0.7em 0; font-weight:700; font-size:2em; color:#333;}
.user #header #etc>ul>li.ar>div>.midd>ul>li>a>span{display:block; font-size:1.4em; color:#989AA1;}

.user #header #etc>ul>li.ar>div>.midd>ul>li>a{background-color:#F5F5F5;}
.user #header #etc>ul>li.ar>div>.midd>ul>li>a[data-color="1"]{background-color:#E7EDFF;}
.user #header #etc>ul>li.ar>div>.midd>ul>li>a[data-color="2"]{background-color:#FFF8F4;}
.user #header #etc>ul>li.ar>div>.midd>ul>li>a[data-color="3"]{background-color:#E5FCFF;}
.user #header #etc>ul>li.ar>div>.midd>ul>li>a[data-color="4"]{background-color:#EFFFF7;}

.user #header #etc>ul>li.ar>div>.midd>ul>li>a>em{background-color:#5B5B5B;}
.user #header #etc>ul>li.ar>div>.midd>ul>li>a[data-color="1"]>em{background-color:#5078E7;}
.user #header #etc>ul>li.ar>div>.midd>ul>li>a[data-color="2"]>em{background-color:#F38548;}
.user #header #etc>ul>li.ar>div>.midd>ul>li>a[data-color="3"]>em{background-color:#43BCCD;}
.user #header #etc>ul>li.ar>div>.midd>ul>li>a[data-color="4"]>em{background-color:#3BB273;}

.user #header #etc>ul>li.ar>div>.midd>ul>li>a:hover{background-color:#5B5B5B;}
.user #header #etc>ul>li.ar>div>.midd>ul>li>a[data-color="1"]:hover{background-color:#5078E7;}
.user #header #etc>ul>li.ar>div>.midd>ul>li>a[data-color="2"]:hover{background-color:#F38548;}
.user #header #etc>ul>li.ar>div>.midd>ul>li>a[data-color="3"]:hover{background-color:#43BCCD;}
.user #header #etc>ul>li.ar>div>.midd>ul>li>a[data-color="4"]:hover{background-color:#3BB273;}
.user #header #etc>ul>li.ar>div>.midd>ul>li>a:hover>em{background-color:#2D2D2D;}
.user #header #etc>ul>li.ar>div>.midd>ul>li>a[data-color="1"]:hover>em{background-color:#283C73;}
.user #header #etc>ul>li.ar>div>.midd>ul>li>a[data-color="2"]:hover>em{background-color:#B64D13;}
.user #header #etc>ul>li.ar>div>.midd>ul>li>a[data-color="3"]:hover>em{background-color:#215E67;}
.user #header #etc>ul>li.ar>div>.midd>ul>li>a[data-color="4"]:hover>em{background-color:#1E5939;}
.user #header #etc>ul>li.ar>div>.midd>ul>li>a:hover>strong{color:#fff;}
.user #header #etc>ul>li.ar>div>.midd>ul>li>a:hover>span{color:rgba(255, 255, 255, 0.5);}

.user #header #etc>ul>li.ar>div>.foot{position:relative; padding:2.7em 0; text-align:right;}
.user #header #etc>ul>li.ar>div>.foot>div{display:inline-block; position:relative; text-align:right; vertical-align:top;}
.user #header #etc>ul>li.ar>div>.foot input[type="checkbox"]{opacity:0; position:absolute;}
.user #header #etc>ul>li.ar>div>.foot label{display:block; position:relative; padding-left:2em; font-size:1.6em; color:#fff;}
.user #header #etc>ul>li.ar>div>.foot label:before{content:""; display:block; position:absolute; left:0; top:-0.1em; width:1.5em; height:1.5em; background-image:url(../../../images/site/enter/layout/checkbox.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}
.user #header #etc>ul>li.ar>div>.foot input[type="checkbox"]:checked+label:before{background-image:url(../../../images/site/enter/layout/checkbox_on.svg);}

.user[data-scroll="on"] #header #etc>ul>li.ar>div{top:7em; height:calc(100% - 7em);}

@media screen and (min-width: 901px) {
	.user #header #etc>ul>li.ar>div>.midd>ul>li{top:1em;}
	.user #header #etc>ul>li.ar>div>.midd>ul>li:nth-child(4n+1){left:0;}
	.user #header #etc>ul>li.ar>div>.midd>ul>li:nth-child(4n+2){left:calc((((100% - 1px - 9em) / 4) * 1) + (3em * 1));}
	.user #header #etc>ul>li.ar>div>.midd>ul>li:nth-child(4n+3){left:calc((((100% - 1px - 9em) / 4) * 2) + (3em * 2));}
	.user #header #etc>ul>li.ar>div>.midd>ul>li:nth-child(4n+4){left:calc((((100% - 1px - 9em) / 4) * 3) + (3em * 3));}
	.user #header #etc>ul>li.ar>div>.midd>ul>li:nth-child(12n+5),
	.user #header #etc>ul>li.ar>div>.midd>ul>li:nth-child(12n+6),
	.user #header #etc>ul>li.ar>div>.midd>ul>li:nth-child(12n+7),
	.user #header #etc>ul>li.ar>div>.midd>ul>li:nth-child(12n+8){top:calc((18.1em * 1) + (3em * 1) + 1em);}
	.user #header #etc>ul>li.ar>div>.midd>ul>li:nth-child(12n+9),
	.user #header #etc>ul>li.ar>div>.midd>ul>li:nth-child(12n+10),
	.user #header #etc>ul>li.ar>div>.midd>ul>li:nth-child(12n+11),
	.user #header #etc>ul>li.ar>div>.midd>ul>li:nth-child(12n+12){top:calc((18.1em * 2) + (3em * 2) + 1em);}

	.user #header #etc>ul>li.ar[data-page="1"]>div>.midd>ul>li:not(:nth-child(n+13)),
	.user #header #etc>ul>li.ar:not([data-page])>div>.midd>ul>li:not(:nth-child(n+13)){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="1"]>div>.midd>ul>li:nth-child(n+13),
	.user #header #etc>ul>li.ar:not([data-page])>div>.midd>ul>li:nth-child(n+13){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="1"]>div>.midd>ul>li:nth-child(n+13)>a,
	.user #header #etc>ul>li.ar:not([data-page])>div>.midd>ul>li:nth-child(n+13)>a{display:none;}
	.user #header #etc>ul>li.ar[data-page="2"]>div>.midd>ul>li:nth-child(n+13){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="2"]>div>.midd>ul>li:nth-child(n+25),
	.user #header #etc>ul>li.ar[data-page="2"]>div>.midd>ul>li:not(:nth-child(n+13)){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="2"]>div>.midd>ul>li:nth-child(n+13)>a{display:block;}
	.user #header #etc>ul>li.ar[data-page="2"]>div>.midd>ul>li:nth-child(n+25)>a,
	.user #header #etc>ul>li.ar[data-page="2"]>div>.midd>ul>li:not(:nth-child(n+13))>a{display:none;}
	.user #header #etc>ul>li.ar[data-page="3"]>div>.midd>ul>li:nth-child(n+25){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="3"]>div>.midd>ul>li:nth-child(n+37),
	.user #header #etc>ul>li.ar[data-page="3"]>div>.midd>ul>li:not(:nth-child(n+25)){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="3"]>div>.midd>ul>li:nth-child(n+25)>a{display:block;}
	.user #header #etc>ul>li.ar[data-page="3"]>div>.midd>ul>li:nth-child(n+37)>a,
	.user #header #etc>ul>li.ar[data-page="3"]>div>.midd>ul>li:not(:nth-child(n+25))>a{display:none;}
	.user #header #etc>ul>li.ar[data-page="4"]>div>.midd>ul>li:nth-child(n+37){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="4"]>div>.midd>ul>li:nth-child(n+49),
	.user #header #etc>ul>li.ar[data-page="4"]>div>.midd>ul>li:not(:nth-child(n+37)){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="4"]>div>.midd>ul>li:nth-child(n+37)>a{display:block;}
	.user #header #etc>ul>li.ar[data-page="4"]>div>.midd>ul>li:nth-child(n+49)>a,
	.user #header #etc>ul>li.ar[data-page="4"]>div>.midd>ul>li:not(:nth-child(n+37))>a{display:none;}
	.user #header #etc>ul>li.ar[data-page="5"]>div>.midd>ul>li:nth-child(n+49){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="5"]>div>.midd>ul>li:nth-child(n+61),
	.user #header #etc>ul>li.ar[data-page="5"]>div>.midd>ul>li:not(:nth-child(n+49)){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="5"]>div>.midd>ul>li:nth-child(n+49)>a{display:block;}
	.user #header #etc>ul>li.ar[data-page="5"]>div>.midd>ul>li:nth-child(n+61)>a,
	.user #header #etc>ul>li.ar[data-page="5"]>div>.midd>ul>li:not(:nth-child(n+49))>a{display:none;}
	.user #header #etc>ul>li.ar[data-page="6"]>div>.midd>ul>li:nth-child(n+61){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="6"]>div>.midd>ul>li:nth-child(n+73),
	.user #header #etc>ul>li.ar[data-page="6"]>div>.midd>ul>li:not(:nth-child(n+61)){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="6"]>div>.midd>ul>li:nth-child(n+61)>a{display:block;}
	.user #header #etc>ul>li.ar[data-page="6"]>div>.midd>ul>li:nth-child(n+73)>a,
	.user #header #etc>ul>li.ar[data-page="6"]>div>.midd>ul>li:not(:nth-child(n+61))>a{display:none;}
	.user #header #etc>ul>li.ar[data-page="7"]>div>.midd>ul>li:nth-child(n+73){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="7"]>div>.midd>ul>li:nth-child(n+85),
	.user #header #etc>ul>li.ar[data-page="7"]>div>.midd>ul>li:not(:nth-child(n+73)){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="7"]>div>.midd>ul>li:nth-child(n+73)>a{display:block;}
	.user #header #etc>ul>li.ar[data-page="7"]>div>.midd>ul>li:nth-child(n+85)>a,
	.user #header #etc>ul>li.ar[data-page="7"]>div>.midd>ul>li:not(:nth-child(n+73))>a{display:none;}
	.user #header #etc>ul>li.ar[data-page="8"]>div>.midd>ul>li:nth-child(n+85){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="8"]>div>.midd>ul>li:nth-child(n+97),
	.user #header #etc>ul>li.ar[data-page="8"]>div>.midd>ul>li:not(:nth-child(n+85)){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="8"]>div>.midd>ul>li:nth-child(n+85)>a{display:block;}
	.user #header #etc>ul>li.ar[data-page="8"]>div>.midd>ul>li:nth-child(n+97)>a,
	.user #header #etc>ul>li.ar[data-page="8"]>div>.midd>ul>li:not(:nth-child(n+85))>a{display:none;}
	.user #header #etc>ul>li.ar[data-page="9"]>div>.midd>ul>li:nth-child(n+97){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="9"]>div>.midd>ul>li:nth-child(n+109),
	.user #header #etc>ul>li.ar[data-page="9"]>div>.midd>ul>li:not(:nth-child(n+97)){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="9"]>div>.midd>ul>li:nth-child(n+97)>a{display:block;}
	.user #header #etc>ul>li.ar[data-page="9"]>div>.midd>ul>li:nth-child(n+109)>a,
	.user #header #etc>ul>li.ar[data-page="9"]>div>.midd>ul>li:not(:nth-child(n+97))>a{display:none;}
	.user #header #etc>ul>li.ar[data-page="10"]>div>.midd>ul>li:nth-child(n+109){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="10"]>div>.midd>ul>li:nth-child(n+121),
	.user #header #etc>ul>li.ar[data-page="10"]>div>.midd>ul>li:not(:nth-child(n+109)){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="10"]>div>.midd>ul>li:nth-child(n+109)>a{display:block;}
	.user #header #etc>ul>li.ar[data-page="10"]>div>.midd>ul>li:nth-child(n+121)>a,
	.user #header #etc>ul>li.ar[data-page="10"]>div>.midd>ul>li:not(:nth-child(n+109))>a{display:none;}
}
@media screen and (max-width: 1024px) {
	.user #header #etc>ul>li.ar>div{top:8em; height:calc(100% - 8em);}
}
@media screen and (min-width: 601px) and (max-width: 900px) {
	.user #header #etc>ul>li.ar>div>.midd>ul>li{top:1em; width:calc((100% - 1px - 4em) / 3);}
	.user #header #etc>ul>li.ar>div>.midd>ul>li:nth-child(3n+1){left:0;}
	.user #header #etc>ul>li.ar>div>.midd>ul>li:nth-child(3n+2){left:calc((((100% - 1px - 4em) / 3) * 1) + (2em * 1));}
	.user #header #etc>ul>li.ar>div>.midd>ul>li:nth-child(3n+3){left:calc((((100% - 1px - 4em) / 3) * 2) + (2em * 2));}
	.user #header #etc>ul>li.ar>div>.midd>ul>li:nth-child(9n+4),
	.user #header #etc>ul>li.ar>div>.midd>ul>li:nth-child(9n+5),
	.user #header #etc>ul>li.ar>div>.midd>ul>li:nth-child(9n+6){top:calc((18.1em * 1) + (2em * 1) + 1em);}
	.user #header #etc>ul>li.ar>div>.midd>ul>li:nth-child(9n+7),
	.user #header #etc>ul>li.ar>div>.midd>ul>li:nth-child(9n+8),
	.user #header #etc>ul>li.ar>div>.midd>ul>li:nth-child(9n+9){top:calc((18.1em * 2) + (2em * 2) + 1em);}

	.user #header #etc>ul>li.ar[data-page="1"]>div>.midd>ul>li:not(:nth-child(n+10)),
	.user #header #etc>ul>li.ar:not([data-page])>div>.midd>ul>li:not(:nth-child(n+10)){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="1"]>div>.midd>ul>li:nth-child(n+10),
	.user #header #etc>ul>li.ar:not([data-page])>div>.midd>ul>li:nth-child(n+10){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="1"]>div>.midd>ul>li:nth-child(n+10)>a,
	.user #header #etc>ul>li.ar:not([data-page])>div>.midd>ul>li:nth-child(n+10)>a{display:none;}
	.user #header #etc>ul>li.ar[data-page="2"]>div>.midd>ul>li:nth-child(n+10){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="2"]>div>.midd>ul>li:nth-child(n+19),
	.user #header #etc>ul>li.ar[data-page="2"]>div>.midd>ul>li:not(:nth-child(n+10)){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="2"]>div>.midd>ul>li:nth-child(n+10)>a{display:block;}
	.user #header #etc>ul>li.ar[data-page="2"]>div>.midd>ul>li:nth-child(n+19)>a,
	.user #header #etc>ul>li.ar[data-page="2"]>div>.midd>ul>li:not(:nth-child(n+10))>a{display:none;}
	.user #header #etc>ul>li.ar[data-page="3"]>div>.midd>ul>li:nth-child(n+19){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="3"]>div>.midd>ul>li:nth-child(n+28),
	.user #header #etc>ul>li.ar[data-page="3"]>div>.midd>ul>li:not(:nth-child(n+19)){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="3"]>div>.midd>ul>li:nth-child(n+19)>a{display:block;}
	.user #header #etc>ul>li.ar[data-page="3"]>div>.midd>ul>li:nth-child(n+28)>a,
	.user #header #etc>ul>li.ar[data-page="3"]>div>.midd>ul>li:not(:nth-child(n+19))>a{display:none;}
	.user #header #etc>ul>li.ar[data-page="4"]>div>.midd>ul>li:nth-child(n+28){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="4"]>div>.midd>ul>li:nth-child(n+37),
	.user #header #etc>ul>li.ar[data-page="4"]>div>.midd>ul>li:not(:nth-child(n+28)){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="4"]>div>.midd>ul>li:nth-child(n+28)>a{display:block;}
	.user #header #etc>ul>li.ar[data-page="4"]>div>.midd>ul>li:nth-child(n+37)>a,
	.user #header #etc>ul>li.ar[data-page="4"]>div>.midd>ul>li:not(:nth-child(n+28))>a{display:none;}
	.user #header #etc>ul>li.ar[data-page="5"]>div>.midd>ul>li:nth-child(n+37){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="5"]>div>.midd>ul>li:nth-child(n+46),
	.user #header #etc>ul>li.ar[data-page="5"]>div>.midd>ul>li:not(:nth-child(n+37)){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="5"]>div>.midd>ul>li:nth-child(n+37)>a{display:block;}
	.user #header #etc>ul>li.ar[data-page="5"]>div>.midd>ul>li:nth-child(n+46)>a,
	.user #header #etc>ul>li.ar[data-page="5"]>div>.midd>ul>li:not(:nth-child(n+37))>a{display:none;}
	.user #header #etc>ul>li.ar[data-page="6"]>div>.midd>ul>li:nth-child(n+46){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="6"]>div>.midd>ul>li:nth-child(n+55),
	.user #header #etc>ul>li.ar[data-page="6"]>div>.midd>ul>li:not(:nth-child(n+46)){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="6"]>div>.midd>ul>li:nth-child(n+46)>a{display:block;}
	.user #header #etc>ul>li.ar[data-page="6"]>div>.midd>ul>li:nth-child(n+55)>a,
	.user #header #etc>ul>li.ar[data-page="6"]>div>.midd>ul>li:not(:nth-child(n+46))>a{display:none;}
	.user #header #etc>ul>li.ar[data-page="7"]>div>.midd>ul>li:nth-child(n+55){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="7"]>div>.midd>ul>li:nth-child(n+64),
	.user #header #etc>ul>li.ar[data-page="7"]>div>.midd>ul>li:not(:nth-child(n+55)){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="7"]>div>.midd>ul>li:nth-child(n+55)>a{display:block;}
	.user #header #etc>ul>li.ar[data-page="7"]>div>.midd>ul>li:nth-child(n+64)>a,
	.user #header #etc>ul>li.ar[data-page="7"]>div>.midd>ul>li:not(:nth-child(n+55))>a{display:none;}
	.user #header #etc>ul>li.ar[data-page="8"]>div>.midd>ul>li:nth-child(n+64){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="8"]>div>.midd>ul>li:nth-child(n+73),
	.user #header #etc>ul>li.ar[data-page="8"]>div>.midd>ul>li:not(:nth-child(n+64)){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="8"]>div>.midd>ul>li:nth-child(n+64)>a{display:block;}
	.user #header #etc>ul>li.ar[data-page="8"]>div>.midd>ul>li:nth-child(n+73)>a,
	.user #header #etc>ul>li.ar[data-page="8"]>div>.midd>ul>li:not(:nth-child(n+64))>a{display:none;}
	.user #header #etc>ul>li.ar[data-page="9"]>div>.midd>ul>li:nth-child(n+73){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="9"]>div>.midd>ul>li:nth-child(n+82),
	.user #header #etc>ul>li.ar[data-page="9"]>div>.midd>ul>li:not(:nth-child(n+73)){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="9"]>div>.midd>ul>li:nth-child(n+73)>a{display:block;}
	.user #header #etc>ul>li.ar[data-page="9"]>div>.midd>ul>li:nth-child(n+82)>a,
	.user #header #etc>ul>li.ar[data-page="9"]>div>.midd>ul>li:not(:nth-child(n+73))>a{display:none;}
	.user #header #etc>ul>li.ar[data-page="10"]>div>.midd>ul>li:nth-child(n+82){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="10"]>div>.midd>ul>li:nth-child(n+91),
	.user #header #etc>ul>li.ar[data-page="10"]>div>.midd>ul>li:not(:nth-child(n+82)){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="10"]>div>.midd>ul>li:nth-child(n+82)>a{display:block;}
	.user #header #etc>ul>li.ar[data-page="10"]>div>.midd>ul>li:nth-child(n+91)>a,
	.user #header #etc>ul>li.ar[data-page="10"]>div>.midd>ul>li:not(:nth-child(n+82))>a{display:none;}
}

@media screen and (max-width: 600px) {
	.user #header #etc>ul>li.ar>div>.head{padding:3em 0; text-align:center;}
	.user #header #etc>ul>li.ar>div>.head>strong{display:none;}
	.user #header #etc>ul>li.ar>div>.head .controll{display:inline-block; position:relative; right:auto; bottom:auto;}
	.user #header #etc>ul>li.ar>div>.midd{height:calc(100% - 16em);}
	.user #header #etc>ul>li.ar>div>.midd>ul>li{top:1em; width:calc((100% - 1px - 2em) / 2);}
	.user #header #etc>ul>li.ar>div>.midd>ul>li:nth-child(2n+1){left:0;}
	.user #header #etc>ul>li.ar>div>.midd>ul>li:nth-child(2n+2){left:calc((((100% - 1px - 2em) / 2) * 1) + (2em * 1));}
	.user #header #etc>ul>li.ar>div>.midd>ul>li:nth-child(6n+3),
	.user #header #etc>ul>li.ar>div>.midd>ul>li:nth-child(6n+4){top:calc((18.1em * 1) + (2em * 1) + 1em);}
	.user #header #etc>ul>li.ar>div>.midd>ul>li:nth-child(6n+5),
	.user #header #etc>ul>li.ar>div>.midd>ul>li:nth-child(6n+6){top:calc((18.1em * 2) + (2em * 2) + 1em);}

	.user #header #etc>ul>li.ar[data-page="1"]>div>.midd>ul>li:not(:nth-child(n+7)),
	.user #header #etc>ul>li.ar:not([data-page])>div>.midd>ul>li:not(:nth-child(n+7)){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="1"]>div>.midd>ul>li:nth-child(n+7),
	.user #header #etc>ul>li.ar:not([data-page])>div>.midd>ul>li:nth-child(n+7){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="1"]>div>.midd>ul>li:nth-child(n+7)>a,
	.user #header #etc>ul>li.ar:not([data-page])>div>.midd>ul>li:nth-child(n+7)>a{display:none;}
	.user #header #etc>ul>li.ar[data-page="2"]>div>.midd>ul>li:nth-child(n+7){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="2"]>div>.midd>ul>li:nth-child(n+13),
	.user #header #etc>ul>li.ar[data-page="2"]>div>.midd>ul>li:not(:nth-child(n+7)){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="2"]>div>.midd>ul>li:nth-child(n+7)>a{display:block;}
	.user #header #etc>ul>li.ar[data-page="2"]>div>.midd>ul>li:nth-child(n+13)>a,
	.user #header #etc>ul>li.ar[data-page="2"]>div>.midd>ul>li:not(:nth-child(n+7))>a{display:none;}
	.user #header #etc>ul>li.ar[data-page="3"]>div>.midd>ul>li:nth-child(n+13){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="3"]>div>.midd>ul>li:nth-child(n+19),
	.user #header #etc>ul>li.ar[data-page="3"]>div>.midd>ul>li:not(:nth-child(n+13)){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="3"]>div>.midd>ul>li:nth-child(n+13)>a{display:block;}
	.user #header #etc>ul>li.ar[data-page="3"]>div>.midd>ul>li:nth-child(n+19)>a,
	.user #header #etc>ul>li.ar[data-page="3"]>div>.midd>ul>li:not(:nth-child(n+13))>a{display:none;}
	.user #header #etc>ul>li.ar[data-page="4"]>div>.midd>ul>li:nth-child(n+19){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="4"]>div>.midd>ul>li:nth-child(n+25),
	.user #header #etc>ul>li.ar[data-page="4"]>div>.midd>ul>li:not(:nth-child(n+19)){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="4"]>div>.midd>ul>li:nth-child(n+19)>a{display:block;}
	.user #header #etc>ul>li.ar[data-page="4"]>div>.midd>ul>li:nth-child(n+25)>a,
	.user #header #etc>ul>li.ar[data-page="4"]>div>.midd>ul>li:not(:nth-child(n+19))>a{display:none;}
	.user #header #etc>ul>li.ar[data-page="5"]>div>.midd>ul>li:nth-child(n+25){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="5"]>div>.midd>ul>li:nth-child(n+31),
	.user #header #etc>ul>li.ar[data-page="5"]>div>.midd>ul>li:not(:nth-child(n+25)){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="5"]>div>.midd>ul>li:nth-child(n+25)>a{display:block;}
	.user #header #etc>ul>li.ar[data-page="5"]>div>.midd>ul>li:nth-child(n+31)>a,
	.user #header #etc>ul>li.ar[data-page="5"]>div>.midd>ul>li:not(:nth-child(n+25))>a{display:none;}
	.user #header #etc>ul>li.ar[data-page="6"]>div>.midd>ul>li:nth-child(n+31){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="6"]>div>.midd>ul>li:nth-child(n+37),
	.user #header #etc>ul>li.ar[data-page="6"]>div>.midd>ul>li:not(:nth-child(n+31)){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="6"]>div>.midd>ul>li:nth-child(n+31)>a{display:block;}
	.user #header #etc>ul>li.ar[data-page="6"]>div>.midd>ul>li:nth-child(n+37)>a,
	.user #header #etc>ul>li.ar[data-page="6"]>div>.midd>ul>li:not(:nth-child(n+31))>a{display:none;}
	.user #header #etc>ul>li.ar[data-page="7"]>div>.midd>ul>li:nth-child(n+37){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="7"]>div>.midd>ul>li:nth-child(n+43),
	.user #header #etc>ul>li.ar[data-page="7"]>div>.midd>ul>li:not(:nth-child(n+37)){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="7"]>div>.midd>ul>li:nth-child(n+37)>a{display:block;}
	.user #header #etc>ul>li.ar[data-page="7"]>div>.midd>ul>li:nth-child(n+43)>a,
	.user #header #etc>ul>li.ar[data-page="7"]>div>.midd>ul>li:not(:nth-child(n+37))>a{display:none;}
	.user #header #etc>ul>li.ar[data-page="8"]>div>.midd>ul>li:nth-child(n+43){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="8"]>div>.midd>ul>li:nth-child(n+49),
	.user #header #etc>ul>li.ar[data-page="8"]>div>.midd>ul>li:not(:nth-child(n+43)){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="8"]>div>.midd>ul>li:nth-child(n+43)>a{display:block;}
	.user #header #etc>ul>li.ar[data-page="8"]>div>.midd>ul>li:nth-child(n+49)>a,
	.user #header #etc>ul>li.ar[data-page="8"]>div>.midd>ul>li:not(:nth-child(n+43))>a{display:none;}
	.user #header #etc>ul>li.ar[data-page="9"]>div>.midd>ul>li:nth-child(n+49){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="9"]>div>.midd>ul>li:nth-child(n+55),
	.user #header #etc>ul>li.ar[data-page="9"]>div>.midd>ul>li:not(:nth-child(n+49)){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="9"]>div>.midd>ul>li:nth-child(n+49)>a{display:block;}
	.user #header #etc>ul>li.ar[data-page="9"]>div>.midd>ul>li:nth-child(n+55)>a,
	.user #header #etc>ul>li.ar[data-page="9"]>div>.midd>ul>li:not(:nth-child(n+49))>a{display:none;}
	.user #header #etc>ul>li.ar[data-page="10"]>div>.midd>ul>li:nth-child(n+55){-webkit-animation-name:ar_in; animation-name:ar_in; z-index:100;}
	.user #header #etc>ul>li.ar[data-page="10"]>div>.midd>ul>li:nth-child(n+61),
	.user #header #etc>ul>li.ar[data-page="10"]>div>.midd>ul>li:not(:nth-child(n+55)){-webkit-animation-name:ar_out; animation-name:ar_out;}
	.user #header #etc>ul>li.ar[data-page="10"]>div>.midd>ul>li:nth-child(n+55)>a{display:block;}
	.user #header #etc>ul>li.ar[data-page="10"]>div>.midd>ul>li:nth-child(n+61)>a,
	.user #header #etc>ul>li.ar[data-page="10"]>div>.midd>ul>li:not(:nth-child(n+55))>a{display:none;}
}
@media screen and (max-width: 400px) {
	.user #header #etc>ul>li.ar>div>.midd{height:calc(100% - 20em); font-size:0.8em;}
}
@-webkit-keyframes ar_in {
	0%{opacity:0; -webkit-transform:translateX(30px); transform:translateX(30px);}
	100%{opacity:1; -webkit-transform:translateX(0px); transform:translateX(0px);}
}
@-webkit-keyframes ar_out {
	0%,90%{opacity:1;}
	100%{opacity:0;}
}
@keyframes ar_in {
	0%{opacity:0; -webkit-transform:translateX(30px); transform:translateX(30px);}
	100%{opacity:1; -webkit-transform:translateX(0px); transform:translateX(0px);}
}
@keyframes ar_out {
	0%,90%{opacity:1;}
	100%{opacity:0;}
}


.user[data-ar="on"]{overflow:hidden;}
.user[data-ar="on"] #header #etc>ul>li.ar>a.open{display:none;}
.user[data-ar="on"] #header #etc>ul>li.ar>a.close,
.user[data-ar="on"] #header #etc>ul>li.ar>div{display:block;}

.user #header #etc>ul>li.all{width:2.4em; margin-left:1em;}
.user #header #etc>ul>li.all>a:before{
	content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:contain;
	background-image:url(../../../images/site/enter/layout/all_menu.svg);
}
.user #header #etc>ul>li.all>a>span{opacity:0; position:absolute;}
.user #header #etc>ul>li.all>a.allmenu_btn_close{display:none;}
.user #header #etc>ul>li.all>a.allmenu_btn_close:before{
	background-image:url(../../../images/site/enter/layout/all_menu_close.svg);
	-webkit-transition:transform 0.3s ease;
	transition:transform 0.3s ease;
}
.user #header #etc>ul>li.all>a.allmenu_btn_close:hover:before{
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}
.user #header #etc>ul>li.all>#sitemap{display:none;}


.user[data-sitemap="on"] #header #etc>ul>li.all>a.allmenu_btn{display:none;}
.user[data-sitemap="on"] #header #etc>ul>li.all>a.allmenu_btn_close,
.user[data-sitemap="on"] #header #etc>ul>li.all>#sitemap{display:block;}



/*Menu*/
.user #header #nav{
	position:relative; z-index:0; width:100%; height:10.7em; border-top:1px solid #ddd; box-sizing:border-box;
	-webkit-transition:height 0.2s linear;
	transition:height 0.2s linear;
}
.user #header.on #nav{
	-webkit-box-shadow:0 10px 10px rgba(99, 99, 99, 0.1);
	box-shadow:0 10px 10px rgba(99, 99, 99, 0.1);
}
.user #header #nav #gnb {position: relative; z-index: 500; width: 100%; height: 100%; text-align: center; outline: none;}
.user #header #nav #gnb > ul > li a[target="_blank"]:after{content:""; display:block; position:absolute; right:0; top:0.3rem; width:1.6rem; height:1.6rem; background:url(../../../images/site/enter/layout/lnb_blank.svg) no-repeat center; background-size:contain;}
.user #header #nav #gnb > ul > li > div  > ul > li > a[target="_blank"]:after{top:1.4rem;}
.user #header #nav #gnb > ul {display: inline-block; width:140em; padding:0 10em 0 29em;}
.user #header #nav #gnb > ul > li {display: inline-block; height:10.7rem; padding: 0 1.2rem; vertical-align: top;}
.user #header #nav #gnb > ul > li:last-child{display:none;}
.user #header #nav #gnb > ul > li > a {display:table; table-layout:fixed; position: relative; z-index: 600; height:100%;}
.user #header #nav #gnb > ul > li > a:after {
	content: ""; display: block; position: absolute; left: 50%; bottom: 0; width: 0; height: 0.3rem; background-color: #2E63C5;
	transition: left 0.3s ease, width 0.3s ease;
}
.user #header #nav #gnb > ul > li > a > span {display:table-cell; vertical-align:middle; /*font-weight:400;*/font-weight:bold; font-size: 1.94rem; color: #111;}
.user #header #nav #gnb > ul > li > a:hover > span{font-weight:500;}
.user #header #nav #gnb > ul > li > a:hover + div {z-index: 600;}
.user #header #nav #gnb > ul > li > div {display: none; position: absolute; left: 0; top: 100%; z-index: -1; width: 100%; text-align: left; border-top: 1px solid rgba(0, 0, 0, 0.11); background-color: #fff; box-shadow: 5rem 5rem 4rem 0rem rgba(43, 70, 120, 0.12);}
.user #header #nav #gnb > ul > li > div:before {content: ""; display: block; position: absolute; right: calc(50% + 30rem); top: 0; z-index: 0; width: 50%; height: 100%; background-color: #2E63C5; background-image: url("../../../images/site/enter/layout/gnb_logo.svg"); background-repeat: no-repeat; background-position: right 5rem bottom 5rem; background-size: auto auto;}
.user #header #nav #gnb > ul > li > div > strong {position: absolute; right: calc(50% + 30rem + 2rem); top: 6.6rem; z-index: 100; width:29.3rem; text-align: left;}
.user #header #nav #gnb > ul > li > div > strong:after {content: ""; display: inline-block; width: 8.4rem; height: 8.7rem; margin: 4rem -1rem 0 0;}
.user #header #nav #gnb > ul > li > div > strong > em {display: block; position:relative; padding-top:1.5rem; font-style:normal; font-size: 3.4rem; color: #fff;}
.user #header #nav #gnb > ul > li > div > strong > em:before{content:""; display:block; position:absolute; left:0; top:0; width:3rem; height:2px; background-color:#fff;}
.user #header #nav #gnb > ul > li > div > strong > span {display: block; line-height: 1.5; margin-top: 2.4rem; font-weight:300; font-size: 1.6rem; color: rgba(255, 255, 255, 0.8);}
.user #header #nav #gnb > ul > li > div > ul {max-width:124rem; min-height: 40rem; padding: 3rem 0 3rem 37rem; margin: 0 auto;}
.user #header #nav #gnb > ul > li > div > ul:after {content: ""; display: block; clear: both;}
.user #header #nav #gnb > ul > li > div > ul > li {float: left; width: calc((100% - 1px - (2.1rem * (5 - 1))) / 4); margin-left: 2.1rem; margin-bottom: 2rem;}
.user #header #nav #gnb > ul > li > div > ul > li:nth-child(4n+1) {clear: both; margin-left: 0;}
.user #header #nav #gnb > ul > li > div > ul > li:nth-child(n+5) {margin-top: 2.1rem;}
.user #header #nav #gnb > ul > li > div > ul > li > a {
	display: block; position: relative; padding: 1.1rem 3.6rem 1.1rem 1.6rem; border-bottom: 1px solid #E5E5E5; background: #FFFFFF;
	-webkit-transition:border 0.2s linear;
	transition:border 0.2s linear;
}
.user #header #nav #gnb > ul > li > div > ul > li > a:after {content: ""; display: block; position: absolute; right: 1rem; top: 1.6rem; width: 1.4rem; height: 1.4rem; background-image: url("../../../images/site/enter/layout/gnb_bul.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain;}
.user #header #nav #gnb > ul > li > div > ul > li > a > span {font-weight: 500; font-size: 1.6rem; color: #333;}
.user #header #nav #gnb > ul > li > div > ul > li > div {margin-top: 1.5rem;}
.user #header #nav #gnb > ul > li > div > ul > li > div > ul > li {position: relative; padding-left: 1rem;}
.user #header #nav #gnb > ul > li > div > ul > li > div > ul > li:nth-child(n+2) {margin-top: 0.6rem;}
.user #header #nav #gnb > ul > li > div > ul > li > div > ul > li > a > span {position: relative; font-size: 1.4rem; color: #070707;}
.user #header #nav #gnb > ul > li > div > ul > li > div > ul > li > a[target="_blank"] > span:after {content: ""; display: inline-block; width: 1rem; height: 1rem; margin-left: 0.4rem; background-image: url("../img/common/blank2.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain;}
.user #header #nav #gnb > ul > li > div > ul > li > div > ul > li > a:hover{text-decoration:underline;}
.user #header #nav #gnb > ul > li > div > ul > li > div > ul > li > a:hover > span {color: #2B4381;}
.user #header #nav #gnb > ul > li > div > ul > li > div > ul > li > div {display: none !important;}
.user #header #nav #gnb > ul > li > div > ul > li:hover > a {border-bottom-color:#2E63C5;}
.user #header #nav #gnb > ul > li > div > ul > li:hover > a > span {color: #2E63C5;}
/* .user #header #nav #gnb > ul > li:nth-child(1) > div > strong:after {background-image: url("../img/common/gnb_simbol_1.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain;}
.user #header #nav #gnb > ul > li:nth-child(2) > div > strong:after {background-image: url("../img/common/gnb_simbol_2.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain;}
.user #header #nav #gnb > ul > li:nth-child(3) > div > strong:after {background-image: url("../img/common/gnb_simbol_3.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain;}
.user #header #nav #gnb > ul > li:nth-child(4) > div > strong:after {background-image: url("../img/common/gnb_simbol_4.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain;}
.user #header #nav #gnb > ul > li:nth-child(5) > div > strong:after {background-image: url("../img/common/gnb_simbol_5.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain;} */
.user #header #nav #gnb > ul > li:hover > a:after {left: -1.5rem; width: calc(100% + 3rem);}
.user #header #nav #gnb > ul > li:hover > a>span{color:#548CF7;}








/* //////////////////////////////////////////////////////////////////////////////

	Footer

////////////////////////////////////////////////////////////////////////////// */
#footer{margin-top:14.3em; border-top:1px solid #ECECEC;}
.user#sub[data-q_menu-open="off"] #footer{margin-top:5.3em;}
#footer>.layout{z-index:100; padding-top:2.5em; padding-bottom:4em;}
#footer>.layout:after{content:""; display:block; position:absolute; left:calc(50% - 2000px); top:0; z-index:0; width:4000px; height:100%; background-color:#fff;}
#footer .menu{overflow:hidden; position:relative; z-index:20; margin-bottom:3.6em;}
#footer .menu li{position:relative; float:left;}
#footer .menu li:not(:last-child){margin-right:calc(6em + 1px);}
#footer .menu li:not(:last-child):after{content:""; position:absolute; top:0.4em; right:-3em; width:1px; height:1.2em; background-color:#C4C4C4;}
#footer .menu li a{opacity:0.8; display:block;}
#footer .menu li a:hover{opacity:1;}
#footer .menu li a>span{font-size:1.6em; color:#333;}
#footer .menu li:first-child a>span{color:#2B4381;}

#footer address,
#footer .copy{position:relative; z-index:20; padding-left:13.375em; font-weight:300; font-size:1.6em; color:#989AA1;}
#footer address{font-style:normal; color:#666;}
#footer address:before{content:""; display:block; position:absolute; left:0; top:0; z-index:20; width:11.375em; height:3.0625em; background:url(../../../images/site/enter/layout/footer_logo.png) no-repeat center center; background-size:contain;}

/* quick */
#q_menu{position:absolute; left:0; bottom:calc(100%); z-index:0; width:100%; background-color:#3667C5;}
#q_menu>strong{display:none;}
#q_menu>.layout{
	height:10.3em;
	-webkit-transition:height 0.3s linear;
	transition:height 0.3s linear;
}
#q_menu>a{display:block; position:absolute; left:calc(50% - 3.7em); bottom:100%; width:7.4em; height:3.5em; background:url(../../../images/site/enter/layout/quick_btn.svg) no-repeat center bottom; background-size:contain;}
#q_menu>a:before{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../../../images/site/enter/layout/quick_btn_arrow.svg) no-repeat center bottom; background-size:contain;}
#q_menu>a>span{opacity:0; position:absolute;}
#q_menu>a.close:before{
	-webkit-transform:rotate(180deg) translateY(-0.8em);
	transform:rotate(180deg) translateY(-0.8em);
}
#q_menu>a.open{display:none;}
#q_menu>.layout>div{position:absolute; left:0; top:0; width:100%; height:10.3em;}
#q_menu>.layout>div>ul{padding:2.15em 0 0 2em; height:10.3em;}
#q_menu>.layout>div>ul:after{content:""; display:block; clear:both;}
#q_menu>.layout>div>ul>li{float:left; width:25%;}
#q_menu>.layout>div>ul>li>a{display:table; table-layout:fixed; position:relative; width:100%; height:6em; padding:0 1em 0 7.5em;}
#q_menu>.layout>div>ul>li>a:before{content:""; display:block; position:absolute; left:0; top:0; width:6em; height:6em; background-repeat:no-repeat; background-position:center center; background-size:contain;}
#q_menu>.layout>div>ul>li:nth-child(2)>a:before{background-image:url(../../../images/site/enter/layout/quick_simbol_1.svg);}
#q_menu>.layout>div>ul>li:nth-child(3)>a:before{background-image:url(../../../images/site/enter/layout/quick_simbol_2.svg);}
#q_menu>.layout>div>ul>li:nth-child(4)>a:before{background-image:url(../../../images/site/enter/layout/quick_simbol_3.svg);}
#q_menu>.layout>div>ul>li:nth-child(5)>a:before{background-image:url(../../../images/site/enter/layout/quick_simbol_4.svg);}
#q_menu>.layout>div>ul>li:nth-child(1)>a:before{background-image:url(../../../images/site/enter/layout/quick_simbol_5.svg);}
#q_menu>.layout>div>ul>li>a>span{opacity:0.8; display:table-cell; width:100%; height:100%; line-height:1.2; vertical-align:middle; font-size:1.8em; color:#fff;}
#q_menu>.layout>div>ul>li>a:hover>span{opacity:1;}

#q_menu>.layout>div>i{overflow:hidden; position:absolute; right:100%; bottom:0; width:11.5em; height:14.6em;}
#q_menu>.layout>div>i>span{position:absolute; left:0; top:0; width:11.5em; height:18.1em; background-repeat:no-repeat; background-position:center center; background-size:contain;}
#q_menu>.layout>div>i>span:nth-child(1),
#q_menu>.layout>div>i>span:nth-child(3){
	-webkit-animation-duration:1.5s;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;

	animation-duration:1.5s;
	animation-fill-mode:forwards;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
#q_menu>.layout>div>i>span:nth-child(1){
	z-index:0; background-image:url(../../../images/site/enter/layout/ho_1.svg);
	-webkit-animation-name:ho_1;
	animation-name:ho_1;
}
#q_menu>.layout>div>i>span:nth-child(2){z-index:10; background-image:url(../../../images/site/enter/layout/ho_2.svg);}
#q_menu>.layout>div>i>span:nth-child(3){
	z-index:5; background-image:url(../../../images/site/enter/layout/ho_3.svg);
	-webkit-animation-name:ho_3;
	-webkit-transform-origin:33% 65%;
	animation-name:ho_3;
	transform-origin:33% 65%;
}

@-webkit-keyframes ho_1 {
	0%,20%,40%,100%{-webkit-transform:translateY(0); transform:translateY(0);}
	10%,30%{-webkit-transform:translateY(0.2em); transform:translateY(0.2em);}
}
@-webkit-keyframes ho_3 {
	0%,100%{-webkit-transform:rotate(0); transform:rotate(0);}
	50%{-webkit-transform:rotate(-20deg); transform:rotate(-20deg);}
}
@keyframes ho_1 {
	0%,20%,40%,100%{-webkit-transform:translateY(0); transform:translateY(0);}
	10%,30%{-webkit-transform:translateY(0.2em); transform:translateY(0.2em);}
}
@keyframes ho_3 {
	0%,100%{-webkit-transform:rotate(0); transform:rotate(0);}
	50%{-webkit-transform:rotate(-20deg); transform:rotate(-20deg);}
}

.user[data-q_menu-open="off"] #q_menu>.layout{overflow:hidden; height:0;}
.user[data-q_menu-open="off"] #q_menu>.layout>div>i,
.user[data-q_menu-open="off"] #q_menu>.layout>div>ul>li,
.user[data-q_menu-open="off"] #q_menu>a.close{display:none;}
.user[data-q_menu-open="off"] #q_menu>a.open{display:block;}



/* //////////////////////////////////////////////////////////////////////////////

	Media

////////////////////////////////////////////////////////////////////////////// */
@media screen and (min-width:1025px){
	/*Header*/
	.user #header .head_top .toputil{display:block !important;}

	/*모바일메뉴*/
	.user #sitemap{overflow:auto; position:fixed; left:0; top:15.7em; width:100%; height:calc(100% - 15.7em); padding:6em 0; background-color:#2B4381; background-image:url(../../../images/site/enter/layout/sitemap_bg.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
	.user #sitemap>.layout>strong{display:block; line-height:1; margin-bottom:1.5789em; text-align:center; font-size:3.8em; color:#fff;}
	.user #sitemap>.layout>.head{display:none;}
	.user #sitemap>.layout>.midd>ul:after{content:""; display:block; clear:both;}
	.user #sitemap>.layout>.midd>ul>li{float:left; width:calc((100% - 1px - 3em) / 4); margin-right:1em;}
	.user #sitemap>.layout>.midd>ul>li:nth-child(4n+4){margin-right:0;}
	.user #sitemap>.layout>.midd>ul>li:nth-child(n+5){margin-top:8em;}
	.user #sitemap>.layout>.midd>ul>li>a,
	.user #sitemap>.layout>.midd>ul>li>div{max-width:28.1em;}
	.user #sitemap>.layout>.midd>ul>li>a{display:block; padding:0 2em 1.5em 0; border-bottom:2px solid #fff;}
	.user #sitemap>.layout>.midd>ul>li>a>span{font-weight:500; font-size:2em; color:#fff;}
	.user #sitemap>.layout>.midd>ul>li>a+div{margin-top:3em;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>a{display:block; position:relative; padding:1em 0; border-bottom:2px solid #55699A;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>a:after{content:""; display:block; display:block; position:absolute; right:0; top:1.5em; width:1.4em; height:1.4em; background-image:url(../../../images/site/enter/layout/sitemap_bul.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>a[target="_blank"]:after{width:1.6em; height:1.6em; background-image:url(../../../images/site/enter/layout/sitemap_blank.svg);}
	
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>a>span{font-size:1.7em; color:#D5D9E6;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>div{display:none !important;}

	.user #sitemap>.layout>.midd>ul>li>div{display:block !important;}

	.user[data-sitemap="on"]{overflow:hidden;}
	

	/* header scroll */
	.user[data-scroll="on"] #wrap{padding-top:12.7em;}
	.user[data-scroll="on"] #header{
		position:fixed;
		-webkit-box-shadow:0 10px 10px rgba(99, 99, 99, 0.1);
		box-shadow:0 10px 10px rgba(99, 99, 99, 0.1);
	}
	.user[data-scroll="on"] #header #global{display:none;}
	.user[data-scroll="on"] #header h1{top:1.5em;}
	.user[data-scroll="on"] #header h1 a:before, 
	.user[data-scroll="on"] #header h1 a:after{height:4em;}
	.user[data-scroll="on"] #header h1 a:before{width:15em;}
	.user[data-scroll="on"] #header #etc{top:0.8em;}
	.user[data-scroll="on"] #header #nav{font-size:0.7em;}
	.user[data-scroll="on"] #header #nav #gnb > ul{width:100%;}
	.user[data-scroll="on"] #header #nav #gnb > ul > li{height:10.5em;}
	.user[data-scroll="on"][data-sitemap="on"] #header #etc>ul>li.all>#sitemap{top:7.6em; height:calc(100% - 7.6em);}

	
}
@media screen and (max-width:1350px){
	.user #header #nav #gnb > ul > li {padding: 0 1rem;}
}
@media screen and (max-width:1440px){
	.user #header h1{left:2em;}
	.user #header #etc{right:2em;}
	.user #header #nav #gnb > ul{width:100%;}

	.user #header #nav #gnb > ul > li > div:before{right:auto; left:0; width:32rem;}
	.user #header #nav #gnb > ul > li > div > strong{right:0; left:2rem;}
	.user #header #nav #gnb > ul > li > div > ul{padding-left:35rem;}

	.user #header #etc>ul>li.ar>div>.head, 
	.user #header #etc>ul>li.ar>div>.midd, 
	.user #header #etc>ul>li.ar>div>.foot{width:calc(100% - 4em); max-width:100%;}
}
@media screen and (max-width:1200px){
	.user #header #nav #gnb > ul > li{padding:0 0.4rem;}
	.user #header #nav #gnb > ul > li > a > span{font-size:1.7rem;}
}
@media screen and (max-width:1050px){
	.user #header #nav #gnb > ul > li > a > span{font-size:1.6rem;}
}
@media screen and (max-width:1024px){
	.js_mobile_check{display:block;}

	
	/* Header */
	#footer #global,
	.user #header #nav{display:none;}
	/*#wrap{padding-top:8em;}*/
	.user #header{
		position:fixed; z-index:1500; height:8em; border-bottom:1px solid #F0F0F0;
	}
	.user #header h1{top:1.7em; z-index:0;}
	.user #header h1 a:before, 
	.user #header h1 a:after{height:4em;}
	.user #header h1 a:before{width:15em;}
	.user #header #etc{top:1.2em;}

	
	/*Footer*/
	#footer>.layout{padding:0 0 2em 0;}
	#footer .menu{padding:1.5em 2em; margin:0; text-align:center; border-bottom:1px solid #ECECEC;}
	#footer .menu>li{float:none; display:inline-block; margin:0.5em 0;}
	#footer .menu li:not(:last-child){margin-right:calc(3em + 1px);}
	#footer .menu li:not(:last-child):after{right:-1.5em;}
	#footer .imgbx{right:auto; left:0; top:0;}
	#footer .imgbx img{margin-left:20px;}
	#footer address,
	#footer .copy{padding:0 2em; text-align:center;}
	#footer address:before{position:relative; left:auto; top:auto; margin:1.5em auto;}

	/* gnb */
	.user #sitemap{position:fixed; right:0; top:0; z-index:2000; width:100%; height:100%;}
	.user #sitemap:before{
		opacity:0; content:""; display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.4);
		-webkit-transition:opacity 0.3s linear 0.3s;
		transition:opacity 0.3s linear 0.3s;
	}
	.user #sitemap>.layout{position:absolute; right:0; top:0; z-index:100; width:100%; max-width:41.4em; height:100%; padding:0; background-color:#fff;}
	.user #sitemap>.layout>strong{display:none;}
	.user #header #etc>ul>li.all>a.allmenu_btn_close{z-index:2002; width:3.6em; height:3.6em;}
	.user #header #etc>ul>li.all>a.allmenu_btn_close:before{left:calc(50% - 90%); top:calc(50% - 90%); width:180%; height:180%; background-image:url(../../../images/site/enter/layout/all_menu_close_w.svg);}
	.user #sitemap>.layout>.head{height:5.9em; padding:0 2em 2.4em; background-color:#548CF7;/**/}/*글로벌상단gnb 하단이동 모바일메뉴 상단공간 삭제*/
	.user #sitemap>.layout>.head>div:after{content:""; display:block; clear:both;}
	.user #sitemap>.layout>.head>div>strong,
	.user #sitemap>.layout>.head>div>ul{float:left;}
	.user #sitemap>.layout>.head>div:nth-child(1){line-height:5em; padding-top:0.5em;}
	.user #sitemap>.layout>.head>div:nth-child(1)>strong>span{font-weight:500; font-size:1.4em; color:rgba(255, 255, 255, 0.5)}
	.user #sitemap>.layout>.head>div:nth-child(1)>ul{padding-left:1em;}
	.user #sitemap>.layout>.head>div:nth-child(1)>ul:after{content:""; display:block; clear:both;}
	.user #sitemap>.layout>.head>div:nth-child(1)>ul>li{float:left; position:relative;}
	.user #sitemap>.layout>.head>div:nth-child(1)>ul>li:nth-child(n+2){padding-left:0.2em;}
	.user #sitemap>.layout>.head>div:nth-child(1)>ul>li>a{opacity:0.8; display:block; width:3.5em; height:3.5em; margin-top:0.7em; background-repeat:no-repeat; background-position:center center; background-size:contain;}
	.user #sitemap>.layout>.head>div:nth-child(1)>ul>li>a.f{background-image:url(../../../images/site/enter/layout/sns_u.svg);}
	.user #sitemap>.layout>.head>div:nth-child(1)>ul>li>a.y{background-image:url(../../../images/site/enter/layout/sns_i.svg);}
	.user #sitemap>.layout>.head>div:nth-child(1)>ul>li>a.i{background-image:url(../../../images/site/enter/layout/sns_k.svg);}
	.user #sitemap>.layout>.head>div:nth-child(1)>ul>li>a:hover{opacity:1;}
	.user #sitemap>.layout>.head>div:nth-child(1)>ul>li>a>span{opacity:0; position:absolute;}
	.user #sitemap>.layout>.head>div:nth-child(2)>ul{padding:0.5em 2em 0;}
	.user #sitemap>.layout>.head>div:nth-child(2)>ul:after{content:""; display:block; clear:both;}
	.user #sitemap>.layout>.head>div:nth-child(2)>ul>li{float:left; width:calc((100% - 1px - 0.8em) / 2); margin-right:0.8em;}
	.user #sitemap>.layout>.head>div:nth-child(2)>ul>li:nth-child(2n+2){margin-right:0;}
	.user #sitemap>.layout>.head>div:nth-child(2)>ul>li:nth-child(n+3){margin-top:0.8em;}
	.user #sitemap>.layout>.head>div:nth-child(2)>ul>li>a{
		display:table; table-layout:fixed; width:100%; height:3em; background-color:rgba(255, 255, 255, 0.9);
		-webkit-border-radius:0.4em;
		border-radius:0.4em;
	}
	.user #sitemap>.layout>.head>div:nth-child(2)>ul>li>a>span{display:table-cell; width:100%; text-align:center; vertical-align:middle; font-size:1.4em; color:#355494;}

	.user #sitemap>.layout>.midd{overflow:auto; height:calc(100% - 15.3em);}
	.user #sitemap>.layout>.midd>ul>li:nth-child(n+2)>a{border-top:1px solid #E5E7EE;}
	.user #sitemap>.layout>.midd>ul>li>a{display:block; position:relative; padding:1.5em 4em; border-bottom:1px solid #E5E7EE; color:#333; background-color:rgba(255,255,255,1);}
	.user #sitemap>.layout>.midd>ul>li>a:before{
		content:""; display:none; position:absolute; right:4em; top:1.4em; width:3em; height:3em; background-image:url(../../../images/site/enter/layout/mgnb_bul_1.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;
		-webkit-transition:all 0.2s linear;
		transition:all 0.2s linear;
	}
	.user #sitemap>.layout>.midd>ul>li>a>span{font-size:2em;}
	.user #sitemap>.layout>.midd>ul>li>div{background-color:#4570C6;}
	.user #sitemap>.layout>.midd>ul>li>div>ul{padding:1.5em 0;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>a{display:block; position:relative; padding:0.8em 4em 0.8em 4em; color:#fff;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>a:before,
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>a:after{
		opacity:1; content:""; display:none; position:absolute; right:4.5em; top:0.8em; width:2em; height:2em; background-image:url(../../../images/site/enter/layout/mgnb_bul_2.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;
		-webkit-transition:all 0.2s linear;
		transition:all 0.2s linear;
	}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>a:after{background-image:url(../../../images/site/enter/layout/mgnb_bul_2_on.svg);}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>a.on:before{
		opacity:0;
		-webkit-transform:rotate(90deg);
		transform:rotate(90deg);
	}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>a>span{position:relative; padding-left:0.7em; font-weight:300; font-size:1.6em;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>a>span:before{content:"-"; display:block; position:absolute; left:0; top:-1px;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>div{padding:1.5em 0; margin:1.5em 0; background-color:#fff;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>div>ul>li>a{display:block; position:relative; padding:0.5em 4em 0.5em 4em; color:#333;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>div>ul>li>a>span{position:relative; padding-left:0.7em; font-size:1.6em;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>div>ul>li>a>span:before{
		content:"･"; display:block; position:absolute; left:0; top:-1px;
	}
	.user #sitemap>.layout>.midd>ul>li div{display:none;}
	
	.user #sitemap>.layout>.midd>ul>li>a.child{padding-right:7.5em;}
	.user #sitemap>.layout>.midd>ul>li>a.child:before{display:block;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>a.child{padding-right:6.5em;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>a.child:before,
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>a.child:after{display:block;}

	.user #sitemap>.layout>.midd>ul>li>a.on{border-color:#355494; color:#fff; background-color:#355494;}
	.user #sitemap>.layout>.midd>ul>li>a.on:before{
		background-image:url(../../../images/site/enter/layout/mgnb_bul_1_ov.svg);
		-webkit-transform:rotate(180deg);
		transform:rotate(180deg);
	}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>a.on>span{font-weight:400;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>a.on>span,
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>div>ul>li>a.on>span{text-decoration:underline;}


	.user #sitemap{
		right:-100%;
		-webkit-transition:right 0s linear 0.6s;
		transition:right 0s linear 0.6s;
	}
	.user #sitemap>.layout{
		right:-41.4em;
		-webkit-transition:right 0.3s linear 0s;
		transition:right 0.3s linear 0s;
	}
	.user #sitemap>.layout>.head,
	.user #sitemap>.layout>.midd{display:none;}
	.user #header #etc>ul>li.all>#sitemap{display:block !important;}
	.user[data-sitemap="on"]{overflow:hidden;}
	.user[data-sitemap="on"] #sitemap{
		right:0;
		-webkit-transition:right 0s linear 0s;
		transition:right 0s linear 0s;
	}
	.user[data-sitemap="on"] #sitemap:before{
		opacity:1;
		-webkit-transition:opacity 0.3s linear 0s;
		transition:opacity 0.3s linear 0s;
	}
	.user[data-sitemap="on"] #sitemap>.layout{
		right:0;
		-webkit-transition:right 0.3s linear 0.3s;
		transition:right 0.3s linear 0.3s;
	}
	.user[data-sitemap="on"] #sitemap>.layout>.head,
	.user[data-sitemap="on"] #sitemap>.layout>.midd{display:block;}
}
@media screen and (min-width:751px){
	.user#sub #footer{position:relative;}
}
@media screen and (max-width:750px){
	#footer{margin-top:0;}
	.user#sub #q_menu{
		position:fixed; bottom:0; z-index:1000; padding:2em 2em 3em 2em; background-color:#fff;
		-webkit-border-radius:3em 3em 0 0;
		border-radius:3em 3em 0 0;
		-webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
		box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);

		-webkit-transition:bottom 0.2s linear;
		transition:bottom 0.2s linear;
	}
	.user#sub #q_menu>strong{display:block; font-size:1.8em; color:#333;}
	.user#sub #q_menu .open,
	.user#sub #q_menu .close{display:none;}
	.user#sub #q_menu>.layout{height:auto; padding:0;}
	.user#sub #q_menu>.layout>div{height:12.3em;}
	.user#sub #q_menu>.layout>div{position:relative; font-size:1.2em;}
	.user#sub #q_menu>.layout>div>i{display:none;}
	.user#sub #q_menu>.layout>div>ul{height:auto; padding:2em 0;}
	.user#sub #q_menu>.layout>div>ul>li>a{display:block; height:auto; padding:0 1em;}
	.user#sub #q_menu>.layout>div>ul>li>a:before{position:relative; margin:0 auto;}
	.user#sub #q_menu>.layout>div>ul>li>a>span{display:block; height:auto; margin-top:0.5em; text-align:center; font-size:1.4em; color:#000;}

	.user#sub #wrap{padding-bottom:20em;}
	.user#sub[data-q_menu="2"] #wrap{padding-bottom:8em;}
	.user#sub[data-q_menu="2"] #q_menu{bottom:-15em;}
	.user#sub[data-q_menu="2"] #q_menu>.layout>div>ul{display:none;}
	.user#sub[data-q_menu="2"] #q_menu .open{display:block; left:auto; right:2em; top:2em; width:3.6em; height:3.6em; background:none;}
	.user#sub[data-q_menu="2"] #q_menu .open:before{background-image:url(../../../images/site/enter/layout/quick_mobile_open.svg);}

	.user#sub[data-q_menu="3"] #wrap{padding-bottom:0;}
	.user#sub[data-q_menu="3"] #q_menu{bottom:-26.3em;}
	.user#sub[data-q_menu="3"] #q_menu>.layout>div>ul{display:none;}
}
@media screen and (max-width:700px){
	.user#sub #q_menu>.layout>div{font-size:1em;}
	.user#sub[data-q_menu="2"] #q_menu{bottom:-12.5em;}
}
@media screen and (max-width:600px){
	.user#sub #q_menu>.layout{font-size:0.8em;}
	.user#sub[data-q_menu="2"] #q_menu{bottom:-10.5em;}
}
@media screen and (max-width:500px){
	.user #header{height:5.4em;}
	.user #header h1{top:1em;}
	.user #header h1 span>a{height:3em;}
	.user #header h1 span>a:nth-child(1){width:11em;}
	.user #header #etc{top:0;}
	.user #header #etc>ul{font-size:0.9em;}
	.user #header #etc>ul>li.ar>a>em{overflow:hidden; left:calc(100% - 1.6em); top:0.8em; width:10px; min-width:1px; height:10px; padding:0; text-indent:-1000px;}
	
	.user#sub #q_menu>.layout{padding:0; font-size:0.7em;}
	.user#sub #q_menu>.layout>div>ul>li>a{padding:0 0.3em;}
	.user#sub[data-q_menu="2"] #q_menu{bottom:-9.5em;}
	#footer>.layout{font-size:0.8em;}
}
@media screen and (max-width:360px){
	#footer>.layout{font-size:0.7em;}
}

@media print {
	.user#sub #header #global,
	.user#sub #header #nav,
	.user#sub #header #etc,
	.user#sub #visual,
	.user#sub #footer,
	.user#sub #navi > .sns,
	.user#sub #navi > .print,
	.user#sub #container #remote{display:none !important;}
	.user#sub #container #content{padding-left:0 !important;}
	.user#sub{
		/* width:900px; */
		font-size:5px;
	}
	.user#sub #wrap{padding-top:0 !important;}
	.user#sub #header{position:relative !important;}
	.user#sub #header h1{position:relative !important; left:0 !important; top:0 !important; width:100% !important; padding:3em 0 0 0 !important; text-align:center !important;}
	.user#sub #header h1>a{display:inline-block !important;}
	.user#sub #container #content{padding-top:1em !important;}	
}

	


/* //////////////////////////////////////////////////////////////////////////////

	Container

////////////////////////////////////////////////////////////////////////////// */
.user#sub #visual{overflow:hidden; display:block; position:relative; z-index:0; width:100%; height:27em;}
.user#sub #visual:before{
	content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; background-image:url(../../../images/site/enter/layout/sub_vi.jpg);
	-webkit-transform:scale(1.4);
	transform:scale(1.4);
	-webkit-animation-name:visual;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-iteration-count:1;
	-webkit-animation-duration:8s;
	-webkit-animation-delay:0.5s;
	-webkit-animation-timing-function:linear;

	animation-name:visual;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-duration:8s;
	animation-delay:0.5s;
	animation-timing-function:linear;
}
.user#sub #visual[data-img="1"]:before{background-image:url(../../../images/site/enter/layout/sub_vi_8.jpg);}
.user#sub #visual[data-img="2"]:before{background-image:url(../../../images/site/enter/layout/sub_vi_9.jpg);}
.user#sub #visual[data-img="3"]:before{background-image:url(../../../images/site/enter/layout/sub_vi_3.jpg);}
.user#sub #visual[data-img="4"]:before{background-image:url(../../../images/site/enter/layout/sub_vi_4.jpg);}
.user#sub #visual[data-img="5"]:before{background-image:url(../../../images/site/enter/layout/sub_vi_5.jpg);}
.user#sub #visual[data-img="6"]:before{background-image:url(../../../images/site/enter/layout/sub_vi_6.jpg);}
.user#sub #visual[data-img="7"]:before{background-image:url(../../../images/site/enter/layout/sub_vi_7.jpg);}
.user#sub #visual>.in{display:block; position:relative; z-index:50; width:100%; padding-top:8em; text-align:center;}
.user#sub #visual>.in>span{display:block; position:relative; padding-bottom:2.1em; font-size:1.8em; color:#fff;}
.user#sub #visual>.in>span:after{content:""; display:block; position:absolute; left:50%; bottom:0.6em; width:1px; height:1.1em; background-color:rgba(255, 255, 255, 0.5);}
.user#sub #visual>.in>strong{display:block; line-height:1.2; font-size:3.8em; color:#fff;}
@-webkit-keyframes visual {
	0%{-webkit-transform:scale(1.4); transform:scale(1.4);}
	100%{-webkit-transform:scale(1); transform:scale(1);}
}
@keyframes visual {
	0%{-webkit-transform:scale(1.4); transform:scale(1.4);}
	100%{-webkit-transform:scale(1); transform:scale(1);}
}

.user#sub #container{position:relative; z-index:10;}

.user#sub #container #remote{position:absolute; top:-5.75em; left:2em; z-index:1; width:25em;}
.user#sub #container #remote h2{
	display:table; table-layout:fixed; width:100%; height:11.5em; padding:0 1.2em; font-size:1em; background-color:#486CD0;
	-webkit-border-radius:0 0 6em 0;
	border-radius:0 0 6em 0;
}
.user#sub #container #remote h2>span{display:table-cell; width:100%; text-align:center; vertical-align:middle; font-weight:500; font-size:2.8em; color:#fff;}
.user#sub #container #remote #lnb ul{width:100%;}
.user#sub #container #remote #lnb ul li a{position:relative; display:block;}
.user#sub #container #remote #lnb ul li a:after{content:""; position:absolute;}

.user#sub #container #remote #lnb>ul>li>a{padding:1.5em 6em 1.5em 2em; text-decoration:none; color:#333;}
.user#sub #container #remote #lnb>ul>li>a:before{content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#C5C9D6;}
.user#sub #container #remote #lnb>ul>li>a.ov{color:#5078E7;}
.user#sub #container #remote #lnb>ul>li>a.ov:before{height:3px; background-color:#5078E7;}
.user#sub #container #remote #lnb>ul>li>a>span{font-size:1.8em;}
.user#sub #container #remote #lnb ul li a:after{
	top:2em; right:2em; width:1.4em; height:1.4em; background:url(../../../images/site/enter/layout/remote_icon_arrow.svg) no-repeat center;
	transform:rotate(0deg); -webkit-transform:rotate(0deg);
	transition:all 0.3s ease; -webkit-transition:all 0.3s ease;
}
.user#sub #container #remote #lnb>ul>li>a.ov:after{background:url(../../../images/site/enter/layout/remote_icon_arrow_ov.svg) no-repeat center;}
.user#sub #container #remote #lnb ul li a:not(.child)[target="_blank"]:after{top:2em; width:1.6em; height:1.6em; background:url(../../../images/site/enter/layout/lnb_blank.svg) no-repeat center;}
.user#sub #container #remote #lnb>ul>li>ul>li>a:not(.child)[target="_blank"]:after{top:0.4em;}
.user#sub #container #remote #lnb ul li a.child.ov:after{transform:rotate(90deg); -webkit-transform:rotate(90deg);}


.user#sub #container #remote #lnb ul li ul{display:none; padding:1.6em 0; background-color:#F4F5F9; box-sizing:border-box;}
.user#sub #container #remote #lnb ul li ul li:not(:first-child){margin-top:1.5em;}
.user#sub #container #remote #lnb ul li ul li a{padding-left:2.7em; color:#333;}
.user#sub #container #remote #lnb ul li ul li a.ov{color:#2B4381;}
.user#sub #container #remote #lnb ul li ul li a:after{
	top:0.2em; width:1.6em; height:1.6em; background:url(../../../images/site/enter/layout/remote_icon_arrow2.svg) no-repeat center;
}
.user#sub #container #remote #lnb ul li ul li a>span{font-size:1.6em;}

.user#sub #container #content{padding:4.7em 0 8.7em 30em; box-sizing:border-box;}

#path{position:relative; border-bottom:3px solid #7A7D94;}
#path h3{line-height:1.4; padding-bottom:2.5em; font-size:1em;}
#path h3>span{font-size:2.8em; font-weight:600; color:#111;}

#navi{position:absolute; right:0; bottom:2.5em;}
#navi:after{content:""; display:block; clear:both;}
#navi > .location,
#navi > .sns,
#navi > .print{float:left;}
#navi > .location{line-height:4em; margin-right:1em;}
#navi > .location > span,
#navi > .location > strong{display:inline-block; position:relative; vertical-align:middle; font-size:1.4em; color:#666;}
#navi > .location > strong{font-weight:400; color:#333;}
#navi > .location > span i,
#navi > .location > strong i{opacity:0; position:absolute;}
#navi > .location > span:nth-child(1){
	overflow:hidden; position:relative; width:1.1428em; height:1.1428em; text-indent:-1000px; background-repeat:no-repeat; background-position:center; background-size:contain;
	background-image:url(../../../images/site/enter/layout/navi_home.svg);
}
#navi > .location > span:not(:nth-child(1)),
#navi > .location > strong:not(:nth-child(1)){
	padding-left:1.1428em;
}
#navi > .location > span:not(:nth-child(1)):before,
#navi > .location > strong:not(:nth-child(1)):before{
	content:""; overflow:hidden; position:absolute; left:0; top:calc(50% - 0.1em); width:1.1428em; height:1.1428em; text-indent:-1000px; background-repeat:no-repeat; background-position:center; background-size:contain;
	background-image:url(../../../images/site/enter/layout/navi_arrow.svg);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
#navi > .sns,
#navi > .print{position:relative; width:4em; height:4em; margin-left:1em;}
#navi > .sns > a,
#navi > .print > a{
	display:block; position:absolute; right:0; top:0; z-index:100; width:100%; height:100%; border:1px solid #C5C9D6; 
	-webkit-border-radius:0.8em;
	border-radius:0.8em;
	-webkit-transition:border-color 0.3s ease;
	transition:border-color 0.3s ease;
}
#navi > .sns > a:before,
#navi > .print > a:before{content:""; display:block; position:absolute; right:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:contain;}
#navi > .sns > a.open{z-index:0;}
#navi > .sns > a.open:before{background-image:url(../../../images/site/enter/layout/sns.svg);}
#navi > .sns > a.close{display:none; right:2.5em; top:1.5em; z-index:600; width:1.8em; height:1.8em; border:none;}
#navi > .sns > a.close:before{
	background-image:url(../../../images/site/enter/layout/path_sns_close.svg);
	-webkit-transition:transform 0.3s ease;
	transition:transform 0.3s ease;
}
#navi > .print > a{background-image:url(../../../images/site/enter/layout/print.svg);}
#navi > .sns > a span,
#navi > .print > a span{opacity:0; position:absolute;}
#navi > .sns > a:hover,
#navi > .print > a:hover{border-color:#111;}
#navi > .sns > a.close:hover:before{
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}
#navi > .sns > ul{
	white-space:nowrap; display:none; position:absolute; right:0; top:0; z-index:500; padding:5em 4em 3em; border:1px solid #C5C9D6; background-color:#fff;
	-webkit-border-radius:0.8em 0.8em 6em 0.8em;
	border-radius:0.8em 0.8em 6em 0.8em;
	-webkit-box-shadow: 0px 16px 24px -8px rgba(80, 120, 231, 0.2);
	box-shadow: 0px 16px 24px -8px rgba(80, 120, 231, 0.2);
}
#navi > .sns > ul>li{display:inline-block; vertical-align:top;}
#navi > .sns > ul>li:nth-child(n+2){margin-left:4em;}
#navi > .sns > ul>li>a{display:block;}
#navi > .sns > ul>li>a:before{
	content:""; display:block; width:6.4em; height:6.4em; margin-bottom:1em; background-repeat:no-repeat; background-position:center center; background-size:contain;
}
#navi > .sns > ul>li>a.f:before{background-image:url(../../../images/site/enter/layout/path_sns_u.svg);}
#navi > .sns > ul>li>a.t:before{background-image:url(../../../images/site/enter/layout/path_sns_t.svg);}
#navi > .sns > ul>li>a>span{display:block; text-align:center; font-size:1.6em; color:#333;}

#navi > .sns[data-open="on"] > a.close,
#navi > .sns[data-open="on"] > ul{display:block;}

#txt{min-height:34em; padding-top:2.2em; font-size:15px; letter-spacing:-0.6px; color:#555;}

@media screen and (max-width:1024px){
	.user#sub #visual{height:20em;}
	.user#sub #visual>.in>span{display:none;}

	.user#sub #container #remote{display:none;}
	.user#sub #container #content{padding-left:0; padding-bottom:7em;}

	#path{border-width:2px;}
}
@media screen and (max-width:600px){
	.user#sub #visual{height:14em;/***header와 공백생김****/margin-top:-27px;}
	.user#sub #visual>.in{padding-top:5.5em;}
	.user#sub #visual>.in>strong{font-size:3em;}
	#path,
	#path h3{padding-bottom:1em;}
	#navi{position:relative; right:auto; bottom:auto; width:100%; padding-right:10em;}
	#navi > .sns, 
	#navi > .print{position:absolute; right:0; top:0;}
	#navi > .sns{right:5em;}
	.user#sub #container #content{padding:3em 0;}
}


/* topbtn */
.topbtn{
    position:fixed; right:-10em; bottom:12em; z-index:900; width:9.8em; height:7em;
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.topbtn>a{display:none; width:100%; height:100%;}
.topbtn>a:before{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../../../images/site/enter/main/top.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}
.topbtn>a>span{opacity:0; position:absolute;}

.user[data-scroll="on"] .topbtn{right:2em;}
.user[data-scroll="on"] .topbtn>a{display:block;}
.user[data-scroll="on"][data-q_menu="3"] .topbtn,
.user[data-q_menu-open="off"] .topbtn{bottom:2em;}

.user#sub .topbtn{bottom:2em;}
.user#sub[data-scroll="on"][data-q_menu="2"] .topbtn{right:-10em;}
.user#sub[data-scroll="on"][data-q_menu="2"] .topbtn>a{display:none;}
.user#sub[data-scroll-bottom="on"] .topbtn{bottom:10em;}
@media screen and (max-width: 750px) {
	.user .topbtn{bottom:2em; font-size:0.8em;}
	.user#sub[data-scroll-bottom="on"] .topbtn{bottom:12.5em;}
}