@charset "UTF-8";

@font-face {
    font-family: 'SBAggroB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* 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;}
	.bold{font-weight:bold;}
	.float_right{float:right;}
	.underline{text-decoration:underline;}
	.fa, .fas{vertical-align:baseline;}
	.wrap{width:100%;}
	.m_wrap{max-width:720px; margin:0 auto;}
	.none{display:none;}
	.block{display:block;}
	.hidden{overflow:hidden;}
	.pc{display:block; margin:0 auto;}
	.m{display:none; margin:0 auto;}
	.w1280{width:1280px; margin:0 auto;}
	.color{color:#e6201a;}
	.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;}
	.cell30{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%; padding-right:5px; float:left;}
	.inline50{display:inline-block; vertical-align:top; width:50%; padding-right:15px; float:left;}
		.inline50:last-child{display:inline-block; width:50%; padding-left:15px; 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:10px; 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%);}

	.foot_banner_wrap{width:100%; max-width:720px; margin:0 auto; bottom:0; position:fixed; z-index:999; box-shadow:0px 0px 5px 0px rgba(0,0,0,0.1);}
		.foot_banner{}
			.foot_banner img{width:100%;}

	.right_banner_wrap{max-width:75px; position:fixed; z-index:999; box-shadow:0px 0px 5px 0px rgba(0,0,0,0.1); right:10px; bottom:10px;}
		.right_banner{}
			.right_banner img{width:100%;}


	.video_wrap{position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
		.video_wrap iframe{width:100%; position:absolute; top:0; left:0; width:100%; height:100%;}


	.aggro{font-family:'SBAggroB';}

	/* success */
		.success_wrap{background:url("/common/img/success_bg.jpg") no-repeat center center; width:100%; height:100vh; overflow:hidden; position:relative; font-size:18px;}
			.success_title_wrap{text-align:center; position:absolute; z-index:2; padding:20px; width:100%; top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);}
				.success_title_logo{width:100%; max-width:200px; margin:0 auto;}
				.success_time{font-size:1.4em; margin:10px 0; display:inline-block; background:#e6201a; color:#fff; padding:2px 6px;}
				.success_title{font-size:3em; margin:10px 0; line-height:1.2;}
				.success_title_info{}
			.success_obj{position:absolute; right:10%; bottom:0; top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);}


	/* 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: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);}
			.radiobox input:checked ~ .radio_mark{background:#0071bc; border:2px solid #0071bc;}


	/* db */
		.db_wrap{padding:20px; text-align:left; background:#fff;}
			.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_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_box{margin-bottom:5px;}
				.checkbox_box:last-child{margin-bottom:0;}
			.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;}

	/* radio */
		.radiobox_wrap{font-size:14px; color:#666;}
			.radiobox_wrap .cell30{padding-right:10px;}
			.radiobox{display:inline-block; position:relative; 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: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);}
			.radiobox input:checked ~ .radio_mark{background:#0071bc; border:2px solid #0071bc;}


	/* 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;}
				.modal-dialog{top:0; width:90% !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-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;}
				.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:15px; padding:15px; 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;}

		/* terms */
			.terms{text-align:left; overflow:auto; height:50vh;}

	/* foot */
		.foot_wrap{}
			.foot_wrap .foot{}



@media screen and (max-width:1024px){
	.m{display:block;}
	/* success */
		.success_wrap{font-size:12px;}
			.success_title_wrap{text-align:left;}
				.success_title_logo{max-width:140px; margin:0;}
				.success_title{font-size:3em; margin:30px 0;}
			.success_obj{position:absolute; right:-20%; bottom:0; top:auto; -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}