/* 검색 */
.header-section ul li.search-parent .search-box .form-control button.search-btn.mar-2 {
    font-size: 1.42857em;
    position: absolute;
    right: 72px;
    top: 19px;
    color: #070607;
    background-color: transparent;
    border-color: transparent;
    border: 0px;
    padding: 8px 12px;
}
@media only screen and (min-width: 1001px) {
    .header-section ul li.cart-parent a.m-link {font-size: 16px;}
}

/* 공통 */
@media screen and (max-width: 640px) {
	.container {padding-right: 0;padding-left: 0;}
}
.em-height-53 {height: 53px;}
.em-margin-bottom-20 {margin-bottom: 20px;}
.word-break {word-break: keep-all;}
.em-line-height-40 {line-height: 40px;}
.no-margin {margin: 0;}
.no-margin-bottom {margin-bottom: 0;}
.em-inline-block {display: inline-block;}

/* sec-padding 공통 */
.header-section.style1 ul li a{font-weight: 660;}
.sec-padding {padding: 70px 0 70px 0;}
@media only screen and (max-width: 800px) {
	.sec-padding {padding: 60px 0 60px 0;}
}
@media only screen and (max-width: 768px) {
	.sec-padding {padding: 50px 0 50px 0;}
}
@media only screen and (max-width: 640px) {
	.sec-padding {padding: 40px 0 40px 0;}
}
@media only screen and (max-width: 480px) {
	.sec-padding {padding: 30px 0 30px 0;}
}

/* 탑메뉴 */
.header-section img {max-height: 38px;width: auto;max-width: unset;}
@media only screen and (max-width: 1000px) {
    .header-section .logo.mar-4 {margin-top: 13px;padding-left: 0;}
	.header-section img {max-height: 35px;}
	.header-section.style1 ul li a {padding: 22px 12px;}
	.header-section ul li.menu-icon {padding: 0 0 0 20px;}
	.header-section.style1 ul li.menu-icon a {padding: 20px 10px;}
	.header-section #menu {padding: 23px 0 0;}
	.header-section #menu > ul li a {padding: 15px 25px;text-transform: none;}
	.header-section #menu > ul li .arrow {right: 10px;}
	.header-section.style1 ul li.search-parent .search-box .close-btn.mar-1 {top: 6px;}
}
@media screen and (max-width: 640px) {
	.header-section {padding-bottom: 10px;}
	.header-section.style1 .mod-menu .row {margin-left: 0;margin-right: 0;}
	.header-section .logo.mar-4 {margin-top: 6px;margin-left: -5px;}
	.header-section img {max-height: 26px;}
	.header-section.style1 ul li a {padding: 10px 10px;}
	.header-section ul li.menu-icon {padding: 0 0 0 10px;}
	.header-section.style1 ul li.menu-icon a {padding: 7px 10px;}
	.header-section #menu {padding: 12px 0 0;}
	.header-section.style1 ul li.search-parent .search-box .close-btn.mar-1 {top: 18px;}
}
@media screen and (max-width: 360px) {
	.header-section {padding-bottom: 10px;}
	.header-section .logo.mar-4 {margin-top: 6px;}
	.header-section img {max-height: 23px;}
	.header-section.style1 ul li a {padding: 14px 10px;}
	.header-section ul li.menu-icon {padding: 0 0 0 10px;}
	.header-section.style1 ul li.menu-icon a {padding: 12px 10px;}
	.header-section #menu {padding: 12px 0 0;}
	.header-section.style1 ul li.search-parent .search-box .close-btn.mar-1 {top: 14px;}
}

/* 서브타이틀 */
.page-title-1.style-1 {padding: 150px 0px 100px 0px;}
h1.big-text {font-size: 50px;line-height: 50px;}
@media only screen and (max-width: 1000px) {
    .page-title-1.style-1 {padding: 150px 0px 50px 0px;}
	h1.big-text {font-size: 40px;line-height: 40px;}
}
@media screen and (max-width: 640px) {
	.page-title-1.style-1 {padding: 120px 0px 10px 0px;}
	h1.big-text {font-size: 25px;line-height: 25px;}
}
@media screen and (max-width: 360px) {
	.page-title-1.style-1 {padding: 120px 0px 10px 0px;}
	h1.big-text {font-size: 20px;line-height: 20px;}
}

/* 메인 ABOUT */
.sec-padding.em-main-about-1 {padding: 70px 0 70px 0;}
.em-main-about-1-booking {display: flex;flex-wrap: wrap;}
.about-min-height {min-height: 100%;}
.about-ban-bg-white {background-color: rgba(255, 255, 255, 0.5);}
.em-main-about-1-bg .about-ban-bg-white {background-color: #fff;}
.em-main-about-1 .feature-box-8 .iconbox-small {margin-bottom: 19px;}
.em-main-about-1-bg {background: url(../images/bg-1920x1050-6.jpg) no-repeat right top;}

@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1024px) {	
}
@media only screen and (max-width: 1000px) {
    .header-section ul li.cart-parent a.m-link {font-size: 16px;}
}
@media only screen and (min-width: 992px) {
	.em-main-about-1-booking .booking-1 {order: 1;}
	.em-main-about-1-booking .booking-2 {order: 2;}
	.em-main-about-1-booking .booking-3 {order: 3;}
	.em-main-about-1-booking .booking-4 {order: 4;}
}
@media only screen and (max-width: 991px) {
	.em-main-about-1-booking .booking-1 {order: 1;margin-bottom: 20px;}
	.em-main-about-1-booking .booking-2 {order: 2;margin-bottom: 20px;}
	.em-main-about-1-booking .booking-3 {order: 3;}
	.em-main-about-1-booking .booking-4 {order: 4;}
}
@media only screen and (max-width: 800px) {
	.sec-padding.em-main-about-1 {padding: 60px 0 60px 0;}
}
@media only screen and (max-width: 768px) {
	.sec-padding.em-main-about-1 {padding: 50px 0 50px 0;}
	.em-main-about-1-booking .booking-1 {order: 1;margin-bottom: 10px;}
	.em-main-about-1-booking .booking-2 {order: 2;margin-bottom: 10px;}
	.em-main-about-1 .feature-box-8 {padding: 35px 15px;}
	.em-main-about-1 .col-pl-no {padding-left: 5px;padding-right: 5px;}
	.em-main-about-1 .col-pr-no {padding-left: 5px;padding-right: 5px;}
	.em-main-about-1-booking {margin-bottom: 10px;}
}
@media only screen and (max-width: 640px) {
	.sec-padding.em-main-about-1 {padding: 40px 0 40px 0;}
	.em-main-about-1 .sec-title-container h2 {font-size: 30px;}
	.em-main-about-1 .feature-box-8 {padding: 25px 15px 15px;}
	.em-main-about-1 .feature-box-8 .iconbox-small {margin-bottom: 10px;}
	.em-main-about-1 .feature-box-8 h4 {font-size: 16px;margin-bottom: 10px;}
	.em-main-about-1 .feature-box-8 p {font-size: 12px;line-height: 1.4em;}
}
@media only screen and (max-width: 480px) {
	.sec-padding.em-main-about-1 {padding: 30px 0 30px 0;}
	.em-main-about-1 .sec-title-container h2 {font-size: 26px;}
	.em-main-about-1 .sec-title-container.less-padding-3 {padding-bottom: 15px;}
}
@media only screen and (max-width: 360px) {
	.em-main-about-1 .feature-box-8 {padding: 15px 15px 0;}
	.em-main-about-1 .feature-box-8 h4 {font-size: 14px;}
	.em-main-about-1 .feature-box-8 p {font-size: 10px;}
}
@media only screen and (max-width: 320px) {
}

/* 메인 ABOUT 2 */
.em-main-about-2-booking {display: flex;flex-wrap: wrap;}
.em-main-about-2 .text-box {height: 100%;}

@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1024px) {	
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (min-width: 992px) {
	.em-main-about-2-booking .booking-1 {order: 1;}
	.em-main-about-2-booking .booking-2 {order: 2;}
	.em-main-about-2-booking .booking-3 {order: 3;}
	.em-main-about-2-booking .booking-4 {order: 4;}
}
@media only screen and (max-width: 991px) {
	.em-main-about-2-booking .booking-1 {order: 1;}
	.em-main-about-2-booking .booking-2 {order: 2;}
	.em-main-about-2-booking .booking-3 {order: 3;}
	.em-main-about-2-booking .booking-4 {order: 4;}
}
@media only screen and (max-width: 800px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 640px) {
	.em-main-about-2 h5 {font-size: 16px;}
	.em-main-about-2 p {font-size: 12px;line-height: 1.4em;}
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 360px) {
	.em-main-about-2 h5 {font-size: 14px;}
	.em-main-about-2 p {font-size: 10px;}
}
@media only screen and (max-width: 320px) {
}

/* 메인 ABOUT 3 */
.sec-padding.em-main-about-3 {padding: 70px 0 70px 0;}
.em-main-about-3-booking {display: flex;flex-wrap: wrap;}
.em-main-about-3 .feature-box-21-wrap {height: 100%;padding: 35px 25px;}
.em-main-about-3 .feature-box-21-wrap .iconbox-small {margin-bottom: 19px;}
.em-main-about-3-bg {background: url(../images/bg-1920x1050-6.jpg) no-repeat right top;}

@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1024px) {	
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (min-width: 992px) {
	.em-main-about-3-booking .booking-1 {order: 1;}
	.em-main-about-3-booking .booking-2 {order: 2;}
	.em-main-about-3-booking .booking-3 {order: 3;}
	.em-main-about-3-booking .booking-4 {order: 4;}
}
@media only screen and (max-width: 991px) {
	.em-main-about-3-booking .booking-1 {order: 1;margin-bottom: 30px;}
	.em-main-about-3-booking .booking-2 {order: 2;margin-bottom: 30px;}
	.em-main-about-3-booking .booking-3 {order: 3;}
	.em-main-about-3-booking .booking-4 {order: 4;}
}
@media only screen and (max-width: 800px) {
	.sec-padding.em-main-about-3 {padding: 60px 0 60px 0;}
}
@media only screen and (max-width: 768px) {
	.sec-padding.em-main-about-3 {padding: 50px 0 50px 0;}
	.em-main-about-3-booking .booking-1 {order: 1;margin-bottom: 10px;}
	.em-main-about-3-booking .booking-2 {order: 2;margin-bottom: 10px;}
	.em-main-about-3 .feature-box-21-wrap {padding: 35px 15px;}
	.em-main-about-3 .col-pl-no {padding-left: 5px;padding-right: 5px;}
	.em-main-about-3 .col-pr-no {padding-left: 5px;padding-right: 5px;}
	.em-main-about-3-booking {margin-bottom: 10px;}
}
@media only screen and (max-width: 640px) {
	.sec-padding.em-main-about-3 {padding: 40px 0 40px 0;}
	.em-main-about-3 .sec-title-container h2 {font-size: 30px;}
	.em-main-about-3 .feature-box-21-wrap{padding: 25px 15px 15px;}
	.em-main-about-3 .feature-box-21-wrap .feature-box-21-icon i {margin-bottom: 10px;}
	.em-main-about-3 .feature-box-21-wrap h4 {font-size: 16px;margin-bottom: 10px;padding-bottom: 0;}
	.em-main-about-3 .feature-box-21-wrap p {font-size: 12px;line-height: 1.4em;}
}
@media only screen and (max-width: 480px) {
	.sec-padding.em-main-about-3 {padding: 30px 0 30px 0;}
	.em-main-about-3 .sec-title-container h2 {font-size: 26px;}
	.em-main-about-3 .sec-title-container.less-padding-3 {padding-bottom: 15px;}
}
@media only screen and (max-width: 360px) {
	.em-main-about-3 .feature-box-21-wrap {padding: 15px 15px 0;}
	.em-main-about-3 .feature-box-21-wrap h4 {font-size: 14px;}
	.em-main-about-3 .feature-box-21-wrap p {font-size: 10px;}
}
@media only screen and (max-width: 320px) {
}

/* 메인 ABOUT 3 featurebox 21
 ------------------------------ */
 .feature-box-21{
	position:relative;
}
.feature-box-21-wrap {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	padding: 50px 35px;
	position: relative;
	transition: all 0.5s ease 0s;
	z-index: 9;
}
.feature-box-21-wrap::before, .feature-box-21-wrap::after {
	content: "";
	height: 300%;
	position: absolute;
	transform: rotate(45deg);
	width: 300%;
	z-index: -9;
	transition:all .5s;
	opacity:0;
	background: #426ada;
}
.feature-box-21-wrap::before{
	top: -37px;
	left:100%;
}
.feature-box-21-wrap:hover:before{
	left: -27px;
	opacity:1;
}
.feature-box-21-wrap::after {
	right: 100%;
	bottom: -37px;
}
.feature-box-21-wrap:hover:after {
	right: -27px;
	opacity:1;
}
.feature-box-21-wrap:hover {
	color:#fff;
}
.feature-box-21-wrap:hover h4{
	color:#fff;
}
.feature-box-21-wrap:hover h4:after{
	background:#fff;
}
.feature-box-21-icon i {
	font-size: 45px;
	margin-bottom: 20px;
	transition:all .5s;
}
.feature-box-21-wrap:hover .feature-box-21-icon i{
	transform:rotate(360deg);
}
.feature-box-21-wrap h4 {
	font-size: 25px;
	font-weight: 700;
	padding-bottom: 15px;
	position: relative;
}

/* 조직도 추가 */
.organization-box {line-height: 0;font-size: 0;}
.organization-box .organ-interval {float: left;width: calc(((100% - 200px) - 0.1px)/2);height: 53px;}
.organization-box .organ-interval .interval-line {height: calc(50% - 2px);border-bottom: 2px solid #17357e;}
.organization-box p {margin: 0;padding: 15px 0;line-height: 23px;font-size: 14px;text-align: center;}
.organization-box p.em-big {padding: 13px 0;line-height: 23px;font-size: 16px;}
.organization-box p.em-circle {padding: 23px 0;margin: 0 10px;line-height: 23px;}
.organization-box p.top {float: left;border: 2px solid #17357e;background-color: #17357e;border-radius: 50px;color: #fff;font-weight: 700;width: 200px;}
.organization-box p.top-2 {margin: 0 calc(50% - 120px);border: 2px solid #177e25;background-color: #177e25;border-radius: 50px;color: #fff;font-weight: 700;width: 240px;}
.organization-box p.top-3 {float: left;border: 2px solid #7e1753;background-color: #7e1753;border-radius: 50px;color: #fff;font-weight: 700;width: 200px;}
.organization-box p.top-4 {float: left;border: 2px solid #4b6bbb;background-color: #4b6bbb;border-radius: 50px;color: #fff;font-weight: 700;width: 200px;}
.organization-box p.mid-1 {border: 2px solid #a6c4ea;background-color: #a6c4ea;border-radius: 50px;color: #17357e;font-weight: 700;}
.organization-box p.mid-2 {margin: 0 25%;border: 2px solid #a6c4ea;background-color: #a6c4ea;border-radius: 50px;color: #17357e;font-weight: 700;}
.organization-box p.mid-l {background: url("../images/bg-circle.png") no-repeat center center;background-size: contain;font-weight: 700;}

.organization-box ul {padding-left: 0;margin-bottom: 0;}
.organization-box li {text-align: center;}
.organization-box li p {padding: 15px 0;margin: 0 10px;line-height: 23px;font-size: 14px;}
.organization-box li p.em-big {padding: 13px 0;margin: 0 10px;line-height: 23px;font-size: 16px;}
.organization-box li p.em-circle {padding: 23px 0;margin: 0 10px;line-height: 23px;}
.organization-box li p.top {margin: 0 33.3%;border: 2px solid #17357e;background-color: #17357e;border-radius: 50px;color: #fff;font-weight: 700;}
.organization-box li p.top-2 {margin: 0 33.3%;border: 2px solid #177e25;background-color: #177e25;border-radius: 50px;color: #fff;font-weight: 700;}
.organization-box li p.mid-1 {border: 2px solid #a6c4ea;background-color: #a6c4ea;border-radius: 50px;color: #17357e;font-weight: 700;}
.organization-box li p.mid-2 {margin: 0 25%;border: 2px solid #a6c4ea;background-color: #a6c4ea;border-radius: 50px;color: #17357e;font-weight: 700;}
.organization-box li p.mid-l {border-left: 2px solid #9c9c9c;border-right: 2px solid #9c9c9c;border-top: 2px solid #9c9c9c;background-color: #e4e4e4;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.organization-box li p.last {border-top: 1px solid #9c9c9c;border-left: 2px solid #9c9c9c;border-right: 2px solid #9c9c9c;border-bottom: 2px solid #9c9c9c;font-weight: 700;min-height: 102px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}

.organ-line-50 {display: inline-block;width: 50%;height: 20px;}
.organ-line-50-b {display: inline-block;width: calc(50% - 1px);height: 20px;}
.organ-line-325 {display: inline-block;width: 32.5%;height: 20px;}
.organ-line-325-b {display: inline-block;width: calc(32.5% - 1px);height: 20px;}
.organ-line-50-b2 {display: inline-block;width: calc(50% - 2px);height: 20px;}
.organ-line-33 {display: inline-block;width: 33.3%;height: 20px;}
.organ-line-33-b {display: inline-block;width: calc(33.3% - 1px);height: 20px;}
.organ-line-33-b2 {display: inline-block;width: calc(33.3% - 2px);height: 20px;}
.organ-line-25 {display: inline-block;width: 25%;height: 20px;}
.organ-line-25-b {display: inline-block;width: calc(25% - 1px);height: 20px;}
.organ-line-25-b2 {display: inline-block;width: calc(25% - 2px);height: 20px;}
.organ-line-175 {display: inline-block;width: 17.5%;height: 20px;}
.organ-line-175-b {display: inline-block;width: calc(17.5% - 1px);height: 20px;}
.organ-line-175-b2 {display: inline-block;width: calc(17.5% - 2px);height: 20px;}
.organ-line-125 {display: inline-block;width: 12.5%;height: 20px;}
.organ-line-125-b {display: inline-block;width: calc(12.5% - 1px);height: 20px;}
.organ-line-125-b2 {display: inline-block;width: calc(12.5% - 2px);height: 20px;}
.organ-line-16 {display: inline-block;width: 16.6%;height: 20px;}
.organ-line-16-b {display: inline-block;width: calc(16.6% - 1px);height: 20px;}
.organ-line-16-b2 {display: inline-block;width: calc(16.6% - 2px);height: 20px;}
.organ-border-r {border-right: 1px solid #9c9c9c;}
.organ-border-t {border-top: 1px solid #9c9c9c;}
.organ-border-l {border-left: 1px solid #9c9c9c;}
.organ-border-r2 {border-right: 2px solid #17357e;}
.organ-border-t2 {border-top: 2px solid #17357e;}
.organ-border-l2 {border-left: 2px solid #17357e;}
.organ-col-25 {float: left;width: 25%;}
.organ-col-66 {float: left;width: 66.6%;}
.organ-col-50 {float: left;width: 50%;}
.organ-col-33 {float: left;width: 33.3%;}
.organ-col-50-line-r {float: left;width: calc(50% - 2px);}
.organ-line-hide {display: none;}

@media screen and (max-width: 699px) {
    .organization-box p.top {margin: 0;width: 100%;}
    .organization-box p.top-1 {margin: 0;width: 100%;}
    .organization-box p.top-2 {margin: 0;width: 100%;}
    .organization-box p.top-3 {margin: 0;width: 100%;}
    .organization-box p.top-4 {margin: 0;width: 100%;}
    .organ-col-100 {float: left;width: 100%;padding: 0 10px;}
	.organ-col-66 {float: left;width: 100%;}
	.organ-col-50 {float: left;width: 100%;padding: 0 10px;}
    .organ-col-33 {float: left;width: 100%;padding: 0 10px;}
    .organ-col-25 {float: left;width: 100%;}
    .organ-col-50-line-r.organ-border-r2 {float: left;width: 100%;padding: 0 10px;border-right: none;}
    .organ-col-50-line-r.organ-border-r0 {float: left;width: 100%;padding: 0 10px;border-right: none;}
    .organization-box li p.top {margin: 0 10px;}
    .organization-box li p.top-2 {margin: 0 10px;}
	.organization-box li p.mid-2 {margin: 0 10px;}
	.organ-line-33 {display: none;}
	.organ-line-33-b {display: none;}
	.organ-line-33-b2 {display: none;}
	.organ-line-25 {display: none;}
	.organ-line-25-b {display: none;}
	.organ-line-16 {display: none;}
	.organ-line-16-b {display: none;}
	.organ-line-16-b2 {display: none;}
	.organ-line-2nd {display: none;}
    .organ-line-hide {display: block;}
    .organ-display-hide {display: none;}
    .organ-interval {display: none;}
}

.fa.em-fa-white {color: #fff;}

@media only screen and (max-width: 640px) {
	.organization-box {padding-left: 15px;padding-right: 15px;}
}
@media only screen and (max-width: 480px) {
}

/* 회사연혁 추가 */
.em-sub-title {color: #337ab7;font-weight: bold;margin-left: 10%;}
.em-table-frm {display: block;}
p.scr_info {display:none;margin-top:0;margin-bottom:10px;font-size:12px;color:#aaa;letter-spacing: -0.1em;}
.em-table-frm table {border-top: 2px solid #394867;width: 100%;}
.em-table-frm table thead tr th {font-size: 18px;text-align: center;background-color: #e4e4e4;border-bottom: 1px solid #ecf0f1;padding: 20px;}
.em-table-frm table thead tr th.col-1 {border-right: 1px solid #c2c2c2;}
.em-table-frm table tbody tr td {font-size: 14px;border-bottom: 1px solid #ecf0f1;padding: 20px;}
.em-table-frm table tbody tr td.col-1 {border-right: 1px solid #ecf0f1;}
.em-table-frm table tbody tr td.col-th {background-color: #e4e4e4;}
.em-table-frm table tbody tr td.text-big {font-size: 18px;text-align: center;border-right: 1px solid #c2c2c2;}
.em-table-frm table tbody tr td.text-big-2 {font-size: 16px;}
.em-table-frm table tbody tr td.text-right {text-align: right;}
.em-td-month {width: 20%;}
.em-td-content {width: 80%;}
.em-th-col-20 {width: 20%;}
.em-th-col-25 {width: 25%;}
.em-th-col-30 {width: 30%;}
.em-th-col-70 {width: 70%;}
.em-th-col-80 {width: 80%;}

@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1024px) {	
}
@media only screen and (max-width: 1000px) {
}
@media screen and (max-width: 991px) {
	.em-table-frm table thead {display: table-header-group;}
	.em-table-frm table thead tr {display: table-row;}
	.em-table-frm table tbody {display: table-row-group;}
	.em-table-frm table tbody tr {display: table-row;}
	.em-table-frm table tbody tr td {display: table-cell;}
}
@media only screen and (max-width: 800px) {
	.em-table .em-sect p {width: calc((100% - 20px) / 2);}
    .em-table-frm table .em-td-month {width: 70px;}
    .em-table-frm table .em-td-content {width: calc(100% - 70px);}
    .em-sub-title {margin-left: 0;}
}
@media only screen and (max-width: 768px) {
}
@media screen and (max-width: 640px) {
    .em-table-frm table tbody tr td.text-big-2 {font-size: 14px;}
}
@media screen and (max-width: 480px) {
}
@media screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}

/* 회사연혁2=========== Timeline ============= */

.timeline-1 {	
    border-bottom-right-radius: 4px;
    border-left: 3px solid #323335;
    border-top-right-radius: 4px;
    color: #323335;
    margin: 50px auto;
    width:87%;
	float:right;
    padding:0px;
    position: relative;
    text-align: left;
}
.timeline-1 li {
    position: relative;
	background: #fff;
	padding:50px 50px 35px;
    width: 100%;
	height:auto;
	float:left;
	margin-bottom:20px;
	transition: all 0.3s ease-out 0s;
}
.timeline-1 li p {
	color:#727272;
}
.timeline-1 li::before, .timeline-1 li::after {
    display: block;
    position: absolute;
    top: 0;
}
.timeline-1 li::before {
    color: #fff;
    content: attr(data-date);
    font-size:20px;
    font-weight: 400;
    left: -150px;
	top:20px;
    width: 120px;
	height:120px;
	text-align:center;
	border-radius:50%;
	padding:45px 15px;
	background-color:#323335;
}
.timeline-1 li::after {
    background-color: #fff;
    content: "";
    height: 20px;
    left:-12px;
    top: 60px;
    width: 20px;
	border:3px solid #323335;
}

.timeline-1 li .post-content {
	width:100%;
	float:left;
	background-color:#fff;
}
.timeline-1 li .post-img {
	width:50%;
	float:left;
}
.timeline-1 li .post-info {
	width:100%;
	padding-left:40px;
    padding-bottom:15px;
	float:left;
}


/* timeline colors
 ------------------------------ */
.timeline-1.timeline-red {	
    border-left: 3px solid #9ba4b4;
}
.timeline-1.timeline-red li::after {
	border:3px solid #9ba4b4;
}
.timeline-1.timeline-red li::before {
    color: #fff;
	background-color:#394867;
}
@media only screen and (max-width: 768px) {
    .timeline-1 {	
        width:95%;
    }
    .timeline-1 .post-content h3 {	
        font-size: 20px;
    }
    .timeline-1 li::before {
        left: -40px;
        top:20px;
        width: 80px;
        height:80px;
        padding:27px 15px;
        z-index: 1;
    }
    .timeline-1 li {
        padding:30px 30px 15px 15px;
    }
}
@media only screen and (max-width: 640px) {
    .timeline-1 li .post-info {
        width: 100%;
        padding: 0 0 15px 40px;
    }
}

/* @datepicker - requires jquery ui
----------------------------------------------- */
.ui-datepicker {
	width: 18em;
	margin-top:8px;
	display: none;
	background: #fff;
	position:relative;
	font: 14px/1.55  "Roboto", Arial, Helvetica, sans-serif;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,.1);
	-o-box-shadow: 0 0 4px rgba(0,0,0,.1);
	box-shadow: 0 0 4px rgba(0,0,0,.1);
	border:1px solid #CFCFCF;
	z-index:9999!important;		
	text-align: center;
	color: #666;
	
}

.ui-datepicker a { color: #404040; text-align:center; }
.ui-datepicker .ui-state-disabled span{ color:#DBDBDB;}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	background: #F5F5F5;
	border-bottom:1px solid #CFCFCF;
	line-height: 27px;
	font-size: 15px;
	padding: 10px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	width: 34px;
	height: 34px;
	display: block;
	font-size: 11px;
	position: absolute;
	text-decoration: none;
	cursor: pointer;
	color:#4ebd4a;
	top:20.5%;
}

.ui-datepicker .ui-datepicker-prev { left: 2px;  }
.ui-datepicker .ui-datepicker-next { right: 2px; }
.ui-datepicker .ui-datepicker-title { 
	margin: 0 2.3em; 
	line-height: 1.8em; 
	text-align: center;
	color:#4ebd4a; 
}

.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%; }
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	margin: 0 0 .4em;
	border-collapse: collapse;
}

.ui-datepicker th {
	padding: .5em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}

.ui-datepicker td { border: 0; padding:2px 5px; }
.ui-datepicker td span,
.ui-datepicker td a {
	padding: .25em;
	display: block;
	text-align: center;
	text-decoration: none;
}

.ui-datepicker td span:hover,
.ui-datepicker td a:hover {  background:#F5F5F5; }
.ui-datepicker .ui-state-disabled span:hover{ background:none; }
.ui-datepicker-today a, .ui-datepicker-today a:hover, 
.ui-datepicker .ui-state-highlight {
	font-weight: 700;
	background: #4ebd4a!important;
	color:#fff;
}

/* 메인 하단 제품소개 img-hover-text-2
------------------------------ */
.sec-padding.main-product-bg-1 {padding: 70px 0 70px 0;}
.main-product-bg-1 {background-color: #f3f3f3;border-top: 0;}
.img-hover-text2 {
    position: relative;
	background: #323335;
}
.img-hover-text2 img {
	opacity: 0.5;
    display: block;
	transition: all 0.3s ease;
}
.img-hover-text2:hover img {
	opacity: 0.09;
}
.img-hover-text2 .distext {
    position: absolute;
	left: 10%;
    right: 16%;
	bottom: 16%;
    text-decoration: none;
	transition: all 0.3s ease;
}
.img-hover-text2:hover .distext {
	bottom: 22%;
}
.img-hover-text2 .distext .hidtext {
	opacity: 1;
	transition: all 0.3s ease;
}
.img-hover-text2:hover .distext .hidtext {
	opacity: 1;
}
.em-product-recent-1 .sec-title-container h2 span {font-size: 0.8em;position: absolute;margin-left: 10px;}
.em-product-recent-1 .sec-title-container h2 span a {color: #b9b9b9;}
.em-product-recent-1 .sec-title-container h2 span a:hover {color: #323335}

@media only screen and (max-width: 1024px) {	
	.img-hover-text2 .distext {left: 5%;right: 5%;bottom: 10%;}
	.img-hover-text2:hover .distext {bottom: 10%;}
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 800px) {
	.sec-padding.main-product-bg-1 {padding: 60px 0 60px 0;}
}
@media only screen and (max-width: 768px) {
	.sec-padding.main-product-bg-1 {padding: 50px 0 50px 0;}
}
@media only screen and (max-width: 640px) {
	.sec-padding.main-product-bg-1 {padding: 40px 0 40px 0;}
	.em-product-recent-1 .margin-bottom-3 {margin-bottom: 10px;}
	.em-product-recent-1 .sec-title-container h2 {font-size: 30px;}
	.em-product-recent-1 .col-xs-12 {padding-left: 5px;padding-right: 5px;}
}
@media only screen and (max-width: 480px) {
	.sec-padding.main-product-bg-1 {padding: 30px 0 30px 0;}
	.em-product-recent-1 .margin-bottom-3 {margin-bottom: 10px;}
	.em-product-recent-1 .sec-title-container h2 {font-size: 26px;}
	.em-product-recent-1 .sec-title-container.less-padding-3 {padding-bottom: 15px;}
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}

/* 메인 하단 제품소개 img-hover-text-2.style-2
------------------------------ */
.sec-padding.main-product-bg-2 {padding: 70px 0 70px 0;}
.main-product-bg-2 {background-color: #fff;border-top: 0;}
.img-hover-text2.style-2 {
    position: relative;
	background: #323335;
}
.img-hover-text2.style-2 img {
	opacity: 0.5;
    display: block;
	transition: all 0.3s ease;
}
.img-hover-text2.style-2:hover img {
	opacity: 0.09;
}
.img-hover-text2.style-2 .distext {
    position: absolute;
	left: 10%;
    right: 16%;
	bottom: 16%;
    text-decoration: none;
	transition: all 0.3s ease;
}
.img-hover-text2.style-2:hover .distext {
	bottom: 22%;
}
.img-hover-text2.style-2 .distext .hidtext {
	opacity: 1;
	transition: all 0.3s ease;
}
.img-hover-text2.style-2:hover .distext .hidtext {
	opacity: 1;
}
.em-product-recent-2 .sec-title-container h2 span {font-size: 0.8em;position: absolute;margin-left: 10px;}
.em-product-recent-2 .sec-title-container h2 span a {color: #b9b9b9;}
.em-product-recent-2 .sec-title-container h2 span a:hover {color: #323335}

@media only screen and (max-width: 1024px) {	
	.img-hover-text2.style-2 .distext {left: 5%;right: 5%;bottom: 10%;}
	.img-hover-text2.style-2:hover .distext {bottom: 10%;}
	.img-hover-text2.style-2 .distext h3 {font-size: 22px;line-height: 1.4em;letter-spacing: -0.05em;}
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 800px) {
	.sec-padding.main-product-bg-2 {padding: 60px 0 60px 0;}
}
@media only screen and (max-width: 768px) {
	.sec-padding.main-product-bg-2 {padding: 50px 0 50px 0;}
	.img-hover-text2.style-2 .distext h3 {font-size: 20px;margin-bottom: 5px;}
}
@media only screen and (max-width: 640px) {
	.sec-padding.main-product-bg-2 {padding: 40px 0 40px 0;}
	.em-product-recent-2 .sec-title-container h2 {font-size: 30px;}
	.em-product-recent-2 .col-xs-6 {padding-left: 5px;padding-right: 5px;}
	.em-product-recent-2 .col-xs-6.margin-bottom-3 {margin-bottom: 10px;}
	.img-hover-text2.style-2 .distext h3 {font-size: 18px;margin-bottom: 1px;}
}
@media only screen and (max-width: 480px) {
	.sec-padding.main-product-bg-2 {padding: 30px 0 30px 0;}
	.em-product-recent-2 .sec-title-container h2 {font-size: 26px;}
	.em-product-recent-2 .sec-title-container.less-padding-3 {padding-bottom: 15px;}
	.img-hover-text2.style-2 .distext h3 {font-size: 16px;}
}
@media only screen and (max-width: 360px) {
	.img-hover-text2.style-2 .distext h3 {font-size: 12px;}
	.img-hover-text2.style-2 .distext .text-small {font-size: 10px;}
}
@media only screen and (max-width: 320px) {
}

/* 메인 갤러리형 보드의 게시물 출력하기 B타입 */
.em-gallery-recent-1 .img-hover-box h4 {letter-spacing: -0.05em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.em-gallery-recent-1 .em-gallery-recent-1-booking {display: flex;flex-wrap: wrap;}
@media only screen and (max-width: 640px) {
	.em-gallery-recent-1 .sec-title-container h2 {font-size: 30px;}
}
@media only screen and (max-width: 480px) {
	.em-gallery-recent-1 .sec-title-container h2 {font-size: 26px;}
}

/* 메인 갤러리형 보드의 게시물 출력하기 C타입 */
.em-gallery-recent-2 .postinfo-box h4 {letter-spacing: -0.05em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.em-gallery-recent-2 .em-gallery-recent-2-booking {display: flex;flex-wrap: wrap;}
.em-gallery-recent-2 .bg2-featurebox-3 .img-box {border-top: 1px solid #a1a1a1;border-left: 1px solid #a1a1a1;border-right: 1px solid #a1a1a1;}
.em-gallery-recent-2 .bg2-featurebox-3 .postinfo-box {padding: 18px 20px 0;border-bottom: 1px solid #a1a1a1;border-left: 1px solid #a1a1a1;border-right: 1px solid #a1a1a1;}
.em-gallery-recent-2.section-light .bg2-featurebox-3 .img-box {border-top: 0;border-left: 0;border-right: 0;}
.em-gallery-recent-2.section-light .bg2-featurebox-3 .postinfo-box {border-bottom: 0;border-left: 0;border-right: 0;}
@media only screen and (max-width: 640px) {
	.em-gallery-recent-2 .sec-title-container h2 {font-size: 30px;}
}
@media only screen and (max-width: 480px) {
	.em-gallery-recent-2 .sec-title-container h2 {font-size: 26px;}
}

/* 개인정보처리방침 */
.pricacy p {padding: 15px 10px;border-bottom: 1px dotted #dddddd;}

/* 유튜브영상 높이 비율 */
.video-holder {padding-bottom: 50.044%;max-width: 800px;margin-left: auto;margin-right: auto;}

/* ======= 푸터 공통 ========= */
footer.sec-tpadding-2 {padding-top: 70px;}
.footer-logo img {max-height: 40px;width: auto;}

@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 800px) {
	footer.sec-tpadding-2 {padding-top: 60px;}
}
@media only screen and (max-width: 768px) {
	footer.sec-tpadding-2 {padding-top: 50px;}
}
@media only screen and (max-width: 640px) {
	footer.sec-tpadding-2 {padding-top: 40px;}
	footer .sec-bpadding-6 {padding-bottom: 0;}
	footer .sec-moreless-padding {padding: 30px 0 40px 0;}
	footer .sec-moreless-padding .margin-bottom {margin-bottom: 15px;}
}
@media only screen and (max-width: 480px) {
	footer.sec-tpadding-2 {padding-top: 30px;}
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}

/* 푸터 콘텐츠 위치 변경 기본 */
@media only screen and (max-width: 991px) {
	.booking-footer-basic {display: flex;flex-direction: column;}
	.booking-footer-basic .booking-1 {order: 2;}
	.booking-footer-basic .booking-2 {order: 1;}
	footer .col-divider-margin-2 {margin-top: 0;}
}

/* ======= 큰사이즈의 소셜링크 및 위치 이동형 푸터 타입 1 ========= */
.footer-social-icons.stype-c {
    width: 100%;
    padding: 0px;
	margin: 0px;
}
.footer-social-icons.stype-c li {
    padding: 0px;
	margin: 0px;
	display: inline-block;
}
.footer-social-icons.stype-c li a {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    display: inline-block;
    padding: 0px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.3);
    font-size: 30px;
}
.footer-social-icons.round.stype-c li a {
	border-radius:100%;
}
.footer-social-icons.stype-c li a:hover, .footer-social-icons.stype-c li a.active {
    color: #999;
    background-color: #fff;
}
.em-privacy-1 li {display:inline-block;padding-left: 5px;padding-right: 5px;}

@media only screen and (max-width: 991px) {
	.booking-footer-3 {display: flex;flex-direction: column;}
	.booking-footer-3 .booking-1 {order: 3;}
	.booking-footer-3 .booking-2 {order: 2;}
	.booking-footer-3 .booking-3 {order: 1;}
}

/* contact-1 추가 */
.em-contact-1 {padding: 25px 25px 15px;border: 1px solid #efefef;}
.em-contact-1 h3 {padding-bottom: 10px;border-bottom: 1px dotted #b1c2ec;color: #5491f5;}
.em-contact-1 p.address {word-break: keep-all;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dotted #e4e4e4;}
.em-contact-1 p.icon {font-size: 20px;color: #9ea8c2;}
.em-contact-1 p.icon span {font-size: 16px;color: #323335;}
.em-contact-1 p.icon span.phone {margin-left: 8px;}
.em-contact-1 p.icon span.fax, .em-contact-1 p.icon span.mail {margin-left: 5px;}

@media only screen and (min-width: 992px) {
	.em-contact-1 {min-height: 400px;}
}
@media only screen and (max-width: 991px) {
	.booking-contact-1 {display: flex;flex-direction: column;}
	.booking-contact-1 .booking-1 {order: 2;}
	.booking-contact-1 .booking-2 {order: 1;margin-bottom: 30px;}
}

/* contact-2 추가 */
.em-contact-2 {padding: 25px 25px 15px;border: 1px solid #efefef;}
.em-contact-2 h3 {padding-bottom: 10px;border-bottom: 1px dotted #b1c2ec;color: #5491f5;}
.em-contact-2 p.address {word-break: keep-all;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dotted #e4e4e4;}
.em-contact-2 p.icon {font-size: 20px;color: #9ea8c2;}
.em-contact-2 p.icon span {font-size: 16px;color: #323335;}
.em-contact-2 p.icon span.phone {margin-left: 8px;}
.em-contact-2 p.icon span.fax, .em-contact-2 p.icon span.mail {margin-left: 5px;}

@media only screen and (min-width: 992px) {
	.em-contact-2 {min-height: 400px;}
}
@media only screen and (max-width: 991px) {
	.em-contact-2 {margin-bottom: 30px;}
	.gmaps-holder-2.em-gmap-2 .map {height: 400px;}
}

/* contact-3 추가 */
.em-contact-3 {padding: 25px 25px 15px;border: 1px solid #efefef;}
.em-contact-3 h3 {padding-bottom: 10px;border-bottom: 1px dotted #b1c2ec;color: #5491f5;}
.em-contact-3 p.address {word-break: keep-all;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dotted #e4e4e4;}
.em-contact-3 p.icon {font-size: 20px;color: #9ea8c2;}
.em-contact-3 p.icon span {font-size: 16px;color: #323335;}
.em-contact-3 p.icon span.phone {margin-left: 8px;}
.em-contact-3 p.icon span.fax, .em-contact-3 p.icon span.mail {margin-left: 5px;}

@media only screen and (min-width: 992px) {
	.em-col-option-1 .col-md-4 {padding-left: 10px;padding-right: 10px;}
	.em-contact-3 {min-height: 500px;}
	.booking-contact-3 {display: flex;flex-direction: row;}
	.booking-contact-3 .booking-1 {order: 3;}
	.booking-contact-3 .booking-2 {order: 1;}
	.booking-contact-3 .booking-3 {order: 2;}
}
@media only screen and (max-width: 991px) {
	.em-contact-3 {margin-bottom: 30px;}
	.gmaps-holder-2.em-gmap-3 .map {height: 400px;}
}

/* 스마트폼 추가 시작 { */
.text-box.padding-4.em-request-2 {padding: 0 0 30px;}
.text-box.padding-4.em-request-3 {padding: 0 0 30px;}
@media only screen and (max-width: 991px) {
	.text-box.padding-4.em-request-3 .smart-wrap {padding: 0;}
	.smart-forms .form-footer.text-left {padding: 25px 0 20px 0;text-align: center;}
}

/* @form element :hover state 
-------------------------------------------- */
.smart-forms .gui-input:hover,
.smart-forms .gui-textarea:hover,
.smart-forms .select > select:hover,
.smart-forms .select-multiple select:hover, 
.smart-forms .gui-input:hover ~ .input-hint,
.smart-forms .file .gui-file:hover + .gui-input,
.smart-forms .gui-textarea:hover ~ .input-hint{
	border-color: #5491f5;
}

/* @form element :focus state 
-------------------------------------------------------- */
.smart-forms .gui-input:focus,
.smart-forms .gui-textarea:focus,
.smart-forms .select > select:focus,
.smart-forms .select-multiple select:focus{ 
    color: #3c3c3c;
    background: #fff;
	border:1px solid #5491f5;
	-webkit-box-shadow:0px 0px 3px #5491f5 inset; 
	-moz-box-shadow:0px 0px 3px #5491f5 inset;  
	-o-box-shadow:0px 0px 3px #5491f5 inset;	
	box-shadow:0px 0px 3px #5491f5 inset;
    outline: none; 

}

.smart-forms .select > select:focus {	
	z-index:10;
	z-index:20\9;
}

.smart-forms .gui-textarea:focus{  height: 120px; }
.smart-forms .select > select:focus { z-index:10; z-index:20\9; }
.smart-forms .gui-input:focus ~ .field-icon i,
.smart-forms .gui-textarea:focus ~ .field-icon i{ color:#5491f5; }
.smart-forms .select-multiple select:focus, 
.smart-forms .gui-input:focus ~ .input-hint,
.smart-forms .gui-textarea:focus ~ .input-hint, 
.smart-forms .file .gui-file:focus + .gui-input{ border-color: #5491f5; }
.smart-forms .select > select:focus + .arrow{ color:#5491f5; }

/* @primary button theme
-------------------------------------------- */
.smart-forms .btn-dark {  background-color: #101010;  }
.smart-forms .btn-dark:hover,
.smart-forms .btn-dark:focus { background-color: #5491f5; }
.smart-forms .btn-dark:active{ background-color: #5491f5; }
.smart-forms .btn-dark, 
.smart-forms .btn-dark:focus, 
.smart-forms .btn-dark:active{ color: #fff; text-shadow: none; }
.smart-forms .btn-dark:hover{ color:#fff;}

/* } 스마트폼 추가 끝 */

/* ===== 에디터를 사용하는 보드인 경우 사용 안내창 ===== */
.em-editor-info-box {max-width: 840px;margin-top: 30px;margin-left: auto;margin-right: auto;padding: 15px 15px;border: 1px solid #efefef;}
.em-editor-info-box .editor-info {padding-bottom: 1px;}
.em-editor-info-box h6 {font-size: 14px;font-weight: 700;letter-spacing: -0.07em;color: #4b6bbb;margin-top: 7px;margin-bottom: 7px;line-height: 1.2;}
.em-editor-info-box ul {padding: 0 0 0 5px;list-style-type: decimal;}
.em-editor-info-box ul li {margin-left: 20px;}
.em-editor-info-box ul li P {font-size: 12px;letter-spacing: -0.05em;line-height: 1.4;margin-bottom: 0;}
@media only screen and (max-width: 991px) {
	.em-editor-info-view {display: none;}
}

/* 버튼 */
.animation-btn {text-align: center;}
.animation-btn a.btn, .animation-btn .btn {line-height: 23px;height: unset;font-weight: normal;}
.animation-btn .btn.btn-dark {background-color: #101010;color: #fff;}
.animation-btn .btn.btn-dark:hover {background-color: #202020;color: #fff;}