@charset "utf-8";

@font-face{
	font-family:"NaGo";
	src:url("/ei/css/font/NanumGo.eot");
	src:url("/ei/css/font/NanumGo.eot?#iefix") format("embedded-opentype"), url("/ei/css/font/NanumGo.woff") format("woff"), url("/ei/css/font/NanumGo.ttf") format("truetype");
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family: "NaGoBo";
	src: url("../font/NanumGoBold.eot");
	src: url("../font/NanumGoBold.eot?#iefix") format("embedded-opentype"),
		url("../font/NanumGoBold.woff") format("woff"),
		url("../font/NanumGoBold.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

* {
    -webkit-touch-callout:none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust:none;             /* prevent webkit from resizing text to fit */
    -webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent tap highlight color / shadow */
	font-family: "NaGoBo";
}

body {
	background-color: #ffffff;
}
.page {padding:20px; margin-bottom:100px;}
.indent {text-indent: -1.4em; padding-left: 1.4em;}
.ml9 { margin-left: 9px;}

span.orange { color:#ff4800;}
span.navy { color: #2056ab;}
span.green { color: #18784d;}
span.red { color: #f13300;}

ul.pointGray li {padding-left:7px; background: url("../../images/mow/ems/bu_44.gif") no-repeat 0 6px; background-size:2px 2px; line-height:15px; color:#666666; margin-bottom:5px;}

.ui-widget-header{ border: none; background: none;}
.ui-button{ outline:none;}

header { position: relative; height: auto; width: 100%;}
header p#main_title { text-align: center; background-color: #50a0d5;}
header p#main_title img {	max-width: 100%; height: auto; font-size: 0;}
header p#main_title_text { color: #ffffff; position: absolute;}
header p#main_title_text_s { color: #ffffff; position: absolute; font-family:"NaGo";}
@media screen and (min-width: 320px){ #main_title_text{ font-size: 18px; left: 16px; bottom: 34px;} #main_title_text_s {font-size: 13px; left: 19px; bottom: 58px;}}
@media screen and (min-width: 360px){ #main_title_text{ font-size: 20px; left: 20px; bottom: 36px;} #main_title_text_s {font-size: 15px; left: 20px; bottom: 64px;}}
@media screen and (min-width: 375px){ #main_title_text{ font-size: 21px; bottom: 37px;} #main_title_text_s {font-size: 16px; bottom: 65px;}}
@media screen and (min-width: 412px){ #main_title_text{ font-size: 23px; bottom: 40px; left: 22px;} #main_title_text_s {font-size: 17px; left: 23px; bottom: 70px;}}
@media screen and (min-width: 768px){ #main_title_text{ font-size: 40px; bottom: 60px; left: 63px;} #main_title_text_s {font-size: 30px; left: 63px; 	bottom: 112px;}}
@media screen and (min-width: 834px){ #main_title_text{ left: 96px;} #main_title_text_s{ left: 96px;}}
@media screen and (min-width: 1024px){ #main_title_text{ left: 191px;} #main_title_text_s{ left: 191px;}}
header p#home_btn { position: absolute; right: 20px; top: 10px; height: 22px; width: 28px; background: url("../../images/mow/ems/info_home.png") no-repeat 0 0; background-size: contain;}
header p#back_btn { position: absolute; left: 20px; top: 10px; height: 22px; width: 28px; background: url("../../images/mow/ems/arrow_left.png") no-repeat 0 0; background-size: contain;}
header p#call_btn { position: absolute; left: 20px; bottom: 12px; height: 15px; width: 82.5px; background: url(../../images/mow/ems/info_call.png) no-repeat 0 0; background-size: contain;}
p#main_desc { background-color: #f0f0f0; width: 100%; height: 25px; line-height: 25px; font-size: 11px; color: #969696; font-weight: bold; text-indent: 18px;}

.detail_menu  {position: relative; padding: 5px 15px; display: flex; align-items: center; border-top: 0.5px solid #dcdcdc;}
.detail_menu > * {padding: 5px;}
.detail_menu img { flex:initial;}
.detail_menu div { flex:none; vertical-align: middle;}
.detail_menu div span { font-size: 13px; font-weight: bold; }
.detail_menu nav { flex:2;}
.detail_menu nav ul { font-size: 11px;} 

#menuBox{ width: 100%; height: 100px; background-color: #f0f0f0; display: table; border-spacing: 0.7em 1em; font-size: 11px; word-break: keep-all;}
#menuBox div { background-color: white; border-radius: 5px; box-sizing: border-box; width: 25%; height: 100%; display: table-cell; padding-top:10px; padding-bottom: 5px; text-align: center; font-weight: 600;}

.swiper-pagination-bullet{ background: #f0f0f0; opacity: 1;}
.swiper-pagination-bullet-active{ background: #346da5;}
.swiper-slide{ margin-bottom: 20px;}
.slide-container{ margin: 15px 30px; /* display: grid; grid-template-columns:1fr 1fr; */ display: flex;}
.slide-container div{ padding: 5px;}
.slide-container div:nth-child(1){width: 60%;}
.slide-container div:nth-child(2){width: 40%;}
.slide-img-container{ text-align: center;}
.slide-container h4{ font-size: 13px; margin-bottom: 5px;}
.slide-container .pointGray{ font-size: 11px;}

@media screen and (max-height: 520px){
	.detail_menu{padding: 0px 15px;}
	.swiper-slide{ margin-bottom: 15px;}
}
@media screen and (max-width: 320px){
	.detail_menu{padding: 3px 10px;}
	.detail_menu > * {padding: 2px 5px;}
	.slide-container{margin: 10px 20px;}
}
@media screen and (min-height: 700px){
	.detail_menu{ padding: 15px;}
	#menuBox{ height: 120px;}
	#menuBox div{ padding-top: 20px;}
}

.sb_title {
	margin-bottom: 16px;
	height: 20px;
}
.sb_title h2 { float: left; padding-left: 25px; background: url(../../images/mow/ems/detail_ico01.png) no-repeat 0px 0px; background-size: 20px 20px; font-size: 0.9em; line-height: 20px; color: #356e9a; font-weight: bold;  height: 20px; }
.sb_title span { float: right; font:normal 0.625em "NaGoBo"; font-weight: bold; color: #464646; line-height: 20px;}
.sb_txt { margin-bottom: 30px; border: 2px solid #dcdcdc; padding: 12px; font: normal 0.750em "NaGoBo"; color: #464646;}

div.tabs{
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}
div.tabs .tabBtn{
	background-color: #e8f0f8;
	width: 49.5%;
	height: 30px;
	color: #1e1e1e;
	font-weight: bold;
	text-align:center;
	font: normal 0.750em/30px "NaGoBo";
	margin-bottom: 1%;
}
div.tabs .tabBtn:nth-child(odd){ float: left; margin-right: 0.5%;}
div.tabs .tabBtn:nth-child(even){ float: right; margin-left: 0.5%;}
div.tabs .tabBtn.activeTab { background-color: #51b1c1; color: #fff;}

.contents{
	display: none;
	font-size: 0.750em;
	color:#464646;
}
p.tabTitle { margin-top:10px; line-height:20px; padding-left:15px; background: url("../../images/mow/ems/title_ico_orange.png") no-repeat 0 5px; background-size:11px 11px;}
p.tabTitle span { font-weight: bold; }
p.titleText { font-size:0.750em; color: #464646; padding: 10px 0px;}
.contentsTitleBg { position: absolute; left: 0; right: 0; height: 25px; background-color: #f0f0f0; margin-top: 20px;}
.contentsTitle { position: relative; top: 0; left: 0; height: 25px; line-height: 25px; font-weight: bold; margin-top: 20px;}
.subTitle {font-weight: bold; padding: 2px; margin-top: 20px; width:max-content;}
.contents p.text { margin-top: 20px;}
.contents .tableContainer{ width: 100%; overflow-y: auto;}
.contents .tableContainer::-webkit-scrollbar{height: 0.5em;}
.contents .tableContainer::-webkit-scrollbar-track{ background: #f0f0f0;}
.contents .tableContainer::-webkit-scrollbar-thumb{ background: #a4dcda; border-radius: 10px;}
.contents table  {margin-top:20px; width:100%; border: 1px solid #a4dcda; font-size: 0.9em; word-break: break-word;}
.contents table caption { margin-bottom: 3px;}
.contents table tr th { padding:5px 1px; min-height: 40px; border: 1px solid #a4dcda; background-color: #bee6e4; color:#000; font-weight: bold; vertical-align:middle;}
.contents table tr th.center { text-align:center;}
.contents table tr td { padding:5px 1px; min-height: 39px; border: 1px solid #a4dcda; line-height:16px; text-align: center; vertical-align: middle;}
.contents table tr td.green{ background-color:#E2F1F1;}
.contents table.list_cenNum tr td{ font-family: "NaGo"; line-height: 13px}
.contents table.list_cenNum tr td.bold{ font-weight: bold; font-size: 110%;}
#top_btn {
	background: url("../../images/mow/common/top.png") center center no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
	width: 45px;
	height: 45px;
	position: fixed;
	right: 10px;
	bottom: 30px;
	display: none;
	z-index:100;
}