@charset 'utf-8';

#container {position:relative;overflow:hidden;z-index: 7; padding-top:120px; width:100%; display:block;}
#container:after {content:""; display:block; clear:both;}


.main_content {position:relative;z-index:2;width:100%;margin: 35px auto 0;overflow:hidden;}
.main_content:after {content:""; display:block; clear:both;}

.MC_conBox1 {position:relative; width:1200px; margin:0 auto; overflow:hidden;}
.MC_conBox1:after {content:""; display:block; clear:both;}

.con_w01 {position:relative;width:895px; float:left;}
.con_w01:after {content:""; display:block; clear:both;}

.con_w02 {position:relative; width:285px; float:right; overflow:hidden;}
.con_w02:after {content:""; display:block; clear:both;}

.con_w03 {position:relative;width:100%;height: 316px;/* overflow:hidden; */background:url('/images/template/00004/main/his_bg.png') no-repeat center center;margin: 50px 0 0;background-size:cover;}
.con_w03:after {content:""; display:block; clear:both;}


/*Ã«Â©â€Ã¬ÂÂ¸Ã«Â¹â€žÃ¬Â£Â¼Ã¬â€“Â¼*/ /* 181218 */
.main_visual {position:relative; width:100%; height:440px;}
.main_visual .swiper-container {width:100%; background-color:#0c2d52;}
.main_visual .swiper-container img {width:100%;}
.main_visual .swiper-container .swiper-slide {width:1200px;}
.main_visual .swiper-container .swiper-slide {-webkit-opacity: .4; -moz-opacity: .4; opacity: .4; filter: 'alpha( opacity = 40 )'; -webkit-transition: .25s opacity; -moz-transition: .25s opacity; -ms-transition: .25s opacity; -o-transition: .25s opacity;  transition: .25s opacity;}
.main_visual .swiper-container .swiper-slide-active {-webkit-opacity: 1;-moz-opacity: 1; opacity: 1;filter: 'alpha( opacity = 100 )';}
/* .main_visual .swiper-slide .sw_txt {position: absolute; right: 0; bottom: 0; left: 0; height:80px; line-height:80px; background-color: rgba(0,0,0,.3); color: #fff; font-size:24px; color:#fff; text-align:left; padding:0 25px;}
.main_visual .swiper-button-next, .main_visual .swiper-button-prev, .main_visual .swiper-pagination {display:none;}
.main_visual .swiper-pagination {display:none;} 240620 Ã¬â€šÂ­Ã¬Â Å“*/
/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚Â¬Ãƒâ€šÃ‚Â£Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â²ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚Â­Ãƒâ€¦Ã‚Â Ãƒâ€šÃ‚Â¼ */
 .main_visual .swiper-container .swiper-button-next {left:50%; margin-left:645px; right:auto;}
.main_visual .swiper-container .swiper-button-prev {left:50%; margin-left:-675px;}
.main_visual .swiper-button-next, .swiper-button-prev {position: absolute; top:50%; width:30px; height:55px; margin-top:-22px; z-index:10; cursor:pointer; background-size:30px 50px; background-position:center;  background-repeat:no-repeat; }
.main_visual .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background:url('/images/template/00004/main/pre_btn_img.png') no-repeat center center; left:10px;right:auto}
.main_visual .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background:url('/images/template/00004/main/next_btn_img.png') no-repeat center center; right:10px;left:auto}	

/*240620 Ã¬Â¶â€ÃªÂ°â‚¬*/
.main_visual .swiper-container .swiper-button-next:after , .main_visual  .swiper-container .swiper-button-prev:after  {color: #fff;}
.main_visual .swiper-button-next, .swiper-button-prev {position: absolute; top:50%; width:30px; height:55px; margin-top:-22px; z-index:10; cursor:pointer; background-size:30px 50px; background-position:center;  background-repeat:no-repeat; }

.main_visual .swiper-container .video_wrap {width:100%; height: 440px; overflow: hidden;}
.main_visual .swiper-container .video_wrap video{width:100%; height: 100%; object-fit: cover;}

/*241011추가*/ /*241230*/
.main_visual {height: 675px; background:url(/images/template/00004/main/vid_bg.png) no-repeat #0c2d52; background-size: cover;}
.main_visual .video_wrap {position: relative; width: 100%; height: 100%; max-width: 1200px; margin: 0 auto;} 
.main_visual .video_wrap video {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto;}
.main_visual .video_wrap .vid_con_wrap {position: absolute; left: 50px; bottom: 10px;}
.main_visual .video_wrap .vid_con_wrap > a {width: 32px; height: 32px; display: none; background: no-repeat;}
.main_visual .video_wrap .vid_con_wrap > a.on {display: block;}
.main_visual .video_wrap .vid_con_wrap > a.video_play { background-image: url(/images/template/00004/main/btn_vid_play.png);}
.main_visual .video_wrap .vid_con_wrap > a.video_stop { background-image: url(/images/template/00004/main/btn_vid_stop.png);}

.main_visual .video_wrap > img {height:100%;width: 100%;}

/*250305 사운드추가*/
.main_visual .video_wrap .sd_con_wrap {position: absolute; left: 10px; bottom: 10px;}
.main_visual .video_wrap .sd_con_wrap > a {width: 32px; height: 32px; display: none; background: no-repeat;}
.main_visual .video_wrap .sd_con_wrap > a.on {display: block;}
.main_visual .video_wrap .sd_con_wrap > a.sound_play { background-image: url(/images/template/00004/main/btn_sd_play.png);}
.main_visual .video_wrap .sd_con_wrap > a.sound_stop { background-image: url(/images/template/00004/main/btn_sd_stop.png);}


/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚Â¬Ãƒâ€šÃ‚Â£Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“Ãƒâ€šÃ‚Â¼ ÃƒÆ’Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ ÃƒÆ’Ã‚Â­Ãƒâ€¦Ã¢â‚¬â„¢Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬ÂÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ */ /* 181218 */
.area_pop_wrap {position:absolute; width:285px; height:140px; top:400px; left:50%; margin-left:-600px; overflow:hidden ; z-index:10; background:url('/images/template/00004/main/m_pop_bg.png') repeat 0 0; background-size:cover;}
.area_pop {width:100%;height: 240px;}
/*..area_pop h2 {height:48px; line-height:48px; padding-left:22px; font-size:15px; font-family:'dotum'; font-weight:bold; letter-spacing:-1px;}
.area_pop .hsu_visual li {position:absolute;top: 0;left:0;width:100%;height: 240px;overflow: hidden;}
.area_pop .hsu_visual li a {display:block; color:#fff; padding:30px 20px 20px}
.area_pop .hsu_visual li.main {display:block; color:#fff; padding:30px 20px 20px}
.area_pop .hsu_visual li span.tit {display:block; font-family:'notoM'; font-size:18px; margin-bottom:10px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.area_pop .hsu_visual li span.text {display:block; width:240px; height:57px; line-height:1.4; letter-spacing:-1px; font-family:'notoT'; font-size:14px; overflow:hidden; white-space:normal;} 240620 Ã¬â€šÂ­Ã¬Â Å“*/
/*240620 Ã¬Â¶â€ÃªÂ°â‚¬*/
.area_pop .swiper-container {width: 100%;height: 100%;}
.area_pop .swiper-container .swiper-slide {width: 100%; height: 100%;}
.area_pop .swiper-container .swiper-slide a {display: block;color: #fff;padding: 20px;width: 100%;height: 100%;}/*240628*/
.area_pop .swiper-container .swiper-slide a span.tit {display: none;font-family:'notoM';font-size:18px;margin-bottom:10px;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
.area_pop .swiper-container .swiper-slide a span.text{display: none;width:240px;height: 33px;line-height:1.4;letter-spacing:-1px;font-family:'notoT';font-size:14px;overflow:hidden;white-space:normal;}/*240628*/
.area_pop .swiper-pagination {text-align: left;/* left: 10px; */left: 18px;}
.area_pop .swiper-pagination span {background-color: #cccccc10;opacity: 1;border: 1px solid #666;}
.area_pop .swiper-pagination span.swiper-pagination-bullet-active {background: #666;}
.area_pop .control-buttons {position:absolute;width: 13px;height: 13px;bottom:10px;left: 0;z-index: 12;}
.area_pop .control-buttons .swiper-button-play, .area_pop .control-buttons .swiper-button-pause{position: absolute; left: 0;  width: 13px; height: 13px; overflow: hidden; background:url("/images/template/00004/main/hsu_pos.png") center center;background-repeat:no-repeat;color: transparent;}
.area_pop .control-buttons .swiper-button-play {background-position-x: -39px; display: none;}
.area_pop .control-buttons .swiper-button-pause {background-position-x: -26px;}

/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚Â¬Ãƒâ€šÃ‚Â£Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“Ãƒâ€šÃ‚Â¼ ÃƒÆ’Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ ÃƒÆ’Ã‚Â­Ãƒâ€¦Ã¢â‚¬â„¢Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬ÂÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ */ /* 181218 */
.area_pop_wrap {position:absolute;width: 300px;height: 30px;top: 528px;left:50%;margin-left:-580px;overflow:hidden;z-index:10;background: none;background-size:cover;}/*240628*/
.area_pop {width:100%; height:100%;}
.area_pop h2 {height:48px; line-height:48px; padding-left:22px; font-size:15px; font-family:'dotum'; font-weight:bold; letter-spacing:-1px;}
.area_pop .hsu_visual li {position:absolute; top:0; left:0; width:100%; height:150px; overflow:hidden;}
.area_pop .hsu_visual li a {display:block; color:#fff; padding:30px 20px 20px}
.area_pop .hsu_visual li a span.tit {display:block; font-family:'notoM'; font-size:18px; margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.area_pop .hsu_visual li a span.text {display:block; width:260px; height:57px; line-height:1.4; letter-spacing:-1px; font-family:'notoT'; font-size:14px; white-space:normal; overflow:hidden; overflow-y:auto;}
.area_pop .hsu_visual li.li1 {display:block;}
	
	/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â²ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚Â­Ãƒâ€¦Ã‚Â Ãƒâ€šÃ‚Â¼ */
	.area_pop .hsu_play li a, .hsu_pos li a, .hsu_pos li span {display:block; overflow:hidden; height:13px; font-size:0; line-height:100px; text-indent:-10000px; background-image:url("/images/template/00004/main/hsu_pos.png"); background-repeat:no-repeat;}
	.area_pop .hsu_play{position:absolute; bottom:46px;left:152px !important;z-index:2;}
	.area_pop .hsu_pos {position:absolute; bottom:15px;left:35px !important;z-index:6;}
	.area_pop .hsu_play li {position:absolute; top:18px; right:20px;}
	.area_pop .hsu_play li a {display:none; width:13px; height:13px;}
	.area_pop .hsu_play li.on a {display:block;}
	.area_pop .hsu_play li.li_start a {background-position:-39px 0;}
	.area_pop .hsu_play li.li_stop a {background-position:-26px 0;}
	.hsu_pos{width:auto; height:13px; display:block; overflow:hidden;}
	.hsu_pos li {width:13px; height:13px; float:left; display:block; margin:0;}
	.hsu_pos li a, .hsu_pos li span {display:block; background-position:-13px 0; width:13px; height:13px; }
	.hsu_pos li.on a, .hsu_pos li.on span {background-position:0 0;}    


/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â Ãƒâ€¹Ã¢â‚¬Â ÃƒÆ’Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒâ€šÃ‚Â´ÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“Ãƒâ€šÃ‚Â´ÃƒÆ’Ã‚Â­Ãƒâ€¦Ã¢â‚¬â„¢Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬ÂÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ */
.area_pop_wrap2 {position: absolute;width:380px;height: 377px;overflow:hidden;top: 270px;right:50%;margin-right:-600px;z-index:10;} /*241011 수정*/
.area_pop2 {width:100%;height: 340px;}
.area_pop2 h2 {height:48px; line-height:48px; padding-left:22px; font-size:15px; font-family:'dotum'; font-weight:bold; letter-spacing:-1px;}
.area_pop2 .hsu_visual2 li {position:absolute;top: 0;left:0;width:100%;height: 340px;overflow: hidden;}
.area_pop2 .hsu_visual2 li.li1 {display:block;}
	/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â²ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚Â­Ãƒâ€¦Ã‚Â Ãƒâ€šÃ‚Â¼ */
	.area_pop2 .hsu_play2 li a, .hsu_pos2 li a, .hsu_pos2 li span {display:block; overflow:hidden; height:13px; font-size:0; line-height:100px; text-indent:-10000px; background-image:url("/images/template/00004/main/hsu_pos.png"); background-repeat:no-repeat;}
	.area_pop2 .hsu_play2{position:absolute; top:0; right:0; !important; z-index:2;}
	.area_pop2 .hsu_pos2 {position:absolute; top:18px; right:35px;!important; z-index:6; }
	.area_pop2 .hsu_play2 li {position:absolute; top:18px; right:20px;}
	.area_pop2 .hsu_play2 li a {display:none; width:13px; height:13px;}
	.area_pop2 .hsu_play2 li.on a {display:block;}
	.area_pop2 .hsu_play2 li.li_start2 a {background-position:-39px 0;}
	.area_pop2 .hsu_play2 li.li_stop2 a {background-position:-26px 0;}
	.hsu_pos2{width:auto; height:13px; display:block; overflow:hidden;}
	.hsu_pos2 li {width:13px; height:13px; float:left; display:block; margin:0;}
	.hsu_pos2 li a, .hsu_pos2 li span {display:block; background-position:-13px 0; width:13px; height:13px; }
	.hsu_pos2 li.on a, .hsu_pos2 li.on span {background-position:0 0;}      
/* ÃƒÆ’Ã‚Â­Ãƒâ€¦Ã¢â‚¬â„¢Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬ÂÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã‚Â«ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹Ãƒâ€šÃ‚Â«ÃƒÆ’Ã‚ÂªÃƒâ€šÃ‚Â¸Ãƒâ€šÃ‚Â°ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â²ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚Â­Ãƒâ€¦Ã‚Â Ãƒâ€šÃ‚Â¼ */
.popup_close2 {padding-top:5px;padding-right:10px;padding-bottom:4px;padding-left:10px;background-color:#303030;}
.popup_close2 .popup_close_left2 {float:left; font-size:0;}
.popup_close2 .popup_close_left2 input[type='checkbox'] {display:inline-block; margin-top:0; margin-right:10px; margin-bottom:0; margin-left:0; padding-top:0; padding-right:0; padding-bottom:0; padding-left:0; border-top-color:#696969; border-right-color:#696969; border-bottom-color:#696969; border-left-color:#696969;}
.popup_close2 .popup_close_left2 label {display:inline-block;color:#fff;font-size:15px;line-height: 26px;vertical-align:middle;font-family:  'notoR';}
.popup_close2 .popup_close_right2 {float:right; font-size:0;}
.popup_close2 .popup_close_right2 button {display:inline-block; height:27px; padding-right:12px; padding-left:30px; background-color:#fff; background-image:url('/images/template/00004/main/popup_close_icon.gif'); background-repeat:no-repeat; background-position:12px center; color:#000; font-size:14px;}
/*240620Ã¬Â¶â€ÃªÂ°â‚¬*/
.area_pop2 .swiper-pagination{top: 10px;text-align: right;right: 27px;left: auto !important; height: 20px;} /*240626 Ã«â€ â€™Ã¬ÂÂ´ÃªÂ°â€™ Ã¬Â¶â€ÃªÂ°â‚¬*/  
.area_pop2 .swiper-pagination span {background-color: #cccccc10; border: 1px solid #666; opacity: 1; height: 10px; width: 10px;} /*240626 Ã­ÂÂ¬ÃªÂ¸Â° Ã¬Ë†ËœÃ¬Â â€¢*/
.area_pop2 .swiper-pagination span.swiper-pagination-bullet-active {background: #666;}
.area_pop2 .control-buttons {position:absolute;width: 13px;height: 13px;bottom: auto;right:10px;z-index: 12;top: 14px;}
.area_pop2 .control-buttons .swiper-button-play, .area_pop2 .control-buttons .swiper-button-pause {position: absolute; left: 0;  width: 13px; height: 13px; overflow: hidden; background:url("/images/template/00004/main/hsu_pos.png") center center;background-repeat:no-repeat;color: transparent;}	
.area_pop2 .control-buttons .swiper-button-play {background-position-x: -39px; display: none;}
.area_pop2 .control-buttons .swiper-button-pause {background-position-x: -26px;}

/* ÃƒÆ’Ã‚Â­Ãƒâ€šÃ‚ÂÃƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â­ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â Ãƒâ€šÃ‚Â ÃƒÆ’Ã‚Â«ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â°Ãƒâ€šÃ‚Â´ÃƒÆ’Ã‚Â¬Ãƒâ€¦Ã‚Â Ãƒâ€šÃ‚Â¤ */
.hsu_photo {position:relative;height:275px; padding-top: 10px;}
.hsu_photo ul li  {position:relative; width:285px; height:275px; float:left; margin-left:20px;}
.hsu_photo ul li a { display:block; border:1px solid #ddd;}/*241122*/
.hsu_photo ul li:first-child {margin-left:0;}
.hsu_photo ul li p.img {position:relative;width:100%;height:170px;background: #000000;overflow:hidden;}
.hsu_photo ul li p.img img {width: 100%; height:100%; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease; transition:all 0.3s ease} /*220819*/
.hsu_photo ul li p.img span {display:none;}
.hsu_photo ul li a:hover p.img img {opacity:0.5;transform: translate(-50%, -50%) scale(1.1,1.1);} /*220819*/
.hsu_photo ul li a:hover p.img span {position:absolute; left:50%; top:50%; display:block; width:147px; height:147px; margin:-74px 0 0 -74px; border:1px dashed #fff; border-radius:88px; background:url('/images/template/00004/main/btn_more3.png') no-repeat center;}
.hsu_photo ul li dl {height: 81px;padding: 15px 15px 8px;overflow:hidden;border-top: 1px solid #ddd;/* border-left: 1px solid #ddd; *//* border-right: 1px solid #ddd; */}/*241122*/
.hsu_photo ul li dl dt {font-size:16px; color:#2a2a2a; font-family:"NotoM"; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.hsu_photo ul li dl dd {height: 20px;margin: 3px 0 10px; font-size:14px; line-height:20px;color:#555; font-family:"NotoR";white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.hsu_photo ul li dl dd.date {height: 20px;margin-top:3px;font-size:14px;line-height:20px;color:#555;font-family:"NotoR";white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.hsu_photo a.btn_more {position:absolute; right:20px; top:25px; display:block; width:40px; height:40px; text-indent:-10000em; font-size:0; background:url('/images/template/00004/main/btn_more2.png') no-repeat center;}
.hsu_photo ul li a span.t_box1 {display:block; position:absolute; top: -5px; right:-5px; width:60px; height:62px; line-height:1.1; color:#fff; font-size:15px; text-align:center; font-family:"NotoR"; z-index:99; background:url('/images/template/00004/main/gall_tit01.png') no-repeat center; padding:15px 0 0;} /* 181218 */
.hsu_photo ul li a span.t_box2 {display:block;position:absolute;top:-10px;right:-5px; width:60px;height:45px;color:#fff;font-size:15px;text-align:center;font-family:"NotoR";z-index:99;background:#00a652;padding:15px 0 0;}


/* ÃƒÆ’Ã‚ÂªÃƒâ€šÃ‚Â³Ãƒâ€šÃ‚ÂµÃƒÆ’Ã‚Â¬Ãƒâ€šÃ‚Â§ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â­ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¢Ãƒâ€šÃ‚Â­ */
.notice {position:relative; width:100%; height:340px; background: #fff; overflow:hidden; margin: 34px 0 0;} /* 181218 */
.notice h3 {position:absolute;top:0;width:93px;height: 48px;line-height: 48px;}
.notice h3.tit_1 {left:0;}
.notice h3.tit_2 {left:93px;}
.notice h3.tit_3 {left:186px;}
.notice h3.tit_4 {left:279px;}
.notice h3.tit_5 {left:372px;}
.notice h3.tit_6 {left:465px;}
.notice h3.tit_7 {left:557px;}
.notice h3.tit_8 {left:650px;}
.notice h3.tit_9 {left:743px;}
.notice h3 a {display:block;color:#444;text-align:center;font-size:16px; font-family:"NotoR"; border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;background: #f4fbfe;border-top: 1px solid #d2d2d2;}
.notice h3 a:hover {text-decoration:underline;}
.notice h3 a.current {color: #ffffff;font-family:"NotoM";background: #2066e8;}
.notice .list_box {padding: 65px 0 0;display:none;}
.notice .list_box.on {display:block;}
.notice .list_box a {display:block;}
.notice .list_box a:hover {text-decoration:underline;}
.notice .list_box dl {margin-bottom:20px;padding: 10px 10px 30px 100px;background: url('/images/template/00004/main/notice_icon.png') no-repeat 10px 10px;border-bottom: 1px solid #d2d2d2;position:  relative;} /*241203*/
.notice .list_box dl dt {font-size:17px; line-height:1.5; color:#173d84; font-family:"NotoM"; /*white-space:nowrap;*/ text-overflow:ellipsis; overflow:hidden; word-break:keep-all; }/*241203*/
.notice .list_box dl dt + dt {margin-top:10px;}/*241203*/
.notice .list_box dl dd.txt {height: 20px;margin: 5px 0;font-size:15px;color:#444;line-height:22px;overflow:hidden;font-family:"NotoR";white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.notice .list_box dl dd.date {margin-top:5px;font-size:14px;text-align:right;color:#555;font-family:"NotoR";background: url('/images/template/00004/main/date_icon.png') no-repeat left 0;background-color: white;width: 95px;height: 20px;position:  absolute;bottom: 10px;right: 0;display: block;}
.notice .list_box ul li {position:relative;padding-left: 1.5%;line-height:28px;vertical-align:middle;font-size:14px;overflow:hidden;background: url('/images/template/00004/main/notice_dot.png') no-repeat left center;width: 46%;float: left;margin-right:  2%;}
.notice .list_box ul li a {width: 90%;float:left;color:#444;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-family:"NotoR";}
.notice .list_box ul li span {width:30%; float:right; color:#555; text-align:right;  font-family:"NotoR";}
.notice .list_box a.btn_more {position:absolute;right:0;top:0;display:block;width: 57px;height: 48px;text-indent:-10000em;font-size:0;border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;border-top: 1px solid #d2d2d2;border-right: 1px solid #d2d2d2;background: url('/images/template/00004/main/notice_btn.png') no-repeat center #fff;z-index:2;}


/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â°Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã‚Â¬Ãƒâ€šÃ‚Â ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚ÂªÃƒâ€šÃ‚Â¸Ãƒâ€šÃ‚Â°ÃƒÆ’Ã‚ÂªÃƒâ€šÃ‚Â¸Ãƒâ€¹Ã¢â‚¬Â  */
.fund {position:relative;width: 662px;height: 45px;float:left;margin-right:16px;overflow:hidden;/* border: 1px solid #31a2ac; */}
.fund .fund_tit {position:relative;width: 240px;background: #31a2ac;float:left;height: 45px;}
.fund .fund_tit .img {position:absolute; bottom:0; left:20px; width:32px; height:35px;}
.fund .fund_tit h2 {font-family:"NotoR";font-size:16px;color:#fff; margin-left:70px; line-height:45px;}
.fund .fund_list {position:relative;width: 420px;height: 43px;background:#fff;border:1px solid #31a2ac;float:left;background: url(/images/template/00004/main/fund_bg.png) no-repeat left 0 #ffffff;}
.fund .fund_list ul {overflow:hidden;padding: 12px 5px;}
.fund .fund_list ul li {width: 31%;float:left;background:url('/images/template/00004/main/fund_list_icon.png') no-repeat left 1px;padding-left: 3%;margin-left: 2%;box-sizing:  border-box;}
.fund .fund_list ul li a {width: 95%;font-family:"NotoR";font-size:14px;color:#555;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display:  block;}
	
		            
/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚ÂÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¬Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â Ãƒâ€¦Ã¢â‚¬â„¢ÃƒÆ’Ã‚ÂªÃƒâ€šÃ‚Â°Ãƒâ€¦Ã¢â‚¬Å“ */
.introduce {position:relative;width:215px;height:45px;background:#305191;float: right;overflow:hidden;}
.introduce a h2 {display:block; font-family:"NotoR";font-size:16px;color:#fff;text-align:center;margin-left: 10px;line-height:45px;}
.introduce a h2:hover { color:#FFC; text-decoration:none;}
.introduce .img {position:absolute;left:50%;margin-left: -69px;width:24px;height:26px;top: 10px; transition:margin 0.2s ease-in-out;}


/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚Â«ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÆ’Ã‚Â¬Ãƒâ€¹Ã…â€œÃƒâ€šÃ‚Â¤ */
.hsu_video {position:relative;width:100%;height: 285px; overflow:hidden;margin:0 0 34px;}
.hsu_video a {display:block;width:100%;height:27%}
.hsu_video a:hover { text-decoration:underline;}
.hsu_video a h2 {font-family:"NotoR";font-size:24px;color:#2a2a2a;margin-bottom:5px;background: url('/images/template/00004/main/HSU_go_btn.png') no-repeat right center;display:  inline-block;padding: 0 52px 0 0;}
.hsu_video a h2 span {color:#4475cb;}
.hsu_video a p.txt {font-family:"NotoR";font-size:12px;color:#747474;margin-bottom: 21px;display:inline-block;}
.hsu_video a p.img {width:283px; height:193px; border:1px solid #222;}
.hsu_video a p.img img {width:100%; height:100%;}
.hsu_video2 {display:none}
/*.hsu_video a.btn_more {position:absolute; left: 50%;top:0;margin-left: 12px;display:block;width:50px;height:30px;text-indent:-10000em;font-size:0;background: url('/images/template/00004/main/HSU_go_btn.png') no-repeat center #fff;z-index:2;}*/


/* ÃƒÆ’Ã‚Â­ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¢Ãƒâ€šÃ‚Â­ÃƒÆ’Ã‚ÂªÃƒâ€šÃ‚Â³Ãƒâ€šÃ‚ÂµÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â·Ãƒâ€šÃ‚Â° */
.hsu_view {position:relative;width:100%; height:145px;  background:url('/images/template/00004/main/HSU_view_bg.png') no-repeat center center; background-size:100% 100%; overflow:hidden; margin:0 0 16px;}
.hsu_view h2 {display:block;font-size:33px;color:#fff;font-family:"NotoR";padding: 20px 20px 43px;}
.hsu_view h2 span {display:block; font-size:45px; color:#fff; font-family:"NotoM";}
.hsu_view .img {position:absolute;top:20px;left: 130px;}


/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â°ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¡Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã‚ÂªÃƒâ€šÃ‚Â°ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚ÂªÃƒâ€šÃ‚Â¸Ãƒâ€šÃ‚Â° */
.m_link01 {position:relative;width:100%; height:214px;  background:#fdd002; overflow:hidden;} /* 181218 */
.m_link01 ul li {position:relative;width:49.7%;float:left;}
.m_link01 ul li img {position:absolute;top: 20px;left:50%;width: 59px;height: 49px;margin-left:-28px; transition:margin 0.2s ease-in-out;}
.m_link01 ul li a {display:block; height: 17px; font-family:"NotoM"; padding-top: 80px; color:#222; font-size:14px; text-align:center;} /* 181218 */
.m_link01 ul li a:hover, .m_link01 ul li a:focus {text-decoration:underline;}
.m_link01 ul li a:hover img {margin-top:5px;}


/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¸Ãƒâ€¦Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¡Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã‚Â¬Ãƒâ€¦Ã‚Â Ãƒâ€¹Ã¢â‚¬Â ÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“Ãƒâ€šÃ‚Â´ */
.his_Brochure {position:relative;width:1200px;margin:0 auto;/* overflow:hidden; */ height: 300px;}
.his_Brochure .Brochure_tit_box {position:absolute; left:0; top:-30px; width:225px; height:254px; background:url('/images/template/00004/main/his_tit.png') no-repeat center center; padding:0; z-index:9;} /* 181218 */
.his_Brochure .Brochure_tit_box h2 {display:inline-block; font-size:18px; color:#fff; font-family:"NotoT"; line-height: 30px; padding:30px;} /* 181218 */
.his_Brochure .Brochure_tit_box h2 span {display:block; font-size:38px; color:#fff;font-family: "NotoM";} /* 181218 */
.his_Brochure .inner {width: 915px;/* background: #ff0b0b45; */position:  absolute;left: 285px;top: 40px;}
.his_Brochure .Brochure_list {width: 100%;height:207px;overflow:hidden;}
.his_Brochure .Brochure_list li {width: 291px;float:left;margin-left: 20px;position:  relative;}
.his_Brochure .Brochure_list li a {display:block;}
.his_Brochure .Brochure_list li:first-child {margin-left:0;}
.his_Brochure .Brochure_list li .img  {width:156px;height:207px;display: inline-block;}/*200221ÃƒÆ’Ã‚Â¬Ãƒâ€¹Ã¢â‚¬Â Ãƒâ€¹Ã…â€œÃƒÆ’Ã‚Â¬Ãƒâ€šÃ‚Â ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¢*/
.his_Brochure .Brochure_list li .img img {width:100%; height:207px;}
.his_Brochure .Brochure_list li dl {margin-left: 20px;display: inline-block;vertical-align: top;}/*200221ÃƒÆ’Ã‚Â¬Ãƒâ€¹Ã¢â‚¬Â Ãƒâ€¹Ã…â€œÃƒÆ’Ã‚Â¬Ãƒâ€šÃ‚Â ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¢*/
.his_Brochure .Brochure_list li dt {display:block; font-size:20px; color:#fdd001; font-family:"NotoR"; line-height: 1.4; margin: 1px 0 10px;letter-spacing: -1px;} /* 181218 */
.his_Brochure .Brochure_list li dt span {display:block; font-size:16px; color:#fff;font-family:"NotoR";}
.his_Brochure .Brochure_list li dt:hover {text-decoration:underline; color:#C0F2FA;}
.his_Brochure .Brochure_list li dt span:hover {color:#C0F2FA; transition : all 0.4s ease; -webkit-transition : all 0.4s ease;}
.his_Brochure .Brochure_list li dd {display:block; font-size:13px; color:#fff;font-family:"NotoT";}
.his_Brochure .Brochure_tit_box .control {position:absolute;bottom: 50px;left: 30px;z-index:10;overflow:hidden;}
.his_Brochure .Brochure_tit_box .control span {margin-right:10px; float:left; line-height:27px; color:#fff;}
.his_Brochure .Brochure_tit_box .control a {display:block; width:40px; height:40px; float:left; margin-right:0; text-indent:-10000em; }
.his_Brochure .Brochure_tit_box .control a.prev {background:url("/images/template/00004/main/his_btn_pre.png") no-repeat; }
.his_Brochure .Brochure_tit_box .control a.next {background:url("/images/template/00004/main/his_btn_next.png") no-repeat; }
.his_Brochure .Brochure_tit_box .control a.more {background:url("/images/template/00004/main/his_btn_more.png") no-repeat; }

  
@media screen and (max-width:1019px) {
	
	.main_visual, hsu_photo, .notice, .fund, .hsu_view, .m_link01, .his_Brochure {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease}
	.MC_conBox {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

	/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â©ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÆ’Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚Â¬Ãƒâ€šÃ‚Â£Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“Ãƒâ€šÃ‚Â¼ */ /* 181218 */
	.main_visual {height:auto;}
	.main_visual .swiper-container .swiper-slide {width:100%; opacity:1;]} /*240710*/
	/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚Â¬Ãƒâ€šÃ‚Â£Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â²ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚Â­Ãƒâ€¦Ã‚Â Ãƒâ€šÃ‚Â¼ */
	.main_visual .swiper-container .swiper-button-next {display:none;}
	.main_visual .swiper-container .swiper-button-prev {display:none;}
	.main_visual .swiper-container .video_wrap {height: 36vw;}

	/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â°ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¢ÃƒÆ’Ã‚Â¬Ãƒâ€¦Ã‚Â Ãƒâ€šÃ‚Â¤ */
	.MC_conBox1 {width:95%; }
	.MC_con2 {width:95%; }
	.MC_con3 {width:95%;}

	.con_w01 {width:100%;}
	.con_w02 {width:100%;margin: 30px 0 20px;}
	.con_w03 {width:100%;margin: 0; height: 350px;}

	/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚Â¬Ãƒâ€šÃ‚Â£Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ ÃƒÆ’Ã‚Â­Ãƒâ€¦Ã¢â‚¬â„¢Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬ÂÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ */ /* 181218 */
	.area_pop_wrap {display: block;top: 130px;left: 10px ;margin-left: 0;} /*240710*/
	
	/* ÃƒÆ’Ã‚Â­Ãƒâ€šÃ‚ÂÃƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â­ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â Ãƒâ€šÃ‚Â ÃƒÆ’Ã‚Â«ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â°Ãƒâ€šÃ‚Â´ÃƒÆ’Ã‚Â¬Ãƒâ€¦Ã‚Â Ãƒâ€šÃ‚Â¤ */
	.hsu_photo {position:relative;height:275px;/* overflow:hidden; */padding-top: 10px;}
	.hsu_photo ul li  {position:relative;width:32%;/* height: 290px; */float:left;margin-left:2%;}
	.hsu_photo ul li:first-child {margin-left:0;}
	.hsu_photo ul li p.img {position:relative;width:100%;height:170px;background: #000000;overflow:hidden;}
	.hsu_photo ul li a span.t_box1 {top:0; right:0;}
	.hsu_photo ul li a span.t_box2 {top:0; right:0;}
	
		
	/* ÃƒÆ’Ã‚ÂªÃƒâ€šÃ‚Â³Ãƒâ€šÃ‚ÂµÃƒÆ’Ã‚Â¬Ãƒâ€šÃ‚Â§ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â­ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¢Ãƒâ€šÃ‚Â­ */
	.notice {width:100%;margin:20px 0;}
	.notice h3 {position:absolute; top:0; width:10% ;height: 48px;line-height: 48px;}
	.notice h3.tit_1 {left:0;}
	.notice h3.tit_2 {left:10%;}
	.notice h3.tit_3  {left:20%;}
	.notice h3.tit_4  {left:30%;}
	.notice h3.tit_5  {left:40%;}
	.notice h3.tit_6  {left:50%;}
	.notice h3.tit_7  {left:60%;}
	.notice h3.tit_8  {left:70%;}
	.notice h3.tit_9  {left:80%;}
	.notice h3 a {display:block;color:#444;text-align:center;font-size:16px; font-family:"NotoR"; border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;background: #f4fbfe;border-top: 1px solid #d2d2d2;}
	.notice h3 a.current {color: #ffffff;font-family:"NotoM";background: #2066e8;}	
	.notice .list_box a.btn_more {width:10%}

	/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â°Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã‚Â¬Ãƒâ€šÃ‚Â ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚ÂªÃƒâ€šÃ‚Â¸Ãƒâ€šÃ‚Â°ÃƒÆ’Ã‚ÂªÃƒâ€šÃ‚Â¸Ãƒâ€¹Ã¢â‚¬Â  */
	.fund {width: 70%;margin-right:0;height:88px; box-sizing:border-box;}
	.fund .fund_tit {width:100%;background: #31a2ac;}
	.fund .fund_tit .img {position:absolute; bottom:0; left:20px; width:32px; height:35px;}
	.fund .fund_list {width:100%; box-sizing:border-box; background:none;}
	.fund .fund_list ul {overflow:hidden;/* padding: 2% 2%; */}
	.fund .fund_list ul li {width: 31%;float:left;background: url('/images/template/00004/main/fund_list_icon.png') no-repeat left 1px;padding-left: 3%;box-sizing:  border-box;}
 
	 /* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚ÂÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¬Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â Ãƒâ€¦Ã¢â‚¬â„¢ÃƒÆ’Ã‚ÂªÃƒâ€šÃ‚Â°Ãƒâ€¦Ã¢â‚¬Å“ */
	.introduce {width:28%;height: 88px;}
	.introduce a h2 {line-height: 85px;}
	.introduce a h2:hover { color:#FFC; text-decoration:none;}
	.introduce .img {position:absolute;left:50%;margin-left: -69px;width:24px;height:26px;top: 28px;transition:margin 0.1s ease-in-out;}	 
          	
	/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚Â«ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÆ’Ã‚Â¬Ãƒâ€¹Ã…â€œÃƒâ€šÃ‚Â¤ */
	.hsu_video {width:31%;float:left;margin: 0 2.5% 0 0;height: 224px;}
	.hsu_video a p.img {width:100%;height: 143px;border:1px solid #222;box-sizing: border-box;}
	.hsu_video a p.img img {width:100%; height:100%;}
	
	/* ÃƒÆ’Ã‚Â­ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¢Ãƒâ€šÃ‚Â­ÃƒÆ’Ã‚ÂªÃƒâ€šÃ‚Â³Ãƒâ€šÃ‚ÂµÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â·Ãƒâ€šÃ‚Â° */
	.hsu_view {width:32%;float:left;margin: 0 2.5% 0 0;height: 224px;}
	.hsu_view h2 {display:block;font-size:33px;color:#fff;font-family:"NotoR";padding: 20px 20px 43px;}
	.hsu_view h2 span {display:block; font-size:45px; color:#fff; font-family:"NotoM";}

	/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â°ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¡Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã‚ÂªÃƒâ€šÃ‚Â°ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚ÂªÃƒâ€šÃ‚Â¸Ãƒâ€šÃ‚Â° */
	.m_link01 {width:32%;float:left;height: 224px;}
	.m_link01 ul li img {position:absolute;top: 25px;left:50%;width: 59px;height: 49px;margin-left:-28px;transition:margin 0.1s ease-in-out;}
	.m_link01 ul li a {display:block;height: 17px;padding-top: 84px;color:#fff;font-size:14px;text-align:center;font-family:"NotoM";}
	
	/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¸Ãƒâ€¦Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¡Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã‚Â¬Ãƒâ€¦Ã‚Â Ãƒâ€¹Ã¢â‚¬Â ÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“Ãƒâ€šÃ‚Â´ */
	.his_Brochure {width:95%; height:100%;}
	.his_Brochure .Brochure_tit_box {background:none;width:  100%;position: absolute;height: 30px;padding:  0;top: 20px;}
	.his_Brochure .inner {width:100%;position:  relative;left:  0;top: 127px;}
	.his_Brochure .Brochure_list {width: 100%;height:207px;overflow:hidden;}
	.his_Brochure .Brochure_list li {width: 32%;float:left;margin-left: 2%;position:  relative;}
	.his_Brochure .Brochure_list li:first-child {margin-left:0;}
	.his_Brochure .Brochure_list li .img  {width: 50%;height:207px;float:left;}
	.his_Brochure .Brochure_list li .img img {width:100%;height:190px;}
	.his_Brochure .Brochure_list li dl {float:left;width: 45%;margin-left: 5%;}
	/* .his_Brochure .Brochure_list li dt {display:block;font-size:20px;color:#fff;font-family:"NotoR";line-height: 1.4;margin: 1px 0 10px;letter-spacing: -1px;} */ /* 181218 ÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â­ÃƒÆ’Ã‚Â¬Ãƒâ€šÃ‚Â Ãƒâ€¦Ã¢â‚¬Å“ */
	.his_Brochure .Brochure_list li dt span {display:block; font-size:16px; color:#fff;font-family:"NotoR";}
	.his_Brochure .Brochure_list li dd {display:block; font-size:13px; color:#fff;font-family:"NotoT";}	  
	.his_Brochure .Brochure_tit_box .control {position:absolute;bottom: auto;left:auto;right:0;top: 10px;}

	.area_pop_wrap1 {display:none;}
	.area_pop_wrap2 {display:none;}
	.area_pop_wrap3 {display:none;}
	.area_pop_wrap4 {display:none;}
	.area_pop_wrap5 {display:none;}
	.area_pop_wrap6 {display:none;}
	.area_pop_wrap7 {display:none;}
	.area_pop_wrap8 {display:none;}

	/*241011추가*/
	.main_visual {height: 55vw; min-height: 180px;}
	
}

@media (max-width: 860px) {	

	/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚Â¬Ãƒâ€šÃ‚Â£Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“Ãƒâ€šÃ‚Â¼ */
	.main_visual ul li .img {padding-top:45%}
	.main_visual ul li .mv_slogan {top:18%}
	.main_visual ul li .mv_slogan .slogan { width:55%}
	
	/* ÃƒÆ’Ã‚ÂªÃƒâ€šÃ‚Â³Ãƒâ€šÃ‚ÂµÃƒÆ’Ã‚Â¬Ãƒâ€šÃ‚Â§ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â­ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¢Ãƒâ€šÃ‚Â­ */
	.notice h3 a {font-size:14px;}
	
	/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¸Ãƒâ€¦Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¡Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã‚Â¬Ãƒâ€¦Ã‚Â Ãƒâ€¹Ã¢â‚¬Â ÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“Ãƒâ€šÃ‚Â´ */
	.his_Brochure .Brochure_list li dt {font-size: 18px;}
	.his_Brochure .Brochure_list li dt span{font-size: 14px;}
	
	/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚Â«ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÆ’Ã‚Â¬Ãƒâ€¹Ã…â€œÃƒâ€šÃ‚Â¤ */
	.hsu_video a p.txt {margin-bottom: 13px;}


	

}

@media (max-width: 800px) {	
	
	
	/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚Â«ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÆ’Ã‚Â¬Ãƒâ€¹Ã…â€œÃƒâ€šÃ‚Â¤ */
	.hsu_video {width:49%;float:left;margin: 0 2% 0 0;}
	
	/* ÃƒÆ’Ã‚Â­ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¢Ãƒâ€šÃ‚Â­ÃƒÆ’Ã‚ÂªÃƒâ€šÃ‚Â³Ãƒâ€šÃ‚ÂµÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â·Ãƒâ€šÃ‚Â° */
	.hsu_view {width:49%;float:left;margin: 0;height: 224px;}
	.hsu_view h2 {display:block;font-size:33px;color:#fff;font-family:"NotoR";padding: 20px 20px 43px;}
	.hsu_view h2 span {display:block; font-size:45px; color:#fff; font-family:"NotoM";}

	/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â°ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¡Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã‚ÂªÃƒâ€šÃ‚Â°ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚ÂªÃƒâ€šÃ‚Â¸Ãƒâ€šÃ‚Â° */
	.m_link01 {width:100%;/* float:none; */height: 224px;margin:0;}
	.m_link01 ul li img {position:absolute;top: 25px;left:50%;width: 59px;height: 49px;margin-left:-28px;transition:margin 0.1s ease-in-out;}
	.m_link01 ul li a {display:block;height: 17px;padding-top: 84px;color:#fff;font-size:14px;text-align:center;font-family:"NotoM";}

}


@media (max-width: 680px) {	

	


	/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚Â¬Ãƒâ€šÃ‚Â£Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“Ãƒâ€šÃ‚Â¼ */
	.main_visual ul li .img {padding-top:50%}
	.main_visual ul li .mv_slogan {top:15%}
	.main_visual ul li .mv_slogan .slogan { width:65%}
	.main_visual .bx-controls {bottom:20%;}	
	
	.con_w02 {margin:4% 0 4%;}
	
	/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â°Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã‚Â¬Ãƒâ€šÃ‚Â ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚ÂªÃƒâ€šÃ‚Â¸Ãƒâ€šÃ‚Â°ÃƒÆ’Ã‚ÂªÃƒâ€šÃ‚Â¸Ãƒâ€¹Ã¢â‚¬Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â  */
	.fund {width:100%;margin: 0 0 20px 0;height:  auto;}
	.fund .fund_tit {width:100%;background: #31a2ac;}
	.fund .fund_tit .img {position:absolute; bottom:0; left:20px; width:32px; height:35px;}
	.fund .fund_list {width:100%;box-sizing:  border-box;height: 100px;background: none;overflow-y: auto;}
	.fund .fund_list ul {overflow:hidden;padding: 2% 2%;}
	.fund .fund_list ul li {width: 100%;float:left;background: url('/images/template/00004/main/fund_list_icon.png') no-repeat left 1px;padding-left: 5%;box-sizing:  border-box;margin: 4px 0;}
 
 	/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚ÂÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¬Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â Ãƒâ€¦Ã¢â‚¬â„¢ÃƒÆ’Ã‚ÂªÃƒâ€šÃ‚Â°Ãƒâ€¦Ã¢â‚¬Å“ */
	.introduce {width:100%;height: 85px;}
	.introduce a h2 {font-family:"NotoR";font-size:16px;color:#fff;text-align:center;}
	.introduce a h2:hover { color:#FFC; text-decoration:none;}
	.introduce .img {position:absolute;left:50%;margin-left: -69px;width:24px;height:26px;top: 28px;transition:margin 0.1s ease-in-out;}	 
	
	/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚Â«ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÆ’Ã‚Â¬Ãƒâ€¹Ã…â€œÃƒâ€šÃ‚Â¤ */
	.hsu_video {display:none}
	.hsu_video2 {display:block;width:100%;float:left;margin: 0 0 20px 0; height:auto;}
	.hsu_video2 a p.img {height:180px;}
	
	/* ÃƒÆ’Ã‚Â­ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¢Ãƒâ€šÃ‚Â­ÃƒÆ’Ã‚ÂªÃƒâ€šÃ‚Â³Ãƒâ€šÃ‚ÂµÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â·Ãƒâ€šÃ‚Â° */
	.hsu_view {width:100%; float:left; margin: 0 0 20px 0;}
	.hsu_view h2 {display:block;font-size:33px;color:#fff;font-family:"NotoR";padding: 20px 20px 43px;}
	.hsu_view h2 span {display:block; font-size:45px; color:#fff; font-family:"NotoM";}
	
	
	/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¸Ãƒâ€¦Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¡Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã‚Â¬Ãƒâ€¦Ã‚Â Ãƒâ€¹Ã¢â‚¬Â ÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“Ãƒâ€šÃ‚Â´ */
	.his_Brochure .Brochure_list li {width:48%; margin-left: 2%;}
	.his_Brochure .Brochure_list li:first-child {margin-left:0;}
	.his_Brochure .Brochure_list li .img  {width: 50%;height:207px;float:  left;}
	.his_Brochure .Brochure_list li .img img {width:100%;height: 190px;}
	
	
}


@media (max-width: 580px) {	

	/* ÃƒÆ’Ã‚Â­Ãƒâ€šÃ‚ÂÃƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â­ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â Ãƒâ€šÃ‚Â ÃƒÆ’Ã‚Â«ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â°Ãƒâ€šÃ‚Â´ÃƒÆ’Ã‚Â¬Ãƒâ€¦Ã‚Â Ãƒâ€šÃ‚Â¤ */
	.hsu_photo {position:relative; height:auto; overflow:hidden;padding-top: 10px;}
	.hsu_photo ul li  {position:relative; width:100%; height:275px; float:left; margin:4% 0 0;}
	.hsu_photo ul li:first-child {margin-top:0;}
	.hsu_photo ul li p.img {position:relative; width:100%; height:170px; background:#000; overflow:hidden;}
	
	/* ÃƒÆ’Ã‚ÂªÃƒâ€šÃ‚Â³Ãƒâ€šÃ‚ÂµÃƒÆ’Ã‚Â¬Ãƒâ€šÃ‚Â§ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â­ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¢Ãƒâ€šÃ‚Â­ */
	.notice {height:auto;}
	.notice h3 {position:absolute; top:0; width:20% ;height: 48px;line-height: 48px;}
	.notice h3.tit_1 {left:0;}
	.notice h3.tit_2 {left:20%;}
	.notice h3.tit_3  {left:40%;}
	.notice h3.tit_4  {left:60%;}
	.notice h3.tit_5  {left:80%; }
	.notice h3.tit_6  {left:0%; top:48px;}
	.notice h3.tit_7  {left:20%; top:48px;}
	.notice h3.tit_8  {left:40%; top:48px;}
	.notice h3.tit_9  {left:60%; top:48px;}
	.notice .list_box a.btn_more {width:20%;top:48px;box-sizing:  border-box;height: 50px;}
	.notice .list_box {padding: 110px 0 0; }
	.notice h3.tit_5 a {border-right: 1px solid #d2d2d2;}

	/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚Â«ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÆ’Ã‚Â¬Ãƒâ€¹Ã…â€œÃƒâ€šÃ‚Â¤ */

	.hsu_video {width:100%;margin: 0 0 4% 0;}
	.hsu_video a.btn_more {position:absolute;left: 50%;top:0;margin-right: -80px;}

	/* ÃƒÆ’Ã‚Â­ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¢Ãƒâ€šÃ‚Â­ÃƒÆ’Ã‚ÂªÃƒâ€šÃ‚Â³Ãƒâ€šÃ‚ÂµÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â·Ãƒâ€šÃ‚Â° */
	.hsu_view {width:100%;float:left;margin: 0 0 4% 0;height: 224px;}
	.hsu_view h2 {display:block;font-size:33px;color:#fff;font-family:"NotoR";padding: 20px 20px 43px;}
	.hsu_view h2 span {display:block; font-size:45px; color:#fff; font-family:"NotoM";}

}


@media (max-width: 480px) {	

	/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â©ÃƒÂ¢Ã¢â€šÂ¬Ã‚ÂÃƒÆ’Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒâ€šÃ‚Â¸ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾ÃƒÆ’Ã‚Â¬Ãƒâ€šÃ‚Â£Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“Ãƒâ€šÃ‚Â¼ */
	.main_visual ul li .img {padding-top:60%}
	.main_visual ul li .mv_slogan {top:13%}
	.main_visual ul li .mv_slogan .slogan { width:70%}
	
	/* ÃƒÆ’Ã‚ÂªÃƒâ€šÃ‚Â³Ãƒâ€šÃ‚ÂµÃƒÆ’Ã‚Â¬Ãƒâ€šÃ‚Â§ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â­ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¢Ãƒâ€šÃ‚Â­ */
	.notice h3 a {font-size: 13px;}
	
	/* ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¸Ãƒâ€¦Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â«Ãƒâ€šÃ‚Â¡Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã‚Â¬Ãƒâ€¦Ã‚Â Ãƒâ€¹Ã¢â‚¬Â ÃƒÆ’Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã¢â‚¬Å“Ãƒâ€šÃ‚Â´ */
	.his_Brochure .Brochure_list li {width:100%; margin-left: 0;}


}

