:root {
	--special-font: 'g-sans', 'Roboto', 'Noto Sans KR', 'Apple SD Gothic Neo', helvetica, 'Malgun Gothic', '맑은 고딕',helvetica, sans-serif;
	--header-height: 70px;
	--header-height-inner: 70px;
	--header-height-padding: 0px;
	--header-height-minus: 0px;
	--header-height-gnb: 35px;
	--basic-color: #3d8077;
	--basic-color-deep: #21504a;
	--basic-color-bright: #dbefee;
	--special-color: #326d65;
	--special-color-deep: #054344;
	--special-color-bright: #3f8379;
	--red-color: #ff4d5e;
	--red-color-deep: #e72033;
	--red-color-bright: #fef2f2;
	--gray-color: #d6d7da;
	--gray-color-deep: #9f9f9f;
	--gray-color-bright: #eeeef0;
	--yellow-color: #f5cf4b;
	--yellow-color-deep: #e8b70d;
	--yellow-color-bright: #f3e3ad;	
}

@media (min-width: 950px){
	:root {
		--header-height: calc(95px + 35px);
		--header-height-inner: 95px;
		--header-height-padding: 0px;
		--header-height-minus: 0px;
	}
}

html { color: #333; }
body { background-color: #fff; min-width: 1150px; }
* { font-family: 'Roboto', 'Noto Sans KR', 'Apple SD Gothic Neo', helvetica, 'Malgun Gothic', '맑은 고딕',helvetica, sans-serif; }
.maxWidth { max-width: 1150px; padding-left: 2rem; padding-right: 2rem; transition: padding .5s cubic-bezier(.215,.61,.355,1); }
.minWidth { min-width: 1150px; margin-left: auto; margin-right: auto; }

.maxWidth-min { max-width: 640px; margin: auto; position: relative; padding-left: 3rem; padding-right: 3rem; }
.maxWidth-full { max-width: 100%; }
.divisionLine { border: 1px solid #e9e9eb; border-width: 1px 0 1px 0; margin: 3rem 0; height: 1px; width: 100%; background-color: #f9fafc; }
@media (min-width: 950px){ .divisionLine { margin: 5rem 0; } }
.divisionLine-dot { border-top: 1px dashed #ccc; }
.float-wrap:after { content: ''; display: block; clear: both; }
.orangeText { color: #f57319; } .blueText { color: #4179c6; } .grayBg { background-color: #f1f4f6; }
.warningText { font-size: 0.9em; }


@media (min-width: 1300px){ .maxWidth { padding-left: 0; padding-right: 0; } }

@media print {
	header, footer, .no-print, .subHero-wrap, .summery-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; }
}


/* .layerPopup-wrap { display: none; } */
.layerPopup-wrap:after { content: '';  position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1900; background-color: rgba(0,0,0,0.5); }
.layerPopup { position: fixed; top: 0; left: 0; z-index: 2000;  background-color: #fff; max-width: 100%; }
.layerPopup-content { max-height: calc(100vh - 5rem); overflow-y: auto; max-width: 100%; }
.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; } 

.centerPopup-x { left: 50% !important; transform: translateX(-50%); }
.centerPopup-y { top: 50% !important; transform: translateY(-50%); }
.centerPopup-x.centerPopup-y { transform: translate(-50%, -50%); }


#gnbBar { background-color: #0d302b; }
.header-wrap .headerInner { background-color: rgba(255,255,255,1); }
.header-wrap .headerInner .logo { width: 28rem; max-width: 55%; }
.header-wrap .headerInner .logo img { max-height: 5.4rem; }
.header-wrap .headerInner .navContainer { margin-right: 5rem; }
.header-wrap .headerInner nav > ul > li > a { font-size: 1.6rem; padding: 0 1.2rem; color: #555; }
.header-wrap .headerInner nav > ul > li:last-child a { padding-right: 1rem; }
.header-wrap.headerScroll .headerInner nav > ul > li > a { color: #555; }
.header-wrap .headerInner nav > ul > li > a:hover { color: var(--basic-color) !important; }
.header-wrap .headerInner nav > ul > li > a:hover::before { content: ''; display: block; position: absolute; left: 1rem; bottom: 0; height: 0.5rem; width: calc(100% - 2rem); background-color: var(--gray-color); }

.header-wrap .headerInner nav > ul > li:last-child a { padding-right: 0; }
/* .header-wrap .headerInner nav:before { display: none; }   */

header.singleShow.multiNav-center nav .multiNav > .multiNav-inner ul a span { white-space: nowrap; min-width: 120px; }

#gnbBar { overflow: visible; }
#gnbBar .maxWidth { max-width: 100%; }
#gnbBar .gnbRight { font-size: 0; }
#gnbBar .gnbBlue { background-color: var(--basic-color); }
#gnbBar .gnbBlue:hover { background-color: var(--basic-color-deep); }
#gnbBar ul li.gnbSelect { position: relative; }
#gnbBar ul li.gnbSelect > a { padding-right: 1.5rem; }
#gnbBar ul li.gnbSelect > a i { margin-left: 0.8rem; transform: rotate(0deg); transition: all 0.3s ease; }
#gnbBar ul li.gnbSelect > ul { display: block !important; position: absolute; left: 0; top: 100%; background-color: var(--basic-color-deep); max-height: 0; transition: max-height .4s cubic-bezier(.215,.61,.355,1); overflow: hidden; z-index: 200; }
#gnbBar ul li.gnbSelect > ul > li a { padding: 0 0.5rem ; }
#gnbBar ul li.gnbSelect.active > ul { max-height: 11rem; }
#gnbBar ul li.gnbSelect.active > a i { transform: rotate(-180deg); }

.sideBar-btn { margin: 2rem 0 1rem; padding: 0 2rem; }
.sideBar-btn a { border-radius: 0.3rem; padding: 1rem; } 
.sideBar-sns { padding: 1rem 1.6rem; }
.sideBar-sns ul:after { content: ''; display: block; clear: both; }
.sideBar-sns li { float: left; }
.sideBar-sns li + li { padding-left: 1.5rem; }
.sideBar-sns li a { display: block; text-align: center; font-size: 0; }
.sideBar-sns li a i:before { color: #aaa; display: block; width: 3.4rem; line-height: 3.2rem; background-color: rgba(0,0,0,0.1); border: 1px solid transparent; border-radius: 50%; font-size: 2rem; }
.sideBar-sns li a:hover i:before { border-color: var(--yellow-color);  }

.mobile-language.minShow { display: inline-block; vertical-align: middle; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.mobile-language a { display: block; line-height: 3.8rem; width: 4rem; border-radius: 0.4rem; border: 1px solid #fff; font-size: 1.4rem; color: #fff; text-align: center; }
header.headerScroll .mobile-language a { border-color: #555; color: #555; }
.mobile-language a:hover { color: var(--yellow-color) !important; }



@media (max-width: 950px){ 
	.headerRight-btn { min-width: 8rem; }
	.header-wrap .headerInner nav > ul > li > a { padding: 0 1.8rem; }
}

.headerRight-btn { font-size: 0; }
.headerRight-btn > * { display: inline-block; vertical-align: middle; }

.burgerBtn-wrap { margin-top: -2px; }
.burgerBtn { padding-left: 1rem; width: 3.5rem; text-align: right; }
.burgerBtn span { background-color: #555; position: relative; height: 2px; display: inline-block; }
.burgerBtn span + span { margin-top: 0.6rem; } 
.burgerBtn span:nth-child(2) { width: 80%; }
.burgerBtn span:nth-child(3) { width: 60%; }
.burgerBtn:hover span { background-color: var(--basic-color); }
.siteMap-btn { display: none; }

.header-wrap .headerInner nav > ul > li > a { position: relative; }
.header-wrap .headerInner nav > ul > li > a.current:before { content: ''; display: block; position: absolute; left: 1rem; bottom: 0; height: 0.5rem; width: calc(100% - 2rem); background-color: var(--yellow-color); }
.header-wrap .headerInner nav > ul > li:last-child a.current:before { width: calc(100% - 1rem); }

@media (min-width: 950px){ 
	.header-wrap .headerInner .logo img { max-height: 6.5rem; }
	.headerRight-btn .minShow { display: none; }
	.header-wrap .headerInner .navContainer { margin-right: 0; }
	/* .siteMap-btn { display: block; } */
	
}
@media (min-width: 1100px){
	.header-wrap .headerInner nav > ul { display: block; }
	.header-wrap .headerInner nav > ul > li > a { font-size: 1.7rem; }

}

@media (min-width: 1150px){ 
	.header-wrap .headerInner nav > ul > li > a { padding: 0 3.2rem; }
	.header-wrap .headerInner nav > ul > li:last-child a { padding-right: 1rem; }
}

@media (min-width: 1300px){ 
	/* .header-wrap .headerInner > .maxWidth { padding: 0 2.5rem; } */
}


#wrap footer { background-color: #eaeef3; border-top: 1px solid #cfd6db; padding-top: 0.7rem; }
#wrap footer .footerNav-wrap { padding: 2rem 0 1.5rem; }
#wrap footer .footerNav-wrap ul:after { content: ''; display: block; clear: both; }
#wrap footer .footerNav-wrap li { float: left; }
#wrap footer .footerNav-wrap li + li { padding-left: 2rem; }
#wrap footer .footerNav-wrap li a { font-size: 1.5rem; color: #999; }
#wrap footer .footerNav-wrap .footerNav li a:hover { color: var(--yellow-color); }

#wrap footer .footerNav-wrap .footerSns { margin-bottom: 2rem; }
#wrap footer .footerNav-wrap .footerSns li + li { padding-left: 1.5rem; }
#wrap footer .footerNav-wrap .footerSns li a { display: block; text-align: center; font-size: 0; }
#wrap footer .footerNav-wrap .footerSns li a i:before { color: #aaa; display: block; width: 3.4rem; line-height: 3.2rem; background-color: rgba(255,255,255,0.1); border: 1px solid transparent; border-radius: 50%; font-size: 2rem; }
#wrap footer .footerNav-wrap .footerSns li a:hover i:before { border-color: var(--yellow-color);  }

#wrap footer .footer-wrap { background-color: #eaeef3; border-top: 1px solid #dde0e5; padding: 4rem 0rem 7rem; }
#wrap footer .footer-wrap .footerText dl { display: block; margin-bottom: 1rem; }
#wrap footer .footer-wrap .footerText dl dt { font-weight: 700; font-size: 2.4rem; color: #5b626b; margin-bottom: 2rem; }
#wrap footer .footer-wrap .footerText dl dd { color: #868383; line-height: 1.5; font-size: 2.4vw; }
#wrap footer .footer-wrap .footerText dl dd span { display: block; line-height: 1.5; }
#wrap footer .footer-wrap .footerText .copyText { font-size: 2.1vw; line-height: 1.5; color: #868383; }

#wrap footer .footer-wrap .footerLink { margin: 1rem 0 2rem; }
#wrap footer .footer-wrap .footerLink .customSelect { border-color: #aaa; display: inline-block; }
#wrap footer .footer-wrap .footerLink .customSelect label { color: #999; }
#wrap footer .footer-wrap .footerLink button { border: 1px solid #aaa; display: inline-block; padding: 1rem 1.5rem; border-radius: 0.3rem; color: #999; }

@media (min-width: 700px){
	#wrap footer .footerNav-wrap { padding: 2rem 0; }
	#wrap footer .footerNav-wrap .footerSns { position: absolute; right: 2rem; top: 50%; transform: translateY(-50%); margin-bottom: 0; }
	
	#wrap footer .footer-wrap .footerText dl dd { font-size: 1.4rem; }
	#wrap footer .footer-wrap .footerText .copyText { font-size: 1.3rem; }
}

@media (min-width: 1100px){	
	#wrap footer .footer-wrap { padding: 6rem 2rem 7rem; }
	#wrap footer .footer-wrap .footer-logo,
	#wrap footer .footer-wrap .footerText { display: inline-block; vertical-align: top; }
	#wrap footer .footer-wrap .footer-logo { width: 16rem; }
	#wrap footer .footer-wrap .footerText { width: calc(100% - 17rem); }
	#wrap footer .footer-wrap .footerText dl { display: block; margin-bottom: 2rem; }
	#wrap footer .footer-wrap .footerText dl dt { font-size: 2.6rem; }
	#wrap footer .footer-wrap .footerLink { position: absolute; right: 0; top: 0; margin: 0; }
	#wrap footer .footerNav-wrap .footerSns { right: 0; }
}



.layer { display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:2000; }
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .pop-layer {display:block;}

.warningPopup .pop-layer { position: absolute; top: 50%; left: 50%; width: 410px; height:auto;  background-color:#fff; border: 5px solid var(--basic-color-deep); z-index: 10; border-radius: 0.8rem;}	
.warningPopup .pop-layer h3 { display: block; background-color: var(--basic-color-deep); padding: 0.8rem; }
.warningPopup .pop-layer h3 img { width: 2.5rem; margin: auto; display: block;}	
.warningPopup .pop-layer .inner p { font-size: 1.4rem; /*  text-align: justify;  */ line-height: 1.5; }
.warningPopup .pop-layer .inner p ~ p { margin-top: 1rem; }	
.warningPopup .pop-layer .initialBtn { border-radius: 0.4rem; margin-top: 2rem; padding: 1rem; }	
.warningPopup .pop-container { padding: 2rem; }


.sectionTitle { margin-bottom: 2rem; }
.sectionTitle h3 { display: block; padding-left: 4rem; position: relative; }
.sectionTitle h3 strong { display: block; font-size: 2rem; font-weight: 600;  }
.sectionTitle h3:before { 
	content: ''; display: block; width: 2.8rem; height: 2.8rem; position: absolute; left: 0; top: -0.3rem;
	background: url("/style_www/img/common/icon/title_dot.png") no-repeat center; background-size: 100%;
}
.sectionTitle ~ .sectionTitle { margin-top: 3rem; }

@media (min-width: 950px){
	.sectionTitle ~ .sectionTitle { margin-top: 4rem; }
}


/** mainTop **/

.main-wrap { margin-top: var(--header-height-minus); }
.mainTop-wrap { position: relative; }
.mainTop-wrap:before, .subTop-wrap:before  {  content:''; display: block; /* background-image: url("/style_www/img/common/header/shadow.png"); */ position: absolute; top: 0; right: 0; left: 0; height: 150px; background-repeat: repeat-x; background-size: auto 100%; z-index: 10; opacity: 0.5; }
.mainTop-wrap, .subTop-wrap { padding: 0; margin: 0; }

.mainSlider-wrap .maxWidth { padding: 0; }
.mainSlider { font-size: 0; }
.mainSlider li { background-color: var(--basic-color-bright); }
.mainSlider-content { position: relative; padding-top: var(--header-height-padding); }
.mainSlider-bg { 
	animation: mainBg_out 2s 3s ease-out normal 1 forwards;
	background-size: auto 25rem; background-position: center bottom; background-repeat: repeat-x;
	position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: scale(1.1); transform-origin: center bottom;
}
/* .mainSlider .slick-active .mainSlider-bg { animation: mainBg 6s 0s ease-out normal 1 forwards; }

@keyframes mainBg { from { transform: scale(1); } to { transform: scale(1.1); } }
@keyframes mainBg_out { from { transform: scale(1.1); } to { transform: scale(1); } }
 */

.mainSlider .mainSlider-text { color: #fff; padding: 0rem; }
.mainSlider .mainSlider-text > .inner { position: relative; z-index: 100; padding: 14rem 0rem 18rem; width: 100%; }
.mainSlider .mainSlider-text > .inner > * { text-align: left; opacity: 0;  }
.mainSlider .mainSlider-text > .inner h1 { display: block; margin: auto; font-size: 3.8rem; text-align: center; max-width: 80%; }
.mainSlider .mainSlider-text > .inner h1 > * { display: block; letter-spacing: 0.05em; font-family: var(--special-font); }
.mainSlider .mainSlider-text > .inner h1 strong { font-size: 1em; line-height: 1.4; color: #000; }
.mainSlider .mainSlider-text > .inner h1 strong font { font-family: var(--special-font); color: var(--basic-color); }
.mainSlider .mainSlider-text > .inner h1 span { font-size: 0.5em; font-weight: 400; line-height: 1.4; color: #555; }
.mainSlider .mainSlider-text > .inner h1 .divisionLine { margin: 1.5rem auto; border: 0; display: block; height: 1px; width: 70%; background-color: #bccfcc; }

.mainSlider-btn { font-size: 0; text-align: center; width: 380px; margin: 5rem auto 0; }
.mainSlider-btn .initialBtn { 
	color: #fff; border-radius: 0.5rem; padding: 1.5rem 2rem; display: inline-block; vertical-align: middle; width: calc(50% - 5px);
	box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 10%), 0px 3px 1px -2px rgb(0 0 0 / 8%), 0px 1px 5px 0px rgb(0 0 0 / 16%); 
}
.mainSlider-btn .initialBtn ~ .initialBtn { margin-left: 10px; }
.mainSlider-btn .initialBtn span { font-family: var(--special-font); font-size: 1.6rem; text-shadow: 0px 2px 2px 0px rgb(0 0 0 / 20%);  }
.mainSlider-btn1 { background-color: var(--basic-color); border-color: var(--basic-color); }
.mainSlider-btn1:hover { background-color: var(--basic-color-deep); border-color: var(--basic-color-deep); }
.mainSlider-btn2 { background-color: #ebc04c; border-color: #ebc04c;  }
.mainSlider-btn2:hover { background-color: #e1a23e; border-color: #e1a23e; }

.mainSlider .slick-active .mainSlider-text > .inner > * { animation: mainText 1.5s 0s ease-out normal 1 forwards; opacity: 1; }
@keyframes mainText { from { transform: translate(0px, 15px); opacity: 0; } to { transform: translate(0px, 0px); opacity: 1; } }

.mainSlider-wrap .sliderControl-wrap { position: absolute; bottom: 3rem; left: 50%; width: 100%; transform: translateX(-50%); text-align: center; }
.mainSlider-wrap .sliderControl-wrap > .inner { padding: 0 3rem; width: 50rem; max-width: 60%; margin: auto; }
.mainSlider-wrap .sliderControl-wrap > .inner > * { padding: 0; margin-right: 0.8rem; }
.mainSlider-wrap .sliderControl-wrap > .inner > *:last-child { margin-right: 0; }
.mainSlider-wrap .sliderControl-wrap button { font-size: 0; } 
.mainSlider-wrap .sliderControl-wrap .prev i:before, .mainSlider-wrap .sliderControl-wrap .next i:before { color: #fff; font-size: 1.8rem; }

.mainSlider-wrap .sliderControl-wrap .play, .mainSlider-wrap .sliderControl-wrap .pause { height: 1.5rem; margin-right: 0; }
.mainSlider-wrap .sliderControl-wrap .play i:before,
.mainSlider-wrap .sliderControl-wrap .pause i:before { color: #fff; display: none; }
.mainSlider-wrap .sliderControl-wrap .play i, .mainSlider-wrap .sliderControl-wrap .pause i { display: block; width: 1.5rem; height: 1.5rem; background-size: 100%; background-repeat: no-repeat;  }
.mainSlider-wrap .sliderControl-wrap .play i { background-image: url("/style_www/img/common/slider/play_line_w.png"); }
.mainSlider-wrap .sliderControl-wrap .pause i { background-image: url("/style_www/img/common/slider/stop_line_w.png"); }

.mainSlider-wrap .sliderNav .tns-controls button i { transition: transform 0.3s; }
.mainSlider-wrap .sliderNav .tns-controls button:hover i { transform: scale(1.5); }

.mainSlider-wrap .sliderControl-wrap .mainSlider-dot { max-width: calc(100% - 8rem); width: 100%; }
.mainSlider-wrap .sliderControl-wrap .slick-dots { margin-left:-0.5rem; display: table; width: 100%; }
.mainSlider-wrap .sliderControl-wrap .slick-dots li { padding-left: 0.5rem; display: table-cell; }
.mainSlider-wrap .sliderControl-wrap .slick-dots li button { border-color: rgba(255,255,255,0.2); background-color: rgba(255,255,255,0.5); width: 100% !important; height: 0.5rem; border-radius: 0; width: 100%; }
.mainSlider-wrap .sliderControl-wrap .slick-dots li.slick-active button { background-color: #fff; border-color: #fff; width: 8px;  }



.mainContent-title { margin-bottom: 5rem; padding: 0.3rem; font-family: var(--special-font); font-weight: 500; display: block; font-size: 3.2rem; position: relative; text-align: center; }
.mainBoard-wrap { padding: 10rem 0; }
.mainBoard .noneData { padding: 5rem; background-color: var(--gray-color-bright); border: 1px solid var(--gray-color); border-radius: 0.5rem; }
.mainBoard ul li + li { border-top: 1px solid var(--gray-color); }
.mainBoard ul li a { display: block; padding: 1.5rem 1rem; font-size: 0; }
.mainBoard ul li a * { display: inline-block; vertical-align: middle; font-size: 1.7rem; line-height: 3.3rem; height: 3.5rem; }
.mainBoard ul li a i { border: 1px solid var(--basic-color); color: var(--basic-color); width: 10rem; margin-right: 2rem; border-radius: 0.2rem; text-align: center; }
.mainBoard ul li a i.dataIcon { border-color: #d87142; color: #d87142; }
.mainBoard ul li a strong { width: calc(100% - 32rem); font-weight: 400; }
.mainBoard ul li a .mainBoard-date { text-align: right; width: 20rem; color: var(--gray-color-deep); }

.mainMore { position: absolute; top: 0; right: 2.2rem; background-color: #eaeef3; font-size: 0; line-height: 1; padding: 1rem; border-radius: 50%; }
.mainMore i { font-size: 0; position: relative; transition: all 0.3s ease; width: 2rem; height: 2rem; }
.mainMore i:before, .mainMore i:after { content: ''; display: block; position: absolute; background-color: #888; }
.mainMore i:before { width: 2rem; height: 2px; top: 50%; margin-top: -1px; }
.mainMore i:after { height: 2rem; width: 2px; left: 50%; margin-left: -1px;  }
.mainMore:hover i {transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}

.mainMore span { font-size: 1.6rem; }


.quickMenu-wrap { background-color: #f9fafb; padding: 12rem 0; }

.quickMenu ul { display: flex; margin-left: -2.5rem; }
.quickMenu ul li { width: 25%; padding-left: 2.5rem; }
.quickMenu ul li a { position:relative; overflow: hidden; padding: 3rem 3rem 2.5rem;; box-shadow: -15px 15px 30px rgb(0 0 0 / 15%); background-color: var(--basic-color); border-radius: 0.5rem; display: block; color: #fff; }
.quickMenu ul li:first-child a { background-color: var(--basic-color-deep); }
.quickMenu ul li:nth-child(3) a { background-color: #9d9867; }
.quickMenu ul li:last-child a { background-color: var(--basic-color-bright); color: var(--basic-color-deep); }
.quickMenu ul li a:hover::before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); }
.quickMenu ul li a * { display: block; }
.quickMenu ul li a strong { font-size: 1.8rem; }
.quickMenu ul li a i { width: 14rem; margin: 2rem auto 1.5rem; }
.quickMenu ul li a span { line-height: 1.6; }





/** ************************************************** **/


/** subTop-wrap **/

.subHero-wrap { background-color: transparent; margin-top: var(--header-height-minus); }
.subHero-content { position: relative; padding-top: var(--header-height-padding); overflow: hidden; /* max-width: 1150px; border-radius: 1.5rem;  margin: auto; */ }
/* .subHero-content:before { content:''; display: block; background-image: url('/style_www/img/common/header/shadow.png'); position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: repeat-x; background-size: auto 80%; z-index: 10; } */
.subHero-bg { background-image: url('/style_www/img/sub/hero/sub_top.jpg'); position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center center; animation-duration: 70s; animation-name: bounceAni; animation-iteration-count: infinite; }
.subHero-text { color: #fff; padding: 0rem; }
.subHero-text > .inner { padding: 5rem 4rem 5rem; }

.subHero-text h2 { position: relative; display: block; font-size: 2.8rem; text-align: center; text-shadow: 0 0 30px rgba(73, 122, 206, 1), 0 0 10px rgba(73, 122, 206, 1), 0 0 5px rgba(73, 122, 206, 1); }
.subHero-text h2 * { font-weight: 700; line-height: 1.2; font-family: var(--special-font); }
.subHero-text em { font-size: 0.6em; }
.subHero-text em font { color: #88cb54; }
.subHero-text h2 strong { position: relative; z-index: 1; display: block; text-indent: -0.2rem; }
.subHero-text h2 img { display: block; position: absolute; right: 0; top: 50%; transform: translateY(-52%); height: 140%; }

.subHero-text p { color: #f6c464; font-weight: 400; margin-top: 1.5rem; font-size: 1.4rem; text-transform: upperSystem; line-height: 1.3; }

@media (min-width: 950px){
	.subHero-wrap { margin-top: var(--header-height-minus); }
	/* .subHero-text { height: 22rem; position: relative; z-index: 11;} */
	/* .subHero-text > .inner { max-width: 49rem; padding: 2rem 0rem 2rem 8rem; position: absolute; top: 50%; transform: translateY(-50%); } */
	.subHero-text > .inner { padding: 8rem 4rem 8rem; }
	
	.subHero-text h2 { font-size: 3.4rem; }
	.subHero-text p { margin-top: 2rem; font-size: 1.3rem; }
}

@media (min-width: 1150px){
	.subHero-bg { left: 0; }
}

@media (min-width: 1200px){
}

/** subHero-wrap end **/



/** floatingNav-wrap **/

.floatingNav-wrap { width: 12rem; padding: 2rem 0.5rem 2rem 2rem; }
.floatingNav { background-color: #fff; border-radius: 1.5rem; box-shadow: 0 0px 10px 0 rgb(0 0 0 / 10%); }
.floatingNav li + li { border-top: 1px solid #e5ebed; }
.floatingNav a { display: block; padding: 1rem 0; }
.floatingNav a img { display: block; width: 40%; margin: auto; }
.floatingNav a span { font-size: 1.2rem; display: block; text-align: center; margin-top: 0.8rem; }
/* .floatingNav-wrap.fix {  margin-top: 0; } */

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

/** floatingNav-wrap end**/



/** summery-wrap **/

.summery-wrap { border-bottom: 0; padding: 0; border-bottom: 1px solid #cfd6db; }
.summery-wrap .maxWidth { background-color: #fff; }
.summery { padding: 0; }
.summery > ul { font-size: 0; }
.summery > ul > li { display: inline-block; vertical-align: middle; }
.summery > ul > li + li { width: calc(36rem - 6rem); }
.summery > ul > li:first-child a { border-left: 0; display: block; width: 6rem; height: 6rem; line-height: 6rem; font-size: 2rem; text-align: center; color: #01306c; }
/* .summery > ul > li:nth-child(2) { display: none; } */
.summery > ul > li:last-child .scriptSelect-wrap { border-right: 1px solid #cfd6db; }

.summery .scriptSelect-wrap { font-size: 1.5rem; border-left: 1px solid #cfd6db;  }
.summery .scriptSelect { z-index: 100; }
.summery .scriptSelect-trigger { border-radius: 0 1.5rem 1.5rem 0; border: 0; padding: 0 1.5rem; line-height: 6rem; border-radius: 0; }
.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 (max-width: 950px){
	.summery > ul > li:first-child a,
	.summery .scriptSelect-trigger { line-height: 5rem; height: 5rem; }
} */

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

@media (min-width: 1300px){
	.summery { padding: 0 1rem; }
}

/** summery-wrap end **/



/** sub-wrap **/

.userBox-wrap { background-color: #fff; }

.sub-wrap > section, .sub-wrap .subContent-wrap { padding-left: 1rem; padding-right: 1rem; width: 1150px; /* max-width: calc(100% - 1.2rem); */ margin-left: auto; margin-right: auto; }
.sub-wrap { padding-bottom: 8rem; padding-top: 6rem; }



.pageTitle-wrap { margin-bottom: 3.5rem; }
.pageTitle { display: block; border-bottom: 1px solid #ccc; position: relative;  }
.pageTitle strong, .pageTitle span { display: inline-block; vertical-align: bottom; position: relative; font-family: var(--special-font); padding: 0 1rem 1rem 0.5rem; }
.pageTitle strong:before, .pageTitle span:before { content: ''; display: block; width: 100%; height: 0.4rem; position: absolute; left: 0; bottom: -0.25rem;  background-color: var(--special-color); }

.pageTitle strong { font-size: 3.2rem; }
.pageTitle span { color: var(--special-color); font-size: 2.2rem; word-spacing: -0.1rem; letter-spacing: -0.02rem; font-weight: 500; padding-left: 0;  }

.pageTitle-btn { position: absolute; right: 0; bottom: 1rem; }
.pageTitle-btn > ul > li { display: inline-block; vertical-align: middle; }
.pageTitle-btn > ul > li + li { padding-left: 0.5rem; }
.pageTitle-btn > ul > li i { color: #7f8893; font-size: 2rem; }

.subContent-color { background-color: #f1f3f6; margin-top: 6rem; padding: 6rem 0; }




* ~ .subContent-title, .subContent-title-single { margin-top: 4rem; }
.subContent-title { font-size: 2rem; }
.subContent-title h3 { font-size: 1em; }
.subContent-title h3 > * { display: inline-block; vertical-align: middle; font-size: 1em; }
.subContent-title h3:before { content: ''; display: inline-block; vertical-align: middle; margin-right: 0.8rem; width: 0.4rem; height: 1.6rem; border-top: 0.8rem solid var(--special-color); background-color: var(--special-color-deep); }

.subContent-title ~ .subContent-title.subContent-title-dot { margin-top: 3rem; }
.subContent-title-dot h3 { font-size: 0.9em; }
.subContent-title-dot h3:before { background: var(--special-color); width: 0.25rem; height: 1.3rem; left: 0.5rem; transform: rotate(20deg); border: 0; }

.pageTitle-btn { position: absolute; right: 0; bottom: 1rem; }
.pageTitle-btn > ul > li { display: inline-block; vertical-align: middle; }
.pageTitle-btn > ul > li + li { padding-left: 0.5rem; }
.pageTitle-btn > ul > li i { color: #7f8893; font-size: 2rem; }

@media (min-width: 950px){
	* ~ .subContent-title, .subContent-title-single { margin-top: 6rem; }
	.subContent-title { font-size: 2.3rem; }
	
	.subContent-title ~ .subContent-title.subContent-title-dot { margin-top: 4rem; }
}

.subContent { font-size: 1.7rem; margin-top: 1.5rem; }
@media (min-width: 950px){ .subContent { margin-top: 2.5rem; } }

.basicTable-wrap table.alignCenter-all *,
.basicTable-wrap table.alignCenter-all tbody td:nth-child(2) { text-align: center; }
.basicTable-wrap table.alignCenter-all tbody td.alignLeft { padding-left: 1.5rem; }

.subImg-box  { border: 1px solid #ddd; background: #f9f5f2; padding: 1rem 1rem; border-radius: 0.6rem; margin-top: 2rem; }
.pcImg { display: none; }
@media (min-width: 720px){
	.subImg-box  { padding: 2rem; margin-top: 3rem; }
	.mobileImg { display: none; }
	.pcImg { display: block; }
}
@media (min-width: 950px){
	.subImg-box  { padding: 5rem 10rem; margin-top: 3rem; }
}


.subContent-lineBox { background-image: url("/style_www/img/common/pattern/diagonal.gif"); padding: 2rem; border: 1px solid #ddd; border-radius: 0.5rem; }
.subContent-lineBox > * { display: block; line-height: 1.5; }
.subContent-lineBox strong { font-size: 1.1em; }
.subContent-lineBox p { margin-top: 1rem; }
.subContent-lineBox .dotList li { font-size: 1.7rem }
.subContent-lineBox .dotList li:before { top: 0.75rem; }

@media (min-width: 950px){
	.subContent-lineBox { padding: 3rem; }
}

/**-- sub-wrap custom --**/

.fileDown-list a { color: #555; }
.fileDown-list a * { display: inline-block; vertical-align: middle; }
.fileDown-list a i { background-color: #4179c6; color: #fff; font-size: 0; padding: 0.2rem 1rem; border-radius: 2rem; margin-left: 0.2rem; }
.fileDown-list a i:before { font-size: 1.3rem; }
.fileDown-list a:hover span { text-decoration: underline; }
.fileDown-list a:hover i { background-color: #013e6c; }


.dotList li + li { margin-top: 1.5rem; line-height: 1.7; }
.dotList-s li + li { margin-top: 0.8rem; }
.dotList-s li:before { top: 0.65em; }

.dotList strong { display: block; }
.dotList .dotList-s { margin-top: 1rem; }
.dotList .dotList-s li { font-size: 0.9em; }
.dotList .dotList-s li + li { margin-top: 0.5rem; }
.dotList sub { transform: translateY(-25%); display: inline-block; color: #555; }

.dotList-num > li + li { margin-top: 0.9em; }

/**-- sub-wrap custom end --**/






/** sub-wrap end **/




/** pageTab-wrap **/

.pageTab-wrap { width: 90rem !important; margin: 0 auto 6rem; }
.pageTab:after { content: ''; display: block; clear: both; }
.pageTab { margin-left: -1rem; }
.pageTab li { float: left; padding-left: 1rem; }
.pageTab li a { display: block; font-size: 1.8rem; padding: 1.8rem 0.5rem; text-align: center; position: relative; background-color: var(--gray-color-bright); border: 1px solid var(--gray-color); color: #aaa; font-weight: 500; border-radius: 0.3rem;  } 
.pageTab li a:before {
	position: absolute; top: 0; left: 0; content: ""; display: block; width: 0;
	height: 100%; background-color: rgba(0,0,0, 0);  transition: all 0.2s ease-in-out;
}
.pageTab li a:hover:before { width: 100%; background-color: rgba(0,0,0, 0.1); }
.pageTab li.active a { background-color: var(--special-color); border-color: var(--special-color-deep); color: #fff; }


.pageTab_2 li { width: 50%; }
.pageTab_3 li { width: 33.333333%; }
.pageTab_5 li { width: 20%; }
.pageTab_6 li { width: 16.666666%; }


/** pageTab-wrap end **/






/** boxTitle **/

.boxTitle { position: relative; font-family: var(--special-font); text-align: center; font-size: 2rem; padding: 4rem 2rem; border: 0.7rem solid #ededed; word-break: keep-all; }
.boxTitle:before {  content: ''; position: absolute; top: -0.7rem; left: -0.7rem; width: 5rem; height: 5rem; border-top: 0.7rem solid var(--basic-color); border-left: 0.7rem solid var(--basic-color); }
.boxTitle:after {  content: ''; position: absolute; bottom: -0.7rem; right: -0.7rem; width: 5rem; height: 5rem; border-bottom: 0.7rem solid var(--basic-color-deep); border-right: 0.7rem solid var(--basic-color-deep); }

/** boxTitle end **/



/** taskTab-wrap **/

.taskTab { margin-bottom: 1.5rem; }
.taskTab ul { font-size: 0; }
.taskTab ul > li { display: inline-block; vertical-align: middle; width: 50%; position: relative; border: 1px solid #dedede; border-top: 0; } 
.taskTab ul > li:first-child { border-top: 1px solid #dedede; border-radius: 1rem 0 0 0; overflow: hidden; }
.taskTab ul > li:nth-child(2) { border-top: 1px solid #dedede; border-radius: 0 1rem 0 0; }
.taskTab ul > li:last-child { border-radius: 0 0 1rem 0; }
.taskTab ul > li:nth-last-child(2) { border-radius: 0 0 0 1rem; }
.taskTab ul > li:nth-child(2n) { border-left: 0; }

.taskTab ul > li > .inner { display: block; position: relative; width: 100%; padding: 1.3rem 1.5rem; text-align: left; color: #555; }
.taskTab ul > li > .inner > * { display: inline-block; vertical-align: middle; letter-spacing: -0.05px; word-spacing: -0.1px; }  
.taskTab ul > li > .inner > em { font-size: 3vw; }
.taskTab ul > li > .inner > span { font-size: 1.4rem; color: #01306c; }
.taskTab ul > li.active { border-color: var(--special-color) !important; }
.taskTab ul > li.active > .inner *,
.taskTab ul > li > .inner:hover * { color: var(--special-color); font-weight: 500; }
.taskTab ul > li.active:before { 
	content: ''; display: block; 
	position: absolute; left: 0; top: 0;
	width: 0; height: 0;
	border-bottom: 0.8rem solid transparent;
	border-top: 0.8rem solid var(--special-color);
	border-left: 0.8rem solid var(--special-color);
	border-right: 0.8rem solid transparent;
}
.taskTab ul > li + li.active:after { content: ''; display: block; width: calc(100% + 2px); height: calc(100% + 2px); position: absolute; left: -1px; top: -1px; border: 1px solid var(--special-color); border-width: 1px 0 0 1px; }
.taskTab ul > li:nth-child(2).active:after { border-top: 0; }
.taskTab ul > li:nth-last-child(2).active:after { border-radius: 0 0 0 1rem; }

@media (min-width: 500px){
	.taskTab ul > li > .inner > em { font-size: 1.5rem; }
}

@media (min-width: 950px){
	.taskTab { display: table; table-layout: fixed; width: 100%; margin-bottom: 3rem; }
	.taskTab ul { display: table-row; margin: 0; }
	.taskTab ul > li { display: table-cell; vertical-align: middle; border: 1px solid #dedede; border-left: 0; }
	.taskTab ul > li:first-child { border-left: 1px solid #dedede; border-radius: 1rem 0 0 1rem; }
	.taskTab ul > li:nth-child(2) { border-radius: 0; }
	.taskTab ul > li:last-child { border-radius: 0 1rem 1rem 0; }
	.taskTab ul > li:nth-last-child(2) { border-radius: 0; }
	.taskTab ul > li > .inner { font-size: 1.4rem; border-radius: 0; padding: 1.2rem 1.5rem; }
	.taskTab ul > li > .inner > *  { display: block; }
	.taskTab ul > li > .inner > em { font-size: 1.5rem; }
	.taskTab ul > li > .inner > span { padding-top: 0.5rem; }
	.taskTab ul > li:last-child.active:after { border-top: 0; }
}
@media (min-width: 1000px){
	.taskTab ul > li > .inner { font-size: 1.5rem; }
}

@media (min-width: 1450px){ 
	.taskTab ul > li > .inner > * { display: inline-block; }
	.taskTab ul > li > .inner > span { padding-top: 0; }
}


.task-wrap .boardSearch { padding: 2rem 0 1rem; }

.task-wrap .filter-wrap { margin-bottom: 1rem; }
.task-wrap .filter-wrap:after { content: ''; display: block; clear: both; }
.task-wrap .filter { float: right;  }

.task-wrap .filter i,
.task-wrap .filter .customSelect  { display: inline-block; vertical-align: middle; }
.task-wrap .filter i { color: #cecece; }
.task-wrap .filter .customSelect { width: 10rem; border: 0; }

/** taskTab-wrap end **/










/** taskTab-wrap end **/

.qa-wrap textarea { width: 100%; height: 20rem; border-radius: 0.5rem; font-size: 1.6rem; padding: 1.2rem 1.5rem; }

.introduceTable { border-top: 1px solid #555;; }
.introduceTable .info_gray { vertical-align: top; }
.introduceTable .info_gray > * { display: inline-block; vertical-align: top; line-height: 2rem; }
.introduceTable .info_gray i { font-family: var(--spacial-font); font-weight: 600; color: var(--basic-color); padding-right: 0.5rem; }
.introduceTable .info_gray span { color: #333; }

.subContent-wrap .subContent p { line-height: 1.7; }

.boardBtn-wrap .boardBtn > * { display: inline-block; vertical-align: middle; padding: 1.5rem; border-radius: 0.5rem; }

.join_board { width: 100%; table-layout: fixed; }
.join_board th, .join_board td { padding: 2rem; border: 1px solid #dedede; }
.join_board th { background-color: #f3f6fa; }
.join_board th.insert_title, .join_board th.insert_title_none { text-align: left; }
.join_board th .essential_icon { color: var(--basic-color);  }
.join_board input { padding: 1rem; border-radius: 0.5rem; width: 100%; margin: 0.2rem 0; }
.join_board .warning_text { font-size: 1.4rem; margin-top: 0.5rem; color: #4179c6; }
.join_board .address_area .address_input { width: 70%; }


.join_board .td_insert_phone { width: 15rem; }
.join_board_min { max-width: 90rem; margin: auto; }


.join_flow { width: 80rem; margin: 0 auto 2rem; border: 1px solid #ccc; border-radius: 0.5rem; overflow: hidden;  }
.agree_area{
	display:block; height:300px; border:1px solid #ccc; font-size:12px; overflow:auto; margin-bottom:10px;
	background-color:#fff;width: 100%;margin:0px auto 7px;
}

.agree{padding:30px;}

.agree_top{width:90rem; margin:0px auto 20px; padding-bottom:20px; border-bottom:1px dashed #ddd;}

.agree_bottom{width:90rem; margin:auto;}


.basicTable-wrap table.criteriaTable tr > * { padding: 1.4rem 0.5rem; }
.basicTable-wrap table.criteriaTable tr > td { font-size: 0.98em; }