@charset "utf-8";





	/* reset */
	html {box-sizing: border-box;}
	*, *:before, *:after {box-sizing: inherit;}

	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, input, textarea, button,
	article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video
	{margin:0; padding:0; border:0;}

	article, aside, details, figcaption, figure, footer, header, menu, nav, section	{display: block;}
	span	{display: inline-block;}
	html	{/*height:auto;*/height:100%;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none; }
	ol, ul	{list-style:none;}
	blockquote, q	{quotes: none;}
	blockquote:before, blockquote:after, q:before, q:after	{content: ''; content:none;}
	table {border-collapse:collapse; border-spacing:0;}
	a	{ text-decoration:none; color:inherit; cursor:pointer; display:block;}
	a:hover	{text-decoration:none;}
	legend, caption, hr	{display:none;}
	th	{font-weight:inherit}
	em	{font-style:normal;}
	img, li	{vertical-align:top; max-width:100%;}
	input	{vertical-align:middle; border-radius:0;}
	p, h1, h2, h3	{font-weight:inherit; letter-spacing:inherit;}
	input, textarea, button, select	{font-family:"NanumBarunGothic", sans-serif; color: #000; border-radius:0;}
	section	{width:100%; text-align:center;}
	body	{font-family:"NanumSquareNeo-Variable"; width: 100%;	height:100%; color:#000; background-color: #fff; font-weight: 400; word-break:keep-all;}
	video	{object-fit:fill;}

	/*	all	*/
	body.menuopen {overflow: hidden}
	.bold	{font-weight:700;}
	.lettertop	{font-size:0.6em; vertical-align:top; display:inline-block;}
	.letterbottom	{font-size:0.6em; vertical-align:bottom;}
	.show	{display:block !important;}
	.hide	{display:none !important;}
	.container { width:100%; max-width:1920px; margin:0 auto; }
	.txt_hide {overflow:hidden; width:0; height:0; position:absolute; left:-9999px;}

	/*	input	*/
	input, select	{/*-webkit-appearance:none;-moz-appearance:none; appearance: none; -o- appearance:none; -webkit-border-radius:0; border-radius:0;*/ }
	input :: - ms-clear	{visibility:hidden; display:none;}
	select::-ms-expand {display:none;}

	input[type="text"]	{width:100%; height:30px; padding:0 6px; border:1px solid #dcdcdc; font-size:13px; font-weight:300;}
	input[type="password"]	{height:30px; padding:0 18px; border:1px solid #dcdcdc; font-size:13px; font-weight:300;}

	input::-webkit-input-placeholder {font-size:inherit; color:#878787;}
	input::-ms-input-placeholder {font-size:inherit; color:#878787;}
	input::-moz-placeholder {font-size:inherit; color:#878787;}
	input::placeholder	{font-size:inherit; color:#878787;}

	textarea::-webkit-input-placeholder {font-size:inherit; color:#878787;}
	textarea::-ms-input-placeholder {font-size:inherit; color:#878787;}
	textarea::-moz-placeholder {font-size:inherit; color:#878787;}
	textarea::placeholder	{font-size:inherit; color:#878787;}

	select	{width:100%; height:53px; padding-right:50px; padding-left:18px; border:1px solid #dcdcdc; border-radius:0; background:url("../img/input_select.png") #fff 100% 50% no-repeat; font-size:16px; background-size:contain; font-weight:300;}
	select.select	{color:#878787;}
	select.selected	{color:#000;}
	select option	{color:#000;}

	textarea	{border:1px solid #dcdcdc; font-size:16px; resize:none; width:100%; height:311px; padding:18px; line-height:1.7;}

	/*input[type="file"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}*/

	.fileWrap input[type="text"]	{float:left; width:calc(100% - 458px);}
	.fileWrap label	{width:138px; color:#fff; background:#a8a8a8; text-align:center; line-height:53px; float:left; margin-left:10px; cursor:pointer;}
	.fileWrap p	{width:310px; float:left; text-align:right; color:#878787; font-size:16px; line-height:53px;}

	.inputWrap {position:relative;}
	.inputWrap input[type="checkbox"],	.inputWrap input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
	.inputWrap input + label {cursor:pointer; display:inline-block; zoom:1; *display:inline; position:relative; -webkit-user-select:none;  -moz-user-select:none; -ms-user-select:none; }
	.inputWrap input + label:before {content:" "; display:inline-block; zoom:1; *display:inline; vertical-align: middle; margin-right:10px; }
	.inputWrap input[type="checkbox"] + label	{line-height:18px; height:18px; font-size:16px;}
	.inputWrap input[type="radio"] + label	{line-height:18px;}
	.inputWrap input[type="checkbox"] + label:before {width:18px; height:18px;}
	.inputWrap input[type="radio"] + label:before {width:18px; height:18px;}

	.inputWrap input[type="checkbox"] + label:before {border:1px solid #a8a8a8;}
	.inputWrap input[type="radio"] + label:before {border:1px solid #a8a8a8;}
	.inputWrap input[type="checkbox"]:checked + label:before {/*background-color:red*/}
	.inputWrap input[type="checkbox"]:checked + label:after	{content:""; display:block; position:absolute; top:5px; left:5px; width:8px; height:8px; background:#000;}
	.inputWrap input[type="radio"]:checked + label:before {}

	.inputWrap input[type="checkbox"]:disabled + label:before {}
	.inputWrap input[type="checkbox"]:disabled + label	{}

	.btnWrap	{text-align:center; width: 213px; margin-left: 227px; display:inline-block;}
	.btnWrap input + input	{margin-left:16px;}
	.btnWrap input, .btnWrap a	{display:inline-block; position:relative; border:1px solid #000; text-align:center; width:215px; height:56px; font-size:18px; margin-top:34px;}
	.btnWrap input, .btnWrap a:hover	{color:#fff;}
	.btnWrap input, .btnWrap a span	{position:absolute; top:50%; left:0; width:100%; height:100%; line-height:54px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.btnWrap input, .btnWrap a:before	{content: '';  position: absolute;  background: #01ae83;  border-color: #01ae83;  width: 0;  height: calc(100% + 2px);  left: -1px;  top: -1px;
		-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		-moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		-ms-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		-o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	}
	.btnWrap input, .btnWrap a:hover:before{width: calc(100% + 2px);}

	.btnWrap2	{text-align:center; width: 213px;     margin: 0 auto; }
	.btnWrap2 input + input	{margin-left:16px;}
	.btnWrap input, .btnWrap2 a	{display:inline-block; position:relative; border:1px solid #000; text-align:center; width:215px; height:56px; font-size:18px; margin-top:34px;}
	.btnWrap input, .btnWrap2 a:hover	{color:#fff;}
	.btnWrap input, .btnWrap2 a span	{position:absolute; top:50%; left:0; width:100%; height:100%; line-height:54px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.btnWrap input, .btnWrap2 a:before	{content: '';  position: absolute;  background: #01ae83;  border-color: #01ae83;  width: 0;  height: calc(100% + 2px);  left: -1px;  top: -1px;
		-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		-moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		-ms-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		-o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	}

	.btnWrap input, .btnWrap2 a:hover:before{width: calc(100% + 2px);}

	/*윤리경영 버튼*/
	.btnWrap2ps_ico	{text-align:center; margin: 0 auto; }
	.btnWrap2ps_ico input + input	{margin-left:16px;}
	.btnWrap input, .btnWrap2ps_ico a	{display:inline-block; position:relative; border:1px solid #000; text-align:center; width:270px; height:56px; font-size:16px; }
	.btnWrap input, .btnWrap2ps_ico a:hover	{color:#fff;}
	.btnWrap input, .btnWrap2ps_ico a span	{position:absolute; top:50%; left:0; width:100%; height:100%; line-height:54px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.btnWrap input, .btnWrap2ps_ico a:before	{content: '';  position: absolute;  background: #01ae83;  border-color: #01ae83;  width: 0;  height: calc(100% + 2px);  left: -1px;  top: -1px;
		-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		-moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		-ms-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		-o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	}
	.btnWrap input, .btnWrap2ps_ico a:hover:before{width: calc(100% + 2px);}
	.btnWrap input, .btnWrap2ps_ico a span.p_btn_down{background-image: url(../img/btn_down_black.png); background-position: 90% 50%; background-repeat: no-repeat; background-size: 1em; padding-right: 30px;}
	.btnWrap input, .btnWrap2ps_ico a:hover span.p_btn_down{background-image: url(../img/btn_down_white.png); background-position: 90% 50%; background-repeat: no-repeat; background-size: 1em;}
	/*윤리경영 버튼*/

	/*ì‚¬ì´ë²„ì‹ ê³ ì„¼í„° 버튼*/
	.btnWrap2ps_ico2	{text-align:center; margin: 0 auto; }
	.btnWrap2ps_ico2 input + input	{margin-left:16px;}
	.btnWrap input, .btnWrap2ps_ico2 a	{display:inline-block; position:relative; border:1px solid #000; text-align:center; width:250px; height:56px; font-size:16px; }
	.btnWrap input, .btnWrap2ps_ico2 a:hover	{color:#fff;}
	.btnWrap input, .btnWrap2ps_ico2 a span	{position:absolute; top:50%; left:0; width:100%; height:100%; line-height:54px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.btnWrap input, .btnWrap2ps_ico2 a:before	{content: '';  position: absolute;  background: #01ae83;  border-color: #01ae83;  width: 0;  height: calc(100% + 2px);  left: -1px;  top: -1px;
		-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		-moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		-ms-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		-o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	}
	.btnWrap input, .btnWrap2ps_ico2 a:hover:before{width: calc(100% + 2px);}
	.btnWrap input, .btnWrap2ps_ico2 a span.p_btn_down{background-image: url(../img/btn_link_black.png); background-position: 90% 50%; background-repeat: no-repeat; background-size: 1em; padding-right: 30px;}
	.btnWrap input, .btnWrap2ps_ico2 a:hover span.p_btn_down{background-image: url(../img/btn_link_white.png); background-position: 90% 50%; background-repeat: no-repeat; background-size: 1em;}
	/*ì‚¬ì´ë²„ì‹ ê³ ì„¼í„° 버튼*/

	.btnWrap input.cancel:hover, .btnWrap a.cancel:hover	{background:#000;}

	.btnWrap input.img, .btnWrap a.img	{padding-right:3.2em;}
	.btnWrap input.img.down, .btnWrap a.img.down	{background-image:url("../img/btn_down_black.png"); background-position:90% 50%; background-repeat:no-repeat; background-size:1em;}
	.btnWrap input.img.down, .btnWrap a.img.down:hover	{background-image:url("../img/btn_down_white.png"); }

	.btnWrap input.img.link, .btnWrap a.img.link	{background-image:url("../img/btn_link_black.png"); background-position:90% 50%; background-repeat:no-repeat; background-size:1em;}
	.btnWrap input.img.link, .btnWrap a.img.link:hover	{background-image:url("../img/btn_link_white.png"); }

	.selectForm	{}
	.selectForm p	{}
	.selectForm ul	{display:none;}
	.selectForm.on ul	{display:block;}

	#skipTo {width: 100%; overflow: hidden; position: relative; z-index: 1000;}
	#skipTo a {margin: 0px -1px -1px 0px; width: 1px; height: 1px; text-align: center; line-height: 0; overflow: hidden; font-size: 0px; display: block;}
	#skipTo a:focus {background: rgb(32, 38, 44); margin: 0px; padding: 8px 0px 0px 15px; width: auto; height: 20px; color:#ffffff; line-height: 1; font-size: 12px; font-weight: 700;}
	#skipTo a:hover {background: rgb(32, 38, 44); margin: 0px; padding: 8px 0px 0px 15px; width: auto; height: 20px; color:#ffffff; line-height: 1; font-size: 12px; font-weight: 700;}
	#skipTo a:active {background: rgb(32, 38, 44); margin: 0px; padding: 8px 0px 0px 15px; width: auto; height: 20px; color:#ffffff; line-height: 1; font-size: 12px; font-weight: 700;}
	
	table	{border-collapse:collapse; border-spacing:0; table-layout:fixed; zoom:1; empty-cells:show; width:100%; background:#fff; }
	table .left	{text-align:left !important;}
	table .right	{text-align:right !important;}
	table .center	{text-align:center !important;}

	.font-color01 {color:#ffee00 !important;}

.mg_t30 {margin-top:30px !important;} 
.mg_t50 {margin-top:50px !important;} 

.select_box {float:left; width:20%; font-size:14px;}
.float_left {float:left !important; margin-right:10px;}

/************ ~641 ************/
@media only screen and (max-width: 641px) {  

	select {font-size:12px;}

}