@font-face {
  font-family: Brown_font;
  src: url('../../fonts/Brown_font.woff') format('woff'); 
}

@font-face {
  font-family: TRGOTHIC210;
  src: url('../../fonts/TRGOTHIC210.woff') format('woff'); 
}

@font-face {
  font-family: TRGOTHIC240;
  src: url('../../fonts/TRGOTHIC240.woff') format('woff'); 
}


.colorblack {
  color: #000000 !important;
}
.colorwhite {
  color: #ffffff !important;
}

.colorgray {
	color: #b2b3b2 !important;
}
.alignLeft{
  text-align:left;
	float: left;
}

.alignRight{
  text-align:right;
	float: right;
}

html,
body,section {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

dl, ul, ol, menu, li {
	list-style: none;
	margin: 0;
	padding: 0;
}

li:hover {
	cursor: pointer;
}

img, object, video {
	max-width:100%;height:auto
	border: 0;
}

img.top {
  vertical-align: top;
}

img.middle {
  vertical-align: middle;
}

img.bottom {
  vertical-align: bottom;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav,
	section {
  	overflow: hidden;
	display: block
}

table, tr, td {
  border-spacing: 0;
  border-collapse: collapse;
}

button {
	outline: none !important;
	border: none;
	background: transparent;
}



/********************************/
/********************************/
/********************************/
/********************************/


.Brownitxt {
  font-family: Brown_font;
  font-size: 20px;
}

.mainTitle2440 {
  font-family: TRGOTHIC240;
  font-size: 40px;
  line-height:110%;
}

.subTitle2430 {
  font-family: TRGOTHIC240;
  font-size: 30px;
}
.subTitle2424 {
  font-family: TRGOTHIC240;
  font-size: 24px;
}
.subTitle2422 {
  font-family: TRGOTHIC240;
  font-size: 22px;
}

.subTitle2416 {
  font-family: TRGOTHIC240;
  font-size: 16px;
}

.txt2114 {
  font-family: TRGOTHIC210;
  font-size: 14px;
  line-height:180%;
}

.txt2120 {
  font-family: TRGOTHIC210;
  font-size: 20px;
  line-height:110%;
}

.txt2115 {
  font-family: TRGOTHIC210;
  font-size: 15px;
}

.txt2116 {
  font-family: TRGOTHIC210;
  font-size: 16px;
}

.white-text-item {
  color: #FFFFFF !important;
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  text-align:left;
}

.black-text-item {
  color: #000 !important;
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  text-align:left;
  white-space: nowrap;
}

.carousel-item {
	height: 65vh;
	min-height: 300px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

h1 {
	font-size: 20px;
	text-align: center;
}
h2 {
	font-size: 30px;
	text-align: center;
}
h3 {
	font-size: 40px;
	text-align: center;
}

.jb-xx-small { font-size: xx-small; }
.jb-x-small { font-size: x-small; }
.jb-small { font-size: small; }
.jb-medium { font-size: medium; }
.jb-large { font-size: large; }
.jb-x-large { font-size: x-large; }
.jb-xx-large { font-size: xx-large; }

.txt1 {
	margin-top: 20px;
	padding: 10px;
	border: 1px solid #a5acb5;
	background: #e9edf1;
}

.txt2 {
	padding: 10px 0 0 10px;
}









/********************************/

.list1 {
	padding: 10px 0 0 10px;
}

.list1 li {
	position: relative;
	padding-left: 20px;
}

.list1 li .label {
	position: absolute;
	top: 0;
	left: 0;
}

.list2 {
	padding: 10px 0 0 10px;
}

.list2 li {
	position: relative;
	padding-left: 12px;
}

.list2 li .label {
	position: absolute;
	top: 0;
	left: 0;
}

strong {
	font-weight: normal;
}

#contents {
	width: 100%;
	text-align: center;
}

.topNav {
	width: 100%;
	float: center;
	text-align: center;
}

.topNavContainer {
	width: 100%;
	display: inline-block;
	float: center;
	text-align: center;
	padding-top:25px;
	padding-bottom:15px;
}

/*.row{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin:70px;
}


.row3{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width: 61%;
	margin:2% auto 3% auto;	
}
*/
.box{
	width:245px;
	height:245px;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width: 25%;
	margin-left:auto;
	margin-right:auto;
}

.imgbox{
	width:90%;
	padding-top:2%;
	padding-bottom:1.5%;
}

.imgboxText{
	margin-left : 20px;
	width: 85%;
}

col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5,
	.col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1,
	.col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4,
	.col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto,
	.col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2,
	.col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8,
	.col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11,
	.col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
	.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1,
	.col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4,
	.col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}


my-3{
	margin-top:1rem!important;
}

.col {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}


.section0 {
    height: 100vh;
	background: url("../../images/top1.jpg") no-repeat center/cover;
  }


@media ( max-width :1100px) {
	.section0 {
    	height: 80vh;
	}
}
@media ( max-width :880px) {
	.section0 {
    	height: 60vh;
	}
}
@media ( max-width :660px) {
	.section0 {
    	height: 40vh;
	}
}

.section1 {
	width: 100%;
	display: inline-block;
	background-color: #f7f7f7;
}

.section2 {
	width: 100%;
	display: inline-block;
}

.section2 .sectionMain{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin:70px;
}


.section2 .sectionMain .infoBox{
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
	
@media ( max-width :1150px) {
	
	.section2 .sectionMain .infoBox .mainTitle2440{
		font-size:30px;
	}
	.section2 .sectionMain .infoBox .subTitle2422{
		font-size:18px;
	}
	.section2 .sectionMain .infoBox .txt2120{
		font-size:16px;
	}
	
}
	
@media ( max-width :950px) {
	
	.section2 .sectionMain{
		margin:70px 10px 70px 10px;
	}
	
}

@media ( max-width :760px) {
	
	.section2 .sectionMain .infoBox .mainTitle2440{
		font-size:24px;
	}
	.section2 .sectionMain .infoBox .subTitle2422{
		font-size:18px;
	}
	.section2 .sectionMain .infoBox .txt2120{
		font-size:16px;
	}
	
}

@media ( max-width :660px) {
	
	.section2 .sectionMain .infoBox .mainTitle2440{
		font-size:26px;
	}
	.section2 .sectionMain .infoBox .subTitle2422{
		font-size:19px;
	}
	.section2 .sectionMain .infoBox .txt2120{
		font-size:14px;
	}
	
}





























.section3 {
	width: 100%;
	display: inline-block;
	background-color: #f7f7f7;
}

.section3 .sectionMain{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin:70px;
}
.section3 .sectionMain .contentsBox{
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}


	
@media ( max-width :1150px) {
	
	.section3 .sectionMain .contentsBox .mainTitle2440{
		font-size:30px;
	}
	.section3 .sectionMain .contentsBox .subTitle2422{
		font-size:18px;
	}
	.section3 .sectionMain .contentsBox .txt2120{
		font-size:16px;
	}
	
}
	
@media ( max-width :950px) {
	
	.section3 .sectionMain{
		margin:70px 10px 70px 10px;
	}
	
}

@media ( max-width :760px) {
	
	.section3 .sectionMain .contentsBox .mainTitle2440{
		font-size:24px;
	}
	.section3 .sectionMain .contentsBox .subTitle2422{
		font-size:18px;
	}
	.section3 .sectionMain .contentsBox .txt2120{
		font-size:16px;
	}
	
}

@media ( max-width :660px) {
	
	.section3 .sectionMain .contentsBox .mainTitle2440{
		font-size:26px;
	}
	.section3 .sectionMain .contentsBox .subTitle2422{
		font-size:19px;
	}
	.section3 .sectionMain .contentsBox .txt2120{
		font-size:14px;
	}
	
}









































.section4 {
	width: 100%;
	display: inline-block;
}

.section4 .sectionMain {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin:70px;
}
.section4 .sectionMain .titleBox {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

.section4 .sectionLevel {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width: 65%;
	margin:auto auto 5% auto;
}



@media ( max-width :1450px) {
	
	.section4 .sectionLevel {
		width: 80%;
	}
	
}



@media ( max-width :1200px) {
	
	.section4 .sectionLevel {
		width: 94%;
	}
	
}


@media ( max-width :1150px) {
	

	
}

@media ( max-width :1000px) {
	
	.section4 .sectionLevel {
		width: 94%;
	}
	.section4 .sectionLevel .box {
		width: 40%;
		height:40%;
	}
}

	
@media ( max-width :950px) {
	

	
}

@media ( max-width :800px) {
	.section4 .sectionMain .titleBox .txt2120{
		font-size:18px;
	}
	.section4 .sectionMain .titleBox .txt2120 .subTitle2422{
		font-size:20px;
	}
}

@media ( max-width :760px) {
	

	
}

@media ( max-width :660px) {
	.section4 .sectionMain .titleBox .txt2120{
		font-size:20px;
	}
	.section4 .sectionMain .titleBox .txt2120 .subTitle2422{
		font-size:22px;
	}
	.section4 .sectionLevel .box .txt2116{
		font-size:12px;	
	}
	.section4 .sectionLevel .box img{
		width:100%;
	}
	.section4 .sectionLevel .box{
		width:40%;
	}
}










































.section5 {
	width: 100%;
	display: inline-block;
	background-color: #46c7d2;
}

.section5 .sectionmain{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width: 60%;
	display: inline-block;
	margin:2% auto 3% auto;	
}

.section5 .sectionmain .chepterbox {
	width:100%;
	margin-top: 30px;
	margin-bottom: 30px;
	display: inline-block;
	
}

.section5 .sectionmain .chepterbox .ltxtbox {
}

.section5 .sectionmain .chepterbox .rtxtbox {
	width:80%;
}

@media ( max-width :1450px) {
	.section5 .sectionmain{
		width: 80%;
	}
}

@media ( max-width :1200px) {
	.section5 .sectionmain{
		width: 70%;
	}
	.section5 .sectionmain .chepterbox .ltxtbox {
	}
	
	.section5 .sectionmain .chepterbox .rtxtbox {
		width:70%;
	}
}

@media ( max-width :1150px) {
}

@media ( max-width :1000px) {
}
	
@media ( max-width :950px) {
}

@media ( max-width :800px) {
	.section5 .sectionmain{
		width: 80%;
	}
	.section5 .sectionmain .chepterbox .ltxtbox {
	}
	
	.section5 .sectionmain .chepterbox .rtxtbox {
		width:70%;
	}
}

@media ( max-width :760px) {
}

@media ( max-width :660px) {
	.section5 .sectionmain{
		width: 90%;
	}
	.section5 .sectionmain .chepterbox .ltxtbox {
		width:100%;
		padding-bottom: 20px;
	}
	.section5 .sectionmain .chepterbox .alignLeft {
		float: none;
		text-align: center;
	}
	
	.section5 .sectionmain .chepterbox .rtxtbox {
		width:100%;
	}
	
	.section5 .sectionmain .chepterbox .alignRight {
		float: left;
	}
	
	.section5 .sectionmain .chepterbox .rtxtbox .txt2120 {
		font-size:14px;
	}
	.section5 .sectionmain .chepterbox .rtxtbox .txt2120 .Brownitxt{
		font-size:16px;
	}
}


















































.section6 {
	width: 100%;
	height:80%;
	display: inline-block;
	text-align:center;
	background-color: #2b4369;
}


		
.section6 .sectionmain {
	width:80%; 
	height:640px;
	display: inline-block;
	text-align:center;
	background-color: #2b4369;
	margin-left: auto; 
	margin-right: auto; 
}

.section6 .sectionmain .sectionTitle{
	width:100%; 
	margin-top:20px;
}

.section6 .sectionScreen {
	position:absolute;
	display: inline-block;
	width:1038px;
	height:410px;
	text-align:center;
	left: 0;
    right: 0;
    margin: 100px auto;
}
	
.section6 .sectionScreen .videoScreen{
	width:731px;
	height:410px;
	float:left;
}



.section6 .sectionScreen .videoScreen .playpause {
    background-image:url(../../images/media_play_pause_resume.png);
    background-repeat:no-repeat;
    width:50%;
    height:50%;
    position:absolute;
    left:-30%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
}




.section6 .sectionScreen .videolist{
	width:211px;
	height:410px;
	float:right;
}


.section6 .sectionScreen .videolist ul{
	padding-top:30px;
	text-align:left;
	float:left;
}

.section6 .sectionScreen .videolist ul li{
	color: #FFF !important;
	font-size: 18px;
	padding:0.5em 0 7px 0.5em;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align:left;
	padding-left:30px;
}


.section6 .sectionScreen .videolist ul > li.active {
	color: #f95a4a !important;
	font-size: 18px;
	padding:0.5em 0 7px -0.5em;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align:left;
	padding-left:7px;
}


select {
	display:none;
	width:100%;
	height:30px;
	padding-left:5px;
	border:1px gray solid;
	border-radius:8px;
	
}

@media ( max-width :1432px) {
	.section6 {
		height:640px;
	}
	.section6 .sectionScreen {
		width:987px;
		height:410px;
		margin-top: 10.9999%;
		margin-left: 11.9999%;
	}
	.section6 .sectionScreen .videoScreen {
		width:550px;
		height:350px;
	}
	
	.section6 .sectionScreen .videolist {
		width:111px;
		margin-left: 8.9999%;
		float:left;
	}
	
	.section6 .sectionScreen .videoScreen .playpause {
	    width:40%;
	    height:40%;
	    left:-45%;
    	top:-10%;
	}
	
	
	.section6 .sectionScreen .videolist ul{
		text-align:left;
		float:left;
	}
	
	.section6 .sectionScreen .videolist ul li{
		color: #FFF !important;
		font-size: 18px;
		padding:0.4em 0 2px 0;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-align:left;
		padding-left:30px;
	}
	
	
	.section6 .sectionScreen .videolist ul > li.active {
		color: #f95a4a !important;
		font-size: 18px;
		padding:0.4em 0 2px 0;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-align:left;
		padding-left:7px;
	}
}




@media ( max-width :880px) {
	.section6 {
		height:440px;
	}
	.section6 .sectionmain {
		height:440px;
	}
	.section6 .sectionmain .sectionTitle .subTitle2430{
		font-size:24px;
	}
	.section6 .sectionScreen {
		width:640px;
		height:310px;
		margin-top: 10.9999%;
		margin-left: 11.9999%;
	}
	.section6 .sectionScreen .videoScreen {
		width:60%;
		height:80%;
	}
	
	.section6 .sectionScreen .videoScreen .playpause {
	    width:35%;
	    height:35%;
	    left:-40%;
    	top:-20%;
	}
	.section6 .sectionScreen .videolist {
		width:71px;
		height:80%;
		margin-left: 8.9999%;
		float:left;
	}
	
	.section6 .sectionScreen .videolist ul{
		text-align:left;
		float:left;
	}
	
	.section6 .sectionScreen .videolist ul li{
		color: #FFF !important;
		font-size: 12px;
		padding:0.4em 0 0.2em 0;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-align:left;
		padding-left:20px;
	}
	
	
	.section6 .sectionScreen .videolist ul > li.active {
		color: #f95a4a !important;
		font-size: 12px;
		padding:0.4em 0 -0.2em 0;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-align:left;
		padding-left:5px;
	}
}



@media ( max-width :660px) {
	
	.section6 {
		height:300px;
	}
	.section6 .sectionmain {
		height:300px;
	}
	.section6 .sectionmain .sectionTitle .subTitle2430{
		font-size:18px;
	}
	.section6 .sectionScreen {
		width:75%;
		height:20%;
		margin-top: 10.9999%;
		margin-left: 10.9999%;
		text-align:center;
	}
	.section6 .sectionScreen .videoScreen {
		width:54%;
		height:100%;
		text-align:center;
	}
	
	.section6 .sectionScreen .videoScreen .playpause {
	    width:40%;
	    height:40%;
	    left:-45%;
    	top:0%;
	}
	
	.section6 .sectionScreen .videolist {
		width:71px;
		height:80%;
		margin-left: 8.9999%;
		float:left;
	}
	
	.section6 .sectionScreen .videolist ul{
		text-align:left;
		float:left;
		margin-top: -20px;
	}
	
	.section6 .sectionScreen .videolist ul li{
		color: #FFF !important;
		font-size: 10px;
		padding:0.1em 0 0.1em 0;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-align:left;
		padding-left:30px;
	}
	
	
	.section6 .sectionScreen .videolist ul > li.active {
		color: #f95a4a !important;
		font-size: 10px;
		padding:0.1em 0 0.1em 0;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-align:left;
		padding-left:16px;
	}
}







@media ( max-width :450px) {


	.videolist-UL-change{display:none;}
	
	#sel_videolist{ 
		width:100%;
		display:block; 
	}  
	
	.section6 .sectionScreen {
		width:75%;
		text-align:center;
	}
	.section6 .sectionScreen .videoScreen {
		width:100%;
	}
	
	.section6 .sectionScreen .videoScreen .playpause {
	    width:40%;
	    height:40%;
	    left:0%;
	}
	
	.section6 .sectionScreen .videolist {
		width:100%;
		margin-left: 0;
		float:none;
	}


}







.section7 {
	width: 100%;
	display: inline-block;
	text-align:center;
	background-color: #ffffff;
}
		
.section7 .sectionmain {
	display: inline-block;
	text-align:center;
	background-color: #ffffff;
	margin-left: auto; 
	margin-right: auto; 
}

.section7 .sectionScreen {
	position:absolute;
	display: inline-block;
	width:1038px;
	height:410px;
	text-align:center;
	left: 0;
    right: 0;
    margin: 110px auto;
	
}

.section7 .sectionScreen .nuriVideoScreen{
	width:731px;
	height:410px;
	float:left;
	
}

.section7 .sectionScreen .nuriVideoScreen .playpause {
    background-image:url(../../images/media_play_pause_resume.png);
    background-repeat:no-repeat;
    width:50%;
    height:50%;
    position:absolute;
    left:-30%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
}

.section7 .sectionScreen .nuriVideolist{
	width:211px;
	height:410px;
	float:right;
}
.section7 .sectionScreen .nuriVideolist ul{
	padding-top:30px;
	text-align:left;
	float:left;
}
.section7 .sectionScreen .nuriVideolist ul li{
	color: #000 !important;
	font-size: 18px;
	padding:1.3em 0 7px 1.3em;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align:left;
	padding-left:30px;
	
}

.section7 .sectionScreen .nuriVideolist ul > li.active {
	color: #f95a4a !important;
	font-size: 18px;
	padding:1.3em 0 7px -1.3em;
	white-space: nowrap;
	text-overflow: ellipsis; 
	text-align:left;
	padding-left:7px;
	

}






@media ( max-width :1432px) {
	
	.section7 {
		height:550px;
	}
	
	.section7 .sectionScreen {
		width:987px;
		height:410px;
		margin-top: 4.9999%;
		margin-left: 11.9999%;
	}
	

	.section7 .sectionScreen .nuriVideoScreen {
		width:550px;
		height:350px;
	}
	
	.section7 .sectionScreen .nuriVideoScreen .playpause {
	    width:40%;
	    height:40%;
	    left:-45%;
    	top:-10%;
	}
	
	.section7 .sectionScreen .nuriVideolist {
		width:111px;
		margin-left: 8.9999%;
		float:left;
	}
		
	.section7 .sectionScreen .youtubelist ul li{
		padding:0.7em 0 7px 0.7em;
	}
	
	
	.section7 .sectionScreen .nuriVideolist ul > li.active {
		padding:0.7em 0 7px -0.7em;
	}
}




@media ( max-width :880px) {
	.section7 {
		height:350px;
	}
	
	.section7 .sectionScreen {
		width:640px;
		height:310px;
		margin-top: 4.9999%;
		margin-left: 11.9999%;
	}
	.section7 .sectionScreen .nuriVideoScreen {
		width:60%;
		height:80%;
	}
	
	.section7 .sectionScreen .nuriVideoScreen .playpause {
	    width:35%;
	    height:35%;
	    left:-40%;
    	top:-20%;
	}
	
	.section7 .sectionScreen .nuriVideolist {
		width:71px;
		height:80%;
		margin-left: 8.9999%;
		float:left;
	}
	
	.section7 .sectionScreen .nuriVideolist ul li{
		font-size: 12px;
		padding:0.5em 0 0.5em 0;
		padding-left:20px;
	}
	
	
	.section7 .sectionScreen .nuriVideolist ul > li.active {
		font-size: 12px;
		padding:0.5em 0 -0.5em 0;
		padding-left:5px;
	}
}



@media ( max-width :660px) {
	.section7 {
		height:300px;
	}
	.section7 .sectionScreen {
		width:75%;
		height:20%;
		margin-top: 6.9999%;
		margin-left: 10.9999%;
		text-align:center;
	}
	.section7 .sectionScreen .nuriVideoScreen {
		width:54%;
		height:100%;
		text-align:center;
	}
	
	.section7 .sectionScreen .nuriVideolist {
		width:71px;
		height:80%;
		margin-left: 8.9999%;
		float:left;
	}
	
	.section7 .sectionScreen .nuriVideoScreen .playpause {
	    width:40%;
	    height:40%;
	    left:-45%;
    	top:0%;
	}
	
	.section7 .sectionScreen .nuriVideolist ul li{
		font-size: 10px;
		padding:0.3em 0 0.1em 0;
		padding-left:30px;
	}
	
	
	.section7 .sectionScreen .nuriVideolist ul > li.active {
		font-size: 10px;
		padding:0.3em 0 -0.1em 0;
		padding-left:16px;
	}
}





@media ( max-width :450px) {


	.nuriVideolist-UL-change{display:none;}
	
	#sel_nuriVideolist{ 
		width:100%;
		display:block; 
	}  
	
	.section7 .sectionScreen {
		width:75%;
		text-align:center;
	}
	.section7 .sectionScreen .nuriVideoScreen {
		width:100%;
	}
	
	.section7 .sectionScreen .nuriVideoScreen .playpause {
	    width:40%;
	    height:40%;
	    left:0%;
	}
	
	.section7 .sectionScreen .nuriVideolist {
		width:100%;
		margin-left: 0;
		float:none;
	}


}





















.section8 {
	width: 100%;
	display: inline-block;
	text-align:center;
	background-color: #f7f7f7;
}


.section8 .sectionmain{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width: 61%;
	margin:5% auto 3% auto;	
}


.section8 .sectionmain .appTitle{
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

.section8 .sectionmain .smartview{
	width:100%;
	padding-top:2%;
	padding-bottom:1.5%;
}

.section8 .sectionmain .smartview .smartImg {
	position: relative;
	width:60%;
	padding-right: 15px;
	padding-left: 15px;
}

.section8 .sectionmain .smartview .googlelayer {
	position: relative;
 	margin-top: 22%;
 	width:39%;
}


.section8 .sectionmain .pdflayer {
	width:100%;
 	text-align: center;
 	margin-top: 10%;
}


@media ( max-width :1365px) {
	.section8 .sectionmain{
		width: 80%;
	}
}


@media ( max-width :1100px) {
	.section8 .sectionmain{
		width: 90%;
	}
}

@media ( max-width :950px) {
	.section8 .sectionmain{
		width: 90%;
	}
	
	.section8 .sectionmain .smartview .googlelayer .txt2116{
	 	font-size:12px;
	}
}

@media ( max-width :660px) {
	.section8 .sectionmain .appTitle .subTitle2430{
		font-size:22px;
	}
	.section8 .sectionmain .smartview .smartImg {
		width:100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	
	.section8 .sectionmain .smartview .googlelayer {
	 	width:100%;
 		margin-top: 10%;
 		text-align: center;
	}
	.section8 .sectionmain .smartview .googlelayer .alignLeft {
		float:none;
		text-align: center;
	}
	.section8 .sectionmain .smartview .googlelayer .txt2116{
	 	font-size:16px;
	}
}




















.section9 {
	width: 100%;
	display: inline-block;
	text-align:center;
	background-color: #46c7d2;
}

.section9 .sectionmain {
	width:68%;
	display: inline-block;
	text-align:center;
	padding-top: 35px;
	padding-bottom: 35px;
}

.section9 .sectionmain .partnerbox {
	width:70%;
	display: inline-block;
	text-align:center;
	margin-top: 25px;
	margin-bottom: 25px;
}

.section9 .sectionmain .partnerboximg {
	width:100%;
	margin-top: 80px;
	margin-bottom: 80px;
	display: inline-block;
}

.section9 .sectionmain .partnerbox .ltxtbox {

}

.section9 .sectionmain .partnerbox .rtxtbox {
	width:70%;
}


@media ( max-width :1450px) {
	.section9 .sectionmain {
		width:80%;
	}
	.section9 .sectionmain .partnerbox {
		width:80%;
	}
}

@media ( max-width :1200px) {
	.section9 .sectionmain {
		width:85%;
	}
	.section9 .sectionmain .partnerbox {
		width:90%;
	}
}

@media ( max-width :1150px) {
}

@media ( max-width :1000px) {
}
	
@media ( max-width :970px) {
	
}

@media ( max-width :800px) {
	.section9 .sectionmain {
		width:90%;
	}
	.section9 .sectionmain .partnerbox {
		width:95%;
	}
}

@media ( max-width :760px) {
}

@media ( max-width :690px) {
	.section9 .sectionmain .partnerboximg {
		text-align: center;
	}
	.section9 .sectionmain .partnerbox .ltxtbox {
		width:100%;
		text-align: center;
	}
	.section9 .sectionmain .partnerbox .ltxtbox .alignLeft {
		float:none;
		text-align: center;
	}
	.section9 .sectionmain .partnerbox .rtxtbox {
		width:100%;
		text-align: center;
	}
	.section9 .sectionmain .partnerbox .rtxtbox .alignLeft {
		float:none;
		text-align: center;
	}
}












































.sectionTab  {
	width: 100%;
	height:26px;
	background-color: #46c7d2;
	display: inline-block;
	text-align:center;
	margin : 0 auto;
}

.outhiddenTab {
	width:70%;
	height:26px;
	background-color: #ffffff;
	display: inline-block;
	text-align:center;
	margin-top:-26px;
}
@media ( max-width :1600px) {
	.outhiddenTab {
		width:80%;
	}	
}

@media ( max-width :1450px) {
	.outhiddenTab {
		width:85%;
	}	
}

@media ( max-width :1300px) {
}
@media ( max-width :1200px) {
	.outhiddenTab {
		width:85%;
	}		
	
}

@media ( max-width :1150px) {
	.outhiddenTab {
		width:90%;
	}	
}

@media ( max-width :1050px) {
}
	
@media ( max-width :970px) {
	
}

@media ( max-width :800px) {
}

@media ( max-width :760px) {
}

@media ( max-width :690px) {
}































.section10 {
	width: 100%;
	display: inline-block;
	background-color: #eeeeee;
}


.section10 .sectionmain {
	width:70%;
	background-color: #ffffff;
	display: inline-block;
	text-align:center;
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom: 50px;
	padding-bottom: 100px;
}

.section10 .sectionmain .txtbox{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width: 90%;
	display: inline-block;
	text-align:center;	
	margin-top:80px;
	padding-top :50px;
	padding-bottom :50px;
	padding-right: 80px;
	padding-left: 80px;
}

.section10 .maintop {
	width: 90%;
	height:39px;
	display: inline-block;
	text-align:center;	
	left: 50%;
	padding-right: 80px;
	padding-left: 80px;
}


@media ( max-width :1600px) {
	.section10 .sectionmain {
		width:80%;
	}
	.section10 .sectionmain .maintop {
		width:80%;
	}	
}

@media ( max-width :1450px) {
	.section10 .sectionmain {
		width:85%;
	}
	.section10 .sectionmain .maintop {
		width:85%;
	}	
}

@media ( max-width :1300px) {
}
@media ( max-width :1200px) {
	.section10 .sectionmain {
		width:85%;
	}
	.section10 .sectionmain .txtbox{
		width: 95%;	
		margin-top:30px;
		padding-right: 50px;
		padding-left: 50px;
	}
	.section10 .sectionmain .maintop {
		width: 95%;
	}	
	
}

@media ( max-width :1150px) {
	.section10 .sectionmain {
		width:90%;
	}
}

@media ( max-width :1050px) {
}
	
@media ( max-width :970px) {
	
}

@media ( max-width :800px) {
}

@media ( max-width :760px) {
}

@media ( max-width :660px) {
	.section10 .sectionmain {
		padding-bottom: 20px;
	}
	.section10 .sectionmain .txtbox{
		margin-top:10px;
		padding-right: 10px;
		padding-left: 10px;
	}
}
























































.section11 {
	width: 100%;
	display: inline-block;
	text-align:center;
	background-color: #f7f7f7;
}

.section11 .activityTitle{
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

.section11 .sectionMain {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	display: :inline-block;
	width: 72%;
	text-align: center;
	margin:2% auto 3% auto;
	padding-left:2%;
	padding-right:2%;
}

.section11 .sectionMain .activitybox {
	width: 42%;
	margin:1% auto 1% auto;
	
}
.section11 .sectionMain .activitybox .activityBook{
	width: 28%;
	float:left;
}

.section11 .sectionMain .activitybox .textWhiteBox {
	width: 68%;
	height:100%;
	background-color: #ffffff;
	padding : 20px 20px 8px 20px;
	margin-left:5px;
}

.section11 .sectionMain .activitybox .activityReviewbox{
	float:left;
}

	.section11 .sectionMain .activitybox .activityReviewbox img{
		width: 100%;
	}

/*.ativitybook-review {
	position:absolute;
 	padding-top: 112px;
 	margin-left: 236px;
}*/



@media ( max-width :1450px) {
	
	.section11 .sectionMain {
		width: 80%;
	}
	
	.section11 .sectionMain .activitybox {
		width: 48%;
	}
	.section11 .sectionMain .activitybox .textWhiteBox .txt2120{
		font-size: 16px;
	}
	.section11 .sectionMain .activitybox .textWhiteBox .txt2120 .Brownitxt{
		font-size: 18px;
	}
	.section11 .sectionMain .activitybox .activityReviewbox img{
		width: 100%;
	}
}

@media ( max-width :1200px) {
	.section11 .sectionMain {
		width: 90%;
	}
	.section11 .sectionMain .activitybox {
		width: 48%;
	}
	.section11 .sectionMain .activitybox .textWhiteBox .txt2120{
		font-size: 16px;
	}
	.section11 .sectionMain .activitybox .textWhiteBox .txt2120 .Brownitxt{
		font-size: 18px;
	}
}

@media ( max-width :1150px) {
}

@media ( max-width :1000px) {
}
	
@media ( max-width :970px) {
	.section11 .sectionMain .activitybox {
		width: 80%;
    }
    .section11 .sectionMain .activitybox .textWhiteBox{
	}
	.section11 .sectionMain .activitybox .textWhiteBox .txt2120{
		font-size: 18px;
	}
	.section11 .sectionMain .activitybox .textWhiteBox .txt2120 .Brownitxt{
		font-size: 20px;
	}
	
	.section11 .sectionMain .activitybox .activityReviewbox {
		width:100%;
		float:right;
		background-color: #ed165a;
	}
	.section11 .sectionMain .activitybox .activityReviewbox .alignLeft{
		float:right;
	}
}

@media ( max-width :800px) {
}

@media ( max-width :760px) {
}

@media ( max-width :660px) {
	.section11 .sectionMain {
		width: 90%;
		display: :inline-block;
		text-align:center;
		float:none;
	}
	
	.section11 .sectionMain .activitybox {
		width: 100%;
		margin-top:50px;
		/*padding-top:30px;
		padding-bottom:10px;*/
		/*background-color: #ffffff;*/
	}
	
	.section11 .sectionMain .activitybox .activityBook{
		width: 100%;
		text-align:center;
		float:none;
	}
	.section11 .sectionMain .activitybox .activityBook img{
		/*border:1px #c0c0c0 solid;*/
	}
	.section11 .sectionMain .activitybox .textWhiteBox {
		width: 100%;
		height:auto;
		background-color: #ffffff;
		margin-top:10px;
		margin-left:0px;
	}
	.section11 .sectionMain .activitybox .textWhiteBox .alignRight{
		text-align:left;
		float:left;
	}
}























/**/
.bottomFooter {
	width: 100%;
	display: inline-block;
	text-align:center;
	background-color: #2b4369;
}

.bottomFooter .sectionmain {
	width:70%;
	display: inline-block;
	margin : 30px;
}

.bottomFooter .sectionmain .alignLeft{
}

.bottomFooter .sectionmain .alignRight{
}

@media ( max-width :1600px) {
	.bottomFooter .sectionmain {
		width:80%;
	}	
}

@media ( max-width :1450px) {
	.bottomFooter .sectionmain {
		width:85%;
	}	
}

@media ( max-width :1300px) {
}
@media ( max-width :1200px) {
	.bottomFooter .sectionmain {
		width:85%;
	}	
	
}

@media ( max-width :1150px) {
	.bottomFooter .sectionmain {
		width:90%;
	}
}

@media ( max-width :675px) {
	.bottomFooter .sectionmain {
		width:90%;
	}
	.bottomFooter .sectionmain img{
		width:25%;
		height:25%;
	}
	
	.bottomFooter .sectionmain .alignLeft{
		width:100%;
	}
	.bottomFooter .sectionmain .alignLeft .subTitle2416{
		font-size:14px;
	}
	.bottomFooter .sectionmain .alignRight{
		width:100%;
		height:25%;
		float:none;
		text-align:center;
	}
	.bottomFooter .sectionmain .alignLeft .txt2114{
		font-size:12px;
	}
	
}