@charset 'utf-8';

/* °ψΕλ */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* font-family: 'Poppins', sans-serif; */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
/* font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; */

body { overflow-x: hidden; }

.clip {position: absolute; clip: rect(0,0,0,0); width: 1px; height: 1px; overflow: hidden; }
/* body{ font-family: 'SegoeUI'; background: #45877c;} */
*{line-height: 1.3;}
figure{margin: 0;}


/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height: 140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; }
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }


* {   font-family: 'Pretendard', 'Noto Sans KR', sans-serif; word-break:keep-all;  }
.inner { max-width:1780px; margin:auto;  width:96%; }
.inner2 { max-width:1600px; margin:auto;  width:96%;  }

.scrollTop { position:fixed; bottom:30px; right:2%; width:60px; height:60px; background:#fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius:50%; transition:all .3s; z-index:3; }
.scrollTop.bottom { bottom:28%; }
.scrollTop a { display:table; width:100%; height:100%; text-align:center; }
.scrollTop a span { display:table-cell; vertical-align:middle; font-family: 'Poppins',  sans-serif;  font-weight:300; font-size:14px; color:#222; }
.scrollTop a span img { display:block; margin:0 auto 3px; }


/*header*/
header { height:90px; box-sizing:border-box;  padding-top:20px; position:relative; z-index:3; }
header .inner { position:relative; }
header h1 { float:left; }
header nav { float:right; margin-top:15px; }
#gnb { margin-right:37px; }
#gnb > li { float:left;  /*margin-right:75px;*/ padding:0 37.5px; font-size:18px; position:relative;  padding-bottom:30px; }
#gnb > li > a { color:#222; font-family: 'Poppins',  sans-serif;  }
#gnb > li.on > a,
#gnb > li:hover > a { color:#09357f; }
#gnb > li > ul { display:none; position:absolute; top:38px; left:50%; transform:translateX(-50%); width:160px; border-radius:10px; background:#fff; box-sizing:border-box; box-shadow: 0 0 5px rgba(0,0,0,.5);  padding:25px 20px;  } 
#gnb > li > ul > li { margin-top:15px; font-size:16px; }
#gnb > li > ul > li:first-child { margin-top:0; }
#gnb > li > ul > li a { color:#aaa; }
#gnb > li > ul > li:hover a { color:#09357f; }
.m_btn { float:right; display:none; margin:15px 15px 0 0; width:22px; height:22px;  position:relative; cursor:pointer; }
.m_btn:before { content:""; display:block; width:100%; height:2px; background:#09357f; position:absolute; top:0; left:0; }
.m_btn:after { content:""; display:block; width:100%; height:2px; background:#09357f; position:absolute; bottom:0; left:0; }
.m_btn span { display:block; width:15px; height:2px; background:#09357f; position:absolute; top:10px; left:0; font-size:0; }
.m_btn.on:before { transform:rotate(45deg);  top:10px; left:0; }
.m_btn.on:after { transform:rotate(-45deg); top:10px; left:0;  }
.m_btn.on span { display:none; } 
.mobile_category {  position:fixed; top:0; right:0; width:100%; height:100%; z-index:-5; background:rgba(0,0,0,.0); transition:all .3s; }
.mobile_category.on { z-index:10; background:rgba(0,0,0,.5); }
.mobile_category > div { height:100%; position:fixed; top:0; right:0; background:#fff; max-width:480px; width:80%; transform:translateX(100%); transition:all .3s; box-sizing:border-box; padding:20px; }
.mobile_category.on > div  { transform:translateX(0);  }
.mobile_category .inner { position:relative; }
.mobile_category header { overflow:hidden; position:relative; }
.mobile_category header h1 { float:left; display:inline-block; width:200px; }
.mobile_category .m_btn { position:absolute !important; top:0; right:0; }
#m_gnb { margin-top: 70px; }
#m_gnb > li { margin-bottom:45px; }
#m_gnb > li.on > a { color:#09357f; }
#m_gnb > li > a { font-size:38px; color:#222; font-weight:600; font-family: 'Poppins', sans-serif; }
#m_gnb > li > ul { display:none; }
#m_gnb > li li { margin-top:25px; }
#m_gnb > li li > a { color:#aaa; font-weight:600; font-size:22px; line-height:120%; }


/*footer*/
footer { background:#1e222b;  padding:70px 0 80px; font-size:16px;  }
footer:after { content:""; display:block; clear:both; }
footer h2 { float:left; }
footer .info { float:left; margin-left:80px; }
footer .info > ul { color:rgba(255,255,255,.2); overflow:hidden;  }
footer .info > ul li { float:left; }
footer .info > ul li:not(:first-child):before { content:""; display:block; width:1px; height:12px; background:#565964; float:left; margin:3px 15px 0; }
footer .info > ul li span { color:#fff; margin-left:10px; }
footer .info > p { margin-top:25px; font-size:18px; color:rgba(255,255,255,.2); }
footer .fmSite { float:right; width:240px; height:60px; box-sizing:border-box; border:1px solid #454a59; border-radius:30px; position:relative;  }
.fmSite > a { display:table; width:100%; height:100%; position:relative; }
.fmSite > a span { display:table-cell; vertical-align:middle; color:rgba(255,255,255,.2); font-family: 'Poppins',  sans-serif; padding-left:20px; }
.fmSite > a:after { content:""; display:block; position:absolute; top:50%; right:30px; transform:translateY(-70%);  width: 0; height: 0; border-bottom: 6px solid #565964; border-top: 6px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.fmSite.on { background:#3e424e; }
.fmSite.on > a span { font-size:16px; color:#fff; }
.fmSite.on > a:after { border-bottom-color:transparent; border-top-color:#fff; top:50%; right:30px; transform:translateY(-20%);  }
.fmSite > ul { display:none; position:absolute; bottom:70px; left:0; width:100%; background:#3e424e; border-radius:20px; z-index:5; padding:5px 0; }
.fmSite > ul li { margin:8px 30px; }
.fmSite > ul li a { color:#fff; font-weight:300; }

@media (max-width:1200px) {
	/*common*/
	.inner, 
	.inner2 { max-width:100%; width:96%; margin:auto; }
	.scrollTop.bottom { bottom:25%; }
	
	/*header*/
	header nav { display:none; }
	.m_btn { display:block; }

	/*footer*/
	footer { padding:80px 0 50px; position:relative;  }
	footer h2 { float:none; margin:auto; display:block; text-align:center; width:50px; }
	footer .info { float:none; margin:20px 0 0; }
	footer .info > ul { overflow:hidden; text-align:center; }
	footer .info > ul li { float:none; display:inline-block; vertical-align:top; margin-bottom:3px; }
	footer .info > ul li:not(:first-child):before {margin:3px 10px 0; }
	footer .info > p { margin-top:15px; font-size:16px; text-align:center; }
	footer .fmSite { width:180px; height:40px; border-radius:20px; position:absolute; top:15px; right:10px; }
	.fmSite > a:after { right:20px; }
	/* .fmSite.on > a span { font-size:16px;  } */
	.fmSite.on > a:after { right:20px; }
	.fmSite > ul { bottom:45px; border-radius:15px; }
	.fmSite > ul li { margin:8px 15px; }

}
@media (max-width:650px) {
	.scrollTop.bottom { bottom:35%; }

	footer { font-size:15px;}
}

@media (max-width:360px) {
	.mobile_category .m_btn { margin-right:0 !important; }
	.mobile_category > div { width:80%;  padding:20px 10px;  }
	#m_gnb { margin-top:40px; }
	#m_gnb > li { margin-bottom:30px; }
	#m_gnb > li li { margin-top:15px; }
	#m_gnb > li li > a { font-size:18px; }

}