@charset "utf-8";



/*en*/


#header .headerUtil	{position:relative; max-width:1400px; margin:0 auto;  z-index:2; height:95px; overflow:hidden;   }


.subTopVisual			{margin:0 auto;  overflow:hidden;  }
.container				{min-height:50%; margin-bottom:50px; }
.container .contents	{margin: 0 auto; width:95%;  max-width:1400px;}



.subNaviWrap			{position:relative; z-index:3; margin-top:-80px; overflow:hidden; }
.subNaviWrap h2			{display:none; }
.subNaviWrap h3			{display:none; }

ul.subNavi				{width:95%; max-width:1400px; margin:0 auto; overflow:hidden;  }
ul.subNavi li			{position:relative; float:left; margin-right:0.25%; }
ul.subNavi li a			{position:relative; height:67px; padding:13px 0 0; z-index:2; display:block; color:#eaeaea; text-align:center;   }
ul.subNavi li a strong	{display:block; font-size:20px; line-height:25px; }
ul.subNavi li a strong.num	{font-size:30px; line-height:33px; }
ul.subNavi li a span	{font-size:14px; }
ul.subNavi li:before	{content:" "; position:absolute; width:100%; height:100%; background:#000; opacity:0.5;  }
ul.subNavi li.new:after{content:"NEW"; position:absolute; right:5px; top:5px; color:#f5822a; }
ul.subNavi li.on:before{background:#ed1c24; opacity:1; }



ul.subNavi.sharp li		{width:calc(20% - 2px); margin-right:2px;}
ul.subNavi.sharp li a	{height:41px; padding:15px 0 0}

ul.subNavi.service li		{width:calc(50% - 2px); margin-right:2px;}
ul.subNavi.service li a	{height:41px; padding:15px 0 0}

ul.subNavi.custom li	{width:calc(33.33% - 2px); margin-right:2px;}
ul.subNavi.custom li a	{height:41px; padding:15px 0 0}

ul.subNavi.join li		{width:calc(25% - 2px); margin-right:2px;}
ul.subNavi.join li a	{height:51px; padding:5px 0 0}
ul.subNavi.join li a strong	{display:block; font-size:20px; line-height:25px; }
ul.subNavi.join li a strong.num	{font-size:30px; line-height:33px; }
ul.subNavi.join li a span	{font-size:14px; }


ul.subNavi.facility li		{width:calc(20% - 2px); margin-right:2px;}
ul.subNavi.facility li a	{height:41px; padding:15px 0 0}

ul.subNavi.company li		{width:calc(16.66% - 2px); margin-right:2px;}
ul.subNavi.company li a	{height:41px; padding:15px 0 0}

ul.subNavi.mypage li		{width:calc(25% - 2px); margin-right:2px;}
ul.subNavi.mypage li a	{height:41px; padding:15px 0 0}



@media (max-width: 910px) {

.subNaviWrap			{position:relative; z-index:3; margin-top:-50px; overflow:hidden; }
.subNaviWrap h2			{display:block; float:left; width:50%; height:50px; background:#656565; color:#fff; }
.subNaviWrap h2 strong	{display:block; padding:15px 0 0 6%; color:#fff; font-size:16px; }
.subNaviWrap h3			{display:block; float:right; width:50%; height:50px; background:#da3832; color:#fff;  }
.subNaviWrap h3 a 		{position:relative; display:block; padding:15px 0 0 6%; height:35px; background:#da3832; color:#fff;  }
.subNaviWrap h3 a:after	{content:"▼"; position:absolute; right:6%; padding-left:10px; }

ul.subNavi				{display:none; width:100%; padding:10px 0; border-bottom:1px solid #656565; background:#fff;  }
ul.subNavi li			{float:none; margin-right:0; width:100% !important; text-align:left;  }
ul.subNavi li a			{text-align:left;  color:#000; padding:12px 0 0 3% !important; height:26px !important   }
ul.subNavi li.on a		{background:#f3f3f3; color:#da3832; }
ul.subNavi li:before	{display:none; }
ul.subNavi li a strong		{display:inline-block; font-size:15px; line-height:14px; }
ul.subNavi li a strong.num	{font-size:15px; line-height:17px; }

}






.subVisualBox			{position:relative; height:655px; background:url(../images/contents/visual_sub_2.jpg) no-repeat 50% 50%; background-size:100% auto; }
.subVisualBox div		{position:absolute; width:100%; text-align:center; top:50%; color:#fff; font-size:30px;  }
.subVisualBox div p		{padding:0 20px; color:#fff; font-size:30px;  }
.subVisualBox div strong	{font-size:35px; display:block; padding-bottom:10px; }
@media (max-width: 1500px) {
.subVisualBox			{background-size:cover; }
}
.subVisualBox.tour		{background-image:url(../images/contents/visual_sub_2.jpg); }
.subVisualBox.service		{background-image:url(../images/contents/service_visual.jpg); }
.subVisualBox.whyCalt		{background-image:url(../images/contents/service_whyCalt.jpg); }
.subVisualBox.logistic		{background-image:url(../images/contents/logis_visual.jpg); }

@media (max-width: 900px) {
.subVisualBox			{height:280px;}
.subVisualBox div		{top:100px; font-size:16px;  }
.subVisualBox div p		{font-size:14px; padding:10px  }
.subVisualBox div strong{font-size:24px;  }
}



.thumList				{width:100%; overflow:hidden; }
.thumList ul			{overflow:hidden; width:102%; margin-left:-2%;  }
.thumList ul li			{float:left; padding:50px 0 0; }
.thumList ul li a			{display:block; }
.thumList ul li span.img		{position:relative; display:block; overflow:hidden; height:180px; }
.thumList.hei-160 ul li span.img{height:160px; }
.thumList.hei-180 ul li span.img{height:180px; }
.thumList.hei-200 ul li span.img{height:200px; }
.thumList.hei-220 ul li span.img{height:220px; }
.thumList.hei-240 ul li span.img{height:240px; }
.thumList ul li span.img img	{min-width:100%; height:auto; min-height:100%; }
.thumList ul li span.img span	{position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.2;   }
.thumList ul li span.img em		{position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; background:url(../images/contents/event_icon.png) no-repeat 50% 50%; }
.thumList ul li span.txt		{display:block; height:100px; }
.thumList ul li span.txt strong	{display:block; font-size:20px; color:#000; padding:20px 0 10px;  }
.thumList ul li span.txt em		{font-size:15px; color:#555; line-height:19px; display:block; height:38px; overflow:hidden;  }

.thumList ul.length_2 li	{width:48%; margin-left:2%;}
.thumList ul.length_4 li	{width:23%; margin-left:2%;}







@media (max-width: 1000px) {
.thumList ul.length_4 li	{width:31%; margin-left:2%;}

.thumList.hei-160 ul li span.img{height:140px; }
.thumList.hei-180 ul li span.img{height:160px; }
.thumList.hei-200 ul li span.img{height:180px; }
.thumList.hei-220 ul li span.img{height:200px; }
.thumList.hei-240 ul li span.img{height:220px; }

}

@media (max-width: 700px) {
.thumList ul.length_2		{margin-left:0%;  }
.thumList ul.length_2 li	{width:100%; margin-left:0%;}
.thumList ul.length_4 li	{width:48%; margin-left:2%;}
.thumList.hei-160 ul li span.img{height:100px; }
.thumList.hei-180 ul li span.img{height:110px; }
.thumList.hei-200 ul li span.img{height:120px; }
.thumList.hei-220 ul li span.img{height:140px; }
.thumList.hei-240 ul li span.img{height:260px; }
}







.paging				{text-align:center; padding:60px 0 0; }
.paging a.btn		{display:inline-block; width:84px; height:28px; background:#9c9c9c; color:#fff; font-size:12px; border-radius:3px;  }
.paging a.btn span	{display:inline-block; padding:5px 0 0; vertical-align:middle; }
.paging span.num	{display:inline-block; padding:4px 0 0; margin:0 10px 0 10px; vertical-align:middle; }
.paging span.num a	{font-size:14px; color:#666; margin:0 5px;  }
.paging span.num strong	{font-size:14px; color:#fd6c35; margin:0 5px; }

.searchBox			{padding:50px 0 0; }
.searchBox fieldset	{width:80%; max-width:620px; padding:10px 30px; margin:0 auto; border:1px solid #ddd; background:#f7f7f7; border-radius:8px; text-align:center;   }
.searchBox.size2 fieldset	{max-width:720px;  width:calc(100% - 60px); }
.searchBox fieldset legend				{display:none; }
.searchBox fieldset label				{display:inline-block; float:left; font-size:15px; color:#6f6f6f; padding:10px 15px 0 0; }
.searchBox fieldset select				{background-color:#fff; width:130px; height:40px;  border:1px solid #ccc;}
.searchBox fieldset input				{background:#fff; width:280px; height:38px; padding-left:5px;  border:1px solid #ccc; color:#9c9c9c; }
.searchBox fieldset a.searchBtn			{display:inline-block; height:38px; padding:0 25px; background:#ed1c24; border:1px solid #b40d14; color:#fff; vertical-align:top;  }
.searchBox fieldset a.searchBtn span	{display:inline-block; margin-top:10px; height:20px; padding-left:25px; background:url(../images/contents/search_btn.jpg) no-repeat 0 1px;  font-size:15px; font-family:'Noto Sans bold',sans-serif; font-weight:700; }

.searchBox fieldset span.box label{display:none}

@media (max-width: 800px) {
.searchBox fieldset legend				{display:none; }
.searchBox fieldset input				{width:calc(100% - 320px); }
}

@media (max-width: 700px) {
.searchBox fieldset						{text-align:left; }
.searchBox fieldset span.box			{display:block; margin-top:5px; }
.searchBox fieldset input				{width:calc(100% - 120px); }
}





.subPageTit				{padding:50px 0 0; }
.subPageTit h3			{}
.subPageTit h3 strong	{display:inline-block; font-size:35px; line-height:40px; color:#000;  vertical-align:text-bottom; padding-right:10px;   }
.subPageTit h3 span		{display:inline-block;  font-size:17px; line-height:25px; color:#666666; vertical-align:text-bottom;   font-family:'Noto Sans' ,sans-serif; font-weight:300;   }
.subPageTit h3 span em	{font-size:17px; line-height:25px; color:#ed1c25;}

.subPageTit.center			{text-align:center; }
.subPageTit.center h3 strong	{ font-size:35px; line-height:40px; color:#000;  vertical-align:text-bottom; padding-bottom:10px;   }
.subPageTit.center h3 span		{display:block; text-align:cetner; font-size:24px; line-height:30px; color:#139474; vertical-align:text-bottom;  font-family:'Noto Sans' ,sans-serif; font-weight:300;  }



.tab					{border:1px solid #ccc; margin-top:20px;  text-align:center; }
.tab a					{display:inline-block; height:48px; margin-bottom:-1px; padding:0 18px 0 20px; font-size:15px; color:#666;  background:url(../images/contents/tab_bul.jpg) no-repeat 0 15px;  }
.tab a:first-child		{background:none; padding:0 18px;  }
.tab a span				{display:inline-block; padding:14px 0 0; }
.tab a:hover,
.tab a.on				{height:44px;  border-bottom:4px solid #ed1c24; color:#ed1c24;   }

.tab + .searchBox		{padding:30px 0 0;}





/*
*/

select			{border:1px solid #ccc; border-radius:3px; color:#999; padding:0 30px 0 10px; height:35px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url(../images/contents/select_bul.jpg) no-repeat 94% 50% #fff;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
select:focus	{border: 1px solid #1389d5; }
select::-ms-expand {display: none;}

select				{height:40px; }

input[type=text],input[type=password]			{padding-left:7px; vertical-align:middle; border:1px solid #cfcfcf; background:#fff; color:#555; height:38px; }
input[type=text]:focus,input[type=password]:focus	{border: 1px solid #5c6776; background:#fff; -webkit-box-shadow: none;  box-shadow: none;  outline: 0 !important;  }
input[type=text]:focus,input[type=password]:focus	{border: 1px solid #009cff; background:#fff; -webkit-box-shadow: none;  box-shadow: none;  outline: 0 !important;  }
input[type=text].on,input[type=password].on			{}
input[type=text]:active,input[type=password]:active	{border: 1px solid #009cff; background:#fff; -webkit-box-shadow: none;  box-shadow: none;  outline: 0 !important;  }

input[type=file]			{padding-left:7px; vertical-align:middle; border:1px solid #cfcfcf; background:#fff; color:#555; height:36px; }
input[type=file]:focus		{border: 1px solid #5c6776; background:#fff; -webkit-box-shadow: none;  box-shadow: none;  outline: 0 !important; }
input[type=file]:focus		{border: 1px solid #009cff; background:#fff; -webkit-box-shadow: none;  box-shadow: none;  outline: 0 !important; }
input[type=file].on			{}
input[type=file]:active		{border: 1px solid #009cff; background:#fff; -webkit-box-shadow: none;  box-shadow: none;  outline: 0 !important; }

testarea			{padding-left:7px; vertical-align:middle; border:1px solid #cfcfcf; background:#fff; color:#555; height:36px; }


input[type=radio]							{position:absolute; width:23px; height:23px; display:none;  }
input[type=radio] + label					{display:inline-block;  margin-left:10px; padding-left:29px; height:23px;  padding-top:3px; vertical-align:-11px; margin-right:6px; line-height:13px; background:url(../images/contents/radio_off.jpg) no-repeat 0 0; }
input[type=radio]:checked + label			{background:url(../images/contents/radio_on.jpg) no-repeat 0 0; }

input[type=checkbox]							{position:absolute; width:26px; height:26px; display:none;  }
input[type=checkbox] + label					{display:inline-block;  margin-left:10px; padding-left:35px; height:20px; padding-top:7px; vertical-align:-5px; line-height:13px; background:url(../images/contents/chkbox_off.jpg) no-repeat 0 0; }
input[type=checkbox]:checked + label			{background:url(../images/contents/chkbox_on.jpg) no-repeat 0 0; }

input[type=file]							{position:absolute; width:26px; height:26px; display:none;  }
input[type=file] + label					{display:inline-block; color:#fff; padding:9px 10px 0; vertical-align:top; height:29px;  border:1px solid #616161; background:#8d8d8d}




/* content 공통 */
.halfBox						{overflow:hidden; margin-top:50px;  }
.halfBox .box					{float:left; width:48%; }
.halfBox .box + .box			{margin-left:4%;}

@media (max-width: 900px) {
.halfBox .box					{float:none; width:100%; }
.halfBox .box + .box			{margin-left:0; margin-top:30px;}
}



/* 고객문의 */
.callcenter			{border:1px solid #e7e7e7; padding:40px 0 40px; text-align:center; background:url(../images/contents/img_call.jpg) no-repeat 0 100%;  }
.callcenter strong		{font-size:30px; color:#ed1c24; }
.callcenter p			{padding:10px 0 0; font-size:17px; color:#555555;  }
.callcenter p em			{color:#f5822a; }
@media (max-width: 1200px) {
.callcenter			{ padding-left:180px; text-align:left;}
}
@media (max-width: 800px) {
.callcenter			{ padding-left:160px; text-align:left;}
}
@media (max-width: 450px) {
.callcenter			{ padding-left:0; text-align:center; background:none}
}


.qnaForm					{}
.agreeBox		{}
.agreeBox textarea		{width:calc(100% - 30px); border:1px solid #e7e7e7; background:#e7e7e7; height:120px; padding:15px; overflow:hidden; overflow-y:auto;   overflow-y:scroll; scrollbar-face-color: #8d8d8d;scrollbar-shadow-color: #8d8d8d;scrollbar-highlight-color:#8d8d8d;scrollbar-3dlight-color: #8d8d8d;scrollbar-darkshadow-color: #8d8d8d;scrollbar-track-color: #eee;scrollbar-arrow-color:#8d8d8d; }
.agreeBox textarea::-webkit-scrollbar			{width: 12px; right:5px; background-color:#eee;}
.agreeBox textarea::-webkit-scrollbar-track	{background-color:#eee; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
.agreeBox textarea::-webkit-scrollbar-thumb	{background-color:#8d8d8d; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);}
.agreeChjk		{overflow:hidden; padding:10px 20px 0; }
.agreeChjk .txt			{float:left; padding:5px 0 0; }
.agreeChjk .chkBox		{float:right; }

.formBox			{background:#f3f3f3; padding:15px 30px;  }
.secession .formBox	{background:#f3f3f3; padding:15px 30px 30px;  }
.formBox table		{width:100%; text-align:left;  }
.formBox table		{width:100%; text-align:left;  }
.formBox table th	{color:#555; font-family:'Noto Sans' ,sans-serif; font-weight:300;   }
.formBox table th sup	{color:#f5822a; font-style:none; vertical-align:3px; font-size:15px; }
.formBox table th,
.formBox table td	{text-align:left; padding:9px 0;   }
.formBox table td span		{display:inline-block; vertical-align:middle; }
.formBox table td textarea	{width:100%; height:130px; border:1px solid #ccc}
.formBox table td input		{width:32%; min-width:120px; margin:2px 0; vertical-align:middle;}
.formBox table td input.long	{width:calc(100% - 9px) ; }
.formBox table td input.long_s	{width:calc(90% - 9px) ; }
.formBox table td.phone input	{width:22%; min-width:120px; margin:2px 0;   }
.formBox table td.phone select	{width:25%;  margin:2px 0; vertical-align:middle; }
.formBox table td select		{width:15%; min-width:120px; margin:2px 0; }
.secession .formBox table td textarea	{border:1px solid #ccc;}
.secession .formBox table td input		{border:1px solid #ccc;}
.formBox table td label		{margin:2px 4px; }
.formBox table td label + select	{margin-left:10px;}
.formBox table td em		{}
.joinSection .formBox			{margin:0 0px 0px }
.formBox a.btn_submit			{display:inline-block; color:#fff; padding:9px 10px 0; margin:2px 0; vertical-align:top; height:29px;  border:1px solid #616161; background:#8d8d8d}
.formBox input[type=checkbox] + label	{margin-right:25px;}

.halfBox .joinSection 		{width:100%; max-width:2000px; padding-top:0 }
.halfBox .joinSection .formBox			{margin:0 0px 0px }

@media (max-width: 800px) {
.formBox table td.phone select	{width:80px; min-width:80px; }
.formBox table td.phone input	{width:50px; min-width:50px; }
}

.agreeGuide .agreeBox	{background:#e7e7e7; padding:15px 30px;  overflow:hidden; overflow-y:scroll;  height:330px; border:1px solid #eee; scrollbar-face-color: #8d8d8d;scrollbar-shadow-color: #8d8d8d;scrollbar-highlight-color:#8d8d8d;scrollbar-3dlight-color: #8d8d8d;scrollbar-darkshadow-color: #8d8d8d;scrollbar-track-color: #eee;scrollbar-arrow-color:#8d8d8d; }




.btnBox					{text-align:center; margin-top:30px; }
.btnBox a:hover			{text-decoration:none; }
.btnBox .btn01			{display:inline-block; border:1px solid #b40d14; background:#ed1c24; height:50px; padding:0 40px;   }
.btnBox .btn01 span		{display:block; padding-top:13px; font-size:20px; color:#fff;}
.btnBox .btn02			{display:inline-block; border:1px solid #7c7c7c; background:#a2a2a2; height:50px; padding:0 40px;   }
.btnBox .btn02 span		{display:block; padding-top:13px; font-size:20px; color:#fff;}
.btnBox .btn02_1		{display:inline-block; border:1px solid #616161; background:#8d8d8d; height:50px; padding:0 40px;   }
.btnBox .btn02_1 span	{display:block; padding-top:13px; font-size:20px; color:#fff;}
.btnBox .btn03			{display:inline-block; border:1px solid #07624b; background:#139474; height:50px; padding:0 40px;   }
.btnBox .btn03 span		{display:block; padding-top:13px; font-size:20px; color:#fff;}
.btnBox .btn04			{display:inline-block; border:1px solid #0b3279; background:#2053af; height:50px; padding:0 40px;   }
.btnBox .btn04 span		{display:block; padding-top:13px; font-size:20px; color:#fff;}
.btnBox a				{margin:4px 7px;}
.btnBox a.mid			{padding:0 80px;}
.btnBox a.min			{height:40px; padding:0 20px;}
.btnBox a.min span		{padding-top:8px;}
.btnBox a.min2			{height:35px; padding:0 30px;}
.btnBox a.min2 span		{padding-top:7px; font-size:15px; }
td.btnBox a.min			{height:38px; padding:0 20px; vertical-align:middle;}
td.btnBox a.min span	{padding-top:6px;}
.btnBox a.size_1		{min-width:200px;}






.bbs_list						{margin-top:30px }
.bbs_list table					{width:100%; }
.bbs_list table th				{text-align:center; height:40px; background:#b0b0b0; color:#fff;  }
.bbs_list table td				{text-align:center; height:70px; border-bottom:1px solid #ccc;  }
.bbs_list table td.tit			{padding-left:10px; text-align:left; }

@media (max-width: 800px) {
.bbs_list table .num			{display:none; }
.bbs_list table .read			{display:none; }
}



.infoCont				{text-align:center; margin-bottom:30px; margin-top:-10px; }
.infoCont table			{width:calc(100% - 30px); margin:0 auto; }
.infoCont table th		{text-align:left; font-size:17px; padding:7px 10px;  font-family:'Noto Sans' ,sans-serif; font-weight:300; background:url(../images/contents/info_bui.jpg) no-repeat 0 16px; vertical-align:top; }
.infoCont table td		{text-align:right; color:#f5822a; font-size:17px; padding:7px  0 7px 10px; text-align:left   }
.infoCont table td.line	{background:url(../images/contents/info_line.jpg) repeat-x 0 50%; }

.infoVisual				{position:relative; width:100%; height:466px; margin:0 auto; max-width:700px; background:url(../images/contents/lost_img.jpg) no-repeat 50% 0; background-size:auto 466px;  }
.infoVisual .infoTxt		{position:absolute; bottom:0; left:0; width:100%;   }
.infoVisual .infoTxt .bg		{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6;  }
.infoVisual .infoTxt .txt		{position:relative; z-index:2; color:#fff; text-align:center; padding:40px 10% 30px; font-size:19px; line-height:34px; }
.infoVisual .infoTxt .txt em	{color:#f4ce37; font-size:19px; line-height:34px;  }




/*  login */
.loginSection			{width:90%; max-width:720px; margin:0 auto; padding:100px 0 100px;  }
.joinSection			{width:90%; max-width:720px; margin:0 auto; padding:20px 0  ;  }
.joinSection h5				{margin:30px 0 10px 20px; font-size:17px; font-family:'Noto Sans bold' ,sans-serif; font-weight:700;  }
.joinSection h5 em		{color:#f5822a; font-size:17px;   font-family:'Noto Sans bold' ,sans-serif; font-weight:700; }
.loginBox				{}
.loginBox + .loginBox	{margin-top:20px; }
.loginBox h4.noline			{padding:20px}
.loginBox .loginForm	{width:90%; max-width:500px; margin:0 auto 40px; }
.loginBox .loginForm table	{width:100%; }
.loginBox .loginForm table th	{font-size:20px; text-align:left; color:#555;  }
.loginBox .loginForm table td	{padding:6px 0; }
.loginBox .loginForm table td input[type=text]	{width:100%; background:#e7e7e7; border:0; height:40px;}
.loginBox .loginForm table .btnBox	{margin:0; text-align:right; }
.loginBox .loginForm table .btnBox a		{height:90px;}
.loginBox .loginForm table .btnBox a span	{padding:30px 0 0; }
.loginBox ul.loginInfo		{background:#e7e7e7; padding:25px; }
.loginBox ul.loginInfo li		{}
.loginBox ul.loginInfo li + li	{margin-top:13px;}
.loginBox ul.loginInfo li a			{display:inline-block; background:#797979; color:#fff; height:28px; padding:0 20px; margin-left:12px; }
.loginBox ul.loginInfo li a span	{display:block; padding:6px 0 0; font-size:13px; }

@media (max-width: 900px) {
.joinSection			{width:100%; }
}



.loginBox .success			{padding:100px 0 0; text-align:center; height:140px; font-size:17px;  }
.loginBox .success strong	{font-size:17px;  }
.loginBox  + .btnBox	{margin-top:50px; }

.socialLogin				{padding:20px 70px 40px; }
.socialLogin ul				{overflow:hidden; }
.socialLogin ul li			{float:left; width:25%; }
.socialLogin ul li a		{display:block; text-align:center; font-size:15px; color:#555; padding-top:75px;  }
.socialLogin ul li.social_1 a	{background:url(../images/contents/login_social_1.jpg) no-repeat 50% 0; }
.socialLogin ul li.social_2 a	{background:url(../images/contents/login_social_2.jpg) no-repeat 50% 0; }
.socialLogin ul li.social_3 a	{background:url(../images/contents/login_social_3.jpg) no-repeat 50% 0; }
.socialLogin ul li.social_4 a	{background:url(../images/contents/login_social_4.jpg) no-repeat 50% 0; }




.joinAgree			{padding:0 20px; }
.joinAgree .agreeChjk	{margin-bottom:20px;}


.joinSuccess				{position:relative; width:100%; height:552px; background:url(../images/contents/loginLast_bg.jpg) no-repeat 50% 0;  overflow:hidden; }
.joinSuccess .thanks		{position:relative; width:80%; top:100px; margin:0 auto; max-width:850px; padding:100px 20px 90px; }
.joinSuccess .thanks::before{content:""; position:absolute; z-index:2; left:50%; margin-left:-6px; bottom:90%; width:14px; height:14px; background:#fff; border-radius:7px; }
.joinSuccess .thanks::after {content:""; position:absolute; z-index:2; left:50%; bottom:90%; width:14px; height:204px; border-left:2px solid #fff;  }
.joinSuccess .thanks .bg	{position:absolute; left:0; top:0; width:100%; height:100%; border:10px solid #8e8e8e; background:#000; opacity:0.5 }
.joinSuccess .thanks .txt	{position:relative; z-index:2; font-size:20px; color:#fff; text-align:center; }
.joinSuccess .thanks .txt strong	{font-size:30px; line-height:40px;  }
.joinSuccess .thanks .txt p			{font-size:20px; padding:10px 0 0; }

.joinEnvent						{overflow:hidden;  width:95%; max-width:700px; margin:40px auto 35px; }
.joinEnvent h4					{margin-bottom:10px}
.joinEnvent .img				{float:left; width:50%; max-width:364px; height:370px; }
.joinEnvent .eventCont			{float:left; width:46%; padding:0 2%; background:#7d0412; height:370px; text-align:center;  }
.joinEnvent .eventCont strong	{display:block; padding:35px 0 0; font-size:30px; color:#ffb931; }
.joinEnvent .eventCont p		{margin-top:20px;  font-size:17px; color:#fff; padding:0 10px; }
.joinEnvent .eventCont p em		{display:block; margin-top:20px; font-size:17px; color:#ffb931; }


@media (max-width: 800px) {
.joinEnvent .img				{position:absolute; display:none}
.joinEnvent .eventCont			{ width:calc(100% - 60px); position:relative; z-index:2; padding:0 30px; }
}




.facli_info						{overflow:hidden; margin-top:30px; }
.facli_info .box				{float:left; width:32%;   }
.facli_info .box.pull			{float:none; width:100%;   }
.facli_info.half .box			{width:48%; margin:15px 0;  }
.facli_info.half .box:nth-child(odd){clear:both;margin-left:0;  }
.facli_info .box + .box			{margin-left:2%;  }
.facli_info .box .img			{margin: 0 0 15px; }
.facli_info .box .img img		{width:100%; }



@media (max-width: 800px) {
.facli_info .box				{ width:100% !important;   }
.facli_info .box + .box			{margin-left:0%; margin:10px 0  !important;  }
.facli_info .box .img			{max-height:250px; overflow:hidden; }
.facli_info .box .img img		{margin-top:-10%;}
}
.bgWrap			{background:#e8e8e8; margin:30px 0; padding:40px 0;}


.facMapWrap			{overflow:hidden; }
ul.facMapCont				{position:relative; height:380px; }
ul.facMapCont li			{}
ul.facMapCont li a.mapTab	{font-size:24px; color:#000; line-height:40px;  }
ul.facMapCont li.on a.mapTab{color:#ed1c24; }
ul.facMapCont li div		{display:none; position:absolute; width:calc(100% - 200px);  right:0; top:0; overflow:hidden; overflow-x:auto ; text-align:right; }
ul.facMapCont li.on div		{display:block; }

@media (max-width: 1000px) {
ul.facMapCont				{ height:460px;  }
ul.facMapCont li			{padding-top:50px; }
ul.facMapCont li a.mapTab	{position:absolute; top:0; }
ul.facMapCont li + li a.mapTab	{left:180px;}
ul.facMapCont li div		{position:static; width:100%; }
}

.fac_major						{}
.fac_major ul.majorInfo			{overflow:hidden; width:100%; padding-top:1px; border-left:1px solid #ddd; }
.fac_major ul.majorInfo li		{width:calc(25% - 1px); min-width:330px; float:left; height:98px; border-top:1px solid #ddd;  margin-top:-1px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.fac_major ul.majorInfo li div	{padding:20px 15px; overflow:hidden;  }
.fac_major ul.majorInfo li div strong	{display:block; height:35px; font-size:20px; color:#555; }
.fac_major ul.majorInfo li div em		{float:left; font-size:17px; color:#ec7a0b; padding-left:20px; background:url(../images/contents/icon_call_16.jpg) no-repeat 0 3px;  }
.fac_major ul.majorInfo li div span		{float:right; font-size:15px; color:#999999; padding-left:20px;  background:url(../images/contents/icon_clock.jpg) no-repeat 0 2px; background-size:16px auto;  }

@media (max-width: 1470px) {
.fac_major ul.majorInfo li		{width:calc(33.333% - 1px);  }
}
@media (max-width: 1150px) {
.fac_major ul.majorInfo li		{width:calc(50% - 1px);  }
}
@media (max-width: 750px) {
.fac_major ul.majorInfo li		{width:calc(100% - 1px);  }
}




/* */

.contentTab						{border:1px solid #ccc; margin:20px 0 50px; }
.contentTab ul					{text-align:center; }
.contentTab ul li				{display:inline-block;  }
.contentTab ul li + li			{padding-left:2px; background:url(../images/contents/contTab_bar.jpg) no-repeat 0 50%; }
.contentTab ul li a				{display:inline-block; height:45px; padding:0 20px; border-bottom:4px solid #fff;  }
.contentTab ul li a span		{display:block; padding:14px 0 0; font-size:15px; color:#666;  }
.contentTab ul li a:hover		{text-decoration:none; }
.contentTab ul li a:hover span	{color:#ed1c24; text-decoration:none; }
.contentTab ul li.on a			{border-bottom:4px solid #ed1c24; color:#ed1c24;   }
.contentTab ul li.on a span		{color:#ed1c24;}


.halfBox .article				{padding-right:20px;}
.halfBox .article + .article	{margin-top:40px; }







.layerContents	{position:fixed; width:100%; height:100%; top:0; left:0; z-index:23;  }
.layerContents .dimm	{position:absolute; width:100%; height:100%; top:0; left:0; background:#000; opacity:0.5;   }
.layerContents .layerBody	{position:absolute; width:70%; left:50%; margin-left:-35%; top:30%; background:#fff; border-top:8px solid #ed1c24;  border-radius:6px; }
.layerContents .layerBody.idChk		{max-width:500px; margin-left:-250px }
.layerContents .layerBody .btnClose	{position:absolute; right:-40px; top:-40px;}
.layerContents .layerBody .tit		{padding:5%; border-bottom:1px solid #ccc;  }
.layerContents .layerBody .tit strong	{font-size:24px; color:#000; }
.layerContents .layerBody .cont			{padding:5%;  }
.layerContents .layerBody .txt_c		{text-align:center; color:#000; padding:0 0 20px;   }
.layerContents .layerBody .txt_c.mt		{padding:20px 0 0 0;}
.layerContents .layerBody .txt_c.mt span{color:#666666; }
.layerContents .layerBody .searchBox						{padding-top:0px;}
.layerContents .layerBody .searchBox fieldset				{border-radius:0; padding-bottom:15px;  }
.layerContents .layerBody .searchBox fieldset input				{width:200px; height:28px;   }
.layerContents .layerBody .searchBox fieldset legend			{padding-top:5px; }
.layerContents .layerBody .searchBox fieldset a.searchBtn		{height:28px; }
.layerContents .layerBody .searchBox fieldset a.searchBtn span	{padding-left:0; background:none; margin-top:5px;  }

@media (max-width: 750px) {
.layerContents .layerBody.idChk		{max-width:500px; left:15%; margin-left:0; }
.layerContents .layerBody .searchBox fieldset input				{width:calc(100% - 100px); height:28px;   }
}






/* */
.idpwSection					{padding:100px 10px 10px; width:100%; overflow:hidden; }
.idpwSection .box				{border:1px solid #e7e7e7; float:left; width:calc(49% - 42px); padding:20px; box-shadow:2px 2px 5px #ccc;  }
.idpwSection .box .tit			{}
.idpwSection .box .tit strong	{font-size:30px; color:#000; }
.idpwSection .box .tit p		{font-size:17px; color:#555; padding:10px 0 15px;}
.idpwSection .box + .box		{margin-left:2%; }
.idpwSection .box .formBox		{padding:5% 10%; height:170px; }
.idpwSection .box.idpw_id .formBox table 		{margin-top:7%;}
.idpwSection .box .formBox table th		{font-size:20px; }
.idpwSection .box .formBox table td		{padding:4px 0; }
.idpwSection .box .formBox table td.btnBox			{padding-left:30px;}
.idpwSection .box .formBox table td.btnBox a		{min-width:90px; text-align:center; height:auto; padding:0 25px;  margin:0;   }
.idpwSection .box .formBox table td.btnBox a span	{padding:20px 0; }
.idpwSection .box .formBox table td input	{width:calc(100% - 10px); }


@media (max-width: 1100px) {
.idpwSection .box				{float:none; width:calc(100% - 42px); padding:20px; }
.idpwSection .box.idpw_id .formBox table 		{margin-top:0;}
.idpwSection .box .formBox		{height:auto; }
.idpwSection .box + .box		{margin-left:0; margin-top:50px; }
}

@media (max-width: 700px) {
.idpwSection .box .formBox		{padding:5% 4%;}
.idpwSection .box .formBox table th		{font-size:16px; }
.idpwSection .box .formBox table td		{padding:2px 0; }
.idpwSection .box .formBox table td.btnBox			{padding-left:10px;}
.idpwSection .box .formBox table td.btnBox a		{min-width:74px;padding:0 10px; }
.idpwSection .box .formBox table td.btnBox a span	{font-size:16px; }
.idpwSection .box .formBox table td input	{height:30px; }
}




table td.status .btn01			{display:inline-block; border:1px solid #0b3279; background:#2053af; height:38px; width:105px; text-align:center;   }
table td.status .btn01 span		{display:block; padding-top:9px; font-size:15px; color:#fff; font-family:'Noto Sans bold' ,sans-serif; font-weight:700;}
table td.status .btn02			{display:inline-block; border:1px solid #616161; background:#8d8d8d; height:38px; width:105px; text-align:center;   }
table td.status .btn02 span		{display:block; padding-top:9px; font-size:15px; color:#fff; font-family:'Noto Sans bold' ,sans-serif; font-weight:700;}

.bbs_list table.replayList td	{font-size:15px; color:#999999; }
.bbs_list table.replayList td a	{font-size:20px; color:#333; }
.bbs_list table td.tit.reply	{padding-left:100px; background:url(../images/contents/icon_reply.jpg) no-repeat 0 50%;}


@media (max-width: 800px) {
.bbs_list table.replayList td a	{font-size:18px; color:#333; }
.bbs_list table.replayList .date{display:none; }
table td.status .btn01			{width:85px}
table td.status .btn02			{width:85px}
}



/*

*/


.bbs_view					{padding:50px 0 0; }
.bbs_view .pageTit			{font-size:17px; height:50px; border-bottom:1px solid #dedede;  }
.bbs_view .pageTit strong	{font-size:17px; color:#ed1c24;  }
.bbs_view .pageTit span		{font-size:17px; color:#666; margin-left:15px;   }
.bbs_view .event_view		{padding:40px 0 0; overflow:hidden; }
.bbs_view .event_view .evtimg	{width:48%; float:left; }
.bbs_view .event_view .evtimg img	{width:100%; }
.bbs_view .event_view .eventCont	{width:48%; float:right; }
.bbs_view .event_view .eventCont div.tit		{padding-bottom:15px; }
.bbs_view .event_view .eventCont div.tit strong	{color:#000; font-size:40px; font-family:'Noto Sans bold' ,sans-serif; font-weight:300;  }
.bbs_view .event_view .eventCont div.tit p		{padding:15px 0 0; font-size:17px; color:#666; }
.bbs_view .event_view .eventCont div.cont table	{width:100%; text-align:left; border-bottom:1px solid #dedede;  }
.bbs_view .event_view .eventCont div.cont table th,
.bbs_view .event_view .eventCont div.cont table td		{text-align:left; padding:4px 0; padding-left:10px; border-top:1px solid #dedede; height:40px;  font-size:20px; font-family:'Noto Sans' ,sans-serif; font-weight:300; }
.bbs_view .event_view .eventCont div.cont table td		{color:#000; }
.bbs_view .event_view .eventCont div.cont table td .gray{color:#666; font-size:inherit }
.bbs_view .event_view .sns			{margin-top:20px; }
.bbs_view .event_view .sns strong	{font-size:20px; color:#000; display:inline-block; padding:7px 20px 3px 35px; background:url(../images/contents/sns_icon.jpg) no-repeat 0 7px;  }
.bbs_view .event_view .sns a		{margin:0 4px; }
.bbs_view .event_view .btnBox		{margin-top:20px;  text-align:left;  }
.bbs_view .event_view .btnBox a.w150{width:150px; text-align:center; }
.bbs_view .detailTit				{padding:40px 0 8px; border-bottom:1px solid #dedede }
.bbs_view .detailTit h4				{margin:0;}
.bbs_view .view_content				{font-size:17px; color:#666; padding:50px 0; line-height:24px;  }
.bbs_view .event_cont_img			{text-align:center;  }
.bbs_view .event_cont_img img		{max-width:100%; }

.view_content .view_tit		{font-size:40px; margin-top:-10px; padding-bottom:30px; color:#000; }

.bbsBtns					{position:relative; margin:50px 0 0; padding:50px 0 ; text-align:center; border-top:1px solid #dedede;  }
.bbsBtns a.prev				{position:absolute; left:0; }
.bbsBtns a.next				{position:absolute; right:0; }

@media (max-width: 900px) {
.bbs_view					{padding:30px 0 0; }
.bbs_view .pageTit			{font-size:17px; height:30px; border-bottom:1px solid #dedede;  }
.bbs_view .event_view		{padding:30px 0 0; overflow:hidden; }
.bbs_view .event_view .evtimg	{width:100%; float:none; }
.bbs_view .event_view .eventCont	{width:100%; padding:30px 0 0; float:none; }
.bbs_view .event_view .eventCont div.tit strong	{font-size:30px;} 
.bbs_view .event_view .eventCont div.cont table th,
.bbs_view .event_view .eventCont div.cont table td		{height:40px;  font-size:20px;}
.bbs_view .event_view .utils		{overflow:hidden; }
.bbs_view .event_view .sns			{float:left;}
.bbs_view .event_view .btnBox		{float:right; margin-top:12px; }
.bbs_view .event_view .sns strong	{font-size:20px; }
}


@media (max-width: 700px) {
.view_content .view_tit		{font-size:30px;  padding-bottom:20px;}
.bbs_view .event_view .eventCont div.tit strong	{font-size:30px; }
.bbs_view .event_view .sns			{float:none;}
.bbs_view .event_view .btnBox		{float:none; margin-top:20px; text-align:center; }
.bbs_view .event_view .eventCont div.cont table th,
.bbs_view .event_view .eventCont div.cont table td		{height:40px;  font-size:18px;}
.bbs_view .view_content		{padding:30px 0; }
}
@media (max-width: 500px) {
.bbs_view .event_view .sns strong	{font-size:18px; padding-top:7px; }
.bbs_view .event_view .sns a		{margin:2px; }
.bbs_view .event_view .sns a img	{width:35px; }
}



/* 12.09 */
.contactWrap				{margin-top:50px; }
.contactWrap .box			{width:calc(45% - 190px); min-width:390px; padding:5% 5% 5% 190px; padding-left:; margin:0 auto; border:1px solid #e7e7e7; background:url(../images/contents/contact_bg.jpg) no-repeat 0 100%;  }

.contactWrap .box.contactto {width:calc(55% - 190px); min-width:390px; padding:5% 5% 5% 190px; padding-left:; margin:0 auto; border:1px solid #e7e7e7; background:url(../images/contents/contact_bg.jpg) no-repeat 0 100%;  }

.contactWrap .box table		{width:100%; }
.contactWrap .box table th	{text-align:left; height:30px; font-size:17px; color:#555; font-family:'Noto Sans' ,sans-serif; font-weight:300; background:url(../images/contents/bul.jpg) no-repeat 0 50%; padding-left:10px;      }
.contactWrap .box table td	{font-size:20px; color:#ed1c24; text-align:right;   font-family:'Noto Sans bold' ,sans-serif; font-weight:700;   }
.contactWrap .box table th div	{font-size:inherit; color:#555;  }
.contactWrap .box table th div em	{font-size:inherit; }
.contactWrap .box table td.line		{background:url(../images/contents/line.jpg) repeat-x 0 50%; }
.contactWrap .box table th.last		{background:none; padding-left:0; }
.contactWrap .box table th.last div	{border-top:1px solid #dedede; margin-top:15px; padding:15px 0 0 10px; background:url(../images/contents/bul.jpg) no-repeat 0 22px;   }


@media (max-width: 700px) {
.contactWrap .box			{min-width:330px; width:calc(80%); padding:5%; background:none; }
}

@media (max-width: 750px) {
.contactWrap .box table th	{font-size:15px; }
.contactWrap .box table td	{font-size:17px; }
}






/* 고객문의 */
.callcenter			{border:1px solid #e7e7e7; padding:40px 0 40px; text-align:center; background:url(../images/contents/img_call.jpg) no-repeat 0 100%;  }
.callcenter strong		{font-size:30px; color:#ed1c24; }
.callcenter p			{padding:10px 0 0; font-size:17px; color:#555555;  }
.callcenter p em			{color:#f5822a; }
@media (max-width: 1200px) {
.callcenter			{ padding-left:180px; text-align:left;}
}
@media (max-width: 800px) {
.callcenter			{ padding-left:160px; text-align:left;}
}
@media (max-width: 450px) {
.callcenter			{ padding-left:0; text-align:center; background:none}
}




/* whyCalt */
.whyCaltWarp				{}
.whyCaltWarp .service_cont_1		{padding-bottom:720px; background:url(../images/contents/why_visual_2_bg.jpg) no-repeat 50% 0; background-size:100% auto;  }
.whyCaltWarp .service_cont_1 .article		{position:relative; height:100%; margin:0 auto; max-width:1400px; }
.whyCaltWarp .service_cont_1 .article .cont	{position:absolute; z-index:2; right:0%; width:48%; margin-top:20%; }
.whyCaltWarp .service_cont_1 .article .cont .txt	{position:relative; z-index:2; color:#fff; padding:5%; font-size:24px; line-height:140%; }
.whyCaltWarp .service_cont_1 .article .cont .txt p	{font-size:17px; line-height:140%; margin-top:30px;  }
.whyCaltWarp .service_cont_1 .article .cont .txt p strong	{font-size:inherit; line-height:140%; margin-top:30px; font-family:'Noto Sans bold',sans-serif; font-weight:700;   }
.whyCaltWarp .service_cont_1 .article .cont .bg	{position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background:#000; opacity:0.5; }

@media (max-width: 1500px) {
.whyCaltWarp .service_cont_1		{padding-bottom:50%;  background-size: auto 100%;  }
.whyCaltWarp .service_cont_1 .article .cont	{right:10%;  margin-top:15%;  }
}
@media (max-width: 1200px) {
.whyCaltWarp .service_cont_1 .article .cont	{  margin-top:10%;  }
}
@media (max-width: 900px) {
.whyCaltWarp .service_cont_1 .article .cont .txt	{font-size:15px;}
.whyCaltWarp .service_cont_1		{padding-bottom:0;  background-size:  100% auto;  }
.whyCaltWarp .service_cont_1 .article		{padding:30px 0; height:auto;}
.whyCaltWarp .service_cont_1 .article .cont	{position:relative; left:10%; width:80%;  margin:0; }
}
@media (max-width: 700px) {
.whyCaltWarp .service_cont_1		{padding-bottom:0;  background-size:auto 100%;  }
}



/* history */
.whyHistory					{position:relative; overflow:hidden; margin-top:40px;  }
.whyHistory .bg				{position:absolute; height:100%; width:50%;  background:url(../images/contents/history_bg.jpg) no-repeat 0 0; background-size:auto 100% ;  }/* 702*/
.whyHistory .history		{position:relative; width:50%; min-width:550px;float:right; min-height:619px;   }
.whyHistory .history ul		{background:#007143; color:#fff; padding:50px 40px; font-size:17px;  }
.whyHistory .history ul li	{margin-bottom:13px; }
.whyHistory .history ul li em{width:13%;display:inline-block;font-size:0.8em;font-weight:normal}

@media (max-width: 900px) {
.whyHistory					{margin-top:30px;  }
}
@media (max-width: 700px) {
.whyHistory .history		{position:relative; width:100%; min-width:100px;float:none; min-height:100px;   }
.whyHistory .history ul		{ font-size:14px; padding:20px 20px 10px 20px; }
}





/* logis */

.logisCenterWrap				{background:#eaeaea; padding:60px 0; }
.logisCenter					{position:relative; overflow:hidden; }

.logisIntro h6			{margin-top:30px;padding-left:0}
.logisIntro h6:first-child	{margin-top:0px; }
.logisIntro .img	{text-align:center; }
.logisIntro .img img{width:100%; max-width:630px; height:auto; }
.logisIntro .bulnon		{padding-right:10%;font-size:17px;}


.logisBnr			{height:385px; margin-top:60px; background:url(../images/contents/logis_bnr.jpg) no-repeat 50% 0 ; text-align:center;   }
.logisBnr strong	{display:inline-block; padding:110px 0 0; text-shadow:1px 1px 3px #333; color:#fff; font-size:50px;  }

@media (max-width: 901px) {
.logisCenterWrap				{ padding:30px 0; }
.logisIntro .bulnon		{padding-right:0%; }
.logisBnr			{height:200px;  margin-top:30px; background-size:auto 100%; }
.logisBnr strong	{padding:50px 20px 0; font-size:30px;  }

}


.logisCenter .map					{position:relative; width:50%;  }
#mapTab								{ width:450px; height:660px; position:relative; margin:0 auto;  background:url(../images/contents/center_map.jpg) no-repeat 0 0;  }
.logisCenter .mapLayer				{position:absolute; top:0; right:0; width:calc(50% - 40px); height:calc(100% - 40px); overflow:hidden; overflow-y:scroll; margin:0;background:#fff; padding:20px;  }
.logisCenter .mapLayer .img img		{width:100%; }
.logisCenter .mapLayer .closeBtn	{display:none; position:absolute; right:-45px; top:-45px;}
.logisCenter .mapLayer .tit			{overflow:hidden; padding:25px 0 10px 0 ; }
.logisCenter .mapLayer .tit strong	{float:left;  font-size:25px; color:#000; font-family:'Noto Sans bold',sans-serif; font-weight:700}
.logisCenter .mapLayer .tit a		{float:right; margin-top:-10px; }
.logisCenter .mapLayer .bulSet		{font-size:15px; padding-bottom:20px; }
.logisCenter .mapLayer .bulSet li	{font-size:15px; line-height:140%; color:#666; padding-left:6px; margin-top:10px; background:url(../images/contents/bul_dot2.jpg) no-repeat 0 8px; }
.logisCenter .mapLayer .bulSet li em	{color:#333;}
.logisCenter .mapLayer .bulSet li div	{font-size:14px; margin-top:5px; line-height:140%; }
.logisCenter .mapLayer .tableWrap	{overflow:hidden;}
.logisCenter .mapLayer table		{width:100%; margin-left:-1px; margin-top:10px; margin-bottom:10px;  }
.logisCenter .mapLayer table th		{text-align:left; color:#fff; font-size:14px; background:#3275a9;  padding:5px 0 ; text-align:center;  border-left:1px solid #c0cdd7;  }
.logisCenter .mapLayer table td		{text-align:left; padding:5px 0; font-size:14px; text-align:center;  border-left:1px solid #c0cdd7; border-bottom:1px solid #c0cdd7; }


.logisCenter .map ul li a.tits		{position:absolute; background:#3275a9; color:#fff; padding:5px 10px; /* -webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear; */  }
.logisCenter .map ul li a.tits.on,
.logisCenter .map ul li a.tits:hover	{background:#aa1d1d; text-decoration:none}
.logisCenter .map ul li a.tits:before	{content:" "; position:absolute; width:15px; height:15px; border:5px solid #3275a9; border-radius:30px; background:#fff;}
.logisCenter .map ul li a.tits.on:before,
.logisCenter .map ul li a.tits:hover:before	{border:5px solid #aa1d1d; }
.logisCenter .map ul li.li_1 a.tits	{left:50px; top:137px;  }
.logisCenter .map ul li.li_1 a.tits:before	{left:-6px; top:25px;  }
.logisCenter .map ul li.li_2 a.tits	{left:125px; top:212px;  }
.logisCenter .map ul li.li_2 a.tits:before	{left:-6px; top:-22px;  }
.logisCenter .map ul li.li_3 a.tits	{left:208px; top:416px;  }
.logisCenter .map ul li.li_3 a.tits:before	{right:-25px; top:0px;}
.logisCenter .map ul li.li_4 a.tits	{left:255px; top:450px; }
.logisCenter .map ul li.li_4 a.tits:before	{right:-10px; top:-25px; }
.logisCenter .map ul li.li_5 a.tits	{left:300px; top:382px;  }
.logisCenter .map ul li.li_5 a.tits:before	{right:30px; top:26px;  }

@media (max-width: 1000px) {
.logisCenter .map				{width:100%; }
#mapTab								{ width:100%; height:auto; background:none;  }
.logisCenter .map ul li				{padding:1px 0 0; }
.logisCenter .map ul li a.tits		{display:block; position:static; left:0; top:0; height:20px; background:#3275a9; color:#fff; padding:5px 10px; }
.logisCenter .map ul li a.tits:before	{display:none; }
.logisCenter .mapLayer				{position:static; width:calc(100% - 40px); height:auto; overflow:hidden;}

}


ol.process-info{padding:15px;border:#aa1d1d solid 1px}
ol.process-info li{padding:5px 0; font-size:17px;}
ol.process-info li strong{display:inline-block;width:30%;color:#aa1d1d}

.box .mt50{margin-top:50px}
.mapLayer td p {padding-top:10px}
.mapLayer td p span{font-size:11px !important; background-color:transparent !important}