@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900|Noto+Sans:400,700');

@font-face {
  font-family: 'FontAwesome';font-weight: normal;font-style: normal;
  src: url(/resources/homepage/main/font/fontawesome-webfont.eot);
  src: url(/resources/homepage/main/font/fontawesome-webfont.eot?#iefix) format('eot'), 
		url(/resources/homepage/main/font/fontawesome-webfont.woff) format('woff'), 
		url(/resources/homepage/main/font/fontawesome-webfont.ttf) format('truetype'), 
		url(/resources/homepage/main/font/fontawesome-webfont.svg#FontAwesome) format('svg');}

body,input,select,textarea,button {border:none;font-size:16px; font-family:'Lato', sans-serif;color:#656565;font-weight:400;line-height:1.5;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
h1, h2, h3, h4, h5, h6 {background:transparent;line-height:1.25;font-weight:400;font-family: 'Lato';}
h1 {margin:0 0 60px 0;padding:0;font-size:40px;color:#222;font-weight:700}
h2 {margin:30px 0 15px 0;padding:0;font-size:28px;color:#4E5860;font-weight:700}
h3 {margin:25px 0 10px 0;padding:0;font-size:24px;color:#6A757D;font-weight:700}
h4 {margin:20px 0 5px 0;padding:0;font-size:20px;color:#5A6378;}
h5 {margin:10px 0 5px 0;padding:0;font-size:16px;color:#555;}
h6 {margin:10px 0 5px 0;padding:0;background:transparent;font-weight:normal;}

.tab_txt		{position:relative;overflow:hidden;border:none;margin:0 0 30px 0;}
.tab_txt li		{float:left;width:50%;text-align:center;overflow:hidden;transition: 0.3s;cursor:pointer;}
.tab_txt li a	{display:block;padding:15px 0;margin:0;background-color:#fff;border-width:1px;border-color:#dadada;border-style:solid;border-top-width:0;border-left-width:0;border-bottom-width:1px;/*white-space:nowrap;overflow:hidden;text-overflow:ellipsis;*/}
.tab_txt li:nth-child(1) a,
.tab_txt li:nth-child(2) a	{border-top-width:1px;}
.tab_txt li:nth-child(2n + 1) a{border-left-width:1px;}
.tab_txt a:hover{color:#768395}
.tab_txt a.on	{background:#768395;border:1px solid #768395;color:#fff;text-decoration:none;}

@media only screen and (max-width:1023px){ /* 720 */
	.tab_txt li a{font-size:14px;}
	.tab_txt li:nth-child(3) a{border-top-width:0;}
	.tab_txt li:nth-child(3n + 1) a	{border-left-width:0;}
}

@media only screen and (max-width:767px){ /* auto */	
	h1 {font-size:24px;}
	.tab_txt {margin-bottom:20px;}
	.tab_txt li 	{float:none;width:auto;}
	.tab_txt li a	{padding:10px;border-left-width:1px;}
	.tab_txt li:nth-child(3n + 1) a	{border-left-width:1px;}
	.tab_txt li:nth-child(2) a	{border-top-width:0;}
	.tab_list li	{float:none !important;width:auto !important;clear:both}
	.tab_list li a	{padding:10px 0;}
}

/* background:rgb(19,0,124) #13007C */
::selection{background-color:#13007C;color:#fff}
.container{position:relative;}
.d_width	{position:relative;width:1240px;margin:0 auto;transition:all 0.5s;}

/* header banner */
/* #wrap		{padding:0;margin:0;}
#header		{position:absolute;left:0;top:0;width:100%;height:120px;z-index:999;background:rgba(14,14,114,0.85);}
#header		{position:absolute;left:0;top:0;width:100%;height:120px;z-index:999;border-bottom:1px solid rgba(255,255,255,0.15)}
.topwrap	{position:relative;height:40px;border-bottom:1px solid rgba(255,255,255,0.1);text-align:right;z-index:99999}
.topwrap .link	{float:right;}
.topwrap .link a{line-height:40px;color:#fff;font-size:12px;display:inline-block;float:left;margin-right:20px;color:#ccc}
.topwrap .link a.top_btn{width:40px;text-align:center;margin:0px;color:#fff}
#logo		{position:absolute;left:0;top:22px;padding:0;margin:0;z-index:999}
#logo .n2	{display:none;}
#logo img{vertical-align:top}
 */
 
 #wrap		{position:relative;padding:0;margin:0;}
#header		{position:absolute;left:0;top:0;width:100%;height:120px;background:#1c4fa0;z-index:99}
.topwrap	{position:relative;height:40px;border-bottom:1px solid rgba(255,255,255,0.1);text-align:right;background:#636d77;}
.topwrap .link	{float:right;}
.topwrap .link a{position:relative;z-index:999;line-height:40px;color:#fff;font-size:12px;display:inline-block;float:left;text-align:center;width:60px;text-align:center;border-left:1px solid rgba(255,255,255,0.1)}
.topwrap .link a.top_btn				{width:40px;text-align:center;margin:0px;color:#333;background:#ffcc00;font-size:18px;border:none;}
.topwrap .link a.top_btn.top_btn_search	{background:#ffcc00;color:#222;}
#logo		{position:absolute;left:0;top:22px;padding:0;margin:0;z-index:999}
#logo .n2	{display:none;}
#logo img{vertical-align:top}
 
 
#gnbmn:after,
#gnbmn ul:after				{content:"";clear:both;display:block;float:none;}
#gnbmn						{position:absolute;left:0;top:0;width:100%;padding:0;margin:0;}
#gnbmn ul.depth1			{position:relative;width:1110px;margin-left:230px;z-index:5;}
#gnbmn ul.depth1 li			{display:block;float:left;}
#gnbmn ul.depth1 li a		{display:block;color:#ffffff;padding:0 24px;line-height:80px;font-size:20px;font-weight:700;}
#gnbmn ul.depth1 > li > a	{text-align:center;}
#gnbmn ul.depth1 li a:hover,
#gnbmn ul.depth1 li a:focus,
#gnbmn > ul.depth1 > li.on > a	{color:#13007c}

#gnbmn ul li.on .depth2	{display:block;}
#gnbmn .depth2			{display:none;position:absolute;left:-280px;top:80px;width:1240px;min-height:260px;margin:0;padding:0;}
#gnbmn .depth2 .stit	{position:absolute;left:0;top:0;font-size:12px;color:#666;;padding-top:30px}
#gnbmn .depth2 .tit		{position:absolute;left:0;top:0;width:280px;height:100%;color:#236ab4;font-size:32px;font-family:nsb;padding-top:50px}

#gnbmn .depth2 > ul		{margin-left:300px;width:calc(100% - 300px)}
#gnbmn .depth2 ul li	{display:block;float:left;width:33.3333%}
#gnbmn .depth2 ul li:nth-child(3n+1)	{clear:both}
#gnbmn .depth2 > ul > li > a  {display:block;color:#1c4fa0 !important;line-height:35px;padding:0;margin:10px 5px 5px;font-size:18px;font-weight:400}
/* #gnbmn .depth2 ul li a		{display:block;color:#303392 !important;border:1px solid #303392;line-height:50px;padding:0;margin:15px 5px;font-size:16px;} */
#gnbmn .depth2 ul li a:hover,
#gnbmn .depth2 ul li a:focus,
#gnbmn .depth2 > ul > li.on > a	{background:#f4f4f4}
#gnbmn ul.depth1 li .depth2 .tit{background-repeat:no-repeat;background-position:50% 40px;}
#gnbmn ul.depth1 li:nth-child(1) .depth2 .tit{background-image:url(../../main/img/gnb_imgbg01_new.png)}
#gnbmn ul.depth1 li:nth-child(2) .depth2 .tit{background-image:url(../../main/img/gnb_imgbg02_new.png);}
#gnbmn ul.depth1 li:nth-child(3) .depth2 .tit{background-image:url(../../main/img/gnb_imgbg03_new.png);}
#gnbmn ul.depth1 li:nth-child(4) .depth2 .tit{background-image:url(../../main/img/gnb_imgbg04_new.png);}
#gnbmn ul.depth1 li:nth-child(5) .depth2 .tit{background-image:url(../../main/img/gnb_imgbg05_new.png);}
#gnbmn ul.depth1 li:nth-child(6) .depth2 .tit{background-image:url(../../main/img/gnb_imgbg06_new.png);}
#gnbmn ul.depth1 li:nth-child(7) .depth2 .tit{background-image:url(../../main/img/gnb_imgbg07_new.png);}
#gnbmn ul.depth1 li:nth-child(8) .depth2 .tit{background-image:url(../../main/img/gnb_imgbg08_new.png);}
#gnbmn ul.depth1 li:nth-child(9) .depth2 .tit{background-image:url(../../main/img/gnb_imgbg09_new.png);}

#gnbmn ul.depth3			{display:block;padding:0;margin:0;width:100%;text-align:center;}
#gnbmn ul.depth3 li			{display:block;float:none;padding:0;margin:5px;width:100%;}
#gnbmn ul.depth3 li a		{display:block;color:#666 !important;border:none;line-height:1.2;padding:0;margin:0;font-size:14px;;text-align:left;}
#gnbmn ul.depth3 li a:hover,
#gnbmn ul.depth3 li a:focus,
#gnbmn > ul.depth3 > li.on > a	{color:#303392 !important;border:none;background:none;}

#sitemap	{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#fff;font-size:24px;z-index:6;}
#sitemap a	{color:#fff;}

#id_gnb_bg		{position:absolute;left:0;top:120px;z-index:3;}
.gnb_bg			{width:100%;padding:0;margin:0;background:#f0f0f0;box-shadow:0px 2px 1px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.1);}
#id_gnb_bg:after	{content:"";position:absolute;left:0;top:0;width:calc(50% - 340px);height:100%;z-index:1}

/*#header.active #gnb:before	{content:"";position:absolute;left:0;top:0;width:100%;height:120px;background:#13007c;z-index:5}*/
#header.active #gnbmn ul.depth1 li a:hover,
#header.active #gnbmn ul.depth1 li a:focus,
#header.active > #gnbmn > ul.depth1 > li.on > a	{color:#ffcc00}
#header.fix #id_gnb_bg	{top:80px;}

#header.fix			{height:auto;}
#header.fix #gnb:before	{height:80px;}
#header.fix	#gnb 	{position:fixed;left:0;top:0;width:100%;height:80px;background:#1c4fa0;z-index:5}
#mo-menu{display:none}

footer				{position:relative;text-align:center;font-size:14px;color:#999;padding:20px 0;}
footer .address 	{padding-bottom:20px;}
footer .copyright	{line-height:1.5;font-weight:700;}

@media only screen and (max-width:1256px){ /*auto*/
	body{overflow-x:hidden}
	.d_width	{width:960px;}	
	#gnbmn ul.depth1		{width:720px;margin-left:240px;}
	#gnbmn ul.depth1 li a	{font-size:16px;padding:0 15px;}
	#gnbmn .depth2			{left:-240px;width:960px;}
	#gnbmn .depth2 .tit		{width:240px;}
	#gnbmn .depth2 > ul		{margin-left:240px;width:calc(100% - 240px);}
	#gnbmn .depth2 ul li a	{font-size:14px;}
	#id_gnb_bg:after	{width:calc(50% - 250px);}
}
@media only screen and (max-width:1023px){ /*auto*/
	.d_width	{width:720px;}
	#header		{position: relative;border-bottom:none;height:50px;}
	#top-banner	{display:none;}
	.topwrap,
	#gnbmn		{display:none;}	
	#header.fix	#gnb, 
	#gnb		{position:fixed;background:#fff;width:100%;height:50px;}
	#gnb .d_width{width:auto;}
	#logo		{position:relative;top:0;padding-top:12px;text-align:center;}
	#logo img	{height:25px;}
	#logo .n1	{display:none;}
	#logo .n2	{display:block;}
	#header.fix #logo .n1{display:none;}
	#header.fix #logo .n2{display:block;}
	#gnb .va_mo			{display:block;}
	#gnb a.ico_search,
	#gnb a.ico_nav		{display:block;width:40px;height:40px;text-align:center;margin-top:5px;position:absolute;z-index:99999;}
	#gnb a.ico_search:after,
	#gnb a.ico_nav:after{content:"";display:block;width:40px;height:40px;}
	#gnb a.ico_search	{left:0;top:0;}
	#gnb a.ico_search:after{background:url(../img/mo_ico_search.png) no-repeat 50% 50%;background-size:50% auto}	
	#gnb a.ico_nav		{right:0;top:0;}
	#gnb a.ico_nav:after{background:url(../img/mo_ico_nav.png) no-repeat 50% 50%;background-size:50% auto}
	#mo-menu	{display:none;position:fixed;right:0;top:0;bottom:0;width:280px;height:100%;background:#fff;z-index:9999;}
	#mo-menu a.close{position:absolute;left:-50px;top:0;display:block;width:50px;height:50px;line-height:50px;padding:0;margin:0;background:#fff;opacity:1;font-size:16px;text-align:center;}
	#mo-menu .topmn	{padding:20px;border-bottom:1px solid #ddd;text-align:center;font-size:14px;}
	#mo-menu .topmn a{margin:0 5px;}
	#mo-menu .topmn .btn_d	{display:block;margin:10px 0 0 0;}
	
	#sitemap	{display:none !important;}
}
@media only screen and (max-width:767px){ /*auto*/
	.d_width	{width:auto;min-width:320px}
}

/* main */
#main-visual			{position:relative;width:100%;height:790px}
#main-visual .control	{position:absolute;left:0;bottom:50px;width:100%;height:30px;z-index:4;}
#main-visual .control a		{position:relative;display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid #fff;margin:0 2px;vertical-align:middle}
#main-visual .control a.on	{border-color:#ffcc00;background:#ffcc00;box-shadow:2px 4px 4px rgba(0,0,0,0.4)}
#main-visual .control a.pause, .control a.play{border:none;}
#main-visual .control a.pause:before,
#main-visual .control a.pause:after{content:"";display:inline-block;width:3px;height:12px;background:#fff;vertical-align:top;margin-top:2px;}
#main-visual .control a.pause:after{margin-left:4px;}
#main-visual .control a.play:after{content:"";border: solid transparent;width:0;height:0;border-left-color:#fff;border-width:8px;position:absolute;}
.mvimg1				{position:absolute;left:50%;transform:translateX(-50%);top:0;width:100%;height:100%;background:url(../img/mvimg02.jpg) no-repeat 50% 50%;background-size:cover;z-index:1;max-width: 2000px;}
.mvimg1:before		{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}

.visual-cont				{position:relative;height:calc(100% - 240px);z-index:3;display:flex;flex-direction:column;justify-content: center;text-align:left;font-weight:700;line-height:1;color:#fff}
.visual-cont p:nth-child(1)	{font-size:23px;letter-spacing:2px;margin-bottom:20px;color:#333;}
.visual-cont p:nth-child(2)	{font-size:50px;color:#e13535;}
.visual-cont p:nth-child(3)	{font-size:50px;color:#e13535}

.main-section	{position:relative;z-index:4;padding:0 0 60px 0;background:#fff url(../img/mbg.gif) no-repeat 50% 0}
.main-section .bx1{width:25%;height:310px;}
.main-section .bx2{width:50%;height:310px;}

.m-title	{float:right;background:#cd3d46;font-size:60px;font-weight:700;color:#fff;line-height:1;padding:60px;display:flex;flex-wrap : wrap;flex-direction:column;justify-content: center;margin-left:50%;margin-top:-155px}
.m-greeting	{float:left;background:#ff5c5c;position:relative;color:#fff;text-align:right;padding:60px;}
.m-greeting .cont	{position:relative;z-index:4;line-height:1.2}
.m-greeting .tit	{margin-bottom:20px;font-size:30px;}
.m-greeting .txt	{margin:0 0 60px;color:rgba(255,255,255,0.6)}
.m-greeting a		{color:#FFFFCC}
/*.m-greeting .img	{position:absolute;z-index:3;left:0;bottom:0;width:350px;height:350px;background:url(../img/mgreeting_bg.png) no-repeat 0 100%}*/
.m-greeting .img {position: absolute;z-index: 3;left: 60px;top: 60px;width: 120px;height: 120px;background: url(../../main/img/president_index_logo.png) no-repeat 0 100%/cover;}
.mbnr1	{float:left;background:#FFCC00;position:relative;margin-right:25%;}
.mbnr2	{float:left;background:#B6B9D8;}
.mbnr3	{float:left;background:#35378B url(../img/mbnr03_bg.jpg) no-repeat 50% 50%;position:relative;}
.mbnr4	{float:left;background:#F1F1F1}
.mbnr5	{float:left;background:#5D5C58 url(../img/mbnr05_bg.jpg) no-repeat 50% 50%}

.mbnr1:before,
.mbnr3:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:3}
.mbnr1:before{background:url(../img/pattern_b5.png) repeat}
.mbnr3:before{background:url(../img/pattern_w3.png) repeat}
.mbnr1 a,
.mbnr3 a,
.mbnr5 a	{display:block;padding-top:200px;font-size:28px;font-weight:700;text-align:center;color:#fff;position:relative;z-index:4;line-height:1.2}
.mbnr1 a	{background:url(../img/mbnr01_ico.png) no-repeat 50% 70px}
.mbnr3 a	{background:url(../img/mbnr03_ico.png) no-repeat 50% 70px}
.mbnr2 li:nth-child(2)		{border-top:1px solid rgba(255,255,255,0.2)}
.mbnr2 li:nth-child(1) span	{background:url(../img/mbnr02_ico01.png) no-repeat 100% 50%;background-size:65px auto;}
.mbnr2 li:nth-child(2) span	{background:url(../img/mbnr02_ico02.png) no-repeat 100% 50%;background-size:65px auto;}
.mbnr4 a span:after		{content:"\f105";font-family:FontAwesome;color:#ccc;position:absolute;right:0;top:50%;margin-top:-25px;font-size:28px;}
.mbnr4 li:nth-child(2)	{border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1)}
.mbnr2 a				{height:155px;color:#303392;font-size:28px;line-height:1.2}
.mbnr4 a				{height:103px;color:#999999;font-size:20px;}
.mbnr2 a,
.mbnr4 a				{position:relative;overflow:hidden;display:block;padding:30px;font-weight:700;}
.mbnr2 a span,
.mbnr4 a span			{position:relative;z-index:4;height:100%;display:flex;flex-wrap : wrap;flex-direction:column;justify-content: center;}
.btn-overbg:before		{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;transform:translateX(-100%);transition: transform .45s cubic-bezier(.6,.01,0,1.38);z-index:1}
.btn-overbg:hover:before{transform:translateX(0);}
.btn-overbg:hover span	{color:#303392;position:relative;}
.mbnr1,.mbnr3,.mbnr5	{position:relative;}
.mbnr1:hover:before,
.mbnr3:hover:before,
.mbnr5:hover:before	{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2);transition: all .45s cubic-bezier(.6,.01,0,1.38);}

@media only screen and (max-width:1256px){ /* 960px */
	.main-section .bx1,
	.main-section .bx2{height:240px;}
	.m-title	{margin-top:-120px;font-size:40px;}
	.m-greeting .txt	{display:none;}
	.mbnr2 a	{height:120px;font-size:20px;}
	.mbnr4 a	{height:80px;;font-size:16px;}
	.mbnr2 a,
	.mbnr4 a	{padding:20px;}
	.mbnr1 a,
	.mbnr3 a	{font-size:20px;padding-top:170px;background-position:50% 40px}
	.mbnr5 a	{font-size:20px;padding-top:100px;}
}
@media only screen and (max-width:1023px){ /* 720px */	
	.visual-cont p:nth-child(2),
	.visual-cont p:nth-child(3)	{font-size:42px;}
	.main-section .bx1{width:50%;}
	.m-greeting{padding:60px 30px;}
	.m-greeting .tit	{font-size:24px;}
	/*.m-greeting .img	{background-size:75% auto;}*/
	.m-greeting .img {top: 60px;left: 30px;width: 100px;height: 100px;}
	.mbnr1	{margin-right:0;}
}
@media only screen and (max-width:767px){ /* auto */
	#main-visual	{height:400px;}
	#main-visual .control	{left:0;bottom:40px;text-align:center;}
	.visual-cont	{margin-top:0;height:calc(100% - 150px);padding:0 20px;word-break:keep-all;}
	.visual-cont p:nth-child(1),
	.visual-cont p:nth-child(2),
	.visual-cont p:nth-child(3)	{font-size:26px;margin:0;}
	.main-section	{padding:0;}
	.main-section .bx1, .main-section .bx2{width:100%;animation:none;}
	.m-title, .m-greeting, .mbnr1, .mbnr2, .mbnr3, .mbnr4, .mbnr5	{float:none;margin:0;}
	.m-title.bx2	{display:none}
	.m-title:after{content:"";display:block;width:40px;margin:0 auto;border-bottom:1px solid #fff;padding-bottom:20px;}
	.m-greeting.bx2	{height:auto;}
	/*.m-greeting .img{left:-40px;background-size:60% auto;}*/
	.mbnr3, .mbnr5	{background-size:cover}
	footer{padding:20px;font-size:12px;text-align:left;}
}
@media only screen and (max-width:420px){ /* auto */
	#main-visual	{height:350px;}
    .mvimg1	{background-size: 100% 350px;min-width:700px;}
    .m-greeting .img{width:65px;height:65px;}
}
/* sub */
#sub-visual	{position:relative;height:390px;text-align:left;line-height:1;z-index:1;overflow:hidden}
#sub-visual .sv-t1{font-size:48px;color:#fff;padding-top:230px;}
#sub-visual p{position:relative;z-index:2}
.svbg	{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;background-repeat:no-repeat;background-position:50% 0;background-size:cover;z-index:1;animation:bgzoom 5s ease-out forwards;-webkit-animation:bgzoom 5s ease-out forwards;}
.svbg:before	{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);}
.svimg1	{background-image:url(../img/svimg01_02.jpg)}
.svimg2	{background-image:url(../img/svimg02_02.jpg)}
.svimg3	{background-image:url(../img/svimg03_02.jpg)}
.svimg4	{background-image:url(../img/svimg04_02.jpg)}
.svimg5	{background-image:url(../img/svimg05_02.jpg)}
.svimg6	{background-image:url(../img/svimg06_02.jpg)}
.svimg7	{background-image:url(../img/svimg07.jpg)}

@-webkit-keyframes bgzoom {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  100% {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
}

@keyframes bgzoom {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  100% {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
.bgzoom {  -webkit-animation-name: bgzoom;  animation-name: bgzoom;}

#location-wrap		{display:none;position:relative;margin:-60px 0 0 0;height:50px;background:rgba(48,51,146,0.6);z-index:99}
#location-wrap:before	{content:"";position:absolute;height:50px;top:0;background:#ffcc00;z-index:2;left:0;width:calc(50% - 620px);}
.location	{position:relative;}
.location a	{display:block;height:100%;text-transform:uppercase;}
.location > ul > li			{position:relative;float:left;width:240px;padding:0 40px 0 50px;border-right:1px solid rgba(255,255,255,0.2);cursor:pointer}
.location > ul > li:after	{position:absolute;right:15px;top:50%;margin-top:-10px;content:"+";display:inline-block;border:2px solid #fff;border-radius:50%;width:18px;height:18px;line-height:12px;text-align:center;color:#fff}
.location > ul > li:nth-child(3) {min-width:300px;padding:0 40px 0 20px;}
.location > ul > li:nth-child(1) {width:40px;height:50px;padding:0;background:#ffcc00 url(../img/ico_home.png) no-repeat 80% 50%;border:none;}
.location > ul > li:nth-child(1):after	{content:"";position:absolute;border: solid transparent;width:0;height:0;border-left-color:#ffcc00;right:-62px;top:0;border-width:36px;margin-top:-11px;z-index:-1}
.location > ul > li a	{line-height:50px;color:#fff;font-size:14px;}
.location ul ul			{visibility: hidden;opacity: 0;position:absolute;left:0;top:50px;width:100%;background:#f4f4f4}
.location li:hover ul	{visibility: visible;opacity: 1;transition: all .3s;}
.location ul ul li a	{position:relative;line-height:40px;color:#555;font-size:14px;border-top:1px solid rgba(0,0,0,0.1);padding:0 20px;background:none}
.location ul ul li.on a:after	{content:"";position:absolute;right:15px;top:50%;margin-top:-2px;display:inline-block;width:10px;height:3px;background:#303392;}
.location ul ul li.on a			{color:#303392}
.location ul ul li a:hover	{background:#303392;color:#fff}
.location > ul > li.home a{position:relative;z-index:9992;}

.pnb	{position:absolute;right:0;top:0;z-index:4;width:50px;border-right:1px solid rgba(255,255,255,0.2)}
.pnb a	{display:block;height:50px;width:100%;background:url(../img/pnb_ico.png) no-repeat;border-left:1px solid rgba(255,255,255,0.2)}
.pnb a.ico-print{background-position:-6px -5px;}

.fix	{position:fixed;width:100%;left:0;top:0;}
.sub-section{position:relative;z-index:8;background:#fff}
.aside	{position:absolute;right:0;bottom:0;}
#content{padding:0 0 60px 0;}
#body_head			{position:relative;clear:both;padding:50px 0;margin:0;text-align:center;}
#body_head h1		{padding:0;margin:0;}

@media only screen and (max-width:1023px){ /* 720px */	
	#sub-visual			{height:240px;}
	#sub-visual .sv-t1	{font-size:36px;padding-top:100px;}
}
@media only screen and (max-width:767px){ /* auto */
	#sub-visual	{display:none;}
	#location-wrap	{display:block;background:#13007c;margin:0;z-index:9999}
	#location-wrap.fix{position:fixed;left:0;top:0;width:100%;margin:0;height:50px;}
	.location > ul > li:nth-child(1) {position:absolute;left:0;top:0;}
	.location > ul > li:nth-child(2),
	.pnb		{display:none;}
	.location > ul > li:nth-child(3)  {display:block;width:100%;padding-left:80px;border:none;}
	.location > ul > li a	{color:#fff;}
	.location > ul > li a span	{height:50px;overflow:hidden;}
	.location > ul > li:after	{border:2px solid #fff;color:#fff}
	#body_head		{padding:20px 0;}
	
	.topmn a	{border-right:1px solid rgba(255,255,255,0.5);padding-right:10px;padding-left:5px;}
	.topmn a:last-child	{border-right:none;}
}
/* sub-content */

/* �а��Ұ� */
.dept .tit1		{margin:20px 0;font-size:16px;color:#6B767E;}
.dept .tit2		{line-height:120%;font-size:30px;color:#6B767E;}
.dept .tit2:after	{content:"";display:block;margin:30px 0;width:40px;border-bottom:1px solid #ccc;}
.dept li		{margin:10px 0;color:#999;word-break:keep-all;}
.dept li:after	{content:"";display:block;float:none;clear:both;}
.dept li span	{display:inline-block;float:left;width:110px;font-weight:bold;color:#6B767E;}
.dept li p		{width:calc(100% - 110px);float:right;}

.fs40		{line-height:110%;font-size:40px;}
.after_bar:after	{content:"";display:block;width:40px;border-bottom:1px solid #ccc;margin:30px 0;}
.bx_tit		{padding:20px 0;text-align:center;background:#4D556B;font-size:22px;color:#fff;}
.service_bx	{padding:30px;height:270px;}
.club_bx	{position:relative;height:240px;margin:15px 0;}
.club_bx img{position:absolute;right:30px;bottom:30px;}
.point_blue2	{color:#00A0C6;}
.point_blue3	{color:#6699CC;}
.point_black2	{color:#6A757D;}
.point_gold		{color:#BEAC83;}
.bx_bg			{background:url(../img/bx_bg.gif) repeat;}
.facility		{position:relative;}
.facility .tit	{position:absolute;top:0;padding:120px 60px;color:#fff;line-height:1.2}
.facility.bpr .tit	{left:0;}
.facility.bpl .tit	{right:0;}
.facility .tit span	{display:inline-block;padding:0 0 15px 0;border-bottom:1px solid rgba(255,255,255,0.5);margin:0 0 10px 0;font-size:16px;}
.facility .tit p	{font-size:32px;}
.facility .telbx	{position:absolute;padding:90px 50px;text-align:left;}
.facility.bpr .telbx{right:0;bottom:0;}
.facility.bpl .telbx{left:0;top:0;}
.facility .telbx p	{margin:10px 0;color:#D8DBE0;}
.facility .telbx p:before	{font-family:FontAwesome;display:inline-block;width:34px;height:34px;margin-right:10px;background:#C7CCCF;text-align:center;line-height:34px;color:#fff;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}
.facility .telbx p.ico_tel:before	{content:"\f095";}
.facility .telbx p.ico_fax:before	{content:"\f1ac";}
.facility.bg_gr		{margin-top:40px;height:280px;}
.facility.bg_gr img	{display:block;margin:-60px 0 10px 0;}

.buddy				{position:relative;margin-bottom:40px;text-align:right;}
.buddy .bx_bg		{position:absolute;left:0;bottom:-40px;padding:60px;text-align:left;width:50%;color:#fff;}
.buddy .bx_bg .tit	{font-size:30px;color:#ccc;margin:0 0 30px 0;}

.greeting .imgwrap	{position:relative;}
.greeting .namebx	{position:absolute;right:0;bottom:-150px;width:310px;height:300px;padding:60px 50px;color:#fff;box-shadow:0 0 8px rgba(0,0,0,0.3);-moz-box-shadow:0 0 8px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 8px rgba(0,0,0,0.3);-ms-box-shadow:0 0 8px rgba(0,0,0,0.3);-o-box-shadow:0 0 8px rgba(0,0,0,0.3);line-height:1.2}
.greeting .namebx .after_bar:after	{border-bottom-color:#6E767C;}
.greeting .namebx .name {font-size:30px;font-weight:bold;}
.greeting .tit		{font-weight:bold;margin:0 0 20px 0;font-size:30px;color:#6E767C;}
.greeting .tit:before	{content:"\f10d";font-family:FontAwesome;display:block;margin-top:50px;font-weight:normal;}

/* ������ */
.org-wrap 			{position:relative;text-align:center;line-height:60px;font-size:18px;padding:40px 0}
.org-wrap div		{z-index:4;}
.org-wrap .org1-line{position:relative;}
.org-wrap .org1-line:before{content:"";display:block;border-left:1px solid #ddd;position:absolute;left:50%;top:0;height:330px;z-index:1}
.org-wrap .org1-line:after{content:"";display:block;border-bottom:1px solid #ddd;position:absolute;left:0;top:165px;width:225px;z-index:1}
.org-wrap .org2:before	{content:"";display:block;border-left:1px solid #ddd;position:absolute;left:-100px;top:40px;height:212px}
.org-wrap .org2-1:before{content:"";display:block;border-top:1px solid #ddd;position:absolute;left:-100px;top:30px;width:100px;}
.org-wrap .org3:before	{content:"";display:block;border-top:1px solid #ddd;position:relative;margin:0 auto;width:calc(100% - 314px);}
.org-wrap .org3-1:before{content:"";display:block;border-left:1px solid #ddd;position:absolute;left:50%;top:-40px;height:40px;}

.org-wrap .org1		{position:relative;width:160px;height:106px;background:#6A757D;margin:0 auto;padding:10px 0;}
.org-wrap .org1:before,
.org-wrap .org1:after	{content:"";position:absolute;left: 0;width:0;height:0;border-left:80px solid transparent;border-right:80px solid transparent;z-index:3}
.org-wrap .org1:before	{top:-40px;border-bottom:40px solid #6A757D;}
.org-wrap .org1:after	{bottom:-40px;border-top:40px solid #6A757D;}
.org-wrap .org1 span		{display:block;position:relative;width:128px;height:86px;background:#fff;margin:0 auto;text-align:center;font-size:24px;font-weight:500;display:flex;flex-wrap : wrap;flex-direction:column;justify-content: center;}
.org-wrap .org1 span:before,
.org-wrap .org1 span:after	{content:"";position:absolute;left:0;width:0;height:0;border-left:64px solid transparent;border-right:64px solid transparent;z-index:4}
.org-wrap .org1 span:before{top:-30px;border-bottom:30px solid #fff;}
.org-wrap .org1 span:after	{bottom:-30px;border-top:30px solid #fff;}
.org-wrap .org2:before, .org-wrap .org2:after,
.org-wrap .org3:before, .org-wrap .org3:after{content:"";clear:both;display:block;float:none;}
.org-wrap .org2		{position:relative;float:right;width:295px;margin:20px 0;}
.org-wrap .org2-1	{position:relative;display:block;background:#BEAC83;color:#fff;margin:10px 0;}
.org-wrap .org3		{position:relative;margin:0 -10px}
.org-wrap .org3 .bx {float:left;width:calc(25% - 20px);margin:0 10px}
.org-wrap .org3-1	{position:relative;background:#00A0C6;color:#fff;margin-top:40px}
.org-wrap .org2-1 a:hover,
.org-wrap .org3-1 a:hover{background:#6A757D}
.org-wrap .org3-2	{border:1px solid #ddd;margin-top:10px;font-size:14px;}
.org-wrap .org3-2 p	{border-bottom:1px solid #eaeaea}
.org-wrap .org3-2 > ul	{line-height:1.5;font-size:14px;text-align:left;padding:10px 10px 10px 20px;color:#454545}
.org-wrap .org3-2 > ul li{margin:10px 0}
.org-wrap .org3-2 ul ul	{line-height:1.2;}
.org-wrap .org3-2 a	{color:#454545}
.org-wrap .org3-2 a:hover	{color:#00A0C6}
.org-wrap .org3-2 ul.bu li li:before	{content:"";margin-right:0;}

.prmovie		{padding:0 140px;background:url(../img/prmovie_bg.png) no-repeat 50% 0;}
.prmovie .tit	{text-align:center;padding:80px 0 40px 0;}
.prmovie .tit p	{margin:10px 0 0 0;letter-spacing:10px;font-size:12px;color:#fff;}
.prmovie .tit p span	{letter-spacing:0;}

.history-wrap			{}
.history-wrap .toptxt	{position:relative;height:200px;padding:60px 40px;margin-bottom:40px}
.history-wrap .toptxt p	{position:relative;z-index:4;color:#fff;font-size:30px;line-height:1.2}
.history-wrap .toptxt .year{font-size:30px;}
.history			{position:relative;padding-bottom:40px;}
.history:before		{content:"";position:absolute;left:8px;top:8px;border-left:1px solid #eee;height:100%;}
.history.last:before{display:none;}
.history .year		{position:absolute;left:0;top:0;font-size:32px;font-weight:700;color:#00A0C6;line-height:1}
.history .year:before{content:"";display:inline-block;margin:10px 22px 0 0;width:18px;height:18px;background:#15A7CA;border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;vertical-align:top;}
.history dl	{margin-left:160px;padding:0 0 20px 0;/*border-top:1px dotted #ddd;*/}
.history dl:before,
.history dl:after	{content:"";clear:both;display:block;float:none}
.history dt {float:left;padding:0;margin:0;width:120px;font-size:20px;color:#333;line-height:1.3}
.history dd {float:left;padding:0;margin:0;width:calc(100% - 120px);}
.history h3	{color:#B09868}
.history h4	{color:#6B767E}
.history-wrap .img1:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/history_topbg01.jpg) no-repeat 50% 0;background-size:cover;z-index:3}
.history-wrap .img2:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/history_topbg02.jpg) no-repeat 50% 0;background-size:cover;z-index:3}

.vision 			{text-align:center;line-height:1.4;}
.vision .title		{font-size:40px;color:#222;letter-spacing:-2px;font-weight:400;padding:0 0 40px 0;}
.vision .cont1		{position:relative;height:820px;background:url(../img/vision_bg.jpg) no-repeat 50% 80px;background-size:100% auto}
.vision .cont1 .topbx-wrap{position:relative;}
.vision .cont1 .topbx	{position:absolute;color:#fff;width:354px;height:380px;background-position:50% 0;background-repeat:no-repeat;background-size:100% auto;padding:120px 60px 40px 60px}
.vision .cont1 .bg1		{background-image:url(../img/vision_bxbg01.png);left:280px;top:0px;}
.vision .cont1 .bg2		{background-image:url(../img/vision_bxbg02.png);right:280px;top:0px;}
.vision .cont1 .tit		{font-size:24px;color:#FFFFCC;font-weight:400;margin-bottom:10px;line-height:1.2}
.vision .cont2			{margin:0 -10px;}
.vision .cont2 dl		{float:left;width:33.3333%;padding:0 10px;}
.vision .cont2 dt		{padding:20px;font-size:20px;color:#fff;font-weight:400;background:#4D556B}
.vision .cont2 dd		{border:1px solid #ddd;border-top:none;padding:20px;height:260px;text-align:left}
.vision_bx				{padding:30px;height:340px;margin:15px 0;}

.edu-policy				{position:relative;}
.edu-policy .title		{float:left;width:260px;height:200px;background:#49535B;color:#fff;z-index:2;font-size:30px;line-height:1.2;padding:60px 40px;}
.edu-policy .cont		{float:right;position:relative;width:960px;height:945px;color:#fff;z-index:1;}
.edu-policy .cont .tit	{font-size:50px;font-weight:400;line-height:1}
.edu-policy .txt1	{position:absolute;left:0;top:0;width:100%;height:385px;background:url(../img/edu01_img01.jpg) no-repeat 100% 100%;padding:90px 60px 0 60px;}
.edu-policy .txt2	{position:absolute;left:0;top:335px;width:470px;height:510px;background:url(../img/edu01_img02.jpg) no-repeat 100% 0;padding:60px;}
.edu-policy .txt3	{position:absolute;right:0;top:405px;width:470px;height:540px;background:url(../img/edu01_img03.jpg) no-repeat 100% 100%;padding:260px 60px 0 60px;}
.edu-policy .txt1:after	{content:"";position:absolute;left:0;bottom:0;width:calc(50% + 10px);height:70px;background:#fff;}
.edu-policy .txt1 .tit	{float:left;width:160px;}
.edu-policy .txt1 ul	{float:left;width:calc(100% - 160px);}
.edu-policy .txt2 ul, 
.edu-policy .txt3 ul	{margin-top:30px;}

.univ-color		{position:relative;margin-top:30px;}
.univ-emblem	{position:relative;margin-top:50px;}
.univ-color	.title,
.univ-emblem .title	{position:absolute;z-index:2;width:260px;height:200px;background:#49535B;color:#fff;font-size:30px;line-height:1.2;padding:60px 40px;}
.univ-color	.title	{right:0;top:0;}
.univ-emblem .title	{left:0;top:-20px;}
.univ-color	.cont	{position:relative;z-index:1;width:960px;height:300px;background:url(../img/univ_color_img.jpg) no-repeat 100% 50%;color:#fff;padding:80px 60px;}
.univ-color	.cont .stit{font-size:50px;}
.univ-emblem .title	{left:0;top:-20px;}
.univ-emblem .cont	{position:relative;z-index:1;background:#F4F4F4;padding:40px 40px 40px 300px;}

.campus_list		{padding:40px;border:1px solid #dadada;background:#f5f5f5}
.campus_list .num	{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;color:#fff;font-family:Lato;background:#BDA981;margin-right:10px;font-size:12px;}

@media only screen and (max-width:1256px){ /* 960px */		
	.greeting img	{width:100%;}
	.greeting .namebx	{right:0;}
	.greeting .tit		{padding-right:340px;}
	.greeting .tit:before	{margin-top:40px;}
	.vision .title		{padding:0 0 20px 0;}
	.vision .cont1		{height:520px;}
	.vision .cont1 .bg1	{left:140px;}
	.vision .cont1 .bg2	{right:140px;}
	.vision .cont2		{margin:0;}
	.vision .cont2 dl	{float:none;width:auto;padding:10px 0;}
	.vision .cont2 dd	{height:auto;}
	.vision_bx			{height:380px;}
	.edu-policy .title	{position:absolute;right:0;top:0;}	
	.facility .tit p	{font-size:28px;}
	.facility img		{width:100%}
	.buddy img			{width:100%}
		.org-wrap .org1-line:after{width:85px;}
	.org-wrap .org3:before	{width:calc(100% - 244px);}
	.org-wrap .org3-2 p		{line-height:50px;}
	.org-wrap .org3-2 > ul	{font-size:14px;padding:10px;}
	.org-wrap .org3-2 > ul li{margin:0}
	
}

@media only screen and (max-width:1023px){ /* 720px */

	.greeting .namebx	{position:relative;right:0;bottom:auto;padding:30px;width:auto;height:auto}
	.greeting .namebx p	{float:left;width:50%;}
	.greeting .namebx .after_bar:after	{display:none}
	.greeting .namebx:after{content:"";clear:both;display:block;float:none;}
	.greeting .tit		{padding-right:0;font-size:24px;}
	.history-wrap .toptxt{height:auto;}
	.vision .cont1 .bg1	{left:30px;}
	.vision .cont1 .bg2	{right:30px;}
	.vision_bx			{height:460px;}
	.edu-policy .title	{position:relative;left:0;top:0;float:none;width:auto;height:auto;padding:20px 40px;}
	.edu-policy .cont	{float:none;width:720px;height:710px;}
	.edu-policy .txt1:after	{height:60px;}
	.edu-policy .txt1	{background-size:cover;left:0;top:0;width:100%;height:285px;padding:50px 0 0 50px;}
	.edu-policy .txt2	{background-size:cover;left:0;top:250px;width:345px;height:380px;padding:50px;}
	.edu-policy .txt3	{background-size:cover;right:0;top:305px;width:350px;height:402px;padding:140px 0 0 50px;}
	.univ-color	.cont	{width:100%;height:auto;background-size:cover;padding:30px;}
	.univ-color	.title,
	.univ-emblem .title	{position:relative;left:0;top:0;width:auto;height:auto;padding:20px 40px;}
	.univ-emblem .cont	{padding:30px;}
	.facility .tit		{padding:80px 60px}
	.facility .telbx	{position:relative;left:0;top:0;padding:30px;}
	.buddy .bx_bg		{position:relative;left:0;bottom:auto;width:auto;}
	.service_bx			{height:auto;}
	.org-wrap .org1-line:before,
	.org-wrap .org1-line:after,
	.org-wrap .org2:before,
	.org-wrap .org2-1:before,
	.org-wrap .org3:before,
	.org-wrap .org3-1:before{content:"";display:none;}
	.org-wrap .org2		{float:none;width:auto;margin:60px -5px 0;}
	.org-wrap .org2-1	{float:left;width:calc(50% - 10px);margin:5px;font-size:16px;}
	.org-wrap .org3		{margin:0 -5px}
	.org-wrap .org3 .bx {width:calc(50% - 10px);margin:0 5px;}
	.org-wrap .org3 .bx:nth-child(2n+1) {clear:both;}
}
@media only screen and (max-width:767px){ /* auto */
	#content	{padding:10px;}
	.greeting .namebx p	{float:none;width:auto;}
	.greeting .namebx .name,
	.greeting .tit		{font-size:20px;}
	.greeting .tit:before{margin-top:20px;}

	.history-wrap .toptxt	{padding:30px;}
	.history-wrap .toptxt p	{font-size:18px;}
	.history .year	{position:relative;left:0;top:0;}
	.history dl	{margin-left:40px;}
	.history dt	{margin:10px 0;}
	.history dt, .history dd {float:none;width:auto}
	.vision .title	{font-size:30px;}
	.vision .cont1 {height:auto;}
	.vision .cont1 .topbx	{position:relative;width:300px;height:322px;padding:75px 60px 40px 60px;margin:0 auto;}
	.vision .cont1 .bg1		{left:0;}
	.vision .cont1 .bg2		{right:0;}
	.vision_bx				{height:auto;}
	.edu-policy .title,
	.univ-color	.title,
	.univ-emblem .title		{font-size:20px;margin:0}
	.edu-policy .cont		{width:auto;height:auto}
	.edu-policy .cont .tit	{font-size:40px;}
	.edu-policy .txt1, .edu-policy .txt2, .edu-policy .txt3	{position:relative;left:0;top:0;width:auto;height:260px;padding:50px;}	
	.edu-policy .txt1:after	{content:"";display:none;}
	.edu-policy .txt1 .tit,	.edu-policy .txt2 .tit,	.edu-policy .txt3 .tit{float:none;margin:0;}
	.edu-policy .txt1 ul, .edu-policy .txt2 ul, .edu-policy .txt3 ul	{float:none;margin-top:30px;}
	.univ-color,
	.univ-emblem	{margin-top:20px;}
	.club_bx		{height:auto;}
	.facility .tit		{padding:40px 30px}
	.facility .tit p	{font-size:24px;}
	.facility .telbx	{padding:30px;}
	.buddy .bx_bg	{padding:30px;}
	.buddy .bx_bg .tit	{font-size:20px;margin:0 0 10px 0;}
	.org-wrap .org2-1	{font-size:14px;}
	.org-wrap .org3		{margin:0}
	.org-wrap .org3 .bx {float:none;width:auto;margin:10px 0}
	.org-wrap .org3 .bx:after{content:"";clear:both;display:block;float:none;}
	.org-wrap .org3-1	{margin-top:20px}
	.campus_list{padding:20px}
}
@media only screen and (max-width:480px){ /*auto*/	
	.edu-policy .cont .tit	{font-size:30px;}
	.edu-policy .txt1, .edu-policy .txt2, .edu-policy .txt3	{height:240px;padding:30px;}
	.facility .tit p	{font-size:18px;}
	.facility .tit span	{font-size:12px;padding:0 0 5px 0;margin:0 0 5px 0}
	.facility .telbx	{padding:10px 20px;font-size:14px}
}


.mm-menu.mm-offcanvas	{z-index:99;}