@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
/*******************************************CSS초기화**********************************************/
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;-webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased;}
*:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

html, body {height:100%;margin:0;padding:0;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,address{margin:0;padding:0;/*outline:none;*/}
body,h1,h2,h3,h4,input,button,select{font-family:'Noto Sans KR',돋움, Dotum, sans-serif; font-size:13px; font-weight:400; color:#333; letter-spacing:-0.25px;}
body{word-break:keep-all}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle; height:30px;}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
label {font-weight:normal !important;}
a {color:#333; text-decoration:none; word-break:break-all;}
a:hover, a:focus{ color:#2e67df; text-decoration:none;/* outline:none;*/}
table {empty-cells:show;}
legend,hr, .hide {visibility:hidden; overflow:hidden; position:absolute; left:-9999em; top:-9999em; width:0px; height:0px; border:none; background:none; font-size:0px; line-height:0px; opacity:0;}
caption{visibility:hidden; overflow:hidden; width:0px; height:0px; font-size:0px; line-height:0px;}
input[type="checkbox"], input[type="radio"] { margin-top:0px;}
input[type="text"], input[type="password"], select, textarea {width:100%; padding:0 5px; border:1px solid #ccc; font-size:13px; color:#333;}
input[type="password"] { }
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { border:1px solid #999; /*outline:1px solid #999;*/}
input[type="file"] {width:100%; font-size:13px; color:#333; display:inline-block; height:30px;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
input[type=text]::-ms-clear {display:none;}
textarea {resize:none; font-family:'Noto Sans KR', 돋움, Dotum, sans-serif;}
button:focus {/*outline:none;*/}

/*******************************************CSS초기화**********************************************/
.ellipsis-link { display:block; overflow-x:hidden; text-overflow:ellipsis; white-space:nowrap;}
/*스크롤탑 hover효과*/
#topcontrol { z-index:101;}
#topcontrol > .scrolltopimg { background:url(../img/dm_web-scroll-top.png) no-repeat 50% 50%; background-size:30px 30px; width:30px; height:30px; border:none; display:block;}
#topcontrol > .scrolltopimghover { background:url(../img/dm_web-scroll-top-hover.png) no-repeat 50% 50%; background-size:30px 30px; width:30px; height:30px; border:none; display:none; }
#topcontrol:hover > .scrolltopimghover, #topcontrol:focus > .scrolltopimghover { display:block;}
#topcontrol:hover > .scrolltopimg, #topcontrol:focus > .scrolltopimg { display:none; }
/*/스크롤탑 hover효과*/

/*공백*/
.blank05 {height:5px;}
.blank10 {height:10px;}
.blank15 {height:15px;}
.blank20 {height:20px;}
.blank25 {height:25px;}
.blank30 {height:30px;}
.blank35 {height:35px;}
.blank40 {height:40px;}

.blank45 {height:45px;}
.blank50 {height:50px;}
/*/공백*/

/* 여백 마진, 페딩 필요시 추가 */
.ma0 {margin:0px !important;}
.ma5 {margin:5px !important;}
.ma10 {margin:10px !important;}
.ma15 {margin:15px !important;}
.ma20 {margin:20px !important;}
.ma25 {margin:25px !important;}
.ma30 {margin:30px !important;}
.ma35 {margin:35px !important;}
.ma40 {margin:40px !important;}
.ma45 {margin:45px !important;}
.ma50 {margin:50px !important;}

.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}

.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}

.pa0 {padding:0px !important;}
.pa5 {padding:5px !important;}
.pa10 {padding:10px !important;}
.pa15 {padding:15px !important;}
.pa20 {padding:20px !important;}
.pa25 {padding:25px !important;}
.pa30 {padding:30px !important;}
.pa35 {padding:35px !important;}
.pa40 {padding:40px !important;}
.pa45 {padding:45px !important;}
.pa50 {padding:50px !important;}

.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}

.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}

.pr0 {padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
/* /여백 마진, 페딩 필요시 추가 */

/*텍스트정렬*/
.txt-left { text-align:left !important; }
.txt-center { text-align:center !important;}
.txt-right { text-align:right !important;}
/*/텍스트정렬*/

/*텍스트스타일*/
.txt-blue { color:#17529b !important;}
.txt-skyblue { color:#0abbd5 !important;}
.txt-orange { color:#fe6d31 !important;}
.txt-green { color:#08a148 !important;}
.txt-violet { color:#b000d6 !important;}
.txt-red { color:#dd2c00 !important;}
.txt-black { color:#333 !important;}
.txt-gray { color:#777 !important;}
.txt-underline { text-decoration:underline !important;}
.txt-normal { font-weight:normal !important;}
.txt-bold { font-weight:bold !important;}
.txt10 { font-size:10px !important;}
.txt11 { font-size:11px !important;}
.txt12 { font-size:12px !important;}
.txt13 { font-size:13px !important;}
.txt14 { font-size:14px !important;}
.txt15 { font-size:15px !important;}
.txt16 { font-size:16px !important;}
.txt17 { font-size:17px !important;}
.txt18 { font-size:18px !important;}
.txt19 { font-size:19px !important;}
.txt20 { font-size:20px !important;}
/*/텍스트스타일*/

/*float*/
.clearfix::after { content:""; display:block; clear:both;}
.float-left { float:left !important;}
.float-right { float:right !important;}
.float-none { float: none !important;}
.clear { clear:both;}
/*/float*/

/*display*/
.none { display:none !important;}
.block { display:block !important;}
/*/display*/

/*col*/
.col1 > li, .col2 > li, .col3 > li, .col4 > li, .col5 > li, .col6 > li, .col7 > li, .col8 > li, .col9 > li, .col10 > li, .col11 > li, .col12 > li { float:left;}
.col1 > li { width:100%;}
.col2 > li { width:50%;}
.col3 > li { width:33.333333%;}
.col4 > li { width:25%;}
.col5 > li { width:20%;}
.col6 > li { width:16.666666%;}
.col7 > li { width:14.285714%;}
.col8 > li { width:12.5%;}
.col9 > li { width:11.111111%;}
.col10 > li { width:10%;}
.col11 > li { width:9.090909%;}
.col12 > li { width:8.333333%;}
/*/col*/

/*pre*/
pre { display:block; font-size:13px; font-family:NanumSquare; line-height:20px; word-break:break-all; word-wrap:break-word; white-space:pre-wrap;}
/*/pre*/

/* 접근성hidden */
.hidden { display:block; height:0; width:0; font-size:0; line-height:0; margin:0; padding:0 !important; overflow:hidden;}
/* /접근성hidden */


/***************************** PC *****************************/
.wrap { width:950px; margin:0 auto;}
.head { position:fixed; top:0; left:0; width:100%; height:60px; background:url(../img/dm_web-bg-head.png) 50% 50% no-repeat #202f74;box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); z-index:100;}
	.head > h1 { position:relative; width:100%; height:60px; font-size:25px; font-weight:700; color:#fff; text-align:center; line-height:60px;}
	.btn_web-dm-close { position:absolute; top:20px; right:20px; width:20px; height:20px; border:none; background:url(../img/dm_web-btn-close.png) 0 0 no-repeat; background-size:20px 20px; text-indent:-9999px; overflow:hidden;transition: all 0.3s ease;}
	.btn_web-dm-close:hover, .btn_web-dm-close:focus { transform:rotate(90deg);}
.body { min-width:950px; margin:0 auto; padding:75px 20px 0 20px;}
	.search-box { padding:10px; border:1px solid #ddd; border-radius:5px; background:#f0f0f0;}
		.search-item { display:table; width:530px; margin:0 auto;}
		.search-item > li { display:table-cell; font-weight:500;}
		.search-item > li:nth-child(1) {width:210px;}
		.search-item > li:nth-child(2) {width:220px;}
		.search-item > li:last-child {width:70px;}
		.search-item > li > span { display:inline-block; padding-right:10px;}
		.btn-search { width:100px; color:#fff; font-weight:500; border:none; background:#111143; border-radius:3px;}
		
	.branch-box {}	
		.branch-item {}
		.branch-item > li { display:inline; padding-left:5px;}
		.branch-item > li:first-child { padding-left:0;}
		.btn-branch { padding:0 30px; height:30px; font-size:14px; font-weight:400; color:#666; background:#f1f8ff; border:1px solid #e7f0f9; border-radius:1px;}
		.btn-branch:hover, .btn-branch:focus, .btn-branch.on {color:#fff; background:#0c89d8;border:1px solid #0c89d8;}
	.branch-infobox { border:1px solid #ddd; border-radius:5px;}
		.branch-info-head { padding:10px 20px; background:#f9f9f9; border-bottom:1px solid #ddd; border-radius:5px 5px 0 0;}
			.result-num { padding-left:20px; font-weight:500; color:#666; line-height:30px; background:url(../img/dm_web-result-num.png) 0 50% no-repeat; background-size:14px 14px; }
			.result-num > span { color:#0c89d8; font-weight:700;}
			.btn-organ-search { width:70px; color:#fff; font-weight:500; border:none; background:#888; border-radius:3px;}
			
			.main-tab-ul { position:relative;}
			.main-tab-ul:before, .main-tab-ul02:after { content:""; display:block; clear:both;}
			.main-tab-ul > li {width:49%; padding-bottom:10px;}
			.main-tab-ul > li:last-child {}
			.main-tab-ul > li > a.info-link { position:relative;display:block; padding:15px 50px 15px 15px; height:115px; color:#666; background:url(../img/dm_web-info-link.png) 95% 50% no-repeat; border:1px solid #ddd; border-radius:5px;}
			.main-tab-ul > li > a.info-link:hover, .main-tab-ul > li > a.info-link:focus, .main-tab-ul > li.active > a.info-link {background:url(../img/dm_web-info-link-on.png) 95% 50% no-repeat; border:1px solid #86c7f0;box-shadow: 0 0 5px 5px rgba(0,0,0,0.05);}
			.main-tab-ul > li > a:hover, .main-tab-ul > li > a:focus { color:#333;}
			.main-tab-ul > li.active > a {}
			.main-tab-ul > li .tab-content { width:50%;height:430px; position:absolute; top:0; left:48%; opacity:0; transition:all 0.5s ease-out;}
			.main-tab-ul > li .tab-content.in {opacity:1; left:50%; z-index:50;}
			
/*			.main-tab-menu.jx { height:auto;}
			.main-tab-menu.jx > ul > li { float:none; position:relative;}
			.main-tab-menu.jx > ul > li > a { float:none; display:block;}
			.main-tab-menu.jx .tab-content { position:static; display:block; top:0; left:0; padding:10px;  background-color:#fff;}*/
			

			.branch-info-item-box {}
				.branch-info-item {}
				.branch-info-item > li { padding-bottom:10px;}
				.branch-info-item > li:last-child { padding-bottom:0;}
				.branch-dl > dt { padding:5px 0; color:#333; font-weight:500; font-size:16px;}
				.branch-dl > dd { padding:4px 0 4px 25px; color:#333;}
				.branch-dl > dd.addr { background:url(../img/dm_web-info-icon01.png) 0 4px no-repeat; background-size:21px 21px;}
				.branch-dl > dd.tel { background:url(../img/dm_web-info-icon02.png) 0 4px no-repeat; background-size:21px 21px;}
				.branch-dl > dd.website { background:url(../img/dm_web-info-icon03.png) 0 4px no-repeat; background-size:21px 21px;}
				.branch-dl > dd.time { background:url(../img/dm_web-info-icon04.png) 0 4px no-repeat; background-size:21px 21px;}
				
				.label-branch { display:inline-block; margin-right:5px; padding:0 0 2px 0; width:50px; text-align:center; font-size:11px; font-weight:400; color:#fff; border-radius:3px;}
				.branch01 { background:#0c89d8;}
				.branch02 { background:#005600;}
				.branch03 { background:#d14905;}/* 240926 수정(구:#ff6600) */
				.branch04 { background:#bc2424;}
				.branch05 { background:#505050;}
			.branch-detail-box { padding:15px 15px 0; width:100%; height:490px; background:#f9f9f9; border:1px solid #86c7f0; border-radius:5px; overflow:auto;}
				.detail-title { display:block; padding:5px 0 10px; font-size:19px; font-weight:500;}
				.branch-detail-inbox {padding:15px;background:#fff; border-radius:5px; margin-bottom:15px; min-height:365px;}
				.major-service { padding-top:20px; border-top:1px solid #ddd;}
	
/*paging*/
   .paginationSet { text-align: center; margin-top: 20px; padding-bottom: 20px; }
   .paging { text-align: center; margin-top: 30px; }
   .pagination em { font-style: normal; }
   .pagination { display: inline-block; padding-left: 0; text-align: center; }
   .pagination > li { display: inline; }
   .pagination > li > a, .pagination > li > span { display:inline-block; padding:0 10px; height:30px; line-height:30px; }
   .pagination > li > span > em { font-weight:500; color:#0c89d8;}
   .pagination > li.first > *, .pagination > li.prev > *, .pagination > li.next > *, .pagination > li.end > * { width: 34px; }
   .pagination > li.first > *:before, .pagination > li.prev > *:before, .pagination > li.next > *:before, .pagination > li.end > *:before { content: ''; display: inline-block; }
   .pagination > li .s span { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
   .pagination > li.first > *:before { background-image: url(/static/wesc/img/ico-nav-first.png); width: 12px; height: 13px; }
   .pagination > li.prev > * { margin-right: 10px; }
   .pagination > li.prev > *:before { background-image: url(/static/wesc/img/ico-nav-pre.png); width: 12px; height: 13px; }
   .pagination > li.next > * { margin-left: 10px; }
   .pagination > li.next > *:before { background-image: url(/static/wesc/img/ico-nav-next.png); width: 12px; height: 13px; }
   .pagination > li.end > *:before { background-image: url(/static/wesc/img/ico-nav-last.png); width: 12px; height: 13px; }
   .pagination > li .t { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
   .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; }
   .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color:#000; background-color:#eee; border-color:#ddd; border-radius:3px;}
   .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { color: #fff; z-index: 3; cursor: default; font-weight: normal;  }
   .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { cursor: not-allowed; opacity: 0.7; border-color: #d8d8d8; display: none; }
      .paginationSet > ul > li.i > a > span.s { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
      .pagination > li.next > * { background-position: -580px 0; } 

/***************************** MOBILE *****************************/

.m-wrap {}
.m-head { position:fixed; top:0; width:100%; height:165px; background:#202f74;}
	.m-title { height:60px; background:url(../img/dm_m-bg-head.png) 50% 0 no-repeat #202f74; background-size:cover; }
	.m-title > h1 { position:relative; width:100%; font-size:20px; font-weight:700; color:#fff; text-align:center; line-height:60px;}
	.m-title > h1 > .btn_web-dm-close {position:absolute; top:20px; right:20px; width:20px; height:20px; border:none; background:url(../img/dm_web-btn-close.png) 0 0 no-repeat; background-size:20px 20px; text-indent:-9999px; overflow:hidden;transition: all 0.3s ease;}
	.m-search { padding:10px 15px; height:85px; background:url(../img/dm_m-bg-head.png) 50% -60px no-repeat #4b5eb2; background-size:cover; border-radius:20px 20px 0 0;}
	.m-search-item {}
	.m-search-item > li { float:left; padding:0 5px; width:28%;}
	.m-search-item > li:last-child { padding-top:24px; width:16%; vertical-align:bottom;}
	.m-search-item > li > dl > dt { height:25px; font-size:14px; font-weight:700; color:rgba(255,255,255,0.8);}
	.btn-m-search { width:100%; height:32px; color:#fff; font-weight:500; border:none; background:#111143; border-radius:3px;}
	.m-blank { height:20px; background:#4b5eb2;}
	.m-blankin { height:20px; background:#fff; border-radius:20px 20px 0 0;}

.m-body { padding:165px 20px 30px; background:#fff;}
	.branch-info-mhead { margin-bottom:10px;}
	.btn-organ-msearch {width:50px; color:#fff; font-weight:500; border:none; background:#888; border-radius:3px;}
	
	.branch-info-mitem {}
	.branch-info-mitem > li { margin:10px 0;color:#666; border:1px solid #ddd; border-radius:5px;box-shadow: 0 0 3px 3px rgba(0,0,0,0.05);}
	
	.list-title { display:block; padding:15px; border-radius:5px;}
	.info-mlink {display:block;}
	.info-mlink:hover, .info-mlink:focus, .info-mlink.on {background:url(../img/dm_web-info-link-on.png) 95% 50% no-repeat; border:1px solid #86c7f0;box-shadow: 0 0 5px 5px rgba(0,0,0,0.05);}
	.mbranch-dl > dt { padding:5px 0; color:#333; font-weight:500; font-size:18px;}
	.mbranch-dl > dd { padding:3px 0 3px 25px; color:#333; font-size:13px;}
	.mbranch-dl > dd.addr { background:url(../img/dm_web-info-icon01.png) 0 4px no-repeat; background-size:21px 21px;}
	.mbranch-dl > dd.tel { background:url(../img/dm_web-info-icon02.png) 0 4px no-repeat; background-size:21px 21px;}
	.mbranch-dl > dd.website { background:url(../img/dm_web-info-icon03.png) 0 4px no-repeat; background-size:21px 21px;}
	.mbranch-dl > dd.time { background:url(../img/dm_web-info-icon04.png) 0 4px no-repeat; background-size:21px 21px;}

.list-con { display:none; padding:0 15px 15px 15px;background:#f0f9ff; border-radius:0 0 5px 5px;}
.list-up { padding:15px 15px 0 15px; background:#f0f9ff;}
.list-down { background:url(../img/dm_m-list-down.png) 95% 40px no-repeat #fff; background-size:20px 12px;}
.list-title-close { width:100%; height:30px; border:none; background:url(../img/dm_m-list-up.png) 50% 50% no-repeat; background-size:20px 12px; text-indent:-9999px;}
.major-mservice { padding:15px 0; border-top:1px solid #ddd;}