#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; }
#wrap footer { position: absolute; bottom: 0; left: 0; right: 0; background-color: #272727; }

.maxWidth { max-width: 1150px; margin: auto; padding-left: 1.5rem; padding-right: 1.5rem; position: relative; }
.mainTop-wrap, .subTop-wrap { padding: var(--header-height) 0 0; margin-top: var(--header-height-minus); }
.comingSoon{ width: 60rem; max-width: 80%; display: block; margin: 2rem auto 3rem; }

.x-scroll { overflow-x: auto; position: relative; } 
.x-scrollOn { background-color: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 6vw 0;; }
.x-scrollOn i { display: block; margin: auto; width: 8rem; height: 8rem; background-color: #000; border-radius: 50%; padding: 1.6rem; }
.x-scrollOff { display: none; }
.x-scroll-content { min-width: 720px; }


@media screen and (max-width: 799px){ .minNone { display: none; } .minHide { visibility: hidden; overflow: hidden; height: 0; } }
@media screen and (min-width: 800px){ .maxNone { display: none; } .maxHide { visibility: hidden; overflow: hidden; height: 0; } }


/**** 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); }

.header-wrap { transition: all .3s cubic-bezier(.215,.61,.355,1); padding: 0 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:after { content: ''; display: block; clear: both; }

.header-wrap .headerInner > * { display: flex; }
.header-wrap .headerInner .logo { position: relative; z-index: 101; cursor: pointer; display: inline-block; float: left;  width: 20rem; max-width: 40%; text-indent: -9999px; 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 .navContainer { margin-left: auto; }

.header-wrap .headerInner nav:before { content: ''; display: block; position: fixed; top: var(--header-height); left: 0; height: 1px; width: 100%; background-color: rgba(192,192,192,0.4); }
.header-wrap .headerInner nav > ul { display: none; }
.header-wrap .headerInner nav > ul > li > a { font-size: 1.6rem; padding: 0 1.5rem; }
.header-wrap .headerInner nav > ul > li > a > span { font-weight: 500; }
.header-wrap .headerInner nav .multiNav > .multiNav-inner ul a span { font-size: 1.5rem; line-height: 1.4; }

.headerRight-btn { display: block; position: relative; z-index: 102; }
.burgerBtn-wrap { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.headerRight-btn .minShow { display: block; }

@media (min-width: 950px){
	.header-wrap .headerInner .logo,
	.header-wrap nav > ul > li > a { height: var(--header-height-inner); line-height: var(--header-height-inner); }
	.header-wrap .headerInner nav > ul { display: block; }
	.headerRight-btn .minShow { display: none; }
}

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



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

#gnbBar { display: none; height: var(--header-height-gnb); transition: all .3s ease-in-out; overflow: hidden; background-color: #000; }
#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: 950px){ #gnbBar { display: block; } }

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



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

header.fullShow .headerInner {  overflow: hidden; }
header.fullShow nav .navContainer { display: none; }
header.fullShow nav { display: inline-block; vertical-align: top; /* margin-left: 130px; */ }
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: 1rem 2rem; 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 .navContainer { display: none; }
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.multiNav-center nav .multiNav { position: relative; overflow: visible;  }
header.singleShow.multiNav-center 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 .4s cubic-bezier(.215,.61,.355,1), padding-bottom .1s cubic-bezier(.215,.61,.355,1) .2s; 
}
header.singleShow.multiNav-center nav .multiNav > .multiNav-inner ul a { padding: 0.6rem 2rem; }
header.singleShow.multiNav-center nav .multiNav > .multiNav-inner ul a span { display: block; }
header.singleShow.multiNav-center nav .multiNav.active .multiNav-inner { padding: 0.5rem 0.2rem; margin-top: 0; max-height: 300px; transition: padding-bottom .1s cubic-bezier(.215,.61,.355,1);  }

@media (min-width: 950px){
	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 ****/




/**** burgerBtn ****/

.burgerBtn { display: block; width: 2rem; }
.burgerBtn span { display: block; height: 1px; width: 100%; background-color: #555; font-size: 0; }
.burgerBtn span + span { margin-top: 0.5rem; }

/**** burgerBtn end ****/


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

header.headerScroll .headerInner { background-color: rgba(255,255,255,1); box-shadow: 0 3px 10px 0 rgb(0 0 0 / 15%); }
header.headerScroll .headerInner nav a { color: #333; }
header.headerScroll .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 .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 **/

.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; border-bottom: 1px solid #555; font-size: 1.7rem; }
.searchAll-count i { color: #ccc; }
.searchAll-count em { font-weight: 500; color: #da6929; }
.searchAll-count b { font-weight: 500; }

.searchAll-wrap h4 { padding-top: 4rem; font-size: 1.6rem; font-weight: 300; margin-bottom: 2.5rem; }
.searchAll-wrap h4 em {  font-size: 2.2rem; padding-right: 0.5rem; font-weight: 600; }
.searchAll-wrap h4.searchAll-division { margin-top: 3rem; border-top: 1px solid #dedede; }

.searchAll-result li + li { margin-top: 2.5rem; }
.searchAll-result button { text-align: left; }
.searchAll-result button:hover { text-decoration: underline; }
.searchAll-result button dt { font-size: 1.7rem; font-weight: 500; }
.searchAll-result button dt em { color: #da6929; font-weight: 500; }
.searchAll-result button dd { padding-top: 1rem; color: #555; font-size: 1.5rem; }
.searchAll-result button dd.searchDate { color: #888; font-size: 1.3rem; }

.searchMore { margin-top: 3rem; text-align: right; }
.searchMore a { font-size: 1.5rem; font-weight: 500; color: #888; }
	
.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 **/




/* ------ customSelect ------ */

.customSelect { font-size: 1.3rem; position: relative; width: 200px; border: 1px solid #dcdcdc; z-index: 1; border-radius: 0.2rem; }
.customSelect:before { content: ""; position: absolute; top: 50%; right: 15px; width: 0; height: 0; margin-top: -2px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #979fa6; }
.customSelect label { display: block; padding: 1rem; color: #555; z-index: -1; font-weight: 400; margin: 0; }
.customSelect select { width: 100%; position: absolute; top: 0px; right: 0px; bottom: 0; left: 0px;  font-family: inherit; padding: 1rem; border: 0; opacity: 0; filter:alpha(opacity=0); appearance: none; }



.scriptSelect-wrap { position: relative; }
.scriptSelect-wrap select { width: 0; height: 0; visibility: hidden; position: absolute; z-index: -1; } 

.scriptSelect { position: relative; display: block; width: 100%; }

.scriptSelect-trigger, 
.scriptSelect-option { display: block; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; }

.scriptSelect-trigger { position: relative; padding: 10px 40px 10px 10px; border-radius: 2px; cursor: pointer; border: 1px solid #dedede; transition: all 0.3s; }
.scriptSelect-trigger:hover { background-color: #efefef; transition: all 0.3s; }
.scriptSelect-trigger:after { 
	content: ''; position: absolute; display: block; width: 8px; height: 8px; top: 50%; right: 15px; border-bottom: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd;
	margin-top: -3px; transform: rotate(45deg) translateY(-50%); transition: all 0.4s ease-in-out; transform-origin: 50% 0;
}

.scriptSelect-options { 
	position: absolute; display: block; top: 100%; left: 0; right: 0; margin: 15px 0; border: 1px solid #dedede;
	border-radius: 2px; box-shadow: 0 2px 1px rgba(0,0,0,.07); background-color: #fff; pointer-events: none; 
	transition: all 0.4s ease-in-out; transform: translateY(-15px); opacity: 0; visibility: hidden;
}
.scriptSelect-options:before {
	content: ''; position: absolute; display: block; bottom: 100%; right: 15px; width: 9px; height: 9px; margin-bottom: -4px;
	border-top: 1px solid #dedede; border-left: 1px solid #dedede; background: #fff; transform: rotate(45deg); transition: all 0.4s ease-in-out;
}

.scriptSelect-option { position: relative; display: block; padding: 10px; border-bottom: 1px solid #dedede; cursor: pointer; transition: all 0.15s ease-in-out; }
.scriptSelect-option:last-of-type { border-bottom: 0; }
.scriptSelect-option:hover,
.scriptSelect-option.active { background-color: #efefef; }

.scriptSelect.opened .scriptSelect-trigger:after { margin-top: 3px; transform: rotate(-135deg) translateY(-50%); }
.scriptSelect.opened .scriptSelect-options { opacity: 1; visibility: visible; pointer-events: all; transform: translateY(0); }





/** summery-wrap **/

.summery-wrap { border-bottom: 1px solid #cfd6db; }
.summery { padding: 0; }
.summery > ul { font-size: 0; }
.summery > ul > li { display: inline-block; vertical-align: middle; }
.summery > ul > li + li { width: calc(100% - 6rem); }
.summery > ul > li:first-child a { display: block; width: 6rem; height: 6rem; line-height: 6rem; font-size: 2rem; text-align: center; color: #01306c; }

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

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

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


.summery-flow {text-align: left; }
.summery-flow ul { font-size: 0; margin: 0; padding-top: 0.8rem; padding-bottom: 0.8rem; }
.summery-flow ul li { display: inline-block; vertical-align: middle; font-size: 0; }
.summery-flow ul li i { color: #535759; padding: 0 0.3rem; vertical-align: middle; line-height: 2rem; height: 2rem; font-size: 1.2rem; }
.summery-flow ul li a { font-size: 1.2rem; font-weight: 400; display: block; height: 2rem; line-height: 2rem; color: #535759; }
.summery-flow ul li a:hover { text-decoration: underline; }
.summery-flow ul li:last-child a { color: #357abf; }


/** summery-wrap end **/





/*** 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; }