@charset "UTF-8";

@font-face{
	font-weight:300;
	font-family: 'NanumSquare';
	src:url(./font/nanumsquare/NanumSquareL.eot);
	src:url(./font/nanumsquare/NanumSquareL.eot?#iefix) format("embedded-opentype"),
		url(./font/nanumsquare/NanumSquareL.woff) format("woff"),
		url(./font/nanumsquare/NanumSquareL.ttf) format("truetype")
}

@font-face{
	font-weight:400;
	font-family: 'NanumSquare';
	src:url(./font/nanumsquare/NanumSquareR.eot);
	src:url(./font/nanumsquare/NanumSquareR.eot?#iefix) format("embedded-opentype"),
		url(./font/nanumsquare/NanumSquareR.woff) format("woff"),
		url(./font/nanumsquare/NanumSquareR.ttf) format("truetype")
}

@font-face{
	font-weight:700;
	font-family: 'NanumSquare';
	src:url(./font/nanumsquare/NanumSquareB.eot);
	src:url(./font/nanumsquare/NanumSquareB.eot?#iefix) format("embedded-opentype"),
		url(./font/nanumsquare/NanumSquareB.woff) format("woff"),
		url(./font/nanumsquare/NanumSquareB.ttf) format("truetype")
}

@font-face{
	font-weight:900;
	font-family: 'NanumSquare';
	src:url(./font/nanumsquare/NanumSquareEB.eot);
	src:url(./font/nanumsquare/NanumSquareEB.eot?#iefix) format("embedded-opentype"),
		url(./font/nanumsquare/NanumSquareEB.woff) format("woff"),
		url(./font/nanumsquare/NanumSquareEB.ttf) format("truetype")
}

@font-face {
  font-family: 'NanumGothic';
  font-weight: 400;
  src: url(./font/nanumgothic/NanumGothicR.eot);
  src: url(./font/nanumgothic/NanumGothicR.eot?#iefix) format('embedded-opentype'),
       url(./font/nanumgothic/NanumGothicR.woff) format('woff'),
       url(./font/nanumgothic/NanumGothicR.ttf) format('truetype');
}

@font-face {
  font-family: 'NanumGothic';
  font-weight: 700;
  src: url(./font/nanumgothic/NanumGothicB.eot);
  src: url(./font/nanumgothic/NanumGothicB?#iefix) format('embedded-opentype'),
       url(./font/nanumgothic/NanumGothicB.woff) format('woff'),
       url(./font/nanumgothic/NanumGothicB.ttf) format('truetype');
}

@font-face {
  font-family: 'NanumGothic';
  font-weight: 800;
  src: url(./font/nanumgothic/NanumGothicEB.eot);
  src: url(./font/nanumgothic/NanumGothicEB?#iefix) format('embedded-opentype'),
       url(./font/nanumgothic/NanumGothicEB.woff) format('woff'),
       url(./font/nanumgothic/NanumGothicEB.ttf) format('truetype');
}

.greencampus .path-box{margin:0;}

.ngR{
	font-family: 'NanumGothic';
	font-weight: 400;
}

.ngB{
	font-family: 'NanumGothic';
	font-weight: 700;
}

.ngEB{
	font-family: 'NanumGothic';
	font-weight: 800;
}

.nsL{
	font-family: 'NanumSquare';
	font-weight: 300;
}

.nsR{
	font-family: 'NanumSquare';
	font-weight: 400;
}

.nsB{
	font-family: 'NanumSquare';
	font-weight: 700;
}

.nsEB{
	font-family: 'NanumSquare';
	font-weight: 900;
}


.re-mobile{
	display:none;
}

.re-tablet{
	display:none;
}

.re-pc{
	display:block;
}

.re-high{
	display:none;
}

.re-pc-high{
	display:block;
}

.re-mobile-ex{
	display:block;
}

.re-tablet-ex{
	display:block;
}

.re-pc-ex{
	display:none;
}

.re-gc{
	display:none;
}



/*public*/

.clear{
	clear:both;
}

.line210{
	line-height:210%;
}

.line180{
	line-height:180%;
}

.line150{
	line-height:150%;
}

.line120{
	line-height:120%;
}

.giant{
	font-size:25pt;
}

.huge{
	font-size:20pt;
}

.big{
	font-size:15pt;
}

.mid{
	font-size:10pt;
}

.small{
	font-size:9pt;
}

.center{
	text-align:center;
}

.left{
	text-align:left;
}

.right{
	text-align:right;
}

.none{
	display:none;
}

/*img*/
.img100{
	width:100%;
	height:auto;
}

.img-sch-1{
	width:100%;
	max-width:460px;
	height:auto;
}

/*background*/

.back-sky{
	background:#f6f8fe;
}

.back-gray{
	background:#EEEEEE;
}

.back-lightgray{
	background:#f6f6f6;
}

.back-orange{
	background:#fdf1e8;
}

.back-red{
	background:#d8635f;
}

.back-brown{
	background:#AF6F5B;
}

.back-yonsei-blue{
	background:#003377;
}

.back-link-top-blue{
	background:#1258ac;
}

.back-link-top-gray{
	background:#E6E6E6;
}

.back-gc-purple{
	background:#DED1E5;
}

.back-gc-green{
	background:#E1DE98;
}

.back-gc-red{
	background:#F4C9C6;
}

.back-gc-sky{
	background:#BBDCEE;
}

.back-gc-orange{
	background:#FBD5A6;
}

.back-gc-f-brown{
	background:#AF6F5B;
}

.back-gc-f-green{
	background:#349C5F;
}

.back-gc-f-yellow{
	background:#F1CD76;
}

.back-gc-f-purple{
	background:#CFAFC6;
}

.back-gc-f-gray{
	background:#D5CABC;
}

.back-gc-f-orange{
	background:#ECA95F;
}


/*font color*/

.yonsei-blue{
	color:#003377;
}

.yonsei-yellow{
	color:#FFC240;
}

.brown{
	color:#af6f5b;
}

.red{
	color:#d8635f;
}

.white{
	color:#FFFFFF;
}

.brown{
	color:#AF6F5B;
}

/*link*/

.greencampus section a:link{
	color:#003377;
	font-size:inherit;
	font-family:inherit;
	font-weight:inherit;
	text-decoration:none;
}
.greencampus section a:visited, a:active{
	color:#003377;
	font-size:inherit;
	font-family:inherit;
	font-weight:inherit;
	text-decoration:none;
}
.greencampus section a:hover{
	color:#4C70A0;
}

a.section-top-off:link{
	color:inherit;
	font-size:inherit;
	font-family:inherit;
	font-weight:inherit;
	text-decoration:none;
}
a.section-top-off:visited, a.section-top-off:active{
	color:inherit;
	font-size:inherit;
	font-family:inherit;
	font-weight:inherit;
	text-decoration:none;
}
a.section-top-off:hover{
	color:#AAAAAA;
}

a.section-top-on:link{
	color:#003377;
	font-size:inherit;
	font-family:inherit;
	font-weight:inherit;
	text-decoration:none;
}
a.section-top-on:visited, a.section-top-on:active{
	color:#003377;
	font-size:inherit;
	font-family:inherit;
	font-weight:inherit;
	text-decoration:none;
}
a.section-top-on:hover{
	color:#4C70A0;
}

*{
	margin:0px;
	padding:0px;
	box-sizing:border-box;
	transition-property:border,background,box-shadow,color,transform;  
 	transition-duration:0.2s;  
}

section{
	font-size:11pt;
	line-height:200%;
	color:#666666; 
	font-family: 'NanumGothic';
	font-weight: 400;
}


.section-top{
	position:absolute;
	top:140px;
	width:100%;
	height:60px;
	border-bottom:1px solid #E6E6E6;
	line-height:60px;
	transition:none;
	z-index:4;
	background:rgba(255,255,255,0.9);
}

.section-top.fix{
	position:fixed;
	top:0px;
	box-shadow:0px 8px 16px rgba(0, 0, 0, 0.05);
}

.section-top-sub{
	width:285px;
	height:60px;
	background:#003377;
	text-align:center;
	float:left;
}

.section-top-sub:hover{
	background:#4C70A0;
}

.section-top ul{
	width:auto;
	height:100%;
	float:left;
}

.section-top li{
	width:auto;
	height:100%;
	box-sizing:content-box;
	padding-left:15px;
	float:left;
	list-style:none;
}

.section-header{
	width:100%;
	height:240px;
	border-bottom:1px solid #E6E6E6;
}

.section-header-in-1{
	width:1200px;
	height:100%;
	margin:auto;
	padding:160px 0px 0px 300px;
	position:relative;
}

.section-header-in-2{
	width:1200px;
	height:100%;
	margin:auto;
	padding:80px 0px 0px 300px;
	position:relative;
}

.section-header-in-3{
	width:1200px;
	height:100%;
	margin:auto;
	padding:0px 0px 0px 300px;
	position:relative;
}

.section-header-in-back{
	width:100%;
	height:100%;
}

.section-header-in-sub{
	width:290px;
	height:100%;
	text-align:center;
	font-size:25pt;
	line-height:240px;
	position:absolute;
	left:0px;
	top:0px;
}

.section-header-menu{
	width:150px;
	height:80px;
	border-bottom:2px solid #666666;
	text-align:center;
	line-height:80px;
	float:left;
	color:#666666;
	overflow:hidden;
	padding:0px 5px;
}

.section-header-menu:hover{
	border-bottom:16px solid #666666;
	color:#AAAAAA;
}

.section-box{
	width:100%;
	height:auto;
}

.section-box-top{
	width:150px;
	height:150px;
	border-radius:150px;
	border:2px solid #003377;
	margin:auto;
	margin-top:100px;
	padding-top:45px;
	text-align:center;
	animation:section-box-key ease 1s;
}

@keyframes section-box-key{
    0% {transform:translate(0px, 40px);border:2px solid #FFFFFF;}
	100% {transform:translate(0px, 0px);border:2px solid #003377;}
}

.section-box-in{
	width:1200px;
	height:auto;
	padding:100px 0px 0px 300px;
	position:relative;
	margin:auto;
}

.section-box-in-sub{
	width:290px;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	padding-top:100px;
	border-bottom:2px solid #003377;
}

.section-box-in-sub ul{
	width:auto;
	height:auto;
}

.section-box-in-sub li{
	width:auto;
	height:auto;
	list-style:none;
	word-break:break-all;
}

.section-box-in-sub-off{
	color:#AAAAAA;
}

.section-box-in-sub-off:hover{
	color:#666666;
}

.section-box-in-sub-on{
	color:#003377;
}

.section-box-in-sub-on:hover{
	color:#4C70A0;
}

.section-box-in-name{
	width:100%;
	height:auto;
	border-left:4px solid #003377;
	padding-bottom:15px;
	margin:100px 0px 15px 0px;
	padding:20px;
}

.section-box-in-content{
	width:100%;
	height:auto;
	padding-bottom:100px;
	border-bottom:2px solid #666666;
}

.section-box-in-content-top{
	width:60px;
	height:60px;
	position:absolute;
	bottom:0px;
	right:0px;
	background:#666666;
	text-align:center;
	padding:10px 0px;
}

.section-box-in-content-top:hover{
	background:#AAAAAA;
}

.section-header-in-sub-notice{
	width:100%;
	height:100%;
	text-align:center;
	font-size:25pt;
	line-height:240px;
	position:absolute;
	left:0px;
	top:0px;
}

.section-box-in-notice{
	width:1200px;
	height:auto;
	margin:auto;
	padding:40px;
}

.section-box-in-box{
	width:100%;
	height:auto;
}

.section-box-in-3{
	width:33.3%;
	height:60px;
	border-bottom:1px solid #E6E6E6;
	text-align:center;
	line-height:60px;
	float:left;
	color:#666666;
	overflow:hidden;
}

.section-box-in-3:hover{
	border-bottom:6px solid #666666;
	color:#AAAAAA;
}

.arrow-top{
	width:40px;
	height:20px;
	margin:auto;
	background:url(/_res/wsw/img/office/wel_section-top.png) no-repeat 50% 50%;
	background-size:contain;
}

.arrow-top-brown{
	width:40px;
	height:20px;
	margin:auto;
	background:url(/_res/wsw/img/office/wel_section-top-brown.png) no-repeat 50% 50%;
	background-size:contain;
}

.arrow-left{
	width:20px;
	height:40px;
	margin-right:20px;
	float:left;
	background:url(/_res/wsw/img/office/wel_section-left.png) no-repeat 50% 50%;
	background-size:contain;
}

.arrow-right{
	width:20px;
	height:40px;
	margin-left:20px;
	float:right;
	background:url(/_res/wsw/img/office/wel_section-right.png) no-repeat 50% 50%;
	background-size:contain;
}

@keyframes notice-key{
    0% {height:0px;padding-top:0px;}
	10% {height:120px;padding-top:30px;}
	90% {height:120px;padding-top:30px;}
	100% {height:0px;padding-top:0px;}
}

@keyframes notice-bar-key{
    0% {width:0%;}
	100% {width:100%;}
}

.section-office{
	background:url(/_res/wsw/img/office/wel_back-office.png) 50% 50%;
	width:100%;
	height:900px;
}

.section-office-box{
	width:1200px;
	height:100%;
	margin:auto;
	padding-top:60px;
}

.section-office-box-in{
	width:400px;
	height:400px;
	margin:160px 0px 0px 80px;
}

.office-img-1{
	width:400px;
	height:180px;
}

.office-img-2{
	width:180px;
	height:50px;
}

.section-office-sub-left{
	width:25%;
	height:320px;
	float:left;
	padding:0px 10px;
	text-align:center;
}

.section-office-sub-left-1{
	width:100%;
	height:100%;
	background:url(/_res/wsw/img/office/wel_office-sub-1.png) 50% 50%;
	background-color:#003377;
	padding:20px 0px;
	line-height:280px;
}

.section-office-sub-left-2{
	width:100%;
	height:100%;
	background:url(/_res/wsw/img/office/wel_office-sub-2.png) 50% 50%;
	background-color:#ffc240;
	padding:20px 0px;
	line-height:280px;
}

.section-office-sub-right{
	width:25%;
	height:320px;
	float:left;
	padding:0px 10px;
}

.section-office-sub-right-1{
	width:100%;
	height:100%;
	border-top:2px solid #003377;
	border-bottom:2px solid #003377;
	padding:20px 0px;
}

.section-office-sub-right-2{
	width:100%;
	height:100%;
	border-top:2px solid #ffc240;
	border-bottom:2px solid #ffc240;
	padding:20px 0px;
}

.section-office-sub-top{
	width:100%;
	height:50px;
	border-bottom:2px solid #e6e6e6;
	margin-bottom:20px;
}

.section-button{
	width:100%;
	height:auto;
	min-height:50px;
	border:2px solid #666666;
	text-align:center;
	color:#666666;
	margin:20px 0px;
	padding:8px;
}

.section-button:hover{
	background:#666666;
	color:#FFFFFF;
}

.section-header-gc{
	border-bottom:1px solid #DCC3B7;
	background-color:#fdf1e8;
}

.section-header-menu-gc{
	border-bottom:2px solid #AF6F5B;
}

.section-header-menu-gc:hover{
	border-bottom:16px solid #AF6F5B;
}

.section-box-in-sub-gc{
	border-bottom:2px solid #AF6F5B;
}

.section-box-in-sub-off-gc{
	color:#CCA396;
}

.section-box-in-sub-off-gc:hover{
	color:#E5D1CB;
}

.section-box-in-sub-on-gc{
	color:#AF6F5B;
}

.section-box-in-sub-on-gc:hover{
	color:#D9BAB0;
}

.section-box-in-content-gc{
	border-bottom:2px solid #BF8C7C;
}

.section-box-in-content-top-gc{
	background:#BF8C7C;
}

.section-box-in-content-top-gc:hover{
	background:#D9BAB0;
}

.section-box-in-sub-gc-ne{
	border-bottom:2px solid #FFFFFF;
}

.section-box-in-sub-off-gc-ne{
	color:#CCA396;
}

.section-box-in-sub-off-gc-ne:hover{
	color:#E5D1CB;
}

.section-box-in-sub-on-gc-ne{
	color:#FFFFFF;
}

.section-box-in-sub-on-gc-ne:hover{
	color:#DCC3B7;
}

.section-box-in-content-gc-ne{
	border-bottom:2px solid #DFC5BD;
}

.section-box-in-content-top-gc-ne{
	background:#DFC5BD;
}

.section-box-in-content-top-gc-ne:hover{
	background:#EEE2DB;
}

.moviebox_out{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	border:4px solid #AF6F5B;
	position:absolute;
	bottom:0px;
}

.moviebox{
	position:relative;
	width:100%;
	height:0px;
	padding-bottom:56.26%;
}
.moviebox_in{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

.gc-1-1{
	width:100%;
	height:700px;
	background:url(/_res/wsw/img/office/wel_gc-1-1.png) no-repeat 50% 0;
	position:relative;
	box-sizing:content-box;
	padding:100px 0px 350px 0px;
	transition-property:padding;  
 	transition-duration:0.2s;  
}

.gc-1-2{
	width:300px;
	height:300px;
	background:url(/_res/wsw/img/office/wel_gc-1-2.png) no-repeat 50% 50%;
	margin:auto;
	animation: gc-key 3s ease-in-out infinite;
}

@keyframes gc-key{
    0% {transform:translate(0px, -15px);}
	50% {transform:translate(0px, 15px);}
	100% {transform:translate(0px, -15px);}
}

.gc-1-3{
	position:absolute;
	width:100%;
	height:auto;
	bottom:400px;
}

.gc-1-3-in{
	width:100%;
	max-width:1200px;
	margin:auto;
}

.gc-1-3-img{
	width:100%;
	max-width:1200px;
	height:auto;
}

.gc-2-1{
	width:100%;
	height:350px;
	position:relative;
}

.gc-2-1-1{
	width:100%;
	max-width:1200px;
	height:100%;
	margin:auto;
}

.gc-2-2{
	width:100%;
	height:250px;
	background:url(/_res/wsw/img/office/wel_gc-2-1.png) 50% 0;
}

.gc-3-1{
	width:20%;
	height:700px;
	padding-top:75px;
	float:left;
	position:relative;
	transition-property:height,padding,background;  
 	transition-duration:0.2s;  
}

.gc-3-1:hover{
	background:#fdf1e8;
	padding-top:100px;
}

.gc-3-1-1-img{
	width:100%;
	max-width:300px;
	height:auto;
	margin:auto;
}

.gc-3-1-1{
	width:100%;
	margin:auto;
	line-height:0px;
	text-align:center;
}

.gc-3-1-2-img{
	width:100%;
	max-width:300px;
	height:auto;
}

.gc-3-1-2{
	width:100%;
	margin:auto;
	position:absolute;
	bottom:0px;
	line-height:0px;
	text-align:center;
}

.gc-4-1{
	width:100%;
	padding-top:100px;
}

.gc-4-1-1{
	width:300px;
	height:300px;
	background:url(/_res/wsw/img/office/wel_gc-4-2.png) no-repeat 50% 50%;
	margin:auto;
	animation: gc-key 3s ease-in-out infinite;
}

.gc-4-2{
	width:100%;
	background:url(/_res/wsw/img/office/wel_gc-4-1.png) no-repeat 50% 0;
	position:relative;
	box-sizing:content-box;
	padding:280px 0px 100px 0px;
	transition-property:padding;  
 	transition-duration:0.2s;  
}

.gc-4-2-1{
	width:100%;
	max-width:1200px;
	padding:0px 30px;
	margin:auto;
	text-align:center;
}

.gc-4-2-1-1{
	width:16.6%;
	float:left;
	padding:0px 10px;
}

.gc-4-2-1-1-img{
	width:100%;
	max-width:250px;
	height:auto;
}

.gc-4-2-1-1-1{
	width:20px;
	height:20px;
	border-radius:10px;
	margin:auto;
}

.gc-4-2-1-1-2{
	width:100%;
	height:60px;
	margin-top:20px;
	border-bottom:2px solid #E5D1CB;
	color:#4D4D4D;
}

.gc-4-2-1-1-3{
	width:100%;
	margin-top:20px;
	text-align:left;
	color:#4D4D4D;
}

.box1200{
	width:100%;
	max-width:1200px;
	margin:auto;
	line-height:0px;
	padding-top:60px;
}

.re-mobile{
	display:none;
}

.re-tablet{
	display:none;
}

.re-pc{
	display:block;
}

.re-high{
	display:none;
}

.re-pc-high{
	display:block;
}

.re-mobile-ex{
	display:block;
}

.re-tablet-ex{
	display:block;
}

.re-pc-ex{
	display:none;
}

.re-gc{
	display:none;
}

/*mobile*/
@media screen and (max-width:750px) {

	a.section-top-off:link{
		color:#8099BB;
		font-size:inherit;
		font-family:inherit;
		font-weight:inherit;
		text-decoration:none;
	}
	a.section-top-off:visited, a.section-top-off:active{
		color:#8099BB;
		font-size:inherit;
		font-family:inherit;
		font-weight:inherit;
		text-decoration:none;
	}
	a.section-top-off:hover{
		color:#FFFFFF;
	}

	a.section-top-on:link{
		color:#FFFFFF;
		font-size:inherit;
		font-family:inherit;
		font-weight:inherit;
		text-decoration:none;
	}
	a.section-top-on:visited, a.section-top-on:active{
		color:#FFFFFF;
		font-size:inherit;
		font-family:inherit;
		font-weight:inherit;
		text-decoration:none;
	}
	a.section-top-on:hover{
		color:#8099BB;
	}


	/*responsive*/
	.re-mobile{
		display:block;
	}

	.re-pc{
		display:none;
	}

	.re-mobile-ex{
		display:none;
	}

	.re-pc-ex{
		display:block;
	}

	.re-pc-high{
		display:none;
	}


	/*css*/

	.giant{
		font-size:16pt;
	}

	.huge{
		font-size:14pt;
	}

	.big{
		font-size:12pt;
	}

	.mid{
		font-size:9pt;
	}

	.small{
		font-size:8pt;
	}

	body{
		font-size:10pt;
	}

	

	.section-top{
		height:40px;
		line-height:40px;
		background:rgba(0,51,119,0.95);
		border-bottom:none;
		transition:height 0.2s;
	}

	.section-top.fix{
		height:50px;
		line-height:50px;
	}

	.section-top-sub{
		display:none;
	}

	.section-top ul{
		width:100%;
		height:100%;
		clear:both;
	}

	.section-top li{
		width:20%;
		padding-left:0px;
		text-align:center;
	}

	.section-header{
		height:auto;
		border-bottom:none;
	}

	.section-header-in-1{
		width:100%;
		height:auto;
		padding:100px 0px 0px 0px;
	}

	.section-header-in-2{
		width:100%;
		height:auto;
		padding:100px 0px 0px 0px;
	}

	.section-header-in-3{
		width:100%;
		height:auto;
		padding:100px 0px 0px 0px;
	}

	.section-header-in-sub{
		width:100%;
		height:auto;
		font-size:18pt;
		line-height:100px;
		border-bottom:1px solid #E6E6E6;
	}

	.section-header-menu{
		width:50%;
		height:50px;
		border-bottom:1px solid #E6E6E6;
		margin-right:0px;
		line-height:50px;
	}

	.section-header-menu:hover{
		border-bottom:1px solid #E6E6E6;
		background:#E6E6E6;
		color:#666666;
	}

	.section-box-top{
		width:120px;
		height:120px;
		border-radius:150px;
		margin-top:30px;
		margin-bottom:30px;
		padding-top:30px;
	}

	.section-box-in{
		width:100%;
		padding:0px;
	}

	.section-box-in-sub{
		width:100%;
		height:50px;
		position:relative;
		left:none;
		top:none;
		padding-top:0px;
		border-bottom:none;
		background:url(./img/wel_header-sub-1.png) 50% 50%;
		color:white;
		line-height:50px;
		text-align:center;
	}

	.section-box-in-sub ul{
		width:100%;
		height:100%;
	}

	.section-box-in-sub li{
		width:100%;
		height:100%;
	}

	.section-box-in-sub-off{
		display:none;
	}

	.section-box-in-sub-on{
		color:#FFFFFF;
	}

	.section-box-in-sub-on:hover{
		color:#4C70A0;
	}

	.section-box-in-name{
		margin:50px 0px 15px 0px;
		padding:10px;
	}

	.section-box-in-content{
		padding:20px 20px 70px 20px;
		border-bottom:none;
	}

	.section-box-in-content-top{
		width:50px;
		height:50px;
		padding:10px 0px;
		right:50%;
		margin-right:-25px;
	}

	.arrow-top{
		width:30px;
		height:15px;
	}

	.arrow-left{
		width:15px;
		height:30px;
		margin-right:10px;
	}

	.arrow-right{
		width:15px;
		height:30px;
		margin-left:10px;
	}

	.section-header-in-sub-notice{
		width:100%;
		height:auto;
		font-size:18pt;
		line-height:100px;
		border-bottom:1px solid #E6E6E6;
	}

	.section-box-in-notice{
		width:100%;
		padding:20px;
	}

	.working-now{
		padding:60px 0px;
		text-align:center;
	}

	.section-box-in-3{
		width:50%;
		height:50px;
		line-height:50px;
	}

	.img-sch-2{
		width:100%;
		max-width:310px;
		height:auto;
	}

	.img-sch-3{
		width:100%;
		max-width:310px;
		height:auto;
	}

	.img-sch-4{
		width:100%;
		max-width:280px;
		height:auto;
	}

	.img-sch-5{
		width:100%;
		max-width:200px;
		height:auto;
	}
  
	.section-office{
		background:none;
		height:auto;
	}

	.section-office-box{
		width:100%;
		padding-top:40px;
	}

	.section-office-box-in{
		width:100%;
		max-width:300px;
		height:auto;
		margin:auto;
		margin-top:100px;
		margin-bottom:100px;
	}

	.office-img-1{
		width:100%;
		height:auto;
	}

	.office-img-2{
		width:120px;
		height:auto;
	}

	.section-office-sub-left{
		width:100%;
		height:50px;
		clear:both;
		padding:0px;
	}

	.section-office-sub-left-1{
		width:100%;
		height:100%;
		background:url(./img/wel_header-sub-1.png) 50% 50%;
		background-color:#003377;
		padding:0px;
		line-height:50px;
	}

	.section-office-sub-left-2{
		width:100%;
		height:100%;
		background:url(./img/wel_header-sub-2.png) 50% 50%;
		background-color:#ffc240;
		padding:0px;
		line-height:50px;
	}

	.section-office-sub-right{
		width:100%;
		height:auto;
		clear:both;
		padding:20px;
	}

	.section-office-sub-right-1{
		padding:10px 0px;
	}

	.section-office-sub-right-2{
		padding:10px 0px;
	}

	.section-office-sub-top{
		width:100%;
		height:40px;
		border-bottom:2px solid #e6e6e6;
		margin-bottom:10px;
	}
	
	.store-box-left{
		width:100%;
		height:auto;
		max-height:200px;
		clear:both;
		overflow:hidden;
		padding-right:5px;
	}

	.store-box-right{
		width:100%;
		height:auto;
		margin:10px 0px 0px 0px;
		clear:both;
		padding-right:5px;
	}

	.store-box-img{
		width:100%;
		height:auto;
	}

	.moviebox_out{
		position:relative;
	}

	.gc-1-1{
		height:500px;
		background:url(./img/wel_gc-1-1.png) no-repeat 50% -100px;
		padding:80px 0px 0px 0px;
	}

	.gc-1-3{
		bottom:40px;
	}

	.gc-2-1{
		height:auto;
	}

	.gc-2-2{
		height:150px;
		background:url(./img/wel_gc-2-1.png) 50% -100px;
	}

	.gc-3-1{
		width:100%;
		height:150px;
		padding:0px;
		clear:both;
	}

	.gc-3-1:hover{
		padding:0px 0px 0px 20px;
	}

	.gc-3-1-1-img{
		width:auto;
		height:100%;
	}

	.gc-3-1-1{
		width:50%;
		height:100%;
		margin:0px;
		float:left;
	}

	.gc-3-1-2-img{
		width:auto;
		height:100%;
	}

	.gc-3-1-2{
		width:50%;
		height:100%;
		margin:0px;
		float:left;
		position:relative;
		bottom:none;
	}

	.gc-4-1{
		padding:0px;
	}

	.gc-4-2{
		background:none;
		padding:0px;
	}

	.gc-4-2-1-1{
		width:50%;
	}

	.gc-4-2-1-1-img{
		max-width:150px;
	}

	.gc-4-2-1-1-2{
		height:35px;
		margin-top:10px;
		border-bottom:1px solid #E5D1CB;
	}

	.gc-4-2-1-1-3{
		margin:10px 0px 40px;
	}

	.section-header-gc{
		background:#FDF1E8;
	}

	.section-header-in-sub-gc{
		border-bottom:1px solid #E5D1CB;
	}

	.section-header-menu-gc{
		border-bottom:1px solid #E5D1CB;
	}

	.section-header-menu-gc:hover{
		border-bottom:1px solid #E5D1CB;
		background:#E5D1CB;
		color:#666666;
	}

	.box1200{
		padding-top:40px;
	}
}



/*tablet*/
@media screen and (min-width:751px) and (max-width:1240px) {

	/*responsive*/
	.re-tablet{
		display:block;
	}

	.re-pc{
		display:none;
	}

	.re-tablet-ex{
		display:none;
	}

	.re-pc-ex{
		display:block;
	}

	.re-pc-high{
		display:none;
	}


	

	.section-top-sub{
		width:185px;
	}

	.section-header{
		height:auto;
		background:none;
		border-bottom:none;
	}

	.section-header-in-1{
		width:100%;
		height:auto;
		padding:140px 0px 0px 0px;
	}

	.section-header-in-2{
		width:100%;
		height:auto;
		padding:140px 0px 0px 0px;
	}

	.section-header-in-3{
		width:100%;
		height:auto;
		padding:140px 0px 0px 0px;
	}


	.section-header-in-sub{
		width:100%;
		height:140px;
		line-height:140px;
		border-bottom:1px solid #E6E6E6;
	}

	.section-header-menu{
		width:20%;
		height:80px;
	}

	.section-box-in{
		width:100%;
		padding:100px 40px 0px 300px;
	}

	.section-box-in-sub{
		width:250px;
		left:40px;
	}

	.section-box-in-content-top{
		right:40px;
	}

	.section-bot{
		height:60px;
	}

	.section-bot-left{
		padding:10px 20px;
	}

	.section-bot-right{
		padding:10px 20px;
	}

	.section-bot-top{
		width:80px;
		height:80px;
		margin-left:-40px;
		padding:20px 15px;
	}

	.section-header-in-sub-notice{
		width:100%;
		height:140px;
		line-height:140px;
		border-bottom:1px solid #E6E6E6;
	}

	.section-box-in-notice{
		width:100%;
		padding:40px;
	}


	.section-box-in-3{
		width:50%;
	}

	.sch-box-big-table-1{
		width:50%;
	}

	.sch-box-big-table-2{
		width:50%;
	}

	

	.section-office{
		background:url(./img/wel_back-office.png) -360px 0px;
	}

	.section-office-box{
		width:100%;
		padding:60px 10px 10px;
	}

	.section-office-sub-left{
		width:50%;
		margin-bottom:20px;
	}

	.section-office-sub-right{
		width:50%;
		margin-bottom:20px;
	}

	.store-box-left{
		width:100%;
		height:200px;
		clear:both;
		overflow:hidden;
		padding-right:10px;
	}

	.store-box-right{
		width:100%;
		height:auto;
		margin:10px 0px 0px 0px;
		clear:both;
		padding-right:10px;
	}

	.store-box-img{
		width:100%;
		height:auto;
	}

	.section-header-gc{
		background:#FDF1E8;
		border-bottom:none;
	}

	.section-header-in-sub-gc{
		border-bottom:1px solid #E5D1CB;
	}

	.section-header-menu-gc{
		border-bottom:2px solid #AF6F5B;
	}

	.section-header-menu-gc:hover{
		border-bottom:16px solid #AF6F5B;
		color:#666666;
	}

}




/*high*/
@media screen and (min-width:1750px) {

	/*responsive*/
	.re-high{
		display:block;
	}

	.re-pc{
		display:none;
	}



	/*css*/

}



@media screen and (min-width:750px) and (max-width:1050px) {
	.gc-1-1{
		padding:100px 0px 200px 0px;
	}

	.gc-1-3{
		bottom:300px;
	}

	.gc-3-1{
		height:400px;
		padding-top:35px;
	}

	.gc-3-1:hover{
		padding-top:50px;
	}

	.re-gc{
		display:block;
	}

	.gc-4-2{
		padding:230px 0px 100px 0px;
	}

	.gc-4-2-1-1{
		width:33.3%;
	}

	.gc-4-2-1-1-img{
		width:75%;
	}

	.gc-4-2-1-1-3{
		margin:20px 0px 40px 0px;
	}
}