<!--
/*

img { margin: 0; border: 0; }
form { margin: 0; padding: 0; }


body { color: #555555; font-size: 12px; font-family: Dotum, "レ↑・o", sans-serif; line-height: 1.45;}
body.white { background: #fff; }
table, pre { font-size: 1em; font-family: Dotum, "レ↑・o", sans-serif; line-height: 1.45;} 
a { color: #302d26; text-decoration: none; cursor: pointer; }
a:link { color: #525252; text-decoration: none; }
a:visited { color: #302d26; text-decoration: none; }  a:focus 
img { margin: 0; border: 0; }
*/

html,body{scroll-behavior: smooth}

html,body,section,article,header,footer,nav,
div,p,
h1,h2,h3,h4,h5,h6,
ul,ol,li,dl,dd,dt,
img,a,
form,input,select,option,fieldset,textarea,button,label,
figure,video {
	margin:0;
	padding:0;
	border:0;
	background-repeat:no-repeat;
	background-position:center;
	background-color:transparent;
    line-height: 1.45;
	text-decoration:none;
	font-family:Dotum,'玄精 壱拒',妓崇,'Apple SD Gothic Neo',sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#444;
	box-sizing:border-box;
	text-size-adjust:none;
	list-style:none;
	word-break: keep-all;
}
a:link, a:visited,
a:hover, a:focus, a:active {
	text-decoration:none;
}
table th,
table td {    line-height: 1.45; font-size: 12px;}

/*table {width:100%; border-spacing:0; border-collapse:collapse;}*/


/* PNG script */
.png24 {tmp:expression(setPng24(this));} 

.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:16px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.bot { color: #525252; font-size: 11px; font-family: Dotum, "レ↑・o", sans-serif; line-height: 1.8; } 

.ed { border:1px solid c1b5ad; padding:3 0 0 3px; background-color:transparent;} 
.tx { border:1px solid #CCCCCC; } 

.small { font-size:8pt; font-family:レ↑・o; padding:0 0 2 0px;}
.cloudy, a.cloudy {color:#888888;}

.style1 {color: #42508d; font-weight: bold; font-size:9pt; font-family:レ↑・o; }
.style2 {	color: #ffffff; font-weight: bold; font-size:9pt; font-family:レ↑・o; }

.form {font-family:dotum; font-weight:normal; height: 19px; background-color: #f5f5f5; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border: 1px solid #acacac; font-size: 11px; color: #626262; padding-top: 4px;}


.view {padding:4px 0 30px 50px;}
-->

/* nav */
#nav {position: relative; display:flex; align-items: center; width:765px; background-image:linear-gradient(180deg,#f8fbfc,#e0e6ea); border-radius:20px 20px 40px 40px;}
#nav a {line-height:1; font-family: 'pretendard',sans-serif;}
#nav > div {width:calc(100% / 6); border-right:1px solid rgba(0,0,0,0.05);}
    #nav > div:last-child {border-right:0;}
#nav .dep1 {display:flex; align-items: center; justify-content: center; height:85px; line-height:1.2; font-size: 14px;font-weight: 700; color: #222;}
    #nav >div:hover .dep1 {color:#2e45a3}
#nav .dep2 {position: absolute; left:40px; top:85px;  width:calc(100% - 80px); height:25px; padding:0 20px; align-items: center; background-color:#2e45a3; border-radius:0 0 15px 15px; display: none; z-index: 10;}
    #nav > div:nth-of-type(1) .dep2 {}
    #nav > div:nth-of-type(2) .dep2 {}
    #nav > div:nth-of-type(3) .dep2 {}
    #nav > div:nth-of-type(4) .dep2 {padding-left:340px;}
    #nav > div:nth-of-type(5) .dep2 {justify-content: flex-end}
    #nav > div:nth-of-type(6) .dep2 {justify-content: flex-end}
    #nav .dep2:hover,
    #nav > div:hover .dep2 {display:flex;}
#nav .dep2 li {}
#nav .dep2 li a {display:flex; padding:0 10px; align-items: center; justify-content: center; height:25px; font-size: 12px; color: #fff;}
    #nav .dep2 li a:hover {color:orange}


.visual {width:650px; height:338px; padding-left:150px; padding-top:30px; display:flex; flex-wrap:wrap; justify-content: center; align-content: flex-start}
.visual > a {position: relative; display:flex; align-items: center; justify-content: center; width:90px; height:90px; margin:5px; padding:3px; border-radius:100%; border:2px solid #2d459a; text-align: center; background-size:cover; line-height:1.2;  font-size: 12px; font-weight: 700; color: #2d459a; transition:0.5s;line-height:1; font-family: 'pretendard',sans-serif;}
.visual > a:hover {transform: scale(1.5); color: #fff; text-shadow:2px 2px 5px rgba(0,0,0,0.5); z-index: 10;}
.visual > a:nth-of-type(1):hover {background-image:url(/img/visu/1.jpg);}
.visual > a:nth-of-type(2):hover {background-image:url(/img/visu/2.jpg);}
.visual > a:nth-of-type(3):hover {background-image:url(/img/visu/3.jpg);}
.visual > a:nth-of-type(4):hover {background-image:url(/img/visu/4.jpg);}
.visual > a:nth-of-type(5):hover {background-image:url(/img/visu/5.jpg);}
.visual > a:nth-of-type(6):hover {background-image:url(/img/visu/6.jpg);}
.visual > a:nth-of-type(7):hover {background-image:url(/img/visu/7.jpg);}
.visual > a:nth-of-type(8):hover {background-image:url(/img/visu/8.jpg);}
.visual > a:nth-of-type(9):hover {background-image:url(/img/visu/9.jpg);}

.sub_menu {padding:20px;}
.sub_menu h2 {padding-left:5px; font-size: 20px; font-weight: 800; color: #2e45a3;}
.sub_menu .en {padding-left:5px; margin-top:5px; font-size: 12px; color: #888;}
.sub_menu>ul {margin-top:15px;}
.sub_menu>ul>li {margin-bottom:8px;}
.sub_menu>ul>li>a {display:block; padding:10px 15px; border-radius:50px; background-image: linear-gradient(180deg,#f9f9f9,#eee);border:1px solid #e4e4e4; font-size: 13px; font-weight: 600; box-sizing:border-box; transition:0.5s; line-height:1; font-family: 'pretendard',sans-serif;}

.sub_menu>ul>li>a:hover {background-image: linear-gradient(180deg,#3750b5,#2e45a3);border:1px solid #2e45a3; color: #fff;}

.sub_menu .dep2 {padding:5px 15px 10px 15px; }
.sub_menu .dep2 li {margin:10px 0; }
.sub_menu .dep2 a {position: relative; display: block; padding-left:10px; line-height:1; font-family: 'pretendard',sans-serif; font-size: 12px; font-weight: 500;}
.sub_menu .dep2 a:hover {color: #3750b5;}
.sub_menu .dep2 a::before {content:""; position: absolute; left:0; top:5px; width:3px; height:3px; background-color:#555; border-radius:100%;}