@charset "utf-8";
/*-------------------------------------------------------------------
    파일정의 : 레이아웃 스타일
    작성날짜 : YYYY-MM-DD 홍길동
    참고사항 : 레이아웃, 상세스타일, 메뉴스타일 분류
    분류순서 : Wrapper > Header > Content > Footer > Navigation
    속성순서 : 표시 > 위치 > 넘침/흐름 > 크기/간격 > 박스모양 > 폰트/정렬 > 기타
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
    ## Skipnav
-------------------------------------------------------------------*/
#skipNav,
#skipNav ul, #skipNav li {position:absolute; left:0; top:0; z-index:900; width:100%; height:0rem;}
#skipNav a {display:block; position:absolute; left:0; top:0; z-index:1; width:100%; height:5rem; background-color:#fff; font-weight:bold; font-size:1.6rem; box-shadow:0 2px 2px 0 rgba(150,150,150,0.5);text-align:center; line-height:5rem; transform:translate(0, -120%); -webkit-transform:translate(0, -120%);  -ms-transform:translate(0, -120%); transition:all 0.2s ease-in-out;}
#skipNav a:focus {transform:translate(0, 0); -webkit-transform:translate(0, 0);  -ms-transform:translate(0, 0);}
.dv-mobile #skipNav {display:none;}

/*-------------------------------------------------------------------
    ## Wrapper (수정이슈 없는 레이아웃 정책)
-------------------------------------------------------------------*/
/* 레이아웃 기본 */
html, body, #app {height:100%;}
#wrapper {position:relative; min-height:100%;}
#header {position:fixed; left:0; top:0; width:100%; height:10.5rem; z-index:105;}
#footer {position:absolute; left:0; bottom:0; width:100%; z-index:101;}
#container {position:relative; padding:10.5rem 0 23.2rem 0;}

/* s: 접근성 조치후 삭제
	[이슈] 안드로이드 모바일 웹접근성 Talk Back 모드에서 스크롤시 초점이 안따라오는 버그대응
	- body : 1px 의 가로스크롤 방지 (div요소로 대체할경우 스크롤이벤트 동작안함)
	- #app : 1px 공간을 주면 초점이 따라다님
	- 헤더가 Fixed 인경우 스크롤된 상태에서 초점이 안잡혀서 접근성 오류가 되버림
*/
body.dv-android {overflow-x:hidden;}
body.dv-android #app {width:calc(100% + 1px); padding-right:1px;}
/*body.dv-android #header {position:absolute;} 2022.02.15 Del */
.lnb-wrap .lnb .is-current:after {content:''; display:block; position:absolute; top:0px; left:0; width:100%; height:2px; background-color:#a40033;}
/*.lnb-wrap .lnb .is-current .node-link {background:#a40033; border-radius:3px; color:#fff;}*/
/* e: 접근성 조치후 삭제 */

/* 디자인너비 정책 */
.out-sec {position:relative; min-width:128.4rem;}/* transition:all 0.3s; 적용시 리사이징시 반응속도 늦어짐 */
.in-sec {position:relative; width:128.4rem; margin-left:auto; margin-right:auto;}
#header .in-sec {padding:0;}

@media all and (max-width: 1363px){ /* 1284 해상도 + 좌우여백 40*/
	.out-sec {min-width:1px;}
	.in-sec {width:auto; padding-right:4rem; padding-left:4rem;}
	#container .in-sec, #footer .in-sec {}
}
@media all and (max-width: 959px){
	#header {height:5rem;} /* 2022.02.15 Mod */
	#footer {position:static;}
	#container {min-height:40rem; padding-top:4.8rem; padding-bottom:0;}
	.in-sec {width:auto; padding-right:2.5rem; padding-left:2.5rem;}
}

/* 로그인 상태 */
.login-before, .login-after {display:none;}
.is-loginBefore .login-before,
.is-loginAfter .login-after {display:block;}

/*-------------------------------------------------------------------
    ## Header
-------------------------------------------------------------------*/
/* UI Layout */
#header {background-color:#fff;}
#header:after {content:''; display:block; position:absolute; left:0; right:0; bottom:0px; height:1px; background-color:#d4d4d4;}
#header .in-sec {width:auto; height:100%;}
.logo-wrap {position:absolute; left:6rem; top:50%; width:25.5rem; height:8rem; margin-top:-0.1rem; line-height:8rem;}
.logo {display:inline-block; width:100%; height:100%; font-size:0; background:url(/img/cmn/logo_header.png) no-repeat 0 center; background-size:100% auto; vertical-align:top;}
.logo a {display:block; width:100%; height:100%;}
.logo a span {display:block; width:100%; height:100%; text-indent:-9999px;}
.aside-open-wrap {position:absolute; top:50%; left:-100px; transform:translateY(-50%); transition:all 0.3s;}

/* Aside Layout */
.aside-wrap {display:none; position:fixed; left:0; top:0; height:100%; overflow:hidden; width:100%; z-index:110; background-color:#fff; transform:translateX(-100%);}
.aside-wrap .aside-inner {position:relative; z-index:2; height:100%;}
.aside-wrap .btn-close {position:absolute; width:4.4rem; height:4.4rem; right:1rem; top:1.4rem;}
.aside-header {background-color:#a40033;}
.aside-header .inner {padding-left:2.4rem; padding-right:2.4rem;}

/* Aside Login (After, Before) */
.is-loginBefore .aside-wrap .aside-user {position:relative; padding:2.2rem 0; height:7.6rem;}
.is-loginBefore .aside-wrap .aside-user .btn-user span {padding-top:0.1rem; line-height:2.6rem; font-size:1.9rem; font-size:1.9rem; color:#fff; font-family:'LGR'; vertical-align:middle;}
.is-loginBefore .aside-wrap .aside-user .btn-user .ico {position:relative; top:-0.1rem; margin-right:0.8rem; vertical-align:middle;}
.is-loginBefore .aside-wrap .aside-user .btn-user .arw {margin-left:0.5rem; vertical-align:middle;}
.is-loginAfter .aside-wrap .aside-user {position:relative; padding:3rem 0 3rem 3.5rem; color:#fff;}
.is-loginAfter .aside-wrap .aside-user .user-name {font-size:2.2rem; color:#fff; font-family:'LGR';}
.is-loginAfter .aside-wrap .aside-user .user-email {margin-top:0.2rem; font-size:1.2rem; color:#fff;}
.is-loginAfter .aside-wrap .aside-util .btn-group {display:table; width:100%; table-layout:fixed; border-top:1px solid rgba(255,255,255,0.2);}
.is-loginAfter .aside-wrap .aside-util .btn-group .col {display:table-cell; text-align:center;}
.is-loginAfter .aside-wrap .aside-util .btn-group .col + .col {border-left:1px solid rgba(255,255,255,0.2);}
.is-loginAfter .aside-wrap .aside-util .btn-group .btn {width:100%;}
.is-loginAfter .aside-wrap .aside-util .btn-group .btn span {font-size:1.6rem; line-height:4rem; color:#e9a8bc;}

/* Aside Nav */
.aside-wrap .mnb {margin:0;}
.aside-wrap .mnb ul {display: block; width:100%; } /* 2023.06 웹접근성 보완 : table 속성 제거 */
.aside-wrap .mnb li {} /* 2023.06 웹접근성 보완 : table-row 속성 제거 */
.aside-wrap .mnb .node-link {display: block; padding:0.5rem 2rem; line-height:5rem; border-bottom:1px solid #ebebeb; font-size:2.2rem; font-family:'LGR';} /* 2023.06 웹접근성 보완 : table-cell 속성 제거 */
.aside-wrap .mnb .is-current .node-link {color:#fff; background-color:#a40033;}
/*.aside-wrap .mnb .is-current .node-link {color:#a40033; border-bottom:2px solid #a40033;}*/

/* Aside Language */
.aside-wrap .aside-lang {padding:1rem 0.9rem; text-align:right;}
.aside-wrap .aside-lang .dropdown-language {display:inline-block; vertical-align:top; margin-left:0.5rem;}
.aside-wrap .aside-lang .dropdown-language .dropdown-toggle {display:inline-block; z-index:1; text-align:left; padding:0 1rem 0 1rem; border:1px solid #ddd; line-height:2.8rem; border-radius:0.3rem; cursor:initial;}
.aside-wrap .aside-lang .dropdown-language .dropdown-toggle .arw {display:none; right:1rem;}
.aside-wrap .aside-lang .dropdown-language .dropdown {top:29px; right:0; z-index:2; width:100%; background-color:#fff; border:1px solid #ddd; border-top:0;}
.aside-wrap .aside-lang .dropdown-language .dropdown-menu {padding:0 0.5rem 0.5rem; text-align:left;}
.aside-wrap .aside-lang .dropdown-language .dropdown-item {display:block; line-height:1.5rem; padding:0.4rem 0.5rem;}
.aside-wrap .aside-lang .dropdown-language .dropdown-toggle.is-active {border-radius:0.3rem 0.3rem 0 0;}
.aside-wrap .aside-lang .dropdown-language.is-selected .dropdown-toggle {min-width:12rem; padding-right:3.3rem; cursor:pointer;}
.aside-wrap .aside-lang .dropdown-language.is-selected .dropdown-toggle .arw {display:inline-block;}
.aside-wrap .aside-lang .link-national {display:inline-block; position:relative; margin-left:0.5rem; padding:0 1rem 0 3rem; border:1px solid #ddd; line-height:2.8rem; border-radius:0.3rem; text-align:center;}
.aside-wrap .aside-lang .link-national .ico {position:absolute !important; left:0; top:50%; transform:translateY(-50%); left:1rem;}

/* Aside Mypage */
.aside-mypage {position:absolute; left:0; bottom:0; width:100%; background-color:#f6f6f6}
.aside-mypage .btn-group {display:table; width:100%; table-layout:fixed;}
.aside-mypage .btn-group .col {position:relative; display:table-cell;}
.aside-mypage .btn-group .col + .col:after {content:''; display:inline-block; position:absolute; left:0; top:50%; margin-top:-0.7rem; width:1px; height:1.5rem; background-color:#dfdfdf;}
.aside-mypage .btn-group .btn {width:100%; height:5rem; line-height:5rem; font-size:1.6rem; text-align:center;}
.aside-mypage .btn-group .btn .ico {margin-right:0.5rem;}
.aside-mypage .btn-group .btn .ico-logout {position:relative; top:-0.1rem;}

/* lnb Open */
.aside-open {width:4.4rem; height:4.4rem; padding:0 1.2rem;}
.aside-open:before,.aside-open:after {content:'';}
.aside-open,.aside-open:before,.aside-open:after,.aside-open span {display:block; position:relative;}
.aside-open:before,.aside-open:after,.aside-open span {overflow:hidden; width:1.8rem; height:2px; line-height:0; border-radius:2px; background-color:#000;}
.aside-open span {width:1.2rem; margin:0.5rem 0; white-space:nowrap; text-indent:-999px;}
.aside-open:before,.aside-open:after,.aside-open span {transform:translateX(-120%); transition:all 0.3s;}
.aside-open:before {transition-delay:0.1s;}
.aside-open span {transition-delay:0.14s;}
.aside-open:after {transition-delay:0.18s;}

/* lnb Close */
.lnb-close {position:absolute; left:2rem; top:1.8rem; width:3rem; padding:0.4rem;}
.lnb-close:before,.lnb-close:after {content:'';}
.lnb-close:before,.lnb-close:after,.lnb-close span {display:block; position:relative;}
.lnb-close:before,.lnb-close:after,.lnb-close span {overflow:hidden; width:1.8rem; height:2px; line-height:0; border-radius:2px; background-color:#000;}
.lnb-close span {width:1.1rem; margin:0.4rem 0; white-space:nowrap; text-indent:-999px;}

/* GNB Layout */
.gnb-wrap {position:absolute; left:415px; right:0; top:0; height:4.1rem; line-height:4rem; border-bottom:1px solid #e4e4e4; text-align:right;}
.gnb-wrap:after {content:''; display:block; clear:both;}
.gnb-wrap .userMsg-wrap {position:absolute; left:0; top:0; vertical-align:top;}
.gnb-wrap .account-wrap {display:inline-block; margin-right:2.5rem; vertical-align:top;}
.gnb-wrap .global-wrap {display:inline-block; margin-right:6.5rem; padding-top:0.5rem; vertical-align:top;}

/* 사용자접속 멘트 */
.userMsg-wrap p {font-size:1.4rem; font-family:'LGR'; color:#333333;}
.userMsg-wrap .ico {margin-right:1.2rem;}

/* Global */
.global {display:table; white-space:nowrap; margin:0 -1rem;}
.global > li {display:inline-table; margin-left:0.8rem;}
.global > li > a {display:inline-block; line-height:5rem; vertical-align:top;}
.global > li > button {display:inline-block; line-height:5rem; vertical-align:top;}
.global > li .link-language {position:relative; padding-right:2rem;}
.global > li .link-national {padding:0 1.3rem; height:3rem; line-height:2.8rem; background-color:#fff; border:1px solid #e4e4e4; border-radius:0.3rem;}
.global > li .link-national .ico {position:relative; top:-0.1rem; margin-right:0.2rem;}
.global .dropdown-language {display:inline-block; vertical-align:top;}
.global .dropdown-language .dropdown-toggle {display:block; z-index:1; text-align:left; padding:0rem 1.3rem 0 1.3rem; border:1px solid #ddd; line-height:2.7rem; border-radius:0.3rem; cursor:initial;}
.global .dropdown-language .dropdown-toggle .arw {display:none; right:1.5rem;}
.global .dropdown-language .dropdown {top:29px; right:0; z-index:2; width:100%; background-color:#fff; border:1px solid #ddd; border-top:0; border-radius:0 0 0.3rem 0.3rem;}
.global .dropdown-language .dropdown-menu {padding:0 0.5rem 0.5rem; text-align:left;}
.global .dropdown-language .dropdown-item {display:block; line-height:1.5rem; padding:0.4rem 0.8rem;}
.global .dropdown-language .dropdown-toggle.is-active {border-radius:0.3rem 0.3rem 0 0;}
.global .dropdown-language.is-selected .dropdown-toggle {min-width:12rem; padding-right:3.3rem; cursor:pointer;}
.global .dropdown-language.is-selected .dropdown-toggle .arw {display:inline-block;}
[lang=ru] .global .dropdown-language.is-selected .dropdown-toggle {min-width:21rem;}
[lang=uk] .global .dropdown-language.is-selected .dropdown-toggle {min-width:21rem;}

/* 계정정보 */
.account-wrap .item {display:inline-table;}
.account-wrap .dropdown-mypage {display:inline-block; vertical-align:top;}
.account-wrap .dropdown-mypage .dropdown-toggle {display:block; z-index:1; padding:0 0 0 2.5rem; text-align:left; border-radius:0.3rem;}
.account-wrap .dropdown-mypage .dropdown-toggle .arw {display:none; right:1.5rem;}
.account-wrap .dropdown-mypage .dropdown-label {font-family:'LGR';}
.account-wrap .dropdown-mypage .dropdown {top:4rem; left:0%; z-index:2; background-color:#fff; border:1px solid #979797; border-radius:3px;}
.account-wrap .dropdown-mypage .dropdown .arw-dropup {position:absolute; left:2rem; top:0; transform:translateY(-100%);}
.account-wrap .dropdown-mypage .dropdown-menu {padding:0.5rem 0rem; text-align:left;}
.account-wrap .dropdown-mypage .dropdown-item {display:block; line-height:2rem; padding:0.5rem 1.5rem; font-family:'LGR'; font-size:1.4rem; white-space:nowrap; color:#333333;}
.account-wrap .dropdown-mypage .dropdown-item .ico {top:-0.1rem; margin-right:1rem;}
.account-wrap .dropdown-mypage .dropdown-item:focus,
.account-wrap .dropdown-mypage .dropdown-item:hover {background-color:#fafafa; color:#a40033;}
.account-wrap .dropdown-mypage .dropdown-item:focus .ico-checkDrop:after,
.account-wrap .dropdown-mypage .dropdown-item:hover .ico-checkDrop:after {z-index:3;}
.account-wrap .dropdown-mypage .dropdown-toggle.is-active {border-radius:0.3rem 0.3rem 0 0;}
.account-wrap a {position:relative; display:inline-block; font-family:'LGR'; font-size:1.4rem; vertical-align:top;}
.account-wrap a.link-logout {padding-left:2.6rem; margin-left:2rem;}
.account-wrap a.link-account {padding-left:3rem;}

/* Search Header */
.search-header {position:absolute; right:4rem; top:4rem; margin-top:12px; z-index: 5;} /* 2021.11.03 Mod 홍병기C */
.search-header .search-combine {position:relative; width:4.4rem; height:4.4rem; overflow:hidden;}
.search-header .search-combine a {display:inline-block; position:relative; padding:1rem; line-height:2rem; vertical-align:middle; font-family:'LGR'; white-space:nowrap;}
.search-header .search-combine a.search-open {position:absolute; width:100%; height:100%; left:0;}
.search-header .search-combine a.search-close {position:absolute; width:100%; height:100%; left:100%;}
.search-header .search-combine.is-opened a.search-open,
.search-header .search-combine.is-opened a.search-close {transform:translateX(-100%); transition:transform 0.3s;}
.search-header .search-combine.is-closed a.search-open,
.search-header .search-combine.is-closed a.search-close {transform:translateX(0); transition:transform 0.3s;}

/* UNB Common */
.unb-wrap {position:absolute; right:4rem; top:4rem; margin-top:12px;}
.unb {display:table; white-space:nowrap;}
.unb > li {display:inline-table; float:left; position:relative;}
.unb > li.last {margin-left:1rem; padding-left:1rem;}
.unb > li.last:before {content:''; display:inline-block; position:absolute; left:0; top:1.3rem; width:1px; height:1.4rem; background-color:#d5d5d5;}
.unb > li > a {display:inline-block; position:relative; padding:1rem; line-height:2rem; vertical-align:middle; font-family:'LGR';}
.unb > li > a.link-account {padding-left:3.8rem;}
.unb > li > a.link-account .ico {left:1rem;}
.unb > li > a.search-open, .unb > li a.search-close {width:100%; height:100%;}
.unb > li .search-combine {width:4rem; height:4rem; overflow:hidden;}
.unb > li .search-combine a {padding:1rem;}
.unb > li .search-combine a + a {margin-left:-0.4rem;}
.unb > li .search-combine.is-opened a.search-open,
.unb > li .search-combine.is-opened a.search-close {display:inline-block; transform:translateX(-100%); transition:transform 0.3s;}
.unb > li .search-combine.is-closed a.search-open,
.unb > li .search-combine.is-closed a.search-close {display:inline-block; transform:translateX(0); transition:transform 0.3s;}

/* Header PC Common */
@media all and (min-width: 960px){
	.logo-wrap {transform:translateY(-50%); -webkit-transform:translateY(-50%);}
	.lnb-wrap {position:absolute; top:40px; left:415px;}
	.lnb-wrap .lnb {position:relative; z-index:1; margin:0;}
	.lnb-wrap .lnb ul {display:table;} /* margin:0 -3rem; */
	.lnb-wrap .lnb li {display:inline-table; position:relative; text-align:center;}
	.lnb-wrap .lnb li:before {content:''; display:inline-block; height:6.4rem; vertical-align:middle;}
	.lnb-wrap .lnb .node-link {display:inline-block; padding:0.8rem 3rem; line-height:2.4rem; font-family:'NSM'; font-size:1.8rem; vertical-align:middle;  word-break:keep-all;}
	.lnb-wrap .lnb .is-current .node-link {color:#a40033;}
}
@media all and (max-width: 1600px){
	.lnb-wrap .lnb li {display:table-cell;}
  	.lnb-wrap .lnb li {max-width:100%;}
}
@media all and (max-width: 1439px){
	.lnb-wrap .lnb li {max-width:20rem;}
	.lnb-wrap {right:100px;}
}
/* Header PC Large */
@media all and (max-width: 1280px){
	.gnb-wrap {left:30rem;}
	.gnb-wrap .global-wrap {margin-right:4rem;}
	.logo-wrap {width:24rem; left:3rem;}
	.search-header {right:1rem;} /* 2022.02.15 Mod */
	.lnb-wrap {left:30rem; right:80px;}
	.lnb-wrap .lnb ul {width:100%;}/* margin:0 -2.2vw; */
	.lnb-wrap .lnb li {display:table-cell; vertical-align:middle;}
	.lnb-wrap .lnb .node-link {padding:0.8rem 2.4vw;}
}
/* Header PC/Pad Small */
@media all and (max-width: 1023px){
	.logo-wrap {left:2rem;}
	.gnb-wrap {left:26rem;}
	.lnb-wrap {left:26rem;} /* 로고 우측 시작점 */
	.logo-wrap {width:20rem;}
}

/* Header Mobile Common */
@media all and (max-width: 959px){
	.gnb-wrap {display:none;}
	.lnb-wrap {display:none;}
	.search-header {top:0.2rem; margin-top:0;}
	.logo-wrap {width:15rem; height:4.8rem; line-height:5.5rem;left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
	.aside-open-wrap {display:block; left:1rem;} /* 2022.02.15 Mod */
	.aside-open,.aside-open:before,.aside-open:after,.aside-open span {transform:translateX(0);}
	.aside-open span {width:1.5rem;margin:0.5rem 0 0.5rem -0.3rem;} /* 2022.02.15 Add */
}

/* 국가변경 레이아웃 */
.global-wrapper .aside-open-wrap,
.global-wrapper .gnb-wrap,
.global-wrapper .lnb-wrap,
.global-wrapper .aside-wrap,
.global-wrapper .search-header {display:none;}
.global-wrapper #header {position:relative;}
.global-wrapper #header:after {display:none;}
@media all and (min-width:960px){
	.global-wrapper #header .in-sec {width:128.4rem;}
	.global-wrapper #header .logo-wrap {left:0;}
	.global-wrapper #container {min-height:1px; padding-top:0; padding-bottom:0;}
}
@media all and (max-width: 1363px){
	.global-wrapper #header .in-sec {width:auto;}
	.global-wrapper #header .logo-wrap {left:3.5rem;}
}
@media all and (max-width:959px){
	.global-wrapper #container {padding-top:0;}
	.global-wrapper #header .logo-wrap {left:50%;}
}
/*-------------------------------------------------------------------
    ## Footer
-------------------------------------------------------------------*/
/* Layout */
#footer {margin-top:0; padding:3.8rem 0; background-color:#4F555A; color:#fff; font-size:1.4rem;} /* 2020.07.06 Mod 홍병기C */
#footer a {color:#fff;}
#footer .fnb-wrap,
#footer .info-wrap {padding-right:30rem; }/*transition:all 0.3s;*/
#footer .fnb-wrap {padding-top:2rem; overflow:hidden;}
#footer .info-wrap {margin-top:2.5rem;}
#footer .info-wrap .footerSideInfo {margin-top:1rem;} /* 2019.09.09 Add 홍병기K */
#footer .info-wrap .footerSideInfo p.firstOffice {display:block;} /* 2019.09.09 Add 홍병기K */
#footer .familySite-wrap {position:absolute; right:0; top:0; width:22rem;}
#footer .pcversion-wrap {display:none;}
#footer .mark-wrap {display:none; position:absolute; right:4rem; top:0; width:120px;}
#footer .mark-wrap a {display:block;}
#footer .mark-wrap img {width:100%;}
html[lang=ko] #footer {min-height:23.2rem;}
html[lang=ko] #footer .mark-wrap {top:6rem; display:block;}
html[lang=ko] #footer .fnb-wrap {padding-top:0;}
html[lang=ko] #footer .fnb-wrap, html[lang=ko] #footer .info-wrap {padding-right:20rem;}
@media all and (max-width: 1363px){
	#footer .familySite-wrap {right:4rem;}
}
/* FNB (Footer Nav) */
#footer .fnb {margin:0 -1rem;}
#footer .fnb ul {display:table;}
#footer .fnb li {display:inline-table; position:relative; padding:0 1rem; margin:0 0 1rem 0;} /* 2020.09.22 Mod 홍병기C */
#footer .fnb li+li:before {content:''; display:block; position:absolute; width:1px; left:-2px; top:1px; bottom:1px; background:#fff;}
#footer .fnb a {display:inline-block; color:#eeeeee; border-bottom:1px solid #ccc;}
html[lang=ko] #footer .fnb a.fontBold {font-weight:600;} /* 2019.08.28 Add 홍병기K (C20190827_72186 : Footer 개인정보처리방침  Bold 처리) */

/* InfoWrap */
#footer .info-wrap,
#footer .info-wrap p {color:#ccc;}
#footer .info-wrap {overflow:hidden;}
#footer .info-wrap .info-item {margin-left:-1rem;}
#footer .info-wrap .info-item.item2 {margin-top:1rem;}
#footer .info-wrap .info-item.item3 {margin-top:2rem;}
#footer .info-wrap .info-item .info-txt {display:inline-block; margin-top:0.5rem; line-height:2rem; margin-left:1rem; word-break:keep-all;}
html[lang=ja] #footer .info-wrap .info-item .info-txt,
html[lang=zh] #footer .info-wrap .info-item .info-txt {word-break:normal;}
#footer .info-wrap .info-item.item2,
#footer .info-wrap .info-item.item3 {display:block;}

/* PCVersion */
#footer .pcversion-wrap a {display:block; padding:0; border:1px solid transparent; line-height:3.7rem; text-align:center;}

/* FamilySite */
#footer .dropdown-familySite {display:block; position:relative;}
#footer .dropdown-familySite .dropdown-toggle {display:block; height:3.8rem; padding:0 0 0.1rem 1.5rem; line-height:3.7rem; text-align:left; border:1px solid #ddd;}
#footer .dropdown-familySite .dropdown-toggle .arw {right:1.5rem;}
#footer .dropdown-familySite .dropdown {bottom:100%; width:100%; background-color:#fff; border:1px solid #ddd;}
#footer .dropdown-familySite .dropdown-menu {padding-top:1rem; padding-bottom:1rem;}
#footer .dropdown-familySite .dropdown-menu li {display:block; line-height:2rem; padding:0.6rem 1.6rem;}
#footer .dropdown-familySite .dropdown-menu li a {color:#333;}
/*#footer .familySite .dropdown {position:absolute; bottom:100%; transform:scale(1, 0); -webkit-transform:scale(1, 0); transition:all 0.3s;}
#footer .familySite.is-active .dropdown {display:block; transform:scale(1, 1); -webkit-transform:scale(1, 1);}
*/
@media all and (max-width: 959px){
	#footer {padding:3rem 2.5rem;}
	#footer .in-sec {padding:0;}
	#footer .in-sec:after {content:''; display:block; clear:both;}
	#footer .fnb-wrap,#footer .info-wrap {padding-right:0 !important;}
	#footer .fnb-wrap {padding-top:0;}
	#footer .info-wrap {margin-bottom:3rem;}
	#footer .familySite-wrap {float:left; position:relative; right:inherit; left:0; width:100%; vertical-align:middle;} /* 2022.02.15 Mod */
	#footer .pcversion-wrap {display:inline-block; width:22%; margin:0 2rem 0; vertical-align:middle; white-space:nowrap; display:none;}/* 반응형 정책에 의해서 삭세대기 */
	#footer .mark-wrap {float:left; position:relative; right:0; left:2rem; top:-10px; vertical-align:middle;}
	html[lang=ko] #footer .mark-wrap {width: 8rem; right:-5px; top:-5px; left: inherit; position: absolute; margin-right: 0;} /* 2022.02.15 Mod */
}
@media all and (max-width: 757px){
	#footer .fnb ul, #footer .fnb li {display:block;}
	[html=zh] #footer .fnb li {display:inline-block;}
	#footer .fnb li+li {margin-top:1rem;}
	#footer .fnb li+li:before {display:none;}
	#footer .info-wrap .info-item {margin-left:0;}
	#footer .info-wrap .info-item .info-txt {display:block; margin-top:0.4rem; margin-left:0;}
	#footer .info-wrap .info-item .info-txt + .info-txt {margin-left:0;}
	#footer .info-wrap .info-item.item2 {margin-top:0;}
	#footer .info-wrap .info-item.item3 {margin-top:2rem;}
}

/* 챗봇, TOP */
.float-wrap {position:absolute; right:1rem; top:-1rem; z-index:101;} /* 2022.02.15 Mod */
.float-chatbot .btn-ico,
.float-pageUp .btn {width:5.8rem; height:5.8rem;} /* 2022.02.15 Mod */
.float-pageUp {margin-top:0.5rem;} /* 2022.02.15 Mod */
.float-pageUp .btn {padding:0.6rem; border:1px solid #cccccc; background:#ffffff; text-align:center; color:#666666; font-family:'NSL'; width:5.8rem; height:5.8rem; border-radius: 100%;} /* 2022.02.15 Mod */
.float-pageUp .btn span {height:auto;}
.float-pageUp .btn em {display:block;} /* 2022.02.15 Mod */
.is-bodyFixed .float-wrap {opacity:0;}
@media all and (max-width: 757px){
	.float-chatbot .btn-ico,.float-pageUp .btn {width:4.5rem; height:4.5rem;}
	.float-pageUp .btn {padding:0; font-size:1.2rem;}
	.float-pageUp .btn span {vertical-align:top;}
	.float-pageUp .btn .arw {width:1rem; height:1.8rem;} /* 2022.02.15 Mod */
	.float-pageUp .btn em {margin-top:0;}
	.float-chatbot .ico-chatbot {width:4.5rem; height:4.5rem;}
}