@charset "utf-8";
html {font-size: 16px;}
body {font-family:"Noto Sans KR"; color:#333; position: relative;height: 100%;min-height: 100%;font-weight:400;line-height: 1.6;margin:auto;width:100%; padding-top: 170px;}
a {text-decoration:none; color:inherit; }
legend {display: none;}
.auto { margin:0 auto;position:relative;width:1200px;height:100%;}
.auto:after,.clearFix:after,ol:after,ul:after,dl:after {content:""; display:block;width:0; height:0; overflow:hidden;clear:both;font-size:0; overflow: hidden;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline:none;}
button { background: none; border: 0; color: inherit; font: inherit; line-height: normal; overflow: visible; padding: 0;
	-webkit-appearance: button; /* for input */
    -webkit-user-select: none; /* for button */
    -moz-user-select: none;
    -ms-user-select: none;
	outline:none;
}
strong {font-weight: 700;vertical-align:top;}
img {max-width:100%;vertical-align:top;}
img.pc {}
img.m {display:none;}
.material-icons {vertical-align: top;line-height: inherit !important;}
#header {position:fixed;top:0;left:0;right:0;border-bottom:1px solid rgba(255,255,255,0.3);z-index:999; background:#fff;overflow:hidden;/* box-shadow:0 5px 10px rgba(0,0,0,0.1); */ border-bottom:1px solid #d9d9d9;}
#header .header-bottom .logo a {display:block;}


#gnb {text-align:center;padding:0 0 0 135px;height:100%;display:flex;justify-content: center;align-items: center;}
#gnb > ul > li {position:relative;display:inline-block;vertical-align:top;margin:0 30px;}
#gnb > ul > li > a {display:block;font-size:18px;color:#333;font-weight:500;line-height:80px;position:relative; letter-spacing: -0.025em;}
#gnb > ul > li > a:after {content:"";position:absolute;bottom:0;left:0;right:0;height:3px;transform:scaleX(0);background-color:#2e3192;transition:0.3s;}
#gnb .sub {position:absolute;top:123px;left:0;padding:20px 0;width:100%;text-align:left;}
#gnb .sub li {text-align:center;}
#gnb .sub li a {display:block;font-size:16px;color:#666;font-weight:500;line-height:34px;padding:0 10px;}

#gnb > ul > li.on {overflow:visible;}
#gnb > ul > li.on > a:after {display:block;}
#gnb > ul > li:hover > a:after {transform:scaleX(1);}
#gnb .sub li a:hover {color:#2e3192;}
#gnb .depth03 {display:none;}

.top-util {background: #2c65d6; height:60px;}
.top-util .auto{display: flex; align-items:center;}
.top-util .in{display: flex; align-items:center;}
.top-util .in > div{display: flex; align-items: center; color:#fff; font-size:18px; font-weight:300;}
.top-util .in > div:first-child{font-weight:500; padding-right: 50px; position: relative; margin-right: 50px;}
.top-util .in > div:first-child::after{content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); background-color: rgba(225,225,225,0.7); height: 16px; width: 1px; }
.top-util .in > div:first-child img{margin-right: 10px;}
.top-util .in > div .d-day{font-size:16px; border:1px solid #fff; padding:5px 10px; border-radius:20px; line-height: 100%; margin-right: 10px;}
.top-util .btn-main {position:absolute;top:50%;transform:translateY(-50%);right:-5px;font-size: 16px;color:#fff;line-height: 24px;}

.login-util {height: 36px; font-size:12px; font-weight: 300; position: relative; color:#666;}
.login-util .auto{ display: flex; align-items:center; justify-content: flex-end;}
.login-util .in{display: flex; margin:0 -5px;}
.login-util .in > div{padding:0 7px; position: relative;}
.login-util .in > div::after{content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background: #666;}
.login-util .in > div:last-child{display: flex; align-items:center;}
.login-util .in > div:last-child::after{display: none;}
.login-util .in > div:last-child img{margin-left: 5px;}

.menu {position: relative;height:110px;}
.menu .logo {position:absolute;top:50%;transform:translateY(-50%); left:0; z-index:1;}

.menu .btnAllMenu {position:absolute;right:0;top:50%;width:26px;height:22px;display:block;z-index:1;transform:translateY(-50%);}
.menu .btnAllMenu span {display:block;width:26px;height:3px;background:#333;position:absolute;left:0;transition:all 0.25s;}
.menu .btnAllMenu span:nth-child(1) {top:0px;}
.menu .btnAllMenu span:nth-child(2) {top:9px;}
.menu .btnAllMenu span:nth-child(3) {top:18px;}
.menu .btnAllMenu.on span:nth-child(1) {transform:rotate(-135deg);top:8px;}
.menu .btnAllMenu.on span:nth-child(2) {opacity:0;left:100px;}
.menu .btnAllMenu.on span:nth-child(3) {transform:rotate(135deg);top:8px;}
#header .menu .kistock {font-size:14px; position:absolute;top:50%;transform:translateY(-50%);right:0;width:120px;line-height: 28px;color:#0079c5;border:1px solid #0079c5;border-radius:30px;text-align: center;}

/* #header.scroll {background:#fff;box-shadow:0 0 10px 5px rgb(0 0 0 / 10%);}
#header.scroll #gnb > ul > li > a {color:#333;}
#header.scroll .btnAllMenu span {background:#333;} */
#sitemap {position:fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 9999999;display:none; background: #fff;}
#sitemap .gnbList {display:table;width:100%; padding:50px;}
#sitemap .gnbList > li {display:table-cell;padding:0 20px;}
#sitemap .gnbList > li:last-child {border-right:none;}
#sitemap .gnbList > li > a {font-size:20px;font-weight:500;margin-bottom:20px; color:#2c65d6;}
#sitemap .gnbList > li .sub li {padding-left:7px;position:relative;margin-top:10px; color:#333;}
#sitemap .gnbList > li .sub li:before {content:"";position:absolute;top:13px;left:0;width:2px;height:2px;background:#2c65d6;}
#sitemap .gnbList > li .sub li a {display:block;font-size:16px;opacity:0.7;}
#sitemap .gnbList .depth03 {display:none;}
#sitemap .top{background:#2c65d6; position: relative; text-align: center; padding:10px; color:#fff; font-size:32px; font-weight: 500; letter-spacing: 5px;}
#sitemap .top a{position: absolute; right:20px; top:20px;}


#mobileGnb {width:100%;height:100%;min-height:100%;overflow-y:auto;position:fixed;top:0px;bottom:0;left:-100%;background:#fff; z-index:9999999;line-height:1.6;}
#mobileGnb .mobileGnb-header {background:#fff; border-bottom:1px solid #d9d9d9; padding:20px 10px;position:relative;}
#mobileGnb .mobileGnb-header .logo img {height:27px;}
#mobileGnb .gnbList {float: none;}
#mobileGnb .gnbList > li {overflow:hidden;float: none;display:block;}
#mobileGnb .gnbList > li > a {display: block;background: #fff; border-bottom: 1px solid #d9d9d9;padding:15px;position: relative;font-weight:500;}
#mobileGnb .gnbList > li > a.on {background: #f37053;color: #fff;}
#mobileGnb .gnbList > li > a i {display: block;width: 50px;height: 50px;color: #666;text-align: center;line-height: 50px;position: absolute; right:0px; top:0; transition:all 0.5s;}
#mobileGnb .gnbList > li > a.on i {transform:rotate(-180deg);color: #fff;}
#mobileGnb .gnbList > li > a .arrow {position:absolute;top:50%;transform:translateY(-50%);right:20px;width:12px;height:2px;}
#mobileGnb .gnbList > li > a .arrow span {position:absolute;width:100%;height:100%;background:#333;}
#mobileGnb .gnbList > li > a .arrow span:nth-child(2) {transform:rotate(90deg);transition:0.3s all ease-out;}
#mobileGnb .gnbList > li.on > a .arrow span:nth-child(2) {transform:rotate(0);background:#52509f;}

#mobileGnb .gnbList > li > .sub {display: none;background: #f8f8f8;padding:10px; border-bottom: 1px solid #d9d9d9;height: auto;}
#mobileGnb .gnbList > li > .sub li {position:relative;float:left;width:50%;padding:5px 0;}
#mobileGnb .gnbList > li > .sub li:first-child {margin-top:0;}
#mobileGnb .gnbList > li > .sub li a {display:block;padding-left:5px;position:relative;font-size:14px;color:#666;}
#mobileGnb .gnbList > li > .sub li a:before {content: "";display: block;width: 2px;height: 2px;background: #52509f;position: absolute;left:0; top:50%; margin-top: -1px;}
#mobileGnb .gnbList > li > .sub .depth03 {display:none;}
#mobileGnb .btnClose {position:absolute;top:20px;right:10px;width:25px;}
#mobileGnb .btnAllMenu {position:absolute;right:10px;top:50%;transform:translateY(-50%);width:26px;height:22px;display:block;z-index:1;overflow:hidden;}
#mobileGnb .btnAllMenu span {display:block;width:26px;height:3px;background:#fff;position:absolute;left:0;transition:all 0.25s;}
#mobileGnb .btnAllMenu span:nth-child(1) {transform:rotate(-135deg);top:8px;}
#mobileGnb .btnAllMenu span:nth-child(2) {opacity:0;left:100px;}
#mobileGnb .btnAllMenu span:nth-child(3) {transform:rotate(135deg);top:8px;}

/* footer */
#footer {position:relative;background:#666;padding:30px 0;}
#footer .auto{display: flex; align-items:center;}
#footer .footer-info {padding-left:45px;}
#footer .footer-info .footer-menu {overflow:hidden;}
#footer .footer-info .footer-menu ul li {float:left;position:relative;margin-right:30px;}
#footer .footer-info .footer-menu ul li:after {content:"";position:absolute;top:7px;right:-15px;width:1px;height:14px;background:#999;}
#footer .footer-info .footer-menu ul li:last-child:after {display:none;}
#footer .footer-info .footer-menu ul li a {font-size:16px;font-weight:600;color:#bbb;}
#footer .footer-info .address {font-size:15px;color:#bbb;margin-top:10px;}
#footer .footer-info .address span {font-weight:500;display:inline-block;margin-right:15px;}
#footer .footer-info .address .copyright {font-weight:400;margin-top:10px;}
#footer .footer-info .footer-sns {position:absolute;top:0;right:0;}
#footer .footer-info .footer-sns ul li {float:left;margin-left:10px;}

#footer .footer-familySite {position: absolute; right:0; top:0; background: url(../../images/layout/familySite-arrow.png)no-repeat center right 20px; }
#footer .footer-familySite select{background:none; color:#ddd; font-size:16px; font-weight: 400; border-radius:20px; width: 173px; height: 40px; padding-left:20px;}
#footer .footer-familySite select option{color:#333;}

.selectBox {position: relative;display:inline-block;vertical-align:top;width:123px;}
.selectBox a {display: block;text-align:left;padding:0 36px 0 18px;height:45px;line-height: 43px;position: relative;color:#666;background:#fff;}
.selectBox > a {border:1px solid #ddd;}
.selectBox a i {position:absolute;top:0;right:10px;line-height:45px;transition:0.2s;}
.selectBox a.on i {transform:rotate(180deg);}
.selectBox ul {position: absolute;width: 100%;top:46px;z-index:9;background:#fff;border:1px solid #ddd;}
.selectBox ul li {float: none;margin-bottom: 0;width: 100%;}
.selectBox ul li a:hover {background:#54b948;color:#fff;}
.selectBox ul li a.on {background:#54b948;color:#fff;}

.sitemap {padding:60px 0;background:#f3f3f3;border-top:1px solid #d9d9d9;position:relative;}
.sitemap .gnbList > li {float:left;width:16.66%;text-align:center;position:relative;}
.sitemap .gnbList > li:after {content:"";position:absolute;top:0;right:0;width:1px;height:220px;background:#dfdfdf;}
.sitemap .gnbList > li:last-child:after {display:none;}
.sitemap .gnbList > li > a {font-size:20px;color:#333;font-weight:500;}
.sitemap .gnbList > li .sub {margin-top:5px;}
.sitemap .gnbList > li .sub a {font-size:16px;color:#808080;font-weight:300;line-height:1.8em;}


div.cover {position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background:rgba(0,0,0,0.7);z-index:1009;}
div.cover02 {position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,0.7);display:none;}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');

.logo_wrap{padding: 20px 0; border-top: 1px solid #d9d9d9;}
.logo_wrap .auto{display: flex; align-items:center;}
.logo_wrap .tit{font-size:16px; color:#333; font-weight: 400; font-family: 'Montserrat', sans-serif; width: 105px;}
.logo_wrap .con{width: calc(100% - 105px); padding:0 50px; position: relative; text-align: center;}
.logo_wrap .con ul li{cursor:pointer;}
.logo_wrap .con ul li img{border:1px solid #d9d9d9; text-align: center;}
.logo_wrap .con .arrows{position:absolute; z-index:999;  top:50%; transform:translateY(-50%);}
.logo_wrap .con .arrows img{vertical-align:middle;}
.logo_wrap .con .left-arrow{left:0;}
.logo_wrap .con .right-arrow{right:0;}

#searchForm.pc {display: block;}
#searchForm.m {display: none;}

.category-wrap {border-top: 1px solid #d9d9d9;}
.category {height:60px;}
.category {display: flex;justify-content: space-between;align-items: center;}
.category dl {display: flex;justify-content: space-between;align-items: center;padding-right: 20px;}
.category dl:first-child {border-right: 1px solid #d9d9d9;}
.category dl dt {font-size:16px;color:#0079c5;font-weight: 700;position: relative;padding-left: 8px;margin-right: 20px;}
.category dl dt:before {content:"";position:absolute;top:11px;left:0;width:3px;height:3px;background-color: #0079c5;}
.category dl dd {font-size: 15px;color:#666;font-weight: 500;}
.category dl dd label {display: inline-block;margin-right: 10px;}
.keyword-search {position: relative;padding-right: 40px;/* border-radius:30px; border: 1px solid #d9d9d9;*/overflow: hidden;width:300px;}
.keyword-search input {width:100%; border: 1px solid #d9d9d9; border-radius: 20px; height:40px;padding:0 10px;color:#666;}
.keyword-search a {position: absolute;top:0; width:40px; right:0px;color:#0079c5; text-align: center;}

@media all and (max-width:1400px) {
	.auto {width: 100%;padding:0 3%;}
	#header .logo {left:3%;}
	#header .btnAllMenu {right:3%;}

	#footer .footer-info .footer-tel {right:3%;}
}
@media all and (max-width:1200px) {
	body {padding-top:70px;}
	.top-util,
	.login-util{display: none;}
	/* .category-wrap{display: none;} */
    .menu {height:100%;}
	.menu .auto {display: flex; align-items:center; justify-content:space-between; height: 100%;}

	#gnb {display:none;}
	#header {height:70px;}
	#header .logo {height:40px;}
	#header .logo img {height:100%;}
    #header .btnAllMenu {top:30px;}
	#header .menu .kistock{right:3%;}

	#searchForm.m {z-index:999; display: block; border-bottom:1px solid #d9d9d9; background: #fff; position:fixed; top:70px; width: 100%;}
	#searchForm.pc {display: none;}
	#searchForm.m .keyword-search{width:100%; margin: 10px 0; padding:0 3%; }
	#searchForm.m .keyword-search a{right:4%;}
	#searchForm.m .category-wrap{padding:0 0 10px 0; border-top:none;}
	#searchForm.m .category {height:auto; flex-direction: column;align-items: flex-start}
	#searchForm.m .category dl{align-items: flex-start; padding-right: 20px; flex-direction: column;}
	#searchForm.m .category dl:nth-child(2){margin-top:10px;}
	#searchForm.m .category dl:first-child{border:none;}
	#searchForm.m  .category dl dt{font-size:15px;}
	#searchForm.m  .category dl dd{font-size:14px;}
	
	
	#mobileGnb .btnAllMenuClose {position:absolute;top:22px;right:20px;width:20px;}

	#footer .footer-logo {float:none;text-align:center;}
	#footer .footer-info .footer-menu ul li {float:none;display:inline-block;}

	#footer .footer-info .footer-tel {position:static;text-align:center;transform:translateY(0);margin-top:20px;}
    #footer .footer-info .footer-sns {display:none;}
    .slide-sponsor {display:none;}
	/* 탑버튼 */
	#btnTop {width:40px;right:40px;}


}
@media all and (max-width:1024px){
	.footerMenu ul li a {padding:0 30px;}
}

@media all and (max-width:800px){
	#footer .addrWrap address p {letter-spacing:-1px;}
}

@media all and (max-width:768px){
	.footerMenu ul li a {padding:0 15px;}
	.sitemap {display:none;}
	.footer-familySite{display: none;}
	#footer .auto{flex-direction: column;}
	#footer .footer-logo{margin-bottom: 10px;}
	#footer .footer-info{padding:0 6%; text-align: center;}

	.logo_wrap .tit{display: none;}
	.logo_wrap .con{width: 100%;}
}

@media all and (max-width:680px) {
     body {padding-top:60px;} 
	img.pc {display:none;}
	img.m {display:block;}
	#header {height:60px;}
	#header .logo {height:30px;}
    #header .btnAllMenu {top:28px;}
	#searchForm.m{top:60px;}
	#footer .footer-info .footer-menu ul li {margin:0 10px;}
	#footer .footer-info .footer-menu ul li:after {right:-12px;height:12px;}
	#footer .footer-info .footer-menu ul li a {font-size:16px;}	
	#footer .footer-info .address {font-size:14px;}
	#footer .footer-info .address .copyright {margin-top:10px;}
	#btnTop {right:20px;}
}
@media all and (max-width:640px){
	#footer .footer-logo img {height:30px;}
	#footer .footer-info .footer-menu ul li a {font-size:14px;}
	#footer .footer-info .address {font-size:12px;}
}