@charset "utf-8";

@font-face {
  font-family: 'KoPubDotumMedium';
  font-weight: 500;
  src: url(/src/font/KoPubDotum-Medium.woff) format('woff');
}

/*
width: calc(100% - 95px);
height: calc(100vh - 56px);
*/

html {
	position:relative;
	 display:block;
	height: 100%;
}

.gnb { position:absolute; right:15px; top:20px; z-index:99; display:flex; align-items: center; justify-content: flex-end; }
.gnb a { display:block; height:32px; border-radius:4px; box-shadow: 0 2px 3px rgba(0, 0, 0, .2);}
.gnb .sel_address { display:block; height:32px; background:url(/src/img/newSub/ic-addr.png) no-repeat 12px center #fff; box-shadow: 0 2px 3px rgba(0, 0, 0, .2); display:flex; align-items: center; justify-content: flex-end; padding:0 18px 0 35px; background-size:15px; border-radius:4px;}
.gnb .sel_address p { font-weight:400; color:#666; font-size:0.85em; }
.gnb .sel_address p:after { display:inline-block; margin:0 7px; content:'>'; color:#999 }
.gnb .sel_address p:last-of-type { color:#293e81; font-weight:600}
.gnb .sel_address p:last-of-type:after { display:none }
.gnb .ar_search { margin-left:8px }
.gnb .ar_search a { width:32px; text-indent:-5000px; background:url(/src/img/newSub/ic-gnb1.png) no-repeat center center #fff; background-size:15px; }
.gnb .st_location { margin-left:8px }
.gnb .st_location a { width:32px; text-indent:-5000px; background:url(/src/img/newSub/ic-gnb2.png) no-repeat center center #fff; background-size:15px; }
.gnb .st_history { margin-left:8px }
.gnb .st_history a { width:32px; text-indent:-5000px; background:url(/src/img/newSub/ic-gnb3.png) no-repeat center center #fff; background-size:15px; }
.gnb .log_info { margin-left:8px }
.gnb .log_info a { padding:8px 12px; font-size:0.85em; font-weight:500; background:#293e81; color:#fff;}


@media all and (max-width:1000px) {
	.gnb { position:fixed; left:5px; right:5px; top:65px; z-index:11; display:flex; align-items: center; justify-content: space-between; }
	.gnb .sel_address { width:100%; justify-content: flex-start; background:url(/src/img/newSub/ic-addr.png) no-repeat 10px center #fff; background-size:13px; padding:0 15px 0 27px}
	.gnb .sel_address p { font-weight:400; color:#666; font-size:0.8em; letter-spacing:-0.02em;}
	.gnb .sel_address p:after { display:inline-block; margin:0 3px; content:'>'; color:#999 }
	.gnb .sel_address p:last-of-type { color:#293e81; font-weight:600}
	.gnb .sel_address p:last-of-type:after { display:none }
	.gnb .ar_search, .gnb .st_location, .gnb .st_history, .gnb .log_info { margin-left:2px }
	.gnb .log_info a { padding:8px 10px; font-size:0.8em; font-weight:600;}
}


.step1_area { position:fixed; left:30px; top:30px; width:340px; height:auto; z-index:10; }
.step1_box { width:340px; height:auto; padding:35px 20px 50px 20px; background:#293e81; border-radius:25px; box-shadow: 0 10px 40px rgba(0, 0, 0, .2);}
.step1_box .logo { width:245px; height:19px; background:url(/src/img/newSub/title.png) no-repeat; background-size:cover; text-indent:-5000px;}


.step1_box .search_area { margin-top:23px;}
.step1_box .search_box { position:relative; background:#fff; margin:0 auto; width:100%; box-shadow: 0 2px 0px rgba(0, 0, 0, .2); border-radius:4px; overflow:hidden;}
.step1_box .search_box input.inp_sear { border:none; background:#fff; padding:15px 12px; width:100%; outline:none; color:#283e80; font-weight:600; font-size:1.0em; letter-spacing:-0.03em;}
.step1_box .search_box input.inp_sear::placeholder { color:#8d99c0; font-size:0.93em; font-weight:500; letter-spacing:-0.04em; }
.step1_box .search_box button.sear { position:absolute; right:0; top:50%; margin:-25px 0 0 0; border:none; background:url(/src/img/newSub/ic-search.png) no-repeat center center; background-size:16px; text-indent:-5000px; width:49px; height:49px; cursor:pointer}
.step1_box .search_box button.sear:hover { background:url(/src/img/newSub/ic-search.png) no-repeat center center #f0eff8; background-size:16px;}

.use_guide { width:100%; margin:12px 0 0 0; text-align:right}
.use_guide a { display:flex; align-items: center; justify-content: flex-end; color:rgba(255,255,255,.6) !important; font-size:0.85em !important; font-weight:500; transition: all 0.3s ease;}
.use_guide a:hover { color:rgba(255,255,255,1) !important;}
.use_guide a:before { display:block; width:18px; height:17px; background:url(/src/img/newSub/ic-ck.png) no-repeat center center; content:''; margin-right:6px; transition: all 0.3s ease;}
.use_guide a:hover:before { background:url(/src/img/newSub/ic-ck-on.png) no-repeat center center; }

.dot_line { position:relative; height:1px; width:100%; border-top:1px dashed rgba(255,255,255, .2); margin:18px 0 37px 0}
.dep1_title { display:flex; align-items: center; justify-content: flex-start; color:#fff; font-weight:600; letter-spacing:-0.02em; margin-top:30px; font-size:1.09em;}
.dep1_title:before { background:url(/src/img/newSub/bullet.png) no-repeat center center; display:block; width:17px; height:17px; content:''; margin-right:10px; }


.cate input[type="radio"] {visibility:visible; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.cate input[type="radio"] + label { display: inline-block; vertical-align:middle; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size:0.9em; font-weight:400; color:#888;}
.cate input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 1px; width: 21px; height: 21px; text-align: center; background: #fff; border: 1px solid #c4d0d4; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
.cate input[type="radio"] + label:after { content: ''; position: absolute; top: 8px; left: 7px; width: 9px; height: 9px; background: #e8e5ed; border-radius: 100%; }
.cate input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.cate input[type="radio"]:checked + label { color:#32007c; }
.cate input[type="radio"]:checked + label:before { background: #1a4792; border-color: #1a4792; }
.cate input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 8px; left: 7px; width: 9px; height: 9px; background: #0a9edb; border-radius: 100%; }

.anal_cate_list { display:flex; align-items: center; justify-content: flex-start; width:100%; flex-wrap:wrap; margin-top:20px; padding:0 6px }
.anal_cate_list li { width:60px; }
.anal_cate_list li.cate input[type="radio"] + label { }
.anal_cate_list li.cate input[type="radio"] + label:before,
.anal_cate_list li.cate input[type="radio"] + label:after { display:none}
.anal_cate_list li.cate input[type="radio"]:focus + label { border: 1px solid #222}
.anal_cate_list li.cate { margin:0 16px 42px 0}
.anal_cate_list li.cate input[type="radio"] + label span { position:absolute; left:0; bottom:-23px; width:100%; text-align:center; font-weight:500; color:#fff; font-size:0.93em }
.anal_cate_list li.cate:nth-of-type(4),
.anal_cate_list li.cate:nth-of-type(8) { margin-right:0 }
.anal_cate_list li.cate input[type="radio"] + label { width:60px; height:60px; border-radius:20px;display:block; transition: all 0.2s ease;}
.anal_cate_list li.cate:nth-of-type(1) input[type="radio"] + label { background:url(/src/img/newSub/ct-ic1.png) no-repeat center center #e4e4f1 }
.anal_cate_list li.cate:nth-of-type(2) input[type="radio"] + label { background:url(/src/img/newSub/ct-ic2.png) no-repeat center center #e4e4f1 }
.anal_cate_list li.cate:nth-of-type(3) input[type="radio"] + label { background:url(/src/img/newSub/ct-ic3.png) no-repeat center center #e4e4f1 }
.anal_cate_list li.cate:nth-of-type(4) input[type="radio"] + label { background:url(/src/img/newSub/ct-ic4.png) no-repeat center center #e4e4f1 }
.anal_cate_list li.cate:nth-of-type(5) input[type="radio"] + label { background:url(/src/img/newSub/ct-ic5.png) no-repeat center center #e4e4f1 }
.anal_cate_list li.cate:nth-of-type(6) input[type="radio"] + label { background:url(/src/img/newSub/ct-ic6.png) no-repeat center center #e4e4f1 }
.anal_cate_list li.cate:nth-of-type(7) input[type="radio"] + label { background:url(/src/img/newSub/ct-ic7.png) no-repeat center center #e4e4f1 }
.anal_cate_list li.cate:nth-of-type(8) input[type="radio"] + label { background:url(/src/img/newSub/ct-ic8.png) no-repeat center center #e4e4f1 }
.anal_cate_list li.cate input[type="radio"]:checked + label { transition: all 0.4s ease;}
.anal_cate_list li.cate:nth-of-type(1) input[type="radio"]:checked + label, .anal_cate_list li.cate:nth-of-type(1) input[type="radio"]:focus + label { background:url(/src/img/newSub/ct-ic1-ov.png) no-repeat center center #ffcb4e; }
.anal_cate_list li.cate:nth-of-type(2) input[type="radio"]:checked + label, .anal_cate_list li.cate:nth-of-type(1) input[type="radio"]:focus + label  { background:url(/src/img/newSub/ct-ic2-ov.png) no-repeat center center #ffcb4e }
.anal_cate_list li.cate:nth-of-type(3) input[type="radio"]:checked + label, .anal_cate_list li.cate:nth-of-type(1) input[type="radio"]:focus + label  { background:url(/src/img/newSub/ct-ic3-ov.png) no-repeat center center #ffcb4e }
.anal_cate_list li.cate:nth-of-type(4) input[type="radio"]:checked + label, .anal_cate_list li.cate:nth-of-type(1) input[type="radio"]:focus + label  { background:url(/src/img/newSub/ct-ic4-ov.png) no-repeat center center #ffcb4e }
.anal_cate_list li.cate:nth-of-type(5) input[type="radio"]:checked + label, .anal_cate_list li.cate:nth-of-type(1) input[type="radio"]:focus + label  { background:url(/src/img/newSub/ct-ic5-ov.png) no-repeat center center #ffcb4e }
.anal_cate_list li.cate:nth-of-type(6) input[type="radio"]:checked + label, .anal_cate_list li.cate:nth-of-type(1) input[type="radio"]:focus + label  { background:url(/src/img/newSub/ct-ic6-ov.png) no-repeat center center #ffcb4e }
.anal_cate_list li.cate:nth-of-type(7) input[type="radio"]:checked + label, .anal_cate_list li.cate:nth-of-type(1) input[type="radio"]:focus + label  { background:url(/src/img/newSub/ct-ic7-ov.png) no-repeat center center #ffcb4e }
.anal_cate_list li.cate:nth-of-type(8) input[type="radio"]:checked + label, .anal_cate_list li.cate:nth-of-type(1) input[type="radio"]:focus + label  { background:url(/src/img/newSub/ct-ic8-ov.png) no-repeat center center #ffcb4e }
.anal_cate_list li.cate input[type="radio"]:checked + label span, .anal_cate_list li.cate input[type="radio"]:focus + label span { color:#ffcb4e; transition: all 0.3s ease; }

.sel_category { margin-top:23px; }
.sel_category .sel_box { position:relative; background:none; margin:0 auto; width:100%; box-shadow: 0 2px 0px rgba(0, 0, 0, .2); border-radius:12px; overflow:hidden;}
.sel_category .sel_box input.inp_sear { border:none; background:url(/src/img/newSub/ar-sel.svg) no-repeat 15px center #fff; background-size:15px; padding:18px 13px 18px 28px; width:100%; outline:none; color:#283e80; font-weight:600; font-size:1.0em; letter-spacing:-0.03em;}
.sel_category .sel_box input.inp_sear::placeholder { color:#25262b; font-size:1.05em; font-weight:600; letter-spacing:-0.05em; }
.sel_category .sel_box button.sear { position:absolute; right:15px; top:50%; margin:-11px 0 0 0; border:none; background:url(/src/img/newSub/ic-x.png) no-repeat center center #2357dd; width:22px; height:22px; cursor:pointer; border-radius:50%; text-indent:-5000px;}
.sel_category .sel_box button.sear:hover { background:url(/src/img/newSub/ic-x.png) no-repeat center center #272727; }

.btn_area { position:relative; margin:20px 0 0; text-align:center}
.btn_area a.analysis { position:relative; display:inline-block; padding:15px 70px; background:#eee; border-radius:20px; font-size:1.453em; color:#fff !important; font-weight:700 !important; letter-spacing:-0.05em; border:0}
.btn_area a.analysis.active {background: #ffdc4e; color: #272727 !important}
.btn_area div.complete { position:relative; display:inline-block; padding:22px 70px; background:#272727; border-radius:20px; font-size:1.453em; color:#ffdc4e !important; font-weight:600 !important; letter-spacing:-0.03em }

.cate_box{position: relative; top: -40px; display: flex;}
.cate_box .sel_box_ly { background:#293e81; padding:20px;}
.cate_box .sel_box_ly .sel_dep1{height:100%; width: 300px;}
.cate_box .sel_box_ly .sel_dep1:after{ position:absolute; right:-12px; top:50%; margin-top:-10px; width:20px; height:20px; background:url(/src/img/main/ar-select.png) no-repeat center center #ffcb4e; content:''; background-size:10px; transform:rotate(270deg); border-radius:50%; }
.cate_box .sel_box_ly.dep1{border-radius: 0 25px;}
.cate_box .sel_box_ly.dep2{border-radius: 0 25px 25px 0px;}


.cate_box .sel_box_ly .sel_dep1 .s_dep_title { position:relative; font-size:1.1em; font-weight:600; letter-spacing:-0.03em; color:#ffcb4e; display:inline-block; padding-bottom:4px; border-bottom:1px solid #ffcb4e; padding-right:2px; }
.cate_box .sel_box_ly .sel_dep1 .s_dep_title:after { position:absolute; right:-32px; top:50%; margin-top:-10px; width:20px; height:20px; background:url(/src/img/main/ar-select.png) no-repeat center center #ffcb4e; content:''; background-size:10px; border-radius:50%; }

.cate_box .sel_box_ly .sel_del2 {height:100%; }
.cate_box .sel_box_ly .sel_dep2 .s_dep_title { position:relative; font-size:1.1em; font-weight:600; letter-spacing:-0.03em; color:#ffcb4e; display:inline-block; padding-bottom:4px; border-bottom:1px solid #ffcb4e; padding-right:2px; }
.cate_box .sel_box_ly .sel_dep2 .s_dep_title:after { position:absolute; right:-32px; top:50%; margin-top:-10px; width:20px; height:20px; background:url(/src/img/main/ar-select.png) no-repeat center center #ffcb4e; content:''; background-size:10px; border-radius:50%; }
.cate_box .sel_box_ly .ct_dep1_list { position:relative; margin-top:20px; background:#fff; border-radius:4px; padding:20px; height:260px; width:300px; overflow-y:auto }
.cate_box .sel_box_ly .ct_dep1_list li { margin:5px 0 }
.cate_box .sel_box_ly .ct_dep1_list li a { position:relative; display:block; padding:12px 12px 12px 30px; font-size:0.97em; color:#555; font-weight:500; background:#eff3f9; border-radius:3px; }
.cate_box .sel_box_ly .ct_dep1_list li a.on { color:#fff; font-weight:600; background:#35a7ff; }
.cate_box .sel_box_ly .ct_dep1_list li a:hover { color:#fff; font-weight:600; background:#35a7ff; }
.cate_box .sel_box_ly .ct_dep1_list li a span { position:absolute; left:12px; top:12px; }
.cate_box .sel_box_ly .sel_dep2 .ct_dep1_list li a { padding:12px 12px 12px 40px; }
.cate_box .sel_box_ly .sel_dep2 .ct_dep1_list li a:hover { color:#fff; font-weight:600; background:#35a7ff; }


.sel_category_modal{ position:fixed; left:0; top:0; width:100%; height:100vh; z-index:1000; display:none;}
.sel_category_modal .modal_ctn { position:absolute; width:800px; height:600px; background:#fff; border-radius:8px; left:50%; top:50%; margin:-300px 0 0 -400px; opacity:0;  }
.sel_category_modal .modal_ctn .close-modal { position:absolute; right:-60px; top:0px; background:url(/src/img/newSub/close_round_icon.svg) no-repeat center center #293e81; width:50px; height:50px; background-size:20px; text-indent:-5000px; border-radius:8px;}
.sel_category_modal .modal_ctn .modal_cate_sel { padding:35px 35px }
.sel_category_modal .modal_ctn .modal_cate_sel p.title { font-size:1.45em; color:#293e81; font-weight:700; letter-spacing:-0.03em; }
.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly { position:relative; margin-top:25px; display:flex; align-items: top; justify-content: flex-start; width:100%; background:#ececff; border-radius:5px; padding:30px;}
.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly .sel_dep1 { width:50%; height:100%; border-right:1px dashed rgba(0,0,0,.1); padding-right:30px;}
.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly .sel_dep1 .s_dep_title { position:relative; font-size:1.1em; font-weight:600; letter-spacing:-0.03em; color:#3560ff; display:inline-block; padding-bottom:4px; border-bottom:1px solid #3560ff; padding-right:2px; }
.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly .sel_dep1 .s_dep_title:after { position:absolute; right:-32px; top:50%; margin-top:-10px; width:20px; height:20px; background:url(/src/img/newSub/arrow_down_icon.svg) no-repeat center center #3560ff; content:''; background-size:16px; border-radius:50%; }
.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly .sel_dep2 { width:50%; height:100%; padding-left:30px;}
.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly .sel_dep2 .s_dep_title { position:relative; font-size:1.1em; font-weight:600; letter-spacing:-0.03em; color:#35a7ff; display:inline-block; padding-bottom:4px; border-bottom:1px solid #35a7ff; padding-right:2px; }
.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly .sel_dep2 .s_dep_title:after { position:absolute; right:-32px; top:50%; margin-top:-10px; width:20px; height:20px; background:url(/src/img/newSub/arrow_down_icon.svg) no-repeat center center #35a7ff; content:''; background-size:16px; border-radius:50%; }
.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly .ct_dep1_list { position:relative; margin-top:20px; background:#fff; border-radius:4px; padding:20px; height:360px; overflow-y:scroll }
.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly .ct_dep1_list li { margin:5px 0 }
.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly .ct_dep1_list li a { position:relative; display:block; padding:12px 12px 12px 30px; font-size:0.97em; color:#555; font-weight:500; background:#eff3f9; border-radius:3px; }
.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly .ct_dep1_list li a:hover { color:#fff; font-weight:600; background:#3569ff; }
.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly .ct_dep1_list li a span { position:absolute; left:12px; top:12px; }
.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly .sel_dep2 .ct_dep1_list li a { padding:12px 12px 12px 40px; }
.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly .sel_dep2 .ct_dep1_list li a:hover { color:#fff; font-weight:600; background:#358bff; }
.sel_category_modal.active { display:block;}
.sel_category_modal.active .modal_ctn { animation:modal 0.6s ease 0s 1 forwards; }

@keyframes modal {
	0% { opacity:0; margin:-280px 0 0 -400px;}
	100% { opacity:1; margin:-300px 0 0 -400px;}
}

.modal-overlay{ position:fixed; left:0; top:0; width:100%; height:100vh; background:rgba(0,0,0,.5); z-index:999; display:none; }
.modal-overlay.active { display:block; }
.nav-mobile { display:none }
@media all and (max-width:1000px) {
	.step1_area { position:fixed; left:0; top:-300px; width:100%; height:60px; overflow:hidden; z-index:20; transition: all 1.0s ease;}
	.nav-mobile { position:fixed; display:block; right:0; top:0; z-index:31; width:50px; height:60px; background:url(/src/img/newSub/ic-nav-open.png) no-repeat center center; background-size:19px 13px; text-indent:-5000px; }
	.step1_area.active { top:0; height:auto; overflow:visible; transition: all 0.5s ease; }
	.step1_area.active .nav-mobile { background:url(/src/img/newSub/ic-nav-close.png) no-repeat center center; background-size:15px 15px; text-indent:-5000px; }
	.step1_box { width:100%; height:auto; padding:40px 25px 40px 25px; background:#293e81; border-radius:0; box-shadow: 0 10px 40px rgba(0, 0, 0, .2);}
	.step1_box .logo { position:fixed; left:0; top:0; width:100%; height:60px; background:url(/src/img/newSub/title_mo.png) no-repeat 15px 22px #293e81; background-size:222px 17px; text-indent:-5000px; z-index:30}

	.step1_box .search_area { margin-top:20px;}
	.step1_box .search_box input.inp_sear { padding:13px 10px; width:100%;}
	.step1_box .search_box input.inp_sear::placeholder { font-size:0.85em; }
	.step1_box .search_box button.sear { height:50px; margin:-25px 0 0 0; border:none; background:url(/src/img/newSub/ic-search.png) no-repeat center center #f0eff8; background-size:16px; }
	.step1_box .search_box button.sear:hover { background:url(/src/img/newSub/ic-search-over.png) no-repeat center center #122151; background-size:16px;}

	.use_guide { margin:10px 0 0 0;}
	.use_guide a { font-size:0.8em !important; font-weight:600 !important;}
	.dot_line { position:relative; height:1px; width:100%; border-top:1px dashed rgba(255,255,255, .2); margin:10px 0 25px 0}
	.dep1_title { display:flex; align-items: center; justify-content: flex-start; color:#fff; font-weight:600; letter-spacing:-0.02em; margin-top:25px; font-size:1.08em;}
	.dep1_title:before { background:url(/src/img/newSub/bullet_mo.png) no-repeat center center; display:block; width:17px; height:17px; background-size:cover; content:''; margin-right:10px; }

	.anal_cate_list { display:flex; align-items: center; justify-content: space-between; width:100%; flex-wrap:wrap; margin-top:20px; padding:0 6px }
	.anal_cate_list li { width:25%; display:flex; align-items: top; justify-content:center;}
	.anal_cate_list li.cate input[type="radio"] + label { }
	.anal_cate_list li.cate input[type="radio"] + label:before,
	.anal_cate_list li.cate input[type="radio"] + label:after { display:none}
	.anal_cate_list li.cate { margin:0 auto 35px auto}
	.anal_cate_list li.cate input[type="radio"] + label span { position:absolute; left:0; bottom:-22px; width:100%; text-align:center; font-weight:600; color:#fff; font-size:0.9em }
	.anal_cate_list li.cate:nth-of-type(4),
	.anal_cate_list li.cate:nth-of-type(8) { margin-right:0 }
	.anal_cate_list li.cate input[type="radio"] + label { width:60px; height:60px; border-radius:20px;display:block; transition: all 0.2s ease;}
	.anal_cate_list li.cate:nth-of-type(1) input[type="radio"] + label { background:url(/src/img/newSub/ct-ic1-mo.png) no-repeat center center #e4e4f1; background-size:60px;}
	.anal_cate_list li.cate:nth-of-type(2) input[type="radio"] + label { background:url(/src/img/newSub/ct-ic2-mo.png) no-repeat center center #e4e4f1; background-size:60px;}
	.anal_cate_list li.cate:nth-of-type(3) input[type="radio"] + label { background:url(/src/img/newSub/ct-ic3-mo.png) no-repeat center center #e4e4f1; background-size:60px;}
	.anal_cate_list li.cate:nth-of-type(4) input[type="radio"] + label { background:url(/src/img/newSub/ct-ic4-mo.png) no-repeat center center #e4e4f1; background-size:60px;}
	.anal_cate_list li.cate:nth-of-type(5) input[type="radio"] + label { background:url(/src/img/newSub/ct-ic5-mo.png) no-repeat center center #e4e4f1; background-size:60px;}
	.anal_cate_list li.cate:nth-of-type(6) input[type="radio"] + label { background:url(/src/img/newSub/ct-ic6-mo.png) no-repeat center center #e4e4f1; background-size:60px;}
	.anal_cate_list li.cate:nth-of-type(7) input[type="radio"] + label { background:url(/src/img/newSub/ct-ic7-mo.png) no-repeat center center #e4e4f1; background-size:60px;}
	.anal_cate_list li.cate:nth-of-type(8) input[type="radio"] + label { background:url(/src/img/newSub/ct-ic8-mo.png) no-repeat center center #e4e4f1; background-size:60px;}
	.anal_cate_list li.cate input[type="radio"]:checked + label { transition: all 0.4s ease;}
	.anal_cate_list li.cate:nth-of-type(1) input[type="radio"]:checked + label { background:url(/src/img/newSub/ct-ic1-ov-mo.png) no-repeat center center #ffcb4e; background-size:60px; }
	.anal_cate_list li.cate:nth-of-type(2) input[type="radio"]:checked + label { background:url(/src/img/newSub/ct-ic2-ov-mo.png) no-repeat center center #ffcb4e; background-size:60px;}
	.anal_cate_list li.cate:nth-of-type(3) input[type="radio"]:checked + label { background:url(/src/img/newSub/ct-ic3-ov-mo.png) no-repeat center center #ffcb4e; background-size:60px;}
	.anal_cate_list li.cate:nth-of-type(4) input[type="radio"]:checked + label { background:url(/src/img/newSub/ct-ic4-ov-mo.png) no-repeat center center #ffcb4e; background-size:60px;}
	.anal_cate_list li.cate:nth-of-type(5) input[type="radio"]:checked + label { background:url(/src/img/newSub/ct-ic5-ov-mo.png) no-repeat center center #ffcb4e; background-size:60px;}
	.anal_cate_list li.cate:nth-of-type(6) input[type="radio"]:checked + label { background:url(/src/img/newSub/ct-ic6-ov-mo.png) no-repeat center center #ffcb4e; background-size:60px;}
	.anal_cate_list li.cate:nth-of-type(7) input[type="radio"]:checked + label { background:url(/src/img/newSub/ct-ic7-ov-mo.png) no-repeat center center #ffcb4e; background-size:60px;}
	.anal_cate_list li.cate:nth-of-type(8) input[type="radio"]:checked + label { background:url(/src/img/newSub/ct-ic8-ov-mo.png) no-repeat center center #ffcb4e; background-size:60px;}
	.anal_cate_list li.cate input[type="radio"]:checked + label span { color:#ffcb4e; transition: all 0.3s ease; }

	.sel_category { margin-top:15px; }
	.sel_category .sel_box { position:relative; background:none; margin:0 auto; width:100%; box-shadow: 0 2px 0px rgba(0, 0, 0, .2); border-radius:10px; overflow:hidden;}
	.sel_category .sel_box input.inp_sear { border:none; background:url(/src/img/newSub/ar-sel.svg) no-repeat 12px center #fff; background-size:15px; padding:20px 15px 20px 30px; width:100%; height:60px; outline:none; color:#283e80; font-weight:600; font-size:1.0em; letter-spacing:-0.03em;}
	.sel_category .sel_box input.inp_sear::placeholder { color:#25262b; font-size:1.05em; font-weight:600; letter-spacing:-0.05em; }
	.sel_category .sel_box button.sear { position:absolute; right:12px; top:50%; margin:-16px 0 0 0; border:none; background:url(/src/img/newSub/ic-x_mo.png) no-repeat center center #2357dd; width:22px !important; height:32px !important; cursor:pointer; border-radius:11px; background-size:14px; text-indent:-5000px;}
	.sel_category .sel_box button.sear:hover { background:url(/src/img/newSub/ic-x_mo.png) no-repeat center center #272727; background-size:18px; }

	.btn_area { margin:0 0 0;}
	.btn_area a.analysis { padding:22px 80px; width:100%; border-radius:0; font-size:1.35em; }
	.btn_area div.complete { padding:22px 80px; width:100%; border-radius:0; font-size:1.35em; }
	.sel_category_modal{ padding:15px 15px; }
	.sel_category_modal .modal_ctn { position:relative; width:100%; height:100%; background:#fff; border-radius:5px; left:inherit; top:inherit; margin:0; opacity:0;  }
	.sel_category_modal .modal_ctn .close-modal { position:absolute; right:0; top:4px; background:url(/src/img/newSub/close_round_icon_mo.svg) no-repeat center center #fff; width:50px; height:50px; background-size:16px; text-indent:-5000px; border-radius:0;}
	.sel_category_modal .modal_ctn .modal_cate_sel { padding:20px 15px }
	.sel_category_modal .modal_ctn .modal_cate_sel p.title { font-size:1.2em; color:#293e81; font-weight:700; letter-spacing:-0.03em; }
	.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly { position:relative; margin-top:12px; display:block; width:100%; background:#ececff; border-radius:5px; padding:15px 14px}
	.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly .sel_dep1 { width:100%; height:auto; border-right:none; padding-right:0;}
	.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly .sel_dep1 .s_dep_title { position:relative; font-size:0.92em; font-weight:600; letter-spacing:-0.03em; color:#3560ff; display:inline-block; padding-bottom:4px; border-bottom:1px solid #3560ff; padding-right:2px; }
	.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly .sel_dep1 .s_dep_title:after { position:absolute; right:-20px; top:50%; margin-top:-9px; width:16px; height:16px; background:url(/src/img/newSub/arrow_down_icon.svg) no-repeat center center #3560ff; content:''; background-size:14px; border-radius:50%; }
	.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly .sel_dep2 { width:100%; height:auto; padding-left:0; margin-top:15px;}
	.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly .sel_dep2 .s_dep_title { position:relative; font-size:0.92em; font-weight:600; letter-spacing:-0.03em; color:#35a7ff; display:inline-block; padding-bottom:4px; border-bottom:1px solid #35a7ff; padding-right:2px; }
	.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly .sel_dep2 .s_dep_title:after { position:absolute; right:-20px; top:50%; margin-top:-9px; width:16px; height:16px; background:url(/src/img/newSub/arrow_down_icon.svg) no-repeat center center #35a7ff; content:''; background-size:14px; border-radius:50%; }
	.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly .ct_dep1_list { position:relative; margin-top:12px; background:#fff; border-radius:4px; padding:12px 12px; height:180px; overflow-y:scroll }
	.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly .ct_dep1_list li { margin:3px 0 }
	.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly .ct_dep1_list li a { position:relative; display:block; padding:9px 10px 9px 29px; font-size:0.82em; color:#555; font-weight:500; background:#eff3f9; border-radius:3px; }
	.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly .ct_dep1_list li a:hover { color:#fff; font-weight:600; background:#3569ff; }
	.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly .ct_dep1_list li a span { position:absolute; left:10px; top:10px; }
	.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly .sel_dep2 .ct_dep1_list li a { padding:9px 10px 9px 33px; }
	.sel_category_modal .modal_ctn .modal_cate_sel .sel_box_ly .sel_dep2 .ct_dep1_list li a:hover { color:#fff; font-weight:600; background:#358bff; }
	.sel_category_modal.active { display:block;}
	.sel_category_modal.active .modal_ctn { animation:modal 0.0s ease 0s 1 forwards; }
	@keyframes modal {
		0% { opacity:0; margin:0;}
		100% { opacity:1; margin:0;}
	}


}

.step2_area { position:fixed; left:370px; top:30px; width:640px; height:calc(100vh - 30px); padding-bottom:30px; z-index:10; display:none; overflow:hidden}
.step2_box { position:relative; width:600px; height:100%; padding:35px 40px 50px 40px; background:#fff; border-radius:25px; opacity:0; margin-left:-600px}
.step2_box .close-step { position:absolute; right:-40px; top:30px; background:url(/src/img/newSub/close_round_icon.svg) no-repeat center center #293e81; width:40px; height:60px; background-size:18px; text-indent:-5000px; border-radius:0 8px 8px 0;}
.step2_box .analysis_tab_list{
	position: absolute;
	right: -40px;
	top: 100px;
	height: auto;
	writing-mode: vertical-lr;
	text-align: center;
}
.step2_box .analysis_tab_list .analysis_tab{
	display: inline-block;
	background: #9dc3e6;
	border-radius: 0 8px 8px 0;
	color: #FFF;
	width: 40px;
	padding: 8px 8px;
}
.step2_box .analysis_tab_list .analysis_tab.disabled{
	background: #eee;
	cursor: default;
}
.step2_box .analysis_tab_list .analysis_tab:not(:first-child){
	margin-top: 1px;
}

.step2_box .analysis_tab_list .analysis_tab.analysis_mian_tab{
	background: #fff;
	color: #000;
	cursor: default;
	font-weight: 500;
}

.top_guide { color:#908fa6; line-height:1.4; font-size:0.95em; font-weight:500; letter-spacing:-0.02em;}
.top_guide em { color:#1f1f1f }
.position_info { position:relative; background:#375ab1; padding:12px 20px; border-radius:0px; display:flex; align-items: center; justify-content: flex-start; margin-top: 25px;}
.position_info .add { position:relative; font-size:0.9em; color:#333; margin-right:60px; font-weight:500; padding-left:10px}
.position_info .add:before { display:block; position:absolute; left:0; top:50%; margin-top:-2px; width:4px; height:4px; background:#333; content:''; border-radius:50%; vertical-align:middle}
.position_info .categoty { position:relative; font-size:0.9em; color:#2650d5; font-weight:500; padding-left:10px}
.position_info .categoty:before { display:block; position:absolute; left:0; top:50%; margin-top:-2px; width:4px; height:4px; background:#2650d5; content:''; border-radius:50%; vertical-align:middle}
.position_info .adun_add { position:relative; font-size:0.9em; color:white; margin-right:60px; font-weight:500; padding-left:10px}
/* .position_info .adun_add:before { display:block; position:absolute; left:0; top:50%; margin-top:-2px; width:4px; height:4px; background:#333; content:''; border-radius:50%; vertical-align:middle} */
.position_info .rltn_bsar { position:relative; font-size:0.9em; color:white; font-weight:500; padding-left:10px}
/* .position_info .rltn_bsar:before { display:block; position:absolute; left:0; top:50%; margin-top:-2px; width:4px; height:4px; background:#2650d5; content:''; border-radius:50%; vertical-align:middle} */
.position_info .mkan_busi_cnt { position:relative; font-size:0.9em; color:white; margin-right:60px; font-weight:500; padding-left:10px}
/* .position_info .mkan_busi_cnt:before { display:block; position:absolute; left:0; top:50%; margin-top:-2px; width:4px; height:4px; background:#2650d5; content:''; border-radius:50%; vertical-align:middle} */

.anal_info_box_area { position:relative; width:100%; height:calc(120% - 80px); overflow-y:scroll;  margin-top:20px; padding:0 5px }
.anal_info_box_area2 { position:relative; width:100%; height:calc(120% - 180px); overflow-y:scroll;  margin-top:20px; padding:0 5px }
.st2_btn { position:relative; display:flex; align-items: stretch; justify-content: center; margin-top: 2em;}
.st2_btn a { padding:8px 60px; color:#fff !important; font-weight:600 !important; font-size:1.1em !important; margin:0 5px; border-radius:8px; letter-spacing:-0.02em; display:flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.st2_btn a.bt_anal { background:#1d2f6a }
.st2_btn a.bt_anal:before { width:26px; height:20px; background:url(/src/img/newSub/bt-ic1.png) no-repeat center center; display:block; content:''; margin-right:8px;}
.st2_btn a.bt_anal small{ width: 100%; text-align: center; }
/* .guide{display: flex; padding-bottom:20px; border-bottom: 1px dashed rgba(0,0,0,.2);} */
/* .guide .top_guide{width: 90%;} */
/* .guide .print{background:#4157ff; width: 30px; height: 30px; border-radius: 5em; position: relative;} */
/* .guide .print a.bt_print:before {position:relative; top:4.5px; left:4.5px; width:20px; height:20px; background:url(/src/img/newSub/bt-ic2.png) no-repeat center center; display:block; content:'';} */

.step2_area.active { display:block;  }
.step2_area.active .step2_box { animation:st_box2 1.0s cubic-bezier(.51, .01, 0, 1) 0s 1 forwards; }

.eil_analysis_wrap{
	display: none;
	background: #2850fa;
	border-radius: 6px;
	margin-left: 10px;
	width: 50px;
}

.eil_analysis_wrap .eil_analysis_btn{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
	padding: 7px 20px;
	color: #fff;
	font-weight: 600;
	font-size: 1.0em;
	margin: 0 2px;
	border-radius: 6px;
	letter-spacing: -0.02em;
	background: url(/src/img/newSub/ic-nav-open.png) no-repeat center center;
	background-size: 20px 20px;
}

.eil_analysis_wrap .eil_analysis_list{
	display: none;
	position: absolute;
	bottom: 55px;
	width: 200px;
/* 	min-height: 145px; */
/* 	max-height: 150px; */
/* 	overflow-y: auto; */
	right: calc(50% - 165px);
	border: 1px solid #1d2f6a;
	border-radius: 10px;
	background: #fff;
	text-align: center;
	user-select: none;
	animation: eil_analysis_box_close 1.0s cubic-bezier(.51, .01, 0, 1) 0s 1 forwards;
}

.eil_analysis_wrap .eil_analysis_list.on{
	display: block;
	animation: eil_analysis_box_open 1.0s cubic-bezier(.51, .01, 0, 1) 0s 1 forwards;
}

.eil_analysis_wrap .eil_analysis_list .eil_analysis_title{
	padding: 8px;
	background: #1d2f6a;
	color: #fff;
	border-radius: 10px 10px 0 0;
}

.eil_analysis_wrap .eil_analysis_list .eil_analysis_item{
	color: #000 !important;
	border-bottom: 1px solid #1d2f6a;
	border-radius: 0;
	letter-spacing: 0;
	padding: 7px;
}

.eil_analysis_wrap .eil_analysis_list .eil_analysis_item:first-of-type{
	border-bottom: 1px solid #1d2f6a;
}

.eil_analysis_wrap .eil_analysis_list .eil_analysis_item:last-of-type:not(:first-of-type):not(:nth-of-type(2)){
	border-bottom: 0;
}

.eil_analysis_wrap .eil_analysis_list .eil_analysis_item:last-of-type{
	border-bottom: 0;
	border-radius: 0 0 10px 10px;
}

.eil_analysis_wrap .eil_analysis_list .eil_analysis_item.disabled{
	cursor: default;
	background: #eee;
	color: #666 !important;
}

@keyframes eil_analysis_box_open {
	0% { opacity:0; transform: translateY(10px);}
	100% { opacity:1; transform: translateY(0);}
}

@keyframes eil_analysis_box_close {
	0% { opacity:1; transform: translateY(0); display: block;}
	100% { opacity:0; transform: translateY(10px);}
}

@keyframes st_box2 {
	0% { opacity:0; margin-left:-600px}
	100% { opacity:1; margin-left:0}
}

.step2_area.box-close { display:block; animation:st_box2_close1 0.1s cubic-bezier(.51, .01, 0, 1) 1s 1 forwards;}
@keyframes st_box2_close1 {
	0% { display:block; }
	100% { opacity:0; margin-left:-1200px; display:none}
}
.step2_area.box-close .step2_box { animation:st_box2_close 0.8s cubic-bezier(.51, .01, 0, 1) 0s 1 forwards; }
@keyframes st_box2_close {
	0% { opacity:1; margin-left:0}
	100% { opacity:0; margin-left:-600px; display:none}
}

.box-overlay{ position:fixed; left:0; top:0; width:100%; height:100vh; background:rgba(0,0,0,.5); z-index:9; display:none; }
.box-overlay.active { display:block; }

@media all and (max-width:1000px) {
	.step2_area { position:fixed; left:0; top:0; width:100%; height:100vh; padding-bottom:0; z-index:50; display:none; overflow:hidden}
	.step2_box { position:relative; width:100%; height:100%; padding:25px 20px 50px 20px; background:#fff; border-radius:0; opacity:0; margin-left:0; margin-top:0;}
	.step2_box .close-step { right:0; top:10px;  background:url(/src/img/newSub/close_round_icon_mo.svg) no-repeat center center #fff; width:44px; height:44px; background-size:16px; border-radius:0;}
	.top_guide { color:#908fa6; line-height:1.3; font-size:0.83em;}
	.position_info { position:relative; margin-top:12px; padding:14px 15px; border-radius:3px;}
	.position_info .add { position:relative; font-size:0.77em; color:#333; margin-right:20px; padding-left:7px}
	.position_info .add:before { margin-top:-1px; width:3px; height:3px;}
	.position_info .categoty { position:relative; font-size:0.77em; color:#2650d5; padding-left:7px}
	.position_info .categoty:before { margin-top:-1px; width:3px; height:3px;}

	.anal_info_box_area { position:relative; width:100%; height:calc(120% - 140px); overflow-y:scroll; margin-top:20px; padding:0 0 }
	.anal_info_box_area2 { position:relative; width:100%; height:calc(120% - 200px); overflow-y:scroll; margin-top:20px; padding:0 0 }
	.st2_btn { padding-top:12px;}
	.st2_btn a { padding:7px 20px; color:#fff !important; font-weight:600 !important; font-size:1.0em !important; margin:0 2px; border-radius:6px; letter-spacing:-0.02em; display:flex; align-items: center; justify-content: center;}
	.st2_btn a.bt_anal { background:#1d2f6a }
	.st2_btn a.bt_anal:before { background:url(/src/img/newSub/bt-ic1.png) no-repeat center center; background-size:18px 14px; display:block; content:''; margin-right:3px;}


	.guide{display: flex;}
	.guide .top_guide{ width: 90%}
	.guide .print{background:#4157ff; width: 30px; height: 30px; border-radius: 5em; position: relative;}
	.guide .print a.bt_print:before {position:relative; width:20px; height:20px; background:url(/src/img/newSub/bt-ic2.png) no-repeat center center; background-size:16px; display:block; content:'';}

	a.bt_print { background:#4157ff }
	a.bt_print:before { background:url(/src/img/newSub/bt-ic2.png) no-repeat center center; background-size:14px; display:block; content:''; margin-right:3px;}
	.rmateChart{width: auto !important; height: 150px !important;}
	.step2_area.active { display:block;  }
	.step2_area.active .step2_box { animation:st_box2 1.0s cubic-bezier(.51, .01, 0, 1) 0s 1 forwards; }

	.eil_analysis_wrap{display: flex;}

	@keyframes st_box2 {
		0% { opacity:0; margin-left:0; margin-top:-800px;}
		100% { opacity:1; margin-left:0; margin-top:0;}
	}

	.step2_area.box-close { display:block; animation:st_box2_close1 0.1s cubic-bezier(.51, .01, 0, 1) 1s 1 forwards;}
	@keyframes st_box2_close1 {
		0% { display:block; }
		100% { opacity:0; margin-top:-1300px; display:none}
	}
	.step2_area.box-close .step2_box { animation:st_box2_close 0s cubic-bezier(.51, .01, 0, 1) 0s 1 forwards; }
	@keyframes st_box2_close {
		0% { opacity:1; margin-left:0}
		100% { opacity:0; margin-top:-1300px; display:none}
	}
	.box-overlay{ z-index:49;}

}




/* 컨텐츠 */
.layer_popup.mkan_popup .con_wrap{max-height: calc(100vh - 115px); position: relative;}
.layer_popup.mkan_popup .con_wrap.no_scroll{overflow: hidden;}
.anal_contents { position:relative; padding:25px 0 0; }
.an_top { display:flex; align-items: center; justify-content: space-between; }
.an_top .an_top_guide_t { position:relative; font-size:0.9em; color:#777; width:100%; padding-left: 10px;}
.an_top .an_top_guide_t:before { position:absolute; left:0; top:3px; content:'*'; display:block; }
.an_top .an_top_guide_t em { color:#293e81; font-weight:500 }
.an_top .an_top_guide_cmt { position:relative; font-size:0.9em; color:#777; width:100%; padding-left: 10px;}
.an_top .an_top_guide_cmt:before { position:absolute; left:0; top:3px; content:'*'; display:block; }
.an_bottom { display:flex; align-items: center; justify-content: space-between; }
.an_bottom .an_top_guide_t { position:relative; font-size:0.8em; color:#777; width:100%; padding-left: 10px;}
.an_bottom .an_top_guide_t.rltn_pop_main_mkan {padding-left: 30px;}
.an_bottom .an_top_guide_t:before { position:absolute; left:0; top:3px; content:'*'; display:block; }
.an_bottom .an_top_guide_t.rltn_pop_main_mkan:before {top:0; content:'출처: ';}
.an_bottom .an_top_guide_t em { color:#293e81; font-weight:500 }

.modal_popup .an_top .an_top_guide_t{
	padding-bottom: 5px;
	border-bottom: 1px solid #777;
}

.modal_popup .an_bottom .an_top_guide_t{
/* 	padding-top: 5px; */
/* 	border-top: 1px solid #777; */
}

.an_date { position:relative; display:inline-block; margin:10px 0 0 auto; color:#ff3f13; font-size:0.8em; text-align:right; width:30%;letter-spacing:-0.02em; line-height:1.3;}
.an_date.oy { position:relative; display:block; color:#ff3f13; font-size:0.8em; text-align:right; width:100%;letter-spacing:-0.02em; line-height:1.3; margin:0}



.pop_loader {
  position: absolute;
  display: none;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: url(../img/common/loading.gif) 50% 50% no-repeat rgb(255,255,255, 0.8);
}
.pop_loader.on{
	display: block;
}
.pop_loader p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-top: 150px;
  font-size: 22px;
  display: block;
  white-space: nowrap;
  text-align: center;
  width: 100%;
}

.ct_title { position:relative; margin-top:35px; color:#293e81; font-weight:700; font-size:1.3em; padding:7px 0 7px 50px; letter-spacing:-0.02em }
.tooltip_box{content:'';font-size:14pt;color:#fff;background:#4157ff;width: 25px;height: 25px;border-radius: 5em;position: relative;cursor: pointer;text-align: center;top: -33px;left: calc(30% + 10px);padding-top: 1.5px;}
.tooltip_box .tooltip{
	display: none;
	width: 300px;
	z-index: 9999;
	background: #4157ff;
	position: absolute;
	font-size: .8em;
	border-radius: 12px;
	left: calc(100% + 10px);
	top: calc(100% - 35px);
	padding: 5px;
	}
.tooltip_box .tooltip::after{
	content:'';
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -7px;
	border-width: 7px;
	border-style: solid;
	border-color: transparent #4157ff transparent transparent;

}
.ct_title.ic1 + .tooltip_box{margin-left: -10px !important}
.ct_title.ic2 + .tooltip_box{margin-left: 5px !important}
.ct_title.ic2 + .tooltip_box .tooltip::after, .ct_title.ic3 + .tooltip_box .tooltip::after{top: 30% !important;}
.ct_title.ic1 { background:url(/src/img/newSub/title-ic1.png) no-repeat left center; background-size:22px 35px; padding-left:34px }
.ct_title.ic2 { background:url(/src/img/newSub/title-ic2.png) no-repeat left center; background-size:40px 35px; }
.ct_title.ic3 { background:url(/src/img/newSub/title-ic3.png) no-repeat left center; background-size:33px 35px; padding-left:44px}
.ct_title.ic4 { background:url(/src/img/newSub/title-ic4.png) no-repeat left center; background-size:34px 35px; padding-left:44px}
.ct_title.ic5 { background:url(/src/img/newSub/title-ic5.png) no-repeat left center; background-size:33px 35px; padding-left:44px}
.ct_title.no_ic {
	padding-left: 0;
	margin-top: 20px;
}
.anal_top_box { position:relative; background:#f0f3fb; border-radius:3px; padding:30px 25px; margin-top:25px; }
.al_top { display:flex; align-items: center; justify-content: space-between; }
.dep2_tl { font-size:1.1em; color:#222; font-weight:700; letter-spacing:-0.03em}
.dep2_tl.col { color:#293e81; }
.dep2_tl.ic { margin-top:25px; background:url(/src/img/newSub/dep-title-ic.png) no-repeat left center; padding:5px 0 5px 27px;}
.dep2_tl.mt { margin-top:30px }
.dep3_tl { font-size:1.1em; color:#222; font-weight:400; letter-spacing:-0.03em}
.dep3_tl.col { color:#293e81; }
.dep3_tl .col { color:#293e81; }
.dep3_tl .bold { font-weight: 700;}
.dep3_tl.ic { margin-top:10px; background:url(/src/img/newSub/dep-title-ic.png) no-repeat left center; padding:5px 0 5px 27px;}
.index_info { display:flex; align-items: baseline; justify-content: center;  font-weight:600}
.index_info.col1 { color:#195aff }
.index_info.col2 { color:#4941ff }
.index_info.col3 { color:#ff7e3f }
.index_info .tx { font-size:1.3em; }
.index_info .num { font-size:4.3em; margin-left:10px; line-height:1.0}
.compar { display:flex; align-items: center; justify-content: flex-end; font-size:0.9em; color:#666; }
.compar .num { font-size:1.5em; font-weight:600; margin-left:10px}
.compar .num.up { color:#f85151; background:url(/src/img/newSub/b_up_arrow_icon.png) no-repeat left center; background-size:36px; padding-left:28px;  }
.compar .num.down { color:#4177ff; background:url(/src/img/newSub/b_down_arrow_icon.png) no-repeat left center; background-size:36px; padding-left:28px;  }
.al_graph { position:relative; margin-top:10px;}
.al_graph ul { display:flex; align-items: center; justify-content: space-between; }
.al_graph ul li { width:10%; border-right:1px solid #f0f3fb; height:5px; background:#ccc;}
.al_graph.col1 ul li.act { background:#195aff; }
.al_graph.col2 ul li.act { background:#4941ff; }
.al_graph.col2 ul li.act:nth-child(10){opacity : 1}
.al_graph.col2 ul li.act:nth-child(9){opacity : 0.94}
.al_graph.col2 ul li.act:nth-child(8){opacity : 0.88}
.al_graph.col2 ul li.act:nth-child(7){opacity : 0.82}
.al_graph.col2 ul li.act:nth-child(6){opacity : 0.76}
.al_graph.col2 ul li.act:nth-child(5){opacity : 0.70}
.al_graph.col2 ul li.act:nth-child(4){opacity : 0.64}
.al_graph.col2 ul li.act:nth-child(3){opacity : 0.58}
.al_graph.col2 ul li.act:nth-child(2){opacity : 0.52}
.al_graph.col2 ul li.act:nth-child(1){opacity : 0.46}

.al_graph.col3 ul li.act { background:#ff7e3f; }
.anal_box {/* display:flex;*/ align-items: center; justify-content: space-between; background:#fff; border:1px solid #ddd; border-radius:3px; padding:25px 25px; margin-top:12px; }
.anal_box .dep2_tl { width:37% }
.anal_box_rt { width:60%; display:flex; align-items: center; justify-content: space-between; }
.an_level_wp { display:flex; align-items: center; justify-content: space-between; width:100% }
.an_level_wp li { width:100%; margin:0 2px; height:45px; display:flex; align-items: center; justify-content: center; background:#f0eff8; color:#333; font-size:0.9em; font-weight:600; border-radius:3px;}
.an_level_wp li:nth-of-type(5) { margin:0 0 0 2px}
.an_level_wp li:nth-of-type(1).on { color:#fff; background:#1559F4; }
.an_level_wp li:nth-of-type(2).on { color:#fff; /*background:#16ABF1;*/ background:#1690F1;}
.an_level_wp li:nth-of-type(3).on { color:#fff; /*background:#3FA311;*/ background:#3DA10F;}
.an_level_wp li:nth-of-type(4).on { color:#fff; /*background:#F8863A;*/ background:#C97834;}
.an_level_wp li:nth-of-type(5).on { color:#fff; background:#E42929; }
.an_compete { position:relative; width:50%; color:#777; font-size:0.87em; font-weight:600; letter-spacing:-0.03em; }
.an_compete:nth-of-type(1):after { position:absolute; right:25px; top:0; height:100%; width:1px; content:''; display:block; background:#fff; border-right:1px dashed #ccc}
.an_compete span { font-size:2.5em; color:#222; display:block; letter-spacing:0; line-height:1.0; margin-top:5px;}
.an_compete span em { font-size:0.4em; font-weight:400; display:inline-block; vertical-align:middle; color:#777; margin-left:5px; }
.opi_txt { padding:0 5px 15px 27px; margin-top:12px; color:#222; font-size:0.95em; line-height:1.6 }
.opi_box {margin-top:12px; color:#222; font-size:0.95em; line-height:1.6 }
.opi_box_1 {margin-top:12px; color:#222; font-size:1.15em; line-height:1.6 }

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
table {
    margin: 0;
    padding: 0;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
}
.tb_wp { margin-top:20px; }
.unit_ar { text-align:right; margin-bottom:3px; font-size:0.8em; color:#777 }
.tb_st_n1 { margin-top:5px; }

.tb_st_n1 th {
	font-size: 0.9em;
	font-weight: 600;
	letter-spacing: -0.04em;
	padding: 10px 10px;
	width: auto;
	background-color: #f5f8fe;
	border: 1px solid #cacaca;
	border-top: 1px solid #1667c8;
}

.tb_st_n1 td {
	font-size: 0.9em;
	font-weight: 500;
	letter-spacing: -0.04em;
	padding: 10px 10px;
	border: 1px solid #cacaca;
	text-align:center;
}
.tb_st_n1 td.down_col {
    color: #099aff;
}
.tb_st_n1 td.down_col:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(/src/img/newSub/b_down_arrow_icon.png) no-repeat left center;
    background-size: 28px;
	vertical-align:middle;
	padding-left: 28px;
}
.tb_st_n1 td.up_col {
    color: #fa4141;
}
.tb_st_n1 td.up_col:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(/src/img/newSub/b_up_arrow_icon.png) no-repeat left center;
    background-size: 28px;
	vertical-align:middle;
	padding-left: 28px;
}

@media all and (max-width:1001px) {
	.tooltip_box{left: calc(30% + 25px)}
	.tooltip_box .tooltip{width: 180px}
	.tooltip_box .tooltip::after {top: 30%}
	.ct_title.ic1 + .tooltip_box{margin-left: -7px}
	.ct_title.ic2 + .tooltip_box{margin-left: 7px}
	.ct_title.ic2 + .tooltip_box .tooltip::after, .ct_title.ic3 + .tooltip_box .tooltip::after{top:20% !important}
	.anal_contents { position:relative; padding:20px 0 10px 0 }
	.an_top .an_top_guide_t { font-size:0.8em; width:60%; padding-left:10px;}
	.an_date { margin:7px 0 0 auto; color:#ff3f13; font-size:0.75em; width:40%;}
	.an_date.oy { font-size:0.75em;}
	.ct_title { position:relative; margin-top:30px; color:#293e81; font-weight:700; font-size:1.15em; padding:7px 0 7px 40px; letter-spacing:-0.02em }
	.ct_title.ic1 { background-size:16px 25px; padding-left:24px }
	.ct_title.ic2 { background-size:29px 25px; }
	.ct_title.ic3 { background-size:24px 25px; padding-left:32px}
	.ct_title.ic4 { background-size:25px 25px; padding-left:32px}
	.ct_title.ic5 { background-size:24px 25px; padding-left:32px}
	.dep2_tl { font-size:0.95em; color:#222; font-weight:700; letter-spacing:-0.03em}
	.dep2_tl.col { color:#293e81; }
	.dep2_tl.ic { margin-top:25px; background:url(/src/img/newSub/dep-title-ic.png) no-repeat left center; padding:3px 0 3px 22px; background-size:16px 20px;}
	.dep2_tl.mt { margin-top:30px }
	.opi_txt { padding:0 5px 15px 22px; margin-top:12px; font-size:0.9em; line-height:1.5 }
	.opi_box {font-size:0.9em; line-height:1.5 }
	.rmateChart{width: 280px; height: 150px;}
	.rmateChart2 {width: 100%; height: 100%;}
	.anal_top_box { padding:20px 15px; margin-top:15px; }
	.index_info .tx { font-size:1.2em; }
	.index_info .num { font-size:3.3em; margin-left:8px; line-height:1.0}
	.compar { font-size:0.8em;}
	.compar .num { font-size:1.4em; margin-left:8px}
	.compar .num.up { background-size:14px; padding-left:14px;  }
	.compar .num.down { background-size:14px; padding-left:14px;  }

	.anal_box {  border-radius:3px; padding:20px 15px; margin-top:10px; }
	.anal_box .dep2_tl { width:35%; margin-right:5% }
	.anal_box_rt { width:60%;}
	.an_level_wp li { width:100%; margin:0 1px; height:33px; font-size:0.8em; font-weight:600;}
	.an_level_wp li:nth-of-type(5) { margin:0 0 0 1px}
	.an_compete { position:relative; width:50%; color:#777; font-size:0.8em; font-weight:600; letter-spacing:-0.03em; }
	.an_compete:nth-of-type(1):after { right:20px; }
	.an_compete span { font-size:2.0em; margin-top:4px;}
	.an_compete span em { font-size:0.5em; color:#888; margin-left:4px; }




}

.map_area { position:absolute; left:0; top:0; width:100%; height:100vh; background:#aaa; z-index:0}
.map_area .root_daum_roughmap,
.map_area .root_daum_roughmap_landing { width:100% !important; height:100vh !important }
.map_area .root_daum_roughmap_landing .wrap_map { width:100% !important; height:100vh !important }
.map_area .root_daum_roughmap .border1,
.map_area .root_daum_roughmap .border2,
.map_area .root_daum_roughmap .border3,
.map_area .root_daum_roughmap .border4 { border:none !important }


#map .point{
	position: relative;
	width: 8em;
	height: 8em;
	font-size: 0.6em;
	box-sizing: border-box;
}
#map .point>.lay{
	display: table;
	table-layout:fixed;
	width: 100%;
	height: 100%;
}
#map .point .cell{
	display: table-cell;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	background-color: #faed7d;
	/* box-shadow: 0 0 0.5em rgba(0,0,0,0.1); */
	border-radius: 50%;
	overflow-wrap: anywhere;
	border: 1px solid #ffcb4e;
}
#map .point .cell>span{
	font-family: 'KoPubDotumMedium' !important;
	font-size: 1.5em;
	display: block;
	line-height:1.4;
	font-weight:600;
	color:#283e80;
}
#map .point .cell.on{
	background-color: #283e80;
	border: 1px solid #fff;
}
#map .point .cell.on span{
	color: #fff;
}

/* 차트 */
.rmateChart{width: 480px; height: 200px;}
.rmateChart2 {width: 100%; height: 100%;}
.bix5Chart {width: 100%; height: 100%;}
.modal_popup .rmateChart{
	width: 100%;
}
/* 주소결과 */
/* .addr{max-height: 500px; overflow-y: auto; min-height: 300px; margin-top: 20px;} */
/* .addr_list{margin: 20px 0;} */
/* .addr_item{line-height: 35px;} */
/* .addr_item a{color: #fff !important; font-size: 16px !important;} */
/* .addr_item a:hover{color: #ffe328 !important; text-decoration: underline;} */
/*-- 블록 설정 색상 start--*/
::-moz-selection {
 background: #283e80;
 color: #fff;
}
::selection {
 background: #283e80;
 color: #fff;
}


/* 20231103 유동상주 신규추가 */
.pl_table.pl_wd3 tbody tr:not(:first-of-type):not(:last-of-type){
	border-bottom: none;
}

.pl_table th:not(:last-of-type), .pl_table td:not(:last-of-type){
	border-right: 10px solid white !important;
}

.pl_table thead th{
	padding: 12px;
}

.tb_st_n1 th.sub_th_1{
	padding: 10px;
}
.tb_st_n1 th.sub_th_2{
	padding: 5px 10px;
}

table .table_space_5{
	padding: 5px 0;
	border: none;
}

table .table_space_10{
	padding: 10px 0;
	border: none;
}

.pl_table.pl_wd3 th, .pl_table.pl_wd3 td{
	width: calc((100% - 20px) / 3 );
}


.pl_table.pl_wd3 tr td.pl_icon{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-origin: content-box;
	height: 120px;
	padding: 5px 5px 0px 5px;
	border-bottom: none;
}
.pl_table .icon_tr{
	border-bottom: none;
}
.pl_table .icon_txt{
	padding: 0px 20px 5px 20px;
	height: 22px;
	font-weight: 400;
	border-top: none;
	border-bottom: none;
}

/* 성별 이미지*/
.pl_icon.icon_mark{background-image: url(/src/img/newIcon/ICON_MF_MARK.png);}
.pl_icon.icon_m{background-image: url(/src/img/newIcon/ICON_M.png);}
.pl_icon.icon_f{background-image: url(/src/img/newIcon/ICON_F.png);}
.pl_icon.icon_s{background-image: url(/src/img/newIcon/ICON_MF.png);}

/* 연령대 이미지(유동)*/
.pl_icon.icon_pl_mark{background-image: url(/src/img/newIcon/ICON_PL_MARK.png);}
.pl_icon.icon_pl{background-image: url(/src/img/newIcon/ICON_PL.png);}

/* 연령대 이미지(직장)*/
.pl_icon.icon_wk_age_mark{background-image: url(/src/img/newIcon/ICON_WK_AGE_MARK.png);}
.pl_icon.icon_wk_age{background-image: url(/src/img/newIcon/ICON_WK_AGE.png);}

/* 연령대 이미지(주거)*/
.pl_icon.icon_rs_age_mark{background-image: url(/src/img/newIcon/ICON_RS_AGE_MARK.png);}
.pl_icon.icon_rs_age{background-image: url(/src/img/newIcon/ICON_RS_AGE.png);}

/* 시간대 이미지*/
.pl_icon.icon_tm_mark{background-image: url(/src/img/newIcon/ICON_TM_MARK.png);}
.pl_icon.icon_tm{background-image: url(/src/img/newIcon/ICON_TM.png);}
.pl_icon.icon_tm_00{background-image: url(/src/img/newIcon/ICON_TM_00.png); background-position: calc(50% + 23px) calc(50% + -8px) !important;}
.pl_icon.icon_tm_04{background-image: url(/src/img/newIcon/ICON_TM_04.png); background-position: calc(50% + 23px) calc(50% + -8px) !important;}
.pl_icon.icon_tm_08{background-image: url(/src/img/newIcon/ICON_TM_08.png); background-position: calc(50% + 23px) calc(50% + -8px) !important;}
.pl_icon.icon_tm_12{background-image: url(/src/img/newIcon/ICON_TM_12.png); background-position: calc(50% + 23px) calc(50% + -8px) !important;}
.pl_icon.icon_tm_16{background-image: url(/src/img/newIcon/ICON_TM_16.png); background-position: calc(50% + 23px) calc(50% + -8px) !important;}
.pl_icon.icon_tm_20{background-image: url(/src/img/newIcon/ICON_TM_20.png); background-position: calc(50% + 23px) calc(50% + -8px) !important;}

/* 요일 이미지*/
.pl_icon.icon_cldr_mark{background-image: url(/src/img/newIcon/ICON_CLDR_MARK.png);}
.pl_icon.icon_cldr{background-image: url(/src/img/newIcon/ICON_CLDR.png);}
.pl_icon.icon_cldr_sun{background-image: url(/src/img/newIcon/ICON_CLDR_SUN.png);}
.pl_icon.icon_cldr_mon{background-image: url(/src/img/newIcon/ICON_CLDR_MON.png);}
.pl_icon.icon_cldr_tue{background-image: url(/src/img/newIcon/ICON_CLDR_TUE.png);}
.pl_icon.icon_cldr_wed{background-image: url(/src/img/newIcon/ICON_CLDR_WED.png);}
.pl_icon.icon_cldr_thu{background-image: url(/src/img/newIcon/ICON_CLDR_THU.png);}
.pl_icon.icon_cldr_fri{background-image: url(/src/img/newIcon/ICON_CLDR_FRI.png);}
.pl_icon.icon_cldr_sat{background-image: url(/src/img/newIcon/ICON_CLDR_SAT.png);}

/* 주중/주말 이미지*/
.pl_icon.icon_wkdy{background-image: url(/src/img/newIcon/ICON_WKDY.png);}
.pl_icon.icon_hldd{background-image: url(/src/img/newIcon/ICON_HLDD.png);}

/* 주거인구 이미지*/
.pl_icon.icon_dwl_mark{background-image: url(/src/img/newIcon/ICON_DWL_MARK.png);}
.pl_icon.icon_dwl{background-image: url(/src/img/newIcon/ICON_DWL.png);}
.pl_icon.icon_dwl_m{background-image: url(/src/img/newIcon/ICON_DWL_M.png);}
.pl_icon.icon_dwl_f{background-image: url(/src/img/newIcon/ICON_DWL_F.png);}

.pl_sp{
	width: 50px;
}

.pl_td_flex{
	display: flex;
	line-height: 32px;
}

.pl_div_flex{
	display: flex;
	background: #e1e1e1;
	width: calc(100% - 100px);
}

.pl_div_flex > span{
	display: flex;
	color: #FFFFFF;
	flex-direction: column;
}

.pl_div_flex .pl_m_col{
	background: #9fa6fd;
}

.pl_div_flex .pl_f_col{
	background: #fc9999;
}

.pl_div_flex .pl_w_col{
	background: #92d050;
}

.pl_div_flex .pl_h_col{
	background: #00b050;
}

.rltn_map_wrap{
	position: relative;
}

.rltn_map{
	width: 100%;
	height: 300px;
	border: 1px solid #777;
	margin-top: 25px;
}

.rltn_map_info{
	float: right;
	margin-top: 5px;
	color: #777;
}

.rltn_map_wrap .rltn_map_legend{
	display: flex;
	position: absolute;
/* 	flex-direction: column; */
	top: 8px;
	left: 10px;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 5px;
	border-radius: 5px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	font-size: 14px;
/* 	gap: 5px; */
}

.rltn_map_wrap .rltn_map_legend .legend_item{
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 3px 6px;
	transition: color 0.3s;
}

.rltn_map_wrap .rltn_map_legend .legend_item:hover{
	background-color: #35a7ff99;
}

.rltn_map_wrap .rltn_map_legend .legend_item .legend_item_color{
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin-right: 8px;
	border: 1px solid #00000033;
}

.rltn_map_wrap .mkan_info_box{
	font-size: 12px;
	padding: 5px;
}

.rltn_map_wrap .rltn_map_legend .legend_item_color{
	transition: background-color 0.3s;
}

.rltn_map_wrap .rltn_map_legend .category-A .legend_item_color{
	background-color: #FF0000;
}
.rltn_map_wrap .rltn_map_legend .category-B .legend_item_color{
	background-color: #FFFF00;
}
.rltn_map_wrap .rltn_map_legend .category-C .legend_item_color{
	background-color: #0000FF;
}
.rltn_map_wrap .rltn_map_legend .category-D .legend_item_color{
	background-color: #00FF00;
}
.rltn_map_wrap .rltn_map_legend .category-E .legend_item_color{
	background-color: #CC00FF;
}

.rltn_map_wrap .rltn_map_legend .legend_item.disabled{
	color: gray;
}

.rltn_map_wrap .rltn_map_legend .legend_item.disabled .legend_item_color{
	background-color: gray;
}

.map_tooltip{
	display: none;
	position: absolute;
	z-index: 1000;
	padding: 5px 10px;
	background-color: #fff;
	border: 1px solid #777;
	font-size: 14px;
	pointer-events: none;
}

.custom_overlay{
	position: absolute;
	left: 0;
	top: 0;
	padding: 5px 10px;
	border: 1px solid #777;
	border-radius: 25px;
	font-size: 14px;
	font-weight: bold;
	pointer-events: none;
	background-color: #fff;
	color: #000;
}

.adun_overlay{
	background-color: #35a7ff;
	color: #fff;
}
.rltn_overlay{
	background-color: #FF5722;
	color: #fff;
}

.txt_c{
	text-align: center;
}

.min_w60{
	min-width: 60px;
}

.min_w100{
	min-width: 100px;
}

.mg_t_5{
	margin-top: 5px;
}

.mg_t_10{
	margin-top: 10px;
}

.mg_t_15{
	margin-top: 15px;
}

.mg_t_20{
	margin-top: 20px;
}

.mg_t_30{
	margin-top: 30px;
}

.rorg_tit{
	margin-top:10px;
	font-size: 14px;
}

.etc_th{
	border-bottom: 1px solid #bfcbdb;
}