@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@font-face {
    font-family: 'GmarketSansTTFMedium';
    src: url("../fonts/GmarketSansTTFMedium.ttf") format('truetype');
}

@font-face {
    font-family: 'GmarketSansTTFBold';
    src: url("../fonts/GmarketSansTTFBold.ttf") format('truetype');
}

@font-face {
    font-family: 'GmarketSansTTFLight';
    src: url("../fonts/GmarketSansTTFLight.ttf") format('truetype');
}


/* reset
--------------------------------------------------*/
	*, *:before, *:after{box-sizing:border-box;}
	fieldset, img{border:0}
	body, html, legend{font-family:'NanumSquare', sans-serif;color:#222;}
	html{background:#fff;font-size:10px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
	article, aside, audio, blockquote, body, canvas, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, input, legend, li, mark, menu, nav, ol, p, section, summary, td, textarea, th, time, ul, video{margin:0;padding:0;}
	html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video{font-size:100%;}
	body{width:100%;color:#222;background:#fff;font-size:20px;line-height:1;}
	img{vertical-align:middle;}
	button, input, select, textarea{margin:0;font-size:100%;vertical-align:middle}
	button{vertical-align:top;}
	table{border-spacing:0;border-collapse:collapse;table-layout:fixed;}
	address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;}
	strong{font-weight:700;}
	ol, ul{list-style:none}
	caption, th{text-align:left}
	h1, h2, h3, h4, h5, h6{font-size:100%;line-height:1;}
	caption, legend{width:0;height:0;font-size:1px;text-indent:-9999rem;line-height:0;margin:0;padding:0;border:0;}
	a, a:active, a:focus, a:hover, a:link, a:visited{color:#fff;font-size:100%;text-decoration:none;}
	input::-ms-clear{display:none;}
	img{width:100%;max-width:100%;}
	.only_m{display:none;}
	#go_top{position:fixed;right:10px;bottom:20px;cursor:pointer;width:50px;height:50px;background:#cbda13;text-indent:-9999px;display:none;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;z-index:1;}
	#go_top span{position:absolute;top:50%;left:50%;margin-left:-8px;margin-top:-12px;height:0;width:0;border:8px solid transparent;border-bottom-color:#fff;}
	#go_top:hover{background:#e74c3c;opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)";}
	/* IE9 이하를 위한 css */
	.placeholder{color:#a8a8a8;}
	/* IE10 이상을 위한 css */
	input::placeholder{color:#a8a8a8;opacity:1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */}
	input::-webkit-input-placeholder{color:#a8a8a8;}
	/* IE */
	input:-ms-input-placeholder{color:#a8a8a8;}
	/* Firefox */
	input:-mos-input-placeholder{color:#a8a8a8;}

/* landing
--------------------------------------------------*/
	/*.cection2{padding:70px 0;text-align:center;background:#2a2b2b;color:#ec6c00;font-size:70px;font-weight:800;letter-spacing:-2px;}
	.cection2 span{display:inline-block;position:relative;padding-left:60px;color:#fff;letter-spacing:-5px;}
	.cection2 span:after{content:'';display:block;clear:both;width:20px;height:20px;background:#fff;position:absolute;top:22px;left:27px;border-radius:50%;}*/	
	.blind {position:absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }

	.notice {display:flex; flex-direction:column; align-items:center; background:#ec6c00;padding: 50px 30px 50px;}
	.notice h3 {width:100%; height:100%; max-width:150px; max-height:265px;}
	.notice .n_wrap {margin-top:30px;}
	.notice .n_wrap p {margin:0;padding-bottom:30px;font-size:30px;color:#fff;line-height:1.2;}
	.notice .n_wrap p:last-child{padding-bottom:0;}
	
	form {display:flex; justify-content:center; padding:90px 0 100px; background:#f4f4f4;}
	form label {display:block; width:100%; max-width:125px; height:40px; margin-right: 10px; padding:14px 0; line-height:15px; background:#000; color:#fff; text-align:center; border-radius:10px; font-weight:600;}
	form label span {font-size:10px;}

	form input {display:block;}
	form input[type="text"]{width:100%; height:40px; border:1px solid #6a6a6a; border-radius:10px; line-height:40px; padding:0 10px;}
	/*form input[type="text"].txt_b1{max-width:244px;}
	form input[type="text"].txt_b2{max-width:244px;}*/

	form select{height:40px; padding-left:10px; border:1px solid #6a6a6a; border-radius:10px;}
	
	.apply_wrap {width:100%; max-width:768px;}
	.apply_wrap h1 {/*width:768px; height:100px;*/ margin-bottom:60px;}
	.apply_wrap>button {display:block; width:100%; max-width:360px; height: 70px; margin:0 auto; border:0; margin-top:20px; cursor:pointer;}
	
	.clear_box {width:100%; display:flex; margin-bottom: 10px;}
	.clear_box .one, form .clear_box .two{display:flex; width:100%;}
	.clear_box .one {margin-right:10px;}
	.clear_box .two {}
	.clear_box .one select, form .clear_box .two select {width:100%; /*max-width: 244px;*/}
	.clear_box>span {line-height:40px; padding-right:5px;}
	.clear_box>button {width:100%; max-width:230px; margin-left:10px; padding:10px 0; background:#00d8b9; border-radius:10px; color:#fff; font-weight:800; border:0;}
	.clear_txt {padding-bottom:10px; clear:both; font-size:16px; line-height:20px; font-weight:400; color:#f00;}
	
	.inp_box {position:relative;}
	.inp_box2 {position:relative; width:100%;}
	.inp_box2 p {font-size:14px; line-height:20px; font-weight:400;}
	.inp_box2 p.red {color:#f00;}
	
	.search_list{position:absolute; top:32px; left:0; background:#fff; z-index:1; width:100%; border:1px solid #888d95; padding:20px 20px 10px; max-height: 200px;overflow-y:scroll;}
	.search_list li{font-size:18px; line-height:24px; padding-bottom:10px; cursor:pointer;}
	.search_list li.on {background-color: #a6d8f5;}
	
	.contents {position:relative;}
    .date_box {position:absolute; bottom:150px; display:flex; justify-content:center; width:100%; font-family:'GmarketSansTTFBold'; color:#FFFFFF; font-size:50px;}
	

	body::-webkit-scrollbar {
    	width: 11px;
	}
	body::-webkit-scrollbar-thumb {
		background-color: #12305d;
		border-radius: 10px;
		background-clip: padding-box;
		border: 2px solid transparent;
	}
	body::-webkit-scrollbar-track {
		background-color: #b8b8b8;
		/*border-radius: 10px;*/
		box-shadow: inset 0px 0px 4px white;
	}

	.qkMenu {position:fixed; top:3%; right:0; width:100vw; max-width:95px; background-color:#efb817; border-top-left-radius:4px; border-bottom-left-radius:4px;
		z-index:9999; text-align:center; box-shadow:0px 0px 8px 0px rgba(0, 0, 0, .5);}
	.qkMenu a {padding:6px; display:inline-block; color:#003f75; font-size:20px; line-height:1.5; font-weight:bold; cursor:pointer; text-decoration:none;}

@media only screen and (max-width:768px) {
	.qkMenu { max-width:80px;}
	.qkMenu a { font-size:16px;}
}


@media all and (max-width:960px){
	.only_pc{display:none;}
	.only_m{display:block;}
	
	/* IE9 이하를 위한 css */
	.placeholder{color:#a8a8a8;font-size:14px;}
	/* IE10 이상을 위한 css */
	input::placeholder{color:#a8a8a8;opacity:1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */font-size:14px;}
	input::-webkit-input-placeholder{color:#a8a8a8;font-size:14px;}
	/* IE */
	input:-ms-input-placeholder{color:#a8a8a8;font-size:14px;}
	/* Firefox */
	input:-mos-input-placeholder{color:#a8a8a8;font-size:14px;}
	
	.notice .n_wrap {width:700px;}
	.notice .n_wrap p {font-size:26px;}
	
	form {padding: 50px 20px 60px;}
}

@media all and (max-width:425px){
	form {padding: 30px 10px 40px;}
	form label {max-width:110px; font-size:18px;}
	
	.apply_wrap h1 {margin-bottom:30px;}
	.apply_wrap div:nth-child(0) {}
	.clear_box {flex-wrap: wrap;}
	.inp_box, .inp_box2 {flex:1; width:100%;}
	.clear_box .one {margin-right:0; margin-bottom: 10px;}
	.clear_box>span {font-size:14px;}
	.clear_box>button {margin-left:0; margin-top:10px; max-width: 100%;}
	.clear_txt {font-size:12px;}
}

@media all and (max-width:375px){
	form label {max-width:100px; font-size:16px;}
}

@media all and (max-width:320px){
	form label {max-width:90px; font-size:14px;}
}