@charset "utf-8";


/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 본부소개 > 본부장인사말
	연관단어 : sub0101

////////////////////////////////////////////////////////////////////////////// */
#sub0101 .txts,
#sub0101 .photos .peoples,
#sub0101 .photos .signs img{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
#sub0101 .txts .titles,
#sub0101 .txts .txt_p strong{transition:font-size 0.3s ease; -webkit-transition:font-size 0.3s ease;}

#sub0101{position:relative; padding:0 60px; box-sizing:border-box;}
#sub0101 .txts{width:100%; height:auto; min-height:490px; padding-right:375px; box-sizing:border-box;}
#sub0101 .txts .titles{display: block; line-height:34px; font-size:26px; font-weight:700; font-family:"Nanum Square";}
#sub0101 .txts .titles:after{content:""; display: block; width:100%; height:1px; margin:28px 0; background-color:#e9e9e9;}
#sub0101 .txts .txt_p strong{display: block; line-height:26px; margin-bottom:13px; font-size:20px;}
#sub0101 .txts .txt_p span{font-weight:700;}

#sub0101 .photos{position:absolute; top:0; right:60px; text-align:right;}
#sub0101 .photos.photos2{position:absolute; top:0; right:60px; text-align:center;}
#sub0101 .photos .peoples{width:320px;}
#sub0101 .photos .peoples.peoples2{width:270px;}
#sub0101 .photos .signs{padding-top:35px;}
#sub0101 .photos .signs strong{display: inline-block; line-height:22px; padding-right:3px; font-size:17px; vertical-align:middle;}
#sub0101 .photos .signs img{vertical-align:middle;}


/*사진없는거(강원지역)*/
#sub0101.nopic .txts{min-height:auto; padding-right:0;}
#sub0101.nopic .photos{position:static;}

/*4글자지역(부산울산,)*/
#sub0101.area_4 .txts{padding-right:380px;}

@media screen and (max-width:1023px){
	#sub0101{padding:0;}
	#sub0101 .photos{right:0;}
	#sub0101 .txts .titles{line-height:29px; font-size:23px;}
	#sub0101 .txts .titles:after{margin:22px 0;}
}
@media screen and (max-width:840px){
	#sub0101 .txts{padding-right:300px;}
	#sub0101.area_4 .txts{padding-right:300px;}
	#sub0101 .txts .titles{line-height:25px; font-size:21px;}
	#sub0101 .txts .titles:after{margin:18px 0;}
	#sub0101 .txts .txt_p strong{line-height:22px; font-size:18px;}

	#sub0101 .photos .peoples{width:260px;}
	#sub0101 .photos .signs{padding-top:20px;}
	#sub0101 .photos .signs strong{display: block; padding-bottom:5px; padding-right:0; font-size:16px;}
}
@media screen and (max-width:740px){
	#sub0101 .txts{padding-right:265px;}
	#sub0101.area_4 .txts{padding-right:275px;}
	#sub0101 .photos .peoples{width:240px;}
}
@media screen and (max-width:640px){
	#sub0101 .txts{padding-right:0; padding-top:375px;}
	#sub0101.area_4 .txts{padding-right:0;}
	#sub0101 .txts .titles{line-height:21px; font-size:18px;}
	#sub0101 .txts .titles:after{margin:15px 0;}
	#sub0101 .txts .txt_p strong{line-height:19px; margin-bottom:10px; font-size:16px;}
	#sub0101 .photos{left:50%; right:auto; margin-left:-115px;}
	#sub0101 .photos .peoples{width:230px;}
	#sub0101 .photos .signs{padding-top:10px;}
	#sub0101 .photos .signs strong{padding-bottom:2px; font-size:15px;}
	#sub0101.area_4 .photos .signs strong{font-size:14px;}
	#sub0101 .photos .signs img{width:64px;}
	#sub0101.nopic .txts{padding-top:0;}
  
     /* 본부장인사말 사진 높이 다른 버전 */
    #sub0101 .photos.photos2{margin-top:0px;}
}
@media screen and (max-width:480px){
	#sub0101 .txts{padding-top:330px;}
	#sub0101 .txts .titles{line-height:21px; font-size:18px;}
	#sub0101 .txts .titles:after{margin:15px 0;}
	#sub0101 .txts .txt_p strong{line-height:19px; margin-bottom:10px; font-size:16px;}
	#sub0101 .photos{left:50%; right:auto; margin-left:-100px;}
	#sub0101.area_4 .photos{margin-left:-110px;}
	#sub0101 .photos .peoples{width:200px;}
	#sub0101 .photos .signs{padding-top:6px;}
	#sub0101 .photos .signs strong{padding-bottom:2px; font-size:14px;}
	#sub0101.area_4 .photos .signs strong{font-size:13px;}
	#sub0101 .photos .signs img{width:58px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 본부소개 > 주요연혁
	연관단어 : sub0102

////////////////////////////////////////////////////////////////////////////// */
#sub0102 .title_bg .cell strong .w_txt,
#sub0102 .title_bg .cell strong span,
#sub0102 .history ol > li .blue,
#sub0102 .history .hty_bx strong{transition:font-size 0.3s ease; -webkit-transition:font-size 0.3s ease;}
#sub0102 .title_bg,
#sub0102 .history ol > li,
#sub0102 .history .hty_bx,
#sub0102 .history .hty_bx:after{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub0102 .title_bg{position:relative; display:table; width:100%; height:240px; margin-bottom:20px; padding:10px; background-image: url(../../images/area/content/history_bg.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; box-sizing:border-box;}
#sub0102 .title_bg .cell{display:table-cell; width:100%; height:100%; padding:0 20px; border:1px solid rgba(255,255,255,0.4); vertical-align:middle; text-align:center; box-sizing:border-box;}
#sub0102 .title_bg .cell strong{display:block;}
#sub0102 .title_bg .cell strong .w_txt{display: inline-block; line-height:40px; margin-right:15px; border-top:1px solid rgba(255,255,255,0.2); font-size:40px; font-weight:400; color:#f3f3f3;}
#sub0102 .title_bg .cell strong span{line-height:45px; font-size:45px; font-weight:400;}
#sub0102 .title_bg .cell strong span em{line-height:52px; font-style:normal; font-size:52px; font-weight:700;}

#sub0102 .history{position:relative;}
#sub0102 .history:before{content:""; position:absolute; top:0; left:95px; height:100%; border-left:1px dashed #dcdcdc;}
#sub0102 .history ol > li{position:relative; width:100%; margin-bottom:20px; padding-left:145px; box-sizing:border-box;}
#sub0102 .history ol > li .blue{position:absolute; top:19px; left:0; font-size:27px;}
#sub0102 .history .hty_bx{position:relative; width:100%; height:auto; padding:25px 30px; background-color:#f4f4f4; border:1px solid #e8e8e8; box-sizing:border-box;}
#sub0102 .history .hty_bx:before{content:""; position:absolute; top:36px; left:-50px; width:50px; height:1px; background-color:#e8e8e8;}
#sub0102 .history .hty_bx:after{content:""; position:absolute; top:23px; left:-65px; width:29px; height:29px; background-image: url(../../images/area/content/history_list_bul.png); background-repeat:no-repeat; background-position:left top;}
#sub0102 .history .hty_bx .date{position:relative; margin-top:5px;}
#sub0102 .history .hty_bx .date:first-child{margin-top:0;}
#sub0102 .history .hty_bx strong{position:absolute; top:0; left:0; line-height:19px; font-size:19px;}
#sub0102 .history .hty_bx ul{width:100%; padding-left:125px; box-sizing:border-box;}
#sub0102 .history .hty_bx ul li{color:#7b7b7b;}
#sub0102 .history .hty_bx ul li:after{background:#d2d2d2;}

@media screen and (max-width:840px){
	#sub0102 .title_bg{height:160px;}
	#sub0102 .title_bg .cell strong .w_txt{margin-right:10px; line-height:36px; font-size:33px;}
	#sub0102 .title_bg .cell strong span{line-height:40px; font-size:40px;}
	#sub0102 .title_bg .cell strong span em{line-height:47px; font-size:47px;}
}
@media screen and (max-width:640px){
	#sub0102 .title_bg{height:140px;}
	#sub0102 .title_bg .cell strong .w_txt{margin-right:6px; line-height:30px; font-size:26px;}
	#sub0102 .title_bg .cell strong span{line-height:34px; font-size:34px;}
	#sub0102 .title_bg .cell strong span em{line-height:38px; font-size:38px;}
	#sub0102 .history:before{left:80px;}
	#sub0102 .history ol > li{margin-bottom:10px; padding-left:115px;}
	#sub0102 .history ol > li .blue{top:13px; font-size:23px;}
	#sub0102 .history .hty_bx{padding:20px 25px;}
	#sub0102 .history .hty_bx:before{top:28px; left:-35px; width:35px;}
	#sub0102 .history .hty_bx:after{top:16px; left:-48px; width:25px; height:25px; background-size:100%;}
	#sub0102 .history .hty_bx .date{margin-top:2px;}
	#sub0102 .history .hty_bx strong{line-height:17px; font-size:17px;}
	#sub0102 .history .hty_bx ul{padding-left:110px;}
}
@media screen and (max-width:480px){
	#sub0102 .title_bg{height:110px;}
	#sub0102 .title_bg .cell strong .w_txt{margin-right:6px; line-height:26px; font-size:20px;}
	#sub0102 .title_bg .cell strong span{line-height:24px; font-size:24px;}
	#sub0102 .title_bg .cell strong span em{line-height:30px; font-size:30px;}
	#sub0102 .history:before{left:70px;}
	#sub0102 .history ol > li{padding-left:95px;}
	#sub0102 .history ol > li .blue{top:13px; font-size:21px;}
	#sub0102 .history .hty_bx{padding:20px;}
	#sub0102 .history .hty_bx:before{top:28px; left:-25px; width:25px;}
	#sub0102 .history .hty_bx:after{top:18px; left:-35px; width:20px; height:20px; background-size:100%;}
	#sub0102 .history .hty_bx .date{margin-top:8px;}
	#sub0102 .history .hty_bx strong{position:static; line-height:17px; font-size:17px;}
	#sub0102 .history .hty_bx ul{padding-left:0;}
}
@media screen and (max-width:380px){
	#sub0102 .history .hty_bx{padding:15px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 조직도
	연관단어 : sub0103

////////////////////////////////////////////////////////////////////////////// */
#sub0103 ul li .manager,
#sub0103 ul li ul li .linebx,
#sub0103 ul li ul li .linebx:before,
#sub0103 ul li ul li:after{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

#sub0103 a:hover{text-decoration:none;}
#sub0103 .cell{display:table-cell; width:100%; height:100%; padding:6px; vertical-align:middle; text-align:center; }

/*메인조직도*/
#sub0103 .organ{overflow: hidden; max-width:750px; margin:0 auto 60px auto; padding:0 10%;}
#sub0103 ul li .manager{background-color:#096aac;}
#sub0103 ul li .manager{display:table; position:relative; width:200px; height:60px; margin:0 auto 25px auto; padding:5px; box-sizing:border-box;}
#sub0103 ul li .manager .cell{border:1px solid rgba(255,255,255,0.3);}
#sub0103 ul li .manager strong{font-size:20px; color:#fff;}

#sub0103 ul li ul:after{content:""; clear:both;}
#sub0103 ul li ul li{position:relative; float:left; width:33.33%; box-sizing:border-box;}
#sub0103 ul li ul li:after{content:""; position:absolute; top:0; height:2px; margin-left:0px; background-color:#e0e0e0;}
#sub0103 ul li ul li:first-child{padding-right:5px;}
#sub0103 ul li ul li:nth-child(2){padding:0 5px;}
#sub0103 ul li ul li:last-child{padding-left:5px;}
#sub0103 ul li ul li:first-child:after{width:50%; left:50%;}
#sub0103 ul li ul li:nth-child(2):after{width:100%; left:0;}
#sub0103 ul li ul li:last-child:after{width:50%; right:50%;}

#sub0103 ul li ul li .linebx{display:table; position:relative; table-layout:fixed; word-wrap:break-word; width:100%; height:60px; margin-top:25px;}
#sub0103 ul li ul li .linebx:before{content:""; position:absolute; top:-25px; left:50%; width:2px; height:25px; background-color:#e0e0e0;}
#sub0103 ul li ul li:first-child .linebx:before{margin-left:1px;}
#sub0103 ul li ul li:nth-child(2) .linebx:before{height:50px; top:-50px;}
#sub0103 ul li ul li:last-child .linebx:before{margin-left:-3px;}
#sub0103 ul li ul li .linebx strong{display:table-cell; width:100%; height:100%; line-height:18px; padding:6px; border:3px solid #4c5c7f; vertical-align:middle; text-align:center; font-size:16px; color:#4c5c7f; box-sizing:border-box;}

@media screen and (max-width:840px){
	#sub0103 .organ{margin:0 auto 40px auto;}
	#sub0103 ul li .manager{width:170px; height:52px;}
	#sub0103 ul li .manager strong{font-size:18px;}
	#sub0103 ul li ul li .linebx{height:52px;}
	#sub0103 ul li ul li .linebx strong{border:2px solid #4c5c7f; font-size:15px;}
}
@media screen and (max-width:640px){
	#sub0103 .organ{margin:0 auto 30px auto;}
	#sub0103 .organ{padding:0 3%;}
	#sub0103 ul li .manager{margin:0 auto 20px auto;}
	#sub0103 ul li .manager strong{font-size:17px;}
	#sub0103 ul li ul li .linebx{margin-top:20px;}
	#sub0103 ul li ul li .linebx:before{top:-20px; height:20px;}
	#sub0103 ul li ul li:nth-child(2) .linebx:before{top:-40px; height:40px;}
	#sub0103 ul li ul li .linebx strong{font-size:14px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 사회공헌 > 사회공헌활동
	연관단어 : sub02

////////////////////////////////////////////////////////////////////////////// */
#sub02{}
#sub02 .photos{display: table; width:100%; height:270px; padding:0 45% 0 55px; background-image:url(../../images/area/content/social_img.jpg); background-repeat:no-repeat; background-position:right center; background-size:cover; box-sizing:border-box;}
#sub02 .photos strong{display:table-cell; width:100%; height: 100%; line-height:34px; font-size:28px; font-family:"Nanum Square"; vertical-align:middle;}
#sub02 .photos strong em{display: block; line-height:22px; margin-bottom:5px; font-size:18px; font-style:normal; font-family:"Nanum Gothic","돋움",Dotum,Helvetica,Verdana,Arial,sans-serif;}
#sub02 .social_lst{width:100%; height:auto; margin-top:30px; background-color:#f9fbfb; border-top:2px solid #000; border-bottom:2px solid #000;}
#sub02 .social_lst ul li{position:relative; display: table; table-layout:fixed; width:100%; height:90px; padding:0 40px 0 185px; border-bottom:1px dotted #bfbfbf; box-sizing:border-box;}
#sub02 .social_lst ul li .cell{display:table-cell; width:100%; height:100%; padding:5px 0; vertical-align: middle; box-sizing:border-box;}
#sub02 .social_lst ul li strong{position:absolute; top:50%; left:30px; margin-top:-10px;}
#sub02 .social_lst ul li strong.line_2{margin-top:-22px;}

@media screen and (max-width:1240px){
	#sub02 .photos{background-position:right 30% center;}
}
@media screen and (max-width:1023px){
	#sub02 .photos{padding:0 45% 0 30px;}
	#sub02 .photos strong{line-height:26px; font-size:23px;}
	#sub02 .photos strong em{line-height:18px; font-size:16px;}
}
@media screen and (max-width:840px){
	#sub02 .photos{height:200px;}
	#sub02 .photos strong{line-height:24px; font-size:20px;}
	#sub02 .photos strong em{line-height:16px; font-size:15px;}
}
@media screen and (max-width:640px){
	#sub02 .photos{height:170px; padding:0 40% 0 20px; background-position:right 45% center;}
	#sub02 .photos strong{line-height:20px; font-size:18px;}
	#sub02 .photos strong em{line-height:15px; font-size:13px;}

	#sub02 .social_lst ul li{padding:0 20px 0 140px;}
}
@media screen and (max-width:480px){
	#sub02 .photos{padding:0 20px; background-position:left center;}
	#sub02 .photos strong{line-height:20px; font-size:18px;}
	#sub02 .photos strong em{line-height:15px; font-size:13px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 찾아오시는 길
	연관단어 : sub04

////////////////////////////////////////////////////////////////////////////// */
#sub04 .map_api #map,
#sub04 .map_api #map .wrap_map,
#sub04 .map_api .info,
#sub04 .map_api .info ul li,
#sub04 .map_api .info ul li .icons,
#sub04 .map_api .info .map_btn,
#sub04 .bus,
#sub04 .bus .icons,
#sub04 .car_lst{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
#sub04 .map_api .info ul li strong,
#sub04 .map_api .info ul li p,
#sub04 .txts .tt{transition:font-size 0.3s ease; -webkit-transition:font-size 0.3s ease;}

#sub04 .map_api{position:relative; width:100%; height:auto; background-color:#ccc;}
#sub04 .map_api #map {height:510px; font-size:0;}
#sub04 .map_api #map .wrap_map {height:510px;}
#sub04 .map_api #map .wrap_map .wrap_btn_zoom{display:none;}
#sub04 .map_api #map .root_daum_roughmap{padding:0 !important; border:0 !important;}
#sub04 .map_api #map .root_daum_roughmap .wrap_controllers{display:none;}
#sub04 .map_api .info{position:absolute; bottom:0; left:0; z-index:10; width:100%; height:auto; padding-right:115px; background-color:rgba(70,118,159,0.8); box-sizing:border-box;}
#sub04 .map_api .info ul{overflow: hidden; width:100%; padding:0 5%; box-sizing:border-box;}
#sub04 .map_api .info ul li{position:relative; float:left; height:115px; padding-left:58px; box-sizing:border-box;}
#sub04 .map_api .info ul li:first-child{width:68%; padding-right:20px;}
#sub04 .map_api .info ul li:last-child{width:32%;}
#sub04 .map_api .info ul li .icons{
	overflow: hidden; position:absolute; top:35px; left:0; width:48px; height:48px; background-color:#fff; background-repeat:no-repeat; background-position:center center; text-indent:-2000px;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#sub04 .map_api .info ul li:first-child .icons{background-image: url(../../images/area/content/way_address.png);}
#sub04 .map_api .info ul li:last-child .icons{background-image: url(../../images/area/content/way_call.png);}
#sub04 .map_api .info ul li .txts{position:relative; display:table; width:100%; height:100%; vertical-align:middle;}
#sub04 .map_api .info ul li strong{display: inline-block; line-height:115px; padding-right:8px; font-size:18px;}
#sub04 .map_api .info ul li p{display:table-cell; width:100%; height:100%; line-height:24px; margin:0; font-weight:700; vertical-align:middle; font-size:18px; color:#fff;}
#sub04 .map_api .info .map_btn{
	position:absolute; bottom:0; right:0; width:115px; height:100%; padding:23px 10px; background-color:#39607f; text-decoration:none; box-sizing:border-box;
	transition:background-color 0.3s ease;
	-webkit-transition:background-color 0.3s ease;
}
#sub04 .map_api .info .map_btn:hover{background-color:#2f516e;}
#sub04 .map_api .info .map_btn img{display:block; width:34px; margin:0 auto; padding-bottom:8px;}
#sub04 .map_api .info .map_btn strong{display: block; font-size:14px; text-align:center; color:#fff;}

#sub04 .subway,
#sub04 .bus,
#sub04 .car_lst{position:relative; width:100%; min-height:70px; padding-left:100px; box-sizing:border-box;}
#sub04 .subway .icons,
#sub04 .bus .icons,
#sub04 .car_lst .icons{
	overflow: hidden; position:absolute; top:0; left:0; width:70px; height:70px; background-repeat:no-repeat; background-position:center center; text-indent:-2000px;
	border-radius:50%;
	-webkit-border-radius:50%;
}
#sub04 .txts .tt{display: block; margin-bottom:6px; font-size:21px;}

#sub04 .subway{margin-bottom:20px;}
#sub04 .subway .icons{background-color:#007197; background-image: url(../../images/area/content/way_subway.png);}
#sub04 .subway .txts .tt{color:#007197;}
#sub04 .subway .txts p em{
	display: inline-block; min-width:30px; padding:0 8px; font-style:normal; font-size:14px; text-align:center; color:#fff;
	border-radius:20px;
	-webkit-border-radius:20px;
}
#sub04 .subway .txts p em.bundang{background-color:#edb217;}
#sub04 .subway .txts p em.sub7{background-color:#606d00;}
#sub04 .subway .txts p em.sub1{background-color:#002773;}

#sub04 .bus{margin-bottom:20px;}
#sub04 .bus .icons{background-color:#4c728c; background-image: url(../../images/area/content/way_bus.png);}
#sub04 .bus .txts .tt{color:#4c728c;}
#sub04 .bus .txts p{display: inline-block;}
#sub04 .bus .txts p em{display: inline-block; width:40px; height:20px; margin-right:2px; line-height:20px; background-color:#048f00; font-size:14px; font-style:normal; text-align:center; color:#fff;}
#sub04 .bus .txts p em.bus_blue{background-color:#13327d;}
#sub04 .bus .txts p em.bus_yellow{background-color:#f9ac1f;}
#sub04 .bus .txts p em.bus_red{background-color:#cb0601;}
#sub04 .bus .txts p em.bus_sky{background-color:#a2d6fe; color:#13327d;}
#sub04 .bus .txts p span{display:inline-block; padding-bottom:3px; margin-right:8px;}
#sub04 .bus .txts p a {vertical-align:middle;}

#sub04 .car_lst .icons{background-color:#009782; background-image: url(../../images/area/content/way_car.png);}
#sub04 .car_lst .txts .tt{color:#009782;}
#sub04 .car_lst .txts ul li{padding-top:10px; border-bottom:1px solid #ebebeb;}
#sub04 .car_lst .txts ul li:first-child{padding-top:0;}
#sub04 .car_lst .txts ul li:last-child{border-bottom:0;}
#sub04 .car_lst .txts ul li strong{display: block; padding-bottom:6px; font-size:17px;}
#sub04 .car_lst .txts ul li:first-child strong{margin-top:0;}
#sub04 .car_lst .txts ul li:last-child strong{padding-bottom:0;}

@media screen and (max-width:1240px) and (min-width:1024px){
	#sub04 .map_api .info{padding-right:100px;}
	#sub04 .map_api .info ul{padding:0 25px;}
	#sub04 .map_api .info ul li{height:100px;}
	#sub04 .map_api .info ul li:first-child{width:62%;}
	#sub04 .map_api .info ul li:last-child{width:38%;}
	#sub04 .map_api .info ul li .icons{top:27px;}
	#sub04 .map_api .info ul li strong,
	#sub04 .map_api .info ul li p{font-size:16px;}
	#sub04 .map_api .info ul li strong{line-height:100px;}
	#sub04 .map_api .info ul li p{line-height:20px;}
	#sub04 .map_api .info .map_btn{width:100px; padding:15px 10px;}
}
@media screen and (max-width:1023px){
	#sub04 .txts .tt{margin-bottom:3px; font-size:19px;}
}
@media screen and (max-width:940px){
	#sub04 .map_api #map,
	#sub04 .map_api #map .wrap_map{height:420px;}
	#sub04 .map_api .info{padding-right:100px;}
	#sub04 .map_api .info ul{padding:0 25px;}
	#sub04 .map_api .info ul li{height:100px;}
	#sub04 .map_api .info ul li:first-child{width:62%;}
	#sub04 .map_api .info ul li:last-child{width:38%;}
	#sub04 .map_api .info ul li .icons{top:27px;}
	#sub04 .map_api .info ul li strong,
	#sub04 .map_api .info ul li p{font-size:16px;}
	#sub04 .map_api .info ul li strong{line-height:100px;}
	#sub04 .map_api .info ul li p{line-height:20px;}

	#sub04 .map_api .info .map_btn{width:100px; padding:15px 10px;}
}
@media screen and (max-width:740px){
	#sub04 .map_api #map,
	#sub04 .map_api #map .wrap_map{height:270px;}
	
	#sub04 .map_api .info{padding-right:0; padding-bottom:50px; position:relative; left:auto; background-color:rgba(70,118,159,1);}
	#sub04 .map_api .info ul{padding:20px 25px;}
	#sub04 .map_api .info ul li{float: none; width:100% !important; height:auto;}
	#sub04 .map_api .info ul li:first-child{margin-bottom:10px; padding-right:0;}
	#sub04 .map_api .info ul li .icons{top:0; width:42px; height:42px;}
	#sub04 .map_api .info ul li strong{line-height:20px; padding-right:0;}
	#sub04 .map_api .info ul li p{display:inline-block; height:auto;}
	#sub04 .map_api .info .map_btn{width:100%; height:50px; padding:0; text-align:center;}
	#sub04 .map_api .info .map_btn img{display: inline-block; width:18px; padding-bottom:0; vertical-align:middle;}
	#sub04 .map_api .info .map_btn strong{display: inline-block; line-height:50px;}
}
@media screen and (max-width:640px){
	#sub04 .map_api .info ul li .icons{top:0; width:42px; height:42px;}
	#sub04 .map_api .info ul li strong,
	#sub04 .map_api .info ul li p{font-size:15px;}
	#sub04 .subway,
	#sub04 .bus,
	#sub04 .car_lst{padding-left:75px;}
	#sub04 .txts .tt{font-size:18px;}
	#sub04 .subway .icons{width:55px; height:55px; background-size:40%;}
	#sub04 .bus .icons,
	#sub04 .car_lst .icons{width:55px; height:55px; background-size:50%;}
	#sub04 .bus{margin-bottom:10px;}
	#sub04 .subway .txts p em,
	#sub04 .bus .txts p em{font-size:13px;}
	#sub04 .car_lst .txts ul li strong{padding-bottom:3px; font-size:16px;}
}
@media screen and (max-width:480px){
	#sub04 .map_api #map,
	#sub04 .map_api #map .wrap_map{height:200px;}
	#sub04 .map_api .info{padding-bottom:40px;}
	#sub04 .map_api .info ul{padding:15px 20px;}
	#sub04 .map_api .info ul li:first-child{margin-bottom:5px;}
	#sub04 .map_api .info .map_btn{height:40px;}
	#sub04 .map_api .info .map_btn img{width:15px; margin-top:-4px;}
	#sub04 .map_api .info .map_btn strong{line-height:40px;}

	#sub04 .subway,
	#sub04 .bus,
	#sub04 .car_lst{padding-left:60px;}
	#sub04 .subway .icons,
	#sub04 .bus .icons,
	#sub04 .car_lst .icons{width:45px; height:45px;}
}



/* //////////////////////////////////////////////////////////////////////////////

	페이지정보 : 사이트맵
	연관단어 : sitemap

////////////////////////////////////////////////////////////////////////////// */
#sitemap .tmenu_ti{display:none;}
#sitemap hr{display:none;}
#sitemap ul{overflow:hidden;}
#sitemap ul li,
#sitemap ul li a{box-sizing:border-box;}
#sitemap ul li a:hover{text-decoration:none;}

#sitemap ul li[class*="num"]{display:inline-block; width:33%; margin-top:50px; vertical-align:top;}
#sitemap ul li.sub01,
#sitemap ul li.sub02,
#sitemap ul li.sub03{margin-top:0;}
#sitemap ul li[class*="num"]:nth-child(3n+1){padding:0 1.5% 0 0;}
#sitemap ul li[class*="num"]:nth-child(3n+2){padding:0 1.5%;}
#sitemap ul li[class*="num"]:nth-child(3n+3){padding:0 0 0 1.5%;}
#sitemap ul li[class*="num"] > a{display:block; width:100%; height:55px; line-height:55px; padding:0 20px; background-color:#f0f2f4; border-top:2px solid #b9ccd6;}
#sitemap ul li[class*="num"] > a span{font-size:19px; font-weight:700; color:#1b4292;}

#sitemap ul li ul li{padding:15px; border-bottom:1px solid #dfe1e3;}
#sitemap ul li ul li a{display:block;}
#sitemap ul li ul li a span{font-size:17px; font-weight:700;}

#sitemap ul li ul li ul,
#sitemap ul li ul li ul li ul{display:none;}

@media screen and (max-width:1260px) and (min-width:1024px){
	#sitemap ul li[class*="num"]{width:32.9%;}
}
@media screen and (max-width:900px){
	#sitemap ul li[class*="num"]{width:32.9%;}
}
@media screen and (max-width:740px){
	#sitemap ul li[class*="num"]{width:49.5%; margin-top:30px;}
	#sitemap ul li[class*="num"]:nth-child(odd){padding:0 1.5% 0 0;}
	#sitemap ul li[class*="num"]:nth-child(even){padding:0 0 0 1.5%;}
	#sitemap ul li.sub01,
	#sitemap ul li.sub02{margin-top:0;}
}
@media screen and (max-width:480px){
	#sitemap ul li[class*="num"]{width:100%; margin-top:20px; padding:0 !important;}
	#sitemap ul li.sub01{margin-top:0;}
}