body {
	font-family:'Pretendard-Regular','Roboto',sans-serif !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#363432; position: relative;
	background-color: #ffffff !important;
	word-break:keep-all;
}

b {font-weight: 100;font-family: 'Pretendard-SemiBold';}

.wrap {width: 1140px;margin: 0 auto}
.wide_wrap {margin: 0 50px;display: block}
.section_padding {padding: 150px 0}
.disnone {display: none}
.bgcolor {background: #F4F4F7}
.bgcolor2 {background: #FBFBFB}
.mgnb, .gnb_btn {display: none}

.title {
	font-family: 'Pretendard-Bold';
	font-size: 35px;
	color: #0B1111;
	letter-spacing: -.03em;
}

.en_title {color: #053E72;
	font-family: 'Pretendard-SemiBold';
	font-size: 13px;
	letter-spacing: .3em;
}
.sub_title {
	font-family: 'Pretendard-Medium';
	font-size: 20px;
	color: #0B1111;
	letter-spacing: -.03em;
}


header{position: fixed; width:100%; z-index: 99; top:0; transition: top 0.5s ease-in-out; background: #ffffff !important;}
header .logo{height: 100px; display: flex; align-items: center; position: relative; z-index: 99;transition: all .5s}
header .logo img{height: 42px;}

header .tel {
	display: flex;
	align-items: center;
}
header .tel label {
	background: #053E72;
	color: #ffffff;
	height: 34px;
	border-radius: 17px;
	line-height: 34px;
	text-align: center;
	width: 80px;
	font-size: 14px;
	margin-right: 10px;
}
header .tel span {
	font-size: 28px;
	letter-spacing: -3%;
	font-family: 'Pretendard-SemiBold';
}


header .gnb ul{display: flex; justify-content: start; align-items: center;margin: 0}
header .gnb ul li {margin-right:30px;line-height: 100px}
header .gnb ul li:last-of-type{margin-right:0;}
.gnb>ul>li>a {
	font-size: 16px;
	display: block;
	color:#333333;
	font-family: 'Pretendard-Medium';
	text-decoration: none;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
.gnb>ul .depth01 {
	position: absolute;
	top: 80%;
	line-height: 32px;
	opacity: 0;
	visibility: hidden;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
.gnb>ul>li:hover .depth01 {
	opacity: 1;
	visibility: visible;
	top: 100%;
	padding-top: 0px;
	transition: all .5s;
}
.gnb>ul .depth01 a {
	display: block;
	color: #fff;
	text-decoration: none;
	background-color: #053d71;
	width: 100%;
	min-width: 130px;
}
.gnb>ul .depth01 .top, .gnb>ul .depth01 .bottom{
	background-color: #053d71;
	height: 5px;
}


.depth01 .inner{padding: 5px;text-align: left;text-overflow: ellipsis; white-space: nowrap;padding:12px 30px 12px 14px;font-size: 14px}
.depth01 .inner:hover {background-color: #052d51;}
.depth01 a {color: #ffffff !important}



footer{position: relative;padding:60px 0;color: #1d3a5e;}
footer .wrap .footer_wrap {margin-bottom: 40px}
footer .wrap .d-flex label {font-family: 'Pretendard-SemiBold';font-size: 16px}
footer .best_info ul{font-size: 14px;font-family: 'Pretendard-Regular';line-height:1.8em;margin-top: 5px}
footer .best_info ul li b {font-family: 'Pretendard-Bold';margin-right: 10px}
footer .best_info ul li span {margin-left: 20px}
footer .cs_wrap {margin-right: 80px;margin-top: 0}
footer .cs_wrap .tel {font-size: 28px;margin: 5px 0 5px;letter-spacing: -3%;line-height: 1.2em;margin-bottom: 20px} 
footer .cs_wrap .tel a {color: #1d3a5e}
footer .cs_wrap .tel small {display: block;font-size: 14px;}
footer .time_wrap table {width: 190px;font-size: 14px;margin: 10px 0 10px;line-height: 2em;font-family: 'Pretendard-Medium';}
footer .time_wrap table tr th {font-weight: 100;font-family: 'Pretendard-Medium';width: 60px;display: flex; justify-content: space-between;}
footer .time_wrap table tr th, footer .time_wrap table tr td {}
footer .time_wrap table tr td {text-align: right}
footer .copy{font-size:13px; line-height: 1.5em;font-family: 'Pretendard-SemiBold';}


/* 로딩 화면 스타일 */
.loading-container {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(255, 255, 255, 0.9);
	justify-content: center;
	align-items: center;
}

.spinner {
	border: 4px solid rgba(0, 0, 0, 0.3);
	border-top: 4px solid #3498db;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 2s linear infinite;
}


@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}



@media screen and (max-width:1399px) {
	.wrap{width:92%;max-width: 1200px;}
	
	header .headwrap{width:100%; padding:0 2%; margin:0 auto;}
	
	header .lognav{right:1%;}
	header .gnb ul li .depth01 .inner{width:98%;}
	header .lognav .searchform input{width:165px; left:-170px;}
}

@media screen and (max-width:1300px) {
	header .tel {
		display:none
	}
}

@media screen and (max-width:1199px) {
	header .logo img{height: 36px;transition: all .5s}
	header .gnb ul li a{font-size: 14px;transition: all .5s}
}
@media screen and (max-width:1100px) {
	h2{font-size: 28px;} 
	h3{font-size: 22px;}
	h4{font-size: 18px;}
	h5{font-size: 16px;}
	.text{font-size: 15px;}
	
	header .logo{margin-right:0;}
}

@media screen and (max-width:1000px) {
	footer{position: relative;padding:60px 0 120px;color: #1d3a5e;}
}

@media all and (max-width: 960px){
	.only-pc{display:none !important;}
	
	footer{position: relative;padding:60px 0 120px;color: #1d3a5e;}
	footer .wrap .footer_wrap {margin-bottom: 40px}
	footer .wrap .d-flex label {font-family: 'Pretendard-SemiBold';font-size: 16px}
	footer .best_info ul{font-size: 14px;font-family: 'Pretendard-Regular';line-height:1.8em;margin-top: 5px}
	footer .best_info ul li b {font-family: 'Pretendard-Bold';margin-right: 10px}
	footer .best_info ul li span {margin-left: 20px}
	footer .cs_wrap {margin-right: 40px;margin-top: 0}
	footer .cs_wrap .tel {font-size: 22px;margin: 5px 0 5px;letter-spacing: -3%;line-height: 1.2em;margin-bottom: 20px} 
	footer .cs_wrap .tel small {display: block;font-size: 14px;}
	footer .time_wrap table {width: 190px;font-size: 14px;margin: 10px 0 10px;line-height: 2em;font-family: 'Pretendard-Medium';}
	footer .time_wrap table tr th {font-weight: 100;font-family: 'Pretendard-Medium';width: 60px;display: flex; justify-content: space-between;}
	footer .time_wrap table tr th, footer .time_wrap table tr td {}
	footer .time_wrap table tr td {text-align: right}
	footer .copy{font-size:13px; line-height: 1.5em;font-family: 'Pretendard-SemiBold';}
}
@media all and (min-width: 961px){
	.only-mo{display:none !important;}
}

@media screen and (max-width:940px) {
	.section_padding {padding: 100px 0}
	.wide_wrap {margin: 0 0;display: block}
	
	header .logo{height: 60px;transition: all .5s}
	header .logo{height: 60px;margin: 0 auto}
	header .logo img{height: 28px;}
	header .gnb{display: none;}
	header .tel {display: none}
	
	.gnb_btn{position: absolute; right: 2%;bottom:15px;display: table;z-index: 99}
	
	.toggle-mnu {
	  display: block !important;
	  width: 24px;
	  height: 24px;
	}
	
	.toggle-mnu span:after, .toggle-mnu span:before {
	  content: "";
	  position: absolute;
	  left: 0;
	  top: 7px;
	}
	
	.toggle-mnu span:after {
	  top: 14px;
	}
	
	.toggle-mnu span {
	  position: relative;
	  display: block;
	}
	
	.toggle-mnu span, .toggle-mnu span:after, .toggle-mnu span:before {
	  width: 100%;
	  height: 2px;
	  background-color: #666;
	  transition: all 0.3s;
	  backface-visibility: hidden;
	  border-radius: 2px;
	}
	
	.toggle-mnu.on span {
	  background-color: transparent;
	}
	
	.toggle-mnu.on span:before {
	  transform: rotate(45deg) translate(-1px, 0px);
	}
	
	.toggle-mnu.on span:after {
	  transform: rotate(-45deg) translate(5px, -7px);
	}
	
	.mgnb{display: block; position: fixed; z-index: 98; width: 100%; height: calc(100% - 60px); top:-100%; transition: all .4s;left: 0}
	.mgnb.on{top:60px;}
	.mgnb .flexbox{height: 100%; position: relative;}
	.mgnb ul{margin-bottom: 0;}
	.mgnb ul.m_gnb{width:100%;margin-top: 60px}
	.mgnb ul.m_gnb li{font-size: 50px; line-height: 1em;font-family: 'Pretendard-ExtraBold';opacity: 0;top: -40px;position: relative;transition: transform 0.8s, color 0.5s;text-align: center;width: 100%}
	.mgnb ul.m_gnb li a{text-decoration: none; color:rgba(255, 255, 255, .4); width: 100%; padding:20px 50px; display:block; position: relative; z-index: 1; transition: background .4s;}
	.mgnb ul.m_gnb li.on a,	.mgnb ul.m_gnb li:hover a {font-family: 'Pretendard-ExtraBold' !important;color: #fff}
	.sub_nav {position: absolute;bottom: 90px;width: 100%;left: 0}
	.sub_nav ul {display: table;margin: 0 auto}
	.sub_nav ul li {display: table-cell;padding: 0 5px}
	.sub_nav ul li a {color: #fff;font-family: 'Pretendard-SemiBold'}
	
	.mgnb{display: block; position: fixed; z-index:98 ;width:100%; height: 100%; top:0px; background:#ffffff; visibility: hidden; overflow-y: scroll; padding-top: 70px;}
	.mgnb ul{margin-bottom: 0;}
	.mgnb .m_gnb {width:45%; background: #ececec;}
	.mgnb .m_gnb ul{}
	.mgnb .m_gnb ul li{font-size: 16px; line-height: 1.5em;font-family: 'Pretendard-SemiBold';position: relative;}
	.mgnb .m_gnb ul li::after{display:block; content: ''; position: absolute; top:0; bottom:0; left:0; right:100vw; margin:auto; border-radius: 0 8px 8px 0; background: #1d3a5e;color: #ececec; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25); z-index: 0; transition: right .4s;}
	.mgnb .m_gnb ul li.hover::after, .mgnb .m_gnb ul li.on::after{right:-10px;}
	.mgnb .m_gnb ul li a {text-decoration: none; color:#191919; max-width: 220px; padding:25px 20px; margin-left:auto; display:block; position: relative; z-index: 1; transition: color .4s;}
	.mgnb .m_gnb ul li.hover a, .mgnb .m_gnb ul li.on a{color:#ffffff;}
	.mgnb .m_gnb_nav {width:55%;}
	.mgnb .m_gnb_nav ul {}
	.mgnb .m_gnb_nav ul li{padding:10px 0;}
	.mgnb .m_gnb_nav ul li .nav_list .depth1{font-size: 1em; line-height: 1.5em;}
	.mgnb .m_gnb_nav ul li .nav_list .depth1 a{display:block; text-decoration: none; color:#333; padding:15px 30px; border-bottom:1px solid rgba(255, 255, 255, 0.2);font-size: 15px}
	.mgnb .m_gnb_nav ul li .nav_list .depth1 a.on{color:#ffffff;font-family: 'Pretendard-ExtraBold';background: #405a7b}
}

@media screen and (max-width:780px) {

	footer{position: relative;padding:60px 0 120px;color: #1d3a5e;}
	footer .wrap .footer_wrap {margin-bottom: 40px}
	footer .wrap .d-flex label {font-family: 'Pretendard-SemiBold';font-size: 16px}
	footer .best_info {width: 100%;margin-bottom: 40px}
	footer .other_info {width: 100%;}
	footer .best_info ul{font-size: 14px;font-family: 'Pretendard-Regular';line-height:1.8em;margin-top: 5px}
	footer .best_info ul li b {font-family: 'Pretendard-Bold';margin-right: 10px}
	footer .best_info ul li span {margin-left: 20px}
	footer .cs_wrap {margin-right: 0;margin-top: 0;width: 50%}
	footer .time_wrap {width: 50%}
	footer .cs_wrap .tel {font-size: 22px;margin: 5px 0 5px;letter-spacing: -3%;line-height: 1.2em;margin-bottom: 20px} 
	footer .cs_wrap .tel small {display: block;font-size: 14px;}
	footer .time_wrap table {width: 190px;font-size: 14px;margin: 10px 0 10px;line-height: 2em;font-family: 'Pretendard-Medium';}
	footer .time_wrap table tr th {font-weight: 100;font-family: 'Pretendard-Medium';width: 60px;display: flex; justify-content: space-between;}
	footer .time_wrap table tr th, footer .time_wrap table tr td {}
	footer .time_wrap table tr td {text-align: right}
	footer .copy{font-size:13px; line-height: 1.5em;font-family: 'Pretendard-SemiBold';}
}

@media screen and (max-width:620px) {
	.title {
		font-family: 'Pretendard-Bold';
		font-size: 26px;
		color: #0B1111;
		letter-spacing: -.03em;
	}
	
	.en_title {color: #053E72;
		font-family: 'Pretendard-SemiBold';
		font-size: 11px;
		letter-spacing: .3em;
	}
	.sub_title {
		font-family: 'Pretendard-Medium';
		font-size: 18px;
		color: #0B1111;
		letter-spacing: -.03em;
	}
	
	footer {padding:50px 0 120px}
	footer .foot-top {display: none;}
	footer .foot-middle .flexwrap{display: block;}
	footer .foot-middle .flexwrap .right{text-align: left;}
	footer .foot-middle .flexwrap .left{margin-top: 15px;}
	footer .foot-bottom{margin-top: 20px;}
}
@media screen and (max-width:520px) {
	h2{font-size: 22px;} 
	h3{font-size: 17px;}
	.text{font-size: 14px;}
	
	header .headwrap{padding:0 4%;}
	

	.gnb_btn{bottom:14px;}
	
	.section_padding {padding: 60px 0}
	
	.wrap{width:92%;}
	
	.gnb_btn{right:4%;}
	.search-btn{right:4%;}
	
	.mgnb{width:100%; right:-100%;}

	
	.mgnb ul.m_gnb_nav li .nav_list .depth1{font-size: .95em;}
	.mgnb ul.m_gnb_nav li .nav_list .depth1 a{padding:15px 20px;}
	
	footer {padding:50px 0 90px}
	footer .best_info {width: 100%;margin-bottom: 30px}
	footer .wrap .d-flex label {font-family: 'Pretendard-SemiBold';font-size: 15px}
	footer .cs_wrap .tel {font-size: 20px;line-height: 1.4em;letter-spacing: -3%} 
	footer .time_wrap table {width: 170px;font-size: 13px;margin: 10px 0 10px;line-height: 2em;font-family: 'Pretendard-Medium';}
	footer .cs_wrap .tel small {display: block;font-size: 12px;}
	
}
@media screen and (max-width:420px) {
	h2{font-size: 20px;} 
	h3{font-size: 16px;}
	
	.sub_img .wrap{padding:100px 0;}
	
	footer ul li{font-size: 14px;}
	footer .foot-middle ul li{font-size: 12px;}
	footer .foot-top .flexwrap .left ul li{font-size: 12px;}
	footer .copy{font-size:11px;}
}