.contact-detail {position: relative;display: flex;justify-content: space-between;}
.cnleft {width: 623px;position: relative;z-index: 0}
.cnleft .title_xs { font-size: 22px; line-height: 24px; padding-bottom: 2px; }
.cnright {width: 650px;}
.page-template-contact .pdfdv.btnbox {
    display: none;
}
.cndetail { display: flex; flex-wrap: wrap; align-items: center;}
.cnicon { background: #152951; width: 46px; height: 46px; display: flex; flex-wrap: wrap; align-items: center; color: #fff; font-size: 15px; justify-content: center; border-radius: 50px;transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;   -ms-transition: all .5s ease-in-out; } 
.cntxt { width: calc(100% - 46px); padding-left: 14px;font-weight: 500; } 
.cnlist li:not(:last-of-type) {margin-bottom: 40px;} 
.cnlist { padding: 40px 0 72px;max-width: 520px; }
.cnsocial-list a:hover .cnicon { background: #1D1D1B;}
.cntxt p,.cntxt a {  font-size: 16px;   color: #152951;  letter-spacing: 0.20px;  line-height: 24px;  font-weight: 600;}
.cnmap iframe{line-height: 0;height: 610px;}
.cnmap{margin: 100px 0 0;}
.cntitle {color: #E64305;font-size: 16px;font-weight: 600;line-height: 24px;letter-spacing: 0.20px;}
.cnicon img {filter: brightness(0) invert(1);}

.cnsocial-list {position: absolute;right: 28px; width: 34px; bottom: 0;height: 66.7%;}
.cnsocial-list .hmbvt_title { -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);   -ms-transform: rotate(0deg);-o-transform: rotate(0deg);
    transform: rotate(0deg); position: relative; top: 0; right: 0;    z-index: 2;}

.cnsocial-list .hmb_vtxt {width: auto;height: 100%;right: 0;}
.cnsocial-list .hmb_vtxt:after { -webkit-animation: 1.8s cubic-bezier(1,0,0,1) infinite elasticus;  -moz-animation: 1.8s cubic-bezier(1,0,0,1) infinite elasticus;   -o-animation: 1.8s cubic-bezier(1,0,0,1) infinite elasticus;   animation: 1.8s cubic-bezier(1,0,0,1) infinite elasticus;}

.cnsocial-list .hmb_vtxt:after {content: '';position: absolute;background: url("/source/c2d4ba753349bfc42b7e277514fc3c23/arrow-downline-small.svg") no-repeat;width: 14px;height: 129px;margin: 0 auto;right: 0;left: 12px;top: 110px;}

.social-list li{margin:12px 0}
.cntxt a:hover{color: #e64305}

.cndetail .ftad-txt {   color: #152951;   font-weight: 500;}

/*media query*/
@media(max-width:1650px) {

}

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

@media(max-width:1440px) {
	.cnmap {  margin: 50px 0 0;}
}

@media(max-width:1199px) {
	.cnsocial-list .hmb_vtxt:after { top: 86px;}
	.cnmap {  margin: 40px 0 0;}
	.cnmap iframe {  line-height: 0;   height: 350px;}
}

@media(max-width:991px) {
    .contact-detail {flex-wrap: wrap;}
    .cnleft {width: 100%;margin-bottom: 40px; }
    .cnright {padding-left: 0;width: 100%;}
    .cnlist {padding: 30px 0;}
    .cnsocial-list { margin: 14px 0 0 0; padding: 18px 0 0 0;}
	.cnsocial-list .hmbvt_title {  transform: none;  position: relative;   top: 0;  right: 0;    writing-mode: horizontal-tb;}
	.social-list { display: flex;  position: relative;   z-index: 1;  bottom: 0;}
	.cnsocial-list .hmb_vtxt {  width: auto;  height: 100%;   right: 0;}
	.cnsocial-list .hmb_vtxt:after{display: none;}
	.cnsocial-list { position: relative;right: auto;width: 100%;  bottom: 0;   height: auto;}
	.social-list li {    margin: 12px 5px 0 0;}
}

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

@media(max-width:575px) {
    .contact-detail { flex-wrap: wrap;}
    .cnicon {width: 25px;  height: 25px;  font-size: 14px;}
    .cntxt { width: calc(100% - 25px); padding-left: 7px;  font-size: 13px;}
	.cndetail {  align-items: flex-start;}
	.cnlist li:not(:last-of-type) { margin-bottom: 15px;}
	.cnlist {   padding: 0px 0 30px;}
	.cnicon img { width: 12px;  filter: brightness(0) invert(1);}
}

@media(max-width:365px) {

}