@charset "UTF-8";

/* HTML Default STYLE set --------------------------------------------------------------------------------------- */
	/* HTML & BODY */
	html,body{height: 100%;}
	body{font-family: "Spoqa Han Sans", sans-serif, "axicon"; font-size: 13px; -webkit-text-size-adjust: none; line-height: 1.7;}
	.axi, [class^="axi-"], [class*=" axi-"]{font-family: "Spoqa Han Sans", sans-serif, "axicon";}
	.axi:before, [class^="axi-"]:before, [class*=" axi-"]:before{font-family: "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;}



/* Link Animation Effect set ------------------------------------------------------------------------------------ */
	/* header container Default */
	#header a:not(#outLink *a), #header a:not(#outLink *a):link, #header a:not(#outLink *a):visited{color: inherit; text-decoration: none;}
	#header a:not([id^="menu"] > a):hover{
		color: inherit;
		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);
	}
	#header a:focus, #header a:active{color: inherit; text-decoration: none;}

	/* footer container Default */
	#footer a, #footer a:link, #footer a:visited{color: inherit; text-decoration: none;}
	#footer a:hover{
		color: inherit;
		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);
	}
	#footer a:focus, #footer a:active{color: inherit; text-decoration: none;}

	/* main container Default */
	#main a, #main a:link, #main a:visited{color: inherit; text-decoration: none;}
	#main a:hover, #page2 .contList li:hover{
		color: inherit;
		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);
	}
	#main a:focus, #main a:active{color: inherit; text-decoration: none;}

	/* sub container Default */
	#sub a:hover:not(.button){
		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);
	}
	#sub a:focus:not(.button), #sub a:active:not(.button){text-decoration: none;}

	/* imap container Default */
	#imap a:not(.button), #imap a:link:not(.button), #imap a:visited:not(.button){text-decoration: none;}
	#imap a:hover:not(.button){
		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);
	}
	#imap a:focus:not(.button), #sub a:active:not(.button){text-decoration: none;}



/* HEADER // Menu Design set ------------------------------------------------------------------------------------ */
	/* HEADER // wrapper Area */
	#header.header{width: 100%; text-align: center; position: fixed; z-index: 999;}
	#header .headTop{background: #FFF;}
	#header .headTop .header_inner{min-height: 63px; position: relative;}
	#header .headTop .logo{height: inherit; padding: 12px 0 18px;}
	#header .headBtom{box-shadow: 1px 2px 3px rgba(0,0,0,.3);}
	#header .headBtom .bgArea, #header .headBtom .leftBg, #header .headBtom .rightBg{min-height: 67px;}
	#header .headBtom .bgArea{width: 100%; position: absolute;}
	#header .headBtom .leftBg{background: #0B90B6;}
	#header .headBtom .rightBg{background: #3457B3}
@media screen and (min-width: 720px) and (max-width: 1023px){
	/* wide Moblie device support */
	#header .headTop .header_inner{max-height: 80px; min-height: 80px;}
	#header .headTop .logo{padding: 20px 20px 0;}
	#header .headTop .logo img{height: 40px;}
	#header .headBtom{box-shadow: none;}
	#header .headBtom .bgArea{display: none;}
}
@media screen and (max-width: 719px){
	/* Moblie device support */
	#header .headTop .header_inner{max-height: 35px; min-height: 35px;}
	#header .headTop .logo{padding: 9px 12px 0;}
	#header .headTop .logo img{height: 18px;}
	#header .headBtom{box-shadow: none;}
	#header .headBtom .bgArea{display: none;}
}

	/* HEADER // quick menu */
	#quick{font-size: 12px; position: absolute; top: calc(50% - 8px); right: 153px;}
	#quick ul.quick_menu{line-height: 28px;}
	#quick ul.quick_menu li{color: #7A7A7A; font-size: 12px;}
	#quick ul.quick_menu li.usrName{color: #3AB2E6;}
	#quick ul.quick_menu li:after{content: '|'; color: inherit; padding: 0 10px;}
	#quick ul.quick_menu li:last-child:after{content: ''; padding: 7px;}
	#quick ul.quick_menu li a, #quick ul.quick_menu li a:link, #quick ul.quick_menu li a:visited{color: #7A7A7A; text-decoration: none;}
	#quick ul.quick_menu li a:hover, #quick ul.quick_menu li a:active{color: #2085D6; text-decoration: none;}
	#quick ul.quick_menu + .button{background: #FFF; color: #0190D5; border: 1px solid #0190D5; border-radius: 5px; padding: 3px 10px;}
	#quick ul.quick_menu + .button:hover{
		background: #229EE4; color: #FFF; border: 1px solid #229EE4;
		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);
	}
	#quick ul.quick_menu + .button:active{background: #2085D6; color: #FFF; border: 1px solid #2085D6;}

	/* HEADER // outLink menu */
	#outLink{width: 143px; position: absolute; top: calc(50% - 8px); right: 0; z-index: 999;}
	#outLink .linkOp{width: 100%; background: #6F9BF5; font-size: 13px; font-weight: 300; text-align: center; line-height: 28px; border-radius: 13px; position: relative; padding-right: 17px;}
	#outLink .linkOp, #outLink .linkOp:link, #outLink .linkOp:visited, #outLink .linkOp:focus, #outLink .linkOp:active{color: #FFF;}
	#outLink .linkOp.off:before{
		content: "";
		width: 0; height: 0;
		border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #FFF;
		position: absolute; top: 50%; right: 15px;
		margin-top: -.1em;
	}
	#outLink .linkOp.on:before{
		content: "";
		width: 0; height: 0;
		border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #FFF;
		position: absolute; top: 50%; right: 15px;
		margin-top: -.15em;
	}
	#outLink .ctgrBox{width: 155px; background: #FFF; border: 1px solid #ACACAC; padding: 8px 0; display: none;}
	#outLink .ctgrBox li.linkCtgr{color: #616265; text-align: left; list-style: disc; margin-left: 30px;}
	#outLink .ctgrBox li.linkCtgr a{width: 100%; color: #898989; font-size: 12px; font-weight: 300; margin-left: -5px;}
	#outLink .ctgrBox li.linkCtgr a:hover{
		color: #3457B3; 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);
	}

	/* HEADER // GNB Default */
	#header #gnb{min-height: 67px; position: relative; z-index: 998;}
	#header #gnb .mainTit{width: 260px; background: #0B90B6 url("../image/common/headerTit_pc.png") no-repeat right; color: #FFF; font-size: 23px;}
	#header #gnb .mainTit .goHome{width: 100%; height: 67px; vertical-align: top;}
	#header #gnb .mainTit .goHome .axi-dehaze{display: none;}
	#header #gnb .header_inner{width: calc(100% - 260px); min-height: inherit; background: #3457B3; position: relative;}
@media screen and (min-width: 720px) and (max-width: 1023px){
	/* Tablet device support */
	#header #gnb{min-height: 78px;}
	#header #gnb .mainTit{width: 75px; height: 78px; background: #0B90B6; color: #FFF; font-size: 23px;}
	#header #gnb .mainTit .goNavi{height: inherit;}
	#header #gnb .mainTit .goNavi .axi-dehaze{color: #FFF; font-size: 45px; line-height: 78px; vertical-align: 2px; display: inline;}
	#header #gnb .header_inner{width: calc(100% - 75px); height: 78px;}
	#header #gnb .header_inner .m_sysTit{}
	#header #gnb .header_inner .m_sysTit img{padding: 5px 23px 0;}
}
@media screen and (max-width: 719px){
	/* Moblie device support */
	#header #gnb{min-height: 33px;}
	#header #gnb .mainTit{width: 33px; height: 33px; background: #0B90B6; color: #FFF; font-size: 23px;}
	#header #gnb .mainTit .goNavi{height: inherit;}
	#header #gnb .mainTit .goNavi .axi-dehaze{color: #FFF; font-size: 20px; line-height: 33px; vertical-align: 2px; display: inline;}
	#header #gnb .header_inner{width: calc(100% - 33px);}
	#header #gnb .header_inner .m_sysTit{}
	#header #gnb .header_inner .m_sysTit img{height: 32px; vertical-align: top; padding: 0;}
}

	/* HEADER // GNB depth1 */
	#header .depth1.isPc{height: inherit;padding-left: 30px;}
	#header .depth1.isPc > li{position: relative;width: calc(20% - 6px);}
	#header .depth1.isPc > li:hover{top: 5px;}
	#header .depth1.isPc > #menu2:hover .menuList, #header .depth1 > #menu4:hover .menuList, #header .depth1 > #menu5:hover .menuList{display: block;}
	#header .depth1.isPc > [id^="menu"]:hover > a{color: #3457B3; position: relative;}
	#header .depth1.isPc > [id^="menu"]:hover:before{content: ""; width: 142px; height: 63px; background: #FFF; position: absolute; bottom: 0;left: 50%; transform: translateX(-50%);}
	#header .depth1.isPc > [id^="menu"] > a{color: #FFF; font-size: 18px; line-height: 67px; display: block;}
@media screen and (min-width: 720px) and (max-width: 1023px){
	/* Tablet device support */
	#header .depth1.isM > li{width: calc((100vw - 75px) / 3); line-height: 65px;}
	#header .depth1.isM > li:hover{top: 0;}
	#header .depth1.isM{display: none !important;}
}
@media screen and (max-width: 719px){
	/* Moblie device support */
	#header .depth1.isM > li{width: calc((100vw - 33px) / 3);}
	#header .depth1.isM > li:hover{top: 0;}
	#header .depth1.isM{display: none !important;}
}

	/* HEADER // GNB depth2 */
	#header .menuList{width: 100%; background: #FFF; border-bottom: 1px solid #3457B3; position: fixed; left: 0; display: none; margin: -5px 0px;}
	#header .menuList .depth2{position: relative;}
	#header .menuList#s_menu2 .depth2{}
	#header .menuList#s_menu4 .depth2{}
	#header .menuList .depth2 > li{padding: 13px 10px 12px; position: relative;}
	#header .menuList .depth2 > li:hover:before{content: ""; width: 2px; height: 12px; background: #2085D6; position: absolute; top: calc(50% - 6px); left: 2px;}
	#header .depth2 > li{position: relative;}
	#header .depth2 > li > a{color: #4F4F4F; font-size: 14.5px;}
	#header .depth2 > li > a:hover{color: #2085D6; text-decoration: none;}
	#header .depth2 > li > a:active{color: #2085D6; text-decoration: none;}

	/* HEADER // GNB depth3 */
	#header .depth2 > li:hover .dep3.outter{position: absolute; top: 49px; left: calc(50% - 47.5px); display: block;}
	#header .depth2 > li:hover .dep3.outter .inner:before{content: ""; width: 11px; height: 5px; background: url("../image/common/edge3.png") no-repeat 0 0; position: absolute; top: -4px; left: calc(50% - 5px);}
	#header .dep3.outter{display: none;}
	#header .dep3.outter .depth3{width: 95px; background: #F2F8FC; border: 1px solid #3457B3; padding: 9px 12px;}
	#header .depth3 li > a{width: 100%; color: #4F4F4F; font-size: 15px; font-weight: 300; text-align: left;}
	#header .depth3 li > a:hover{color: #2085D6;}
	#header .depth3:hover .outter{position: absolute; top: 36px; left: calc(50% - 47.5px); display: block; padding-top: 13px;}

	/* HEADER // SNB(only mobile) */
	.overlayBG{position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 9998; display: none;}
	#snb{width: calc((100vw / 3) * 2); position: fixed; top: 0; left: -100vw; z-index: 9999;}
	#snb .outterPanel{}
	#snb .outterPanel .innerPanel{height: 100vh; background: #292929; overflow-y: hidden;}
	#snb .innerPanel{}
	#snb .infoPanel{background: #292929; padding: 14px 16px 11px;}
	#snb .infoPanel .goHome{width: 42px; height: 42px; background: #FFF; color: #292929; font-size: 28px; text-align: center; line-height: 41px; border-radius: 42px;}
	#snb .infoPanel .usrArea{position: relative; margin-left: 20px;}
	#snb .infoPanel .usrArea:before{content: ""; width: 1px; height: 39px; background: #5E5E5E; position: absolute; top: calc(50% - 19.5px);}
	#snb .infoPanel .usrArea li{margin-left: 18px;}
	#snb .infoPanel .usrArea li a{color: #FFF; font-size: 16px; line-height: 41px;}
	#snb .infoPanel .axi-close{color: #A3A3A3; font-size: 30px; line-height: 38px;}
	#snb a[class="link"]{width: 100%;}
	#snb .mDep1{}
	#snb .mDep1 > li{background: #5E5E5E; border-top: 1px solid #838383; border-bottom: 1px solid #292929;}
	#snb .mDep1 > li:last-of-type{border-bottom: none;}
	#snb .mDep1 > li > .link{width: 100%; color: #FFF; font-size: 20px; padding: 16px 19px 18px;}
	#snb .mDep1 .snbList{display: none;}
	#snb .mDep2 > li{background: #404040; padding: 0 19px;}
	#snb .mDep2 > li > .link{width: 100%; color: #D1D1D1; font-size: 15px; line-height: 46px; border-bottom: 1px solid #545454;}
	#snb .mDep2 > li:last-of-type > .link{border-bottom: none;}

@media screen and (max-width: 719px){
	/* Moblie device support */
	#snb .infoPanel{background: #292929; padding: 5px 12px;}
	#snb .infoPanel .goHome{width: 30px; height: 30px; background: #FFF; color: #292929; font-size: 20px; text-align: center; line-height: 29px; border-radius: 30px;}
	#snb .infoPanel .usrArea{margin-left: 14px;}
	#snb .infoPanel .usrArea:before{content: ""; height: 27px; top: calc(50% - 13.5px);}
	#snb .infoPanel .usrArea li{margin-left: 14px;}
	#snb .infoPanel .usrArea li a{color: #FFF; font-size: 12px; line-height: 30px;}
	#snb .infoPanel .axi-close{font-size: 20px; line-height: 30px;}
	#snb .mDep1 > li > .link{font-size: 15px; padding: 10px 14px;}
	#snb .mDep2 > li{padding: 0 14px;}
	#snb .mDep2 > li > .link{font-size: 13px; line-height: 35px;}
}



/* FOOTER  ------------------------------------------------------------------------------------------------------ */
	#footer{width: 100%; min-height: 156px; background: #F1F2F3;}
	#footer .footCon{min-height: inherit; display: table;}
	#footer .logo, #footer .footInfo{display: table-cell;}
	#footer .logo{vertical-align: middle;}
	#footer .footInfo{vertical-align: middle;}
	#footer .footInfo address{color: #898989; font-size: 13px; font-weight: 300; line-height: 26px;}
	#footer .footInfo address .divider:after{content: "│";}
	#footer .footInfo address .divider:last-of-type:after{content: "";}
	#footer .footInfo .terms{color: #898989; font-size: 13px; font-weight: 300; line-height: 26px;}
	#footer .footInfo .terms .divider:after{content: "│";}
	#footer .footInfo .terms .divider:last-of-type:after{content: "";}
	#footer .footInfo .copyright{color: #C1C1C1; font-size: 11px; font-weight: 300; padding-top: 10px;}
	#footer .relatedSite{padding-top: 27px;}
@media screen and (min-width: 720px) and (max-width: 1023px){
	/* Tablet device support */
	#footer{min-height: 320px;}
	#footer .footCon.mWidth{width: 100%;}
	#footer .footCon.mWidth .logo{display: none;}
	#footer .footInfo address{font-size: 34px; text-align: center; line-height: 1.4;}
	#footer .footInfo .terms{font-size: 34px; text-align: center; line-height: 1.4;}
	#footer .footInfo .copyright{font-size: 26px; text-align: center; padding-top: 25px;}
}
@media screen and (max-width: 719px){
	/* Moblie device support */
	#footer{min-height: 142px;}
	#footer .footCon.mWidth{width: 100%;}
	#footer .footCon.mWidth .logo{display: none;}
	#footer .footInfo address{font-size: 15px; font-weight: 300; text-align: center; line-height: 1.4;}
	#footer .footInfo address .divider:nth-last-child(2):after{content: "";}
	#footer .footInfo address .divider:last-of-type{display: block;}
	#footer .footInfo .terms{font-size: 15px; font-weight: 300; text-align: center; line-height: 1.4;}
	#footer .footInfo .terms .divider:nth-last-child(2):after{content: "";}
	#footer .footInfo .terms .divider:last-of-type{display: block;}
	#footer .footInfo .copyright{font-size: 11px; text-align: center; padding-top: 5px;}
}



/* wrapper Area set --------------------------------------------------------------------------------------------- */
	#wrap{min-width: 320px; height: 100%; display: block;}
	#wrap .subTop{margin: 0 0 48px; padding: 130px 0 0;}
	#main{min-height: calc(100vh - 156px); padding-top: 130px;}
	#sub{min-height: calc(100vh - 156px); padding: 0 0 100px;}
	#sub.bc{min-height: calc(100vh - 220px);}
	#imap{height: 100%;}
	.pcWidth{width: 998px; margin: 0 auto;}
	.user{padding-top: 215px !important;}
@media screen and (min-width: 720px) and (max-width: 1023px){
	/* Tablet device support */
	#main{padding-top: 148px;}
	#wrap .subTop{margin: 0 0 34px; padding: 158px 0 0;}
	#sub{min-height: calc(100vh - 156px); padding: 0 20px 120px;}
	#sub.bc.devlp{padding-top: 75px;}
}
@media screen and (max-width: 719px){
	/* Moblie device support */
	#wrap .subTop{margin: 0; padding: 68px 0 0px;}
	#main{padding-top: 68px;}
	#sub{padding: 0 10px 46px;}
	#sub.bc.devlp{padding-top: 75px;}
	#sub.bc:not(.devlp){padding-top: 15px; border-top: 1px solid #E5E5E5;}
}



/* common Design set -------------------------------------------------------------------------------------------- */
	/* top UI */
	.top{
		width: 45px; height: 45px;
		background: #F7F7F7;
		font-size: 14px; font-weight: 500;
		text-align: center;
		line-height: 30px; letter-spacing: 0;
		border: 1px solid #C6C6C6;
		position: fixed;
		right: 50px; bottom: 60px;
		z-index: 9999;
		cursor: pointer;
	}
	.top .fa{color: #666; font-size: 35px; line-height: 40px;}
@media screen and (max-width: 1023px){
	/* supporting Tablet device to mobile device */
	.top{
		width: 5.5vh; height: 5.5vh; min-width: 50px; min-height: 50px;
		background: #F7F7F7;
		font-size: 14px; font-weight: 500;
		text-align: center;
		line-height: 35px; letter-spacing: 0;
		border: 1px solid #C6C6C6;
		position: fixed; right: 6vw; bottom: 7vh;
		z-index: 9999;
		cursor: pointer;
	}
	.top .fa{color: #666; font-size: 35px; line-height: 40px;}
}

	/* 폼 UI // common set */
	input[readonly], input[disabled],
	select[readonly], select[disabled],
	.textBox.readonly, .textBox.disable,
	.selectBox.readonly, .selectBox.disable{background: #EEE; border: 1px solid #D0D0D0;}
	.textBox.readonly > label, .textBox.disable > label,
	.selectBox.readonly > label, .selectBox.disable > label{color: #999!important;}
	.focus{border: 2px solid #3AB2E6 !important;}
	.focus label{margin: -1px;}
	.focus.selectBox:before{right: 14px;}

	/* 폼 UI // textBox, textAreaBox */
	.textBox, .textareaBox{position: relative;}
	.textBox label, .textareaBox label{color: #A4A4A4; font-weight: 300; cursor: text; position: absolute; top: 1px; left: 1px;}
	.textBox input[type="text"], .textBox input[type="password"], .textareaBox textarea{
		width: 100%; height: 100%;
		font-family: inherit;
		border: 1px solid #ABAFB8; border-radius: 0;
		outline-style: none;
		-webkit-appearance: none; -moz-appearance: none; appearance: none;
	}
	.textareaBox textarea{resize: none;}
	.textBox label, .textBox input[type="text"], .textBox input[type="password"],
	.textareaBox label, .textareaBox textarea{line-height: normal; padding: .35em .9em .25em;}
	.textBox.disable input[type="text"]{background: #FAFAFA; border: 1px solid #EBEBEB;}
	.textBox.disable label, .textareaBox.disable label{color: #848484; font-weight: 300; cursor: text;}

	/* 폼 UI // selectBox */
	.selectBox{background: #FFF; position: relative; border: 1px solid #ABAFB8; z-index: 1;}
	.selectBox:before{content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #696969; position: absolute; top: 50%; right: 15px; margin-top: -.1em;}
	.selectBox label{position: absolute; top: 1px; left: 5px; z-index: -1;	}
	.selectBox select{width: 100%; height: 100%; font-family: inherit; border: 0; opacity: 0; fliter: alpha(opacity=0); -webkit-appearance: none; -moz-appearance: none; appearance: none;}
	.selectBox label, .selectBox select{color: #3C3C3C; line-height: normal; padding: .25em .5em .35em;}

	/* 폼 UI // file upload */
	.fileBox{text-align: left;}
	.fileBox input[type="file"]{width: 0; height: 0; border: none; overflow: hidden; margin: -1px; padding: 0;}
	.fileBox input[type="file"] + label{font-family: inherit; line-height: normal; vertical-align: middle; border-radius: 3px; display: inline-block; cursor: pointer;}
	.fileBox .fName{
		width: 300px;
		background: #FAFAFA;
		color: #848484;
		font-family: inherit; font-size: inherit;
		line-height: normal;
		vertical-align: middle;
		border: 1px solid #E1E1E1;
		-webkit-appearance: none; -moz-appearance: none; appearance: none;
		display: inline-block;
		padding: 4px 10px;
	}

	/* 폼 UI // checkBox */
	.checkBox {position: relative;}
	.checkBox input[type="checkbox"]{width: 1px; height: 1px; clip: rect(0,0,0,0); border: 0; overflow: hidden; position: absolute; padding: 0; margin: -1px;}
	.checkBox input[type="checkbox"] + label{cursor: pointer; user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; position: relative; display: inline-block;}
	.checkBox input[type="checkbox"] + label:before{
		content: "";
		width: 15px;
		height: 15px;
		background: #FFF;
		text-align: center;
		line-height: 15px;			/* 세로정렬을 위해 height값과 일치 */
		border: 1px solid #cacece;
		border-radius : 3px;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
		position: absolute;
	}
	.checkBox input[type="checkBox"] + label:active:before,
	.checkBox input[type="checkBox"]:checked + label:active:before{box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
	.checkBox input[type="checkbox"]:checked + label:before{
		content: '\2714';			/* 체크표시 유니코드 사용 */
		color: #99a1a7;
		background: #FFF;
		text-shadow: 1px 1px #fff;
		border-color: #adb8c0;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	}

	/* 폼 UI // radioBox - skyblue Type */
	.radioBox{line-height: normal;}
	.radioBox.skBlue{position: relative;}
	.radioBox.skBlue input[type="radio"]{width: 1px; height: 1px; clip: rect(0,0,0,0); border: 0; overflow: hidden; position: absolute; margin: -1px; padding: 0;}
	.radioBox.skBlue input[type="radio"] + label{
		color: #555;
		user-select: none;
		-ms-user-select: none;
		-moz-user-select: none;
		-webkit-user-select: none;
		cursor: pointer;
		position: relative;
		display: inline-block;
		padding-left: 30px;
	}
	.radioBox.skBlue input[type="radio"] + label:before{
		content: " ";
		width: 21px;
		height: 21px;
		background: #fafafa;
		text-align: center;
		border: 1px solid #cacece;
		border-radius: 100%;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
		position: absolute;
		top: -1px;
		left: 0;
	}
	.radioBox.skBlue input[type="radio"] + label:active:before,
	.radioBox.skBlue input[type="radio"]:checked + label:active:before{box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
	.radioBox.skBlue input[type="radio"]:checked + label:before{background: #E9ECEE; border-color: #adb8c0;}
	.radioBox.skBlue input[type="radio"]:checked + label:after{
		content: " ";
		width: 13px;
		height: 13px;
		background: #2dbfff;
		border-radius: 100%;
		box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
		position: absolute;
		top: 4px;
		left: 5px;
	}

	/* 폼 UI // 부가 기호 */
	.minus, .unit{margin: 0 5px 0;}
	.atMark{margin: 0 6px 0 5px;}

	/* 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: 1024px){
	.button.big{font-size: 22px; line-height: 50px; padding: 0 40px;}
	.button.medium{font-size: 18px; line-height: 40px; padding: 0 16px;}
	.button.mini{}
}
@media screen and (min-width: 720px) and (max-width: 1023px){
	/* Tablet device support */
	.button.big{font-size: 32px; line-height: 64px; padding: 0 40px;}
	.button.medium{font-size: 18px; line-height: 40px; padding: 0 16px;}
	.button.mini{}
	.button.isM{width: 100%;}
}
@media screen and (max-width: 719px){
	/* Moblie device support */
	.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.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.skBlueGra{background: #0190D5 url("../image/common/skBlueGra.jpg") repeat-x 0 0; color: #FFF !important; border: 2px solid #0190D5;}
	.button.skBlueGra:hover{color: #FFF !important; border: 2px solid #18719C;}
	.button.skBlueGra:active{background: #0190D5; color: #FFF !important; border: 2px solid #0190D5;}
	.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.deepDarkGrayGra{background: url(../image/common/deepDarkGraBg.png) repeat-x 0 0; color: #FFF; font-size: 15px; line-height: 29px; border: 1px solid #293038; border-radius: 3px; padding: 0 15px;}
	.button.deepDarkGrayGra:hover{background: url(../image/common/deepDarkGraBg.png) repeat-x 0 0; color: #FFF; line-height: 29px; border: 1px solid #293038; padding: 0 15px;}
	.button.deepDarkGrayGra:active{background: #373E4A; color: #E1E1E1; line-height: 29px; border: 1px solid #293038; padding: 0 15px;}

	.button.sysGray{background: url(../image/common/grayGra.jpg) repeat-x 0 0; color: #6E6E6E; text-shadow: 1px 1px 1px #FFF; line-height: 32px; border: 1px solid #C9C9C9; padding: 0 15px;}
	.button.sysGray:hover{background: url(../image/common/grayGra.jpg) repeat-x 0 0; color: #6E6E6E; text-shadow: 1px 1px 1px #FFF; line-height: 32px; border: 1px solid #C9C9C9; padding: 0 15px;}
	.button.sysGray:active{background: #E2E2E2; color: #6E6E6E; text-shadow: 1px 1px 1px #FFF; line-height: 32px; border: 1px solid #999; padding: 0 15px;}

	.fileBox .button.sysGray{background: url(../image/common/grayGra.jpg) repeat-x 0 0; color: #6E6E6E; text-shadow: 1px 1px 1px #FFF; line-height: 32px; border: 1px solid #C9C9C9; padding: 0 1.2em;}
	.fileBox .button.sysGray:hover{background: url(../image/common/grayGra.jpg) repeat-x 0 0; color: #6E6E6E; text-shadow: 1px 1px 1px #FFF; line-height: 32px; border: 1px solid #C9C9C9; padding: 0 1.2em;}
	.fileBox .button.sysGray:active{background: #E2E2E2; color: #6E6E6E; text-shadow: 1px 1px 1px #FFF; line-height: 32px; border: 1px solid #999; padding: 0 1.2em;}
@media screen and (min-width: 720px) and (max-width: 1023px){
	/* Tablet device support */
	.button.skBlueGra{border: 2px solid #0190D5;}
	.button.skBlueGra:hover{color: #FFF !important; border: 2px solid #18719C;}
	.button.skBlueGra:active{background: #0190D5; color: #FFF !important; border: 2px solid #0190D5;}
}
@media screen and (max-width: 719px){
	/* Moblie device support */
	.button.skBlueGra{border: 1px solid #0190D5;}
	.button.skBlueGra:hover{color: #FFF !important; border: 1px solid #18719C;}
	.button.skBlueGra:active{background: #0190D5; color: #FFF !important; border: 1px solid #0190D5;}
}

	/* BUTTON // shape */
	.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: ""}

	/* LIST // bullet set */
	.decimal > li{list-style: decimal inside;}
	.disc{list-style: disc inside;}
	.disc.skBlueBllt > li{color: #0190D5;}
	.disc li >.innerPara{margin-left: -10px;}
	.disc li[class*="tiMns"] ol > li{text-indent: 0; margin-left: -10px;}
	.arrBllt > li:before{content: ""; width: 10px; height: 15px; background: url("../image/common/blltSpr.png") no-repeat -11px -247px; display: inline-block;}
	.circleNum li{text-indent: -20px; margin-left: 20px;}
	.koAlpabt{margin-top: 5px;}
	.koAlpabt li{text-indent: -20px; margin-left: 20px;}
@media screen and (max-width: 719px){
	/* Moblie device support */
	.disc li >.innerPara{margin-left: -5px;}
}

	/* LIST // layout set */
	ul.para li, ol.para li{font-size: 16px; font-weight: 300; line-height: 24px;}
	ul.para > li, ol.para > li{margin-bottom: 14px;}
	ul.para > li:only-of-type{margin-bottom: 7px;}
	.black + ol > li{margin-bottom: 12px;}
	.black + ol > li:last-of-type{margin-bottom: 24px;}
@media screen and (max-width: 719px){
	/* Moblie device support */
	ul.para li, ol.para li{font-size: 13px; line-height: 17px;}
}

	/* PARAGRAPH // common set */
	.para{color: #686868;}
	.para .undline{border-bottom: 1px solid #686868;}
	.para .point{color: #0190D5;}
	.para .pointBox{background: #EDEDED; color: #303030; font-size: 15px; font-weight: 300; padding: 7px 12px 6px;}
	.para.box1{padding: 22px 25px 15px 20px;}
	.para.color1{background: #F4F4F4;}
	.para.color2{background: #F9F9F9; border: 1px solid #E5E5E5;}
@media screen and (max-width: 719px){
	/* Moblie device support */
	.para.box1{padding: 12px 15px 0 15px;}
}

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

	/* jquery UI reset */
	.ui-widget{font-family: "Spoqa Han Sans", sans-serif, "axicon";}


/* 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: #0B90B6 url("../image/map/mapSpr.png") no-repeat right 2px top 6px;
		color: #000;
		font-size: 14px; font-weight: bold;
		text-align: center;
		border-radius: 6px;
		overflow: hidden;
	}
	#miniMap + #layers .mapOverlayUi a{background: #0B90B6 url("../image/map/mapSpr.png") no-repeat right 2px top -4px; 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/map/mapSpr.png") no-repeat -2px -69px;
		position: absolute; left: 50%; bottom: -12px;
		margin-left: -12px;
	}
	.mapOverlayUi a, .mapOverlayUi div{
		color: #000;
		font-size: 14px; font-weight: bold;
		text-align: center;
		border-radius: 6px;
		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;}

/* SUB PAGE Design set ------------------------------------------------------------------------------------------ */
	/* SUB PAGE common */
	#wrap #mngSub .titArea{height: 40px; background: #FFF; line-height: 40px; box-shadow: 0 7px 7px -5px #D8DADB; margin-bottom: 31px;}
	#wrap #mngSub .titArea h1{color: #34404D; font-size: 18px; padding-left: 25px; position: relative;}
	#wrap #mngSub .titArea h1:before{content: ""; background: #0290D5; width: 8px; height: 100%; display: inline-block; position: absolute; top: 0; left: 0;}
	#wrap #mngSub .insrtDataPanel h2{background: url("../image/common/blltSpr.png") no-repeat -7px 5px; background-size: 25px; color: #303030; font-size: 20px; margin-top: 20px; padding: 0 0 5px 20px;}
	#wrap .pageTitArea h3{background: url("../image/common/blltSpr.png") no-repeat -10px 13px; color: #323232; font-size: 32px; border-bottom: 2px solid #0B90B6; padding-left: 20px;}
	#wrap .pageTitArea h4{color: #323232; font-size: 18px; line-height: 65px; border-bottom: 1px solid #0B90B6; padding: 0 20px;}
	#wrap .subTitArea{padding: 35px 3px 10px;}
	#wrap .subTitArea h5{color: #287D95; font-size: 18px; text-indent: -25px; margin-left: 25px;}
	#wrap .subTitArea h5:before{
		content: '\f105';
		width: 16px; height: 16px;
		background: url("../image/sub/titDecoBg.jpg") repeat-y 0 0;
		color: #FFF;
		text-align: center;
		text-indent: 0;
		line-height: 16px;
		border: 1px solid #4A8FC1;
		border-radius: 5px;
		display: inline-block;
		margin-right: 7px;
	}
	#wrap .descMsg{background: url("../image/common/blltSpr.png") no-repeat -10px -186px; color: #848484; font-size: 13px; font-weight: 300; line-height: normal; padding-left: 15px;}
	#sub .attfileList{padding: 12px 0;}
	#sub .attfileList li{line-height: 24px;}
	#sub .attfileList li .item{color: inherit;}
@media screen and (min-width: 720px) and (max-width: 1023px){
	/* Tablet device support */
	#wrap .pageTitArea h3{background-size: 41px; background-position: 0 25px; font-size: 52px; padding-left: 40px;}
	#wrap .pageTitArea h4{font-size: 32px; line-height: 36px; padding: 23px 20px 20px;}
}
@media screen and (max-width: 719px){
	/* Moblie device support */
	#wrap .pageTitArea h3{background-size: 20px; background-position: -6px 9px; font-size: 23px; padding-left: 20px;}
	#wrap .pageTitArea h4{font-size: 14px; line-height: 15px; padding: 10px 8px;}
	#wrap .subTitArea{padding: 25px 3px 3px;}
	#wrap .subTitArea h5{font-size: 16px;}
}
@media screen and (max-width: 320px){
	/* 4in iPhone(5/5s/SE) support */
	#wrap .descMsg{background: url("../image/common/blltSpr.png") no-repeat -10px -187px; font-size: 11px;}
}

	/* SUB PAGE common // Breadcrumb */
	#wrap .subTop .decoTitArea{height: 120px; background: url("../image/sub/decoBgGra.jpg") repeat-x 0 0; border-bottom: 1px solid #E5E5E5;}
	#wrap .subTop .decoTitArea figure{background: url("../image/sub/decoBgCircle.png") no-repeat right bottom 6px;}
	#wrap .subTop .breadcrumb{background: #F9F9FC; border-bottom: 1px solid #E5E5E5; position: relative; z-index: 888; margin: 0 0 48px;}
	#wrap .breadcrumb a{width: 100%;}
	#wrap .breadcrumb .depth1 > li{border-left: 1px solid #E5E5E5; display: inline-block; float: left;}
	#wrap .breadcrumb .depth1 > li:last-of-type{border-right: 1px solid #E5E5E5;}
	#wrap .breadcrumb .depth1 > li > a, #wrap .breadcrumb .menuList{width: 180px;}
	#wrap .breadcrumb .depth1 > li > a{color: #303030; font-size: 15px; font-weight: 300; line-height: 50px; position: relative; padding: 0 20px;}
	#wrap .breadcrumb .depth1 > li > a.axi{width: 55px; background: #F0F0F2; color: #747474; font-size: 21px; text-align: center; padding: 0;}
	#wrap .breadcrumb .depth1 > li > a:not(.axi):after{content: "\f107"; color: #3C3C3C; font-size: 21px; position: absolute; right: 20px;}
	#wrap .breadcrumb .depth1 > li > a:not(.axi).activeDown:after{content: "\f106"; color: #3C3C3C; font-size: 21px; position: absolute; right: 20px;}
	#wrap .breadcrumb .depth1 > li .menuList{position: absolute;}
	#wrap .breadcrumb .menuList{display: none;}
	#wrap .breadcrumb .menuList .depth2{width: 100%; background: #FFF; border: 1px solid #E5E5E5; padding: 5px 0;}
	#wrap .breadcrumb .depth2 > li > a{color: #303030; font-size: 16px; line-height: 32px; padding: 0 20px;}
	#wrap .breadcrumb .depth2 > li > a:hover{color: #1DA4FF;}
	#wrap .breadcrumb .depth2 > li > a:active{background: #DDF0FF; color: #1DA4FF;}
	#wrap .breadcrumb .depth2 > li:first-of-type > a{padding-top: 5px;}
@media screen and (min-width: 720px) and (max-width: 1023px){
	/* Tablet device support */
	#wrap .subTop .decoTitArea{height: 165px; background-size: contain;}
	#wrap .subTop .decoTitArea figure{background: none; text-align: center; line-height: 205px;}
	#wrap .subTop .decoTitArea figure > img{width: auto;}
	#wrap .subTop .breadcrumb{margin: 0 0 20px;}
	#wrap .breadcrumb .depth1 > li{width: 100vw; border-left: none;}
	#wrap .breadcrumb .depth1 > li.half{width: 50%; border-right: 1px solid #E5E5E5;}
	#wrap .breadcrumb .depth1 > li:last-of-type{border-right: none;}
	#wrap .breadcrumb .depth1 > li > a, #wrap .breadcrumb .menuList{width: 100%;}
	#wrap .breadcrumb .depth1 > li.half > a, #wrap .breadcrumb .half .menuList{width: 50vw;}
	#wrap .breadcrumb .depth1 > li > a{font-size: 28px; line-height: 67px;}
	#wrap .breadcrumb .depth1 > li:first-of-type{display: none;}
	#wrap .breadcrumb .depth1 > li > a:not(.axi):after{content: "\f107"; font-size: 30px;}
}
@media screen and (max-width: 1023px){
	/* supporting Tablet device to mobile device */
	#wrap .breadcrumb .depth1 > li:not(:nth-of-type(4)) > .menuList{z-index: 1;}
	#wrap .breadcrumb .depth1 > li:nth-of-type(4){border-top: none;}
	#wrap .breadcrumb .depth1 > li:nth-of-type(4) > a{display: none;}
	#wrap .breadcrumb .depth1 > li:nth-of-type(4) > .menuList{display: block;}
	#wrap .breadcrumb .depth1 > li:nth-of-type(4) .depth2{border: none; border-top: 1px solid #E5E5E5; padding: 20px 10px;}
	#wrap .breadcrumb .depth1 > li:nth-of-type(4) .depth2 > li{width: calc(100% / 3); display: inline-block; float: left; margin-left: -1px;}
	#wrap .breadcrumb .depth1 > li:nth-of-type(4) .depth2 > li > a{background: #F3F8FA; color: #525658; font-size: 18px; text-align: center; border: 1px solid #ADBFC8; border-bottom: 1px solid #363636;}
	#wrap .breadcrumb .depth1 > li:nth-of-type(4) .depth2 > li > a.active{background: #0190D5; color: #FFF; border: 1px solid #363636; padding: 10px 20px; position: relative; z-index: 0;}
	#wrap .breadcrumb .depth1 > li:nth-of-type(4) .depth2 > li:first-of-type > a:not(.active){border-left: 1px solid #ADBFC8; padding-top: 10px;}
	#wrap .breadcrumb .depth1 > li:nth-of-type(4) .depth2 > li:last-of-type > a:not(.active){border-right: 1px solid #ADBFC8;}
	#wrap .breadcrumb .depth2 > li > a{font-size: 18px; padding: 10px 20px;}
}
@media screen and (max-width: 719px){
	/* Moblie device support */
	#wrap .subTop .decoTitArea{height: 73px; background-size: contain;}
	#wrap .subTop .decoTitArea figure{background: none; text-align: center; line-height: 77px;}
	#wrap .subTop .decoTitArea figure > img{width: 290px;}
	#wrap .subTop .breadcrumb{border-bottom: none; margin: 0;}
	#wrap .breadcrumb .depth1 > li{width: 100vw; border-left: none;}
	#wrap .breadcrumb .depth1 > li.half{width: 50%; border-right: 1px solid #E5E5E5;}
	#wrap .breadcrumb .depth1 > li:first-of-type{display: none;}
	#wrap .breadcrumb .depth1 > li:last-of-type{border-right: none;}
	#wrap .breadcrumb .depth1 > li.half > a, #wrap .breadcrumb .half .menuList{width: 50vw;}
	#wrap .breadcrumb .depth1 > li > a, #wrap .breadcrumb .menuList{width: 100%;}
	#wrap .breadcrumb .depth1 > li > a{font-size: 12px; line-height: 26px;}
	#wrap .breadcrumb .depth1 > li > a:not(.axi):after{content: "\f107"; font-size: 16px;}
	#wrap .breadcrumb .depth1 > li:nth-of-type(4) .depth2 > li > a{font-size: 13px; font-weight: 300;}
	#wrap .breadcrumb .depth1 > li:nth-of-type(4) .depth2 > li > a.active{padding: 0 20px;}
	#wrap .breadcrumb .depth1 > li:nth-of-type(4) .depth2 > li:first-of-type > a:not(.active){padding-top: 0;}
	#wrap .breadcrumb .depth2 > li:first-of-type > a{padding-top: 0;}
	#wrap .breadcrumb .depth2 > li > a{font-size: 12px; padding: 0 20px}
}

/* SUB PAGE common // Pagination */
@media screen and (min-width: 1024px){
	/* PC device support */
	.pagination{text-align: center; line-height: 44px; margin-top: 20px; position: relative;}
	.pagination .pageBtn{line-height: 20px; margin-left: 130px;}
	.pagination .pageBtn:only-of-type{margin: 0;}
	.pagination .pageBtn a{background: #FFF; color: #C9C9C9; font-size: 14px; font-weight: 500; text-align: center; line-height: 28px; vertical-align: middle; float: left;}
	.pagination .pageBtn a:hover{color: #3AB2E4;}
	.pagination .pageBtn a.active{color: #3AB2E4;}
	.pagination .pageBtn a.active:hover{color: #3AB2E4;}
	.pagination .pageBtn a:not([class*='Page']){width: 24px; height: 30px;}
	.pagination .pageBtn a.prevPage:not(.last){margin-right: 13px;}
	.pagination .pageBtn a.nextPage:not(.last){margin-left: 13px;}
	.pagination .pageBtn a.prevPage.last + .prevPage{margin-left: -1px;}
	.pagination .pageBtn a.nextPage + .nextPage.last{margin-left: -1px;}
	.pagination .pageBtn a.prevPage, .pagination .pageBtn a.nextPage{width: 32px; height: 30px; background: #FFF; color: #C9C9C9; font-size: 16px; border: 1px solid #CACACA;}
	.pagination .pageBtn a.prevPage.page-link, .pagination .pageBtn a.nextPage.page-link{color: #3AB2E4;}
	.pagination .pageBtn a.prevPage.disabled, .pagination .pageBtn a.nextPage.disabled{color: #C9C9C9;}
	.pagination .pageBtn a.prevPage:before{content: "\f104";}
	.pagination .pageBtn a.nextPage:before{content: "\f105";}
	.pagination .pageBtn a.prevPage.last:before{content: "\f104\f104";}
	.pagination .pageBtn a.nextPage.last:before{content: "\f105\f105";}
	.pagination .pageBtn a:last-of-type{margin-right: 0;}
	#sub .siblingPage{padding-top: 20px;}
	#sub .siblingPage dt, #sub .siblingPage dd{font-size: 15px; font-weight: 300; line-height: 55px; border-top: 1px solid #E1E1E1;}
	#sub .siblingPage dt:last-of-type, #sub .siblingPage dd:last-of-type{border-bottom: 1px solid #E1E1E1;}
	#sub .siblingPage dt{width: 120px; color: #6A6A6A; text-align: center;}
	#sub .siblingPage dt.axi:before{color: #CCC; font-size: 32px; vertical-align: -7px; margin-right: 20px;}
	#sub .siblingPage dt:nth-of-type(2){clear: left;}
	#sub .siblingPage dd{width: calc(100% - 120px); padding: 0 25px; cursor: pointer;}
	#sub .siblingPage dd:hover{background: #F7F7F7;}
	#sub .siblingPage dd > a{width: 100%; color: #323232;}
}
@media screen and (min-width: 720px) and (max-width: 1023px){
	/* Tablet device support */
	#sub .pagination{text-align: center; line-height: 44px; margin-top: 60px; position: relative;}
	#sub .pagination .pageBtn{line-height: 20px; margin-left: 130px;}
	#sub .pagination .pageBtn:only-of-type{margin: 0;}
	#sub .pagination .pageBtn a{background: #FFF; color: #C9C9C9; font-size: 38px; font-weight: 500; text-align: center; line-height: 50px; vertical-align: middle; border: 1px solid #CACACA; float: left; margin-left: 7px;}
	#sub .pagination .pageBtn a.active{background: #3AB2E4; color: #FFF; border: 1px solid #3AB2E4;}
	#sub .pagination .pageBtn a:not([class*='Page']){width: 55px; height: 55px;}
	#sub .pagination .pageBtn a.prevPage:not(.last){margin-right: 27px;}
	#sub .pagination .pageBtn a.nextPage:not(.last){margin-left: 27px; margin-right: 23px;}
	#sub .pagination .pageBtn a.prevPage.last + .prevPage{margin-left: 23px;}
	#sub .pagination .pageBtn a.prevPage, #sub .pagination .pageBtn a.nextPage{width: auto; height: 24px; font-size: 40px; border: none;}
	#sub .pagination .pageBtn a.prevPage.disabled, #sub .pagination .pageBtn a.nextPage.disabled{color: #C9C9C9; display: none;}
	#sub .pagination .pageBtn a.prevPage:before{content: "\f104";}
	#sub .pagination .pageBtn a.nextPage:before{content: "\f105";}
	#sub .pagination .pageBtn a.prevPage.last:before{content: "\f104\f104";}
	#sub .pagination .pageBtn a.nextPage.last:before{content: "\f105\f105";}
	#sub .pagination .pageBtn a[class*='Page']:before{vertical-align: -2px;}
	#sub .pagination .pageBtn a:first-of-type{margin-left: 0;}
	#sub .pagination .pageBtn a:last-of-type{margin-right: 0;}
	#sub .pagination .pageBtn a[class*='Page'] + [class='page-link']{margin-left: 0;}
	#sub .siblingPage{display: none; padding-top: 20px;}
}
@media screen and (max-width: 719px){
	/* Moblie device support */
	#sub .pagination{text-align: center; line-height: 44px; margin-top: 20px; position: relative;}
	#sub .pagination .pageBtn{line-height: 20px; margin-left: 130px;}
	#sub .pagination .pageBtn:only-of-type{margin: 0;}
	#sub .pagination .pageBtn a{background: #FFF; color: #C9C9C9; font-size: 16px; font-weight: 500; text-align: center; line-height: 20px; vertical-align: middle; border: 1px solid #CACACA; float: left; margin-left: 3px;}
	#sub .pagination .pageBtn a.active{background: #3AB2E4; color: #FFF; border: 1px solid #3AB2E4;}
	#sub .pagination .pageBtn a:not([class*='Page']){width: 25px; height: 24px;}
	#sub .pagination .pageBtn a.prevPage:not(.last){margin-right: 10px;}
	#sub .pagination .pageBtn a.nextPage:not(.last){margin-left: 10px; margin-right: 13px;}
	#sub .pagination .pageBtn a.prevPage.last + .prevPage{margin-left: 13px;}
	#sub .pagination .pageBtn a.prevPage, #sub .pagination .pageBtn a.nextPage{width: auto; height: 24px; font-size: 18px; border: none;}
	#sub .pagination .pageBtn a.prevPage.disabled, #sub .pagination .pageBtn a.nextPage.disabled{color: #C9C9C9; display: none;}
	#sub .pagination .pageBtn a.prevPage:before{content: "\f104";}
	#sub .pagination .pageBtn a.nextPage:before{content: "\f105";}
	#sub .pagination .pageBtn a.prevPage.last:before{content: "\f104\f104";}
	#sub .pagination .pageBtn a.nextPage.last:before{content: "\f105\f105";}
	#sub .pagination .pageBtn a[class*='Page']:before{vertical-align: -2px;}
	#sub .pagination .pageBtn a:first-of-type{margin-left: 0;}
	#sub .pagination .pageBtn a:last-of-type{margin-right: 0;}
	#sub .pagination .pageBtn a[class*='Page'] + [class='page-link']{margin-left: 0;}
	#sub .siblingPage{display: none; padding-top: 20px;}
}

	/* SUB PAGE common // Search & User control item */
@media screen and (min-width: 1024px){
	/* PC device support */
	#sub .boardPanel + .searchArea{background: #F5F7F9; padding: 19px 13px;}
	#sub .boardPanel + .searchArea .selectBox{width: 130px; height: 35px;}
	#sub .boardPanel + .searchArea .selectBox label, #sub .boardPanel + .searchArea .selectBox select{font-size: 16px;}
	#sub .boardPanel + .searchArea .searchBox{background: #FFF; border: 1px solid #D7D7D7; padding-left: 10px;}
	.searchArea .searchBox .textBox{width: 242px;}
	.searchArea .searchBox .textBox label{font-size: 16px; padding: .2em .35em .25em;}
	.searchArea .searchBox .textBox label,
	.searchArea .searchBox .textBox input[type="text"]{border: none;}
	.searchArea .searchBox .textBox input[type="text"]{padding: .5em .35em 0;}
	.searchArea .searchBox .searchBtn{height: 24px; color: #0190D5; font-size: 18px; border-left: 1px solid #0190D5; margin: 5px 0; padding: 0 10px;}
	.searchArea .searchBox .searchBtn:before{vertical-align: -2.5px;}
}
@media screen and (min-width: 720px) and (max-width: 1023px){
	/* Tablet device support */
	#sub .boardPanel + .searchArea{width: 100%; background: #F5F7F9; position: absolute; top: 90px; padding: 15px 7px;}
	#sub .boardPanel + .searchArea .selectBox label, #sub .boardPanel + .searchArea .selectBox select{font-size: 30px;}
	#sub .boardPanel + .searchArea .selectBox label{padding: .5em .5em .35em;}
	#sub .boardPanel + .searchArea .searchBox{width: calc(100% - 1px); background: #FFF; border: 1px solid #D7D7D7; margin-top: 7px; padding-left: 0;}
	.searchArea .searchBox .textBox{width: calc(100% - 60px);}
	.searchArea .searchBox .textBox label{font-size: 30px; padding: .35em .35em .25em;}
	.searchArea .searchBox .textBox label,
	.searchArea .searchBox .textBox input[type="text"]{border: none;}
	.searchArea .searchBox .textBox input[type="text"]{padding: .5em .35em 0;}
	.searchArea .searchBox .searchBtn{height: 50px; color: #0190D5; font-size: 40px; border-left: 2px solid #0190D5; margin: 10px 0; padding: 0 10px;}
	.searchArea .searchBox .searchBtn:before{vertical-align: -5px;}
}
@media screen and (max-width: 719px){
	/* Moblie device support */
	#sub .boardPanel + .searchArea{width: 100%; background: #F5F7F9; position: absolute; top: 41px; padding: 15px 7px;}
	#sub .boardPanel + .searchArea .selectBox label, #sub .boardPanel + .searchArea .selectBox select{font-size: 16px;}
	#sub .boardPanel + .searchArea .selectBox label{font-size: 11px; padding: .5em .5em .35em;}
	#sub .boardPanel + .searchArea .searchBox{width: calc(100% - 1px); height: 31px; background: #FFF; border: 1px solid #D7D7D7; margin-top: 7px; padding-left: 0;}
	.searchArea .searchBox .textBox{width: calc(100% - 40px);}
	.searchArea .searchBox .textBox label{font-size: 16px; padding: .35em .35em .25em;}
	.searchArea .searchBox .textBox label,
	.searchArea .searchBox .textBox input[type="text"]{border: none;}
	.searchArea .searchBox .textBox input[type="text"]{padding: .5em .35em 0;}
	.searchArea .searchBox .searchBtn{height: 22px; color: #0190D5; font-size: 18px; border-left: 1px solid #0190D5; margin: 4px 0; padding: 0 10px;}
	.searchArea .searchBox .searchBtn:before{vertical-align: -2.5px;}
}

	/* SUB PAGE common // Button Area */
@media screen and (min-width: 1024px){
	/* PC device support */
	.btnArea{padding: 30px 0;}
	#sub .pagination + .btnArea{padding: 0;}
	#sub .pagination + .btnArea .button{font-weight: 300;}
	#sub .viewBoard + .btnArea .button{font-weight: 300;}
	#sub .viewBoard + .btnArea .button.deepDarkGray{padding: 0 17px;}
	#sub .viewBoard + .btnArea .blueGreen:only-child{position: relative; left: calc(50% + 20px);}
}
@media screen and (min-width: 720px) and (max-width: 1023px){
	/* Tablet device support */
	.btnArea{padding: 50px 0 66px;}
	#sub .pagination + .btnArea{padding: 0;}
	#sub .pagination + .btnArea .button{font-weight: 300;}
	#sub .viewBoard + .btnArea .button{font-weight: 300;}
	#sub .viewBoard + .btnArea .button.deepDarkGray{padding: 0 17px;}
}
@media screen and (max-width: 719px){
	/* Moblie device support */
	.btnArea{padding: 22px 0;}
	#sub .pagination + .btnArea{padding: 0;}
	#sub .pagination + .btnArea .button{font-weight: 300;}
	#sub .viewBoard + .btnArea .button{font-weight: 300;}
	#sub .viewBoard + .btnArea .button.deepDarkGray{padding: 0 17px;}
}

	/* SUB PAGE // devlp Layout */
	.devlp .goCthll{background: #0190D5; color: #FFF; font-size: 15px; font-weight: 300; line-height: 40px; padding: 0 20px;}
	.devlp .goCthll .axi-arrow-right{font-size: 20px; vertical-align: -2.5px;}
	.cntctInfo{border: 1px solid #C7C7C7; margin-top: 48px;}
	.cntctInfo .innerLeft, .cntctInfo .innerRight{width: 50%; display: inline-block; float: left; padding: 13px 0;}
	.cntctInfo .innerLeft{border-right: 1px solid #C7C7C7;}
	.cntctInfo .innerRight{}
	.cntctInfo h6, .cntctInfo .txt{line-height: 36px; display: inline-block; float: left;}
	.cntctInfo h6{background: #A5ABAE; color: #FFF; font-size: 16px; margin: 0 15px; padding: 0 17px;}
	.cntctInfo h6.axi:before{margin-right: 12px;}
	.cntctInfo .txt{color: #686868; font-size: 16px;}
	.devlp .law{border-bottom: 1px solid #EBEBEB; padding: 50px 0;}
	.devlp .law li{max-height: 70px; color: #404040; font-size: 17px; line-height: 38px; border: 1px dashed #CFD1D4; margin-top: 20px; padding: 15px 0;}
	.devlp .law li:first-of-type{margin-top: 0;}
	.devlp .law li .axi-paper{width: 40px; height: 40px; background: #0190D5; color: #FFF; font-size: 18px; text-align: center; line-height: 38px; border-radius: 40px; margin: 0 15px;}
	.devlp .law li h6{font-size: 16px}
	.devlp .law li .link{background: #F4F7F9; color: #686E71; font-size: 17px; line-height: 38px; border: 1px solid #A5ABAE; margin: 0 24px; padding: 0 16px;}
	.devlp .law li .link:hover{background: #F1F1F1;}
	.devlp .law li .link:active{background: #E1E1E1;}
	.devlp .law li .link .axi-arrow-right{
		width: 24px; height: 24px; background: #A5ABAE;
		color: #FFF; font-size: 14px; line-height: 22px; vertical-align: 1px;
		border-radius: 100%; margin-left: 11px;
	}
	table.board4 li > p{color: #686868;}
@media screen and (max-width: 860px){
	/* Moblie device support */
	.cntctInfo{margin-top: 22px;}
	.cntctInfo .innerLeft, .cntctInfo .innerRight{width: 100%; display: block; float: none; clear: both; padding: 4px 0;}
	.cntctInfo .innerLeft{border-right: none; margin-top: 2px;}
	.cntctInfo .innerRight{ margin-bottom: 2px;}
	.cntctInfo h6, .cntctInfo .txt{font-size: 13px; line-height: 24px;}
	.cntctInfo h6{width: 27%; min-width: 80px; margin: 0 5px; padding: 0 7px;}
	.cntctInfo h6.axi:before{margin-right: 5px;}
	.devlp .law li{padding: 15px 10px; position: relative;}
	.devlp .law li .axi-paper{margin: 0;}
	.devlp .law li h6{width: calc(100% - 140px); font-size: 13px; line-height: normal; margin: 0 10px; position: absolute; top: 50%; transform: translateY(-50%);}
	.devlp .law li .link{background: transparent; font-size: 0; line-height: normal; border: none; margin: 0; padding: 0; position: relative;}
	.devlp .law li .link:hover,
	.devlp .law li .link:active{background: transparent;}
	.devlp .law li .link:before{content: ""; width: 2px; height: 38px; background: #CFD1D4; position: absolute; top: 0; left: -5px;}
	.devlp .law li .link .axi-arrow-right{width: 42px; height: 42px; font-size: 26px; line-height: 40px; margin-top: -1.5px;}
}



/* User PAGE Design set ---------------------------------------------------------------------------------------- */
	/* User component common */
@media screen and (min-width: 1024px){
	/* PC device support */
	.usr.btnArea .button{font-size: 18px; line-height: 42px; padding: 0 25px;}
	.usr.btnArea .button:before{color: #9ED2E2; font-size: 24px; vertical-align: -3px; margin-right: 10px;}
	.usr.btnArea .button.axi-file-text-o:before{color: #FFF; font-size: 13px; vertical-align: 0; margin-right: 7px;}
	.usr.btnArea .button.axi-ion-compose:before{color: #FFF; font-size: 22px; vertical-align: -2px; margin-right: 8px;}
}
@media screen and (min-width: 720px) and (max-width: 1023px){
	/* Tablet device support */
	.usr.btnArea .button{font-size: 32px; line-height: 60px; padding: 0 25px;}
	.usr.btnArea .button:before{color: #9ED2E2; font-size: 34px; vertical-align: -3px; margin-right: 10px;}
	.usr.btnArea .button.axi-file-text-o:before{color: #FFF; font-size: 30px; vertical-align: 0; margin-right: 7px;}
	.usr.btnArea .button.axi-ion-compose:before{color: #FFF; font-size: 22px; vertical-align: -2px; margin-right: 8px;}
}
@media screen and (max-width: 719px){
	/* Moblie device support */
	.usr.btnArea .button{font-size: 14px; line-height: 25px; padding: 0 25px;}
	.usr.btnArea .button:before{color: #9ED2E2; font-size: 16px; vertical-align: -3px; margin-right: 10px;}
	.usr.btnArea .button.axi-file-text-o:before{color: #FFF; font-size: 16px; vertical-align: 0; margin-right: 7px;}
	.usr.btnArea .button.axi-ion-compose:before{color: #FFF; font-size: 22px; vertical-align: -2px; margin-right: 8px;}
}



/* Admin SUB PAGE Design set ------------------------------------------------------------------------------------ */
	/* Tabs UI */
	#mngSub .tabsArea li .tab{background: #E6E6E6;}
	#mngSub .tabsArea li .tab.active{background: #FFF; color: #0190D5; border: 2px solid #0190D5; border-bottom: 1px solid #FFF; margin-top: -1px;}



/* Admin MAIN PAGE Design set ----------------------------------------------------------------------------------- */
	/* Admin Left Navigator */
	.leftWpper{width: 242px; height: 100vh; position: fixed; top: 0; left: 0; bottom: 0; z-index: 99;}
	.leftWpper h1{height: 65px; background: #0B90B6; text-align: center; line-height: 84px;}
	.leftWpper nav{height: calc(100% - 65px); background: #34404D;}
	.leftWpper .depth1{padding: 31px 0;}
	.leftWpper .depth1 li{position: relative;}
	.leftWpper .depth1 > li{min-height: 42px; border-bottom: 1px solid #49535F;}
	.leftWpper .depth1 > li.not2d:after{content: "";}
	.leftWpper .depth1 > li:after{content: "\f107"; color: rgba(255,255,255,.5); font-size: 30px; position: absolute; top: -5px; right: 20px;}
	.leftWpper .depth1 > li.active{background: #49535F;}
	.leftWpper .depth1 > li.active:before{content: ""; width: 3px; height: 41px; background: #0B90B6; display: inline-block; position: absolute; top: 0; left: 0;}
	.leftWpper .depth1 > li.active:after{content: "\f106";}
	.leftWpper .depth1 > li.not2d.active:after{content: "";}
	.leftWpper .depth1 > li > a{width: 100%; height: 100%; color: #FFF; font-size: 16px; line-height: 40px; padding: 0 20px 0 7px;}
	.leftWpper .depth1 > li > a:before{width: 42px; color: #7A848E; font-size: 20px; text-align: center; display: inline-block;}
	.leftWpper .depth2{background: #232C36; padding: 10px 0 6px;}
	.leftWpper .depth2 > li{min-height: 32px; border-bottom: 1px solid #343F4B; margin: 0 22px;}
	.leftWpper .depth2 > li > a{width: 100%; height: 100%; color: #B3B9C1; font-size: 13px; font-weight: 300; line-height: 28px; padding-left: 15px;}
	.leftWpper .depth2 > li:last-of-type{border-bottom: none;}
	.leftWpper .depth2 > li > a:before{content: ">"; color: #B3b9C1; font-size: 10px; position: absolute; top: -1px; left: 3px;}
	.rightWpper{width: 100%; padding-left: 242px;}

	/* Admin Header */
	#mngHeader{width: calc(100% - 242px); min-width: 957px; height: 65px; background: #FFF; box-shadow: 0 0 10px rgba(0,0,0,.15); padding: 0 30px; position: fixed; z-index: 2;}
	#mngHeader h1{color: #34404d; font-size: 22px; line-height: 65px;}
	#mngHeader h1:before{color: #3457b3; margin-right: 10px;}
	#mngHeader .quickMenu{height: 65px;}
	#mngHeader .quickMenu li{font-size: 13px; font-weight: 300; position: relative;}
	#mngHeader .quickMenu li > a{color: inherit;}
	#mngHeader .quickMenu li.home{background: #B2B2B2; color: #FFF; border-radius: 20px; top: calc(50% - 13px);}
	#mngHeader .quickMenu li.home > a{border-radius: inherit; padding: 0 15px;}
	#mngHeader .quickMenu li:not(.home){color: #34404D; top: calc(50% - 12px);}
	#mngHeader .quickMenu li:not(.home):before{content: '|'; color: #C3C3C3; padding: 0 10px;}
	#mngHeader .quickMenu li:not(.home) > a{color: #34404D;}

	/* Admin Footer */
	#mngFooter{height: 107px; background: #FFF; color: #C1C1C1; font-size: 11px; padding: 0 15px;}
	#mngFooter .footCon{width: 100%; height: 100%; display: table;}
	#mngFooter .footCon .logo{width: 180px;}
	#mngFooter .footCon .logo,
	#mngFooter .footCon .footInfo{vertical-align: middle; display: table-cell;}
	#mngFooter .footCon .footInfo{padding-bottom: 20px;}
	#mngFooter .footCon .logo > img{width: 170px; height: auto;}



/* Board Design set --------------------------------------------------------------------------------------------- */
	/* board1 */
	.board1{display: table;}
	.board1 .columnHeader{background: #F9F9FA; line-height: 55px; display: table-header-group;}
	.board1 .columnHeader > *{color: #3457B3; font-size: 16px; font-weight: 400; border-bottom: 1px solid #B3B3B3; display: table-cell;}
	.board1 .list{background: #FFF; line-height: 55px; display: table-row-group;}
	.board1 .innerLink > *{color: #676767; font-size: 15px; font-weight: 300; border-bottom: 1px solid #E1E1E1; display: table-cell;}

	/* 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){
	/* supporting Tablet device to mobile device */
	.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){
	/* Moblie device support */
	.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 .cntNo{border-left: none;}
	.board4 .columnHeader > *{color: #2A2A2A; font-size: 16px; font-weight: 400; border-left: 1px solid #BCD3E4; border-bottom: 1px solid #BCD3E4; display: table-cell;}
	.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("../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("../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("../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("../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){
	/* Moblie device support */
	.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 .edge{width: 16px; height: 9px; background: url("../image/common/edge1.png") no-repeat 0 0; position: absolute; top: -9px; left: 50%;} */
	.layerPop01 .titArea{background: #738695; line-height: 32px; padding: 0 15px; cursor: move;}
	.layerPop01 .titArea .close{width: 36px; height: inherit; background: url("../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("../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{/* *변경자 : 주용은*  vertical-align: middle; display: table-cell;*/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){
	/* Mobile device horizental support */
	.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){
	/* Tablet device support */
	.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){
	/* Moblie device support */
	.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("../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){
	/* Moblie device support */
	.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("../image/layerPop/popTitPttn01.png"); line-height: 47px; border-bottom: 3px solid #D9D9D9; box-shadow: 2px 2px 3px rgba(0,0,0,.2); padding-left: 15px;}
	.layerPop03 .close{width: 50px; height: inherit; background: url("../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){
	/* Moblie device support */
	.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("../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("../image/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("../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{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;}
@media screen and (min-width: 720px) and (max-width: 1023px){
	/* Tablet device support */
	.layerPop .bussDetail .part{margin: 10px;}

}
@media screen and (max-width: 719px){
	/* Moblie device support */
	.layerPop .bussDetail .part{margin: 10px;}
	.layerPop .bussDetail .infoArea{font-size: 13px;}
}
	.cursorPt{cursor:pointer;}
	.skipNav a{position: absolute;left: 0;top: -100px;display: block;width: 100%;font-style: normal;font-variant: normal;text-align: center;font-size: 14px;font-weight: bold;color: #3c89c5;background: #e5ecf1;z-index: 1000;height: 33px;line-height: 33px;color: #3c89c5 !important;font-family: "Nanum Gothic";}
	.skipNav a:focus, .skipNav a:active{top:0px;text-decoration: none;}
	.countTime{color: #2085d6}