@charset "utf-8";
/* 
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'NanumSquare', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Wemakeprice-SemiBold';
 */
@font-face {
    font-family: 'Wemakeprice-SemiBold';
    src: url('../../../font/Wemakeprice/Wemakeprice-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


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

///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
html{font-size:10px;}
body{font-size:1em; letter-spacing:-0.04em;}
*,
*:before,
*:after{box-sizing:border-box;}
body.fixed{overflow:hidden;}
.user .layout{position:relative; max-width:148em; margin:0 auto; padding:0 2em; box-sizing:border-box;}
#wrap{
	overflow:hidden; position:relative;
}
body, h1, h2, h3, h4, h5, h6, th, td, input, select, textarea{font-family:'Noto Sans KR', Arial, sans-serif;}



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

	Header

////////////////////////////////////////////////////////////////////////////// */
.user #header{position:absolute; top:0; z-index:600; width:100%; font-family: 'NanumSquare', sans-serif;}
.user #header h1{
	position:absolute; left:calc(50% - (144em / 2)); top:2.1em; z-index:200; font-size:1em;
	-webkit-transition:left 0.2s linear;
	transition:left 0.2s linear;
}
.user #header h1 span{display:block;}
.user #header h1 span>a{overflow:hidden; content:""; display:block; width:17.3em; height:6em; text-align:left; text-indent:-1000px; background-image:url(../../../images/site/eng/layout/layout.svg); background-repeat:no-repeat; background-position:-25em -57.6em; background-size:100em auto;}



.user #header #etc{
	position:absolute; right:calc(50% - (144em / 2)); top:3.5em; z-index:300;
	-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;}
.user #header #etc>ul>li>a{display:block; width:3.8em; height:3.8em;}
.user #header #etc>ul>li.all{margin-left:1em;}
.user #header #etc>ul>li.all{width:4em; height:4em;}
.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:0 0; background-size:100em auto;
	background-image:url(../../../images/site/eng/layout/layout.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/eng/layout/layout.svg); background-position:-24em -7.2em; background-size:100em auto;
	-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 #header #etc>ul>li.mo>a{display:block; height:auto; line-height:2.7em; font-size:16px; color:#fff;}
.user[data-gnb="on"] #header #etc>ul>li.mo>a{color:#222;}

#header  #etc>ul{ display: flex; align-items: center;}
#header .sns{ display: flex; }
#header .sns a{ display: flex !important; align-items: center;  height:auto !important; }
#header .sns a img{  width: 75%;}


.user #header .select{margin-top:1.5em;}
.user #header .select>.head>a>span{line-height:1; font-weight:500; font-size:1.6em; color:#fff;}
.user #header .select{position:relative;}
.user #header .select>.head>a{display:block; position:relative; padding-right:2.9em;}
.user #header .select>.head>a:after{content:""; display:block; position:absolute; right:0; top:calc(50% - 1.2em - 0.3em); width:2.4em; height:2.4em; background-image:url(../../../images/site/eng/layout/layout.svg); background-position:-8em 0; background-size:100em auto;}
.user #header .select>.midd{
	display:none; position:absolute; right:0; top:100%; z-index:50; width:11em; line-height:1.6; padding:2em; border:1px solid #efefef; background-color:#fff;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;
	-webkit-box-shadow: 0.4em 0.4em 1em rgba(0, 0, 0, 0.16);
    box-shadow: 0.4em 0.4em 1em rgba(0, 0, 0, 0.16);
}
.user #header .select>.midd>ul{overflow:auto; max-height:15em;}
.user #header .select>.midd>ul>li:nth-child(n+2){margin-top:0.8em; padding-top:0.8em; border-top:1px dashed #eee;}
.user #header .select>.midd>ul>li>a{display:block;}
.user #header .select>.midd>ul>li>a>span{font-size:1.5em;}

.user #header .select[data-open="on"]>.head>a:after{-webkit-transform:rotate(180deg); transform:rotate(180deg);}


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



/*Menu*/
.user #header #nav{position:relative; z-index:0; width:100%; height:11em; letter-spacing:0; border-bottom:1px solid rgba(255,255,255,0.5); box-sizing:border-box;}
.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%; text-align: center; outline:none;}
.user #header #nav #gnb::after{
	opacity:0; content:""; display:block; position:absolute; left:0; top:11rem; z-index:0; width:100%; height:calc(100% - 11rem); border-top:1px solid rgba(189, 189, 189, 0.5); background-color:#fff;
	-webkit-box-shadow: 5rem 5rem 4rem 0rem rgba(43, 70, 120, 0.12);
	box-shadow: 5rem 5rem 4rem 0rem rgba(43, 70, 120, 0.12);
}
.user #header #nav #gnb > ul{position:relative; z-index:100;}
.user #header #nav #gnb > ul > li > div  a[target="_blank"]:after{content:""; display:inline-block; position:relative !important; right:auto !important; top:0em !important; width:1.3em; height:1.3em; margin-left:0.4em; font-size:1em; background-image:url(../../../images/site/eng/layout/layout.svg); background-repeat:no-repeat; background-position:0 -45.6em; background-size:100em auto;}
.user #header #nav #gnb > ul > li > div  > ul > li > div  > ul > li a[target="_blank"]:after{top:0.1em !important;}
.user #header #nav #gnb > ul {display:block; width:100%; max-width:90em; padding:0; margin:0 auto; text-align:center;}
.user #header #nav #gnb > ul::after{content:""; display:block; clear:both;}
.user #header #nav #gnb > ul > li {float:left; width:25%; padding:0; vertical-align: top; text-align:center;}
.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; width:100%; height:11rem;}
.user #header #nav #gnb > ul > li > a:before{
	content: ""; display:none; position: absolute; left:calc(50% - 0.8em); bottom:0;
	width:0;height:0;
	border-top:0.8em solid none;
	border-bottom:0.8em solid #126FDD;
	border-right: 0.8em solid transparent;
	border-left: 0.8em solid  transparent;
	
}
.user #header #nav #gnb > ul > li > a:after {
	content: ""; display: block; position: absolute; left: 50%; bottom:0; width: 0; height: 0.3rem; background-color: #126FDD;
	-webkit-transition: left 0.3s ease, width 0.3s ease;
	transition: left 0.3s ease, width 0.3s ease;
}
.user #header #nav #gnb > ul > li > a > span {display:table-cell; width:100%; text-align:left; vertical-align:middle; font-weight:600; font-size:2.1rem; color: #fff;}
.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; width: 100%; line-height:1.3; text-align: left;}
.user #header #nav #gnb > ul > li > div > ul {min-height:40rem; padding:3rem 0 5rem 0; 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 {width:100%;}
.user #header #nav #gnb > ul > li > div > ul > li:nth-child(n+2){margin-top:1.5em;}
.user #header #nav #gnb > ul > li > div > ul > li > a {display:block; position: relative; padding:0;}
.user #header #nav #gnb > ul > li > div > ul > li > a > span {font-weight:400; font-size: 1.8rem; color: #555;}
.user #header #nav #gnb > ul > li > div > ul > li > a:hover > span{font-weight:400 !important; color: #000;}
.user #header #nav #gnb > ul > li > div > ul > li > div {margin-top:1rem; font-family: 'Noto Sans KR', sans-serif;}
.user #header #nav #gnb > ul > li > div > ul > li > div > ul > li {position: relative; padding-left:0.7rem;}
.user #header #nav #gnb > ul > li > div > ul > li > div > ul > li::before{content:"-"; display:block; position:absolute; left:0.5em; top:0; font-size: 1.6rem; color: #555;}
.user #header #nav #gnb > ul > li > div > ul > li > div > ul > li:nth-child(n+2) {margin-top: 1rem;}
.user #header #nav #gnb > ul > li > div > ul > li > div > ul > li > a{display:block; padding-left:1rem;}
.user #header #nav #gnb > ul > li > div > ul > li > div > ul > li > a > span {position: relative; font-weight:300 !important; font-size: 1.6rem; color: #555;}
.user #header #nav #gnb > ul > li > div > ul > li > div > ul > li > a:hover > span {text-decoration:underline;}
.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 > a:hover > span {text-decoration:underline; font-weight:600;}
.user #header #nav #gnb > ul > li:hover > a:after {left:0; width:100%;}
.user #header #nav #gnb > ul > li:hover > a:before{display:block;}
.user #header #nav #gnb > ul > li:hover > a>span{font-weight:600; color:#126FDD;}


body[data-scroll="on"] #header{background-color:#fff;}
body[data-scroll="on"] #header h1 span>a{background-position:0 -57.6em;}
body[data-scroll="on"] #header #etc>ul>li.all>a:before{background-position:-4em 0;}
body[data-scroll="on"] #header .select>.head>a:after{background-position:-10.4em 0;}
body[data-scroll="on"] #header .select>.head>a>span{color:#333;}
body[data-scroll="on"] #header #nav #gnb::after{opacity:1;}
body[data-scroll="on"] #header #nav #gnb > ul > li > a > span{color:#333;}

body[data-scroll="on"] #header #etc>ul>li.mo>a{color:#333;}

@media screen and (min-width:1291px){
	body[data-gnb="on"] #header{background-color:#fff;}
	body[data-gnb="on"] #header h1 span>a{background-position:0 -57.6em;}
	body[data-gnb="on"] #header #etc>ul>li.all>a:before{background-position:-4em 0;}
	body[data-gnb="on"] #header .select>.head>a:after{background-position:-10.4em 0;}
	body[data-gnb="on"] #header .select>.head>a>span{color:#333;}
	body[data-gnb="on"] #header #nav #gnb::after{opacity:1;}
	body[data-gnb="on"] #header #nav #gnb > ul > li > a > span{color:#333;}
}




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

	Footer

////////////////////////////////////////////////////////////////////////////// */
#footer{position:relative; z-index:500; font-family:'NanumSquare', sans-serif; background-color:#000; background-image:url(../../../images/site/eng/layout/footer_bg.jpg); background-repeat:no-repeat; background-position:center bottom; background-size:cover;}
#footer>.layout{padding-top:6em; padding-bottom:6em;}
#footer .menu>ul::after{content:""; display:block; clear:both;}
#footer .menu>ul>li{float:left; position:relative;}
#footer .menu>ul>li:not(:last-child){padding-right:calc(3.2em + 1px);}
#footer .menu>ul>li:not(:last-child):before{content:""; display:block; position:absolute; right:1.6em; top:calc(50% - 0.6em); width:1px; height:1.2em; background-color:#EAEBEF;}
#footer .menu>ul>li>a{font-size:1.6em; color:rgba(255, 255, 255, 1);}
#footer .menu>ul>li>a>strong{font-weight:500; color:#99B3E3;}

#footer address,
#footer .copy{display:block; font-style:normal; font-size:1.6em; color:#fff;}
#footer address span,
#footer .copy span{display:inline-block;}
#footer address{margin-top:1.5em;}




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

	Media

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


	/* header scroll */
	.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);
	}
	
}


@media screen and (max-width:1480px){
	.user #header h1{left:2em;}
	.user #header #global>.layout>div{margin-right:0;}
	.user #header #etc{right:2em;}
}
@media screen and (max-width:1290px){
	.js_mobile_check{display:block;}

	
	/* Header */
	.user #header #global,
	.user #header #nav{display:none;}
	.user #header{position:fixed; z-index:1500; height:9em; border-bottom:1px solid rgba(255,255,255,0.5);}
	.user #header h1{top:1.8em; z-index:0;}
	.user #header h1 span>a{width:18.3em; height:4.4em; background-position:-18.3em -63.6em;}
	.user #header .select{opacity:0;}
	.user[data-sitemap="on"] #header .select{
		opacity:1;
		-webkit-transition:opacity 0s linear 0.5s; transition:opacity 0s linear 0.5s;
	}
	.user #header #etc{top:2.4em;}
	.user #header #etc>ul>li.all{display:block;}
	.user #header #etc>ul>li.all>a.allmenu_btn_close{position:fixed; right:2em; top:2.2em; z-index:2002; width:2.4em; height:2.4em;}
	.user #header #etc>ul>li.all>a.allmenu_btn:before{background-position:0 0;}
	.user #header #etc>ul>li.all>a.allmenu_btn_close:before{background-position:-19.2em 0;}
	.user #header #etc>ul>li.mo{display:none;}

	body[data-scroll="on"] #header{
		-webkit-box-shadow:0 10px 10px rgba(99, 99, 99, 0.1);
		box-shadow:0 10px 10px rgba(99, 99, 99, 0.1);
	}
	body[data-scroll="on"] #header h1 span>a{background-position:0 -63.6em;}
	body[data-scroll="on"] #header #etc>ul>li.all>a.allmenu_btn:before{background-position:-4em 0;}


	/* gnb */
	.user #sitemap{position:fixed !important; right:0; top:0; z-index:2000; width:100%; height:100%; font-family: 'Noto Sans KR', sans-serif;}
	.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{opacity:0; position:absolute; right:0; top:0; z-index:100; width:100%; max-width:100%; height:100%; padding:0; background-color:#fff;}
	.user #sitemap>.layout:before{content:""; display:block; position:absolute; left:0; top:0; z-index:10; width:100%; height:6.8em; background-color:#1A2949;}
	.user #sitemap>.layout>strong{display:block; position:relative; z-index:100; height:3.4em; line-height:2.916em; padding:0 0 0 1.5em; font-weight:400; font-size:2em; border-bottom:1px solid rgba(255, 255, 255, 0.12); color:#fff;}
	.user #sitemap>.layout>.head{position:absolute; right:5.5em; top:2em; z-index:100; padding:0;}
	.user #sitemap>.layout>.head>div:after{content:""; display:block; clear:both;}
	.user #sitemap>.layout>.head>div .select{margin-top:0;}
	.user #sitemap>.layout>.head>div .select>.head{width:12.3em; height:2.8em; background-color:#001031;}
	.user #sitemap>.layout>.head>div .select>.head>a{display:block; line-height:2.8em; padding-left:1.1em;}
	.user #sitemap>.layout>.head>div .select>.head>a>span{font-weight:400; font-size:1.5em; color:#fff !important;}
	.user #sitemap>.layout>.head>div .select>.head>a:after{right:0.5em; top:0.5em; font-size:0.8em; background-position:-7.2em -24em; background-size:100em auto;}
	.user #sitemap>.layout>.head>div .select[data-open="on"]>.head>a:after{background-position:-9.6em -24em;}
	.user #sitemap>.layout>.head>div .select>.midd{width:100%; padding:1em 2em;}
	.user #sitemap>.layout>.head>div>ul>li>a{display:block;}
	.user #sitemap>.layout>.head>div>ul>li>a>span{font-weight:400; font-size:1.5em; color:#fff;}

	.user #sitemap>.layout>.midd{overflow:hidden; position:relative; z-index:90; height:calc(100% - 6.8em);}
	.user #sitemap>.layout>.midd:before{content:""; display:block; position:absolute; left:0; top:0; width:19.3em; height:200%; background-color:#F2F2F2;}
	.user #sitemap>.layout>.midd a[target="_blank"]>span:after{content:""; display:inline-block; width:2.4em; height:2.4em; margin:0.1em 0 0 0.3em; font-size:0.6em; vertical-align:top; background-image:url(../../../images/site/eng/layout/layout.svg); background-repeat:no-repeat; background-position:0 -43.2em; background-size:100em auto;}
	.user #sitemap>.layout>.midd>ul>li>a{display:block; position:relative; width:19.3em; padding:1.5em 3em; border-bottom:1px solid rgba(255, 255, 255, 0.15); color:#333;}
	.user #sitemap>.layout>.midd>ul>li:nth-child(n+2)>a{border-top:1px solid #fff;}
	.user #sitemap>.layout>.midd>ul>li>a[target="_blank"]:not(.on)>span:after{background-position:0 -43.2em;}
	.user #sitemap>.layout>.midd>ul>li>a[target="_blank"].on>span:after{background-position:-2.4em -43.2em;}
	.user #sitemap>.layout>.midd>ul>li>a>span{font-size:1.7em;}
	.user #sitemap>.layout>.midd>ul>li>div{overflow:auto; position:absolute; left:19.3em; top:0; width:calc(100% - 19.3em); height:100%; padding:0 1.4em;}
	.user #sitemap>.layout>.midd>ul>li>div>ul{padding:0 0 1.5em 0;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>a{display:block; position:relative; padding:1.7em 3em 1.7em 1em; border-bottom:1px solid #E9E9E9; color:#555;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>a.child:after{
		content:""; display:block; position:absolute; right:1em; top:calc(50% - 1.2em); width:2.4em; height:2.4em; background-image:url(../../../images/site/eng/layout/layout.svg); background-repeat:no-repeat; background-position:0 -24em; background-size:100em auto;
		-webkit-transition:all 0.2s linear;
		transition:all 0.2s linear;
	}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>a.on.child:after{
		-webkit-transform:rotate(180deg);
		transform:rotate(180deg);
	}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>a>span{position:relative; font-weight:400; font-size:1.6em;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>div{padding:1.5em 1.3em; border-bottom:1px solid #E9E9E9; border-top:1px solid #4E9BF6; background-color:#fff;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>div>ul>li>a{display:block; position:relative; padding:0.5em 0 0.5em 1em; color:#555;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>div>ul>li>a:before{
		content:""; display:block; position:absolute; left:1px; top:1.7em; width:3px; height:3px; background-color:#555;
		-webkit-border-radius:50%;
		border-radius:50%;
	}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>div>ul>li>a>span{position:relative; font-size:1.6em;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>div>ul>li>div{padding:1.5em; margin-top:0.5em; background-color:#F2F2F2;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>div>ul>li>div>ul>li:nth-child(n+2){margin-top:0.4em;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>div>ul>li>div>ul>li>a{color:#555;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>div>ul>li>div>ul>li>a>span{position:relative; padding-left:0.7em; font-size:1.5em;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>div>ul>li>div>ul>li>a>span:before{
		content:""; display:block; position:absolute; left:0; top:0.8em; width:4px; height:1px; background-color:#555;
	}
	.user #sitemap>.layout>.midd>ul>li div{display:none;}
	
	
	.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>div>ul>li>div>ul>li>a.child:after{
		content:""; display:block; position:absolute; right:0; top:calc(50% - 1.2em); width:2.4em; height:2.4em; font-size:0.7em; background-image:url(../../../images/site/eng/layout/layout.svg); background-repeat:no-repeat; background-position:0 -24em; background-size:100em auto;
		-webkit-transition:all 0.2s linear;
		transition:all 0.2s linear;

		-webkit-transform:rotate(180deg);
		transform:rotate(180deg);
	}

	.user #sitemap>.layout>.midd>ul>li>a.on{color:#fff; background-color:#4E9BF6;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>a.on{border-color:#4E9BF6; color:#1A2949;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>a.on>span{font-weight:500;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>div>ul>li>a.on{font-weight:500; color:#444;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>div>ul>li>a.on>span:before{background-color:#646667;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>div>ul>li>a.on.child:after{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>div>ul>li>a.on+div{margin-bottom:1em;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>div>ul>li>div>ul>li>a.on{color:#333;}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>div>ul>li>div>ul>li>a.on>span{text-decoration:underline;}

	.user #sitemap>.layout>.midd>ul>li.site>a{padding:1.5em 2.1em; border-left:0.9em solid #f2f2f2; border-right:0.9em solid #f2f2f2; border-top:none; background-color:#E5E5E5;}
	.user #sitemap>.layout>.midd>ul>li.site>a.on{background-color:#222;}


	.user #sitemap{
		right:-100%;
		-webkit-transition:right 0s linear 0.6s;
		transition:right 0s linear 0.6s;
	}
	.user #sitemap>.layout{
		right:-41.4em; max-width:50em;
		-webkit-transition:right 0.3s linear 0s, opacity 0.3s linear 0s;
		transition:right 0.3s linear 0s, opacity 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{
		opacity:1; right:0; 
		-webkit-transition:right 0.3s linear 0.3s, opacity 0.3s linear 0.3s;
		transition:right 0.3s linear 0.3s, opacity 0.3s linear 0.3s;
	}
	.user[data-sitemap="on"] #sitemap>.layout>.head,
	.user[data-sitemap="on"] #sitemap>.layout>.midd{display:block;}
}
@media screen and (max-width:950px){
	#footer .copy{position:relative; right:auto; bottom:auto; margin-top:1em;}
	#footer .copy::before{display:none;}
}
@media screen and (max-width:800px){
	#footer>.layout{padding-top:2.7em; padding-bottom:2.7em; text-align:center;}
	#footer .menu>ul>li{float:none; display:inline-block;}
	#footer .select{position:relative; right:auto; top:auto; margin:1em auto 0; text-align:left;}
	#footer address>ul>li>strong,
	#footer address>ul>li>div{float:none; width:100%;}
	#footer address>ul>li>div{margin-top:0.3em;}
}
@media screen and (max-width:600px){
	.user #header{font-size:0.7em;}
	.user #header #etc>ul>li.all>#sitemap{font-size:1rem;}
}
@media screen and (max-width:500px){
	.user #sitemap>.layout>.midd:before,
	.user #sitemap>.layout>.midd>ul>li>a{width:18em;}
	.user #sitemap>.layout>.midd>ul>li>div{left:18em; width:calc(100% - 18em);}
}
@media screen and (max-width:400px){
	.user #sitemap>.layout>.midd{font-size:0.8em;}

	#footer .select{width:100%;}
	#footer .menu{font-size:0.9em;}
	#footer .menu>ul>li:not(:last-child):before{top:calc(50% - 0.8em);}
	#footer address, 
	#footer .copy{font-size:1.4em;}
}
@media screen and (max-width:360px){
	.user #header #etc>ul>li [data-search="s"]{position:fixed; left:0; top:0; z-index:1000; max-width:100%; height:6em; padding:1.3em 5.5em 1.3em 1.5em; border:none; background-color:#fff;}
	.user #header #etc>ul>li #search-btn_close{position:fixed; right:1.5em; top:2em; z-index:1005;}
	.user #header #etc>ul>li [data-search="s"]>input[type="text"]{
		border:1px solid #d1d1d1;
		-webkit-border-radius:0.3em;
		border-radius:0.3em;
	}
	.user #header #etc>ul>li [data-search="s"]>input[type="submit"]{right:6.5em; top:2em;}
	.user #header #etc>ul>li.all{z-index:100;}

	#footer .menu>ul>li:not(:last-child){padding-right:calc(2em + 1px);}
	#footer .menu>ul>li:not(:last-child):before{right:1em;}
}



	


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

	Container

////////////////////////////////////////////////////////////////////////////// */
.user#sub #container{position:relative;}

.user#sub #visual{display:table; table-layout:fixed; position:relative; width:100%; height:36em; padding-top:11em; background-color:#000; background-image:url(../../../images/site/eng/layout/visual_1.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.user#sub #visual>.in{display:table-cell; vertical-align:middle; text-align:center;}
.user#sub #visual>.in>strong{display:block; line-height:1.4; color:#fff;}
.user#sub #visual>.in>strong{font-weight:500; font-size:4.3em;}
.user#sub #visual .location{line-height:4em; margin-top:2em;}
.user#sub #visual .location > span,
.user#sub #visual .location > strong{display:inline-block; position:relative; vertical-align:middle; font-size:1.6em; color:#fff;}
.user#sub #visual .location > strong{text-decoration:underline; font-weight:500; color:#fff;}
.user#sub #visual .location > span i,
.user#sub #visual .location > strong i{opacity:0; position:absolute;}
.user#sub #visual .location > span:nth-child(1){
	position:relative; width:2.4em; height:2.4em; font-size:1em; background-repeat:no-repeat; background-position:0 -16.8em; background-size:100em auto;
	background-image:url(../../../images/site/eng/layout/layout.svg);
}
.user#sub #visual .location > span:nth-child(1)>a{overflow:hidden; display:block; width:100%; height:100%; text-align:left; text-indent:-1000px;}
.user#sub #visual .location > span:not(:nth-child(1)),
.user#sub #visual .location > strong:not(:nth-child(1)){
	padding-left:1.7142em;
}
.user#sub #visual .location > span:not(:nth-child(1)):before,
.user#sub #visual .location > strong:not(:nth-child(1)):before{
	content:""; overflow:hidden; position:absolute; left:0; top:50%; width:2.4em; height:2.4em; text-indent:-1000px; font-size:0.625em; background-repeat:no-repeat; background-position:-2.4em -16.8em; background-size:100em auto;
	background-image:url(../../../images/site/eng/layout/layout.svg);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.user#sub #visual .location > span > a,
.user#sub #visual .location > strong > a{color:inherit;}

.user#sub #container #remote{position:absolute; top:-4em; left:2em; z-index:1; width:24.5em;}
.user#sub #container #remote h2{display:table; table-layout:fixed; width:100%; height:15.7em; padding:0 1.2em; font-size:1em; background-color:#20335B; background-image:url(../../../images/site/eng/layout/lnb_bg.svg); background-repeat:no-repeat; background-position:left bottom; background-size:cover;}
.user#sub #container #remote h2>span{display:table-cell; width:100%; text-align:center; vertical-align:middle; font-weight:500; font-size:2.6em; color:#fff;}
.user#sub #container #remote #lnb>ul{width:100%; margin-top:1em; border:1px solid #EAEAEA; border-bottom:none;}
.user#sub #container #remote #lnb ul li a{position:relative; display:block;}
.user#sub #container #remote #lnb ul li a:after{content:""; position:absolute; right:2em;}
.user#sub #container #remote #lnb>ul>li a[target="_blank"]:after{display:inline-block; position:absolute; right:1.8em; width:2.4em; height:2.4em; background-image:url(../../../images/site/eng/layout/layout.svg); background-repeat:no-repeat; background-position:0 -43.2em; background-size:100em auto;}
.user#sub #container #remote #lnb>ul>li>a[target="_blank"].on:after{background-position:-2.4em -43.2em;}

.user#sub #container #remote #lnb>ul>li>a{padding:1.6em 4.5em 1.6em 2.4em; text-decoration:none; border-bottom:1px solid #EAEAEA; color:#333;}
.user#sub #container #remote #lnb>ul>li>a.child::after{top:2em; right:1.8em; width:2.4em; height:2.4em; background-image:url(../../../images/site/eng/layout/layout.svg); background-repeat:no-repeat; background-position:-4.8em -24em; background-size:100em auto;}
.user#sub #container #remote #lnb>ul>li>a:hover::before{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #4493F1;}
.user#sub #container #remote #lnb>ul>li>a.ov{border-color:#4493F1; color:#fff; background-color:#4493F1;}
.user#sub #container #remote #lnb>ul>li>a.ov:after{background-position:-12em -24em;}
.user#sub #container #remote #lnb>ul>li>a>span{font-weight:500; font-size:1.8em;}
.user#sub #container #remote #lnb>ul>li>a.child:after{background-position:0 -24em;}
.user#sub #container #remote #lnb>ul>li>ul>li>a:not(.child)[target="_blank"]{padding-right:1em;}
.user#sub #container #remote #lnb>ul>li>ul>li>a:not(.child)[target="_blank"]:after{display:inline-block; position:relative; top:auto; right:auto !important; margin-left:0.4em; vertical-align:top;}
.user#sub #container #remote #lnb>ul>li>ul>li>ul>li>a:not(.child)[target="_blank"]{padding-right:2.3em;}
.user#sub #container #remote #lnb>ul>li>ul>li>ul>li>a:not(.child)[target="_blank"]:after{display:inline-block; position:relative; top:auto; right:auto !important; margin-left:0.4em; vertical-align:top;}
.user#sub #container #remote #lnb>ul>li>a.child.ov:after{background-position:-9.6em -24em;}

.user#sub #container #remote #lnb>ul>li ul{display:none;}
.user#sub #container #remote #lnb>ul>li>ul{padding:1em 0.9em; margin-top:0; border:none; border-bottom:1px solid #EAEAEA; background-color:#fff; box-sizing:border-box;}
.user#sub #container #remote #lnb>ul>li>ul>li{margin-top:0;}
.user#sub #container #remote #lnb>ul>li>ul>li>a{padding:0.5em 1em 0.5em 2.8em; color:#555;}
.user#sub #container #remote #lnb>ul>li>ul>li>a.child,
.user#sub #container #remote #lnb>ul>li>ul>li>a[target="_blank"]{padding-right:3.7em;}
.user#sub #container #remote #lnb>ul>li>ul>li>a.child:after{content:""; display:block; position:absolute; right:1.8em; top:0.7em; width:2.4em; height:2.4em; background-image:url(../../../images/site/eng/layout/layout.svg); background-repeat:no-repeat; background-position:-4.8em -24em; background-size:100em auto;}
.user#sub #container #remote #lnb>ul>li>ul>li>a.child:after{
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	-webkit-transition:transform 0.2s linear;
	transition:transform 0.2s linear;
}
.user#sub #container #remote #lnb>ul>li>ul>li>a.child.ov:after{
	background-position:-19.2em -24em;
	-webkit-transform:rotate(270deg);
	transform:rotate(270deg);
}
.user#sub #container #remote #lnb>ul>li>ul>li>a>span{position:relative; font-size:1.6em; color:#555;}
.user#sub #container #remote #lnb>ul>li>ul>li>a.ov>span,
.user#sub #container #remote #lnb>ul>li>ul>li>a:hover>span{position:relative; text-decoration:underline;}
.user#sub #container #remote #lnb>ul>li>ul>li>a:before{
	content:""; display:block; position:absolute; left:1.7em; top:1.5em; width:5px; height:5px; background-color:#adadad;
	-webkit-border-radius:50%;
	border-radius:50%;
}
.user#sub #container #remote #lnb>ul>li>ul>li>a.ov:before,
.user#sub #container #remote #lnb>ul>li>ul>li>a:hover:before{background-color:#516cae;}
.user#sub #container #remote #lnb>ul>li>ul>li>ul{width:calc(100% - 3.4em); padding:1em 1.8em; margin:0.5em 1.7em; background-color:#F2F2F2;}
.user#sub #container #remote #lnb>ul>li>ul>li>ul>li>a{padding:0.1em 0; color:#555;}
.user#sub #container #remote #lnb>ul>li>ul>li>ul>li>a.ov,
.user#sub #container #remote #lnb>ul>li>ul>li>ul>li>a:hover{text-decoration:underline; font-weight:500;}
.user#sub #container #remote #lnb>ul>li>ul>li>ul>li>a>span{position:relative; padding-left:0.5em; font-size:1.5em;}
.user#sub #container #remote #lnb>ul>li>ul>li>ul>li>a>span:before{content:"-"; position:absolute; left:0; top:0;}

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

#path{position:relative; border-bottom:1px solid #E5E5E5;}
#path h3{line-height:1.2; padding:4.3em 0 3em; font-size:1em;}
#path h3>span{font-size:3.4em; font-weight:500; color:#222;}

#navi{position:absolute; right:0; bottom:2.7em; text-align:right;}
#navi:after{content:""; display:block; clear:both;}
#navi > .sns,
#navi > .print{display:block; float:left;}
#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 #C2C2C2;
	-webkit-border-radius:0.8em;
	border-radius:0.8em;
	-webkit-transition:border-color 0.2s linear;
	transition:border-color 0.2s linear;
}
#navi > .sns > a:before,
#navi > .print > a:before{content:""; display:block; position:absolute; left:calc(50% - 1.2em); top:calc(50% - 1.2em); width:2.4em; height:2.4em; background-image:url(../../../images/site/eng/layout/layout.svg); background-repeat:no-repeat; background-position:center center;}
#navi > .sns > a.open{z-index:0;}
#navi > .sns > a.open:before{background-position:-4.8em -16.8em;}
#navi > .sns > a.open:hover:before{}
#navi > .sns > a.close{display:none; left:calc(50% - 0.9em); top:calc(50% - 0.9em); z-index:600; width:1.8em; height:1.8em; border:none;}
#navi > .sns > a.close:before{
	background-position:-16.8em 0;
	-webkit-transition:transform 0.3s ease;
	transition:transform 0.3s ease;
}
#navi > .print > a:before{background-position:-7.2em -16.8em;}
#navi > .print > a:hover{border-color:#222;}
#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; left:50%; top:calc(100% + 1.5em); z-index:500; padding:1em 2em 0.8em; border:1px solid #CBCBCB; background-color:#fff;
	-webkit-border-radius:0.8em;
	border-radius:0.8em;
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}
#navi > .sns > ul:before{
	content:""; display:block; position:absolute; left:50%; top:0; width:1.6em; height:1.6em; border:1px solid #CBCBCB; background-color:#fff;
	border-right-color:transparent;
	border-bottom-color:transparent;
	-webkit-transform:translate(-50%, -50%) rotate(45deg);
	transform:translate(-50%, -50%) rotate(45deg);
}
#navi > .sns > ul>li{display:inline-block; vertical-align:top;}
#navi > .sns > ul>li:nth-child(n+2){margin-left:2em;}
#navi > .sns > ul>li>a{display:block; position:relative;}
#navi > .sns > ul>li>a:before{
	content:""; display:block; position:relative; z-index:0; width:3.5em; height:3.5em; margin:0.5em auto 1em;
	-webkit-border-radius:50%;
	border-radius:50%;
	-webkit-transition:background-color 0.2s linear;
	transition:background-color 0.2s linear;
}
#navi > .sns > ul>li>a:after{content:""; display:block; position:absolute; left:calc(50% - 1.2em); top:0.1em; z-index:30; width:2.4em; height:2.4em; margin:0.5em auto 1em; background-image:url(../../../images/site/eng/layout/layout.svg); background-repeat:no-repeat; background-position:center center;}
#navi > .sns > ul>li>a.f:after{background-position:-9.6em -16.8em;}
#navi > .sns > ul>li>a.t:after{background-position:-12em -16.8em;}
#navi > .sns > ul>li>a.f:before{background-color:#4065B4;}
#navi > .sns > ul>li>a.t:before{background-color:#4FB8FF;}
#navi > .sns > ul>li>a.f:hover:before{background-color:#213D79;}
#navi > .sns > ul>li>a.t:hover:before{background-color:#0071D9;}


#navi > .sns > ul>li>a>span{display:block; text-align:center; font-size:1.2em; color:#555;}


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

#txt{min-height:34em; line-height:1.6; padding-bottom:3em; margin-top:2.875em; font-size:16px; letter-spacing:0; color:#333;}
#txt img{max-width:100%;}

@media screen and (max-width:1300px){
	#path{padding-top:0;}
	#navi{width:100%; text-align:right;}
	#navi > .location{position:absolute; right:0; bottom:4.5em; width:100%; margin-right:0;}
	#navi > .sns,
	#navi > .print{float:none; display:inline-block;}
}
@media screen and (max-width:1290px){
	.user#sub #visual{height:30em; padding-top:9em;}
	.user#sub #visual>.in>strong{font-size:3.8em;}
	#path{padding-top:2em;}
	#path h3{padding-top:0;}
	#path h3>span{font-size:3em;}

	.user#sub #container{margin-top:2em;}
	.user#sub #container>.layout:before, 
	.user#sub #container>.layout:after{display:none;}
	.user#sub #container #remote{display:none;}
	.user#sub #container #content{padding-left:0; padding-bottom:7em;}

	#path{border-width:2px;}

	#txt{min-height:30em;}
}
@media screen and (max-width:1024px){
	#path h3{padding-right:4.5em;}
	#navi{bottom:calc(100% - 6.6em);}
	#navi > .sns > ul{left:calc(-100% + 2em);}
	#navi > .sns > ul:before{left:calc(100% - 2.8em);}
	#navi > .print{display:none;}
	.user#sub #visual .location{display:none;}
}
@media screen and (max-width:600px){
	.user#sub #visual{height:26em; padding-top:6em;}
	.user#sub #visual>.in>span{font-size:1.6em;}
	.user#sub #visual>.in>strong{font-size:3em;}
	.user#sub #container{margin-top:0;}
	.user#sub #container #content{padding:3em 0;}

	#path{padding-top:0;}
	#path h3{padding-bottom:1.5em;}
	#path h3>span{font-size:3em;}
	#navi{bottom:calc(100% - 4.3em);}

	#txt{min-height:20em;}
}
@media screen and (max-width:400px){
	.user#sub #visual>.in>span{font-size:1.4em;}
	.user#sub #visual>.in>strong{font-size:2.4em;}
}



/* 만족도조사 */
/*  만족도조사 */
.user #satisfaction {
	overflow:hidden; position:relative; font-size:1em; border:1px solid #d2d2d2; background:#fff;
	-webkit-border-radius:0.8em;
	border-radius:0.8em;
}
.user #txt #satisfaction{font-size:0.5882em;}
.user #satisfaction .title {display:none;}
.user #satisfaction .manager {position:relative; padding:1.7em 3em; margin:0; border:none; border-bottom:1px solid #eaecf1;}
.user #satisfaction .manager:after {content:""; display:block; clear:both;}
.user #satisfaction .manager>strong{float:left; display:block; position:relative; padding-left:1.666em; width:6.666em; font-weight:500; font-size:1.5em; color:#1a2949;}
.user #satisfaction .manager>strong::before{content:""; display:block; position:absolute; left:0; top:0; width:2.4em; height:2.4em; font-size:0.666em; background-image:url(../../../images/site/eng/layout/layout.svg); background-position:0 -87.2em; background-repeat:no-repeat; background-size:100em auto;}
.user #satisfaction .manager ul {float:left; width:calc((100% - 1px - 20em - 6em));}
.user #satisfaction .manager ul li{float:none; padding:0; margin:0.3em 0 0 0; position:relative;}
.user #satisfaction .manager ul li:after{display:none;}
.user #satisfaction .manager ul li:first-child {margin-top:0;}
.user #satisfaction .manager ul li span{display:inline-block; position:relative; vertical-align:top; font-weight:400; font-size:1.5em; color:#646464;}
.user #satisfaction .manager ul li>span:not(:first-child){padding-left:0.6em; margin-left:0.6em;}
.user #satisfaction .manager ul li>span:not(:first-child):before{content:""; display:block; position:absolute; left:-1px; top:0.4em; width:1px; height:0.8em; background-color:#e5e5e5;}
.user #satisfaction .manager ul li>span.tel{padding-left:2em; margin-left:2em;}
.user #satisfaction .manager ul li>span.tel::before{content:""; display:block; position:absolute; left:0; top:-0.2em; width:2.4em; height:2.4em; font-size:0.666em; background-color:transparent; background-image:url(../../../images/site/eng/layout/layout.svg); background-position:-2.4em -87.2em; background-repeat:no-repeat; background-size:100em auto;}
.user #satisfaction .manager ul li span a{color:#646464;}
.user #satisfaction .manager .date {float:right; position:relative; right:auto; top:auto; width:10.5em; padding-left:0; text-align:right; font-size:1.5em; color:#646464; background:none;}
.user #satisfaction .manager .date span {display:inline-block; position:relative; padding:0 1em 0 0; font-weight:500; color:#1a2949;}
.user #satisfaction .evaluation {padding:2em 3em; border:none; border-top:1px solid #EAEAEA; background:#fff;}
.user #satisfaction .evaluation dl dt {position:relative; color:#3c3c3c; padding:0; line-height:1.4375em; font-size:1.6em;}
.user #satisfaction .evaluation dl dt:before{display:none;}
.user #satisfaction .evaluation dl dd {position:relative; padding:0 50% 0 0;}
.user #satisfaction .evaluation dl dd ul.check {width:auto; padding:1em 0 0 0;}
.user #satisfaction .evaluation dl dd ul.check:after {content:""; display:block; clear:both;}
.user #satisfaction .evaluation dl dd ul.check li {float:left; margin-bottom:0.5em; margin-right:1em;}
.user #satisfaction .evaluation dl dd ul.check li:last-child {margin-right:0;}
.user #satisfaction .evaluation dl dd ul.check li label {margin-left:0.4em; font-size:1.5em; color:#484848;}
.user #satisfaction .evaluation dl dd ul.check li label::before{top:0.4em !important;}
.user #satisfaction .evaluation dl dd .opinion {width:50%; position:absolute; right:0; top:-0.5em; box-sizing:border-box; padding-right:10.5em;}
.user #satisfaction .evaluation dl dd .opinion input[type="text"] {
	width:100%; border:1px solid #E5E5E5; height:2.875em; line-height:calc(2.875em - 2px); padding-left:1em; font-size:1.6em; background-color:#fff;
	-webkit-border-radius:0.4em;
	border-radius:0.4em;
}
.user #satisfaction .evaluation dl dd .opinion input[type="text"]::-webkit-input-placeholder {color:#707070;}
.user #satisfaction .evaluation dl dd .opinion input[type="text"]:-moz-placeholder {color:#707070;}
.user #satisfaction .evaluation dl dd .opinion input[type="text"]::-moz-placeholder {color:#707070;}
.user #satisfaction .evaluation dl dd .opinion input[type="text"]:-ms-input-placeholder {color:#707070;}
.user #satisfaction .evaluation dl dd .opinion input[type="button"] {
	width:6.25em; font-size:1.6em; cursor:pointer; line-height:2.875em; height:100%; border:0; background:#3a4763; color:#fff; text-align:center; position:absolute; right:0; top:0;
	-webkit-border-radius:0.4em;
	border-radius:0.4em;
}
@media screen and (max-width: 650px){
	.user #satisfaction .manager ul{width:calc((100% - 1px - 10em));}
	.user #satisfaction .manager .date{margin-top:1em;}
}
@media screen and (max-width: 500px){
	.user #satisfaction .manager ul li>span.tel{padding:0; margin:0;}
	.user #satisfaction .manager ul li>span.tel::before,
	.user #satisfaction .manager ul li>span.tel::after{content:"("; display:inline; position:relative; left:auto; top:auto; width:auto; height:auto; font-size:1em; background:none !important;}
	.user #satisfaction .manager ul li>span.tel::after{content:")";}
}
@media screen and (max-width: 420px){
	.user #satisfaction .manager>strong{display:block; float:none;}
	.user #satisfaction .manager ul{float:none; width:100%; margin-top:1em;}
	.user #satisfaction .manager ul>li{padding-left:0.8em; margin-left:1.2em;}
	.user #satisfaction .manager ul>li::before{content:""; display:block; position:absolute; left:0; top:1em; width:3px; height:3px; background-color:#646464;}
	.user #satisfaction .evaluation{padding:2em 2.5em;}
	.user #satisfaction .evaluation dl dd{padding-right:0;}
	.user #satisfaction .evaluation dl dd .opinion{position:relative; width:100%; margin-top:1em;}
}
@media screen and (max-width: 430px){
	.user #satisfaction .evaluation dl dd .opinion{padding-right:0;}
	.user #satisfaction .evaluation dl dd .opinion input[type="button"]{position:relative; width:100%; margin-top:0.4em}
}
@media screen and (max-width: 400px){
}







@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,
	.user#sub #container>.layout:before, 
	.user#sub #container>.layout:after,
	.user#sub #satisfaction{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;}	
	.user#sub #link-service{display:none;}

	.user#sub #txt{font-size:10px;}
}