/*
폰트
font-family: 'Roboto', sans-serif;
font-family: 'NanumMyeongjo', sans-serifㅌ;
font-family: 'Noto Sans KR', sans-serif;
*/

/*common*/
.set {position: relative; display: block; width: 100%; height: auto;}
.set1 {position: relative; display: block; width: 100%; height: auto; margin: 0 auto; max-width: 1220px; padding-left: 10px; padding-right: 10px;}
.set2 {position: relative; display: block; width: 100%; height: auto; margin: 0 auto; max-width: 1120px; padding-left: 10px; padding-right: 10px;}
.flex {display: flex;}
.h_center {justify-content: center;}
.v_center {align-items: center;}
html, body {min-width: 360px; background: #fff;}
html.scrollLock, body.scrollLock {overflow: hidden;}
* {font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.025em; font-weight: 300; color: #666; font-size: 17px;}
h1,h2,h3,h4,h5 {font-family: 'Noto Sans KR', sans-serif;}

.robo {font-family: 'Roboto', sans-serif;}
/*common end*/

/* header start*/

header {position: relative; display: block; width: 100%; height: auto;}


header .header_ {}
header .header_>.header_inner {height: 89px; display: flex; justify-content: space-between; align-items: center;}
header .header_>.header_inner .logo {position: relative; display: flex; height: 100%; align-items: center;}
header .header_>.header_inner .tel {position: relative; display: flex; align-items: center;}
header .header_>.header_inner .tel a {font-family: 'Roboto', sans-serif; letter-spacing: 0; font-weight: 400; color: #222;}
header .header_>.header_inner .tel img {margin-right: 3px;}


header .header_nav {border-top: 1px solid #e0e0e0; border-bottom: 1px solid #f7f7f7;}
header .header_nav .nav {height: 50px;}
header .header_nav .nav>.ul {display: flex; align-items: center; height: 100%;}
header .header_nav .nav>.ul>li {position: relative;display: flex;height: 100%;margin-right: 44px;align-items: center;}
header .header_nav .nav>.ul>li:last-child {margin-right: 0;}
header .header_nav .nav>.ul>li>a {letter-spacing: 0; color: #444; font-weight: 400;}

header .header_nav .nav>.ul>li.active>a {font-weight: 500;}




header .header_nav .sub_ul {position: absolute; left: 0; top: 47px; background: #fff; z-index: 10; display: block; width: 174px; left: 50%; margin-left: -87px; border-radius: 3px; border: 1px solid #e8e8e8; padding: 27px 15px 24px 20px;}
header .header_nav .sub_ul.hide_ {display: none !important;}
header .header_nav .sub_ul:before {content: ""; position: absolute; top: -7px;left: 50%; margin-left: -6.5px; display: block; width: 13px; height: 7px; background: url(/images/common/sub_ul_arrow.png)no-repeat center;}
header .header_nav .sub_ul li {position: relative; display: block; width: 100%; height: auto; line-height: 1;}
header .header_nav .sub_ul li a {font-size: 15px; letter-spacing: 0; color: #666; font-weight: 400;}
header .header_nav .sub_ul li a:hover {color: #04a36d;}
header .header_nav .sub_ul li.active a {color: #04a36d;}
header .header_nav .sub_ul li+li {margin-top: 20px;}

@media all and (max-width: 530px) {
	header .header_>.header_inner {height: 70px;}
	header .header_nav .nav>.ul {justify-content:center;}
	header .header_nav .nav>.ul>li {margin-right: 30px;}
	header .header_nav .nav>.ul>li>a {font-size: 14px;}
}

@media all and (max-width: 425px) {
	header .header_nav .nav>.ul {justify-content:center;}
	header .header_nav .nav>.ul>li {margin-right: 23px;}
}




.header_ a.btn.mobilebtn {display: none;}
.header_ a.btn span.ic {display: block; width: 30px; height: 22px; background: url(/images/common/menubtn.png)no-repeat center; /* background-size: 100% !important; */}
@media all and (max-width: 767px) {
	header .header_>.header_inner .tel {display: none !important;}
	header .header_nav {display: none !important;}
	.header_ a.btn.mobilebtn {display: block;}
}

.hideCate {display: none !important;}


/* header end */



/*모바일메뉴*/
@media all and (min-width: 1025px) {
	.mobile_nav_wrap {display: none !important;}
}

.mobile_nav_wrap {position: fixed; width: 100%; height: 100%; display: flex; right: -100%; top: 0; justify-content: flex-end; z-index: -99999; transition: all 0.2s;}
.mobile_nav_wrap.menuOpen {z-index: 99999; right: 0;}
.mobile_nav_wrap>.bg {position: fixed; left: 0; top: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.6); visibility: hidden; opacity: 0; transition: all 0.2s ease-in; z-index: 1;}
.mobile_nav_wrap.menuOpen>.bg {visibility: visible; opacity: 1;}
.mobile_nav_wrap>.mobile_nav {display: block; position: relative; width: 75%; height: 100%; z-index: 3;}
.mobile_nav_wrap>.mobile_nav>.inner {position: relative; display: block; width: 100%; height: 100%; overflow: auto; background: #fff; border-left: 1px solid #dddddd;}
.mobile_nav_wrap>.menuClose {position: relative; display: block; width: 25%; height: 100%; z-index: 2;}

.mobile_nav_wrap .inner .top {position: relative;display: flex;width: 100%;height: 70px;background: #fff;justify-content: space-between;align-items: center;}
.mobile_nav_wrap .inner .top .logo img {margin-left: 10px;}
.mobile_nav_wrap .inner .top .logo img {width: 140px;}

.mobile_nav_wrap .inner .top .menuClose2 {position: relative; display: block; width :25px; height: 25px; background: url(/images/common/menuClose2.png)no-repeat center; margin-right: 10px; background-size: 20px;}

.mobile_nav_wrap .inner .nav_ {}
.mobile_nav_wrap .inner .nav_ .block {position: relative; display: block; width: 100%; height: auto;}
.mobile_nav_wrap .inner .nav_ .block:nth-child(3) {display: none !important;}
.mobile_nav_wrap .inner .nav_ .block>.tit {cursor: pointer;border-bottom: 1px solid #8f9296;height: 52px;display: flex;width: 100%;background: #454a50 url(/images/common/mobile_nav_wrap_plus.png)no-repeat center right 14px;background-size: 17px !important;align-items: center;padding-left: 12px;font-weight: 400;color: #fff;font-size: 17px;}
.mobile_nav_wrap .inner .nav_ .block>.tit.active {background: #1eb682 url(/images/common/mobile_nav_wrap_minus.png)no-repeat center right 14px; border-color: #1eb682;}

.mobile_nav_wrap .inner .nav_ .block ul {position: relative; display: block; width: 100%; height: auto;}
.mobile_nav_wrap .inner .nav_ .block ul li {position: relative; width: 100%; height: 45px; display: block; border-bottom: 1px solid #d9d9d9; }
.mobile_nav_wrap .inner .nav_ .block ul li a {position: relative;display: flex;align-items: center;padding-left:  13px;height: 100%;width: 100%;font-size: 14px;color: #444;background: url(/images/common/mobile_nav_wrap_arrow.png)no-repeat center right 19px;background-size: 7px;}

.mobile_nav_wrap .inner .nav_ .block ul li.subpage_active a {color: #1eb682; font-weight: 500;}

.mobile_nav_wrap .inner .bottom {position: relative; display: block; width: 100%; height: auto; padding: 30px 0 20px 12px;}

.mobile_nav_wrap .inner .bottom p.p1 {display: block; font-size: 18px; font-weight: 500; color: #00ada4; letter-spacing: -0.0250em; padding-bottom: 15px;}
.mobile_nav_wrap .inner .bottom a {display: flex; align-items: center; font-size: 22px; letter-spacing: -0.025em; color: #222; font-weight: 400; margin-bottom: 10px;}
.mobile_nav_wrap .inner .bottom a img {width: 27px; margin-right: 5px;}
.mobile_nav_wrap .inner .bottom p.p2 {display: block; font-size: 15px; font-weight: 400; color: #444; letter-spacing: -0.0250em; padding-bottom: 15px; margin-top: 5px;}

/*모바일메뉴 end*/





/* footer stmart */
/* footer start */

footer {position: relative; display: block; width: 100%; height: auto; padding: 50px 0 0 0; border-top: 1px solid #ccc;}
.footer>.footer_inner {display: flex; align-items: flex-start; height: auto; padding-bottom: 20px;}
.footer>.footer_inner .footer_ {position: relative; display: block; height: auto; min-height: 30px;}


/* .footer>.footer_inner .footer_.footer_1 {width: 360px;}
.footer>.footer_inner .footer_.footer_2 {width: 340px;}
.footer>.footer_inner .footer_.footer_3 {width: 400px;} */


.footer>.footer_inner .footer_.footer_1 {width: 32.7282%; padding-right: 20px;}
.footer>.footer_inner .footer_.footer_2 {width: 340px; min-width: 330px;}
.footer>.footer_inner .footer_.footer_3 {width: 36.364%;}

.footer>.footer_inner .footer_.footer_1 img {display: block;}
.footer>.footer_inner .footer_.footer_1 p {display: block; font-size: 13px; margin-top: 20px;}

.footer>.footer_inner .footer_.footer_2  .tel__ {margin: 20px 0;}
.footer>.footer_inner .footer_ p.p1 {display: block; font-weight: 400; font-size: 15px; color: #222;}
.footer>.footer_inner .footer_.footer_2 p.p2 {display: block; font-size: 14px; }
.footer>.footer_inner .footer_.footer_2 a {font-size: 24px; font-weight: 400; color: #333; margin-right: 5px;}

.footer>.footer_inner .footer_.footer_2 .fax_address p.p2+.p2 {margin-top: 11px;}

.footer .notice_latest {padding-left: 40px;}
.footer .notice_latest:before {content: ""; position: absolute; left: 0; top: 0; display: block; width :1px; height: 100%; background: #eeeeee;}
.footer .notice_latest ul {position: relative; display: block; min-height: 120px; width: 100%; height: auto; padding-top: 10px;}
.footer .notice_latest ul li {position: relative; display: block; width: 100%; height: 30px; display: flex; align-items: center;}
.footer .notice_latest ul li a {position: relative; display: flex; justify-content: space-between; align-items: center; width: 100%; height: auto;}
.footer .notice_latest ul li a p {font-size: 14px; color: #666; display: block; width: calc(100% - 68px); overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space: nowrap;}
.footer .notice_latest ul li a .date {font-size: 13px; color: #666; display: block; width: 68px; text-align: right;}

.footer .notice_latest ul li.empty  {font-size: 13px; text-align: center; display: block; width: 100%; height: 120px; display: flex; justify-content: center; align-items: center; padding-bottom: 20px;}





footer .copyr {border-top: 1px solid #eee;}
footer .copyr>div {height: 55px; display: flex; align-items: center; font-size: 13px; color: #aaa;}


@media all and (max-width: 767px) {
	.footer>.footer_inner {/* display: block; */ flex-wrap: wrap;}
/* 	.footer>.footer_inner:after {display: block; content: ""; clear: both;} */
	/* .footer>.footer_inner .footer_ {float: left;} */
	.footer>.footer_inner .footer_.footer_1 {width: 100%; padding-bottom: 40px;}
	.footer>.footer_inner .footer_.footer_2 {width: 45%;min-width: inherit;}
	.footer>.footer_inner .footer_.footer_3 {width: 55%;}
	
}
@media all and (max-width: 700px) {
	.footer>.footer_inner .footer_.footer_1 {width: 100%; padding-bottom: 30px;}
	.footer>.footer_inner .footer_.footer_2 {width: 100%; }
	.footer>.footer_inner .footer_.footer_3 {width: 100%; padding-left: 0; padding-top: 30px; margin-top: 30px;}
	.footer>.footer_inner .footer_.footer_3:before {width: 100%; height: 1px; left: 0; top: 0;}
	
}
@media all and (max-width: 530px) {
	.footer>.footer_inner .footer_.footer_1 p {margin-top: 10px;}
	.footer>.footer_inner .footer_.footer_2 a {font-size: 20px;}
	.footer>.footer_inner .footer_.footer_2 p.p2 {font-size: 13px;}
	.footer>.footer_inner .footer_.footer_3 {padding-top: 20px; margin-top: 20px;}
	.footer .notice_latest ul li a p {font-size: 13px;}
	.footer .notice_latest ul li a .date {font-size: 12px;}
}

/* footer end */