@charset "UTF-8";

/* HTML Default STYLE set --------------------------------------------------------------------------------------- */
	/* HTML & BODY */
	html,body{width: 100%; height: 100%;}
	html{display: table;}
	body{min-width: 375px; font-family: "NotoSansKR", sans-serif; -webkit-text-size-adjust: none; line-height: 1.7;}
	body.lock{overflow: hidden;}
	.axi, [class^="axi-"], [class*=" axi-"]{font-family: "NotoSansKR", "돋움", Dotum, sans-serif, "axicon";}
	.fa, [class^="fa-"], [class*=" fa-"]{font-family: "NotoSansKR", "돋움", Dotum, sans-serif, "Font Awesome 5 Free";}
	.fa, .fas{font-weight: inherit;}
	.fa:before, .fas:before{font-weight: 900;}

/* common Design set -------------------------------------------------------------------------------------------- */
	/* accessibility Ui*/
	.skipNav .skipAnchor{
		width: 100%; height: 34px; background: #F7F7F7; color: #3A3D40; font-size: 14px; font-weight: 500; text-align: center; line-height: 34px;
		position: absolute; top: -100px; left: 0; display: block; z-index: 9999;
	}
	.skipNav .skipAnchor:focus{top: 0;}

	/* top UI */
	.top{width: 61px; height: 61px; background-color: rgba(255,255,255,0.7); border: 1px solid #49A9D6; border-radius: 100%; box-shadow: 3px 3px 0px 0px #E4E4E4; position: fixed; right: 2%; z-index: 999;}
	.top{display: none; bottom: 220px;}
	.top>span{width: 100%; background: url("../image/common/top.png") no-repeat center 11px; color: #222528; font-size: 16px; text-align: center; display: inline-block; padding-top: 24px;}

	/* common // PAGE wrapper */
	.wrap{height: 100%;}
	.nanumSqr{font-family: "NanumSquare", sans-serif;}

@media screen and (min-width: 768px){
	#main, #sub{min-height: calc(100% - 130px - 172px);}
	#sub{padding-bottom: 190px;}
}
@media screen and (max-width: 767px){
	#main, #sub{min-height: calc(100% - 130px - 172px);}
	#sub{padding-bottom: 30px;}
}

/* HEADER ------------------------------------------------------------------------------------------------------- */
	header#header .headTop .innerRight>.innerLink{background-image: url("../../static/image/common/iconSpr.png"); background-repeat: no-repeat;}
	header#header .headTop .logo{background: url("../../static/image/common/logoHead.png") no-repeat 0 center;}
	header#header .sysTit{background: #2F364A; color: #FFF; letter-spacing: -1px; border-top-width: 0; border-bottom-width: 0;}
@media screen and (min-width: 992px){
	header#header{height: 130px; background: #5497B6;}
	header#header .headTop{height: 57px; background: #FFF;}
	header#header .headTop .container{padding-left: 0; padding-right: 0;}
	header#header .headTop .innerLeft, header#header .headTop .innerRight{}
	header#header .headTop .innerLeft{line-height: 58px; float: left;}
	header#header .headTop .innerRight{line-height: 52px; float: right; padding-top: 6px;}
	header#header .headTop .innerRight>.innerLink{font-size: 15px;}
	header#header .headTop .innerRight .home{background-position: -6px 10px; color: #2F364A; padding: 0 19px 0 25px;}
	header#header .headTop .innerRight .home+.innerLink{background-position: 19px -50px; color: #3C63C2; padding: 0 3px 0 52px; position: relative;}
	header#header .headTop .innerRight .home+.innerLink:before{content: ""; width: 1px; height: 19px; background: #E5E5E5; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
	header#header .headTop .logo{width: 111px; height: 58px;}
	header#header .headTop .innerLink:not(.logo){width: auto;}
	header#header .headBtom{height: 74px; background: url("../../static/image/common/headerPttn.png") repeat-y 0 0; border: 1px solid #DEDEDE; border-left-width: 0; border-right-width: 0;}
	header#header .headBtom>.container{height: 100%; padding-left: 0; padding-right: 0;}
	header#header .sysTit, header#header .wrapDep1{height: inherit; display: inline-block; float: left;}
	header#header .sysTit{width: 300px; font-size: 22px; text-align: center; line-height: 72px; border-left: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE;}
	header#header .opnNavi, header#header .clsNavi{display: none;}
	header#header .wrapDep1{width: calc(100% - 300px);}
	header#header .depth1{height: 100%; display: -ms-flex; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}
	header#header .depth1>li{color: #FFF; font-size: 18px; font-weight: 600; line-height: 72px; flex: 1;}
	header#header .depth1>li>.innerLink{font-family: "NanumSquare", sans-serif; text-align: center; position: relative;}
	header#header .depth1>li:not(:hover)>.wrapDep2{display: none;}
	header#header .depth1>li:hover>.innerLink:before, header#header .depth1>li.active>.innerLink:before{content: ""; width: inherit; height: 5px; background: #F5D663; position: absolute; left: 0; bottom: 0; z-index: 999;}
	header#header .wrapDep2{width: 500%; background: #FFF; font-weight: normal; line-height: normal; border: 1px solid #5990D9; position: relative; top: -2px; z-index: 100;}
	header#header .wrapDep2[data-menu="menuGrp2"]{left: -100%;}
	header#header .wrapDep2[data-menu="menuGrp4"]{left: -300%; color: #252525;}
	header#header .wrapDep2[data-menu="menuGrp4"] .depth2{float: right; padding-right: 63px;}
	header#header .wrapDep2[data-menu="menuGrp4"] .depth2>li{color: #292C2F; font-size: 16px; display: inline-block; float: left;}
	header#header .wrapDep2[data-menu="menuGrp4"] .depth2>li>.innerLink{height: 67px; line-height: 58px; padding: 0 26px}
	header#header .wrapDep2[data-menu="menuGrp4"] .depth2>li>.innerLink:hover>.deco{color: #5990C9; font-weight: bold; border-bottom: 2px solid #5990C9}
	header#header .depth2:first-of-type, header#header .depth2:nth-of-type(4n+1){border-left-width: 0;}
	header#header .depth2{border: 1px solid #C8CED8; border-right-width: 0; border-bottom-width: 0;}
	header#header .depth2 dt{font-family: "NotoSansKR", sans-serif; height: 44px; background: #E9EEF4; color: #292C2F; font-size: 16px; text-align: center; border-bottom: 1px solid #C8CED8;}
	header#header .depth2 dt .innerLink{line-height: 44px;}
	header#header .depth2 dt+dd{height: 44px; padding-top: 10px;}
	header#header .depth2 dd+dd:not(:last-of-type){height: 35px;}
	header#header .depth2 dd:last-of-type{padding-bottom: 14px;}
	header#header .depth2 dd{color: #4A4E52; font-size: 15px; font-weight: 300; text-align: left; margin-top: -1px;}
	header#header .depth2 dd .innerLink{height: 38px; line-height: 40px; padding: 0 28px;}
}
@media screen and (max-width: 991px){
	header#header .headTop .innerLeft{float: left;}
	header#header .headTop .innerRight{float: right;}
	header#header .headTop .innerRight .home{display: none;}
	header#header .sysTit, header#header .opnNavi{float: left; position: relative; z-index: 10;}
	header#header .opnNavi, header#header .clsNavi>.innerLink{background-image: url("../../static/image/common/iconSpr_m.png"); background-repeat: no-repeat;}
	header#header .opnNavi{background-color: #66BCAC; background-position: center 5px;}
	header#header .clsNavi{background: #FFF;}
	header#header .clsNavi>.innerLink{}
	header#header .wrapDep1{width: calc((100% / 3) * 2); background: #FFF; position: fixed; top: 0; right: 0; bottom: 0; z-index: 999; right: -100vw;}
	header#header .wrapDep1.on{overflow-y: scroll;}
	header#header .depth1>li:not(:first-of-type), header#header .depth1>li:first-of-type{background-image: url("../../static/image/common/iconSpr_m.png"); background-repeat: no-repeat;}
	header#header .depth1>li:first-of-type{font-family: "NanumSquare", sans-serif; background-color: #3C63C2;}
	header#header .depth1>li:first-of-type+li{border-top: 2px solid #DDD;}
	header#header .depth1>li:first-of-type+li~li, header#header .depth2 dt{border-top: 1px solid #DDD;}
	header#header .depth1>li:first-of-type>.innerLink{background-image: url("../../static/image/common/iconSpr_m.png"); background-repeat: no-repeat; color: #FEFEFF; font-weight: 600;}
	header#header .wrapDep2:not(.active), header#header .depth2:not(.active) dd{display: none;}
	header#header .depth2 dt, header#header .depth2 dd, header#header .depth1>li:not(:first-of-type)>.innerLink, header#header .depth2 li{font-weight: 500;}
	header#header .depth2 dt, header#header .depth2 li>.innerLink{padding: 0 12px;}
	header#header .depth2 dt.active, header#header .depth1>li>.wrapDep2 ul{border-top: 1px solid #E6E6E6;}
	header#header .depth2 dd, header#header .depth2 li{background: #F1F5FF;}
	header#header .depth2 dd>.innerLink{padding: 0 20px;}
	header#header .depth2 dd>.innerLink, header#header .depth2 li>.innerLink{font-weight: 500;}
	header#header .depth2 dd>.innerLink:before, header#header .depth2 li>.innerLink:before{content: "-"; margin-right: .3em;}
	header#header .depth2 dd+dd>.innerLink, header#header .depth2 li:not(:first-of-type)>.innerLink{border-top: 1px solid #D5DEF3;}
	header#header .depth2 dd{padding: 0 20px;}
	header#header .overlay{background: rgba(0,0,0,.65); display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 998;}
}
@media screen and (max-width: 991px) and (min-width: 576px){
	header#header .headTop{padding-left: 28px; padding-right: 28px;}
	header#header .headTop .innerLeft, header#header .headTop .innerRight, header#header .headTop .logo{height: 89px;}
	header#header .headTop .innerRight{line-height: 102px;}
	header#header .headTop .innerRight>.innerLink{font-size: 15px;}
	header#header .headTop .innerRight .home+.innerLink{background-position: 19px -25px; padding: 0 3px 0 52px;}
	header#header .headTop .logo{width: 111px;}
	header#header .sysTit, header#header .opnNavi{height: 52px;}
	header#header .sysTit{width: calc(100% - 67px); font-size: 22px; line-height: 52px; padding-left: 28px;}
	header#header .opnNavi{width: 67px; background-size: 42px;}
	header#header .clsNavi{height: 56px; line-height: 52px;}
	header#header .clsNavi>.innerLink{width: 100px; background-position: 13px -97px;}
	header#header .depth1>li:first-of-type>.innerLink{background-position: 32px -312px; background-size: 40px; padding-left: 73px;}
	header#header .depth1>li:not(:first-of-type), header#header .depth1>li:first-of-type{background-size: 35px;}
	header#header .depth1>li:not(:first-of-type)>.innerLink, header#header .depth2 dt, header#header .depth2 dd, header#header .depth2 li{height: 51px; line-height: 51px;}
	header#header .depth1>li:not(:first-of-type)>.innerLink, header#header .depth2 dt>.innerLink{padding-left: 40px;}
	header#header .depth1>li:not(:first-of-type){background-position: top -202px right 13px;}
	header#header .depth1>li:first-of-type{height: 56px; background-position: top -130px right 13px; font-size: 22px; line-height: 56px;}
	header#header .depth2 li{padding: 0 40px;}
	header#header .depth2 dt, header#header .depth1>li:not(:first-of-type){font-size: 16px;}
	header#header .depth2 dt{font-size: 14px;}
	header#header .depth2 dd, header#header .depth2 li{font-size: 14px;}
	header#header .depth2 dd>.innerLink{padding-left: 35px;}
}
@media screen and (max-width: 575px){
	header#header .headTop{padding-left: 15px; padding-right: 15px;}
	header#header .headTop .innerLeft, header#header .headTop .innerRight{height: 46px;}
	header#header .headTop .logo{width: 71px; height: 28px; background-size: contain; margin-top: 10px;}
	header#header .headTop .innerRight{line-height: 56px;}
	header#header .headTop .innerRight>.innerLink{font-size: 12px;}
	header#header .headTop .innerRight .home+.innerLink{background-position: 19px -48px; padding-left: 52px;}
	header#header .sysTit, header#header .opnNavi{height: 38px;}
	header#header .sysTit{width: calc(100% - 40px); font-size: 16px; line-height: 38px; padding-left: 15px;}
	header#header .opnNavi, header#header .clsNavi>.innerLink{background-size: 25px;}
	header#header .opnNavi{width: 40px; background-position: center 6px;}
	header#header .clsNavi{height: 32px; line-height: 32px;}
	header#header .clsNavi>.innerLink{width: 50px; background-position: 13px -47px;}
	header#header .depth1>li:not(:first-of-type), header#header .depth1>li:first-of-type{background-size: 25px;}
	header#header .depth1>li:not(:first-of-type)>.innerLink, header#header .depth2 dt, header#header .depth2 dd, header#header .depth2 li{height: 37px; line-height: 37px;}
	header#header .depth1>li:not(:first-of-type)>.innerLink, header#header .depth2 dt>.innerLink{padding-left: 18px;}
	header#header .depth1>li:not(:first-of-type){background-position: top -143px right 13px;}
	header#header .depth1>li:first-of-type{height: 42px; background-position: top -90px right 13px; font-size: 15px; line-height: 46px;}
	header#header .depth2 li{padding: 0 18px;}
	header#header .depth1>li:first-of-type>.innerLink{background-position: 12px -189px; background-size: 25px; padding-left: 37px;}
	header#header .depth2 dt, header#header .depth1>li:not(:first-of-type){font-size: 13px;}
	header#header .depth2 dd, header#header .depth2 li{font-size: 11px;}
}

/* FOOTER ------------------------------------------------------------------------------------------------------- */
	footer{background: #F1F2F3; border-top: 1px solid #CBCCCD;}
	footer .footTop{border: 1px solid #E2E3E4; border-top-width: 0;}
	footer .footTop .mnList{}
	footer .footTop .mnList .item:first-of-type{border-left: 1px solid #E2E3E4;}
	footer .footTop .mnList .item{height: 45px; font-size: 15px; line-height: 46px; border-right: 1px solid #E2E3E4; border-top-width: 0; display: inline-block;}
	footer .footTop .mnList .item:not(.familySite){color: #3D3D3D; float: left;}
	footer .footTop .mnList .item:not(.familySite)>.innerLink{padding: 0 25px;}
	footer .footTop .mnList .item.familySite{width: 242px; background: #76808B; color: #FFF; letter-spacing: -.4px; float: right;}
	footer .footTop .mnList .item.familySite>.innerLink{padding: 0 12px 0 20px;}
	footer .footBtom .logo>figure{height: 80px; background-image: url("../../static/image/common/logoFoot.png"); background-repeat: no-repeat;}
	footer .footBtom address{color: #525252; padding-top: 16px;}
	footer .footBtom .copyright{color: #8C8C8C; font-size: 11px;}
@media screen and (min-width: 992px){
	footer .footBtom .logo+.infoTxt{padding-left: 81px;}
}
@media screen and (max-width: 991px){
	footer .footBtom .logo+.infoTxt{padding-left: 18px;}
}
@media screen and (min-width: 767px){
	footer{padding-bottom: 29px;}
	footer .footBtom .logo>figure{width: 150px; background-position: 23px 13px;}
	footer .footBtom address{font-size: 13px; padding-bottom: 10px;}
	footer .footBtom address>p{line-height: 26px;}
}
@media screen and (max-width: 767px){
	footer{padding-bottom: 20px;}
	footer .footTop .mnList .item.familySite{display: none;}
	footer .footBtom .logo>figure{width: 20vw; background-position: center; background-size: 80%;}
	footer .footBtom address{font-size: 11px; padding-bottom: 5px;}
	footer .footBtom .copyright{font-size: 10px;}
}

/* common Design set -------------------------------------------------------------------------------------------- */
	/* common // title
	 * Heading Title은 크게 6가지 분류로 하며 클래스 tit를 함께 사용하도록 한다.
	 * 그 이외의 디자인과 크기는 별도으 디자인클래스를 통하여 적용하도록 한다.
	 * h1: 되도록이면 접근성 텍스트로 처리하되, 각 화면당 1회 이상 사용하지 않으며, 시스템 타이틀 정도에만 사용하는 수준으로 한다.
	 * h2: 시스템 타이틀을 제외한 주분류 타이틀(주메뉴, 사이트메뉴, 본문 등등)
	 * h3: 각 페이지 화면의 대타이틀 // 서브화면일 경우 페이지 제목, 팝업일 경우 해더 제목을 표기할 때 사용
	 * h4: 각 섹션 내의 세부파트 또는 h3의 보조제목으로 사용 // 서브화면일 경우 페이지 부제목을 표기할 때 사용, 팝업일 경우 화면 내부 제목을 표기할 때 사용
	 * h5: 최소단위 제목(1)으로 사용
	 * h6: 최소단위 제목(2)으로 사용
	*/
	#sub:not(.devlp) .pageTitPnl{padding-top: 41px;}
	#sub.devlp .pageTitPnl{padding-top: 91px;}
	.pageTitPnl{padding-bottom: 27px;}
	.pageTitPnl h3.pageTit{color: #323232; font-weight: 600; text-align: center; position: relative;}
	.pageTitPnl h3.pageTit:before, .pageTitPnl h3.pageTit:after{position: absolute;}
	.pageTitPnl h3.pageTit:before{content: ""; background: #66BDAD; width: 49px; height: 5px; border-radius: 50px; top: -9px; left: 50%; transform: translateX(-50%);}
	.pageTitPnl h3.pageTit:after{content: ""; width: 100%; height: 17px; background: url("../../static/image/sub/subTitAreaBg.png") 0 0 repeat; top: .5em; left: 0; z-index: -1;}
	.pageTitPnl h3.pageTit>span{background: #FFF; display: inline-block;}
	h4.tit, h4.tit2{position: relative;}
	h4.tit:before, h4.tit2:before, h4.tit:after, h4.tit2:after{content: ""; position: absolute; left: 1px; transform: translateY(-50%);}
	h4.tit:before, h4.tit2:before{border-top: 0px solid #66BDAD; border-right: 0px solid transparent;}
	h4.tit:before{z-index: -1;}
	h4.tit:after, h4.tit2:after{border-bottom: 0px solid #3C63C2; border-right: 0px solid transparent;}
	h4.tit2{background: #F1F1FC; font-weight: 600; display: inline-block; padding-right: 28px;}
	h4.tit2+.paraGrp, h4.tit2+.board1, h4.tit2+.board4{margin-top: 15px; margin-bottom: 35px;}
@media screen and (min-width: 992px){
	.pageTitPnl h3.pageTit{font-size: 30px;}
	.pageTitPnl h3.pageTit>span{min-width: 214px; padding-left: 30px; padding-right: 30px;}
}
@media screen and (max-width: 991px){
	h4.tit2{margin-left: 15px;}
}
@media screen and (max-width: 991px) and (min-width: 576px){
	.pageTitPnl h3.pageTit{font-size: 22px;}
	.pageTitPnl h3.pageTit>span{padding-left: 20px; padding-right: 20px;}
}
@media screen and (min-width: 576px){
	.titArea{padding-top: 35px; padding-bottom: 17px;}
	h4.tit{font-size: 22px; padding-left: 24px;}
	h4.tit2{height: 36px; font-size: 18px; line-height: 34px; margin-top: 14px; padding-left: 30px; padding-right: 30px;}
	h4.tit:before, h4.tit2:before{border-top-width: 17px; border-right-width: 10px;}
	h4.tit:before{top: calc(50% - 3px);}
	h4.tit2:before{top: calc(50% - 10px);}
	h4.tit:after, h4.tit2:after{}
	h4.tit:after{border-bottom-width: 24px; border-right-width: 13px; top: calc(50% + 2px);}
	h4.tit2:after{border-bottom-width: 26px; border-right-width: 15px; top: calc(50% + 4px);}
}
@media screen and (max-width: 575px){
	.pageTitPnl h3.pageTit{font-size: 20px;}
	.pageTitPnl h3.pageTit>span{padding-left: 15px; padding-right: 15px;}
	.titArea{padding-bottom: 10px;}
	h4.tit{font-size: 18px; padding-left: 16px;}
	h4.tit2{font-size: 14px; padding-left: 20px; padding-right: 20px;}
	h4.tit:before, h4.tit2:before{border-top-width: 16px; border-right-width: 8px; top: calc(50% - 3px);}
	h4.tit:after, h4.tit2:after{border-bottom-width: 18px; border-right-width: 11px; top: calc(50% + 2px);}
}

	/* common // paragraph */
	.imgGrp>figure.isPc:first-of-type{margin-top: 38px;}
	.imgGrp>figure.isPc:not(:first-of-type){margin-top: 65px;}
	.paraGrp{background: #FCFEFF; color: #343434; font-weight: 300; border: 1px solid #E5E5E5;}
	.paraGrp.type1{border-top: 2px solid #A4CDE9;}
	.paraGrp.type2{}
	.paraGrpDtl{font-size: 15px;}
	.paraGrp.type2 .decimal.circle li:before{color: #3C63C2; border-color: #3C63C2;}
	.para{margin-top: 7px;}
	.para.in{text-indent: 1em;}
	.imgGrp{text-align: center;}
@media screen and (min-width: 992px){
	.isTb, .isMb{display: none;}
}
@media screen and (max-width: 991px) and (min-width: 576px){
	.isPc, .isMb{display: none;}
}
@media screen and (max-width: 991px){
	.paraGrp{margin-left: 15px; margin-right: 15px;}
}
@media screen and (min-width: 576px){
	.paraGrp{font-size: 16px; padding: 38px 35px 40px;}
}
@media screen and (max-width: 575px){
	.isPc, .isTb{display: none;}
	.paraGrp{font-size: 13px; padding: 35px 15px 30px;}
}
	
	/* common // ol ul list
	 * .in / .out: list-style-position
	 * .bar: 일반선 리스트
	 * .arr: 화살표 블릿 리스트
	 * .rectBllt: 네모 블릿 리스트
	 * .decimal: 기본 마침표 숫자 표기
	 * .decimal.circle: 원형 숫자 표기
	 * .decimal.bracket: 괄호 숫자 표기
	 * .gana: 가나다라마바사 표기
	 */	
	ul.in, ol.in{list-style-position: inside;}
	ul.out, ol.out{list-style-position: outside;}
	ul.bar>li{text-indent: -.8em; margin-left: 1em;}
	ul.bar>li:not(.item):before{content: "-"; display: inline-block;}
	ul.bar>li.item:before{content: "-"; display: inline-block; margin-right: 8px;}
	ul.barList>li:before{content: "-"; margin: 0 7px;}
	ul.arr>li{position: relative; padding-left: 15px;}
	ul.arr>li+li{margin-top: 36px;}
	ul.arr>li:before{content: ""; width: 0; height: 0; border-left: 5px solid #202020; border-top: 4.5px solid transparent; border-bottom: 4.5px solid transparent; position: absolute; top: .5em; left: 0;}
	ol.decimal:not(.bracket){list-style: decimal;}
	ol.decimal:not(.circle):not(.bracket){margin-left: 30px;}
	ol.decimal:not(.circle):not(.bracket)>li{list-style-type: decimal; padding-left: 5px;}
	ol.decimal.circle{counter-reset: circleCntNum 0; overflow: hidden;}
	ol.decimal.circle.in>li:before{left: .3em;}
	ol.decimal.circle.out>li:before{left: .1em;}
	ol.decimal.circle>li{padding-left: 1.35em; position: relative;}
	ol.decimal.circle>li:before{content: counter(circleCntNum); counter-increment: circleCntNum; width: 1.2em; height: 1.2em; background: #FFF; font-size: .85em; text-align: center; line-height: 1em; letter-spacing: -2px; border: 1px solid #808080; border-radius: 100%; display: inline-block; position: absolute; top: .4em; padding-right: .25em;}
	ol.decimal.circle>li::marker{color: transparent;}
	ol.decimal.bracket{counter-reset: bracketCntNum 0; margin-left: 1em;}
	ol.decimal.bracket.in>li:before{left: .3em;}
	ol.decimal.bracket.out>li:before{left: -1.7em;}
	ol.decimal.bracket>li{padding-left: .2em; position: relative;}
	ol.decimal.bracket>li:before{content: "("counter(bracketCntNum)")"; counter-increment: bracketCntNum; font-size: .85em; text-align: center; line-height: 1.2em; letter-spacing: -2px; display: inline-block; padding-right: .1em; position: absolute; top: .4em;}
	ol.gana>li:first-letter{font-weight: 600;}
	ol.gana>li>ol, ol.gana>li>ul{padding-left: 1.2em;}
	ol.gana.in>li{}
	ol.gana.out>li{text-indent: -1.9em; margin-left: 2em;}
@media screen and (min-width: 576px){
	ol.decimal.circle>li+li{margin-top: 32px;}
	table ol.decimal.circle>li+li{margin-top: 7px;}
}
@media screen and (max-width: 575px){
	ol.decimal.circle>li::marker{color: transparent;}
	ol.decimal.circle>li+li{margin-top: 15px;}
	table ol.decimal.circle>li+li{margin-top: 7px;}
}

	/* BUTTON // Default UI Design */
	.button{text-align: center;}
	.button:not([class*="round"]){min-width: 65px;}
	.button.shd{box-shadow: 2px 2px 10px rgba(0,0,0,.2);}

	/* BUTTON // size */
@media screen and (min-width: 992px){
	.button.big{font-size: 22px; line-height: 50px; padding: 0 40px;}
	.button.medium{min-width: 117px; font-size: 18px; line-height: 40px; padding: 0 16px;}
	.button.mini{}
}
@media screen and (max-width: 991px){
	.button.big{font-size: 14px; line-height: 30px; padding: 0 40px;}
	.button.medium{font-size: 18px; line-height: 40px; padding: 0 16px;}
	.button.mini{}
	.button.isM{width: 100%;}
}

	/* BUTTON // color */
	.button.blue{background: #007ABC; color: #FFF !important;}
	.button.blue:hover{background: #3498DB; color: #FFF !important;}
	.button.blue:active{background: #427996; color: #FFF !important}
	.button.indigo{background: #3C63C2; color: #FFF !important;}
	.button.indigo:hover{background: #3C63C2; color: #FFF !important;}
	.button.indigo:active{background: #3C63C2; color: #FFF !important}
	.button.blueGray{background: #CED4DA; color: #343A40 !important; border: 1px solid #ACB1B6;}
	.button.blueGray:hover{background: #9BAAB7; color: #FFF !important; border: 1px solid #667A8C;}
	.button.blueGray:active{background: #6c8092; color: #FFF !important; border: 1px solid #34495E;}
	.button.skBlue{background: #3AB2E6; color: #FFF; border: 1px solid #3AB2E6;}
	.button.skBlue:hover{background: #7AD4EC; border: 1px solid #7AD4EC;}
	.button.skBlue:active{background: #4395E2; border: 1px solid #4395E2;}
	.button.emeGreen{background: #0B90B6; color: #FFF !important; border: 1px solid #90CEDF;}
	.button.emeGreen:hover{background: #0B90B6; color: #FFF !important; border: 1px solid #90CEDF;}
	.button.emeGreen:active{background: #0B90B6; color: #FFF !important; border: 1px solid #90CEDF;}
	.button.white{background: #FFF; color: #3D3D3D; border: 1px solid #3A8297;}
	.button.white:hover{background: #F1F1F1; color: #3D3D3D; border: 1px solid #3A8297;}
	.button.white:active{background: #E1E1E1; color: #3D3D3D; border: 1px solid #3A8297;}
	.button.white2{background: #FFF; color: #3D3D3D; line-height: 29px; border: 1px solid #C9C9C9; border-radius: 3px; padding: 0 15px;}
	.button.white2:hover{background: #F1F1F1; color: #3D3D3D; line-height: 29px; border: 1px solid #C9C9C9; border-radius: 3px; padding: 0 15px;}
	.button.white2:active{background: #E1E1E1; color: #3D3D3D; line-height: 29px; border: 1px solid #C9C9C9; border-radius: 3px; padding: 0 15px;}
	.button.tmtRed{background: #CF5432; color: #FFF !important; border: 1px solid #CF5432;}
	.button.tmtRed:hover{background: #BB4F31; color: #FFF !important; border: 1px solid #BB4F31;}
	.button.tmtRed:active{background: #DC5749; color: #FFF !important; border: 1px solid #DC5749;}
	.button.blueGreen{background: #0C8FB6; color: #FFF; border: 1px solid #3A8297;}
	.button.blueGreen:hover{background: #3A8297; color: #FFF; border: 1px solid #3A8297;}
	.button.blueGreen:active{background: #0E6580; color: #FFF; border: 1px solid #34495E;}
	.button.blueGreenLine{background: #FFF; color: #3D3D3D; border: 1px solid #3A8297;}
	.button.blueGreenLine:hover{background: #FFF; color: #3D3D3D; border: 1px solid #3A8297;}
	.button.blueGreenLine:active{ackground: #FFF; color: #2F80CC; border: 1px solid #3A8297;}
	.button.skBlueLine{background: #FFF; color: #27A0DB; border: 1px solid #27A0DB;}
	.button.skBlueLine:hover{background: #FFF; color: #27A0DB; border: 1px solid #27A0DB;}
	.button.skBlueLine:active{ackground: #FFF; color: #27A0DB; border: 1px solid #27A0DB;}
	.button.gray{background: #999; color: #FFF !important; border: 1px solid #7F7F7F;}
	.button.gray:hover{background: #999; color: #FFF !important; border: 1px solid #7F7F7F;}
	.button.gray:active{background: #999; color: #FFF !important; border: 1px solid #7F7F7F;}
	.button.deepDarkGray{background: #5B5B5B; color: #FFF; border: 1px solid #4A4A4A;}
	.button.deepDarkGray:hover{background: #5B5B5B; color: #FFF; border: 1px solid #4A4A4A;}
	.button.deepDarkGray:acitve{background: #5B5B5B; color: #FFF; border: 1px solid #4A4A4A;}

	/* BUTTON // shape */
	.shp.round{border-radius: 3px;}
	.shp.round_5{border-radius: 5px;}
	.shp.round_10{border-radius: 10px;}
	.shp.round_15{border-radius: 15px;}
	.shp.round_20{border-radius: 20px;}
	.shp.round_25{border-radius: 25px;}
	.shp.round_30{border-radius: 30px;}
	.shp.round_35{border-radius: 35px;}
	.shp.round_40{border-radius: 40px;}
	.shp.round_45{border-radius: 45px;}
	.shp.round_50{border-radius: 50px;}

	/* Basic Shapes // circle */
	.circle.round_10{width: 10px; height: 10px; border-radius: 10px;}
	.circle.round_15{width: 15px; height: 15px; border-radius: 15px;}
	.circle.round_20{width: 20px; height: 20px; border-radius: 20px;}
	.circle.round_25{width: 25px; height: 25px; border-radius: 25px;}
	.circle.round_30{width: 30px; height: 30px; border-radius: 30px;}
	.circle.round_35{width: 35px; height: 35px; border-radius: 35px;}
	.circle.round_40{width: 40px; height: 40px; border-radius: 40px;}
	.circle.round_45{width: 45px; height: 45px; border-radius: 45px;}
	.circle.round_50{width: 50px; height: 50px; border-radius: 50px;}
	.circle.round_60{width: 60px; height: 60px; border-radius: 60px;}
	.circle.round_70{width: 70px; height: 70px; border-radius: 70px;}
	.circle.round_80{width: 80px; height: 80px; border-radius: 80px;}
	.circle.round_90{width: 90px; height: 90px; border-radius: 90px;}
	.circle.round_100{width: 100px; height: 100px; border-radius: 100px;}

	/* BUTTON // purpose */
	.button.list:{before: ""}

	/* common // text symbol item */
	.minus, .unit:not(.importantChk):not(.slash):not(.tilde):not(.atMark){margin: 0 5px 0;}
	.tilde{margin: 0 9px; padding-top: .3em;}
	.atMark{margin: 0 6px 0 5px;}
	.barMark:before{content: "\2043"; margin: 0 7px;}
	.asterisk.doubleUnit:not(.aftr):before{content:"**";}
	.asterisk.doubleUnit.aftr:after{content:"**";}
	.asterisk:not(.aftr):before{content:"*"; color: #F32626; vertical-align: -3px; margin-right: 5px;}
	.asterisk.aftr:after{content:"*"; color: #F32626; vertical-align: -3px; margin-right: 5px;}
	.asterisk.black:before{color: #3F3F3F;}
	.asterisk+p:not(.asterisk){margin-left: 12px;}
	.handMark:before{content: "\261E"; margin-right: 3px;}
	.referMark:before{content: "\203B"; margin-right: 5px;}
	.referMark+p{margin-left: 20px;}
	.circleMark:before{content: "\25CB"; margin-right: 5px;}
	.triangleMark{padding-left: .8em; position: relative;}
	.triangleMark:before{content: "\F0DA"; font-size: calc(1em + 2px); position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
	.importantChk{color: #F32626;}
	.importantChk2{color: #EE5C50;}
	.importantChk3{color: #FF1300;}
	.importantChk.blue{color: blue;}
	.importantChk.unit, .asterisk.unit{vertical-align: -3px;}
	.slash.unit{margin: 0 3px 0;}
	.pinNum.txt{text-align: center;}
	.pinNum.txt.type1{width: 30px; background: #EEE; color: #666; border: 1px solid #E2E2E2;}
	.pinNum.txt.type2{width: 29px; height: 29px; background: #6C6F73; color: #FFF; line-height: 26px; border: 1px solid #6C6F73;}
	.pinNum+.pinNum{margin-left: 10px;}
	.pinNum+.pinNum+.unit{margin: 0 10px;}
	.pinNum.txt.type1+.unit{line-height: 28px;}
	.pinNum.txt.type2+.unit{line-height: 26px;}
	.bracketTit:before{content: "<"; margin-right: 5px;}
	.bracketTit:after{content: ">"; margin-left: 5px;}

	/* SUB PAGE // Tabs UI common */
	.tabGrp .tabsArea{border-bottom: 1px solid #29BDA2;}
	.tabGrp .tabsArea li{margin-left: 1px; cursor: pointer;}
	.tabGrp .tabsArea li .tab{width: 100%; text-align: center; border: 1px solid #C0C0C0; position: relative; z-index: -1;}
	.tabGrp .tabsArea li .tab:not(.active){background: #F4F4F4; color: #000;}
	.tabGrp .tabsArea li .tab.active{background: #29BDA2; color: #FFF;}
	.tabGrp~.tabPages{padding-top: 35px;}
	.tabGrp .btnArea{padding: 55px 0 0;}
@media screen and (min-width: 992px){
	.tabGrp .tabsArea{padding-top: 8px;}
	.tabGrp .tabsArea li .tab{font-size: 18px; line-height: 48px; padding: 0 22px;}
}
@media screen and (max-width: 991px){
	.tabGrp .tabsArea{margin: 1vw 10px 0;}
	.tabGrp .tabsArea li .tab{height: 34px; text-align: center; line-height: 32px; border-radius: 0; margin: 0; padding: 0;}
	.tabGrp.n2 .tabsArea li{width: calc((100% / 2) - 1px);}
	.tabGrp.n3 .tabsArea li{width: calc((100% / 3) - 1px);}
	.tabGrp.n4 .tabsArea li{width: calc((100% / 4) - 1px);}
}
@media screen and (max-width: 991px) and (min-width: 576px){
	.tabGrp .tabsArea li:nth-of-type(4n+1){clear: left;}
	.tabGrp .tabsArea li .tab{font-size: 13px; border-bottom: none;}
	.tabGrp .tabsArea li:nth-of-type(4n) .tab{border-right: 1px solid #ADBFC8;}
	.tabGrp .tabsArea li:nth-of-type(4n) .tab.active{border-right: 1px solid #363636;}
}
@media screen and (max-width: 576px){
	.tabGrp .tabsArea li:nth-of-type(4n+1){clear: left;}
	.tabGrp .tabsArea li .tab{font-size: 11px;}
	.tabGrp .tabsArea li:nth-of-type(4n) .tab{border-right: 1px solid #ADBFC8;}
	.tabGrp .tabsArea li:nth-of-type(4n) .tab.active{border-right: 1px solid #363636;}
}

	/* Diagram */
	.procedure{background: #FFFDFA; border: 1px solid #3C63C2; margin-bottom: 88px; position: relative;}
	.wrtancInfo .procedure .stepGrp:before{display: none!important;}
	.wrtancInfo .procedure .download{height: 27px; background: #FFF url("../../static/image/common/download.png") no-repeat 10px center; color: #000; font-size: 13px; border: 1px solid #C0C9CB; border-radius: 5px; padding-left: 30px; padding-right: 10px;}
	.procedure .stepGrp .circle{width: 131px; height: 131px; background: url("../../static/image/sub/circle_blueGreenGra.png") no-repeat 0 0; color: #000; font-size: 17px; text-align: center; line-height: 131px;}
	.procedure .stepGrp .circle:nth-of-type(5){line-height: normal; padding-top: 40px;}
	.procedure .stepGrp .circle:nth-of-type(5) a{line-height: 25px;}
	.procedure .stepGrp .arr{width: 60px; height: 131px; background: url("../../static/image/sub/arr_grayBlue.png") no-repeat 0 center;}
	.procedure .tooltipBox{width: 123px; background: #E9E9F8; color: #000; line-height: 24px; box-shadow: 5px 5px 1px rgba(0,0,0,.05); position: absolute; padding: 20px 12px;}
	.procedure .tooltipBox:nth-of-type(2){height: 120px; font-size: 16px; padding-top: 15px;}
	.procedure .tooltipBox:nth-of-type(3){height: 114px; font-weight: 300;}
	.procedure .tooltipBox:before{content: ""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #E9E9F8; position: absolute;}
	.procedure .tooltipBox>h6{background: #3D66C1; color: #FFF; font-size: 16px; text-align: center; line-height: 25px; border-radius: 6px; padding: 0 4px;}
	.procedure .tooltipBox dl{font-size: 14px;}
	.procedure .tooltipBox dt{clear: left;}
	.procedure .tooltipBox .axi-ion-android-checkmark:before{color: #3D66C1; font-size: 11px;}
	.diagramGrp{border: 1px solid #E5E5E5; margin: 15px auto 0; padding: 15px;}
	.diagramGrp+.tit2{margin-top: 35px;}
	.step{}
	.step.addArr, .step:not(.mini)+.step:not(.mini), .step+.stepGrp{margin-top: 65px;}
	.step.addArr:before, .step+.step:not(.mini):not(.noArr):before, .stepGrp:not(.noArr):before{content: ""; width: 32px; height: 39px; background: url("../../static/image/sub/arr2.png"); display: inline-block; position: absolute; top: -55px;}
	.step.addArr:before, .step+.step:not(.mini):not([class*="col"]):before, .stepGrp:before{left: 50%; transform: translateX(-50%);}
	.step+.step[class*="col"]:before{left: 37px;}
	.stepGrp.left.step+.step+.step, .stepGrp.right.step+.step{margin-top: calc(65px * 2);}
	.stepGrp{margin-bottom: 22px; position: relative;}
	.stepGrp:after{content: " "; display: table; table-layout: fixed; clear: both !important;}
	.stepGrp .box.arrLine:before, .stepGrp .box.arrLine:after{content: ""; position: absolute;}
	.stepGrp .box.arrLine:before{background: #0190D5;}
	.stepGrp .box.arrLine:after{border: 5px solid transparent;}
	.stepGrp .box.arrLine.topWard:before,
	.stepGrp .box.arrLine.topWard:after,
	.stepGrp .box.arrLine.bottomWard:before,
	.stepGrp .box.arrLine.bottomWard:after{left: 50%; transform: translateX(-50%);}
	
	.stepGrp .box.arrLine.topWard:before, .stepGrp .box.arrLine.bottomWard:before{width: 1px; height: 35px;}
	.stepGrp .box.arrLine.topWard:before{top: -50px;}
	.stepGrp .box.arrLine.topWard:after{border-bottom-color: #0190D5; top: -56px;}
	.stepGrp .box.arrLine.bottomWard:before{}
	.stepGrp .box.arrLine.bottomWard:after{}

	.stepGrp .box.arrLine.leftWard:before, .stepGrp .box.arrLine.leftWard:after, .stepGrp .box.arrLine.rightWard:before, .stepGrp .box.arrLine.rightWard:after{top: 50%; transform: translateY(-50%);}
	.stepGrp .box.arrLine.leftWard:before, .stepGrp .box.arrLine.rightWard:before{width: 35px; height: 1px;}
	.stepGrp .box.arrLine.leftWard:before{left: -50px;}
	.stepGrp .box.arrLine.leftWard:after{border-left-color: #0190D5; left: -16px;}
	.stepGrp .box.arrLine.rightWard:before{}
	.stepGrp .box.arrLine.rightWard:after{}
	.stepGrp .box.left{float: left;}
	.stepGrp .box.right{float: right;}
	.stepGrp+*{clear: both;}
	.stepGrp .box:not(.step){font-size: 15px; line-height: 18px; padding: 7px 5px 8px;}
	.stepGrp:not(.row) .box:not(:first-of-type){margin-top: 5px;}
	.step.box{}
	.box{text-align: center; position: relative;}
	.box.step:not(.mini){font-size: 16px; line-height: 21px; padding: 12px 5px;}
	.box.mini{height: 31px; font-size: 15px; line-height: 31px; letter-spacing: -.6px; display: inline-block; margin: 18px 0 16px; padding: 0 10px; left: 50%; transform: translateX(-140%);}
	.box.round{border-radius: 4px;}
	.box.white{background: #FFF; color: #1B1B1B; letter-spacing: -.4px; border: 1px solid #0190D5; clear: both;}
	.box.gray{background: #F9F9F9; border: 1px solid #0190D5;}
	.box.skBlue{background: #F2FDFF; color: #000; border: 1px solid #0190D5;}
	.box.blue{background: #3C88C2; color: #FFF; border: 1px solid #3C88C2;}
	.box.navy{background: #2F364A; color: #FFF; border: 1px solid #2F364A;}
@media screen and (min-width: 1200px){
	.procedure .tooltipBox:nth-of-type(2){left: 155px;}
	.procedure .tooltipBox:nth-of-type(3){right: 155px;}
}
@media screen and (max-width: 1199px) and (min-width: 992px){
	.procedure .stepGrp .arr{height: 131px;}
	.procedure .tooltipBox:nth-of-type(2){left: 20px;}
	.procedure .tooltipBox:nth-of-type(3){right: 20px;}
}
@media screen and (min-width: 992px){
	.procedure{height: 230px;}
	.procedure .stepGrp .circle, .procedure .stepGrp .arr{display: inline-block; float: left;}
	.procedure .tooltipBox{bottom: -85px;}
	.procedure .tooltipBox:before{top: -10px; left: calc(50% - 12px);}
}
@media screen and (max-width: 991px){
	.procedure .stepGrp{padding-top: 25px; padding-bottom: 25px;}
	.procedure .stepGrp .circle, .procedure .stepGrp .arr{margin: 0 auto;}
	.procedure .stepGrp .arr{height: 60px; transform: rotate(90deg);}
	.procedure .tooltipBox{transform: translateX(-50%);}
	.procedure .tooltipBox:before{top: calc(50% - 6px); left: -14px; transform: rotate(-90deg);}
	.procedure .tooltipBox:nth-of-type(2){top: 35px;}
}
@media screen and (max-width: 991px) and (min-width: 576px){
	.procedure .tooltipBox{left: calc(50% + 150px);}
}
@media screen and (max-width: 575px){
	.procedure .stepGrp{padding-right: 140px;}
	.procedure .tooltipBox{left: calc(50% + 80px);}
}

	/* Flow Chart */
	.tabPages .flowChart{margin-top: 0;}
	.flowChart{border: 1px solid #E5E5E5; margin-top: 40px;}
	.flowChart figure{text-align: center;}
	.flowChart figure > img{width: 100%;}
	.flowChart.pcWidth figure.mChart .schDgram{display: none;}
	.flowChart.pcWidth figure.pcChart .schDgram{display: block;}
	.flowChart.mWidth figure.pcChart .schDgram{display: none;}
	.flowChart.mWidth figure.mChart .schDgram{display: block;}

/* Form Design set ---------------------------------------------------------------------------------------------- */
	/* 폼 UI // common set */
	.searchArea .selectedTarget, .selectBox .dropdownList, .searchArea .searchBox .textBox input[type="text"]{color: #757575;}
	
	/* 폼 UI // selectBox */
	.selectBox{position: relative;}
	.selectBox .selectedTarget{width: 100%; height: 100%; background: #FFF; line-height: 36px; border: 1px solid transparent; padding: 0 10px; position: relative;}
	.selectBox .selectedTarget:before, .selectBox .selectedTarget:after{position: absolute;}
	.selectBox .selectedTarget:before{content: ""; border: 6px solid transparent; right: 12px;}
	.selectBox .selectedTarget:after{content: ""; background: #FFF; right: 13px;}
	.selectBox .dropdownList{min-width: 180px; min-width: 180px; max-height: 11em; background: #FFF; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0,0,0,.2); padding: 7px 0; position: absolute; top: 42px; left: 0; z-index: 1; display: none;}
	.selectBox .dropdownList .item:hover{background: #F3FCFF;}
	.selectBox .dropdownList .item>.innerLink{height: 32px; line-height: 32px; padding: 0 10px;}
@media screen and (min-width: 992px){
	.selectBox .selectedTarget{font-size: 16px;}
}
@media screen and (max-width: 991px) and (min-width: 576px){
	.selectBox .selectedTarget{font-size: 16px;}
}
@media screen and (max-width: 575px){
	.selectBox .selectedTarget{font-size: 13px;}
}
	
	/* 폼 UI // textBox */
	.searchArea .searchBox .textBox input[type="text"]{height: 36px; line-height: 36px;}

/* Board Design set --------------------------------------------------------------------------------------------- */
	/* Board Common */
	.itemSta{color: #FFF; text-align: center; display: inline-block; padding: 0 6px;}
	.itemSta.on{background: #5990C9;}
	.itemSta.off{background: #E67396;}
	.boardWrap .board1, .boardWrap ul.board1{width: 100%;}
	.boardWrap .itemSta{font-weight: 300; vertical-align: middle;}
	section:not(.boardWrap) .itemSta{width: 49px; height: 22px; font-size: 12px; line-height: 22px; border-radius: 5px; vertical-align: 2px;}
@media screen and (min-width: 992px){
	.btnArea{padding: 30px 0;}
	.btnArea .button{font-size: 18px; line-height: 42px; padding: 0 25px;}
	.btnArea .button:before{color: #9ED2E2; font-size: 24px; vertical-align: -3px; margin-right: 10px;}
	.btnArea .button.axi-file-text-o:before{color: #FFF; font-size: 16px; vertical-align: 0; margin-right: 7px;}
	.btnArea .button.axi-ion-compose:before{color: #FFF; font-size: 22px; vertical-align: -2px; margin-right: 8px;}
	.boardWrap .itemSta{width: 49px; height: 22px; font-size: 12px; line-height: 22px; border-radius: 5px;}
}
@media screen and (max-width: 991px){
	.boardWrap ul.board1#brdList{background: #F5F7F9;}
	.btnArea{padding: 22px 0;}
	.btnArea .button{font-size: 14px; line-height: 36px; padding: 0 25px;}
	.btnArea .button:before{color: #9ED2E2; font-size: 16px; vertical-align: -3px; margin-right: 10px;}
	.btnArea .button.axi-file-text-o:before{color: #FFF; font-size: 13px; vertical-align: 0; margin-right: 7px;}
	.btnArea .button.axi-ion-compose:before{color: #FFF; font-size: 22px; vertical-align: -2px; margin-right: 8px;}
}
@media screen and (max-width: 991px) and (min-width: 576px){
	.boardWrap ul.board1#brdList{padding-top: 115px;}
	.boardWrap .itemSta{width: 89px; height: 41px; font-size: 22px; line-height: 40px; border-radius: 7px;}
}
@media screen and (max-width: 575px){
	.boardWrap ul.board1#brdList{padding-top: 195px;}
	.boardWrap .itemSta{width: 49px; height: 22px; font-size: 12px; line-height: 22px; border-radius: 5px;}
}

	/* Board1 // common */
	.board1{border-top: 2px solid #3C63C2;}
	ul.board1 .columnHeader, table.board1 thead th, table.board1 thead td{border-bottom: 1px solid #B3B3B3}
	ul.board1 .columnHeader>*, table.board1 thead th, table.board1 tbody th{color: #000; font-size: 16px; font-weight: 400;}
	ul.board1 .columnHeader>*:not(:first-of-type){border-left: 1px solid #E6E7E8;}
	ul.board1 .columnHeader>*:not(:first-of-type), ul.board1 .innerLink>*, table.board1 tbody td{border-bottom: 1px solid #E1E1E1;}
	ul.board1 .innerLink>*, table.board1 tbody td{font-weight: 300; font-size: 15px;}
	ul.board1 .innerLink>*:not(.tit), table.board1 tbody td{color: #676767;}
	ul.board1 .innerLink>.tit{color: #1F1F1F;}
	ul.board1 .list, table.board1 tbody td{background: #FFF;}
	
	/* Board1 // Ul TYPE */
	ul.board1{background: #F9F9FA; display: table;}
	ul.board1.noResize .columnHeader{display: table-header-group;}
	ul.board1.noResize .list{display: table-row-group;}
	ul.board1.noResize .innerLink{display: table-row;}
	ul.board1.noResize .innerLink>*{display: table-cell;}
	ul.board1 .columnHeader{line-height: 55px;}
	ul.board1 .columnHeader>*{text-align: center; border-bottom: 1px solid #B3B3B3; display: table-cell;}
	ul.board1 .innerLink>*{border-bottom: 1px solid #E1E1E1;}
	ul.board1 .innerLink>*.dicTit{border-left: 1px solid #E6E7E8;}
@media screen and (min-width: 992px){
	ul.board1:not(.noResize) .columnHeader{display: table-header-group;}
	ul.board1:not(.noResize) .innerLink{display: table-row;}
	ul.board1:not(.noResize) .innerLink>*{height: 55px; vertical-align: middle; display: table-cell;}
	ul.board1.noResize .innerLink>*{line-height: 50px;}
	ul.board1:not(.noResize) .list{display: table-row-group;}
	ul.board1 .innerLink>*:not(.tit):not(.dicTit){text-align: center;}
	ul.board1 .innerLink>*.tit, ul.board1 .innerLink>*.dicTit{padding-left: 20px; padding-right: 20px;}
}
@media screen and (max-width: 991px){
	ul.board1:not(.noResize) .list .innerLink{width: inherit; display: inline-block;}
	ul.board1.noResize .innerLink>*{line-height: 32px;}
	ul.board1 .columnHeader{display: none;}
	ul.board1 .list{width: 100%; line-height: 1.7; border-bottom: 1px solid #E1E1E1; display: inline-block;}
	ul.board1 .columnHeader+.list{border-top: 1px solid #747474;}
	ul.board1 .list:nth-of-type(2n){background: #F8F7F7;}
	ul.board1 .list:nth-of-type(2n+1):not(first-of-type){background: #FFF;}
	ul.board1 .innerLink>*{border-width: 0;}
	ul.board1 .innerLink>*:before{color: #3C63C2; font-weight: normal;}
	ul.board1 .innerLink>*.dicTit{padding-left: 20px; padding-right: 20px;}
	ul.board1 .innerLink .tit, ul.board1 .innerLink .tit:before{display: block;}
	ul.board1 .innerLink .tit{text-align: left; line-height: 1.4; clear: left;}
	ul.board1 .innerLink .tit:before{content: "제목";}
	ul.board1 .innerLink .wrtDate:before{content: "등록일";}
}
@media screen and (max-width: 991px) and (min-width: 576px){
	ul.board1 .columnHeader .cntNo{width: 90px;}
	ul.board1 .columnHeader .ntfcNo{width: 135px;}
	ul.board1 .columnHeader .wrtancSta{width: 165px;}
	ul.board1 .columnHeader .tit{width: 470px;}
	ul.board1 .columnHeader .wrtDate{width: 140px;}
	ul.board1 .list{padding: 6px 20px 20px;}
	ul.board1 .innerLink>*{font-size: 15px;}
	ul.board1 .innerLink>*:not(.ntfcNo):not(.wrtancSta){padding-top: 12px;}
	ul.board1 .innerLink>*:before{margin-right: 25px;}
	ul.board1 .innerLink .wrtDate{text-align: center; display: inline-block; clear: both;}
	ul.board1 .emptyMsg{height: 56px; text-align: center;}
}
@media screen and (max-width: 575px){
	ul.board1 .list{padding: 16px 15px;}
	ul.board1 .innerLink>*{font-size: 13px;}
	ul.board1 .innerLink>*:before{margin-right: 7px;}
}

	/* Board1 // Table TYPE */
	table.board1 thead{background: #EAEDF4;}
	table.board1 thead th, table.board1 thead td{height: 56px;}
	table.board1 thead th:not(:first-of-type){border-left: 1px solid #B3B3B3;}
	table.board1 tbody th{background: #F9F9FA; border: 1px solid #D1C4E9; padding: 0 10px; word-break: keep-all;}
	table.board1 tbody th:not(:first-of-type), table.board1 tbody td:not(:first-of-type){border-left: 1px solid #E1E1E1;}
	table.board1 tbody td{padding: 7px 15px;}

	/* Board2 */
	.board2{border-top: 1px solid #0B90B6; display: table;}
	.board2 .columnHeader{background: #F9F9FA; line-height: 55px; display: table-header-group;}
	.board2 .columnHeader>*{color: #3457B3; font-size: 16px; font-weight: 400; border-bottom: 1px solid #B3B3B3; display: table-cell;}
	.board2 .list{background: #FFF; line-height: 55px; display: table-row;}
	.board2 .list>*{color: #676767; font-size: 15px; font-weight: 300; border-bottom: 1px solid #E1E1E1; display: table-cell;}
@media screen and (max-width: 1023px){
	.board2 .list.emptyMsg{background: #FFF; line-height: 55px; display: table-row;}
	.board2 .list.emptyMsg>*{width: 100%; color: #676767; font-size: 15px; font-weight: 300; border-bottom: 1px solid #E1E1E1; display: table-cell;}
}

	/* Board3 */
	.board3{border-top: 2px solid #3457B3; display: table;}
	.board3 .columnHeader{background: #515151; line-height: 36px; display: table-header-group;}
	.board3 .columnHeader>*{color: #FFF; font-size: 15px; font-weight: 400; border-top: 1px solid #868686; border-bottom: 1px solid #737373; display: table-cell;}
	.board3 .list{background: #FFF; line-height: 39px; display: table-row;}
	.board3 .list>*{color: #6E6E6E; font-size: 13px; font-weight: 300; border-bottom: 1px solid #DCDCDC; display: table-cell;}

	/* Board4 // table comomon */
	.board4{width: 100%; border-top: 2px solid #0190D5;}
	.board4 tbody th, .board4 td{border: 1px solid #BCD3E4;}
	.board4 th:first-child, .board4 td:first-child{border-left: none;}
	.board4 th:last-child, .board4 td:last-child{border-right: none;}

	/* Board4 // table color theme 01 */
	.board4.bg01 th, .board4.bg01 td{text-align: center; border-bottom: 1px solid #BCD3E4; border-left: 1px solid #BCD3E4;}
	.board4.bg01 th:first-of-type, .board4.bg01 td:first-of-type{border-left: none;}
	.board4.bg01 thead th{background: #F0F4F8; color: #2A2A2A; font-size: 15px; padding: 3px 0;}
	.board4.bg01 tbody th, .board4.bg01 tbody td{color: #707070; font-size: 13px; padding: 7px 15px;}
	.board4.bg01 tbody td{height: 35px; line-height: 1.2;}

	/* Board4 // table color theme 02 */
	.board4.bg02 th{text-align: center;}
	.board4.bg02 td{text-align: left; padding: 13px 20px 15px;}
	.board4.bg02 thead th{border-left: 1px solid #FFF; padding: 15px 0;}
	.board4.bg02 thead th:first-of-type{border-left: none;}
	.board4.bg02 thead th{background: #D9E5F0; color: #000; font-size: 18px;}
	.board4.bg02 tbody th{background: #F0F4F8; color: #3A3A3A; font-size: 16px;}
	.board4.bg02 tbody td{background: #FFF; color: #686868; font-size: 15px; font-weight: 300;}
@media screen and (max-width: 719px){
	.board4.bg02 td{padding: 5px 10px;}
	.board4.bg02 thead th{font-size: 13px; padding: 5px 0;}
	.board4.bg02 tbody th{font-size: 13px; padding: 5px 0;}
	.board4.bg02 tbody td{font-size: 13px;}
}

	/* Board4 // list table */
	.board4{display: table;}
	.board4 .columnHeader{background: #F0F4F8; line-height: 50px; display: table-header-group;}
	.board4 .columnHeader>*{color: #2A2A2A; font-size: 16px; font-weight: 400; border-left: 1px solid #BCD3E4; border-bottom: 1px solid #BCD3E4; display: table-cell;}
	.board4 .columnHeader .cntNo{border-left: none;}
	.board4 .list{background: #FFF; line-height: 50px; display: table-row-group;}
	.board4 .innerLink>*{color: #676767; font-size: 15px; font-weight: 300; border-left: 1px solid #BCD3E4; border-bottom: 1px solid #BCD3E4; display: table-cell;}
	.board4 .innerLink .cntNo{border-left: none;}
	.board4 .innerLink .dicTit{padding-left: 15px;}

	/* Board5 // type01 */
	.board5.type01{width: 100%; border-top: 2px solid #0B90B6; border-bottom: 1px solid #BCBCBC;}
	.board5.type01 dl{background: #FAFAFA;}
	.board5.type01 dt, .board5.type01 dd{min-height: 60px; max-height: 60px; border-top: 1px solid #E9E9E9;}
	.board5.type01 dt:first-of-type, .board5.type01 dd:first-of-type{border-top: none;}
	.board5.type01 dt{width: 210px; color: #555; font-size: 16px; text-align: center; clear: left; padding: 16px 0;}
	.board5.type01 dd{width: calc(100% - 210px); background: #FFF; text-align: left; line-height: 34px; padding: 14px 18px 12px;}

	/* Board5 // type02 */
	.board5.type02{width: 100%; border-top: 2px solid #0B90B6; border-bottom: 1px solid #34404D;}
	.board5.type02 dt, .board5.type02 dd{min-height: 60px; max-height: 60px; border-top: 1px solid #C2D1D7;}
	.board5.type02 dt:first-of-type, .board5.type02 dd:first-of-type{border-top: none;}
	.board5.type02 dt{width: 210px; background: #E9F0F3; color: #555; font-size: 16px; text-align: center; padding: 16px 0;}
	.board5.type02 dd{width: calc(100% - 210px); background: #FFF; font-size: 15px; text-align: left; line-height: 34px; border-left: #C2D1D7; padding: 14px 18px 12px;}

	/* Board6 // table style */
	.board6:not(dl){width: 100%; display: table; border-collapse: collapse;}
	.board6 .colsize{display: table-column-group;}
	.board6 .colsize>*{display: table-column;}
	.board6 .columnHeader{background: #E9F0F3; line-height: 48px; border-top: 1px solid #747474; border-bottom: 1px solid #C2D1D7; display: table-header-group;}
	.board6 .columnHeader>*{color: #34404D; font-size: 16px; font-weight: 400; display: table-cell;}
	.board6 .columnHeader .decoBox{width: calc(100% + 2px); border-top: 1px solid #FFF; border-left: 1px solid #C2D1D7; border-right: 1px solid #FFF;}
	.board6 .columnHeader :first-of-type .decoBox{border-left: none;}
	.board6 .columnHeader :last-of-type .decoBox{width: 100%; border-right: none;}
	.board6 .list{background: #FFF; line-height: 40px; display: table-row-group;}
	.board6 .innerLink{display: table-row;}
	.board6 .innerLink>*{color: #676767; font-size: 15px; font-weight: 300; border-left: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; display: table-cell;}
	.board6 .innerLink .ppFiles a{color: inherit; line-height: normal; letter-spacing: -.3px;}
	.board6 .innerLink .ppFiles a.deleteBtn{margin-left: 10px;}
	.board6 .innerLink .ppFiles a:not(.deleteBtn){display: inline;}
	.board6 .innerLink>:first-of-type{border-left: none;}
	.board6 .list:last-of-type .innerLink>*{border-bottom: 1px solid #34404D;}

	/* Board6 // definition list style */
	dl.board6{width: 100%; background: #E9F0F3; border-top: 1px solid #747474; border-bottom: 1px solid #C2D1D7;}
	.board6 dt:last-of-type, .board6 dd:last-of-type{border-bottom: none;}
	.board6 dt:not(:first-of-type){clear: left;}
	.board6 dt, .board6 dd{max-height: 60px; min-height: 60px;}
	.board6 dt{width: 150px; color: #34404D; font-size: 16px; line-height: 60px; border-top: 1px solid #FFF; border-bottom: 1px solid #C2D1D7; padding-left: 18px;}
	.board6 dd{width: calc(100% - 150px); background: #FFF; color: #676767; font-size: 15px; font-weight: 300; border-left: 1px solid #E1E1E1; border-bottom: 1px solid #EEE; padding: 13px 30px;}
	.board6 dd>span{color: #3E3E3E; font-weight: normal; line-height: 30px;}

	/* Board7 // no partition & not link list */
	.board7{width: 100%; border-top: 2px solid #000; border-bottom: 1px solid #C2D1D7; display: table;}
	.board7 .colsize{display: table-column-group;}
	.board7 .colsize>*{display: table-column;}
	.board7 .columnHeader{background: #E9F0F3; line-height: 48px; border-top: 1px solid #747474; border-bottom: 1px solid #C2D1D7; display: table-header-group;}
	.board7 .columnHeader>*{color: #34404D; font-size: 16px; font-weight: 400; display: table-cell;}
	.board7 .list{background: #FFF; line-height: 40px; display: table-row;}
	.board7 .list>*{color: #303030; font-size: 15px; font-weight: 300; border-top: 1px solid #EEE; display: table-cell;}
	.board7 .columnHeader + .list>*{border-top: none;}

	/* Board etc // file List item */
	#sub .fileBox .fileList li{min-height: 28px; background: url("../../static/image/common/arr1.png") no-repeat 0 11px; color: #838282; font-size: 13px; font-weight: 300; line-height: 25px; border-top: 1px solid #EEE; padding-left: 8px;}
	#sub .fileBox .fileList li:first-of-type{border-top: none; margin-top: 15px;}
	#sub .fileBox .fileList li:last-of-type{margin-bottom: 5px;}
	#sub .fileBox .fileList li .deleteBtn{width: 17px; height: 17px; background: url("../../static/image/common/controls.png") no-repeat center -533px; vertical-align: -5px; border: 1px solid #C86449; margin-left: 14px;}
	#mngSub .fileBox .fileList li{min-height: 28px; background: url("../../static/image/common/arr1.png") no-repeat 0 11px; color: #838282; font-size: 13px; font-weight: 300; line-height: 25px; border-top: 1px solid #EEE; padding-left: 8px;}
	#mngSub .fileBox .fileList li:first-of-type{border-top: none; margin-top: 15px;}
	#mngSub .fileBox .fileList li:last-of-type{margin-bottom: 5px;}
	#mngSub .fileBox .fileList li:first-of-type{margin-top: 0;}
	#mngSub .fileBox .fileList li .item{color: inherit;}
	#mngSub .fileBox .fileList li .deleteBtn{width: 17px; height: 17px; background: url("../../static/image/common/controls.png") no-repeat center -533px; vertical-align: -5px; border: 1px solid #C86449; margin-left: 14px;}
	#mngSub.brdInsert .fileBox .fileList li{background-position: 0 16px; padding: 5px 8px;}
	#mngSub.brdInsert .fileBox .fileList li:first-of-type{background-position: 0 11px; margin-top: 7px; padding: 0 8px 5px;}
	#mngSub.brdInsert .fileBox .fileList li:last-of-type{background-position: 0 15px; margin-bottom: 0; padding: 5px 8px 0;}

	/* Board etc // empty result message */
	.emptyMsg{width: 100%; height: 55px; color: #676767; font-size: 15px; text-align: center; line-height: 55px;}
	
/* Layer Popup Design set --------------------------------------------------------------------------------------- */
	/* Layer Popup common */
	div.layerPop{width: 100%; height: 0; position: absolute; top: 0; float: left;}
	.layerPop>div[class^="layerPop"]{z-index:100;}
	.layerPop .fancyBoxUi .close>a{width: inherit; height: inherit; vertical-align: top;}
	.layerPop :not(.fancyBoxUi) .close>a{width: inherit; vertical-align: top;}
	.layerPop .titArea h3{color: #FFF; font-size: 18px;}
	.layerPop .contArea{overflow-x: hidden; overflow-y: auto;}
	.layerPop .contArea .part h5{color: #3A3A3A; font-size: 20px; padding: 0 0 10px;}
	.layerPop .contArea .part h5:before{content: ""; width: 3px; height: 18px; background: #0376D3; vertical-align: -2px; display: inline-block; margin-right: 10px;}
@media screen and (max-width: 719px){
	.layerPop>div[class^="layerPop"].layerPop03{z-index: 9999; width: 100% !important; left: 0 !important;}
	.layerPop .titArea h3{font-size: 16px; font-weight: 300;}
	.layerPop .contArea .part h5{font-size: 15px; padding: 0 0 10px; position: relative;}
	.layerPop .contArea .part h5:before{content: ""; width: 3px; height: 15px; margin-right: 4px;}
	.layerPop .contArea .part h5.up:after{content: "\f106"; color: #0190D5; font-size: 24px; position: absolute; right: 0; top: -8px;}
	.layerPop .contArea .part h5.down:after{content: "\f107"; color: #0190D5; font-size: 24px; position: absolute; right: 0; top: -11px;}
}

	/* Layer Popup template 1 */
	.layerPop01{background: #FFF; border: 1px solid #3457B3; position: relative; padding: 3px 3px 0;}
	.layerPop01 .titArea{background: #738695; line-height: 32px; padding: 0 15px; cursor: move;}
	.layerPop01 .titArea .close{width: 36px; height: inherit; background: url("../../static/image/common/controls.png") no-repeat center -169px; vertical-align: -6px;}
	.layerPop01 .titArea .close>a{height: 32px;}
	.layerPop01 .contArea{width: 100%; display: table; padding: 7px 0;}
	.layerPop01 .contArea li{line-height: 1.3; border-bottom: 1px solid #F0F0F0; position: relative; padding: 12px 0;}
	.layerPop01 .contArea li .innerLeft:before{content: ""; width: 5px; height: 20px; background: url("../../static/image/common/blltSpr.png") no-repeat -12px -245px; position: absolute; top: 21px; left: 13px;}
	.layerPop01 .contArea li:last-of-type, .layerPop01 .contArea li:only-of-type{border-bottom: none;}
	.layerPop01 .contArea .innerLeft, .layerPop01 .contArea .innerRight{display: inline-block;}
	.layerPop01 .contArea .innerLeft{width: 60%; font-weight: 300; line-height: 38px; vertical-align: top; padding: 1px 0 0 23px;}
	.layerPop01 .contArea .innerRight{width: calc(40% - 1px); text-align: left; border-left: 1px solid #DCE1E5; padding: 0 14px;}
	.layerPop01 .innerRight .button{background: #3CB6D9; color: #FFF; font-size: 15px; font-weight: 300; line-height: 30px; box-shadow: 2px 2px 3px rgba(0,0,0,.15); border: 1px solid #0B90B6; border-radius: 3px; margin: 3px; padding: 0 10px;}
	.layerPop01 .innerRight .button:only-child{width: calc(100% - 6px);}
	.layerPop01 .innerRight .button:not(:only-child){width: calc((100% - 13px) / 2); float:left; margin-left: 7px;}
	.layerPop01 .innerRight .button:not(:only-child):first-of-type{margin-left: 0;}
	.layerPop01 .innerRight .button:hover{background: #28A4C7;}
	.layerPop01 .innerRight .button:active{background: #0B90B6; border: 1px solid #2F7184;}
@media screen and (max-width: 960px) and (orientation: landscape){
	.layerPop01{background: #FFF; border: 1px solid #3457B3; position: relative; padding: 4px 4px 0;}
	.layerPop01 .edge{display: none;}
	.layerPop01 .titArea{background: #738695; line-height: 43px; padding: 0 6px 0 15px; cursor: pointer;}
	.layerPop01 .titArea .close{width: 36px; height: inherit; background: none; text-align: center;}
	.layerPop01 .titArea .close>a:before{content: "\e117"; color: #FFF; font-size: 30px; vertical-align: -6px;}
	.layerPop01 .contArea{width: 100%; display: table; padding: 9px 0 8px;}
	.layerPop01 .contArea li:before{top: 19px;}
	.layerPop01 .contArea .innerRight{border-left: none;}
	.layerPop01 .innerRight .button{background: #3CB6D9; color: #FFF; font-size: 13px; font-weight: 300; line-height: 38px; border: 1px solid #0B90B6; border-radius: 3px; margin: 0; padding: 0 10px;}
	.layerPop01 .innerRight .button:only-child{width: 100%;}
	.layerPop01 .innerRight .button:not(:only-child){width: calc((100% - 8px) / 2); float:left; margin-left: 7px;}
	.layerPop01 .innerRight .button:not(:only-child):first-of-type{margin-left: 0;}
	.layerPop01 .innerRight .button:hover{background: #28A4C7;}
	.layerPop01 .innerRight .button:active{background: #0B90B6; border: 1px solid #2F7184;}
}
@media screen and (min-width: 720px) and (max-width: 1023px){
	.layerPop01{background: #FFF; border: 1px solid #3457B3; position: relative; padding: 4px 4px 0;}
	.layerPop01 .edge{display: none;}
	.layerPop01 .titArea{background: #738695; line-height: 43px; padding: 0 6px 0 15px; cursor: pointer;}
	.layerPop01 .titArea .close{width: 36px; height: inherit; background: none; text-align: center;}
	.layerPop01 .titArea .close>a:before{content: "\e117"; color: #FFF; font-size: 30px; vertical-align: -6px;}
	.layerPop01 .contArea{width: 100%; display: table; padding: 9px 0 8px;}
	.layerPop01 .contArea li:before{top: 15px;}
	.layerPop01 .contArea .innerRight{border-left: none;}
	.layerPop01 .innerRight .button{background: #3CB6D9; color: #FFF; font-size: 13px; font-weight: 300; line-height: 30px; border: 1px solid #0B90B6; border-radius: 3px; margin: 0; padding: 0 10px;}
	.layerPop01 .innerRight .button:only-child{width: 100%;}
	.layerPop01 .innerRight .button:not(:only-child){width: calc((100% - 8px) / 2); float:left; margin-left: 7px;}
	.layerPop01 .innerRight .button:not(:only-child):first-of-type{margin-left: 0;}
	.layerPop01 .innerRight .button:hover{background: #28A4C7;}
	.layerPop01 .innerRight .button:active{background: #0B90B6; border: 1px solid #2F7184;}
}
@media screen and (max-width: 719px){
	.layerPop01{background: #FFF; border: 1px solid #3457B3; position: relative; padding: 4px 4px 0;}
	.layerPop01 .edge{display: none;}
	.layerPop01 .titArea{background: #738695; line-height: 43px; padding: 0 6px 0 15px; cursor: pointer;}
	.layerPop01 .titArea .close{width: 36px; height: inherit; background: none; text-align: center;}
	.layerPop01 .titArea .close>a:before{content: "\e117"; color: #FFF; font-size: 30px; vertical-align: -6px;}
	.layerPop01 .contArea{width: 100%; display: table; padding: 9px 0 8px;}
	.layerPop01 .contArea li:before{background-position: -12px -252px; top: 16px;}
	.layerPop01 .contArea .innerLeft, .layerPop01 .contArea .innerRight{display: inline-block;}
	.layerPop01 .contArea .innerLeft{width: 100%; font-weight: 300; line-height: normal; padding: 10px 10px 10px 23px;}
	.layerPop01 .contArea .innerRight{width: 100%; text-align: center; border-left: none;}
	.layerPop01 .innerRight .button{background: #3CB6D9; color: #FFF; font-size: 13px; font-weight: 300; line-height: 30px; border: 1px solid #0B90B6; border-radius: 3px; margin: 0; padding: 0 7px;}
	.layerPop01 .innerRight .button:only-child{width: 100%;}
	.layerPop01 .innerRight .button:not(:only-child){width: calc((100% - 8px) / 2); float:left; margin-left: 7px;}
	.layerPop01 .innerRight .button:not(:only-child):first-of-type{margin-left: 0;}
	.layerPop01 .innerRight .button:hover{background: #28A4C7;}
	.layerPop01 .innerRight .button:active{background: #0B90B6; border: 1px solid #2F7184;}
}

	/* Layer Popup template 2 */
	.layerPop02{background: #FFF; border: 1px solid #3457B3;}
	.layerPop02 .titArea{line-height: 36px;}
	.layerPop02 .titArea.bg01{background: #2C3642;}
	.layerPop02 .titArea.bg02{background: #364F6D;}
	.layerPop02 .titArea .txtCont{width: calc(100% - 36px); border-top: 1px solid rgba(255,255,255,.3); border-right: 1px solid rgba(255,255,255,.3); padding: 0 0 0 15px;}
	.layerPop02 .titArea .txtCont h3{font-size: 16px;}
	.layerPop02 .titArea .txtCont h3:after{content: ""; width: 1px; height: 21px; background: rgba(255,255,255,.2); display: inline-block; margin: 0 0 -4px 12px;}
	.layerPop02 .titArea .txtCont h4{color: #8FB2DD; font-size: 13px; font-weight: 300; display: inline-block; float: left;}
	.layerPop02 .titArea .txtCont h4:before{content: ""; width: 1px; height: 21px; background: #2B3F57; display: inline-block; margin: 0 11px -5px 0;}
	.layerPop02 .titArea .close{width: 36px; height: inherit; background: rgba(255,255,255,.15) url("../../static/image/common/controls.png") no-repeat center -168px;}
	.layerPop02 .titArea .close>a{height: 36px;}
	.layerPop02 .titArea.bg01 + .contArea{padding: 21px 16px;}
	.layerPop02 .titArea.bg02 + .contArea{padding: 25px;}
@media screen and (max-width: 719px){
	.layerPop02 .titArea .txtCont h3:after, .layerPop02 .titArea .txtCont .txtSubTit.desc{display: none;}
}

	/* Layer Popup template 3 */
	.layerPop03{border: 1px solid #C4C4C4;}
	.layerPop03 .titArea{background: #4F7DB5 url("../../static/layerPop/popTitPttn01.png"); line-height: 47px; border-bottom: 3px solid #D9D9D9; box-shadow: 2px 2px 3px rgba(0,0,0,.2); padding: 0 0 0 15px; padding-bottom: 0;}
	.layerPop03 .close{width: 50px; height: inherit; background: url("../../static/image/common/controls.png") no-repeat center -160px;}
	.layerPop03 .close>a{height: 48px;}
	.layerPop03 .titArea h3{font-size: 18px;}
	.layerPop03 .titArea h4{color: #C0DCFF; font-size: 18px; border-bottom: 1px solid #0B90B6; padding: 0 5px;}
@media screen and (max-width: 719px){
	.layerPop03 .titArea h4{display: none !important;}
}

	/* Layer Popup template 5 */
	.layerPop .fancyBoxUi{background: transparent; border: 1px solid #525252; box-shadow: 1px 1px 10px rgba(0,0,0,.3); position: relative; margin: 16px 17px;}
	.layerPop .fancyBoxUi .close{width: 36px; height: 36px; background: rgba(0,0,0,.8) url("../../static/image/common/controls.png") no-repeat center -169px; border: 1px solid #0376D3; border-radius: 30px; position: absolute; top: -15px; right: -15px;}

	/* Layer Popup template 6 */
	.layerPop04{border: 1px solid #C4C4C4;}
	.layerPop04 .titArea{background: #4F7DB5 url("../../static/layerPop/popTitPttn02.png"); line-height: 47px; box-shadow: 2px 2px 3px rgba(0,0,0,.2); padding-left: 15px;}
	.layerPop04 .close{width: 50px; height: inherit; background: url("../../static/image/common/controls.png") no-repeat center -160px;}
	.layerPop04 .close>a{height: 48px;}
	.layerPop04 .titArea h3{font-size: 18px;}
	.layerPop04 .contArea{background: #FFF; padding: 30px 21px 40px;}

	/* Layer Popup custom // searchBox */
	.layerPop .searchBox{background: #FFF;}
	.layerPop .searchBox .board3 .columnHeader .loc{width: 30%; text-align: center;}
	.layerPop .searchBox .board3 .columnHeader .bussName{width: 30%; text-align: center;}
	.layerPop .searchBox .board3 .columnHeader .add{width: 40%; text-align: center;}
	.layerPop .searchBox .board3 .list .loc{width: 30%; text-align: center;}
	.layerPop .searchBox .board3 .list .bussName{width: 30%; text-align: center;}
	.layerPop .searchBox .board3 .list .add{width: 30%; text-align: center;}
	.layerPop .searchBox .board3 .list .add .button{color: #3457B3; font-size: 14px; line-height: 22px; border: 1px solid #3457B3; border-radius: 5px; padding: 0 22px;}
	.layerPop .searchBox .board3 .list .add .button:hover{background: #3457B3; color: #FFF;}
	.layerPop .searchBox .board3 .list .add .button:active{background: #34495E; color: #FFF; border: 1px solid #34495E;}
	.layerPop .searchBox .board3 .list:last-of-type>*{border-bottom: 0;}
	.layerPop .searchBox .scrollbarUi{max-height: 199px; background: #FFF;}
	.layerPop .searchBox .scrollbarUi .board3{width: calc(100% + 15px); border-top: 0;}

	/* Layer Popup custom // bussDetail */
	.layerPop .bussDetail{background: #FFF; position: relative;}
	.layerPop .bussDetail .part{margin: 20px 20px 10px;}
	.layerPop .bussDetail .board4{}
	.layerPop .bussDetail .board4 td{text-align: left; white-space: pre-wrap;}
	.layerPop .bussDetail .board4 .attFile{min-width: 305px;}
	.layerPop .bussDetail .board4 .attFile>a{width: 100%; color: #0190D5; text-align: left; line-height: 19px;}
	.layerPop .bussDetail .board4 .attFile>a>span{border-bottom: 2px solid #BCD9F0;}
	.layerPop .bussDetail .lSAction>a{
		width: 32px; height: 32px;
		background: url('../image/common/controls.png') no-repeat;
		opacity: 0.5;
		-webkit-transition: opacity 0.35s linear 0s;
		transition: opacity 0.35s linear 0s;
		display: block;
		margin-top: -16px;
		position: absolute;
		top: calc(50% + 10px);
		cursor: pointer;
		z-index: 99;
	}
	.layerPop .bussDetail .lSAction>a:hover{opacity: 1;}
	.layerPop .bussDetail .lSAction>.lSPrev{background-position: 7px -95px; left: 10px;}
	.layerPop .bussDetail .lSAction>.lSNext{background-position: -40px -95px; right: 15px;}
	.layerPop .bussDetail .staPhoto li{border-right: 1px solid #BCD3E4;}
	.layerPop .bussDetail .staPhoto li:nth-of-type(3n),
	.layerPop .bussDetail .staPhoto li:last-of-type{border-right: none;}
	.layerPop .bussDetail .staPhoto .thumbnail{width: 100%; border-top: 2px solid #0190D5;}
	.layerPop .bussDetail .staPhoto .thumbnail dt, .layerPop .bussDetail .staPhoto .thumbnail dd{text-align: center; border-bottom: 1px solid #BCD3E4;}
	.layerPop .bussDetail .staPhoto .thumbnail dt{width: 100%; height: 32px; background: #F0F4F8; color: #2A2A2A; font-size: 15px; text-align: center; padding: 3px 0;}
	.layerPop .bussDetail .staPhoto .thumbnail dd{padding: 15px 0;}
	.layerPop .bussDetail .staPhoto .thumbnail .lSAction>.lSPrev{background-position: 0 0; left: 10px;}
	.layerPop .bussDetail .staPhoto .thumbnail .lSAction>.lSNext{background-position: -32px 0; right: 10px;}
	.layerPop .bussDetail .depart{color: #767676; font-size: 15px; margin: 15px 0 55px;}
	.layerPop .bussDetail .depart .axi:before{color: #AAA; font-size: 20px; vertical-align: -2px; margin-right: 8px;}
	.layerPop .bussDetail .depart .lineDeco:after{content: "\FF5C"; color: #3A3A3A;}
	.layerPop .bussDetail .infoArea{width: 100%; background: #F9F9F9; color: #6A6A6A; font-size: 15px; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #C4C4C4; padding: 15px 20px 40px;}
	.layerPop .bussDetail .infoArea.actvBttm{position: absolute; left:0; bottom: 0;}
	.layerPop .bussDetail .infoArea .redEmpha{color: #C93636;}
	.layerPop .bussDetail .infoArea .blueEmpha{color: #3457B3;}