@charset "utf-8";

/* --------------------------------------------------------------------------------------------------------------------
	# Layout : 공통 20220811
-------------------------------------------------------------------------------------------------------------------- */
/* wrapper */
#wrapper {position:relative;min-height:100vh;}
.pc #wrapper {overflow:hidden;min-width:120.0rem;}

/* skipnavigation */
#uiNav a {position:fixed;left:0;right:0;top:0;display:block;overflow:hidden;line-height:11.0rem;color:#fff;background:#171f4a;font-weight:bold;text-align:center;z-index:-1;opacity:0;}
#uiNav a:active, #uiNav a:focus{z-index:1000;opacity:50;}
.mb #uiNav {display:none;}

/* top / quick navigation */
#uiNavTop, #uiNavQuick {position:fixed;opacity:0;-webkit-transition:opacity 0.4s ease;transition:opacity 0.4s ease;z-index:99;}
#uiNavTop {z-index:100;}
.pc #uiNavTop, .pc #uiNavQuick {left:50%;bottom:6.0rem;margin:0 0 0 60.0rem;}
.mb #uiNavTop, .mb #uiNavQuick  {right:1.6rem;bottom:1.6rem;}
.scroll #uiNavTop, .scroll #uiNavQuick {opacity:1;}

#uiNavQuick {display:none;}
.pc #uiNavQuick {margin-bottom:5.6rem !important;}
.mb #uiNavQuick {margin-right:5.8rem !important;}
#container > #content > .section.section-product.active ~ #uiNavQuick {display:block;}

.nav-top {position:relative;display:block;width:4.8rem;height:4.8rem;padding:2.0rem 0 2.6rem;background:rgba(255,255,255,0.8);border:0.1rem solid #d7d9dd;font-family:'OneShinhanM';font-size:1.2rem;line-height:1.8rem;text-align:center;color:#61667a;}
.nav-top:before {content:'';position:absolute;left:50%;top:1.2rem;width:1.1rem;height:1.1rem;margin:0 0 0 -0.6rem;border-top:0.1rem solid #61667a;border-right:0.1rem solid #61667a;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:0;}

.nav-btn {display:block;width:4.8rem;padding:1.4rem 0.5rem 1.4rem;background:rgba(255,255,255,0.8);border:0.1rem solid #d7d9dd;font-family:'OneShinhanM';font-size:1.4rem;line-height:1.8rem;border:0.1rem solid #3d58c2;text-align:center;background:linear-gradient(to bottom, rgba(0,130,208,1.0), rgba(49,102,195,1.0));color:#fff;z-index:99;word-break:break-all;}
.nav-btn:visited, .nav-btn:active, .nav-btn:hover, .nav-btn:focus {color:#fff;}
.nav-btn:before {content:'';display:block;width:2.6rem;height:2.6rem;margin:0 auto 0.4rem;background:url(../img/com/icon_set1.png) no-repeat -36.0rem -42.0rem;}
.mb .nav-btn {width:auto;font-size:1.6rem;height:4.8rem;}
.mb .nav-btn:before {display:inline-block;margin:0 0.8rem 0 0;width:2.0rem;height:2.0rem;background-position: -14.0rem -14.0rem;background-size:40.0rem;vertical-align:top;}
.mb #uiNavQuick .nav-btn:only-child {width:calc(100vw - 5.8rem - 3.2rem);}

/* 신청단계설명 */
#uiNavProcess {position:fixed;top:38rem;left:50%;bottom:auto;margin: 0 0 0 60.0rem;text-align:left;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;z-index:99;}
#uiNavProcess .nav-process {display:inline-block;width:4.8rem;padding:1.4rem 0.5rem 1.4rem;font-family:'OneShinhanM';font-size:1.4rem;line-height:1.8rem;background: rgba(255,255,255,0.8);border: 0.1rem solid #d7d9dd;border-radius:0;text-align:center;color:#61667a;z-index:99;word-break:break-all;}
.scroll #uiNavProcess {top:19rem;}
.mb #uiNavProcess {top:35rem;left:auto;right:1.6rem;}
.mb .scroll  *#uiNavProcess {top:9rem;}

.header-visual h1 + #uiNavProcess,
.header-visual .step-info + #uiNavProcess {top:29rem;margin:0 0 0 53rem;}
.scroll .header-visual h1 + #uiNavProcess,
.scroll .header-visual .step-info + #uiNavProcess {top:13rem}
.mb .header-visual h1 + #uiNavProcess,
.mb .header-visual .step-info + #uiNavProcess {top:13rem}
.mb .scroll .header-visual h1 + #uiNavProcess,
.mb .scroll .header-visual .step-info + #uiNavProcess {top:8rem}


/* --------------------------------------------------------------------------------------------------------------------
	# Layout : header : PC
-------------------------------------------------------------------------------------------------------------------- */
/* 기본 */
.pc #header {position:fixed;left:0;right:0;top:0;width:100%;width:1200px;height:11.0rem;margin:0 auto;padding:3.5rem 0;z-index:100;-webkit-transition:height 0.3s ease;transition:height 0.3s ease;}
.pc #header:before, .pc #header:after {content:'';display:block;position:absolute;left:50%;width:100vw;z-index:-1;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.pc #header:before {left:50%;top:0;bottom:0;background:#0096d7;background:linear-gradient(to right, #0096d6, #5b3eb3);}
.pc #header:after {bottom:0;height:0.1rem;background:rgba(255,255,255,0.1);}
.pc #header .logo {position:absolute;left:0;top:3.5rem;line-height:4.0rem;}
.pc #header .logo > * {display:inline-block;position:relative;vertical-align:top;}
.pc #header .logo > *:first-child {overflow:hidden;width:18.8rem;padding:4.0rem 0 0;height:0;}
.pc #header .logo > *:first-child:after {content:'';display:block;position:absolute;left:50%;top:50%;width:100%;height:4.0rem;background:url(../img/com/icon_set1.png) no-repeat 0 0;background-size:60.0rem;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.pc #header .logo > *:first-child + span,
.pc #header .logo.back > a + span  {margin:0 0 0 4.8rem;font-size:2.0rem;color:#fff;}
.pc #header .logo > *:first-child + span a {color:#fff}
.pc #header .logo > *:first-child + span:before,
.pc #header .logo.back > a + span:before {content:'';display:block;position:absolute;left:-2.4rem;top:50%;width:0.1rem;height:1em;background:rgba(238,238,238,0.5);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.pc #header .icon-menu.ic1, .pc #header .icon-menu.ic3, .pc #header .icon-menu.ic4 {display:none;}
.pc #header .icon-menu.ic2 {background-color:#184fa1;}
.pc #header:before, .pc #header:after {min-width:120.0rem;}
.pc .page-main #header {position:absolute;top:0 !important;}

/* GNB : 1차메뉴 */
.pc .nav-gnb {float:right;height:4.0rem;}
.pc .nav-gnb .tit {display:inline-block;color:rgba(255,255,255,0.8);vertical-align:top;}
.pc .nav-gnb > ul {position:relative;display:inline-block;width:94.5rem;text-align:right;}
.pc .nav-gnb > ul > li {display:inline-block;position:relative;text-align:left;vertical-align:top;}
.pc .nav-gnb > ul > li + li {margin:0 0 0 3.5rem;}
.pc .nav-gnb > ul > li > .tit {/*cursor:pointer;*/outline:0;}
.pc .nav-gnb > ul > li > .tit:not(.icon-menu) {position:relative;padding:0 1.8rem;line-height:4.0rem;}
.pc .nav-gnb > ul > li > .tit:not(.icon-menu):before, .pc .nav-gnb > ul > li > .tit:not(.icon-menu):after {content:'';position:absolute;top:0;}
.pc .nav-gnb > ul > li > .tit:not(.icon-menu):before {left:1.8rem;top:100%;width:0;height:0.2rem;background:rgba(255,255,255,0);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.pc .nav-gnb > ul > li.m1, .pc .nav-gnb > ul > li.m2, .pc .nav-gnb > ul > li.m3 {float:left;}
.pc .nav-gnb > ul > li.m3 ~ li {position:static;margin:0;}
.pc .nav-gnb > ul > li.m3 ~ li:last-child {margin:0 0 0 1.4rem;}
.pc .nav-gnb > ul > li.m3 ~ li > .tit:not(.icon-menu):before {top:0.4rem;}
.pc .nav-gnb > ul > li.m1 > .tit, .pc .nav-gnb > ul > li.m2 > .tit, .pc .nav-gnb > ul > li.m3 > .tit {font-family:'OneShinhanM';font-size:1.6rem;}
.pc .nav-gnb > ul > li > .tit:not(.icon-menu):hover, .pc .nav-gnb > ul > li > .tit:not(.icon-menu):focus {color:rgba(255,255,255,1);}
.pc .nav-gnb > ul > li > .tit:not(.icon-menu):hover:before, .pc .nav-gnb > ul > li > .tit:not(.icon-menu):focus:before,
.pc .nav-gnb > ul > li.open > .tit:not(.icon-menu):before, .pc #header:not(.open) .nav-gnb > ul > li.active > .tit:not(.icon-menu):before {width:calc(100% - 3.6rem);background:rgba(255,255,255,1.0)}
.pc .nav-gnb > ul > li .icon-menu.ic2 {-webkit-transition:all 0.3s ease;transition:all 0.3s ease ease;}
.pc .nav-gnb > ul > li.open .icon-menu.ic2, .pc #header:not(.open) .nav-gnb > ul > li.active .icon-menu.ic2 {background-color:rgba(4,153,242,1) !important;}
.pc .nav-gnb > ul > li.m3 ~ li + li {margin:0 0 0 -0.4rem;}
.pc .nav-gnb > ul > li.m3 ~ li.open > .tit:not(.icon-menu):before, .pc #header:not(.open) .nav-gnb > ul > li.m3 ~ li.active > .tit:not(.icon-menu):before,
.pc .nav-gnb > ul > li.m3 ~ li > .tit:not(.icon-menu):hover:before,
.pc .nav-gnb > ul > li.m3 ~ li > .tit:not(.icon-menu):focus:before {width:1.3rem;}

/* js remove메뉴 깜박임개선 : 메뉴관리시 삭제필요 */
html:not(.mb) .nav-gnb > ul > li.m9 > .tit:not(.icon-menu),
html:not(.mb) .nav-gnb > ul > li.m8,
html:not(.mb) .nav-gnb > ul > li.m3 > .tit + .tit {display:none;} 

/* GNB : 하위메뉴 */
.pc .nav-gnb > ul > li > ul {visibility:hidden;position:absolute;left:0;top:5.5rem;min-width:67.0rem;min-height:15.0rem;height:0;margin:0.5rem 0 0;}
.pc .nav-gnb > ul > li > ul a, .pc .nav-gnb > ul > li > ul .tit {display:inline-block;padding:0.8rem 1.8rem;line-height:2.0rem;}
.pc .nav-gnb > ul > li > ul .tit {color:rgba(255,255,255,1);}
.pc .nav-gnb > ul > li > ul a {color:rgba(255,255,255,0.7);}
.pc .nav-gnb > ul > li > ul a:hover, .pc .nav-gnb > ul > li > ul a:focus {color:#00aae7;text-decoration:underline;outline:0;}
.pc .nav-gnb > ul > li > ul > li > a, .pc .nav-gnb > ul > li > ul > li > .tit {font-family:'OneShinhanM';}
.pc .nav-gnb > ul > li > ul > li > a {display:inline-block;color:rgba(255,255,255,0.9);}
.pc .nav-gnb > ul > li > ul > li .tit {padding:0.5rem 0;}
.pc .nav-gnb > ul > li > ul > li ul, .pc .nav-gnb > ul > li > ul > li ul > li {display:inline-block;vertical-align:top;}
.pc .nav-gnb > ul > li > ul > li ul a {padding:0.5rem;}
.pc .nav-gnb > ul > li.m3 ~ li > ul > li {padding:0 0 0 15.0rem;}
.pc .nav-gnb > ul > li.m2 ~ li > ul > li > .tit {float:left;margin:0 1.5rem 0 -13.5rem;width:12.0rem;}
.pc .nav-gnb > ul > li.m2 + li > ul > li > .tit {margin:0 1.0rem 0 -7.0rem;width:6.0rem;}
.pc .nav-gnb > ul > li.m3 ~ li > ul {right:0;padding:1.5rem;border-radius:0.5rem;background:#091b58;}
.pc .nav-gnb > ul > li.m3 ~ li > ul:before {content:'';position:absolute;left:15.5rem;top:2.0rem;bottom:2.0rem;width:0.1rem;background:rgba(255,255,255,0.1);}
.pc .nav-gnb > ul > li.m3 ~ li:last-child > ul {background:#036fbc;}
.pc .nav-gnb > ul > li.m3 ~ li:last-child > ul:before {left:21.5rem;}
.pc .nav-gnb > ul > li.m3 ~ li:last-child > ul > li {padding:0 0 0 21.0rem;}
.pc .nav-gnb > ul > li.m3 ~ li:last-child > ul > li > .tit {float:left;margin:0 1.5rem 0 -19.5rem;width:18.0rem;}
.pc .nav-gnb > ul > li.m3 ~ li:last-child > ul > li a:hover, .pc .nav-gnb > ul > li.m3 ~ li:last-child > ul > li a:focus {color:#fff;}
.pc .nav-gnb > ul > li.m3 ~ li > .tit:not(:only-child):after {content:'';position:absolute;left:50%;top:5.5rem;display:block;width:0;height:0;margin:-0.3rem 0 0 -0.4rem;border-left:0.6rem solid transparent;border-right:0.6rem solid transparent;border-bottom:0.8rem solid rgba(9,27,88,0);}
.pc .nav-gnb > ul > li.m3 ~ li.open > .tit:not(:only-child):after {margin:-0.8rem 0 0 -0.4rem;border-bottom:0.8rem solid rgba(9,27,88,1);}
.pc .nav-gnb > ul > li.m3 ~ li.open:last-child > .tit:not(:only-child):after {border-bottom:0.8rem solid rgba(3,111,188,1);}
.pc .nav-gnb > ul > li.m4 li:nth-child(4) .tit + ul {min-height:5rem;}

/* GNB : 기타 */
.pc .nav-gnb .btn {visibility:hidden;position:absolute;left:0;right:0;bottom:0;text-align:right;}
.pc .nav-gnb .btn:before {content:'';display:block;position:absolute;left:50%;min-width:120.0rem;width:100vw;height:0.1rem;z-index:-1;background:rgba(255,255,255,0.1);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.pc .nav-gnb .btn .welcome {color:#fff;}
.pc .nav-gnb .btn .welcome .recent {display:inline-block;margin:0 0 0 1.0rem;font-size:1.3rem;color:rgba(255,255,255,0.4);}
.pc .nav-gnb .btn a {position:relative;display:inline-block;line-height:5.4rem;color:rgba(255,255,255,0.7);font-family:'OneShinhanM';padding:0 1.5rem;}
.pc .nav-gnb .btn a:not(:last-child) {padding-right:2.0rem;}
.pc .nav-gnb .btn a:first-child:after, .pc .nav-gnb .btn .welcome + a:after {content:'';display:block;position:absolute;right:0;top:50%;width:1.3rem;height:1.3rem;margin:-0.7rem 0 0;background:url(../img/com/icon_set1.png) no-repeat -180px -360px;}
.pc .nav-gnb .btn a:last-child {margin:0 0 0 1.6rem;padding-left:2.1rem;}
.pc .nav-gnb .btn a:last-child:before {content:'';display:block;position:absolute;top:50%;left:0;margin:-0.7rem 0;width:0.1rem;height:1.3rem;background:rgba(255,255,255,0.15);}
.pc .nav-gnb .btn a:hover, .pc .nav-gnb .btn a:focus {color:rgba(255,255,255,1);}
.pc .nav-gnb .btn a.icon-menu, .pc .nav-gnb .info {display:none;}

/* GNB : 오픈형 */
/*.pc #header.open {height:38.2rem;} 20210909-005 금융소비자보호기준 신규 메뉴 추가*/
.pc #header.open {height:48rem;}
.pc #header.open:before {top:0;height:auto;background:#0d256d;box-shadow:0 1.0rem 3.0rem rgba(0,0,0,0.3);}
.pc #header.open .nav-gnb > ul > li.open > ul {visibility:visible;height:auto;margin:0;}
.pc #header.open .nav-gnb .btn {visibility:visible;}

.pc .nav-gnb .btn, .pc .nav-gnb > ul > li > ul, .pc .nav-gnb > ul > li.m3 ~ li > .tit:not(:only-child):after {opacity:0;-webkit-transition:all 0.1s ease;transition:all 0.1s ease;transition-delay:0s;-webkit-transition-delay:0s;}
.pc #header.open .nav-gnb .btn, .pc #header.open .nav-gnb > ul > li.open > ul, .pc .nav-gnb > ul > li.m3 ~ li.open > .tit:not(:only-child):after {opacity:1;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;transition-delay:0.2s;-webkit-transition-delay:0.2s;}

/* 채용 GNB */
.pc .nav-gnb.recruit-gnb > ul {width:auto;}
.pc .nav-gnb.recruit-gnb > ul > li {position:static;margin:0 0 0 -0.4rem;}
.pc .nav-gnb.recruit-gnb > ul > li .tit {font-family:'OneShinhanL', '맑은 고딕', 'Malgun Gothic', Droid sans, AppleGothic, sans-serif;font-size:1.6rem;}
.pc .nav-gnb.recruit-gnb > ul > li .tit:before {left:1.8rem;top:0.4rem;width:0;height:0.2rem;background:rgba(255,255,255,0);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.pc .nav-gnb.recruit-gnb > ul > li.active .tit:before, .pc .nav-gnb.recruit-gnb > ul > li:hover .tit:before, .pc .nav-gnb.recruit-gnb > ul > li:focus .tit:before {width:1.3rem;}

/* --------------------------------------------------------------------------------------------------------------------
	# Layout : header : MOBILE
-------------------------------------------------------------------------------------------------------------------- */
/* 기본 */
.mb #header {position:fixed;left:0;right:0;top:0 !important;height:0;margin:0;z-index:102;}
.mb #header:before {content:'';position:fixed;left:100%;right:0;top:0;bottom:0;background:rgba(0,0,0,0);z-index:-1;-webkit-transition:background 0.4s ease;transition:background 0.4s ease;}
.mb #header .logo {position:fixed;left:0;right:0;top:0 !important;line-height:6.4rem;background:#0096d7;background:linear-gradient(to right, #0096d6, #5b3eb3);}
.mb #header .logo.back a {display:none !important}
.mb #header .logo.back .icon-menu[class*=" ic"] {position:relative;right:auto;display:inline-block !important;-webkit-transform:translateX(0);transform: translateX(0);}
.mb #header .logo > *:first-child {display:inline-block;position:relative;vertical-align:top;}
.mb #header .logo > *:first-child {overflow:hidden;width:5.6rem;padding:6.4rem 0 0;height:0;}
.mb #header .logo > *:first-child:only-child {display:none;}
.mb #header .logo > *:first-child:after {content:'';display:block;position:absolute;left:50%;top:50%;width:2.4rem;height:2.4rem;background:url(../img/com/icon_set1.png) no-repeat -20.0rem 0;background-size:40.0rem 40.0rem;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.mb #header .logo > *:first-child + span,
.mb #header .logo.back > a + span {margin:0 0 0 -0.8rem;font-size:2.0rem;color:#fff;}
.mb #header .icon-menu[class*=" ic"] {position:fixed;top:0;z-index:102;}
.mb #header .icon-menu.ic1, .mb #header .icon-menu.ic4 {right:0;}
.mb #header .icon-menu.ic1 {display:block;}
.mb #header .icon-menu.ic3 {right:100%;-webkit-transform:translateX(100%);transform:translateX(100%);}
.mb #header .icon-menu.ic2 {display:none;}
.mb #header .icon-menu.ic4 {position:fixed;right:0;top:0;z-index:-1;opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%);}

/* GNB */
.mb .nav-gnb {position:relative;position:fixed;left:100%;top:0;bottom:0;overflow:hidden;width:100%;width:100vw;/*height:100vh;*/padding:6.4rem 0 7.5rem;color:#fff;background:#0096d7;background:linear-gradient(to right bottom, #0096d6, #5b3eb3);-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.mb .nav-gnb:before, .mb .nav-gnb:after {content:'';display:block;position:absolute;left:0;right:0;}
.mb .nav-gnb:after {top:6.3rem;height:0.1rem;background:rgba(255,255,255,0.1);}
.mb .nav-gnb .tit, .mb .nav-gnb > ul a {display:block;font-size:1.4rem;line-height:2.0rem;color:#fff;}
.mb .nav-gnb .tit {position:relative;padding:0 1.6rem;font-family:'OneShinhanM';line-height:5.6rem;outline:0;}
.mb .nav-gnb .tit + ul > li .tit {font-size:1.2rem;line-height:2.4rem;background:rgba(0,0,0,0.1);}
.mb .nav-gnb .tit + ul > li .tit + ul {padding:1.4rem 0;}
.mb .nav-gnb .tit + ul > li .tit + ul a {color:rgba(255,255,255,0.6);}
.mb .nav-gnb .welcome {display:inline-block;margin:0 1.5rem 0 0;}
.mb .nav-gnb .welcome em {display:inline-block;max-width:5.0rem;vertical-align:top;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.mb .nav-gnb .welcome .recent {display:block;margin:-0.2rem 0 0 0;font-size:1.0rem;color:rgba(255,255,255,0.5);}
.mb .nav-gnb a {position:relative;vertical-align:top;}
.mb .nav-gnb > ul {position:relative;overflow-y:scroll;left:0;width:100%;padding:0;height:100%;}
/* .mb:not(.app) .nav-gnb > ul {padding:5.6rem 0 0;} */
.mb .nav-gnb > ul a {padding:0.6rem 3.2rem 0.6rem 1.6rem;}
.mb .nav-gnb > ul a:after {content:'';display:block;position:absolute;right:1.8rem;top:0;width:0.8rem;height:0.8rem;margin:1.1rem 0 0;border-right:0.1rem solid rgba(255,255,255,0.5);border-bottom:0.1rem solid rgba(255,255,255,0.5);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.mb .nav-gnb > ul > li.m5 a:after, .mb .nav-gnb > ul > li.m6 a:after {top:50%;margin:-0.5rem 0 0;}
.mb .nav-gnb > ul > li:not(.m6) a.tit:only-child:before, .mb .nav-gnb > ul > li:not(.m6) a.tit:only-child:after {margin:2.4rem 0 0;border-right:0.2rem solid rgba(255,255,255,1);border-bottom:0.2rem solid rgba(255,255,255,1);}
.mb .nav-gnb > ul > li {border-top:0.1rem solid rgba(255,255,255,0.1);}
.mb .nav-gnb > ul > li:first-child {border-top:none;}
.mb .nav-gnb > ul > li + li {margin:1.5rem 0 0;}
.mb .nav-gnb > ul > li > .tit:not(:only-child):before,
.mb .nav-gnb > ul > li > .tit:not(:only-child):after {content:'';display:block;position:absolute;right:1.6rem;top:50%;width:0.2rem;height:0.8rem;margin:-0.4rem 0 0;background:#fff;border:0;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.mb .nav-gnb > ul > li > .tit:not(:only-child):before {-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-right:0.5rem;}
.mb .nav-gnb > ul > li > .tit:not(:only-child):after {-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.mb .nav-gnb > ul > li > .tit + ul {display:none;}
.mb .nav-gnb > ul > li.m1 ~ li, .mb .nav-gnb > ul > li.m1 , .app .nav-gnb > ul > li.m1 {margin:0;}
/*.mb .nav-gnb > ul > li.m3 ~ li, .mb .nav-gnb > ul > li.m1 , .app .nav-gnb > ul > li.m1 {margin:0;}
.mb .nav-gnb > ul > li.m1 > .tit:before, .mb .nav-gnb > ul > li.m1 > .tit:after,
.mb .nav-gnb > ul > li.m2 > .tit:before, .mb .nav-gnb > ul > li.m2 > .tit:after {display:none;}*/
.mb .nav-gnb > ul > li.m1 > .tit + ul, .mb .nav-gnb > ul > li.m2 > .tit + ul {margin-top:-1.0rem;} /* 180625 수정 */
.mb .nav-gnb > ul > li.m1 > .tit + ul, .mb .nav-gnb > ul > li.m2 > .tit + ul, .mb .nav-gnb > ul > li.m2 ~ li ul ul {overflow:hidden;-webkit-display:flex;display:flex;flex-wrap:wrap;}
.mb .nav-gnb > ul > li.m1 > .tit + ul > li, .mb .nav-gnb > ul > li.m2 > .tit + ul > li,
.mb .nav-gnb > ul > li.m2 ~ li ul ul > li {float:left;width:50%;}
.mb .nav-gnb > ul > li.m2 ~ li.m5 > .tit + ul,
.mb .nav-gnb > ul > li.m2 ~ li.m6 > .tit + ul {display:block;}
.mb .nav-gnb > ul > li.active > .tit + ul {display:block;}
.mb .nav-gnb > ul > li.active > .tit:before {-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.mb .nav-gnb > ul > li.active > .tit:not(:only-child):after {-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.mb .nav-gnb > ul > li.m7, .mb:not(.app) .nav-gnb > ul > li.m9:last-child {display:none;}
.mb .nav-gnb > ul > li.m5, .mb .nav-gnb > ul > li.m6 {position:relative;border-top:0.1rem solid rgba(255,255,255,0.1);}
.mb:not(.app) .nav-gnb > ul > li.m5,
.mb:not(.app) .nav-gnb > ul > li.m6 {position:absolute;margin:0;}
.mb .nav-gnb > ul > li.m5,
.mb .nav-gnb > ul > li.m6,
.mb.app .nav-gnb > ul > li.m5,
.mb.app .nav-gnb > ul > li.m6 {border-bottom:0.1rem solid rgba(255,255,255,0.1);}
.mb .nav-gnb > ul > li.m5 {left:0;width:66%;height:5.6rem;overflow:hidden;}
.mb .nav-gnb > ul > li.m5 > .tit, .mb .nav-gnb > ul > li.m5 > ul > li > ul > li.m1 ~ li {display:none;}
.mb .nav-gnb > ul > li.m5 > ul > li {position:relative;float:left;width:50%;border-right:0.1rem solid rgba(255,255,255,0.1);}
.mb.app .nav-gnb > ul > li.m5 > ul > li:last-of-type {border-right:none;}
.mb .nav-gnb > ul > li.m5 > ul > li > .tit {padding:0 1.6rem;font-family:'OneShinhanM';font-size:1.4rem;line-height:5.6rem;background:none;}
.mb .nav-gnb > ul > li.m5 > ul > li > .tit + ul {position:absolute;left:0;right:0;top:0;bottom:0;padding:0;}
.mb .nav-gnb > ul > li.m5 > ul > li > .tit + ul > li:first-child {position:absolute;left:0;right:0;top:0;bottom:0;padding:0;width:100%;}
.mb .nav-gnb > ul > li.m5 > ul > li > .tit + ul > li:first-child a {display:block;padding:0;width:100%;height:100%;color:rgba(255,255,255,0);}
.mb .nav-gnb > ul > li.m5 > ul > li > .tit + ul > li:first-child ~ li {display:none;}
.mb .nav-gnb > ul > li.m5:last-child, .mb.app .nav-gnb > ul > li.m5 {width:100%;}
.mb .nav-gnb > ul > li.m6 {right:0;width:34%;height:5.6rem;}
.mb .nav-gnb > ul > li.m6 ul {display:none;}
.mb.app .nav-gnb > ul > li.m9 {border-top:none;}
.mb .nav-gnb .btn a:not(.icon-menu), .mb .nav-gnb .info button {position:relative;display:inline-block;padding:0 1.1rem;font-family:'OneShinhanM';line-height:3.0rem;color:#fff;border:0.1rem solid rgba(255,255,255,0.2);}
.mb .nav-gnb .btn {position:absolute;left:0;top:0;padding:1.6rem;}
.mb .nav-gnb .btn a {opacity:0;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.mb .nav-gnb .btn a.icon-menu {margin:-1.6rem 0 -1.6rem -1.6rem;}
.mb .nav-gnb .info {position:absolute;left:0;right:0;bottom:0;padding:1.6rem 1.6rem 1.6rem 6.8rem;height:7.6rem;background:rgba(0,0,0,0.5);color:#fff;line-height:2.2rem;}
.mb .nav-gnb .info dt {position:absolute;left:1.6rem;top:50%;width:0;height:4.0rem;padding:0 0 0 4.0rem;overflow:hidden;margin:-2.0rem 0 0;border-radius:0.8rem;background:linear-gradient(to right bottom, #008ae0, #5b3eb3);}
.mb .nav-gnb .info dt:before {content:'';width:2.7rem;height:3.0rem;display:block;position:absolute;left:50%;top:50%;margin:-1.5rem 0 0 -1.35rem;background:url(../img/com/icon_set1.png) no-repeat -28.0rem -6.0rem;background-size:40.0rem;}
.mb .nav-gnb .info dd:nth-of-type(1) {font-size:1.6rem;color:rgba(255,255,255,0.8);font-family:'OneShinhanM';}
.mb .nav-gnb .info dd:nth-of-type(2) {font-size:1.2rem;color:rgba(255,255,255,0.5);}
.mb .nav-gnb .info dd button {position:absolute;right:1.6rem;top:50%;margin:-1.6rem 0 0;}

/* GNB : mobile web 메뉴 */
.mb:not(.app) .nav-gnb {padding-bottom:0;}

/* GNB : 오픈형 */
.mb #header.open .nav-gnb {left:0;}
.mb #header.open:before {left:0;background:rgba(0,0,0,0.5);z-index:0;}
.mb #header.open .icon-menu.ic1, .mb #header.open .icon-menu.ic3 {z-index:0;}
.mb #header.open .icon-menu.ic1:before {border-color:rgba(255,255,255,0);-webkit-transition:all 0.4s ease;transition:all 0.4s ease;}
.mb #header.open .icon-menu.ic4 {z-index:1;opacity:1;-webkit-transform:translateX(0%);transform:translateX(0%);}
.mb #header.open .icon-menu.ic4:before, .mb #header.open .icon-menu.ic4:after {transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.mb #header.open .icon-menu.ic4:before {-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.mb #header.open .icon-menu.ic4:after {-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.mb #header.open .nav-gnb .btn a {opacity:1;}

/* --------------------------------------------------------------------------------------------------------------------
	# Layout : container : PC
-------------------------------------------------------------------------------------------------------------------- */
/* container : 공통 */
.pc #container {width:100%;height:100%;min-height:100vh;margin:0 auto -20.0rem;}
.pc #container > #content {max-width:1200px;margin:0 auto;padding:0 60px 24.4rem;}
.pc #container > #content > .section {position:relative;z-index:1;padding:5.2rem 0 5.6rem;}

/* container : 단일페이지형 */
.pc #container.page {margin-bottom:0;background:#ebecee;}
.pc #container.page > #content {padding:0 0 10.0rem;}
.pc #container.page > #content .section {margin:-4.8rem 0 0;padding:4.8rem 6.0rem 6.0rem;background:#fff;}

/* --------------------------------------------------------------------------------------------------------------------
	# Layout : container : MOBILE
-------------------------------------------------------------------------------------------------------------------- */
/* container : 공통 */
.mb #container {width:100%;height:100%;min-height:100vh;margin:0 auto -30.0rem;}
.mb #container > #content {padding:8.8rem 2.4rem 30.0rem;}
.mb #container > #content > .section {position:relative;z-index:1;padding:2.4rem 0;}
.mb #container:last-child {margin-bottom:0;}
.mb #container:last-child > #content {padding-bottom:0;}

/* --------------------------------------------------------------------------------------------------------------------
	# Layout : container : 페이지타이틀 : 기본텍스트형
-------------------------------------------------------------------------------------------------------------------- */
/* 공통 */
#container header {text-align:center;}
#container header h1 {font-family:'OneShinhanM';}
#container header h1 >span:first-child {overflow:hidden;position:absolute;width:1px;height:1px;opacity:0;}
#wrapper > #container:first-child header {text-align:left;padding-top:7.0rem;}
#wrapper > #container:first-child > #content {padding:0 6.0rem;}

/* PC */
.pc #container header:not(.header-visual) {position:relative;margin:0 0 1.5rem;padding:18.6rem 0 0;}
.pc #container header:not(.header-visual) h1 {font-family:'OneShinhanM';font-size:2.4rem;line-height:4.0rem;color:#212121;}
.pc #container header:not(.header-visual).line {margin-bottom:4.0rem;padding-bottom:1.5rem;border-bottom:0.1rem solid #9599a6;}
.pc #container .header-visual ~ header {padding:5.2rem 0 0;text-align:left;}
.pc #container header:not(.header-visual):not(.hide) ~ .section {padding-top:0 !important;}
.pc #container header:not(.header-visual):not(.hide) ~ .section .form-area1.min:first-child {margin-top:-1.6rem;}

.pc #container header:not(.header-visual).line ~ .section .tit-sub1:first-of-type {overflow:hidden;position:absolute;width:1px;height:1px;opacity:0;}
.pc #container header:not(.header-visual).line ~ .section .tit-sub1:first-of-type + .tab-sub1 {margin-top:-4.1rem;}

/* MOBILE */
.mb #container header:not(.header-visual) {position:fixed;left:0;right:0;top:0;z-index:101;padding:0;font-size:0;background:#0096d7;background:linear-gradient(to right, #0096d6, #5b3eb3);}
.mb #container header:not(.header-visual) h1 {overflow:hidden;display:inline-block;max-width:calc(100% - 11.0rem);white-space: nowrap;text-overflow: ellipsis;font-size:2.0rem;line-height:6.4rem;color:#fff;}

/* --------------------------------------------------------------------------------------------------------------------
	# Layout : container : 페이지타이틀 : 비주얼영역
-------------------------------------------------------------------------------------------------------------------- */
/* 공통 */
.header-visual {position:relative;padding:9.0rem 0 4.0rem;text-align:center;color:#fff;}
.header-visual > * {position:relative;}
.header-visual h1, .header-visual .heading {font-family:'OneShinhanL' !important;font-size:3.0rem;line-height:5.8rem;}
.header-visual h1 > span {display:block;}
.header-visual h1 > span:first-child {position:absolute;left:0;right:0;top:-9.0rem;font-family:'OneShinhanM';font-size:2.0rem;line-height:6.4rem;z-index:100;}
.header-visual h1 + p {margin:1.0rem 0 0;color:rgba(255,255,255,0.75);}
.header-visual .heading dt {overflow:hidden;position:absolute;width:1px;height:1px;opacity:0;}
.header-visual .heading dd span {display:block;}
.header-visual .nav-tab1 {margin:4.0rem 0 -4.0rem;}
.header-visual .step-info {position:fixed;right:1.6rem;top:2.2rem;z-index:103;}
.header-visual .step-info2 {margin:1.5rem 0 0;}
.header-visual .step-info2 li strong,
.header-visual .step-info2 li span {color:rgba(255,255,255,0.7);}
.header-visual .step-info2 li strong:before {background:rgba(17,35,105,0.25);}
.header-visual .step-info2 li.active strong,
.header-visual .step-info2 li.active span {color:#fff}

/* 공통 : PC */
.pc .header-visual {display:table-cell;width:120.0rem;height:36.0rem;padding:11.0rem 0 0;vertical-align:middle;}
.pc .header-visual:before {content:'';display:block;position:absolute;left:50%;top:0;bottom:0;width:100vw;min-width:120.0rem;height:36.0rem;background:#0096d7;background:linear-gradient(to right, #0096d6, #5b3eb3);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.pc .header-visual h1, .pc .header-visual .heading {font-size:4.0rem;line-height:6.0rem;}
.pc .header-visual h1 > span:first-child {display:none;}
.pc .header-visual h1 + p, .pc .header-visual .heading dd + dd {font-size:1.8rem;line-height:2.6rem;color:rgba(255,255,255,0.7);}
.pc .header-visual .heading dd span:nth-child(2) {display:none;}
.pc .header-visual .nav-tab1 {position:absolute;left:0;right:0;bottom:0;margin:0;}
.pc .header-visual .step-info {position:fixed;left:50%;width:84.0rem;top:3.5rem;margin:0 0 0 -24.0rem;}
.pc header.header-visual {padding:11.0rem 0 4.8rem;}
.pc header.header-visual.min {padding:11.0rem 0 0;}
.pc .header-visual .step-info2 {margin-left:-13rem;margin-right:-12rem}
.pc .header-visual .step-info2 li strong {font-size:2rem;}
.pc .header-visual .step-info2 li strong:before {top:7px;width:2.5rem;height:2.5rem;line-height:2.5rem;font-size:1.5rem;}
.pc .header-visual .step-info2 li.active strong {font-size:2.8rem;font-family: 'OneShinhanB', '맑은 고딕', 'Malgun Gothic', Droid sans, AppleGothic, sans-serif;}
.pc .header-visual .step-info2 li.active strong:before {top:0;width:3.2rem;height:3.2rem;line-height:3.2rem;background:rgba(1, 6, 21, 0.25);}

/* 공통 : MOBILE */
.mb .header-visual {margin:-8.8rem -2.4rem 0;}
.mb .header-visual h1 + p {margin:0;}
.mb div.header-visual {height:6.4rem;padding:0;z-index:100;}
.mb div.header-visual h1 {font-size:2.0rem;line-height:6.4rem;}
.mb #container:not(.min) div.header-visual:before, .mb div.header-visual .heading {display:none;}
.mb #container:not(.page) .header-visual {background:#0096d7;background:linear-gradient(to right, #0096d6, #5b3eb3);}
.mb .header-visual .step-info2 {margin:1.5rem 1rem 0;padding:0 3.5rem}
.mb .header-visual .step-info2 li {top:0.3rem;opacity:0;}
.mb .header-visual .step-info2 li + li {margin-left:0}
.mb .header-visual .step-info2 li:last-child strong:before {background:#433ca1}
.mb .header-visual .step-info2 li strong:before {background:rgba(1, 6, 21, 0.25);}
.mb .header-visual .step-info2 li.active {top:0;opacity:1;}
.mb .header-visual .step-info2 li.active strong {font-family:'OneShinhanB', '맑은 고딕', 'Malgun Gothic', Droid sans, AppleGothic, sans-serif;padding-left:3.5rem;font-size:2.8rem;line-height:1.2;left: -0.4rem}
.mb .header-visual .step-info2 li.active strong:before {top:0;width:3.2rem;height:3.2rem;font-size:1.8rem;line-height:3.2rem;background:rgba(1, 6, 21, 0.25);}
.mb .header-visual .step-info2 li + li:before, .mb .header-visual .step-info2 li + li:after {display:none;}
.mb .header-visual .step-info2 li.active:before, .mb .header-visual .step-info2 li.active:after, 
.mb .header-visual .step-info2 li.active + li:before, .mb .header-visual .step-info2 li.active + li:after {display:block;}

/* 비주얼용 네비게이션 : PC */
.pc .header-visual .nav {margin:1.6rem auto 0;max-width:100%;}
.pc .header-visual .nav > ul {margin:-0.4rem 0 0;}
.pc .header-visual .nav > ul > li {display:inline-block;vertical-align:top;margin:0.4rem 0.2rem;vertical-align:top;}
.pc .header-visual .nav > ul > li a {display:block;padding:0 2.4rem;line-height:3.2rem;color:rgba(255,255,255,0.6);border-radius:1.6rem;background:rgba(17,35,105,0.1);}
.pc .header-visual .nav > ul > li a:hover, .header-visual .nav  > ul > li a:focus {color:rgba(255,255,255,1);}
.pc .header-visual .nav > ul > li.active a {background:rgba(17,35,105,0.25);color:rgba(255,255,255,1);font-family:'OneShinhanM';}
.pc .header-visual .nav button {display:none;}
.pc .header-visual h1 ~ .nav {display:none;}

/* 비주얼용 네비게이션 : MOBILE */
.mb .header-visual .nav {position:fixed;left:0;right:0;top:0;z-index:101;background:#0096d7;background:linear-gradient(to right, #0096d6, #5b3eb3);border-bottom:0.1rem solid rgba(255,255,255,0.1);}
.mb .header-visual .nav > button {overflow:hidden;position:relative;display:inline-block;max-width:calc(100% - 11.0rem);height:6.4rem;padding:0 2.6rem;font-size:2.0rem;line-height:6.4rem;color:#fff;outline:0;white-space:nowrap;text-overflow:ellipsis;}
.mb .header-visual .nav > button:after {content:'';display:block;position:absolute;right:0;top:50%;width:0;height:0;margin:-0.4rem 0 0;border-left:0.7rem solid transparent;border-right:0.7rem solid transparent;border-top:0.9rem solid rgba(0,0,0,0.3);}
.mb .header-visual .nav > button.nolink:after {display:none;}
.mb .header-visual .nav > ul {overflow:hidden;position:absolute;left:0;right:0;top:6.4rem;height:0;padding:0 2.4rem;opacity:0;background:#0096d7;background:linear-gradient(to right, #0096d6, #5b3eb3);box-shadow:0 5px 15px rgba(0,0,0,0.15);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
.mb .header-visual .nav > ul > li {position:relative;display:block;text-align:center;white-space:nowrap;}
.mb .header-visual .nav > ul > li:before {content:'';position:absolute;left:0;right:0;bottom:0;}
.mb .header-visual .nav > ul > li a {display:block;line-height:4.0rem;color:#fff;}
.mb .header-visual.active .nav > button:after {border-top:0;border-bottom:0.9rem solid rgba(0,0,0,0.3);}
.mb .header-visual.active .nav  > ul {height:auto;padding:1.0rem 2.4rem;opacity:1;}
.mb #container div.header-visual ~ header {overflow:hidden;position:absolute;width:1px;height:1px;opacity:0;}

/* APP : 모바일 fixed 디버깅 */
.mb .header-visual .nav {transform:translateZ(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);-webkit-transform:translateZ(0);}
.mb.keypadup .header-visual .nav, .mb.keypadup #header,
.mb.keypadup #header .icon-menu[class*=" ic"],
.mb.keypadup #header .logo,
.mb.keypadup .header-visual .step-info {position:absolute;}
.mb.keypadup .header-visual .step-info {top:-4.2rem;}
.mb.keypadup #wrapper.scrolling .area-info1 .bottom[data-layout-fixed="true"] {position:relative;}

/* --------------------------------------------------------------------------------------------------------------------
	# Layout : container : 페이지타이틀 : 단일페이지형
-------------------------------------------------------------------------------------------------------------------- */
#container.page .header-visual {margin:0 -2.4rem;}

.pc #container.page .header-visual, .pc #container.page .header-visual:before {height:31.0rem;}

.mb #container.page #content {padding-top:6.4rem;padding-bottom:2.4rem}
.mb #container.page .header-visual {height:auto;padding:0 1.6rem;text-align:left;color:#212121;border-bottom:0.2rem solid #ebecee;}
.mb #container.page .header-visual:before {display:none;}
.mb #container.page .header-visual h1 {font-size:1.8rem;line-height:4.8rem;}

.mb #container.min .header-visual {z-index:102;}

/* --------------------------------------------------------------------------------------------------------------------
	# Layout : Footer
-------------------------------------------------------------------------------------------------------------------- */
/* Footer : 공통 */
#footer {position:relative;margin:0 auto;max-width:120.0rem;height:20.0rem;padding:3.5rem 0 0;background:#fff;}
#footer:after {content:'';display:block;position:absolute;left:50%;top:-0.1rem;width:100vw;height:0.1rem;background:#d7d9dd;z-index:-1;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}

#footer ul[class*="info"] {overflow:hidden;margin:0;line-height:1.8em;}
#footer ul[class*="info"] > li {position:relative;float:left;display:block;margin:0 1.2em 0 -1.2em;padding:0 1.2em;}
#footer ul[class*="info"] > li + li:before {content:'';position:absolute;left:-0.1rem;top:50%;width:0.1rem;height:1em;margin:-0.5em 0 0;background:#d7d9dd;}
#footer ul[class*="info"] > li a {display:block;margin:0 -1.2em;padding:0 1.2em;}
#footer ul.info1 {font-family:'OneShinhanM';}
#footer ul.info2 {margin:0.2rem 19.5rem 0 0;}
#footer ul.info2 li:first-child a {color:#0082d0;}
#footer ul.info3 {margin:0.8rem 0 0;color:#757575;}
#footer .copy {margin:1.0rem 0 0;font-family:'OneShinhanM';font-size:1.0rem;color:#757575;}
#footer .sub {position:absolute;}
#footer .sub .mark {overflow:hidden;position:relative;display:inline-block;width:6.5rem;height:0;margin:0 2.0rem 0 0;padding:5.0rem 0 0;}
#footer .sub .mark:before, #footer .sub .mark dd a {position:absolute;left:0;right:0;top:0;bottom:0;display:block;}
/*#footer .sub .mark:before {content:'';background:url(../img/com/icon_set1.png) no-repeat -84.0rem 0;}*/
#footer .sub .mark dd a {color:rgba(255,255,255,0);}
#footer .familysite {min-width:0;}
#footer .familysite.active .headline:focus {}
#footer .familysite.active .headline:after {border-top:0.7rem solid #a1aab3;border-bottom:0;}
#footer .familysite.active ul {bottom:100%;left:0;right:0;margin:0.1rem 0 0;-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%);}
#footer .familysite.active ul li + li {border-top:0.1rem solid #ebecee;}

/* Footer : PC */
.pc #footer:after {min-width:120.0rem;}
.pc #footer ul.info1, .pc #footer ul.info3 {max-width:70%;}
.pc #footer .sub {right:0;top:3.0rem;}
.pc #footer .familysite {width:21.0rem;}
.pc #footer .copy {position:absolute;right:0;bottom:5.0rem;margin:0;font-size:1.2rem;}

/* Footer : MOBILE */
.mb #footer {height:30.0rem;padding:2.7rem 1.0rem;font-size:1.1rem;line-height:2.1rem;text-align:center;}
.mb #footer ul[class*="info"] {text-align:center;}
.mb #footer ul[class*="info"] > li {float:none;display:inline-block;margin:0 0.6em 0 -0.6em;padding:0 0.6em;}
.mb #footer ul[class*="info"] > li a {display:block;margin:0 -0.6em;padding:0 0.6em;}
.mb #footer ul.info1 {font-size:1.2rem;}
.mb #footer ul.info2 {margin:0.6rem 0 0;}
.mb #footer ul.info2 > li:first-child {display:block;}
.mb #footer ul.info3 > li {display:block;margin:0;padding:0;}
.mb #footer .sub {left:26%;right:26%;bottom:4.0rem;}
.mb #footer .familysite {min-width:45%;}
.mb #footer .familysite.list-select, .mb #footer .familysite.list-select .headline {height:3.2rem;}
.mb #footer .familysite.list-select .headline, .mb #footer .familysite.list-select ul li a {padding:0.6rem 4.0rem 0.6rem 1.5rem;font-size:1.2rem;line-height:1.8rem;}
.mb #footer .familysite.list-select .headline:after {right:1.5rem;}
.mb #footer .familysite.list-select ul li a {padding:0.6rem 1.5rem;}

.mb .main-footer {margin:2.4rem 0 -3.2rem; padding:2.0rem 1.0rem;font-size:1.2rem;line-height:2.1rem;text-align:center;}
.mb .main-footer ul[class*="info"] {text-align:center;}
.mb .main-footer ul[class*="info"] > li {position:relative;float:none;display:inline-block;margin:0;padding:0 0.6em;}
.mb .main-footer ul[class*="info"] > li a {display:block;margin:0 -0.6em;padding:0 0.6em;}
.mb .main-footer ul[class*="info"] > li + li:before {content:'';position:absolute;left:-0.1rem;top:50%;width:0.1rem;height:1em;margin:-0.5em 0 0;background:#d7d9dd;}
.mb .main-footer .copy {margin:0.5rem 0 0;font-family:'OneShinhanM';font-size:1.0rem;color:#757575;}
.mb .main-footer ul[class*="info"] > li.full{width: 100%}

.mb .main-footer.gray {background:#434343;}
.mb .main-footer.gray ul[class*="info"] > li a {color:#ccc;font-family: 'OneShinhanM';}
.mb .main-footer.gray ul[class*="info"] > li + li:before {background:#7a7a7a;}
.mb .main-footer.gray .copy {color:#7a7a7a;}

.mb .main-footer.darkblue {background:#171f4a;}
.mb .main-footer.darkblue ul[class*="info"] > li a {color:rgba(255,255,255,0.6);}
.mb .main-footer.darkblue ul[class*="info"] > li + li:before {background:rgba(255,255,255,0.6);}
.mb .main-footer.darkblue .copy {color:rgba(255,255,255,0.6);}
.mb .main-footer.darkblue ul[class*="info"] > li + li.noneline:before {background:rgba(255,255,255,0.0);}

@media only screen and (max-width:359px){
	.mb #footer .sub {margin:1.0rem 0 0;}
}

/* Footer : MOBILE APP */
.mb #footer {display:none;}
.mb #container {margin-bottom:0;}
.mb #container > #content {padding-bottom:6.3rem;}



/* --------------------------------------------------------------------------------------------------------------------
	# Layout : 채용 : 간략형
-------------------------------------------------------------------------------------------------------------------- */
#container.min {margin-bottom:-14.0rem;}

/* Footer */
#container.min ~ #footer {height:14.0rem;}
#container.min ~ #footer ul:first-child {margin-top:0;}
#container.min ~ #footer .copy {position:static;margin:0.5rem 0 0;}

.mb #container.min {margin-bottom:-18.0rem;}
.mb #container.min ~ #footer {height:18.0rem;}

/* --------------------------------------------------------------------------------------------------------------------
	# Layout : 영문변형
-------------------------------------------------------------------------------------------------------------------- */
/* header */
html[lang="en"].pc #header .logo > *:first-child {width:27.4rem;}
html[lang="en"].pc #header .logo > *:first-child:after {background-size:120.0rem;background-position-y:-11.8rem;}
html[lang="en"].pc .nav-gnb > ul > li {position:relative;margin:0;}
html[lang="en"].pc .nav-gnb > ul > li > a {position:relative;display:block;padding:0 1.8rem;font-family:'OneShinhanM';line-height:4.0rem;color:#fff;}
html[lang="en"].pc .nav-gnb > ul > li > a:after {content:'';display:block;position:absolute;left:50%;bottom:0;width:0;height:0.2rem;background:rgba(255,255,255,0);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
html[lang="en"].pc .nav-gnb > ul > li + li:before {content:'';display:block;position:absolute;left:-0.2rem;top:50%;width:0.4rem;height:0.4rem;marign:-0.2rem 0 0 -0.2rem;background:rgba(255,255,255,0.2);border-radius:50%;}
html[lang="en"].pc .nav-gnb > ul > li:last-child {margin:0 0 0 6.0rem;}
html[lang="en"].pc .nav-gnb > ul > li:last-child:before {display:none;}
html[lang="en"].pc .nav-gnb > ul > li:last-child > a {padding:0;color:rgba(255,255,255,0.6);}
html[lang="en"].pc .nav-gnb > ul > li:last-child > a:after {display:none;}
html[lang="en"].pc .nav-gnb > ul > li:last-child > a:hover, html[lang="en"].pc .nav-gnb > ul > li:last-child > a:focus {color:rgba(255,255,255,1);}
html[lang="en"].pc .nav-gnb > ul > li > a:hover:after, html[lang="en"].pc .nav-gnb > ul > li.active > a:after {left:1.8rem;width:calc(100% - 3.6rem);background:rgba(255,255,255,1);}

html[lang="en"].pc #container {margin-bottom:-16.0rem;}
html[lang="en"].pc .header-visual {height:27.5rem;padding:11.0rem 0 0;}
html[lang="en"].pc .header-visual:before {height:27.5rem;}

html[lang="en"].pc #footer {height:16.0rem;padding:3.0rem 0 0;color:#757575;}
html[lang="en"].pc #footer:before {content:'';display:block;height:3.0rem;margin:0 0 1.5rem;background:url(../img/com/icon_set1.png) no-repeat -96.0rem -6.0rem;filter:gray;-webkit-filter:grayscale(1);}
html[lang="en"].pc #footer p {line-height:3.0rem;}
html[lang="en"].pc #footer .copy {position:static;}

/* --------------------------------------------------------------------------------------------------------------------
	# Layout : popup : 공통
-------------------------------------------------------------------------------------------------------------------- */
/* overlay 영역 */
.pc .overlay2 {position:fixed;left:0;top:0;z-index:-1 !important;}
.overlay, .mb .overlay2 {position:fixed;left:0;top:0;width:100%;height:100vh !important;min-width:100%;min-height:100vh !important;background:rgba(0,0,0,0.7);}

.mb.mac .popopen {position:fixed;}
.mb.mac .popopen .pop-modal1 .content {padding-bottom:10.0rem;}
.mb [class*="pop-modal"] button,
.mb [class*="pop-modal"] a {outline:transparent} 

/* --------------------------------------------------------------------------------------------------------------------
	# Layout : popup : 유형1 : 컨텐츠형
-------------------------------------------------------------------------------------------------------------------- */
/* 기본 */
.pop-modal1 {display:none;position:relative;width:100%;margin:auto;background:#fff;outline:0;z-index:1000;}
.pop-modal1 .header {position:relative;padding:1.7rem 6.4rem;background:#004ea5;background:linear-gradient(to right, #018be0 , #5a3fb4);color:#fff;}
.pop-modal1 .header h2 {overflow:hidden;max-width:100%;font-size:2.0rem;line-height:3.0rem;text-align:center;white-space:nowrap;text-overflow:ellipsis;}
.pop-modal1 .header button {overflow:hidden;display:block;position:absolute;right:0;top:0;width:6.4rem;height:0;padding:6.4rem 0 0;}
.pop-modal1 .header button:before, .pop-modal1 .header button:after {content:'';display:block;position:absolute;left:50%;top:50%;width:3.0rem;height:0.2rem;margin:-0.1rem 0 0 -1.4rem;background:#fff;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.pop-modal1 .content {position:relative;padding:2.4rem;}
.pop-modal1 .content + .bottom .nav-top {position:absolute;right:2.0rem;bottom:2.0rem;opacity:1;z-index:1005;}
.pop-modal1.open {display:block;position:absolute;left:0;right:0;top:0;}
.pop-modal1.open .header button:before {-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.pop-modal1.open .header button:after {-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}


/* PC */
.pop-modal1 .content > :first-child {margin-top:0;}
.pop-modal1 .content > :first-child.tbl-data1.tbl-form {padding-top:0;}
.pc .pop-modal1 .content.mCustomScrollbar > .mCustomScrollBox > .mCSB_container > :first-child {margin-top:0;}
.pc .pop-modal1 .content.mCustomScrollbar > .mCustomScrollBox > .mCSB_container > :first-child.tbl-data1.tbl-form {padding-top:0;}
.pc .pop-modal1 .content.mCustomScrollbar > .mCustomScrollBox > .mCSB_container > :first-child.form-area1.tbl-form {margin-top:-0.8rem;}

.pc .pop-modal1 {width:680px !important;/*max-height:calc(100vh - 4.0rem);*/}
.pc .pop-modal1 .header {padding:2.9rem 8.8rem;}
.pc .pop-modal1 .header h2 {font-size:2.4rem;line-height:3.0rem;font-family:'OneShinhanM';}
.pc .pop-modal1 .header button {width:8.8rem;padding:8.8rem 0 0;}
.pc .pop-modal1 .content > .nav-tab1:first-child {margin-top:-2.4rem;}
.pc .pop-modal1 .content {padding:4.0rem;max-height:calc(100vh - 12.9rem);}
.pc .pop-modal1 .content.mCustomScrollbar {padding:0;}
.pc .pop-modal1 .content.mCustomScrollbar > .mCustomScrollBox {max-height:calc(100vh - 12.9rem) !important;}
.pc .pop-modal1 .content.mCustomScrollbar > .mCustomScrollBox > .mCSB_container {padding:4.0rem;}
.pc .pop-modal1 .content.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools {width:1.0rem;}
.pc .pop-modal1 .area-btn1 .btn-com {font-size:1.4rem;}
.pc .pop-modal1 .content + .bottom .nav-top {background:rgba(97,102,122,0.8);border:0.1rem solid rgba(97,102,122,1.0);color:#fff;}
.pc .pop-modal1 .content + .bottom .nav-top:before {border-color:#fff;}
.pc .pop-modal1.w1 {width:921px !important;}
.pc .pop-modal1.w2 {width:480px !important;}
.pc .pop-modal1.w3 {width:1080px !important;}
.pc .pop-modal1.open {position:fixed;top:50% !important;-ms-transform:translateY(-50.1%);-webkit-transform:translateY(-50.1%);transform:translateY(-50.1%);}

.pc[class=" ie11"] .pop-modal1.w1 {width:920px !important;}

/* MOBILE */
.mb .pop-modal1 .content {padding-bottom:4.0rem;}
.mb .pop-modal1.open:not(.min) {top:0 !important;height:100%;height:100vh;max-height:100%;max-height:100vh;overflow-y:auto;}
.mb .pop-modal1.open.min {width:auto;left:2.4rem;right:2.4rem;margin:auto;}

.mb .pop-modal1 .content > .nav-tab1 + .tbl-data1.tbl-form {padding-top:0;}
.mb .pop-modal1 .content > .nav-tab1 + .tbl-data1.tbl-form {margin-top:-1.6rem;}
.mb .pop-modal1 .content + .bottom .nav-top {position:fixed;right:1.6rem;bottom:1.6rem;}

/* [2018.12.14 이상현 SRID : 20181211-014] MOBILE - 이탈자 팝업 전용 모바일 환경에서 이탈방지팝업을 한 화면에 보여주기 위해서 수정 */
.mb .pop-modal1 .content.rnnc-pop {padding-bottom:4.0rem;padding: 0.0rem 2.4rem 0.0rem 2.4rem;}

@media only screen and (max-width:359px){
	.mb .pop-modal1.min .header {padding:1.7rem 2.0rem;}
	.mb .pop-modal1.min .header h2 {text-align:left;}
}

.mb body.popopen #wrapper {height:100%;height:100vh;overflow:hidden;}

.pop-modal1 ~ .pop-modal1 {z-index:1001;}
.pop-modal1 ~ .pop-modal1 ~ .pop-modal1 {z-index:1002;}
.pop-modal1 ~ .pop-modal1 ~ .pop-modal1 ~ .pop-modal1 {z-index:1004;}


/* --------------------------------------------------------------------------------------------------------------------
	# Layout : popup : 유형2 : 메세지형
-------------------------------------------------------------------------------------------------------------------- */
/* 기본 */
.pop-modal2 {display:none;position:relative;left:50%;top:50% !important;width:48.0rem;background:#fff;padding:5.0rem 4.0rem 4.0rem;outline:0;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1100;}
.pop-modal2 .header h2 {overflow:hidden;height:0.1rem;}
.pop-modal2 .header button {overflow:hidden;display:block;position:absolute;right:0;top:0;width:5.0rem;height:0;padding:5.0rem 0 0;}
.pop-modal2 .header button:before, .pop-modal2 .header button:after {content:'';display:block;position:absolute;left:50%;top:50%;width:2.0rem;height:0.2rem;margin:-0.1rem 0 0 -1.0rem;background:#64697d;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.pop-modal2 .content {text-align:center;}
.pop-modal2 .content:before, .pop-modal2 .content p {display:inline-block;vertical-align:middle;}
.pop-modal2 .content:before {content:'';width:0;height:6.6rem;}
.pop-modal2 .content p {max-width:95%;color:#212121;word-break:break-all;}
.pop-modal2 .content[class*=" ic"] {position:relative;}
.pop-modal2 .content[class*=" ic"]:before, .pop-modal2 .content[class*=" ic"]:after {content:'';display:block;}
.pop-modal2 .content[class*=" ic"]:before {width:5.2rem;height:5.2rem;margin:0 auto 2.5rem;background:#ebecee;border-radius:50%;}
.pop-modal2 .content[class*=" ic"]:after {position:absolute;left:50%;top:0;width:3.0rem;height:3.0rem;margin:1.1rem 0 0 -1.5rem;background:url(../img/com/icon_set2.png) no-repeat 0 0;}
.pop-modal2 .content.ic1:after {background-position:0 -18.0rem;}
.pop-modal2 .content.ic2:after {background-position:-6.0rem -18.0rem;}
.pop-modal2 .content.ic3:after {background-position:-3.0rem -18.0rem;}
.pop-modal2 .content.ic4:after {background-position:-4.8rem -9.4rem;background-size:90.0rem}
.pop-modal2 .content ~ .area-btn1 {margin:2.5rem 0 0 !important;}
.pop-modal2 .content ~ .area-btn1 .btn-sub1 {min-width:12.8rem;border-color:#0082d0;color:#0082d0;}
.pop-modal2 .content ~ .area-btn1 .btn-sub1:only-child, .pop-modal2 .content ~ .area-btn1 .btn-sub1:last-child:not(:first-child) {background:linear-gradient(to bottom right, #3166c3, #0082d0);border-color:#3166c3;color:#fff;}
.pop-modal2 .content ~ .area-btn1 .btn-sub1 + .btn-sub1 {margin:0 0 0 1.0rem;}
.pop-modal2.open {display:block;position:fixed;}
.pop-modal2.open .header button:before {-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.pop-modal2.open .header button:after {-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}

.pc .pop-modal2 .content p {font-size:1.6rem;line-height:2.6rem;}
.pc .pop-modal2 .content p strong {font-family:'OneShinhanM';font-weight:normal;}
.pc .pop-modal2 .contact-box {border-top:0.1rem solid #d6dadd;margin:1.5rem 0 0;text-align:center;}
.pc .pop-modal2 .contact-box p {display:inline-block;}

.mb .pop-modal2 {min-width:28.0rem;max-width:48.0rem;width:auto;padding:3.0rem 2.4rem 2.4rem;-ms-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);transform:translate(0, -50%);}
.mb .pop-modal2 .content[class*=" ic"]:before {width:4.8rem;height:4.8rem;margin:0 auto 1.6rem;}
.mb .pop-modal2 .content[class*=" ic"]:after {width:3.0rem;height:3.0rem;margin:0.9rem 0 0 -1.5rem;background-position:0 0;background-size:30.0rem;}
.mb .pop-modal2 .content.ic1:after {background-position:0 0;}
.mb .pop-modal2 .content.ic2:after {background-position:-9.0rem 0;}
.mb .pop-modal2 .content.ic3:after {background-position:-6.0rem 0;}
.mb .pop-modal2 .content.ic4:after {background-position:-3.0rem 0;}
.mb .pop-modal2 .content ~ .area-btn1 .btn-sub1 {min-width:0;}
.mb .pop-modal2.open {left:2.4rem !important;right:2.4rem !important;margin:auto;}

.mb .pop-modal2 .contact-box {position:relative;width:auto;padding:2rem 2.4rem;margin:2.0rem -2.4rem -2.4rem;}

/* --------------------------------------------------------------------------------------------------------------------
	# Layout : popup : 유형3 : 툴팁형
-------------------------------------------------------------------------------------------------------------------- */
/* 기본 */
.pop-modal3 {display:none;position:relative;left:50%;min-width:28.0rem;max-width:42.0rem;background:rgba(0,0,0,0.8);color:rgba(255,255,255,0.6);padding:2.6rem 2.4rem;outline:0;z-index:99;}
.pop-modal3 .mes {text-align:left;font-size:1.4rem;}
.pop-modal3 .mes dt {font-family:'OneShinhanM';color:rgba(255,255,255,1.0);}
.pop-modal3 .mes dd ~ dt {margin:1.2rem 0 0;}
.pop-modal3 .mes dd {margin:0.2rem 0 0;}
.pop-modal3 .mes dd ul {margin:0.3rem 0 0;}
.pop-modal3 .mes dt:only-of-type ~ dd:not(:only-of-type) {padding:0 0 0 1.1rem;}
.pop-modal3 .mes dt:only-of-type ~ dd:not(:only-of-type):before {content:'';display:inline-block;width:0.2rem;height:0.2rem;background:rgba(255,255,255,0.6);float:left;margin:1.0rem 0.8rem 0 -1.1rem;}
.pop-modal3 .bottom button {overflow:hidden;display:block;position:absolute;right:0;top:0;width:4.4rem;height:0;padding:4.4rem 0 0;}
.pop-modal3 .bottom button:before {content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:12px;height:12px;background:url(../img/com/icon_close1.png) no-repeat 0 0;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
/*.pop-modal3 .bottom button:before, .pop-modal3 .bottom button:after {content:'';display:block;position:absolute;left:50%;top:50%;width:1.6rem;height:0.2rem;margin:-0.1rem 0 0 -0.8rem;background:#fff;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.pop-modal3.open .bottom button:before, .info-con1 > li.active .pop-modal3 .bottom button:before {-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.pop-modal3.open .bottom button:after, .info-con1 > li.active .pop-modal3 .bottom button:after {-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}*/
.pop-modal3.open {display:block;position:fixed;}

.pc .pop-modal3 {margin:-1.5rem 0 0 3.0rem;}

.mb .pop-modal3 {padding:1.6rem;width:calc(100vw - 4.8rem);min-width:23.0rem;top:50% !important;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.mb .pop-modal3 .mes dd {font-size:1.2rem;}
.mb .pop-modal3 .bottom button {width:3.3rem;padding:3.3rem 0 0;}
.mb .pop-modal3 .bottom button:before {background:url(../img/com/icon_close2.png) no-repeat;background-size:100%;}
.mb .pop-modal3 .info-img1 {margin-bottom:0.8rem;}

/* --------------------------------------------------------------------------------------------------------------------
	# Layout : popup : 유형4 : 공지형
-------------------------------------------------------------------------------------------------------------------- */
/* 기본 */
.pop-modal4 {display:none;position:absolute;left:50%;top:21.0rem !important;width:64.0rem;background:#fff;outline:0;margin:0 0 0 -32.0rem !important;z-index:1001;}
.pop-modal4 > dl > dt {overflow:hidden;position:absolute;width:1px;height:1px;opacity:0;padding:0;}
.pop-modal4 > dl > dd {position:relative;}
.pop-modal4 > dl > dd img {display:block;width:100%;height:100%;}
.pop-modal4 > dl > dd .list > li {width:100%;}
.pop-modal4 > dl > dd .list > li a {position:absolute;left:0;right:0;top:0;bottom:0;color:rgba(255,255,255,0);}
.pop-modal4 .bottom {padding:1.0rem 0 0;}
.pop-modal4 .bottom button {float:right;display:inline-block;padding:0 0.8rem;color:#fff;line-height:2.8rem;border:0.1rem solid rgba(255,255,255,0.5);}
.pop-modal4 .bottom .label-check {margin:-0.5rem 0;}
.pop-modal4.open {display:block;}
.pop-modal4 [data-banner="bxslider"] .bx-controls {position:absolute;left:50%;bottom:0;height:auto;padding:0 4.0rem;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);line-height:1.8rem;}
.pop-modal4 [data-banner="bxslider"] .bx-pager-item > a:after {background:none;border:0.1rem solid #6b6d7b;}
.pop-modal4 [data-banner="bxslider"] .bx-pager-item > a.active:after {background-color:#000;}
.pop-modal4 [data-banner="bxslider"] .bx-controls-direction > a {top:50%;height:2.7rem;padding:0 0 0 2.5rem;margin:-1.3rem 0 0;background:rgba(255,255,255,0);border:0.1rem solid rgba(0,0,0,0.2);}
.pop-modal4 [data-banner="bxslider"] .bx-controls-direction > a:after {width:0.8rem;height:0.8rem;border-left:0.2rem solid rgba(0,0,0,0.5);border-bottom:0.2rem solid rgba(0,0,0,0.5);}
.pop-modal4 [data-banner="bxslider"] .bx-controls-direction > a:hover, .pop-modal4 [data-banner="bxslider"] .bx-controls-direction > a:focus {border-color:rgba(0,0,0,0.5);}
.pop-modal4 [data-banner="bxslider"] .bx-controls-direction > a:hover:after, .pop-modal4 [data-banner="bxslider"] .bx-controls-direction > a:focus:after {border-color:rgba(0,0,0,0.8);}
.pop-modal4 [data-banner="bxslider"] .bx-controls-direction > a.bx-prev {left:0 !important;}
.pop-modal4 [data-banner="bxslider"] .bx-controls-direction > a.bx-next {right:0 !important;}
.pop-modal4 [data-banner="bxslider"] .bx-controls-direction > a.bx-prev:after {margin:-0.5rem 0 0 -0.4rem;}
.pop-modal4 [data-banner="bxslider"] .bx-controls-direction > a.bx-next:after {margin:-0.5rem 0 0 -0.8rem;}

.pc .pop-modal4 {width:640px;box-shadow:0 1.0rem 3.0rem rgba(0,0,0,0.3);}
.pc .pop-modal4 > dl > dd {height:43.4rem;}
.pc .pop-modal4 > dl > dd .list > li {height:43.4rem;}
.pc .pop-modal4 .bottom {padding:1.5rem 2.0rem;}
.pc .pop-modal4 .bottom button {background:#ebecee;}
.pc .pop-modal4 .bottom button {color:#757575;border:0.1rem solid rgba(0,0,0,0.2);}
.pc .pop-modal4 .bottom button:hover, .pop-modal4 .bottom button:focus {border-color:rgba(0,0,0,0.5);}
.pc .pop-modal4 .bottom .label-check label > input + span {color:#212121;}
/*.pc .pop-modal4 [data-banner="bxslider"] .bx-controls {bottom:2.0rem;} 2021.02.04 김선영 : 버튼 위치 변경 */
.pc .pop-modal4 [data-banner="bxslider"] .bx-controls {bottom:-3.8rem;}
.pc .pop-modal4 [data-banner="bxslider"] .bx-pager-item {margin:0 0.6rem;}

.mb .pop-modal4 {position:fixed;left:2.4rem;right:2.4rem;top:50% !important;width:auto;max-width:50.0rem;margin:auto !important;background:none;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.mb .pop-modal4 > dl > dd {padding:0 0 4.0rem;}
.mb .pop-modal4 > dl > dd .list > li > span {display:block;position:relative;width:100%;height:0;padding:103% 0 0;}
.mb .pop-modal4 > dl > dd .list > li > span img {position:absolute;left:0;right:0;top:0;bottom:0;}
.mb .pop-modal4 > dl.one > dd {padding:0;}
.mb .pop-modal4 .bottom .label-check label > input + span {color:#fff;}
.mb .pop-modal4 .bottom .label-check label > input + span:after {background-color:rgba(255,255,255,0);}
.mb .pop-modal4 [data-banner="bxslider"] {background:#fff;}
.mb .pop-modal4 [data-banner="bxslider"] .bx-controls {padding:1.1rem 3.5rem;}
.mb .pop-modal4 [data-banner="bxslider"] .bx-controls-direction > a {height:2.4rem;padding:0 0 0 2.2rem;margin:-1.2rem 0 0;}
.mb .pop-modal4 [data-banner="bxslider"] .bx-controls-direction > a:after {width:0.7rem;height:0.7rem;border-left:0.1rem solid rgba(0,0,0,0.5);border-bottom:0.1rem solid rgba(0,0,0,0.5);}
.mb .pop-modal4 [data-banner="bxslider"] .bx-controls-direction > a.bx-prev:after {margin:-0.4rem 0 0 -0.3rem;}
.mb .pop-modal4 [data-banner="bxslider"] .bx-controls-direction > a.bx-next:after {margin:-0.4rem 0 0 -0.6rem;}


/* --------------------------------------------------------------------------------------------------------------------
	# Layout : popup : 유형5 : 배너형
-------------------------------------------------------------------------------------------------------------------- */
/* 기본 */
.pop-banner {display:none;position:relative;width:100%;top:0 !important;height:11.0rem;margin:0 auto;}
.pop-banner:before {content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;background:#171f4a;z-index:-1;}
.pop-banner > dl, .pop-banner .bottom {position:relative;margin:0 auto;}
.pop-banner > dl {padding:2.5rem 4.0rem;}
.pop-banner > dl dt {font-family:'OneShinhanM';font-size:2.4rem;line-height:3.0rem;color:#fff;}
.pop-banner > dl dd {margin:0.8rem 0 0;color:rgba(255,255,255,0.4);}
.pop-banner > dl dd a {display:inline-block;margin:0 0 0 0.4rem;padding:0 0.5rem;color:#fff;font-size:1.2rem;line-height:2.0rem;border:0.1rem solid #747992;}
.pop-banner > dl dd a:hover, .pop-banner > dl dd a:focus {border-color:#fff;}
.pop-banner .bottom .label-check, .pop-banner .bottom .ui-close {position:absolute;}
.pop-banner .bottom .label-check {right:4.0rem;bottom:1.5rem;}
.pop-banner .bottom .label-check label > input + span {padding:0 0 0 2.4rem;font-size:1.2rem;line-height:2.7rem;color:rgba(255,255,255,0.6);}
.pop-banner .bottom .label-check label > input + span:before, .pop-banner .bottom .label-check label > input + span:after {top:0.6rem;}
.pop-banner .bottom .label-check label > input + span:after {width:1.4rem;height:1.4rem;background:none;border-color:#646983;}
.pop-banner .bottom .label-check label > input[type="checkbox"]:checked + span:before {margin:0.3rem;}
.pop-banner .bottom .ui-close {overflow:hidden;display:block;position:absolute;right:2.4rem;bottom:6.2rem;width:4.8rem;height:0;padding:4.8rem 0 0;}
.pop-banner .bottom .ui-close:before, .pop-banner .bottom .ui-close:after {content:'';display:block;position:absolute;left:50%;top:50%;width:2.0rem;height:0.2rem;margin:-0.1rem 0 0 -1.0rem;background:rgba(255,255,255,0.6);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}

.pop-banner.open {display:block;}
.pop-banner.open .ui-close:before {-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.pop-banner.open .ui-close:after {-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}

.pc .pop-banner {z-index:1000;min-width:120.0rem;}
.pc .pop-banner > dl, .pc .pop-banner .bottom {width:120.0rem;}
.pc .pop-banner .bottom .label-check label > input:focus + span:after {outline:0.1rem dotted rgba(255,255,255,0.8);}

.mb .pop-banner {height:13.4rem;padding:1.6rem 2.4rem 1.8rem;z-index:50;}
.mb .pop-banner > dl {padding:0 0 4.0rem;}
.mb .pop-banner > dl dt {overflow:hidden;font-size:1.6rem;line-height:2.0rem;padding:0 3.2rem 0 0;white-space:nowrap;text-overflow:ellipsis;}
.mb .pop-banner > dl dd {height:3.6rem;margin:0.4rem 0 0;overflow:hidden;word-break:break-all;}
.mb .pop-banner > dl dd a {position:absolute;right:0;bottom:0;margin:0;padding:0 0.9rem;line-height:2.8rem;}
.mb .pop-banner > dl, .mb .pop-banner .bottom {font-size:1.2rem;line-height:2.0rem;}
.mb .pop-banner .bottom {position:absolute;left:2.4rem;right:0;bottom:0;}
.mb .pop-banner .bottom .label-check {left:0;right:auto;}
.mb .pop-banner .bottom .ui-close {right:0;bottom:7.6rem;width:5.6rem;height:0;padding:6.4rem 0 0;}
.mb .pop-banner .bottom .ui-close:before, .mb .pop-banner .bottom .ui-close:after {width:2.2rem;height:0.2rem;margin:-0.1rem 0 0 -1.1rem;background:#fff;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}

/* --------------------------------------------------------------------------------------------------------------------
	# Layout : popup : 로딩바
-------------------------------------------------------------------------------------------------------------------- */
.pop-loading {display:none;overflow:hidden;position:fixed;left:50% !important;top:50% !important;margin:auto;min-width:22.0rem;max-width:24.0rem;padding:2.0rem 2.5rem;background:#fff;text-align:center;border-radius:1.0rem;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:2000;}
.pop-loading.open {display:block;}
.pop-loading:before {content:'';display:block;width:48px;height:48px;margin:0 auto 1.0rem;background:url(../img/com/icon_loading.gif) no-repeat 0 0;-webkit-animation:aniLoading 2.0s steps(16) infinite;animation:aniLoading 2.0s steps(16) infinite;}
.pop-loading p {font-family:'OneShinhanM';font-size:1.4rem;line-height:2.0rem;color:#112369;}
.pop-loading > div {overflow:hidden;height:6.0rem;}
.pop-loading > div p {height:6.0rem;}
.pop-loading > div p:before {content:'';width:0;height:6.0rem;}
.pop-loading > div p:before, .pop-loading > div p > span {display:inline-block;vertical-align:middle;}
.pop-loading > div p > span {max-width:calc(100% - 0.6rem)}
.pop-loading > div p:not(:only-child):first-child {-webkit-animation:aniLoadText steps(1) 9.0s infinite;animation:aniLoadText steps(1) 9.0s infinite;}
.pop-loading > div p:not(:only-child):first-child:nth-last-child(2) {-webkit-animation:aniLoadText2 steps(1) 6.0s infinite;animation:aniLoadText2 steps(1) 6.0s infinite;}
.pop-loading > em {display:block;margin:1.0rem 0 0;font-family:'OneShinhanL';font-size:1.2rem;color:#757575;}
.pop-loading > em span {font-family:'OneShinhanM';}
.mb .pop-loading:before {background-image:url(../img/com/icon_loading.png);background-size:auto 4.8rem;}

/* 로딩이미지 애니메이션 */
@-webkit-keyframes aniLoading {
	0% {background-position:0 0;}
	100% {background-position:100% 0;}
}

@keyframes aniLoading {
	0% {background-position:0 0;}
	100% {background-position:100% 0;}
}

/* 로딩텍스트 애니메이션 : 문구3개 */
@-webkit-keyframes aniLoadText {
	0% {margin:0;}
	33% {margin:-6.0rem 0 0;}
	66% {margin:-12.0rem 0 0;}
	100% {margin:0;}
}

@keyframes aniLoadText {
	0% {margin:0;}
	33% {margin:-6.0rem 0 0;}
	66% {margin:-12.0rem 0 0;}
	100% {margin:0;}
}

/* 로딩텍스트 애니메이션 : 문구2개 */
@-webkit-keyframes aniLoadText2 {
	0% {margin:0;}
	50% {margin:-6.0rem 0 0;}
	100% {margin:0;}
}

@keyframes aniLoadText2 {
	0% {margin:0;}
	50% {margin:-6.0rem 0 0;}
	100% {margin:0;}
}

/* --------------------------------------------------------------------------------------------------------------------
	# Layout : popup : 미지원 브라우저 알림
-------------------------------------------------------------------------------------------------------------------- */
#unsupported {display:none;position:fixed;top:auto;bottom:0;left:0;width:100%;height:7.0rem;z-index:1000;}
#unsupported.active {display:block;}
#unsupported:before {content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;background:rgba(0,0,0,0.8);z-index:-1;}
#unsupported dl {position:relative;margin:0 auto;padding:1.5rem 0;width:120.0rem;}
#unsupported dt {float:left;position:relative;padding:0 2.4rem 0 6.0rem;width:26.8rem;font-family:'OneShinhanM';font-size:2.0rem;line-height:4.4rem;color:rgba(255,255,255,0.7);}
#unsupported dt:before, #unsupported dt:after {content:'';position:absolute;top:0;left:0;}
#unsupported dt:before {top:-0.2rem;width:3.6rem;height:3.6rem;border:0.2rem solid rgba(255,255,255,0.7);border-radius:50%;}
#unsupported dt:after {width:0.6rem;height:0.3rem;margin:0.7rem 1.7rem;border-top:1.3rem solid rgba(255,255,255,0.7);border-bottom:0.6rem solid rgba(255,255,255,0.7);}
#unsupported dd {float:left;position:relative;padding:0 0 0 2.0rem;width:calc(100% - 26.8rem);color:rgba(255,255,255,0.4);}
#unsupported dd:before {content:'';display:block;position:absolute;top:0;left:0;width:0.1rem;height:4.0rem;background:rgba(255,255,255,0.07);}
#unsupported dd .btn-action {position:absolute;top:0;right:0;padding:1.2rem;font-size:1.4rem;line-height:1.4rem;color:#fff;background:none;border:0.1rem solid rgba(255,255,255,0.4);border-radius:0;}