@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: "Spoqa Han Sans", sans-serif, "Font Awesome 5 Free";}
	.fa, .fas{font-weight: inherit;}
	.fa:before, .fas:before{font-weight: 900;}

/* HEADER ------------------------------------------------------------------------------------------------------- */
	header#header .headTop .logo{background-image: url("../../static/image/common/logoHead.png"); background-repeat: no-repeat;}
	header#header .sysTit{background: url("../../static/image/common/sysTit.png"); background-repeat: no-repeat; text-align: center;}
	header#header .login, header#header .logout{background-image: url("../../static/image/common/iconSpr.png"); background-repeat: no-repeat;}
	header#header .clsNavi>.innerLink{float: right;}
@media screen and (min-width: 992px){
	header#header{
		width: 100%;
		position: fixed; z-index: 999;
		transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-webkit-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-moz-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-ms-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-o-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
	}
	header#header:not(.on){height: 116px;}
	header#header:not(.on) .depth1>li>.innerLink[data-menu*="menuGrp"]{line-height: 44px;}
	header#header:not(.on) .wrapDep2{top: 42px;}
	header#header.on{height: 91px; background: #FFF; box-shadow: -10px -10px 20px rgba(0,0,0,.3);}
	header#header.on .headTop{display: none;}
	header#header.on .sysTit{transform: translateY(50%);}
	header#header.on .depth1>li>.innerLink[data-menu*="menuGrp"]{line-height: 90px;}
	header#header.on .wrapDep2{top: 85px;}
	header#header .headTop .innerLeft, header#header .headTop .innerRight, header#header .headTop .logo{height: 89px;}
	header#header .headTop .container{padding-right: 0;}
	header#header .headTop .innerLeft, header#header .headTop .innerRight{line-height: 66px;}
	header#header .headTop .innerLeft{float: left;}
	header#header .headTop .innerRight{float: right; padding-top: 6px; padding-right: 15px;}
	header#header .headTop .innerRight>.innerLink{width: 88px; color: #2F364A; font-size: 13px; font-weight: 600; position: relative;}
	header#header .headTop .innerRight>.innerLink:last-of-type{text-align: right;}
	header#header .headTop .innerRight .innerLink:not(.home):before{content: ""; width: 1px; height: 19px; background: #E5E5E5; position: absolute; top: calc(50% - 2px); left: -10px; transform: translateY(-50%);}
	header#header .headTop .innerRight .home{background-position: 2px 16px; text-align: center;}
	header#header .headTop .isPc.login{background-position: 16px -43px;}
	header#header .headTop .isPc.logout{background-position: 5px -43px;}
	header#header .headTop .logo{width: 111px; background-position: center 15px;}
	header#header .headBtom>.container{height: 100%; padding-right: 0;}
	header#header .sysTit, header#header .wrapDep1{height: inherit; display: inline-block;}
	header#header .sysTit{width: 250px; height: 48px; background-position: 0 0;}
	header#header .opnNavi, header#header .clsNavi{display: none;}
	header#header .wrapDep1{float: right;}
	header#header .depth1{height: 100%; float: right;}
	header#header .depth1>li{display: inline-block; float: left; position: relative;}
	header#header .depth1>li.icon:before{content: ""; width: 22px; height: 22px; background: #9FAFC0; border-radius: 100%; position: absolute; top: 50%; transform: translateY(-50%);}
	header#header .depth1>li.icon:last-of-type:before{right: 0;}
	header#header .depth1>li.icon:not(:last-of-type):before{right: 20px;}
	header#header .depth1>li.icon:after{content: ""; border: 5px solid transparent; border-top-color: #FFF; position: absolute; top: calc(50% + 3px); transform: translateY(-50%);}
	header#header .depth1>li.icon:last-of-type:after{right: 6px;}
	header#header .depth1>li.icon:not(:last-of-type):after{right: 26px;}
	header#header .depth1>li[data-menu="menu2"]{width: 142px;}
	header#header .depth1>li[data-menu="menu4"]{width: 144px;}
	header#header .depth1>li[data-menu="menu5"]{width: 100px;}
	header#header .depth1>li[data-menu="menu5"]>.innerLink[data-menu*="menuGrp"]{padding-right: 0;}
	header#header .depth1>li:last-of-type{padding-right: 0;}
	header#header .depth1>li:first-of-type>.innerLink[data-menu*="menuGrp"]{color: #00C1A6;}
	header#header .depth1>li:not(:first-of-type)>.innerLink[data-menu*="menuGrp"]{color: #33475B;}
	header#header .depth1>li>.innerLink[data-menu*="menuGrp"]{font-family: "NanumSquare", sans-serif; font-size: 18px; font-weight: 800; padding: 0 20px; position: relative;}
	header#header .depth1>li:not(:hover)>.wrapDep2{display: none;}
	header#header .wrapDep2{background: #FFF; font-weight: normal; line-height: normal; border: 1px solid #E7EAEA; border-radius: 7px; box-shadow: 1px 1px 10px rgba(0,0,0,.15); padding: 25px 0 30px; position: absolute; z-index: 100;}
	header#header .wrapDep2[data-menu="menuGrp2"]{width: 949px; left: calc((-142px * 3) - 7px);}
	header#header .wrapDep2[data-menu="menuGrp2"] .depth2{width: calc(100% / 5);}
	header#header .wrapDep2[data-menu="menuGrp2"] .depth2:not(:nth-of-type(-n+5)){margin-top: 30px;}
	header#header .wrapDep2[data-menu="menuGrp2"] .depth2:not(:nth-of-type(5n)){border-right: 1px solid #EBEBEB;}
	header#header .wrapDep2[data-menu="menuGrp4"]{width: 222px; left: 50%; transform: translateX(-50%);}
	header#header .depth2{display: inline-block; float: left;}
	header#header .depth2:not(:first-of-type):not(:nth-of-type(5n+1)){border-left-width: 0;}
	header#header .depth2:first-of-type{border-top-left-radius: inherit;}
	header#header .depth2:nth-of-type(5){border-bottom-right-radius: inherit;}
	header#header .depth2:nth-last-child(5){border-top-left-radius: inherit;}
	header#header .depth2:last-of-type{border-bottom-right-radius: inherit;}
	header#header .depth2 dt, header#header .depth2>li{height: 32px; font-size: 16px; line-height: 32px; position: relative;}
	header#header .depth2 dt{color: #1368B7;}
	header#header .depth2 dt:before, header#header .depth2>li:before{content: ""; width: 14px; height: 14px; background: url("../../static/image/common/iconSpr.png") no-repeat -11px -1094px; position: absolute; transform: translateY(-50%);}
	header#header .depth2 dt:before{top: calc(50% - 1px); left: 18px;}
	header#header .depth2 dt .innerLink{padding-left: 38px;}
	header#header .depth2 dd{color: #4A4E52; font-size: 15px; font-weight: 300; text-align: left; margin-top: -1px;}
	header#header .depth2 dd .innerLink{color: #33475B; height: 29px; line-height: 29px; padding: 0 38px;}
	header#header .depth2 dd .innerLink:hover{background: #F3F5F6;}
	header#header .depth2 dd .innerLink:before{content: "- "; color: #1D75C7;}
	header#header .depth2>li{color: #33475B;}
	header#header .depth2>li:hover{color: #1368B7;}
	header#header .depth2>li:before{top: 50%; left: 23px;}
	header#header .depth2>li>.innerLink{padding: 0 45px;}
}
@media screen and (max-width: 991px){
	body:not(.lock) .isPc.login, body:not(.lock) .isPc.logout{display: none;}
	body.lock .isMb.login, body.lock .isMb.logout{color: #FFF;}
	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{background: url("../../static/image/common/hamBtn.png") no-repeat 0 0;}
	header#header .clsNavi>.innerLink{background: url("../../static/image/common/mMenuCls.png") no-repeat center;}
	header#header .wrapDep1{width: calc((100% / 3) * 2); max-width: 480px; background: url("../../static/image/common/mNaviBg.png"); position: fixed; top: 0; right: -100vw; bottom: 0; z-index: 999;}
	header#header .wrapDep1.on{overflow-y: scroll;}
	header#header .depth1>li:not(:first-of-type), header#header .depth1>li:first-of-type{background: url("../../static/image/common/mMenuArr.png") no-repeat top 16px right 20px;}
	header#header .depth1>li:not(:first-of-type){border-top: 1px solid #33C2C2;}
	header#header .depth1>li>.innerLink{color: #FFF; font-size: 16px;}
	header#header .wrapDep2{background: #F1F5FF; padding: 0 20px;}
	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>.innerLink, header#header .depth2 li{font-weight: 500;}
	header#header .depth2 dd, header#header .depth2 li{background: #F1F5FF;}
	header#header .depth2 dd{padding: 0 20px;}
	header#header .depth2 dd>.innerLink, header#header .depth2 li>.innerLink{font-weight: 500; border-top: 1px solid #D5DEF3;}
	header#header .depth2 dd>.innerLink:before, header#header .depth2 li>.innerLink:before{content: "-"; margin-right: .3em;}
	header#header .depth2 .innerLink{color: #353535;}
	header#header .overlay{background: rgba(0,0,0,.65); display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 998;}
	header#header .clsNavi>.innerLink{width: 50px;}
}
@media screen and (max-width: 991px) and (min-width: 576px){
	body.lock .isMb.login, body.lock .isMb.logout{background-position: 29px -1795px; font-size: 16px; padding-left: 66px;}
	header#header .headTop{padding-left: 28px; padding-right: 28px;}
	header#header .headTop .innerRight{line-height: 102px;}
	header#header .headTop .innerRight>.innerLink{font-size: 13px;}
	header#header .headTop .innerRight .home+.innerLink{background-position: 19px -1770px; padding: 0 3px 0 52px;}
	header#header .headTop .logo{width: 107px; background-position: center 18px;}
	header#header .sysTit, header#header .opnNavi{height: 52px;}
	header#header .sysTit{width: calc(100% - 67px); background-position: 25px 0; line-height: 52px; padding-left: 28px;}
	header#header .opnNavi{width: 67px; background-size: 42px;}
	header#header .clsNavi{height: 56px; line-height: 52px;}
	header#header .depth1>li:not(:first-of-type), header#header .depth1>li:first-of-type{background-size: 15px;}
	header#header .depth1>li>.innerLink, header#header .depth2 dt, header#header .depth2 dd, header#header .depth2 li{height: 51px; line-height: 51px;}
	header#header .depth1>li>.innerLink, header#header .depth2 dt>.innerLink{padding-left: 40px;}
	header#header .depth2 li{padding: 0 40px;}
	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 (min-width: 576px){
	header#header .headTop .innerLeft, header#header .headTop .innerRight, header#header .headTop .logo{height: 73px;}
}
@media screen and (max-width: 575px){
	body.lock .isMb.login, body.lock .isMb.logout{background-position: 19px -1799px; font-size: 13px; padding-left: 54px;}
	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); background-position: 15px 0; background-size: 180px; font-size: 16px; line-height: 38px; padding-left: 15px;}
	header#header .opnNavi{background-size: 25px;}
	header#header .clsNavi>.innerLink{background-size: 20px;}
	header#header .opnNavi{width: 40px; background-position: center 6px;}
	header#header .clsNavi, header#header .depth1>li>.innerLink, header#header .depth2 dt, header#header .depth2 dd, header#header .depth2 li{height: 45px; line-height: 45px;}
	header#header .depth1>li:not(:first-of-type), header#header .depth1>li:first-of-type{background-size: 10px;}
	header#header .depth1>li>.innerLink, header#header .depth2 dt>.innerLink{padding-left: 28px;}
	header#header .depth2 li{padding: 0 18px;}
	header#header .depth2 dt, header#header .depth2 dd, header#header .depth2 li>.innerLink{font-size: 13px;}
}

/* FOOTER ------------------------------------------------------------------------------------------------------- */
	footer{background: #F7F7F7; border-top: 1px solid #D3D5D6;}
	footer .footBtom .logo>figure{height: 80px; background-repeat: no-repeat;}
	footer .footBtom .infoTxt address{color: #525252; font-size: 13px; padding: 16px 0 10px;}
@media screen and (min-width: 1200px){
	footer .footBtom .logo>figure{background-position: 23px 13px;}
	footer .ctgrBox{bottom: 78px;}
}
@media screen and (max-width: 1199px){
	footer .ctgrBox{bottom: 102px;}
}
@media screen and (max-width: 1199px) and (min-width: 992px){
	footer .footBtom .logo{padding-right: 0;}
	footer .footBtom .logo>figure{background-position: 20px 13px; background-size: 85%;}
	footer .footBtom .infoTxt{padding-right: 0;}
}
@media screen and (min-width: 992px){
	footer{padding-top: 12px; padding-bottom: 34px;}
	footer .footTop{display: none;}
	footer .footBtom .logo>figure{background-image: url("../../static/image/common/logoFoot.png");}
	footer .footMenu{font-size: 15px; display: inline-block; float: left; padding-top: 14px;}
	footer .footMenu>li{display: inline-block; float: left;}
	footer .footMenu>li:not(:last-child){background: url("../../static/image/common/iconSpr.png") no-repeat right -4px top -1388px; padding-right: 32px;}
	footer .footMenu>li.point{font-weight: 600;}
	footer .linkOp{width: 241px; height: 44px; background: #FFF url("../../static/image/common/iconSpr.png") no-repeat right 2px top -1439px; color: #313131; font-size: 15px; line-height: 44px; border: 1px solid #D3D5D6; border-radius: 5px; float: right; padding-left: 20px; position: relative; top: .2em;}
	footer .linkOp:before{content: ""; width: 1px; height: 24px; background: #D1D1D1; position: absolute; top: 50%; right: 44px; transform: translateY(-50%);}
	footer .ctgrBox{width: 241px; height: 129px; background: #FFF; border: 1px solid #76808B; position: absolute; padding-top: 8px; padding-bottom: 14px; right: 15px; overflow-y: scroll; display: none;}
	footer .ctgrBox .item{color: #616265; text-align: left; margin-left: 30px;}
	footer .ctgrBox .item a{width: 100%; height: 35px; line-height: 35px; color: #515151; font-size: 15px; font-weight: 300; line-height: 35px; margin-left: -5px;}
	footer .ctgrBox .item a:hover{
		color: #5990D9; font-weight: 300; text-decoration: none;
		transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-webkit-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-moz-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-ms-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
		-o-transition: all 300ms cubic-bezier(0.420,0.000,0.580,1.000);
	}
}
@media screen and (max-width: 991px){
	footer{padding-bottom: 29px;}
	footer .footTop{background: #E4E9ED; border-bottom: 1px solid #D3D5D6; border-top-width: 0;}
	footer .footTop .mnList{}
	footer .footTop .mnList .item:first-of-type{border-left: 1px solid #D3D5D6;}
	footer .footTop .mnList .item{border-right: 1px solid #D3D5D6; border-top-width: 0; display: inline-block;}
	footer .footTop .mnList .item>.innerLink{color: #3D3D3D; padding: 0 25px;}
	footer .footBtom>.row{-ms-flex-align: center; align-items: center;}
	footer .footBtom .logo{padding-right: 0;}
	footer .footBtom .logo>figure{background-image: url("../../static/image/common/logoFoot_m.png"); background-position: center; background-size: contain;}
	footer .footMenuGrp{display: none;}
}
@media screen and (min-width: 576px){
	footer .footTop .mnList .item{height: 45px; font-size: 15px; line-height: 46px;}
	footer .footBtom address>p{line-height: 26px;}
}
@media screen and (max-width: 575px){
	footer .footTop .mnList .item{height: 42px; font-size: 13px; line-height: 42px;}
	footer .footBtom address>p{line-height: 22.17px;}
}

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

	/* common // PAGE wrapper */
	.wrap{height: 100%;}
	#main, #sub{min-height: calc(100% - 130px - 172px);}
	#sub{padding-bottom: 80px;}
	.nanumSqr{font-family: "NanumSquare", sans-serif;}

	/* common // title
	 * Heading Title은 크게 6가지 분류로 하며 클래스 tit를 함께 사용하도록 한다.
	 * 그 이외의 디자인과 크기는 별도의 디자인클래스를 통하여 적용하도록 한다.
	 * h1: 되도록이면 접근성 텍스트로 처리하되, 각 화면당 1회 이상 사용하지 않으며, 시스템 타이틀 정도에만 사용하는 수준으로 한다.
	 * h2: 시스템 타이틀을 제외한 주분류 타이틀(주메뉴, 사이트메뉴, 본문 등등)
	 * h3: 각 페이지 화면의 대타이틀 // 서브화면일 경우 페이지 제목, 팝업일 경우 해더 제목을 표기할 때 사용
	 * h4: 각 섹션 내의 세부파트 또는 h3의 보조제목으로 사용 // 서브화면일 경우 페이지 부제목을 표기할 때 사용, 팝업일 경우 화면 내부 제목을 표기할 때 사용
	 * h5: 최소단위 제목(1)으로 사용
	 * h6: 최소단위 제목(2)으로 사용
	*/
	.pageTitPnl{text-align: center;}
	.pageTitPnl .pageTit{font-family: "NanumSquare", sans-serif; color: #33475B; font-weight: 700; letter-spacing: -1.8px; display: inline-block; position: relative;}
	.pageTitPnl .pageTit:before, .pageTitPnl .pageTit:after{content: ""; background: url("../image/sub/subTitDeco.png") no-repeat 0 0; background-size: contain; position: absolute;}
	.pageTitPnl .pageTit:after{transform: rotate(180deg);}
	h4.tit1:before, h4.tit2:before, h4.tit3:before{content: ""; width: 5px; background: #FF7A59; border-radius: 2px; position: absolute; transform: translateY(-50%);}
	h4.tit1, h4.tit2{background: #FFF; color: #33475B; font-weight: 900; letter-spacing: -.4px;}
	h4.tit1, h4.tit2, h4.tit3{position: relative;}
	h4.tit2{background-image: url("../image/sub/decoArr.png"); background-repeat: no-repeat; border-bottom: 1px solid #D6DEE8; border-top-left-radius: inherit; border-top-right-radius: inherit;}
@media screen and (min-width: 992px){
	.pageTitPnl{padding-bottom: 62px;}
	h4.tit1, h4.tit2{min-height: 83px; font-size: 24px; line-height: 32px;}
	h4.tit2{margin: -82px -35px -38px; padding: 25px 52px;}
}
@media screen and (max-width: 991px) and (min-width: 576px){
	.pageTitPnl{padding-bottom: 60px;}
	h4.tit1, h4.tit2{min-height: 83px; font-size: 22px; line-height: 32px;}
	h4.tit2{margin: -82px -35px -38px; padding: 25px 52px;}
}
@media screen and (min-width: 576px){
	#sub:not(.devlp) .pageTitPnl{padding-top: 63px;}
	#sub.devlp .pageTitPnl{padding-top: 71px;}
	.pageTitPnl{padding-bottom: 42px;}
	.pageTitPnl .pageTit{font-size: 36px; line-height: 65px; padding: 0 20px;}
	.pageTitPnl .pageTit:before, .pageTitPnl .pageTit:after{width: 100px; height: 36px; top: .4em;}
	.pageTitPnl .pageTit:before{left: -120px;}
	.pageTitPnl .pageTit:after{right: -120px;}
	.pageTitPnl.line .pageTitArea .deco{border-bottom: 3px solid #FFAC6E; padding-bottom: 42px;}
	h4.tit1{padding: 25px 16px;}
	h4.tit2{background-position: top 50% right 30px;}
	h4.tit3{font-size: 18px; padding-left: 15px;}
	h4.tit1:before, h4.tit2:before{height: 22px; top: 42px;}
	h4.tit1:before{left: 1px;}
	h4.tit2:before{left: 35px;}
	h4.tit3:before{height: 19px; top: 15px; left: 0;}
}
@media screen and (max-width: 575px){
	#sub:not(.devlp) .pageTitPnl{padding-top: 12px;}
	#sub.devlp .pageTitPnl{padding-top: 27px;}
	.pageTitPnl{padding-bottom: 16px;}
	.pageTitPnl .pageTit{font-size: 21px; line-height: 45px;}
	.pageTitPnl .pageTit:before, .pageTitPnl .pageTit:after{width: 80px; height: 26px; top: .4em;}
	.pageTitPnl .pageTit:before{left: -100px;}
	.pageTitPnl .pageTit:after{right: -100px;}
	.pageTitPnl.line .pageTitArea .deco{border-bottom: 2px solid #FFAC6E; padding-bottom: 28px;}
	h4.tit1, h4.tit2{min-height: 56px; font-size: 16px; line-height: 32px;}
	h4.tit1{padding: 12px 16px;}
	h4.tit2{background-position: top 50% right 12px; margin: -82px -20px -38px; padding: 12px 28px;}
	h4.tit3{font-size: 14px; font-weight: 500; padding-left: 12px;}
	h4.tit1:before, h4.tit2:before{height: 17px; top: 29px;}
	h4.tit1:before{left: 1px;}
	h4.tit2:before{left: 15px;}
	h4.tit3:before{height: 14px; top: 12px; left: 0;}
}

	/* common // paragraph */
	.paraPnl{color: #343434; letter-spacing: -.6px; border: 1px solid #D6DEE8; border-radius: 5px;}
	.paraPnl.type1{background: #F5F8FA;}
	.paraPnl>h4.tit2+*:not(table):not(figure){margin-top: 38px;}
	.paraPnl>h4.tit2~figure.isPc{margin-top: 38px;}
	.paraPnl>h4.tit2~figure.isTb{margin-top: 85px;}
	.paraPnl>h4.tit2~figure.isMb{margin-top: 65px;}
	.paraPnl>h4.tit2+.para~figure.isPc{margin-top: 65px;}
	.paraPnl>h4.tit2+.para~figure.isTb{margin-top: 45px;}
	.paraPnl>h4.tit2+.para~figure.isMb{margin-top: 45px;}
	.paraPnl>h4.tit2+table{margin-top: 76px;}
	.paraGrpDtl{font-size: 15px;}
	.paraPnl .para:not(:first-of-type):not(:only-child){padding-top: 15px;}
	.paraPnl .pointBox{background: #EAEFF3; color: #000; font-size: 16px; margin-top: 15px; padding: 10px 15px;}
	.paraPnl table .para{padding-top: 0;}
	.paraPnl .para.type1, .paraPnl .para.type2{position: relative;}
	.paraPnl .para.type1{padding-left: 14px; padding-right: 14px;}
	.paraPnl .para.type2{padding-left: 14px; padding-right: 14px;}
	.paraPnl .para.type1:before, .paraPnl .para.type2:before{content: ""; position: absolute;}
	.paraPnl .para.type1:before{width: 30px; height: 30px; background: url("../image/common/iconSpr.png") no-repeat center -541px; left: -12px;}
	.paraPnl .para.type2:before{width: 6px; height: 6px; background: #00AA91; border-radius: 100%; left: 3px;}
	.paraPnl .para.type1+.para.type1{padding-top: 23px;}
	.paraPnl .para.type1+ol, .paraPnl .para.type1+ul{padding-top: 25px;}
	.para.type1.in{text-indent: 1em;}
	.imgGrp{text-align: center;}
@media screen and (min-width: 992px){
	.paraPnl+h4.tit1{padding-top: 45px;}
	.paraPnl+h4.tit1:before, .paraPnl+h4.tit2:before{top: 62px;}
}
@media screen and (max-width: 991px) and (min-width: 576px){
	.paraPnl.noTit{padding-top: 24px;}
}
@media screen and (min-width: 576px){
	.paraPnl:not(.noTit):not(.ottrTit){padding: 82px 35px 38px;}
	.paraPnl{font-size: 16px;}
	.paraPnl.type1+.paraPnl{margin-top: 54px;}
	.paraPnl.ottrTit{padding: 38px 35px;}
	.paraPnl.noTit{padding: 24px 35px 30px;}
	.paraPnl>.paraPnl+*{margin-top: 27px;}
	.paraPnl>h4.tit2+*{padding-top: 38px;}
	.paraPnl>h4.tit2+.para.type1:before{top: 37px;}
	.paraPnl>h4.tit2+.para.type2:before, .para.type2:first-of-type:before, ol+.para.type2:before, ul+.para.type2:before{top: 11px;}
	.paraPnl p:not(.para.type1)+.para.type1:before{top: 14px;}
	.paraPnl .para+.para.type1:before{top: 22px;}
	.paraPnl .para+.para.type2:before{top: 11px;}
}
@media screen and (max-width: 575px){
	.paraPnl{font-size: 15px; padding: 82px 20px 20px;}
	.paraPnl.noTit{padding-top: 24px;}
	.paraPnl.ottrTit{padding-top: 20px;}
	.paraPnl+.paraPnl{margin-top: 40px;}
	.paraPnl>h4.tit2+*{padding-top: 29px;}
	.paraPnl>h4.tit2+.para.type1:before{top: 28px;}
	.paraPnl>h4.tit2+.para.type2:before, .para.type2:first-of-type:before{top: 24px;}
	.paraPnl .para+.para.type2:before{top: 34px;}
	.paraPnl .para+.para.type2:before{top: 24px;}
}
	/* common // ol ul dl 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:not(.noBar):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;}
	.paraPnl ol.decimal.circle{margin-left: 15px;}
	table ol.decimal.circle>li, table ol.decimal.circle{line-height: inherit;}
	table ol.decimal.circle>li:before{line-height: 1.1em; top: .5em;}
	ol.decimal:not(.bracket){list-style-type: decimal;}
	ol.decimal:not(.circle):not(.bracket)>li{list-style-type: decimal; padding-left: 5px;}
	ol.decimal:not(.noGap)>li+li{margin-top: 12px;}
	ol.decimal.noGap>li+li{margin-top: 0;}
	ol.decimal.circle{counter-reset: circleCntNum 0; line-height: 26px; 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, decimal); counter-increment: circleCntNum; width: 1.2em; height: 1.2em; background: #FFF; font-size: .85em; text-align: center; line-height: 1em; border: 1px solid #808080; border-radius: 100%; display: inline-block; position: absolute; top: .4em;}
	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; display: inline-block; padding-right: .1em; position: absolute; top: .4em;}
	ol.gana>li:first-letter{font-weight: 500;}
	ol.gana>li>ol, ol.gana>li>ul{padding-left: 1.2em;}
	ol.gana{margin-left: 15px;}
	ol.gana.in>li{}
	ol.gana.out>li{text-indent: -1.9em; margin-left: 2em;}
	dl.explan{}
	dl.explan:after{content: " "; display: table; table-layout: fixed; clear: both !important;}
	dl.explan dt, dl.explan dd{display: inline-block; float: left;}
	dl.explan dt{width: 75px;}
	dl.explan dt:after{content: ":"; margin-right: 5px;}
	dl.explan dd{width: calc(100% - 75px);}
@media screen and (min-width: 576px){
	ol.decimal:not(.circle):not(.bracket){margin-left: 30px;}
	ol.decimal.in{}
}

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

	/* 폼 UI // selectBox */
	.selectBox{position: relative;}
	.selectBox .selectedTarget{width: 100%; height: 100%; background: #FFF; border: 1px solid transparent; 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; max-height: 11em; background: #FFF; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0,0,0,.2); padding: 7px 0; position: absolute; 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{padding: 0 15px;}
}
@media screen and (max-width: 991px) and (min-width: 576px){
	.selectBox .selectedTarget{font-size: 16px; padding: 0 15px;}
}
@media screen and (max-width: 575px){
	.selectBox .selectedTarget{font-size: 13px; padding: 0 15px;}
}

/* Board Design set --------------------------------------------------------------------------------------------- */
	/* Board Common */
	.itemSta{text-align: center; display: inline-block; padding: 0 6px;}
	#main .itemSta{width: 49px; height: 22px; color: #221F1F; font-size: 13px; line-height: 22px; border-radius: 5px; vertical-align: 2px; margin: 0 auto;}
	#main .itemSta.on{background: #A3E0DD;}
	#main .itemSta.off{background: #FFD86F;}
	#sub .itemSta{color: #FFF; font-weight: 300; vertical-align: middle;}
	#sub .itemSta.on{background: #00AA91;}
	#sub .itemSta.off{background: #FF7E6F;}
	.boardWrap .board1, .boardWrap ul.board1{width: 100%;}
	.btnArea .goList{min-width: 146px; background: #00A4BD; color: #FFF; border-radius: 25px;}
	.btnArea .goList:before{margin-right: .3em;}
@media screen and (min-width: 992px){
	#sub .itemSta{width: 49px; height: 22px; font-size: 12px; line-height: 22px; border-radius: 5px;}
	.btnArea{padding: 30px 0;}
	.btnArea .goList{height: 46px; line-height: 46px;}
	.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;}
}
@media screen and (max-width: 991px){
	.btnArea{padding: 22px 0;}
	.btnArea .goList{height: 36px; line-height: 36px;}
	.btnArea .button{font-size: 14px; line-height: 25px; 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){
	#sub .itemSta{width: 89px; height: 41px; font-size: 22px; line-height: 40px; border-radius: 7px;}
}
@media screen and (max-width: 575px){
	#sub .itemSta{width: 49px; height: 22px; font-size: 12px; line-height: 22px; border-radius: 5px;}
}

	/* Board1 // common */
	.board1{border-top: 2px solid #FFAC6E;}
	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: #027A69; font-size: 16px; font-weight: 400;}
	ul.board1 .innerLink>*, ul.board1 .list.item>*, table.board1 tbody td{color: #000; font-weight: 300;}
	ul.board1 .innerLink>*, table.board1 tbody td{border-bottom: 1px solid #E1E1E1;}

	/* Board1 // Ul TYPE */
	ul.board1{background: #FFF; 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-top: 4px solid #E5F6F3; border-bottom: 1px solid #B3B3B3; display: table-cell;}
	ul.board1 .innerLink>*.dicTit{border-left: 1px solid #E6E7E8;}
	ul.board1 .emptyMsg .innerBox{width: 100%; position: absolute;}
@media screen and (min-width: 1200px){
	ul.board1 .emptyMsg .innerBox{max-width: 1200px;}
}
@media screen and (max-width: 1199px) and (min-width: 992px){
	ul.board1 .emptyMsg .innerBox{max-width: 960px;}
}
@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>*, ul.board1:not(.noResize) .list.item>*{height: 56px; vertical-align: middle; display: table-cell;}
	ul.board1:not(.noResize) .list{display: table-row-group;}
	ul.board1.noResize .innerLink>*, ul.board1.noResize .list.item>*{height: 56px; vertical-align: middle;}
	ul.board1 .list{background: #FFF; line-height: inherit;}
	ul.board1 .list.item>*{border-bottom: 1px solid #E1E1E1;}
	ul.board1 .innerLink:hover, ul.board1 .list.item:hover{background: #F5FCFC;}
	ul.board1 .innerLink>*:not(.tit):not(.dicTit){text-align: center;}
	ul.board1 .innerLink>*.tit, ul.board1 .innerLink>*.dicTit{padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px;}
}
@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 .list:nth-of-type(2n){background: #F5FCFC;}
	ul.board1 .list:nth-of-type(2n+1):not(first-of-type){background: #FFF;}
	ul.board1 .innerLink>*{border-width: 0;}
	ul.board1 .innerLink>*:before, ul.board1 .list.item>*:before{color: #027A69; 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:not(.item){padding: 6px 20px 20px;}
	ul.board1 .list.item{padding: 16px 15px;}
	ul.board1 .innerLink>*:not(.ntfcNo):not(.wrtancSta){padding-top: 12px;}
	ul.board1 .innerLink>*:before, ul.board1 .list.item>*:not(.notiSta):before{margin-right: 25px;}
	ul.board1 .innerLink .wrtDate{text-align: center; display: inline-block; clear: both;}
}
@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){border-left: 1px solid #E1E1E1;}
	table.board1 tbody td{background: #FFF; 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; display: table-row;}
	.board2 .list>*{color: #676767; font-size: 15px; font-weight: 300; border-bottom: 1px solid #E1E1E1; display: table-cell; padding: 10px 10px;}
@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; display: table-row;}
	.board3 .list>*{height: 39px; color: #6E6E6E; font-size: 13px; font-weight: 300; border-bottom: 1px solid #DCDCDC; display: table-cell; padding: 7px 0;}

	/* Board4 // table comomon */
	.board4{width: 100%; border-top: 2px solid #00AA91;}
	.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 */
	.paraPnl *:not(h4.tit2)+.board4.bg01:not(.xs){margin-top: 34px;}
	.board4.bg01:not(.xs) thead th{height: 62px; background: #E6F7F7; color: #000; font-size: 18px;}
	.board4.bg01:not(.xs) tbody th, .board4.bg01:not(.xs) tbody td{padding: 22px 30px;}
	.board4.bg01:not(.xs) tbody th{font-size: 16px;}
	.board4.bg01:not(.xs) tbody td{font-size: 15px; line-height: 30px;}
	.board4.bg01.xs th, .board4.bg01.xs td{text-align: center;}
	.board4.bg01.xs thead th{background: #F5FCFC; color: #2A2A2A; font-size: 15px; padding: 3px 0;}
	.board4.bg01.xs tbody th, .board4.bg01.xs tbody td{padding: 7px 15px;}
	.board4.bg01.xs tbody td{height: 35px; font-size: 13px; line-height: 1.2;}
	.board4.bg01 th, .board4.bg01 td{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{}
	.board4.bg01 tbody th{background: #EAEFF3; color: #3A3A3A;}
	.board4.bg01 tbody td{background: #FFF; color: #686868;}

	/* 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: #F5FCFC; 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: #2E2E2E; 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{border-top-left-radius: inherit; border-top-right-radius: inherit;}
	.layerPop .titArea h3{color: #FFF;}
	.layerPop .contArea{overflow-x: hidden; overflow-y: auto;}
	.layerPop .contArea .part h5{color: #3A3A3A; font-size: 20px; font-weight: 600; padding: 0 0 10px;}
	.layerPop .contArea .part h5:before{content: ""; width: 3px; background: #FF7A59; vertical-align: -2px; border-radius: 10px; display: inline-block;}
	.layerPop .contArea .part h5.down{border-bottom: 2px solid #00AA91;}
@media screen and (min-width: 992px){
	.layerPop .titArea h3{font-size: 18px;}
	.layerPop .contArea .part h5:before{height: 18px; margin-right: 10px;}
}
@media screen and (max-width: 991px){
	.layerPop>div[class^="layerPop"].layerPop03{z-index: 9999; width: 100% !important; left: 0 !important;}
	.layerPop .titArea h3{width: calc(100% - 50px); font-size: 16px; font-weight: 300;}
	.layerPop .contArea .part h5{font-size: 15px; padding: 0 0 10px; position: relative;}
	.layerPop .contArea .part h5:before{height: 15px; margin-right: 8px;}
	.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 (dictionary) */
	.layerPop02{background: #FFF; border: 1px solid #009781; border-radius: 5px;}
	.layerPop02 .titArea{line-height: 52px;}
	.layerPop02 .titArea.bg01{background: #2C3642;}
	.layerPop02 .titArea.bg02{background: #00AA91;}
	.layerPop02 .titArea .txtCont{width: calc(100% - 52px); padding: 0 0 0 15px;}
	.layerPop02 .titArea .txtCont h3:after{content: ""; width: 1px; height: 21px; background: #33BBA7; display: inline-block; margin: 0 0 -4px 12px;}
	.layerPop02 .titArea .txtCont h4{color: #DBFFFA; font-size: 15px; font-weight: 300; display: inline-block; float: left;}
	.layerPop02 .titArea .txtCont h4:before{content: ""; width: 1px; height: 21px; background: #008874; display: inline-block; margin: 0 11px -5px 0;}
	.layerPop02 .titArea .close{width: 52px; height: inherit; background: url("../../static/image/common/iconSpr.png") no-repeat center -1495px;}
	.layerPop02 .titArea .close>a{height: 52px;}
	.layerPop02 .titArea.bg01 + .contArea{padding: 21px 16px;}
	.layerPop02 .titArea.bg02 + .contArea{font-size: 15px; 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: #183341 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/iconSpr.png") no-repeat top -1498px right 5px;}
	.layerPop03 .close>a{height: 48px;}
	.layerPop03 .titArea h4{color: #C0DCFF; font-size: 18px; border-bottom: 1px solid #0B90B6; padding: 0 5px;}
@media screen and (min-width: 992px){
	.layerPop03 .titArea h3{font-size: 18px;}
}
@media screen and (max-width: 991px){
	.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, .layerPop .searchBox .board3 .list .loc{width: 30%; text-align: center;}
	.layerPop .searchBox .board3 .columnHeader .bussName, .layerPop .searchBox .board3 .list .bussName{width: 40%; text-align: center;}
	.layerPop .searchBox .board3 .columnHeader .add, .layerPop .searchBox .board3 .list .add{width: 20%; 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: 290px; background: #FFF;}
	.layerPop .searchBox .scrollbarUi .board3{width: calc(100% + 15px);border-top: 0;padding: 5px;}

	/* 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 .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 #00AA91;}
	.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;}

/* Daum map API custom set -------------------------------------------------------------------------------------- */
	/* Location overlay Map-pin UI */
	.mapOverlayUi{border: 1px solid #ccc; border-bottom: 2px solid #DDD; border-radius: 6px; position: relative; bottom: 20px;}
	.mapOverlayUi:nth-of-type(n){border: 0; box-shadow: 0px 1px 2px #888;}
	.mapOverlayUi a{background-color: #0B90B6; background-image: url("../image/common/iconSpr.png"); background-repeat: no-repeat;}
	#miniMap+#layers .mapOverlayUi a{border-radius: 3px;}
	.mapOverlayUi .title{background: #FFF; font-size: 14px; font-weight: 400; text-align: center; white-space: nowrap; margin-right: 35px; padding: 0 15px;}
	.mapOverlayUi:after{content: ""; width: 22px; height: 12px; background: url("../image/common/iconSpr.png") no-repeat -6px -1035px; position: absolute; left: 50%; bottom: -12px; margin-left: -12px;}
	.mapOverlayUi a, .mapOverlayUi div{color: #000; font-size: 14px; font-weight: bold; text-align: center; overflow: hidden;}
	.mapOverlayUi .nolink.title{background: #FFF; font-size: 14px; font-weight: 400; text-align: center; white-space: nowrap; margin-right: 0px; padding: 0 15px;}