@charset "utf-8";

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: local('Noto Sans KR Thin'), local('NotoSansKR-Thin'),
       url('/font/mobile/noto-sans-kr-v7-latin_korean-100.woff2') format('woff2'),
       url('/font/mobile/noto-sans-kr-v7-latin_korean-100.woff') format('woff')
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
       url('/font/mobile/noto-sans-kr-v7-latin_korean-300.woff2') format('woff2'),
       url('/font/mobile/noto-sans-kr-v7-latin_korean-300.woff') format('woff')
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
       url('/font/mobile/noto-sans-kr-v7-latin_korean-regular.woff2') format('woff2'),
       url('/font/mobile/noto-sans-kr-v7-latin_korean-regular.woff') format('woff')
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
       url('/font/mobile/noto-sans-kr-v7-latin_korean-500.woff2') format('woff2'),
       url('/font/mobile/noto-sans-kr-v7-latin_korean-500.woff') format('woff')
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
       url('/font/mobile/noto-sans-kr-v7-latin_korean-700.woff2') format('woff2'),
       url('/font/mobile/noto-sans-kr-v7-latin_korean-700.woff') format('woff')
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: local('Noto Sans KR Black'), local('NotoSansKR-Black'),
       url('/font/mobile/noto-sans-kr-v7-latin_korean-900.woff2') format('woff2'),
       url('/font/mobile/noto-sans-kr-v7-latin_korean-900.woff') format('woff')
}

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
table caption {overflow:hidden; /*position:absolute;*/ top:0; left:0; width:1px; height:1px; font-size:0; line-height:0;}
a {color: #000; text-decoration: none;}
label, img { vertical-align:middle;}
/*html { -webkit-text-size-adjust: none; -webkit-font-smoothing: aliased;}*/
html {-webkit-text-size-adjust: antialiased; -moz-osx-font-smoothing: grayscale;}
input {-webkit-border-radius:0; -webkit-appearance:none;}
input[type=text], input[type=number] {border: 1px solid #ddd; background: #f2f5f9; height: 30px; width: auto; box-sizing: border-box; padding: 0 5px; line-height: 30px; color: #4f4f4f; vertical-align: middle; font-size: 12px;}
div, label { box-sizing: border-box;}
select {background: #f2f5f9; border: 1px solid #d0d5da; vertical-align: middle; height: 30px; color: #4f4f4f; font-size: 12px; -webkit-appearance: none; -moz-appearance: none; margin-right:10px;}
input::-webkit-input-placeholder {color: #ddd !important; font-weight: normal;}
input:-ms-input-placeholder {color: #ddd !important; font-weight: normal;}
textarea::-webkit-input-placeholder {color: #ddd !important; font-weight: normal;}
textarea:-ms-input-placeholder {color: #ddd !important; font-weight: normal;}

.f-clear:after { content:" "; height:0; display:block; visibility:hidden; clear:both; }
* html .f-clear { height:1%; }
.f-clear { display:block; min-height:1%;}
.clear { clear: both; }
.f-left {float: left;}
.f-right {float: right;}
.astbl { display:table; width:100%; height:100%; overflow:hidden;}
* {font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', sans-serif; margin: 0; padding: 0; letter-spacing: -0.3px;}

.t-left {text-align: left !important;}
.t-right {text-align: right !important;}
.t-center {text-align: center !important;}
.t-indent {text-indent: -.55em; padding-left: .55em;}

.w100p {width: 100% !important;}
.w90p {width: 90% !important;}
.w80p {width: 80% !important;}
.w70p {width: 70% !important;}
.w69p {width: 69% !important;}
.w60p {width: 60% !important;}
.w50p {width: 49% !important;}
.w40p {width: 40% !important;}
.w35p {width: 35% !important;}
.w30p {width: 30% !important;}
.w29p {width: 29% !important;}
.w24p {width: 24% !important;}
.w25p {width: 25% !important;}
.w20p {width: 20% !important;}
.w10p {width: 10% !important;}

.w50 {width: 50px !important;}
.w60 {width: 60px !important;}
.w80 {width: 80px !important;}
.w100 {width: 100px !important;}
.w150 {width: 150px !important;}
.w200 {width: 200px !important;}
.w300 {width: 300px !important;}
.w400 {width: 400px !important;}
.w500 {width: 500px !important;}

.h100 {height: 100px !important;}
.h200 {height: 200px !important;}
.h300 {height: 300px !important;}
.h400 {height: 400px !important;}
.h500 {height: 500px !important;}

.mt2 {margin-top: 2px !important;}
.mt5 {margin-top: 5px !important;}
.mt8 {margin-top: 8px !important;}
.mt10 {margin-top: 10px !important;}
.mt12 {margin-top: 12px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}

.mb2 {margin-bottom: 2px !important;}
.mb5 {margin-bottom: 5px !important;padding-left: 10px !important;}
.mb8 {margin-bottom: 8px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb12 {margin-bottom: 12px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}

.ml2 {margin-left: 2px !important;}
.ml5 {margin-left: 5px !important;}
.ml8 {margin-left: 8px !important;}
.ml10 {margin-left: 10px !important;}
.ml12 {margin-left: 12px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml40 {margin-left: 40px !important;}
.ml50 {margin-left: 50px !important;}

.mr0 {margin-right: 0 !important;}
.mr2 {margin-right: 2px !important;}
.mr5 {margin-right: 5px !important;}
.mr8 {margin-right: 8px !important;}
.mr10 {margin-right: 10px !important;}
.mr12 {margin-right: 12px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.mr50 {margin-right: 50px !important;}

.p0 {padding: 0 !important;}
.p10 {padding: 10px !important;}
.p15 {padding: 15px !important;}
.p20 {padding: 20px !important;}
.p30 {padding: 30px !important;}
.p40 {padding: 40px !important;}
.p50 {padding: 50px !important;}

.pt3 {padding-top: 3px !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}

.pb3 {padding-bottom: 3px !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}

.pl3 {padding-left: 3px !important;}
.pl5 {padding-left: 5px !important;}
.pl6 {padding-left: 6px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}

.pr3 {padding-right: 3px !important;}
.pr5 {padding-right: 5px !important;}
.pr6 {padding-right: 6px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}

.c-green {color: #60c614 !important;}
.c-mint {color: #18c3a3 !important;}
.c-skyblue {color: #00b6f0 !important;}
.c-blue {color: #378ee9 !important;}
.c-green2 {color: #8ebc00 !important;}
.c-yellow {color: #d7b700 !important;}
.c-orange {color: #f27200 !important;}
.c-red {color: #df3b42 !important;}
.c-gray {color: #888 !important;}

.bg-green {background-color: #60c614 !important;}
.bg-mint {background-color: #18c3a3 !important;}
.bg-skyblue {background-color: #00b6f0 !important;}
.bg-blue {background-color: #378ee9 !important;}
.bg-green2 {background-color: #8ebc00 !important;}
.bg-yellow {background-color: #d7b700 !important;}
.bg-yellow2 {background-color: #fffae1 !important;}
.bg-orange {background-color: #f27200 !important;}
.bg-red {background-color: #df3b42 !important;}
.bg-purple {background-color: #9340b9 !important;}

.font12 {font-size: 12px !important;}
.font13 {font-size: 13px !important;}
.font14 {font-size: 14px !important;}
.font15 {font-size: 15px !important;}
.font18 {font-size: 18px !important;}
.font20 {font-size: 20px !important;}

/* input */
input[type=radio] {width: 12px; height: 12px; border: 1px solid #8ea9c9; border-radius: 12px; vertical-align: middle; background: #fff; margin-right: 3px; position: relative}
input[type=radio]::after {content: ''; background: #dbe6f3; display: block; box-sizing: border-box; width: 7px; height:  7px; position: absolute; left: 3px; top: 3px; border-radius: 10px;}
input[type=radio]:checked::after {content: ''; background: #1b69d4; display: block; box-sizing: border-box; width: 7px; height: 7px; position: absolute; left: 3px; top: 3px; border-radius: 10px;}
input[type=checkbox] {width: 12px; height: 12px; display: inline-block; vertical-align: middle; margin-right: 3px; background: #fff; border: 1px solid #dddddd; margin-top: 0; box-sizing: border-box; position: relative; overflow: hidden; z-index: 1; vertical-align: middle;}
input[type=checkbox]:checked {border: 0;}
input[type=checkbox]:checked::before {content: ''; width: 12px; height: 12px; display: block; background: url(../../images/mobile/ico-check.svg) 50% 50% no-repeat #1b69d4; border: 1px solid #1b69d4;  position: absolute; left: -1px; top: -1px; background-size: 65% auto; z-index: 2;}
input[type=file]::after, input[type=file]:checked::after {background: #fff;}

/* text */
.t_center {text-align: center !important;}
.t_right {text-align: right !important;}
.t_left {text-align: left !important;}

/* fclear */
.fclear:after {content: ''; height: 0; display: block; visibility: hidden; clear: both;}
* html .fclear {height: 1%;}
.fclear {display: block; min-height: 1%;}

/* float */
.f-left {float: left;}
.f-right {float: right;}

/* button */
button[type=button], input[type=submit] input[type=button] {cursor: pointer; transition: all .2s;}
button[type=button]:hover, input[type=submit]:hover, input[type=button]:hover {opacity: .9;}
button[type=button]:disabled, input[type=submit]:disabled, input[type=button]:disabled {opacity: .2; color: rgba(255,255,255,.7); cursor: default;}
.btn {border: 0; text-align: center; letter-spacing: -0.02em; display: inline-block; cursor: pointer; border-radius: .4em; vertical-align: middle; height: 2.6em; line-height: 2.6em; padding: 0 2em; color: #fff; background: #666; font-size: 15px;}
.btn i {margin: -1px 5px 0 -5px;}
.btn i img {vertical-align: middle; width: 17px; height: 17px;}
.btn-round {border-radius: 60px !important;}
.btn-small {height: 24px; line-height: 24px; padding: 0 1em; font-size: 13px; box-shadow: inset 0px -12px 0 0 rgba(0,0,0,0.1);}
.btn-medium {height: 28px; line-height: 28px; padding: 0 1em; font-size: 14px; box-shadow: inset 0px -14px 0 0 rgba(0,0,0,0.1);}
.btn-nogra {box-shadow: none !important;}
.btn-red {background: #d63434 !important;}
.btn-blue {background: #0793e9 !important;}
.btn-green {background: #58a000 !important;}
.btn-mint {background: #00c1b6 !important;}
.btn-orange {background: #ff8400 !important;}
.btn-gray {background: #96a2b0 !important;}
.btn-darkred {background: #871717 !important;}
.btn-darkblue {background: #085f98 !important;}
.btn-darkgreen {background: #2e7300 !important;}
.btn-darkgray {background: #52585f !important;}
.btn-black {background: #333 !important; color: #fff !important;}
.btn-white {background: #fff !important; border: 1px solid #96a2b0 !important; color: #333 !important; font-weight: 500 !important;}
.btn-search {border: 0; display: inline-block; border-radius: 3px; vertical-align: middle; height: 28px; line-height: 28px; width: 28px; background: url(../../images/mobile/icon_search_w.png) no-repeat 50% 55% /55% 55% #96a2b0; box-shadow: inset 0px -17px 0 0 rgba(0,0,0,0.1);}

html, body {height:100%;}
body {color:#000; background:#fff; font-size: 14px; line-height: 1;}
#wrap {height: 100%; padding-top: 90px; min-width: 320px; overflow: hidden; position: relative;}
#wrap.scrollbar {overflow: auto; padding-top: 0; height: auto;}
/* :focus {outline: solid 1px #73a8ff !important;} */
.login-dim { position: absolute; width: 100%; height: 100%; top: 0; overflow: hidden; background-color: black; z-index: 9000; opacity: 0.6; }
.login-wrap { position: absolute; top: 30%; background-color: white; z-index: 9010; left: calc((100% - 350px)/2); width: 350px; border-radius: 5px; height: 250px; padding: 15px; text-align: center; }
.login-title { text-align: center; height: 50px; line-height: 50px; font-size: 1.5em; margin-bottom: 10px; color: #0068bd; font-weight: 500; }
.non-login-btn, .login-btn { display: inline-block; color: white; height: 60px; border: none; line-height: 60px; width: 150px; text-align: center; border-radius: 15px; font-size: 1.3em; }
.login-btn { background-color: #ff9400; }
.non-login-btn { margin-right: 10px; background-color: #0068bd; }
.login-caution { text-align: left; margin-top: 20px; line-height: 1.2; }
.login-caution li { margin-bottom: 10px; }

/* div hidden */
.none { display: none; }

/***************** 상단 영역 *****************/
/* header {position: fixed; width: 100%; height: 90px; left: 0; top: 0; padding: 0; text-align: center; background: #fff; z-index: 50;} */
header {position: fixed; width: 100%; height: 0px; left: 0; top: 0; padding: 0; text-align: center; background: #fff; z-index: 50;} 
/* header .head-link {background: #064194; height: 50px; width: 100%; margin: 0 auto; position: relative;} */
header .head-link {background: #064194; height: 41px; width: 100%; margin: 0 auto; position: relative;}
/* header .head-link h1 {position: absolute; top: 10px; left: 10px; z-index: 2;} */
header .head-link h1 {position: absolute; top: 5px; left: 10px; z-index: 2;} 
header .head-link h1 img {width: 170px; }
header .head-link .research {position: absolute; right: 50px; top: 14px; width: 54px;}
header .sectors {position: absolute; top: 50px; height: 40px; line-height: 40px; left: 0; text-align: left; padding: 0 8px; background-color: #022e6c; width: 100%;}
header .sectors dl {display: block; font-size: 0; line-height: 39px;}
header .sectors dl dt {font-weight: 600; display: inline-block; background: #2d8bff; padding: 1px 10px; height: 25px; line-height: 25px; border-radius: 5px; margin-right: 10px; font-size: .9em; color: #fff; font-size: .9rem; vertical-align: middle; box-sizing: border-box;}
header .sectors dl dd {display: inline-block; color: #fff; font-size: 1rem; font-weight: 400; vertical-align: middle;} 
header .sectors .btn-modify {height: 27px; line-height: 27px; border-radius: 5px;  padding: 0 10px; background: transparent; border: 1px solid #fff; color: #fff; font-size: .9em; font-weight: 400; position: absolute; right: 10px; top: 7px; }

/* header menu */
/* header .nav-trigger {position: absolute; right:10px; top: 11px; width: 30px; height: 30px; background: url(../../images/mobile/ico-nav-trigger.svg) no-repeat center; cursor: pointer; text-indent: -400px; overflow: hidden; z-index: 49;} */
header .nav-trigger {position: absolute; right:10px; top: 5px; width: 30px; height: 30px; background: url(../../images/mobile/ico-nav-trigger.svg) no-repeat center; cursor: pointer; text-indent: -400px; overflow: hidden; z-index: 49;}
header .nav-trigger.active {background: url(../../images/mobile/ico-nav-trigger-close.svg) no-repeat center; z-index: 81;}
header .nav-wrap {width: 280px; height: 100%; background: #f9f9f9;  position: fixed; right: -280px; top: 0; z-index: 80; transition: right .3s ease;}
header .nav-wrap.show {display: block; box-shadow: -2px 0 3px rgba(0,0,0,.05); right: 0;}
header .nav-wrap .profile-wrap {background: #4d65e9; padding: 23px; text-align: left;}
header .nav-wrap .profile-wrap .user {font-size: 1em; font-weight: 400; color: #fff; display: block; margin-bottom: 15px;}
header .nav-wrap .profile-wrap .user strong {font-weight: 600; color: #ffe86a;}
header .nav-wrap .profile-wrap .btn-logout {font-size: .9em; display: inline-block; height: 25px; line-height: 25px; border: 1px solid #fff; border-radius: 3px; text-align: center; padding: 0 15px; background: transparent; color: #fff; box-sizing: border-box;} 
header .nav-wrap .nav {padding: 2em 1.5em; text-align: left; border-bottom: 1px solid #dadbe5;}
header .nav-wrap .nav > li a {color: #333; font-size: 1.1em; font-weight: 600; display: block; width: 100%; padding: 1em 0;}
header .nav-wrap .nav .depth2 li a {color: #4d65e9; padding: .5em 0; font-size: .9em; position: relative; padding-left: 13px;}
header .nav-wrap .nav .depth2 li a::before {content:"- "; position: absolute; left: 0; top: 5px; width: 10px; height: 10px;}
header .nav-wrap .etc {padding: 2em 1.5em; text-align: left;}
header .nav-wrap .etc li {position: relative; padding-left: 10px;}
header .nav-wrap .etc li::before {position: absolute; content:''; left: 0; top: 10px; width: 3px; height: 3px; background: #666; border-radius: 3px;}
header .nav-wrap .etc li a {font-size: .9em; color: #666; padding: .5em 0; display: block; width: 100%;}
.nav-dim {width: 100%; height: 100%; position: fixed; top: 0; right: 0; background: rgba(0,0,0, .5); z-index: 50; transition: right .2s ease; display: none;}
.nav-dim.show {display: block;}


/*menu 0603 */
.nav-trigger {position: absolute; right:10px; top: 11px; width: 30px; height: 30px; background: url(../../images/mobile/ico-nav-trigger.svg) no-repeat center; cursor: pointer; text-indent: -400px; overflow: hidden; z-index: 49;}
.nav-trigger.active {background: url(../../images/mobile/ico-nav-trigger-close.svg) no-repeat center; z-index: 71;}
.nav-wrap { width: 280px; height: 100%; background: #f9f9f9;  position: fixed; right: -280px; top: 0; z-index: 70; transition: right .3s ease;}
.nav-wrap.show {display: block; box-shadow: -2px 0 3px rgba(0,0,0,.05); right: 0;}
.nav-wrap .profile-wrap {background: #4d65e9; padding: 23px; text-align: left;}
.nav-wrap .profile-wrap .user {font-size: 1em; font-weight: 400; color: #fff; display: block; margin-bottom: 15px;}
.nav-wrap .profile-wrap .user strong {font-weight: 600; color: #ffe86a;}
.nav-wrap .profile-wrap .btn-logout {font-size: .9em; display: inline-block; height: 25px; line-height: 25px; border: 1px solid #fff; border-radius: 3px; text-align: center; padding: 0 15px; background: transparent; color: #fff; box-sizing: border-box;} 
.nav-wrap .nav {padding: 2em 1.5em; text-align: left; border-bottom: 1px solid #dadbe5;}
.nav-wrap .nav > li a {color: #333; font-size: 1.1em; font-weight: 600; display: block; width: 100%; padding: 1em 0;}
.nav-wrap .nav .depth2 li a {color: #4d65e9; padding: .5em 0; font-size: .9em; position: relative; padding-left: 13px;}
.nav-wrap .nav .depth2 li a::before {content:"- "; position: absolute; left: 0; top: 5px; width: 10px; height: 10px;}
.nav-wrap .etc {padding: 2em 1.5em; text-align: left;}
.nav-wrap .etc li {position: relative; padding-left: 10px;}
.nav-wrap .etc li::before {position: absolute; content:''; left: 0; top: 10px; width: 3px; height: 3px; background: #666; border-radius: 3px;}
.nav-wrap .etc li a {font-size: .9em; color: #666; padding: .5em 0; display: block; width: 100%;}

.nav-wrap .bottomEtc {padding: 2em 1.5em; text-align: left;  }
.nav-wrap .bottomEtc li::before {content:"- "; position: absolute; content:''; left: 0; top: 10px; width: 3px; height: 3px; background: #666; border-radius: 3px;}
.nav-wrap .bottomEtc li a {color: #666; padding: .5em 0; display: block; width: 100%;}

.nav-wrap .bottomEtc12 {position: absolute; padding: 2em 1.5em; text-align: left;  }
.nav-wrap .bottomEtc12 li::before {position: absolute; content:''; left: 0; width: 3px; height: 3px; background: #666; border-radius: 3px;}
 
/*
.nav-wrap .bottomEtc {padding: 2em 1.5em; text-align: left;}
.nav-wrap .bottomEtc > li a {color: #333; font-size: 1.1em; font-weight: 600; display: block; width: 100%; padding: 1em 0;}
.nav-wrap .bottomEtc .depth2 li a {color: #4d65e9; padding: .5em 0; font-size: .9em; position: relative; padding-left: 13px;}
.nav-wrap .bottomEtc .depth2 li a::before {content:"- "; position: absolute; left: 0; top: 5px; width: 10px; height: 10px;}
*/


.nav-dim {width: 100%; height: 100%; position: fixed; top: 0; right: 0; background: rgba(0,0,0, .5); z-index: 50; transition: right .2s ease; display: none;}
.nav-dim.show {display: block;}

/*menu 0603 */

/* 하단 메뉴영역 */
.footer-wrap {position: fixed; width: 100%; height: 50px; left: 0; bottom: 0; padding: 0; text-align: center; background: #fff; z-index: 45; box-shadow: 0 0 10px rgba(0,0,0, .2) ;}
.footer-wrap > li {float: left; width: 25%; height: 100%; text-align: center; }
.footer-wrap > li > a {display: block; width: 100%; height: 100%; box-sizing: border-box;}
.footer-wrap > li > a img {display: block; margin: 0 auto; padding: 2px 0;}
.footer-wrap > li > a p {display: block; width: 100%; text-align: center; color: #064194; font-weight: 500; font-size: .75em;}
.footer-wrap > li > a.active, .footer-wrap > li > a.active:hover {background: #FFE86A;}
/* .footer-wrap > li > a:hover {background: #dceeff;} */
.footer-wrap > li > a.on {background-color: #dceeff;}

/*************** 지도 영역 ***************/
/*.map-wrap {background: #eaeaea; width: 100%; height: calc(100% - 140px); position: absolute; left: 0; top: 90px;} */
/* .map-wrap {background: #eaeaea; width: 100%; height:100%; position: absolute; left: 0; top: 90px;} */
.map-wrap {background: #eaeaea; width: 100%; height:100%; position: absolute; left: 0; top: 41px;}
.map-wrap .map {width: 100%; height: 100%;}

/* 지도상단 탭메뉴 */
/* .analresult-box {height: 65px; background: #fff; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 5px 5px 10px rgba(0,0,0, .08); padding: 10px; z-index: 40; position: fixed; transition: height .3s ease; width: 100%; top: 90px; left: 0;} */
.analresult-box {height: 65px; background: #fff; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 5px 5px 10px rgba(0,0,0, .08); padding: 10px; z-index: 40; position: fixed; transition: height .3s ease; width: 100%; top: 41px; left: 0;}
/* .analresult-box.show {height: calc(100% - 190px);} */
.analresult-box.show {height: calc(100% - 50px);} 
.analresult-box .btn-analresult {position: absolute; bottom: 2.5px; left: calc(50% - 20px); width: 40px; height: 20px; background: #fff; border: 0;}
.analresult-box .btn-analresult::after {content: ''; width: 10px; height: 10px; border-top: 3px solid #ddd; border-right: 3px solid #ddd; display: inline-block; transform: rotate(135deg); position: absolute; top: 0; left: 13.5px;}
.analresult-box.show .btn-analresult {transform: rotate(180deg); /* 각도 */}
.analresult-box ul.tab-head {width: auto; height: 40px; font-size: 0; }

.analresult-box ul.tab-head {width: calc( 100% + 10px ); height: 40px; font-size: 0; margin-left: -5px;}
/* .analresult-box ul.tab-head li {float: left; width: 25%; height: 30px; padding: 0 2.5px; box-sizing: border-box; font-size: 13px;} */
.analresult-box ul.tab-head li {float: left; width: 20%; height: 30px; padding: 0 2.5px; box-sizing: border-box; font-size: 13px;}
.analresult-box ul.tab-head li:last-child {margin-right: 0;}
.analresult-box ul.tab-head li a {display: block; height: 30px; line-height: 28px; padding: 0; font-size: 1em; box-sizing: border-box;text-align: center; border: 1px solid #CAE5FA; background: #F0FAFF; color: #064194; border-radius: 3px; font-weight: 600; letter-spacing: -.05em;}
.analresult-box ul.tab-head li a.active {background-color: #FFE86A; border: 1px solid #E8CD37; font-weight: 800;}
.analresult-box .tab-content {height: calc( 100% - 55px ); overflow-y: auto; font-size: 13px;}

/* .placesearch-wrap {position: absolute; left: 10px; top: 75px; width: calc(100% - 20px); z-index: 30;} */ 
/* .placesearch-wrap {position: absolute; left: 55px; top: 75px; width: calc(100% - 95px); z-index: 30;} */ 

/* .placesearch-wrap {position: absolute; left: 55px; top: 75px; width: calc(100% - 115px); z-index: 30;} */
/* .placesearch-wrap {position: absolute; left: 55px; top: 75px; width: calc(100% - 82px); z-index: 30;} */   
/* .placesearch-wrap {position: absolute; left: 50px; top: 3px; width: calc(100% - 82px); z-index: 30;} */
.placesearch-wrap {position: absolute; left: 50px; top: 3px; width: calc(100% - 97px); z-index: 31;}
/* .placesearch-wrap .search {background: #fff; height: 36px; line-height: 36px; width: calc(100% - 40px); border-radius: 3px; display: inline-block; box-shadow: 5px 5px 10px rgba(0,0,0, .08);} */
.placesearch-wrap .search {background: #fff; height: 36px; line-height: 36px; width: calc(100% - 35px); border-radius: 3px; display: inline-block; box-shadow: 5px 5px 10px rgba(0,0,0, .08);}
.placesearch-wrap .search input {width: calc(100% - 37px); display: inline-block; height: 36px; line-height: 36px; vertical-align: top; border: 0; background: transparent; border-radius: 5px; padding: 0 10px; box-sizing: border-box; font-size: 1em; font-weight: 500; initial-letter-align: -.05em;}
.placesearch-wrap .search input::placeholder {font-size: 1em; font-weight: 500; color: #bbb !important;}
.placesearch-wrap .search button {width: 30px; height: 36px; display: inline-block; border: 0; vertical-align: top; background: transparent; border-radius: 5px; cursor: pointer;}
.placesearch-wrap .search button img {width: 70%;}
.placesearch-wrap .btn-location {background: #fff; height: 36px; line-height: 36px; width: 30px; border: 0; border-radius: 3px; margin-left: 5px; display: inline-block; box-shadow: 5px 5px 10px rgba(0,0,0, .08); text-align: center;}
.placesearch-wrap .btn-location img {width: 65%; margin-top: -2px;}
.placesearch-wrap .address {display: inline-block; width: calc(100% - 46px); padding-left: 10px;}  



/* 지도 전환 버튼 */
.map-switch {position: absolute; right: 10px; top: 120px;}
.map-switch .switch { display: inline-block; width: 50px; height: 25px; position: relative;}
.map-switch .switch input { opacity: 0; width: 0; height: 0; }
.map-switch .slider {position: absolute; border-radius: 30px; cursor: pointer; top: 0; left: 0;  right: 0; bottom: 0; background-color: #00C1C6; -webkit-transition: .4s; transition: .4s; }
.map-switch .slider:before {position: absolute; border-radius: 50%; content: ""; height: 21px; width: 21px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; }
.map-switch .slider:after {content:'항공'; position: absolute; right: 7px; top: 3px; color: #fff; font-size: 10px; font-weight: 400; line-height: 20px;}
.map-switch .switch input:checked + .slider {background-color: #064194; }
.map-switch .switch input:focus + .slider {box-shadow: 0 0 1px #064194; }
.map-switch .switch input:checked + .slider:before {-webkit-transform: translateX(25px); -ms-transform: translateX(25px); transform: translateX(25px);}
.map-switch .switch input:checked + .slider:after {content:'일반'; position: absolute; left: 7px; top: 3px; color: #fff; font-size: 10px; font-weight: 400; line-height: 20px;}

/* 지도 좌측 드롭다운 */
/* #tool-left {font-size: .9em; width: 45px; position: absolute; left: 10px; top: 120px; text-align: right; z-index: 30; background: #fff; text-align: left; border-radius: 3px; box-shadow: 0 0 10px rgba(0,0,0, .2);} */
#tool-left {font-size: .9em; width: 60px; position: absolute; left: 10px; top: 120px; text-align: right; z-index: 30; background: #fff; text-align: left; border-radius: 3px; box-shadow: 0 0 10px rgba(0,0,0, .2);}
.btn-analyze {padding: 4px 0 12px; cursor: pointer; color: #fff; background: #2d6bc2; position: relative; font-weight: 600; font-size: 10px; letter-spacing: -.05em; text-align: center; border-radius: 3px; border: none; display: block; width: 100%;}
.btn-analyze img {display: block; margin: 5px auto; width: 20px;}
.btn-analyze.active {background: #064194; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
/* .btn-analyze::after {content:''; position: absolute; background: url(../../images/mobile/ico-arrow-select-wh.svg) 50% 50% no-repeat; background-size: auto; width: 10px; height: 10px; bottom: 1px; right: 17px; opacity: .5;} */
.btn-analyze::after {content:''; position: absolute; background: url(../../images/mobile/ico-arrow-select-wh.svg) 50% 50% no-repeat; background-size: auto; width: 12px; height: 12px; bottom: 1px; right: 24px; opacity: .5;}
.btn-analyze.active::after {transform: rotate(180deg);}
.analyze-con {display: none; transition: all .5s ease; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
.btn-analyze.active ~ .analyze-con {display: block;}
.analyze-con > li {border-bottom: 1px solid #ededed; position: relative;} 
.analyze-con > li a {padding: 0; color: #064194; display: inline-block; font-weight: 600; font-size: 10px; letter-spacing: -.1em; text-align: center; height: 40px; width: 100%;}
.analyze-con > li a.active {background:#cfefff;}
.analyze-con > li a img {display: block; margin: 2px auto; width: 22px;}
/*지도 좌측 드룹다운 수정 0603*/
/* .btn-analyze1 {padding: 4px 0 12px; cursor: pointer; color: #fff; background: #2d6bc2; position: relative; font-weight: 600; font-size: 10px; letter-spacing: -.05em; text-align: center; border-radius: 3px; border: none; display: block; width: 100%;} */
.btn-analyze1 {cursor: pointer; color: #fff; background: #2d6bc2; position: relative; font-weight: 600; font-size: 12px; letter-spacing: -.05em; text-align: center; border-radius: 3px; border: none; display: block; width: 100%; height:36px;}  
.btn-analyze1 img {display: block; margin: 5px auto; width: 20px;}

.analyze-con1 {display: block; transition: all .5s ease; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}

.analyze-con1 > li {border-bottom: 1px solid #ededed; position: relative;} 
/* .analyze-con1 > li a {padding: 0; color: #064194; display: inline-block; font-weight: 600; font-size: 10px; letter-spacing: -.1em; text-align: center; height: 40px; width: 100%;} */
.analyze-con1 > li a {padding: 0; color: #064194; display: inline-block; font-weight: 600; font-size: 10px; letter-spacing: -.1em; text-align: center; height: 50px; width: 100%;}
.analyze-con1 > li a.active {background:#cfefff;}
/* .analyze-con1 > li a img {display: block; margin: 2px auto; width: 22px;} */
.analyze-con1 > li a img {display: block; margin: 2px auto; width: 32px;}
/*지도 좌측 드룹다운 수정 0603*/




.analsub {position: absolute; left: 100%; top: 0; display: none; width: 22em; z-index: 1;}
.anal1-w { width: 16em; }
.anal2-w, .anal6-w { width: 14em; }
.anal3-w { width: 18em; }
.anal4-w, .anal5-w { width: 7em; }
.analyze-con > li a.active ~ .analsub {display: block;}
.analsub li {display: block; float: left;}
.analsub li input {display: none;}
.analsub li input ~ label {display: block; padding: 0 2px; text-align: center; box-sizing: border-box; font-size: 11px; background:#fff; border: 1px solid #9cdbf3; margin: -1px -1px 0 0; letter-spacing: -1px; height: 41px; line-height: 40px; cursor: pointer; color: #2466b4; min-width: 4em; position: relative;}
.analsub li input:checked ~ label {background:#FFE86A;}

/* 지도 우측 툴박스 */
#tool-right {font-size: 1em; width: 30px; display: inline-block; position: absolute; right: 10px; top: 153px; text-align: right; z-index: 30;}
#tool-right ul {width:100%; display: inline-block; margin-bottom: 10px; vertical-align: top; box-shadow: 0 0 10px rgba(0,0,0, .2); border-radius: 3px; overflow: hidden; }
#tool-right ul li {width: 30px; display: block;}
#tool-right ul li button {width: 30px; display: block; height: 30px; line-height: 29px; text-align: center; cursor: pointer; background: #fff; box-sizing: border-box; border: 0; border-bottom: 1px solid #E7E7E7;}
#tool-right ul li:hover {background:#d7f3ff;}
#tool-right ul li img {vertical-align: top;}
#tool-right ul.group1 li button#btn-compass.active {background:#d7f3ff;} /* 나침반만 선택적으로 active 표시되도록 변경. */

/* 지도 우측 툴박스 */
/* #tool-right12 {font-size: 1em; width: 30px; display: inline-block; position: absolute; right: 10px; top: 153px; text-align: right; z-index: 30;} */
#tool-right12 {font-size: 1em;height:37px; width: 45px; display: inline-block; position: absolute; right: 10px; top: 153px; text-align: right; z-index: 30;} 
/* 상권영역 */
.store-area {width: 150px; border: 0; color: #fff; font-weight: 700; padding: .4em .6em; position: absolute; z-index: 20; transform: translate(-50%, -50%); text-shadow: -2px 0 black, 0 -2px black, 2px 0 black, 0 2px black; }
.store-area.on { color: black; text-shadow: none; background: #fff; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0, .2); border: 1px solid #bbb; }
.store-area span.store-area-type { display: none; }
.store-area.on span.store-area-type { display: inline-block; background: #e6f3fa; color: #2d6bc2; font-size: .9em; font-weight: 400; margin-top: 4px; padding: .25em .5em; border-radius: 1em; }

/* 지도 하단 분석영역 */
#tool-bottom {position: absolute; right: 10px; bottom: 10px; z-index: 30; transition: bottom .3s ease;}  
#tool-bottom.compare-open { bottom: 50px !important; }  */ /* 상권 비교검색 하단 바가 올라올 때 겹치지 않게 이동.
.compass-wrap { display: none; align-content: center; justify-content: center; align-items: center; position: fixed; z-index: 5; width: 60px; height: 60px; bottom: 60px; right: 10px; background-color: white; border: 0; border-radius: 5px; box-shadow: 0 0 10px rgb(0 0 0 / 20%); transition: bottom .3s ease; }
.compass-wrap.compare-open { bottom: 100px !important; } /* 상권 비교검색 하단 바가 올라올 때 겹치지 않게 이동.*/
.img-compass { width: 85%; }
ul.areaset > li .radius {height: 30px; line-height: 30px; width: 122px; text-align: left; position: absolute; bottom: 35px; left: -60px; visibility: hidden; opacity: 0; transition: opacity .3s; pointer-events: none;}
ul.areaset > li.active .radius {visibility: visible; opacity: 1; pointer-events: visible;}
ul.areaset > li .radius .btn-radius p {display: block; position: relative; background: #F0FAFF; border: 1px solid #CAE5FA; border-radius: 3px; padding: 0 10px; box-shadow: 0 0 10px rgb(0 0 0 / 20%); vertical-align: top; color: #064194; font-weight: 600; cursor: pointer; width: 92px; box-sizing: border-box; height: 30px;}
ul.areaset > li .radius .btn-radius p::after {content:''; position: absolute; background: url(../../images/mobile/ico-arrow-select.svg) 50% 50% no-repeat; background-size: auto; width: 10px; height: 10px; top: 10px; right: 6px;}
ul.areaset > li .radius .btn-radius.active p::after {transform: rotate(180deg)}
ul.areaset > li .radius .radius-con {display: none; position: absolute; bottom: 30px; left: 0; background: #fff; width: 90px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid #CAE5FA;}
ul.areaset > li .radius .btn-radius.active ~ .radius-con {display: block;}
ul.areaset > li .radius .radius-con li {display: block; border-bottom: 1px solid #CAE5FA;}
ul.areaset > li .radius .radius-con li:last-child {border-bottom: 0;}
ul.areaset > li .radius .radius-con li a,
ul.areaset > li .radius .radius-con li button {display: block; width: 100%; font-size: .9em;  color: #064194; padding: 0 10px; box-sizing: border-box; font-weight: 500; background: transparent;}
ul.areaset {display: inline-block; vertical-align: top; box-shadow: 0 0 10px rgba(0,0,0, .2); border-radius: 3px;}
ul.areaset > li {display: block; float: left;}
ul.areaset > li button, .btn-areadel {width: 30px; display: block; height: 30px; line-height: 30px; text-align: center; cursor: pointer; background: #fff; box-sizing: border-box; border: 0; border-right: 1px solid #E7E7E7;}
.btn-areadel {box-shadow: 0 0 10px rgba(0,0,0, .2); border-radius: 3px; display: inline-block;}
.btn-areadel img {width: 22px; vertical-align: top; margin: 5px 0 0 0;}
ul.areaset > li button:hover, ul.areaset > li.active > button, .btn-areadel:hover {background:#d7f3ff;}
ul.areaset > li button img {width: 30px; vertical-align: top;}
ul.areaset > li:first-child button {border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
ul.areaset > li:last-child button {border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.btn-areaadd {border: 1px solid #E7E7E7 !important; position: absolute; right: 0; top: 0;}
.btn-areaadd img {width: 22px !important; vertical-align: top; margin: 3px 0 0 0; }

/* 모달 */
.pop {position:absolute; bottom: 0; left: 0; width: 0; height: 0; visibility: hidden; text-align: center; z-index: 100; background: rgba(0,0,0,.6); opacity: 0;}
.pop .btn-close {height: 30px; width: 30px; position: absolute; top: 10px; right: 10px; box-sizing: border-box; line-height: 30px; display: inline-block; border: 0; z-index: 1; background: url(../../images/mobile/ico-nav-trigger-close.svg) 50% 50% no-repeat #333; background-size: 70%; border-radius: 20px; width: 20px; height: 20px;;}
/* .pop .pop-inner {display: inline-block; vertical-align: middle; margin: 0; background: transparent; height: auto; position: relative; width: 80%; max-width: 500px; height:80%; background: #fff; border-radius: 5px;} */
/* .pop .pop-inner {display: inline-block; vertical-align: middle; margin: 0; background: transparent; height: auto; position: relative; width: 95%; max-width: 500px; height:95%; background: #fff; border-radius: 5px;} */ 
.pop .pop-inner {display: inline-block; vertical-align: middle; margin: 0; background: transparent; height: auto; position: relative; width: 100%; height:100%; background: #fff; border-radius: 5px;} 
.pop .pop-top30 {top:30%; height:auto !important;}
.pop::after {content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle;}
.pop.show {height: 100%; width: 100%; visibility: visible;  opacity: 1;}
.pop h3 {text-align: left; font-size: 14px; height: 40px; line-height: 40px; color: #262626; font-weight: 600; border-bottom: 1px solid #ccc; padding-left: 2.5%; box-sizing: border-box;}
.pop .pop-inner .content {min-height: 150px; padding: 1em; box-sizing: border-box; overflow-y: auto; height: calc(100% - 60px);}
.pop .pop-inner .content .pop-input01 {width: 100%; color: #333; font-size: 14px;}
.pop .pop-inner .content .comment {text-align: left; font-size: .865em; color: #777; line-height: 1.4; position: relative; padding-left: 15px;}
.pop .pop-inner .content .comment::before {position: absolute; content:'※'; left: 0; top: 0; width: 10px; height: 10px; }
.pop .pop-inner .btn-wrap {padding: 15px 0 0; margin-top: 15px;}

/* 서브 컨텐츠 */
/* .content-wrap {background: #fff; width: 100%; height: calc(100% - 140px); position: absolute; left: 0; top: 90px; z-index: 45; display: none; } */
/* .content-wrap {font-size: 1em; width: 30px; display: inline-block; position: absolute; right: 10px; top: 153px; text-align: right; z-index: 30;} */
/* .content-wrap {font-size: 1em; width: 30px; display: inline-block; position: absolute; right: 0px; top: 41px; text-align: right; z-index: 45; display: none;} */ 
.content-wrap {font-size: 1em; display: inline-block; position: absolute; right: 0px; top: 41px; text-align: right; z-index: 45; display: none;}
/* 업종선택 */
/* 
.sectors-wrap {height: 100%;}
.sectors-wrap ul.tabs {margin: 0px; padding: 10px 5px 0; list-style: none; background: #DAEEFA; height: 44px; box-sizing: border-box;font-size: 0; border-bottom: 1px solid #064194;}
.sectors-wrap ul.tabs li {background: #9BB4C9;color: #fff;  display: inline-block; padding: 0; cursor: pointer; width: calc(25% - 2px); margin-right: 2px; text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px; height: 32px; line-height: 32px; font-weight: 600; font-size: 14px; box-sizing: border-box;}
.sectors-wrap ul.tabs li:last-child {margin-right: 0;}
.sectors-wrap ul.tabs li.current {background: #fff; color: #2A90F3; border: 1px solid #064194; border-bottom: 0; height: 34px;}
.sectors-wrap .tab-content {display: none; background: #fff; padding: 15px; height: calc(100% - 43px); overflow-y: auto;}
.sectors-wrap .tab-content.current {display: inherit;}
.sectors-wrap .sectors-list {text-align: left; font-size: 0; padding-bottom: 10px;}
.sectors-wrap .sectors-list li {display: inline-block; width: calc(20% - 10px); margin: 2px;}
.sectors-wrap .sectors-list li a {color: #064194; display: block; width: 100%; font-weight: 400; background: #F0FAFF; box-sizing: border-box; border: 1px solid #CAE5FA; border-radius: 36px; height: 36px; line-height: 34px; font-size: 13px; letter-spacing: -1px;}
.sectors-wrap .sectors-list li i {width: 28px; height: 28px; border-radius: 28px; background: #86BEE6; display: inline-block; vertical-align: middle; margin: -2px 5px 0; text-align: center;}
.sectors-wrap .sectors-list li i img {width: 60%; margin: 5px auto 0; display: block;}
.sectors-wrap .sectors-list li a.active {background: #FFE86A; font-weight: 700;}
.sectors-wrap .sectors-list li a.active i {background: #064194;}
.btn-wrap {text-align: center; border-top: 1px solid #ddd; padding: 1rem 0;}
 */
 
.sectors-wrap {height: 100%;}
.sectors-wrap ul.tabs {margin: 0px; padding: 10px 5px 0; list-style: none; background: #DAEEFA; height: 44px; box-sizing: border-box;font-size: 0; border-bottom: 1px solid #064194;}
.sectors-wrap ul.tabs li {background: #9BB4C9;color: #fff;  display: inline-block; padding: 0; cursor: pointer; width: calc(25% - 2px); margin-right: 2px; text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px; height: 32px; line-height: 32px; font-weight: 600; font-size: 14px; box-sizing: border-box;}
.sectors-wrap ul.tabs li:last-child {margin-right: 0;}
.sectors-wrap ul.tabs li.current {background: #fff; color: #2A90F3; border: 1px solid #064194; border-bottom: 0; height: 34px;}
.sectors-wrap .tab-content {display: none; background: #fff; padding: 15px; height: calc(100% - 43px); overflow-y: auto;}
.sectors-wrap .tab-content.current {display: inherit;}
.sectors-wrap .sectors-list {text-align: left; font-size: 0; padding-bottom: 10px;}
/* .sectors-wrap .sectors-list li {display: inline-block; width: calc(20% - 10px); margin: 2px;} */
/* 원본 line 626 ~ 636 주석 해제    */  
.sectors-wrap .sectors-list li {margin: 2px; width:100%} 
.sectors-wrap .sectors-list li a {color: #064194; display: block; width: 100%; font-weight: 400; background: #F0FAFF; box-sizing: border-box; border: 1px solid #CAE5FA; border-radius: 36px; height: 36px; line-height: 34px; font-size: 13px; letter-spacing: -1px;}
.sectors-wrap .sectors-list li i {width: 28px; height: 28px; border-radius: 28px; background: #86BEE6; display: inline-block; vertical-align: middle; margin: -2px 5px 0; text-align: center;}
.sectors-wrap .sectors-list li i img {width: 60%; margin: 5px auto 0; display: block;}
.sectors-wrap .sectors-list li a.active {background: #FFE86A; font-weight: 700;}
.sectors-wrap .sectors-list li a.active i {background: #064194;} 
.btn-wrap {text-align: center; border-top: 1px solid #ddd; padding: 1rem 0;}
/* 인구분석 팝업 리스트 */
.list-analyze *{margin-bottom: 3px; font-size: 12px;}
.list-analyze dt {width: 100px; display: inline-block;}
.list-analyze dd {width: calc(100% - 110px); display: inline-block; margin-left: 5px;}
.list-analyze dd select {width: 100%; color: #333; padding-left:10px;}
.list-analyze dt select {width: 100%; color: #333;}

/* 분석탭 아래 컨텐츠 */
.analyze-wrap {height: 100%;}
.analyze-wrap > .analyze-select {width: 100%; background: url(../../images/mobile/ico-arrow-select2.svg) calc(100% - 10px) 50% #fff no-repeat; background-size: 10px auto; margin: 10px 0; border: 1px solid #4071A1;border-radius: 40px; height: 40px; line-height: 40px; padding: 0 15px; color: #4071A1; box-sizing: border-box;}
.analyze-wrap > .tab-analyze {width: auto; margin: 0; height: 30px; border-bottom: 2px solid #e5e5e5;}
.analyze-wrap > .tab-analyze li {float: left; width: 50%; height: 30px; padding: 0; box-sizing: border-box; font-size: 13px;}
.analyze-wrap > .tab-analyze li:last-child {margin-right: 0;}
.analyze-wrap > .tab-analyze li a {display: block; height: 30px; line-height: 28px; padding: 0; font-size: .965em; box-sizing: border-box; text-align: center; background: #fff; color: #777; font-weight: 600; letter-spacing: -.05em;}
.analyze-wrap > .tab-analyze li a.active {background-color: #2d8bff; color: #fff; font-weight: 800;}

.analyze-wrap > .con {height: calc(100% - 100px); overflow-y: auto; padding: 1em; box-sizing: border-box; width: 100%;}

.tbl-analyze {font-size: .9em; width: 100%; border-collapse: collapse; margin-bottom: 30px; position: relative;}
.tbl-analyze thead th {background: #9BB4C9; color: #ffffff; padding: 10px; text-align: center;}
.tbl-analyze tbody td {background: #fff; color: #064194; padding: 7px 10px; text-align: center; font-size: .9em; vertical-align: middle; line-height: 1.4; border-right: 1px solid #dceefc; border-bottom: 1px solid #dceefc; box-sizing: border-box;}
.tbl-analyze tbody tr:nth-child(even) td {background: #ECF6FC;}
.tbl-analyze tbody tr td:last-child {border-right: 0;}
.tbl-analyze .link {display: inline-block; color: #064194; font-weight: 600;}
.tbl-analyze .link img {width: 10px; vertical-align: middle; margin: -2px 0 0 2px;}


.tbl-analyze1 {font-size: .9em; width: 100%; border-collapse: collapse; margin-bottom: 30px; position: relative;}
.tbl-analyze1 thead th {background: #9BB4C9; color: #ffffff; padding: 10px; text-align: center;}
.tbl-analyze1 tbody td {background: #fff; color: #064194; padding: 7px 10px; text-align: center; font-size: .9em; vertical-align: middle; line-height: 1.4; border-right: 1px solid #dceefc; border-bottom: 1px solid #dceefc; box-sizing: border-box;}
.tbl-analyze1 tbody tr:nth-child(even) td {background: #ECF6FC;}
.tbl-analyze1 tbody tr td:last-child {border-right: 0;}
.tbl-analyze1 .link {display: inline-block; color: #064194; font-weight: 600;}
.tbl-analyze1 .link img {width: 10px; vertical-align: middle; margin: -2px 0 0 2px;}
.analyze-wrap h3 {position: relative; padding-top: 15px; font-weight: 600; font-size: 13px;}

.btn-help-wrap { display: flex; align-items: center; }
.btn-help { background-color: transparent; border: none; background-image: url('/images/mobile/ico-info.svg'); background-repeat: no-repeat; width: 15px; height: 15px; margin-left: 5px; }
/* .btn-help {border: 0; background: transparent; height: 15px; width: 15px;} */
.helpbox {border: 1px solid #c5d0e6; background: #f7f9fc; position: absolute; width: 200px; overflow: auto; line-height: 1.4; font-weight: 300; border-radius: 4px; padding: 8px; color: #597dc0; font-size: 12px;}
.helpbox .tit {margin-bottom: 3px; color: #2257a1; display: block; font-weight: 600;}
.helpbox li {font-size: 11px; padding-left: 5px;}

.analyze-wrap .helpbox li {font-size: 11px; padding-left: 5px;}
.analyze-wrap .analyze-write dt {font-size: 12px; color: #262626; margin: 10px 0 5px}
.analyze-wrap .analyze-write dd input {border: 1px solid #ddd; background: #f9f9f9;}
.analyze-wrap #biz-stor-brno { border: 1px solid #ddd; background: #f9f9f9; margin-right: 10px; }
.analyze-wrap .btn-stor-brno { width: 70px; height: 30px; }

.analyze-wrap h1, .analyze-wrap h2 { font-size: 15px; color: #064194; }
.analyze-wrap h2 { margin-top: 30px; }
.analyze-wrap > .consult-type { width: auto; margin: 10px 0; height: 30px; border-bottom: 2px solid #e5e5e5; }
.analyze-wrap > .consult-type li { float: left; width: 50%; height: 30px; padding: 0; box-sizing: border-box; font-size: 13px; }
.analyze-wrap > .consult-type li:last-child { margin-right: 0; }
.analyze-wrap > .consult-type li a { display: block; height: 30px; line-height: 28px; padding: 0; font-size: .965em; box-sizing: border-box; text-align: center; background: #fff; color: #777; font-weight: 600; letter-spacing: -.05em; }
.analyze-wrap > .consult-type li a.active { background-color: #2d8bff; color: #fff; font-weight: 800; }

.analyze-result-con {background: #f4f4f4; border: 1px solid #ddd; padding: 1em; font-size: 12px; color: #333; margin-top: 1em; line-height: 1.4;}
.analyze-result-con table { width: 100%; border: none; text-align: left; }
.analyze-result-con table th { width: 70px; }
.analyze-result-con table td { height: 25px; }
.analyze-result-con table .consult-result-area-earn td { color: #447aa7; }
.analyze-result-con table .consult-result-open td { color: #447aa7; }
.analyze-result-con table .consult-result-cls td { color: #e86b00; }

.stor-brno-wrap, .startup-rslt-btn-wrap, .biz-rslt-btn-wrap { display: flex; }
.recmd-place-btn { width: 100%; margin: 10px 0; }
.recmd-place-btn, .consult-rslt-btn, .consult-init-btn { height: 30px; }
.consult-rslt-btn, .consult-init-btn { width: 50%; margin: 10px 5px; }

#biz-step table.brno-table { width: 100%; border: solid 1px #d6d6d6; margin-top: 10px; }
#biz-step table.brno-table tr { text-align: center; height: 25px; border-bottom: solid 1px #d6d6d6; }
#biz-step table.brno-table th { background-color: #f8f8f8; vertical-align: middle; border: solid 1px #d6d6d6; }
#biz-step table.brno-table td { background-color: white; text-align: left; vertical-align: middle; padding: 10px; line-height: 1.2; }

/* 메세지팝업 */
.ui-dialog {padding: 0 !important; border: 1px solid #999 !important; overflow: hidden; box-shadow: 0px 0px 10px rgb(0,0,0, .1); z-index: 48 !important; }
.ui-widget-overlay {background: #000 !important; opacity: .5 !important;}
.ui-dialog .ui-widget-header {border: none !important; background: #1a55b4 !important; color: #fff !important; font-weight: 500 !important;}
/* .ui-dialog .ui-dialog-titlebar {border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; display: none;} dialog 타이틀 숨기기*/
.ui-dialog .ui-dialog-titlebar-close { display: none; } /* dialog 닫기 버튼 숨기기 */
.ui-dialog .ui-dialog-titlebar-close {background: transparent !important; border: none !important;}
.ui-dialog .ui-dialog-titlebar-close .ui-icon {background: url(../../images/mobile/icon_close.png) no-repeat 50% 50% transparent !important; border: none !important; background-size: 80% 80% !important;}
.ui-dialog .ui-dialog-buttonpane {text-align: center !important; border: none; background: #f5f7fa; padding: .5em !important; border-top: 1px solid #e0e3e7; margin-top: 0 !important;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float: none !important;}
.ui-dialog .ui-dialog-buttonpane button {border: 0; text-align: center; letter-spacing: -0.02em; display: inline-block; border-radius: 3px; vertical-align: middle; height: 24px; line-height: 24px; padding: 0 12px; color: #fff; background: #666; font-size: 13px; box-shadow: inset 0px -12px 0 0 rgba(0,0,0,0.1); margin: 0 .2em !important;}
.ui-dialog .ui-dialog-content {padding: 1em !important; line-height: 1.5; min-height: auto !important;}
.ui-dialog .ui-dialog-content  > p {font-size: 12px; color: #333; }

/* Media Query */
/* @media screen and (max-width: 1200px) {
  .sectors-wrap .sectors-list li {width: calc(25% - 8px);}
}
@media screen and (max-width: 860px) {
  .sectors-wrap .sectors-list li {width: calc(33.3% - 6px);}
}
@media screen and (max-width: 480px) {
  .sectors-wrap .sectors-list li {width: calc(50% - 4px);}
  .sectors-wrap .sectors-list li i {height: 25px; width: 25px;}
} */
@media screen and (max-width: 370px) {
  .store-content .store-info .store-trdar {display: block; margin: 8px 0 0;}
}
/* @media( orientation: landscape ){
  html {
	transform: rotate(-90deg);
	transform-origin: top left;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100vh;
	height: 100vw;
  }
} */

/* 로드 뷰 */
.roadview-dim { width: 100%; height: 100%; position: fixed; top: 0; right: 0; background: rgba(0,0,0, .5); z-index: 200; display: none; transition: right .2s ease; }
.roadview-close { position: fixed; display: flex; align-items: flex-start; justify-content: flex-end; font-size: 32px; color: red; font-weight: bold; z-index: 220; width: 100%; padding-right: 10px; display: none; align-items: center; height: 65px; }
.btn-roadview-close { height: 27px; line-height: 27px; border-radius: 5px; padding: 0 10px; background: transparent; background-color: #022e6c; border: 1px solid #fff; color: #fff; font-size: 0.5em; font-weight: 400; position: absolute; }
.roadview-container { width: 100%; height: calc( 100vh - 90px ); position: fixed; z-index: 210; display: none; }

/* measure */
.ol-tooltip { position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 4px; color: white; padding: 4px 8px; opacity: 0.7; white-space: nowrap; font-size: 12px; cursor: default; user-select: none; }
.ol-tooltip-static { background-color: #ffcc33; color: black; border: 1px solid white; }
.ol-tooltip-measure { opacity: 1; font-weight: bold; }
.ol-tooltip-measure:before, .ol-tooltip-static:before { border-top: 6px solid rgba(0, 0, 0, 0.5); border-right: 6px solid transparent; border-left: 6px solid transparent; content: ""; position: absolute; bottom: -6px; margin-left: -7px; left: 50%; }
.ol-tooltip-static:before { border-top-color: #ffcc33; }
.trad-dist-tooltip { position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 4px; color: white; padding: 4px 8px; opacity: 0.7; white-space: nowrap; font-size: 12px; cursor: default; user-select: none; }
.trad-dist-tooltip-measure { opacity: 1; font-weight: bold; }

/* 장소 검색 */
.search-place-container {display: none; position: fixed; z-index: 41; width: 100%; background-color: white; height: calc( 100vh - 140px );}
.search-place-wrap {display: flex; border: 1px solid #ddd; border-radius: 5px; margin: 5px; background-color: #f2f5f9;}
.btn-close-search-place {width: 40px; height: 40px; text-align: center; font-size: 1.5em; display: inline-block; background-color: #f2f5f9; border: 0;}
.search-place-input {width: 100% !important; height: 40px !important; border: 0 !important; font-size: 1.2em !important; outline: none;}
.btn-search-place {display: inline-block; background: transparent; width: 50px; border: 0; background-color: #f2f5f9; margin-left: 1px;}
.search-place-list-container {width: 100%; height: calc( 100% - 50px ); overflow: auto;}
.search-result-wrap {display: flex; flex-direction: column; justify-content: center; width: 100%; height: 55px; margin-top: 5px; padding-left: 10px; border-bottom: 1px solid #80808040;}
.place-title {margin-bottom: 5px;}
.place-address {margin-left: 10px;}

/* 로딩 */
.loading { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 990; background: url('/images/loading.gif') no-repeat 50% 50% white; opacity: .5; display: none; }

.lfbt-btn-wrap { text-align: center; border-top: 1px solid #ddd; padding: 1rem 0; background-color: white; }
.lfbt-tab { height: calc(100% - 115px) !important; }

/* 추천입지 dialog */
#cnslt-place .switch { display: inline-block; width: 50px; height: 25px; position: relative;}
#cnslt-place .switch input { opacity: 0; width: 0; height: 0; }
#cnslt-place .recmd-slider {position: absolute; border-radius: 30px; cursor: pointer; top: 0; left: 0;  right: 0; bottom: 0; background-color: #00C1C6; -webkit-transition: .4s; transition: .4s; }
#cnslt-place .recmd-slider:before {position: absolute; border-radius: 50%; content: ""; height: 21px; width: 21px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; }
#cnslt-place .recmd-slider:after {content:'전체'; position: absolute; right: 7px; top: 3px; color: #fff; font-size: 10px; font-weight: 400; line-height: 20px;}
#cnslt-place .switch input:checked + .recmd-slider {background-color: #064194; }
#cnslt-place .switch input:focus + .recmd-slider {box-shadow: 0 0 1px #064194; }
#cnslt-place .switch input:checked + .recmd-slider:before {-webkit-transform: translateX(25px); -ms-transform: translateX(25px); transform: translateX(25px);}
#cnslt-place .switch input:checked + .recmd-slider:after {content:'있음'; position: absolute; left: 7px; top: 3px; color: #fff; font-size: 10px; font-weight: 400; line-height: 20px;}

/* 점포이력 */
.store-content {position: fixed; bottom: 60px; left: 2.5%; width: 95%; height: 170px; background: #f4fbff; border: 1px solid #384456; z-index: 38; font-size: 1em; box-sizing: border-box; display: none;}
.store-content h3 {background: #384456; color: #fff; text-align: left; padding: 0 1em; box-sizing: border-box; font-size: 1em; font-weight: 600; height: 35px; line-height: 35px; vertical-align: middle;}
.store-content .btn-close {position: absolute; right: 0; top: 0; width: 35px; height: 35px; background: url(../../images/mobile/ico-nav-trigger-close.svg) 50% 50% no-repeat; background-size: 60%; border: 0;}
.store-switch {display: inline-block; vertical-align: top; margin: 0 0 0 5px;}
.store-switch .switch { display: inline-block; width: 50px; height: 25px; position: relative; margin: -4px 0 0;}
.store-switch .switch input { opacity: 0; width: 0; height: 0; }
.store-switch .slider {position: absolute; border-radius: 30px; cursor: pointer; top: 0; left: 0;  right: 0; bottom: 0; background-color: #8da5c3; -webkit-transition: .4s; transition: .4s; }
.store-switch .slider:before {position: absolute; border-radius: 50%; content: ""; height: 21px; width: 21px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; }
.store-switch .slider:after {content:'폐점'; position: absolute; right: 7px; top: 3px; color: #fff; font-size: 10px; font-weight: 400; line-height: 20px;}
.store-switch .switch input:checked + .slider {background-color: #2d8bff; }
.store-switch .switch input:focus + .slider {box-shadow: 0 0 1px #2d8bff; }
.store-switch .switch input:checked + .slider:before {-webkit-transform: translateX(25px); -ms-transform: translateX(25px); transform: translateX(25px);}
.store-switch .switch input:checked + .slider:after {content:'운영'; position: absolute; left: 7px; top: 3px; color: #fff; font-size: 10px; font-weight: 400; line-height: 20px;}
.store-content .store-list { height: 135px; overflow: auto; }
.store-content .store-info {margin: 1em 1em 0; position: relative; font-size: 1em;}
.store-content .store-info h4 {color: #28456d; font-weight: 600; display: inline-block; vertical-align: middle;}
.store-content .store-info .store-trdar {display: inline-block; margin: -2px 0 0 5px; vertical-align: middle;}
.store-content .store-info .store-trdar > li {display: inline-block; margin-right: 1px; color: #6190cf; font-weight: 400; background: #fff; border: 1px solid #6190cf; border-radius: 30px; padding: .5em 1em; font-size: .7em;}
.store-content .store-info .store-info-dtl {margin: .625em 0; color: #3b567b; font-weight: 400; font-size: .9em;}
.store-content .store-info .store-info-dtl dt, .store-content .store-info .store-info-dtl dd {margin-bottom: 5px; height: auto; line-height: 15px;}
/* .store-content .store-info .store-info-dtl dt {display: inline-block; padding-right: 7px; position: relative;} */
/* .store-content .store-info .store-info-dtl dt::after {content:''; background: #6684ae; width: 1px; height: 70%; right: -2px; top: 10%; position: absolute;} */
.store-content .store-info .store-info-dtl dd {display: inline-block; padding-left: 5px;}

/* 경기상권분석 */
/* .compare-wrap {position: fixed; bottom: 50px; left: 0; width: 100%; height: 0; background: #fff; z-index: 44; font-size: 1em; transition: height .3s ease; border-top-left-radius: 20px; border-top-right-radius: 20px; box-shadow: 5px 5px 10px rgba(0,0,0, .2); } */
.compare-wrap {position: fixed; bottom: 0px; left: 0; width: 100%; height: 0; background: #fff; z-index: 44; font-size: 1em; transition: height .3s ease; border-top-left-radius: 20px; border-top-right-radius: 20px; box-shadow: 5px 5px 10px rgba(0,0,0, .2); } 
 
.compare-wrap h3 {line-height: 40px; height: 40px; padding-left: 15px; color: #384456; font-size: 1em;}
.compare-wrap.show {height: 40px;} 
/* .compare-wrap.show {height: 400px;} */ 
/* .compare-wrap.show.open {height: calc(100% - 140px); border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: 0 rgba(0,0,0,0);} */  
/* .compare-wrap.show.open {height: calc(100% - 130px); border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: 0 rgba(0,0,0,0);} */
.compare-wrap.show.open {height: calc(100% - 300px); border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: 0 rgba(0,0,0,0);}

.compare-wrap .btn-compare {position: absolute; top: 5px; right: 10px; width: 30px; height: 30px; background: transparent; border: 0;}
.compare-wrap .btn-compare::after {content: ''; width: 8px; height: 8px; border-top: 3px solid #4c5666; border-right: 3px solid #4c5666; display: inline-block; transform: rotate(-45deg); position: absolute; top: calc(50% - 4px); left: calc(50% - 4px);}
.compare-wrap.show.open .btn-compare {transform: rotate(180deg);}
.compare-wrap .tab-compare {width: auto; margin: 0 15px; height: 30px; border-bottom: 2px solid #e5e5e5;}
.compare-wrap .tab-compare li {float: left; width: 50%; height: 30px; padding: 0; box-sizing: border-box; font-size: 13px;}
.compare-wrap .tab-compare li:last-child {margin-right: 0;}
.compare-wrap .tab-compare li a {display: block; height: 30px; line-height: 28px; padding: 0; font-size: .965em; box-sizing: border-box; text-align: center; background: #fff; color: #777; font-weight: 600; letter-spacing: -.05em;}
.compare-wrap .tab-compare li a.active {background-color: #2d8bff; color: #fff; font-weight: 800;}
.compare-wrap .con {margin: 0; height: calc(100% - 100px); overflow-y: auto; padding: 1em; box-sizing: border-box;}
.compare-wrap .con .compare-search dt {display: inline-block; width: 80px; margin-right: 10px; color: #384456; font-weight: 400; vertical-align: top; line-height: 1.4;}
.compare-wrap .con .compare-search dt small {font-size: .865em; color: #999; display: block; margin-top: 5px;}
.compare-wrap .con .compare-search dd {display: inline-block; width: calc(100% - 95px); color: #384456; font-weight: 300;}
.compare-wrap .con .compare-search dd li { margin-bottom: 5px; }
.compare-wrap .con .compare-search dt, .compare-wrap .con .compare-search dd {margin-bottom: 10px;}
.compare-wrap .con .compare-search .btn-wrap {border-top: 0; border-bottom: 1px solid #d0d5da;}
.compare-wrap .con .compare-result {margin: 1.5em 0 0; font-size: .9em;}
.compare-wrap .con .compare-result-con {border:1px solid #CAE5FA; background: #f4fbff;border-radius: 3px; margin-bottom: 10px; padding: 1.25em; box-sizing: border-box;}
.compare-wrap .con .compare-result-con span {display: inline-block; background: #e6f3fa; color: #2d6bc2; font-size: .9em; font-weight: 400; margin-top: 4px; padding: .25em .5em; border-radius: 1em;}

.compare-wrap .con .compare-result-con h4 {color: #28456d; font-weight: 600;  display: inline-block; vertical-align: middle;}
.compare-wrap .con .compare-result-con ul {margin-top: 10px;}
.compare-wrap .con .compare-result-con ul li {color: #3b567b; font-weight: 400; font-size: .9em; line-height: 1.4; display: inline-block; width: calc(48% - 15px); margin-bottom: 2px; position: relative; padding-left: 10px; vertical-align: top;}
.compare-wrap .con .compare-result-con ul li::before {content:'-'; display: inline-block; color: #6684ae; position: absolute; left: 0; top: 0; width: 10px; height: 10px;}
.compare-result-con .btn-wrap {display: inline-block; border-top: 0; padding: 0; margin: 0 0 0 5px; vertical-align: middle;}
.compare-result-con .btn-wrap button {display: inline-block; color: #fff; font-weight: 400; background: #6190cf;  border-radius: 3px; padding: 0.5em 1em; font-size: .7em; border: 0;}

.list-report {font-size: .9em;}
.list-report dt {display: inline-block; min-width: 70px; margin-right: 10px; color: #fff; background: #6190cf; font-weight: 600; vertical-align: top; line-height: 1.8; position: relative; border-radius: 30px;}
.list-report dd {display: inline-block; width: calc(100% - 95px); color: #28456d; font-weight: 600; text-align: left; line-height: 1.8; }
.list-report dt, .list-report dd {margin-bottom: 10px;}
/* .pop-report-con {border:1px solid #CAE5FA; border-top: 0; background: #f4fbff;border-radius: 3px; margin-bottom: 10px; padding: 1.25em; font-size: .865em; box-sizing: border-box; color: #28456d; text-align: left; line-height: 1.4; word-break: keep-all;} */
/* .pop-report-con {border:1px solid #CAE5FA; border-top: 0; background: #f4fbff;border-radius: 3px; margin-bottom: 10px; padding: 1.25em; font-size: .999em; box-sizing: border-box; color: #28456d; text-align: left; line-height: 1.4; word-break: keep-all;} */
.pop-report-con {border:1px solid #CAE5FA; border-top: 0; background: #f4fbff;border-radius: 3px; margin-bottom: 10px; padding: 1.25em; font-size: 1.155em; box-sizing: border-box; color: #28456d; text-align: left; line-height: 1.4; word-break: keep-all;} 
.pop-report-con p { margin-bottom: 10px; }
.pop-report-title-bar {color: #fff; background: #7c9bc5; padding: .5em 1em; margin-top: 15px}
.pop-report-tt {text-align: left; font-size: 1em;}
.pop-report-insurance {display: flex; justify-content: space-between;}

#pop-report .map-img {background-position: 50% 50%;  background-repeat: no-repeat; background-size: 100% auto; width: 100%; height: 150px; border: 1px solid #ccc; margin-bottom: 15px;}
#pop-analyze-setting .pop-inner {height: auto !important}

.compare-content {float: left; width: calc(50% - 10px); vertical-align: top; margin: 0 5px; text-align: center;}
.compare-content h4 {font-size: 1em; color: #384456; font-weight: 600; position: relative; text-align: left; height: 30px; line-height: 30px;}
.compare-content h4 button {width: 18px; height: 18px; border-radius: 18px; overflow: hidden; position: absolute; right: 0; top: 4px; border: 0; background: url(../../images/mobile/ico-nav-trigger-close.svg) no-repeat #8490a1; background-size: 70%; background-position: 50% 50%;}
.compare-content .map-img {background-position: 50% 50%;  background-repeat: no-repeat; background-size: 100% auto; width: 100%; height: 180px; border: 1px solid #ccc; margin-bottom: 15px; background-color: #f9f9f9; text-align: center; position: relative;}
.compare-content .map-img.no-image::before {content:'상권상세조회에서 상권을 선택하세요.'; position: absolute; top: 45px; left: 10%; width: 80%; height: 30px; color: #999; line-height: 1.2; word-break: keep-all;}
.tbl-compare {font-size: .8em; width: 100%; border-collapse: collapse; border: 1px solid #d0e4f3;}
.tbl-compare tbody th {background: #ECF6FC; color: #064194; padding: 5px; text-align: left; font-weight: 400; border-bottom: 1px solid #cae0ef; border-right: 1px solid #cae0ef;}
.tbl-compare tbody td {background: #fff; color: #064194; padding: 5px; text-align: right; vertical-align: middle; line-height: 1; border-bottom: 1px solid #dceefc; box-sizing: border-box;}

/* 리포트 이력 */
.report-history {position: fixed; bottom: 50px; left: 0; width: 100%; height: 0; background: #fff; z-index: 45; font-size: 1em; transition: height .3s ease; padding: 0 15px; box-sizing: border-box; overflow-y: auto;}
.report-history.show {height: calc(100% - 140px);}
.report-history h3 {line-height: 40px; height: 40px; padding-left: 15px; color: #384456; font-size: 1em;}
.report-history-total {color: #4071A1; font-size: .865em; font-weight: 300; height: 40px; line-height: 30px; margin-top: 15px;}
.report-history-total span {color: #FF0000; font-weight: 600;}
.report-history-select {background: url(../../images/mobile/ico-arrow-select2.svg) calc(100% - 10px) 50%  no-repeat #ECF6FC; background-size: 10px auto; border-radius: 30px; color: #4071A1; position: absolute; right: 15px; top: 15px; min-width: 120px; height: 30px; line-height: 30px; padding: 0 10px; border: 0;}
.report-history-list {margin: 5px 0;}
.report-history-list li {display: inline-block; padding: 2px 10px 1px; background: #badbf2; border-radius: 30px; margin-right: 12px; position: relative;}
.report-history-list li::after {content: ''; width: 5px; height: 5px; border-top: 1px solid #aac0d5; border-right: 1px solid #aac0d5; display: inline-block; transform: rotate(45deg); position: absolute; top: 6px; right: -8px;}
.report-history-list li:last-child {margin-right: 0;}
.report-history-list li:last-child:after {display: none;}
.report-history table tbody td {padding: 5px !important; word-break: keep-all;}
.btn-report {border: 1px solid #4071A1; border-radius: 3px; padding: 5px 8px; background: #fff;}

/* page */
.paging {margin: 30px auto; text-align: center; width: 100%; font-size: 0;}
.paging li {display: inline-block; width: 25px; height: 25px; line-height: 25px; border-radius: 30px; margin: 0 3px;}
.paging li a {width: 100%; height: 100%; display: block;  color:#666; font-size: 11px; font-weight: normal; text-align: center; cursor: pointer; background: #ececec;transition: .2s ease; border-radius: 30px;}
.paging li a:hover {color: #fff; background: #2d8bff;}
.paging .active, .paging .active:hover { background:#2d8bff; font-weight:800; color:#fff;}
.paging img { vertical-align: middle; margin-top: -4px}
.paging li.img a {background: #fff;}

div .box1 {background:rgba(51, 255, 51, 0.6); height:20px; width:20%; float:left;}
div .box2 {background:rgba(153, 255, 51, 0.6);height:20px; width:20%; float:left;}
div .box3 {background:rgba(255, 255, 51,0.6);height:20px; width:20%; float:left;}
div .box4 {background:rgba(255, 153, 51, 0.6);height:20px; width:20%; float:left;}
div .box5 {background:rgba(255,41, 41, 0.6);height:20px; width:20%; float:left;}

/* 이용안내 */
.help-wrap { position: absolute; display: none; width: 90%; height: 80%; z-index: 60; left: 5%; top: 10%; flex-direction: column; box-sizing: border-box; }
.help-wrap.show { display: block; }
.help-head, .help-content { width: 100%; }
.help-head { height: 40px; background-color: #064194; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.help-head .help-title { width: calc(100% - 40px); display: inline-block; height: 40px; line-height: 40px; font-size: 1.3em; color: white; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.help-head .help-close { position: absolute; background: url(../../images/mobile/ico-nav-trigger-close.svg) no-repeat center; width: 40px; height: 40px; display: inline-block; }
.help-content { height: calc(100% - 40px); overflow: auto; background-color: white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

.accor-h { width: calc(100% - 20px); height: 40px; background-color: #e4f3ff; line-height: 40px; border-bottom: 1px solid #82c7ff; padding: 0 10px; display: flex; justify-content: space-between; }
.help-img-wrap { display: none; }
.help-img-wrap.on { display: block; transition: .3s; }
.accor-pointer::after { content: ''; transform: rotate(135deg); }

/* 서비스 데이터 출처 */
.data-origin-wrap { position: absolute; display: none; width: 90%; height: 80%; z-index: 60; left: 5%; top: 10%; flex-direction: column; box-sizing: border-box; }
.data-origin-wrap.show { display: block; }
.data-origin-head, .data-origin-content { width: 100%; }
.data-origin-head { height: 40px; background-color: #064194; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.data-origin-head .data-origin-title { width: calc(100% - 40px); display: inline-block; height: 40px; line-height: 40px; font-size: 1.3em; color: white; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.data-origin-head .data-origin-close { position: absolute; background: url(../../images/mobile/ico-nav-trigger-close.svg) no-repeat center; width: 40px; height: 40px; display: inline-block; }
.data-origin-content { height: calc(100% - 40px); overflow: auto; background-color: white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.data-origin-tbl { border-collapse: collapse; width: 100%; background-color: white; margin: 30px 0; }
.data-origin-tbl th { height: 40px; border-top: 1px solid black; border-bottom: 1px solid black; vertical-align: middle; background-color: #dee5ed; }
.data-origin-tbl td { height: 30px; border-bottom: 1px solid black; vertical-align: middle; }
.data-origin-tbl th, .data-origin-tbl td { text-align: center; border-right: 1px solid black; }
.data-origin-tbl td:first-child { border-left: none; }
.data-origin-tbl th:last-child { border-right: none; }
.data-origin-tbl td:last-child { text-align: left; padding-left: 10px; border-right: none; }

/* 법적고지 */
.data-originLaw-wrap { position: absolute; display: none; width: 90%; height: 80%; z-index: 60; left: 5%; top: 10%; flex-direction: column; box-sizing: border-box; }
.data-originLaw-wrap.show { display: block; }
.data-originLaw-head, .data-originLaw-content { width: 100%; }
.data-originLaw-head { height: 40px; background-color: #064194; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.data-originLaw-head .data-originLaw-title { width: calc(100% - 40px); display: inline-block; height: 40px; line-height: 40px; font-size: 1.3em; color: white; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.data-originLaw-head .data-originLaw-close { position: absolute; background: url(../../images/mobile/ico-nav-trigger-close.svg) no-repeat center; width: 40px; height: 40px; display: inline-block; }
.data-originLaw-content { height: calc(100% - 40px); overflow: auto; background-color: white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.data-originLaw-tbl { border-collapse: collapse; width: 100%; background-color: white; margin: 30px 0; }
.data-originLaw-tbl th { height: 40px; border-top: 1px solid black; border-bottom: 1px solid black; vertical-align: middle; background-color: #dee5ed; }
.data-originLaw-tbl td { height: 30px; border-bottom: 1px solid black; vertical-align: middle; }
.data-originLaw-tbl th, .data-origin-tbl td { text-align: center; border-right: 1px solid black; }
.data-originLaw-tbl td:first-child { border-left: none; }
.data-originLaw-tbl th:last-child { border-right: none; }
.data-originLaw-tbl td:last-child { text-align: left; padding-left: 10px; border-right: none; }




/* 
[z-index List]

1
  input[type=checkbox]
  .analsub: 분석도구의 서브 리스트
  .pop .btn-close

2
  input[type=checkbox]:checked::before
  header .head-link h1

20
  store-area: 지도에 표시되는 상권 툴팁 (ex: 골목상권)

30
  .placesearch-wrap: 위치 input과 현재위치로 이동 버튼 wrapper
  #tool-left: 메인지도 좌측 분석도구 div
  #tool-right: 메인지도 우측 지도 도구 div
  #tool-bottom: 메인지도 하단 반경 도구 div

38
  .store-content: 점포이력

40
  .analresult-box: 현장중심 상권분석 탭 메뉴 div

41
  .search-place-container: 장소 검색 div container

44
  .compare-wrap: 경기상권분석

45
  .footer-wrap
  .content-wrap: 업종 리스트
  .report-history: 리포트 이력

48
  .ui-dialog jquery dialog

49
  header .nav-trigger: 햄버거 메뉴 버튼

50
  header
  .nav-dim

60
  .help-wrap 이용안내 팝업
  .data-origin-wrap 서비스 데이터 출처 팝업

80
  header .nav-wrap: 주메뉴 wrapper

81
  header .nav-trigger.active: 주메뉴 닫기 버튼

90
  .tool-msg-wrap: 도구 메시지 wrapper

100
  .pop: 사용자정의 반경 팝업

200
  .roadview-dim: 로드뷰 파노라마 뒤에 깔리는 dim

210
  .roadview-container: 로드뷰 파노라마 container

220
  .roadview-close: 로드뷰 파노라마 닫기 버튼

990
  .loading
*/