@charset "utf-8";

@import url(base.css);
@import url(index.css);
@import url(sub.css);

/*--------------------------*/
/* common */
/*--------------------------*/

#cmm_warp {float:left; width:100%; min-width:1200px;}

header {position:relative; float:left; width:100%; height:60px; text-align:center;}
header h1 {position:relative; top:10px;}
header a:nth-child(3) {position:absolute; right:0; top:0; display:block; width:140px; height:100%; padding-top:20px; box-sizing:border-box; color:#999999; border-left:1px solid #e9eaee;}
header a:nth-child(2) {position:absolute; right:140px; top:0; display:block; width:140px; height:100%; padding-top:20px; box-sizing:border-box; color:#999999; border-left:1px solid #e9eaee;}

nav {position:relative; float:left; width:100%; height:60px; background:#063477;}
nav > div {width:1200px; height:100%; margin:0 auto;}
nav > div > ul {float:left; width:100%; height:100%;}
nav > div > ul > li {position:relative; float:left; width:20%; height:100%;}
nav > div > ul > li > a {position:relative; display:block; width:100%; height:100%; padding-top:15px; box-sizing:border-box; text-align:center; font-size:18px; font-family:"notoMedium"; color:white !important;}
nav > div > ul > li > a span {display:none;}
nav > div > ul > li:hover > a span {position:absolute; left:50%; bottom:0; display:block; height:3px; background:#006eb7;}
nav > div > ul > li:hover:nth-child(1) > a span {width:140px; margin-left:-70px;}
nav > div > ul > li:hover:nth-child(2) > a span {width:74px; margin-left:-37px;}
nav > div > ul > li:hover:nth-child(3) > a span {width:155px; margin-left:-80px;}
nav > div > ul > li:hover:nth-child(4) > a span {width:140px; margin-left:-70px;}
nav > div > ul > li:hover:nth-child(5) > a span {width:146px; margin-left:-73px;}
nav > div > ul > li ul {position:absolute; left:0; top:60px; z-index:99; width:100%; height:370px; box-sizing:border-box;}
nav > div > ul > li:nth-child(1) ul {padding-left:50px;}
nav > div > ul > li:nth-child(2) ul {padding-left:85px;}
nav > div > ul > li:nth-child(3) ul {padding-left:42px;}
nav > div > ul > li:nth-child(4) ul {padding-left:50px;}
nav > div > ul > li:nth-child(5) ul {padding-left:50px;}
nav > div > ul > li ul li {margin-top:25px;}
nav > div > ul > li ul a {font-family:"notoMedium"; font-size:16px; color:white !important;}
nav > div > ul > li ul a:hover {color:#339ade !important;}
nav > div > ul > li:nth-child(3) ul li:last-child a {letter-spacing:-1px;}

nav > span {position:absolute; left:0; top:60px; z-index:9; display:block; width:100%; height:370px; opacity:0.8; background:#050b28;}

footer {float:left; width:100%; text-align:center;}
footer > p {float:left; width:100%; padding:30px 0; font-size:20px; font-family:"notoBold"; color:#bbbbbb;}
footer > div {float:left; width:100%; color:white; background:#01275e;}
footer > div:nth-child(2) {padding:55px 0 50px;}
footer > div:nth-child(2) img {margin-bottom:20px;}
footer > div:nth-child(2) address {margin-bottom:20px; line-height:28px; font-family:"notoDemiLight";}
footer > div:nth-child(3) {padding:30px 0; border-top:1px solid #1b3d6e;}
footer > div:nth-child(3) a {color:white !important;}
footer > div:nth-child(3) span {display:inline-block; width:1px; height:10px; margin:0 20px; background:#1b3d6e;}

/*--------------------------*/
/* sub */
/*--------------------------*/

#cmm_subTitle {float:left; width:100%; height:210px; padding-top:60px; box-sizing:border-box; text-align:center; color:white; background:url("../img/common/subVisual.jpg") 50% 50% / cover no-repeat;}
#cmm_subTitle h2 {font-size:36px; font-family:"notoBold";}
#cmm_subTitle p {font-size:16px;}

#cmm_subNav {float:left; width:100%; height:59px; border-top:1px solid #edf0f4; border-bottom:1px solid #e6e6e6;}
#cmm_subNav > div {width:1200px; margin:0 auto; height:100%;}
#cmm_subNav > div > div {float:left; width:100%; height:100%;}
#cmm_subNav a {display:block; float:left; height:100%; padding-top:18px; box-sizing:border-box; font-size:16px; font-family:"notoRegular"; color:#999999; text-align:center; border-right:1px solid #e6e6e6;}
#cmm_subNav a:first-child {border-left:1px solid #e6e6e6;}
#cmm_subNav a.on {color:#111111; font-family:"notoMedium";}
#cmm_subNav.num2 a {width:50%;}
#cmm_subNav.num3 a {width:33.3%;}
#cmm_subNav.num3 a:first-child {width:33.4%;}
#cmm_subNav.num4 a {width:25%;}
#cmm_subNav.num5 a {width:20%;}
#cmm_subNav.num6 a {width:16.6%;}
#cmm_subNav.num6 a:first-child {width:17%;}
#cmm_subNav.num7 a {width:14.3%;}
#cmm_subNav.num7 a:first-child {width:14.2%;}
#cmm_subNav.num100 a {width:100%;}

#cmm_subContents {float:left; width:100%; background:#edf0f4;}
#cmm_subContents > div {width:1200px; margin:0 auto;}
#cmm_subContents > div > div {float:left; width:100%; padding:10px 0 50px;}
#cmm_subContents h3 {float:left; width:100%; margin-bottom:10px; padding:10px 0; padding-top:30px; font-size:36px; font-family:"notoBlack"; text-align:center; color:#063477; background:white; border-bottom:2px solid #063477;}
#cmm_subContents .contents {float:left; width:100%; min-height:300px; background:white;}
#cmm_subContents .contents.board {padding:50px; box-sizing:border-box;} 

/* Location */
.sb_locationList {position:relative; float:left; width:100%; height:140px; margin-bottom:25px;}
.sb_locationList li {position:absolute; height:23px; font-size:16px; font-family:"notoLight"; color:#777777;}
.sb_locationList em {display:inline-block; width:70px; font-family:"notoMedium";}
.sb_locationList li:nth-child(1) {left:37px; top:58px; padding-left:35px; background:url("../img/sub01/location01.jpg") 4px 50% no-repeat;}
.sb_locationList li:nth-child(2) {left:27px; top:106px; padding-left:35px; background:url("../img/sub01/location02.jpg") 1px 50% no-repeat;}
.sb_locationList li:nth-child(3) {left:400px; top:106px; padding-left:35px; background:url("../img/sub01/location03.jpg") 0 50% no-repeat;}
.sb_locationList li:nth-child(4) {left:850px; top:106px; padding-left:35px; background:url("../img/sub01/location04.jpg") 0 50% no-repeat;}

#sb_map {float:left; width:100%; height:590px;}