@charset "UTF-8";
@import "font.css";
@import "main.css";

html	{position:relative; height:100%; min-height:100%; margin:0; -webkit-text-size-adjust:none;}
body	{position:relative; width:100%; height:auto; min-height:100%;}
*, *::before, *::after {padding:0; margin:0; box-sizing:border-box;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video	{margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; background-repeat:no-repeat; font-family:inherit; color:inherit; line-height:inherit; letter-spacing:inherit;}
html	{font-family:'Poppins', 'Pretendard', 'Apple SD Gothic Neo', 'sans-serif'; color:#222;  font-size:22px; line-height:1; letter-spacing:-0.5px;}
input,button,textarea,select	{font-family:'Poppins', 'Pretendard', 'Apple SD Gothic Neo', 'sans-serif'; font-size:22px;  color:#222; background-repeat:no-repeat;}
ul		{list-style-type:none; padding-inline-start:0;}
a	{text-decoration:none; color:inherit; display:inline-block;}
table	{padding:0; border:0; border-spacing:0px; border-collapse:collapse;}
th, td	{padding:0;}
img		{vertical-align:top;}
button	{border: none; background:none; cursor: pointer;}
input:focus, select:focus, option:focus, textarea:focus, button:focus	{outline: none;}
/*
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
textarea:focus {outline:none;}

input::-webkit-input-placeholder {color:#999;}
input::-ms-input-placeholder {color:#999;}
input::-webkit-input-placeholder {color:#999; } 
input::-moz-placeholder {color:#999; }

textarea::-webkit-input-placeholder {color:#999;}
textarea::-ms-input-placeholder {color:#999;}
textarea::-webkit-input-placeholder {color:#999; } 
textarea::-moz-placeholder {color:#999; }

textarea		{resize:none; padding:18px 18px; height:auto; line-height:1.3;}

input[type="button"]	{background-color:#000; color:#fff; font-weight:500; font-size:20px; width:180px; height:54px; border-radius:27px;}
*/
input[type="text"], input[type="password"], select	{-webkit-appearance:none;-moz-appearance:none;appearance:none;-o- appearance:none;}
input :: - ms-clear	{visibility:hidden; display:none;}
select::-ms-expand {display:none;}
input[type="text"], input[type="password"], select,textarea	{width:100%; /*height:54px;*/ font-size:18px; font-weight:500; border-radius:0;}
select	{/*background-image:url("../images/input_select.png");*//* background-position:top 50% right 18px; padding-right:50px;*/ }
select option[value=""][disabled] {display: none;}
select option	{/*color:#222;*/}
select:invalid	{/*color:#999;*/}

body.fixed	{height:100%; min-height:100%; overflow-y:hidden !important; touch-action:none;}
body.fixed	{height:100%; min-height:100%; overflow-y:hidden !important; touch-action:none;}


/*		HEADER		*/
	.headerContainer		{position:fixed; top:0; left:0; width:100%;  z-index:3;  height:100px; background-color:#fff; overflow:hidden; background-position:0% 175px;
					transition:	all 0.4s ease-in-out;
	-webkit-transition:	all 0.4s ease-in-out;
		-moz-transition:		all 0.4s ease-in-out;
			-ms-transition:	all 0.4s ease-in-out;
				-o-transition:	all 0.4s ease-in-out;
	-webkit-transition:	all 0.4s ease-in-out;	
	}

	.headerContainer.top	{background-color:transparent;}
	.headerContainer.top header nav a	{color:#fff;}
	.headerContainer.open header nav a	{color:#222;}
	.headerContainer.open	{height:400px;  background-color:#fff; background-image:url("../images/bg_header.png");}
	.headerContainer.open:after	{content:""; width:100%; height:1px; position:absolute; top:99px; left:0;  background:#ddd;}

	.headerContainer header	{display:flex; justify-content:space-between; padding:0 100px 0 60px;}
	.headerContainer header h2	{display:flex; align-items:center; height:100px;/* padding:0 60px;*/}
	.headerContainer header nav	{margin-left:auto; /*margin-right:100px; padding:0 40px;*/ text-align:center;}
	.headerContainer header nav a	{font-size:16px; color:#222;}
	.headerContainer header nav a:hover	{color:#e71650;}
	.headerContainer header nav > ul	{display:flex;}
	.headerContainer header nav > ul > li > p > a	{display:flex; justify-content:center; align-items:center; width:150px; height:100px; font-weight:600;cursor: pointer;}
	.headerContainer header nav > ul > li > ul > li > a  {font-size:15px;}
	.headerContainer header nav ul ul	{padding:32px 0; height:300px;}
	.headerContainer header nav li li a	{padding:17px 0; width:100%;}
	.headerContainer header nav > ul > li > p	{position:relative;}
	.headerContainer header nav > ul > li > p:after	{content:""; width:0; height:2px; background-color:transparent; position:absolute; bottom:-1px; left:50%; z-index:1;
					transition:	all 0.3s ease-in-out;
	-webkit-transition:	all 0.3s ease-in-out;
		-moz-transition:		all 0.3s ease-in-out;
			-ms-transition:	all 0.3s ease-in-out;
				-o-transition:	all 0.3s ease-in-out;
	-webkit-transition:	all 0.3s ease-in-out;	
	}
	.headerContainer header nav > ul > li:hover > p:after	{width:100%;background-color:#e71650; left:0;}

	.headerContainer header > ul		{display:flex; height:100px; align-items:center; margin:0 45px 0 25px;}
	.headerContainer header > ul	 > li + li:before	{content:""; width:1px; height:11px; background-color:rgba(0,0,0,.3); display:inline-block; vertical-align:middle;}
	.headerContainer.top header > ul	 > li + li:before	{background-color:rgba(255,255,255,.3);}
	.headerContainer header > ul	 > li > a	{font-size:18px; color:#222; font-weight:600; padding:0 15px;}
	.headerContainer.top header > ul	 > li > a	{color:#fff;}
	.headerContainer.open header > ul	 > li > a	{color:#222;}
	.headerContainer header > ul	 > li.on > a	{color:#e71650;}


	button.menu	{position:fixed; top:0; right:0; z-index:10; background:#e71650; width:100px; height:100px;}
	button.menu span	{display: inline-block;  position:relative; width:24px;  height:2px; background:#fff; margin:27px 0 26px;
					transition:	all 0.3s ease-in-out;
	-webkit-transition:	all 0.3s ease-in-out;
		-moz-transition:		all 0.3s ease-in-out;
			-ms-transition:	all 0.3s ease-in-out;
				-o-transition:	all 0.3s ease-in-out;
	-webkit-transition:	all 0.3s ease-in-out;	
	}

	button.menu span:before {content:"";  position:absolute;  top:-7px;  right:0; background:#fff; height:2px; width:24px;
					transition:	all 0.3s ease-in-out;
	-webkit-transition:	all 0.3s ease-in-out;
		-moz-transition:		all 0.3s ease-in-out;
			-ms-transition:	all 0.3s ease-in-out;
				-o-transition:	all 0.3s ease-in-out;
	-webkit-transition:	all 0.3s ease-in-out;	
	}
	button.menu span:after {content:"";  position:absolute;  top:7px;  left:0; background:#fff; height:2px; width:24px;
					transition:	all 0.3s ease-in-out;
	-webkit-transition:	all 0.3s ease-in-out;
		-moz-transition:		all 0.3s ease-in-out;
			-ms-transition:	all 0.3s ease-in-out;
				-o-transition:	all 0.3s ease-in-out;
	-webkit-transition:	all 0.3s ease-in-out;	
	}
	button.menu:hover span:after, button.menu:hover span:before	{width: 12px;}
	button.menu.on span	{background: transparent;}
	button.menu.on span:before, button.menu.on span:after	{top:0;}
	button.menu.on span:before	{transform:rotate(-45deg);}
	button.menu.on span:after		{transform:rotate(45deg);}
	button.menu.on:hover span:before,button.menu.on:hover span:after	{width:24px;}



	a.contact	{transform:rotate(90deg); color:#ed1551; font-weight:600; background:#fff; position:fixed; top:140px; right:-40px; width:180px; height:100px; display:flex; flex-direction:column; justify-content:center; padding:0 32px; z-index:1;}
	a.contact p	{font-size:20px;}
	a.contact span	{font-size:18px; margin-top:8px;}



/*		MENUCONTAINER	*/
	.menuContainer		{position:fixed;  top:0;  left:0;  right:0;  bottom:0;  z-index: 3; background:#fff; display:none;}
	.menuContainer	.menuWrap	{display:flex; height:100%;}
	.menuContainer	.menuWrap .leftSide		{width:680px; min-width:305px; display:flex; justify-content:center; align-items:center; background:url("../images/img_sitemap.png") 50% 50%/cover;}
	.menuContainer	.menuWrap .rightSide	{flex:1; display:flex; flex-direction:column; }
	.menuContainer	.menuWrap .rightSide > nav	{flex:1; display:flex; align-items:center; background:url("../images/bg_sitemap.png") 100% 100% no-repeat; padding:0 72px;}
	.menuContainer	.menuWrap .rightSide > nav > ul > li	{display:flex; margin:40px 0;}
	.menuContainer	.menuWrap .rightSide > nav > ul > li > p	{width:328px; cursor: pointer;}
	.menuContainer	.menuWrap .rightSide > nav > ul > li > p a	{position:relative; font-size:48px; letter-spacing:-2px; padding:4px 24px; font-weight:700; color:#d9d9d9;
					transition:	all 0.3s ease-in-out;
	-webkit-transition:	all 0.3s ease-in-out;
		-moz-transition:		all 0.3s ease-in-out;
			-ms-transition:	all 0.3s ease-in-out;
				-o-transition:	all 0.3s ease-in-out;
	-webkit-transition:	all 0.3s ease-in-out;		
	}
	.menuContainer	.menuWrap .rightSide > nav > ul > li > p a:after	{content:""; width:14px; height:14px; border-radius:50%; background:#e2144e; position:absolute; top:7px; right:0; opacity:0;
					transition:	all 0.3s ease-in-out;
	-webkit-transition:	all 0.3s ease-in-out;
		-moz-transition:		all 0.3s ease-in-out;
			-ms-transition:	all 0.3s ease-in-out;
				-o-transition:	all 0.3s ease-in-out;
	-webkit-transition:	all 0.3s ease-in-out;		
	}
	.menuContainer	.menuWrap .rightSide > nav > ul > li.on > p a	{color:#373d41;}
	.menuContainer	.menuWrap .rightSide > nav > ul > li.on > p a:after	{color:#373d41; top:0; opacity:1;}
	.menuContainer	.menuWrap .rightSide > nav li ul	{padding:16px 0; display:none;}
	.menuContainer	.menuWrap .rightSide > nav li li a		{font-weight:500; color:#666; border-bottom:2px solid transparent;}
	.menuContainer	.menuWrap .rightSide > nav li li a:hover	{border-bottom-color:#666;}
	.menuContainer	.menuWrap .rightSide > nav li li + li		{margin-top:24px;}
	.menuContainer	.menuWrap .rightSide > ul	{background:#373d41; display:flex; align-items:center; height:180px; padding:0 0 0 120px;}
	.menuContainer	.menuWrap .rightSide > ul li	{display:flex; height: 45px;}
	.menuContainer	.menuWrap .rightSide > ul li + li:before	{content:""; width:1px; height:45px; background:#535c62; display:inline-block; margin:0 60px; margin-top:6px;}
	.menuContainer	.menuWrap .rightSide > ul a	{display:flex; align-items:center; color:#fff; background:url("../images/btn_link.png") 100% 50% no-repeat; padding-right:94px; font-weight:500;}
	.menuContainer	.menuWrap .rightSide > ul a dl	{margin-left:40px;}
	.menuContainer	.menuWrap .rightSide > ul li + li a dl	{margin-left:54px;}
	.menuContainer	.menuWrap .rightSide > ul a dt	{font-size:28px;}
	.menuContainer	.menuWrap .rightSide > ul a dd		{font-size:20px; opacity:.3; margin-top:8px;display: none;}



/*		FOOTER		*/
.footerContainer	{background:#373d41;}
.footerContainer footer	{width:100%; max-width:1520px; padding:50px 20px;  margin:0 auto; color:#fff; font-size:18px; font-weight:600;}

.footerContainer footer [class*="Side"]		{display:flex;  justify-content: space-between;}

.footerContainer footer .topSide	{}
.footerContainer footer .topSide h2	{}
.footerContainer footer .topSide ul	{display:flex;}
.footerContainer footer .topSide ul li + li	{margin-left:48px;}
.footerContainer footer .topSide ul li a	{padding:10px 0;}
.footerContainer footer > p	{margin:30px 0 20px !important;}
.footerContainer footer .bottomSide	{align-items:flex-end;}
.footerContainer footer .bottomSide dl	{color:#8a8c8e; font-weight:400; line-height:28px;font-size:0.9em;}
.footerContainer footer .bottomSide dt	{float:left;margin-right:7px;}
.footerContainer footer .bottomSide dd	{float:left;}
.footerContainer footer .bottomSide dd strong {color:#ddd; font-weight: 500;}
.footerContainer footer .bottomSide dd:after		{content:""; display:inline-block; width:1px; height:14px; background:#595a5c; margin:0 12px;}
/*.footerContainer footer .bottomSide dt:nth-of-type(odd)	{clear:both;}
.footerContainer footer .bottomSide dd:nth-of-type(even):after	{display:none;}*/
.footerContainer footer .bottomSide dt:nth-of-type(4)	{clear:both;}
.footerContainer footer .bottomSide dd:last-child:after	{display:none;}
.footerContainer footer .bottomSide ul {float:right;margin:0 0 15px 25%;min-width: 185px;}
.footerContainer footer .bottomSide ul li {float:left;margin:0 20px 0 0;}
.footerContainer footer .bottomSide ul li a {opacity: 0.5;}
.footerContainer footer .bottomSide ul li a:hover {opacity: 1;}
footer select	{color:#fff; font-size:18px; width:250px; height:42px; font-weight:500; background:url("../images/input_select_footer.png") 100% 50% no-repeat;  padding-right:10px; border:none; padding-bottom:16px; border-bottom:2px solid #e2144e; margin-bottom:8px;}
select option	{color:#222;}

.footerContainer .copyWrap	{border-top:1px solid #454d52;}
.footerContainer .copyWrap p	{width:100%; max-width:1520px; padding:0 20px;  margin:0 auto; text-align:center; font-size:14px; color:#636566; line-height:66px; letter-spacing:0;}


/*main pop*/
.pop {margin:0 auto;}
.pop .title {margin:10px 0; font-size:25px; font-weight:600; text-align:center;}
.pop p {line-height:20px; font-size:14px;}

.pop {display:none;}
.pop:before {display:block; content:""; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5);z-index:9999;}
.pop .layerBox {position:fixed;z-index:9999;width:70%;max-width:700px;left:50%; top:50%; transform:translate(-50%, -50%); padding:15px 2px 10px 2px; background:#303539; border-radius:6px;}
.pop .layerBox .title {margin-bottom:10px; padding:0 0 10px 20px; font-weight:600;text-align: left;color:#fff;}
.pop .layerBox .cont {margin-bottom:10px;background:url("../img/bg_introduce.png") 280px 250px no-repeat #fff; background-size:60%; border-radius:5px;}
.pop .layerBox p {line-height:24px; font-size:17px; padding:20px; overflow:auto; max-height:560px;}
.pop .layerBox p span.right {display:block;text-align:right;}
.pop .layerBox .btnClose {display:inline-block; position:absolute; right:15px; top:-10px; color:#fff; font-size:13px; background:#e60044;width:80px;height:60px; border-radius:5px;}
.pop .layerBox .btnClose a {width:100%;height:100%;line-height:60px;text-align:center;}
.pop .layerBox .btnTodayHide {font-size:14px; font-weight:600;color:#fff;padding-left:20px;}
.pop .layerBox .btnTodayHide input {vertical-align: middle;margin-right:5px;}

/*main pop .imgType*/
.pop.imgType .layerBox {position:fixed;z-index:9999;width:70%;max-width:500px;left:50%; top:50%; transform:translate(-50%, -50%); padding:2px 2px 5px 2px; background:#303539; border-radius:2px;}
.pop.imgType .layerBox .cont {margin-bottom:5px; border-radius:0px;}
.pop.imgType .layerBox p {line-height:24px; font-size:17px; padding:0; overflow:hidden; max-height:560px;}
.pop.imgType .layerBox .btnClose {display:inline-block; float:right;position:static;color:#fff; font-size:13px; background:#e60044;width:60px;height:25px; border-radius:5px;}
.pop.imgType .layerBox .btnClose a {width:100%;height:100%;line-height:25px;text-align:center;}