@charset "utf-8";

/* webapp/cleanup/css/main.css */

#container{clear:both; position:relative; width:100%; height:auto; padding:0; background:url('../images/mn_bgc.jpg') no-repeat center 0;}
#container:after{content:""; display:block; height:0; clear:both; visibility:hidden;}

#mn_content{position:relative; width:1165px; clear:both;  padding-top: 57px; margin: 0 auto;}
	@media all and (max-width:1399px){
		#mn_content{width:94%;}
	}
#mn_content .mn_top_cnt{display:flex; width:100%; justify-content:space-between;}
#mn_content .mn_top_cnt .map_cnt_wrap{display:flex; justify-content:space-between; width:84%; height: 400px; background:rgba(255,255,255,.3); border-top-left-radius:50px;}
#mn_content .mn_top_cnt .map_cnt_wrap:after{content:""; display:block; height:0; clear:both; visibility:hidden;}

	@media all and (max-width:1219px){
		#mn_content .mn_top_cnt{flex-direction: column;}
		#mn_content .mn_top_cnt .map_cnt_wrap{ width:100%;}
	}
	@media all and (max-width:1050px){
		#mn_content .mn_top_cnt .map_cnt_wrap{flex-direction: column;}
	}
	@media all and (max-width:796px){
		#mn_content .mn_top_cnt .map_cnt_wrap{ height: 450px;}
	}

#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_tab{position:relative; width:282px; margin-top: 60px;}
#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_tab:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_tab > ul{position:absolute; left:-44px; top:0;}
#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_tab > ul > li{display: inline-flex; width: 186px; height: 24px; margin-left: 44px; padding:31px 0 31px 34px;  line-height:150%; font-family:'GmarketSansBold'; border-bottom: 1px solid #1d899e;}
#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_tab > ul > li:first-child{padding:11px 0 51px 34px;}
#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_tab > ul > li a{font-size:18px; letter-spacing:-1px; line-height: 130%; color: #223f8c;}
#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_tab > ul > li.on{display: inline-flex; width: 284px; margin-left: -19px;  border-bottom: 0; background:url('../images/mn_map_tabon.png') no-repeat center top;}
#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_tab > ul > li.on a{padding:10px 34px 0 54px;  color: #fff;}

	@media all and (max-width:1050px){
		#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_tab{ width: 100%; margin-top:-30px;}
		#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_tab > ul > li{ padding: 47px 0 11px 34px; margin-left: 14px;}
	}
	@media all and (max-width:810px){
		#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_tab > ul > li{ width: 96px;}
	}
	@media all and (max-width:605px){
		#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_tab > ul > li+li{ display: none;}
		#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_tab > ul > li+li+li{ display: none;}
	}
#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_box{display:flex; justify-content:space-between; width:calc(1000px - 282px); padding-right: 30px; margin-top: 28px;}
#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_box:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_box .map_cnt_boxleft{ width: 450px; padding-right: 14px;}
#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_box .map_cnt_boxright{ width: 240px;}
#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_box .map_cnt_boxright:after{ content:""; display:block; height:0; clear:both; visibility:hidden;}
#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_box .map_cnt_boxright h2{display: block; padding-left: 19px; padding-top: 3px; font-size:16px; font-weight: bold; letter-spacing: -1px; color:#0358af; font-family:'GmarketSansBold'; background:url('../images/mn_map_box_titbg.png') no-repeat left top;}
#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_box .map_cnt_boxright .map_list{width:240px; height: 260px; padding-top: 8px; padding-right: 10px;}
#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_box .map_cnt_boxright .map_list li{display:inline-block; width:calc(48% - 2px); margin:3px 0; padding: 3px 0; background: #fff; text-align: center; font-weight: 600; border: 1px solid #78ade5;}
#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_box .map_cnt_boxright .map_list li.on{background: #0166cf; color: #fff;}

#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_box .map_cnt_boxright .sec01-map-search-listBox { }
#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_box .map_cnt_boxright .sec01-map-search-listBox .s-txt{ display:none;}
#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_box .map_cnt_boxright .sec01-map-search-listBox .tit-box {margin:10px 0 20px 0;}
#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_box .map_cnt_boxright .sec01-map-search-listBox .tit-box .b-tit {font-family:'GmarketSansBold'; font-size:18px; text-align: center; padding: 10px 0 5px 0; letter-spacing:-0.04em; color:#103994; font-weight:500; background: #fff; border: 1px solid #78ade5;}
#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_box .map_cnt_boxright .sec01-map-search-listBox .tit-box .b-tit.point-none {font-size:16px; letter-spacing:-0.08em;}

#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_box .map_cnt_boxright .sec01-map-search-listBox .map-tab-list {height:100%; position:relative;}
#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_box .map_cnt_boxright .sec01-map-search-listBox .map-tab-list .map-search-noneBox { width:100%; text-align:center; display:table; background: #fff; padding-bottom: 20px;}
#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_box .map_cnt_boxright .sec01-map-search-listBox .map-tab-list .map-search-noneBox > p {display:table-cell; vertical-align:middle;}
#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_box .map_cnt_boxright .sec01-map-search-listBox .map-tab-list .map-search-noneBox > p span {font-family:'Noto Sans', sans-serif; font-size:14px; letter-spacing:-0.04em; font-weight:400; color:#333; position:relative; padding-top:43px; background:url('../images/ico-Nolist.png') no-repeat top center; background-size:28px; vertical-align:middle;}


	@media all and (max-width:1050px){
		#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_box{ margin: 68px auto 0;}
	}
	@media all and (max-width:796px){
		#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_box{flex-direction: column; margin: 108px auto 0;}
		#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_box .map_cnt_boxleft{display: none;}
		#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_box .map_cnt_boxright{position: absolute; left: 0; top:0; width: 90%; margin-left: 5%; margin-top: 235px;}
		#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_box .map_cnt_boxright h2{ display: none;}
		.sec01-map-search.mobile { position: absolute; display:block; left: 0; top: 0; width: 100%; margin-top: 155px;}
		#sec01-map-search-select {width:90%; position:relative; margin: 0 auto;}
		#sec01-map-search-select dt {width:100%; height:60px; line-height:60px; padding:0 20px; box-sizing:border-box; background:#fff;}
		#sec01-map-search-select dt a {display:block; padding-left:20px; background:url('..images/ico-map_point.png') no-repeat center left; position:relative; background-size:12px;}
		#sec01-map-search-select dt a span {font-family:'Noto Sans', sans-serif; font-size:18px; letter-spacing:-0.04em; font-weight:400; color:#333; display:block; background:url('../images/ico-select.png') no-repeat center right; background-size:8px;}
		#sec01-map-search-select.on dt a span {background:url('../images/ico-select_on.png') no-repeat center right; background-size:8px;}

		#sec01-map-search-select dd {position:absolute; z-index:2; width:100%;}
		#sec01-map-search-select dd ul {}
		#sec01-map-search-select dd ul:after {content:''; display:block; clear:both;}
		#sec01-map-search-select dd ul li {width:33.33%; height:45px; line-height:45px; float:left; text-align:center;}
		#sec01-map-search-select dd ul li a {display:block; background:#eff1f4; border:1px solid #d6d9e1; border-left:none; border-top:none; box-sizing: border-box; height: 45px;}
		#sec01-map-search-select dd ul li:nth-child(3n+1) a {border-left:1px solid #d6d9e1;}
		#sec01-map-search-select dd ul li:nth-child(1) a, #sec01-map-search-select.on dd ul li:nth-child(2) a, #sec01-map-search-select.on dd ul li:nth-child(3) a {border-top:1px solid #d6d9e1;}

		#mn_content .mn_top_cnt .map_cnt_wrap .map_cnt_box .map_cnt_boxright .sec01-map-search-listBox .map-tab-list .map-search-noneBox{ height: 150px;}
	}
		
	@media all and (min-width:797px){
		.sec01-map-search.mobile,
		#sec01-map-search-select{display: none;}
	}
		
.sec01-map-search-list {width:100%; height:calc(100% - 50px); position:relative; font-size:0; background: #fff; padding: 10px; box-sizing: border-box;}
.sec01-map-search-list:after {content:""; display:block; clear:both;}
.sec01-map-search-list li {display:block; width:100%; padding:5px; box-sizing:border-box; vertical-align:top;}
.sec01-map-search-list li a {display:block;}
.sec01-map-search-list li a:after {content:''; display:block; clear:both;}
.sec01-map-search-list li a > span {font-family:'Noto Snas', sans-serif; font-size:14px; letter-spacing:-0.04em; font-weight:400; color:#333; float:left; display:block; width:calc(100% - 50px); transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.sec01-map-search-list li a > i {font-family:'Noto Snas', sans-serif; font-size:13px; letter-spacing:-0.04em; font-weight:400; color:#333; padding:3px 10px; border:1px solid #ddd;  background:#ddd; border-radius:45px; font-style:normal; float:right; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.sec01-map-search-list li a:hover > span, .sec01-map-search-list li a:focus > span {font-weight:900; color:#1039a1}
.sec01-map-search-list li a:hover > i, .sec01-map-search-list li a:focus > i {background:#103994; color:#fff; border:1px solid #103994;}

.main-custom-scrollbar-btnBox {display:none;}

#mn_content .mn_top_cnt .quick_cnt_wrap{width:156px; background:#fff; border-top-left-radius:50px;}
#mn_content .mn_top_cnt .quick_cnt_wrap > ul{}
#mn_content .mn_top_cnt .quick_cnt_wrap > ul > li{margin-top:20px; padding:63px 0 25px 0;  font-size: 15px; color:#878787; border-bottom: 1px solid #ebeced;  text-align: center; font-family:'GmarketSansMedium';}
#mn_content .mn_top_cnt .quick_cnt_wrap > ul > li a{padding:63px 0 25px 0; background:url('../images/mm_quick_01.jpg') no-repeat center top #fff;}
#mn_content .mn_top_cnt .quick_cnt_wrap > ul > li+li a{background:url('../images/mm_quick_02.jpg') no-repeat center top #fff;}
#mn_content .mn_top_cnt .quick_cnt_wrap > ul > li+li+li{border-bottom: none;}
#mn_content .mn_top_cnt .quick_cnt_wrap > ul > li+li+li a{background:url('../images/mm_quick_03.jpg') no-repeat center top #fff; border-bottom: none;}
#mn_content .mn_top_cnt .quick_cnt_wrap > ul > li a:hover{color:#137faa;}

	@media all and (max-width:1219px){
		#mn_content .mn_top_cnt .quick_cnt_wrap{ width: 100%; margin-top: 10px;}
		#mn_content .mn_top_cnt .quick_cnt_wrap > ul{ display: flex; justify-content:space-evenly;}
		#mn_content .mn_top_cnt .quick_cnt_wrap > ul > li{ width: 32%;}
	}

	@media all and (max-width:448px){
		#mn_content .mn_top_cnt .quick_cnt_wrap > ul{flex-direction: column;}
		#mn_content .mn_top_cnt .quick_cnt_wrap > ul > li{ width: 90%; margin: 20px auto 0;}
		#mn_content .mn_top_cnt .quick_cnt_wrap > ul > li+li+li{border-bottom: 1px solid #ebeced;}
	}

#mn_content .mn_bottom_cnt{display:flex; width:100%; justify-content:space-between; margin-top: 7px; padding-bottom: 184px;}

#mn_content .mn_bottom_cnt .notice_cnt_wrap{position: relative; background:#fff; border-top-left-radius:50px; padding:29px 32px; width: 32%; box-sizing: border-box;}
#mn_content .mn_bottom_cnt .notice_cnt_wrap h2{color:#333333; font-size: 17px; font-weight: 600; font-family:'GmarketSansBold';}
#mn_content .mn_bottom_cnt .notice_cnt_wrap > .more_btn{content:''; position:absolute; right:30px; top:27px; width: 59px; height: 21px; border-radius:30px; text-align: center; background: #1e8a9c;}
#mn_content .mn_bottom_cnt .notice_cnt_wrap > .more_btn a{color:#fff; font-size: 12px; font-weight: 400;}
#mn_content .mn_bottom_cnt .notice_cnt_wrap > ul{position: relative;margin-top: 15px;}
#mn_content .mn_bottom_cnt .notice_cnt_wrap > ul > li{ position: relative; font-size: 15px; color: #2e3e67; padding: 3px 0; font-weight:400;  letter-spacing: -1px;}
#mn_content .mn_bottom_cnt .notice_cnt_wrap > ul > li a{font-weight: 600; display: flex; justify-content: space-between;}
#mn_content .mn_bottom_cnt .notice_cnt_wrap > ul > li span.news_wrap{height: 27px; overflow: hidden; word-break: break-all; width: calc(100% - 72px); margin: 5px 0; padding-right: 10px; display: flex;}
#mn_content .mn_bottom_cnt .notice_cnt_wrap > ul > li span.news_wrap .news_newicon{ width: 7px; height: 9px; margin-left: 5px; margin-top: 5px;}
#mn_content .mn_bottom_cnt .notice_cnt_wrap > ul > li span.date{font-weight: 400; padding-left: 15px; right: 0; top: 0; width: 111px; display: block; margin: 5px 0; box-sizing: border-box;}
#mn_content .mn_bottom_cnt .notice_cnt_wrap > ul > li a .new{content:''; position:absolute; right:100px; top:0; width:7px; height:9px; background:url('../images/mn_notice_new.png') no-repeat left top;}

	@media all and (max-width:1219px){
		#mn_content .mn_bottom_cnt{flex-wrap: wrap; padding-bottom: 0;}
		#mn_content .mn_bottom_cnt .notice_cnt_wrap{ width: 49%;}
	}
	@media all and (max-width:747px){
		#mn_content .mn_bottom_cnt .notice_cnt_wrap{ width: 100%;}
		#mn_content .mn_bottom_cnt .notice_cnt_wrap > ul{border-bottom: 1px dashed #ddd;}
	}
	@media all and (max-width:480px){
		#mn_content .mn_bottom_cnt .notice_cnt_wrap > ul > li span.news_wrap{ height: 24px;}
	}

#mn_content .mn_bottom_cnt .announcement_cnt_wrap{position: relative; background:#fff; padding:29px 38px; width: 32%; box-sizing: border-box;}
#mn_content .mn_bottom_cnt .announcement_cnt_wrap h2{color:#333333; font-size: 17px; font-weight: 600; font-family:'GmarketSansBold';}
#mn_content .mn_bottom_cnt .announcement_cnt_wrap > .more_btn{content:''; position:absolute; right:30px; top:27px; width: 59px; height: 21px; border-radius:30px; text-align: center; background: #1e8a9c;}
#mn_content .mn_bottom_cnt .announcement_cnt_wrap > .more_btn a{color:#fff; font-size: 12px; font-weight: 400;}
#mn_content .mn_bottom_cnt .announcement_cnt_wrap > ul{position: relative; margin-top: 15px;}
#mn_content .mn_bottom_cnt .announcement_cnt_wrap > ul > li{position: relative; font-size: 15px; color: #2e3e67; padding: 3px 0; font-weight:400;  letter-spacing: -1px;}
#mn_content .mn_bottom_cnt .announcement_cnt_wrap > ul > li a{ font-weight: 600; display: flex; justify-content: space-between;}
#mn_content .mn_bottom_cnt .announcement_cnt_wrap > ul > li span.news_wrap{height: 27px; overflow: hidden; word-break: break-all; width: calc(100% - 72px); margin: 5px 0; padding-right: 10px; display: flex;}
#mn_content .mn_bottom_cnt .announcement_cnt_wrap > ul > li span.news_wrap .news_newicon{ width: 7px; height: 9px; margin-left: 5px; margin-top: 5px;}
#mn_content .mn_bottom_cnt .announcement_cnt_wrap > ul > li span.date{font-weight: 400; padding-left: 15px; right: 0; top: 0; width: 101px; display: block; margin: 5px 0; box-sizing: border-box;}
#mn_content .mn_bottom_cnt .announcement_cnt_wrap > ul > li a .new{content:''; position:absolute; right:100px; top:0; width:7px; height:9px; background:url('../images/mn_notice_new.png') no-repeat left top;}

	@media all and (max-width:1219px){
		#mn_content .mn_bottom_cnt .announcement_cnt_wrap{ width: 49%;}
	}
	@media all and (max-width:747px){
		#mn_content .mn_bottom_cnt .announcement_cnt_wrap{ width: 100%;}
		#mn_content .mn_bottom_cnt .announcement_cnt_wrap > ul{border-bottom: 1px dashed #ddd;}
	}
	@media all and (max-width:480px){
		#mn_content .mn_bottom_cnt .announcement_cnt_wrap > ul > li span.news_wrap{ height: 24px;}
	}

#mn_content .mn_bottom_cnt .custome_cnt_wrap{background:#fff; border-bottom-right-radius:50px; padding:29px 34px 29px 38px;}
#mn_content .mn_bottom_cnt .custome_cnt_wrap h2{color:#333333; width: 100%; font-size: 17px; font-weight: 600; font-family:'GmarketSansBold'; letter-spacing: -0.06em; background:url('/renewal/images/mm_customer_tel_bg.jpg') no-repeat right 30px;}
#mn_content .mn_bottom_cnt .custome_cnt_wrap > p{display: block; padding-top: 2px; padding-bottom: 18px;}
#mn_content .mn_bottom_cnt .custome_cnt_wrap > span.text{display: block; font-family:'GmarketSansMedium'; font-size: 15px; color:#223f8c; line-height: 150%; letter-spacing: -0.06em;}

	@media all and (max-width:1219px){
		#mn_content .mn_bottom_cnt .custome_cnt_wrap{ display: flex; background: none;}
		#mn_content .mn_bottom_cnt .custome_cnt_wrap h2{ width: 230px; background:url('/renewal/images/mm_customer_tel_bg.jpg') no-repeat left 30px;}
		#mn_content .mn_bottom_cnt .custome_cnt_wrap > p{display:inline;}
		#mn_content .mn_bottom_cnt .custome_cnt_wrap > span.text{display: inline;}
	}
	@media all and (max-width:895px){
		#mn_content .mn_bottom_cnt .custome_cnt_wrap{flex-wrap: wrap;}
	}

#mn_content .mn_slidebn_cnt{width:100%; padding:45px 0;}
#mn_content .mn_slidebn_cnt .slidebn_wrap{position:relative; display:flex; justify-content:flex-start; width:1165px; height:55px; overflow:hidden; margin:0 auto;}
#mn_content .mn_slidebn_cnt .slidebn_wrap .bn_list_wrap{height:55px; margin:0 auto; width:1000px; overflow:hidden;}
#mn_content .mn_slidebn_cnt .slidebn_wrap .bn_list_wrap .bn_list > li{margin: 0 15px;}
#mn_content .mn_slidebn_cnt .slidebn_wrap .bn_list_wrap .bn_list > li a{font-size:16px; color:#333; font-weight:500; white-space:nowrap;}
#mn_content .mn_slidebn_cnt .slidebn_wrap .bn_list_wrap .bn_list > li:first-child a{color:#000;}
#mn_content .mn_slidebn_cnt .slidebn_wrap .bn_list_wrap .bn_list > li a:hover{color:#0084c2; text-decoration:none;}
#mn_content .mn_slidebn_cnt .slidebn_wrap .bn-prev{position: absolute; left: 0; top: 0; width:8px; height:55px; background:url('../images/ft_bn_prev.jpg') no-repeat center 15px;}
#mn_content .mn_slidebn_cnt .slidebn_wrap .bn-next{position: absolute; right: 0; top: 0; width:8px; height:55px;  background:url('../images/ft_bn_next.jpg') no-repeat center 20px;}

	@media all and (max-width:1599px){
		#mn_content .mn_slidebn_cnt .slidebn_wrap{width:92%;}
		#mn_content .mn_slidebn_cnt .slidebn_wrap .bn_list_wrap{width:calc(100% - 60px);}
	}
	@media all and (max-width:749px){
		#mn_content .mn_slidebn_cnt{padding:0 0 25px 0;}
		#mn_content .mn_slidebn_cnt .slidebn_wrap{height:33px;}
		#mn_content .mn_slidebn_cnt .slidebn_wrap .bt_bn_tit{font-size:1.0em; padding: 2px 15px 0 25px; background-size:25%;}
		#mn_content .mn_slidebn_cnt .slidebn_wrap .bn_list_wrap .bn_list > li a img{width:110px; height:33px;}
		#mn_content .mn_slidebn_cnt .slidebn_wrap .bn-prev{background:url('../images/ft_bn_prev.jpg') no-repeat center 10px;}
		#mn_content .mn_slidebn_cnt .slidebn_wrap .bn-next{background:url('../images/ft_bn_next.jpg') no-repeat center 10px;}
	}

#right_quick{position: absolute; right:0; top:25%;}
#right_quick > ul{ margin-right: 21px;}
#right_quick > ul >li{ width: 76px; height: 48px; border-radius: 50%; background: #0166cf; padding-top: 28px; margin-bottom: 15px; font-size: 15px; text-align: center;}
#right_quick > ul >li a{ color: #FFFFFF; font-family:'GmarketSansMedium';}
#right_quick > ul >li+li{background: #141923;}

	@media all and (max-width:1399px){
		#right_quick{display: none;}
	}

.map-search-visZone {margin-top:10px;}
.map-search-visZone .map {position:relative;}
.map-search-visZone .sec01-map01 area:focus{border: none;  outline:none !important; outline-style: none; -moz-outline-style:none;}