#u_skip {position: relative; z-index: 3000; }
#u_skip a { position: absolute; top: -5rem; left: 0; width: 13.8rem; border: 1px solid #4ec53d; background: #333; text-align: center }
#u_skip a:active,#u_skip a:focus { top: 0; text-decoration: none; z-index: 1000 }
#u_skip span { display: inline-block; padding: 0.2rem 0.6rem 0 0; font-size: 1.3rem; line-height: 2.6rem;color: #fff; letter-spacing: -1px; white-space: nowrap}

#wrap{ position: relative; min-height: 100%; min-width: 320px; overflow: hidden; }
#wrap footer { position: absolute; bottom: 0; left: 0; right: 0; background-color: #272727; }

.pageMargin { margin-left: 2rem; margin-right: 2rem; }
.maxWidth { max-width: var(--max-width); margin: auto; position: relative; }
#contentContainer { margin-top: var(--header-height-minus); padding-top: var(--header-height-padding); }
.comingSoon{ width: 60rem; max-width: 80%; display: block; margin: 2rem auto 3rem; }
.mfp-content > * { position: relative; background: #fff; padding: 2em 2em; width: auto;  margin-left: auto; margin-right: auto; max-width: 900px; }
.mfp-video .mfp-content { padding: 0px; }
.mfp-video .mfp-content > .mfp-iframe-scaler { padding: 56.25% 0 0; overflow: initial; }
.mfp-video .mfp-content > .mfp-iframe-scaler .mfp-close { color: #fff; right: 0; top: -44px; background-color: var(--basic-color-deep); width: 44px; height: 44px; line-height: 44px; padding: 0; text-align: center; }
@media (min-width: 800px){ .mfp-video .mfp-content { padding: 0 44px; } .mfp-video .mfp-content > .mfp-iframe-scaler .mfp-close { right: -44px; top: 0; } }

.xScroll-wrap { overflow-x: auto; position: relative; } 
.xScroll { min-width: 768px; }
.xScroll-on { background-color: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; padding: 6vw 0;; }
.xScroll-on i { display: block; margin: auto; width: 8rem; height: 8rem; background-color: #000; border-radius: 50%; padding: 1.6rem; }
.xScroll-off { display: none; }


@media screen and (max-width: 1023.9px){ .minNone { display: none; } .minHide { visibility: hidden; overflow: hidden; height: 0; } }
@media screen and (min-width: 1024px){ .maxNone { display: none; } .maxHide { visibility: hidden; overflow: hidden; height: 0; } }
/* @media screen and (max-width: 979.9px){ .minNone { display: none; } .minHide { visibility: hidden; overflow: hidden; height: 0; } } */
/* @media screen and (min-width: 980px){ .maxNone { display: none; } .maxHide { visibility: hidden; overflow: hidden; height: 0; } } */




/** layerPopup **/

.layerPopup-wrap { font-size: 0; overflow: hidden auto; top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: 0!important; -webkit-backface-visibility: hidden; }
.layerPopup-wrap:after { content: '';  position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background-color: rgba(0,0,0,0.5); }

.layerPopup { max-width: 100%; height: 100%; text-align: center; position: absolute; left: 0; top: 0; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.layerPopup.popupCenter { padding: 8px !important; left: 0 !important; top: 0 !important; width: 100% !important; }
.layerPopup.popupCenter:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.layerPopup.popupCenter .layerPopup-container { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }

.layerPopup-content img { max-width: 100%; }
.layerPopup-bar:after { content: ''; display: block;  clear: both; }
.layerPopup-bar { background-color: #000; padding: 1rem; }
.layerPopup-bar * { color: #fff; }
.layerPopup-bar .todayStop-btn { float: left; }
.layerPopup-bar .close-btn { float: right; } 

/** layerPopup **/



/**** header ****/

.header-wrap { position: relative; z-index: 500; transition: all .3s cubic-bezier(.215,.61,.355,1); }
.header-wrap, .headerInner { height: var(--header-height); }
.header-wrap .headerInner .logo,
.header-wrap .headerInner nav > ul > li > a { height: var(--header-height-inner); }
.header-wrap .headerInner nav > ul > li > a { line-height: var(--header-height-inner); padding-left: 2rem; padding-right: 2rem; }

.header-wrap .headerInner { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; transition: all .3s cubic-bezier(.215,.61,.355,1); background-color: rgba(255,255,255,1); }
.header-wrap .headerInner:before { content: ''; display: block; position: fixed; top: var(--header-height); left: 0; z-index: 100; height: 1px; width: 100%; background-color: rgba(192,192,192,0.4); }
.header-wrap .headerInner:after { content: ''; display: block; clear: both; }

.header-wrap .headerInner .logo { position: relative; z-index: 101; width: 20rem; max-width: 40%; transition: all .5s cubic-bezier(.215,.61,.355,1); }
.header-wrap .headerInner .logo > * { display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.header-wrap .headerInner .logo img { display: block; max-height: 4rem; max-width: 100%; }

.header-wrap .headerInner .headerNav-wrap { padding-left: 2rem; padding-right: 2rem; }
.header-wrap .headerInner .headerNav-wrap .maxWidth { display: flex; align-items: center; }

#headerNav { flex: 1; }
#headerNav > ul { display: none; }
#headerNav > ul > li > a > span { font-size: 1.6rem; font-weight: 500; line-height: var(--header-height-inner); }
#headerNav .multiNav > .multiNav-inner ul a span { font-size: 1.5rem; line-height: 1.4; }

@media (min-width: 1024px){
/* @media (min-width: 980px){ */
	.header-wrap .headerInner .logo,
	#headerNav > ul > li > a { height: var(--header-height-inner); line-height: var(--header-height-inner); }
	#headerNav > ul { display: block; }
}

/**** header end ****/



/**** gnbBar end ****/

#gnbBar { display: none; height: var(--header-height-gnb); transition: all .3s ease-in-out; overflow: hidden; background-color: #000; font-size: 0; }
#gnbBar ul.gnbLeft { float: left; background-color: #fff; }
#gnbBar ul.gnbRight { float: right; border-right: 1px solid rgba(255,255,255,0.1); }
#gnbBar ul li { display: inline-block; font-size: 1.3rem; }
#gnbBar ul li a { display: block; padding: 0 2rem; line-height: var(--header-height-gnb); height: var(--header-height-gnb); }
#gnbBar ul.gnbLeft a { color: #013e6c; }
#gnbBar ul.gnbLeft li a i { position: relative; top: 1px; }
#gnbBar ul.gnbLeft li + li { background-color: #013e6c; border-right: 1px solid rgba(255,255,255,0.1); }
#gnbBar ul.gnbLeft li + li:last-child a { color: #fff; }
#gnbBar ul.gnbRight li { border-left: 1px solid rgba(255,255,255,0.1); }
#gnbBar ul.gnbRight a { color: #fff; }
#gnbBar ul.gnbRight li a i { color: #fff; position: relative; top: 1px; }
#gnbBar ul.gnbRight li a:hover, #gnbBar ul.gnbRight li a:hover i { color: #fff; }

@media (min-width: 1024px){ #gnbBar { display: block; } }
/* @media (min-width: 980px){ #gnbBar { display: block; } } */

/**** gnbBar end ****/



/**** header.fullShow ****/

header.fullShow .headerInner { overflow: hidden; box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.05); }
header.fullShow .headerInner:after { content: ''; display: block; position: absolute; top: var(--header-height); bottom: 0; left: 0; width: 100%; background-color: #fff; z-index: -1; }
header.fullShow nav > ul { font-size: 0;  display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wra: wrap; flex-wrap: wrap; flex: 1 1 auto; }
header.fullShow nav > ul > li { display: inline-block;  vertical-align: top; text-align: center; }
header.fullShow nav > ul > li a { font-size: 1.5rem; }
header.fullShow nav a { color: #333; display: block; position: relative; }
header.fullShow nav a:hover { color:#003169; }
header.fullShow nav a span { font-weight: 400; }
header.fullShow nav ul .active a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.3rem; background-color:#003169; } 

header.fullShow.multiNav-wrap .headerInner { background-color: #fff; transition: all .3s ease-in-out; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05); } 

header.fullShow nav .multiNav > .multiNav-inner ul { padding: 1rem 0; }
header.fullShow nav .multiNav > .multiNav-inner ul a { color: #333; padding-top: 1.5rem; padding-bottom: 1rem; line-height: 150%; }
header.fullShow nav .multiNav > .multiNav-inner ul a:hover { color:#003169; text-decoration: underline; }
header.fullShow nav .multiNav > .multiNav-inner ul a:after { display: none; }
header.fullShow nav .multiNav.multiNav-show > .multiNav-inner { visibility: visible; height: 5.4rem; }

/**** header.fullShow end ****/



/**** header.singleShow ****/

header.singleShow nav { display: inline-block; vertical-align: top; }
header.singleShow nav > ul { font-size: 0; }
header.singleShow nav > ul > li { max-height: var(--header-height-inner); display: inline-block;  vertical-align: top; text-align: center; overflow: hidden; transition: all .6s cubic-bezier(.215,.61,.355,1); }
header.singleShow nav a { color: #333; display: block; position: relative; }
header.singleShow nav a:hover { color:#003169; }

header.singleShow nav .multiNav > .multiNav-inner { padding: 0.5rem 0.2rem; }
header.singleShow nav .multiNav > .multiNav-inner ul { padding: 1rem 0; box-shadow: 0 2px 5px rgb(0 0 0 / 15%); background-color: #fff; border-radius: 0.5rem; }
header.singleShow nav .multiNav > .multiNav-inner ul a { color: #333; padding: 1rem 2rem; line-height: 150%; }
header.singleShow nav .multiNav > .multiNav-inner ul a:hover { color:#003169; text-decoration: underline; }
header.singleShow nav .multiNav > .multiNav-inner ul a:after { display: none; }
header.singleShow nav .multiNav.multiNav-show > .multiNav-inner { visibility: visible; height: 5.4rem; }
header.singleShow nav .multiNav.active { max-height: 400px;; }

header.singleShow nav ul .active a { color: #013e6c; }
header.singleShow nav .multiNav > .multiNav-inner ul { border: 1px solid #cfd6db; }
header.singleShow nav .multiNav > .multiNav-inner ul a { padding: 0.7rem 1rem; }

header.singleShow nav .multiNav { position: relative; overflow: visible;  }
header.singleShow nav .multiNav .multiNav-inner { 
	position: absolute; top: 100%; left: 50%; transform: translateX(-50%); max-height: 0; overflow: hidden; padding-top: 0; padding-bottom: 0; margin-top: 0.5rem;
	transition: max-height .3s cubic-bezier(.215,.61,.355,1), padding-bottom .1s cubic-bezier(.215,.61,.355,1) .2s; 
}
header.singleShow nav .multiNav > .multiNav-inner ul a { padding: 0.6rem 2rem; }
header.singleShow nav .multiNav > .multiNav-inner ul a span { display: block; }
header.singleShow nav .multiNav.active .multiNav-inner { padding: 0.5rem 0.2rem; margin-top: 0; max-height: 300px; transition: max-height .3s cubic-bezier(.215,.61,.355,1), padding-bottom .1s cubic-bezier(.215,.61,.355,1);  }

@media (min-width: 1024px){
/* @media (min-width: 980px){ */
	header.singleShow, header.singleShow .headerInner { height: var(--header-height); border-bottom: 0px solid  #dedede; }	
	header.singleShow header.singleShow .headerInner:before { top: var(--header-height); background-color: #00457a; height: 7px; }
	header.singleShow nav { display: block; text-align: center; }
}

/**** header.singleShow end ****/



/**** .scrollOn header ****/

.scrollOn header .headerInner { background-color: rgba(255,255,255,1); box-shadow: 0 3px 10px 0 rgb(0 0 0 / 15%); }
.scrollOn header .headerInner nav a { color: #333; }
.scrollOn header .headerInner .burgerBtn span { background-color: #555; }

/**** header.headerScroll end ****/


/** siteMap **/

.mfp-sitemap .mfp-container { padding: 1rem; }
.mfp-sitemap .mfp-content { background-color: #fff; max-width: 800px; margin: auto; border-radius: 0.3rem 0 0.3rem 0.3rem; }
.siteMap-wrap { padding: 1.5rem; }
.siteMap-wrap .mfp-close { width: 4.5rem; height: 4.5rem; line-height: 4.5rem; background-color: var(--basic-color-deep); color: #fff; opacity: 1; top: -4.5rem; right: 0; }
.siteMap-wrap .mfp-close:hover { color: var(--yellow-color); }
.siteMap-wrap > ul { display: table; width: 100%; }
.siteMap-wrap > ul > li { display: table-row; }
.siteMap-wrap > ul > li > * { display: table-cell; padding: 1.6rem 2rem; word-break: keep-all; vertical-align: middle; font-size: 1.4rem; border: 1px solid #ccd5d6; border-left: 0; }
.siteMap-wrap > ul > li > a { background-color: var(--basic-color); color: #fff; font-weight: 400; border: 1px solid var(--basic-color-bright); }
.siteMap-wrap > ul > li .multiNav-inner ul li { display: inline-block; }
.siteMap-wrap > ul > li .multiNav-inner ul li + li:before { content: '·'; display: inline-block; padding: 0 0.5rem;}
.siteMap-wrap > ul > li .multiNav-inner a { color: #555; line-height: 1.6; }
.siteMap-wrap > ul > li + li > * { border-top: 0; }

@media (min-width: 860px){
	.siteMap-wrap { padding: 2.5rem; }
	.siteMap-wrap .mfp-close { top: 0; right: -4.5rem; }
}

/** siteMap-end **/



/** sideBar **/

#sideBar-wrap{ background: #fff; }
#sideBar-wrap .sideBar-logo img { max-height: 3rem; max-width: 80%; }
#sideBar-wrap .sideBar{ position: relative; height: 100%; width: 100%; padding: 0 0 1.5rem; overflow-y: auto; box-sizing: border-box; }
#sideBar-wrap .sideBar .quitter{ position: absolute; top: 0; right: 0; color: #fff; width: 3.8rem; height: 3.8rem; text-align: center; }
#sideBar-wrap .sideBar .quitter span { font-size: 2.8rem; }

#sideBar-wrap .sideSearch { padding: 1rem; border-bottom: 1px solid var(--basic-color-bright); }
#sideBar-wrap .sideSearch > .inner { position: relative; }
#sideBar-wrap .sideSearch input { width: calc(100% - 5rem); }
#sideBar-wrap .sideSearch button { position: absolute; right: 0; height: 100%; width: 4rem; background-color: var(--basic-color); border-radius: 3rem; color: #fff; }
#sideBar-wrap .sideSearch button:hover { background-color: var(--basic-color-deep); } 

#sideBar-wrap .loginUser { background-color: var(--basic-color); color: #fff; height: var(--header-height); line-height: var(--header-height); padding: 0 2rem; border-bottom: 1px solid var(--basic-color-bright); font-weight: 400; }
#sideBar-wrap .gnb ul { overflow: hidden; border-bottom: 1px solid var(--basic-color-bright); }
#sideBar-wrap .gnb ul li { width: 50%; float: left; }
#sideBar-wrap .gnb ul li + li { border-left: 1px solid var(--basic-color-bright); }
#sideBar-wrap .gnb ul li:nth-child(3 + n) { border-top: 1px solid var(--basic-color-bright); }
#sideBar-wrap .gnb ul li:nth-child(3) { border-left: 0; }
#sideBar-wrap .gnb ul li a { font-size: 1.3rem; color: #ffffff; display: block; background-color: var(--basic-color); line-height: 6rem; text-align: center; font-weight: 400; }

#sideBar-nav > ul > li { border-bottom: 1px solid #e1e1e1; }

#sideBar-nav a { display: block; position: relative; color: #666; padding: 2rem 4rem 2rem 1.5rem; font-size: 1.6rem; }
#sideBar-nav a:after { content: '\00BB'; font-weight: normal; font-size: 2.2rem; text-align: center; color: #aaa; position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%); }
#sideBar-nav li.multiNav > a:after { content: '\002B'; }
#sideBar-nav li.multiNav > a.active:after { content: "\2212"; }

#sideBar-nav .multiNav-inner { width: 100%; max-height:0; background-color:white; overflow:hidden; transition: max-height 0.2s ease-out; }
#sideBar-nav .multiNav-inner  { background-color: #f2f4f7; padding: 0; }
#sideBar-nav .multiNav-inner ul li { border-top: 1px solid #e1e1e1; }
#sideBar-nav .multiNav-inner ul li a { color: #555; padding: 1.5rem 4rem 1.5rem 4rem; display: block; width: 100%; padding-left: 2rem; font-size: 1.5rem; }

/** sideBar-end **/



/** seachAll **/

.searchTitle-wrap { padding-top: 6rem; margin-bottom: 3rem; }
.searchTitle h2 { margin-bottom: 1rem; display: block; font-size: 2.6rem; }
.searchTitle:after { content: ''; display: block; width: 100%; height: 5px; background-image: url("/style_www/img/common/pattern/diagonal.gif"); background-color: #bcbec3; }

.searchAll-none { text-align: center; padding: 5rem 0; }
.searchAll-none i { font-size: 8rem; color: #dedede; display: block; margin: auto; padding: 3rem 2rem; }
.searchAll-none .failInfo li { padding: 0.5rem 0; }
.searchAll-none .failInfo li > .inner { position: relative; display: inline-block; }
.searchAll-none .failInfo li > .inner { padding-left: 1.5rem; }
.searchAll-none .failInfo li > .inner:before {  content: ''; display: block; width: 0.4rem; height: 0.4rem; position: absolute; left: 0; top: 0.8rem; background-color: #ccc; border-radius: 50%; }
	
.searchAll-count { padding: 1.5rem 0.5em 1.5rem 0; border-bottom: 1px solid #555; font-size: 1.8rem; margin-bottom: 3rem; }
.searchAll-count i { color: #ccc; }
.searchAll-count em { font-weight: 500; color: #da6929; }
.searchAll-count b { font-weight: 500; }


.searchAll { border: 1px solid #e8ebee; border-radius: 6px; box-shadow: 0 1px 1px 0 rgba(0,0,0,.03); margin-bottom: 3rem; }
.searchAll .subContent-title { margin-bottom: 0; padding: 1.5rem 2rem 1rem; border-bottom: 1px solid #dedede; }

.searchAll-result { position: relative; }
.searchAll-result li + li { border-top: 1px solid #f1f4f6; }
.searchAll-result button { text-align: left; }
.searchAll-result button:hover { text-decoration: underline; }
.searchAll-result button dl { padding: 2rem; }
.searchAll-result button dt { font-size: 1.8rem; font-weight: 500; }
.searchAll-result button dt em { color: #da6929; font-weight: 500; }
.searchAll-result button dd { padding-top: 1rem; color: #888; font-size: 1.5rem; }
.searchAll-result button dd.searchDate { color: #888; font-size: 1.3rem; }

.searchAll-webzine { position: relative; }
.searchAll-webzine .boardContainer-webzine { border-top: 0; }
.searchAll-webzine .boardContainer-webzine li { border-color: #f1f4f6; }
.searchAll-webzine .boardContainer-webzine li:last-child { border: 0; }
.searchAll-webzine .boardContainer-webzine > li > a { padding: 2rem; }
.searchAll-webzine .boardContainer-webzine .webzineList-text strong { font-size: 1.8rem; font-weight: 500; color: #303030; }

.searchMore { border-top: 1px solid #eff2f4; background-color: #f7f9fa; text-align: center; }
.searchMore a { font-size: 1.5rem; font-weight: 500; color: #888; padding: 1.5rem 1rem 1.8rem; display: block; }
	
.searchAll-result-photo .searchAll-result-img { float: left; width: 16rem; margin-right: 2rem; } 
.searchAll-result-photo .searchAll-result-img .imgContainer-fit { padding-bottom: 62%; }
.searchAll-result-photo ul li dl { float: left; width: calc(100% - 18rem); padding-top: 0.5rem; }  
	
/** seachAll-end **/



/** sumery-wrap **/

.sumery-wrap { border-bottom: 1px solid #cfd6db; padding-left: 0; padding-right: 0; }
.sumery { padding: 0; }
.sumery > ul { font-size: 0; }
.sumery > ul > li { display: inline-block; vertical-align: middle; }
.sumery > ul > li + li { width: calc(50% - 3rem); }
/* .sumery > ul > li:nth-child(3) { display: none; } */
.sumery > ul > li:first-child a { display: block; width: 6rem; height: 6rem; line-height: 6rem; font-size: 2rem; text-align: center; color: #fff; background-color: var(--basic-color) }

.sumery .scriptSelect-wrap { font-size: 1.5rem; border-left: 1px solid #cfd6db;  }
.sumery .scriptSelect { z-index: 100; }
.sumery .scriptSelect-trigger { border-radius: 0; border: 0; padding: 0 4rem 0 1.5rem; line-height: 6rem; }
.sumery .scriptSelect-trigger:after { border-width: 0.2rem; margin-top: 0; right: 2rem; }
.sumery .scriptSelect.opened .scriptSelect-options { right: 0.3rem; }
.sumery .scriptSelect-option { padding: 0; }
.sumery .scriptSelect-option a { background-color: #fff; padding: 1.5rem; color: #555; } 

@media (min-width: 950px){
	.sumery > ul > li + li { max-width: 30rem; }
	.sumery > ul > li:last-child .scriptSelect-wrap { border-right: 1px solid #cfd6db; }
	.sumery > ul > li:nth-child(2){ display: inline-block; }
}

@media (min-width: 1150px){
	.sumery > ul > li:first-child a { border-left: 1px solid #cfd6db; }
}

.location-wrap { text-align: left; }
.loaction ul { font-size: 0; margin: 0; padding-top: 0.8rem; padding-bottom: 0.8rem; }
.loaction ul li { display: inline-block; vertical-align: middle; font-size: 0; }
.loaction ul li > i { color: var(--gray-color); padding: 0 0.3rem; vertical-align: middle; line-height: 2rem; height: 2rem; font-size: 1.2rem; }
.loaction ul li a { font-size: 1.4rem; font-weight: 400; display: block; height: 2rem; line-height: 2rem; color: #535759; }
.loaction ul li a > i { font-size: 0; }
.loaction ul li a > i:before { font-size: 1.5rem; color: var(--gray-color); }
.loaction ul li a:hover { text-decoration: underline; }
.loaction ul li:last-child a { color: var(--basic-color); }


/** sumery-wrap end **/



/** subPage-leftNav **/

.subPage-leftNav .subNav-wrap { display: none; width: 24.5rem; position: absolute; left: 0; top: 6rem; }
.subPage-leftNav .subNav-wrap #subTitle { position: relative; padding-bottom: 3.6rem; }
.subPage-leftNav .subNav-wrap #subTitle strong { display: block; padding-left: 1.3rem; font-size: 2.6rem; height: 3rem; line-height: 3rem; color: #333; }
.subPage-leftNav .subNav-wrap #subTitle:before { content: ''; display: block; position: absolute; left: 1.3rem; bottom: 2.3rem; width: 5rem; height: 0.4rem; background-color: var(--special-color); border-radius: 0.3rem; }
.subPage-leftNav .subNav { background-color: #fff; overflow: hidden; }
.subPage-leftNav .subNav * { font-family: var(--special-font); color: #555; }
.subPage-leftNav #subNav-list { border: 1px solid #dee1e7; border-radius: 0.5rem; overflow: hidden; }
.subPage-leftNav #subNav-list li { position: relative; } 
.subPage-leftNav #subNav-list li + li { border-top: 1px solid #dee1e7; }
.subPage-leftNav #subNav-list li a { display: block; padding: 1.7rem 1.3rem 1.6rem;; font-size: 1.6rem; word-spacing: -0.2rem; }
.subPage-leftNav #subNav-list li a:hover { color: var(--basic-color); }
.subPage-leftNav #subNav-list li.current a { background-color: var(--basic-color); color: #fff !important; font-weight: 500; }

@media (min-width: 1360px){
	.subPage-wrap.subPage-leftNav { max-width: var(--max-width); margin-left: auto; margin-right: auto; position: relative; padding-left: 30rem; }
	.subPage-leftNav .subNav-wrap { display: block; } 
}

/** subPage-leftNav end **/


/** subPage-topNav **/

.subPage-topNav .subNav-wrap { display: none; border-bottom: 1px solid #cfd6db; }
.subPage-topNav .subNav-wrap #subTitle { display: none; }
.subPage-topNav .subNav { background-color: #fff; overflow: hidden; }
.subPage-topNav .subNav * { font-family: var(--special-font); color: #555; }
.subPage-topNav #subNav-list { display: flex; justify-content: center; }
.subPage-topNav #subNav-list li { position: relative; padding: 0 1rem; } 
.subPage-topNav #subNav-list li a { display: block; padding: 2.5rem 1.3rem 2.5rem;; font-size: 1.7rem; word-spacing: -0.1rem; position: relative; }
.subPage-topNav #subNav-list li a:hover { color: var(--basic-color); }
.subPage-topNav #subNav-list li.current a { color: var(--basic-color); font-weight: 900; }
.subPage-topNav #subNav-list li.current a:before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.3rem; background-color: var(--basic-color); }

@media (min-width: 1360px){
	.subPage-topNav .subNav-wrap { display: block; }
}

/** subPage-topNav end **/



/** searchContainer-wrap **/

.searchContainer-wrap { text-align: center; font-size: 0; padding-bottom: 4rem; }
.searchContainer .customSelect, .searchContainer .searchContainer-insert  { display: inline-block; vertical-align: middle; }
.searchContainer .customSelect { margin-right: 1rem; width: 17rem; text-align: left; background-color: #fff; }
.searchContainer .customSelect select,
.searchContainer .customSelect label,
.searchContainer .searchContainer-insert input,
.searchContainer .searchContainer-insert button, .searchContainer .searchContainer-insert a { font-size: 1.6rem; }
.searchContainer .customSelect label, .searchContainer .customSelect select { padding: 0 1rem; }

.searchContainer .customSelect label, .searchContainer .customSelect select, 
.searchContainer .searchContainer-insert button, .searchContainer .searchContainer-insert a { height: 4.4rem; line-height: 4.4rem; }

.searchContainer .customSelect label { padding-right: 2.5rem; overflow: hidden; width: 100%; text-overflow: ellipsis;  white-space: nowrap; }

.searchContainer > .inner { background-color: #f3f4f5; padding: 2rem; }
.searchContainer .searchContainer-insert { position: relative; width: 50rem; max-width: 100%; border: 1px solid #dcdcdc; font-size: 0; background-color: #fff; border-radius: 4px 0 0 4px; }
.searchContainer .searchContainer-insert input,
.searchContainer .searchContainer-insert button, .searchContainer .searchContainer-insert a { display: inline-block; vertical-align: middle; }
.searchContainer .searchContainer-insert input { border: 0; width: calc(100% - 9rem); padding: 0 1rem; } 
.searchContainer .searchContainer-insert button, .searchContainer .searchContainer-insert a { position: relative; width: 9rem; background-color: var(--basic-color); color: #fff; font-weight: 400; }
.searchContainer .searchContainer-insert button:before, .searchContainer .searchContainer-insert a:before { content: ''; display: block; height: calc(100% + 2px); width: calc(100% + 2px); position: absolute; top: -1px; left: -1px; border: 1px solid var(--basic-color-deep); border-radius: 0 4px 4px 0 }

.searchFilter-wrap { margin-bottom: 1rem; }
.searchFilter-wrap:after { content: ''; display: block; clear: both; }
.searchFilter { float: right;  }
.searchFilter i,
.searchFilter .customSelect  { display: inline-block; vertical-align: middle; }
.searchFilter i { color: #cecece; }
.searchFilter .customSelect { width: 10rem; border: 0; }


/** searchContainer-wrap end **/




/*** print ***/

@media print {
	header, footer, .no-print, .subHero-wrap, .sumery-wrap, .pageTitle-btn { display:none }	
    body{ width: 210mm; height: 297mm; margin: auto auto; }
  	 * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  	.page-break { page-break-before: always; }
  	
  	article { padding-left: 0 !important; padding-right: 0 !important; }
  	article.pageTitle-wrap { padding-top: 0 !important; }
  	
  	article section { break-inside: avoid; }
}

/*** print ***/




/*** floatingNav ***/

.floatingNav-wrap { width: 10rem; padding: 2rem 1rem 2rem 1rem; position: absolute; top: 4rem; left: 50%; margin-left: 57.5rem; z-index: 0; overflow: hidden; }
.fix{ position:fixed; top:var(--header-height) !important; z-index:1; }

@media (max-width: 1280px){ .floatingNav-wrap { display: none; } }



#go-top {
	font-size: 0; display: none; position: fixed; right: 1.4rem; bottom: 2rem;
	outline: 0; border: 0; background: transparent; cursor: pointer; z-index: 1001;
	color: #444; background-color: #fff; box-shadow: 0 2px 6px 0 rgba(0,0,0,.16);
	border-radius: 50%; width: 5rem; height: 5rem;
}
#go-top svg { display: block; margin: auto; }