@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('board.css');

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-family:'Noto Sans KR','Nanum Gothic','맑은 고딕', '맑은 고딕', 'Malgun Gothic', '돋움', 'Dotum', 'AppleGothic', sans-serif}
/* body {line-height:1} */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
caption, legend {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none}
ins {background-color:#ff9; color: #000; text-decoration:none}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold}
del {text-decoration:line-through}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help}
table {border-collapse:collapse; border-spacing:0}
hr {display:block; height:1px; border:0; border-top: 1px solid #cccccc; margin:1em 0; padding:0}
input, select {vertical-align:middle}

/* skipToContent */
#skipToContent a {position:absolute; top:0; left:0; z-index:9999; width:100%; height:1px; margin-top:-1px; display:block; background-color:#3875c1; font-size:14px; font-weight:700; color:#fff; line-height:1; text-align:center; overflow:hidden}
#skipToContent a:focus, #skipToContent a:active {margin-top:0; height:auto; padding:10px 0px}

/* common */
.img-responsive {display:block; max-width:100%; height:auto}
.mt0 {margin-top:0 !important}
.mt10 {margin-top:10px !important}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.blue {color:#0e4e96}
.auto {margin:0 auto}
.width100 {width:100%}
#wrap {}

/* header */
#header {max-width:1100px; margin:0 auto; border-top:5px solid #0e4e96; box-sizing:border-box; padding:20px 0 0 0}
#header > section {width:100%; overflow:hidden; position:relative; z-index:9999; transition: all .3s ease-in-out}
#header > section > h1 {float:left; margin-right:100px}
#header > section > h1 > a.btn_side {display:none; float:right; width:15%; color:#000; font-size:24px; text-align:right; margin-top:3px}
#header > section ul.gnb {float:left}
#header > section ul.gnb > li {float:left; padding:0; font-size:17px; font-weight:300; line-height:35px}
#header > section ul.gnb > li:nth-child(1) {width:150px}
#header > section ul.gnb > li:nth-child(2) {width:130px}
#header > section ul.gnb > li:nth-child(3) {width:130px}
#header > section ul.gnb > li:nth-child(4) {width:130px}
#header > section ul.gnb > li > a {color:#000; transition: all .3s ease-in-out}
#header > section ul.gnb > li > a:hover {font-weight:400; color:#0e4e96; text-decoration:none}
#header > section ul.gnb > li.active > a {font-weight:400; color:#0e4e96; text-decoration:none}

#header > section ul.gnb > li > ul {opacity:0; padding-bottom:20px; transition: all .3s ease-in-out}
#header > section ul.gnb > li > ul > li {font-size:14px; line-height:28px; letter-spacing:-1px}
#header > section ul.gnb > li > ul > li > a {color:#555; transition: all .3s ease-in-out}
#header > section ul.gnb > li > ul > li > a:hover {color:#0e4e96; font-weight:500}

#header > section ul.utile {position:absolute; top:0; right:0}
#header > section ul.utile li {float:left; font-size:13px; margin-left:30px; line-height:38px}
#header > section ul.utile li:first-child {margin-left:0}
#header > section ul.utile li a {color:#636363}
#header > section ul.utile li a:hover {color:#000; text-decoration:none}

.all-menu h2 {display:none; color:#fff; line-height:50px; text-indent:15px; font-weight:700; border-bottom:1px solid #e2e3e2; background:#0e4e96; font-size:16px}
.all-menu .close {display:none}
.all-menu ul.mUtil {display:none}

/* mainVisual */
#mainVisual {max-width:1400px; margin:-220px auto 0 auto}
#mainVisual > section {width:100%; overflow:hidden; position:relative}
#mainVisual > section .mainVisual01 {width:100%; z-index:100; position:absolute; bottom:0px; left:0px; animation:mV1 1.5s; -moz-animation:mV1 1.5s; -webkit-animation:mV1 1.5s; -o-animation:mV1 1.5s; animation-fill-mode:backwards}
#mainVisual > section .mainVisual02 {width:100%; z-index:100; position:absolute; top:50px; left:0px; animation:fadeIn 2s; -moz-animation:fadeIn 2s; -webkit-animation:fadeIn 2s; -o-animation:fadeIn 2s; animation-fill-mode:backwards}
@-webkit-keyframes mV1 {
	0% {opacity:0; -webkit-transform:translate3d(0, 100px, 0); transform:translate3d(0, 100px, 0)}
	50% {opacity:0; -webkit-transform:translate3d(0, 100px, 0); transform:translate3d(0, 100px, 0)}
	100% {opacity:1; -webkit-transform:none; transform:none}
}
@keyframes mV1 {
	0% {opacity:0; -webkit-transform:translate3d(0, 100px, 0); transform:translate3d(0, 100px, 0)}
	50% {opacity:0; -webkit-transform:translate3d(0, 100px, 0); transform:translate3d(0, 100px, 0)}
	100% {opacity:1; -webkit-transform:none; transform:none}
}
@-webkit-keyframes fadeIn {
  from {opacity:0}
  to {opacity:1}
}
@keyframes fadeIn {
  from {opacity:0}
  to {opacity:1}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

/* container */
#container {max-width:1100px; margin:0 auto}
#container > section {width:100%; overflow:hidden; padding-top:40px}
#container > section > div {float:left; position:relative}
#container > section > div > h2 {font-size:20px}
#container > section > div > .more {position:absolute; top:0; right:0; color:#464646; font-size:15px}
#container > section > div > .more:hover {color:#0e4e96; text-decoration:none}

.con01 {width:320px}
.con01 ul {margin-top:20px}
.con01 ul li {border-bottom:1px solid #dadada; margin-bottom:15px; padding-bottom:15px}
.con01 ul li:last-child {border-bottom:none; margin-bottom:0}
.con01 ul li a {overflow:hidden; display:block}
.con01 ul li a:hover span {color:#0e4e96}
.noti_title {display:block; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:79%; font-size:14px; color:#000; letter-spacing:-0.45px}
.noti_day {display:block; float:left; width:21%; color:#a2a2a2; font-size:13px; line-height:22px; text-align:right}

.con02 {width:410px; margin:0 35px}
.con02 ul {overflow:hidden; margin-top:20px; height:188px}
.con02 ul li {float:left; width:200px; text-align:center; font-size:14px}
.con02 ul li a img {min-height:143px; max-height:143px}
.con02 ul li a span {line-height:18px; margin-top:10px; display:block; color:#000; text-decoration:none}
.con02 ul li a:hover {text-decoration:none}
.con02 ul li a:hover span {color:#0e4e96}
.con02 ul li:nth-child(1) {margin-right:10px}

.con03 {width:300px}
.con03 .nWrap {height:190px; margin-top:20px}
.con03 .nWrap h3 {background:#0e4e96; font-size:20px; font-weight:600; color:#fff; text-align:center; line-height:45px; position:relative}
.con03 .nWrap h3 .bx-prev {position:absolute; text-indent:-9999px; z-index:9999; top:16px; margin-top:0; width:8px; height:15px; background:url('../images/controls_n.png') 0 -15px no-repeat; left:70px}
.con03 .nWrap h3 .bx-prev:hover {background-position:0 0}
.con03 .nWrap h3 .bx-next {position:absolute; text-indent:-9999px; z-index:9999; top:16px; margin-top:0; width:8px; height:15px; background:url('../images/controls_n.png') -8px -15px no-repeat; right:70px}
.con03 .nWrap h3 .bx-next:hover {background-position:-8px 0}
.con03 .nWrap ul {border:1px solid #ccc; padding:25px 20px; height:145px}
.con03 .nWrap ul li {margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.con03 .nWrap ul li:last-child {margin-bottom:0px}
.con03 .nWrap ul li a {font-size:14px; color:#6c6c6c}
.con03 .nWrap ul li a strong {color:#0e4e96}
.con03 .bx-pager {display:none}

/* footer */
footer {max-width:1400px; margin:40px auto 0 auto; background:#f3f3f3; padding-bottom:50px}
footer > section {max-width:1100px; margin:0 auto}
.fotTop {width:100%; height:43px}
.fotTop > ul {float:left; width:640px}
.fotTop > ul > li {float:left; font-size:14px; margin-right:30px; line-height:43px; letter-spacing:-0.45px}
.fotTop > ul > li a {color:#464646}
.privacyStyle {font-size:15px !important; font-weight:600 !important; color:red !important}
.fotTop .goSite {scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #545557; scrollbar-base-color: #efefef; scrollbar-Face-Color: #545557; scrollbar-Track-Color: #262727; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #545557}
.fotTop .goSite::-webkit-scrollbar {width:13px}
.fotTop .goSite::-webkit-scrollbar-track {background:#797979}
.fotTop .goSite::-webkit-scrollbar-thumb {background:#262727}
.fotTop .go_site1 {position:relative; float:right;}
.fotTop .go_site1 h3 {width:230px; border-right:1px solid #ccc; border-left:1px solid #ccc; box-sizing:border-box; background:url('../images/siteMore_n.png') right center no-repeat; cursor:pointer; font-size:14px; color:#fff; line-height:43px; padding:0 0 0 20px; font-weight:400; letter-spacing:-0.45px}
.fotTop .go_site1 h3 a {color:#464646}
.fotTop .go_site2 h3 a {color:#464646}
.fotTop .go_site1_view {width:230px; height:200px; position:absolute; right:0px; bottom:40px; background:#f3f3f3; overflow-y:scroll; padding:10px 0 0 15px; box-sizing:border-box; letter-spacing:-0.5px}
.fotTop .go_site1_view li {font-size:13px; line-height:18px; margin-bottom:7px}
.fotTop .go_site1_view li a {color:#464646}
.fotTop .go_site1_view li a:hover {color:#000}
.fotTop .go_site2 {position:relative; float:right;}
.fotTop .go_site2 h3 {border-right:1px solid #ccc; width:230px; box-sizing:border-box; background:url('../images/siteMore_n.png') right center no-repeat; cursor:pointer; font-size:14px; color:#fff; line-height:43px; padding:0 0 0 20px; font-weight:400; letter-spacing:-0.45px}
.fotTop .go_site2_view {width:230px; height:200px; position:absolute; right:0px; bottom:40px; background:#f3f3f3; overflow-y:scroll; overflow-x:hidden; padding:10px 0 0 15px; box-sizing:border-box; letter-spacing:-0.5px}
.fotTop .go_site2_view li {font-size:13px; line-height:18px; margin-bottom:7px}
.fotTop .go_site2_view .site_t {font-size:13px; padding-left:0; line-height:20px; background:none; color:#000}
.fotTop .go_site2_view li a {color:#464646}
.fotTop .go_site2_view li a:hover {color:#000}
address {border-top:1px solid #ccc; font-size:14px; color:#464646; font-weight:400; padding-top:20px}
address span {padding:0 15px}
p.copy {font-size:13px; color:#464646; padding-top:5px; font-weight:300}

/* subVisual */
#subVisual {max-width:1400px; margin:-220px auto 0 auto}
#subVisual > section {width:100%; overflow:hidden}

/* tabWrap */
#tabWrap {max-width:1100px; margin:-30px auto 0 auto; z-index:999; position:relative; box-shadow:0px 0px 10px rgba(0,0,0,0.2)}
#tabWrap.tab8Style {margin-top:-48px}
#tabWrap > ul.tabStyle {width:100%; overflow:hidden; border-top:1px solid #c2c2c2; border-left:1px solid #c2c2c2; background:#f3f3f3}
#tabWrap > ul.tabStyle > li {box-sizing:border-box; text-align:center; float:left; letter-spacing:-0.45px}
#tabWrap > ul.tabStyle.tab1 > li {width:100%}
#tabWrap > ul.tabStyle.tab3 > li {width:33.3%}
#tabWrap > ul.tabStyle.tab8 > li {width:25%}
#tabWrap > ul.tabStyle > li > a {display:block; padding:18px 0; font-size:15px; color:#000; box-sizing:border-box; height:61px; border-right:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2}
#tabWrap > ul.tabStyle.tab8 > li > a {padding:12px 0; height:47px}
#tabWrap > ul.tabStyle > li.active > a {color:#0e4e96; border-bottom:3px solid #0e4e96; font-weight:500}
#tabWrap > ul.tabStyle > li > a:hover {color:#0e4e96; font-weight:500}
#tab-select {display:none; width:100%; overflow:hidden; border:1px solid #c2c2c2; background:#f3f3f3; padding:10px}

/* subContainer */
#subContainer {max-width:1100px; margin:60px auto 0 auto; padding-bottom:100px}
#subContainer > section {width:100%; overflow:hidden}
#subContainer > section > h3 {font-size:20px; color:#0e4e96; font-weight:500; letter-spacing:-0.45px; margin:50px 0 10px 0}
#subContainer > section > h3:before {content:""; width:13px; height:14px; display:inline-block; background:url('../images/h3_icon.png') 0 0px no-repeat; margin-right:7px}
#subContainer > section > p {line-height:180%}
.boxStyle {border:1px solid #c2c2c2; box-sizing:border-box; padding:70px 40px}
.bList {}
.bList li {background:url('../images/iconBar.png') 0 10px no-repeat; padding-left:10px; margin-left:2px; margin-bottom:10px}

.tbl_skin1 {width:100%; border-top:2px solid #999999; background-color:#ffffff; text-align:center}
.tbl_skin1 thead th {padding:8px; border-bottom:1px solid #cccccc; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;color:#555555;background-color:#f8f8f8; text-align:center; vertical-align:middle}
.tbl_skin1 tbody th {padding:8px; border-right:1px solid #e6e6e6; border-bottom:1px solid #ebebeb; background-color:#f8f8f8; vertical-align:middle}
.tbl_skin1 tbody td {padding:8px; border-right:1px solid #e6e6e6; border-bottom:1px solid #ebebeb; font-weight:300; vertical-align:middle}
.tbl_skin1 tfoot th {padding:8px; border-bottom:1px solid #cccccc; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;color:#555555;background-color:#f8f8f8}
.tbl_skin1 th.end {border-right:none}
.tbl_skin1 td.end {border-right:none !important}
.tbl_skin1 tr th:last-child {border-right:none}
.tbl_skin1 tr td:last-child {border-right:none}
.tbl_skin1 .tl {text-align:left;}
.tbl_skin1 .ri {border-right:1px solid #cccccc;}
.tbl_skin1 .bo {border-bottom:1px solid #cccccc;}

.tbl_skin2 {width:100%; border-top:2px solid #999999; background-color:#ffffff; text-align:center}
.tbl_skin2 thead th {padding:15px; border-bottom:1px solid #cccccc; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;color:#555555;background-color:#f8f8f8; text-align:center; vertical-align:middle}
.tbl_skin2 tbody th {padding:8px 15px; border-right:1px solid #e6e6e6; border-bottom:1px solid #ebebeb; background-color:#f8f8f8; vertical-align:top; text-align:center}
.tbl_skin2 tbody td {padding:8px 15px; border-right:1px solid #e6e6e6; border-bottom:1px solid #ebebeb; font-weight:300; vertical-align:middle}
.tbl_skin2 tfoot th {padding:8px; border-bottom:1px solid #cccccc; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;color:#555555;background-color:#f8f8f8}
.tbl_skin2 th.end {border-right:none}
.tbl_skin2 td.end {border-right:none !important}
.tbl_skin2 tr th:last-child {border-right:none}
.tbl_skin2 tr td:last-child {border-right:none}
.tbl_skin2 .tl {text-align:left;}
.tbl_skin2 .ri {border-right:1px solid #cccccc;}
.tbl_skin2 .bo {border-bottom:1px solid #cccccc;}

.btn_sl {padding:2px 15px; color:#fff; font-size:14px; border-radius:4px; background:#c9302c}
.btn_edu {padding:2px 15px; color:#fff; font-size:14px; border-radius:4px; background:#449d44}
.btn_etc {padding:2px 15px; color:#fff; font-size:14px; border-radius:4px; background:#337ab7}
.btnDetail {padding:3px 15px; color:#fff; font-size:15px; border-radius:4px; background:#898989}
.btnDetail:hover {background:#636363; color:#fff; text-decoration:none}
.btnList {display:inline-block; padding:7px 30px; color:#fff; font-size:15px; border-radius:4px; background:#898989}
.btnList:hover {background:#636363; color:#fff; text-decoration:none}

.program .bx-wrapper .bx-viewport {box-shadow:none; border:none; left:0}
.program .bx-pager {display:none}
.program h3 {width:100%; text-align:center; font-size:24px; margin-bottom:40px; position:relative}
.program .bx-wrapper .bx-controls-direction a {top:0px; margin-top:0}
.program .bx-wrapper .bx-prev {left:30%}
.program .bx-wrapper .bx-next {right:30%}
.program h3 .bx-prev {position:absolute; background: url('/site/common/jquery.bxslider/images/controls.png') no-repeat 0 -32px; width:32px; height:32px; text-indent:-9999px; z-index:9999; top:0; left:30%}
.program h3 .bx-prev:hover {background-position:0 0}
.program h3 .bx-next {position:absolute; background: url('/site/common/jquery.bxslider/images/controls.png') no-repeat -43px -32px; width:32px; height:32px; text-indent:-9999px; z-index:9999; top:0; right:30%}
.program h3 .bx-next:hover {background-position:-43px 0}

.ZoomIcon, .ZoomIcon0, .ZoomIcon1, .ZoomIcon2, .ZoomIcon3, .ZoomIcon4, .ZoomIcon5, .ZoomIcon6, .ZoomIcon7, .ZoomIcon8, .ZoomIcon9, .ZoomIcon10 {display:none}
.bZoomIcon, .bZoomIcon0, .bZoomIcon1, .bZoomIcon2, .bZoomIcon3, .bZoomIcon4, .bZoomIcon5, .bZoomIcon6, .bZoomIcon7, .bZoomIcon8, .bZoomIcon9, .bZoomIcon10 {display:none}

/* 사이트맵 */
.sitemap {overflow:hidden; width:100%; margin:0 auto}
.sitemap > li {float:left; width:25%; box-sizing:border-box; padding:20px}
.sitemap > li > h3 {border-top:2px solid #6d6d6d; border-bottom:1px solid #d9d9d9; padding:15px; font-size:18px}
.sitemap > li > h3::before {content:""; width:15px; height:15px; background:url('../images/icon_sitemap.gif') no-repeat; display:inline-block; vertical-align:bottom; margin-right:7px}
.sitemap > li > dl {margin-top:10px; margin-left:45px}
.sitemap > li > dl dt {background:url('../images/ico_dot.gif') left center no-repeat; padding-left:8px}
.sitemap > li > dl dt a {font-size:15px; font-weight:400; line-height:40px}



@media all and (max-width:1024px) {
	#header {padding:20px}
	#header > section > h1 {margin-right:60px}
	#header > section ul.gnb > li:nth-child(1) {width:130px}
	#header > section ul.gnb > li:nth-child(2) {width:130px}
	#header > section ul.gnb > li:nth-child(3) {width:120px}
	#header > section ul.gnb > li:nth-child(4) {width:120px}
	#mainVisual {margin-top:-245px}
	#subVisual {margin-top:-245px}
	#container > section {padding:20px}
	.con01 {width:27%}
	.con02 {width:42%; margin:0 2%;}
	.con03 {width:27%}
	footer {padding:0 20px 50px 20px}
	.fotTop > ul {float:left; width:535px}
	.fotTop > ul > li {margin-right:20px}
	.fotTop .go_site1 h3, .fotTop .go_site2 h3 {width:200px}
	.fotTop .go_site1_view, .fotTop .go_site2_view {width:200px}
	#subContainer {padding:20px; margin-top:0}
	#mainVisual > section .mainVisual01 img {width:50%}
	#mainVisual > section .mainVisual02 {top:30px}
	#mainVisual > section .mainVisual02 img {width:45%}
}
@media all and (max-width:768px) {
	.mHidden {display:none}
	#header > section > h1 {margin-right:0; float:none}
	#header > section > h1 > a.logo {display:block; width:85%; float:left}
	#header > section > h1 > a.btn_side {display:block}
	#mask {position:absolute;z-index:1;background:rgba(0,0,0,0.8) 0 0;display:block;left:0;top:0;width:100%;height:100%;overflow:hidden}
	.allWrap {position:fixed; left:0; top:0; width:100%; height:100%; overflow:hidden; display:none; z-index:9999}
	.all-menu {font-size:14px; width:255px; height:100%; background-color:#f7f3f7; position:relative; z-index:3; overflow:auto; float:right}
	.all-menu h2 {display:block}
	.all-menu .close {display:block; position:absolute; top:15px; right:15px; width:18px; height:18px;background-image:url('/dept1/common/images/btn_close.png'); background-position: 0 0;background-size: 18px 18px;text-indent:-9999px; opacity:1}
	.all-menu ul.mUtil {display:block; overflow:hidden}
	.all-menu ul.mUtil li a {display:block; float:left; width:100%; text-align:center; line-height:60px; box-sizing:border-box; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; color:#000; line-height:-0.75px; background:#f7f7f7}
	.all-menu ul.mUtil li:nth-child(2) a {border-right:none}
	#header > section ul.gnb > li {width:100% !Important; padding:10px 0 10px 15px; border-bottom:1px solid #d5d5d5; font-size:15px; background:#fff}
	#header > section ul.gnb > li > ul {display:none}
	#header > section ul.utile {display:none}
	#mainVisual {margin-top:0}
	#subVisual {margin-top:0}
	.con01, .con02, .con03 {width:100%; margin:15px 0}
	.con02 ul li {float:left; width:48%; text-align:center; font-size:14px; margin:0 1%}
	.con02 ul li a img {margin:0 auto; min-height:230px; max-height:230px}
	.con02 ul li:nth-child(1) {margin-right:0px}
	.fotTop {height:auto; padding:10px 0}
	.fotTop > ul {float:none; width:100%; overflow:hidden}
	.fotTop > ul > li {line-height:28px}
	.go_site1, .go_site2 {display:none}
	#tabWrap {margin-top:-25px; margin-left:20px; margin-right:20px}
	#tabWrap.tab8Style {margin-top:-25px}
	#tabWrap > ul.tabStyle.tab3 > li, #tabWrap > ul.tabStyle.tab8 > li {width:100%}
	#tabWrap > ul.tabStyle > li > a, #tabWrap > ul.tabStyle.tab3 > li > a {height:auto; border-bottom:2px solid #d5d5d5; padding:10px 0; font-size:15px}
	#tabWrap > ul.tabStyle > li:last-child > a {border-bottom:0}
	.tabStyle {display:none}
	#tab-select {display:block}
	.imgZoomWrap, .imgZoomWrap0, .imgZoomWrap1, .imgZoomWrap2, .imgZoomWrap3, .imgZoomWrap4, .imgZoomWrap5, .imgZoomWrap6, .imgZoomWrap7, .imgZoomWrap8, .imgZoomWrap9, .imgZoomWrap10 {position:relative; overflow:hidden}
	.bimgZoomWrap, .bimgZoomWrap0, .bimgZoomWrap1, .bimgZoomWrap2, .bimgZoomWrap3, .bimgZoomWrap4, .bimgZoomWrap5, .bimgZoomWrap6, .bimgZoomWrap7, .bimgZoomWrap8, .bimgZoomWrap9, .bimgZoomWrap10 {position:relative; overflow:hidden}
	.ZoomIcon, .ZoomIcon0, .ZoomIcon1, .ZoomIcon2, .ZoomIcon3, .ZoomIcon4, .ZoomIcon5, .ZoomIcon6, .ZoomIcon7, .ZoomIcon8, .ZoomIcon9, .ZoomIcon10 {position:absolute; bottom:0; right:0; padding:10px 0px; background:rgba(0,0,0,0.5); width:40px; height:40px; box-sizing:border-box; display:block; text-align:center}
	.bZoomIcon, .bZoomIcon0, .bZoomIcon1, .bZoomIcon2, .bZoomIcon3, .bZoomIcon4, .bZoomIcon5, .bZoomIcon6, .bZoomIcon7, .bZoomIcon8, .bZoomIcon9, .bZoomIcon10 {position:absolute; bottom:0; right:0; padding:10px 0px; background:rgba(0,0,0,0.5); width:40px; height:40px; box-sizing:border-box; display:block; text-align:center}
	.ZoomIcon i, .ZoomIcon0 i, .ZoomIcon1 i, .ZoomIcon2 i, .ZoomIcon3 i, .ZoomIcon4 i, .ZoomIcon5 i, .ZoomIcon6 i, .ZoomIcon7 i, .ZoomIcon8 i, .ZoomIcon9 i, .ZoomIcon10 i {color:#fff; font-size:22px}
	.bZoomIcon i, .bZoomIcon0 i, .bZoomIcon1 i, .bZoomIcon2 i, .bZoomIcon3 i, .bZoomIcon4 i, .bZoomIcon5 i, .bZoomIcon6 i, .bZoomIcon7 i, .bZoomIcon8 i, .bZoomIcon9 i, .bZoomIcon10 i {color:#fff; font-size:22px}
	.sitemap > li {width:50%}
	.boxStyle {padding:20px 20px}
}

@media all and (max-width:425px) {
	.program .bx-wrapper .bx-prev {left:15%}
	.program .bx-wrapper .bx-next {right:15%}
	.sitemap > li {width:100%; padding:0; margin-bottom:40px}
	.con02 ul li a img {min-height:143px; max-height:143px}
}