@charset "UTF-8";
@font-face {
    font-family:'Noto Sans KR';
    font-weight:400;
    src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
         url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
         url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
    font-family:'Noto Sans KR';
    font-weight:500;
    src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
         url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
         url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
    font-family:'Noto Sans KR';
    font-weight:700;
    src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
         url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
         url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
	font-family:'Noto Sans';
	font-style:normal;
	font-weight:400;
	src:url('font/NotoSansCJKkr-DemiLight.eot'),
		 url('font/NotoSansCJKkr-DemiLight.eot') format('embedded-opentype'),
		 url('font/NotoSansCJKkr-DemiLight.woff') format('woff'),
		 url('font/NotoSansCJKkr-DemiLight.otf') format('opentype');
}
@font-face {
	font-family:'Noto Sans';
	font-style:normal;
	font-weight:bold;
	src:url('font/NotoSansCJKkr-Medium.eot'),
		 url('font/NotoSansCJKkr-Medium.eot') format('embedded-opentype'),
		 url('font/NotoSansCJKkr-Medium.woff') format('woff'),
		 url('font/NotoSansCJKkr-Medium.otf') format('opentype');
}

/* all */
	@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100&display=swap');
	@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
	@import url(http://fonts.googleapis.com/css?family=Playfair+Display+SC | Londrina+Outline);
	::-webkit-scrollbar-track{background:#ebebeb;}
	::-webkit-scrollbar{width:5px; height:5px; background:#ebebeb;}
	::-webkit-scrollbar-thumb{background:#d6d6d6;}
	::-moz-selection{background:#4180d9; color:#fff;}
	::selection{background:#4180d9; color:#fff;}
	.progress{position:fixed; top:0; left:0; border-radius:100px; height:3px; background:#00b34d; width:0%; z-index:999999;}
	html, body{font-weight:normal; word-break:break-all; width:100%; min-width:1280px; text-align:left; font-size:13px; color:#222; line-height:1.4; margin:0; padding:0; font-family:'나눔고딕','Nanum Gothic',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;}
	body{transition:ease-in-out 400ms padding; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; -moz-font-smoothing:unset; -moz-osx-font-smoothing:grayscale; font-smoothing:antialiased; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden;}
	h1{padding:0; margin:0; display:inline-block;}
	h1 a{text-decoration:none; color:#fff;}
	a, a:link, a:focus, textarea, button, input{outline:none; resize:none; border:0px; text-decoration:none; -webkit-border-radius:0;}
	a, a:link, a:focus{text-decoration:none; color:inherit; cursor:pointer;}
	textarea, button, input, select{font-family:'나눔고딕','Nanum Gothic',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;}
	input[type="checkbox"]{width:15px; height:15px;}
	input[type="button"], input[type="submit"]{cursor:pointer;}
	input[type="text"]:disabled{background:#f4f6f8 !important; color:rgba(0,0,0,0.5);}
	input[type="tel"]:disabled{background:#f4f6f8 !important; color:rgba(0,0,0,0.5);}
	input[type="text"]:read-only{background:#f4f6f8 !important; color:rgba(0,0,0,0.5);}
	.input_readonly input{background:#f4f6f8 !important; color:rgba(0,0,0,0.5);}
	*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
	img{border:0; vertical-align:middle;}
	table, td{border-spacing:0px; padding:0px;}
	table .table_td_50{width:50px;}
	table .table_td_100{width:100px;}
	ul, li{list-style:none; padding:0px; margin:0px;}
	p{margin:30px 0;}
	p:first-child{margin-top:0;}
	p:last-child{margin-bottom:0;}
	b{font-weight:bold;}
	.float_right{float:right;}
	.underline{text-decoration:underline;}
	.fa, .fas{vertical-align:baseline;}
	.icons{vertical-align:middle;}
	.wrap{width:100%;}
	.none{display:none;}
	.block{display:block;}
	.hidden{overflow:hidden;}
	.pc{display:block; margin:0 auto;}
	.m{display:none; margin:0 auto;}
	.tablet{display:none; margin:0 auto;}
	.blue{color:#4180d9;}
	.green{color:#00b34d;}
	.bold{font-weight:500;}
	.text_left{text-align:left;}
	.text_center{text-align:center;}
	.text_right{text-align:right;}
	.left0{left:0 !important;}
	.right0{right:0 !important;}
	.table_h{height:0;}
	.table0{display:table; width:100%; height:100%; border-spacing:0;}
	.table10{display:table; width:100%; border-spacing:10px;}
	.cell{display:table-cell; vertical-align:middle;}
	.cell10{display:table-cell; width:10%; vertical-align:middle;}
	.cell20{display:table-cell; width:20%; vertical-align:middle;}
	.cell25{display:table-cell; width:25%; vertical-align:middle;}
	.cell30{display:table-cell; width:30%; vertical-align:middle;}
	.cell33{display:table-cell; width:33%; vertical-align:middle;}
	.cell40{display:table-cell; width:40%; vertical-align:middle;}
	.cell50{display:table-cell; width:50%; vertical-align:middle;}
	.cell60{display:table-cell; width:60%; vertical-align:middle;}
	.cell70{display:table-cell; width:70%; vertical-align:middle;}
	.cell80{display:table-cell; width:80%; vertical-align:middle;}
	.cell90{display:table-cell; width:90%; vertical-align:middle;}
	.cell_select{padding-right:100px;}
	.inline{display:inline-block; vertical-align:middle;}
	.inline20{display:inline-block; vertical-align:top; width:20%; padding-right:5px; float:left;}
	.inline25{display:inline-block; vertical-align:top; width:25%; padding-right:5px; float:left;}
		.inline25:last-child{padding-right:0;}
	.inline33{display:inline-block; vertical-align:top; width:33.33%; padding-right:5px; float:left;}
		.inline33:last-child{padding-right:0;}
	.inline50{display:inline-block; vertical-align:top; width:50%; padding-right:5px; float:left;}
		.inline50:last-child{display:inline-block; width:50%; padding-left:5px; padding-right:0px; float:left;}
	.inline66{display:inline-block; vertical-align:top; width:66.66%; padding-right:5px; float:left;}
	.inline75{display:inline-block; vertical-align:top; width:75%; padding-right:5px; float:left;}
	.inline80{display:inline-block; vertical-align:top; width:80%; padding-right:5px; float:left;}
	.none{display:none;}
	.noto{font-family:'Noto Sans kr',sans-serif; font-weight:500;}

	.btn{background:linear-gradient(#fff,#f4f6f8,#f4f6f8) !important !important; color:#333 !important; border:1px solid rgba(0,0,0,0.1); border-radius:4px !important; width:100% !important; height:100% !important; padding:0 20px !important; font-family:'Noto Sans kr',sans-serif !important; font-weight:normal !important;}
		.btn1{background:#4180d9 !important; color:#fff !important;}
			.btn1:hover{background:#006aff !important; color:#fff !important;}
		.btn2{background:#00b34d !important; color:#fff !important;}
			.btn2:hover{background:#00d25a !important; color:#fff !important;}
		.btn3{background:#666 !important; color:#fff !important;}
			.btn3:hover{background:#444 !important; color:#fff !important;}


	/* media */
		.media_wrap{padding-top:45px !important;}


/* head */
	.head_wrap{font-size:20px; position:fixed; top:0; width:100%; min-width:1280px; margin:auto 0; z-index:1050; vertical-align:middle;}
		.head_wrap .head_info{background:#2d3539; height:45px; font-size:12px; color:rgba(255,255,255,0.7); padding:10px 20px; font-weight:normal;}
			.head_wrap .head_info .cell50{vertical-align:middle;}
			.head_wrap .head_info .head_info_box{text-align:right;}
				.head_wrap .head_info .head_info_box ul{display:table; width:100%;}
					.head_wrap .head_info .head_info_box ul li{display:inline-block; padding:0px 10px; position:relative;}
						.head_wrap .head_info .head_info_box ul li:first-child{padding-left:0;}
						.head_wrap .head_info .head_info_box ul li:last-child{padding-right:0;}
						.head_wrap .head_info .head_info_box ul li:after{content:""; position:absolute; background:rgba(255,255,255,0.2); width:1px; height:10px; top:50%; right:0; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);}
						.head_wrap .head_info .head_info_box ul li:last-child:after{display:none;}
						.head_wrap .head_info .head_info_box ul li a{display:block;}
							.head_wrap .head_info .head_info_box ul li a:hover{text-decoration:underline;}
							.head_wrap .head_info .head_info_box ul li input{font-size:12px; color:rgba(255,255,255,0.7);}
		
		.head_wrap .head{display:table; background:#fff; width:100%; height:60px; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; border-bottom:1px solid rgba(0,0,0,0.1);}
			.head_wrap .head .head_left{display:table-cell; vertical-align: middle; height:60px; width:200px;}
				.head_wrap .head .head_left ul{height:100%;}
					.head_wrap .head .head_left li{display:inline-block; vertical-align:middle; height:100%;}
					.head_wrap .head .head_left li:last-child{padding:0 20px;}
				.head_wrap .head .head_left .logo img{max-width:85px; max-height:50px;}
				.head_wrap .head .head_left .cate{background:#2289d3; cursor:pointer; position:relative; z-index:9; width:60px;}
					.head_wrap .head .head_left .cate .cate_icon{margin:0 17px; padding:10px 0; position:relative;}
					.bar{height:3px; width:25px; margin:0 auto; background:#fff; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease;}
						.bar:before{content:""; position:absolute; top:0; height:3px; width:25px; background:#fff; margin:3px auto; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease;}
						.bar:after{content:""; position:absolute; bottom:0; height:3px; width:25px; background:#fff; margin:3px auto; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease;}
						.cate:hover .bar:before{top:8px; -webkit-transform:rotateZ(-45deg) translateY(-6px); -moz-transform:rotateZ(-45deg) translateY(-6px); -ms-transform:rotateZ(-45deg) translateY(-6px); -o-transform:rotateZ(-45deg) translateY(-6px); transform:rotateZ(-45deg) translateY(-6px); width:12px;}
						.cate:hover .bar:after{bottom:8px; -webkit-transform:rotateZ(45deg) translateY(6px); -moz-transform:rotateZ(45deg) translateY(6px); -ms-transform:rotateZ(45deg) translateY(6px); -o-transform:rotateZ(45deg) translateY(6px); transform:rotateZ(45deg) translateY(6px); width:12px;}
						.cate_close:hover .bar:before{top:8px; -webkit-transform:rotateZ(45deg) translateY(-6px); -moz-transform:rotateZ(45deg) translateY(-6px); -ms-transform:rotateZ(45deg) translateY(-6px); -o-transform:rotateZ(45deg) translateY(-6px); transform:rotateZ(45deg) translateY(-6px); right:0; width:12px;}
						.cate_close:hover .bar:after{bottom:8px; -webkit-transform:rotateZ(45deg) translateY(6px); -moz-transform:rotateZ(-45deg) translateY(6px); -ms-transform:rotateZ(-45deg) translateY(6px); -o-transform:rotateZ(-45deg) translateY(6px); transform:rotateZ(-45deg) translateY(6px); right:0; width:12px;}


			.head_wrap .head .head_menu{display:inline-block; vertical-align:middle; font-size:17px; height:60px;}
				.head_wrap .head .head_menu ul{display:table; width:100%; height:100%;}
					.head_wrap .head .head_menu ul li{display:inline-block; height:100%;}
						.head_wrap .head .head_menu ul li a{display:block; height:100%; padding:0 20px; position:relative;}
							.head_wrap .head .head_menu ul li a:hover:after{content:""; position:absolute; left:0; bottom:0; width:100%; border-bottom:3px solid rgba(0,0,0,0.1);}
						.head_wrap .head .head_menu ul .check{}
							.head_wrap .head .head_menu ul .check a:after{content:""; position:absolute; left:0; bottom:0; width:100%; border-bottom:3px solid #00b34d !important;}

			.head_wrap .head .head_btn_wrap{display:table-cell; float:right; text-align:right; height:60px; font-size:14px; background:#f4f6f8;}
				.head_wrap .head .head_btn_wrap ul{display:table; width:100%; height:100%;}
					.head_wrap .head .head_btn_wrap ul li{position:relative; display:table-cell; vertical-align:middle;}
					.head_wrap .head .head_btn_wrap ul .head_btn{cursor:pointer;}
						.head_wrap .head .head_btn_wrap ul .head_btn_dropdown_btn{padding:0px 20px; height:100%; cursor:pointer; border-left:1px solid rgba(0,0,0,0.2);}
							.head_wrap .head .head_btn_wrap ul .head_btn_dropdown_btn_check{background:#2d3539; color:#fff;}
								.head_wrap .head .head_btn_wrap ul li:hover{background:#2d3539; color:#fff;}
								.head_wrap .head .head_btn_wrap ul li .head_btn_dropdown_btn_icon{font-size:2.5em; vertical-align:middle;}

							.logoutBtn{padding:0px 15px;}

					.head_btn_dropdown_wrap{cursor:auto; background:#2d3539; color:#fff; position:absolute; width:auto; min-width:300px; top:100%; right:0; z-index:1000; float:left; text-align:center;}
						.head_btn_dropdown_search_wrap{}
							.head_btn_dropdown_search_input{}
								.head_btn_dropdown_search_input input{color:#fff; width:100%; background:none; border:0; padding:0; padding:15px; border-bottom:1px solid #424143;}
							.head_btn_dropdown_search{font-size:13px; height:200px; text-align:left; overflow-y:scroll;}
								.head_btn_dropdown_search ul li{cursor:pointer; font-weight:100; display:block !important; width:100% !important; padding:0 !important; border-left:0 !important;}
									.head_btn_dropdown_search ul li .head_btn_dropdown_search_ea{padding:8px 0; position:relative; padding-left:25px;}
										.head_btn_dropdown_search ul li .head_btn_dropdown_search_ea span{display: inline-block; vertical-align: top; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; max-width:200px;}
										.head_btn_dropdown_search ul li .head_btn_dropdown_search_ea:hover{background:rgba(255,255,255,0.2); color:#fff;}
										.head_btn_dropdown_search ul li .head_btn_dropdown_search_ea:before{content:""; position:absolute; left:15px; top:40%; width:5px; height:5px; background:#00b34d; border-radius:100%;}


/* left */
	.left_wrap{margin-top:106px; border-right:1px solid rgba(0,0,0,0.1); background:#fff; width:200px; z-index:9999; height:100%; position:fixed; left:0; top:0; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease;}
		.left_wrap .left_menu_wrap{border-top:1px solid rgba(0,0,0,0.1);}
			.left_wrap .left_menu_wrap li{border-bottom:1px solid rgba(0,0,0,0.1);}
				.left_wrap .left_menu_wrap li a{padding:13px 30px; display:block; cursor:pointer; position:relative;}
					.left_wrap .left_menu_wrap li > a:hover{background:#f4f6f8;}
				.left_wrap .left_menu_wrap .check > a{position:relative; color:#00b34d; font-weight:500;}
					.left_wrap .left_menu_wrap .check > a:before{content:""; position:absolute; left:0; top:-1px; width:5px; height:105%; background:#00b34d;}
			.left_wrap .left_menu_wrap .left_menu{position:relative;}
				.left_wrap .left_menu_wrap ul{background:#fff; border-top:1px solid rgba(0,0,0,0.1); background:#f4f6f8;}
					.left_wrap .left_menu_wrap ul .check{border-left: 5px solid #1b1c20;}
					.left_wrap .left_menu_wrap ul .check a{background:#1b1c20;}
				.left_wrap .check li a:hover{text-decoration:underline;}
				.left_menu > a::after{height:8px; width:8px; position:absolute; top:40%; right:25px; margin:0; border:solid rgba(0,0,0,0.5); border-width:0 0 1px 1px; content:""; display:inline-block; -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); transform:rotate(-135deg); transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -moz-transition:All 0.2s ease; -o-transition:All 0.2s ease;}
				.left_menu > a.submenu-open::after {-webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease;}

		.left_wrap .left_top{padding:20px;}
			.left_wrap .left_top .left_btn{margin-bottom:15px;}
				.left_wrap .left_top .left_btn:last-child{margin-bottom:0;}



/* conent */
	.mky_wrap{width:auto; margin-left:200px; padding-top:106px; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease;}
	.mky_left_none{margin-left:0; transition: All 0.0s ease; -webkit-transition: All 0.0s ease; -moz-transition: All 0.0s ease; -o-transition: All 0.0s ease;}
		.container{width:auto !important; background:#f4f6f8; padding:20px;}

		.left240{left:-240px;}
		.left_margin240{margin-left:0px;}


	.main01 .cell20{border-right:1px solid rgba(0,0,0,0.1); padding:25px; text-align:center;}
		.main01 .cell20:last-child{border-right:0;}
	.main02 .cell40{border-right:1px solid rgba(0,0,0,0.1); vertical-align:top;}

	/* cont_head */
		.cont_head{padding:20px; border-bottom:1px solid rgba(0,0,0,0.1); background:#fff;}
			.cont_head .cont_btn_wrap{margin-bottom:0; text-align:right;}
				.cont_head .cont_btn_wrap .cont_btn ul{margin-bottom:10px;}
					.cont_head .cont_btn_wrap .cont_btn ul:last-child{margin-bottom:0;}
				.cont_head .cont_btn_wrap .cont_btn ul li{margin-bottom:0;}
			.search_wrap ul li{display:inline-block; vertical-align:middle; margin-right:5px; margin-bottom:0;}
				.search_wrap ul li:last-child{margin-right:0;}

	/* cont_btn */
		.cont_btn_wrap{margin-bottom:15px;}
			.cont_btn_wrap .cont_btn{min-height:37px;}
				.cont_btn_wrap .cont_btn .table0 .cell50:last-child{text-align:right;}
				.cont_btn_wrap .cont_btn .table0 .cell20:last-child{text-align:right;}
				.cont_btn_wrap .cont_btn .table0 .cell:last-child{text-align:right; vertical-align:top;}

				.cont_btn_wrap .cont_btn ul{display:table; width:100%; border:0;}
					.cont_btn_wrap .cont_btn ul li{display:inline-block; vertical-align:middle; margin-right:5px; margin-bottom:5px; border-top:0;}
						.cont_btn_wrap .cont_btn ul li:last-child{margin-right:0;}
						.cont_btn_wrap .cont_btn ul li .table0 .cell50{border-radius:0;}

	/* list_button */
		.list_button ul{display:table; width:100%;}
			.list_button ul li{display:table-cell !important; margin-right:0 !important;}
				.list_button ul li input, .list_button ul li button{background:#fff !important; border-radius:0 !important; border-right:0 !important; box-shadow:none !important;}
				.list_button ul li:first-child input, .list_button ul li:first-child button{border-radius:4px 0px 0px 3px !important; color:#1ec800 !important;}
				.list_button ul li:last-child input, .list_button ul li:last-child button{border-radius:0px 3px 3px 0px !important; color:#ea5d5d !important; border-right:1px solid rgba(0,0,0,0.1) !important;}
				.list_button ul .btn-primary{background:#f0f0f0 !important;}

	/* custom */
		.panel{margin-top:20px;}
			.panel:first-child{margin-top:0;}
		.panel-btn_wrap .cell:last-child{text-align:right; float:right;}
		.panel-body{padding:20px;}
		.panel-body2{padding:0;}
		.btn{padding:0 20px; border-radius:4px !important; font-size:inherit !important;}

		.container-fluid .tab{position:relative; font-size:15px;}
		.container-fluid .tab .menu{padding:10px 20px; float:left; border-right:1px solid rgba(0,0,0,0.1); border-top:1px solid rgba(0,0,0,0.1); text-align:center; cursor:pointer; }
			.container-fluid .tab .menu:hover{background:#fff;}
		.container-fluid .tab .off{background:#f4f6f8;}
		.container-fluid .tab .on{background:#fff; position:relative; font-weight:500;}
			.container-fluid .tab .on:after{position:absolute; content:""; left:0; background:#fff; bottom:-1px; height:2px; width:100%; z-index:1;}
		.container-fluid .tab .first{border-left:1px solid rgba(0,0,0,0.1);}
		.container-fluid{margin-bottom:0; border-bottom:0; padding:0 !important;}
		.highcharts-credits{display:none;}
		.input-group-addon{background:#f4f6f8; padding:10px 15px;}
		.panel{margin-bottom:0;}
		.panel-heading{background:none !important; border-bottom:1px solid rgba(0,0,0,0.1) !important; padding:15px; font-family:'Noto Sans kr',sans-serif; font-weight:500;}
		.panel-title{text-align:left;}
		.form-control{box-shadow:none !important; padding:10px 15px; height:auto; font-size:inherit;}
		.panel-default{background:#fff; border:1px solid rgba(0,0,0,0.1) !important;}
		.popup_dialog .col-lg-12{width:100% !important;}
		div.dataTables_wrapper div.dataTables_length select{width:auto;}
		.loadingTxt{font-weight:normal; font-family:'Noto Sans kr',sans-serif;}
		.breadcrumb{margin-bottom:0; background:#fff; font-size:17px; font-family:'Noto Sans kr',sans-serif; font-weight:500;}
		.breadcrumb > .active{color:inherit;}
		.breadcrumb li{position:relative; padding:0px 10px;}
			.breadcrumb li:first-child{padding-left:0;}
			.breadcrumb li:before{height:8px; width:8px; position:absolute; top:40%; right:-4px; margin:0; border:solid rgba(0,0,0,0.3); border-width:0 0 1px 1px; content:""; display:inline-block; -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); transform:rotate(-135deg); transition:All 0.3s ease; -webkit-transition:All 0.3s ease; -moz-transition:All 0.3s ease; -o-transition:All 0.3s ease;}
				.breadcrumb li:last-child:before{display:none;}
		.row{margin-left:0; margin-right:0; margin-bottom:10px;}
			.row:last-child{margin-bottom:0;}
		.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding-left:0; padding-right:0;}
		.profile-title{color:#00b34d; font-size:38px;}
		.btn-xs, .btn-group-xs > .btn{font-size:inherit;}
		.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td{vertical-align:middle; border-top:1px solid rgba(0,0,0,0.1);}
		.dayDetailViewTR{display:none;}
		input[type="radio"], input[type="checkbox"]{margin:1px 0;}
		label{margin-bottom:0 !important;}
		td.details-control{background: url('https://datatables.net/examples/resources/details_open.png') no-repeat center center; cursor:pointer;}
		tr.shown td.details-control{background:url('https://datatables.net/examples/resources/details_close.png') no-repeat center center;}
		div.slider{display:none;}
		table.dataTable tbody td.no-padding{padding:0;}
		.note-btn-group .btn{width:auto !important; padding:5px 10px !important;}
		.note-popover .popover-content, .panel-heading.note-toolbar{background:#f4f6f8 !important; border-left:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1);}
		.note-editor.note-frame .note-editing-area .note-editable{border:1px solid rgba(0,0,0,0.1) !important; padding:15px !important;}
		#NoticeTitle{margin-top:30px; font-size:18px; padding:15px; width:100%; border:1px solid rgba(0,0,0,0.1); border-bottom:0;}
		.cont_btn_wrap .input_text_wrap input{max-width:150px;}
		.panel-body{position:relative;}
		.popup_dialog_bg{z-index:9999 !important;}
		.modal-content .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group{font-size:13px !important; padding:10px 15px !important; border-radius:0px 4px 4px 0px !important;}
		.modal-body{margin:20px; padding:0 !important;}
		.modal-content h5, .modal-content .h5{margin:0 !important; padding:0 !important; padding:15px 0 !important; border-bottom:1px solid rgba(0,0,0,0.1);}
			.modal-content h5:last-child, .modal-content .h5:last-child{border-top:0;}
		.modal-content .form-group{display:table; width:100%; margin-bottom:0; border-bottom:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1);}
			.modal-content .form-group:first-child{border-top:1px solid rgba(0,0,0,0.1);}
		.modal-content .control-label{display:table-cell !important; float:none !important; vertical-align:middle; border-left:1px solid rgba(0,0,0,0.1); background:#f4f6f8 !important; border-right:1px solid rgba(0,0,0,0.1); padding:15px !important;}
		.modal-content .form-control{border-radius:4px;}
		.modal-content div.col-xs-1, .modal-content div.col-sm-1, .modal-content div.col-md-1, .modal-content div.col-lg-1, .modal-content div.col-xs-2, .modal-content div.col-sm-2, .modal-content div.col-md-2, .modal-content div.col-lg-2, .modal-content div.col-xs-3, .modal-content div.col-sm-3, .modal-content div.col-md-3, .modal-content div.col-lg-3, .modal-content div.col-xs-4, .modal-content div.col-sm-4, .modal-content div.col-md-4, .modal-content div.col-lg-4, .modal-content div.col-xs-5, .modal-content div.col-sm-5, .modal-content div.col-md-5, .modal-content div.col-lg-5, .modal-content div.col-xs-6, .modal-content div.col-sm-6, .modal-content div.col-md-6, .modal-content div.col-lg-6, .modal-content div.col-xs-7, .modal-content div.col-sm-7, .modal-content div.col-md-7, .modal-content div.col-lg-7, .modal-content div.col-xs-8, .modal-content div.col-sm-8, .modal-content div.col-md-8, .modal-content div.col-lg-8, .modal-content div.col-xs-9, .modal-content div.col-sm-9, .modal-content div.col-md-9, .modal-content div.col-lg-9, .modal-content div.col-xs-10, .modal-content div.col-sm-10, .modal-content div.col-md-10, .modal-content div.col-lg-10, .modal-content div.col-xs-11, .modal-content div.col-sm-11, .modal-content div.col-md-11, .modal-content div.col-lg-11, .modal-content div.col-xs-12, .modal-content div.col-sm-12, .modal-content div.col-md-12, .modal-content div.col-lg-12{vertical-align:middle; float:none !important; padding:15px !important; display:table-cell !important;}
		.modal-content .form-group:before{display:none;}
		.modal-content .panel-body{padding:0 !important;}
		.modal-content .panel-default{border:0 !important; margin-top:0;}
		.modal-footer{text-align:center; padding:20px; padding-top:0; margin-top:20px;}
			.modal-footer button{display:inline-block; width:auto !important; padding:10px 30px !important; font-size:15px !important;}
			.modal-footer .btn-primary{background:#4180d9 !important; color:#fff !important;}
				.modal-footer .btn-primary:hover{background:#006aff !important; color:#fff !important;}

	/* ui-datepicker */
		.ui-datepicker{width:420px; background:#fff; padding:0; box-shadow:0px 0px 4px 2px rgb(0,0,0,0.1);}
		.ui-datepicker .ui-datepicker-header{border-radius:0;}
		.ui-datepicker table{margin:0;}
		.ui-datepicker th{border-bottom:1px solid rgba(0,0,0,0.1); background:#f4f6f8;}
		.ui-datepicker td{padding:0; border-bottom:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1);}
		.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{height:100%; top:0;}
		.ui-datepicker .ui-datepicker-title{margin:5px; font-size:15px; font-family:'Noto Sans kr',sans-serif; font-weight:normal;}
		.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background:#fff; border:0 !important; color:#333; font-weight:normal;}
		.ui-datepicker-week-end{color:#4180d9 !important;}
			.ui-datepicker-week-end:first-child{color:#ff0000 !important;}
		.ui-datepicker-week-end a{color:#4180d9 !important;}
			.ui-datepicker-week-end:first-child a{color:#ff0000 !important;}
		.ui-datepicker td span, .ui-datepicker td a{padding:15px; font-size:14px; text-align:center;}
		.ui-widget-header{background:#4180d9; border:0;}
		.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{background:#f4f6f8; color:rgba(0,0,0,0.5); opacity:1;}
		.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{background:rgba(255,255,255,0.2); color:#4180d9;}
		.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background:#fff !important;  color:#4180d9 !important;}
		.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{background:#4180d9 !important; color:#fff !important;}
		.ui-datepicker-week-end:first-child .ui-state-active{background:#4180d9 !important; color:#fff !important;}
		.ui-state-hover .ui-icon, .ui-state-focus .ui-icon{background-image:url("/common/images/ui-icons_ffffff_256x240.png");}


	/* datatable */
		#dataTable_wrapper table, .table{width:100%; border:0; border-bottom:1px solid rgba(0,0,0,0.1);}
			#dataTable_wrapper table th, #dataTable_wrapper table td, .table th, .table td{padding:10px 15px !important; border:1px solid rgba(0,0,0,0.1); border-right:0; border-bottom:0;text-align:left;}
				#dataTable_wrapper table th:last-child, #dataTable_wrapper table td:last-child, .table td:last-child{border-right:1px solid rgba(0,0,0,0.1);}
			#dataTable_wrapper table thead th, .table thead th{background:#f4f6f8 !important;}
			#dataTable_wrapper table tfoot td, .table tfoot td{background:#f4f6f8 !important;}
			div.dataTables_wrapper div.dataTables_info{margin-left:0 !important; margin-top:15px !important;}
			div.dataTables_wrapper div.dataTables_length label{position:absolute; right:20px; top:20px; margin-bottom:0;}

	/* info */
		.info_wrap .info_box_wrap{text-align:left; border-bottom:1px solid rgba(0,0,0,0.1); padding:20px 0;}
			.info_wrap .info_box_wrap:first-child{padding-top:0;}
			.info_wrap .info_box_wrap:last-child{padding-bottom:0; border-bottom:0;}
				.info_wrap .info_box_wrap .info_info{font-size:13px; color:rgba(0,0,0,0.5); margin-top:10px;}
				.info_wrap .info_box_wrap .info_box{}
					.info_wrap .info_box_wrap .info_box .cont_table table{border-right:1px solid rgba(0,0,0,0.1);}
						.info_wrap .info_box_wrap .info_box .cont_table table th{background:#f4f6f8; font-weight:500; width:10%;}
							.info_wrap .info_box_wrap .info_box2 .cont_table table th{width:auto;}
							.info_wrap .info_box_wrap .info_box3 .cont_table table th{width:20%;}
						.info_wrap .info_box_wrap .info_box .cont_table table td{min-width:200px; padding:15px; border-right:1px solid rgba(0,0,0,0.1);}
							.info_wrap .info_box_wrap .info_box2 .cont_table table td{min-width:auto;}
							.info_wrap .info_box_wrap .info_box3 .cont_table table td{min-width:auto;}
							.info_wrap .info_box_wrap .info_box .cont_table table td:nth-last-child(odd){border-right:0;}

	/* cont_table */
		.cont_table_right{max-width:525px;}
		.cont_table{margin-bottom:20px;}
			.cont_table:last-child{margin-bottom:0;}
			.cont_table table{width:100%; border-bottom:1px solid rgba(0,0,0,0.1);}
				.cont_table table th, .cont_table table td{padding:10px 15px !important; border:1px solid rgba(0,0,0,0.1) !important; border-right:0 !important; border-bottom:0 !important;}
					.cont_table table th:last-child, .cont_table table td:last-child{border-right:1px solid rgba(0,0,0,0.1) !important;}
				.cont_table table th{background:#f4f6f8 !important;}
				.cont_table table tfoot td{background:#f4f6f8 !important;}
				.cont_table .td_center{text-align:center;}

				.cont_table .td_hover{position:relative; padding-right:30px;}
				.cont_table .td_editor{display:none; position:absolute; cursor:pointer; text-align:center; right:0; border:1px solid #4180d9; background:#fff; border-radius:100%; width:24px; height:24px; padding:2px; top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);}
					.cont_table .td_editor i{color:#4180d9; font-size:11px;}
				.cont_table .td_hover:hover .td_editor{display:inline-block;}

	/* cont_info */
		.cont_info{margin:20px 0; padding:20px; background:#f4f6f8; border:1px solid rgba(0,0,0,0.1);}
			.cont_info:first-child{margin-top:0;}
			.cont_info:last-child{margin-bottom:0;}
			.cont_info .cont_info_title{font-size:17px; margin:20px 0;}
				.cont_info .cont_info_title:first-child{margin-top:0;}
			.cont_info ul{border:0;}
				.cont_info ul li{margin:5px 0; padding-left:10px; position:relative; border-top:0;}
					.cont_info ul li:first-child{padding-top:0;}
					.cont_info ul li:after{content:""; position:absolute; top:6px; left:0; width:4px; height:4px; background:#1f8ca4; border-radius:100%;}

	/* cont_bottom_btn */
		.cont_bottom_btn_wrap{margin-top:20px;}
			.cont_bottom_btn_wrap .cont_bottom_btn ul{display:table; width:100%;}
				.cont_bottom_btn_wrap .cont_bottom_btn ul li{display:inline-block; vertical-align:middle; margin-right:5px; width:125px;}
					.cont_bottom_btn_wrap .cont_bottom_btn ul li:last-child{margin-right:0;}

	/* modal */
		.modal_open{cursor:pointer;}
			.modal{position:fixed; top:0; right:0; bottom:0; left:0; z-index:99999; display:none; overflow:hidden; outline:0;}
			.modal2{position:fixed; top:0; right:0; bottom:0; left:0; z-index:99999; display:none; overflow:hidden; outline:0;}
				.modal-dialog{top:0;}
					.modal-dialog_480{max-width:480px; margin:30px auto;}
					.modal-dialog_720{max-width:720px; margin:30px auto;}
					.modal-dialog_1024{max-width:1024px; margin:30px auto;}
				.modal-content{border-radius:4px; border:0; background:#fff; box-shadow:0px 0px 4px 2px rgba(0,0,0,0.1) !important;}
				.modal-open{padding-right:0 !important;}
					.modal-open .modal{overflow-x:hidden; overflow-y:auto;}
					.modal-open .modal2{overflow-x:hidden; overflow-y:auto;}

				.modal-backdrop{position:fixed;	top:0; right:0; bottom:0; left:0; z-index:9999; background:#000; opacity:0.5;}
					.modal-backdrop.show{opacity:0.5;}

				.modal_box{padding:20px;}
				.modal_tab_box{border-top:1px solid rgba(0,0,0,0.1);}
					.modal_box_scroll{position:relative; overflow:auto; height:50vh; border:1px solid rgba(0,0,0,0.1); padding:20px;}
					.modal_box ul li .inline50{max-width:300px;}
					.modal_box ul{border:1px solid rgba(0,0,0,0.1);}
						.modal_box ul li{border-top:1px solid rgba(0,0,0,0.1);}
							.modal_box .cell{padding:15px;}
								.modal_box .cell:first-child{background:#f4f6f8; font-weight:500; border-right:1px solid rgba(0,0,0,0.1); width:25%; min-width:110px; max-width:100px;}

					.modal_writie_wrap .modal_box .cell:first-child{width:15%;}
					
					.modal_title{position:relative; background:#fff; font-size:18px; padding:20px; border-bottom:1px solid rgba(0,0,0,0.1);}
						.modal_title .close_wrap .close:before, .modal_title .close_wrap .close:after{background:#000;}
						.modal_title .modal_title_info{display:inline-block; font-size:15px; color:rgba(0,0,0,0.5);}
					.modal_stitle{font-size:15px; padding:10px 0;}
					.modal_text_box{padding:20px; border:1px solid rgba(0,0,0,0.1);}
						.modal_text{font-size:13px; margin:15px 0;}
							.modal_text:first-child{margin-top:0;}
							.modal_text:last-child{margin-bottom:0;}
							.modal_text ul{border:0;}
								.modal_text ul li{margin-bottom:5px; border-top:0;}
									.modal_text ul li:last-child{margin-bottom:0;}

					.modal_bt{width:100%; margin:0 auto; padding:15px 0; text-align:right;}
						.modal_bt .inline50:last-child{text-align:left;}

						.modal_bt .inline33{text-align:center;}
							.modal_bt .inline33:first-child{text-align:right;}
							.modal_bt .inline33:last-child{padding-right:0; text-align:left;}

							.modal_bt input{font-size:15px; max-width:150px;}

					.modal_img{}
						.modal_img img{width:100%;}
					.modal_info{color:rgba(0,0,0,0.5);}
						.modal_info ul{border:0;}
							.modal_info ul li{margin:10px 0; border-top:0;}
								.modal_info ul li:last-child{margin-bottom:0;}


	/* radio */
		.radiobox_wrap{color:#666;}
			.radiobox{display:inline-block; position:relative; margin-right:5px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
				.radiobox:last-child{margin-bottom:0;}
				.radiobox input[type=radio]{opacity:0; margin:0; margin-right:3px; display:inline-block; width:13px; height:13px;}
			.radio_mark{border-radius:100%; position:absolute; top:5%; left:0; width:16px; height:16px; background:#fff; border:1px solid rgba(0,0,0,0.3);}
				.radio_mark:after{content:""; position:absolute; display:none;}
			.radiobox input:checked ~ .radio_mark:after{display:block;}
			.radiobox .radio_mark:after{left:2px; top:2px; width:8px; height:8px; background:#fff; border-radius:100%;}
			.radiobox input:checked ~ .radio_mark{background:#4180d9; border:2px solid #4180d9;}

	/* select */
		.select_wrap{text-align:left;}
			.input_select_wrap{width:100%; position:relative;}
				.input_select_wrap select{width:100%; padding:0 30px 0 15px; background:#fff; color:#000; box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1) !important; border-radius:4px; border:0;}
					.input_select_wrap select:-ms-expand{display:none;}
					.input_select_wrap select:focus{box-shadow:0px 0px 0px 1px rgba(0,0,0,0.1) !important; outline:none;}
					.input_select_wrap select{-webkit-appearance:none; -moz-appearance:none;appearance:none;}
					.input_select_wrap:after{content:""; position:absolute; right:10px; top:35%; width:8px; height:8px; border:solid rgba(0,0,0,0.5); border-width:0 0 1px 1px; display:inline-block; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}


	/* input length (width:200px) */
		.input_wrap_length{min-width:200px; !important;}

	/* input regular (height:50px) */
			.input_wrap_large{height:50px !important;}

	/* input regular (height:35px) */
			.input_wrap_regular{height:37px !important;}
				.input_wrap_regular button{height:100% !important;}
				.input_wrap_regular select{height:100% !important; padding:0px 40px 0px 20px; border-radius:4px; border:0; box-shadow:0px 0px 0px 1px #ddd !important;}

	/* input small (height:25px) */
			.input_wrap_small{height:25px !important;}
				.input_wrap_small input, .input_wrap_small button, .input_wrap_small select{padding:5px 10px;}

	/* input */
		.input_text_wrap{position:relative; width:100%; display:inline-block; font-size:15px; font-weight:normal;}
			.input_text_wrap label{height:100%; font-weight:normal; margin-bottom:0;}
			.input_text_wrap input{width:100%; padding:0px 15px; height:100%; color:#000; box-shadow:0px 0px 0px 1px #ddd; outline:none; border-radius:4px; background:#fff; transition:all 0.15s;}
			.input_text_wrap input:focus{box-shadow:0px 0px 0px 2px #4180d9;}
				.input_text_wrap input:invalid:not(:focus)+* {cursor:text; border:0px; -webkit-transform:scale(1) translateY(0); transform:scale(1) translateY(0); transform-origin:left bottom;}
				.input_text_wrap input:focus + span{color:#4180d9;}
			.input_text_wrap span{color:#999; position:absolute; top:22%; left:10px; padding:0px 5px; background:#fff; transition:all 0.15s; -webkit-transform:scale(0.8) translateY(-30px); transform:scale(0.8) translateY(-30px); transform-origin:left bottom;}
			.input_text_info{margin-top:5px; font-size:12px; color:rgba(0,0,0,0.5);}
				.input_text_info ul{border:0;}
					.input_text_info ul li{margin:5px 0; border-top:0;}


/* foot */
	.foot_wrap{text-align:left; font-size:11px; min-width:1280px;}
		.foot_wrap .foot_logo{max-width:100px; margin-bottom:15px; opacity:0.3;}
			.foot_wrap .foot_logo img{width:100%;}
		.foot_wrap .foot_info{padding:10px 20px; color:rgba(0,0,0,0.7); font-size:13px; border-top:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1);}
			.foot_wrap .foot_info ul li{position:relative; display:inline-block; padding:0px 15px;}
				.foot_wrap .foot_info ul li:first-child{padding-left:0;}
				.foot_wrap .foot_info ul li:last-child{padding-right:0;}
				.foot_wrap .foot_info ul li:after{content:""; position:absolute; background:rgba(0,0,0,0.1); width:1px; height:10px; top:50%; right:0; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);}
					.foot_wrap .foot_info ul li:last-child:after{display:none;}
					.foot_wrap .foot_info ul li a:hover{color:#222; font-weight:500;}
		.foot_wrap .foot{padding:20px; color:rgba(0,0,0,0.7); background:#f4f6f8;}
			.foot_wrap .foot .cell70, .foot_wrap .foot .cell30{vertical-align:top;}
			.foot_wrap .foot ul{display:table; width:100%; margin-bottom:5px;}
				.foot_wrap .foot ul li{display:inline-block; padding:0px 10px; position:relative; float:left;}
					.foot_wrap .foot ul li:first-child{padding-left:0;}
					.foot_wrap .foot ul li:last-child{padding-right:0;}
					.foot_wrap .foot ul li:after{content:""; position:absolute; background:rgba(0,0,0,0.1); width:1px; height:10px; top:50%; right:0; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);}
					.foot_wrap .foot ul li:last-child:after{display:none;}
		.foot_wrap .foot_btn{float:right;}
			.foot_wrap .foot_btn input{font-size:15px;}
		.foot_wrap .foot_copyright{font-family:tahoma; margin-top:10px; color:rgba(0,0,0,0.5);}


/* login */
	.login_container input:-webkit-autofill,
	.login_container input:-webkit-autofill:hover, 
	.login_container input:-webkit-autofill:focus,
	.login_container textarea:-webkit-autofill,
	.login_container textarea:-webkit-autofill:hover,
	.login_container textarea:-webkit-autofill:focus,
	.login_container select:-webkit-autofill,
	.login_container select:-webkit-autofill:hover,
	.login_container select:-webkit-autofill:focus {
		-webkit-box-shadow: 0 0 0px 1000px none inset;
		transition: background-color 5000s ease-in-out 0s;
	}


	.login_bg{position:fixed; width:100%; height:100%; top:0; left:0; z-index:-1;}
	.login_wrap{position:relative; width:100%; margin:0 auto; height:100vh; text-align:center;}
		.login_copy{margin-top:30px;}

	.login_wrap1{position:relative; width:75%; max-width:1024px; margin:0 auto; margin-top:5%;box-shadow:0px 0px 50px 5px rgba(0,0,0,0.1); border-radius:100px 0px 100px 0px; overflow:hidden;}

		.login_wrap1 .cell50:first-child{vertical-align:top; background:linear-gradient(#dd4436, #dd4436); color:#fff; position:relative; overflow:hidden;}
			.login_wrap1 .cell50{vertical-align:middle; background:rgba(255,255,255,0.5);}

			.login_wrap1 .input_text_wrap{position:relative; width:100%; height:100%; display:inline-block; font-size:14px;}
			.login_wrap1 .input_text_wrap label{width:100%;}
			.login_wrap1 .input_text_wrap label input{font-weight:normal; color:#333; border:0; border-radius:0; border-bottom:2px solid rgba(0,0,0,0.1); background:none; width:100%; padding:10px 0px !important; outline:none; cursor:text; transition:all 0.15s;}
			.login_wrap1 .input_text_wrap label input:focus{border-bottom:2px solid #4180d9;}
			.login_wrap1 .input_text_wrap label input:invalid:not(:focus)+* {cursor:text; border:0px; -webkit-transform:scale(1) translateY(0); transform:scale(1) translateY(0); transform-origin:left bottom;}
			.login_wrap1 .input_text_wrap label input:focus + span{}
			.login_wrap1 .input_text_wrap label span{font-weight:normal; padding:0px; color:rgba(0,0,0,0.5); position:absolute; top:22%; left:0; transition:all 0.2s; -webkit-transform:scale(0.85) translateY(-25px); transform:scale(0.85) translateY(-25px); transform-origin:left bottom;}


		.main_bg{position:absolute; width:175%; height:175%; z-index:-99; overflow:hidden; top:50%; left:50%; opacity:0.03; -webkit-transform:translate(-50%,-50%) rotate(-25deg); -ms-transform:translate(-50%,-50%) rotate(-25deg); transform:translate(-50%,-50%) rotate(-25deg);}
			.main_bg_row{display:flex; animation:400s linear ticker-to-left infinite;}
			.main_bg_row:nth-child(even){animation:200s linear ticker-to-right infinite; justify-content:flex-end;}
			.main_bg_row span{margin-right:15px; line-height:0.8; text-transform:uppercase; line-height:10;}

			@keyframes ticker-to-left{
				0% {transform:translate3d(0, 0, 0);}
				100% {transform:translate3d(-100%, 0, 0);}
			}
			@keyframes ticker-to-right {
				0%{transform:translate3d(0, 0, 0);}
				100%{transform:translate3d(100%, 0, 0);}
			}



		.login_text_wrap{position:relative; z-index:1; padding:100px 50px;}
			.login_text_wrap .table0{height:100%;}
			.login_title{font-size:2.8em; line-height:1; font-weight:500;}
				.login_title img{width:75%;}
			.login_text{margin-top:15px; opacity:0.5;}
			.login_foot{width:100%;}

		.login_container{width:820px; margin:0 auto; background:#fff; box-shadow:0px 0px 25px 1px rgba(0,0,0,0.05); border-radius:10px; border-left:10px solid #2289d3; border-right:10px solid #00b34d;}
			.login_container label{margin-bottom:0;}
			.loginFrm{padding:150px 50px;}
			.login_img{width:75px; margin:0 auto;}
				.login_img img{width:100%;}
				.login_input_box{margin-bottom:15px; position:relative;}
					.login_input_box input{box-sizing:border-box; padding:15px; width:100%; color:#000;}

			.login_bt_wrap .login_bt{width:100%; position:relative; overflow:hidden; padding:15px 0px !important; border-radius:100px; border:0; background:#2289d3; cursor:pointer; text-align:center; color:#fff; font-size:15px; transition:All 0.2s ease; -webkit-transition:All 0.2s ease; -o-transition:All 0.2s ease; -ms-transition:All 0.2s ease;}
				.login_bt_wrap .login_bt:after{width:150%; height:150%; left:-250%; top:-25%; content:''; display:block; position:absolute; opacity:0.4; background:-moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 50%, rgba(0,0,0,0) 100%); background:-webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(255,255,255,1) 50%,rgba(0,0,0,0) 100%); background:linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(255,255,255,1) 50%,rgba(0,0,0,0) 100%);}
				.login_bt_wrap:hover .login_bt:after{ left:100%; top:0%; -webkit-transition: left 0.6s, top 0.6s; -moz-transition: left 0.6s, top 0.6s; transition: left 0.6s, top 0.6s; }
				.login_bt_wrap .login_bt:hover{-webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px);}

			.login_join_bt{text-align:center; color:rgba(0,0,0,0.5); padding:10px; font-size:11px; margin-top:30px;}
				.login_join_bt ul li{display:inline-block; padding:0 10px; border-right:1px solid rgba(0,0,0,0.1);}
					.login_join_bt ul li:first-child{padding-left:0;}
					.login_join_bt ul li:last-child{padding-right:0; border-right:0;}


			.eye_wrap{position:absolute; top:15%; right:10px; font-size:18px; color:#aaa; cursor:pointer;}
				.eye_wrap:hover{color:#1a73e8;}

		.login_wrap .input_text_wrap{position:relative; width:100%; height:100%; display:inline-block; font-size:14px;}
			.login_wrap .input_text_wrap label{width:100%;}
			.login_wrap .input_text_wrap label input{font-weight:normal; background:#f4f6f8; color:#333; border:0; border-radius:5px; width:100%; padding:12px !important; outline:none; cursor:text; transition:all 0.15s;}
			.login_wrap .input_text_wrap label input:focus{box-shadow:0px 0px 0px 1px #2289d3 !important;}
				.login_wrap .input_text_wrap label input:invalid:not(:focus)+* {cursor:text; border:0px; -webkit-transform:scale(1) translateY(0); transform:scale(1) translateY(0); transform-origin:left bottom;}
				.login_wrap .input_text_wrap label input:focus + span{}
			.login_wrap .input_text_wrap label span{font-weight:normal; padding:0px; color:rgba(0,0,0,0.5); position:absolute; top:22%; left:0; transition:all 0.2s; -webkit-transform:scale(0.85) translateY(-25px); transform:scale(0.85) translateY(-25px); transform-origin:left bottom;}


@media only screen and (max-width:640px) {
	.pc{display:none;}
	.m{display:block;}

	.login_wrap{max-width:none; margin:0 auto; width:85%;}
		.login_title{font-size:2.4em;}
		.login_title span{display:block; margin-top:10px;}
		.login_container{width:auto; padding:30px;}
		.login_container .cell50{display:block; width:100%;}
		.login_text_wrap{padding:0;}
		.login_join_bt ul li{display:block; padding:0; border-right:0;}
		.loginFrm{margin-top:30px; padding:0;}
		.login_copy{font-size:0.8em;}


}