@charset "utf-8";
/*	
	-----------------------------------------------
	* visual.css (시각화 사이트맵 전용)
	-----------------------------------------------
*/


.visual_sitemap {position:fixed; top:0; left:0; right:0; bottom:0; overflow:auto; z-index:9999; background:url(../img/visual_sitemap/bak_body.png) no-repeat 50% 50% fixed; background-size:cover;}
.visual_sitemap .container {min-width:1200px;}
.visual_sitemap + .btnboxR {display: none;}

.visual_sitemap .vs_head {display:block; position:relative; border-bottom:1px solid #293f50; background:#fff; z-index:999;}
.visual_sitemap .vs_head > div {position:relative; max-width:1200px; padding:10px 0; margin:0 auto;}
.visual_sitemap .vs_head > div:after {content:""; display:block; clear:both;}
.visual_sitemap .vs_head h1 {float:left; line-height:40px; color:#333333; font-size:24px; font-weight:800; margin-right:55px;}
.visual_sitemap .vs_head h1 em {color:#216cda !important;}

.visual_sitemap .gnb_nav_box {float:left; position:relative;}
.visual_sitemap .gnb_nav_box button {position:relative; height:40px; vertical-align:middle; background:#003e92; color:#fff; border-radius:3px; width:150px; box-sizing:border-box; padding:0 22px 2px; text-align:left; z-index:0;}
.visual_sitemap .gnb_nav_box button i {display:block; position:absolute; right:20px; top:50%; margin-top:-5px; width:15px; height:10px; background:url('../img/visual_sitemap/arrow_select_visual_sitemap.png') no-repeat 50% 50%; background-size:contain;}
.visual_sitemap .gnb_nav_box dd {display:none; position:absolute; top:100%; left:0; right:0; padding:10px; background:#333;}
.visual_sitemap .gnb_nav_box dd a {display:block; color:#fff; padding:10px 20px;}
.visual_sitemap .gnb_nav_box dd a + a {border-top:1px dashed rgba(255,255,255,.4);}
.visual_sitemap .gnb_nav_box dd button {position:absolute; top:-50px; left:0; right:0; z-index:1;}
.visual_sitemap .gnb_nav_box.open dd {display:block;}
.visual_sitemap .gnb_nav_box.open button i {transform:rotate(0deg); -webkit-transform:rotate(0deg);}

.visual_sitemap .vs_options {float:right;}
.visual_sitemap .vs_options > * {float:left;}
.visual_sitemap .vs_options > * + * {margin-left:5px;}
.visual_sitemap .vs_options select {border-radius:3px; appearance: none; padding-left:20px; height:40px; padding-right:60px; background:url(../img/visual_sitemap/ico_date_select.png) no-repeat top 50% right 15px;}
.visual_sitemap .vs_options select::-ms-expand {display:none}
.visual_sitemap .vs_options button {display:block; line-height:40px; padding:0 30px; border-radius:3px;}
.visual_sitemap .vs_options button.search {background:#216cda; color:#fff;}
.visual_sitemap .vs_options button.sitemap {color:#fff; padding-right:70px; background:url(../img/visual_sitemap/ico_link.png) no-repeat top 50% right 38px #05b59d;}

.visual_sitemap .vs_body {display:block; position:relative; max-width:1200px; margin:0 auto; height:874px;}
.visual_sitemap .vs_body li {display:block; position:absolute; width:270px; border-radius:100%; overflow:hidden;}
.visual_sitemap .vs_body li:before {content:""; display:block; position:relative; padding-top:100%; background:#216cda; opacity:.8; transition:.3s all; -webkit-transition:.3s all;}
.visual_sitemap .vs_body li a {display:block; position:absolute !important; top:0; left:0; right:0; bottom:0; text-align:center; line-height:1.2;}
.visual_sitemap .vs_body li:hover {z-index:99 !important;}
.visual_sitemap .vs_body li .num {position:absolute; top:15%; left:0; right:0; font-size:30px; opacity:.3; color:#fff;}
.visual_sitemap .vs_body li .con {display:table; width:100%; height:100%;}
.visual_sitemap .vs_body li .con > * {display:table-cell; vertical-align:middle; font-size:43px !important; font-weight:600; color:#fff !important; padding:15px 20px 0;}

.visual_sitemap .vs_body li[data-index="1"] {top:51px; left:370px; transform:scale(1); -webkit-transform:scale(1);}

.visual_sitemap .vs_body li[data-index="2"] {top:292px; left:637px; transform:scale(.98); -webkit-transform:scale(.98);}
.visual_sitemap .vs_body li[data-index="2"]:before {background:#217ad9;}

.visual_sitemap .vs_body li[data-index="3"] {top:408px; left:155px; transform:scale(.96); -webkit-transform:scale(.96);}
.visual_sitemap .vs_body li[data-index="3"]:before {background:#2189d9;}

.visual_sitemap .vs_body li[data-index="4"] {top:530px; left:566px; transform:scale(.94); -webkit-transform:scale(.94);}
.visual_sitemap .vs_body li[data-index="4"]:before {background:#2198d9;}

.visual_sitemap .vs_body li[data-index="5"] {top:545px; left:933px; transform:scale(.92); -webkit-transform:scale(.92);}
.visual_sitemap .vs_body li[data-index="5"]:before {background:#21a8d9;}

.visual_sitemap .vs_body li[data-index="6"] {top:102px; left:33px; transform:scale(.9); -webkit-transform:scale(.9);}
.visual_sitemap .vs_body li[data-index="6"]:before {background:#21b7d9;}

.visual_sitemap .vs_body li[data-index="7"] {top:245px; left:320px; transform:scale(.88); -webkit-transform:scale(.88);}
.visual_sitemap .vs_body li[data-index="7"]:before {background:#21c6d9;}

.visual_sitemap .vs_body li[data-index="8"] {top:28px; left:915px; transform:scale(.86); -webkit-transform:scale(.86);}
.visual_sitemap .vs_body li[data-index="8"]:before {background:#21d6d9;}

.visual_sitemap .vs_body li[data-index="9"] {top:595px; left:209px; transform:scale(.84); -webkit-transform:scale(.84);}
.visual_sitemap .vs_body li[data-index="9"]:before {background:#21d9cc;}

.visual_sitemap .vs_body li[data-index="10"] {top:310px; left:0px; transform:scale(.82); -webkit-transform:scale(.82);}
.visual_sitemap .vs_body li[data-index="10"]:before {background:#21d9bd;}

.visual_sitemap .vs_body li[data-index="11"] {top:391px; left:819px; transform:scale(.8); -webkit-transform:scale(.8);}
.visual_sitemap .vs_body li[data-index="11"]:before {background:#21d9ae;}

.visual_sitemap .vs_body li[data-index="12"] {top:22px; left:707px; transform:scale(.78); -webkit-transform:scale(.78);}
.visual_sitemap .vs_body li[data-index="12"]:before {background:#21d99e;}

.visual_sitemap .vs_body li[data-index="13"] {top:579px; left:-10px; transform:scale(.76); -webkit-transform:scale(.76);}
.visual_sitemap .vs_body li[data-index="13"]:before {background:#21d9ae;}

.visual_sitemap .vs_body li[data-index="14"] {top:398px; left:429px; transform:scale(.74); -webkit-transform:scale(.74);}
.visual_sitemap .vs_body li[data-index="14"]:before {background:#21d99e;}

.visual_sitemap .vs_body li[data-index="15"] {top:247px; left:916px; transform:scale(.72); -webkit-transform:scale(.72);}
.visual_sitemap .vs_body li[data-index="15"]:before {background:#21d98f;}

.visual_sitemap .vs_body li[data-index="16"] {top:-21px; left:521px; transform:scale(.7); -webkit-transform:scale(.7);}
.visual_sitemap .vs_body li[data-index="16"]:before {background:#21d980;}

.visual_sitemap .vs_body li[data-index="17"] {top:632px; left:388px; transform:scale(.68); -webkit-transform:scale(.68);}
.visual_sitemap .vs_body li[data-index="17"]:before {background:#21d970;}

.visual_sitemap .vs_body li[data-index="18"] {top:183px; left:493px; transform:scale(.66); -webkit-transform:scale(.66);}
.visual_sitemap .vs_body li[data-index="18"]:before {background:#21d961;}

.visual_sitemap .vs_body li[data-index="19"] {top:26px; left:175px; transform:scale(.64); -webkit-transform:scale(.64);}
.visual_sitemap .vs_body li[data-index="19"]:before {background:#21d952;}

.visual_sitemap .vs_body li[data-index="20"] {top:613px; left:722px; transform:scale(.62); -webkit-transform:scale(.62);}
.visual_sitemap .vs_body li[data-index="20"]:before {background:#21d942;}