@charset "utf-8";

/*--------------------------------------------------------------------------------
	Description: 모바일 layout
	z-index - contents: 1, header: 100,	dimed: 999,	전체메뉴, 마이페이지 레이어:1000, layerpop: 1000
--------------------------------------------------------------------------------
	# layout : 기본
---------------------------------------------------------------------------------*/
html, body {word-break:normal;-webkit-overflow-scrolling:touch;}
body, select, input, button, textarea, button {font-family: sans-serif;}

#wrapper {position:relative;/* overflow:hidden; */width:100%;min-height:100%;}

/* skip navigation -------- */
#skipnavi {display:none;}

/*--------------------------------------------------------------------------------
	# layout : 메인 나비배너
---------------------------------------------------------------------------------*/
.wrap-banner {display:none;}

/*--------------------------------------------------------------------------------
	# layout : HEADER
---------------------------------------------------------------------------------*/
/* header ------------------ */
#header {position:fixed;left:0;right:0;top:0 !important;width:100%;height:5.0rem;border-bottom:1px solid rgba(218,224,230,1);background:rgba(255,255,255,1);z-index:100;}
#header > div {position:relative;width:100%;height:5.0rem;margin:0 auto;padding:0 2.0rem;}
#header.main {background:rgba(255,255,255,0);border-color:rgba(218,224,230,0);}
.scroll #header {background:#fff;border-color:rgba(218,224,230,1);}
.scroll.fixed #header {position:absolute;}
.scroll .scrolling #header {opacity:0;}

.logo {position:relative;display:inline-block;overflow:hidden;width:19.5rem;height:4.9rem;line-height:4.9rem;color:rgba(255,255,255,0);}
.logo:after {content:'';position:absolute;left:0;right:0;top:1.6rem;display:block;height:1.8rem;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba1_20221006.cat) no-repeat 0 -27.0rem;background-size:30.0rem 30.0rem;}

/* 상단네비게이션 */
.nav-link {display:none;}
.btn-session {color:#0081d1;font-size:1.4rem;line-height:4.0rem;}

/* GNB */
#gnb {position:absolute;margin-top:0!important;right:0;top:0;text-align:center;}
#gnb ul {display:none;}
body:not(.scroll) #header.main #gnb:before {display:none;}

/* GNB : 설계내역, 전체메뉴 */
#gnb .fn-btn {position:relative;display:inline-block;}
#gnb .fn-btn a {overflow:hidden;float:left;display:block;position:relative;width:4.0rem;height:4.9rem;font-size:0.5rem;line-height:4.9rem;white-space:nowrap;color:rgba(255,255,255,0);oulline:0;}
#gnb .fn-btn a:before, #gnb .fn-btn a:after{content:'';position:absolute;top:13px;left:1.0rem;width:22px;height:20px;} /* 챗봇 메뉴 수정 2023-08-01 */
#gnb .fn-btn a.btn-mp:before {width:2.2rem;height:2.2rem;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba1_20221006.cat) no-repeat 0 0;background-size:31.0rem 31.0rem;}
#gnb .fn-btn a.btn-full {margin:0;}
#gnb .fn-btn a.btn-full:before, #gnb .fn-btn a.btn-full:after {top:16px;left:10px;border-style:solid;border-color:#2e3133;border-width:2px 0;}
#gnb .fn-btn a.btn-full:before {height:12px;}
#gnb .fn-btn a.btn-full:after {top:23px;height:0;border-width:2px 0 0;width:12px;}
#gnb .fn-btn .wrap-tooltip {display:none;position:absolute;right:1.0rem;top:100%;min-width:26.0rem;margin:-0.5rem 0 0;padding:1.0rem 2.0rem;background:#0081d1;color:#fff;font-size:1.3rem;line-height:1.8rem;text-align:left;border-radius:0.5rem;-webkit-transition:all 0.1s ease;-moz-transition:all 0.1s ease;transition:all 0.1s ease;}
#gnb .fn-btn .wrap-tooltip:before, #gnb .fn-btn .wrap-tooltip:after {content:'';}
#gnb .fn-btn .wrap-tooltip:after {content:"";display:block;position:absolute;width:0.6rem;height:0.6rem;top:-0.3rem;right:4.6rem;background:#0081d1;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}
#gnb .fn-btn .wrap-tooltip:before {content:'';width:4.0rem;height:4.0rem;margin:0 1.0rem 0 0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba1_20221006.cat) no-repeat -24.0rem -18.0rem;background-size:30.0rem 30.0rem;}
#gnb .fn-btn .wrap-tooltip:before, #gnb .fn-btn .wrap-tooltip > p {display:inline-block;vertical-align:middle;}
#gnb .fn-btn .wrap-tooltip p strong {display:block;}
#header.main #gnb .fn-btn .wrap-tooltip:not(.none) {display:block;}
.scroll #gnb .fn-btn .wrap-tooltip {opacity:0 !important;}

/* header banner */
.banner-area {position:relative;width:100%;overflow:hidden;}
.banner-area:before {content:'';position:absolute;left:50%;top:0;bottom:0;width:200.0rem;margin:0 0 0 -100.0rem;background:#0081da;background:linear-gradient(to right, #009afa, #0081da);z-index:-1;}
.banner-area > a {display:block;float:left;width:50%;height:10.0rem;}
.banner-area > a img {display:block;max-width:100%;max-height:100%;}
.banner-area > a:only-child {width:100%;float:none;}

/* header banner */
.mb-nav-link {display:block;border-top:0.1rem solid #cedfd9;}
.mb-nav-link a {display:block;float:left;width:33.3%;height:50px;line-height:4.8rem;text-align:center;color:#666;background:#fff;border-bottom:0.1rem solid #cedfd9;}
.mb-nav-link a + a {border-left:1px solid #ced4d9;}

/*--------------------------------------------------------------------------------
	# 전체메뉴 / 나의설계내역
---------------------------------------------------------------------------------*/
[class*="aside-"] {position:fixed;display:none;left:0;right:0;top:0 !important;bottom:0;width:100%;height:100%;max-width:100vw;padding:0 0 0 6%;z-index:1000;}
[class*="aside-"] > section {position:relative;width:100%;height:100%;background:#fff;}
[class*="aside-"] > section .header {position:relative;height:5.0rem;}
[class*="aside-"] > section .header:before, [class*="aside-"] > section .header:after {content:'';position:absolute;left:2.0rem;}
[class*="aside-"] > section .header:before  {top:1.6rem;width:19.5rem;height:1.8rem;left:2.0rem;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba1_20221006.cat) no-repeat 0 -27.0rem;background-size:30.0rem 30.0rem;}
[class*="aside-"] > section .header:after {right:2.0rem;top:4.9rem;height:0.1rem;background:#ced4d9;}
[class*="aside-"] > section .header button {overflow:hidden;display:block;position:fixed;right:1.0rem;top:0;width:4.0rem;height:4.9rem;font-size:0.1rem;color:rgba(255,255,255,0);z-index:10;outline:0;}
[class*="aside-"] > section .header button:before, [class*="aside-"] .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:#2e3133;-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
[class*="aside-"] > section .header h2 {overflow:hidden;position:absolute;left:-9999px;text-indent:-9999px;}
[class*="aside-"] > section .content {max-height:calc(100% - 5.0rem);overflow-y:scroll;padding:2.0rem 2.0rem 5.0rem;}
[class*="aside-"].open {display:block;background:rgba(0,0,0,0.7);}
[class*="aside-"].open .header button:before {-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
[class*="aside-"].open .header button:after {-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
[class*="aside-"] > section + button {display:none;}

/* 전체메뉴 */
.aside-totalmenu .content {padding-bottom:0 !important;}
.aside-totalmenu .content > .btn-session {display:inline-block;float:right;margin:-2.0rem 0 0;}
.aside-totalmenu dl {display:table; padding:0 0 3.0rem;width:100%;}
.aside-totalmenu dl dt, .aside-totalmenu dl dd {display:table-cell;vertical-align:top;}
.aside-totalmenu dl dt {width:10.0rem;}
.aside-totalmenu dl dt:after {content:'';display:block;width:3.0rem;height:3.0rem;margin:1.0rem 0 0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba2_20220321.cat%3Sire%3Q20241217) no-repeat 0 0;background-size:30.0rem auto}
/* .aside-totalmenu dl:nth-of-type(2) dt:after{background-position:-30px 0;} */	/* 20181105 포인트 환급 주석처리*/
/* .aside-totalmenu dl:nth-of-type(4) dt:after{background-position:-90px 0;} */	/* 20181105 포인트 환급 주석처리*/
/* 20181105 포인트 환급 이하 4줄*/
.aside-totalmenu dl:nth-of-type(2) dt:after{background-position:-60px -270px;}/* 20200422 암보장한눈에 메뉴추가*/
.aside-totalmenu dl:nth-of-type(3) dt:after{background-position:-30px 0;}/* 20200422 고객센터*/
.aside-totalmenu dl:nth-of-type(4) dt:after{background-position:-60px 0;}/* 20200422 스마트가이드*/
.aside-totalmenu dl:nth-of-type(5) dt:after{width:4.1rem;height:4.0rem;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Szbovyr_vpba_230905.cat) no-repeat -16.0rem -24.0rem;background-size:32.0rem 32.0rem;}/* 20230913 NH멤버스 챗봇 통합 background-position:-120px 0;*/
.aside-totalmenu dl:nth-of-type(6) dt:after{background-position:-90px 0;}/* 20200422 마이페이지 */
.aside-totalmenu dl:nth-of-type(7) dt:after{width:3.2rem;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Szbovyr_vpba_230905.cat) no-repeat;background-size:45.0rem 45.0rem;background-position:-16.2rem -11.0rem;}/* 20220905 옴니마케팅 */
.aside-totalmenu dl.hide {height:0;display:none;}/* 20200422 암보장한눈에 메뉴 가리기 추가*/
/* 챗봇 메뉴 수정 2023-08-01 
.aside-totalmenu dl.ms dt:after{width:4.1rem;height:4.0rem;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Szbovyr_vpba_230905.cat) no-repeat -16.0rem -24.0rem;background-size:32.0rem 32.0rem;}
*/
.ms {display:block;}

.aside-totalmenu dl dt span {display:block;margin-bottom:5px;color:#666;font-size:1.2rem;}
.aside-totalmenu dl dt strong {display:block;color:#333;font-size:2.0rem;line-height:2.2rem;font-weight:normal;}
.aside-totalmenu dl dd {border-top:2px solid #2e3133;}
.aside-totalmenu .sub-list li > a {position:relative;display:block;padding:1.2rem 2.0rem 1.2rem 1.0rem;text-align:left;color:#333;font-size:1.4rem;line-height:1.5;word-break:normal;}
.aside-totalmenu .sub-list li > a:after {content:"";display:block;position:absolute;bottom:50%;margin-bottom:-6px;right:4%;width:0;height:0;border-style:solid;border-color:transparent;border-width:4px 0 4px 5px;border-left-color:#5c6166 !important;}
.aside-totalmenu .sub-list li > a:focus, .aside-totalmenu .sub-list li > a:hover {background:#edf1f5;}
.aside-totalmenu .banner-area {display:none;}
.aside-totalmenu .mb-nav-link {margin:0 -2.0rem;}

/* 나의설계내역 */
.aside-mine .content h2 {margin:-1.0rem 0 0;font-size:2.0rem;line-height:4.0rem;color:#333;}
.aside-mine .content p.mes {font-size:1.4rem;line-height:2.0rem;}
.aside-mine .content p.mes strong {display:block;margin:0 0 0.5rem;font-size:1.5rem;color:#333;font-weight:normal;}
.aside-mine .content p.mes + .area-btn1 {margin:1.5rem 0 2.0rem;}
.aside-mine .content > *:last-child {margin-bottom:0;}

/*--------------------------------------------------------------------------------
	# layout : container
---------------------------------------------------------------------------------*/
#container {position:relative;width:100%;min-height:100vh;margin:0 0 -20.0rem;padding:5.0rem 0 22.0rem;}
.contents {position:relative;width:100%;height:100%;margin:auto;}
#container .contents {z-index:1;}
#container > .contents:only-child, #container > .contents:last-child {padding:0 2.0rem 5.0rem;}

/* 비주얼타이틀영역 */
.np .contents,.zz .contents,.cc .contents{overflow-x:hidden}
.cont-visual {position:relative;height:6.0rem;margin-bottom:2.0rem;text-align:center;color:#fff;}
.cont-visual:after {content:"";position:absolute;z-index:-1;left:50%;top:0;bottom:0;width:2000px;margin:0 0 0 -1000px;background:#2b9330 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Sot_cnggrea5.cat') 70% 100% no-repeat;background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Sot_cnggrea5.cat), linear-gradient(to right, #5eb31f, #2b9330);background-size:auto 100%;}
/*.cont-visual:after {content:"";position:absolute;z-index:-1;left:0;top:0;bottom:0;width:calc(100% + 4rem);margin:0 -2rem;background:#2b9330 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Sot_cnggrea5.cat') 70% 100% no-repeat;background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Sot_cnggrea5.cat), linear-gradient(to right, #5eb31f, #2b9330);background-size:auto 100%;}*/
.cont-visual h1 {font-size:2.0rem;line-height:6.0rem;}
.cont-visual .h1-txt {margin-top:1.5rem;font-size:1.5rem;}

/* 서브네비게이션 */
.nav-submenu {position:relative;}
.nav-submenu h2 {overflow:hidden;font-size:2.0rem;line-height:6.0rem;background:#f59a22 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Sot_cnggrea4.cat') no-repeat 50% 0;background-size:auto 100%;background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Sot_cnggrea4.cat'), linear-gradient(to right, #ffba30, #f59a22);color:#fff;text-align:center;z-index:0;}
.nav-submenu nav {position:relative;}
.nav-submenu nav > button {overflow:hidden;position:relative;display:block;width:100%;height:6.0rem;margin:-6.0rem 0 0;color:rgba(255,255,255,0);}
.nav-submenu nav > button:before, .nav-submenu nav > button:after {content:'';position:absolute;right:2.0rem;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.nav-submenu nav > button:before {width:2.6rem;height:2.6rem;border:0.2rem solid #fff;border-radius:1.5rem;}
.nav-submenu nav > button:after {right:2.9rem;width:1.0rem;height:1.0rem;border-left:0.2rem solid #fff;margin:-0.8rem 0 0 0;border-bottom:0.2rem solid #fff;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.nav-submenu nav ul {overflow:hidden;display:none;position:absolute;left:0;right:0;top:6.0rem;width:100%;padding:0 2.0rem;background:#fff;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;opacity:0;z-index:1;}
.nav-submenu nav ul > li {position:relative;display:block;text-align:center;white-space:nowrap;}
.nav-submenu nav ul > li:before {content:'';position:absolute;left:0;right:0;bottom:0;background:#ced4d9;}
.nav-submenu nav ul > li ~ li {border-top:0.1rem solid #ced4d9;}
.nav-submenu nav ul > li a {display:block;line-height:4.5rem;color:#888;background:#fff;}
.nav-submenu nav ul > li a:after {content:'';display:block;position:absolute;right:1.0rem;top:50%;width:0;height:0;margin:-0.4rem 0 0;border-top:0.4rem solid transparent;border-bottom:0.4rem solid transparent;border-left:0.5rem solid #5c6166;}
.nav-submenu nav ul > li:not(.active) a:hover, .nav-submenu nav ul > li:not(.active) a:focus {color:#888;}
.nav-submenu nav ul > li.active {z-index:1;}
.nav-submenu nav ul > li.active a {background:#edf1f5;color:#333;}
.nav-submenu nav.active ul {display:block;padding:0 2.0rem 2.0rem;opacity:1;box-shadow:0 5px 15px rgba(0,0,0,0.15);}
.nav-submenu nav.active > button:after {margin:-0.4rem 0 0 0;-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.nav-submenu.cont-visual {margin:0 -2.0rem 2.0rem}
.nav-submenu.cont-visual nav {display:block;}

/* 페이지경로 */
.path {display:none;}

/*--------------------------------------------------------------------------------
	# layout : footer
---------------------------------------------------------------------------------*/
#footer {position:relative;width:100%;background:#2e3133;z-index:0;}
#footer:empty {height:16.0rem;}
#footer > div {position:relative;width:100%;max-width:110.0rem;height:20.0rem;margin:0 auto;padding:2.5rem 1.0rem;color:#e5e5e5;font-size:1.4rem;text-align:center;} /* 설명의무 가이드라인  23-11-23 */
#footer .callcenter {margin:0 0 1.5rem;font-size:1.4rem;color:#fff;}
#footer .callcenter a {display:block;margin:0;color:#3bb041;font-size:3.0rem;line-height:4.0rem;vertical-align:middle;}
#footer .callcenter a#btn_ask {font-size:1.2rem;color:#333;line-height:2.0rem;margin:auto;background:#fff;width:120px;padding:0.5rem;border-radius:1.5rem;} /* 설명의무 가이드라인  23-11-23 */
#footer .nav-foot {border-top:0.1rem solid #45494d;}
#footer .nav-foot ul {overflow:hidden;width:100%;text-align:center;}
#footer .nav-foot li {display:inline-block;margin:0;}
#footer .nav-foot li > a {display:block;padding:0 0.5rem;font-size:1.4rem;line-height:4.0rem;color:#b2b2b2;letter-spacing:-1.5px;} /* 설명의무 가이드라인  23-11-23 */
#footer .nav-foot li > a strong {color:#e5e5e5;}
#footer .nav-foot li > a:hover, #footer .nav-foot li > a:focus,
#footer .nav-foot li > a:hover strong, #footer .nav-foot li > a:focus strong {color:#fff;}
#footer .copyright {color:#999;font-size:1.2rem;line-height:1.8rem;}
#footer address, #footer .familysite, #footer .mark {display:none;}
 
/* 화면사이즈별 예외스타일 : 320px 이하 ######################### */
@media only screen and (max-width: 320px) {
	#footer .nav-foot li a  {font-size:1.2rem;}
	#footer .copyright {font-size:1.1rem;}
}

/*--------------------------------------------------------------------------------
	# layout : quick menu
---------------------------------------------------------------------------------*/
#quickmenu {position:fixed;right:0;bottom:0;z-index:100;}
#quickmenu > nav {display:none;position:absolute;right:2.0rem;bottom:8.0rem;border:0;z-index:51;}
#quickmenu > nav a, #quickmenu > nav p {position:relative;display:block;padding:1.5rem 0 1.5rem;color:#666;}
#quickmenu > nav a {position:relative;height:5.0rem;padding:0 7.0rem 0 0;font-size:1.8rem;line-height:5.0rem;color:#fff;text-align:right;white-space:nowrap;}
#quickmenu > nav a + a {margin:1.5rem 0 0;}
#quickmenu > nav a:before, #quickmenu > nav a:after {content:'';position:absolute;}
#quickmenu > nav a:after {right:0;top:0;width:5.0rem;height:5.0rem;background:#fff;border-radius:50%;}
#quickmenu > nav a:before {right:1.0rem;top:50%;display:block;width:3.0rem;height:3.0rem;margin:0 auto 0.7rem;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Svpba2_20220321.cat) no-repeat 0 -210px;background-size:300px 300px;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;}
#quickmenu > nav a:nth-of-type(1):before {background-position:0 -24.0rem;}
#quickmenu > nav a:nth-of-type(2):before {background-position:-15.0rem -24.0rem;}
#quickmenu > nav a:nth-of-type(3):before {background-position:-3.0rem -24.0rem;}
#quickmenu > nav a:nth-of-type(4):before {background-position:-6.0rem -24.0rem;}
#quickmenu > nav a:nth-of-type(5):before {background-position:-9.0rem -24.0rem;}
#quickmenu > nav a:nth-of-type(6):before {background-position:-12.0rem -24.0rem;}
#quickmenu > nav a:nth-of-type(4) {letter-spacing:-2px;}
#quickmenu > nav p {display:none;}
#quickmenu .btn-toggle {overflow:hidden;position:absolute;right:2.0rem;bottom:2.0rem;display:block;width:5.0rem;height:5.0rem;background:#0081d1;border:0.4rem solid #fff;border-radius:50%;box-shadow:0px 5px 10px rgba(0,0,0,0.2);color:rgba(255,255,255,0);/*-webkit-transition:transform 0.3s ease;transition:transform 0.3s ease;font-size:1px;*/z-index:51;outline:0;}
#quickmenu .btn-toggle:before, #quickmenu .btn-toggle:after {content:'';display:block;position:absolute;left:50%;top:50%;background:#fff;}
#quickmenu .btn-toggle:before {width:0.3rem;height:2.0rem;margin:-1.0rem 0 0 -0.15rem;}
#quickmenu .btn-toggle:after {width:2.0rem;height:0.3rem;margin:-0.15rem 0 0 -1.0rem;}
#quickmenu .btn-top {display:none;}
#quickmenu.active:before {content:'';position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.7);}
#quickmenu.active > nav {display:block;}
#quickmenu.active .btn-toggle {display:block;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

#quickmenu > nav a:nth-of-type(2), #quickmenu > nav a:nth-of-type(4),  #quickmenu > nav a:nth-of-type(5),
#container.sc ~ #quickmenu > nav a:nth-of-type(1), #container.sc ~ #quickmenu > nav a:nth-of-type(2), #container.sc ~ #quickmenu > nav a:nth-of-type(3) {display:none;}
#container.sc ~ #quickmenu > nav a:nth-of-type(4), #container.sc ~ #quickmenu > nav a:nth-of-type(5) {display:block;}
#quickmenu > nav a:nth-of-type(2) {display:block;}
/*--------------------------------------------------------------------------------
	# quick menu 모바일 퀵메뉴 삭제 - 2020-04-27
---------------------------------------------------------------------------------*/
#quickmenu {display:none;}
/*--------------------------------------------------------------------------------
	챗봇 메뉴 수정 2023-08-01
---------------------------------------------------------------------------------*/
#quickmenu2 {position:fixed;right:0;bottom:5.0rem;z-index:100;width:28.0rem;height:5.0rem;}
#quickmenu2 .btn {overflow:hidden;position:absolute;font-size:0;right:1.5rem;bottom:0;display:block;width:56px;height:56px;border-radius:50%;z-index:51;outline:0;overflow:hidden;box-shadow:0 0 22px rgba(0,0,0,0.2);}
#quickmenu2 .btn a {display:block;width:6.0rem;height:6.0rem;}
/* Title */
#quickmenu2 .chatbot {position:absolute;left:0;top:50%;width:20.0rem;padding:0.75rem 1.0rem;border:1px solid #96bbdd;background:#fff;border-radius:1.0rem;animation:chatbot 1s ease;transform:translateY(-50%);-webkit-transform:translateY(-50%);} 
#quickmenu2 .chatbot:before {content:"";display:block;position:absolute;width:0.8rem;height:0.8rem;right:-0.5rem;top:38%;margin:0 0 0 -0.6rem;background:#fff;border-top:0.1rem solid #96bbdd;border-right:0.1rem solid #96bbdd;-ms-transform:rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
@keyframes chatbot {
  from {opacity:0;left:-100%;}
  to {opacity:1;left:0;}
}
#quickmenu2 .chatbot span {font-size:1.6rem;line-height:1.2rem;color:#0070bd;}

.chatbot-guide{position:fixed;-webkit-transform:translateZ(0);transform:translateZ(0);right:0;z-index:1000;width:auto;min-height:56px;bottom:80px;padding:0 24px;text-align:left;}
.chatbot-guide .chatbot-icon > button:before,
.chatbot-guide .chatbot-icon > button:after{content:'';display:inline-block;width:56px;height:56px;position:absolute;top:0;right:0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Spung_v.cat);
    background-position: 0px 0px;
    background-size: 2800px 56px;
    animation: chatbotFloat 10s infinite alternate;
    animation-timing-function: steps(1);}

@keyframes chatbotFloat {
	from{background-position: 0px 0px; width: 56px; height: 56px;}
	2%{background-position: 112px 0px; width: 56px; height: 56px;}
	4%{background-position: 224px 0px; width: 56px; height: 56px;}
	6%{background-position: 336px 0px; width: 56px; height: 56px;}	
	8%{background-position: 448px 0px; width: 56px; height: 56px;}
	10%{background-position: 560px 0px; width: 56px; height: 56px;}	
	12%{background-position: 672px 0px; width: 56px; height: 56px;}	
	14%{background-position: 784px 0px; width: 56px; height: 56px;}	
	16%{background-position: 896px 0px; width: 56px; height: 56px;}	
	18%{background-position: 1008px 0px; width: 56px; height: 56px;}	
	20%{background-position: 1120px 0px; width: 56px; height: 56px;}	
	22%{background-position: 1232px 0px; width: 56px; height: 56px;}	
	24%{background-position: 1344px 0px; width: 56px; height: 56px;}	
	26%{background-position: 1456px 0px; width: 56px; height: 56px;}	
	28%{background-position: 1568px 0px; width: 56px; height: 56px;}
	30%{background-position: 1680px 0px; width: 56px; height: 56px;}	
	32%{background-position: 1792px 0px; width: 56px; height: 56px;}
	34%{background-position: 1904px 0px; width: 56px; height: 56px;}	
	36%{background-position: 2016px 0px; width: 56px; height: 56px;}
	38%{background-position: 2128px 0px; width: 56px; height: 56px;}	
	40%{background-position: 2240px 0px; width: 56px; height: 56px;}	
	42%{background-position: 2352px 0px; width: 56px; height: 56px;}	
	44%{background-position: 2464px 0px; width: 56px; height: 56px;}	
	46%{background-position: 2576px 0px; width: 56px; height: 56px;}
	48%{background-position: 2688px 0px; width: 56px; height: 56px;}	
	50%{background-position: 2800px 0px; width: 56px; height: 56px;}
	
	52%{background-position: 2912px 0px; width: 56px; height: 56px;}	
	54%{background-position: 3024px 0px; width: 56px; height: 56px;}
	56%{background-position: 3136px 0px; width: 56px; height: 56px;}
	58%{background-position: 3248px 0px; width: 56px; height: 56px;}
	60%{background-position: 3360px 0px; width: 56px; height: 56px;}	
	62%{background-position: 3472px 0px; width: 56px; height: 56px;}
	64%{background-position: 3584px 0px; width: 56px; height: 56px;}	
	66%{background-position: 3696px 0px; width: 56px; height: 56px;}
	68%{background-position: 3808px 0px; width: 56px; height: 56px;}	
	70%{background-position: 3920px 0px; width: 56px; height: 56px;}	
	72%{background-position: 4032px 0px; width: 56px; height: 56px;}
	74%{background-position: 4144px 0px; width: 56px; height: 56px;}	
	76%{background-position: 4256px 0px; width: 56px; height: 56px;}
	78%{background-position: 4368px 0px; width: 56px; height: 56px;}	
	80%{background-position: 4480px 0px; width: 56px; height: 56px;}	
	82%{background-position: 4592px 0px; width: 56px; height: 56px;}	
	84%{background-position: 4704px 0px; width: 56px; height: 56px;}	
	86%{background-position: 4816px 0px; width: 56px; height: 56px;}	
	88%{background-position: 4928px 0px; width: 56px; height: 56px;}
	90%{background-position: 5040px 0px; width: 56px; height: 56px;}	
	92%{background-position: 5152px 0px; width: 56px; height: 56px;}	
	94%{background-position: 5264px 0px; width: 56px; height: 56px;}		
	96%{background-position: 5376px 0px; width: 56px; height: 56px;}
	98%{background-position: 5488px 0px; width: 56px; height: 56px;}	
}


.pop-modal1.chatbot {padding:0;display:block;position:fixed;left:0;right:0;top:0 !important;z-index:1000;transform:translateY(1000%);transition: opacity 350ms 350ms ease, transform 350ms 350ms ease;border-radius:2.0rem 2.0rem 0 0;}
.pop-modal1.chatbot.open {overflow:visible;bottom:0 !important;height:100%;display:block;position:fixed;left:0;right:0;top:0 !important;z-index:1000;transform:translateY(0);transition:opacity 700ms 350ms ease, transform 700ms 350ms ease;}
.pop-modal1.chatbot.half.open {transform:translateY(5.0rem);height:calc(100% - 5.0rem);}
.pop-modal1.chatbot.half .header button {top:-3.0rem;width:12.0rem;height:3.2rem;border-radius:1.0rem 1.0rem 0 0;padding:0;font-size:0;background:#e0f0ff;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.pop-modal1.chatbot.half .header button:before, .pop-modal1.chatbot.half .header button:after {background:#333;width:2.5rem;}
.pop-modal1.chatbot.half .header button:before, .pop-modal1.chatbot.half .header button:after {left:47.4%;}
.pop-modal1.chatbot .content {padding:0;margin:0;}
.pop-modal1.chatbot .content iframe {width:100%;height:100%;padding:0;display:block;position:fixed;left:0;right:0;top:0 !important;bottom:0 !important;}
.pop-modal1.chatbot.half .content iframe {height:calc(100% - 5.0rem);}


#container.sc ~ #quickmenu2, #container.cr ~ #quickmenu2, #container.sa ~ #quickmenu2, #quick_none #quickmenu2 {display:none;}  /* sa추가함으로 퀵메뉴 안보이게함 genexon.boramhan 20.10.08*/
/*--------------------------------------------------------------------------------
	# quick menu 모바일 퀵메뉴3 - 2022-07-25 (보험료계산)
---------------------------------------------------------------------------------*/
#quickmenu3 {position:fixed;right:0;bottom:0;z-index:100;}
#quickmenu3 .btn {overflow:hidden;position:absolute;right:2.0rem;bottom:2.0rem;display:block;width:6.0rem;height:6.0rem;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Sdhvpx_211021.tvs) no-repeat #fdba31;background-size:100%;border-radius:50%;box-shadow:0px 5px 10px rgba(0,0,0,0.2);color:rgba(255,255,255,0);z-index:51;outline:0;}/*2021-10-21 웹접근성 인증 아이콘 변경  */
#quickmenu3 .btn a {display:block;width:6.0rem;height:6.0rem;}
#quick_none #quickmenu3 {display:none;}  /* sa추가함으로 퀵메뉴 안보이게함 2020.11.26*/
/*--------------------------------------------------------------------------------
	# quick menu 모바일 퀵메뉴4 - 2022-08-08 카톡 공유
---------------------------------------------------------------------------------*/
#quickmenu4 {position:fixed;right:0;bottom:0;z-index:100;}
#quickmenu4 .btn {overflow:hidden;position:absolute;right:2.0rem;bottom:2.0rem;display:block;width:6.0rem;height:6.0rem;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Sdhvpx_20220808.tvs) no-repeat #fdba31;background-size:100%;border-radius:50%;box-shadow:0px 5px 10px rgba(0,0,0,0.2);color:rgba(255,255,255,0);z-index:51;outline:0;}/*2021-10-21 웹접근성 인증 아이콘 변경  */
#quickmenu4 .btn a {display:block;width:6.0rem;height:6.0rem;}
#quick_none #quickmenu4 {display:none;}  /* sa추가함으로 퀵메뉴 안보이게함 2020.11.26*/
/*--------------------------------------------------------------------------------
	# quick OK퀴즈 이벤트 - 2022-04-05
---------------------------------------------------------------------------------*/
#quick_ok {position:fixed;right:0;bottom:7.0rem;z-index:100;}
#quick_ok .btn {overflow:hidden;position:absolute;right:2.0rem;bottom:2.0rem;display:block;width:6.0rem;height:6.0rem;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Sdhvpx_20220408.tvs) no-repeat #5c4dab;background-size:100%;border-radius:50%;box-shadow:0px 5px 10px rgba(0,0,0,0.2);color:rgba(255,255,255,0);z-index:51;outline:0;}/*2021-10-21 웹접근성 인증 아이콘 변경  */
#quick_ok .btn a {display:block;width:6.0rem;height:6.0rem;}

#quick_ok_2 {position:fixed;right:0;bottom:7.0rem;z-index:100;}
#quick_ok_2 .btn {overflow:hidden;position:absolute;right:2.0rem;bottom:2.0rem;display:block;width:6.0rem;height:6.0rem;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Sdhvpx_20220501.tvs) no-repeat #fffadd;border:0.1rem solid #666;background-size:100%;border-radius:50%;box-shadow:0px 5px 10px rgba(0,0,0,0.2);color:rgba(255,255,255,0);z-index:51;outline:0;}
#quick_ok_2 .btn a {display:block;width:6.0rem;height:6.0rem;}
/*--------------------------------------------------------------------------------
	# layout : popup
---------------------------------------------------------------------------------*/
section[class^="pop-modal"] {max-width:100%;}

/*팝업시 바디스크롤 hidden 2023-09-07  */
body.popopen #wrapper {height:100%;height:100vh; /*overflow:hidden;*/}

/* 레이어팝업 : 컨텐츠형  */
.pop-modal1 {display:none;position:relative;width:100%;min-height:100%;max-width:60.0rem;margin:auto;background:#fff;}
.pop-modal1 .header {position:relative;padding:0 5.0rem 0 2.0rem;border-bottom:0.2rem solid #33302e;background:#fff;z-index:1;}
.pop-modal1 .header h2{font-size:1.6rem;line-height:3.8rem;color:#333;height:4rem;overflow:hidden;}   /* 가입설계 동의  height;overflow; 추가 2023-06-07 */
.pop-modal1 .header.img-ty01 h2 {height:auto}/* 24.09 보험한눈에 타이틀이랑 중복 */
.pop-modal1 .header.pop-heard-ty01 h2{height:auto}/* 24.09 보험한눈에 타이틀이랑 중복 */
.pop-modal1 .header button {overflow:hidden;display:block;position:absolute;right:0;top:0;width:4.0rem;height:0;padding:4.0rem 0 0;background:#45494d;}
.pop-modal1 .header button:before, .pop-modal1 .header button:after {content:'';display:block;position:absolute;left:50%;top:50%;width:2.0rem;height:0.2rem;margin:-0.1rem 0 0 -0.9rem;background:#fff;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.pop-modal1 .content {position:relative;padding:2.5rem 2.0rem 5.0rem;/*max-height:100vh;*/}/* 레이어팝업 : max-height 다시 삭제 2022-09-27  */ /* 레이어팝업 : 하단 여백 수정 2021-04-01 개정관련  */
.pop-modal1 .content .area-btn1 {margin:2.0rem 0 0;}
.pop-modal1 .content:not(:last-child) {max-height:calc(100vh - 4.0rem);} /* 20220321 max-height:calc(100vh - 4.5rem) 수정 */
.pop-modal1 .content + .area-btn1 {margin:0;padding:2.0rem;}
.pop-modal1 .content > *:first-child:not(form):not(.wrap-calculator1),
.pop-modal1 .content > div:only-child > *:first-child:not(form):not(.wrap-calculator1), .pop-modal1 .content > div[id*="cslt"] > *:first-child {margin-top:0;}
.pop-modal1.open {display:block;position:fixed;left:0;right:0;top:0 !important;z-index:1000;overflow:hidden;}/* overflow:hidden; 추가 2021-12-14  */
.pop-modal1.open .header button:before {-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
.pop-modal1.open .header button:after {-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}
.pop-modal1 .content.maxh100per {max-height:calc(100% - 4.5rem);} /* 20191014 추가 */

/* 레이어팝업 : 메세지형  */
.pop-modal2 {display:none;position:relative;width:auto;max-width:50.0rem;padding:2.5rem;margin:auto;background:#fff;}
.pop-modal2 .header {position:relative;margin:-2.0rem 0 1.5rem;padding:1.5rem 0;border-bottom:0.2rem solid #33302e;text-align:center;}
.pop-modal2 .header h2 {position:relative;display:inline-block;padding:0 0 0 3.0rem;font-size:1.6rem;line-height:1.5;color:#333;}
.pop-modal2 .header h2:before, .pop-modal2 .header h2:after {content:'';position:absolute;display:block;}
.pop-modal2 .header h2:before {left:0;top:0;width:1.5em;height:1.5em;background:#ff8800;border-radius:50%;}
.pop-modal2 .header h2:after {left:0.6rem;top:0.7rem;width:1.0rem;height:0.5rem;border-left:0.2rem solid #fff;border-bottom:0.2rem solid #fff;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.pop-modal2 .content {position:relative;}
.pop-modal2 .content > .mes-txt1:first-child {}
.pop-modal2 .content .area-btn1 {margin:2.0rem 0 0;}
.pop-modal2 .content .mes-txt1 + .area-btn1 {margin:1.5rem 0 0;padding:2.0rem 0 0;border-top:0.1rem solid #ced4d9;}
.pop-modal2.info .header h2:after {left:1.1rem;top:50%;width:0.3rem;height:0.3rem;border:0;border-top:1.0rem solid #fff;border-bottom:0.3rem solid #fff;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.pop-modal2.open {display:block;position:fixed;left:1.0rem;right:1.0rem;top :50% !important;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1000;}

.pop-modal2.mes {max-width:40.0rem;}
.pop-modal2.mes .header h2:after {left:1.1rem;top:50%;width:0.3rem;height:0.3rem;border:0;border-top:1.0rem solid #fff;border-bottom:0.3rem solid #fff;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}

.pop-modal2 .ui-close-pop {overflow:hidden;display:block;position:absolute;right:-2.0rem;top:0;width:3.6rem;height:0;padding:3.0rem 0 0;background:#fff;border:0.2rem solid #fff;border-radius:0.2rem;}
.pop-modal2 .ui-close-pop:before, .pop-modal2 .ui-close-pop:after {content:'';display:block;position:absolute;left:50%;top:50%;width:2.4rem;height:0.2rem;margin:-0.1rem 0 0 -1.1rem;background:#45494d;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.pop-modal2.open {display:block;position:fixed;left:0;right:0;top:50% !important;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1000;overflow-y:auto;}/* overflow-y:auto; 추가  2022-09-13  */
.pop-modal2.open .ui-close-pop:before {-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
.pop-modal2.open .ui-close-pop:after {-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}

/* 레이어팝업 : 메세지형  */
.pop-modal3 {display:none;position:relative;width:auto;max-width:50.0rem;padding:2.5rem;margin:auto;background:#fff;}
.pop-modal3 .header {position:relative;margin:-2.0rem 0 1.5rem;padding:1.5rem 0;border-bottom:0.2rem solid #33302e;text-align:center;}
.pop-modal3 .header h2 {position:relative;display:inline-block;padding:0 0 0 3.0rem;font-size:1.6rem;line-height:1.5;color:#333;}
.pop-modal3 .header h2:before, .pop-modal2 .header h2:after {content:'';position:absolute;display:block;}
.pop-modal3 .header h2:before {left:0;top:0;width:1.5em;height:1.5em;background:#ff8800;border-radius:50%;}
.pop-modal3 .header h2:after {left:0.6rem;top:0.7rem;width:1.0rem;height:0.5rem;border-left:0.2rem solid #fff;border-bottom:0.2rem solid #fff;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.pop-modal3 .content {position:relative;}
.pop-modal3 .content > .mes-txt1:first-child {}
.pop-modal3 .content .area-btn1 {margin:2.0rem 0 0;}
.pop-modal3 .content .mes-txt1 + .area-btn1 {margin:1.5rem 0 0;padding:2.0rem 0 0;border-top:0.1rem solid #ced4d9;}
.pop-modal3.info .header h2:after {left:1.1rem;top:50%;width:0.3rem;height:0.3rem;border:0;border-top:1.0rem solid #fff;border-bottom:0.3rem solid #fff;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.pop-modal3.open {display:block;position:fixed;left:1.0rem;right:1.0rem;top:50% !important;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1000;overflow-y:auto;}/* overflow-y:auto; 추가  2022-09-13  */

.pop-modal3.mes {max-width:40.0rem;}
.pop-modal3.mes .header h2:after {left:1.1rem;top:50%;width:0.3rem;height:0.3rem;border:0;border-top:1.0rem solid #fff;border-bottom:0.3rem solid #fff;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}

/* 레이어팝업 : 메인팝업 2020-04-06  */
.pop-modal4 {display:none;position:relative;width:auto;max-width:50.0rem;padding:2.5rem;margin:auto;background:#fff;border:0.5rem solid #2e3133;box-shadow:0 5px 20px rgba(0,0,0,0.2);}
.pop-modal4 .header {position:relative;margin:-2.0rem 0 1.5rem;padding:1.5rem 0;border-bottom:0.2rem solid #33302e;text-align:center;}
.pop-modal4 .header h2 {position:relative;display:inline-block;padding:0 0 0 3.0rem;font-size:1.6rem;line-height:1.5;color:#333;}
.pop-modal4 .header h2:before, .pop-modal4 .header h2:after {content:'';position:absolute;display:block;}
.pop-modal4 .header h2:before {left:0;top:0;width:1.5em;height:1.5em;background:#ff8800;border-radius:50%;}
.pop-modal4 .header h2:after {left:0.6rem;top:0.7rem;width:1.0rem;height:0.5rem;border-left:0.2rem solid #fff;border-bottom:0.2rem solid #fff;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.pop-modal4 .content {position:relative;}
.pop-modal4 .content > .mes-txt1:first-child {}
.pop-modal4 .content .area-btn1 {margin:2.0rem 0 0;}
.pop-modal4 .content .mes-txt1 + .area-btn1 {margin:1.5rem 0 0;padding:2.0rem 0 0;border-top:0.1rem solid #ced4d9;}
.pop-modal4.info .header h2:after {left:1.1rem;top:50%;width:0.3rem;height:0.3rem;border:0;border-top:1.0rem solid #fff;border-bottom:0.3rem solid #fff;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.pop-modal4.open {display:block;position:fixed;left:1.0rem;right:1.0rem;top:50% !important;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1000;}
.pop-modal4.open_l {display:block;position:fixed;left:1.0rem;top:50% !important;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1000;}
.pop-modal4.open_r {display:block;position:fixed;right:1.0rem;top:50% !important;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1000;}

.pop-modal4.mes {max-width:40.0rem;}
.pop-modal4.mes .header h2:after {left:1.1rem;top:50%;width:0.3rem;height:0.3rem;border:0;border-top:1.0rem solid #fff;border-bottom:0.3rem solid #fff;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}

/* 윈도우팝업 */
.pop-win:before {position:absolute;right:0;top:-2.5rem;content:'';width:21.0rem;height:17.0rem;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.auryvsr.pb.xe%2Sugzy%2Spbzzba%2Spff%2S..%2Svzntrf%2Spbzzba%2Sot_cnggrea2.cat) no-repeat 0 0;opacity:0.5;}
.pop-win .header {position:relative;padding:0 5.0rem 0 2.0rem;border-bottom:0.2rem solid #33302e;text-align:left;}
.pop-win .header h1 {font-size:1.8rem;line-height:4.9rem;color:#333;}
.pop-win .content {position:relative;padding:2.0rem;}
.pop-win .content .area-btn1 {margin:3.0rem 0 0;}

#wrapper #header:not(.main) ~ div[class*="pattern"] {display:none;}
#wrapper #header.main ~ div[class*="pattern"]:not(.pattern1) {display:none;}

/* --------------------------------------------------------------------------------
	## 테블릿 레이아웃 : 추가용
---------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width:1024px) {

}



/* --------------------------------------------------------------------------------
	## 백신/솔루션
---------------------------------------------------------------------------------*/
iframe#touchen_mvaccine_iframe {float:left;}

/*--------------------------------------------------------------------------------
	# layout : popup 메인팝업 모바일 가로 사이즈 조정 2021-02-04
---------------------------------------------------------------------------------*/
@media only screen and (min-width: 568px) and (max-width:1366px) {
section[class^="pop-modal"] {max-width:52%;max-height:100%;}
section.pop-modal1.mo.newLayer{max-width:100%!important}
#mainPop_1 .area-btn1 .btn-com {height:3.0rem;line-height:2.8rem;font-size: 1.2rem;letter-spacing:-0.15rem;}
#mainPop_1.pop-modal4 {padding:1.0rem 2.5rem}
#mainPop_1.pop-modal4 .header {margin:-2.0rem 0 0;padding:1.5rem 0 0.5rem;}
#mainPop_1 .area-btn1 {margin:1.0rem 0 0;}
}
@media only screen and (min-width: 681px) and (max-width:1440px) {
section[class^="pop-modal"] {max-width:43%;}
/*section.pop-modal1.mo.main.newLayer.open {bottom:50% !important;max-width:320px !important;max-height:none;margin:0 auto;transform:translateY(50%)!important;border-radius:2rem !important;padding-bottom:0!important}*/
#mainPop_1 .area-btn1 .btn-com {font-size: 1.3rem;letter-spacing:0;}
/* #uiPOPAddrCheck.pop-modal2 {max-width:100%;} popup 주소확인 모바일 가로 사이즈 조정 2021-11-23  2022-08-22 */
.aside-totalmenu dl dt {width:20.0rem;} /* 폴드 탭 등 모바일 전체메뉴 사이즈 조정 2022-09-05 */
}
@media only screen and (min-width: 1024px) and (max-width:1366px) {
section[class^="pop-modal"] {max-width:43%;}
#mainPop_1 .area-btn1 .btn-com {height:4.0rem;line-height:3.8rem;font-size: 1.3rem;letter-spacing:0;}
#mainPop_1.pop-modal4 {padding:2.5rem}
#mainPop_1.pop-modal4 .header {margin:-2.0rem 0 1.5rem;padding:1.5rem 0;}
#mainPop_1 .area-btn1 {margin:3.0rem 0 0;}
}
#uiPOPContratConfirm.pop-modal1.open {position:fixed;bottom:0;}
#uiPOPContratConfirm.pop-modal1 .header {position:absolute;top:0 !important;width:100%;z-index:2;}
#uiPOPContratConfirm.pop-modal1 .content:not(:last-child) {max-height: calc(100vh - 0.1rem);padding:6.0rem 2.0rem 15.0rem;}
#uiPOPContratConfirm.pop-modal1 .content + .area-btn1 {position:absolute;bottom:0 !important;padding:0;margin:0;width:100%;z-index:2;}
#uiPOPContratConfirm.pop-modal1 .content + .area-btn1 .btn-com {width:100%;height:5.0rem;font-size:1.8rem;}

/* 옴니 라운지 수정 2022-09-05  
#uiPOPHappyCallScript.pop-modal1 .content + .area-btn1 {position:absolute;bottom:0 !important;background:#fff;;width:100%;}
#uiPOPHappyCallScript.pop-modal1 .content {overflow-y:scroll;}
 */

/* 모바일 청약 동의 (필수)계약체결 이행 등을 위한 동의서 수정 2022-09-05 2022-09-28 */
#personalPop.pop-modal1.mo .content,
#financePop.pop-modal1.mo .content, 
#policyLoanPop.pop-modal1.mo .content,
#uiPOPkakaoAgree.pop-modal1.mo .content,
#uiPOPPinAuthAgree.pop-modal1.mo .content,
#markettingAgreePop.pop-modal1.mo .content,
#uiPOPGivewayAgree.pop-modal1.mo .content,
#isamtPayHstPrrAncAgree.pop-modal1.mo .content,
#uiPOPPhone.pop-modal1 .content, /* 휴대폰 인증  2022-12-01  */
#uiSCEvent.pop-modal1.mo .content, /* 경품수령 동의  2023-2-23  */
#uiPOPDrive.pop-modal1 .content, /* 자동차 팝업  2023-2-23  */
#uiPOPAddr.pop-modal1 .content,  /* 주소창 팝업  2023-2-23  */
#uiPOPJob.pop-modal1 .content, /* 직업창 팝업  2023-2-23  */
#uiPOPAgree04.pop-modal1 .content, /* 카카오 인증  2022-12-01  */
#uiPOPSurVerifi.pop-modal1 .content, /* 퀴즈이벤트 동의 2023-04-27  */
#uiPOPfincertAgree.pop-modal1 .content, /* 금융인증서 네이버인증 간편인증 추가 2023-07-03 */
#uiPOPnaverAgree.pop-modal1 .content, /* 금융인증서 네이버인증 간편인증 추가 2023-07-03 */
#uiPOPEvent1.pop-modal1 .content /* 이벤트 참여  2023-08-04  */
{max-height:100vh;padding:6.0rem 2.0rem 18.0rem;height:100%;}/* 레이어팝업  max-height:calc(100vh - 0.1rem) 수정  2022-09-13  */ /* height:100%; 추가  2023-04-27  */
#uiPOPHappyCallScript.pop-modal1 .content /* 해피콜  2022-09-15  */
{padding:6.0rem 2.0rem 13.0rem;}
 


#uiPOPDoc2.pop-modal1 .content  {max-height: 100vh;}/* 청약문서 다운로드  2022-09-27  */
#uiPOPDoc2.pop-modal1 .content .form-agree1 {margin:3.0rem 0 6.0rem;}

#personalPop.pop-modal1.mo .content + .area-btn_pop, 
#financePop.pop-modal1.mo .content + .area-btn_pop,
#policyLoanPop.pop-modal1.mo .content + .area-btn_pop,
#uiPOPkakaoAgree.pop-modal1.mo .content + .area-btn_pop,
#uiPOPPinAuthAgree.pop-modal1.mo .content + .area-btn_pop,
#markettingAgreePop.pop-modal1.mo .content + .area-btn_pop,
#uiPOPGivewayAgree.pop-modal1.mo .content + .area-btn_pop,
#isamtPayHstPrrAncAgree.pop-modal1.mo .content + .area-btn_pop,
#uiPOPPhone.pop-modal1 .content + .area-btn_pop, /* 이벤트 참여  2022-12-01  */
#uiPOPHappyCallScript.pop-modal1 .content + .area-btn_pop, /* 해피콜  2022-09-15  */
#uiSCEvent.pop-modal1.mo .content + .area-btn_pop, /* 경품수령 동의  2023-2-23  */
#uiPayCoEvent.pop-modal1.mo .content + .area-btn_pop /*페이코이벤트 동의*/
{position:absolute;bottom:0 !important;background:#fff;;width:100%;margin:0;}

#popPntExcKakao.pop-modal1 .content .area-btn1, #popPntExcNaver.pop-modal1 .content .area-btn1   {margin: 3.5rem 2.0rem 0;} /* 네이버인증 확인 20230726  */

/* 위촉 신청서 2022-09-16  */
#infoSec_popup.pop-modal1.open .content {max-height:100vh;}
#prsInfo_popup.pop-modal1.open .content {max-height:100vh;}
#recExpr_popup.pop-modal1.open .content {max-height:100vh;}