.main_wrap{background-color: #1f1e46; width: 100%; height: calc(100vh);}
.main_wrap h1.logo{margin:0px auto; text-align: center; padding-top: 8%;}
.main_wrap h1.logo img{width: 50%;}

.main_notice{margin: 7% 5% 0; width: 90%; height: 40px; background-color: #2e2e5a; border-radius: 12px;}
.main_notice .icon_notice{float: left; padding: 6px 0 0 5%;}
.main_notice .icon_notice img{width: 70%;}
.main_notice .text_notice{float: left; color: white; font-family: 'Nanum Gothic'; font-size: .875em; font-weight: 400; line-height: 40px;}
.main_join{margin: 10px 5% 0; width: 90%; height: 40px; text-align: left;}
.main_login{margin: 10px 5% 0; width: 90%; height: 40px; text-align: center;}
.main_copyright {margin: 20px auto 0px; padding-bottom:20px; color: #8282a0; font-size: .1em; font-weight: 400; text-align: center;}

.slider-wrapper {overflow: hidden; margin: 13% 5% 0; width: 90%; height: 200px; background-color: white; border-radius: 12px;}


/* Basic Style Css */

#cont_wrap{ position: relative; top: 85px; width:90%; margin: 0 auto; z-index:1; padding-bottom:100px; }
#cont_wrap h2.title { font-size: 1.125em; letter-spacing:-.025em; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; line-height:120%; text-align: center; font-weight:800; }
 
#cont_wrap2{ position: relative; top: 15px; bottom:50px; width:90%; margin: 0 auto; z-index:1; padding-bottom:20px; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; }
#cont_wrap2 h2 {font-size: 1.125em; letter-spacing:-.063em; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; line-height:120%; text-align: center; font-weight:800;}
#cont_wrap2 h3 {margin-top:20px; font-size: 1.125em;}
#cont_wrap2 h3.ttl {margin-top:20px; font-size: 1em;}

/* ------------------------------------ List Menu Style Css */
.drop_menu { width: 100%; }
.drop_menu li { width:49%; margin-left: 2%; float:left; }
.drop_menu li:nth-child(1) {margin-left:0;}

.select_wrap { width: 100%; }
.select_wrap li { width:54%; margin:10px 0 10px 2%; float:left; color:#1e1e46;}
.select_wrap li:nth-child(1) {margin-left:0; width:44%;}

.select_wrap1 { width: 100%; }
.select_wrap1 li { width:54%; margin:5px 0 10px 2%; float:left; color:#1e1e46;}
.select_wrap1 li:nth-child(1) {margin-left:0; width:44%;}

.shuttle_helper_wrap { margin-top: 10px; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; letter-spacing: -.025em; }
.shuttle_helper_wrap > h2 { font-size: 1em; font-weight: 700; line-height: 140%; margin-top:10px;}
.shuttle_helper_wrap p.text_cont { font-size: .75em; font-weight: 400; line-height: 140%; }
.shuttle_helper_wrap ul { margin-top:5px; width:100%; }
.shuttle_helper_wrap li { float: left; width:28%; margin-left:2%; font-size:.75em; }
.shuttle_helper_wrap li:nth-child(1) { width:70%; margin-left:0%; }


/* ------------------------------------ MenuList Area Style Css */
#cont_wrap .gwon-yeog-area { width:100%; height: 46px; background-color:#fff; border-radius: 6px; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; font-size:.95em; font-weight:400; box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 7%); }
#cont_wrap .gwon-yeog-area li { float: left; line-height:46px; }
#cont_wrap .gwon-yeog-area li:nth-child(1) { width: 25%; font-weight:800; }
#cont_wrap .gwon-yeog-area li:nth-child(1) span { padding-left:10%; }
#cont_wrap .gwon-yeog-area li:nth-child(2) { width: 50%; }
#cont_wrap .gwon-yeog-area li:nth-child(3) { width: 23%; margin-right:2%; }
#cont_wrap .gwon-yeog-area li:nth-child(3) a.edit-btn { margin: 4px 0 4px 2%; background-color: #1f1e46; width: 100%; height: 38px; line-height: 38px; display: inline-block; text-align: center; color: #fff; border-radius: 6px; }

#cont_wrap .gwon-yeog-area li div.tabmenu_wrap { width:80%; margin: 4px 10%; }
#cont_wrap .gwon-yeog-area li div.tabmenu_wrap li{ float:left; width:50%; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; height:38px; }
#cont_wrap .gwon-yeog-area li div.tabmenu_wrap li h2{ font-size:.95em; font-weight:700; line-height:36px; text-align:center; color:#999; }
#cont_wrap .gwon-yeog-area li div.tabmenu_wrap li:nth-child(1) h2{ border: 1px solid #ddd; border-right: 0px; border-radius: 6px 0 0 6px; }
#cont_wrap .gwon-yeog-area li div.tabmenu_wrap li:nth-child(2) h2{ border: 1px solid #ddd; border-left: 0px; border-radius: 0 6px 6px 0;  }
#cont_wrap .gwon-yeog-area li div.tabmenu_wrap li:nth-child(1) h2.on {background-color: #0abec8; border-radius: 6px 0 0 6px; border:0px; line-height:38px; color:#1f1e46; }
#cont_wrap .gwon-yeog-area li div.tabmenu_wrap li:nth-child(2) h2.on {background-color: #0abec8; border-radius: 0 6px 6px 0; border:0px; line-height:38px; color:#1f1e46; }

.tab_body { width: 100%; margin-top:20px; }
 
#cont_wrap .tab_body .ready_wrap { margin-top: 27%; text-align:center; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; }
#cont_wrap .tab_body .ready_wrap img { height:150px; }
#cont_wrap .tab_body .ready_wrap > h3 { font-size:1.25em; font-weight:700; margin-top:20px; }
#cont_wrap .tab_body .ready_wrap > p { font-size:1em; font-weight:400; padding-top:30px; color:#9696aa; }
#cont_wrap .tab_body .ready_wrap > p span { color: #1f1e46; font-weight:700; }

 
/* 더보기 Area Style Css */
.dropdown { display: block; width: 100%; margin: auto; color:#1e1e46; }
.dropdown + .dropdown { margin-top: 15px; }
.dropdown__top, .dropdown_top {
  display: flex; justify-content: space-between; align-items: center;
  color:#1e1e46; padding: 10px 15px; letter-spacing:-.025em; font-family: "Nanum Gothic", Dotum, Arial, sans-serif;
  box-sizing: border-box; cursor: pointer; transition: background .3s ease;
  will-change: background;
}

.dropdown__top::before{content: "더보기 ▼"; width:100%; text-align:center; }
.open .dropdown__top::before{content: "닫기 ▲";}

.dropdown_top::before{content: "자세히 보기 ▼"; width:100%; text-align:center; }
.open .dropdown_top::before{content: "자세히 보기 ▲";}

.dropdown__btm, .dropdown_btm { color: #1e1e46; box-sizing: border-box; display: none; }
.load_more_area { width: 100%; margin: 0 0 10px 0; padding: 10px 0; border:2px solid #aaa; border-radius: 5px; }
.load_more_area li { list-style: none; margin-right: 10px; }
.load_more_area li div.load_more_cont{ position: relative; float:left; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; font-size: 0.65em; font-weight:700; letter-spacing:-.025em; text-align:center;}
.load_more_area li div.load_more_cont span::before{ content: ""; position: absolute; top: 4px; right: 0; background-color:#313163; width:2px; height:10px; display: block;}
.load_more_area li div.load_more_cont:nth-child(1) {width:8%;margin: 5px  1% 5px  3%;}
.load_more_area li div.load_more_cont:nth-child(2) {width: 23%;margin: 5px 1%;}
.load_more_area li div.load_more_cont:nth-child(3) {width: 13%;margin: 5px 0%;}
.load_more_area li div.load_more_cont:nth-child(4) {width: 10%;margin: 5px 0%;}
.load_more_area li div.load_more_cont:nth-child(5) {width: 10%;margin: 5px 0%;}
.load_more_area li div.load_more_cont:nth-child(6) {width: 26%;margin: 5px 3% 5px 1%;}

.history_dropdown { display: block; width: 100%; margin: auto; color:#1e1e46; }
.history_dropdown + .history_dropdown { margin-top: 15px; }
.history_dropdown > .dropdown__top {
  display: flex; justify-content: space-between; align-items: center; position:relative;
  color:#1e1e46; padding: 10px 15px; letter-spacing:-.025em; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; background-color:#0abec8; border-radius: 12px;
  box-sizing: border-box; cursor: pointer; transition: background .3s ease;
  will-change: background;
}
.history_dropdown .dropdown__top::before{content: "▼"; width:100%; text-align:right; }
.history_dropdown .open .dropdown__top::before{content: "▲";}
.history_dropdown .dropdown__top > div.title,
.history_dropdown.open .dropdown__top > div.title{ position:absolute; left:5%; }

.history_dropdown .dropdown__btm, .dropdown_btm2 { color: #1e1e46; box-sizing: border-box; display: none; }
.load_more_area2 { width: 100%; border-radius: 5px; margin-top:5px; }

.perform_dropdown { display: block; width: 100%; margin: auto; color:#1e1e46; }
.perform_dropdown + .perform_dropdown { margin-top: 15px; }

.perform_dropdown .dropdown__top2 {
  display: flex; justify-content: space-between; align-items: center; position:relative;
  color:#1e1e46; padding: 10px 15px; letter-spacing:-.025em; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; background-color:#0abec8; border-radius: 12px;
  box-sizing: border-box; cursor: pointer; transition: background .3s ease;
  will-change: background;
}
.perform_dropdown .dropdown__top2::before{content: "▼"; width:100%; text-align:right; }
.perform_dropdown .open .dropdown__top2::before{content: "▲";}
.perform_dropdown .dropdown__top2 > div.title,
.perform_dropdown .open .dropdown__top2 > div.title{ position:absolute; left:5%; }

.perform_dropdown .dropdown__btm { color: #1e1e46; box-sizing: border-box; display: none; }


/* Tab Menu Style Css */
.tab_menu_wrap { width:100%; margin-top: 10px; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .07);  border-radius: 12px; }
.tab_menu_wrap li { float: left; background-color: #fff; width:16.25%; padding-left:0.5%; text-align:center; line-height:42px; color:#1e1e46; font-size:1em; letter-spacing:-.5em; font-weight: 800; }
.tab_menu_wrap li:nth-child(1) { padding-left:0px; border-radius: 12px 0 0 12px;}
.tab_menu_wrap li:last-child { border-radius: 0 12px 12px 0; }
.tab_menu_wrap li h2 {font-size: 0.875em; letter-spacing:-.025em; font-weight: 800;}
.tab_menu_wrap li h2.on {background-color: #0abec8; }
.tab_menu_wrap li:nth-child(1) h2.on { border-radius: 12px 0 0 12px;}
.tab_menu_wrap li:last-child h2.on { border-radius: 0 12px 12px 0; }

.tab_menu_wrap2 { width:100%; margin: 10px 0; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; }
.tab_menu_wrap2 li { float: left; background-color: #fff; width:49%; margin-left:2%; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .07); border-radius: 12px;
	text-align:center; line-height:42px; color:#1e1e46; font-size: 0.875em; letter-spacing:-.5em; font-weight: 800; 
}
.tab_menu_wrap2 li:nth-child(1) { margin-left:0px; }
.tab_menu_wrap2 li h2 {font-size: 1em; letter-spacing:-.025em; font-weight: 800;}
.tab_menu_wrap2 li h2.on {background-color: #0abec8; border-radius: 12px; }
.tab_menu_wrap2 li h3 {font-size: 1em; letter-spacing:-.025em; font-weight: 800; }
.tab_menu_wrap2 li h3.on {background-color: #0abec8; border-radius: 12px; }

.tab { width: 100%; margin-top:20px; }
.tab > li { margin-top:10px; }
.tab .radio_wrap { margin-bottom:10px; overflow: hidden; }


/* Search Style Css */
.search_area { width:100%; margin-top: 5px; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; }
.search_area li{ float:left; font-size: .875em; color:#1e1e46; letter-spacing:-.025em; font-weight: 700; text-align:center; }
.search_area li:nth-child(1) { width: 82%; }
.search_area li:nth-child(2) { width: 16%; margin-left:2%; background:#0abec8; height:46px; border-radius: 12px; }
.search_area li a.link_search { height: 46px; background-image: url('/common/images/common/icon_search_48.png'); background-repeat: no-repeat; background-size: 50%; background-position: center 50%; display:block; }
.search_area li img{ width:100%; }
p.search { font-family: "Nanum Gothic", Dotum, Arial, sans-serif; font-size: .75em; color:#1e1e46; letter-spacing:-0.125em; font-weight: 400; padding:7px 0 5px; }


/* --------------------------------------------- Service Style Css */
.Setting_wrap { background-color: #fff; border-radius: 12px; }
.basic_wrap { width:90%; margin:0 auto; }
.basic_wrap li{ margin-bottom:5px; }
.basic_wrap li:nth-child(3) { font-size:.7em; line-height:140%; margin-top:10px; }

.allim_wrap { width:100%; margin-top:20px; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; font-size: .875em; color:#1e1e46; }
.allim_wrap ul.allim_first { background-color: #0abec8; border-radius: 12px 12px 0 0; }
.allim_wrap ul.allim_first li { float:left; padding:15px 5%; width:40%; font-weight:700; text-align: right; }
.allim_wrap ul.allim_first li:nth-child(1) { text-align: left; font-weight:800; }
.allim_wrap ul.allim_second { background-color: #fff; border-radius: 0 0 12px 12px; }
.allim_wrap ul.allim_second li { padding:20px 5%; width:90%; font-weight:700; font-size: .75em; text-align: left; line-height: 160%; }

.faq_wrap { display: block; width: 100%; margin: auto; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; font-size: .75em; }
.faq_wrap + .faq_wrap { margin-top: 10px; }
.faq_top {
  display: flex; justify-content: space-between; align-items: center;
  padding: 15px; color: #1e1e46; font-weight:700; font: 1em;
  box-sizing: border-box; background-color: #fff; cursor: pointer;
  transition: background .3s ease; will-change: background; border-radius: 12px;
}
.faq_top:hover { background: #fff; }
.faq_top::after {
  content: '▼'; font: 1em; transition: transform .5s ease; will-change: transform;
}
.open .faq_top::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.faq_btm {
  background: #dddcea; color: #1e1e46; line-height: 140%; margin-top:5px;
  box-sizing: border-box; padding: 15px; display: none; border-radius: 12px;
}


/* --------------------------------------------- 알림톡 Style Css */
#alarm_wrap {
	width:100%;
	margin:0;
	font-family: "Nanum Gothic", Dotum, Arial, sans-serif; color:#1e1e46;
}
#alarm_wrap > h2 {
	font-size:1.125em; font-weight:800; color:#1e1e46;
	line-height:140%;
	margin-left:5%;
}

.stage_area {
	width:90%;
	border-top: 1px solid #c8c8dc; border-bottom: 1px solid #c8c8dc;
	padding:20px 5%; margin:5% 0;
	background-color:#fff;
	position: relative;
}
.stage_area .title {
	font-size:1em; font-weight:800;
	color:#0abec8;
}
.stage_area ul.step li {
	float:left;
	width:20%;
	margin:5% 0 5% 5%;
}
.stage_area ul.step li span {
	width:100%;
	background-color:#c8c8dc;
	border:1px solid #b1b1c8;
    font-size: .75em; font-weight: 700; color: #fff;
    line-height: 22px; text-align: center;
    display: block;
}
.stage_area ul.step li span.active {
	background-color:#0abec8;
	border:1px solid #069da5;
}
.stage_area ul.step li:nth-child(1) {
	margin-left:2%;
}
.stage_area ul.step li:nth-child(4) {
	margin-right:2%;
}
.stage_area ul.step-dot li {
	float:left;
	width:25%; height:20px;
	position: relative;
}
.stage_area ul.step-dot li span {
	margin-left: 0%;
    background: #c8c8dc;
    height: 2px; width: 100%; margin-top:9px;
    display: block;
}
.stage_area ul.step-dot li:first-child span {
	margin-left: 45%;
    width: 55%;
}
.stage_area ul.step-dot li:last-child span {
	margin-right: 40%;
    width: 60%;
}
.stage_area ul.step-dot li span:before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: #c8c8dc;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: calc(50% - 10px);
}
.stage_area ul.step-dot li span.active:before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: #0abec8;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: calc(50% - 10px);
}
.stage_area ul.info li {
	float:left;
	width:66%;
	margin-left:2%;
	font-size:.95em; line-height:140%; font-weight:400;
	font-family: "Nanum Gothic", Dotum, Arial, sans-serif; color:#1e1e46;
}
.stage_area ul.info li:nth-child(2n+1) {
	width:30%;
}
.stage_area iframe,
.stage_area object,
.stage_area embed {
	width:100%; height:100%;
}
.stage_area .photo {
	width:100%;
}
.stage_area .photo img {
	width:100%;
}
.stage_area .photo p.icon {
	width:54px; margin:5% auto 0;
	text-align:center;
}
.stage_area p.add_txt {
	text-align:center;
	line-height:140%; color:#1e1e46; font-weight:700;
	padding:0 5% 5%;
}
.stage_area p.add_txt2 {
	text-align:center;
	line-height:140%;
	padding:5%; color:#1e1e46;
}
.stage_area ul.addreaa li {
	width:100%;
	margin-top:3%;
	display: inline-block;
}
.stage_area ul.addreaa li > a { font-size:.875em; }
.stage_area hr{
	width:100%; height:10px; border:0; display: block;
}
.stage_area ul.list li {
	width:100%;
	margin-top:3%;
}


.ad_bnner {
	width:90%;
	margin:5%;
}
.ad_bnner img { width:100%; }
.alarm_btn_wrap {
	width:90%;
	margin:5%;
}

.input60 {width: 60%; padding-left: 5%; font-weight: 400; font-size: .875em; line-height: 46px; border:1px solid #c8c8dc; }
.input95 {width: 95%; padding-left: 5%; font-weight: 400; font-size: .875em; line-height: 46px; border:1px solid #c8c8dc; }
.input70 {
    padding: 0px 2%;
    width: 70%;
    height: 30px;
    border: 1px solid #cecee1;
    border-radius: 0px;
    margin-left: 5%;
}

/* --------------------------------------------- 바코드 페이지 Style Css */
.barcord_wrap {width:100%; height:100vh; position: relative; }
.barcord_wrap .close_btn { cursor:pointer; position: fixed; top: 10px; right: 10px; color: #fff; }
.barcord_wrap .camera_wrap { width:100%; height: 77%; background-color: #000; color:#fff; overflow: hidden; }
.barcord_wrap .camera_wrap img { width:100%; height: 100%; }
.barcord_wrap .camera_wrap2 { width:100%; height: 350px; background-color: #000; color:#fff; overflow: hidden; }
.barcord_wrap .camera_wrap2 img { width:100%; height: 100%; }
.barcord_wrap > ul {width:90%; margin:20px auto;}
.barcord_wrap li {float:left; width:48%; margin-left:4%;}
.barcord_wrap li:nth-child(1) {margin-left:0px;}
.barcord_wrap .button_area { width:90%; margin:20px 5% 0; padding-bottom: 20px; }
.barcord_wrap .button_area li { float:left; width:73%; margin-bottom:10px; }
.barcord_wrap .button_area li:nth-child(2) { width:25%; margin-left:2%; } 
.barcord_wrap .button_area input { font-size:.95em; }
.barcord_wrap .close_btn { cursor:pointer; position: fixed; top: 10px; left: 10px; color: #fff; }
.barcord_wrap .close_btn .btn_icon_close { 
	position: fixed; top: 10px; right: 2%; 
	/*width: 32px; height: 32px;*/ border-radius: 50%; background-color: #fff; color: #000; line-height: 110%; 
	font-size: .75em; font-weight: 800; text-align:center; padding:10px 5px;
}


/* --------------------------------------------- 셔틀헬퍼 Style Css */
.shuttle_helper_wrap { width:100%; margin:10px auto 0; background-color:#fff; border-radius: 12px; }
.shuttle_helper_wrap > h2 { padding:15px 0 0 15px; font-size:.875em; font-weight:800; }
.shuttle_helper_wrap > p { padding:7px 0 0 15px; font-size:.7em; font-weight:700; line-height:140%; }
.shuttle_helper_wrap div a.shuttle_btn { padding: 15px 15px 15px 0; display: block; text-align: right; font-size: .7em; font-weight: 800; }


/* --------------------------------------------- 실적조회 Style Css */
.calendar_wrap { width:100%; line-height:46px; text-align:center; background-color:#fff; border-radius:12px; }
.calendar_wrap > span.arrow { cursor: pointer; }
.calendar_wrap > span:nth-child(2) { padding:0 10px; }

h2.withdraw { font-family: "Nanum Gothic", Dotum, sans-serif; font-size:1em; font-weight:800; margin:20px auto 10px; }
.withdraw_wrap { width:100%; margin:5px auto 0; background-color:#fff; border-radius:12px; }
.withdraw_wrap ul { border-bottom:1px solid #ececf6; }
.withdraw_wrap li { float: left; font-size:.75em; line-height:110%; padding:10px 5%; font-family: "Nanum Gothic", Dotum, sans-serif; font-weight:400; color:#1f1e46; }
.withdraw_wrap li.fontRed { color:#D94D4A; }


/* --------------------------------------------- 실적조회 Style Css */
.logoin_keeping { margin-top: 10px; line-height:30px; font-family: "Nanum Gothic", Dotum, sans-serif; font-size: .75em;  color:#1f1e46; }
.logoin_find { margin-top: 10px; line-height:30px; font-family: "Nanum Gothic", Dotum, sans-serif; font-size: .875em;  color:#1f1e46; text-align:center; }
.logoin_find > span { margin: 0 10px; }


/* --------------------------------------------- 실적조회 Style Css */
p.explain_wrap {font-size:.75em; color:#1e1e46; width:250px; line-height:140%; padding-top:20px;}
p.text-explain {color:#ff6c00; font-size:.75em; padding:2px 0 0 23px;}
textarea.textarea1 {width:100%; height:30px; border:1px solid #cecee1;}

#cont_wrap2 .button_area {position: fixed;bottom: 10px;width: 90%;left: 5%;right: 5%;}


/* --------------------------------------------- 링크모음 Style Css */
a.list_shuttle { background-color: #ffdd00; border-radius: 8px; padding: 5% 2% 5% 7%; line-height: 30px; display: block; margin: 0 5%; font-weight:700; letter-spacing:-.025em; } 
a.list_delivery { background-color: #ff8840; border-radius: 8px; padding: 0% 2% 0% 7%; line-height: 30px; display: block; margin: 0 5%; font-weight:700; letter-spacing:-.025em; } 
a.list_green { background-color: #79d64c; border-radius: 8px; width:100%; text-align:center; display: inline-block; font-weight:700; letter-spacing:-.025em; font-size:0.55em; line-height: 30px; } 
a.list_blue-purple { background-color: #7575e4; border-radius: 8px; width:100%; text-align:center; display: inline-block; font-weight:700; letter-spacing:-.025em; font-size:0.55em; line-height: 30px; }
a.list_yellow { background-color: #ffdd00; border-radius: 8px; width:100%; text-align:center; display: inline-block; font-weight:700; letter-spacing:-.025em; font-size:0.55em; line-height: 30px; } 

a.conf_yellow { background-color: #ffdd00; border-radius: 8px; width:100%; text-align:center; display: inline-block; font-weight:700; letter-spacing:-.025em; line-height: 30px; color:#1e1e46; }
a.conf_blue { background-color: #4cb1ff; border-radius: 8px; width:100%; text-align:center; display: inline-block; font-weight:700; letter-spacing:-.025em; line-height: 30px; color:#1e1e46; }
a.conf_green { background-color: #79d64c; border-radius: 8px; width:100%; text-align:center; display: inline-block; font-weight:700; letter-spacing:-.025em; line-height: 30px; color:#1e1e46; }

a.helper_box { background-color: #fa96f9; border-radius: 8px; padding: 3px 2% 3px 7%; line-height: 30px; display: block; margin: 0 5%; font-weight:700; letter-spacing:-.025em; } 

a.link { text-decoration: underline; }
a.link_navy { color:#1f1e46; font-weight:800; }
a.link_gray { color:#7a7995; }


/* ------------------------------------ 21.12.28 추가 권역 상단 Style Css */
.gwon-yeog { margin-top: 0px; display: inline-block; width: 100%; }
.gwon-yeog ul li { float: left; width:15%; margin:1% 0 0 1%; text-align:center; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; font-weight: 500; font-size:1em; }
.gwon-yeog ul li:nth-child(5n+1) { margin-left:0; }
.gwon-yeog ul li:nth-child(1) {width:30%}
.gwon-yeog ul li:nth-child(2) {width:21%}
.gwon-yeog ul li label { position: relative; cursor: pointer; width:100%; }
.gwon-yeog ul li label input[type=checkbox] { position: absolute; opacity: 0; }
/*.gwon-yeog ul li label :checked ~ .icon-box1, .gwon-yeog ul li label :checked ~ .icon-box2 { color:#fff; background: #0abec8; }*/
.gwon-yeog ul li label .icon-box {
  width: 100%; height: 36px; color:#fff; background: #2e2e5a; border-radius: 6px;
  display: inline-flex; justify-content: center; align-items: center;
}
.gwon-yeog ul li label .icon-box1 {
  width: 100%; height: 36px; color:#454568; background: #c7c8e6; border-radius: 6px;
  display: inline-flex; justify-content: center; align-items: center;
}.gwon-yeog ul li label .icon-box2 {
  width: 100%; height: 36px; color:#454568; background: #ddddef; border-radius: 6px;
  display: inline-flex; justify-content: center; align-items: center;
}
.gwon-yeog ul li label .on { color:#0abec8; }



/* --------------------------------------------- table Style Css */
.table-basic {width:100%; border-collapse:collapse; border-spacing:0px; letter-spacing:-.025em; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; background: #fff; border-radius: 12px; }
.table-basic th,
.table-basic td { border-right:1px solid #ececf6; border-bottom:1px solid #ececf6; line-height:140%; font-size: .875em; font-weight: 700; text-align:center; }
.table-basic tr:last-child td { border-bottom:0; }
.table-basic tr th:last-child, 
.table-basic tr td:last-child { border-right:0; }
.table-basic thead th { color:#4e4f6c; vertical-align:middle; padding:12px 10px; font-size:0.65em; }
.table-basic tbody td { color:#4e4f6c; vertical-align:middle; padding:12px 10px; font-size:0.65em; }
.table-basic tbody td.left { text-align: left; }
.table-basic tbody td strong { color: #000; font-weight: 800; }
.tip_popup { position: relative; }
.tip_popup .tip_icon {
	font-size: 1.15em;
    position: absolute;
    top: -2px;
    right: 0;
    border-radius: 50%;
    background-color: #000;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-weight: 800;
}

.table-member{ display: table; table-layout: fixed; margin:20px 0 0; padding: 0; width: 100%; border: 0; border-collapse: collapse; border-radius: 12px; letter-spacing:-.025em; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; background: #fff; }
.table-member tr { border-bottom:1px solid #ececf6; }
.table-member th, .table-member td { padding:12px 3%; font-size: .875em; font-weight:700; }
.table-member thead th { font-weight: 800; text-align:center; }
.table-member tbody th { font-size:.75em; color:#0abec8; font-weight: 800; text-align:left; padding-right:0; }
.table-member tbody td { font-size:.75em; padding-left:0; }

.table-basic2 {width:100%; border-collapse:collapse; border-spacing:0px; letter-spacing:-.025em; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; border-radius: 0px; margin:0 auto; }
.table-basic2 th,
.table-basic2 td { border-right:1px solid #ececf6; border-bottom:1px solid #ececf6; line-height:140%; font-size: .75em; font-weight: 700; color:#1e1e46; text-align:center; vertical-align:middle; }
.table-basic2 tr:last-child td { border-bottom:0; }
.table-basic2 tr th:last-child, 
.table-basic2 tr td:last-child { border-right:0; }
.table-basic2 thead th { background-color:#08bec7; padding:12px 10px; }
.table-basic2 tbody td.first { background-color:#fff; font-size:1.6em; font-weight:800; padding:15px 10px; }
.table-basic2 tbody td.second { background-color:#fff; font-size:2em; font-weight:700; padding:15px 10px; }
.table-basic2 tbody td { background-color:#fff; font-size:.55em; font-weight:400; padding:8px 2px; }
.table-basic2 tbody td.left { text-align:left; padding:8px 10px; }


h2.customer_title {letter-spacing:-.025em; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; font-size:1em; font-weight: 800; color:#1e1e46; margin: 20px 0 0 5%; }

#footer_wrap {margin: 20px 0; width: 100%; }
#footer_wrap2 { position: absolute; bottom: 90px; left: 5%; width: 90%; }

/* --------------------------------------------- Layer PopUp Style Css */
#Layer_popup_btn { text-align:center; line-height: 160%; cursor:pointer; }
#modal_wrap {width:100%; height:100%; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0px; display:none; z-index: 1000;}
#modal{ width:90%;height:95%; background-color:#ececf6; margin:5%; text-align:center; overflow: auto; border-radius: 12px; }
#modal .map_area { margin:5%; margin-bottom:0; max-width:90%; height:140px; overflow: hidden }
#modal .map_area img{ max-width: initial; }
#modal .button_area { margin:5px 5% 0; }
#modal .button_area li { width: 32%; margin-left:2%; float: left; letter-spacing:-.025em; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; }
#modal .button_area li:nth-child(1) { margin-left:0; }
#modal .button_area li a span{ display: block;  font-size:0.75em;  padding: 5px 0 10px; line-height: 110%; }
#modal .button_area li img{ width:40%; height:40%; padding: 10px 0 0; }
#modal .textarea-area_wrap { margin:5px 5% 0; height:64px; }
#modal .textarea-area_wrap .textarea-box { width: 90%; height:35px;  border-radius: 12px; border:2px solid #cfcfe1; padding:15px 5%; font-size:0.75em; letter-spacing:-.025em; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; }
#modal .button_area_detail { margin: 10px 3% 0; text-align:center; overflow:hidden; }
#modal .button_area_detail li { float:left; background-color:#fff; border-radius: 12px; width:46%; margin:2% 2% 5% 2%; }
#modal .button_area_detail li:nth-child(1), #modal .button_area_detail li:nth-child(2) { margin-bottom:2%; }
#modal .button_area_detail li img{ width:28px; height:28px; padding-top:10px; }
#modal .button_area_detail li a span{ display: block;  font-size:0.75em;  padding: 5px 0 10px; line-height: 110%; }

#modal .button_area_list {width: 85%;margin: 10px 3% 0;text-align:center;overflow:hidden;position: absolute;bottom: 4%;}
#modal .button_area_list li { border-radius: 12px; width:96%; margin:2%; line-height:46px; }
#modal .button_area_list li img{width: 22px;height: 22px;margin-top: -4px;}

#modal .button_area_confi {width: 100%; margin: 10px 0% 5%; text-align:center; overflow:hidden; }
#modal .button_area_confi li { border-radius: 12px; line-height:46px; }
#modal .button_area_confi li img {width: 22px;height: 22px;margin-top: -4px;}

#modal .conts_wrap { margin:5% auto 0; width:90%; }
#modal .Layer_text { font-size: .75em; font-weight:400; color:#F72D25; text-align:left; padding-top:10px; }
#modal .button_area_confirmed { width:100%; margin:5% auto; }
#modal .button_area_confirmed li { float:left; width:38%; margin-left:2%; }
#modal .button_area_confirmed li:nth-child(1) { width:60%; margin-left:0; }

#modal_wrap1 {width:100%; height:100%; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0px; display:none; z-index: 1000;}
#modal_wrap1 #modal1{ 
	width: 90%; height: 60%; background-color:#ececf6; margin: 40% auto; text-align:center; overflow: auto; border-radius: 12px;
	letter-spacing:-.025em; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; position: relative;
}
#modal_wrap1 #modal1 h3 {margin: 20px auto 0; font-size:.875em; line-height:120%; }
#modal_wrap1 #modal1 .button_area { width: 90%; margin: 20px auto 0; }
#modal_wrap1 #modal1 .button_area li { float:left; width:49%; margin-left:2%; font-size:.75em; font-weight:700; }
#modal_wrap1 #modal1 .button_area li:nth-child(2n+1) { margin-left:0; }
#modal_wrap1 #modal1 .box_area_wrap { width:90%; height:130px; margin: 10px auto; border:2px solid #1e1e46; overflow:hidden; background-color:#ececf6; border-radius: 12px; }
#modal_wrap1 #modal1 .box_area_wrap img { width:100%; }
#modal_wrap1 #modal1 .button_area1 { width: 100%; margin: 20px auto 0; border-radius: 0px; position: absolute; bottom: 0; }

#modal_wrap2 {width:100%; height:100%; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0px; display:none; z-index: 1000;}
#modal_wrap2 #modal2{ 
	width: 90%; height: 60%; background-color:#ececf6; margin: 40% auto; text-align:center; overflow: auto; border-radius: 12px;
	letter-spacing:-.025em; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; position: relative;
}
#modal_wrap2 #modal2 h3 {margin: 30px auto 0; font-size:.875em; line-height:120%; }
#modal_wrap2 #modal2 .select_area { width: 90%; margin: 20px auto 0; }
#modal_wrap2 #modal2 .select_area li { width:98%; margin-bottom:0%; font-size:.75em; font-weight:700; overflow:hidden; }
#modal_wrap2 #modal2 .select_area li .select { width:96%; margin:2%; }
#modal_wrap2 #modal2 .button_area { width: 100%; margin: 20px auto 0; border-radius: 0px; position: absolute; bottom: 0; }

#Layer_popup_btn2 { text-align:center; cursor:pointer; }
#modal_wrap_3 {width:100%; height:100%; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0px; display:none; z-index: 1000;}
#modal_wrap_3 #modal_3{ width:90%; height:45%; background-color:#ececf6; margin: 55% auto; text-align:center; overflow: auto; border-radius: 12px; }
#modal_wrap_3 #modal_3 h3{ font-size: .875em; background-color: #0abec8; height: 42px; line-height: 42px; text-align: left; padding-left: 5%; color: #fff; position: relative; }
#modal_wrap_3 #modal_3 h4 { font-family: "Nanum Gothic", Dotum, Arial, sans-serif; text-align:left; font-size: .875em; font-weight:800; color:#000; padding: 30px 5% 0; line-height: 110%; }
#modal_wrap_3 #modal_3 p.text_wrap { font-family: "Nanum Gothic", Dotum, Arial, sans-serif; font-size:.75em; font-weight:700; text-align: left; padding: 5px 5% 0; line-height: 110%; color:#555; }
#modal_wrap_3 #modal_3 h4:nth-child(2) { padding-top:20px; }

#modal_wrap_3 #modal_3 .close_button,
#modal_wrap_5 #modal_5 .close_button { position: absolute; top: 0px; right: 5%; }
#modal_wrap_4 #modal_4 .close_button { position: absolute; top: 0px; right: 5%; color:#fff; }
#modal .close_btn, #modal1 .close_btn, #modal2 .close_btn { cursor:pointer; position: fixed; top: 30px; left: 10%; color: #1e1e46; }
#modal_4 .close_btn { cursor:pointer;position: absolute; bottom: 0; color: #1e1e46; }

#modal_wrap_3 #modal_3 .close_button img,
#modal_wrap_4 #modal_4 .close_button img { width:20px; }

#modal .close_btn1{ cursor:pointer; position: fixed; top: 10px; left: 2%; color: #fff; }

#Layer_popup_btn3  { text-align:center; cursor:pointer; }

#Layer_popup_btn4 { cursor:pointer; }
#modal_wrap_4 {width:100%; height:100%; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0px; display:none; z-index: 1000;}
#modal_wrap_4 #modal_4{ width:90%; height:70%; background-color:#ececf6; margin: 30% auto; text-align:center; overflow: auto; border-radius: 12px; position:relative; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; }
#modal_wrap_4 #modal_4 h3{ font-size: .875em; background-color: #1e1e46; height: 42px; line-height: 42px; text-align: left; padding-left: 5%; color: #fff; position: relative; }
#modal_wrap_4 #modal_4 li { width:90%; margin:7px 5% 5px; overflow:hidden; }
#modal_wrap_4 #modal_4 li input { font-size:.65em; letter-spacing: -.025em; }
#modal_wrap_4 #modal_4 > p { font-size:.7em; font-weight: 700; text-align:left; padding: 5px 5% 0 5%; line-height: 110%; letter-spacing: -.025em; }
#modal_wrap_4 #modal_4 > p.text-red { color:#D94D4A; text-align:center; padding-top:5px;}
#modal_wrap_4 #modal_4 .button_area { width: 100%; height: 50px; margin: 20px auto 0; border-radius: 0px; }

#modal_wrap_5 {width:100%; height:100%; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0px; display:none; z-index: 1000;}
#modal_wrap_5 #modal_5{ width:90%; height:45%; background-color:#ececf6; margin: 55% auto; text-align:center; overflow: auto; border-radius: 12px; }
#modal_wrap_5 #modal_5 h3{ font-size: .875em; background-color: #0abec8; height: 42px; line-height: 42px; text-align: left; padding-left: 5%; color: #fff; position: relative; }
#modal_wrap_5 #modal_5 h4 { font-family: "Nanum Gothic", Dotum, Arial, sans-serif; text-align:left; font-size: .875em; font-weight:800; color:#000; padding: 30px 5% 0; line-height: 110%; }
#modal_wrap_5 #modal_5 p.text_wrap { font-family: "Nanum Gothic", Dotum, Arial, sans-serif; font-size:.75em; font-weight:700; text-align: left; padding: 5px 5% 0; line-height: 110%; color:#555; }
#modal_wrap_5 #modal_5 h4:nth-child(2) { padding-top:20px; }


/* --------------------------------------------- Layer_popup Style 2 Css */

.shuttle-modal { z-index:91; display:none;  position:fixed; left:0; top:0; width:100%;  height:100%; overflow:hidden;  background-color:rgba(0, 0, 0, 0.7); }
.shuttle-modal-content { margin:5% auto; background-color:#ececf6 ; position:relative; padding:0; outline:0; width:90%; height:95%; border-radius: 12px; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; overflow: auto; }
.shuttle-modal-content .close_top_btn { position: fixed; top: 16px; right: 16px; background-color:rgba(0, 0, 0, 0.4); padding:5px 10px; border-radius: 0 0 0 10px; }
.shuttle-modal-content .close_top_btn1 { position: fixed; top: 3%; right: 5%; padding:12px 10px; border-radius: 0 0 0 10px; }
.shuttle-modal-content .close_top_btn1 img { height: 20px; }
.shuttle-modal-content .close_top_btn2 { position: absolute; bottom: 0; right: 0; padding:0px; background-color: #1e1e46; width: 17%; text-align: center; }
.shuttle-modal-content .close_top_btn2 img { height: 20px; }

.shuttle-modal-content h3.title_wrap { background-color:#ffdd00; padding-left: 5%; line-height: 46px; font-size: 1.25em; font-weight: 800; position: fixed; width: 85%; border-radius: 12px 12px 0 0; }
.shuttle-modal-content h3.text_wrap1 { line-height: 140%; font-size: 1em; font-weight: 700; width:100%; text-align: center; padding-top:30px; }
.shuttle-modal-content h3.title_wrap2 { line-height: 140%; font-size: 1em; font-weight: 700; width:100%; text-align: center; padding-top:20px; }
.shuttle-modal-content h4.title_txt1 { font-size:1em; font-weight:800; padding-left: 5%; }
.shuttle-modal-content .text_area_wrap { font-size:1em; font-weight:700; padding-top: 35%; text-align: center; }
.shuttle-modal-content .text_number { font-size:1em; font-weight:400; padding-top: 20px; text-align: center; }

.shuttle-modal-content > .receive_wrap { width: 90%; margin:10px 5%; }
.shuttle-modal-content > .receive_wrap li { float:left; width:55%; font-size:.95em; }
.shuttle-modal-content > .receive_wrap li:nth-child(1) { width:45%; text-align:left; font-size:1em; font-weight:700; }
.box-aqua { background-color:#0abec8; width:85%; display: block; height: 50px; line-height: 50px; text-align:center; border-radius:6px; }

.shuttle-modal-content > .box_white_wrap { background:#fff; border-radius: 12px; margin:5px 5%; width:90%; }
.shuttle-modal-content > .box_white_wrap ul.first_wrap { border-bottom:1px solid #e2e2eb; }
.shuttle-modal-content > .box_white_wrap ul.first_wrap li { clear:left; color:#1e1e46; font-size:1em; font-weight:400; }
.shuttle-modal-content > .box_white_wrap ul.first_wrap li:nth-child(1) { padding:10px 0 0 5%; font-weight:700; }
.shuttle-modal-content > .box_white_wrap ul.first_wrap li:nth-child(2) { padding:5px 5% 10px; font-size:.95em; }
.shuttle-modal-content > .box_white_wrap ul.second_wrap li { width:90%; padding:10px 5%; color:#1e1e46; text-align:center; font-size:.95em; }
.shuttle-modal-content > .box_white_wrap ul.third_wrap li { clear: left; color: #ff0000; font-size: .875em; font-weight: 400; padding: 10px 3% 20px; line-height: 140%; }
.shuttle-modal-content > .box_white_wrap ul.delivery_first li { float:left; text-align:left; }
.shuttle-modal-content > .box_white_wrap ul.delivery_first li:nth-child(1) { width:20%; margin:10px 0 0px 4%; }
.shuttle-modal-content > .box_white_wrap ul.delivery_first li:nth-child(2) { width:72%; margin:10px 0 0px 4%; }
.shuttle-modal-content > .box_white_wrap ul.delivery_second li { float:left; text-align:left; }
.shuttle-modal-content > .box_white_wrap ul.delivery_second li:nth-child(1) { width:20%; margin:10px 0 10px 4%; }
.shuttle-modal-content > .box_white_wrap ul.delivery_second li:nth-child(2) { width:70%; margin:10px 2% 10px 4%; }
.shuttle-modal-content > .box_white_wrap ul.delivery_third li { text-align:center; background-color:#1f1e46; padding: 12px 0; border-radius: 0 0 12px 12px; cursor: pointer; color:#fff; font-weight:700; }
.shuttle-modal-content > .box_white_wrap ul.delivery_third li img { height:26px; }
.shuttle-modal-content > .box_white_wrap ul.delivery_first2 li { float:left; text-align:left; font-size:.875em; font-weight:400; }
.shuttle-modal-content > .box_white_wrap ul.delivery_first2 li:nth-child(1) { width:22%; margin:15px 0 0px 4%; }
.shuttle-modal-content > .box_white_wrap ul.delivery_first2 li:nth-child(2) { width:67%; margin:15px 0 0px 4%; }
.shuttle-modal-content > .box_white_wrap ul.delivery_second2 li { float:left; text-align:left; font-size:.875em; font-weight:400; }
.shuttle-modal-content > .box_white_wrap ul.delivery_second2 li:nth-child(1) { width:22%; margin:10px 0 15px 4%; }
.shuttle-modal-content > .box_white_wrap ul.delivery_second2 li:nth-child(2) { width:67%; margin:10px 2% 15px 4%; }
.shuttle-modal-content > .box_white_wrap ul.delivery_first2 li span,
.shuttle-modal-content > .box_white_wrap ul.delivery_second2 li span{ padding:0 8px; }
.shuttle-modal-content > .box_white_wrap ul.delivery_first2 strong,
.shuttle-modal-content > .box_white_wrap ul.delivery_second2 strong{ font-weight:800; }

.shuttle-modal-content > .box_navy_wrap { background:#1e1e46; border-radius: 12px; margin:5px 5%; width:90%; }
.shuttle-modal-content > .box_navy_wrap ul.first_wrap { border-bottom:1px dotted #4b4b86; }
.shuttle-modal-content > .box_navy_wrap ul.first_wrap li {color:#fff;font-size:.875em;width:100%;padding: 10px 0 10px 3%;}
.shuttle-modal-content > .box_navy_wrap ul.second_wrap li { color:#fff; font-size:.875em; float:left; }
.shuttle-modal-content > .box_navy_wrap ul.second_wrap li:nth-child(1) {width: 52%; margin: 10px 1% 15px 3%;text-align:left;}
.shuttle-modal-content > .box_navy_wrap ul.second_wrap li:nth-child(2) {width: 38%; margin: 10px 4% 15px 1%;text-align:right;}

.shuttle-modal-content > .button_area { margin:10px 5% 0; }
.shuttle-modal-content > .button_area li { width: 32%; margin-left:2%; float: left; letter-spacing:-.025em; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; }
.shuttle-modal-content > .button_area li:nth-child(1) { margin-left:0; }
.shuttle-modal-content > .button_area li a span{ display: block;  font-size:1em;  padding: 8px 0 10px; line-height: 110%; }
.shuttle-modal-content > .button_area li img{ width:40%; height:40%; padding: 10px 0 0; }
.shuttle-modal-content > .button_area p { text-align:center; padding-top:5px; font-size: .875em; font-weight:700; letter-spacing: -.025em; }
.shuttle-modal-content > .button_area1 { width: 100%; margin: 20px auto 0; border-radius: 0px; position: absolute; bottom: 0; }
.shuttle-modal-content > .button_area2 { margin:10px 5% 0; }
.shuttle-modal-content > .button_area2 li { float: left; width:49%; margin-left:2%; }
.shuttle-modal-content > .button_area2 li:nth-child(1) { margin-left:0; }
.shuttle-modal-content > .button_area3 { width: 100%; margin: 20px auto 0; border-radius: 0px; position: absolute; bottom: 0; }
.shuttle-modal-content > .button_area4 { width: 100%; border-radius: 0px; position: absolute; bottom: 0; }
.shuttle-modal-content > .button_area4 li { height: 48px; line-height: 48px; font-size:1em; font-weight:800; }
.shuttle-modal-content > .button_area4 li a { background-color: #fff200; width: 83%; color: #1e1e46; text-align: center; display: block; }

.shuttle-modal-content .map_area_wrap { width:90%; margin:20px auto; height: 130px; border:1px solid #32325a; overflow: hidden; }

.shuttle-modal-content .button_area_confi {width: 100%; margin: 20px 0% 5%; text-align:center; overflow:hidden; }
.shuttle-modal-content .button_area_confi li { border-radius: 12px; line-height:46px; margin-bottom:5px; }
.shuttle-modal-content .button_area_confi li img {width: 22px; height: 22px; margin-top: -4px; margin-right:5px; }

.shuttle-modal-content .textarea-area_wrap { margin:10px 5% 0; height:64px; }
.shuttle-modal-content .textarea-area_wrap .textarea-box { width: 90%; height:40px;  border-radius: 12px; border:1px solid #cfcfe1; padding:15px 5%; font-size:.95em; letter-spacing:-.025em; font-family: "Nanum Gothic", Dotum, Arial, sans-serif; resize: none; }

.shuttle-modal-content > .select_area { width: 90%; margin: 20px auto 0; }
.shuttle-modal-content > .select_area li .select { width: 96%; margin: 2%; }
.shuttle-modal-content > .select_area li { width: 100%; margin-bottom: 0%; font-size: .95em; font-weight: 700; overflow: hidden; }

.shuttle-modal-content .point-drop-wrap { margin:10px 5%; width:90% }
.shuttle-modal-content .point-drop-wrap li { float: left; width:40%; margin-left:2%; font-size:.875em;  }
.shuttle-modal-content .point-drop-wrap li:nth-child(1) { margin-left:0; width:58%; }
.shuttle-modal-content .point-drop-wrap li.navy-box-left { background-color:#1e1e46; color:#fff; font-size:.95em; border-radius: 12px; line-height:46px; text-align:center; }
.shuttle-modal-content .point-drop-wrap ul.first li { margin-top: 15px; }
.shuttle-modal-content .point-drop-wrap ul.first li:nth-child(1) { float: left; width:73%; }
.shuttle-modal-content .point-drop-wrap ul.first li:nth-child(2) { float: left; width:23%; margin-left:2%; }
.shuttle-modal-content .point-drop-wrap ul.second li { margin-top:5px; width:100%; font-size:.95em;  }


/* 전체지도 팝업페이지 */
.map-modal-content { margin:0px auto; background-color:#ececf6 ; position:relative; padding:0; outline:0; width:100%; height:100vh;  font-family: "Nanum Gothic", Dotum, Arial, sans-serif; overflow: hidden; }
.map-modal-content .close_top_btn1 { position: fixed; top: 0%; right: 0%; padding:12px 10px; border-radius: 0 0 0 10px; }
.map-modal-content .close_top_btn1 img { height: 20px; }
.map-modal-content h3.title_wrap { background-color:#1e1e46; padding-left: 5%; line-height: 46px; font-size: 1.25em; font-weight: 800; position: fixed; width: 100%; color:#fff; }
.map-modal-content .map_wrap { height:100vh; }
.map-modal-content .map_wrap img { height:100%; }