@charset "utf-8"; @import url("reset.css"); @import url("board.css"); @import url("comPopMain.css"); @import url("jquery.bxslider.4.2.12.css"); /* layout ---------------------------------------------------------------------- */ #wrap {width:100%; min-width:1200px;} #areaHeader {position:relative; width:100%; min-height:155px; z-index:999;} #areaFooter {position:relative; width:100%; min-height:130px; background:#f4f4f4; overflow:hidden;} .wth1200 {position:relative; width:1200px; margin:0 auto;} a:hover {color:#494bc5;} /* ahover = 컨셉컬러 */ /* Header */ #headerWrap{position:absolute; left:0; width:100%; height:130px; padding-top:25px; background:url(../images/gnb/gnbBg.png) repeat-x top center} #header{position:relative; width:1200px; margin:0 auto; height:160px; } #header h1 a {background:url(../images/gnb/logo.png) no-repeat 0 0; text-indent:-9999px; z-index:10003; display:block; width:270px; height:40px; } #header .multibox {position:absolute; top:0; right:0; height:22px; z-index:999;} #header .multibox li {float:left; background:url(../images/contents/bulGy4.png) no-repeat 5px 8px; padding-left:14px;} #header .multibox li:first-child {background:none !important;} #header > #gnb{position:relative; height:55px; padding-top:35px;} #header > #gnb > li {width:199px; float:left;text-align:center; height:55px; border-right:1px solid #565796; } #header > #gnb > li:first-child {width:198px; border-left:1px solid #565796;} #header > #gnb > li > a {font-size:20px; line-height:55px; vertical-align:middle; font-weight:600; color:#fff; text-transform:uppercase; } #header > #gnb > li:hover {background:#6177ef; border-right:1px solid #565796;} #header > #gnb > li > ul {display:none; height:270px; margin-top:10px; padding:12px 0; position:relative; border-left:1px dotted #e5e5e5; z-index:100002; } #header > #gnb > li > ul.sub_menu > li {} #header > #gnb > li > ul.sub_menu > li > a {display:block; color:#333; font-size:16px; line-height:33px;} #header > #gnb > li > ul.sub_menu > li > a:hover {color:#2f4c9e; background:#e6e6ff;} #header > #gnb > li > ul > li > a:hover,#header > #gnb > li > ul > li > a:active,#header > #gnb > li > ul > li > a:focus{color:#245ccf;} /* footer */ #areaFooter .logo {position:absolute; top:22px; left:0; width:270px; height:40px; background:url(../images/footer/logo.png) no-repeat 0 0; text-indent:-999px;} #areaFooter .linkbox span {display:inline-block; line-height:20px;} #areaFooter .linkbox span a {font-size:14px;} #areaFooter .linkbox span.line {font-size:11px; line-height:20px; padding:0 10px 5px 10px; vertical-align:middle; color:#bbbbbb;} /* visual */ #visual {position:relative; width:100%; height:400px;} #visual .bx-wrapper {z-index:9} #visual .bx-wrapper div.img {height:400px; text-indent:-9999px;} #visual .bx-wrapper div a {display:block; width:1200px; height:400px; margin:0 auto; z-index:10000 !important; text-indent:-9999px;} #visual .bx-wrapper div.b1 {background:url(../images/main/b20190131_1.png) no-repeat top center;} #visual .bx-wrapper div.b2 {background:url(../images/main/b20190131_2.png) no-repeat top center;} /* 배너추가 */ #visual .bx-wrapper div.b20190215_1 {background:url(../images/main/b20190215_1.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190215_2 {background:url(../images/main/b20190215_2.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190215_3 {background:url(../images/main/b20190215_3.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190215_4 {background:url(../images/main/b20190215_4.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190215_5 {background:url(../images/main/b20190215_5.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190328_1 {background:url(../images/main/b20190328_1.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190328_2 {background:url(../images/main/b20190328_2.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190328_3 {background:url(../images/main/b20190328_3.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190328_4 {background:url(../images/main/b20190328_4.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190405_1 {background:url(../images/main/b20190405_1.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190424_1 {background:url(../images/main/b20190424_1.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190430_1 {background:url(../images/main/b20190430_1.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190516_1 {background:url(../images/main/b20190516_1.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190516_2 {background:url(../images/main/b20190516_2.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190530_1 {background:url(../images/main/b20190530_1.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190530_2 {background:url(../images/main/b20190530_2.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190530_3 {background:url(../images/main/b20190530_3.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190626_1 {background:url(../images/main/b20190626_1.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190708_1 {background:url(../images/main/b20190708_1.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190708_2 {background:url(../images/main/b20190708_2.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190708_3 {background:url(../images/main/b20190708_3.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190807_1 {background:url(../images/main/b20190806_1.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190807_2 {background:url(../images/main/b20190806_2.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190820_1 {background:url(../images/main/b20190820_1.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190903_1 {background:url(../images/main/b20190903_1.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190903_2 {background:url(../images/main/b20190903_2.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190927_1 {background:url(../images/main/b20190927_1.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190927_2 {background:url(../images/main/b20190927_2.jpg) no-repeat top center;} #visual .bx-wrapper div.b20190927_3 {background:url(../images/main/b20190927_3.jpg) no-repeat top center;} #visual .bx-wrapper div.b20191004_1 {background:url(../images/main/b20191004_1.jpg) no-repeat top center;} #visual .bx-wrapper div.b20191004_2 {background:url(../images/main/b20191004_2.jpg) no-repeat top center;} #visual .bx-wrapper div.b20191031_1 {background:url(../images/main/b20191031_1.jpg) no-repeat top center;} #visual .bx-wrapper div.b20191031_2 {background:url(../images/main/b20191031_2.jpg) no-repeat top center;} #visual .bx-wrapper div.b20191113_1 {background:url(../images/main/b20191113_1.jpg) no-repeat top center;} #visual .bx-wrapper div.b20191204_1 {background:url(../images/main/b20191204_1.jpg) no-repeat top center;} #visual .bx-wrapper div.b20191204_2 {background:url(../images/main/b20191204_2.jpg) no-repeat top center;} #visual .bx-wrapper div.b20191204_3 {background:url(../images/main/b20191204_3.jpg) no-repeat top center;} #visual .bx-wrapper div.b20200103_1 {background:url(../images/main/b20200103_1.jpg) no-repeat top center;} #visual .bx-wrapper div.b20200114_1 {background:url(../images/main/b20200114_1.jpg) no-repeat top center;} #visual .bx-wrapper div.b20200114_2 {background:url(../images/main/b20200114_2.jpg) no-repeat top center;} #visual .bx-wrapper div.b20200221_1 {background:url(../images/main/b20200221_1.jpg) no-repeat top center;} #visual .bx-wrapper div.b20200221_2 {background:url(../images/main/b20200221_2.jpg) no-repeat top center;} #visual .bx-wrapper div.b20200318_1 {background:url(../images/main/b20200318_1.jpg) no-repeat top center;} #visual .bx-wrapper div.b20200318_2 {background:url(../images/main/b20200318_2.jpg) no-repeat top center;} #visual .bx-wrapper div.b20200318_3 {background:url(../images/main/b20200318_3.jpg) no-repeat top center;} #visual .bx-wrapper div.b20200522 {background:url(../images/main/b20200522.jpg) no-repeat top center;} #visual .bx-wrapper div.b20200522_2 {background:url(../images/main/b20200522_2.jpg) no-repeat top center;} #visual .bx-wrapper div.b20200609 {background:url(../images/main/b20200609.jpg) no-repeat top center;} #visual .bx-wrapper div.b20200707_1 {background:url(../images/main/b2020707_1.jpg) no-repeat top center;} #visual .bx-wrapper div.b20200707_2 {background:url(../images/main/b2020707_2.jpg) no-repeat top center;} #visual .bx-wrapper div.b20200710 {background:url(../images/main/b20200710.jpg) no-repeat top center;} #visual .bx-wrapper div.b20200720 {background:url(../images/main/b20200720.jpg) no-repeat top center;} #visual .bx-wrapper div.b20200723 {background:url(../images/main/b20200723.jpg) no-repeat top center;} #visual .bx-wrapper div.b20200804 {background:url(../images/main/b20200804.jpg) no-repeat top center;} #visual .bx-wrapper div.b20200810 {background:url(../images/main/b20200810.jpg) no-repeat top center;} #visual .bx-wrapper div.b20200819 {background:url(../images/main/b20200819.jpg) no-repeat top center;} #visual .bx-wrapper div.b20201211 {background:url(../images/main/b20201211.jpg) no-repeat top center;} #visual .bx-wrapper div.b20210319 {background:url(../images/main/b20210319.jpg) no-repeat top center;} #visual .bx-wrapper div.b20210426 {background:url(../images/main/b20210426.jpg) no-repeat top center;} #visual .bx-wrapper div.b20211012_1 {background:url(../images/main/b20211012_1.jpg) no-repeat top center;} #visual .bx-wrapper div.b20211012_2 {background:url(../images/main/b20211012_2.jpg) no-repeat top center;} #visual .bx-wrapper div.b20211012_3 {background:url(../images/main/b20211012_3.jpg) no-repeat top center;} #visual .bx-wrapper div.b20211201 {background:url(../images/main/b20211201.jpg) no-repeat top center;} #visual .bx-wrapper div.b20211230 {background:url(../images/main/b20211230.jpg) no-repeat top center;} #visual .bx-wrapper div.b20220120 {background:url(../images/main/b_220120.jpg) no-repeat top center;} #visual .bx-wrapper div.b20220411_1 {background:url(../images/main/b20220411.jpg) no-repeat top center;} #visual .bx-wrapper div.b20220411_2 {background:url(../images/main/b20220411_2.jpg) no-repeat top center;} #visual .bx-wrapper div.b20220422 {background:url(../images/main/b20220422.jpg) no-repeat top center;} #visual .bx-wrapper div.b20220615 {background:url(../images/main/b20220615.png) no-repeat top center; } #visual .bx-wrapper div.b20240227 {background:url(../images/main/b20240227.jpg) no-repeat top center; } #visual .bx-controls {position:absolute; width:1200px; height:auto; top:170px; margin:0 auto; left:0; right:0;} #visual .bx-wrapper .bx-prev {left:0; background: url('../images/main/arwLeftNew.png') no-repeat 0 0; } #visual .bx-wrapper .bx-next {right:0; background: url('../images/main/arwRightNew.png') no-repeat 0 0; } #visual .bx-wrapper .bx-prev:hover, #visual .bx-wrapper .bx-prev:focus {background: url('../images/main/arwLeftNewGy.png') no-repeat 0 0; } #visual .bx-wrapper .bx-next:hover, #visual .bx-wrapper .bx-next:focus {background: url('../images/main/arwRightNewGy.png') no-repeat 0 0; } #visual .bx-wrapper .bx-controls-direction a {width:28px; height:46px;} #visual .bx-wrapper .bx-controls-auto .bx-start {background: url('../images/main/startNew.png') 0 0 no-repeat; width:17px; height:19px;} #visual .bx-wrapper .bx-controls-auto .bx-stop {background: url('../images/main/stopNew.png') 0 0 no-repeat; width:17px; height:19px;} #visual .bx-wrapper .bx-controls-auto .bx-start:hover, #visual .bx-wrapper .bx-controls-auto .bx-start.active, #visual .bx-wrapper .bx-controls-auto .bx-start:focus {background: url('../images/main/startNewGy.png') 0 0 no-repeat;} #visual .bx-wrapper .bx-controls-auto .bx-stop:hover, #visual .bx-wrapper .bx-controls-auto .bx-stop.active, #visual .bx-wrapper .bx-controls-auto .bx-stop:focus {background: url('../images/main/stopNewGy.png') 0 0 no-repeat;} #visual .bx-wrapper .bx-pager.bx-default-pager a { background: #fff; display: block; width: 15px; height: 15px; margin-left:7px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; text-indent: 100%; white-space: nowrap; overflow: hidden; } #visual .bx-wrapper .bx-pager.bx-default-pager a:hover, #visual .bx-wrapper .bx-pager.bx-default-pager a.active, #visual .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#ffc273;} #visual .bx-wrapper .bx-controls {z-index:100;} #visual .bx-wrapper .bx-controls .bx-controls-auto {position:absolute; top:190px; left:73px; right:0; bottom:20px; margin:0 auto; display:inline-block;} #visual .bx-wrapper .bx-controls .bx-pager {position:absolute; top:172px; left:50; right:0; bottom:22px; display:inline-block; text-align:center; width:100%;} .bx-controls-auto-item a{ position:absolute; top:2px; left:70px; } #mContainer {position:relative; width:1200px; margin:30px auto; overflow:hidden; } #mContainer .leftBox {position:relative; width:800px; overflow:hidden; float:left;} #mContainer .leftBox .photoBox {overflow:hidden;} #mContainer .leftBox .photoBox li {position:relative; float:left; border:1px solid #dbdbdb; margin-left:4px;} #mContainer .leftBox .photoBox li:first-child {margin-left:0 !important;} #mContainer .leftBox .photoBox li img {width:262px; height:174px;} #mContainer .leftBox .photoBox li a {display:block; width:262px; height:174px;} #mContainer .leftBox .photoBox li span {width:100%; background:rgba(0, 0, 0, 0.5); text-align:center; color:#fff; position:absolute; bottom:0; height:50px; line-height:50px;} #mContainer .leftBox .noticeBox {border:1px solid #e0e0e0; padding:15px 20px;} #mContainer .leftBox .noticeBox .tit {position:relative; font-size:22px; font-weight:bold; border-bottom:2px solid #000; padding-bottom:10px;} #mContainer .leftBox .noticeBox .tit span {position:absolute; top:5px; right:0;} #mContainer .leftBox .noticeBox li {position:relative; line-height:27px;} #mContainer .leftBox .noticeBox li a {background:url(../images/contents/bulGy4.png) no-repeat 0 10px; padding-left:7px; font-size:16px;} #mContainer .leftBox .noticeBox li span {position:absolute; top:4px; right:0; color:#939393;} #mContainer .leftBox .banBox {position:relative; overflow:hidden;} #mContainer .leftBox .banBox li a {display:block; color:#fff; font-size:30px; font-weight:bold;} #mContainer .leftBox .banBox .bn1 {background:url(../images/main/leftBnBg1.png) no-repeat 0 0; width:370px; height:180px; line-height:180px; padding-left:30px;} #mContainer .leftBox .banBox .bn2 {position:relative; float:left; background:url(../images/main/leftBnBg2.png) no-repeat 0 0; width:320px; height:160px; padding:20px 0 0 80px; } #mContainer .leftBox .banBox .bn2 .goMap a {position:absolute; top:110px; right:10px; font-size:14px; color:#333; font-weight:normal;} #mContainer .leftBox .banBox .bn3 {background:url(../images/main/leftBnBg3.png) no-repeat 0 0; width:380px; height:285px; font-size:36px; text-align:center; padding-top:95px;line-height:1.8} #mContainer .rightBox {position:relative; width:380px; overflow:hidden; float:right;} #mContainer .rightBox .todayMenu {overflow:hidden; background:url(../images/main/todayMenuBg.png) no-repeat 0 0; height:230px;} #mContainer .rightBox .todayMenu .btn {display:block; background:#ffc039; font-size:14px; font-weight:bold; color:#fff; padding:5px 10px 8px 10px; border-radius:3px; text-align: center;} #mContainer .rightBox .todayMenu ul.flo_right {background:#f1ffde; text-align:center; width:180px; height:190px; padding:10px 0;} #mContainer .rightBox .todayMenu ul.flo_right li {font-size:14px; font-weight:bold; line-height:24px;} #mContainer .rightBox .banBox {position:relative; overflow:hidden;} #mContainer .rightBox .banBox li { float:left; } #mContainer .rightBox .banBox li a {display:block; color:#fff; font-size:30px; font-weight:bold;} #mContainer .rightBox .banBox .bn1 a {background:url(../images/main/rightBnBg1.png) no-repeat 0 0; width:340px; height:180px; padding:100px 0 0 40px;} #mContainer .rightBox .banBox .bn2 a {background:url(../images/main/rightBnBg2.png) no-repeat 0 0; width:380px; height:180px; line-height:180px; text-align:center;} #mContainer .rightBox .banBox .bn3 a {background:url(../images/main/rightBnBg3.png) no-repeat 0 0; width:180px; height:150px; text-align:center; padding-top:30px;} #mContainer .rightBox .banBox .bn4 a {background:url(../images/main/rightBnBg4.png) no-repeat 0 0; width:180px; height:150px; text-align:center; padding-top:30px;} #sVisual {overflow:hidden; width:100%; height:240px;} .sv1 {background:url(../images/contents/subBg1.png) no-repeat top center;} .sv2 {background:url(../images/contents/subBg2.png) no-repeat top center;} .sv3 {background:url(../images/contents/subBg3.png) no-repeat top center;} .sv4 {background:url(../images/contents/subBg4.png) no-repeat top center;} .sv5 {background:url(../images/contents/subBg5.png) no-repeat top center;} .sv6 {background:url(../images/contents/subBg6.png) no-repeat top center;} /* tnb */ .tnb {position:relative; } .tnb .dep1 {font-size:28px; color:#4c4ea1; font-weight:bold; text-align:center; padding-top:15px;} .tnb .dep1 span {width:200px; height:1px; background:#4c4ea1; text-indent:-9999px; display:block; position:absolute; top:70px; left:0; right:0; margin:0 auto;} .tnb .dep2 {overflow:hidden;} .tnb .dep2 li {float:left; display:block; text-align:center; background:#fff; border-left:1px solid #fff; border-top:3px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #e5e5e5;} .tnb .dep2 li a {color:#bababa; display:block; font-size:18px; width:100%; height:53px; line-height:53px;} .tnb .dep2 li:hover,.tnb .dep2 .on {border-top:3px solid #4c4ea1; background:#fff; line-height:53px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:none;} .tnb .dep2 li:hover a,.tnb .dep2 .on a {color:#333; font-weight:bold;} .tnb .dep2_2ea li {width:49.6%;} .tnb .dep2_3ea li {width:33.1%;} .tnb .dep2_4ea li {width:24.8%;} .tnb .dep2_5ea li {width:19.8%;} .tnb .dep2_6ea li {width:16.5%;} .tnb .dep2_7ea li {width:14.1%;} .tnb .dep2_8ea li {width:12.33%;} .tnb .dep3 {overflow:hidden;} .tnb .dep3 ul {height:60px;} .tnb .dep3 li {float:left; text-align:center; background:#f1f1f1; margin-left:1px;} .tnb .dep3 li:first-child {margin-left:0 !important;} .tnb .dep3 li a {display:block; color:#787878; font-size:16px; width:100%; height:60px; line-height:60px;} .tnb .dep3 li:hover,.tnb .dep3 .on {background:#4c4ea1;} .tnb .dep3 li:hover a,.tnb .dep3 .on a {color:#fff; } .tnb .dep3_2ea li {width:49.95%;} .tnb .dep3_3ea li {width:33.27%;} .tnb .dep3_4ea li {width:24.93%;} .tnb .dep3_5ea li {width:19.93%;} .tnb .dep3_6ea li {width:16.59%;} .tnb .dep3_7ea li {width:14.21%;} .tnb .dep3_8ea li {width:12.42%;} #sContainer {position:relative; overflow:hidden; background:url(../images/contents/depline.png) repeat-x top center;} #sContainer .contBox {position:relative; min-height:500px; margin:50px 0; overflow:hidden;} /* ing */ .ingBox {text-align:center;} .ingBox .img {width:180px; height:180px; margin:0 auto; background:url(../images/contents/ingBg.png) no-repeat 50% 50%; border:8px solid #c7cfe2; border-radius:50%;} #sContainer .contBox .infoBox {position:relative; overflow:hidden; padding:30px; margin-bottom:70px; font-size:18px; text-align:center; background:#f2f4ff; border:1px solid #dee3ff;} #sContainer .contBox .infoBox2 {position:relative; overflow:hidden; width:1200px; padding:10px 0; margin-bottom:70px; background:url(../images/contents/ptn_1.png)repeat 0 0;} #sContainer .contBox .infoBox2 .bgWhite {padding:30px; width:1120px; margin:0 auto; background:#fff; font-size:18px; text-align:center; } #sContainer .contBox .newsBox {} #sContainer .contBox .newsBox ul {background:url(../images/contents/newsletterBg.png) no-repeat top center; overflow:hidden;} #sContainer .contBox .newsBox ul li {float:left; width:33.33%;} #sContainer .contBox .newsBox ul li a {position:relative; display:block; width:200px; margin:0 auto; text-align:center; margin-top:26px;} #sContainer .contBox .newsBox ul li a img {width:200px; height:280px; -webkit-box-shadow:6px -5px 0px rgba(217,217,217,1); -moz-box-shadow:6px -5px 0px rgba(217,217,217,1); box-shadow:6px -5px 0px 0px rgba(217,217,217,1);} #sContainer .contBox .roundStep {position:relative; overflow:hidden;} #sContainer .contBox .roundStep li {display:block;} #sContainer .contBox .roundStep li.round {display:table-cell; width:170px; height:170px; font-size:20px; font-weight:bold; border:5px outset #c4c5e8; border-radius:50%; color:#4c4ea1; vertical-align: middle; text-align: center;} #sContainer .contBox .roundStep li.dotLine {margin:10px auto;} #sContainer .contBox .roundStep li.dotLine .dot {background:#4c4ea1; width:10px; height:10px; border-radius:50%; margin:0 auto;} #sContainer .contBox .roundStep li.dotLine .line {width:1px; background:#4c4ea1; margin:0 auto;} #sContainer .contBox .roundstText li {font-size:16px;overflow:hidden;} #sContainer .contBox .roundWhite {position:relative;} #sContainer .contBox .roundWhite li {float:left;} #sContainer .contBox .roundWhite .round {display:block; width:155px; height:75px; border-radius:50%; text-align:center; border:1px solid #dfdfdf; padding-top:80px; background:#fff} #sContainer .contBox .roundWhite .arrow {width:48px;} #sContainer .contBox .roundWhite .arrow span {display:block; width:25px; height:25px; margin:0 auto; border-radius:50%; margin-top:67px; background:url(../images/contents/arwWhite.png) no-repeat 9px 6px #c3c3c3} #sContainer .contBox .roundWhite .line {position:absolute; top:80px; left:0; height:1px; background:#dfdfdf; z-index:-1;} #sContainer .contBox .roundWhite .line2 {position:absolute; top:237px; left:0; height:1px; background:#dfdfdf; z-index:-1;} #sContainer .contBox .roundWhite .buss1_1 {background:url(../images/contents/buss_ico1_1.png) no-repeat 50% 20px #fff} #sContainer .contBox .roundWhite .buss1_2 {background:url(../images/contents/buss_ico1_2.png) no-repeat 50% 20px #fff} #sContainer .contBox .roundWhite .buss1_3 {background:url(../images/contents/buss_ico1_3.png) no-repeat 50% 20px #fff} #sContainer .contBox .roundWhite .buss1_4 {background:url(../images/contents/buss_ico1_4.png) no-repeat 50% 20px #fff} #sContainer .contBox .roundWhite .buss1_5 {background:url(../images/contents/buss_ico1_5.png) no-repeat 50% 20px #fff} #sContainer .contBox .roundWhite .buss2_4 {background:url(../images/contents/buss_ico2_4.png) no-repeat 50% 20px #fff} #sContainer .contBox .roundWhite .sbuss2_1 {background:url(../images/contents/sbuss_ico2_1.png) no-repeat 50% 20px #fff} #sContainer .contBox .roundWhite .sbuss2_2 {background:url(../images/contents/sbuss_ico2_2.png) no-repeat 50% 20px #fff} #sContainer .contBox .roundWhite .sbuss2_4 {background:url(../images/contents/sbuss_ico2_4.png) no-repeat 50% 20px #fff} #sContainer .contBox .roundWhite .sbuss2_5 {background:url(../images/contents/sbuss_ico2_5.png) no-repeat 50% 20px #fff} #sContainer .contBox .iconRound {position:relative; text-align:center;} #sContainer .contBox .iconRound li {display:inline-block; vertical-align:top; min-width:330px; min-height:400px; text-align:center;} #sContainer .contBox .iconRound .round {width:200px; height:200px; border-radius:50%; border:1px outset #d8d8d8; margin:0 auto;} #sContainer .contBox .iconRound .buss3_1 {background:url(../images/contents/buss_ico3_1.png) no-repeat 50% 50%} #sContainer .contBox .iconRound .buss3_2 {background:url(../images/contents/buss_ico3_2.png) no-repeat 50% 50%} #sContainer .contBox .iconRound .buss3_3 {background:url(../images/contents/buss_ico3_3.png) no-repeat 50% 50%} #sContainer .contBox .iconRound .buss3_4 {background:url(../images/contents/buss_ico3_4.png) no-repeat 50% 50%} #sContainer .contBox .iconRound .buss3_5 {background:url(../images/contents/buss_ico3_5.png) no-repeat 50% 50%} #sContainer .contBox .iconRound .buss3_6 {background:url(../images/contents/buss_ico3_6.png) no-repeat 50% 50%} #sContainer .contBox .iconRound .buss5_1 {background:url(../images/contents/buss_ico5_1.png) no-repeat 50% 50%} #sContainer .contBox .iconRound .buss5_2 {background:url(../images/contents/buss_ico5_2.png) no-repeat 50% 50%} #sContainer .contBox .iconRound .buss5_3 {background:url(../images/contents/buss_ico5_3.png) no-repeat 50% 50%} #sContainer .contBox .iconRound .buss5_4 {background:url(../images/contents/buss_ico5_4.png) no-repeat 50% 50%} #sContainer .contBox .iconRound .buss5_5 {background:url(../images/contents/buss_ico5_5.png) no-repeat 50% 50%} #sContainer .contBox .roundWhite .buss4_1 {background:url(../images/contents/buss_ico4_1.png) no-repeat 50% 20px #fff} #sContainer .contBox .roundWhite .buss4_2 {background:url(../images/contents/buss_ico4_2.png) no-repeat 50% 20px #fff} #sContainer .contBox .roundWhite .buss4_3 {background:url(../images/contents/buss_ico4_3.png) no-repeat 50% 20px #fff} #sContainer .contBox .roundWhite .buss4_4 {background:url(../images/contents/buss_ico4_4.png) no-repeat 50% 20px #fff} #sContainer .contBox .roundWhite .sbuss5_1 {background:url(../images/contents/sbuss_ico5_1.png) no-repeat 50% 20px #fff} #sContainer .contBox .roundWhite .sbuss5_2 {background:url(../images/contents/sbuss_ico5_2.png) no-repeat 50% 20px #fff} #sContainer .contBox .roundWhite .sbuss5_3 {background:url(../images/contents/sbuss_ico5_3.png) no-repeat 50% 20px #fff} #sContainer .contBox .roundWhite .sbuss5_4 {background:url(../images/contents/sbuss_ico5_4.png) no-repeat 50% 20px #fff} #sContainer .contBox .roundWhite .sbuss5_5 {background:url(../images/contents/sbuss_ico5_5.png) no-repeat 50% 20px #fff} #sContainer .contBox .roundWhite .sbuss5_6 {background:url(../images/contents/sbuss_ico5_6.png) no-repeat 50% 20px #fff} #sContainer .contBox .squareWhite {position:relative; overflow:hidden;} #sContainer .contBox .squareWhite li {float:left;} #sContainer .contBox .squareWhite .round {display:block; width:155px; height:155px; border-radius:5px; text-align:center; border:1px solid #dfdfdf; background:#fff} #sContainer .contBox .squareWhite .round dt {font-size:16px; font-weight:bold; color:#5b5eca; background:#ecedff;} #sContainer .contBox .squareWhite .round dt.p16 {padding:16px 0} #sContainer .contBox .squareWhite .round dt.p28 {padding:28px 0} #sContainer .contBox .squareWhite .arrow {width:48px;} #sContainer .contBox .squareWhite .arrow span {display:block; width:25px; height:25px; margin:0 auto; border-radius:50%; margin-top:67px; background:url(../images/contents/arwWhite.png) no-repeat 9px 6px #c3c3c3} #sContainer .contBox .squareWhite .line {position:absolute; top:80px; left:0; height:1px; background:#dfdfdf; z-index:-1;} #sContainer .contBox .squareWhite .line2 {position:absolute; top:237px; left:0; height:1px; background:#dfdfdf; z-index:-1;} #sContainer .contBox .corpBox {position:relative;} #sContainer .contBox .corpBox .corpBg1 ul {margin-top:61px; } #sContainer .contBox .corpBox .corpBg1 ul li {font-size:18px; line-height:1.4; } #sContainer .contBox .corpBg1 {overflow:hidden;background:url(../images/contents/corpBoxBg.png) 50% 70% no-repeat;width:100%; height:391px;} #sContainer .contBox .corpBox .corp2 li {min-width:295px !important;} #sContainer .contBox .corp_ico1 {background:url(../images/contents/corp_ico1.png) no-repeat 50% 50%} #sContainer .contBox .corp_ico2 {background:url(../images/contents/corp_ico2.png) no-repeat 50% 50%} #sContainer .contBox .corp_ico3 {background:url(../images/contents/corp_ico3.png) no-repeat 50% 50%} #sContainer .contBox .corp_ico4 {background:url(../images/contents/corp_ico4.png) no-repeat 50% 50%} #sContainer .contBox .corpBox .corp_img {background:url(../images/contents/corp_img.jpg) 0 0 no-repeat; width:214px; height:274px} #sContainer .contBox .corpBox .corpBg1 {overflow:hidden; background:url(../images/contents/corpBg.png) 50% 70% no-repeat;width:100%; height:391px;} #sContainer .contBox .corpBox .corp3 p {line-height:1.8} #sContainer .contBox .corpBox .corp_logo {position:relative;} #sContainer .contBox .corpBox .corp_logo ul{text-align:center;} #sContainer .contBox .corpBox .corp_logo ul li{display:inline-block; margin-right:21px;} #sContainer .contBox .corpBox .corp_logo ul li:last-child {margin-right:0;} #sContainer .contBox .roundWhite .renInfo_ico1 {background:url(../images/contents/renInfo_ico1.png) no-repeat 50% 30px #fff} #sContainer .contBox .roundWhite .renInfo_ico2 {background:url(../images/contents/renInfo_ico2.png) no-repeat 50% 30px #fff} #sContainer .contBox .roundWhite .renInfo_ico3 {background:url(../images/contents/renInfo_ico3.png) no-repeat 50% 30px #fff} #sContainer .contBox .roundWhite .renInfo_ico4 {background:url(../images/contents/renInfo_ico4.png) no-repeat 50% 30px #fff} #sContainer .contBox .roundWhite .joinInfo_ico1 {background:url(../images/contents/joinInfo_ico1.png) no-repeat 50% 20px #fff} #sContainer .contBox .roundWhite .joinInfo_ico2 {background:url(../images/contents/joinInfo_ico2.png) no-repeat 50% 20px #fff} #sContainer .contBox .roundWhite .joinInfo_ico3 {background:url(../images/contents/joinInfo_ico3.png) no-repeat 50% 20px #fff} #sContainer .contBox .roundWhite .joinInfo_ico4 {background:url(../images/contents/joinInfo_ico4.png) no-repeat 50% 20px #fff} #sContainer .contBox .roundWhite .renInfo_ico1 {background:url(../images/contents/renInfo_ico1.png) no-repeat 50% 30px #fff} #sContainer .contBox .roundWhite .renInfo_ico2 {background:url(../images/contents/renInfo_ico2.png) no-repeat 50% 30px #fff} #sContainer .contBox .roundWhite .renInfo_ico3 {background:url(../images/contents/renInfo_ico3.png) no-repeat 50% 30px #fff} #sContainer .contBox .roundWhite .renInfo_ico4 {background:url(../images/contents/renInfo_ico4.png) no-repeat 50% 30px #fff} #sContainer .contBox .roundWhite .rentInfo_ico1{background:url(../images/contents/rentInfo_ico1.png) no-repeat 50% 30px #fff} #sContainer .contBox .roundWhite .rentInfo_ico2 {background:url(../images/contents/rentInfo_ico2.png) no-repeat 50% 30px #fff} #sContainer .contBox .roundWhite .rentInfo_ico3 {background:url(../images/contents/rentInfo_ico3.png) no-repeat 50% 30px #fff} #sContainer .contBox .roundWhite .rentInfo_ico4 {background:url(../images/contents/rentInfo_ico4.png) no-repeat 50% 30px #fff} #sContainer .contBox .visitInfo.tit {font-size: 30px; color: #fff; width:198px; height: 56px; border-radius: 10px; margin: 0 auto; text-align: center; line-height: 56px;} #sContainer .contBox .ciBox {position:relative; overflow:hidden; } #sContainer .contBox .ciBox ul {padding:0 55px; } #sContainer .contBox .ciBox li {width:360px; display:inline-block; text-align:center; padding-top:220px;} #sContainer .contBox .ciBox li.sb1 {background:url(../images/contents/simbol.png) no-repeat 50% 16%;} #sContainer .contBox .ciBox li.sb2 {background:url(../images/contents/simbol_part1.png) no-repeat 50% 16%;} #sContainer .contBox .ciBox li.sb3 {background:url(../images/contents/simbol_part2.png) no-repeat 50% 24%;} #sContainer .contBox .ciBox li.sb4 {width:450px; background:url(../images/contents/widthLogo.png) no-repeat 50% 36%;} #sContainer .contBox .ciBox li.sb5 {width:450px; background:url(../images/contents/heightLogo.png) no-repeat 50% 28%;} #sContainer .contBox .ciBox .boxBg {position:absolute; top:0; width:1198px; background:url(../images/contents/ptn_2.png) repeat 0 0; border:1px solid #d8d8d8; z-index:-1;} #sContainer .contBox .ciBox2 {position:relative; overflow:hidden;} #sContainer .contBox .ciBox2 ul {padding:0 135px; } #sContainer .contBox .ciBox2 li.sb1 {background:url(../images/contents/simbol.png) no-repeat 8% 0; height:120px} #sContainer .contBox .ciBox2 li.sb1 ul li div {float:left; margin-left:150px; margin-top:30px} #sContainer .contBox .ciBox2 li.sb1 ul li p {float:left; line-height:1; margin-top:30px; margin-left:10px;} #sContainer .contBox .ciBox2 li.sb2 {background:url(../images/contents/simbolBg.png) no-repeat 8% 0; height:170px} #sContainer .contBox .ciBox2 li.sb2 p {height:170px; line-height:170px; } #sContainer .contBox .ciBox2 li.sb3 {background:url(../images/contents/simbol_black.png) no-repeat 8% 0; height:120px; position:relative;} #sContainer .contBox .ciBox2 li.sb3 ul li div {float:left; margin-left:150px; margin-top:50px} #sContainer .contBox .ciBox2 li.sb3 ul li p {float:left; line-height:1; margin-left:10px; margin-top:50px} #sContainer .contBox .ciBox2 li.sb3 ul li span {float:left; line-height:1; margin-top:30px; position:absolute; top:-20px} #sContainer .contBox .ciBox2 .colorB1{width:60px; height:60px; background-color:#2c2d7c} #sContainer .contBox .ciBox2 .colorB2{width:60px; height:60px; background-color:#c7b29a} #sContainer .contBox .ciBox2 .colorB3{width:60px; height:60px; background-color:#fcd917} #sContainer .contBox .ciBox2 .colorB4{width:60px; height:60px; background-color:#231f20} #sContainer .contBox .ciBox2 .colorB5{width:60px; height:60px; background-color:#a7a9ac} #sContainer .contBox .ciBox2 .colorB6{width:60px; height:60px; background-color:#d1d2d4} #sContainer .contBox .Facilities {position:relative;} #sContainer .contBox .Facilities .tit {font-size:30px; color:#fff; width:198px; height:56px; border-radius:30px; margin:0 auto; text-align:center; line-height:56px} #sContainer .contBox .Facilities .map {background:url(../images/contents/map.jpg); width:1200px; height:800px;} #sContainer .contBox .org {position:relative; background:url(../images/contents/org.png) top center no-repeat; height:775px;} #sContainer .contBox .org span a {display:block; text-indent:-9999px; position:absolute; } #sContainer .contBox .org span a.r1 {top:0; left:523px; width:155px; height:155px;} #sContainer .contBox .org span a.r2 {top:244px; left:490px; width:220px; height:60px;} #sContainer .contBox .org span a.s1 {width:190px; height:50px;} #sContainer .contBox .org span a.z1 {top:380px; left:50px;} #sContainer .contBox .org span a.z2 {top:380px; left:280px;} #sContainer .contBox .org span a.z3 {top:380px; left:730px;} #sContainer .contBox .org span a.z4 {top:460px; left:50px;} #sContainer .contBox .org span a.z5 {top:530px; left:50px;} #sContainer .contBox .org span a.z6 {top:460px; left:280px;} #sContainer .contBox .org span a.z7 {top:530px; left:280px;} #sContainer .contBox .org span a.z8 {top:460px; left:730px;} #sContainer .contBox .org span a.z9 {top:380px; left:960px;} #sContainer .contBox .org span a.z10 {top:600px; left:280px;} #sContainer .contBox .org span a.z11 {top:670px; left:280px; } #sContainer .contBox .org span a.z12 {top:460px; left:500px; } #sContainer .contBox .vision {position:relative; overflow:hidden;} #sContainer .contBox .vision .rectangle {position:relative; z-index:1; width:180px; height:45px; background:#99b0c6; border-radius:5px; line-height:45px; color:#fff; margin:0 auto; text-align:center;} #sContainer .contBox .vision .rectangle2 {z-index:-9999; width:700px; height:163px; background:#fff; border: 2px solid #e2e2e2; border-radius:5px; margin:0 auto; text-align:center; margin-top:-22px;} #sContainer .contBox .vision ul.triangle {background:url(../images/contents/visionBg.png) 50% 0 no-repeat; width:890px; height:400px; margin:0 auto;} #sContainer .contBox .vision ul {padding-top:125px;} #sContainer .contBox .vision ul li { float:left; width:170px; height:170px; border-radius:50%; margin:0 auto; text-align:center;} #sContainer .contBox .vision ul li p {font-size:18px;color:#fff; margin-top:55px; } #sContainer .contBox .vision ul .colorPick1 {background:#4da2e1} #sContainer .contBox .vision ul .colorPick2 {background:#308dd1} #sContainer .contBox .vision ul .colorPick3 {background:#1178c3} #sContainer .contBox .vision ul .colorPick4 {background:#0268b2} #sContainer .contBox .voluList {position:relative} #sContainer .contBox .voluList ul li {height:200px;} #sContainer .contBox .voluList ul li p {margin-left:260px;} #sContainer .contBox .voluList ul li p:first-child {padding-top:30px;} #sContainer .contBox .voluList ul li.voluListBox1 {background:url(../images/contents/voluList_ico1.png) no-repeat; } #sContainer .contBox .voluList ul li.voluListBox2 {background:url(../images/contents/voluList_ico2.png) no-repeat; } #sContainer .contBox .voluList ul li.voluListBox3 {background:url(../images/contents/voluList_ico3.png) no-repeat; } #sContainer .contBox .voluList ul li.voluListBox4 {background:url(../images/contents/voluList_ico4.png) no-repeat; } #sContainer .contBox .voluList ul li.voluListBox5 {background:url(../images/contents/voluList_ico5.png) no-repeat; } #sContainer .contBox .sptInfo_b1 {position:relative} #sContainer .contBox .sptInfo_b1 ul li {height:200px;} #sContainer .contBox .sptInfo_b1 ul li p {margin-left:260px;} #sContainer .contBox .sptInfo_b1 ul li p:first-child {padding-top:30px;} #sContainer .contBox .sptInfo_b1 ul li.sptInfo_b2Box1 {background:url(../images/contents/voluList_ico1.png) no-repeat; } #sContainer .contBox .sptInfo_b1 ul li.sptInfo_b2Box2 {background:url(../images/contents/voluList_ico2.png) no-repeat; } #sContainer .contBox .sptInfo_b1 ul li.sptInfo_b2Box3 {background:url(../images/contents/voluList_ico3.png) no-repeat; } #sContainer .contBox .sptInfo_b1 ul li.sptInfo_b2Box4 {background:url(../images/contents/voluList_ico4.png) no-repeat; } #sContainer .contBox .sptInfo_b1 ul li.sptInfo_b2Box5 {background:url(../images/contents/voluList_ico5.png) no-repeat; } #sContainer .contBox ul.sptInfo_b2 {position:relative; border:2px solid #f0f0f0; border-radius:20px; width:1196px; height:270px;} #sContainer .contBox ul.sptInfo_b2 li{width:397px; height:100px;border-right:2px solid #f0f0f0;font-weight:bold; font-size:22px; color:#555;padding-top:170px;} #sContainer .contBox ul.sptInfo_b2 li:first-child {background:url(../images/contents/sprtInfo_ico1.png) 50% 28% no-repeat; } #sContainer .contBox ul.sptInfo_b2 li:nth-child(2) {background:url(../images/contents/sprtInfo_ico2.png) 50% 28% no-repeat; } #sContainer .contBox ul.sptInfo_b2 li:last-child {background:url(../images/contents/sprtInfo_ico3.png) 50% 28% no-repeat; border-right:0;} #sContainer .contBox ul.sptInfo_b2 li span {display:block;} #sContainer .contBox .history {width:100%; height:151px; background:url(../images/contents/historyBg.jpg) no-repeat 0 0; } #sContainer .contBox .history p {line-height:151px; text-shadow: -1px -1px 0 #6c5c44, 1px -1px 0 #6c5c44, -1px 1px 0 #6c5c44, 1px 1px 0 #6c5c44 ;} #sContainer .contBox .h_list > li {border-bottom: 3px dotted #ddd; width:100%; padding:50px 0; float:left; } #sContainer .contBox .h_list > li:last-child {border-bottom:none;} #sContainer .contBox .h_list .h_year {padding-left:50px; font-size:36px;width: 255px; color:#2224ac; } #sContainer .contBox .h_list .h_content li {overflow:hidden;} #sContainer .contBox .h_list .h_content p {float:left; font-size:16px; } #sContainer .contBox .h_list .h_content p.time {width:150px; font-weight:500;} #sContainer .contBox .loca_txt{margin-top: -5px; padding: 16px 24px; background: #f1f6f7;} #sContainer .contBox ul.loca_txt li {display:inline-block; padding-left:58px;} #sContainer .contBox ul li.location_ico1 { line-height:52px; background:url(../images/contents/location_ico1.png) no-repeat 0 0; } #sContainer .contBox ul li.location_ico2 {background:url(../images/contents/location_ico2.png) no-repeat 0 0; } #sContainer .contBox .roundWhite .voluInfo_ico1 {background:url(../images/contents/voluInfo_ico1.png) no-repeat 50% 33px #fff} #sContainer .contBox .roundWhite .voluInfo_ico2 {background:url(../images/contents/voluInfo_ico2.png) no-repeat 50% 36px #fff} #sContainer .contBox .roundWhite .voluInfo_ico3 {background:url(../images/contents/voluInfo_ico3.png) no-repeat 50% 36px #fff} #sContainer .contBox .roundWhite .voluInfo_ico4 {background:url(../images/contents/voluInfo_ico4.png) no-repeat 50% 36px #fff} #sContainer .contBox .roundWhite .voluInfo_ico5 {background:url(../images/contents/voluInfo_ico5.png) no-repeat 50% 36px #fff} #sContainer .contBox .roundWhite .voluInfo_ico6 {background:url(../images/contents/voluInfo_ico6.png) no-repeat 50% 40px #fff} #sContainer .contBox .voluInfo {position:relative;} #sContainer .contBox .voluInfo ul {display:inline-block; width:100%; position:relative; right:-4%;} #sContainer .contBox .voluInfo ul li {width:340px; height:290px; margin-left: 40px;} #sContainer .contBox .voluInfo ul li:first-child {margin-left:0px;} #sContainer .contBox .voluInfo ul li.voluBox1 {background:#000 url(../images/contents/voluBox_1.png) no-repeat; } #sContainer .contBox .voluInfo ul li.voluBox2 {background:#000 url(../images/contents/voluBox_2.png) no-repeat;} #sContainer .contBox .voluInfo ul li.voluBox3 {background:#000 url(../images/contents/voluBox_3.png) no-repeat;} #sContainer .contBox .voluInfo ul li.voluBox4 {background:#000 url(../images/contents/voluBox_4.png) no-repeat; } #sContainer .contBox .voluInfo ul li.voluBox5 {background:#000 url(../images/contents/voluBox_5.png) no-repeat; } #sContainer .contBox .voluInfo ul li.voluBox6 {background:#000 url(../images/contents/voluBox_6.png) no-repeat; } #sContainer .contBox .voluInfo ul li.voluBox7 {background:#000 url(../images/contents/voluBox_7.png) no-repeat;} #sContainer .contBox .voluInfo ul li.voluBox8 {background:#000 url(../images/contents/voluBox_8.png) no-repeat;} #sContainer .contBox .voluInfo ul li.voluBox9 {background:#000 url(../images/contents/voluBox_9.png) no-repeat; } #sContainer .contBox .voluInfo ul li.voluBox10 {background:#000 url(../images/contents/voluBox_10.png) no-repeat; } #sContainer .contBox .voluInfo ul li span {display:block;} #sContainer .contBox .voluInfo ul li.voluBox1 span.voluBox_ico1 {background:url(../images/contents/voluBox_ico1.png) no-repeat;width:73px; height:73px; margin:0 auto; } #sContainer .contBox .voluInfo ul li.voluBox2 span.voluBox_ico2 {background:url(../images/contents/voluBox_ico2.png) no-repeat;width:71px; height:77px; margin:0 auto;} #sContainer .contBox .voluInfo ul li.voluBox3 span.voluBox_ico3 {background:url(../images/contents/voluBox_ico3.png) no-repeat;width:78px; height:78px; margin:0 auto;} #sContainer .contBox .voluInfo ul li.voluBox4 span.voluBox_ico4 {background:url(../images/contents/voluBox_ico4.png) no-repeat;width:93px; height:71px; margin:0 auto;} #sContainer .contBox .voluInfo ul li.voluBox5 span.voluBox_ico5 {background:url(../images/contents/voluBox_ico5.png) no-repeat;width:71px; height:71px; margin:0 auto;} #sContainer .contBox .voluInfo_b {border:2px solid #f0f0f0; border-radius:20px; box-sizing:border-box; width:1196px; height:200px;} #sContainer .contBox .voluInfo_b {} #sContainer .contBox .voluInfo_b li {height:200px; width:590px; } #sContainer .contBox .voluInfo_b li:first-child {border-right:2px solid #f0f0f0; box-sizing:border-box;} #sContainer .contBox .voluInfo_b li a {height:200px; width:600px; display:block;} #sContainer .contBox .voluInfo_b li a.Vb1 { background:url(../images/contents/voluInfo_b_1.png) 50% 50% no-repeat; } #sContainer .contBox .voluInfo_b li a.Vb2 { background:url(../images/contents/voluInfo_b_2.png) 50% 50% no-repeat; } #sContainer .contBox .sitemap div.siteBox {position:relative; float:left;} #sContainer .contBox .sitemap div.siteBox p.num {position:absolute; top:3px; left:49px; font-size:34px; font-weight:bold; color:#1850c2; z-index:-1;} #sContainer .contBox .sitemap div.siteBox ul {width:300px; height:400px; margin-left:84px; padding-left:15px; border-left:1px solid #dedede; background:#fff; z-index:1;} #sContainer .contBox .sitemap div.siteBox ul li.dep1 {font-size:25px; font-weight:bold; color:#1850c2; padding-top:10px;} #sContainer .contBox .sitemap div.siteBox ul li.dep2 a {font-size:16px; color:#333; line-height:30px;} #sContainer .contBox .sitemap div.siteBox ul li.dep2 a:hover {color:#626fd8;} #sContainer .contBox .sitemap div.siteBox ul li.dep3 {margin-left:10px} #sContainer .contBox .sitemap .sitemapIMG {margin-left:-17px;} /*titBox*/ .titBox {clear:both;font-size:30px; color:#fff; height:60px; margin:0 auto; text-align:center; line-height:60px;} .fc-unthemed th {background:#000; !important} #sContainer .layer-wrap {display:none; position:fixed; left:0; right:0; text-align:center; background-color:rgba(0, 0, 0, 0.5); z-index:10; height:800px;} #sContainer .layer-wrap:before {content:""; display:inline-block; height:100%; vertical-align:middle; margin-right:-.25em; } #sContainer .pop-layer {display:inline-block; vertical-align:middle; height:auto; background-color:#fff; border:5px solid #3571B5; } #sContainer .pop-layer .pop-container {padding:50px;} #sContainer .pop-layer .btn-r {position:absolute; top:0; right:0;} #sContainer a.Close {position:absolute; right:15px; top:15px; width:32px; height:32px; opacity:0.3; text-indent:-99999px; } #sContainer a.Close:hover {opacity:1;} #sContainer a.Close:before, .Close:after {position:absolute; left:15px; content:' '; height:33px; width:2px; background-color:#333; } #sContainer a.Close:before {transform:rotate(45deg);} #sContainer a.Close:after {transform:rotate(-45deg);} .photoWrap {position:relative; } .photoWrap .tit{ font-size: 22px; font-weight:600; padding-bottom:10px; border-bottom: 2px solid #000; margin-bottom:10px; } .photoWrap span a {position:absolute; top:5px; right:0;} .popWrap { display:flex; gap:10px; width: 100%; height: auto; position: fixed; top:0 ;left:0; z-index:99999; flex-wrap: wrap; } .popWrap .laypop {width: 600px; } .popWrap .laypop img{ width: 100%; }