@charset "utf-8";

/****************************************************************
	Etc
*****************************************************************/

/* Location */
.location {overflow:hidden; margin:0 auto; width:1200px;}

.location_cont {overflow:hidden;}
.g_map_area {overflow:hidden; position:relative; height:500px;}
.g_map_area .add_info {background-color:#006869; overflow:hidden; box-sizing:border-box; position:absolute; left:0; bottom:80px; padding-top:15px; padding-left:50px; height:115px; width:465px;}
.g_map_area .add_info h1 {color:#fff; font-size:24px; font-weight:normal; line-height:1.1em; margin-bottom:13px;}
.g_map_area .add_info address,
.g_map_area .add_info p {color:#fff; font-size:16px;}
.g_map_area .add_info address {margin-bottom:8px;}
.g_map_address {width:100%; height:60px; line-height: 60px; text-align: center; background:#73cbc6; color:#fff; margin-bottom:100px;}

.public_trans {overflow:hidden; margin-bottom:94px;}
.trans_info {overflow:hidden;}
.trans_info + .trans_info {margin-top:104px;}
.direction_way {overflow:hidden; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.direction_way + .direction_way {border-top:none;}

.div_direction {overflow:hidden; position:relative; height:265px;}
.div_direction .title {position:absolute; left:0; top:50px; width:170px;}
.div_direction .title .img {margin:0 auto; height:59px; width:59px;}
.div_direction .title h1 {color:#333; font-size:22px; font-weight:normal; line-height:1.1em; text-align:center; margin-top:10px;}
.div_direction .title h1 span {color:#666; font-size:16px;}
.div_direction .order_way {float:left; position:relative; margin-left:170px; padding-top:120px; width:1030px;}
.div_direction + .div_direction .order_way {border-top:1px solid #d9d9d9;}
.div_direction .order_way:before {background-color:#d9d9d9; content:""; border-radius:10px; position:absolute; left:0; top:120px; height:4px; width:100%;}
.div_direction .order_way li {float:left; position:relative; padding-top:45px; width:25%;}
.div_direction .order_way li:after {background-color:#fff; content:""; border:3px solid #f68b1f; border-radius:100%; box-sizing:border-box; position:absolute; right:0; left:0; top:-18px; margin:0 auto; height:38px; width:38px;}
.div_direction .order_way.col_5 li {width:20%;}
.div_direction .order_way li.arrive:after {border-color:#006869;}
.div_direction .order_way .way_div {}
.div_direction .order_way .way_div p {color:#666; font-size:14px; line-height:1.286em; text-align:center;}
.div_direction .order_way .arrive p {color:#006869;}

.location_cont .visual {overflow:hidden; margin-bottom:24px; height:300px;}
.floor_info {overflow:hidden;}
.floor_set {overflow:hidden;}
.floor_set .sub_cont_tit {margin-bottom:24px; height:80px;}
.floor_set .sub_cont_tit p {margin-top:0;}
.floor_set .floor_img {position:relative; margin-bottom:20px;}
.floor_set .floor_img .info_copy {background-color:#006869; overflow:hidden; box-sizing:border-box; position:absolute; left:0; bottom:10px; padding-top:7px; padding-left:10px; height:50px; width:475px;}
.floor_set .floor_img .info_copy p {color:#fff; font-size:14px; line-height:1.286em;}
.floor_set .plan_img {overflow:hidden;}

/* 지하철, 버스 추가 */
.mapUseInfo > li {overflow: hidden; padding: 25px 0 26px 0; border-top: 1px solid #ddd;}
.mapUseInfo > li:first-child {padding-top: 0; border-top: 0;}
.mapUseInfo > li:after {content: ''; display: block; clear: both; overflow: hidden;}
.mapUseInfo > li.last {padding-bottom: 0; border-bottom: 0 none;}
.mapUseInfo.liType2 > li {padding-bottom: 0px;}
.mapUseInfo li dl.infoType2 {display: block; clear: both; overflow: hidden;}
.mapUseInfo li dl.infoType2 dt {float: left; width: 240px; height: 27px; line-height: 27px; padding-left: 35px; font-size: 18px; font-weight: 500; margin-bottom: 10px; letter-spacing: -1px;}
.mapUseInfo li dl.infoType2 dd {float: left; width: 895px; margin-bottom: 10px; height: 27px; line-height: 27px; letter-spacing: -0.8px;}
.mapUseInfo li dl.infoType2 dt.icosub2 {color: #058b40; background: url('/gb/images/lang/facilities/ico_subwayLine.gif') 0 3px no-repeat;}
.mapUseInfo li dl.infoType2 dt.icosub5 {color: #674498; background: url('/gb/images/lang/facilities/ico_subwayLine.gif') 0 -267px no-repeat;}
.mapUseInfo li dl.infoType2 dt.icosub8 {color: #e84087; background: url('/gb/images/lang/facilities/ico_subwayLine.gif') 0 -357px no-repeat;}
.mapUseInfo li dl.infoType2 dt.icosub9 {color: #b2933f; background: url('/gb/images/lang/facilities/ico_subwayLine.gif') 0 -447px no-repeat;}
.mapUseInfo li dl.infoType3 {display: block; clear: both; overflow: hidden;}
.mapUseInfo li dl.infoType3 dt {float: left; width: 275px; height: 27px; line-height: 27px;}
.mapUseInfo li dl.infoType3 dd {float: left; width: 895px; height: 27px; line-height: 27px;}
.mapUseInfo li dl.infoType3 span {float: left; width:75px; text-align: center; display:inline-block; padding: 0; background: #009a44; color: #fff; font-size: 18px; font-weight: 500; height: 27px; line-height: 27px; margin-right:10px;}

/* 셔틀버스 */
.shuttleWrap{float: left; width: 49%;}
.mg_r{margin: 0 2% 0 0;}
.shuttleTd{text-align: left !important; padding: 10px; line-height: 1.6;}
.fc_ag{color: #006869 !important;}
.shuttleImg{margin: 10px 0 20px; width: 100%;}
.tableLh{line-height: 1.6;}

/* 기간권 안내 */
.passRg{width: 400px; float: left; margin: 10px 0; text-align: center;}


/* Mobile Ver. */
@media screen and (max-width:700px) {
	.location {overflow:hidden; margin:0 auto; width:94%;}
	.g_map_area {overflow:hidden; position:relative; height:350px;}
	.g_map_area iframe {width:100%; height:350px;}
	.g_map_area .add_info {background-color:#006869; overflow:hidden; box-sizing:border-box; position:absolute; left:0; bottom:80px; padding-top:15px; padding-left:50px; height:115px; width:100%;}
	.g_map_area .add_info h1 {color:#fff; font-size:1.25em; font-weight:normal; line-height:1.1em; margin-bottom:13px;}
	.g_map_area .add_info address,
	.g_map_area .add_info p {color:#fff; font-size:0.9em;}
	.g_map_address {width: 100%; height: 45px; line-height: 1.25em; text-align: center; background: #73cbc6; color: #fff; padding: 10px 0; margin-bottom: 30px;}
	.direction_way {overflow:hidden; border-top:none; border-bottom:none;}
	.direction_way + .direction_way {border-bottom:1px solid #d9d9d9;}
	.div_direction {overflow:hidden; position:relative; height:auto; border-top:1px solid #d9d9d9; margin-bottom:30px;}
	.div_direction .title {position:relative; left:0; top:0; width:100%;}
	.div_direction .title h1 {color:#333; font-size:1.25em; font-weight:normal; line-height:1.1em; text-align:left; margin-top:20px;}
	.div_direction .title h1 span {color:#666; font-size:0.9em;}
	.div_direction .title .img {margin:0; height:0; width:0; position:absolute; top:-10000px; left:-1000000px;}
	.div_direction .order_way {float:none; position:relative; display:block; margin-left:0; padding-top:30px; width:100%;}
	.div_direction .order_way:before {background-color:#d9d9d9; content:""; border-radius:10px; position:absolute; left:0; top:30px; height:4px; width:100%;}
	.div_direction .order_way li {float:left; position:relative; padding-top:30px; width:25%; height:auto;}
	.div_direction .order_way .way_div p {color:#666; font-size:0.75em; line-height:1.286em; text-align:center;}
	.div_direction .order_way .way_div .fs_14 {font-size:1em !important;}
	.div_direction + .div_direction .order_way {border-top:none;}
	.div_direction:after {content: ''; display: block; clear: both; overflow: hidden;}
	
	.trans_info + .trans_info {margin-top:50px;}
	.public_trans {overflow:hidden; margin-bottom:50px;}
	
	/* 지하철, 버스 추가 */
	.mapUseInfo li dl.infoType2 {display: block; clear: both; overflow: hidden;}
	.mapUseInfo li dl.infoType2 dt {float: none; width: 100%; height: 27px; line-height: 27px; padding-left: 30px; font-size: 1.0em; font-weight: 500; margin-bottom: 5px; letter-spacing: 0;}
	.mapUseInfo li dl.infoType2 dd {float: none; width: 100%; margin-bottom: 15px; height: auto; line-height: 1.5em !important; letter-spacing: -0.5px; font-size: 0.9em;}
	.mapUseInfo li dl.infoType2 dt.icosub2 {color: #058b40; background: url('/gb/images/lang/facilities/ico_subwayLine.gif') 0 3px no-repeat;}
	.mapUseInfo li dl.infoType2 dt.icosub5 {color: #674498; background: url('/gb/images/lang/facilities/ico_subwayLine.gif') 0 -267px no-repeat;}
	.mapUseInfo li dl.infoType2 dt.icosub8 {color: #e84087; background: url('/gb/images/lang/facilities/ico_subwayLine.gif') 0 -357px no-repeat;}
	.mapUseInfo li dl.infoType2 dt.icosub9 {color: #b2933f; background: url('/gb/images/lang/facilities/ico_subwayLine.gif') 0 -447px no-repeat;}
	.mapUseInfo li dl.infoType3 {display: block; clear: both; overflow: hidden;}
	.mapUseInfo li dl.infoType3 dt {float: none; width: 100%; height: 27px; line-height: 27px;}
	.mapUseInfo li dl.infoType3 dd {float: none; width: 100%; height: 27px; line-height: 27px; font-size: 0.9em;}
	.mapUseInfo li dl.infoType3 span {float: none; width:75px; text-align: center; display:inline-block; padding: 0; background: #009a44; color: #fff; font-size: 1.0em; font-weight: 500; height: 27px; line-height: 27px; margin-right:10px;}
	
	/* 셔틀버스 */
	.shuttleWrap{float: left; width: 100%;}
	
	/* 기간권 안내 */
	.passRg{width: 100%; margin: 10px 0; text-align: center;}
	
	.t_r{font-size: 0.75em !important;}
	
	.floor_set .floor_img {position:relative; margin-bottom:0;}
}