@charset "UTF-8";

.contact_01{padding:50px 0 90px}
.contact_01 .txt_body{width:100%;margin-top:55px;}
.contact_01 .txt_body .map{width:720px;}
.contact_01 .txt_body .txt{width:405px;}
.contact_01 .txt_body .txt h4{font-size:14px;line-height:26px;color:#777777;margin-bottom:15px;}
.contact_01 .txt_body .txt h4 img{float:left;margin-right:10px;}
.contact_01 .txt_body .txt .title h3{font-size:24px;line-height:24px;color:#3a3a3a;}
.contact_01 .txt_body .txt ul{display:inline-block;width:100%;}
.contact_01 .txt_body .txt ul li{float:left;margin-right:45px;}
.contact_01 .txt_body .txt ul li p{font-size:18px;line-height:20px;color:#3a3a3a;}
.contact_01 .txt_body .txt .line{height:1px;width:100%;background-color:#eeeeee;margin:20px 0;}
.contact_01 .txt_body .txt .add p{font-size:18px;line-height:26px;color:#3a3a3a;}
.contact_01 .txt_body .txt .mail p a{font-size:18px;line-height:26px;color:#3a3a3a;text-decoration:none;}

.contact_02{background-color:#f4f8f9;padding:55px 0 90px;}
.contact_02 .page_tit p{font-size:16px;line-height:36px;color:#313131;margin-top:20px;}
.contact_02 .content .tit{padding:45px 0;width:100%;display:inline-block;margin-top:40px;}
.contact_02 .content .tit span.fl{font-size:24px;line-height:24px;color:#282828;padding-left:20px;}
.contact_02 .content .tit span.fr{font-size:18px;line-height:24px;color:#252222;padding-right:20px;}
.contact_02 .content .tit span.fr a{font-size:18px;color:#252222;text-decoration:none;}
.contact_02 .content .tit span.fr a:hover{color:#48b5d0;}
.contact_02 .content ul{border-top:1px solid #c9ccce;}
.contact_02 .content ul li{border-bottom:1px solid #c9ccce;}
.contact_02 .content ul li h3{padding:40px 20px;position: relative;cursor:pointer;font-size:22px;}
.contact_02 .content ul li h3 span{float:right;font-size:22px;color:#282828;width:310px;}
.contact_02 .content ul li h3 i{display:inline-block;width:20px;height:20px;background:url(../images/contact/ico.png ) no-repeat;position: absolute;right:35px;top:40px;transition:all ease-out .5s;}
.contact_02 .content ul li h3.cur i{transform: rotateX(-180deg)}
.contact_02 .content ul li .con{padding:20px;border-top:1px solid #bbc1c1;display:none;}
.contact_02 .content ul li .con p{font-size:16px;line-height:32px;color:#282828;}
.contact_02 .content ul li.active{background:#e0e7e7;}