@charset "utf-8";


/* 
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Nanum Square', sans-serif;
font-family: 'Montserrat', sans-serif;
 */


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	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:148em;margin:0 auto;padding:0 2em;box-sizing:border-box;}
#wrap{
	overflow:hidden; padding-top:16.2em; box-sizing:border-box;
}
body, h1, h2, h3, h4, h5, h6, th, td, input, select, textarea{font-family: 'Pretendard','malgun gothic', Arial, sans-serif;}

body#sub{overflow-y:scroll;}
   
  
/* //////////////////////////////////////////////////////////////////////////////

	Header

////////////////////////////////////////////////////////////////////////////// */
.user #header{position:absolute; top:0; z-index:600; width:100%;  background-color:#fff;}
.user #header h1{
	position:absolute; left:6em; top:7.2em; z-index:200; font-size:1em;
	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: 27em;
	height: 7em;
	text-align:left;
	text-indent:-1000px;
	background-image:url(../../../images/site/kor/layout/logo.svg);
	background-repeat:no-repeat;
	background-size:auto;
	}


.user #header #global{position:relative;z-index:500;/* height:5.2em; *//* background-color:#193148; */border-bottom: 1px solid #dedede;}
.user #header #global>.layout{max-width:100%; padding: 10px 0;}
.user #header #global>.layout:after{content:""; display:block; clear:both;}
.user #header #global>.layout>div:nth-child(1){float:left; margin-left:4em;}
.user #header #global>.layout>div:nth-child(1) a{/* line-height:5.2em; */display: block;}
.user #header #global>.layout>div:nth-child(2){float:right; margin-right:4em;}
.user #header #global>.layout>div:after{content:""; display:block; clear:both;}
.user #header #global>.layout>div>ul::after{content:""; display:block; clear:both;}
.user #header #global>.layout>div>ul>li{float:left;position:relative;/* line-height:5.2em; */}
.user #header #global>.layout>div>ul>li:not(:last-child){margin-right:1em;}
.user #header #global>.layout>div>ul>li>a{display:block;}
.user #header #global a{font-weight:500;font-size:1.5em;padding: 6px 0;}
.user #header #global a.login{ border-radius: 30px; border: 1px solid #005eb6;padding: 4px 13px; color: #005eb6; transition: all ease-in 0.3s;}
.user #header #global a.login:hover{ background-color: #005eb6; color: #fff;}
.user #header #global a.komir{ position: relative;}
.user #header #global a.komir:before{ content: ""; display: block; width: 100%; height: 3px; background-color: #0082cc; position: absolute; left: 0; bottom: -10px;}
.user #header #global>.layout>div>ul>li>a>span,
.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/kor/layout/layout.svg); background-position:-2.4em 0; background-size:auto;}
.user #header .select>.midd{
	display:none; position:absolute; right:-1.5em; top:100%; z-index:50; width:22em; line-height:1.6; padding:2em; border:1px solid #efefef; background-color:#fff;
	border-radius:0.5em;
	border-radius:0.5em;
	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 #global>.layout>div>ul>li:last-child>.select>.midd{width:11em;}
.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{background-position:-4.8em 0;}

.user #header #global .sitemap{position:relative; padding-right:3.4em;}
.user #header #global .sitemap::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/kor/layout/layout.svg); background-position:0 0; background-size:100em auto;}
.user #header #global .sitemap:hover>span{text-decoration:none;}

.user #header #global .login-msg{font-size:1.6em; color:rgba(255,255,255,0.8);}
.user #header #global .login-msg a{
	display:inline-block; line-height:1; padding:0.6em 0.8em; margin-left:0.5em; font-size:0.9em; color:rgba(255,255,255,1); background-color:#4493F1;
	border-radius:0.4em; border-radius:0.4em;
}
.user #header #global .sns>ul{margin-top:1em;}
.user #header #global .sns>ul:after{content:""; display:block; clear:both;}
.user #header #global .sns>ul>li{float:left; position:relative; padding:0 0.5em;}
.user #header #global .sns>ul>li>a{display:block; position:relative; width:2.4em; height:2.4em; font-size:1.3em;}
.user #header #global .sns>ul>li>a::before{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../../../images/site/kor/layout/layout.svg); background-repeat:no-repeat; background-size:100em auto;}
.user #header #global .sns>ul>li>a.b::before{background-position:0 -52.8em;}
.user #header #global .sns>ul>li>a.f::before{background-position:-2.4em -52.8em;}
.user #header #global .sns>ul>li>a.t::before{background-position:-4.8em -52.8em;}
.user #header #global .sns>ul>li>a.y::before{background-position:-7.2em -52.8em;}
.user #header #global .sns>ul>li>a.b:hover::before{background-position:0 -52.8em;}
.user #header #global .sns>ul>li>a.f:hover::before{background-position:-2.4em -52.8em;}
.user #header #global .sns>ul>li>a.t:hover::before{background-position:-4.8em -52.8em;}
.user #header #global .sns>ul>li>a.y:hover::before{background-position:-7.2em -52.8em;}
.user #header #global .sns>ul>li>a>span{opacity:0; position:absolute;}





.user #header #etc{
	position:absolute;
	right:6em;
	top: 53%;
	z-index:300;
	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:4.8em; height:4.8em;}
.user #header #etc a.sitemap{display:block; width:4.8em; height:4.8em;text-indent: -999999px; background:url(../../../images/site/kor/layout/ico-sitemap.svg) no-repeat center center}

.user #header #etc>ul>li.all{display:none;}
.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: -14.3em -7.2em;
	background-image:url(../../../images/site/kor/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/kor/layout/layout.svg); background-position:-24em -7.2em; background-size:100em auto;
	transition:transform 0.3s ease;
	transition:transform 0.3s ease;
}
.user #header #etc>ul>li.all>a.allmenu_btn_close:hover:before{
	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;}


.memf{border-bottom: 1px solid #dedede;padding: 12px 10px;background: #cfe2f5;}
.mem-info ul{ display: flex;  justify-content: end;}
.mem-info li{ margin: 0 5px; }
.mem-info li a{font-size: 14px;display: inline-block;padding:6px 15px;border-radius: 30px;/* border: 1px solid #dedede; */background: #fff;}
.mem-info li:first-child{ display: none;}
@media screen and (min-width:345px){
	.memf{padding: 12px 5px;}
	.mem-info li a{padding:6px 12px;}
}


.user #header #etc>ul>li [data-search="s"]{
	position:relative;
	width:100%;
	max-width: 23.2em;
	height:4.5em;
	border: 1px solid #393939;
	background-color:#fff;
	border-radius:0.3125em;
	border-radius: 30px;
}
.user #header #etc>ul>li [data-search="s"]:after{content:""; display:block; clear:both;}
.user #header #etc>ul>li [data-search="s"]>input[type="text"],
.user #header #etc>ul>li [data-search="s"]>input[type="submit"]{float:left;font-size:1.6em;height: 2.7em !important;}
.user #header #etc>ul>li [data-search="s"]>input[type="text"]{width:100%;padding: 0 3em 0 14px;border:none;background-color:transparent;outline:none;}
.user #header #etc>ul>li [data-search="s"]>input[type="submit"]
{overflow:hidden;position:absolute;right:1.4em;top:1em;width:2.2em;height:2.2em;text-align:left;font-size:1em;text-indent:-1000px;background-color:transparent;
	background-image: url(../../../images/site/kor/content/ico-finder.svg); background-repeat: no-repeat; background-size:100% auto;}
.user #header #etc>ul>li [data-search="s"]>input[type="text"]::placeholder{font-weight:500; color:#666;}
.user #header #etc>ul>li [data-search="s"]>input[type="text"]:focus{outline:solid coral;}
.user #header #etc>ul>li form{display:block;}
.user #header #etc>ul>li #search-btn,
.user #header #etc>ul>li #search-btn_close{overflow:hidden; display:none; position:absolute; right:0; top:0; width:2.4em; height:2.4em; text-align:left; text-indent:-1000px; background-image:url(../../../images/site/kor/layout/layout.svg); background-repeat:no-repeat; background-position:-9.6em 0;}
.user #header #etc>ul>li #search-btn_close{
	right:0.2em;
	top:1em;
	background-position: -16.8em 0;
	transition:transform 0.2s linear;
	transition:transform 0.2s linear;
}
.user #header #etc>ul>li #search-btn_close:hover{
	transform:rotate(180deg);
	transform:rotate(180deg);
}


/*Menu*/
.user #header #nav{
	position:relative; z-index:0; width:100%; height:11em; letter-spacing:0; border-bottom:1px solid #ddd; box-sizing:border-box;
	/* transition:height 0.2s linear;
	transition:height 0.2s linear; */
}
.user #header.on #nav{
	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 > div  a[target="_blank"]:after{content:""; display:block; position:absolute; right:1.5rem; top:0.2em; width:2.4rem; height:2.4rem; background-image:url(../../../images/site/kor/layout/layout.svg); background-repeat:no-repeat; background-position:0 -43.2rem;}
.user #header #nav #gnb > ul > li > div  > ul > li > a[target="_blank"]:after{top:1.2rem;}
.user #header #nav #gnb > ul > li > div  > ul > li > div  > ul > li a[target="_blank"]:after{display:inline-block; position:relative; right:auto; top:auto; margin-left:0.3em; vertical-align:top;}
.user #header #nav #gnb > ul {display:block;padding: 0 24em;text-align:center;}
.user #header #nav #gnb > ul > li {display: inline-block; height:11rem; padding: 0 2.6rem; vertical-align: top; text-align:left;}
.user #header #nav #gnb > ul > li:nth-child(7),
.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:before{
	content: ""; display:none; position: absolute; left:calc(50% - 0.8em); bottom:2.8em;
	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:2.8em; width: 0; height: 0.3rem; background-color: #0082cc;
	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;vertical-align:middle;font-weight: 500;font-size: 2.1rem;color: #333;}
.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% + 57.5rem); top: 0; z-index: 0; width: 50%; height: 100%; 
	background-color: #F6FCFF;
	background-image:url(../../../images/site/kor/layout/gnb_bg.jpg); background-repeat: no-repeat; background-position:right top; background-size:auto 100%;
}
.user #header #nav #gnb > ul > li > div > strong {position: absolute; right: calc(50% + 57.5rem + 5rem); top:5.2rem; z-index: 100; width:29.3rem; text-align:right; }
.user #header #nav #gnb > ul > li > div > strong:after{content:""; display:inline-block; width:9.6em; height:9.6em; margin-top:4em; margin-right:-1em; background-image:url(../../../images/site/kor/layout/layout.svg); background-position:0 -72.8em;}
.user #header #nav #gnb > ul > li:nth-child(1) > div > strong:after{background-position:0 -72.8em;}
.user #header #nav #gnb > ul > li:nth-child(2) > div > strong:after{background-position:calc(-9.6em * 1) -72.8em;}
.user #header #nav #gnb > ul > li:nth-child(3) > div > strong:after{background-position:calc(-9.6em * 2) -72.8em;}
.user #header #nav #gnb > ul > li:nth-child(4) > div > strong:after{background-position:calc(-9.6em * 3) -72.8em;}
.user #header #nav #gnb > ul > li:nth-child(5) > div > strong:after{background-position:calc(-9.6em * 4) -72.8em;}
.user #header #nav #gnb > ul > li:nth-child(6) > div > strong:after{background-position:calc(-9.6em * 5) -72.8em;}
.user #header #nav #gnb > ul > li > div > strong > em {display: block; position:relative; font-style:normal; font-weight:600; font-size: 3.4rem; color: #333;}
.user #header #nav #gnb > ul > li > div > strong > span {display:block; line-height: 1.5; margin-top: 2rem; font-weight:500; font-size: 1.6rem; color: #555;}
.user #header #nav #gnb > ul > li > div > ul {max-width:155rem; min-height:40rem; padding:3rem 0 5rem 25rem; 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 - (2rem * 4)) / 5); margin-left:2rem;}
.user #header #nav #gnb > ul > li > div > ul > li:nth-child(5n+1) {clear: both; margin-left: 0;}
.user #header #nav #gnb > ul > li > div > ul > li:nth-child(n+6) {margin-top:3rem;}
.user #header #nav #gnb > ul > li > div > ul > li > a {
	display: block; position: relative; padding: 1rem 3.6rem 1rem 2rem; border: 1px solid #ddd; background: #FFFFFF;
	border-radius:0.4rem;
	border-radius:0.4rem;
	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: 1.5rem; top: 1.3rem; width: 2.4rem; height: 2.4rem; background-image: url(../../../images/site/kor/layout/layout.svg); background-repeat: no-repeat; background-position:-2.4rem -84.8rem;}
.user #header #nav #gnb > ul > li > div > ul > li > a > span {font-weight:500; font-size: 1.8rem; color: #333;}
.user #header #nav #gnb > ul > li > div > ul > li > div {margin-top: 1.8rem; }
.user #header #nav #gnb > ul > li > div > ul > li > div > ul > li {position: relative; padding-left: 2rem;}
.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{display:block; padding-left:0rem;}
.user #header #nav #gnb > ul > li > div > ul > li > div > ul > li > a > span {position: relative; font-size: 1.6rem; color: #555;}
.user #header #nav #gnb > ul > li > div > ul > li > div > ul > li > a:hover > span {text-decoration:underline; font-weight:500;}
.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-color:#0082cc; background-color:#0082cc;}
.user #header #nav #gnb > ul > li > div > ul > li:hover > a:after{
	background-position:0 -84.8rem;
	transform:rotate(180deg); transform:rotate(180deg);
}
.user #header #nav #gnb > ul > li > div > ul > li:hover > a[target="_blank"]:after{background-position:-2.4rem -43.2rem;}
.user #header #nav #gnb > ul > li > div > ul > li:hover > a > span {color: #fff;}
.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:#0082cc;}



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

popup

////////////////////////////////////////////////////////////////////////////// */
.user [data-layout="popup"]{
    overflow:hidden; position:absolute; left:0; top:-15.8em; width:100%; height:0; background-color:#4E7AB8;
    transition:height 0.2s linear;
    transition:height 0.2s linear;
}
.user [data-layout="popup"] .layout{display:none; z-index:300; height:100%;}
.user [data-layout="popup"]::before,
.user [data-layout="popup"]::after{content:""; display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; background-repeat:no-repeat; background-size:auto 100%;}
.user [data-layout="popup"]::before{background-image:url(../../../images/site/kor/main/popup_left.png); background-position:left top;}
.user [data-layout="popup"]::after{background-image:url(../../../images/site/kor/main/popup_right.png); background-position:right top;}

.user [data-layout="popup"] .in{position:relative; max-width:89.5em; height:100%; margin:0 auto;}
.user [data-layout="popup"] .in [class*="btn_"]{display:block; position:absolute; top:calc(50% - 2.2em); z-index:100; width:2.4em; height:4.4em; background-image:url(../../../images/site/kor/main/main.svg); background-position:0 -65em; background-repeat:no-repeat; background-size:100em auto;}
.user [data-layout="popup"] .in [class*="btn_"]>span{opacity:0; position:absolute;}
.user [data-layout="popup"] .in .btn_prev{left:0;}
.user [data-layout="popup"] .in .btn_next{
	right:0;
	transform:rotate(180deg); transform:rotate(180deg);
}
.user [data-layout="popup"] .in .move{position:relative; height:100%;}
.user [data-layout="popup"] .in .move>ul,
.user [data-layout="popup"] .in .move>ul>li{display:table; table-layout:fixed; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%;}
.user [data-layout="popup"] .in .move>ul>li>a{display:none; width:100%; padding:0 13em 0 6em; text-align:left; vertical-align:middle;}
.user [data-layout="popup"] .in .move>ul>li>a::after{content:""; display:block; position:absolute; right:6em; top:calc(50% - 2.1em); width:6em; height:4.2em; background-image:url(../../../images/site/kor/main/main.svg); background-position:-2.4em -65em; background-repeat:no-repeat; background-size:100em auto;}
.user [data-layout="popup"] .in .move>ul>li>a>strong,
.user [data-layout="popup"] .in .move>ul>li>a>span{display:block; line-height:1.4; color:#fff;}
.user [data-layout="popup"] .in .move>ul>li>a>strong{font-weight:600; font-size:2.4em;}
.user [data-layout="popup"] .in .move>ul>li>a>span{margin-top:0.5em; font-weight:500; font-size:1.8em;}

.user [data-layout="popup"] .etc{position:absolute; right:2em; bottom:1em;}
.user [data-layout="popup"] .etc label,
.user [data-layout="popup"] .etc input[type="checkbox"],
.user [data-layout="popup"] .etc .close{display:inline-block; line-height:3.2em; vertical-align:middle;}
.user [data-layout="popup"] .etc label{font-size:1.4em; color:#fff;}
.user [data-layout="popup"] .etc input[type="checkbox"]{width:1.3em; height:1.3em;}
.user [data-layout="popup"] .etc .close{width:3.2em; height:3.2em; margin-left:1em; background-image:url(../../../images/site/kor/main/main.svg); background-position:-8.4em -65em; background-repeat:no-repeat; background-size:100em auto;}
.user [data-layout="popup"] .etc .close>span{opacity:0; position:absolute;}

.user [data-layout="popup"] .in .move>ul>li[data-type*="text-"]>a{padding-left:calc(6em + 16.5em);}
.user [data-layout="popup"] .in .move>ul>li[data-type*="text-"]>a::before{content:""; display:block; position:absolute; left:6em; top:0; width:16.5em; height:15.8em; background-image:url(../../../images/site/kor/main/main.svg); background-repeat:no-repeat; background-size:100em auto;}
.user [data-layout="popup"] .in .move>ul>li[data-type="text-1"]>a::before{background-position:0 -69.4em;}
.user [data-layout="popup"] .in .move>ul>li[data-type="text-2"]>a::before{background-position:calc(-16.5em * 1) -69.4em;}
.user [data-layout="popup"] .in .move>ul>li[data-type="text-3"]>a::before{background-position:calc(-16.5em * 2) -69.4em;}
.user [data-layout="popup"] .in .move>ul>li[data-type="text-4"]>a::before{background-position:calc(-16.5em * 3) -69.4em;}
.user [data-layout="popup"] .in .move>ul>li[data-type="text-5"]>a::before{background-position:calc(-16.5em * 4) -69.4em;}
.user [data-layout="popup"] .in .move>ul>li[data-type="text-6"]>a::before{background-position:calc(-16.5em * 5) -69.4em;}
.user [data-layout="popup"] .in .move>ul>li[data-type="text-7"]>a::before{background-position:calc(-16.5em * 6) -69.4em;}

.user [data-layout="popup"] .in .move>ul>li.on{z-index:400;}
.user [data-layout="popup"] .in .move>ul>li.on>a{display:table-cell;}
.user [data-layout="popup"] .in .move>ul>li.on>a>strong,
.user [data-layout="popup"] .in .move>ul>li.on>a>span{
	animation-name:popup;
	animation-duration:0.5s;
	animation-timing-function:linear;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
}


.user[data-popup="on"] #header{margin-top:15.8em;}
.user[data-popup="on"] [data-layout="popup"]{height:15.8em;}
.user[data-popup="on"] [data-layout="popup"] .layout{display:block;}
.user[data-popup="on"][data-scroll="on"] #header{margin-top:0 !important;}

@keyframes popup {
	0%{opacity:0; transform:translateX(30px); transform:translateX(30px);}
	100%{opacity:1; transform:translateX(0); transform:translateX(0);}
}
@keyframes popup {
	0%{opacity:0; transform:translateX(30px); transform:translateX(30px);}
	100%{opacity:1; transform:translateX(0); transform:translateX(0);}
}
@media screen and (max-width:1024px){
    .user [data-layout="popup"]::before, 
    .user [data-layout="popup"]::after{opacity:0.7;}
    .user [data-layout="popup"]::before{background-position:left -24em top;}
    .user [data-layout="popup"]::after{display:none;}
}
@media screen and (max-width:800px){
	.user [data-layout="popup"] .in .move{font-size:0.9em;}
	.user [data-layout="popup"] .etc{bottom:0.5em; font-size:0.9em;}
}
@media screen and (max-width:600px){
	.user [data-layout="popup"] .layout{padding:0;}
	.user [data-layout="popup"] .in .btn_prev{left:1em;}
	.user [data-layout="popup"] .in .btn_next{right:1em;}
	.user [data-layout="popup"] .in .move>ul>li>a{padding:0 6em 2em 6em;}
	.user [data-layout="popup"] .in .move>ul>li>a::after{display:none;}
	.user [data-layout="popup"] .in .move>ul>li[data-type*="text-"]>a{padding:0 6em 2em 6em;}
	.user [data-layout="popup"] .in .move>ul>li[data-type*="text-"]>a::before{display:none;}
}
@media screen and (max-width:450px){
	.user [data-layout="popup"] .in .move{font-size:0.8em;}
}



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

Link Service

////////////////////////////////////////////////////////////////////////////// */
#link-service{position:relative; z-index:100; width:100%; height:12em;}
#link-service>.in{position:absolute; left:0; bottom:0; width:100%; background-color:#1A2949;}
#link-service>.in>.layout{
	overflow:hidden; height:12em;
	transition:height 0.2s linear;
	transition:height 0.2s linear;
}
#link-service [class*="btn_"]{
	display:block; position:absolute; left:calc(50% - 4.15em); bottom:100%; width:8.3em; height:3.3em; margin:0 auto; background-color:rgba(26, 41, 73, 0.5);
	border-radius:0.8em 0.8em 0 0;
	border-radius:0.8em 0.8em 0 0;
}
#link-service [class*="btn_"]: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/kor/layout/layout.svg); 
	background-repeat:no-repeat; background-size:100em auto; background-position:0 -31.2em;
	transition:transform 0.2s linear;
	transition:transform 0.2s linear;
}
#link-service [class*="btn_"]>span{opacity:0; position:absolute;}
#link-service .btn_up{display:none;}
#link-service .btn_down{display:block;}
#link-service .head{position:relative; width:15em;}
#link-service .midd{position:absolute; right:2em; top:3.5em;}
#link-service .head>strong{display:block; padding-top:2.5em;}
#link-service .head>strong>span{display:block; line-height:1.4; font-weight:600; font-size:2.4em;}
#link-service .head>strong>span:nth-child(1){color:#fff;}
#link-service .head>strong>span:nth-child(2){font-weight:500; color:#DCEBFD;}
#link-service .midd>ul::after{content:""; display:block; clear:both;}
#link-service .midd>ul>li{float:left; margin-left:6.3em;}
#link-service .midd>ul>li>a{display:block; position:relative; min-height:4.8em; line-height:4.8em; padding-left:5.6em;}
#link-service .midd>ul>li>a:before{
	content:""; display:block; position:absolute; left:0; top:0; width:4.8em; height:4.8em; 
	background-color:rgba(255, 255, 255, 0.14); background-image:url(../../../images/site/kor/layout/layout.svg); 
	background-repeat:no-repeat; background-size:100em auto;
	border-radius:0.8em;
	border-radius:0.8em;
	transition:background-color 0.2s linear;
	transition:background-color 0.2s linear;
}
#link-service .midd>ul>li>a:hover:before{background-color:#4E9BF6;}
#link-service .midd>ul>li.icon-1>a:before{background-position:0 -33.6em;}
#link-service .midd>ul>li.icon-2>a:before{background-position:calc(-4.8em * 1) -33.6em;}
#link-service .midd>ul>li.icon-3>a:before{background-position:calc(-4.8em * 2) -33.6em;}
#link-service .midd>ul>li.icon-4>a:before{background-position:calc(-4.8em * 3) -33.6em;}
#link-service .midd>ul>li.icon-5>a:before{background-position:calc(-4.8em * 4) -33.6em;}
#link-service .midd>ul>li.icon-6>a:before{background-position:calc(-4.8em * 5) -33.6em;}
#link-service .midd>ul>li>a>span{display:block; font-size:1.6em; color:#fff;}


#link-service[data-scroll="on"]>.in{position:fixed; left:0; bottom:0;}
#link-service[data-open="off"],
#link-service[data-open="off"]>.in>.layout{height:0;}
#link-service[data-open="off"]>.in>.layout>.head,
#link-service[data-open="off"]>.in>.layout>.midd{display:none;}
#link-service[data-open="off"] .btn_up{display:block;}
#link-service[data-open="off"] .btn_up:before{
	transform:rotate(180deg);
	transform:rotate(180deg);
}
#link-service[data-open="off"] .btn_down{display:none;}



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

	Footer

////////////////////////////////////////////////////////////////////////////// */
#footer{position:relative;z-index:500;background-color: #292f39;}
#footer .bnr-link{background-color: #1d2229;}
#footer .bnr-link a{ display: block; padding: 20px 0;}
#footer .bnr-link .d-flex { display: flex;}
#footer .bnr-link .d-flex li{ width: calc(100% / 4); border-right: 1px solid rgba(255, 255, 255, 0.2);}
#footer .bnr-link .d-flex li:first-child{border-left: 1px solid rgba(255, 255, 255, 0.2);}
#footer .bnr-link .d-flex li a{display: block;padding: 30px 0;background-color: #1d2229;color: #fff;font-size: 19px;text-align: center; transition: all ease-in 0.3s;}
#footer .bnr-link .d-flex li a:hover{ background-color: #323e4e;}

#footer>.layout{padding-top:3.4em; padding-bottom:3.4em;background-image:url(../../../images/site/kor/layout/foot-logo.gif);  background-repeat: no-repeat; background-position: right 10px bottom 40px; }
#footer .menu{margin-bottom:1.9em;border-bottom: 1px solid rgba(255, 255, 255, 0.1);padding: 0 0 34px 0;}
#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: #c3c3c3;}
#footer .menu>ul>li>a>strong{font-weight:600;color: #ddc612;}

#footer address,
#footer .copy{font-style:normal;font-size:1.6em;color: #a7a7a7;}
#footer address p{ margin-bottom: 5px;}
#footer address p:first-child{ color: rgba(255, 255, 255, 0.9);}
#footer .copy{ margin: 6px 0 0 0;}
#footer address span,
#footer .copy span{display:inline-block; position: relative;}
#footer address span:not(:last-child){padding-right: calc(1.8em + 1px);}
#footer address span:not(:last-child):before{content:"";display:block;position:absolute;right: 0.7em;top:calc(50% - 0.4em);width:1px;height:0.8em;background-color:rgba(255,255,255,0.2);}
#footer address div{ margin-bottom: 10px;}
#footer address div:first-child{ margin: 5px 0 15px 0;}
#footer address div strong{ display: inline-block;  color: #fff; font-weight: normal; }



#footer .sns{
	position:absolute; right:2em; top:4.5em;
	transform:translateY(-50%);
	transform:translateY(-50%);
}
#footer .sns>ul:after{content:""; display:block; clear:both;}
#footer .sns>ul>li{float:left; position:relative; padding:0 1.2em;}
#footer .sns>ul>li:not(:last-child){}
#footer .sns>ul>li:not(:last-child)::before{content:""; display:block; position:absolute; right:-1px; top:10%; width:1px; height:80%; background-color:#ECECEC;}
#footer .sns>ul>li>a{display:block; position:relative; width:2.4em; height:2.4em;}
#footer .sns>ul>li>a::before{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../../../images/site/kor/layout/layout.svg); background-repeat:no-repeat;}
#footer .sns>ul>li>a.b::before{background-position:0 -50.4em;}
#footer .sns>ul>li>a.f::before{background-position:-2.4em -50.4em;}
#footer .sns>ul>li>a.t::before{background-position:-4.8em -50.4em;}
#footer .sns>ul>li>a.y::before{background-position:-7.2em -50.4em;}
#footer .sns>ul>li>a.b:hover::before{background-position:0 -52.8em;}
#footer .sns>ul>li>a.f:hover::before{background-position:-2.4em -52.8em;}
#footer .sns>ul>li>a.t:hover::before{background-position:-4.8em -52.8em;}
#footer .sns>ul>li>a.y:hover::before{background-position:-7.2em -52.8em;}
#footer .sns>ul>li>a>span{opacity:0; position:absolute;}

#footer .mark{position:absolute; right:30em; bottom:3em; width:10em;}
#footer .mark img{width:100%;}


#footer .select{position:absolute;right:2em;top: 2em;width:25.2em;}
#footer .select>.head>a{display:block;position:relative;height: 5em;padding: 1.7em 3.2em 0 1.9em;/* border:1px solid #ccc; */background: #16191f;border-radius: 8px;}
#footer .select>.head>a:after{content:"";display:block;position:absolute;right:1em;top:calc(50% - 1.2em - 0.1em);width:2.4em;height:2.4em;background-image: url(../../../images/site/kor/layout/layout.svg);background-position:-4.8em 0;background-size:auto;}
#footer .select>.head>a>span{line-height:1;font-weight:500;font-size: 1.5em;color:#C4C4C4;}
#footer .select>.midd{
	display:none; position:absolute; right:0; bottom:100%; z-index:50; width:100%; line-height:1.6; padding:2em; border:1px solid #efefef; background-color:#fff;
	border-radius:0.5em 0.5em 0 0;
	border-radius:0.5em 0.5em 0 0;
	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);
}
#footer .select>.midd>ul{overflow:auto; max-height:15em;}
#footer .select>.midd>ul>li:nth-child(n+2){margin-top:0.8em; padding-top:0.8em; border-top:1px dashed #eee;}
#footer .select>.midd>ul>li>a{display:block; }
#footer .select>.midd>ul>li>a>span{font-size:1.5em;}

#footer .select[data-open="on"]>.head>a:after{background-position:-2.4em 0;}




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

	Media

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


	/* header scroll */
	.user[data-scroll="on"] #wrap{padding-top:10.3em;}
	.user[data-scroll="on"] #header{
		position:fixed; height:6em;
		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:0.5em; z-index:300;}
	.user[data-scroll="on"] #header h1 span>a{width: 20.3em;height:4.4em;/* background-position:0 -63.7em; */background-size: cover;}
	.user[data-scroll="on"] #header #etc{top:0.7em;}
	.user[data-scroll="on"] #header #nav{height:6em; border-top:none;}
	.user[data-scroll="on"] #header #nav #gnb > ul{padding:0 30em 0 25em;}
	.user[data-scroll="on"] #header #nav #gnb > ul > li{height:5.9em;}
	.user[data-scroll="on"] #header #nav #gnb > ul > li > a:after,
	.user[data-scroll="on"] #header #nav #gnb > ul > li > a:before{bottom:0;}
	.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:1800px){
	.user #header #nav #gnb > ul > li > div:before{right:auto; left:0; width:35rem;}
	.user #header #nav #gnb > ul > li > div > strong{right:auto; left:2rem; width:30rem;}
	.user #header #nav #gnb > ul > li > div > ul{max-width:100%; padding:3rem 2rem 5rem 38rem;}
}
@media screen and (max-width:1570px){
	.user #header h1{left:2em;}
	.user #header #global>.layout>div{margin-right:0;}
	.user #header #etc{right:2em;}
}
@media screen and (max-width:1500px){
	.user #header #nav #gnb > ul{padding:0 25em 0 25em;}
	.user #header #nav #gnb > ul > li {padding: 0 1.3rem;}
	.user #header #nav #gnb > ul > li > a > span{ font-size: 1.8rem;}
}
@media screen and (max-width:1350px){
	.user #header #nav #gnb > ul > li > div > ul > li{width:calc((100% - 1px - (2rem * 4)) / 4);}
	.user #header #nav #gnb > ul > li > div > ul > li:nth-child(5n+1) {clear:none; margin-left: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:3rem;}
}
@media screen and (max-width:1200px){
	.user #header #nav #gnb > ul::after{content:""; display:block; clear:both;}
	.user #header #nav #gnb > ul > li{float:left; width:calc((100% - 1px) / 6); padding:0 1rem;}
	.user #header #nav #gnb > ul > li > a > span{font-size:1.7rem;}
	.user #header #nav #gnb > ul > li > div:before{width:25rem;}
	.user #header #nav #gnb > ul > li > div > strong{width:20rem;}
	.user #header #nav #gnb > ul > li > div > ul{padding:3rem 2rem 5rem 28rem;}

	.user[data-scroll="on"] #header #nav #gnb > ul{padding:0 26em 0 24em;}

	#link-service .midd>ul>li{margin-left:3em;}
}
@media screen and (max-width:1100px){
	.user #header #nav #gnb > ul > li{padding:0 0.5rem;}

	#link-service .midd>ul>li{margin-left:2.5em;}
}

@media screen and (max-width:1290px){
	.js_mobile_check{display:block;}

	
	/* Header */
	.user #header #global,
	.user #header #nav{display:none;}
	#wrap{padding-top:7em;}
	.user #header{position:fixed;z-index:1500;height:7em;border-bottom:none;/* background-color: #c5c5c5 !important; */border-bottom: 1px solid #dedede;}
	.user #header h1{top:1em; z-index:0;}
	.user #header h1 span>a{width: 20.3em;height:4.4em;/* background-position:-18.3em -63.7em !important; */background-size: cover;}
	.user #header #etc{top:1em;}
	.user #header #etc a.sitemap{ display: none;}
	.user #header #etc>ul>li.all{display:block;}
	.user #header #etc>ul>li #search-btn{display:block;width:4.8em;height:4.8em;background-position: 0.2em -7.2em;}
	.user #header #etc>ul>li [data-search="s"]{display:none; margin-right:4em; border-color:#E8E8E8 !important;}
	.user[data-search="on"] #header #etc>ul>li #search-btn{display:none;}
	.user[data-search="on"] #header #etc>ul>li [data-search="s"],
	.user[data-search="on"] #header #etc>ul>li #search-btn_close{display:block;}


	/* gnb */
	.user #sitemap{position:fixed !important; 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);
		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:500; font-size:2em; border-bottom:1px solid rgba(255, 255, 255, 0.12); color:#fff;}
	.user #header #etc>ul>li.all>a.allmenu_btn_close{position:fixed; right:2em; top:3.5em; z-index:2002; width:4.8em; height:4.8em; font-size:0.5em;}
	.user #sitemap>.layout>.head{position:absolute; right:5em; top:1.6em; z-index:100; padding:0;}
	.user #sitemap>.layout>.head>div:after{content:""; display:block; clear:both;}
	.user #sitemap>.layout>.head>div .select>.head{width:10.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:500; font-size:1.5em;}
	.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>.login-msg{display:block; line-height:1; padding:1em; text-align:center; font-size:1.5em; background-color:#d4e7ff;}
	.user #sitemap>.layout>.login-msg>a{
		display:inline-block; padding:0.6em 0.8em; margin-left:0.4em; font-size:0.9em; color:#fff; background-color:#000;
		border-radius:0.4em; border-radius:0.4em;
	}
	.user #sitemap>.layout>.midd{overflow:hidden; position:relative; z-index:90; height:calc(100% - 6.8em);}
	.user #sitemap>.layout>.login-msg+.midd{height:calc(100% - 6.8em - 6em);}
	.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/kor/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/kor/layout/layout.svg); background-repeat:no-repeat; background-position:0 -24em; background-size:100em auto;
		transition:all 0.2s linear;
		transition:all 0.2s linear;
	}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>a.on.child:after{
		transform:rotate(180deg);
		transform:rotate(180deg);
	}
	.user #sitemap>.layout>.midd>ul>li>div>ul>li>a>span{position:relative; font-weight:500; 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; color:#555;}
	.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:1px; top:0.7em; width:3px; height:3px; background-color:#555;
		border-radius:50%;
		border-radius:50%;
	}
	.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/kor/layout/layout.svg); background-repeat:no-repeat; background-position:0 -24em; background-size:100em auto;
		transition:all 0.2s linear;
		transition:all 0.2s linear;

		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{
		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>.layout>.midd .sns>ul{padding:0 1em; margin-top:1.5em;}
	.user #sitemap>.layout>.midd .sns>ul:after{content:""; display:block; clear:both;}
	.user #sitemap>.layout>.midd .sns>ul>li{float:left; position:relative; padding:0 0.5em;}
	.user #sitemap>.layout>.midd .sns>ul>li>a{display:block; position:relative; width:2.4em; height:2.4em; font-size:1.3em;}
	.user #sitemap>.layout>.midd .sns>ul>li>a::before{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../../../images/site/kor/layout/layout.svg); background-repeat:no-repeat; background-size:100em auto;}
	.user #sitemap>.layout>.midd .sns>ul>li>a.b::before{background-position:0 -52.8em;}
	.user #sitemap>.layout>.midd .sns>ul>li>a.f::before{background-position:-2.4em -52.8em;}
	.user #sitemap>.layout>.midd .sns>ul>li>a.t::before{background-position:-4.8em -52.8em;}
	.user #sitemap>.layout>.midd .sns>ul>li>a.y::before{background-position:-7.2em -52.8em;}
	.user #sitemap>.layout>.midd .sns>ul>li>a.b:hover::before{background-position:0 -52.8em;}
	.user #sitemap>.layout>.midd .sns>ul>li>a.f:hover::before{background-position:-2.4em -52.8em;}
	.user #sitemap>.layout>.midd .sns>ul>li>a.t:hover::before{background-position:-4.8em -52.8em;}
	.user #sitemap>.layout>.midd .sns>ul>li>a.y:hover::before{background-position:-7.2em -52.8em;}
	.user #sitemap>.layout>.midd .sns>ul>li>a>span{opacity:0; position:absolute;}

	.user #sitemap>.layout>.midd>ul>li.site{ display: none;}


	.user #sitemap{
		right:-100%;
		transition:right 0s linear 0.6s;
		transition:right 0s linear 0.6s;
	}
	.user #sitemap>.layout{
		right:-41.4em; max-width:50em;
		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;
		transition:right 0s linear 0s;
		transition:right 0s linear 0s;
	}
	.user[data-sitemap="on"] #sitemap:before{
		opacity:1;
		transition:opacity 0.3s linear 0s;
		transition:opacity 0.3s linear 0s;
	}
	.user[data-sitemap="on"] #sitemap>.layout{
		opacity:1; right:0; 
		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:1000px){
	#link-service .midd{top:2em;}
	#link-service .midd>ul>li{margin-left:5em;}
	#link-service .midd>ul>li>a{line-height:1.2; padding-left:0; text-align:center;}
	#link-service .midd>ul>li>a:before{position:relative; margin:0 auto;}
	#link-service .midd>ul>li>a>span{margin-top:1em;}
}
@media screen and (max-width:990px){
	#footer>.layout{padding-top:2.7em; padding-bottom:2.7em;}
	#footer .site .head{display:none;}
	#footer .site .midd{width:100%;}
	#footer .sns{
		position:relative; right:auto; top:auto; margin-bottom:3em; text-align:center;
		transform:translateY(0);
		transform:translateY(0);
	}
	#footer .sns>ul{display:inline-block; vertical-align:top;}
	#footer .menu>ul>li{margin:0.5em 0;}
  #footer .mark{bottom:2.2em;}
  #link-service .midd>ul>li{margin-left:3em;}

	#footer .bnr-link .layout{ padding: 0}
	#footer .bnr-link .d-flex li a{ padding: 20px 0;}
	#footer .bnr-link .d-flex li a{ font-size: 16px;}
	#footer .bnr-link .d-flex{ flex-wrap: wrap;}
	#footer .bnr-link .d-flex li{ width: calc(50%);margin:0; flex: auto;}
	#footer .bnr-link .d-flex li:nth-child(1),
	#footer .bnr-link .d-flex li:nth-child(2){border-bottom:1px solid rgba(255, 255, 255, 0.2)}
	#footer .bnr-link .d-flex li:first-child{ border-left: none;}

	#footer .select{ position: relative;  left:0;}
	#footer>.layout{ background-image: none;}
	#footer .menu>ul>li>a{ font-size: 1.5em;}
	#footer .menu>ul>li:not(:last-child){padding-right: 15px}

}
@media screen and (max-width:700px){
	#link-service .midd>ul>li{margin-left:2em;}
}
@media screen and (max-width:650px){
	#link-service{font-size:0.8em;}
}
@media screen and (max-width:550px){
	#link-service{height:20em;}
	#link-service>.in>.layout{height:20em;}
	#link-service .head{width:100%; margin-bottom:3em;}
	#link-service .head>strong>span{display:inline-block;}
	#link-service .head>strong>span:nth-child(n+2){margin-left:0.3em;}
	#link-service .midd{position:relative; right:auto; top:auto; width:100%;}
	#link-service .midd>ul>li{width:16.6%; margin-left:0;}
}
@media screen and (max-width:500px){
	#footer address, #footer .copy{padding-right:0;}
	#footer .mark{position:relative; right:auto; bottom:auto; margin:1em auto 0 auto;}

	.user #sitemap>.layout>.midd:before,
	.user #sitemap>.layout>.midd>ul>li>a{width: 15em;padding: 1.5em;}
	.user #sitemap>.layout>.midd>ul>li>div{left: 15em;width: calc(100% - 15em);}

	.user #sitemap>.layout>.login-msg>span{display:block; margin-bottom:0.5em;}
	.user #sitemap>.layout>.login-msg+.midd{height:calc(100% - 6.8em - 8em);}
}
@media screen and (max-width:400px){

	#footer .menu{font-size:0.9em;}
	#footer address, 
	#footer .copy{font-size:1.4em;}
}
@media screen and (max-width:360px){
	.user #sitemap>.layout>.midd{font-size:0.9em;}
	.user #sitemap>.layout>.midd:before, 
	.user #sitemap>.layout>.midd>ul>li>a{width:14em;}
	.user #sitemap>.layout>.midd>ul>li>div{left:14em; width:calc(100% - 14em);}
	.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;
		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;}

	.user #sitemap>.layout>.login-msg{font-size:1.4em;}
}



	


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

	Container

////////////////////////////////////////////////////////////////////////////// */
.user#sub #container{position:relative; margin-top:4em;}

.user#sub #container #remote{position:absolute; top:0; 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: #0082cc;
	border-radius:1.6em 1.6em 0 0;
	border-radius:1.6em 1.6em 0 0; position: relative;
}
.user#sub #container #remote h2:after{ position: absolute; left: 0; top: 0; mix-blend-mode:multiply;
	display: block; width: 100%; height: 100%; content: ""; background-image:  url(../../../images/site/kor/main/visual-bg.png); background-repeat: no-repeat; background-size: 50% auto; background-position: right 10px bottom 0;}



.user#sub #container #remote h2>span{display:table-cell;width:100%;text-align:center;vertical-align:middle;font-weight: 700;font-size: 2.8em;color:#fff;font-family: 'GmarketSans';}
.user#sub #container #remote #lnb ul{width:100%;}
.user#sub #container #remote #lnb ul li{margin-top:0.8em;}
.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/kor/layout/layout.svg); background-repeat:no-repeat; background-position:0 -43.2em; background-size:100em auto;}

.user#sub #container #remote #lnb>ul>li>a{
	padding:1em 6em 1em 1.8em; text-decoration:none; border:1px solid #EAEAEA; color:#333;
	border-radius:0.8em; border-radius:0.8em;
	transition:border-color 0.2s linear; transition:border-color 0.2s linear;
}
.user#sub #container #remote #lnb>ul>li>a:hover{border-color:#20335B;}
.user#sub #container #remote #lnb>ul>li>a:after{top:1.2em; right:1.8em; width:2.4em; height:2.4em; background-image:url(../../../images/site/kor/layout/layout.svg); background-repeat:no-repeat; background-position:-4.8em -24em; background-size:100em auto;}
.user#sub #container #remote #lnb>ul>li>a.ov{border-color:#20335B; color:#fff; background-color:#20335B;}
.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:4.8em;}
.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:1.8em 0 0.8em 0; margin-top:-1em; border:1px solid #EAEAEA; border-top:none; background-color:#fff; box-sizing:border-box;
	border-radius:0 0 0.8em 0.8em; border-radius:0 0 0.8em 0.8em;
}
.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 1.7em 0.5em 2.8em; color:#333;}
.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/kor/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{
	transform:rotate(90deg);
	transform:rotate(90deg);
	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;
	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;font-weight:500;color: #0082cc;}
.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: #b3b3b3;
	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: #0082cc;}
.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 #b9bcc1;}
#path h3{line-height:1.2; padding:3em 0; font-size:1em;}
#path h3>span{font-size: 3.6em;font-weight: 700;color:#222;font-family: 'GmarketSans';}

#navi{position:absolute; right:0; bottom:2.7em; text-align:right;}
#navi:after{content:""; display:block; clear:both;}
#navi > .location,
#navi > .sns,
#navi > .print{display:block; float:left;}
#navi > .location{line-height:4em; margin-right:2em;}
#navi > .location > span,
#navi > .location > strong{display:inline-block; position:relative; vertical-align:middle; font-size:1.6em; color:#666;}
#navi > .location > strong{text-decoration:underline;font-weight:500;color: #0082cc;}
#navi > .location > span i,
#navi > .location > strong i{opacity:0; position:absolute;}
#navi > .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/kor/layout/layout.svg);
}
#navi > .location > span:nth-child(1)>a{overflow:hidden; display:block; width:100%; height:100%; text-align:left; text-indent:-1000px;}
#navi > .location > span:not(:nth-child(1)),
#navi > .location > strong:not(:nth-child(1)){
	padding-left:1.7142em;
}
#navi > .location > span:not(:nth-child(1)):before,
#navi > .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/kor/layout/layout.svg);
	transform:translateY(-50%);
	transform:translateY(-50%);
}
#navi > .location > span > a,
#navi > .location > strong > a{color:inherit;}
#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;
	border-radius:0.8em;
	border-radius:0.8em;
	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/kor/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;
	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{
	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;
	border-radius:0.8em;
	border-radius:0.8em;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
	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;
	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;
	border-radius:50%;
	border-radius:50%;
	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/kor/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.5; padding-bottom:3em; margin-top:2.875em; font-size:17px; 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){
	#path{padding-top:2em;}

	.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;}
}
@media screen and (max-width:1024px){
	#path h3{padding-right:4.5em;}
	/* #navi{bottom:calc(100% - 7.3em);} */
	#navi > .print{display:none;}
	#navi > .sns > ul{left:-50%;}
	#navi > .sns > ul:before{left:79%;}
	#txt{min-height:26em;}
}
@media screen and (max-width:900px){
	#path{padding-top:0;}
	#navi > .location{display:none;}
}
@media screen and (max-width:600px){
	.user#sub #visual{height:14em;}
	.user#sub #visual>.in>strong{font-size:3em;}
	.user#sub #container{margin-top:0;}
	.user#sub #container #content{padding:3em 0;}

	#path h3{padding-top:1em; padding-bottom:1.5em;}
	#path h3>span{font-size:3em;}
	#navi{bottom: calc(100% - 4.2em);}
	#navi > .location{margin-bottom:0.2em;}

	#txt{min-height:1em;}
}
@media screen and (max-width:500px){
	#navi > .location{bottom:5em; line-height:2em;}
}



/* 만족도조사 */
/*  만족도조사 */
.user #satisfaction {
	overflow:hidden; position:relative; font-size:1em; border:1px solid #d2d2d2; background:#fff;
	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/kor/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 - 7em));}
.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:500; 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/kor/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:11em; 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;
	border-radius:0.4em;
	border-radius:0.4em;
}
.user #satisfaction .evaluation dl dd .opinion input[type="text"]::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;
	border-radius:0.4em;
	border-radius:0.4em;
}
.user #satisfaction .open_mark{ display: none;}

@media screen and (max-width: 700px){
	.user #satisfaction .evaluation dl dd{padding-right:0;}
	.user #satisfaction .evaluation dl dd .opinion{position:relative; width:100%; margin-top:1.5em;}
}
@media screen and (max-width: 650px){
	.user #satisfaction .manager ul{width:calc((100% - 1px - 10em));}
	.user #satisfaction .manager .date{float:left; width:100%; margin-top:1em; text-align:left;}
}
@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{font-size:0.9em;}
	.user #satisfaction .manager{padding:1.7em 2em;}
	.user #satisfaction .manager>strong{display:block; float:none;}
	.user #satisfaction .manager ul{float:none; width:100%; margin-top:1em;}
	.user #satisfaction .manager ul>li{margin-left:0.5em;}
/* 	.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;}
}





/* .quickmenu */
html {
	scroll-behavior: smooth;
}
.quickmenu {
	position:absolute;
	width:100px;
	top:50%;
	right:0;
	z-index: 501;
	transform: translateY(-50%);
	background: #fff;
	font-weight: 600;
	box-shadow: 5px 6px 15px 13px rgba(0, 0, 0, 0.03);
	border-top-left-radius: 14px;
	border-bottom-left-radius: 14px;
	overflow: hidden;
	}
.quickmenu a{ text-align: center; display: block;}
.quickmenu ul {}
.quickmenu ul li {width:100%;text-align:center;}
.quickmenu ul li:not( :first-child){ border-top: 1px solid rgba(0, 0, 0, 0.1);}
.quickmenu ul li.quick01 a{background-image:url(../../../images/site/kor/main/ico-wingadd.png)}
.quickmenu ul li.quick02 a{background-image:url(../../../images/site/kor/main/ico-wing01.png)}
.quickmenu ul li.quick03 a{background-image:url(../../../images/site/kor/main/ico-wing02.png)}
.quickmenu ul li.quick04 a{background-image:url(../../../images/site/kor/main/ico-wing03.png)}
.quickmenu ul li a {color:#525252;font-size:15px;padding: 65px 0 15px 0;background-repeat:no-repeat;background-position: center 20px;transition: all ease-in 0.2s;line-height: 1.3;}
.quickmenu ul li a:hover{background-position: center 15px;}
.quickmenu a.top{ background: #00a0d8; color: #fff; font-size: 15px; padding: 15px 0; font-weight: 700; letter-spacing: 1px; position: relative;}
.quickmenu a.top:after{content:"";display:block;position:absolute;right:1em;top:calc(50% - 1.2em - 0.1em);width: 2em;height: 2em;background-image:url(../../../images/site/kor/layout/layout.svg);background-position: -96px -235px;background-size: auto;font-size: 0.8em;}


@media screen and (max-width:1700px){
	.quickmenu{ display: none;}
}






/*모바일 공통*/

@media screen and (max-width:640px){
	body{ font-weight: 500;}
	#txt{ margin-top: 2em; font-size: 15px;}
	#path h3{font-size: 0.8em;}

	.user #header #etc {right: 1em;}
}