@charset "utf-8";
/**************************************************

	SUPERBOARD :: LOCATION SKIN :: basic

**************************************************/
#map_info{padding: 40px;position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;background: #db4028; border-radius: 15px;margin-top: -90px;z-index: 1;}
#map_info > *{position: relative;}
#map_info dt{width: 270px;text-align: center;}
#map_info dt h3{font-size: 22px;color: #fff;letter-spacing: -1px;font-weight: bold;text-align: center;box-sizing: border-box;}
#map_info dd{display: flex; align-items: center;width: calc(100% - 270px);}
#map_info dd .add { margin: 0 40px;}
#map_info dd .add p { color: #fff; font-size: 22px; font-weight: 500; }
#map_info dd .add ul { padding-top: 10px;}
#map_info dd .add li { color: #fff; font-size: 18px; font-weight: 300;}
#map_info dd .add li + li { margin-top: 5px;}
#map_info dd .add li span { display: inline-block; margin-right: 10px; padding: 5px 10px; background-color: #c03c28; border-radius: 4px; color: #fff; font-size: 16px; font-weight: bold; align-content: center;}
#map_info dd .btn_box {}
#map_info dd .btn_box ul { display: flex;}
#map_info dd .btn_box li { }
#map_info dd .btn_box li + li { margin-left: 10px; }
#map_info dd .btn_box li a { position: relative; display: block; width: 175px; height: 52px; padding: 8px; padding-left: 34px; align-content: center; text-align: center; text-decoration: none; background-color: #fff; border-radius: 99px; box-sizing: border-box; color: #222; font-size: 16px; font-weight: bold; }
#map_info dd .btn_box li a i { position: absolute; top: 50%; left: 10px; transform: translateY(-50%); width: 34px; height: 34px; background-position: 50%; background-repeat: no-repeat; background-size: contain; }
#map_info dd .btn_box li a .ico_kakaomap { background-image: url(/images/sub/ico_kakaomap.png);}
#map_info dd .btn_box li a .ico_navermap { background-image: url(/images/sub/ico_navermap.png);}

#map_trans{border-top: 2px solid #444c62;margin-top: 30px;border-bottom: 1px solid #ccc;}
#map_trans dl{border-bottom: 1px solid #ddd;position: relative;padding: 50px 20px 50px 180px;}
#map_trans dl:last-child{border-bottom: none;}
#map_trans dl dt{margin-bottom: 10px;}
#map_trans dl dt h4{font-size: 16px;color: #000;letter-spacing: -1px;}
#map_trans dl dt h4 i{position: absolute;top: 50%;left: 40px;transform: translate(0, -50%);width: 80px;line-height: 80px;border-radius: 80px;text-align: center;background: #eee;color: #666;font-size: 34px;}
#map_trans dl dd ul li{position: relative;margin-bottom: 5px;}
#map_trans dl dd ul li p{font-size: 15px;color: #666;display: inline-block;}
#map_trans dl dd ul li strong{margin-right: 10px;min-width: 100px;display: inline-block;color: #000;font-size: 15px;font-weight: normal;}
#map_trans dl dd ul li strong em{display: inline-block;vertical-align: baseline;width: 8px;height: 8px;border-radius: 50%;margin-right: 3px;background: #ddd;font-size: 15px;}
#map_trans dl dd ul li strong em.red{background: #c81f41;}
#map_trans dl dd ul li strong em.green{background: #33a23d;}
#map_trans dl dd ul li strong em.blue{background: #0052a4;}
#map_trans dl dd ul li strong em.yellow{background: #f1dd06;}
#map_trans dl dd ul li strong em.line1{background: #0052a4;}
#map_trans dl dd ul li strong em.line2{background: #33a23d;}
#map_trans dl dd ul li strong em.line3{background: #fe5b10;}
#map_trans dl dd ul li strong em.line4{background: #32a1c8;}
#map_trans dl dd ul li strong em.line5{background: #8b50a4;}
#map_trans dl dd ul li strong em.line6{background: #c55c1d;}
#map_trans dl dd ul li strong em.line7{background: #677718;}
#map_trans dl dd ul li strong em.line8{background: #f14c82;}
#map_trans dl dd ul li strong em.line9{background: #6789ca;}


.bottom_info { display: flex; margin: 80px -20px 0;}
.bottom_info > div { width: 50%; padding: 0 20px; box-sizing: border-box;}
.bottom_info .cont_box { }
.bottom_info .cont_box h4 { font-size: 30px;}
.bottom_info .cont_box .bg_box { margin-top: 35px; padding: 40px; background-color: #f7f7f7; box-sizing: border-box; border-radius: 16px; box-sizing: border-box;}
.bottom_info .cont_box .bg_box dl { display: flex;}
.bottom_info .cont_box .bg_box dl + dl { margin-top: 15px;}
.bottom_info .cont_box .bg_box dt { position: relative; padding-left: 15px; font-size: 20px; font-weight: bold; }
.bottom_info .cont_box .bg_box dt::before { content: ''; position: absolute; top: 8px; left: 0; width: 6px; height: 6px; background-color: var(--col-red2); border-radius: 50%; }
.bottom_info .cont_box .bg_box dd { }

.bottom_info .location dt { width: 16%; }
.bottom_info .location dd { width: 84%;}
.bottom_info .location .bg_box dd > div + div { margin-top: 15px;}
.bottom_info .location .bg_box .subway { display: flex; }
.bottom_info .location .bg_box .subway em { display: inline-block;vertical-align: baseline;padding: 5px 10px;border-radius: 99px;margin-right: 5px;background: #26ab0c;color: #fff;font-style: normal;font-size: 16px;}
.bottom_info .location .bg_box .subway p { font-size: 18px; font-weight: 600; }
.bottom_info .location .bg_box .txt_box { position: relative; padding-left: 70px;}
.bottom_info .location .bg_box .txt_box .tit { position: absolute; top: 0; left: 0; padding: 2px 15px; border: 1px solid #b4b4b4; border-radius: 3px; color: #333; font-size: 16px; font-weight: 500; }
.bottom_info .location .bg_box .txt_box .txt { color: #666; font-size: 18px;}

.bottom_info .customer .bg_box dl {}
.bottom_info .customer .bg_box dt { width: 20%;}
.bottom_info .customer .bg_box dd { width: 80%; color: #666; font-size: 18px;}
.bottom_info .customer .bg_box dd span { display: inline-block; margin-left: 10px; color: #777; font-size: 17px; font-weight: 300;}
.bottom_info .customer .bg_box dd ul { display: flex; margin: 30px -7px 0;}
.bottom_info .customer .bg_box dd ul li { width: 50%; padding: 0 7px;}
.bottom_info .customer .bg_box dd ul li a { display: block; width: 100%; height: 55px; background-color: #ebebeb; align-content: center; border-radius: 6px; color: #222; font-size: 18px; font-weight: bold; text-align: center; text-decoration: none;}