#u_skip {position: relative; z-index: 3000; }
#u_skip a { position: absolute; top: -5rem; left: 0; width: 100%; 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.5rem; line-height: var(--header-height-gnb); color: #fff; letter-spacing: -1px; white-space: nowrap}

#wrap{ position: relative; min-height: 100%; 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); }
.contentContainer-top { padding-top: var(--header-height-padding); }

.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; overflow-y: hidden; position: relative; } 
.xScroll-on { background-color: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; padding: 4.5% 0 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: 499.9px){ .minNone { display: none !important; } .minHide { visibility: hidden !important; overflow: hidden !important; height: 0 !important; opacity: 0 !important; } }
@media screen and (min-width: 500px){ .maxNone { display: none !important; } .maxHide { visibility: hidden !important; overflow: hidden !important; height: 0 !important; opacity: 0 !important; } }

@media screen and (max-width: 719.9px){ .minNone-720 { display: none !important; } .minHide-720 { visibility: hidden !important; overflow: hidden !important; height: 0 !important; opacity: 0 !important; } }
@media screen and (min-width: 720px){ .maxNone-720 { display: none !important; } .maxHide-720 { visibility: hidden !important; overflow: hidden !important; height: 0 !important; opacity: 0 !important; } }

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

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

@media screen and (max-width: 1279.9px){ .minNone-1280 { display: none !important; } .minHide-1280 { visibility: hidden !important; overflow: hidden !important; height: 0 !important; opacity: 0 !important; } }
@media screen and (min-width: 1280px){ .maxNone-1280 { display: none !important; } .maxHide-1280 { visibility: hidden !important; overflow: hidden !important; height: 0 !important; opacity: 0 !important; } }



/** 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; }
.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;  }
.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; background-color: rgba(255,255,255,1); }
.header-wrap .headerInner:before { content: ''; display: block; position: fixed; top: var(--header-height); left: 0; z-index: 5; 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; max-width: calc(100% - 4rem); transition: width .3s cubic-bezier(.215,.61,.355,1), height .3s cubic-bezier(.215,.61,.355,1); display: flex; align-items: center; }
.header-wrap .headerInner .logo > * { display: block; width: 100%; }
.header-wrap .headerInner .logo img { display: block; max-width: 100%; max-height: 3.4rem; object-fit: contain; }

.header-wrap .headerInner .headerNav-wrap { padding-left: 2rem; padding-right: 2rem; }
.header-wrap .headerInner .headerNav-wrap > * { display: flex; align-items: center; justify-content: space-between; }

.headerNav { display: flex; align-items: center; }
.headerNav .burgerBtn-wrap { margin-left: auto; }
.headerNav .burgerBtn-wrap > * { display: block; padding: 0.5rem 0; }
.headerNav .burgerBtn-wrap > *:hover .burgerBtn span, 
.headerNav .burgerBtn-wrap > *:focus .burgerBtn span { background-color: var(--special-color); }

#headerNav { flex: 1; }
#headerNav { 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: 980px){
	.header-wrap .headerInner .logo,
	#headerNav > ul > li > a { height: var(--header-height-inner); line-height: var(--header-height-inner); }
	#headerNav { display: block; }
	#headerNav > ul { display: flex; justify-content: end; }
	.header-wrap .headerInner .logo img { height: inherit; }
}
*/
/**** 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: var(--basic-color); }
#gnbBar ul.gnbLeft li a i { position: relative; top: 1px; }
#gnbBar ul.gnbLeft li + li { background-color: var(--basic-color); 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,
#gnbBar ul.gnbRight li a:focus, #gnbBar ul.gnbRight li a:focus i { color: #fff; }

@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, header.fullShow nav a:focus { color: var(--basic-color); }
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: var(--basic-color); } 

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, header.fullShow nav .multiNav > .multiNav-inner ul a:focus { color: var(--basic-color); 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, header.singleShow nav a:focus { color: var(--basic-color); }


header.singleShow nav .multiNav { position: relative; overflow: visible;  }
header.singleShow nav .multiNav .multiNav-inner { 
	position: absolute; top: 100%; left: 50%; transform: translateX(-50%); padding-top: 0; padding-bottom: 0; padding-top: 1rem; opacity: 0; visibility: hidden;
	transition: opacity .15s, padding-top .15s; 
}
header.singleShow nav .multiNav.overNav .multiNav-inner,
header.singleShow nav .multiNav:focus-within .multiNav-inner,
header.singleShow nav .multiNav > a:focus + .multiNav-inner {
	padding-top: 0.5rem; opacity: 1; z-index: 10; visibility: visible; transition: opacity .3s cubic-bezier(.215,.61,.355,1), padding-top .3s cubic-bezier(.215,.61,.355,1); 
}
header.singleShow nav .multiNav > .multiNav-inner ul { padding: 1rem 0; border: 1px solid #cfd6db; box-shadow: 0 4px 16px 0 rgba(22, 22, 49, .24); background-color: #fff; border-radius: 0.5rem; }
header.singleShow nav .multiNav > .multiNav-inner ul a { color: #333; padding: 0.6rem 2rem; line-height: 150%; }
header.singleShow nav .multiNav > .multiNav-inner ul a:hover, header.singleShow nav .multiNav > .multiNav-inner ul a:focus { color: var(--basic-color); text-decoration: underline; }
header.singleShow nav .multiNav > .multiNav-inner ul a:after { display: none; }

header.singleShow nav .multiNav > .multiNav-inner ul a span { display: block; }
header.singleShow nav .multiNav.multiNav-show > .multiNav-inner { visibility: visible; height: 5.4rem; }

@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 nav a:hover, .scrollOn header .headerInner nav a:focus { color: var(--basic-color); }
.scrollOn header .headerInner .burgerBtn span { background-color: var(--basic-color-deep); }

/**** 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, .siteMap-wrap .mfp-close:focus { 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; visibility: hidden; }
#sideBar-wrap.openNav { visibility: visible; }
#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, #sideBar-wrap .sideSearch button:focus { 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.6rem; color: #ffffff; display: block; background-color: var(--basic-color); line-height: 6rem; text-align: center; font-weight: 400; }
#sideBar-wrap .gnb ul li a:hover, #sideBar-wrap .gnb ul li a:focus { background-color: var(--basic-color-deep); }

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

#sideBar-nav a, #sideBar-nav button { display: block; position: relative; color: #666; padding: 2rem 4rem 2rem 1.5rem; font-size: 1.6rem; width: 100%; text-align: left; }
#sideBar-nav button:hover, #sideBar-nav button:focus { background-color: var(--gray-color-white); }
#sideBar-nav a:after, #sideBar-nav button:after { content: '\e93f'; font-family: xeicon !important; 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 > button:after { content: '\002B'; }
#sideBar-nav li.multiNav > button.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; background-color: #f2f4f7; padding: 0; visibility: hidden; }
#sideBar-nav .multiNav-inner.active  { visibility: visible; }
#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 .contentTitle { 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, .searchAll-result button:focus { 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; display: flex; }
.sumery > ul > li { display: inline-block; vertical-align: middle; }
.sumery > ul > li + li { flex: 1; }
/* .sumery > ul > li:nth-child(3) { display: none; } */
.sumery > ul > li:first-child a { display: block; width: 5.5rem; height: 5.5rem; line-height: 5.5rem; 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: 5.5rem; font-size: 1.6rem; color: #333; }
.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 var(--basic-color-deep); } */
}

@media (min-width: 1360px){
	.subPage-leftNav .sumery-wrap,
	.subPage-topNav .sumery-wrap { visibility: hidden; height: 0; overflow: hidden;}
}

.location-wrap { text-align: left; }
.location ul { font-size: 0; margin: 0; padding-top: 0.8rem; padding-bottom: 0.8rem; display: flex; flex-wrap: wrap; align-items: center; }
.location ul li > i { color: var(--gray-color); padding: 0 0.3rem; vertical-align: middle; line-height: 2rem; height: 2rem; font-size: 1.2rem; }
.location ul li a { font-size: 1.4rem; font-weight: 400; display: block; color: #535759; }
.location ul li a > i { font-size: 0; max-width: 1.6rem; display: block; }
.location ul li a > i img { display: block; width: 100%; }
.location ul li a > i:before { font-size: 1.5rem; color: var(--gray-color); }
.location ul li a:hover, .location ul li a:focus { text-decoration: underline; }
.location 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; padding-left: 0; padding-right: 0; }
.subPage-leftNav .subNav-wrap #subTitle { position: relative; padding-bottom: 3.6rem; }
.subPage-leftNav .subNav-wrap #subTitle strong { display: block; font-size: 2.6rem; height: 3rem; line-height: 3rem; color: #333; }
.subPage-leftNav .subNav-wrap #subTitle:before { content: ''; display: block; position: absolute; left: 0; 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, .subPage-leftNav #subNav-list li a:focus { 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 article { padding-left: 0; padding-right: 0; }
}

/** 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-left: 1.3rem; padding-right: 1.3rem; line-height: 6.5rem; font-size: 1.7rem; word-spacing: -0.1rem; position: relative; }
.subPage-topNav #subNav-list li a:hover, .subPage-topNav #subNav-list li a:focus { 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: 1.5rem; }
.searchContainer .customSelect, .searchContainer .searchContainer-insert  { display: inline-block; vertical-align: middle; }
.searchContainer .customSelect { margin-right: 1rem; width: 17rem; text-align: left; background-color: #fff; border-radius: 4px; }
.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: var(--gray-color-white); padding: 2rem; border-radius: var(--small-radius); }
.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; background-color: #fff; } 
.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 }
.searchContainer .searchContainer-insert button:hover, .searchContainer .searchContainer-insert a:hover,
.searchContainer .searchContainer-insert button:focus, .searchContainer .searchContainer-insert a:focus { background-color: var(--basic-color-deep); }

.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; }