@charset "utf-8";
@import "/fonts/eng/fonts.css";
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800&display=swap');

/* Reset CSS  */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section	{ display:block;}
ul, ol, dl,div,dd,dt,li,p,div, h1, h2, h3, h4, h5{ box-sizing:border-box; margin:0; padding:0; list-style:none; font-family:'Noto Sans Korean', 'Nanum Myeongjo', "맑은 고딕","Malgun Gothic","돋움",Dotum, sans-serif; color:#646464; line-height:1.5; font-size:17px; font-weight:300; letter-spacing:0.5px; -webkit-text-size-adjust:none; word-break:keep-all;}
img, video, fieldset {/* max-width:100%;*/ border:0; vertical-align:top; }
a					{ vertical-align:top; text-decoration:none; color:#646464; /*outline:none; select-dummy:expression(this.hideFocus=true);*/}
a:hover				{ color:#282828; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
a:active			{ color:#646464;}
a:visited			{ color:#646464;}

table										{ border-collapse:collapse; border-spacing:0; }
input, select, textarea						{ vertical-align:middle; box-sizing:border-box; margin:0; padding:0; font-family:'Noto Sans Korean', 'Nanum Myeongjo', "맑은 고딕","Malgun Gothic","돋움",Dotum, sans-serif; font-weight:300;}
html										{ height:100%; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; -ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body										{ height:100%; margin:0; padding:0; font-weight:300; letter-spacing:-0.3px; overflow-x:hidden; -webkit-overflow-scrolling:touch;}
label										{ cursor:pointer;box-sizing:border-box; }
button										{ border:0; padding:0; background:transparent; cursor:pointer; overflow:visible; /*outline:none; select-dummy:expression(this.hideFocus=true);*/ font-family:'Noto Sans Korean', 'Nanum Myeongjo', "맑은 고딕","Malgun Gothic","돋움",Dotum, sans-serif; font-weight:300;}
h2, .skipNav, legend, hr, 
caption, .hidden							{ display:none; position:absolute;  width:0; height:0; overflow:hidden;  font-size:0; line-height:0;}
i,em,address								{ font-style:normal;  }
address a:link								{ font-size:10px; color:#ccc; vertical-align:middle; }
fieldset									{ margin:0; padding:0; width:100%;}
input										{ height:40px; border:1px solid #ced4da; font-size:16px; text-indent:10px;}	
textarea									{ border:1px solid #ced4da; font-size:16px;}
input[type=password]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=text]:focus,
textarea:focus								{ border:1px solid #20437B; box-shadow:none; color:#545454;}
*											{ margin:0; padding:0; box-sizing:border-box; -webkit-touch-callout:none;}
select										{ height:40px; border:1px solid #ced4da; font-size:16px; padding-left:10px; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; background:#ffffff url(/images/eng/selectico.png) 90% center no-repeat;}
select::-ms-expand							{ display:none;}
::selection									{ color:#fff; background:#2F67BC;}
::-moz-selection							{ color:#fff; background:#2F67BC;}

#Wrap								{ position:relative; float:left; width:100%; z-index:1; }
.container,
.container1							{ position:relative; width:1200px; margin:0 auto; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;
transition:all .3s ease;}

#Header												{ position:fixed; top:0; left:0; width:100%; height:95px; border-bottom:1px solid rgba(255,255,255,0.3); z-index:1200;}
#Header:hover,
#Header	.header:hover								{ background-color:rgba(19,35,75,0.9); transition:all 0.4s ease; -webkit-transition:all 0.4s ease; }
#Header	.logo										{ position:absolute; left:0; top:22px; width:195px; z-index:1201;}
#Header	.Language									{ position:absolute; right:40px; top:35px; z-index:1202;}
#Header	.Language	a								{ color:#fff; font-size:15px;}
#Header	.sitemap									{ position:absolute; right:0; top:35px; z-index:1202;}
#Header	.sitemap	button							{ width:23px; height:23px; background:url(/images/eng/btn_sitemap.png) left center no-repeat;}
#Header	.m_open										{ display:none;}

.sitemap-menu-wrap																{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1205;}
.sitemap-menu-wrap	.s_box														{ position:relative; width:76%; margin:7% 12% 12%; z-index:920;}
.sitemap-menu-wrap	.s_box	.s_info												{ position:relative; float:left; width:100%; height:auto; padding-bottom:50px; background-color:#fff; box-shadow:1px 2px 4px rgba(0, 0, 0, 0.5);}
.sitemap-menu-wrap	.s_box	.s_info	h3											{ padding:40px 0 50px 0; text-align:center;}
.sitemap-menu-wrap	.s_box	.s_info	ul											{ position:relative; float:left; width:100%;}
.sitemap-menu-wrap	.s_box	.s_info	ul	li										{ float:left; width:25%; height:480px; border-right:1px solid #efefef; padding:0 35px;}
.sitemap-menu-wrap	.s_box	.s_info	ul	li	strong								{ height:38px; color:#fff; background-color:#20437b; border:1px solid #13234b; font-weight:400; text-align:center; line-height:2; display:block; border-radius:3px;}
.sitemap-menu-wrap	.s_box	.s_info	ul>li>a										{ font-size:18px; font-weight:400;}
.sitemap-menu-wrap	.s_box	.s_info	ul	li	ul									{ padding-top:10px;}
.sitemap-menu-wrap	.s_box	.s_info	ul	li	ul	li								{ position:relative; width:100%; height:auto; display:inline-block; border:0; padding:0 0 0 10px;}
.sitemap-menu-wrap	.s_box	.s_info	ul	li	ul	li	a							{ font-size:16px; font-weight:300; color:#282828; line-height:2; padding-left:5px; margin-bottom:0;}
.sitemap-menu-wrap	.s_box	.s_info	ul	li	ul	li	a:after						{ content:'';  position:absolute;  left:7px; top:15px;  width:3px; height:3px;  border-radius:100%;  background-color:#282828;}
.sitemap-menu-wrap	.s_box	.s_info	ul	li	ul	li	a:hover						{ color:#2f67bc;}
.sitemap-menu-wrap	.s_box	.s_info	ul	li	ul	li	ul							{ padding:0; width:100%;}
.sitemap-menu-wrap	.s_box	.s_info	ul	li	ul	li	ul	li	a					{ font-size:15px; line-height:1.5; color:#545454;}
.sitemap-menu-wrap	.s_box	.s_info	ul	li	ul	li	ul	li	a:after				{ content:'';  position:absolute;  left:5px; top:12px;  width:2px; height:2px;  border-radius:100%;  background-color:#545454;}
.sitemap-menu-wrap	.s_box	.s_info	ul	li	ul	li	ul	li	ul	li	a			{ font-size:14px; color:#747474; padding-left:7px; }
.sitemap-menu-wrap	.s_box	.s_info	ul	li	ul	li	ul	li	ul	li	a:after		{ content:'';  position:absolute;  left:7px; top:12px;  width:5px; height:1px;  border-radius:100%;  background-color:#747474;}
.sitemap-menu-wrap	.s_mask									{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; z-index:901;}
.sitemap-menu-wrap	.s_close								{ position:absolute; top:30px; right:30px; width:32px; height:32px;}
.sitemap-menu-wrap	.s_close	button						{ width:32px; height:32px; background:url(/images/eng/btn_sitemap_close.png) left top no-repeat;}

#Header	#Navigation											{ position:absolute; left:0; top:0; width:100%; z-index:1200;}
#Header	#Navigation	#gnb	ul								{ position:relative; float:left; width:800px; margin-left:275px;}
#Header	#Navigation	#gnb	ul	li	a						{ letter-spacing:0.5px;}
#Header	#Navigation	#gnb	.depth1							{ position:relative; width:auto; height:88px; padding:0 23px; line-height:5.3; display:inline-block; text-align:center; }
#Header	#Navigation	#gnb	.depth1	strong					{ display:block; color:rgba(255,255,255,0.8); font-weight:400;}
#Header	#Navigation	#gnb	.depth1	strong:hover,
#Header	#Navigation	#gnb	.depth1	.active1	strong		{ color:#fff; display:block;}
#Header	#Navigation	#gnb	.depth1:after					{ content:''; display:block; clear:both;}
#Header	#Navigation_modal									{ display:none;}

.main-visual													{ position:relative; float:left; width:100%; z-index:2;}
.main-visual .slide-inner										{ position:relative; width:100%; overflow:hidden; }
.main-visual .slide-inner::before								{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; z-index:0;}
.main-visual .slide-area										{ width:100%; height:100vh; margin:0; padding:0}
.main-visual .slide-area:after									{ display:block; content:''; clear:both}
.main-visual .slide-area li										{ display:none; float:left; width:100%; height:100%; background-color:#000; }
.main-visual .slide-area li:first-child							{ display:block;}
.main-visual .slide-area .mainBg								{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:3;}	
.main-visual .slide-area .mainBg	.main_bg1					{ width:100%; height:100%; background:url(/images/main/eng/main_bg1.jpg) top center no-repeat; display:inline-block; background-size:cover;}
.main-visual .slide-area .mainBg	.main_bg2					{ width:100%; height:100%; background:url(/images/main/eng/main_bg2.jpg) top center no-repeat; display:inline-block; background-size:cover;}
.main-visual .slide-area .mainBg	.main_bg3					{ width:100%; height:100%; background:url(/images/main/eng/main_bg3.jpg) top center no-repeat; display:inline-block; background-size:cover;}
.main-visual .slide-area .mainNum								{ position:absolute; bottom:0; left:0; width:100%; font-size:18px; color:rgba(255,255,255,0.7); text-align:center; letter-spacing:5px; }
.main-visual .slide-area .mainNum	span						{ font-weight:500; color:#fff;}
.main-visual .btn_down											{ position:absolute; bottom:65px; left:0; width:100%; text-align:center;}		
.main-visual.slider .slide-area	.maintext						{ position:absolute; left:50%; top:52%; transform:translate(-50%,-50%); height:50vh; text-align:center; /*display:flex; justify-content:center; align-items:center; flex-direction:column;*/ z-index:4;}
.main-visual.slider .slide-area	.maintext	.m_tit				{ position:relative; font-size:70px; color:#fff; font-weight:800; line-height:1.2; letter-spacing:0.5px; padding-top:100px; z-index:5;}
.main-visual.slider .slide-area	.maintext	.m_tit:before		{ content:''; display:block; position:absolute; left:50%; top:0; transform:translateX(-50%); width:1px; height:50px; background-color:#fff;}
.main-visual.slider .slide-area	.maintext	.m_txt				{ position:relative; font-size:20px; color:#fff; margin-top:50px; z-index:5;}
.main-visual.slider .slide-area	.maintext	.m_txt	span		{ display:block; font-size:25px; letter-spacing:0.5px;}
.main-visual.slider .slide-area	.maintext	.mainMore			{ position:relative; margin-top:35px; padding:12px 65px; border:1px solid #fff; z-index:999;}
.main-visual.slider .slide-area	.maintext	.mainMore	a		{ color:#fff; display:block; z-index:999;}
.main-visual.slider .slide-area	.m_tit_k1						{ animation:mtxt 1s 1; -webkit-animation:mtxt 1s 1; -moz-animation:mtxt 1s 1; -o-animation:mtxt 1s 1;}
.main-visual.slider .slide-area	.m_tit_k2						{ animation:mtxt 1.5s 1; -webkit-animation:mtxt 2.5s 1; -moz-animation:mtxt 1.5s 1; -o-animation:mtxt 1.5s 1;}
.main-visual.slider .slide-area	.m_tit_k3						{ animation:mtxt 2s 1; -webkit-animation:mtxt 2s 1; -moz-animation:mtxt 2s 1; -o-animation:mtxt 2s 1; z-index:999;}
@keyframes mtxt													{ 0% {top:0;} 50% {top:30px;} 100% {top:0;}}
.main-visual .btn_ctrl											{ position:absolute; left:0; top:0; width:100%; height:100vh; z-index:1000;}
.main-visual .btn_ctrl	button									{ width:20px; height:20px; margin-top:76vh;}
.main-visual .btn_ctrl	.prev									{ left:530px; background:url(/images/main/eng/slider_arrow_l.png) center no-repeat;}
.main-visual .btn_ctrl	.next									{ right:530px; background:url(/images/main/eng/slider_arrow_r.png) center no-repeat;}
.main-visual .next,.main-visual .prev							{ position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); color:#000;}
.main-visual .hidden.next,
.main-visual .hidden.prev										{ display:none}
.main-visual .controller										{ position:absolute; top:520px; left:0; right:0; text-align:center;}
.main-visual .controller	.playbtn							{ width:auto; display:inline-block;}
.main-visual .controller	.auto								{ display:inline-block; vertical-align:middle; margin-top:4px;}
.main-visual .controller	.auto.pause .fa-pause,
.main-visual .controller	.auto.play .fa-play					{ display:block}
.main-visual .controller	.indicate-area						{ display:inline-block}
.main-visual .controller	.indicate-area a					{ display:inline-block; position:relative; width:17px; height:17px; margin:0 5px; font-size:0; color:transparent; vertical-align:middle}
.main-visual .controller	.indicate-area a:after				{ content:''; position:absolute; top:0; left:0; width:inherit; height:inherit; background:url(/images/main/eng/play_btn_off.png) no-repeat;}
.main-visual .controller	.indicate-area a.on:after			{ background:url(/images/main/eng/play_btn_on.png) no-repeat;}
.main-visual.fade	.slide-area li								{ display:block; position:absolute; top:0; left:0; opacity:0; -webkit-transform:translateZ(0); transform:translateZ(0);}
.main-visual.fade	.slide-area li:first-child					{ position:static; opacity:1}
.main-visual.slider--none	.controller,
.main-visual.slider--none	.next,
.main-visual.slider--none	.prev								{ display:none}

#PageVertical												{ position:fixed; right:0; top:0; width:100px; height:100%; z-index:2000;}
#PageVertical	.movement									{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100px;}
#PageVertical	.movement	ul	li	a						{ position:relative; width:10px; height:10px; margin:0 5px; font-size:0; color:transparent; vertical-align:middle;}
#PageVertical	.movement	ul	li	a:after					{ content:''; position:absolute; top:0; left:0; width:inherit; height:inherit; -webkit-box-sizing:border-box; box-sizing:border-box; background-color:#ccc; border-radius:50%;}
#PageVertical	.movement	ul	li	a.active:after			{ background-color:#fff; top:-7px; width:10px; height:25px; border-radius:15px; margin-bottom:15px; display:inline-block;}

.mainTitle								{ position:relative; float:left; width:100%; text-align:center; padding:10% 0 5% 0;}
.mainTitle1								{ position:relative; float:left; width:100%; text-align:left; padding:10% 0 5% 0;}
.mainTitle	h3,
.mainTitle1	h3							{ font-size:48px; font-weight:800; color:#282828; margin-bottom:15px; font-family:'Nanum Myeongjo', sans-serif; letter-spacing:2px; line-height:1.2;}
.mainTitle	p,
.mainTitle1	p							{ font-size:20px; color:#545454;}

#section1,
#section2,
#section3,
#section4,
#Footer									{ position:relative; float:left; width:100%;}
#section1	.Introduction,
#section2	.Cultural,
#section3	.Facilities,
#section4	.Location					{ height:100vh;}

#section1																			{ background-color:#f5f6fa;}
#section1	.Introduction	.intro-slider											{ position:relative; float:left; width:100%; z-index:102;}
#section1	.Introduction	.intro-slider	.ebBox_slide							{ position:relative; overflow:hidden;}
#section1	.Introduction	.intro-slider	.ebBox_slide ul							{ position:absolute; top:0; left:0; overflow:hidden;}
#section1	.Introduction	.intro-slider	.ebBox_slide ul li						{ height:600px; }
#section1	.Introduction	.intro-slider	.ebBox_slide	.imgList				{ width:60%; height:450px; overflow:hidden;}
#section1	.Introduction	.intro-slider	.ebBox_slide	.imgList	img			{ width:100%; height:100%;}
#section1	.Introduction	.intro-slider	.ebBox_slide	.txtList				{ position:absolute; right:5px; top:120px; width:60%; height:450px; background-color:#fff; box-shadow:3px 3px 4px rgba(0, 0, 0, 0.1);}
#section1	.Introduction	.intro-slider	.ebBox_slide	.txtList	dl			{ width:80%; margin:10%;}
#section1	.Introduction	.intro-slider	.ebBox_slide	.txtList	dl	dt		{ font-size:30px; color:#282828; font-weight:400; margin-bottom:20px;}
#section1	.Introduction	.intro-slider	.ebBox_slide	.txtList	.listst		{ font-size:18px; color:#20437b; font-weight:400; margin-bottom:30px;}
#section1	.Introduction	.intro-slider	.ebBox_slide	.txtList	.listnum				{ position:absolute; right:10%; bottom:10%; color:#999; font-size:15px;}
#section1	.Introduction	.intro-slider	.ebBox_slide	.txtList	.listnum	span		{ font-weight:400; color:#343434; margin-right:7px; padding-right:14px; background:url(/images/main/eng/listnum_line.png) right 6px no-repeat;}
#section1	.Introduction	.intro-slider	.ebBox_slide	.listmore							{ position:absolute; right:10%; top:20%; width:auto;}
#section1	.Introduction	.intro-slider	.ebBox_slide	.listmore	a						{ font-size:12px; font-weight:400; color:#949494; display:block; padding-right:40px; background:url(/images/main/eng/btn_more1.png) 98% center no-repeat; }
#section1	.Introduction	.intro-slider	.slider-controls					{ position:absolute; top:50%; left:0; width:100%;}
#section1	.Introduction	.intro-slider	.slider-controls	button			{ width:35px; height:71px; font-size:0; display:block;}
#section1	.Introduction	.intro-slider	.slider-controls .prev				{ float:left; margin-left:-130px; background:url(/images/main/eng/arrow_left.png) top center no-repeat;}
#section1	.Introduction	.intro-slider	.slider-controls .next				{ float:right; margin-right:-130px; background:url(/images/main/eng/arrow_right.png) top center no-repeat;}
#section1	.Introduction	.intro-slider	.slider-controls .paging			{ position:absolute; right:5px; top:-230px; width:auto;}
#section1	.Introduction	.intro-slider	.slider-controls .page				{ display:inline-block; width:10px; height:10px; padding-top:10px; margin-left:10px; background:#c2c2c5; overflow:hidden; }
#section1	.Introduction	.intro-slider	.slider-controls .page:first-child	{ margin-left:0; }
#section1	.Introduction	.intro-slider	.slider-controls .page.on			{ background-color:#282828;}
#section1	.Introduction	.intro-txt											{ position:absolute; left:-105%; bottom:0; width:150%; font-size:300px; font-weight:800; color:#eeeff2; white-space:nowrap; line-height:1.5; user-select:none; z-index:100;}

#section2												{ background:url(/images/main/eng/section2_bg.jpg) top center no-repeat;}		
#section2	.Cultural	.ichBox							{ position:absolute; top:370px; height:400px; background-color:#fff;}
#section2	.Cultural	.ichBox	h3						{ margin-top:-60px;}
#section2	.Cultural	.ichBox	.ichtxt					{ width:88%; margin:45px 6% 0 6%; font-size:17px; color:#747474; text-align:left;}
#section2	.Cultural	.ichBox	.ichCon					{ width:88%; margin:-7px 6% 0 6%; display:inline-block; z-index:200;}
#section2	.Cultural	.ichBox	.ichCon	li				{ float:left; width:16.66666%; overflow:hidden;}
#section2	.Cultural	.ichBox	.ichCon	li:hover		{ margin-top:-20px; transition:all .5s ease-in-out; }
#section2	.Cultural	.ichBox	.ichCon	li	img			{ width:100%; height:auto; -webkit-transform:scale(1); transform:scale(1); -webkit-transition:.5s ease-in-out; transition:.5s ease-in-out;}
#section2	.Cultural	.ichBox	.ichCon	li	img:hover	{ opacity:1; -webkit-animation:flash 1.2s; animation:flash 1.2s; -webkit-transform:scale(1.2); transform:scale(1.2);}
@-webkit-keyframes flash								{ 0% {opacity:.6;} 100% {opacity:1;}}
@keyframes flash										{ 0% {opacity:.6;} 100% {opacity:1;}}

#section3																			{ border-top:1px solid #D7DDE3; background:url(/images/main/eng/section3_bg.jpg) center top repeat; background-size:cover;}
#section3	.Facilities	p															{ display:inline-block; color:#20437b !important;}
#section3	.Facilities	.facListWrap												{ position:absolute; left:35%; top:120px; width:150%;}
#section3	.Facilities	.facListWrap	.facBox	ul									{ position:relative; float:left; width:100%; height:700px; overflow:hidden;}
#section3	.Facilities	.facListWrap	.facBox	ul	li								{ position:relative; float:left; width:24%; height:100%; margin-right:2%;}
#section3	.Facilities	.facListWrap	.facBox	ul	li:hover						{ opacity:1; box-shadow:3px 3px 4px rgba(0, 0, 0, 0.1);}
#section3	.Facilities	.facListWrap	.facBox	ul	li:hover:before					{ content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; border:1px solid #13234B; z-index:1;}
#section3	.Facilities	.facListWrap	.facBox	.current							{ border:1px solid #13234B;}
#section3	.Facilities	.facListWrap	.facBox	.thumbnail							{ position:relative; height:60%; overflow:hidden; background-color:#000; z-index:1000;}
#section3	.Facilities	.facListWrap	.facBox	.thumbnail	img						{ width:100%; height:100%; cursor:pointer; opacity:0.5;}
#section3	.Facilities	.facListWrap	.facBox	.thumbnail	img:hover				{ opacity:1; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
#section3	.Facilities	.facListWrap	.facBox	.txtinfo							{ height:40%; display:block; background-color:#0d3c83;}
#section3	.Facilities	.facListWrap	.facBox	.txtinfo	dl						{ position:relative; width:80%; margin:10%; display:inline-block;}
#section3	.Facilities	.facListWrap	.facBox	.txtinfo	dl	dt					{ font-size:25px; font-weight:400; color:#fff; margin-bottom:15px;}
#section3	.Facilities	.facListWrap	.facBox	.txtinfo	dl	dd					{ color:rgba(255,255,255,0.6); line-height:1.4;}
#section3	.Facilities	.facListWrap	.facBox	.current	img						{ opacity:1;}
#section3	.Facilities	.facListWrap	.facBox	.txtinfo	.expansion				{ position:absolute; right:10%; bottom:6%; width:50px; height:50px; background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.2); z-index:1500;}
#section3	.Facilities	.facListWrap	.facBox	.txtinfo	.expansion:hover		{ background-color:#13234B; border:1px solid #000; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
#section3	.Facilities	.facListWrap	.facBox	.txtinfo	.expansion	button		{ width:50px; height:50px; background:url(/images/main/eng/btn_expan.png) center 13px no-repeat;}
#section3	.Facilities	.facListWrap	.facBtnCtrl							{ position:absolute; left:-415px; top:37%; width:auto; z-index:1101;}
#section3	.Facilities	.facListWrap	.facBtnCtrl	button					{ position:relative; width:60px; height:60px; border:1px solid #000; display:inline-block;}
#section3	.Facilities	.facListWrap	.facBtnCtrl	button:hover			{ background-color:#2F67BC; border:1px solid #0D3C83; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
#section3	.Facilities	.facListWrap	.facBtnCtrl	.fac-prev				{ background:#282828 url(/images/main/eng/section3_arrow_l.png) center no-repeat;}
#section3	.Facilities	.facListWrap	.facBtnCtrl	.fac-next				{ background:#282828 url(/images/main/eng/section3_arrow_r.png) center no-repeat;}

.fac_layer															{position:fixed; top:0; left:0; width:100%; height:100%; z-index:2300;}
.fac_layer	.layer_mask												{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.7; filter:alpha(opacity=80); -moz-opacity:0.7; -khtml-opacity:0.7; z-index:2299;}
.fac_layer	.layer_slide											{ position:relative; width:800px; height:100vh; margin:0 auto; z-index:2301;}
.fac_layer	.layer_slide	.slideBox								{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:600px; overflow:hidden; box-shadow:3px 2px 10px rgba(0, 0, 0, 0.3);}			
.fac_layer	.layer_slide	.slideBox	ul	li						{ float:left; width:100%; height:600px;}
.fac_layer	.layer_slide	.slideBox	ul	li	img					{ width:100%; height:auto;}
.fac_layer	.layer_slide	.slideBox	.s-title					{ height:70px; background-color:#2F67BC; z-index:1203;}
.fac_layer	.layer_slide	.slideBox	.s-title	strong			{ font-size:25px; font-weight:400; color:#fff; margin:15px 0 0 30px; display:inline-block;}
.fac_layer	.layer_slide	.slideBox	.s-title	strong	span	{ font-size:23px; font-weight:300;}
.fac_layer	.layer_slide	.slideBox	.s-close					{ position:absolute; top:20px; right:20px; width:auto; z-index:1202;}
.fac_layer	.layer_slide	.slideBox	.s-close	button			{ width:32px; height:32px; background:url(/images/eng/btn_close.png) left top no-repeat;}
.fac_layer	.layer_slide	.slideBox	.s-ctrl						{ position:absolute; top:50%; left:0; width:100%;}
.fac_layer	.layer_slide	.slideBox	.s-ctrl	a					{ width:74px; height:74px; display:block;}
.fac_layer	.layer_slide	.slideBox	.s-ctrl	a:hover				{ background-color:#2F67BC; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
.fac_layer	.layer_slide	.slideBox	.s-ctrl	.s-prev				{ float:left; background:#13234B url(/images/main/eng/s_arrow_l.png) left top no-repeat;}
.fac_layer	.layer_slide	.slideBox	.s-ctrl	.s-next				{ float:right; background:#13234B url(/images/main/eng/s_arrow_r.png) left top no-repeat;}

#section4	.Location	.location_map									{ float:left; width:50%; height:73%; overflow:hidden;}
#section4	.Location	.location_map	img								{ width:100%; height:100%;}
#section4	.Location	.location_info									{ float:left; width:50%; height:73%;}
#section4	.Location	.location_info	.infoBox						{ width:520px; margin:35px 0 0 80px;}
#section4	.Location	.location_info	.infoBox	ul					{ margin-top:30px; display:inline-block;}
#section4	.Location	.location_info	.infoBox	ul	li				{ position:relative; width:100%; display:inline-block; margin-bottom:15px;}
#section4	.Location	.location_info	.infoBox	ul	li	img			{ width:100%; height:auto;}
#section4	.Location	.location_info	.infoBox	ul	li	em			{ float:left; width:27px; height:27px; background-color:#2f67bc; border-radius:50%; color:#fff; font-weight:400; font-size:15px; text-align:center; line-height:1.8; display:inline-block; margin:2px 10px 0 0; }
#section4	.Location	.location_info	.infoBox	ul	li	span		{ float:left; width:80%; font-size:16px; color:#747474;}
#section4	.Location	.shortcut												{ position:relative; float:left; width:100%; height:27%;}
#section4	.Location	.shortcut	.gridBox									{ position:relative; text-align:center; overflow:hidden;}
#section4	.Location	.shortcut	.gridBox	li								{ float:left; width:50%; overflow:hidden;}
#section4	.Location	.shortcut	.gridBox	figure							{ position:relative; width:auto; text-align:center; cursor:pointer; overflow:hidden;}
#section4	.Location	.shortcut	.gridBox	figure img						{ position:relative; display:block; width:100%; height:100%; opacity:1;}
#section4	.Location	.shortcut	.gridBox	figure figcaption				{ text-transform:uppercase; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
#section4	.Location	.shortcut	.gridBox	figure figcaption:after			{ pointer-events:none;}
#section4	.Location	.shortcut	.gridBox	figure figcaption:before		{ pointer-events:none;}
#section4	.Location	.shortcut	.gridBox	figure h4						{ font-size:35px; font-weight:800; color:rgba(255,255,255,0.85); font-family:'Nanum Myeongjo', sans-serif; letter-spacing:3px; line-height:1.3;}
#section4	.Location	.shortcut	.gridBox	figure p						{ font-size:16px; color:rgba(255,255,255,0.7); text-align:center;}
#section4	.Location	.shortcut	.gridBox	figure figcaption,
#section4	.Location	.shortcut	.gridBox	figure figcaption > a			{ position:absolute; top:0; left:0; width:100%; height:100%; }
#section4	.Location	.shortcut	.gridBox	figure.effect-chico							{ background-color:#000;}
#section4	.Location	.shortcut	.gridBox	figure.effect-chico img						{ -webkit-transition:opacity 0.35s, -webkit-transform 0.5s; transition:opacity 0.5s, transform 0.5s; -webkit-transform:scale(1.12); transform:scale(1.12);}
#section4	.Location	.shortcut	.gridBox	figure.effect-chico:hover img				{ opacity:0.6; -webkit-transform:scale(1); transform:scale(1);}
#section4	.Location	.shortcut	.gridBox	figure.effect-chico figcaption				{ padding:3em; width:100%; height:100%;}
#section4	.Location	.shortcut	.gridBox	figure.effect-chico figcaption:before		{ /*position:absolute; top:25px; right:25px; bottom:25px; left:25px; border:1px solid rgba(255,255,255,0.4); content:''; -webkit-transform:scale(1.1); transform:scale(1.1);*/}
#section4	.Location	.shortcut	.gridBox	figure.effect-chico figcaption:before		{ opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; margin:0 auto; -webkit-transform:scale(1.1); transform:scale(1.1); margin:0 auto; -webkit-transform:scale(1.1); transform:scale(1.1);}
#section4	.Location	.shortcut	.gridBox	figure.effect-chico:hover figcaption::before{ opacity:1; -webkit-transform:scale(1); transform:scale(1);}
#section4	.Location	.shortcut	.gridBox	.btn_view				{ margin-top:20px !important; display:inline-block;}
#section4	.Location	.shortcut	.gridBox	.btn_view	a			{ width:182px; height:45px; font-size:12px; color:rgba(255,255,255,0.6); letter-spacing:1px; line-height:3.5; background:url(/images/main/eng/btn_more2.png) right center no-repeat; display:block;}
#section4	.Location	.shortcut	.gridBox	.btn_view	a	span	{ width:160px; height:100%; background-color:rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,0.35); display:block;}

#Footer												{ padding:40px 0 70px 0; background-color:#f2f3f5; border-top:1px solid #dfdfdf;}
#Footer	.siteinfo	.bt_logo						{ float:left; width:140px;}
#Footer	.siteinfo	address	ul	li					{ display:inline; margin-right:20px; font-size:16px;}	
#Footer	.siteinfo	address	ul	li:first-child		{ margin-right:0;}
#Footer	.siteinfo	p								{ margin-top:20px; font-size:14px; display:block;}
#Footer	.siteinfo	.snsLink						{ position:absolute; right:0; bottom:0; width:auto;}
#Footer	.siteinfo	.snsLink	li					{ float:left; width:34px; height:34px; text-align:center; background:#fff; border:1px solid #d8d9dd; margin-left:7px; border-radius:50%;}
#Footer	.siteinfo	.snsLink	li	a				{ display:block;}
#Footer	.siteinfo	.snsLink	li	img				{ vertical-align:middle; margin-top:2px;}
#Footer	.btn_top									{ position:absolute; right:0; top:-15px; width:auto;}

.map_tooltip							{ height:35px; padding:0 20px; margin-bottom:13px; line-height:1.8; border-radius:4px; border:1px solid #000; background-color:#20437B; box-shadow:1px 2px 4px rgba(0, 0, 0, 0.4);}
.map_tooltip:hover						{ border:1px solid #20437B; background-color:#fff; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
.map_tooltip:hover	span				{ color:#282828;}
.map_tooltip	span					{ font-size:15px; font-weight:400; color:#fff;}











@media all and (max-width:1440px)	{
	.container									{ width:1380px;}
}

@media all and (max-width:1366px)	{
	.container									{ width:1280px;}
}


@media all and (max-width:1280px)	{
	.container									{ width:1200px;}
}

@media all and (max-width:1024px)	{	
	.container									{ width:92%; margin:0 auto;}
	.container1									{ width:100%;}
}

@media all and (max-width:970px)	{	
	#Header	.Language,
	#Header	.sitemap,	
	#Navigation									{ display:none;}
	#Header										{ height:75px; background-color:rgba(19,35,75,0.9); border-bottom:1px solid rgba(255,255,255,0.3);}
	#Header	.logo								{ top:18px;}
	#Header	.logo	img							{ width:80%; height:auto;}
	#Header	.m_open								{ display:block; float:right; width:auto; margin:3% 4% 0 0;}
	#Header	.m_open	button						{ width:23px; height:23px; background:url(/images/eng/btn_sitemap.png) left top no-repeat;}
	#Header	#Navigation_modal					{ display:block; position:absolute; top:0; right:0; width:100%; height:100%; z-index:1202;}
	.modal_open									{ position:fixed; top:0; right:0; width:70%; height:100%; background-color:#fff; z-index:1203; overflow:scroll;}
	.m_close	button							{ position:absolute; top:2%; right:5%; width:32px; height:32px; background:url(/images/eng/btn_sitemap_close.png) left top no-repeat;}
	.m_topwrap													{ position:relative; float:left; width:100%; padding-top:6%; background:url(/images/eng/top_bg.png) left top repeat;}
	.m_topwrap	.m_member										{ position:relative; width:90%; margin:0 5% 3% 5%;}
	.m_topwrap	.m_member	.m_title	li:first-child			{ font-size:23px; font-weight:400; color:#282828; line-height:1.3; background:url(/images/eng/m_login_arrow.png) right 11px no-repeat; padding-right:25px;}
	.m_topwrap	.m_member	.m_title	li:last-child			{ position:absolute; bottom:0; right:0; font-size:14px; font-weight:400; padding:5px 13px; background-color:#fff; border:1px solid #20437B; color:#20437B;}
	.m_shortcut	li			{ float:left; width:50%; height:60px; text-indent:67px;}
	.m_shortcut	li	a		{ height:100%; color:#fff; line-height:3.8; display:block; border:1px solid rgba(255,255,255,0.2); border-top:0; border-left:0;}
	.m_shortcut	.sc-icon1	{ background:#282828 url(/images/eng/m_scicon1.png) 30px center no-repeat;}
	.m_shortcut	.sc-icon2	{ background:#282828 url(/images/eng/m_scicon2.png) 30px center no-repeat;}
	.m_shortcut	.sc-icon3	{ background:#282828 url(/images/eng/m_scicon3.png) 30px center no-repeat;}
	.m_shortcut	.sc-icon4	{ background:#282828 url(/images/eng/m_scicon4.png) 30px center no-repeat;}
	.m_nav,
	.m_nav	.m_nav_gnb							{ position:relative; float:left; width:100%;}
	.m_nav	.m_nav_gnb	li						{ float:left; width:100%; line-height:3.3;}
	.m_nav	.m_nav_gnb	li	a	strong			{ width:100%; height:60px; font-weight:400; line-height:3.8; text-indent:5%; color:#343434; border-bottom:1px solid #dce1e6; background:#F5F6FA url(/images/eng/m_arrow_off.png) 94% center no-repeat; display:inline-block;}
	.m_nav	.m_nav_gnb	.m_sub					{ position:relative; float:left; width:100%;}
	.m_nav	.m_nav_gnb	.m_sub	ul	li			{ height:55px; background-color:#fff; text-indent:5%; border-bottom:1px solid #dce1e6;}
	.m_nav	.m_nav_gnb	.m_sub	ul	li	a		{ font-size:15px; background:url(/images/eng/m_arrow_off1.png) left 15px no-repeat; padding-left:15px;}
	.m_nav	.m_nav_gnb	.current>a	strong		{ height:60px; color:#fff; border-bottom:0; background:#20437B url(/images/eng/m_arrow_on.png) 94% center no-repeat; display:block;}
	.m_nav	.m_nav_gnb	.m_sub .current>a		{ height:55px; color:#fff; line-height:3.8; background:#2F67BC url(/images/eng/m_arrow_off2.png) 5% center no-repeat; display:block;}
	.m_mask										{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; z-index:1202;}

	.main-visual .slide-area,
	.main-visual .btn_ctrl											{ height:600px;}
	.main-visual.slider .slide-area	.maintext						{ top:55%; height:400px;}
	.main-visual.slider .slide-area	.maintext	.m_tit				{ font-size:50px; padding-top:80px;}
	.main-visual.slider .slide-area	.maintext	.m_tit:before		{ height:40px;}
	.main-visual.slider .slide-area	.maintext	.m_txt				{ font-size:17px; margin-top:5%;}
	.main-visual.slider .slide-area	.maintext	.m_txt	span		{ font-size:20px;}
	.main-visual .slide-area .mainNum								{ font-size:16px;}
	.main-visual .btn_ctrl	button									{ margin-top:70.5%;}
	.main-visual .btn_ctrl	.prev									{ left:40%;}
	.main-visual .btn_ctrl	.next									{ right:40%;}

	#PageVertical,
	#Footer	.siteinfo	.bt_logo						{ display:none;}
	#Footer												{ padding:4% 0 5.5% 0;}
}

@media all and (max-width:820px)	{
	ul, ol, dl,div,dd,dt,li,p,div, h1, h2, h3, h4, h5, button						{ font-size:16px;}
	#Footer	.siteinfo	address	ul						{ width:90%;}
	#Footer	.siteinfo	address	ul	li					{ display:block; margin-right:0; font-size:15px;}	
	#Footer	.siteinfo	p								{ font-size:13px;}

	.mainTitle,
	.mainTitle1								{ padding:10% 0 5% 0;}
	.mainTitle	h3,
	.mainTitle1	h3							{ font-size:37px; margin-bottom:15px;}
	.mainTitle	p,
	.mainTitle1	p							{ font-size:18px;}

	#section1	.Introduction																		{ width:100%; height:auto; padding-bottom:7%; display:inline-block;}
	#section1	.Introduction	.intro-slider	.ebBox_slide	.txtList	dl	dt					{ font-size:25px;margin-bottom:15px;}
	#section1	.Introduction	.intro-slider	.ebBox_slide	.txtList	dl	dd:nth-child(3)		{ height:143px; overflow:hidden;}
	#section1	.Introduction	.intro-slider	.ebBox_slide	.txtList	.listst					{ font-size:17px; margin-bottom:20px;}
	#section1	.Introduction	.intro-slider	.ebBox_slide	.listmore							{ top:13%;}
	#section1	.Introduction	.intro-slider	.slider-controls					{ top:0;}
	#section1	.Introduction	.intro-slider	.slider-controls	button			{ width:25px; height:51px;}
	#section1	.Introduction	.intro-slider	.slider-controls .prev				{ margin:65% 0 0 30%; background-size:100%;}
	#section1	.Introduction	.intro-slider	.slider-controls .next				{ margin:5% 30% 0 0;  background-size:100%;}
	#section1	.Introduction	.intro-slider	.slider-controls .paging			{ top:14%;}
	#section1	.Introduction	.intro-txt											{ left:-80%; width:150%; font-size:160px;}

	#section2												{ background-size:100%;}	
	#section2	.Cultural									{ height:700px;}
	#section2	.Cultural	.ichBox							{ top:200px; height:450px;}
	#section2	.Cultural	.ichBox	h3						{ margin-top:-20px;}
	#section2	.Cultural	.ichBox	.ichtxt					{ margin:35px 6% 0 6%; font-size:16px; text-align:justify;}

	#section3	.Facilities																{ height:720px;}
	#section3	.Facilities	.facListWrap												{ top:80px;}
	#section3	.Facilities	.facListWrap	.facBox	ul									{ height:550px;}
	#section3	.Facilities	.facListWrap	.facBox	ul	li								{ width:30%;}
	#section3	.Facilities	.facListWrap	.facBox	.txtinfo	dl	dt					{ font-size:23px; margin-bottom:10px;}
	#section3	.Facilities	.facListWrap	.facBox	.txtinfo	.expansion				{ right:10%; bottom:6%; width:40px; height:40px;}
	#section3	.Facilities	.facListWrap	.facBox	.txtinfo	.expansion	button		{ width:40px; height:40px; background:url(/images/main/eng/btn_expan.png) center 9px no-repeat; background-size:50%; }
	#section3	.Facilities	.facListWrap	.facBtnCtrl									{ left:-23%; top:37%;}
	#section3	.Facilities	.facListWrap	.facBtnCtrl	button							{ width:50px; height:50px;}
	#section3	.Facilities	.facListWrap	.facBtnCtrl	.fac-prev,
	#section3	.Facilities	.facListWrap	.facBtnCtrl	.fac-next						{ background-size:20%;}

	.fac_layer	.layer_slide											{ width:90%;}
	.fac_layer	.layer_slide	.slideBox								{ top:50%; transform:translate(-50%, -50%);}
	.fac_layer	.layer_slide	.slideBox	ul,
	.fac_layer	.layer_slide	.slideBox	ul	li						{ height:500px; overflow:hidden;}


	#section4	.Location	.location_map									{ width:100%; height:400px;}
	#section4	.Location	.location_info									{ width:100%; height:auto; padding-bottom:8%;}
	#section4	.Location	.location_info	.infoBox						{ width:92%; margin:0 auto;}
	#section4	.Location	.location_info	.infoBox	ul					{ margin-top:0;}
	#section4	.Location	.shortcut										{ height:auto;}
	#section4	.Location	.shortcut	.gridBox	li						{ width:100%;}
	#section4	.Location	.shortcut	.gridBox	figure h4				{ font-size:30px;}
	#section4	.Location	.shortcut	.gridBox	.btn_view	a			{ width:170px; height:40px; line-height:3.2;}
	#section4	.Location	.shortcut	.gridBox	.btn_view	a	span	{ width:145px;}

}






@media all and (max-width:768px)	{
}






@media all and (max-width:640px)	{
	#Header										{ height:70px;}
	#Header	.m_open								{ margin:4.2% 4% 0 0;}
	#Header	.logo	img							{ width:73%;}
	.m_topwrap	.m_member	.m_title	li:first-child			{ font-size:20px;}
	.m_topwrap	.m_member	.m_title	li:last-child			{ font-size:13px; padding:3px 10px;}
	.m_shortcut	li			{ text-indent:43px;}
	.m_shortcut	li	a		{ line-height:4; font-size:15px;}
	.m_shortcut	.sc-icon1	{ background:#282828 url(/images/eng/m_scicon1.png) 15px center no-repeat; background-size:20px;}
	.m_shortcut	.sc-icon2	{ background:#282828 url(/images/eng/m_scicon2.png) 15px center no-repeat; background-size:18px;}
	#Footer	.siteinfo	.snsLink						{ top:75px;}
	#Footer	.btn_top									{ top:0;}

	.mainTitle,
	.mainTitle1								{ padding:8% 0 5% 0;}
	.mainTitle	h3,
	.mainTitle1	h3							{ font-size:30px;}
	.mainTitle	p,
	.mainTitle1	p							{ font-size:17px;}

	.main-visual .slide-area,
	.main-visual .btn_ctrl											{ height:500px;}
	.main-visual.slider .slide-area	.maintext						{ height:350px;}
	.main-visual.slider .slide-area	.maintext	.m_tit				{ font-size:40px; padding-top:15%;}
	.main-visual .btn_ctrl	button									{ margin-top:79.5%;}

	#section1	.Introduction																		{ height:540px;}						
	#section1	.Introduction	.intro-slider	.ebBox_slide	.imgList,
	#section1	.Introduction	.intro-slider	.ebBox_slide	.txtList							{ top:90px; height:250px;}
	#section1	.Introduction	.intro-slider	.ebBox_slide	.txtList	dl	dt					{ font-size:23px;}
	#section1	.Introduction	.intro-slider	.ebBox_slide	.txtList	dl	dd:nth-child(3)		{ height:100px; overflow:hidden;}
	#section1	.Introduction	.intro-slider	.ebBox_slide	.txtList	.listst					{ display:none;}
	#section1	.Introduction	.intro-slider	.ebBox_slide	.listmore							{ top:10%;}
	#section1	.Introduction	.intro-slider	.slider-controls	button			{ width:13px; height:38px;}
	#section1	.Introduction	.intro-slider	.slider-controls .prev				{ margin:52% 0 0 10%;}
	#section1	.Introduction	.intro-slider	.slider-controls .next				{ margin:52% 75% 0 0;}
	#section1	.Introduction	.intro-txt											{ font-size:120px;}

	#section2	.Cultural									{ height:850px;}
	#section2	.Cultural	.ichBox							{ top:150px; height:450px;}
	#section2	.Cultural	.ichBox	h3						{ margin-top:0;}
	#section2	.Cultural	.ichBox	.ichtxt					{ margin:25px 6% 0 6%;}
	#section2	.Cultural	.ichBox	.ichCon	li				{ width:33.33333%;}
	#section2	.Cultural	.ichBox	.ichCon	li:hover		{ margin-top:0;}

	#section3	.Facilities																{ height:540px;}
	#section3	.Facilities	.facListWrap												{ top:50px; left:43%;}
	#section3	.Facilities	.facListWrap	.facBox	ul									{ height:420px;}
	#section3	.Facilities	.facListWrap	.facBox	ul	li								{ width:350px !important;}
	#section3	.Facilities	.facListWrap	.facBox	.txtinfo	dl	dt					{ font-size:19px;}
	#section3	.Facilities	.facListWrap	.facBox	.txtinfo	dl	dd					{ height:47px; overflow:hidden;}
	#section3	.Facilities	.facListWrap	.facBox	.txtinfo	.expansion				{ right:10%; bottom:5%; width:35px; height:35px;}
	#section3	.Facilities	.facListWrap	.facBox	.txtinfo	.expansion	button		{ width:35px; height:35px;}
	#section3	.Facilities	.facListWrap	.facBtnCtrl									{ left:-28.5%;}
	#section3	.Facilities	.facListWrap	.facBtnCtrl	button							{ width:40px; height:40px;}
	#section3	.Facilities	.facListWrap	.facBtnCtrl	.fac-next						{ margin-left:-2px;}

	.fac_layer	.layer_slide	.slideBox	ul,
	.fac_layer	.layer_slide	.slideBox	ul	li						{ height:350px; }
	.fac_layer	.layer_slide	.slideBox	.s-ctrl						{ top:35%;}
	.fac_layer	.layer_slide	.slideBox	.s-ctrl	a					{ width:64px; height:64px;}
	.fac_layer	.layer_slide	.slideBox	.s-ctrl	.s-prev,
	.fac_layer	.layer_slide	.slideBox	.s-ctrl	.s-next				{ background-size:100%;}
	.fac_layer	.layer_slide	.slideBox	.s-title					{ height:60px;}
	.fac_layer	.layer_slide	.slideBox	.s-title	strong			{ font-size:23px; margin:12px 0 0 0; text-indent:25px;}
	.fac_layer	.layer_slide	.slideBox	.s-title	strong	span	{ font-size:20px;}
	.fac_layer	.layer_slide	.slideBox	.s-close					{ top:2.5%;}

	#section4	.Location	.location_map									{ height:300px;}
	#section4	.Location	.shortcut	.gridBox	figure h4				{ font-size:25px; margin-top:-10px;}
	#section4	.Location	.shortcut	.gridBox	.btn_view				{ margin-top:10px !important;}
	#section4	.Location	.shortcut	.gridBox	.btn_view	a			{ font-size:11px; width:155px; height:35px; line-height:2.8;}
	#section4	.Location	.shortcut	.gridBox	.btn_view	a	span	{ width:125px;}



}

@media all and (max-width:460px)	{	
	#Header														{ height:60px;}
	#Header	.logo												{ top:14px;}
	#Header	.logo	img											{ width:68%;}
	#Header	.m_open												{ margin:5% 4% 0 0;}
	#Header	.m_open	button										{ width:20px; height:20px; background-size:100%;}
	.modal_open													{ width:80%;}
	.m_close	button											{ top:1.7%;}
	.m_topwrap													{ padding-top:9%;}
	.m_topwrap	.m_member	.m_title	li:first-child			{ font-size:18px;}
	.m_topwrap	.m_member	.m_title	li:last-child			{ font-size:12px; padding:3px 7px;}
	.m_shortcut	li												{ height:50px; text-indent:35px;}
	.m_shortcut	li	a											{ line-height:3.7; font-size:14px; letter-spacing:-0.6px;}
	.m_shortcut	.sc-icon1										{ background:#282828 url(/images/eng/m_scicon1.png) 12px center no-repeat; background-size:18px;}
	.m_shortcut	.sc-icon2										{ background:#282828 url(/images/eng/m_scicon2.png) 12px center no-repeat; background-size:16px;}
	#Footer	.siteinfo	address	ul						{ width:80%;}
	#Footer	.siteinfo	address	ul	li					{ font-size:14px;}	
	#Footer	.siteinfo	p								{ font-size:12px;}
	#Footer	.siteinfo	.snsLink						{ position:relative; width:100%; top:0;}
	#Footer	.siteinfo	.snsLink	li					{ width:30px; height:30px; margin:10px 4px 0 0;}
	#Footer	.siteinfo	.snsLink	li	img				{ width:48%; height:auto; margin:0;}
	#Footer	.btn_top	img								{ width:45px; height:auto;}

	.mainTitle1								{ width:100%; text-align:center;}
	.mainTitle1	br							{ display:none;}
	.mainTitle	h3,
	.mainTitle1	h3							{ font-size:25px; margin-bottom:8px;}
	.mainTitle	p,
	.mainTitle1	p							{ font-size:16px;}

	.main-visual .slide-area,
	.main-visual .btn_ctrl											{ height:400px;}
	.main-visual.slider .slide-area	.maintext						{ height:260px;}
	.main-visual.slider .slide-area	.maintext	.m_tit				{ font-size:28px; padding-top:13%;}
	.main-visual.slider .slide-area	.maintext	.m_tit:before		{ height:25px;}
	.main-visual.slider .slide-area	.maintext	.m_txt				{ font-size:15px;}
	.main-visual.slider .slide-area	.maintext	.m_txt	span		{ font-size:17px;}
	.main-visual .slide-area .mainNum								{ font-size:14px;}
	.main-visual .btn_ctrl	button									{ margin-top:90%;}
	.main-visual .btn_ctrl	.prev									{ left:37%;}
	.main-visual .btn_ctrl	.next									{ right:38%;}

	#section1	.Introduction																		{ height:650px;}	
	#section1	.Introduction	.intro-slider	.ebBox_slide	ul	li								{ height:480px;}
	#section1	.Introduction	.intro-slider	.ebBox_slide	.imgList							{ position:static; width:100%; height:auto;}
	#section1	.Introduction	.intro-slider	.ebBox_slide	.txtList							{ top:0; position:static; width:100%; height:230px; border:1px solid #dfdfdf; border-top:0; display:inline-block;}
	#section1	.Introduction	.intro-slider	.ebBox_slide	.txtList	dl						{ width:84%; margin:6% 8%;}
	#section1	.Introduction	.intro-slider	.ebBox_slide	.txtList	dl	dt					{ font-size:20px;}
	#section1	.Introduction	.intro-slider	.ebBox_slide	.txtList	dl	dd:nth-child(3)		{ height:90px; font-size:15px;}
	#section1	.Introduction	.intro-slider	.ebBox_slide	.listmore							{ right:8%; top:57.5%;}
	#section1	.Introduction	.intro-slider	.ebBox_slide	.txtList	.listnum				{ right:8%; bottom:7%; font-size:14px;}
	#section1	.Introduction	.intro-txt,
	#section1	.Introduction	.intro-slider	.slider-controls	button							{ display:none;}
	#section1	.Introduction	.intro-slider	.slider-controls .paging							{ left:45%; top:485px;}

	#section2	.Cultural									{ height:680px;}
	#section2	.Cultural	.ichBox							{ top:100px; height:450px;}
	#section2	.Cultural	.ichBox	h3						{ margin-top:0;}
	#section2	.Cultural	.ichBox	.ichtxt					{ margin:20px 6% 2% 6%; font-size:15px; text-align:left;}

	#section3	.Facilities																{ height:670px;}
	#section3	.Facilities	.facListWrap												{ position:static; width:100%; top:0; left:0; margin-top:10px; display:inline-block;}
	#section3	.Facilities	.facListWrap	.facBox	ul									{ height:500px;}
	#section3	.Facilities	.facListWrap	.facBox	ul	li								{ width:390px !important;}
	#section3	.Facilities	.facListWrap	.facBox	.txtinfo	dl	dt					{ font-size:18px;}
	#section3	.Facilities	.facListWrap	.facBox	.txtinfo	dl	dd					{ height:45px; font-size:15px;}
	#section3	.Facilities	.facListWrap	.facBtnCtrl									{ left:10%; top:90%;}
	#section3	.Facilities	.facListWrap	.facBtnCtrl	button							{ width:35px; height:35px;}

	.fac_layer	.layer_slide									{ width:95%;}
	.fac_layer	.layer_slide	.slideBox	ul,
	.fac_layer	.layer_slide	.slideBox	ul	li				{ height:250px;}
	.fac_layer	.layer_slide	.slideBox	.s-ctrl				{ top:25%;}
	.fac_layer	.layer_slide	.slideBox	.s-ctrl	a			{ width:50px; height:50px;}
	.fac_layer	.layer_slide	.slideBox	.s-title					{ height:50px;}
	.fac_layer	.layer_slide	.slideBox	.s-title	strong			{ font-size:17px; margin:13px 0 0 0; text-indent:15px;}
	.fac_layer	.layer_slide	.slideBox	.s-title	strong	span	{ font-size:16px;}
	.fac_layer	.layer_slide	.slideBox	.s-close					{ right:12px; top:2.1%;}
	.fac_layer	.layer_slide	.slideBox	.s-close	button			{ width:25px; height:25px; background-size:100%;}


	#section4	.Location	.location_map									{ height:200px;}
	#section4	.Location	.location_info	.infoBox	ul	li				{ margin-bottom:5px;}
	#section4	.Location	.location_info	.infoBox	ul	li	img			{ margin-top:10px;}
	#section4	.Location	.location_info	.infoBox	ul	li	em			{ width:23px; height:23px; font-size:14px; line-height:1.6;}
	#section4	.Location	.location_info	.infoBox	ul	li	span		{ font-size:15px; color:#747474;}
	#section4	.Location	.shortcut	.gridBox	figure h4				{ font-size:18px; margin-top:-25px; line-height:1.1;}
	#section4	.Location	.shortcut	.gridBox	.btn_view				{ margin-top:10px !important;}
	#section4	.Location	.shortcut	.gridBox	.btn_view	a			{ width:145px; height:32px;}
	#section4	.Location	.shortcut	.gridBox	.btn_view	a	span	{ width:115px;}



}

@media all and (max-width:380px)	{
	#Header														{ height:55px;}
	#Header	.logo												{ top:12px;}
	.modal_open													{ width:85%;}
	.m_topwrap	.m_member	.m_title	li:first-child			{ font-size:17px;}
	.m_topwrap	.m_member	.m_title	li:last-child			{ padding:3px 5px;}

	#Footer	.siteinfo	p										{ margin-top:10px;}
	#Footer	.siteinfo	.snsLink								{ position:relative; width:100%; top:0;}
	#Footer	.siteinfo	.snsLink	li							{ margin:10px 4px 0 0;}
	#Footer	.btn_top	img										{ width:40px;}

	.mainTitle	h3,
	.mainTitle1	h3													{ font-size:23px; letter-spacing:1px}

	.main-visual .slide-area,
	.main-visual .btn_ctrl											{ height:350px;}
	.main-visual.slider .slide-area	.maintext						{ top:58%; height:230px;}
	.main-visual.slider .slide-area	.maintext	.m_tit				{ font-size:23px;}
	.main-visual.slider .slide-area	.maintext	.m_txt				{ font-size:14px;}
	.main-visual.slider .slide-area	.maintext	.m_txt	span		{ font-size:16px;}
	.main-visual .btn_ctrl	button									{ margin-top:93%;}
	.main-visual .btn_ctrl	.prev									{ left:34%;}
	.main-visual .btn_ctrl	.next									{ right:35%;}

	#section1	.Introduction																		{ height:610px;}	
	#section1	.Introduction	.intro-slider	.ebBox_slide	ul	li								{ height:480px;}
	#section1	.Introduction	.intro-slider	.ebBox_slide	.txtList							{ height:220px;}
	#section1	.Introduction	.intro-slider	.ebBox_slide	.listmore							{ top:53%;}
	#section1	.Introduction	.intro-slider	.ebBox_slide	.txtList	.listnum				{ bottom:13%;}
	#section1	.Introduction	.intro-slider	.slider-controls .paging							{ top:450px;}

	#section4	.Location	.shortcut	.gridBox	figure				{ height:130px;}

	.fac_layer	.layer_slide	.slideBox	ul,
	.fac_layer	.layer_slide	.slideBox	ul	li				{ height:200px;}
	.fac_layer	.layer_slide	.slideBox	.s-ctrl				{ top:22%;}
	.fac_layer	.layer_slide	.slideBox	.s-ctrl	a			{ width:40px; height:40px;}

	#section3	.Facilities	.facListWrap	.facBox	ul	li								{ width:340px !important;}

	
}



@media all and (max-width:340px)	{
	ul, ol, dl,div,dd,dt,li,p,div, h1, h2, h3, h4, h5, button	{ font-size:14px;}
	#Header														{ height:50px;}
	#Header	.logo												{ top:11px;}
	#Header	.logo	img											{ width:60%;}
	#Header	.m_open												{ margin:4.7% 4% 0 0;}
	.modal_open													{ width:90%;}
	.m_close	button											{ top:1.3%;}
	.m_topwrap													{ padding-top:10%;}
	.m_topwrap	.m_member	.m_title	li:first-child			{ font-size:16px;}
	#Footer	.siteinfo	address	ul	li							{ font-size:13px;}
	#Footer	.siteinfo	.snsLink	li							{ width:28px; height:28px;}
	#Footer	.siteinfo	.snsLink	li	img						{ margin-top:2px;}

	.mainTitle	h3,
	.mainTitle1	h3													{ font-size:18px;}
	.mainTitle	p,
	.mainTitle1	p													{ font-size:15px;}

	.main-visual .slide-area,
	.main-visual .btn_ctrl											{ height:300px;}
	.main-visual.slider .slide-area	.maintext						{ height:200px;}
	.main-visual.slider .slide-area	.maintext	.m_tit				{ font-size:18px;}
	.main-visual.slider .slide-area	.maintext	.m_txt				{ font-size:13px;}
	.main-visual.slider .slide-area	.maintext	.m_txt	span		{ font-size:15px;}
	.main-visual .slide-area .mainNum								{ font-size:13px;}
	.main-visual .btn_ctrl	button									{ margin-top:90%;}

	#section1	.Introduction																		{ height:530px;}	
	#section1	.Introduction	.intro-slider	.ebBox_slide	ul	li								{ height:400px;}
	#section1	.Introduction	.intro-slider	.ebBox_slide	.txtList							{ height:200px;}
	#section1	.Introduction	.intro-slider	.ebBox_slide	.txtList	dl	dd:nth-child(3)		{ height:85px;font-size:14px;}
	#section1	.Introduction	.intro-slider	.ebBox_slide	.listmore							{ top:54%;}
	#section1	.Introduction	.intro-slider	.ebBox_slide	.txtList	.listnum				{ bottom:8%;}
	#section1	.Introduction	.intro-slider	.slider-controls .paging							{ top:400px;}

	#section2	.Cultural									{ height:610px;}
	#section2	.Cultural	.ichBox							{ top:80px; height:400px;}
	#section2	.Cultural	.ichBox	.ichtxt					{ font-size:14px;}

	#section3	.Facilities																{ height:610px;}
	#section3	.Facilities	.facListWrap												{ margin-top:5px;}
	#section3	.Facilities	.facListWrap	.facBox	ul									{ height:450px;}
	#section3	.Facilities	.facListWrap	.facBox	ul	li								{ width:300px !important;}
	#section3	.Facilities	.facListWrap	.facBox	.txtinfo	dl	dt					{ font-size:16px;}
	#section3	.Facilities	.facListWrap	.facBox	.txtinfo	dl	dd					{ font-size:14px; height:40px;}
	#section3	.Facilities	.facListWrap	.facBtnCtrl									{ left:10%; top:90%;}
	#section3	.Facilities	.facListWrap	.facBtnCtrl	button,
	#section3	.Facilities	.facListWrap	.facBox	.txtinfo	.expansion	button		{ width:30px; height:30px;}


	.fac_layer	.layer_slide	.slideBox	ul,
	.fac_layer	.layer_slide	.slideBox	ul	li				{ height:170px;}
	.fac_layer	.layer_slide	.slideBox	.s-ctrl				{ top:18%;}
	.fac_layer	.layer_slide	.slideBox	.s-ctrl	a			{ width:30px; height:30px;}
	.fac_layer	.layer_slide	.slideBox	.s-title					{ height:40px;}
	.fac_layer	.layer_slide	.slideBox	.s-title	strong			{ font-size:15px; margin:10px 0 0 0; text-indent:10px;}
	.fac_layer	.layer_slide	.slideBox	.s-title	strong	span	{ font-size:14px;}
	.fac_layer	.layer_slide	.slideBox	.s-close					{ top:1.8%; right:10px;}
	.fac_layer	.layer_slide	.slideBox	.s-close	button			{ width:20px; height:20px;}

	#section4	.Location	.location_map									{ height:150px;}
	#section4	.Location	.location_info	.infoBox	ul	li	em			{ width:20px; height:20px; font-size:12px;}
	#section4	.Location	.location_info	.infoBox	ul	li	span		{ font-size:14px;}
	#section4	.Location	.shortcut	.gridBox	figure h4				{ font-size:16px; margin-top:-10px;}
	#section4	.Location	.shortcut	.gridBox	.btn_view	a			{ width:125px; height:28px; line-height:2.2; background:url(/images/main/eng/btn_more2.png) right 7px no-repeat}
	#section4	.Location	.shortcut	.gridBox	.btn_view	a	span	{ width:105px; font-size:10px;}
	
}