@charset "utf-8";

.main-container {overflow:hidden; clear:both; position:relative; width:100%;  height:100%; margin:0 auto; padding-top:120px;}

/* 메인 타이틀 공통 */
.main-container h2.section_tit {font-family: 'GmarketSansBold'; font-size:2.4rem; line-height:1.2em; text-align:center; color:#000;}
.main-container p.section_exp {font-size:1.06em; line-height:1.3em; font-weight:300; text-align:center; word-break:keep-all;}

/* 비주얼 팝업 */
#section-1 {overflow:hidden; position:relative; min-height:900px; background:url('../../images/custom/main_2021/main_visual01_bg.png') no-repeat bottom center; background-size:cover; }
#section-1 .box {position:relative; width:1400px; margin:0 auto;}
#section-1 .visual_txt {position:absolute; left:0px; top:180px; width:100%;  z-index:5; }
#section-1 .visual_txt h2 {font-family: 'SBAggroM'; font-size:4.0em; font-weight:normal; color:#fff; line-height:1.2em;}
#section-1 .visual_txt .visi_exp {padding:40px 0 80px 0; font-size:1.2em; color:#fff; }

#section-1 .point_img {overflow:hidden; position:absolute; left:13%; bottom:35px; display:inline-block; width:380px; height:270px; background:url('../../images/custom/main_2021/visi_banner.png') no-repeat bottom center; background-size:100% auto;  z-index:1; text-indent:-9999em;}

#section-1 .visual_txt .visi_counter {float:left; }
#section-1 .visual_txt .visi_counter span {display:inline-block; font-size:1.2em; line-height:30px; color:#fff; vertical-align:middle; }
#section-1 .visual_txt .slide-progress-main{display:inline-block; margin:0 5px; width:150px; background:rgba(255,255,255, 0.5);}
#section-1 .visual_txt .slide-progress {width: 0; max-width: 100%;height: 2px; background: #fff;}
#section-1 .visual_txt .visi_ctrl {float:left; margin-left:20px; }
#section-1 .visual_txt .visi_ctrl button {display:inline-block; width:30px; height:30px; margin:0 0px;vertical-align:middle; }
#section-1 .visual_txt .visi_ctrl button:before {display:inline-block; content:"";}
#section-1 .visual_txt .visi_ctrl .visi_play:before {width:6px; height:10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23fff'%3E%3Cpath d='M-0.000,-0.000 L-0.000,10.000 L5.029,4.971 L-0.000,-0.000 Z'/%3E%3C/svg%3E") no-repeat; background-size:100% auto;}
#section-1 .visual_txt .visi_ctrl .visi_stop:before {width:6px; height:10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23fff'%3E%3Cpath d='M4.000,10.000 L4.000,-0.000 L6.000,-0.000 L6.000,10.000 L4.000,10.000 ZM-0.000,-0.000 L2.000,-0.000 L2.000,10.000 L-0.000,10.000 L-0.000,-0.000 Z'/%3E%3C/svg%3E") no-repeat; background-size:100% auto;}
#section-1 .visual_txt .visi_ctrl .visi_next:before {width:6px; height:10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.23 10.35' fill='%23fff'%3E%3Cpolygon points='6.23 5.17 1.06 0 0 1.06 4.11 5.17 0 9.29 1.06 10.35 6.23 5.17 6.23 5.17 6.23 5.17'/%3E%3C/svg%3E") no-repeat; background-size:100% auto;}
#section-1 .visual_txt .visi_ctrl .visi_prev:before {width:6px; height:10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.23 10.35' fill='%23fff'%3E%3Cpolygon points='0 5.17 5.17 10.35 6.23 9.29 2.12 5.17 6.23 1.06 5.17 0 0 5.17 0 5.17 0 5.17'/%3E%3C/svg%3E") no-repeat; background-size:100% auto;}

#section-1 .visi_box {position:relative; width:1900px; margin:0 auto;}
#section-1 .mvisual_con {overflow:hidden; position:relative; /*border:2px solid #ff0000;*/}
#section-1 .mvisual_con .item {/*padding:100px 0 0 0;*/ text-align:center;}
#section-1 .mvisual_con .item .img {transform: translate(18%,0%);}
#section-1 .mvisual_con .item img {/*float:right; margin-right:-170px;*/  display:inline-block; width:auto; max-width:100%;}

#section-1 .mouse {position:absolute; left:50%; bottom:10%; margin-left:-12px; content:""; display:inline-block; width:24px; height:35px;  background:url('../../images/custom/main_2021/scroll_icon.png') no-repeat bottom center; background-size:100% auto; z-index:3; }
#section-1:after {position:absolute; left:0px; top:0px;  content:""; display:inline-block; width:100%; height:100%; background:url('../../images/custom/main_2021/section2_top_bg.png') no-repeat center bottom; background-size:cover; z-index:2;}

/* 주요서비스 */
#section-2 {clear:both; position:relative; padding:50px 0 90px 0; z-index:3;}
#section-2 article {position:relative;}
#section-2 .box {position:relative; width:1400px; margin:0 auto;}
#section-2 .section_tit {padding-bottom:10px; text-align:center; }
#section-2 .section_tit::after {position:absolute; left:50%; top:-65px; margin-left:-165px; display:inline-block; content:""; width:298px; height:106px; background:url('../../images/custom/main_2021/section2_tit_bg.png') no-repeat center bottom; background-size:100% auto;}
#section-2 .section_exp {margin-bottom:55px; color:#666;}
#section-2 ul {overflow:hidden; margin:0 -30px; }
#section-2 ul li {float:left; width:16.666%; padding:10px 30px; text-align:center;}
#section-2 ul li a {display:block; transition: transform .15s ease-in-out,box-shadow .15s ease-in-out;}
#section-2 ul li a:hover {text-decoration:none; transform:translateY(-.3333333333rem);}
#section-2 ul li a .img {margin-bottom:20px; }
#section-2 ul li strong {display:block; margin-bottom:10px; font-family: 'GmarketSansMedium'; font-size:1.33em; /*font-weight:500;*/}
#section-2 ul li span {display:block; font-family: 'GmarketSansLight'; font-size:1.06em; font-weight:bold; color:#666;}

/* 공지사항 */
#section-3 {clear:both; position:relative; padding:135px 0 100px 0; background:#f3f9fe; z-index:3;}
#section-3:before {position:absolute; left:0px; top:0px;  content:""; display:inline-block; width:100%; height:100%; background:url('../../images/custom/main_2021/section3_top_bg.png') no-repeat center top / contain; } 
#section-3 article {position:relative;}
#section-3 .box {position:relative; width:1400px; margin:0 auto;}
#section-3 .section_tit {padding-bottom:20px; text-align: left;}
#section-3 .section_tit::after {position:absolute; left:140px; top:-160px; display:inline-block; content:""; width:179px; height:181px; background:url('../../images/custom/main_2021/section3_img.png') no-repeat center bottom; background-size:100% auto;}

#section-3 .notice_board {border-top:2px solid #000; }
#section-3 .notice_board ul li {border-bottom:1px solid #dbdbdb;}
#section-3 .notice_board ul li a {position:relative; display:block; padding:30px 50px 30px 0; }
#section-3 .notice_board ul li a:after {position:absolute; top:50%; right:0px; margin-top:-17px; content:""; display:inline-block; width:35px; height:35px; background:url('../../images/custom/main_2021/go_arrow_bg.png') no-repeat right center; background-size:100% auto; transition: transform .15s ease-in-out,box-shadow .15s ease-in-out;}
#section-3 .notice_board ul li a:hover {text-decoration:none;}
#section-3 .notice_board ul li a:hover:after {transform:translateX(-.3333333333rem);}

#section-3 .notice_board h3 {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom:15px; line-height:1.0em; }
#section-3 .notice_board .noti {display:inline-block; padding:2px 10px 3px 10px; margin-right:10px; font-size:14px; color:#fff; font-weight:300; background:#000; white-space:nowrap; }
#section-3 .notice_board .tit {display:block; overflow:hidden; padding:0 10px 0 0; font-size:1.33rem; line-height:1.4em; font-weight:500;white-space:nowrap; text-overflow:ellipsis;}
#section-3 .notice_board .new {display:block;/*overflow:hidden; display:inline-block; width:24px; height:24px;background:url('../../images/custom/main_2021/new_icon.png') no-repeat center center; background-size:100% auto; white-space:nowrap; text-indent:-9999em;*/}
#section-3 .notice_board .con {overflow: hidden; margin-bottom:30px; font-size:1.06em; color:#3d3d3d; font-weight:300; line-height:1.33em; max-height: 1.33em; text-overflow: ellipsis; /*display: block; display: -webkit-box;*/ -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; white-space: nowrap;}
#section-3 .notice_board .date {font-size:1.06em; color:#a3a3a3;}

#section-3 .more_btn {overflow:hidden; position:absolute; top:4px; right:0px; display:block; width:29px; height:29px; background:url('../../images/custom/main_2021/more_btn.png') no-repeat center center; background-size:100% auto; text-indent:-9999em;}

/* 행사 및 프로그램 안내 */
#section-4 {position:relative; width:100%; padding:135px 0 70px 0; background:url('../../images/custom/main_2021/section4_bg.png') no-repeat top center; background-size:cover;}
#section-4 article {position:relative;}
#section-4 .section_tit {padding-bottom:10px; text-align:center;}
#section-4 .section_tit::after {position:absolute; left:50%; top:-75px; margin-left:-310px; display:inline-block; content:""; width:542px; height:108px; background:url('../../images/custom/main_2021/section4_tit_img.png') no-repeat center bottom; background-size:100% auto; background-size:100% auto;}
#section-4 .section_exp {margin-bottom:45px;}
#section-4 .mphoto_area {overflow:hidden; margin:0 -60px;}
#section-4 .mphoto_area .item {padding:10px 0; width:350px;}
#section-4 .mphoto_area .item a {display:block; }
#section-4 .mphoto_area .item a:hover {text-decoration:none; transform:translateY(-.3333333333rem);}
#section-4 .mphoto_area .item .thumbnail-wrap {width:350px;}
#section-4 .mphoto_area .item .thumbnail-wrap .thumbnail {padding-top:130%; border-radius:20px;}
#section-4 .mphoto_area .item figcaption {padding:30px 0 60px 0; }
#section-4 .mphoto_area .item figcaption .cate {display:inline-block; padding:2px 10px 3px 10px; font-size:14px; color:#fff; font-weight:300; background:#000; white-space:nowrap; }
#section-4 .mphoto_area .item figcaption h3 {overflow:hidden; margin:15px 0 25px 0; font-size:1.33rem; line-height:1.4em; font-weight:500; color:#000; white-space:nowrap; text-overflow:ellipsis;}
#section-4 .mphoto_area .item figcaption .date {font-size:1.06em;}
#section-4 .mphoto_area .owl-dots {overflow:hidden; position:relative; width:1400px; margin:0 auto; padding:0 190px 0 0; 
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: single; 	-ms-flex-wrap: nowrap; flex-wrap: nowrap;}
#section-4 .mphoto_area .owl-dots .owl-dot {-webkit-box-flex: 1; -ms-flex: 1; flex-grow: 1; height:4px; background:rgba(0,0,0,0.1);}
#section-4 .mphoto_area .owl-dots .owl-dot.active {background:#000;}
/*#section-4 .mphoto_area .owl-dots::after {position:absolute; top:0px; left:-190px; content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.1);}*/
#section-4 .mphoto_area .eventimg_nav {position:relative; width:1400px; margin:0 auto; min-height:30px; z-index:3;}
#section-4 .mphoto_area .eventimg_nav .nav_btn {position:absolute; top:-16px; right:0px;/* background:#ffcf01;*/}
#section-4 .mphoto_area .eventimg_nav .nav_btn button {display:inline-block; width:30px; height:30px; margin:0 0px;vertical-align:middle; }
#section-4 .mphoto_area .eventimg_nav .nav_btn button:before {display:inline-block; content:"";}
#section-4 .mphoto_area .eventimg_nav .nav_btn .img_play:before {width:8px; height:15px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23000'%3E%3Cpath d='M0.000,15.000 L0.000,0.000 L7.500,7.500 L0.000,15.000 Z'/%3E%3C/svg%3E") no-repeat; background-size:100% auto;}
#section-4 .mphoto_area .eventimg_nav .nav_btn .img_stop:before {width:9px; height:15px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23000'%3E%3Cpath d='M6.000,15.000 L6.000,-0.000 L9.000,-0.000 L9.000,15.000 L6.000,15.000 ZM-0.000,-0.000 L3.000,-0.000 L3.000,15.000 L-0.000,15.000 L-0.000,-0.000 Z'/%3E%3C/svg%3E") no-repeat; background-size:100% auto;}
#section-4 .mphoto_area .eventimg_nav .nav_btn .img_next:before {width:9px; height:16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23000'%3E%3Cpath d='M9.010,8.096 L7.596,9.510 L7.500,9.414 L1.404,15.510 L-0.010,14.096 L6.086,8.000 L-0.010,1.904 L1.404,0.489 L7.500,6.586 L7.596,6.489 L9.010,7.904 L8.914,8.000 L9.010,8.096 Z'/%3E%3C/svg%3E") no-repeat; background-size:100% auto;}
#section-4 .mphoto_area .eventimg_nav .nav_btn .img_prev:before {width:9px; height:16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23000'%3E%3Cpath d='M9.010,14.096 L7.596,15.510 L1.500,9.414 L1.404,9.510 L-0.011,8.096 L0.086,8.000 L-0.011,7.904 L1.404,6.489 L1.500,6.586 L7.596,0.489 L9.010,1.904 L2.914,8.000 L9.010,14.096 Z'/%3E%3C/svg%3E") no-repeat; background-size:100% auto;}

/* 과학문화 뉴스 */
#section-5 {clear:both; position:relative; padding:130px 0 100px 0; }
#section-5 article {position:relative;}
#section-5 .box {position:relative; width:1400px; margin:0 auto;}
#section-5 .section_tit {margin-bottom:40px; text-align:left;}
#section-5 .section_tit::after {position:absolute; left:230px; top:-75px; display:inline-block; content:""; width:116px; height:114px; background:url('../../images/custom/main_2021/section5_tit_img.png') no-repeat center bottom; background-size:100% auto;}
#section-5 ul {overflow:hidden; margin:0 -20px;}
#section-5 ul li {float:left; width:25%; padding:0px 20px;  }
#section-5 ul li a {display:block; padding:40px 40px; min-height:290px; border:1px solid #dbdbdb;}
#section-5 ul li a:hover {text-decoration:none; border-color:#000;}
#section-5 ul li .tit {display:block; overflow:hidden; padding:0 0 0 0; font-size:1.33rem; line-height:1.4em; font-weight:500; line-height:1.33em; max-height: 4.0em; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
#section-5 ul li .con {overflow: hidden; margin:30px 0; font-size:1.06em; color:#3d3d3d; font-weight:300; line-height:1.33em; max-height: 2.7em; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
#section-5 ul li .date {font-size:1.06em; color:#a3a3a3;}
#section-5 .more_btn {overflow:hidden; position:absolute; top:4px; right:0px; display:block; width:29px; height:29px; background:url('../../images/custom/main_2021/more_btn.png') no-repeat center center; background-size:100% auto; text-indent:-9999em;}

/* 배너 영역  */
#section-6 {overflow:hidden; clear:both; position:relative; padding:30px 0; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; max-height:100px;}
#section-6 article {position:relative;}
#section-6 .box {position:relative; width:1400px; margin:0 auto; padding:0 0 0 200px; z-index:5;}
#section-6 .mbanner_head {position:absolute; top:0px; left:0px;}
#section-6 .mbanner_head h2 {float:left; padding:9px 15px 0 0; font-size:1.2em; font-weight:500;}
#section-6 .mbanner_head .banner_nav {float:left; padding:5px 0 0 0;}

#section-6 .mbanner_head .banner_nav button {display:inline-block; width:30px; height:30px; margin:0 0px;vertical-align:middle; }
#section-6 .mbanner_head .banner_nav button:before {display:inline-block; content:"";}
#section-6 .mbanner_head .banner_nav .banner_play:before {width:6px; height:10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23666'%3E%3Cpath d='M-0.000,-0.000 L-0.000,10.000 L5.029,4.971 L-0.000,-0.000 Z'/%3E%3C/svg%3E") no-repeat; background-size:100% auto;}
#section-6 .mbanner_head .banner_nav .banner_stop:before {width:6px; height:10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23666'%3E%3Cpath d='M4.000,10.000 L4.000,-0.000 L6.000,-0.000 L6.000,10.000 L4.000,10.000 ZM-0.000,-0.000 L2.000,-0.000 L2.000,10.000 L-0.000,10.000 L-0.000,-0.000 Z'/%3E%3C/svg%3E") no-repeat; background-size:100% auto;}
#section-6 .mbanner_head .banner_nav .banner_next:before {width:6px; height:10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.23 10.35' fill='%23666'%3E%3Cpolygon points='6.23 5.17 1.06 0 0 1.06 4.11 5.17 0 9.29 1.06 10.35 6.23 5.17 6.23 5.17 6.23 5.17'/%3E%3C/svg%3E") no-repeat; background-size:100% auto;}
#section-6 .mbanner_head .banner_nav .banner_prev:before {width:6px; height:10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.23 10.35' fill='%23666'%3E%3Cpolygon points='0 5.17 5.17 10.35 6.23 9.29 2.12 5.17 6.23 1.06 5.17 0 0 5.17 0 5.17 0 5.17'/%3E%3C/svg%3E") no-repeat; background-size:100% auto;}


#section-7 {overflow:hidden; clear:both; position:relative; padding:30px 0; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; max-height:100px;}
#section-7 article {position:relative;}
#section-7 .box {position:relative; width:1400px; margin:0 auto; padding:0 0 0 200px; z-index:5;}
#section-7 .mbanner_head {position:absolute; top:0px; left:0px;}
#section-7 .mbanner_head h2 {float:left; padding:9px 15px 0 0; font-size:1.2em; font-weight:500;}
#section-7 .mbanner_head .banner_nav {float:left; padding:5px 0 0 0;}

#section-7 .mbanner_head .banner_nav button {display:inline-block; width:30px; height:30px; margin:0 0px;vertical-align:middle; }
#section-7 .mbanner_head .banner_nav button:before {display:inline-block; content:"";}
#section-7 .mbanner_head .banner_nav .banner_play:before {width:6px; height:10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23666'%3E%3Cpath d='M-0.000,-0.000 L-0.000,10.000 L5.029,4.971 L-0.000,-0.000 Z'/%3E%3C/svg%3E") no-repeat; background-size:100% auto;}
#section-7 .mbanner_head .banner_nav .banner_stop:before {width:6px; height:10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23666'%3E%3Cpath d='M4.000,10.000 L4.000,-0.000 L6.000,-0.000 L6.000,10.000 L4.000,10.000 ZM-0.000,-0.000 L2.000,-0.000 L2.000,10.000 L-0.000,10.000 L-0.000,-0.000 Z'/%3E%3C/svg%3E") no-repeat; background-size:100% auto;}
#section-7 .mbanner_head .banner_nav .banner_next:before {width:6px; height:10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.23 10.35' fill='%23666'%3E%3Cpolygon points='6.23 5.17 1.06 0 0 1.06 4.11 5.17 0 9.29 1.06 10.35 6.23 5.17 6.23 5.17 6.23 5.17'/%3E%3C/svg%3E") no-repeat; background-size:100% auto;}
#section-7 .mbanner_head .banner_nav .banner_prev:before {width:6px; height:10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.23 10.35' fill='%23666'%3E%3Cpolygon points='0 5.17 5.17 10.35 6.23 9.29 2.12 5.17 6.23 1.06 5.17 0 0 5.17 0 5.17 0 5.17'/%3E%3C/svg%3E") no-repeat; background-size:100% auto;}


	@media only screen and (max-width : 1730px){ 
		
		#section-1 .mvisual_con .item img {margin-right:0px;}
		/*#section-1 .visual_txt .visi_exp {padding:30px 0 60px 0;}
		#section-1 .point_img {width:290px; height:210px;}*/
		#section-1 .visi_box {position:relative; width:1700px; margin:0 auto;}

		#section-1 .mvisual_con .item .img {transform: translate(16%,0%); }
	}
	/* tablet */
	@media only screen and (max-width : 1430px){ 

		#section-1 .box {width:100%; }
		#section-1 .visual_txt {padding:0 30px; }
		#section-1 .visual_txt h2 {font-size:3.5em;}
		#section-1 .visual_txt .visi_exp {padding:30px 0 60px 0;}
		/*#section-1 .point_img {width:250px; height:180px;}*/
		#section-1 .point_img {left:30px; bottom:55px; width:330px; height:240px;}
		#section-1 .visi_box {position:relative; width:100%; margin:0 auto;}
		#section-1 .mvisual_con .item .img {transform: translate(15%,0%); }
		/*#section-1 .mvisual_con .item img {width:80%;}*/

		#section-2 .box {width:100%; padding:0 15px;}

		#section-3 .box {width:100%; padding:0 15px;}
		#section-3 .more_btn {right:15px;}

		#section-4 .box {width:100%; padding:0 15px;}
		#section-4 .mphoto_area .owl-dots {width: 70%; padding: 0;}
		#section-4 .mphoto_area .eventimg_nav {width:100%;}
		#section-4 .mphoto_area .owl-dots::after {left:0px; }
		#section-4 .mphoto_area .eventimg_nav .nav_btn {right:70px;}

		#section-5 .box {width:100%; padding:0 15px;}
		#section-5 .more_btn {right:15px;}

		#section-6 .box {width:100%; padding:0 15px 0 215px;}
		#section-6 .mbanner_head {left:15px;}
        
        #section-7 .box {width:100%; padding:0 15px 0 215px;}
		#section-7 .mbanner_head {left:15px;}

	}
	@media only screen and (max-width : 1330px){ 
		
		#section-1 .mvisual_con .item .img {transform: translate(12%,0%); }
	}
	@media only screen and (max-width : 1230px){ 
		
		#section-1 {min-height:800px; }
		#section-1 .mvisual_con .item { padding:60px 0 0 0; text-align:right;}
		#section-1 .mvisual_con .item .img {transform: translate(5%,0%); }
		#section-1 .mvisual_con .item img {width:70%;}
		
		#section-2 {margin-top:-1rem;}
		#section-2 ul {margin:0 -20px;}
		#section-2 ul li {padding:10px 20px; }
		#section-2 ul li strong {font-size:1.2em;}
		#section-2 ul li span {font-size:1.0em;}

		
		/*#section-4 .mphoto_area .item {width:300px; }
		#section-4 .mphoto_area .item .thumbnail-wrap {width:300px; }*/
		#section-4 .mphoto_area .owl-dots {width: 65%; padding: 0;}
		
	}
	@media screen and (min-width: 992px) and (max-width: 1038px) {

		.main-container {padding-top:0px;}

		#section-1 {min-height:700px; }
		#section-1 .visual_txt {top:100px;}
		#section-1 .mvisual_con .item { padding:50px 0 0 0;}

		#section-2 ul li {width:33.333%;}
		
		#section-5 {padding:130px 0 70px 0;}
		#section-5 ul {margin:0 -10px;}
		#section-5 ul li {width:50%; padding: 0px 10px 20px 10px;}
		#section-5 ul li a {min-height:250px;}

		
	}
	/* mobile */
	@media only screen and (max-width : 992px){ 
		
		.main-container {padding-top:0px;}

		/*#section-1 {min-height:800px; }
		#section-1 .visual_txt {position:relative; top:auto; padding:0px 30px;}
		#section-1 .visual_txt h2 {font-size:3.0em;}
		#section-1 .visual_txt .visi_exp {padding:15px 0 30px 0;}
		#section-1 .mvisual_con .item {padding:0px 100px; text-align:center;} 
		#section-1 .mvisual_con .item img {width:85%;}*/

		#section-1 {min-height:700px; }
		#section-1 .visual_txt {top:100px;}
		#section-1 .mvisual_con .item { padding:50px 0 0 0;}
		
		#section-2 {margin-top:-1.5rem;}
		#section-2 ul li {width:33.333%;}

		#section-4 .mphoto_area .eventimg_nav {display:none;}
		
		#section-5 {padding:130px 0 70px 0;}
		#section-5 .section_tit {margin-bottom:30px;}
		#section-5 ul {margin:0 -10px;}
		#section-5 ul li {width:50%; padding: 0px 10px 20px 10px;}	
		#section-5 ul li a {min-height:250px;}

	}
	@media only screen and (max-width : 797px){	

		#section-1 .visual_txt {position:relative; top:auto; padding:20px 30px 320px 30px;}	
		#section-1 .visual_txt .slide-progress-main {width:90px;}
		#section-1 .mvisual_con .item {padding:0px 70px; text-align:center;} 
		#section-1 .mvisual_con .item .img {transform: translate(0%,0%); }
		#section-1 .mvisual_con .item img {width:80%;}
		#section-1 .point_img {bottom: 80px; width:250px; height: 180px;}
		
		#section-4 .section_exp {margin-bottom:30px;}
		#section-4 .mphoto_area .item {width:320px;}
		#section-4 .mphoto_area .item figcaption {padding:20px 0 40px 0; }
		#section-4 .mphoto_area .item .thumbnail-wrap {width:320px;}
		
		#section-5 {padding:130px 0 40px 0;}
		#section-5 ul li a {padding:30px 30px; min-height:220px;}

	}
	@media only screen and (max-width : 576px){ 

		.main-container h2.section_tit {font-size:2.1em;}
		.main-container p.section_exp {padding:0 15px; font-size:0.93em;}

		#section-1 .mvisual_con .item {padding:0 30px;}
		#section-1 .visual_txt h2 {font-size:2.6em;}
		#section-1 .visual_txt .visi_exp {padding:10px 0 30px 0; font-size:1.06em;}
		
		#section-2 {padding:50px 0 60px 0;}
		#section-2 .section_tit::after {margin-left:-130px;width:260px; }
		#section-2 .section_exp {margin-bottom:30px;}
		
		#section-3 {padding:75px 0 75px 0;}
		#section-3 .section_tit::after {top: -100px; width:130px; height: 132px}
		#section-3 .notice_board ul li a {padding:20px 40px 20px 0;}
		#section-3 .notice_board ul li a:after {margin-top:-15px;width:30px; height:30px; }
		#section-3 .notice_board h3 {margin-bottom:10px; }
		#section-3 .notice_board .noti {padding:1px 5px 2px 5px; font-size:12px; }
		#section-3 .notice_board .tit {font-size:1.13rem;}
		#section-3 .notice_board .con {margin-bottom:20px; font-size:0.93em;}
		#section-3 .more_btn {background-size:70% auto;}
		
		#section-4 {padding:100px 0 50px 0;}
		#section-4 .section_tit::after {top:-70px; margin-left: -250px; width: 460px; height: 93px;}
		#section-4 .section_exp {margin-bottom:20px;}
		#section-4 .mphoto_area .item {width:300px;}
		#section-4 .mphoto_area .item .thumbnail-wrap {width:300px;}
		#section-4 .mphoto_area .item figcaption {padding:20px 0 30px 0; }
		#section-4 .mphoto_area .item figcaption .cate {padding:1px 5px 2px 5px; font-size:12px; }
		#section-4 .mphoto_area .item figcaption h3 {margin:10px 0 20px 0; font-size:1.13rem;}
		#section-4 .mphoto_area .item figcaption .date {font-size:0.93em;}

		
		#section-5 {padding:120px 0 30px 0;}
		#section-5 .section_tit::after {left: 205px; top:-70px; width:96px; height:95px;}
		#section-5 ul li a {padding:25px 25px;  }
		#section-5 ul li .tit {font-size:1.13rem;}
		#section-5 ul li .con {margin:20px 0;  font-size:0.93em;}
		#section-5 ul li .date {font-size:0.93em;}
		#section-5 .more_btn {background-size:70% auto;}
		
		#section-6 {padding:20px 0; max-height:none; }
		#section-6 .box {padding:0 15px; }
		#section-6 .mbanner_head {overflow:hidden; position:relative; left:auto; top:auto; padding-bottom:10px; }
        
        #section-7 {padding:20px 0; max-height:none; }
		#section-7 .box {padding:0 15px; }
		#section-7 .mbanner_head {overflow:hidden; position:relative; left:auto; top:auto; padding-bottom:10px; }
		
	}
	@media only screen and (max-width : 486px){ 
		
		#section-1 {min-height: 660px;}
		#section-1 .visual_txt h2 {font-size:2.0em;}
		#section-1 .visual_txt .visi_exp {padding:10px 0 30px 0; font-size:0.93em;}
		#section-1 .mvisual_con .item img {width:100%;}
		
		#section-2 ul li {float:left; width:50%;}
		#section-2 ul li:nth-child(2n+1) {clear:both;}
		
		#section-3 .notice_board ul li a {padding:20px 0;}
		#section-3 .notice_board ul li a:after {display:none; }

		#section-4 .mphoto_area .item {width:250px;}
		#section-4 .mphoto_area .item .thumbnail-wrap {width:250px;}
		
		#section-5 {padding:110px 0 30px 0;}
		#section-5 .section_tit {margin-bottom:20px;}
		#section-5 ul {margin:0 0;}
		#section-5 ul li {float:none; width:100%; padding:0 0 20px 0;}
		#section-5 ul li a {min-height:auto;}

		
	}
	@media only screen and (max-width : 320px){ 
	
		.main-container h2.section_tit {font-size:1.9em;}
		
		#section-1 .visual_txt .slide-progress-main {width:50px;}

		#section-2 .section_tit::after {width:245px;}
		#section-2 ul li strong {font-size:1.06em;}
		#section-2 ul li span {font-size:0.86em;}
		
		#section-3 .section_tit::after {width:90px;}

		#section-4 .section_tit {padding:0 0px;}

		#section-5 {padding: 80px 0 30px 0;}

	}