@charset 'utf-8';

/* °øÅë */
:root{
	--mainColor: #09213A;
	--mainColor02: #FFB136;
}
/* ±¹¹® */
.kr,
.kr *{font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important; }

*{box-sizing:border-box; margin: 0; line-height: 1.3em;	word-break:keep-all}
.w1780{width: 100%; max-width: 1780px; margin: 0 auto;}
.w1630{width: 100%; max-width: 1630px; margin: 0 auto;}
.w1400{width: 100%; max-width: 1400px; margin: 0 auto;}
.none{display:none; }
input[type="submit"],input[type="button"], input[type="file"],
input[type="text"], button { appearance: none; -moz-appearance: none; 
-webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; 
-moz-border-radius: 0; }
input[type="checkbox"]{ padding: 0 !important;}
.paging {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 80px;
}

.paging .arr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.paging .arr a:not(:last-child) {
  margin-right: 5px;
}

.paging .arr a.last,
.paging .arr a.first {
  letter-spacing: -10px;
}

.paging .arr a.last i,
.paging .arr a.first i {
  -webkit-transform: translateX(-5px);
  transform: translateX(-5px);
  
}

.paging a {
  width: 35px;
  height: 35px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #333;
  border-radius:50%;
}

.paging a i{color: #ccc;}

.paging ul {
  margin: 0 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.paging ul li:not(:last-child) {
  margin-right: 5px;
}

.paging ul li.on a {
  color: #fff;
  background: #09213A;
  border-color: #09213A;
}

/* 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; }

.header{position:fixed; top: 0; left: 0; width: 100%; display:flex; align-items:center; justify-content:space-between; padding: 0 70px; height: 100px; z-index: 500; background: #fff;}
.header.down{top: -100%;}
.header h1{position:relative; width: 100%; max-width: 241px; z-index: 10; }
.header h1 a{display:inline-block; width: 100%;}
.header .nav{position:absolute; top: 0; left: 0; width: 100%;}
.header .nav > ul{display:flex; align-items:center; justify-content:center; width: 100%;}
.header .nav > ul > li{}
.header .nav > ul > li > a{display:inline-block; vertical-align: top; line-height: 100px; font-weight:500; font-size:19px; letter-spacing:-0.01em; color: #111; padding: 0 31px; transition:0.3s}
.header .nav > ul > li:hover > a{color: var(--mainColor02);}
.header .nav > ul > li > ul{display:none; position:absolute; top: 100px; left: 0; width: 100%; background: #F5F5F5; }
.header .nav > ul > li > ul > li{}
.header .nav > ul > li > ul > li > span{display:inline-block; font-weight:700; font-size:45px; letter-spacing:-0.01em; color: var(--mainColor); padding:63px 145px 33px; border-top: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; width: 100%;}
.header .nav > ul > li > ul > li > span a{position:relative; display:inline-block; width: 60px; height: 60px; border-radius:50%; border:1px solid transparent; transform:translateY(16px); margin-left: 18px; transition:0.3s}
.header .nav > ul > li > ul > li > span a img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.header .nav > ul > li > ul > li > ul{display:flex; flex-wrap:wrap; padding: 31px 145px 34px;}
.header .nav > ul > li > ul > li > ul > li{width: 33.33%;}
.header .nav > ul > li > ul > li > ul > li > a{position:relative; display:inline-block; vertical-align: top; width: 100%; font-weight:300; font-size:18px; letter-spacing:-0.01em; color: #777; padding: 6px 0;}
.header .nav > ul > li > ul > li > ul > li > a span{position:relative; background-image: linear-gradient(0deg, var(--mainColor02) 0%, var(--mainColor02) 100%); background-repeat:no-repeat; background-size:0 1px; background-position:left bottom; transition:0.3s}/* 
.header .nav > ul > li > ul > li > ul > li > a span::after{content:""; position:absolute; bottom: -2px; left: 0; width: 0; height: 1px; background: var(--mainColor02); transition:0.3s;} */
.header .header_ui{position:relative; z-index: 2; display:flex; align-items:center;}
.header .header_ui .link{margin-right: 26px;}
.header .header_ui .link a{display:inline-block; font-weight:600; font-size:12px; letter-spacing:-0.01em; color: #111; line-height: 40px;}
.header .header_ui > ul{display:flex;}
.header .header_ui > ul > li{position:relative; margin-right: 14px; width: 30px; height: 30px;}
.header .header_ui > ul > li:last-of-type{margin-right: 0;}
.header .header_ui > ul > li span{position:relative; display:inline-block; width: 100%; height: 100%; cursor: pointer;}
.header .header_ui > ul > li span img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.header .header_ui > ul > li > ul{display:none; position:absolute; top: 34px; left: -10px; width: 50px; border-radius:10px; background: var(--mainColor); padding: 4px 0;}
.header .header_ui > ul > li > ul > li > a{font-family: "Lato", sans-serif; font-weight:900; display:inline-block; vertical-align: top; width: 100%; padding: 7px 0; color: #fff; text-align: center;}
.header .header_ui .m_btn{display:none; width: 30px; height: 30px; text-align: center; margin-left: 14px; cursor: pointer;}
.header .header_ui .m_btn span{position:relative; display:inline-block; width: 22px; height: 2px; background: #111; margin: 14px 0; transition:0.3s}
.header .header_ui .m_btn span::before{content:""; position:absolute; top: -7px; left: 0; width: 100%; height: 100%;  background: #111; transition:0.3s}
.header .header_ui .m_btn span::after{content:""; position:absolute; top: 7px; left: 0; width: 100%; height: 100%;  background: #111; transition:0.3s}
.header .m_gnb{display:none; position:fixed; top: 0; right: -100%; width: 100%; height: 100vh; max-width: 700px; background: #F5F5F5; padding: 70px 16px; transition:0.7s}
.header .m_gnb > li{margin-bottom:2px;}
.header .m_gnb > li.m_on{display:block; }
.header .m_gnb > li:last-of-type{margin-bottom:0;}
.header .m_gnb > li > a{display:inline-block; vertical-align: top; width: 100%; font-weight:600; font-size:34px; color: var(--mainColor); cursor: pointer; padding: 6px 0; text-align: right;}
.header .m_gnb > li > ul{display:none; }
.header .m_gnb > li > ul > li > span{display:none; }
.header .m_gnb > li > ul > li > ul > li > a{display:inline-block; vertical-align: top; width: 100%; padding: 4px 10px; font-weight:300; font-size:18px; text-align: right;}

.header .search_ctn{position:fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 8; visibility:hidden; opacity: 0;}
.header .search_ctn .bg{position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; transition:0.5s;  visibility:hidden; transition:0.5s}
.header .search_ctn .close{position:absolute; top: 40px; right: 70px; z-index: 30; cursor: pointer;}
.header .search_ctn .box{position:relative; transform:translateY(-100%); background: #fff; padding: 90px 0 90px; transition:0.5s;}
.header .search_ctn .box ul{display:flex; justify-content:center; }
.header .search_ctn .box ul li{line-height: 58px; border-radius:30px; border:1px solid var(--mainColor); color: var(--mainColor); font-family: "Lato", sans-serif; font-weight:700; font-size:18px; letter-spacing:-0.01em; padding: 0 37px; margin-right: 15px; cursor: pointer;}
.header .search_ctn .box ul li:last-of-type{margin-right: 0;}
.header .search_ctn .box ul li.on{background: var(--mainColor); color: #fff;}
.header .search_ctn .box .input_box{position:relative; max-width: 914px; margin: 25px auto 25px; width: 100%;}
.header .search_ctn .box .input_box input{width: 100%; height: 60px; border:none; border-bottom:2px solid #000; color: #111; font-size:30px; outline:none}
.header .search_ctn .box .input_box input::placeholder{font-family: "Lato", sans-serif; font-weight:300; font-size:30px; color: #bbb;}
.header .search_ctn .box .input_box button{position:absolute; top: 0; right: 0; width: 58px; height: 58px; border:none; background: none; cursor: pointer; outline:none}
.header .search_ctn .box .input_box button img{}
.header .search_ctn .box p{ font-family: "Lato", sans-serif; font-weight:300; font-size:16px; text-align: center; color: #bbb;}

/* on  */
.header .header_ui > ul > li > ul > li.on > a{color: var(--mainColor02)}
.header .header_ui .m_btn.on span{background: transparent;}
.header .header_ui .m_btn.on span::before{top: 0; transform:rotate(45deg);}
.header .header_ui .m_btn.on span::after{top: 0; transform:rotate(-45deg);}

.header .m_gnb.on{right: 0;}
.header .search_ctn.on{opacity: 1; visibility:visible}
.header .search_ctn.on .box{transform:translateY(0);}
.header .search_ctn.on .bg{opacity: 0.5; visibility:visible}
/* scroll */


/* footer */
.footer{position:relative; background: var(--mainColor); padding: 80px 0;}
.footer .f_logo{width: 100%; max-width: 241px;}
.footer .f_logo img{filter: brightness(0) invert(1)}
.footer .top_btn{position:absolute; bottom: 72px; right: 69px; width: 40px; height: 40px; text-align: center; cursor: pointer;}
.footer .top_btn p{font-family: "Lato", sans-serif; font-weight:700; font-size:12px; letter-spacing:-0.01em; color: #fff; line-height: 40px;}
.footer .flex{display:flex; justify-content:space-between;}
.footer .flex ul{}
.footer .flex ul li{ text-align: right; }
.footer .flex ul li a{font-family: "Lato", sans-serif; font-weight:700; font-size:16px; line-height: 30px; letter-spacing:-0.01em; color: var(--mainColor02);text-transform: uppercase;}
.footer .flex ul li.in{margin-top: 9px;}
.footer .info{margin-top: -53px;}
.footer .info h2{font-weight:500; font-size:19px; letter-spacing:-0.01em; color: #fff;}
.footer .info ul{margin-top: 16px;}
.footer .info ul li{font-weight:300; font-size:16px; letter-spacing:-0.01em; color: #fff; margin-bottom:6px;}
.footer .info ul li:last-of-type{margin-bottom:0;}
.footer .info ul li address{}
.footer .info ul li address span{font-weight:500; font-size:16px; color: #fff; letter-spacing:-0.01em;}
.footer .info ul li address span em{font-weight:300;}
.footer .info p{font-weight:300; font-size:16px; letter-spacing:-0.01em; color: #9d9d9d; margin-top: 30px;}


@media(hover: hover) {
	.header:hover{background: #fff;}
	.header .nav > ul > li > ul > li > span a:hover {border-color:var(--mainColor)}
	.header .nav > ul > li > ul > li > ul > li > a:hover{color: var(--mainColor02); font-weight:500;}
	.header .nav > ul > li > ul > li > ul > li > a:hover span{background-size:100% 1px;}

	.header .header_ui > ul > li > ul > li:hover > a{color: var(--mainColor02);}
}

@media (max-width: 1780px){
	.w1780{padding: 0 70px;}
	

	.header .nav > ul > li > ul > li > span{padding: 33px 70px;}
	.header .nav > ul > li > ul > li > ul{padding: 31px 70px 34px;}
	.header .nav > ul > li > ul > li > ul > li{padding-right: 50px;}
}

@media (max-width: 1630px){
	.w1630{padding: 0 70px;}
}
@media (max-width: 1500px){
	.w1630,
	.w1780{padding: 0 30px;}

	.header{padding: 0 30px;}
	.header .nav > ul > li > a{padding: 0 14px;}
	.header .nav > ul > li > ul > li > span{padding: 33px 30px;}
	.header .nav > ul > li > ul > li > ul{padding: 31px 30px 34px;}

	.footer .top_btn{right: 30px;}
}
@media (max-width: 1400px){
	.w1400{padding: 0 30px;}
}
@media (max-width: 1200px){
	.w1400,
	.w1630,
	.w1780{padding: 0 16px;}

	.header{padding: 0 16px; height: 70px; background: #fff;}
	.header .nav{display:none; }
	.header .m_gnb{display:block; }
	.header .header_ui .m_btn{display:block; }
	.header h1 a img{max-width: 87%;}
	.header .search_ctn .close{top: 25px; right: 16px;}
	.header .search_ctn .box{padding: 100px 16px 80px;	}
	.header .search_ctn .box ul{flex-wrap:wrap; gap:10px;}
	.header .search_ctn .box ul li{line-height: 48px; font-size:16px; margin-right: 0; padding: 0 16px;}
	.header .search_ctn .box .input_box{margin: 40px auto 20px;}
	.header .search_ctn .box .input_box input{font-size:24px;}
	.header .search_ctn .box .input_box input::placeholder{font-size:24px;}


	
	.footer{padding: 40px 0;}
	.footer .top_btn{right: 16px; bottom: 31px;}
	.footer .flex {position:relative; flex-wrap:wrap;}
	.footer .flex ul{flex-wrap:wrap; align-items:center; width: 100%; display:flex; margin: 20px 0;}
	.footer .flex ul li{margin-right: 20px; text-align: left;	}
	.footer .flex ul li.in{position:absolute; top: 0; left: 258px; }
	.footer .info{margin-top: 0;}


}

@media (max-width: 800px){
	.paging{margin-top: 40px;}
	.paging a{width: 25px; height: 25px; font-size:14px;}

	.header .search_ctn .box ul{flex-wrap:wrap; gap:6px;}
	.header .m_gnb > li > a,
	.header .m_gnb > li > ul > li > ul > li > a{text-align: left;}
	.header .m_gnb > li > ul > li > ul > li > a{padding: 7px 0;}

	.footer .info ul li address{position:relative; padding-left: 83px;}
	.footer .info ul li address span{position:absolute; left: 0; top: -2px;}

	

}

@media (max-width: 600px){
	.header .header_ui .link{display:none; }
	.header .header_ui > ul > li{margin-right: 7px;}
	.header .header_ui .m_btn{margin-left: 10px;}
	
	.footer{padding: 50px 0 25px;}
	.footer .top_btn{bottom: 15px;}
	.footer .flex ul{margin: 12px 0 22px;}
	.footer .flex ul li{margin-right: 16px;}
	.footer .flex ul li:last-of-type{margin-right: 0;}
	.footer .flex ul li a{font-size:15px;}
	.footer .info ul{margin-top: 20px;}
	.footer .info ul li{margin-bottom:10px;}
	.footer .info p{margin-top: 40px;}
}

@media (max-width: 500px){
	
}