@charset "utf-8";

.sub_top {width:100%; height:200px; background:url(../images/sub_top.png) no-repeat center center;}

.sub_top .tit {padding-top:50px; font-size:3rem; color:#fff; text-align:Center}
.sub_top .txt {color:#fff; font-size:1.2rem; text-align:Center}


.sub_gnb {width:100%; height:60px; border-bottom:1px solid #ccc; }
.sub_gnb_in {max-width:1200px; height:60px; margin:auto; box-sizing:border-box; padding-left:60px; border-left:1px solid #ccc; border-right:1px solid #ccc; position:relative; }
.sub_gnb_in li {width:20%; height:60px; border-left:1px solid #ccc; float:left;  box-sizing:border-box; text-align:center; line-height:60px; font-size:1.3rem;}
.sub_gnb_in li  a {display:block;}
.sub_gnb_in li.on  a {color:#fff; background:#267cd3; font-weight:bold}
.sub_gnb_in li .on  {color:#fff; font-weight:bold; }

.sub_gnb .home {width:60px; height:60px;  background:url(../images/sub_gnb_ico.png) no-repeat center center; position:absolute; left:0px; top:0px;}
.sub_gnb .home a {display:block; width:60px; height:60px; }

.sub_gnb_in li.drop_menu {border-right:1px solid #ccc; width:25%; position:relative; color:#267cd3;  background:#267cd3 url(../images/drop_ico.png) no-repeat  95% center;}
.sub_gnb_in .drop_list {width:100%; position:absolute; top:61px; left:-1px; z-index:9999; background:#fff;  border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;  display:none }
.sub_gnb_in .drop_list p {border-bottom:1px solid #eee; }
.sub_gnb_in .drop_list p a:hover {background:#f9f9f9; color:#267cd3}




@media screen and (max-width:768px) {
.sub_gnb .home {display:none}
.sub_gnb_in {max-width:1200px; height:60px; margin:auto; box-sizing:border-box; padding-left:0px; border-left:0px solid #ccc; border-right:0px solid #ccc; position:relative; }
.sub_gnb_in li:first-child {border-left:0px;}

.sub_gnb_in li.drop_menu {border-right:1px solid #ccc; width:60%; position:relative; color:#267cd3;  background:#267cd3 url(../images/drop_ico.png) no-repeat  95% center;}
.sub_gnb_in .drop_list {width:100%; position:absolute; top:61px; left:-1px; z-index:9999; background:#fff;  border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;  display:none }
.sub_gnb_in .drop_list p {border-bottom:1px solid #eee; }
.sub_gnb_in .drop_list p a:hover {background:#f9f9f9; color:#267cd3}

.sub_gnb_in li {font-size:1rem}
}


h2 {display:block; width:100%; height:50px; margin-top:50px; font-size:2rem; margin-bottom:30px; text-align:Center; color:#333; }


/*ȸ��Ұ�*/
.intro_wrap {width:100%;  background:url(../images/intro_bg.png) no-repeat center top; margin-top:80px; position:relative; text-align:center; padding-bottom:100px }
.intro_wrap  .intro_wrap_txt {display:inline-block; margin-top:70px; text-align:center; color:#fff;  position:relative; padding:0 50px; margin-bottom:70px; }
.intro_wrap  .intro_wrap_txt .tit {font-size:2rem;}
.intro_wrap  .intro_wrap_txt .txt {font-size:1.5rem}
.intro_wrap  .intro_wrap_txt .ico1 {width:45px; height:45px; background:url(../images/intro_ico1.png) no-repeat center center; position:absolute; left:-50px; top:-20px;}
.intro_wrap  .intro_wrap_txt .ico2 {width:45px; height:45px; background:url(../images/intro_ico2.png) no-repeat center center; position:absolute; right:-50px; bottom:-20px;}

.intro_wrap .intro_box {max-width:1200px; margin:auto;  background:#fff; box-sizing:border-box; padding:40px;  }
.intro_wrap .intro_box  .intro_left_img {width:32%; height:500px; float:left}
.intro_wrap .intro_box  .intro_left_img img {width:100%;}
.intro_wrap .intro_box  .intro_txt {float:left; width:68%; text-align:left; box-sizing:border-box; padding-left:30px;}
.intro_wrap .intro_box  .intro_txt .tit {font-size:2rem; color:#267cd3; margin-top:20px}
.intro_wrap .intro_box  .intro_txt .txt {font-size:1.2rem; margin-top:20px; color:#666}
.intro_wrap .intro_box  .intro_txt .sign {margin-top:40px; text-align:right}
.intro_wrap .intro_box  .intro_txt .sign span {display:inline-block; font-size:2rem; color:#267cd3; padding:0 10px;}


@media screen and (max-width:1200px) {
.intro_wrap .intro_box {margin-left:20px; margin-right:20px;  }

}

@media screen and (max-width:768px) {
.intro_wrap .intro_box  .intro_left_img {display:none}
.intro_wrap .intro_box  .intro_txt {float:left; width:100%; text-align:left; box-sizing:border-box; padding-left:0px;}

.intro_wrap  .intro_wrap_txt .ico1 {display:none}
.intro_wrap  .intro_wrap_txt .ico2 {display:none}
.intro_wrap .intro_box { padding:20px;  }

}


/*����*/

.history_wrap {max-width:1200px; margin:auto;  background:url(../images/history_bg.png) repeat-y center top; padding-bottom:100px}
.history_wrap .his_right {width:50%; clear:both; float:right; padding-left:50%; box-sizing:Border-box; padding-left:50px; position:relative}
.history_wrap .his_left{width:50%; clear:both;  float:left; padding-right:50%; text-align:right; box-sizing:Border-box; padding-right:50px; position:relative}
.history_wrap .year {font-size:3rem; color:#267cd3; margin-top:100px; margin-bottom:50px}
.history_wrap li {font-size:1.2rem; clear:both; margin-top:10px}
.history_wrap li span {color:#000; display:inline-block; width:40px; font-size:1.7rem; vertical-align:middle}
.history_wrap .his_right .ico {width:55px; height:30px; background:url(../images/history_right.png) repeat-y center top; position:absolute; top:115px; left:-15px;}
.history_wrap .his_left .ico{width:55px; height:30px; background:url(../images/history_left.png) repeat-y center top; position:absolute; top:115px; right:-15px;}

.history_wrap .his_right  span {color:#000; display:inline-block; width:40px; font-size:1.7rem; line-height:1.7rem; float:left}
.history_wrap .his_left  span {color:#000; display:inline-block; width:40px; font-size:1.7rem; line-height:1.7rem; float:right}

.history_tit_bg {width:320px; height:130px; background:url(../images/history_tit_bg.png) no-repeat left top; position:absolute; left:-390px; top:60px}

@media screen and (max-width:1200px) {
.history_wrap {margin:0 10px}

}

@media screen and (max-width:768px) { 

.history_tit_bg {width:320px; height:130px; background:url(../images/history_tit_bg.png) no-repeat left top; position:absolute; right:0px; top:60px}

.history_wrap {background:none}
.history_wrap .his_right {width:100%; clear:both; float:left; padding-left:0%; box-sizing:Border-box;  position:relative}
.history_wrap .his_left{width:100%; clear:both;  float:left; padding-left:0%; text-align:left; box-sizing:Border-box; position:relative}
.history_wrap .his_left  span {color:#000; display:inline-block; width:40px; font-size:1.7rem; line-height:1.7rem; float:left}
.history_wrap .year {padding-left:70px}


.history_wrap .his_right .ico {width:55px; height:30px; background:url(../images/history_right.png) repeat-y center top; position:absolute; top:115px; left:0px;}
.history_wrap .his_left .ico{width:55px; height:30px; background:url(../images/history_right.png) repeat-y center top; position:absolute; top:115px; left:0px;}

}

/*������*/

.team_wrap {max-width:1200px; margin:auto; padding-bottom:100px; padding-top:50px}
.team_wrap .mobile_img {display:none}
.team_wrap .web_img {width:100%}

@media screen and (max-width:1200px) {
.team_wrap {margin:0 10px}

}

@media screen and (max-width:768px) {
.team_wrap .mobile_img {width:100%; display:block;}
.team_wrap .web_img {display:none}

}

/*���ô±�*/
.map_wrap {max-width:1200px; margin:auto;  padding-bottom:100px; overflow:hidden; padding-top:80px; }
.map_wrap .map_list {width:100%; margin-top:30px;}
.map_wrap .map_list .mapbox {width:32%; float:left; border:1px solid #ccc; box-sizing:border-box; padding-bottom:32%;  background:#fff; position:relative}
.map_wrap .map_list .mapbox2 {margin-left:2%}
.map_wrap .map_list .mapbox3 {margin-left:2%}

.map_wrap .map_list .in_box {width:100%; height:100%; position:absolute}

.map_wrap .map_list .tit {width:100%; padding-top:30%; font-size:1.5rem; color:#000; text-align:center; margin-top:10%}
.map_wrap .map_list .tit1 { background:url(../images/map_tit1.png) no-repeat center top; }
.map_wrap .map_list .tit2 { background:url(../images/map_tit2.png) no-repeat center top; }
.map_wrap .map_list .tit3 { background:url(../images/map_tit3.png) no-repeat center top; }

.map_wrap .map_list .txt {width:100%; text-align:Center; margin-top:10%}

.map_add { padding:20px; border:1px solid #ccc; margin-top:30px; text-align:center;  line-height:60px; font-size:1.2rem; color:#333; vertical-align:middle}
.map_add p {max-width:550px; margin:auto; text-align:left}
.map_add img {vertical-align:middle; margin-right:10px}

@media screen and (max-width:1200px) {
.map_wrap {margin:0 10px; }
.map_wrap .map_list .tit1 { background:url(../images/map_tit1.png) no-repeat center top; background-size:20%}
.map_wrap .map_list .tit2 { background:url(../images/map_tit2.png) no-repeat center top; background-size:20%}
.map_wrap .map_list .tit3 { background:url(../images/map_tit3.png) no-repeat center top; background-size:20%}

}

@media screen and (max-width:768px) {
.map_wrap .map_list .mapbox {width:100%; height:360px; float:left; border:1px solid #ccc; box-sizing:border-box; padding-bottom:0%;  background:#fff; position:relative; margin-top:20px;}
.map_wrap .map_list .mapbox2 {margin-left:0%}
.map_wrap .map_list .mapbox3 {margin-left:0%}


.map_wrap .map_list .tit1 { background:url(../images/map_tit1.png) no-repeat center top; background-size:70px}
.map_wrap .map_list .tit2 { background:url(../images/map_tit2.png) no-repeat center top; background-size:70px}
.map_wrap .map_list .tit3 { background:url(../images/map_tit3.png) no-repeat center top; background-size:70px}


.map_wrap .map_list .tit {width:100%; padding-top:100px; font-size:1.5rem; color:#000; text-align:center; margin-top:70px}

.map_wrap .map_list .txt {width:100%; text-align:Center; margin-top:20px; font-size:1.2rem}

.map_add {   border:1px solid #ccc; margin-top:30px;  line-height:60px; font-size:1.2rem; color:#333; vertical-align:middle}
.map_add img {display:none}


}


/*��ǰ*/

.item_wrap {max-width:1200px; margin:auto;  padding-bottom:100px; overflow:hidden }
.item_wrap ul {margin-left:-20px;}
.item_wrap li {width:25%; box-sizing:border-box; padding-left:20px; float:left; margin-top:60px}
.item_wrap li img {width:100%; border:1px solid #ccc; box-sizing:border-box; }
.item_wrap li p {text-align:center; font-size:1.5rem; color:#333; height:50px;line-height:50px; font-weight:bold}

.item_wrap li:hover img {border:1px solid #267cd3}
.item_wrap li:hover p {color:#267cd3}


@media screen and (max-width:1200px) {
.item_wrap {margin:0 10px }
.item_wrap li {width:33.3%; box-sizing:border-box; padding-left:20px; float:left; margin-top:60px}
.item_wrap li p {text-align:center; font-size:1.3rem; color:#333; height:50px;line-height:50px; font-weight:bold}

}

@media screen and (max-width:768px) {
.item_wrap li {width:50%; box-sizing:border-box; padding-left:20px; float:left; margin-top:60px}
.item_wrap li p {text-align:center; font-size:1.1rem; color:#333; height:50px;line-height:50px; font-weight:bold}



}

/*��ǰ������*/
.item_detail_wrap {max-width:1200px; margin:auto; padding-bottom:100px; overflow:hidden ; margin-top:100px}

.item_detail_wrap h3  {display:inline-block; width:100%; height:60px; line-height:60px; border-bottom:2px solid #000; font-size:1.8rem; color:#000;  margin-top:70px;}
.item_detail_wrap h3 span {display:inline-block; width:5px; height:30px; background:#267cd3; border-radius:5px; vertical-align:middle; margin-right:10px; margin-top:-5px}



.item_list {padding-top:60px;}
.item_list_img {float:left; box-sizing:border-box; border:1px solid #eee; width:502px;}
.item_list ul {float:left; box-sizing:border-box; padding-left:50px; width:698px}
.item_list  li i {display:inline-block; width:3px; height:3px; background:#267cd3; vertical-align:middle; border-radius:50%; margin-right:10px; margin-left:-10px}
.item_list  li {color:#333; font-size:1.3rem; margin-bottom:5px; margin-left:20px;}


.item_table {width:100%}
.item_table table {width:100%; }
.item_table th {height:60px; background:#e0efff; color:#333; font-size:1.2rem;  border:1px solid #fff }
.item_table td {height:60px; background:#f2f8ff; color:#333; font-size:1.2rem; border:1px solid #fff; padding-left:20px; word-break:break-all}

@media screen and (max-width:1200px) {
.item_detail_wrap {margin:0 10px; margin-top:100px }
.top_img img {width:100%}
.item_list_img {float:left; width:30% }
.item_list_img img {width:100%;}
.item_list ul {float:left; width:70%}

}

@media screen and (max-width:768px) {

.item_list_img {float:left; width:100%; text-align:center }
.item_list_img img {width:80%; }
.item_list ul {float:left; width:100%;padding-left:0px; margin-top:50px}
.item_table th {font-size:1rem;}
.item_table td {height:60px; background:#f2f8ff; color:#333; font-size:0.9rem; border:1px solid #fff; padding-left:10px; word-break:break-all}

}

/*�Խ���*/

.board_wrap {max-width:1200px; margin:auto; overflow:hidden ;  padding-bottom:100px; padding-top:50px }

@media screen and (max-width:1200px) {
.board_wrap {margin:0 10px; padding-bottom:100px; }


}

/**/
.agent_wrap {max-width:1200px; margin:auto; padding-bottom:100px; overflow:hidden ; margin-top:80px}
.agent_info {border:1px solid #ccc; margin-bottom:50px;}
.agent_info .info_map {width:40%; background:#f4f4f4; float:left}
.agent_info .info_box {width:60%;  float:left; padding:60px; box-sizing:border-box;}
.agent_info .info_box .b_tit {font-size:2.5rem; color:#333; line-height:3rem;}
.agent_info .info_box .b_tit span {display:block; width:60px; height:5px; background:#267cd3; margin-bottom:20px;}
.agent_info .info_box .s_tit {font-size:1.5rem; color:#333; margin-top:20px}
.agent_info .info_box .num {font-size:2.5rem; color:#267cd3}
.agent_info .info_box .txt {color:#666}

.agent_list {width:100%; margin-top:20px}
.agent_list p {font-size:1.5rem; color:#333; margin-bottom:10px;}
.agent_list table {width:100%; border-top:1px solid #333; }
.agent_list table th {height:40px; background:#f8f8f8; border-bottom:1px solid #ccc; border-right:1px solid #ccc}
.agent_list table td {height:40px;text-align:Center;  border-bottom:1px solid #ccc; border-right:1px solid #ccc}
.agent_list .rast {border-right:0px; }
.agent_list .rast a {display:inline-block; margin-left:20px; color:#273da9; text-decoration:underline}

@media screen and (max-width:1200px) {
.agent_wrap {margin-left:10px; margin-right:10px}

.agent_info .info_map {width:50%; background:#f4f4f4; float:left}
.agent_info .info_box {width:50%;  float:left; padding:60px; box-sizing:border-box;}


}


@media screen and (max-width:1000px) {
.agent_info .info_map {width:100%; background:#f4f4f4; float:left; text-align:Center}
.agent_info .info_box {width:100%;  float:left; padding:60px; box-sizing:border-box;}

}

@media screen and (max-width:768px) {
.agent_info .info_map img  {width:80%}
.agent_info .info_box .b_tit {font-size:2rem; color:#333; line-height:3rem;}

}

@media screen and (max-width:414px) {
.agent_info .info_map img  {width:100%}

}

.site_wrap {max-width:700px;  margin:auto; margin-bottom:100px; }
.site_wrap dl {width:33.3%; float:left; padding:0 10px; box-sizing:border-box;;}
.site_wrap dt {border-bottom:1px solid #ccc; height:50px; line-height:50px; text-align:Center; font-weight:bold; color:#333;  border-top:2px solid #267cd3}
.site_wrap dd {height:50px; line-height:50px; text-align:center}


.guide_wrap {max-width:1200px; margin:auto; padding-bottom:100px; overflow:hidden ; }
.guide_tit {font-size:2rem; color:#333; margin-top:100px}
.guide_tit span {color:#267cd3}

.guide_box {width:100%; height:; box-sizing:border-box; padding:50px; border:1px solid #ccc; margin-top:30px;}
.guide_box dl {margin-top:50px}
.guide_box dt {padding:10px; background:#267cd3; color:#fff;  display:inline-block;}
.guide_box dd {font-size:1.2rem; color:#333; margin-top:20px; }
.guide_box dd span {color:#ff0000}

@media screen and (max-width:1200px) {
.guide_wrap {margin-left:10px; margin-right:10px;}

}

@media screen and (max-width:980px) {
.guide_box  img {width:100%}

}

@media screen and (max-width:768px) {
.guide_box {width:100%; height:; box-sizing:border-box; padding:20px; border:1px solid #ccc; margin-top:30px;}

}



.hide_wrap {max-width:750px;  margin:auto; margin-bottom:100px; padding-top:100px;  }

.hide_wrap li {width:220px; height:220px; background:#267cd3 url(../images/hiding_ico.png) no-repeat center center; float:left; text-align:center; margin:0 15px;}
.hide_wrap li a {display:block;width:220px; height:220px; color:#fff; font-size:1.3rem; padding-top:150px; box-sizing:border-box; font-weight:bold}

@media screen and (max-width:768px) {
.hide_wrap {max-width:240px;  margin:auto; margin-bottom:100px; padding-top:100px;  }

.hide_wrap li {clear:none; margin-top:20px;}

}