@charset "UTF-8";

/* 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:#eee;}
	::-webkit-scrollbar{width:5px; height:5px; background:#f2f2f2;}
	::-webkit-scrollbar-thumb{background:#007cce;}
	::-moz-selection{background:#007cce; color:#fff;}
	::selection{background:#007cce; color:#fff;}
	.progress{position:fixed; top:0; left:0; border-radius:100px; height:3px; background:#007cce; width:0%; z-index:999999;}
	html, body{font-weight:normal; word-break:break-all; width:100%; text-align:center; font-size:13px; color:#333; line-height:1.5; margin:0; padding:0; font-family:'Noto Sans', 'Noto Sans KR','sans-serif','MalgunGothic','Malgun Gothic','��������','���� ����','��������','NanumGothic','Helvetica','Tahoma','Arial','Dotum','����','DotumChe','����ü';}
	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, select{outline:none; resize:none; border:0px; text-decoration:none;  -webkit-appearance:none; -webkit-border-radius:0;}
	a, a:link, a:focus{text-decoration:none; color:inherit; cursor:pointer;}
	textarea, button, input, select{font-family:'Noto Sans', 'Noto Sans KR','sans-serif','MalgunGothic','Malgun Gothic','��������','���� ����','��������','NanumGothic','Helvetica','Tahoma','Arial','Dotum','����','DotumChe','����ü';}
	*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
	img{border:0; vertical-align:middle; width:100%; image-rendering:-webkit-optimize-contrast;}
	table, td{border-spacing:0px; padding:0px;}
	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;}
	.wrap{width:100%; margin:0 auto;}
	.none{display:none;}
	.block{display:block;}
	.hidden{overflow:hidden;}
	.pc{display:block; margin:0 auto;}
	.m{display:none; margin:0 auto;}
	.w1024{width:1024px; margin:0 auto;}
	.w1280{width:1280px; margin:0 auto;}
	.blue{color:#007cce;}
	.red{color:#ff0000;}
	.left0{left:0 !important;}
	.right0{right:0 !important;}
	.table0{display:table; width: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;}
	.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;}
	.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:2.5px; float:left;}
		.inline50:last-child{display:inline-block; width:50%; padding-left:2.5px; padding-right:0px; float:left;}
	.inline80{display:inline-block; vertical-align:top; width:80%; padding-right:5px; float:left;}
	.overlay{position:fixed; top:0; left:0; height:100%; width:100%; background:#000; opacity:0.7; z-index:9;}
	.close_wrap{cursor:pointer; position:absolute; right:20px; top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); width:30px; height:30px; z-index:5;}
	.close_wrap .close:before, .close_wrap .close:after{position:absolute; left:15px; content:''; height:25px; width:2px; background:#fff;}
		.close_wrap .close:before{transform:rotate(45deg);}
		.close_wrap .close:after{transform:rotate(-45deg);}
	.plus_wrap{position:relative; width:35px; height:35px; margin:0 auto;}
		.plus_wrap .plus:before, .plus_wrap .plus:after{content:""; position:absolute; background:rgba(0,0,0,0.7);}
			.plus_wrap .plus:before{left:50%; top:5px; bottom:5px; width:1px; transform:translateX(-50%);}
			.plus_wrap .plus:after{top:50%; left:5px; right:5px; height:1px; transform:translateY(-50%);}
	
	.input_btn_wrap{}
		.input_btn_wrap .btn{text-align:center; padding:10px 20px; width:100%; height:100%; font-weight:500; cursor:pointer; border-radius:4px; font-weight:500;}

	/* right_banner */
		.right_banner{position:fixed; right:10px; bottom:10px; z-index:9999; width:30%; max-width:80px;}

	/* sms */
		.sms_bg{display:none; position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.3);}
		.sms_wrap{color:#333; text-align:center; z-index:9; position:fixed; left:0; bottom:35%; width:100%; display:none;}
		.sms_block{display:block;}
			.sms{padding:15px; width:85%; max-width:600px; background:#fff; box-shadow:0 0 15px rgba(0, 0, 0, 0.5); margin:10px auto;}
				.sms_title{font-size:14px; margin-bottom:10px;}
				.sms_box{overflow:hidden; display:table; width:100%;}
					.sms_input_text{display:table-cell;}
						.sms_input_text input[type="text"]{width:100%; height:35px; padding:10px; box-sizing:border-box; border:0 none; background:#f4f6f8; border:1px solid rgba(0,0,0,0.1); border-right:0; color:#333;}
					.sms_input_button{display:table-cell; width:100px;}
						.sms_input_button input{width:100%; border:0 none; background:#212121; color:#eee; height:35px; font-weight:bold; cursor:pointer;}
				.re_sms_bt{width:100%; display:none; margin-top:10px;}
					.re_sms_bt input{float:inherit; margin:0 auto; padding:3px 10px; border:2px solid #ddd; border-color:#ddd #bbb #bbb #ddd; background:#f6f6f6; border-radius:15px; font-size:13px; color:#666; letter-spacing:-0.1em; cursor: pointer;}

	/* modal */
		.modal_open{cursor:pointer;}
			.modal{position:fixed; top:0; right:0; bottom:0; left:0; z-index:1050; display:none; overflow:hidden; outline:0;}
			.modal2{position:fixed; top:0; right:0; bottom:0; left:0; z-index:1050; display:none; overflow:hidden; outline:0;}
				.modal-dialog{top:0; width:75% !important;}
					.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:1040; background:#000; opacity:0.5;}
					.modal-backdrop.show{opacity:0.5;}

				.modal_box{padding:20px; text-align:left; max-height:75vh; overflow-y:scroll;}
				.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); text-align:left;}
						.modal_title .close_wrap .close:before, .modal_title .close_wrap .close:after{background:#000;}
					.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; margin-top:15px; text-align:right;}
						.modal_bt .inline50:last-child{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;}
	/* youtube */
		.video_iframe_wrap{}
			.video_iframe{position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
				.video_iframe iframe{position:absolute; top:0; left:0; width:100%; height:100%;}

	/* input */
		.input_text_wrap{position:relative; width:100%; display:inline-block; font-size:16px;}
			.input_text_wrap label input{width:100%; padding:10px 15px !important; color:#000; box-shadow:0px 0px 0px 1px #ddd; outline:none; border-radius:4px; background:#fff; transition:all 0.15s;}
			.input_text_wrap label input:focus{box-shadow:0px 0px 0px 2px #1a75bc;}
				.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;}
				.input_text_wrap label input:focus + span{color:#1a75bc;}
			.input_text_wrap label span{color:#999; position:absolute; top:15%; left:10px; padding:0px 5px; background:#fff; transition:all 0.15s; -webkit-transform:scale(0.8) translateY(-25px); transform:scale(0.8) translateY(-25px); transform-origin:left bottom;}

		.input_textarea_wrap{position:relative; width:100%; display:inline-block; font-size:16px;}
			.input_textarea_wrap label textarea{width:100%; height:150px; padding:10px 15px !important; box-shadow:0px 0px 0px 1px #ddd; color:#000; outline:none; border-radius:4px; background:#fff; transition:all 0.15s;}
			.input_textarea_wrap label textarea:focus{box-shadow:0px 0px 0px 2px #1a75bc;}
				.input_textarea_wrap label textarea:invalid:not(:focus)+* {cursor:text; border:0px; -webkit-transform:scale(1) translateY(0); transform:scale(1) translateY(0); transform-origin:left bottom;}
				.input_textarea_wrap label textarea:focus + span{color:#1a75bc;}
			.input_textarea_wrap label span{color:#999; position:absolute; top:5%; left:10px; padding:0px 5px; background:#fff; transition:all 0.15s; -webkit-transform:scale(0.85) translateY(-25px); transform:scale(0.85) translateY(-25px); transform-origin:left bottom;}


	/* select */
		.select_wrap{text-align:center;}
			.input_select_wrap{width:100%; float:left; position:relative;}
			.select_wrap .input_select_wrap{width:32%; float:left; position:relative;}
				.input_select_wrap select{width:100%; padding:10px 15px; background:#fff; color:#000; box-shadow:0px 0px 0px 1px #ddd; border-radius:4px;}
					.input_select_wrap select:-ms-expand{display:none;}
					.input_select_wrap select:focus{box-shadow:0px 0px 0px 2px #2471c8; 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:5px; height:5px; border:solid #ccc; border-width:0 0 2px 2px; display:inline-block; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
			.select_wrap .input_text_wrap{width:32%;}
				.select_wrap .input_text_wrap:last-child{float:right;}

	/* button file */
		.filebox_wrap{height:35px;}
			.filebox_wrap .filebox{display:inline-block; height:100%;}
			.filebox_wrap .cell{font-size:14px; height:0 !important; border:0 !important; background:none !important; padding:0 !important; min-width:auto !important; max-width:auto !important;}
			.filebox_wrap .file_input{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0);	border:0;}
			.filebox_wrap .file_label{display:inline-block; height:100%; padding:0px 20px; color:#fff; background:#0071bc; vertical-align:middle; cursor:pointer; border-radius:4px; text-align:center;}
			.filebox_wrap .file_reset{display:inline-block; height:100%; padding:0px 20px; color:#fff; background:#484848; vertical-align:middle; cursor:pointer; border-radius:4px; text-align:center;}
			.filebox_wrap .file_name{border-radius:4px; display:inline-block; padding:5px; font-size:inherit; font-family:inherit; line-height:normal; vertical-align:middle;	background:#f5f5f5; border:1px solid #ddd; -webkit-appearance:none; -moz-appearance:none; appearance:none;}


	/* radio */
		.radiobox_wrap{font-size:14px; color:#666; margin-bottom:0;}
			.radiobox{display:inline-block; margin-right:15px; position:relative; vertical-align:middle; 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:15px; height:15px;}
			.radio_mark{border-radius:100%; position:absolute; top:5%; left:0; width:18px; height:18px; background:#fff; border:2px solid #ccc;}
				.radio_mark:after{content:""; position:absolute; display:none;}
			.radiobox input:checked ~ .radio_mark:after{display:block;}
			.radiobox .radio_mark:after{left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:4px; height:4px; border:solid #fff; background:#fff; border-radius:100%;}
			.radiobox input:checked ~ .radio_mark{background:#0071bc; border:2px solid #0071bc;}


	/* db */
		.db_wrap{padding:20px; text-align:left; background:#fff;}
			.db_info{color:rgba(0,0,0,0.5);}
			.db_wrap .db_input{margin-bottom:15px;}
				.db_wrap .db_input:last-child{margin-bottom:0;}
				.db_wrap .db_input .cell20{font-weight:500;}

		.db_checkbox_wrap{text-align:center; margin:15px 0;}
			.db_checkbox_info{display:inline-block; margin-left:5px; font-size:12px;}
				.db_checkbox_info a{background:#333; color:rgba(255,255,255,0.9); border-radius:3px; padding:2px 10px;}

	/* db_bt */
		.db_bt{margin-top:15px; text-align:center;}
			.db_bt a button{overflow:hidden; width:30%; max-width:200px; position:relative; display:inline-block; transition:All 0.3s ease; -webkit-transition:All 0.3s ease; -o-transition:All 0.3s ease; -ms-transition:All 0.3s ease;}
				.db_bt a button: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%);}
				.db_bt a button:hover{-webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px);}
					.db_bt a button:hover:after{left:100%; top:-25%; -webkit-transition: left 0.6s, top 0.6s; -moz-transition: left 0.6s, top 0.6s; transition: left 0.6s, top 0.6s; }
			.db_bt a button{cursor:pointer; width:100%; font-size:18px; color:#fff;  background:linear-gradient(45deg,  #0071bc 0%,#1400bc 100%); padding:10px 0; border:0; transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease;}

	/* check_box */
		.checkbox_wrap{font-size:13px; color:#666; margin:15px 0; text-align:center;}
			.checkbox{display:inline-block; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
				.checkbox:last-child{margin-bottom:0;}
				.checkbox input[type=checkbox]{opacity:0; margin:0; margin-right:3px; display:inline-block; width:15px; height:15px;}
			.check_mark{border-radius:3px; position:absolute; top:5%; left:0; width:18px; height:18px; background:#fff; border:2px solid #ccc;}
				.check_mark:after{content:""; position:absolute; display:none;}
			.checkbox input:checked ~ .check_mark:after{display:block;}
			.checkbox .check_mark:after{left:4px; top:0px; width:4px; height:9px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
			.checkbox input:checked ~ .check_mark{background:#0071bc; border:2px solid #0071bc;}
			
			.check_info_wrap{position:relative;}
				.check_info{border-bottom:1px dashed; cursor:help; position:relative; display:inline-block;}		
					.check_info_box{font-size:13px; padding:15px; width:100%; min-width:300px; background:rgba(0,0,0,0.75); position:absolute; top:125%; left:0; color:#fff; z-index:9;}
						.check_info_box_img{margin-bottom:5px;}
							.check_info_box_img img{width:100%;}
						.check_info_box_title{font-size:16px; margin-bottom:5px;}
						.check_info_box_text{font-size:13px; margin-bottom:5px;}
							.check_info_box_text:last-child{margin-bottom:0;}



	/* foot */
		.foot_wrap{font-size:12px; background:#222; padding:20px; color:rgba(255,255,255,0.5); text-align:left;}
			.foot_wrap ul{margin-bottom:15px; color:rgba(255,255,255,0.8);}
				.foot_wrap ul li{display:inline-block; position:relative; padding-right:10px;}
					.foot_wrap ul li:last-child{padding-right:0;}


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