@charset "UTF-8";


/* skip */
.skipNavi{margin:0;padding:0;}
.skipNavi a{display:block;overflow:hidden;position:absolute;left:0;top:-10000px; }
.skipNavi a:hover, .skipNavi a:focus, .skipNavi a:active{padding:10px 0;background-color:#000;color:#fff;font-size:1.4px;width:100%;top: 0px;text-align:center;z-index:1000;}

.blind, .hide{position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden;}
#wrapper{min-width:1510px;}

.utill_menu{position:absolute;top:0;right:0;display:inline-block;}
.icn_utill{float: left;}
.icn_utill > li{display:inline-block;margin-top:10px;font-size: 0;border-left:1px solid #ddd;vertical-align:top;}
.icn_utill > li > a{display: inline-block;}
.icn_utill > li > span{display:inline-block;line-height: 24px;vertical-align:top;}
.icn_utill > li > span.arr{padding-right:20px;height:58px;line-height:58px;font-size: 14px;color:#000;background:url(../images/common/icn_arr.png) no-repeat 100% 50%;cursor: pointer;}
.icn_utill > li  i{display:inline-block;height:58px;width:79px;background-repeat:no-repeat;background-position:50% 50%;}
.icn_utill > li  i.icn2{background-image: url(../images/common/icn_util1.png);}
.icn_utill > li  i.icn3{position: relative; background-image: url(../images/common/icn_util2.png);}
.icn_utill > li  i.icn3 .num{position: absolute;right:30%;bottom:30%;height:15px;min-width:15px;line-height:15px;font-size:10px;text-align: center; background-color: #f8392b;color:#fff;border-radius: 15px;}
.icn_utill > li  i.icn4{background-image: url(../images/common/icn_util3.png);}
.utill_menu .adminLink{float: left; display: inline-block; line-height: 28px; padding:0 10px; background: #666; margin-top:25px;font-size:12px; color:#fff; border-radius:28px; margin-right: 10px;}
.utill_menu .adminLink > img {margin-right: 5px; position: relative; top: 2px;vertical-align: baseline;}

.icn_utill .utill_tooltip{position: relative;color:#000;font-size: 14px;}
.icn_utill .utill_tooltip.name{margin-right: 20px;border-left: 0;}
.icn_utill .utill_tooltip_ct{display:none;position:absolute;top:55px;left:50%;width:230px;margin-left: -115px;padding:10px 20px;font-size: 12px;z-index: 1;border: 1px solid #2c4176;background-color: #fff;}
.icn_utill .utill_tooltip_ct > ul{position: relative;max-height: 140px;overflow: auto;}
.icn_utill .utill_tooltip_ct:after{content: ""; position: absolute;top:-5px; left:50%;width:8px;height:8px;background-color: #fff; border:1px solid #2c4176;border-width: 0 1px 1px 0;transform: rotate(-135deg);}
.icn_utill .utill_tooltip_ct > ul > li{line-height:24px;font-size: 12px;color:#000;text-indent:-8px;padding-left:8px;}
.icn_utill .utill_tooltip_ct > ul > li:before{content: "· ";}
/*.icn_utill .utill_tooltip:hover > .utill_tooltip_ct{display:block;}*/
.icn_utill .utill_tooltip_ct > ul > li.bor{border-bottom: 1px solid #2c4176;padding-bottom: 10px;margin-bottom: 10px;text-indent: 0;}
.icn_utill .utill_tooltip_ct > ul > li.bor::before{content: none;}

/* gnb*/
.gnb_wp{position: relative;height:62px;border:1px solid #ddd;border-left:0;border-right:0;background:linear-gradient(90deg, rgba(46,52,110,1) 0%, rgba(34,148,168,1) 100%);}
.gnb_inner{display:grid;grid-template-columns: 60px auto;min-width: 1500px;max-width: 1920px;margin: 0 auto; }
.gnb_wp .lnb_favorit{ display:inline-block;width:60px;height: 60px;border-right: 1px solid #ddd;background-image:url(../images/common/icn_favorite.png); background-repeat:no-repeat;background-position:50% 50% ;}
.gnb_wp .lnb_favorit.on{background-image: url(../images/common/btn_lnb.png)}
.gnb_wp .gnb_area > ul{display: flex;justify-content: space-around; height:60px;font-size:0;max-width: 1920px;margin: 0 auto;}
.gnb_wp .gnb_area > ul > li{vertical-align: top;}
.gnb_wp .gnb_area > ul > li > a{display: block;height:60px;line-height:60px;font-size:18px;text-align:center;color:#fff;}

.gnb_wp .gnb_area > ul > li.on > a,
.gnb_wp .gnb_area > ul > li.on > span,
.gnb_wp .gnb_area > ul > li.selected > a,
.gnb_wp .gnb_area > ul > li.selected > span{position:relative;font-weight: 600;position: relative;color: #fbd759;}
/*
.gnb_area > ul > li.selected > a:after,
.gnb_area > ul > li.selected > span:after,
.gnb_area > ul > li.on > a:after,
.gnb_area > ul > li.on > span:after{content: "";position: absolute;left: 0;bottom: 0;height:5px;width: 100%;background-color: #fbd759;}
*/

.gnb_area .subNav{display: none;color:#000;text-align: left;position: absolute;left:0;top:60px;width:100%;min-height:300px; padding:0;z-index: 11;}
.gnb_area > ul > li.on .subNav{display: block;background-color: #fff; border-bottom: 1px solid #ddd;box-shadow: 1px 1px 5px rgb(0,0,0, 0.3); background:#fff url(../images/common/bg_gnb.png) no-repeat 50% 100%;}
.gnb_area > ul > li.on .subNav > ul{position: relative;width:1520px;margin: 0 auto;}

.gnb_area .subNav > ul{padding:0 300px 30px 200px;display: flex; flex-wrap: wrap;}
.gnb_area .subNav > ul > li{display: inline-block;margin-top:30px;font-size:14px;width: 20%;vertical-align: top;}
.gnb_area .subNav > ul > li > ul{padding:10px 10px 20px 20px;}
.gnb_area .subNav > ul > li > ul > li{padding: 5px;}
.gnb_area .subNav > ul > li > span,
.gnb_area .subNav > ul > li > a{display:block;height:35px;line-height:35px;font-size: 16px;text-align:center;margin: 0 10px; background-color:#c3d8ef;color:#000;border-radius: 30px;}
.gnb_area .subNav > ul > li > ul > li > a{position: relative;display: inline-block; font-size: 16px;color: #000;padding-left:10px;}
.gnb_area .subNav > ul > li > ul > li > a:before{content:"";position: absolute;left:0;top:10px;width:3px;height:3px;background-color: #202986;}
.gnb_area .subNav > ul > li > ul > li:hover > a,
.gnb_area .subNav > ul > li > ul > li.on > a{color:#202986;font-weight: 600;text-decoration: underline;}

.gnb_area .subNav > ul:before{position: absolute;top:35px;left:0;width:180px;padding-top:100px;color:#000;font-size:20px;text-align:center;border-right: 1px solid #2b4d7d;}
.gnb_area .menu1 .subNav > ul:before{content:"지역문화현황판";background: url(../images/common/bg_img1.png) no-repeat 50% 0;}
.gnb_area .menu2 .subNav > ul:before{content:"통계분석";background: url(../images/common/bg_img2.png) no-repeat 50% 0;}
.gnb_area .menu3 .subNav > ul:before{content:"온라인조사";background: url(../images/common/bg_img3.png) no-repeat 50% 0;}
.gnb_area .menu4 .subNav > ul:before{content:"지식자료실";background: url(../images/common/bg_img4.png) no-repeat 50% 0;}
.gnb_area .menu5 .subNav > ul:before{content:"교육";background: url(../images/common/bg_img5.png) no-repeat 50% 0;}
.gnb_area .menu6 .subNav > ul:before{content:"마이페이지";background: url(../images/common/bg_img6.png) no-repeat 50% 0;}
.gnb_area .menu7 .subNav > ul:before{content:"이용안내";background: url(../images/common/bg_img7.png) no-repeat 50% 0;}

.gnb_area .menu2 .subNav > ul > li{width:33.33%;}

/* layout */
.contents_wp{position: relative;min-width: 1200px;max-width: 1920px;margin: 0 auto;}
.contents_wp .lnb_btn{position:absolute ;top:62px;left:-3px;width:25px;height:50px;border:1px solid #ddd;border-left: 0;background-color: #fff;background-image: url(../images/common/btn_lnb_close.png);background-repeat: no-repeat; background-position: 50% 50%;box-shadow: 3px 1px 2px rgba(0, 0, 0, .2);z-index: 5;}
.contents_wp .lnb_wp{position: absolute;top:0;left:0;bottom:0;width:30px;}
.contents_wp .lnb_menu{display: none;}
.contents_wp .contents_inner{padding:30px 30px 0 30px;}
.contents_wp .contents{width:100%;background-color: #fff;}

/* content 확장*/
.contents_wp,
.contents_wp .lnb_wp,
.contents_wp .lnb_btn,
.contents_wp .layout_tabs_wp{transition: all 0.1s;}

.contents_wp.expand .lnb_wp{width:280px;}
.contents_wp.expand .lnb_menu{display:block;}
.contents_wp.expand .lnb_btn{left:249px;background-image: url(../images/common/btn_lnb_open.png);}
.contents_wp.expand .contents_inner{padding:30px 30px 0 280px;}

/* lnb */
.lnb_nav{font-size: 0;}
.lnb_nav > li{display:inline-block;width:50%;padding:20px 0;text-align: center;cursor: pointer;}
.lnb_nav > li{border-right: 1px solid #d7d7d7;}
.lnb_nav > li > span{display: inline-block;padding-top:30px;font-size:16px;}
.lnb_nav > li.on{font-weight: 700;}
.lnb_nav > li.main_menu > span{color:#f8392b;background:url(../images/common/icn_menu.png) no-repeat 50% 0;}
.lnb_nav > li.main_favorite > span{background:url(../images/common/icn_favorite.png) no-repeat 50% 0;}

.lnb_menu{width:250px;height:100%;border-right: 1px solid #ddd;box-shadow: 1px 1px 5px rgba(0, 0, 0, .3);}
.lnb_menu h2{height:68px;padding:30px 20px 0;font-size:18px;color:#202986;}
.lnb_menu h2 > span{display:block;padding-bottom: 20px; font-weight: 700;border-bottom:1px solid #ddd ;}
.lnb_menu > li{display:none;height:100%;}
.lnb_menu > li.open{display: block;}

.lnb_lst_wp{position: absolute;top:72px;left:0;width:245px;height:calc(100% - 75px);overflow: auto;}
.lnb_lst{padding:10px 20px 10px 30px;}
.lnb_lst_wp::-webkit-scrollbar{width:5px;}
.lnb_lst_wp::-webkit-scrollbar-track {background-color:transparent;}
.lnb_lst_wp::-webkit-scrollbar-thumb {background:rgb(0,0,0, 0.5); border-radius:5px;}

.lnb_lst > li{position: relative;padding:10px 0;font-size:18px;line-height:1.4;color:#000;}
.lnb_lst > li > a:before, .lnb_lst > li > span::before{content: '· ';}
.lnb_lst > li > a, .lnb_lst > li > span{display: block; color:#000;word-break: break-all;padding-left: 10px;text-indent: -10px;}
.lnb_lst > li.on > a , .lnb_lst > li.on > span{color:#164dca;font-weight: 600;}
.lnb_lst > li.on .lnb_sub_lst{height: auto;opacity: 1;}
.lnb_lst > li > a.icn_setting{display: inline-block;width:18px;height:18px;position: absolute;right:0;top:15px;background: url(../images/content/icn_setting_2.png) no-repeat 50% 50%;}
.lnb_lst > li > a.icn_setting:before{content: none;}

/* OLAP icon */
.lnb_depth4 .depth4_ct li.icn_setting a::before{content: none;}

.lnb_sub_lst{height: 0;opacity: 0;transition:all 0.5s ease-in; padding:10px 10px 0 10px;overflow: hidden;}
.lnb_sub_lst > li{position:relative;font-size: 14px;color:#000;display: block;}
.lnb_sub_lst > li > a{display: block;padding:5px 10px 5px 10px;word-break:normal;}
.lnb_sub_lst > li.on > a{color:#164dca;font-weight: 600;text-decoration: underline;}
.lnb_sub_lst > li:hover > a{text-decoration: underline;color:#164dca;font-weight:600;}
.lnb_sub_lst > li.on:hover > a{text-decoration: underline;color: #164dca;}

.lnb_depth4{display:none; position:absolute;top:140px;left:250px;width:450px;height:380px;border:1px solid #ddd;background-color: #fff;box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);z-index: 5;}
.lnb_depth4 .depth4_tit{position: relative; padding:20px;background-color:#164dca;font-size: 16px;color: #fff;}
.lnb_depth4 .depth4_ct{padding:20px}
.lnb_depth4 .depth4_ct > ul{max-height: 280px;overflow-y: auto;}
.lnb_depth4 .depth4_ct li{padding-left:10px;}
.lnb_depth4 .depth4_ct a{display:inline-block ; padding:10px 0;word-wrap: break-word;padding-left: 10px;text-indent: -10px;}
.lnb_depth4 .depth4_ct li a::before{content: "· ";}
.lnb_depth4 .depth4_ct li:hover > a{text-decoration: underline;color:#164dca;font-weight:600;}

.depth4_close{position:absolute;top:10px;right:10px;width:40px;height:40px;cursor: pointer;}
.depth4_close::before{content: "";position:absolute;left:50%;top:25%;display:inline-block;width:2px;height:18px;transform:rotate(135deg);background-color:#fff ;}
.depth4_close::after{content: "";position:absolute;left:50%;top:25%;display:inline-block;width:2px;height:18px;transform:rotate(45deg);background-color:#fff ;}

.mainFavorite .lnb_lst > li > a,
.mainFavorite .lnb_lst > li > span{font-size: 14px;}
.mainFavorite .lnb_lst > li{padding:7px 0}

/* contents */
.layout_tabs{position: relative; overflow:hidden;height:40px;border-bottom: 1px solid #e0e3e6;}
.layout_tabs .refresh{position: absolute;left:0;z-index: 10; display:inline-block;height:40px;width:40px;border:1px solid #e0e3e6;border-bottom:0;background-color: #eee;background: url(../images/common/bg_refresh.png) no-repeat 50% 50%;}
.layout_tabs .tabs_Aclose{position:absolute;top:0;right:0;line-height: 40px;padding:0 10px;background-color:#2290a7;color: #fff;font-size: 14px;}
.layout_tabs .mdi_tabs li.home{background-color: #eee;}

.layout_tabs .mdi_tabs_wp{position: absolute;top:0;left:90px;right:120px;overflow: hidden;}
.layout_tabs .mdi_tabs{font-size: 0;white-space: nowrap;}
.layout_tabs .mdi_tabs li{display:inline-block;height:40px;font-size:16px;border:1px solid #e0e3e6;border-left:0;border-bottom:0;cursor: pointer;}
.layout_tabs .mdi_tabs li.on,
.layout_tabs .mdi_tabs li:hover{background-color:#001a55;color:#fff;border-color:#001a55;font-weight:600;letter-spacing:-0.1px;}
.layout_tabs .mdi_tabs a{display: inline-block;padding:10px 15px 10px 20px;}
.layout_tabs .mdi_tabs .tab_close{display:inline-block;width:10px;height:10px;margin:14px 7px 0 0;background-image:url(../images/common/tabs_close.png);background-position: 0 0;background-repeat: no-repeat;vertical-align:top;}
.layout_tabs .mdi_tabs li.on .tab_close,
.layout_tabs .mdi_tabs li:hover .tab_close{background-position: 0 -10px;}

[class^="mdi_tabNav"]{position: absolute;top:0;width:40px;height:40px;border:1px solid #ddd;cursor: pointer;}
.mdi_tabNav_left{left:50px;background:url(../images/common/tabs_move_left.png) no-repeat 50% 50%;}
.mdi_tabNav_right{right:80px;background:url(../images/common/tabs_move_right.png) no-repeat 50% 50%;}

/* contents area*/
/* 즐겨찾기 체크 */
.contents .favoriteCheck{display: inline-block;vertical-align: top;}
.contents .favoriteCheck input[type="checkbox"] {display:none; -webkit-appearance:none;appearance:none;margin-left: 0 !important;}
.contents .favoriteCheck input[type="checkbox"] + label{position:relative;display:inline-block;width:23px;height:23px;cursor: pointer;background-image:url(../images/common/check_favorite.png);background-position: 0 -23px; background-repeat: no-repeat;}
.contents .favoriteCheck input[type="checkbox"] + label:before{content:none;}
.contents .favoriteCheck input[type="checkbox"] + label::after{content:none;}
.contents .favoriteCheck input[type="checkbox"]:checked  + label{background-position:0 0;}

.layout_cont .cont_tit{/*max-width: 1590px;margin: 0 auto;*/padding: 30px 0 20px;overflow: hidden;}
.layout_cont .cont_tit h3{float:left;}
.layout_cont .cont_tit h3 > *{vertical-align: top;}
.layout_cont .cont_tit h3 > .tit{line-height:23px;font-size:20px;margin-left: 5px;color:#000;font-weight:500;}
.layout_cont .cont_tit h3 > .subtit{display: inline-block;margin-left:10px;margin-top:7px; font-size:14px;color:#999;font-weight: 500;}
.layout_cont .cont_tit h3 > .btn_manual{display: inline-block;width:100px;height: 29px; margin-left:10px;background: url(../images/content/btn_manual.png) no-repeat 0 0;}
.layout_cont .cont_tit .location{float: right;}
.layout_cont .cont_tit .location li{position:relative;display:inline-block;padding-right:5px;font-size:14px;}
.layout_cont .cont_tit .location li:before{content:"";display:inline-block;width:10px;height:10px;margin-right:10px;background:url(../images/common/icn_location.png) no-repeat 50% 50% ;}
.layout_cont .cont_tit .location li:first-child:before{content: none;}

@import url('../font/pretendard/pretendard.css');

body, html, select, input, textarea {letter-spacing:-0.4px;font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
input::placeholder {font-size:14px;}

/* 키보드로 버튼에 포커스 시 */
a:focus-visible, button:focus-visible {outline:1px solid #ccc;}
/* 마우스, 터치로 버튼에 포커스 시 */
/* button:focus:not(:focus-visible) {outline:none;box-shadow:1px 3px 2px rgba(69, 69, 69, .2);} */

/* utill_menu */
.utill_menu {right:30px;margin-top:9px;}
.icn_utill > li {position:relative;margin:0 !important;padding:10px 0;border-left:none;}
.icn_utill > li > span {display:block;width:44px;height:44px;margin:0 10px;font-size:12px;color:#666;font-weight:600;text-align:center;line-height:29px;letter-spacing:-0.3px;cursor:pointer;}
.icn_utill > li:nth-child(1) > span {width:auto;}
.icn_utill > li > span:before {content:"";position:absolute;left:0;top:50%;width:1px;height:20px;transform:translate(0, -50%);background:#c6c6c6;}
.icn_utill > li > span a:before {content:"";display:block;width:24px;height:24px;margin:0 auto;}
.icn_utill > li.utl1 > span:before {display:none;}
.icn_utill > li.utl1 span a:before {background:url(../images/common/icon_info.svg) no-repeat center center;}
.icn_utill > li.utl2 span a:before {background:url(../images/common/icon_star.svg) no-repeat center center;}
.icn_utill > li.utl3 span a:before {background:url(../images/common/icon_setting.svg) no-repeat center center;}
.icn_utill > li.utl4 span a:before {background:url(../images/common/icon_user.svg) no-repeat center center;}
.icn_utill > li.utl5 span a:before {background:url(../images/common/icon_logout.svg) no-repeat center center;}
.icn_utill > li:nth-child(1) span a {pointer-events:none}
.icn_utill > li:last-child > span {margin-right:0;}
.icn_utill > li > span:hover, .icn_utill > li > span.show {color:#164dca;}
.icn_utill > li > span:hover a:before, .icn_utill > li > span.show a:before {filter:invert(30%) sepia(100%) saturate(3786%) hue-rotate(217deg) brightness(86%) contrast(86%);}

/* 사용자 모달팝업 */
.icn_utill .utill_tooltip_ct {z-index:1000;top:67px;left:42%;padding:0;border-radius:5px;border-color:#154dc9;opacity:0.97;box-shadow:0 3px 10px 5px rgb(56, 56, 56, 0.16);}
.icn_utill .utill_tooltip_ct:after {border-color:#265acd;}
.icn_utill .utill_tooltip_ct > ul {padding:15px;}
.icn_utill .utill_tooltip_ct > ul > li {line-height:20px;}
.icn_utill .utill_tooltip_ct > ul > li.bor {padding:0 0 6px;margin-bottom:6px;font-size:14px;font-weight:600;}
.icn_utill .utill_tooltip_ct > ul > li:before {display:none;}

/* 즐겨찾기 모달팝업 */
.favlist_wrap {display:none;z-index:1000;position:absolute;top:67px;left:36%;width:290px;margin-left:-140px;border-radius:5px;border:1px solid #154dc9;opacity:0.97;box-shadow:0 3px 10px 5px rgb(56, 56, 56, 0.16);background-color:#fff;}
/* 스크롤바의 폭 너비 */
.favlist_wrap:after {content:"";position:absolute;top:-5px;left:50%;width:8px;height:8px;background-color:#fff;border:1px solid #265acd;border-width:0 1px 1px 0;transform:rotate(-135deg);}
.favlist_wrap > ul {padding:3px 18px;}
.favlist_wrap > ul > li {position:relative;margin:13px 0;padding-left:12px;font-size:14px;font-weight:600;line-height:20px;color:#666;}
.favlist_wrap > ul > li:before {content:"";position:absolute;left:0;top:8px;width:3px;height:3px;background:#164dca;}
.favlist_wrap > ul > li * {vertical-align:middle;}
.favlist_wrap > ul > li em {display:block;margin-bottom:5px;}
.favlist_wrap > ul > li a {font-weight:700;color:#333;}
.favlist_wrap > ul > li a:hover {color:#164dca;text-decoration:underline;}
.favlist_wrap > ul > li span {position:relative;line-height:16px;}
.favlist_wrap ul.scrolly {overflow-y:scroll;height:615px;}
.favlist_wrap ul.scrolly::-webkit-scrollbar {width:8px;}
.favlist_wrap ul.scrolly::-webkit-scrollbar-thumb {background:rgba(84, 125, 216); /* 스크롤바 색상 */border-radius:5px; /* 스크롤바 둥근 테두리 */}
.favlist_wrap ul.scrolly::-webkit-scrollbar-track {background:rgba(166, 166, 166, .1); /*스크롤바 뒷 배경 색상*/}
/* 레이어 토글 */
.icn_utill .utill_tooltip span.show .utill_tooltip_ct, .view_favorites span.show .favlist_wrap {display:block;}
.modalwrap {z-index:999;position:absolute;top:0;left:0;bottom:0;right:0;background:transparent;}

/* gnb */
.gnb_wp {background:#373f57;}
.gnb_inner {display:block;padding:0 70px;}
.gnb_wp .gnb_area > ul {text-align:center;}
.gnb_wp .gnb_area > ul > li {display:inline-block;width:195px;}
.gnb_wp .gnb_area > ul > li > a {font-size:16px;font-weight:500;}
.gnb_wp .gnb_area .subNav {min-height:140px;padding:30px 0 0;}
.gnb_wp .gnb_area .subNav > ul {display:flex;justify-content:flex-start;min-width:185px;padding:0;}
.gnb_wp .gnb_area .subNav > ul:before{display:none;position:absolute;top:35px;left:0;width:180px;padding-top:100px;color:#000;font-size:20px;text-align:center;border-right: 1px solid #2b4d7d;}
.gnb_wp .gnb_area .subNav > ul > li {width:184px;margin:0 0 30px;}
.gnb_wp .gnb_area .subNav > ul > li > ul {padding:10px 20px 10px 0}
.gnb_wp .gnb_area .subNav > ul > li > ul > li {padding:5px 0;}
.gnb_wp .gnb_area .subNav > ul > li > ul > li > a:before {display:none;}
.gnb_area .subNav > ul > li > a:hover,  .gnb_wp .gnb_area .subNav > ul > li > ul > li > a:hover {color:#164dca;text-decoration:underline;}

.gnb_wp .gnb_area .subNav > ul > li > span, .gnb_area .subNav > ul > li > a {display:block;margin:0;padding:8px 0;line-height:20px;font-size:16px;text-align:left;color:#333;font-weight:700;border-radius:0;background:transparent;}
.gnb_wp .gnb_area .subNav > ul > li > ul > li > a {position:relative;display:inline-block;padding-left:0;font-size:14px;color:#666;}

.gnb_wp .gnb_area > ul > li.on .subNav {display:flex;justify-content:center;min-height:223px;padding:30px 108px 0;background:#fff;box-shadow:1px 5px 15px rgb(0,0,0, 0.1);}
.gnb_wp .gnb_area > ul > li.on .subNav > ul {width:1300px;}

/*
.gnb_wp .gnb_area > ul > li:nth-child(1) .subNav {display:block;}
.gnb_area > ul > li:nth-child(1) .subNav {background:#fff}
*/

.user_utill {margin-top:10px; position: relative;  z-index:1000;}
.user_utill .utill_tooltip {}
.user_utill .utill_tooltip > span {}
.user_utill .utill_tooltip > span a {color: #164DCA; font-size:13px; font-weight:600;}
.user_utill .utill_tooltip select {height:32px; width:200px; position: relative; padding:0 12px; margin-left:12px; align-items: center; color:#000; font-size: 13px; font-weight:400; border:1px solid #CBCBCB; border-radius:4px;}
.user_utill .utill_tooltip > span.show a em::after {transform: rotate(-180deg);}

/* 사용자 모달팝업 */
.user_utill .utill_tooltip_ct {position: absolute;background-color: #fff; width:100%; top:37px;left:0; padding:0;border-radius:5px;border-color:#154dc9;opacity:0.97;box-shadow:0 3px 10px 5px rgb(56, 56, 56, 0.16);}
.user_utill .utill_tooltip_ct:after {border-color:#265acd;}
.user_utill .utill_tooltip_ct > ul {padding:15px;}
.user_utill .utill_tooltip_ct > ul > li {line-height:20px;}
.user_utill .utill_tooltip_ct > ul > li.bor {padding:0 0 6px;margin-bottom:6px;font-size:14px;font-weight:600;}
.user_utill .utill_tooltip_ct > ul > li:before {display:none;}
.user_utill .utill_tooltip_ct > ul > li.bor select {width: 100%;}
.icn_utill  {float: right;}
.icn_utill > li > span:before {display: none;}
.icn_utill > li + li > span:before {display: initial;}