@charset "utf-8";
html,body {    position: relative; font-size:14px; color:#555; font-weight:normal; line-height:1.4; word-break:keep-all; font-family:'Noto Sans Korean', sans-serif }
.mt0 { margin-top:0 !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; }
.mb0 { margin-bottom:0px !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; }
.bt0 { border-top:none !important; }
.wordBreak { word-break:break-all !important; }
.skip { position:absolute;}
.mbBr {display: none;}
input[type=button], button {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.srOnly{position:absolute; overflow:hidden; width:1px; height:1px; margin:-1px; padding:0; white-space:nowrap; clip:rect(0, 0, 0, 0); border:0;}

/* topLayout */
#skipnavigation a { position:absolute; left:-3000%; }
#skipnavigation a:focus { display: block; left: 0; top: 0; z-index: 10000000000; width: 100%; height: 30px; line-height: 30px; background: #0076B8; color: #fff; text-align: center; }
.mobTopLayout { display:none; }

.topLayout { height:auto; position:relative; z-index:10; }
	.topBuBox  { max-width:1100px; margin:0 auto; height:54px; position:relative; padding:0 16px; }
		.topBuBox .topBuL { position:absolute; top:11px; }
		.topBuBox .topBuL a { display:block; }
		/* .topBuBox .topBuL a img { position:absolute; } */
		.topBuBox .topBuL a span.mob img { display:none;}
		.topBuBox .topBuC { width:270px; margin:0 auto; height:34px; padding:10px 0 0 0; position:relative; right:70px; }
		.topBuBox .topBuC label.skip { position:absolute; }
			.topBuBox .topBuC input.btn_searchBox { height:30px; border:2px solid #0076B8; width:212px; padding:0 44px 0 10px; margin:0; z-index:3; }
			.topBuBox .topBuC .btn_search { position:absolute; right:0; top:10px; }
			.searchHelp { position:absolute; width:266px; border:2px solid #0076B8; border-top:none; z-index:7; background:#fff; display:none; }
			 .searchHelp .search_tit { font-size:20px; color:#0076B8; font-weight:500; padding:15px 15px 15px 40px; border-bottom:1px solid #ddd; margin:0; background:url(../images/user/searchIcon01.png) no-repeat 15px 21px; }
				 .searchHelp .search_tit span { font-size:16px; color:#6E6E6E; font-weight:normal; }
			.searchHelp .search_info { padding:15px; }
			.searchHelp .search_info p.info01 { margin:0; font-size:16px; }
			.searchHelp .search_info p.info02 { margin:10px 0 0 0; font-size:13px; color:#555; letter-spacing:-0.5px; }
				.searchHelp .search_info p.info02 span { margin:0; display:block; padding:0 12px; color:#6E6E6E; }
			.searchResult { background:#fff; position:absolute; z-index:7; border:2px solid #0076B8; border-top:none; width:236px; height:225px; padding:15px 15px 5px 15px; overflow-y:auto; overflow-x:hidden; display:none; }
			.searchResult p { font-size:15px; color:#6E6E6E; margin:0 0 10px 0; }
			.searchResult p span { color:#4d88d1; }
			.searchResult a:hover { font-weight:bold; color:#0076B8; }
			.searchResult a:hover span { font-weight:bold; color:#0076B8; }

		.topBuR	{ position:absolute; top:0; right:16px; z-index:8; }
		.topBuBox .topBuR ul { overflow:hidden; /*position:absolute; top:0; right:16px;*/ }
			.topBuBox .topBuR ul li { float:left; padding:0 10px; line-height:54px; position:relative; }
			.topBuBox .topBuR ul li:before { content:''; width:1px; height:13px; background:#ddd; position:absolute; left:0; top:22px; }
			.topBuBox .topBuR ul li:first-child {padding:0 10px 0 0; }
			.topBuBox .topBuR ul li:first-child:before { display:none; }
				.topBuBox .topBuR ul li a { font-size:14px; color:#737373;  }
				.topBuBox .topBuR ul li.on a { color:#0076B8; font-weight:500; }
					.topBuBox .topBuR .btn_zoomBox { display:inline-block; float:right; margin:19px -10px 0 14px; position:relative; z-index:5; }
					.topBuBox .topBuR .btn_zoomBox button { float:left; margin:0 0 0 1px; position:relative; }
	.topMenuBox { width:100%; left:0; height:50px; background:#142e4e; max-width:none; position:relative; z-index:6; }
	/*.topMenuBox:before { position:absolute; content:''; left:0; right:0; width:100%; height:50px; background:#142e4e; z-index:5; }*/
		.topMenuBox .topMenuC { max-width:1100px; margin:0 auto; padding:0; position:relative; z-index:6; padding:0 16px; }
			.topMenuBox .topMenuC .topMenuTab { padding-right:41px; }
			.topMenuBox .topMenuC .topMenuTab > li { padding:0; line-height:50px; text-align:center; position:relative; float:left; width:19%; height:50px;}
			.topMenuBox .topMenuC .topMenuTab > li:first-child { padding:0; }
			.topMenuBox .topMenuC .topMenuTab > li > a { color:#fff; font-size:17px; font-weight:400; display:inline-block; line-height: 48px;}
			.topMenuBox .topMenuC .topMenuTab > li.on > a {color:#6ee6ff;}
			.topMenuBox .topMenuC .topMenuTab > li.on > a:after {content:""; height:2px; display:block; background-color:#6ee6ff;}
			.topMenuBox .topMenuC .topMenuTab > li.on .subMenuAll a {color:#000;}
			.topMenuTab li:first-child .subMenuAll { border-left:1px solid #ccc; }
		.subMenuAll { position:absolute; top:50px; height:270px; border-right:1px solid #ccc; left:0; z-index:35; display:none; width:100%; }
			.subMenuAll li { margin:0; text-align:left; line-height:1.3; padding:0 15px; margin:17px 0; }
			.subMenuAll li a { color:#666; font-size:14px; letter-spacing:-0.5px; font-weight:300; transition:all 0.3s; }
			.subMenuAll li a:hover { color:#0076B8; }
		.topMenuAllBg { display:none; position:absolute; left:0; top:50px; width:100%; height:270px; background:#fff; z-index:5; border-bottom:2px solid #0076B8; }
.siteMapBtn { display:inline-block; position:absolute; top:13px; right:16px;  }
	.siteMapBtn a { display:inline-block; }
	.siteMapBtn a img { width:25px; }
/* EOD : topLayout */

/* popup */
.popT {margin: 0 12px;font-size: 23px;color: #000;font-weight: 600;}
.popT.mar0 {margin:0;}
.popTitle {position: relative; margin-bottom: 15px;border-bottom: 1px solid #ccc; /*padding: 15px;*/ height: 60px;line-height: 60px;}
.popTitlesR {position: absolute; top: -2px;right: 20px;}
.popTitlesR.right0 {right: 0px;}

.bu05_blue {font-size:15px; display:inline-block; padding:7px 10px; background-color:#2075D5; color:#fff; text-align:center; min-width:110px; height:36px;    height: 33px;line-height: 19px; vertical-align: middle; }
.winPopTit { position:fixed; width:100%; height:40px; line-height:40px; background:#0d1c2f; color:#fff; font-weight:400; font-size:15px; text-indent:20px; margin:0; }
	.winPopTit button { color:#fff; font-size:17px; position:absolute; right:20px; top:11px; cursor:pointer; }
.winPopContent { padding:60px 20px 20px 20px; }
	.winPopBox {  }
	.winPop_BtnBox { padding:20px 0; text-align:center; position:fixed; bottom:0; left:0; width:100%; background:#fff; }
/* EOD : popup */
/* main Content */
.m_contentLayout {min-height:600px; }
	.m_banner { text-align:center; position:relative; background-color:#c9e9f8;  }
		.m_bannerIn {max-width:1100px; margin:0 auto; min-height:173px; position:relative;}
		.m_bannerIn ul li { float:left;  }
		.m_bannerIn ul li a img { width:100%; max-width:2000px; }
	.wvNumBox { max-width:1100px; margin:0 auto; text-align:center; }
	.wvNumBox .wvNumBoxContainer { display:inline-block; height:45px; position:relative; top:185px; }
	.wvNumBox .wvNumBoxContainer > a { display:inline-block; width:15px; height:15px; border-radius:15px; margin:0 6px 0 0; background:#8ca2ac; float:left; overflow:hidden;}
	.wvNumBox .wvNumBoxContainer > a.on { background:#000; }
	.wvNumBox .wvNumBoxContainer > a span {margin-left:-100px;}
	.wvNumBox .wvNumBoxIn { float:left; margin:-1px 0 0 0; }
	.wvNumBoxIn > a {display:inline-block;}
	.wvNumBoxIn > a > span { font-size:17px; color:#000; width:15px; height:15px; display:inline-block; }
	.wvNumBoxIn > a > span > span { text-indent:-9999px; left:-9999px; opacity:0; text-align:left; visibility:hidden; width:0; height:0; position:absolute; }
	.bannerBtnBox { max-width:1100px; margin:0 auto; text-align:right; padding:0 16px; transition:all 0.3s ease; height:1px; margin-bottom:50px;}
		.bannerBtn { width:69px; height:37px; background:#e8f0f0; border-radius:0 0 50px 50px; transition:all 0.233s ease-out; color:#414242; box-shadow:1px 0px 2px 1px #b8b8b8; position:relative; z-index:5; }
		.bannerBtn:hover { color:#fff; background:#142e4e; }
		.bannerBtn span { font-weight:bold; font-size:17px; transition:all 0.0895s ease;}
		.bannerBtn:hover span { font-size:20px; }

	.m_contentBox { max-width:1100px; margin:0 auto; letter-spacing:-1px; padding:0 16px; }
		.m_search {position: relative; padding: 30px 16px 0; background-color: #E5F3FF; overflow: hidden;}
		.m_search:after {}
		.m_search .m_searchIn { max-width:1100px;    padding: 20px 0 20px 0; margin:0 auto; position:relative; background-color: #fff;    box-shadow: 3px 11px 28px -3px rgba(165,214,255,0.5); border-radius: 5px;}
			.m_searchInL { position: absolute;top: 20px;left: 20px;}
			/* .m_searchInR:after {content: ''; position: absolute; top : 20px; left:-25px; width:1px; height: 95px; background-color:#ddd;} */
				.m_searchSubT {color: #666666;}
				.m_searchT { margin: 0;font-size: 24px;color: #000;}
				.m_searchSubTxt {font-size: 13px;color: #666666;}
			.m_searchInR { position: relative; padding: 0px 50px 0px 50px; margin-left: 240px;border-left: 1px solid #ddd;}
				.m_searchBox { position: relative;width: 100%;}
					.m_searchW { display: block;padding: 0 45px 0 0;}
		.m_search .m_searchIn input {width: 100%;height:44px; line-height:46px; padding: 0px; font-size:16px; color:#333; margin:0; position:relative;border:none; background-color: #EFF2F3; text-indent: 10px;}
		.m_search .m_searchIn input:after { content:''; position:absolute; top:0; right:0; width:100px; height:30px; border:1px solid red; }
		.m_search .m_searchIn > span { font-size:17px; color:#6a6a6a; display:block; text-align:center; margin:10px 0 0 0; }
		.m_search .m_searchDel { display:inline-block; position:absolute; top:14px; right:53px; transition:transform 0.199s linear;}
		.m_search .m_searchDel span { font-size:16px; font-weight:bold; }
		.m_search .m_searchDel.on { transform:rotate(360deg); }
		.m_search .m_searchDel:hover { transform:scale(1.2); }
		.m_search .m_searchBtn { width:44px; height:44px; background:url(../images/user/ic_search.png) no-repeat #142E4E 50% 50%;background-size: 20px; position:absolute; top:0px; right:0px; }
		.m_search .m_searchBtn:after {display: none; content:''; position:absolute; left:0; top:10%; width:1px; height:80%; background:#0759bf; }
			.m_searchResult { background:#fff; position:absolute; z-index:7; left:0px; width:100%; display:none; box-shadow:0px 4px 4px 1px #b8b8b8; }
			.m_searchResult .m_searchResultIn { padding:15px 15px 5px 15px; height:225px; overflow-y:auto; overflow-x:hidden; border-top:none; }
			.m_searchResult .m_searchResultIn p { font-size:15px; color:#6E6E6E; margin:0 0 10px 0; }
			.m_searchResult .m_searchResultIn button {display:block; font-size:15px; color:#6E6E6E; margin:0 0 10px 0; }
			.m_searchResult .m_searchResultIn p span { color:#4d88d1; }
			.m_searchResult .m_searchResultIn button span { color:#4d88d1; }
			.m_searchResult .m_searchResultIn a:hover { font-weight:bold; color:#0076B8; }
			.m_searchResult .m_searchResultIn a:hover span { font-weight:bold; color:#0076B8; }

			.keyWordCont {}
			.keyWordCont h4 { margin: 6px 0 0;padding-right: 10px;font-size: 15px;float: left;}
			.keyWordCont h4:before {display:none;}
			.keyWordCont ul {margin: 15px 0 0 85px;}
			.keyWordCont ul li {}
			.keyWordCont ul li button { display: inline-block;    margin: 3px 0; padding: 5px 20px;font-size: 14px;border-radius: 15px;background-color:#808080; color:#fff; transition: 0.3s all ease;}
			/* .keyWordCont ul li span:hover {background-color: #0E49AC; color:#fff;} */
			.keyWordCont ul li button:hover {background-color: #0E49AC; color:#fff;}

			.Indicators { position: relative;max-width: 1100px;margin: 30px auto;}
				.IndicTab {width: 240px;position: absolute;left: 0;top: 40px;}
				.IndicTab:after {content: '';position: absolute;width: 207px;height: 185px;background: url(../images/user/ic_bg.png) no-repeat;z-index: 1; bottom: -139px;right: -112px;background-size: cover;opacity: 0.8;}
				.IndicTab li {margin: 5px 0; border-bottom: 2px dotted #ddd;}
				.IndicTab li.on { border-bottom: 2px dotted #E5F3FF;}
				.IndicTab li.on a {background-color: #fff; box-shadow: 3px 5px 25px -3px rgba(165,214,255,0.5); color:#0E49AC; }
				.IndicTab li a {display: block;position: relative; transition: 0.3s all ease;height: 50px;line-height: 50px;border-radius: 50px;padding: 0 20px 0 60px;font-size: 18px; z-index: 2; }
				.IndicTab li a:before { content: '';position: absolute;top: 9px;left: 21px;width: 27px;height: 29px;transition: 0.3s all ease;background-size: cover;}

				.IndicTab li .IndicTab1:before {background: url(../images/user/ic_Indic1.png) no-repeat;background-position-x: 0px;background-size: cover}
				.IndicTab li.on .IndicTab1:before {background-position-x: -31px;  background-size: cover;}
				.IndicTab li .IndicTab2:before {background: url(../images/user/ic_Indic2.png) no-repeat;background-position-x: 0px;background-size: cover}
				.IndicTab li.on .IndicTab2:before {background-position-x: -31px;  background-size: cover;}
				.IndicTab li .IndicTab3:before {    width: 24px;height: 25px;top: 13px;left: 24px;background: url(../images/user/ic_Indic3.png) no-repeat;background-position-x: 0px;background-size: cover}
				.IndicTab li.on .IndicTab3:before {background-position-x: -27px;  background-size: cover;}

				/* .IndicTab li a span {position: absolute;right: 15px;top: 18px;font-size: 15px; font-weight: 600; transition: 0.3s all ease; opacity: 0;}
				.IndicTab li.on a span {opacity: 1;} */
				.IndicTab li a img {position: absolute;right: 15px;top: 18px;font-size: 15px; font-weight: 600; transition: 0.3s all ease; opacity: 0;}
				.IndicTab li.on a img {opacity: 1;}

				.graph {margin-left: 280px; }
					.radioWrap {margin: 10px 0;}
					.radioWrap input[type=radio] { height: 20px; }
					/* .radioWrap input[type=radio] + label { display: inline-block; cursor: pointer; line-height: 22px; padding-left: 22px; background: url('../images/user/check_off.png') left/22px no-repeat; background-size: 15px; transition: 0.3s all ease;}
					.radioWrap input[type=radio]:checked + label {font-weight: 500; color: #000;background-image: url('../images/user/check_on.png'); } */
						.chtUnit {float: right;margin: 0;font-size: 13px;}
					/* .graphWrap {overflow: auto;} */
					.graphWrap {overflow: visible;}
						.graphIn {width: 800px;height: 255px;}






			.m_infoList { margin:40px 0 0 0;overflow: hidden; }
			.m_infoList .m_info { display:inline-block; position: relative;}
			.m_infoList .m_info > li { float:left; width:33.33333%; }

			.leftCont {float: left;width: 48.5%;}
			.rightCont {float: right;width: 48.5%;/* max-width:533px;*/}
				.infoCont {position: relative;border-radius: 5px;overflow: hidden;height: 180px; margin-bottom: 20px;}
				.infoCont .infoT {position: absolute;top: 20px;left: 20px;}
					.greenBg {background: url(../images/user/greenBg0.png) no-repeat;background-size: cover;}
					.greenBg .contT3 {color:#003B3B;}
					.greenBg .m_searchSubT {color: #407879;}
					.greenTxt {color: #003B3B;}

					.purpleBg {background: url(../images/user/purpleBg0.png) no-repeat;background-size: cover;}
					.purpleBg .contT3 {color:#2F2F5A;}
					.purpleBg .m_searchSubT {color: #636786;}
					.purpleTxt {color: #2F2F5A;}
				.infoCont .infoList {margin-left: 180px; padding: 23px 20px 20px 20px;overflow: hidden;}
				.infoCont .infoList li {float: left;width: 33.3%; padding: 10px 0;text-align: center;border-radius: 5px;transition: 0.3s all ease;}
					.greenBg .infoList li:hover {background-color: #fff;box-shadow: 3px 5px 25px -3px rgba(122, 203, 203, 0.5);}
					.purpleBg .infoList li:hover {background-color: #fff;box-shadow: 3px 5px 25px -3px rgba(123, 126, 177, 0.5);}

				.infoCont .infoList li a {position: relative;display: block;}
				.infoCont .infoList li img {width: 60px;}
				.infoCont .infoList li p { margin: 10px 0 3px 0;font-size: 16px;font-weight: 500;color: #000;}
				.infoCont .infoList li span {color: #000;}
					.dirRink {font-size: 13px;display: block;border: 1px solid #E1E1E1;border-radius: 5px;text-align: center;width: 75px;height: 25px;line-height: 25px; transition: 0.3s all ease;}
					.greenBg .dirRink {color: #407879;}
					.purpleBg .dirRink {color: #636786;}
					.greenBg .dirRink:hover {border:1px solid rgba(105,142,142,1);}
					.purpleBg .dirRink:hover {border:1px solid rgba(132,134,155,1);}
					.dirRink span {font-size: 11px;}
					.dirRink img {padding-left: 5px;vertical-align: middle;}

				.bnr {border-radius: 5px;overflow: hidden;}
				.bnr .bnrList {}
				.bnr .bnrList li a{display:block;}
				.bnr .bnrList li img {width:100%;}

				/*notice swiper css*/
				.bnr .swiper-container { height: 330px;}
				.bnr .swiper-container-horizontal>.swiper-pagination-bullets, .bnr .swiper-pagination-custom, .bnr s.swiper-pagination-fraction {top: 25px;left: 25px;width: auto;}
				.bnr .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 6px;transition: 0.3s all ease;}
				.bnr .swiper-pagination-bullet-active {background-color: #fff;box-shadow: 0px 0px 3px 5px rgba(0,0,0,0.5);}

				.bnrSub { position: absolute;bottom: 72px;width: 100%;z-index: 10;}
					.bnrSubIn { margin: 0 20px;}
					.bnrSubIn li {float: left;width: 25%;text-align: center;background-color: #F5F5F5;transition: 0.3s all ease;}
					.bnrSubIn li:hover {background-color: #3864AE;}
					.bnrSubIn li:hover a {color: #fff;}
					.bnrSubIn li a { display: block;position: relative;height: 55px;line-height: 55px;padding: 0 0 0 20px;}
					.bnrSubIn a:before {content: '';position: absolute;top: 18px;left: 21px; width: 20px;height: 20px;transition: 0.3s all ease;background-size: cover;}
					.bnrSubIn .bnrSub1:before { width: 20px;height: 20px; background: url(../images/user/ic_sub1.png) no-repeat;background-position-x: 0px;background-size: cover;}
					.bnrSubIn .bnrSub2:before { top: 18px;left: 4px; background: url(../images/user/ic_sub2.png) no-repeat;background-position-x: 0px;background-size: cover;}
					.bnrSubIn .bnrSub3:before { top: 18px;left: 24px; background: url(../images/user/ic_sub3.png) no-repeat;background-position-x: 0px;background-size: cover;}
					.bnrSubIn .bnrSub4:before { left: 11px;width: 21px; background: url(../images/user/ic_sub4.png) no-repeat;background-position-x: 0px;background-size: cover;}

					.bnrSubIn .bnrSub1:hover:before {background-position-x: -27px;}
					.bnrSubIn .bnrSub2:hover:before {background-position-x: -27px;}
					.bnrSubIn .bnrSub3:hover:before {background-position-x: -27px;}
					.bnrSubIn .bnrSub4:hover:before {background-position-x: -26px;}

					/*2020.01.03 인포팝업 추가*/

					.infoPop {display: none;position: fixed;top: -12px;left: 0; bottom: 0;right: 0;margin: auto;width: 850px;height: 850px;background-color: #fff; border: 5px solid #3571B5;   z-index: 12;}
					.pop:before {display:none; content:''; position:absolute;width:100%;height:100%;top:0;background-color:rgba(0,0,0,0.5);z-index: 10;}
					.pop.on:before {display:block;}
						.popInBox {position: relative;}
							.popHeader {position: relative; height: 60px;padding: 0 20px;font-size: 20px;color: #000;font-weight: 600;}
							.popHeader .infoTitle { padding: 15px 30px 15px 0; line-height: 30px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
							.popContainers {padding: 0 20px 20px;}
								.infoPopClose {position: absolute;top: 15px;right: 15px;color: #000;font-size: 17px;}
								.infoPopClose img {width: 25px;}
								.infoTab { margin: 0px 0 20px 0;}
									.infoTabIn{ overflow: hidden; border-left: 1px solid #ddd;}
									.infoTabIn li {float: left;width: 20%;text-align: center;}
									.infoTabIn li a {display: block;line-height: 35px; height: 35px; border: 1px solid #ddd; border-left: none; transition: 0.3s all ease;}
									.infoTabIn li.on a { background-color: #3571B5; color: white;}
								.infoContent { overflow-y: scroll;}
									.infoContentIn {height: 710px;border: 1px solid #ddd;}
									.infoContentIn img {width:100%;}

			.m_infoList .m_info > li.first .m_infoIn { margin:0 26px 0 0; padding:30px 15px 0 15px; min-height:420px; background:url(../images/user/m_infoIn01.png) no-repeat -134% 173% #eff1f6; position:relative; border-radius:2px; }
				.m_infoList .m_info > li.first .m_infoIn .tit01 { font-size:32px; color:#142e4e; letter-spacing:-3.5px; padding:0 0 0 12px; margin:0; line-height:1.13; }
				.m_infoList .m_info > li.first .m_infoIn .tit01 span { font-size:34px; color:#DA004F; position:relative; }
				.m_infoList .m_info > li.first .m_infoIn .tit01 span:before { content:''; position:absolute; bottom:-4px; left:0; width:100%; height:11px; background:url(../images/user/m_Info_tit01.png) no-repeat; }
				.m_infoList .m_info > li.first .m_infoIn .txt01 { margin:20px 0 0 0; padding:0 10px; font-size:18px; color:#636971; line-height:1.18; }
				.m_infoList .m_info > li.first .m_infoBox { overflow:hidden; position:absolute; left:0; right:0; bottom:15px; margin:0 15px; border-radius:5px; box-shadow:1px 1px 6px 1px #a9a9a9; background:#99a0b2; }
				.m_infoList .m_info > li.first .m_infoBox:before { content:''; position:absolute; left:50%; top:10%; width:1px; height:80%; border-left:1px dashed #8A95A8; }
				.m_infoList .m_info > li.first .m_infoBox:after { content:''; position:absolute; left:5%; top:50%; width:90%; height:1px; border-top:1px dashed #8A95A8; }
				.m_infoList .m_info > li.first .m_infoBox li { display:table; width:50%; float:left; height:58px; text-align:center; background:#6B768C; transition:all 0.262s ease; }
				.m_infoList .m_info > li.first .m_infoBox li:hover { background:#6279b6; }
				.m_infoList .m_info > li.first .m_infoBox li a { display:table-cell; width:100%; height:100%; vertical-align:middle; color:#fff; font-size:17px; position:relative; }
				.m_infoList .m_info > li.first .m_infoBox li a span { position:relative; z-index:10; }
				.m_infoList .m_info > li.first .m_infoBox li a img { margin:0 6px 3px 0; }

			.m_infoList .m_info > li.second .m_infoIn { margin:0 13px; padding:30px 15px 0 15px; min-height:420px; background:url(../images/user/m_infoIn02.png) no-repeat -80% 58% #51749b; position:relative; border-radius:2px; }
				.m_infoList .m_info > li.second .m_infoIn .tit01 { font-size:32px; color:#fff; letter-spacing:-3.5px; padding:0 12px; margin:0; line-height:1.13; text-align:center; }
				.m_infoList .m_info > li.second .m_infoIn .tit01 span { font-size:34px; color:#ff7c86; position:relative; }
				.m_infoList .m_info > li.second .m_infoIn .tit01 span:before { content:''; position:absolute; bottom:-4px; left:0; width:100%; height:11px; background:url(../images/user/m_Info_tit01.png) no-repeat; }
				.m_infoList .m_info > li.second .m_infoIn .txt01 { margin:20px 0 0 0; padding:0 10px; font-size:18px; color:#e2efff; line-height:1.18; }
				.m_infoList .m_info > li.second .m_infoBox { overflow:hidden; position:absolute; bottom:18px; left:0; width:100%; }
				.m_infoList .m_info > li.second .m_infoBox li { margin:0 20px; position:relative;}
				/*
				.m_infoList .m_info > li.second .m_infoBox li:before { content:''; position:absolute; top:0; left:0; height:100%; width:0; background:#67abff; transition:0.3s all; border-radius:5px; }
				.m_infoList .m_info > li.second .m_infoBox li:hover:before { width:100%;  }
				*/
				.m_infoList .m_info > li.second .m_infoBox li a { color:#fff; font-size:20px; display:block; padding:24px 40px; transition:0.412s ease-out; position:relative; overflow:hidden; border-radius:2px; margin:6px 0 0 0; border:1px solid #99b4d3; }
				.m_infoList .m_info > li.second .m_infoBox li a:hover { border:1px solid #67abff; box-shadow:1px 0 4px 2px #46668a; }
				.m_infoList .m_info > li.second .m_infoBox li:before { content:''; position:absolute; right:0; bottom:0; width:0; height:100%; transition:width 0.25s cubic-bezier(0.51, 0.18, 0, 0.88); background:#67abff;  }
				.m_infoList .m_info > li.second .m_infoBox li:after { content:''; position:absolute; right:0; bottom:0; width:0; height:100%; transition:width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83); background:#46668a;  }
				.m_infoList .m_info > li.second .m_infoBox li:hover:before,.m_infoList .m_info > li.first .m_infoBox li a:hover:after { width:100%; left:0; }
				.m_infoList .m_info > li.second .m_infoBox li:first-child a { margin:0; }
				.m_infoList .m_info > li.second .m_infoBox li.first a:before { content:''; position:absolute; top:10px; right:40px; width:40px; height:40px; border-radius:40px; background:#325b88; opacity:0.5; z-index:1; }
				.m_infoList .m_info > li.second .m_infoBox li.first a:after { content:''; position:absolute; top:40px; right:23px; width:63px; height:63px; border-radius:63px; background:#efdada; }
				.m_infoList .m_info > li.second .m_infoBox li.second a:before { content:''; position:absolute; top:30px; right:70px; width:40px; height:40px; border-radius:40px; background:#7798bc; opacity:0.5; z-index:1; }
				.m_infoList .m_info > li.second .m_infoBox li.second a:after { content:''; position:absolute; top:40px; right:23px; width:63px; height:63px; border-radius:63px; background:#d2e8cf; }
				.m_infoList .m_info > li.second .m_infoBox li.third a:before { content:''; position:absolute; top:15px; right:70px; width:40px; height:40px; border-radius:40px; background:#7798bc; opacity:0.5; z-index:1; }
				.m_infoList .m_info > li.second .m_infoBox li.third a:after { content:''; position:absolute; top:40px; right:23px; width:63px; height:63px; border-radius:63px; background:#bad9f0; }
				.m_infoList .m_info > li.second .m_infoBox li.first a img.imgM { position:absolute; right:50px; top:20px; z-index:3; }
				.m_infoList .m_info > li.second .m_infoBox li.second a img.imgM { position:absolute; right:44px; top:20px; z-index:3; }
				.m_infoList .m_info > li.second .m_infoBox li.third a img.imgM { position:absolute; right:59px; top:20px; z-index:3; }
				.m_infoList .m_info > li.second .m_infoBox li.first a img.imgS { position:absolute; right:50px; top:20px; z-index:4; }
				.m_infoList .m_info > li.second .m_infoBox li.second a img.imgS { position:absolute; right:62px; top:16px; z-index:4; }
				.m_infoList .m_info > li.second .m_infoBox li.third a img.imgS { position:absolute; right:45px; top:12px; z-index:4;  }
				.m_infoList .m_info > li.second .m_infoBox li:hover a img.imgS {  animation:imgS 0.35s ease 0.15s; }
				@keyframes imgS {
					0% { opacity:0; transform:scale(0.5); }
					100% { opacity:1; transform:scale(1); }
				}

			.m_infoList .m_info li.third .m_infoIn { margin:0 0 0 26px; min-height:420px; }
				.m_infoList .m_info > li.third .m_infoBox li.first {   }
				.m_infoList .m_info > li.third .m_infoBox li.first a { padding:20px 30px 0 30px; position:relative; display:block; background:#f3f8fc; height:107px; overflow:hidden; border-radius:2px; }
				.m_infoList .m_info > li.third .m_infoBox > li:hover a { box-shadow:1px 0px 15px 1px #ccc; transition:all 0.353s ease; }
				.m_infoList .m_info > li.third .m_infoBox li.first a:before { content:''; position:absolute; right:85px; bottom:15px; width:57px; height:57px; border-radius:57px; background:#e4eff8; opacity:0.6; transition:all 0.08s ease; }
				.m_infoList .m_info > li.third .m_infoBox li.first a:after { content:''; position:absolute; right:-12px; bottom:-58px; width:126px; height:126px; border-radius:126px; background:#e4eff8; z-index:1; transition:all 0.321s ease; }
				/*
				.m_infoList .m_info > li.third .m_infoBox li.first a:hover:before { animation:before 0.612s ease 0.787s; }
				@keyframes before {
					0% { width:0; height:0; }
					50% { background:#b6d4f2; transform:scale(1.082); box-shadow:1px 0 2px 1px #eee; }
					100% { background:#b6d4f2; transform:scale(1); }
				}
				*/
				.m_infoList .m_info > li.third .m_infoBox li.first a:hover:before { background:#b6d4f2; box-shadow:1px 0 2px 1px #cdcdcd; }
				.m_infoList .m_info > li.third .m_infoBox li.first a:hover:after { background:#8dbcec; transform:scale(1.045); box-shadow:1px 0 2px 1px #cdcdcd; }
				.m_infoList .m_info > li.third .m_infoBox li.first a .tit01 { display:block; margin:0 0 8px 0; font-size:21px; color:#142e4e; line-height:1.05; }
				.m_infoList .m_info > li.third .m_infoBox li.first a .txt01 { display:block; margin:0; font-size:16px; color:#646464; line-height:1.15; position:relative; z-index:6; }
				.m_infoList .m_info > li.third .m_infoBox li.first a .txt01.tabS { display:none; }
				.m_infoList .m_info > li.third .m_infoBox li.first a > img { position:absolute; right:32px; bottom:-5px; z-index:3; }
				.m_infoList .m_info > li.third .m_infoBox li.first a span.imgBox { position:absolute; display:inline-block; width:46px; height:49px; top:59px; right:37px; border:2px solid #000; z-index:3; background:#ff868f; transition:all 0.433s ease; }
				.m_infoList .m_info > li.third .m_infoBox li.first a span.imgBox img { vertical-align:top; }
				.m_infoList .m_info > li.third .m_infoBox li.first a:hover span.imgBox { background:#d1ef72; }
				.m_infoList .m_info > li.third .m_infoBox li.first a span.imgBox .imgBox01 { position:absolute; display:inline-block; width:39px; height:8px; left:3px; top:5px; z-index:4; overflow:hidden; background:url(../images/user/m_infoBox08_02.png) no-repeat;  transition:all 0.312s ease; }
				.m_infoList .m_info > li.third .m_infoBox li.first a:hover span.imgBox .imgBox01 { animation:imgBox01 0.4512s ease-in 0.15s; }
				.m_infoList .m_info > li.third .m_infoBox li.first a span.imgBox .imgBox02 { position:absolute; display:inline-block; width:39px; height:27px; left:3px; top:13px; z-index:4; overflow:hidden; background:url(../images/user/m_infoBox08_03.png) no-repeat;  transition:all 0.312s ease; }
				.m_infoList .m_info > li.third .m_infoBox li.first a:hover span.imgBox .imgBox02 { animation:imgBox01 0.75512s ease-out; }
				.m_infoList .m_info > li.third .m_infoBox li.first a span.imgBox .imgBox03 { position:absolute; display:inline-block; width:38px; height:14px; left:3px; top:30px; z-index:4; overflow:hidden; background:url(../images/user/m_infoBox08_04.png) no-repeat;  transition:all 0.312s ease; }
				.m_infoList .m_info > li.third .m_infoBox li.first a:hover span.imgBox .imgBox03 { animation:imgBox01 0.53512s ease-in-out; }
				@keyframes imgBox01 {
					0% { width:0; opacity:0.4; transform:scale(0.888);}
					70% { width:100%; opacity:1; transform:scale(1); }
					/*
					78% { width:100%; }
					88% { width:0; }
					*/
					100% { width:100%;  }
				}
				.m_infoList .m_info > li.third .m_infoBox li.second { margin:10px 0; }
				.m_infoList .m_info > li.third .m_infoBox li.second a { padding:20px 30px 0 30px; position:relative; display:block; background:#eaf8fa; height:107px; overflow:hidden; border-radius:2px; }
				.m_infoList .m_info > li.third .m_infoBox li.second a:before { content:''; position:absolute; right:5px; bottom:33px; width:61px; height:61px; border-radius:61px; background:#daf4f8; opacity:0.6; transition:0.08s ease; }
				.m_infoList .m_info > li.third .m_infoBox li.second a:after { content:''; position:absolute; right:38px; bottom:-38px; width:111px; height:111px; border-radius:111px; background:#daf4f8; z-index:1; transition:all 0.321s ease; }
				.m_infoList .m_info > li.third .m_infoBox li.second a:hover:before { background:#b6ebf2; box-shadow:1px 0 2px 1px #cdcdcd; }
				.m_infoList .m_info > li.third .m_infoBox li.second a:hover:after { background:#82deeb; transform:scale(1.045); box-shadow:1px 0 2px 1px #cdcdcd; }
				.m_infoList .m_info > li.third .m_infoBox li.second a .tit01 { display:block; margin:0 0 8px 0; font-size:21px; color:#142e4e; line-height:1.05; }
				.m_infoList .m_info > li.third .m_infoBox li.second a .txt01 { display:block; margin:0; font-size:16px; color:#646464; line-height:1.15; position:relative; z-index:6; }
				.m_infoList .m_info > li.third .m_infoBox li.second a .txt01.tabS { display:none; }
				.m_infoList .m_info > li.third .m_infoBox li.second a > img { position:absolute; right:20px; bottom:-8px; z-index:3; }
				.m_infoList .m_info > li.third .m_infoBox li.second a .imgBox { position:absolute; right:20px; bottom:-8px; z-index:3; display:inline-block; width:96px; height:85px; }
				.m_infoList .m_info > li.third .m_infoBox li.second a .imgBox .imgBox01 { position:absolute; top:31px; left:13px; display:inline-block; width:15px; height:23px; overflow:hidden; }
				.m_infoList .m_info > li.third .m_infoBox li.second a .imgBox .imgBox02 { position:absolute; top:0px; left:58px; display:inline-block; width:15px; height:23px; overflow:hidden; }
				.m_infoList .m_info > li.third .m_infoBox li.second a .imgBox .imgBox03 { position:absolute; top:18px; right:2px; display:inline-block; width:15px; height:23px; overflow:hidden; }
				.m_infoList .m_info > li.third .m_infoBox li.second a:hover .imgBox .imgBox01 { animation:second 0.6s ease 0.15s; }
				.m_infoList .m_info > li.third .m_infoBox li.second a:hover .imgBox .imgBox02 { animation:second 0.6s ease 0.25s; }
				.m_infoList .m_info > li.third .m_infoBox li.second a:hover .imgBox .imgBox03 { animation:second 0.6s ease-in 0.35s; }
				@keyframes second {
					0% { opacity:0; transform:scale(0.7); }
					80% { transform:scale(1.2); }
					100% { opacity:1; transform:scale(1); }
				}
				/* 2018.11.05 수정사항 반영(이용자가이드) */
				.m_infoList .m_info > li.third {  }
				.m_infoList .m_info > li.third .m_subBanner { overflow:hidden; position:relative; }
					/*
					.m_infoList .m_info > li.third .m_subBanner ul {  }
					.m_infoList .m_info > li.third .m_subBanner ul li { float:left; }
					.m_infoList .m_info > li.third .m_subBanner ul li a { display:block; }
					.m_infoList .m_info > li.third .m_subBanner ul li a:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/trans02.png); z-index:5; display:none; }
					.m_infoList .m_info > li.third .m_subBanner ul li a:after { content:'자세히보기 +'; position:absolute; top:50%; left:50%; width:126px; height:38px; line-height:38px; border:2px solid #fff; z-index:6; margin:-22px 0 0 -65px; text-align:center; cursor:pointer; color:#fff; font-size:16px; display:none; }
					.m_infoList .m_info > li.third .m_subBanner ul li a:hover:before,.m_infoList .m_info > li.third .m_subBanner ul li a:hover:after { display:block; }
					.m_infoList .m_info > li.third .m_subBanner ul li a:hover img { transform:scale(1.08); transition:0.35s all; }
					*/
					.m_infoList .m_info > li.third .m_infoBox > li:hover .m_subBanner { box-shadow:1px 0px 15px 1px #ccc; transition:all 0.353s ease; }
					.m_infoList .m_info > li.third .m_infoBox li.third .m_subBanner ul li > a { padding:20px 25px 0 25px; position:relative; display:block; background:#fff2ef; height:156px; overflow:hidden; border-radius:2px; }
					.m_infoList .m_info > li.third .m_infoBox li.third .m_subBanner ul li > a:before { content:''; position:absolute; top:43px; left:72px; width:77px; height:77px; border-radius:77px; background:#feb7a3; z-index:1; opacity:0.6; transition:0.08s ease; }
					.m_infoList .m_info > li.third .m_infoBox li.third .m_subBanner ul li > a:after { content:''; position:absolute; top:-26px; left:-70px; width:183px; height:183px; border-radius:183px; background:#ffd4c8; transition:all 0.321s ease; }
					.m_infoList .m_info > li.third .m_infoBox li.third .m_subBanner ul li > a:hover:before { background:#ff987b; box-shadow:1px 0 2px 1px #cdcdcd; }
					.m_infoList .m_info > li.third .m_infoBox li.third .m_subBanner ul li > a:hover:after { background:#ffbca9; transform:scale(1.045); box-shadow:1px 0 2px 1px #cdcdcd; }
					.m_infoList .m_info > li.third .m_infoBox li.third .m_subBanner ul li > a .tit01 { display:block; margin:10px 0 12px 0; font-size:24px; color:#142e4e; line-height:1.05; text-align:right; position:relative; z-index:6; }
					.m_infoList .m_info > li.third .m_infoBox li.third .m_subBanner ul li > a .txt01 { display:block; margin:0; font-size:16px; color:#646464; line-height:1.15; position:relative; z-index:6; text-align:right; }
					.m_infoList .m_info > li.third .m_infoBox li.third .m_subBanner ul li > a .imgBox  { position:absolute; left:30px; bottom:-3px; z-index:3; width:109px; height:133px; }
					.m_infoList .m_info > li.third .m_infoBox li.third .m_subBanner ul li > a .imgBox01 { position:absolute; top:0; left:0; z-index:3;  }
					.m_infoList .m_info > li.third .m_infoBox li.third .m_subBanner ul li > a:hover .imgBox01 { animation:book01 0.512s ease; z-index:5; }
					@keyframes book01 {
						0% { left:0px; }
						50% { left:-42px; }
						100% { z-index:5; left:0px; }
					}
					.m_infoList .m_info > li.third .m_infoBox li.third .m_subBanner ul li > a .imgBox01_01 { display:inline-block; position:absolute; height:22px; top:23px; left:14px; z-index:1; text-align:center; line-height:22px; font-size:14px; letter-spacing:-1px; font-weight:bold; color:#555; width:46px; overflow:hidden; display:none; }
						@keyframes bookTitle01 {
							0% { left:14px; opacity:0; }
							50% { left:-28px; transform:scale(1.08); opacity:0; }
							100% { left:14px; }
						}
					.m_infoList .m_info > li.third .m_infoBox li.third .m_subBanner ul li > a:hover .imgBox01_01 { animation:bookTitle01 0.512s ease; display:block; z-index:5; box-shadow:0 0 2px 3px #eee; }

					.m_infoList .m_info > li.third .m_infoBox li.third .m_subBanner ul li > a .imgBox02 { position:absolute; top:27px; left:30px; z-index:4; }
						.m_infoList .m_info > li.third .m_infoBox li.third .m_subBanner ul li > a:hover .imgBox02 { animation:book02 0.512s ease; }
					@keyframes book02 {
						0% { left:20px; }
						50% { left:42px; }
						100% { left:30px; }
					}
					.m_infoList .m_info > li.third .m_infoBox li.third .m_subBanner ul li > a .imgBox02_01 { display:inline-block; position:absolute; height:23px; top:60px; left:47px; z-index:1; text-align:center; line-height:23px; font-size:14px; letter-spacing:-1px; font-weight:bold; color:#555; width:47px; overflow:hidden; display:none; }
						@keyframes bookTitle02 {
							0% { left:37px; opacity:0; }
							50% { left:59px; transform:scale(1.08); opacity:0; }
							100% { left:47px; }
						}
						.m_infoList .m_info > li.third .m_infoBox li.third .m_subBanner ul li > a:hover .imgBox02_01 { z-index:4; animation:bookTitle02 0.512s ease; display:block;  box-shadow:0 0 2px 3px #eee;  }

						.m_guide { margin: 10px 0 20px 0;}
						.m_guide h4 {margin: 0 0 10px 0;color: #fff;font-size: 20px;}
						.m_guide h4:before {display:none;}
						.m_guide ul {overflow: hidden;}
						.m_guide ul li {float: left;width: 50%;}
						.m_guide ul li a {display: block;padding: 20px;color: #fff;}
						.m_guide ul li p {  margin: 0;color: #fff;}
							.guideBg1 {background: url(../images/user/guideBg1.png) no-repeat;background-size: cover;}
							.guideBg2 {background: url(../images/user/guideBg2.png) no-repeat;background-size: cover;}



				/* EOD : 2018.11.05 수정사항 반영(이용자가이드) */

					.m_subBanner .wvNumBox { position:static; }
					.m_subBanner .wvNumBox .wvNumBoxContainer { left:inherit; top:inherit; bottom:25px; right:25px; z-index:5; }

				.m_notice { position:relative; }
					.m_notice .m_noticeL { position:absolute; top:0; left:0; width:90px; height:50px; line-height:50px; text-align:center; color:#000; font-size:16px; }

					.m_notice .m_noticeR { padding:0 0 0 90px; height:50px; line-height:50px; background:#f3f3f3; border-left:none; overflow:hidden;  }
					.m_notice .m_noticeR .date { display:inline-block; float:left; width:120px; text-align:center; color:#383838; font-size:15px; }

					.m_notice .m_noticeR ul { padding:0 20px 0 30px; position:relative; }
					.m_notice .m_noticeR ul li { height:50px; line-height:50px; position:relative; }
					.m_notice .m_noticeR ul li a { display:block; transition:0.332s ease; color:#666; font-size:14px; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
					.m_notice .m_noticeR ul li a:hover { color:#0076B8; }
					.m_notice .m_noticeR .btnList { position:absolute; left:85px; top:6px;  height: 42px; }
					.m_notice .m_noticeR .btnList .btnPrev { position: absolute;top: 0px;  width:26px; height:23px;  transition:0.332s ease; line-height:20px; }
					.m_notice .m_noticeR .btnList .btnNext { position: absolute;bottom: 7px; width:26px; height:18px; transition:0.332s ease; line-height:20px; }
					.m_notice .m_noticeR .btnList .btnStop { float:left; width:26px; height:26px; background:#fff; border:1px solid #d8d8d8; transition:0.332s ease;  line-height:24px; }
					/* .m_notice .m_noticeR .btnList .btnStop.on { background:#6E6E6E; color:#fff; }
					.m_notice .m_noticeR .btnList button:hover { background:#6E6E6E; color:#fff; }  */

				.m_organi { overflow:hidden; height:66px; position:relative; }
					.m_organi > div { margin:0 60px; position:relative; height:66px; overflow:hidden; }
					.m_organi > div ul { position:absolute; left:0; }
					.m_organi > div li { float:left; width:196px; text-align:center; height:66px; line-height:66px; }
					.m_organi > div li a { display:block; }
					.m_organi .btnPrev { position:absolute; z-index:3; left:15px; top:18px; width:31px; height:31px; border-radius:31px; border:1px solid #ccc; }
					.m_organi .btnNext { position:absolute; z-index:3; right:15px; top:18px; width:31px; height:31px; border-radius:31px; border:1px solid #ccc; }

/* EOD : main Content */



/* contentLayout */
/* bsh */
.contentLayout {    min-height: calc(100vh - 486px); max-width:1100px; margin:0 auto; padding:30px 16px; position:relative;}
/* end */
	.contentBoxL { width:230px; height:500px; position:absolute; left:inherit; top:inherit;z-index: 1; }
		.contentBoxL .lnbMenu { margin:20px 0 0 0; border-top:2px solid #142e4e; }
		.contentBoxL .lnbMenu > li { display:table; width:100%; }
		.contentBoxL .lnbMenu > li > a { display:block; padding:15px 30px 15px 0; border-bottom:1px solid #ddd; font-size:16px; color:#555; line-height:1.2; position:relative; }
		.contentBoxL .lnbMenu > li.on > a { color:#005e93; font-weight:450; }
		.contentBoxL .lnbMenu > li > a span { font-weight:bold; font-size:13px; position:absolute; right:10px; top:18px; }
	.contentBoxL + .contentBoxR { padding:0 0 0 280px; }
	.contentBoxR { padding:0; }
		.contentBoxR .navi { overflow:hidden; padding:5px 0 0 2px; }
		.contentBoxR .navi li { float:left; padding:0 12px; position:relative; }
		.contentBoxR .navi li:first-child { padding:0 12px 0 0;outline-width: 1px; }
		.contentBoxR .navi li:first-child:focus {border:1px solid #ddd;}
		.contentBoxR .navi li:first-child img { vertical-align:inherit; margin:3px 0 0 0;  width: 15px;height:13px;outline-width: 1px;}
		.contentBoxR .navi li:before { content:''; position:absolute; left:0; top:5px; width:5px; height:9px; background:url(../images/user/navi_arrow.png) no-repeat; }
		.contentBoxR .navi li:first-child:before { display:none; }
		.contentBoxR .navi li a { display: block;font-size:14px; /*color:#737373;*/ }
		.contentBoxR .navi li.last a { color:#333; }

	.tabBox { border:1px solid #123867;  border-right:none; margin:0 0 -4px 0; }
		.tabBox ul li { height:45px; background:#fff; font-size:15px; color:#555; }
			.tabBox ul li a { border-right:1px solid #123867; }
			.tabBox ul li.on a { font-weight:bold; background:#123867; color:#fff; }
	.tabBoxInfo { overflow-x:auto; overflow-y:hidden; }
	.tabBoxSub { overflow:hidden; position:relative; }
	.tabBoxSub:after { content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#ccc; }
		.tabBoxSub li { float:left; }
		.tabBoxSub li a { display:inline-block; padding:15px; font-size:17px; color:#737373; font-weight:300; position:relative; }
		.tabBoxSub li:first-child a { padding:15px 15px 15px 10px; }
		.tabBoxSub li a:before { content:''; position:absolute; top:21px; left:0; width:1px; height:14px; background:#ccc; }
		.tabBoxSub li:first-child a:before { display:none; }
		.tabBoxSub li.on a { font-weight:500; color:#00243a; position:relative; }
		.tabBoxSub li.on a:after { content:''; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#00243a; z-index:3; }

	.stepListBox { overflow-x:auto; }
	.stepList { display:table; width:100%; min-width:820px; overflow-y:hidden; height:59px; }
	.stepList.type02 { min-width:auto; }
		.stepList li { width:11.1111%; display:table-cell; height:57px; vertical-align:middle; text-align:center; border:1px solid #ccc; border-left:none; border-right:none; position:relative; padding-left:20px; }
			.stepList li.first { border-left:1px solid #ccc; padding:0 0 0 10px; }
			.stepList li.last { border-right:1px solid #ccc; }
			.stepList li:before { content:''; position:absolute; left:0; top:-1px; width:35px; height:58px; background:url(../images/user/arrowBg01.png) no-repeat;}
			.stepList li.first:before { display:none; }
			.stepList li.first:after { display:none; }
			.stepList li.on { font-weight:bold; border:2px solid #0076B8; height:55px; border-left:none; border-right:none; }
			.stepList li.on:before {  background:url(../images/user/arrowBg02.png) no-repeat; }
			.stepList li.on:after { border-right:2px solid #0076B8; background:url(../images/user/arrowBg02.png) no-repeat; }
			.stepList li.on + li:before { background:url(../images/user/arrowBg02.png) no-repeat; }
			.stepList li.on + li:after { background:url(../images/user/arrowBg02.png) no-repeat; }
			.stepList li.first.on { border-left:2px solid #0076B8; }
			.stepList li.last.on { border-right:2px solid #0076B8; }

	.searchWrap { background:#f6f6f6; padding:20px 0; margin:30px 0 20px 0; text-align:center; border:1px solid #ddd; }
		.searchWrap .searchIn { /*max-width:465px; margin:0 auto;*/ display:inline-block; overflow:hidden; }
		.searchWrap .searchIn select { float:left; width:110px; padding:0 5px; border:1px solid #ccc; height:32px; margin:0px; }
		.searchWrap .searchIn input { float:left; width:278px; padding:0 5px; border:1px solid #ccc; height:30px; margin:0 5px; }
		.searchWrap .searchIn button { float:left;  }
	.searchWrap02 { background:#f6f6f6; padding:20px; margin:30px 0 30px 0; text-align:center; border:1px solid #ddd; }
		.searchWrap02 ul { overflow:hidden; display:inline-block; margin:0 0 -5px 0; }
		.searchWrap02 ul li { float:left; }
		.searchWrap02 ul li:first-child { padding:0 20px 0 0; }
		.searchWrap02 ul li select { vertical-align:top; margin:0 5px; float:left; }
		.searchWrap02 ul li input { vertical-align:top; margin:0 5px; padding:0 5px; float:left; width:278px; }
		.searchWrap02 ul li .exam_box { float:left; }
		.searchWrap02 ul li button { float:left; }
		.searchWrap02 ul li .selectMob01 { float:left; margin:0; display:inline-block; }
		.searchWrap02 ul li .selectMob02 { float:left; margin:0; display:inline-block;  }

	.tableNum { margin:0 0 10px 0; }
	.tableNum ul { overflow:hidden; }
	.tableNum ul li { float:left; margin:0 0 0 20px; }
	.tableNum ul li:first-child { margin:0; position:relative; }
	.tableNum ul li:first-child:before { content:''; position:absolute; right:-10px; top:3px; width:1px; height:14px; background:#ddd; }
	.tableNum ul li img { margin:0 5px 0 0; position:relative; top:-1px; }
	.tableNum ul li span { color:#0076B8; }

	 .headDetail { text-align:left; padding:10px 20px 20px 20px; background:#f6f6f6; }
		.headDetail p { margin:0 0 8px 0; font-size:18px; font-weight:500; color:#000; }
	 .headDetail02 { text-align:left; padding:20px 20px 0 20px; background:#f6f6f6; margin:0 0 -2px 0; }
	 	.headDetail02 p { margin:0; font-size:18px; font-weight:500; color:#000; }
		.attachFile { padding:15px 20px; position:relative; text-align:left; }
			.attachFile span.icoDown { left:20px; top:18px; }
			.attachFile a { font-size:14px; color:#6E6E6E; padding:0 0 0 26px; display:inline-block; }
			.attachFile a:hover { color:#0076B8; }
		.conDeatail { min-height:200px; text-align:left; font-size:14px; color:#555; font-weight:400; padding:30px 20px; }
		.conDeatail p { margin:0; }

		.conDeatail.reple { background:#fff; min-height:100px; margin:0 0 -1px 0;}
		.repleTitle { border-top:1px solid #99a0aa; text-align:left; padding:10px 20px; font-size:15px; background:#edf2f7; color:#000; margin:-2px 0 0 0; }
		.repleTitle span { display:inline-block; margin:0 6px 0 0; }

	.noticeL { display:table-cell; width:auto; vertical-align:middle; padding:0 3px 0 5px; }
	.noticeC { display:table-cell; width:100%; vertical-align:middle; padding:0 0 0 5px; text-align:left; }
	.noticeL + .noticeC { padding:0 0 0 12px; }
	.noticeR { display:table-cell; width:auto; vertical-align:middle; padding:0; padding:0 0 0 20px; }
	.noticeR .btn_Icon { margin:0 0 0 -5px; }
		.noticeTitle { position:relative; height:1.3em; padding:0 0 10px 0; }
		.noticeTitle.ico {  margin:0 24px 0 0; }
		.noticeTitle a { display:inline-block; position:absolute; top:0; left:0;  max-width:100%; overflow:hidden;  font-size:15px; color:#333; font-weight:500;  overflow:hidden; white-space:nowrap; text-overflow: ellipsis; padding:0 24px 0 0; transition:all 0.3s;}
		.noticeTitle a:hover { color:#0076B8; }
		.icoDown { display:inline-block; position:absolute; right:0; top:4px; width:15px; height:14px; background:url(../images/user/icoDown.png) no-repeat; cursor:pointer; }

		.noticeInfo { overflow:hidden; color:#6E6E6E; font-size:14px; }
		.noticeInfo li { float:left; padding:0 10px; position:relative; }
		.noticeInfo li:first-child { padding:0 10px 0 0; }
		.noticeInfo li:before { content:'';  position:absolute; left:0; top:5px; background:#ddd; width:1px; height:14px; }
		.noticeInfo li:first-child:before { display:none; }


	.btn_center { margin:30px 0 0 0; text-align:center; }
	.btn_right { margin:20px 0 0 0; text-align:right; }
	.btn_right button { margin:0; }

	.tableScroll { overflow-x:auto; overflow-y:hidden; }
	.tableScroll table { min-width:480px; }

	.inputRelay { display:inline-block; margin:0 0 0 -5px; }

	.infoSelect { display:inline-block; padding:0 41px 0 78px; position:relative; }
	.infoSelect select { margin:0; width:100px; }
	.infoSelect .exam_box { position:absolute; top:0; left:0; }
	.infoSelect button.siteMove { position:absolute; top:0; right:0; }

	.infoSelect.type02 { padding:0 41px 0 104px;  }
	/*
		장재영 - 이미지경로 바꾸지 말것.
	*/
	.chartBox { border:1px solid #d8d8d8; }
		.chartBox .chartHead { background:#dee7f1; text-align:right; padding:15px 20px; }
		.chartBox .chartHead .circle01 { position:relative; font-size:16px; color:#333; font-weight:300; padding:0 0 0 21px; }
		.chartBox .chartHead .circle01:before { content:''; position:absolute; left:0; top:6px; display:inline-block; width:15px; height:15px; border-radius:50%; background:url(../images/user/pattern03.png) no-repeat #5cb8e6; }
		.chartBox .chartHead .circle02 { position:relative; font-size:16px; color:#333; font-weight:300; padding:0 0 0 21px; margin:0 5px; }
		.chartBox .chartHead .circle02:before { content:''; position:absolute; left:0; top:6px; display:inline-block; width:15px; height:15px; border-radius:50%; background:url(../images/user/pattern02.png) no-repeat #ff8a65; }
		.chartBox .chartHead .circle03 { position:relative; font-size:16px; color:#333; font-weight:300; padding:0 0 0 21px; }
		.chartBox .chartHead .circle03:before { content:''; position:absolute; left:0; top:6px; display:inline-block; width:15px; height:15px; border-radius:50%; background:url(../images/user/pattern01.png) no-repeat #b6d955; }
		.chartBox .chartHead button {border: 1px solid #a9b3be; padding: 5px 10px; margin-left: 5px;transition: 0.3s all ease;}
		.chartBox .chartHead button:hover { background-color: #c0cddd;}
		.chartBox .chartHead button img {padding: 0 5px 0 0;vertical-align: sub;}
		.chartBox .chartHead .imgDown {width: 40px;height: 40px;}
		.chartBox .chartHead .imgDown img {opacity : 0.6;}
		.pie_circleWrap {display: inline-block;}
			.pie_circle01 { position:relative; font-size:16px; color:#333; font-weight:300; padding:0 0 0 21px; margin:0 0 0 5px; }
			.pie_circle01:before { content:''; position:absolute; left:0; top:6px; display:inline-block; width:15px; height:15px; border-radius:50%; background:url(../images/user/pie_ico01.png) no-repeat; }
			.pie_circle02 { position:relative; font-size:16px; color:#333; font-weight:300; padding:0 0 0 21px; margin:0 0 0 5px; }
			.pie_circle02:before { content:''; position:absolute; left:0; top:6px; display:inline-block; width:15px; height:15px; border-radius:50%; background:url(../images/user/pie_ico02.png) no-repeat; }
			.pie_circle03 { position:relative; font-size:16px; color:#333; font-weight:300; padding:0 0 0 21px; margin:0 0 0 5px; }
			.pie_circle03:before { content:''; position:absolute; left:0; top:6px; display:inline-block; width:15px; height:15px; border-radius:50%; background:url(../images/user/pie_ico03.png) no-repeat; }
			.pie_circle04 { position:relative; font-size:16px; color:#333; font-weight:300; padding:0 0 0 21px; margin:0 0 0 5px; }
			.pie_circle04:before { content:''; position:absolute; left:0; top:6px; display:inline-block; width:15px; height:15px; border-radius:50%; background:url(../images/user/pie_ico04.png) no-repeat; }
			.pie_circle05 { position:relative; font-size:16px; color:#333; font-weight:300; padding:0 0 0 21px; margin:0 0 0 5px; }
			.pie_circle05:before { content:''; position:absolute; left:0; top:6px; display:inline-block; width:15px; height:15px; border-radius:50%; background:url(../images/user/pie_ico05.png) no-repeat; }
	.chartBox .chartUnit { font-size:16px; color:#333; font-weight:300; text-align:right; margin:0; padding:10px 20px 10px 0; }
	.chartBox .chartPC { padding:0 20px 20px 20px; min-height:400px; }
		.chartBox .chartPC img { width:100%; }
		.listHalf { overflow:hidden; }
			.listHalf li { float:left; width:50%; }
			/*장재영 css 변경*/
			.listHalf li .listHalfIn { padding:0 0 0 10px; min-height:400px; text-align:center;min-width:520px;}
			.listHalf li:first-child .listHalfIn { padding:0 10px 0 0; }
			.listHalf li .listHalfTxt { font-size:16px; font-weight:400; margin:0; color:#333; margin:0 0 15px 10px;}
			.listHalf li:first-child .listHalfTxt { margin:0 0 15px 0; }
	.chartBox .chartMob { padding:0 20px 0 20px; display:none; }
		.chartBox .chartMob img { width:100%; margin:0 0 20px 0;}

	.faq_normal { max-height:inherit; overflow-y:auto; border-top:2px solid #123867; border-bottom:1px solid #99a0aa; margin:20px 0 0 0; }
	.faq_normal ul li:first-child a { border-top:none; }
	.faq_normal a { padding:20px; font-size:15px; color:#333; font-weight:500; border-top:1px solid #ccc; border-bottom:none; }
	.faq_normal a.on { color:#0076B8; }
	.faq_normal a:hover { color:#0076B8; }
	.faq_normal a .txt { margin:0; }
	.faq_content { padding:20px 20px 20px 23px; border-bottom:none; border-top:1px solid #ccc; background:#dee7f1; }
	.faq_content .txt { margin:0; }

	.feedBackBox { text-align:center; border-top:2px solid #123867; }
		.feedBackBox ul { overflow:hidden; display:inline-block; margin:30px 0;  }
		.feedBackBox ul li { float:left; }
		.feedBackBox ul li:first-child { padding:0 20px 0 0; }
		.feedBackBox ul li label { display:inline-block; width:69px; text-align:right; padding:0 10px 0 0; font-size:16px; color:#333; }
		.feedBackBox ul li input { height:45px; font-size:14px; width:200px; }
		.feedBackBox .btn_center { margin:0; padding:30px 0 0 0; border-top:1px solid #ccc; }

		/*인증코드*/
		.emailCertification {padding: 10px;background-color: #F2F9FE;}
		.emailCertification ul li {display: flex;align-items: center;}
		.emailCertification ul li button {height: 47px;}
		.emailCertification ul li input {margin: 0 5px;}

	.mapBox { overflow:hidden; }
		.mapBox .mapBoxL { float:left; width:30%; }
		/*장재영 - css 주석처리*/
		/*.mapBox .mapBoxL img { width:100%; }*/
		.mapBox .mapBoxL + .mapBoxR { float:left; width:70%; }
		.mapBox .mapBoxR .mapBox { border:1px solid #d8d8d8; }
		.mapBox .mapBoxR .mapBox .mapHead { background:#dee7f1; padding:15px 20px; font-size:18px; position:relative; }
		.mapBox .mapBoxR .mapBox .mapHead span { display:inline-block; margin:0 0 0 30px; color:#333; font-weight:600; }
		.mapBox .mapBoxR .mapBox .mapHead img { position:absolute; top:12px; left:15px; }
		.mapBox .mapBoxR .mapBox .mapContent { padding:20px 12px 12px 20px; }
		/* bsh */
		.mapContent ul {
			overflow: hidden;
			display: flex;
			flex-wrap: wrap;
		}
		/* end */
		.mapContent ul li { float:left; width:12.5%; }
		.mapContent ul li div { padding:0 8px 8px 0; }
			.btn_map { width:100%; background:#ededed; color:#515e71; font-weight:400; text-align:center; min-height:42px;  border:1px solid #bcc1ca; margin:0 4px 0 0; font-size:14px; }
			.btn_map:hover { color:#333; background:#fff; transition:0.232s ease-in; }

.imgList01 {  }
	.imgList01 ul { overflow:hidden; }
	.imgList01 ul li { border-bottom:1px solid #ddd; display:table; padding:0 0; min-height:165px; padding:15px 0; width:100%; }
	.imgList01 ul li:first-child { border-top:1px solid #ddd; }
	.imgList01 ul li .imgArea { display:table-cell; width:210px; vertical-align:middle; text-align:center; }
		.imgList01 ul li .imgArea img {   }
	.imgList01 ul li .txtArea { display:table-cell; vertical-align:middle; padding:0 25px 0 0; }
.imgList02 {  }
	.imgList02 ul {  }
	.imgList02 ul li { display:table; width:100%; border-bottom:1px solid #ddd; padding:40px 0; }
	.imgList02 ul li:first-child { border-top:1px solid #ddd; }
	.imgList02 ul li .imgArea { display:table-cell; width:160px; text-align:center; }
	.imgList02 ul li .txtArea { display:table-cell; vertical-align:middle; padding:0 25px 0 0; }

.infoBoxScroll { border:1px solid #ddd; padding:20px; overflow-x:auto; overflow-y:hidden; }
.infoBoxScroll img { width:100%; min-width:778px; }

.infoSelectMap {  }

.infoSelectMap select { vertical-align:top; }
.infoSelectMap button { vertical-align:top; }
.infoSelectMap .selectChoice01 select { width:110px; }

.mapInfoBox { border:1px solid #ccc; margin:20px 0 0 0; position:relative; }
.mapInfoBox .mapSkip { position:absolute; top:15px; right:15px; display:inline-block; padding:3px 10px; background:#0076B8; border:1px solid #0076B8; font-size:12px; color:#fff; }
.mapInfoBox .mapSkip:hover{ background:#fff; color:#0076B8; transition:0.232s ease-in; }


.agencyInfo { margin:0 0 0 -12px; }
.agencyInfo li { width:50%; float:left; }
.agencyInfo li .agencyBox { padding:0 0 0 12px;}
.agencyInfo li .agencyBox h5 { margin:20px 0 15px 0; }
.agencyInfo li .agencyBox .infoBox { margin:0; height:120px;}
.agencyInfo li .agencyBox .agencyTxt { margin:8px 0 0 0; }

.compareWrap {  }
	/* bsh */
	.compareWrap > ul {
		overflow:hidden; margin:0 0 0 -20px;
	    display: flex;
    	flex-wrap: wrap;
	}
	/* end */
	.compareWrap > ul > li { float:left; width:33.333333%; padding:20px 0 0 0; }
	.compareWrap > ul > li .compareBox { margin:0 0 0 20px; border:1px solid #4B70C7; transition:0.232s ease-in; }
	.compareWrap > ul > li .compareBox:hover { border:1px solid #007F8E; }
	.compareH { margin:0; height:50px; line-height:50px; padding:0 20px; font-size:16px; color:#fff; background:#4B70C7; transition:0.232s ease-in; }
	.compareWrap > ul > li .compareBox:hover .compareH { background:#007F8E; }
	.compareWrap > ul > li .compareBox .compareInfo { padding:15px 20px; overflow:auto; height:259px; }
	.compareWrap > ul > li .compareBox .compareInfo label { margin:0 0 0 -5px; }
	.compareWrap > ul > li .compareBox .compareInfoH { border-bottom:1px solid #cdcdcd; padding:10px 0 10px 0; margin:0 20px 0 20px; font-weight:500; color:#333; font-size:15px; max-height:40px; }
	.compareWrap > ul > li .compareBox .compareInfoH.type02 { max-height:83px; }
	.compareWrap > ul > li .compareBox .compareInfoH + .compareInfo { height:200px; }
	.compareWrap > ul > li .compareBox .compareInfoH.type02 + .compareInfo { height:156px; }
	.compareWrap > ul > li .compareBox .compareInfoH.type03 {  }
	.compareWrap > ul > li .compareBox .compareInfoH.type03 + .compareInfo { height:218px; }

	.compareWrap > ul > li .compareBox .compareInfo .compareInfoH { margin:0 0 15px 0; padding:0 0 10px 0; }


	.consonantList { overflow:hidden; margin:-6px 0 0 -6px; }
	.consonantList li { float:left; width:12.5%; }
	.consonantList li > div { margin:6px 0 0 6px; }
	.consonantList li div .consonantBtn { width:100%; background:#fff; color:#4f4f4f; font-weight:500; height:38px; font-size:16px; border:1px solid #cdcdcd; transition:0.232s ease-in; }
	.consonantList li div .consonantBtn:hover { background:#007F8E; color:#fff; }
	.consonantList li div .consonantBtn.on { background:#007F8E; color:#fff; }

	.compareSearch { display:block; padding:0 69px 0 0; position:relative; }
	.compareSearch button { position:absolute; right:0; top:0; width:42px; height:38px; background:#38b3f0; border:1px solid #38b3f0; color:#fff; transition:0.232s ease-in; }
	.compareSearch button:hover { background:#02d4c8; color:#fff; border:1px solid #02d4c8; }
	.compareSearch input { width:100%; margin:0; border:1px solid #4B70C7; height:36px;}

	.compareInfoH button.comparaBtnA { width:50%; color:#142e4e; height:38px; background:#fff; border:1px solid #142e4e; transition:0.232s ease-in; }

	.compareInfoH button.comparaBtnA.on { background:#142e4e; color:#fff; border:1px solid #142e4e; }

	.compare4L { overflow:hidden; margin:-12px 0 0 0; position:relative; }
	.compare4L li { float:left; width:25%; padding:12px 0 0 0; }
	.compare4L li input[type="checkbox"],.compare4L li input[type="radio"] { position:absolute; margin:2px 0 0 0; }
	.compare4L li input[type="checkbox"] + label,.compare4L li input[type="radio"] + label { color:#666; display:block; padding:0 0 0 25px; }
	.compare4L li input[type="checkbox"] + label:hover,.compare4L li input[type="radio"] + label:hover { color:#007F8E; }

	.compare2L { overflow:hidden; margin:-12px 0 0 0; position:relative; }
	.compare2L li { float:left; width:50%; padding:12px 0 0 0; }
	.compare2L li input[type="checkbox"],.compare2L li input[type="radio"] { position:absolute; margin:2px 0 0 0; }
	.compare2L li input[type="checkbox"] + label,.compare2L li input[type="radio"] + label { color:#666; display:block; padding:0 0 0 25px; }
	.compare2L li input[type="checkbox"] + label:hover,.compare2L li input[type="radio"] + label:hover { color:#00c5b9; }

	.compare1L { margin:-12px 0 0 0; position:relative;}
	.compare1L li { padding:12px 0 0 0; }
	.compare1L li input[type="checkbox"],.compare1L li input[type="radio"] { position:absolute; margin:2px 0 0 0; }
	.compare1L li input[type="checkbox"] + label,.compare1L li input[type="radio"] + label { color:#666; display:block; padding:0 0 0 25px; }
	.compare1L li input[type="checkbox"] + label:hover,.compare1L li input[type="radio"] + label:hover { color:#007F8E; }

	.compareDel { padding:0 15px 0 0; position:relative; }
	.compareDel:hover { color:#02d4c8; }
	.compareDel .infoText01 { margin:0;}
	.compareDel button { position:absolute; top:-2px; right:0; font-size:16px; font-weight:bold; color:#4B70C7; }

	.searchRe01 { margin:20px 0 0 0; border-top:2px solid #123867; position:relative; border-bottom:1px solid #99a0aa; padding:20px; background-color:#f7f7f7; }
	.searchRe01 li { border-top:1px solid #99a0aa; display:table; width:100%; line-height:160%;}
	.searchRe01 li:first-child { border-top:none; }
	.searchRe01 li .searchReBox { padding:20px 0; display:table; width:100%; }
	.searchRe01 li .searchReBox .searchReTxt01 { display:table-cell; width:50%; padding:0 0 0 20px; vertical-align:middle;}
		.searchRe01 li .searchReBox .searchReTxt01 a { font-size:16px; color:#555; }
		.searchRe01 li .searchReBox .searchReTxt01 a:hover { color:#0076B8; }
	.searchRe01 li .searchReBox .searchReTxt02 { display:table-cell; width:50%; padding:0 0 0 20px; vertical-align:middle; }
		.searchRe01 li .searchReBox .searchReTxt02 a { font-size:16px; color:#0076B8; }
	.searchRe01 li .searchReTxt03 { margin:0; display:table-cell; width:550; vertical-align:middle; text-align:right; padding:0 20px 0 0; }
	.searchRe01 li .searchReTxt03 button { margin:0 0 0 4px; }

	.searchRe02 { margin:20px 0 0 0; border-top:2px solid #123867; position:relative; border-bottom:1px solid #99a0aa; padding:20px; background-color:#f7f7f7;  }
	.searchRe02 li { border-top:1px solid #99a0aa; display:table; width:100%;line-height:160%; }
	.searchRe02 li:first-child { border-top:none; }
	.searchRe02 li .searchReBox { padding:20px 0; display:table; width:100%; }
	.searchRe02 li .searchReBox .searchReTxt01 { display:table-cell; width:50%; padding:0 0 0 20px; vertical-align:middle;}
		.searchRe02 li .searchReBox .searchReTxt01 a { font-size:16px; color:#555; }
		.searchRe02 li .searchReBox .searchReTxt01 a:hover { color:#0076B8; }
	.searchRe02 li .searchReBox .searchReTxt02 { display:table-cell; width:50%; padding:0 0 0 20px; vertical-align:middle; }
		.searchRe01 li .searchReBox .searchReTxt02 a { font-size:16px; color:#0076B8; }
	.searchRe02 li .searchReTxt03 { margin:0; display:table-cell; width:115px; vertical-align:middle; text-align:right; padding:0 20px 0 0; }
	.searchRe02 li .searchReTxt03 button { margin:0 0 0 4px; }

		.noDataList {}

	.siteMap { overfloW:hidden; }
	.siteMap ul { margin:0 0 0 -90px;  }
	.siteMap ul li { float:left; width:33.3333%; min-height:313px; }
	.siteMap ul li .siteMapBox { margin:0 0 0 90px; }
	.siteMap ul li .siteMapBox p.siteMapTxt { font-size:22px; color:#142e4e; font-weight:500; margin:0; padding:18px 0; border-bottom:1px solid #123867; border-top:2px solid #123867; }
	.siteMap ul li .subSiteMap {  }
	.siteMap ul li .subSiteMap p { margin:0; }
	.siteMap ul li .subSiteMap p a { display:block; padding:12px 0; font-size:15px; color:#555; border-bottom:1px solid #ddd; font-weight:500; }
	.siteMap ul li .subSiteMap p a:hover { color:#0076B8; font-weight:500; }

	.btn_Number { position:relative; margin:20px 0 0 0; min-height:42px; }
	.btn_Number p { padding:21px 120px 0 0; margin:0; }
		.btn_Number p span { color:#0076B8; }
	.btn_Number button { position:absolute; top:0; right:0; margin:0; }

	.resultChart { margin:20px 0 0 0; padding:0; border:1px solid #ccc; }
		.chartTop { background:#edf2f7; padding:20px; position:relative; font-size:16px; color:#000; min-height:23px; margin: 10px 0 0 0;}
		.chartTop p { position:absolute; top:0; right:20px; }
		.resultChart .chartIn {  padding:20px; text-align:center; }

	/* 이용자가이드 2018.11.28 */
	.guideTitle { font-size:18px; }
	.guideTitle:before { width:15px; }
	.guideImgBox { overflow-y:hidden; overflow-x:auto; }
		.guideImgBox img { width:100%; min-width:800px; }
	/* EOD : 이용자가이드 2018.11.28 */

/* EOD : contentLayout */

/* input */
input { margin:0 3px 0 0; border:1px solid #bbb; padding:0 10px; width:158px; height:30px; color:#6E6E6E; background:#fff; }
input:disabled { border:1px solid #ddd; color:#737373; background:#ececec; }
input[type="radio"] { width:15px; height:15px; padding:0; margin:0 5px 3px 0; border:none; background : none; }
input[type="radio"] + label { margin:0 18px 0 0; cursor:pointer; }
input[type="checkbox"] { width:15px; height:15px; padding:0; margin:0 5px 3px 0; border:none; }
input[type="checkbox"] + label { margin:0 18px 0 0; cursor:pointer; }
/*장재영 추가*/
input[type="file"] {border:1px solid #e1e1e1;padding:0 5px;height:24px;line-height:24px;margin-bottom:3px;vertical-align: middle;width:auto;}

select { margin:0 3px 0 0; padding:0 0 0 10px; border:1px solid #bbb; color:#555; width:180px; height:32px; background:#fff; }
select:disabled { border:1px solid #ddd; color:#737373; background:#ececec; }

textarea { resize:none; padding:10px; border:1px solid #bbb; }

.inputW100 { padding:0 10px 0 8px; }
	.inputW100 input[type="text"] { width:100%; margin:0 0 0 -8px; }
	.inputW100 textarea { width:100%; margin:0 0 0 -8px; }
.inputW50 { padding:0 10px 0 8px; }
	.inputW50 input[type="text"] { width:50%; margin:0 0 0 -8px; }
	.inputW50 textarea { width:50%; margin:0 0 0 -8px; }
	.inputW50 select { width:50%; margin:0 0 0 -8px; }

.fileBox { padding:0 115px 0 0; position:relative; }
	.fileBox input { width:100%; }
	.fileBox span { overflow:hidden; position:absolute; top:0; right:0; margin:0;}
		.fileBox span button { margin:0; }
		.fileBox span input#fileUpload { opacity:0; -ms-filter:'alpha(opacity=0)'; width:90px; padding:0; position:absolute; right:0; top:0; margin:0; text-indent:-100px; cursor:pointer; }
		.fileBox span input#fileUpload:hover + button { border: 1px solid #0076B8; color: #0076B8; background: #fff; transition: 0.232s ease-in; }

/* EOD : input */

/* button */
.btn_zoom { width:20px; height:18px; background:#9ba3a8; line-height:0; }
.btn_zoom.on { background:#858d93; }
.btn_search { width:34px; height:34px; background:#0076B8; }
.resultbutton.btnFull {width:100%;padding-top: 10px;}
.resultbutton.btnFull > button {width:100%;}

.btn_blueIn { margin:0 4px 0 0; min-width:90px; background:#0076B8; color:#fff; font-size:14px; font-weight:400; text-align:center; min-height:32px; padding:0 15px; border:1px solid #0076B8; }
	.btn_blueIn:hover { border:1px solid #0076B8; color:#0076B8; background:#fff; transition:0.232s ease-in; }
.btn_blackIn {  margin:0 4px 0 0;  min-width:90px; background:#555; color:#fff; font-size:14px; font-weight:400; text-align:center; min-height:32px; padding:0 15px; border:1px solid #555; }
	.btn_blackIn:hover { border:1px solid #555; color:#555; background:#fff; transition:0.232s ease-in; }
.btn_blackIn2 {  margin:0 4px 0 0;  min-width:50px; background:#555; color:#fff; font-size:12px; font-weight:400; text-align:center; min-height:32px; padding:0 5px; border:1px solid #555; }
	.btn_blackIn2:hover { border:1px solid #555; color:#555; background:#fff; transition:0.232s ease-in; }
.btn_skyIn {  margin:0 4px 0 0; min-width:90px; background:#a5c8db; color:#fff; font-size:14px; font-weight:400; text-align:center; min-height:32px; padding:0 15px; border:1px solid #a5c8db; }
	.btn_skyIn:hover { border:1px solid #a5c8db; color:#a5c8db; background:#fff; transition:0.232s ease-in; }
.btn_grayIn { margin:0 4px 0 0; min-width:90px; background:#ccc; color:#fff; font-size:14px; font-weight:400; text-align:center; min-height:32px; padding:0 15px; border:1px solid #ccc; }
	.btn_grayIn:hover { border:1px solid #ccc; color:#ccc; background:#fff; transition:0.232s ease-in; }
.btn_indigoIn { margin:0 4px 0 0; min-width:90px; background:#123867; color:#fff; font-size:14px; font-weight:400; text-align:center; min-height:32px; padding:0 15px; border:1px solid #123867; }
	.btn_indigoIn:hover { border:1px solid #123867; color:#123867; background:#fff; transition:0.232s ease-in; }
.btn_redIn { margin:0 4px 0 0; min-width:90px; background:#e6000c; color:#fff; font-size:14px; font-weight:400; text-align:center; min-height:32px; padding:0 15px; border:1px solid #e6000c; }
	.btn_redIn:hover { border:1px solid #e6000c; color:#e6000c; background:#fff; transition:0.232s ease-in; }

.btn_indigo { margin:0 4px 0 0; min-width:110px; background:#123867; color:#fff; font-size:15px; font-weight:400; text-align:center; min-height:42px; padding:0 20px; border:1px solid #123867; }
	.btn_indigo:hover { border:1px solid #123867; color:#123867; background:#fff; transition:0.232s ease-in; }
.btn_blue { margin:0 4px 0 0; min-width:110px; background:#0076B8; color:#fff; font-size:15px; font-weight:400; text-align:center; min-height:42px; padding:0 20px; border:1px solid #0076B8; }
	.btn_blue:hover { border:1px solid #0076B8; color:#0076B8; background:#fff; transition:0.232s ease-in; }
.btn_darkblue { margin:0 4px 0 0; min-width:110px; background:#104c6d; color:#fff; font-size:15px; font-weight:400; text-align:center; min-height:42px; padding:0 20px; border:1px solid #104c6d; }
	.btn_darkblue:hover { border:1px solid #104c6d; color:#0076B8; background:#fff; transition:0.232s ease-in; }
.btn_black { margin:0 4px 0 0; min-width:110px; background:#555; color:#fff; font-size:15px; font-weight:400; text-align:center; min-height:42px; padding:0 20px; border:1px solid #555; }
	.btn_black:hover { border:1px solid #555; color:#555; background:#fff; transition:0.232s ease-in; }
.btn_sky { margin:0 4px 0 0; min-width:110px; background:#a5b4c8; color:#fff; font-size:15px; font-weight:400; text-align:center; min-height:42px; padding:0 20px; border:1px solid #a5b4c8; }
	.btn_sky:hover { border:1px solid #a5b4c8; color:#a5b4c8; background:#fff; transition:0.232s ease-in; }
.btn_gray { margin:0 4px 0 0; min-width:110px; background:#ccc; color:#fff; font-size:15px; font-weight:400; text-align:center; min-height:42px; padding:0 20px; border:1px solid #ccc; }
	.btn_gray:hover { border:1px solid #ccc; color:#ccc; background:#fff; transition:0.232s ease-in; }
.btn_white { margin:0 4px 0 0; min-width:110px; background:#fff; color:#333; font-size:15px; font-weight:400; text-align:center; min-height:42px; padding:0 20px; border:1px solid #ccc; }
	.btn_white:hover { border:1px solid #ccc; color:#fff; background:#ccc; transition:0.232s ease-in; }
.btn_red { margin:0 4px 0 0; min-width:110px; background:#e6000c; color:#fff; font-size:15px; font-weight:400; text-align:center; min-height:42px; padding:0 20px; border:1px solid #e6000c; }
	.btn_red:hover { border:1px solid #e6000c; color:#e6000c; background:#fff; transition:0.232s ease-in; }
.btn_chk { margin:0 4px 0 0; min-width:71px; height:32px; font-size:14px; font-weight:400; color:#515e71; border:1px solid #bcc1ca; background:#e3e7ed; padding:0 10px; transition:0.232s ease-in; }
	.btn_chk:hover { background:#fff; color:#515e71; background:#fff; }
.btn_chkDisable { margin:0 4px 0 0; min-width:71px; height:32px; font-size:14px; font-weight:400; color:#b4b9c0; border:1px solid #d2d7df; background:#f4f4f4; padding:0 10px; }

.btn_searchTxt { width:55px; height:32px; border:1px solid #0076B8; color:#fff; text-align:center; background:#0076B8; transition:0.232s ease-in; }
	.btn_searchTxt span.icon-search { display:none; }
	.btn_searchTxt:hover { color:#0076B8; background:#fff; }
.btn_more { width:39px; height:39px; border:1px solid #ccc; color:#737373; font-size:15px; transition:0.232s ease-in; }
	.btn_more:hover { background:#ccc; color:#fff; }
.btn_calender { width:32px; height:32px; background:#e3e7ed; border:1px solid #bcc1ca; line-height:1; }
.btn_arrow01 { font-size:13px; font-weight:400; color:#000; height:23px; line-height:21px; padding:0 25px 0 10px; border:1px solid #aaa; background:#eee; position:relative; transition:0.232s ease-in; }
	.btn_arrow01 span { font-size:8px; color:#000; position:absolute; right:8px; top:6px; font-weight:bold; transition:0.232s ease-in; }
	.btn_arrow01:hover { background:#fff; color:#000; }
	.btn_arrow01:hover span { color:#000; }
.btn_arrow02 { font-size:13px; font-weight:400; color:#000; height:23px; line-height:21px; padding:0 25px 0 10px; border:1px solid #aaa; background:#fff; position:relative; transition:0.232s ease-in; }
	.btn_arrow02 span { font-size:8px; color:#000; position:absolute; right:8px; top:6px; font-weight:bold; transition:0.232s ease-in; }
	.btn_arrow02:hover { background:#aaa; color:#000; border:1px solid #999; }
	.btn_arrow02:hover span { color:#000; }
.btn_IconList { overflow:hidden;  }
	.btn_IconList li { float:left; }
		.btn_Icon { text-align:center; margin:0 0 0 15px; }
			.btn_Icon span.txt { font-size:12px; font-weight:400; color:#123867; display:block; padding:6px 0 0 0; }
.pagination a.num { width:30px; height:30px; margin: 2px 0; line-height:30px; border-radius:0; border:1px solid #ccc; color:#555; font-size:14px;}
.pagination a.num:hover { background:#123867; color:#fff; }
.pagination a.on { background:#123867; color:#fff; border:1px solid #123867; }
.pagination a.arrow { width:30px; height:30px; font-size:14px; line-height:30px; font-weight:bold; color:#142e4e; border:1px solid #7086a0; border-radius:0; transition:0.3s all; }
.pagination a.arrow:hover { background:#7086a0; color:#fff; border:1px solid #7086a0; }
.pagination a.type01 { margin:0 10px 0 0; }
.pagination a.type02 { margin:0 0 0 10px; }

.labelList { overflow:hidden; }
	.labelList li { float:left; padding:0 0 0 10px; }
	.labelList li:first-child { padding:0; }
.label_gray { display:table; width:41px; height:41px; color:#5e6d81; border:1px solid #5e6d81; background:#fff; font-size:13px; font-weight:400; line-height:1.2; }
	.label_gray p { margin:0; display:table-cell; vertical-align:middle; text-align:center; }
.label_indigo { display:table; width:41px; height:41px; color:#123867; border:1px solid #123867; background:#fff; font-size:13px; font-weight:400; line-height:1.2; }
	.label_indigo p { margin:0; display:table-cell; vertical-align:middle; text-align:center; }
.label_blue { display:table; width:41px; height:41px; color:#0076B8; border:1px solid #0076B8; background:#fff; font-size:13px; font-weight:400; line-height:1.2; }
	.label_blue p { margin:0; display:table-cell; vertical-align:middle; text-align:center; }
.label_green { display:table; width:41px; height:41px; color:#318126; border:1px solid #4fad42; background:#fff; font-size:13px; font-weight:400; line-height:1.2; }
	.label_green p { margin:0; display:table-cell; vertical-align:middle; text-align:center; }
.label_red { display:table; width:41px; height:41px; color:#cf1c25; border:1px solid #ee3a43; background:#fff; font-size:13px; font-weight:400; line-height:1.2; }
	.label_red p { margin:0; display:table-cell; vertical-align:middle; text-align:center; }
.label_blueBig { display:table; width:91px; height:41px; color:#0076B8; border:1px solid #0076B8; background:#fff; font-size:13px; font-weight:400; line-height:1.2; }
	.label_blueBig p { margin:0; display:table-cell; vertical-align:middle; text-align:center; padding:0 8px; }
.exam_box { display:inline-block; height:30px; line-height:30px; padding:0 10px; border:1px solid #bbb; background:#fff; font-weight:bold; color:#333; }
.exam_gray { display:inline-block; font-size:13px; font-weight:400; color:#333; padding:0 10px; border:1px solid #000; border-radius:15px; margin:0 10px 5px 0; height:18px; line-height:18px; }
.exam_blue { display:inline-block; font-size:13px; font-weight:400; color:#0076B8; padding:0 10px; border:1px solid #0076B8; border-radius:15px; margin:0 10px 5px 0; height:18px; line-height:18px; }
.exam_green { display:inline-block; font-size:13px; font-weight:400; color:#318126; padding:0 10px; border:1px solid #4fad42; border-radius:15px; margin:0 10px 5px 0; height:18px; line-height:18px; }
.exam_indigo { display:inline-block; font-size:13px; font-weight:400; color:#123867; padding:0 10px; border:1px solid #123867; border-radius:15px; margin:0 10px 5px 0; height:18px; line-height:18px; }

.headButton { position:absolute; top:0; right:0; }
/* EOD : button */

/* font */
h2 { font-size:24px; font-weight:bold; margin:0; color:#142e4e; line-height:1.2; }
h3 { font-size:30px; color:#142e4e; margin:30px 0 50px 0; line-height:1.2; position:relative; }
	h3 a { display:none; }
h4 { font-size:22px; color:#333; font-weight:450; margin:30px 0 15px 0; position:relative; }
	h4:before { content:''; position:absolute; top:-7px; width:19px; height:3px; background:#005e93; }
h5 { font-size:18px; color:#123867; font-weight:450; margin:30px 0 20px 0; }
.txt_black { color:#333 !important; }
.txt_gray { color:#6E6E6E !important; }
.txt_gray02 { color:#737373 !important; }
.txt_gray03 { color:#555 !important; }
.txt_indigo { color:#123867 !important; }
.txt_blue { color:#0076B8 !important; }
.txt_blue02 { color:#005e93 !important; }
.txt_sky01 { color:#dee7f1 !important; }
.txt_sky02 { color:#edf2f7 !important; }
.txt_red { color:#e6000c !important; }

.txt_import { color:#333 !important; font-weight:500; }
.infoBox {position: relative; padding:20px 20px 20px 20px; background:#f5f5f5; border:1px solid #ccc; margin:0 0 20px 0; }
.infoBox .btn_right {position: absolute;top: 15px; right: 20px;margin: 0;}
.infoBox.type02 { margin:0 0 20px 0; padding:20px 130px 20px 20px; position:relative; }
	.infoBox.type02 .default_txt {  }
	.infoBox.type02 button { position:absolute; top:50%; margin:-12px 0 0 0; right:20px;  }
.infoBox.type03 { margin:0 0 20px 0; margin:0 0 20px 0; text-align:center; }
.infoBox.type03 p.default_txt button { margin:0 0 0 20px; }
/* .infoBox.result { margin:40px 0 0 0; padding:20px 128px 20px 20px; position:relative; } */
.infoBox.result { margin:40px 0 0 0; padding:20px 24px 20px 44px; position:relative; }
.infoBox.result .noticeInfo li:before {  }
	.infoBox.result .resultIcon { position:absolute; top:10px; right:20px; }
	.infoBox.result .resultIcon button { width:40px; height:40px; border:1px solid #ccc; margin:0 0 0 4px; float:left; transition:0.232s ease-in; }
	.infoBox.result .resultIcon button:hover { background:#fff; }
.infoBox02 { margin:0 0 20px 0; padding:20px 20px 20px 94px; border:1px solid #ccc; background:url(../images/user/info_icon02.png) no-repeat 20px 50%; }
.infoBox03 { margin:0 0 20px 0; padding:20px 20px 20px 94px; border:1px solid #ccc; background:url(../images/user/info_icon04.png) no-repeat 20px 50% #f5f5f5; }
.infoBox04 { margin:0 0 20px 0; padding:20px 20px 20px 42px; border:1px solid #ccc; background:#f5f5f5; }
.infoBox04 > .infoText03 { margin:0 0 0 -22px; }
.bullet01 { padding:0 0 0 12px; position:relative; margin:5px 0 0 0; }
.bullet01:before { content:''; position:absolute; top:8px; left:0; display:inline-block; width:3px; height:3px; background:#333; border-radius:10px; }
.infoText01 { margin:20px 0 0 0; padding:0 0 0 21px; position:relative; }
	.infoText01:before { content:''; position:absolute; top:1px; left:0; width:16px; height:16px; background:url(../images/user/info_icon01.png) no-repeat; }
.infoText02 { margin:20px 0 0 0; padding:0 0 0 21px; position:relative; }
	.infoText02:before { content:''; position:absolute; top:1px; left:0; width:16px; height:16px; background:url(../images/user/info_icon03.png) no-repeat; }
.infoText03 { margin:20px 0 0 0; padding:0 0 0 21px; position:relative; color:#e6000c; font-weight:400;}
	.infoText03:before { content:''; position:absolute; top:1px; left:0; width:16px; height:16px; background:url(../images/user/info_icon05.png) no-repeat; }
.acc_txt { font-size:22px; font-weight:300; color:#333; margin:0 0 20px 0; }
.acc_txt02 { font-size:16px; font-weight:300; color:#333; margin:0 0 20px 0; }
.guide .acc_txt02 {padding: 0;font-size: 13px;background: none !important;width: auto;}

h4.acc_txt02 {  }
h4.acc_txt02:before { display:none !important;  }
.accSub_txt { font-size:14px; color:#6E6E6E; line-height:24px; font-weight:300; margin:0; }
.default_txt { font-size:14px; color:#555; line-height:24px; font-weight:300; margin:0; }
.bullet_txt { font-size:14px; color:#555; line-height:24px; font-weight:300; margin:4px 0 0 0; padding:0 0 0 13px; position:relative; }
	.bullet_txt:before { content:""; width:4px; height:4px; background:#464646; position:absolute; top:11px; left:0; border-radius:4px; }
.hyphen_txt { font-size:14px; color:#555; line-height:24px; font-weight:300; margin:0; padding:0 0 0 29px; position:relative; }
	.hyphen_txt:before { content:""; width:6px; height:2px; background:#464646; position:absolute; top:12px; left:14px; border-radius:4px; }
.number_txt01 { font-size:14px; color:#555; margin:10px 0 0 0; padding:0 0 0 29px; position:relative; }
	.number_txt01 .ico { font-size:12px; color:#fff; font-weight:400; display:inline-block; width:19px; height:19px; background:#0076B8; text-align:center; border-radius:19px; line-height:19px; position:absolute; left:0; top:1px; }
.number_txt02 { font-size:14px; color:#555; margin:6px 0 0 0; padding:0 0 0 20px; position:relative; }
	.number_txt02 .ico {  position:absolute; left:0; top:1px; }
.noticeInfoT { font-size:14px; color:#555; font-weight:400; margin:0 0 3px 0; }
.siteMove { display:inline-block; width:36px; height:32px; background:#e1e1e1; color:#333; border:1px solid #bbb; text-align:center; font-size:12px; font-weight:normal; transition:0.3s all; vertical-align:top; }
	.siteMove:hover { background:#b9b9b9; color:#000; }
.titImport { font-size:16px; color:#e6000c; position:relative; top:4px; margin:0 3px 0 0; }
.agencyTxt { position:relative; padding:0 0 0 70px; font-size:14px;  }
.agencyTxt span { display:inline-block; position:absolute; left:0; color:#123867; font-weight:500;  }
.resultInfo { color:#6E6E6E; margin:0 0 5px 0;  }
.noData { font-size:16px; color:#333; font-weight:300; text-align:center; margin:0; padding:40px 0; }
.searchPlus a { display:block; color:#142e4e; background:#edf2f7; text-align:center; font-size:16px; color:#333; font-weight:300; text-align:center; padding:10px 0; transition:0.232s ease-in; }
.searchPlus a:hover { background:#a5c8db; color:#fff; }
.searchPlus span { font-weight:bold; display:inline-block; font-size:14px; margin:0 0 0 5px; }

/* EOD : font */

/* table */
.table_normal { margin:20px 0 0 0; }

.table_notice { width: 100%; border-top: 2px solid #123867; border-bottom: 1px solid #99a0aa;}
.table_notice thead tr th { border-left:1px solid #99a0aa; padding: 20px 20px 0 20px; text-align: center; font-size:14px; font-weight:normal; }
.table_notice tbody tr th {background:#edf2f7; color: #000; border-top:1px solid #99a0aa; border-left:1px solid #ccc; padding: 11px 8px; transition: 0.3s all; text-align:center; line-height:1.6; font-weight:500; }
.table_notice tbody tr td {color: #555; border-top:1px solid #ccc; border-left:1px solid #ccc; padding: 20px 20px 20px 15px; transition: 0.3s all; text-align:left; line-height:1.6; }
.table_notice tbody tr:first-child td { border-top:none; }

.table_detail { width: 100%; border-top: 2px solid #123867; border-bottom: 1px solid #99a0aa;}
.table_detail thead tr th { border-left:1px solid #99a0aa; text-align: center; font-size:14px; font-weight:normal; }
.table_detail tbody tr th {background:#edf2f7; color: #000; border-top:1px solid #99a0aa; border-left:1px solid #ccc; padding: 11px 8px; transition: 0.3s all; text-align:center; line-height:1.6; font-weight:500; }
.table_detail tbody tr td {color: #555; border-top:1px solid #ccc; border-left:1px solid #ccc; transition: 0.3s all; text-align:center; line-height:1.6; }
.table_detail tbody tr:first-child td { border-top:none; }

.table_info {width: 100%; border-top: 2px solid #123867; border-bottom: 1px solid #99a0aa;}
.table_info thead tr th { }
.table_info tbody tr th { border-top:1px solid #e3e3e3; background-color: #f6f6f6; border-left:1px solid #99a0aa; color: #142e4e; padding: 15px 30px 15px 20px; text-align:left; font-size:14px; color:#646464;}
.table_info tbody tr:first-child th { border-top:none; }
.table_info tbody tr td {color: #555; border-top:1px solid #e3e3e3; border-left:1px solid #ccc; padding: 11px 10px; transition: 0.3s all; line-height:1.6; }
.table_info tbody tr:first-child td { border-top:none; }
.table_info tbody tr td a:hover {color: #10a0ea;}

/* EOD : table */

/* footerCont */
.footerCont { max-width:1100px; margin:0 auto; }
	.footerContBox {/*display:inline-block; width:100%;     height: 90px;*/overflow: hidden;margin:20px 0px; padding:20px;  border:1px solid #d7d7d7;}
		.footerContTitle {font-size:16px; float:left; width:30%; display:inline-block;}
		.footerContTitle .contT {margin: 0; font-size: 18px;font-weight: 600;color: #000;}
		.footerContTitle .contText {display: inline-block;margin: 20px 0 0 0;font-size: 14px;line-height: 18px;}
		.footerContSub {float:left; width:70%;display:inline-block; position:relative; text-align:left;}
			.footerContSub li {float:left; padding-left:40px;}
			.footerContSub li:first-child {padding-left:0px;}
			.footerContSubresult {clear:both; padding:20px 0px 0px 0px; position:relative; }
				.resultInput {display:inline-block;}
					.resultInput input { width:400px; height:40px; }
				.resultbutton {display:inline-block; padding-top:3px; }
		.footerContSub .resultbutton .btn_blue {vertical-align: middle;}


/* EOD : footer */


/* footer */
.footerLayout { min-height:107px; padding:19px 16px 28px 16px; background:#f4f4f4; border-top:1px solid #ddd; }
	.footerLayoutIn { max-width:1100px; padding:0; }
		.footerTopBox { display:inline-block; width:100%; margin:0 0 -4px 0; }
			.footerTopLeft { float:left; width:50%; }
				.footerTopLeft ul {  }
				.footerTopLeft ul li { float:left; padding:0 11px; position:relative; }
				.footerTopLeft ul li:first-child { padding:0 11px 0 0; }
				.footerTopLeft ul li a:before { content:''; position:absolute; left:0; top:9px; width:3px; height:3px; border-radius:3px; background:#b8b8b8; }
				.footerTopLeft ul li:first-child a:before { display:none; }
				.footerTopLeft ul li a { font-size:13px; color:#555; font-weight:400; }
				.footerTopLeft ul li.on a { color:#0076B8; }
				.footerTopLeft ul li a img { margin:-2px 5px 0 0; }
			.footerTopRight { float:left; width:50%; position:relative; }
				.footerTopRight ul { position:absolute; right:0; top:-4px; }
				.footerTopRight ul li { float:left; padding:0 0 0 5px; }
				.footerTopRight ul li p { position:relative; margin:0; padding:0 34px 0 0; }
				.footerTopRight ul li p select { width:210px; height:32px; line-height:1; margin:0; vertical-align:top; padding:0 0 0 5px; font-size:14px; }
				.footerTopRight ul li .siteMove { position:absolute; top:0; right:0; }

		.footerBottomBox { font-size:13px; color:#737373; font-weight:normal; padding:20px 0 0 0; }
			.footerBottomLeft { float:left; width:50%; }
				.footerBottomLeft p { margin:0; line-height:1.6; }
				.footerBottomLeft p span { font-size:12px; color:#666; font-weight:300; }
			.footerBottomRight { float:left; width:50%; }
				.footerBottomRight a { width:84px; position:absolute; right:0; top:48px; }
				.footerBottomRight a img {width:100%;}
				.quickTopBtn { width:50px; height:50px; border:1px solid #ccc; background:#fff;  transition:all 0.3s; position:fixed; right:16px; bottom:20px; display:none; z-index:9; }
				.quickTopBtn:hover { background:#ccc; color:#fff; }
				.footerCall { display:none; }
/* EOD : footer */

/* font */

/* EOD : font */

/* box-background */

/* EOD : box-background */

/* button */


/* EOD : button */

/* layout */

/* EOD : layout */

/* newSearch */
/* bsh */
.newSBox {
    display: flex;
	flex-direction: column;
    width: 100%;
    margin: 20px 0 0;
    border-bottom: 2px solid #1c1c1c;
    /* height: 45px; */
    position: relative;
}
.newSBox ul {
	text-align: center;
    display: flex;
    align-items: flex-end;
}
.newSBox ul li {
    float: left;
    display: table;
    /* min-width: 300px; */
	min-width: fit-content;
    height: 44px;
    margin: 0 2px 0 0;
    background-color: #d7d7d7;
    border: 1px solid #bbb;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
}
/* end */
.newSBox ul li.newSBoxW {min-width:150px}
/* bsh */
.newSBox ul li a {
    font-size: 14px;
    color: #333;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2;
    padding: 0 15px;
    /* line-height: 43px; */
    text-align: center;
    text-align: center;
    line-height: 19px;
    text-align: left;
	display: inline-flex;
	align-items: center;
    height: 100%;
    justify-content: center;

}/* end */
.newSBox ul li.on {border:2px solid #333; border-bottom:0px; position: relative; margin-bottom: -2px; background-color: #fff;}
.newSBox ul li.on a {color: #0076B8; font-weight:500;
	/* line-height: 45px; */
 }
	.newSBoxBU {position:absolute; top:5px; right:5px; background-color:#6D7782; color:#fff; font-size:15px; line-height:35px; min-width:100px; text-align:center; border-radius:18px;}
	.newSBoxBU span {transition:all 0.3s ease; display:inline-block;}
	.newSBoxBU strong {font-weight:normal;}
	.BU.on span {transform:rotate(180deg);}
.newTBox {position:relative;   clear:both; display:inline-block; width:100%; height:332px; transition:all 0.3s ease; overflow:hidden;  border: 1px solid #d7d7d7;border-top: 0px; box-sizing: border-box;margin-bottom: 20px;}
	.newTBoxIn {/*display:none;*/ position:absolute; top:0%; left:0.5%; right:0%; background-color:#fff;  height:300px;  z-index:1; /*border:1px solid #d7d7d7; border-top:0px;*/}
	.newTBoxIn.on {z-index:2; display:block;}
		#newTBox1 {overflow-x:hidden; overflow-y:auto;}
	.newTBoxIn > ul {margin:0px 10px; padding:10px 0px;}
	.newTBoxIn > ul > li, .newTBoxIns > ul > li {float:left; padding:5px;}
		.newTViewPopup {display:none; position:absolute; z-index:2; top:0px; left:0px; right:0px; height:332px; overflow:hidden; transition:all 0.3s ease;}
		.newTViewPopup.on {display:block;}
			.newTViewPopupIn {position: relative; background-color: #eef6ff; height:300px;}
				.newTViewPBox1 {height:300px; width:22%; float:left; border-right:1px solid #a7bfd9;}
				.newTViewPBox2 {height:300px; width:22%; float:left; border-right:1px solid #a7bfd9;}
				.newTViewPBox3 {height:300px; width:22%; float:left; border-right:1px solid #a7bfd9;}
				.newTViewPBox4 {height:300px; width:33%; float:left;}
				.newTViewPBox4 .newTBoxBu {display:block;}
					.newTViewPBoxTitle {font-size:16px; color:#000; display:inline-block; margin:10px; line-height: 30px;}
					.newTViewPBoxSearchDiv {display:inline-block; margin:10px 0px; float:right;}
					.newTViewPBoxSearchDiv .newTBoxTopInput {min-width:100px; width:140px; font-size: 12px; padding: 0px; text-indent: 5px;}
					.newTViewPBoxSearchDiv2 {display:inline-block; margin:0px 10px 10px; }
					.newTViewPBoxSearchDiv2 .newTBoxTopInput {min-width:100px; width:140px; font-size: 12px; padding: 0px; text-indent: 5px;}
					.newTViewPBoxBu {float: right; vertical-align:middle; line-height:28px; color:#333; background-color:#fff; border:1px solid #ccc; padding:0px 10px; margin:10px;}
					.newTViewPBoxBu.on {color:#fff; background-color:#4a6e98; border:1px solid #4a6e98;}
					.newTViewBList {height:245px; overflow:auto; overflow-x:hidden;  margin:0px 10px; clear:both;}
					.newTViewBList.type2 {height:208px;}
		.newTBoxBu {line-height:40px; font-size:14px; min-width:160px; display:inline-block; border-radius:10px; padding:0px 10px; text-align:center; background-color:#e7e7e7; border:2px solid #e7e7e7; color:#000; transition:all 0.3s ease;}
		.newTBoxBu:hover {border:2px solid #ef6f00; }
		.newTBoxTop {margin:0px 10px 10px; min-height:32px; position: relative; border-bottom:1px solid #ccc; padding:10px 0px; text-align:left;}
		.newTBoxTop2 {margin:0px 10px 10px; min-height:32px; position: relative; border-bottom:1px solid #ccc; padding:0px; text-align:left;}
			.newTBoxTopL {display:inline-block;}
			.newTBoxTopInput {border:1px solid #707070; margin:0px; min-width: 250px;}
			.newTBoxSearchBu {background-color:#707070; color:#fff; font-size:15px; width: 50px; line-height: 32px; vertical-align: middle; margin-left: -5px;}
			.newTBoxTopBU {background-color:#124f9f; color:#fff; font-size:15px; line-height:32px; min-width:130px; text-align:center; vertical-align: middle;}
			.newTBoxTopBU strong {font-weight:normal;}
			.newTBoxTopBU span {display:inline-block;}
			.newTBoxTopBU2 {background-color: #124f9f; color: #fff; font-size: 15px; line-height: 32px; width: 130px; text-align: center; vertical-align: middle; position: absolute; top: -35px; left: 50%; margin-left: -65px; transition:all 0.3s ease;}
			.newTBoxTopBU2 strong {font-weight:normal;}
			.newTBoxTopBU2 span {transform:rotate(180deg); display:inline-block;}
			.newTBoxTopBU2.on {top:300px;}
			/* bsh */
		.newTBottomList {
			height: 200px;
			overflow: auto;
			display: block;
		}
		/* end */
		.newTBottomList2 {height: 210px; overflow: auto; display: block;}
	.newTBox .newTList1 > li, .newTBoxs .newTList1 > li {width:100%; padding:0px 0px 10px;}
	.newTBox .newTList1 > li .newTBoxBu, .newTBoxs .newTList1 > li .newTBoxBu {width:auto; min-width:auto; margin: 0px 5px; display:block;}
	.newTBox .newTList2 > li, .newTBoxs .newTList2 > li {width:49.9%; padding:0px 0px 10px;}
	.newTBox .newTList2 > li .newTBoxBu, .newTBoxs .newTList2 > li .newTBoxBu {width:auto; min-width:auto; margin: 0px 5px; display:block;}
	.newTBox .newTList3 > li, .newTBoxs .newTList3 > li {width:33.3%; padding:0px 0px 10px;}
	.newTBox .newTList3 > li .newTBoxBu, .newTBoxs .newTList3 > li .newTBoxBu {width:auto; min-width:auto; margin: 0px 5px; display:block;}
.newTBox.close {height:0px;}
/* 2022.03.23 - cshan 웹접근성 조치 background-color:#ff7600 => #A36700 border:2px solid #ff7600 => 2px solid #A36700 */
.newTBox ul li.on .newTBoxBu {background-color:#A36700; color:#fff; border:2px solid #A36700;text-shadow: 1px 1px 1px #5b3100; }
	.newTBoxBu.close:after {content:""; background-color:#ff8d0a; color:#fff;}
.newBuBox {border:1px solid #d7d7d7; line-height:50px; background-color: #f7f7f7;}
	.newBuBoxL {font-size:17px; color:#000; padding-left:15px;}
	.newBuBoxR {float:right; margin-top: -46px;}
	.newBuBoxR li {float:left; line-height: 20px;}

.newTBoxInL {
    height: 300px;
    width: 30%;
    border-right: 1px solid #d7d7d7;
	display: flex;
    flex-direction: column;
}
	.newTBoxInL > ul {margin:0px 10px; padding:10px 0px;}
	.newTBoxInL > ul > li {float:left; padding:5px;}
	.newTBoxInR {
		float: right;
		height: 300px;
		width: 69%;
		position: absolute;
		/* width: 100%; */
		right: 0;
	}
	.newTBoxInR > ul {margin:0px 10px; padding:10px 0px;}
	.newTBoxInR > ul > li {float:left; padding:5px;}
.newEndBox {border:1px solid #d7d7d7; border-top:0px; margin-bottom:20px; clear:both; min-height:75px;}
/* bsh */

.newEndBox:not(:has(.newTBoxBu))::after {
    content: '검색조건을 선택하면 여기에 표시됩니다.';
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #000000;
}
/* end */
.newEndBox ul {margin:0px 10px; padding:10px 0px; overflow: hidden;}
.newEndBox ul li {float:left; padding:5px;}
/* 2022.03.23 - cshan 웹접근성 조치 background-color:#ff7600 => #A36700 border:2px solid #ff7600 => 2px solid #A36700 */
.newEndBox ul li .newTBoxBu {background-color:#A36700; color:#fff;  border:2px solid #A36700; min-width:auto;    text-shadow: 1px 1px 1px #5b3100;}
.newGuideBox {position:absolute; right:20px; bottom:5px; font-size:12px; color:#123867;}


/*2023 03 27 접근성 이슈로 수정, 추가*/
.newSBoxs {position: relative;height: 390px;}
.newSBoxs > ul {display: block;width: 100%;margin: 20px 0 0px;border-bottom: 2px solid #1c1c1c;height: 45px;}
.newSBoxs > ul > li {float: left;display: table;min-width: 300px;height: 44px;margin: 0px 2px 0px 0px;background-color: #d7d7d7;border: 1px solid #bbb;border-bottom: 0px;border-radius: 5px 5px 0px 0px;}
.newSBoxs > ul > li > a {font-size: 14px;color: #333;display: table-cell;vertical-align: middle;line-height: 1.2;padding: 0 15px;line-height: 43px;text-align: center;}
.newSBoxs > ul > li.on {border: 2px solid #333;border-bottom: 0px;margin-bottom: -2px;background-color: #fff;}
.newSBoxs > ul > li.on > a {color: #0076B8;font-weight: 500;line-height: 45px;}
.newSBoxs > ul > li.on .newSBoxContIn {display: block;}
.newSBoxContIn {display: none; position: absolute;top: 45px;left: 0;width: 100%;border: 1px solid #d7d7d7;border-top: none;height: 320px;}
.newSBoxContIn .newTBoxs {}
.newSBoxContIn .newTBoxIns:not(#newTBox3) {
	display: flex;
    flex-direction: row;
}
.newSBoxContIn .newTBoxIns > ul {/*display: flex;flex-wrap: wrap;gap: 10px;*/padding: 10px;}
.newSBoxContIn .newTBoxIns > ul > li.on a {background-color: #A36700;color: #fff;border: 2px solid #A36700;}
.newSBoxs .newSBoxBU.on .icon-k-up {transform:rotate(180deg);}

/* 250507bsh start */
.loadingBox {
	line-height: 100px;
    text-align: center;
    color: #ccc;
    font-size: 60px;
    background: #ffffff80;
    height: 100%;
    position: absolute;
    width: 100%;
    line-height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px) saturate(0.4);
}
/* bsh end */
.loadingBox span {display:inline-block; animation:loadingBox 3s linear infinite;}
	@keyframes loadingBox {
		100% {transform:rotate(360deg); }
	}
@media (min-width:769px) and (max-width:1099px) {
.infoPop {top: 20px;left: 20px;bottom: 20px;right: 20px;width: auto;}

.tableScroll::-webkit-scrollbar { -webkit-appearance: none;  }
.tableScroll::-webkit-scrollbar:vertical { width: 12px; }
.tableScroll::-webkit-scrollbar:horizontal { height: 6px;  }
.tableScroll::-webkit-scrollbar-thumb { background-color: #40a9dc; border-radius: 10px; border: 2px solid #efefef; }
.tableScroll::-webkit-scrollbar-track { border-radius: 10px; background-color: #efefef;  }
/* topLayout */
.topLayout { display:none; }
.topMenuBox:before { display:none; }
.mobTopLayout { display:block; position:relative; z-index:7; }

/* main */
.bnr .swiper-container { height: 275px;}



.m_bannerIn {min-height:110px;}
.m_bannerIn > ul > li {overflow:auto; }
.m_bannerIn > ul > li img {width:700px !important; margin:0px 10px;}
.wvNumBox .wvNumBoxContainer {top:128px;}

.mobTopBuBox { position:relative; display:block; }
	.mobTopBuBox .topBuMobL { position:absolute; left:16px; top:20px; cursor:pointer; }
		.mobTopBuBox .topBuMobL img { width:24px; }
	.mobTopBuBox .topBuMobC { text-align:center; height:60px; line-height:58px; padding:0 28px 0 24px; }
		/* .mobTopBuBox .topBuMobC img { width:180px; } */
	.mobTopBuBox .topBuMobR { position:absolute; right:16px; top:16px; }
		.mobTopBuBox .topBuMobR ul {  }
		.mobTopBuBox .topBuMobR ul li { float:left; padding:0 0 0 16px; }
		.mobTopBuBox .topBuMobR ul li:first-child { padding:0; }
		.mobTopBuBox .topBuMobR ul li img { width:28px; }
	.mobTopBuBox .topBuMobB { display:none; padding:0 16px 10px 16px; position:relative; }
		.mobTopBuBox .topBuMobB > span { display:block; padding:0 54px 0 0; position:relative; }
			.mobTopBuBox .topBuMobB > span input.btn_searchBox { height:30px; border:2px solid #0076B8; width:100%; padding:0 10px; margin:0; }
		.mobTopBuBox .topBuMobB .btn_search { position:absolute; right:16px; top:0; }

.mobTopMenuBox { background:#142e4e; text-align:center; overflow-x:auto; overflow-y:hidden; height:50px; }
	.mobTopMenuBox ul { overflow:hidden; }
	.mobTopMenuBox ul li { float:left; width:25%; line-height:50px; }
	.mobTopMenuBox ul li a { font-size:16px; font-weight:400; color:#fff; letter-spacing:-1px; }

.mobLeftMenu { position:fixed; top:0; left:-100%; width:100%; height:100%; z-index:30; }
	.mobLeftMenu .mobBg { display:none; position:fixed; width:100%; height:100%; background:url(../images/user/trans.png); top:0; left:0; z-index:20; }
	.mobLeftMenu .mobClose { display:block; position:absolute; top:16px; right:16px; width:28px; height:28px; cursor:pointer; z-index:25; }
		.mobLeftMenu .mobClose img { width:28px; }
	.mobLeftMenu .mobLeftMenuBox { position:relative; z-index:30; background:#fff; margin:0 54px 0 0; height:100%; overflow-x:hidden; overflow-y:auto; }
		.mobLeftMenu .mobLeftMenuBox .mobHead { height:60px; position:relative; background:#0c1826; border-bottom:2px solid #2f4157; }
			.mobLeftMenu .mobLeftMenuBox .mobHead .mobHeadL { position:absolute; left:16px; top:20px; }
			.mobLeftMenu .mobLeftMenuBox .mobHead .mobHeadL span { font-size:18px; color:#b1bdca; line-height:1.2; }
				.mobLeftMenu .mobLeftMenuBox .mobHead .mobHeadL	img { width:24px; }
			.mobLeftMenu .mobLeftMenuBox .mobHead .mobHeadR { position:absolute; right:16px; top:16px; }
				.mobLeftMenu .mobLeftMenuBox .mobHead .mobHeadR ul {  }
				.mobLeftMenu .mobLeftMenuBox .mobHead .mobHeadR ul li { float:left; padding:0 0 0 16px; }
				.mobLeftMenu .mobLeftMenuBox .mobHead .mobHeadR ul li:first-child { padding:0; }
	.mobLeftMenu .mobLogin { background:#0c1826; position:relative; padding:12px 16px; }
		.mobLeftMenu .mobLogin .mobLoginBox { padding:0 0 0 20px; font-size:14px; color:#c5eaff; font-weight:400; }
			.mobLeftMenu .mobLogin .mobLoginBox span { font-weight:600; font-size:15px; color:#eee; }
			.mobLeftMenu .mobLogin .mobLoginBox img { width:14px; position:absolute; left:16px; }
		.mobLeftMenu .mobLogin ul { overflow:hidden; padding:12px 0 0 0; margin:0 0 0 -8px; }
			.mobLeftMenu .mobLogin ul li { float:left; width:50%; }
			.mobLeftMenu .mobLogin ul li a.mobLoginBtn { font-size:14px; padding:0 10px; color:#fff; font-weight:400; background:#25303c; border:1px solid #6b8aae; height:30px; display:block; margin:0 0 0 8px; line-height:30px; text-align:center; transition:all 0.3s; }
			.mobLeftMenu .mobLogin ul li a.mobLoginBtn:hover { background:#6b8aae; border:1px solid #787878; color:#fff; }

	.mobLeftMenu .mobQuickMenu { padding:12px; background:#123867; }
		.mobLeftMenu .mobQuickMenu ul { overflow:hidden; border-top:1px solid #899cb3; border-right:1px solid #899cb3; }
			.mobLeftMenu .mobQuickMenu ul li { float:left; width:50%; height:55px; display:table; }
			.mobLeftMenu .mobQuickMenu ul li a { color:#fff; font-size:15px; font-weight:400; display:table-cell; vertical-align:middle; text-align:center; border-left:1px solid #899cb3; border-bottom:1px solid #899cb3; padding:0 8px; transition:all 0.3s; }
			.mobLeftMenu .mobQuickMenu ul li a:hover { background:#fff; color:#123897; }

	.mobLeftMenu .mobMenuTab { }
		.mobLeftMenu .mobMenuTab > li {  }
		.mobLeftMenu .mobMenuTab li > a { position:relative; display:block; font-size:15px; font-weight:400; color:#555; padding:13px 15px; display:block; width:auto; border-bottom:2px solid #ddd; transition:all 0.2s; background:#fff; }
		.mobLeftMenu .mobMenuTab li > a:after { content:''; position:absolute; top:18px; right:15px; width:17px; height:10px; background:url(../images/user/mobMenuTabArrow.png) no-repeat; }
		.mobLeftMenu .mobMenuTab li > a.on { background:#142e4e; color:#fff; border-bottom:2px solid #000; }
		.mobLeftMenu .mobMenuTab li > a.on:after { background:url(../images/user/mobMenuTabArrow_on.png) no-repeat; }
		.mobLeftMenu .mobMenuTab li > .mobMenuAll { display:none; position:relative; top:inherit; height:auto; border-right:none; }
		.mobLeftMenu .mobMenuTab li > .mobMenuAll p { margin:0; display:table; width:100%; height:40px; background:#e3ecf8; border-bottom:2px solid #cbd5e2; }
		.mobLeftMenu .mobMenuTab li > .mobMenuAll p a { display:table-cell; vertical-align:middle; padding:0 30px; color:#555; font-weight:400; font-size:15px;}

	.mobLeftMenu .mobCallMenu { padding:15px; background:#e3eaf2; display:block; }
		.mobLeftMenu .mobCallMenu p.mobCallTxt01 { margin:0; font-size:20px; font-weight:400; color:#172c46; line-height:1; }
		.mobLeftMenu .mobCallMenu p.mobCallTxt02 { margin:7px 0 10px 0; font-size:30px; font-weight:bold; color:#00588a; line-height:1; }
		.mobLeftMenu .mobCallMenu p.mobCallTxt03 { margin:0; font-size:13px; font-weight:400; color:#555; line-height:1; }
		.mobLeftMenu .mobCallMenu ul { overflow:hidden; margin:10px 0 0 -8px;  }
		.mobLeftMenu .mobCallMenu ul li { width:50%; float:left; }
		.mobLeftMenu .mobCallMenu .mobCallBtn { display:block; height:30px; font-size:14px; font-weight:400; color:#142e4e; border:2px solid #142e4e; line-height:30px; margin:0 0 0 8px; text-align:center; transition:all 0.3s; }
		.mobLeftMenu .mobCallMenu .mobCallBtn:hover { background:#142e4e; color:#fff; }

	.searchHelp { position:relative; width:auto; display:block; }
	.searchResult { width:auto; left:16px; right:16px; }
/* EOD : topLayout */

/* contentLayout */
.contentLayout { padding:0; min-height:500px; }
	.contentBoxL { display:none; }
	.contentBoxL + .contentBoxR { padding:20px; }
	.contentBoxR { padding:0 20px; }
		.contentBoxR .navi { display:none; }
	.tabBox { border:none; border-left:1px solid #123867; border-top:1px solid #123867; }
	.tabBox ul li { border-bottom:none; }
	.tabBox ul li a { border-bottom:1px solid #123867; font-size:15px; }
	.tabBoxSub {  }
	.tabBoxSub li a { padding:10px 15px; }
	.tabBoxSub li:first-child a { padding:10px 15px 10px 10px; }
	.tabBoxSub li a:before { top:13px; }

	.searchWrap02 ul { display:block; }
	.searchWrap02 ul li { float:none; overflow:hidden; }
	.searchWrap02 ul li:first-child { padding:0 0 10px 0; }

	.mapBox .mapBoxL { display:none; }
	.mapBox .mapBoxL + .mapBoxR { float:none; width:auto; display:block; }


	.searchRe01 li { display:block; width:auto; }
	.searchRe01 li:first-child { border-top:none; }
	.searchRe01 li .searchReBox { padding:20px 20px 0 20px; display:block; width:auto; }
	.searchRe01 li .searchReBox .searchReTxt01 { display:block; width:auto; padding:0; margin:0; }
	.searchRe01 li .searchReBox .searchReTxt02 { display:block; width:auto; padding:0; margin:8px 0 15px 0; }
	.searchRe01 li .searchReTxt03 { display:block; width:auto; text-align:left; padding:0 20px 20px 20px; margin:0; }
		.searchRe01 li .searchReTxt03 button { margin:0 4px 0 0; }

	.searchRe02 li { display:block; width:auto; }
	.searchRe02 li:first-child { border-top:none; }
	.searchRe02 li .searchReBox { padding:20px 20px 0 20px; display:block; width:auto; }
	.searchRe02 li .searchReBox .searchReTxt01 { display:block; width:auto; padding:0; margin:0; }
	.searchRe02 li .searchReTxt03 { display:block; width:auto; text-align:left; padding:15px 20px 20px 20px; margin:0; }
		.searchRe02 li .searchReTxt03 button { margin:0 4px 0 0; }

	.compare2L li { width:100%; }

	.compareWrap > ul > li { width:50%; }

	.listHalf li { float:left; width:50%; }
	.listHalf li .listHalfIn {  }
/* EOD : contentLayout */

/* mainContent */

	.tabH { display:none; }
	.m_infoList { margin:25px 0 0 0; }
	.m_infoList .m_info > li.first { width:50%; }
		.m_infoList .m_info > li.first .m_infoIn { margin:0 8px 0 0; }
		.m_infoList .m_info > li.second .m_infoIn { margin:0 0 0 8px; }


	.m_infoList .m_info > li.second { width:50%; }


	.m_infoList .m_info > li.third { width:100%; }
		.m_infoList .m_info li.third .m_infoIn { margin:16px 0 0 0; min-height:auto; position:relative; }
		.m_infoList .m_info > li.third .m_infoBox li.first { width:50%; }
		.m_infoList .m_info > li.third .m_infoBox li.first a { margin:0 8px 0 0; height:66px; padding:18px 20px 0 20px; }
		.m_infoList .m_info > li.third .m_infoBox li.first a .tit01 { position:relative; z-index:6; }
		.m_infoList .m_info > li.third .m_infoBox li.first a .txt01 { display:none; }
		.m_infoList .m_info > li.third .m_infoBox li.first a .txt01.tabS { display:block; font-size:14px; position:relative; z-index:6; }
		.m_infoList .m_info > li.third .m_infoBox li.first a > img { bottom:-25px; }
		.m_infoList .m_info > li.third .m_infoBox li.first a span.imgBox { top:33px; }
		.m_infoList .m_info > li.third .m_infoBox li.first a:before { bottom:5px; }
		.m_infoList .m_info > li.third .m_infoBox li.first a:after { bottom:-77px; right:-4px; }
	.m_infoList .m_info > li.third .m_infoBox li.second { width:50%; margin:10px 0 0 0; }
		.m_infoList .m_info > li.third .m_infoBox li.second a { margin:0 8px 0 0; height:66px; padding:18px 20px 0 20px; }
		.m_infoList .m_info > li.third .m_infoBox li.second a .txt01 { display:none; }
		.m_infoList .m_info > li.third .m_infoBox li.second a .tit01 { position:relative; z-index:6; }
		.m_infoList .m_info > li.third .m_infoBox li.second a .txt01.tabS { display:block; font-size:14px; position:relative; z-index:6; }
		.m_infoList .m_info > li.third .m_infoBox li.second a > img { bottom:-19px;  }
		.m_infoList .m_info > li.third .m_infoBox li.second a .imgBox { bottom:-19px; }
		.m_infoList .m_info > li.third .m_infoBox li.second a:before { bottom:12px; }
		.m_infoList .m_info > li.third .m_infoBox li.second a:after { bottom:-44px; }

	.m_infoList .m_info > li.third .m_infoBox li.third { width:50%; position:absolute; right:0; top:0;  }
		.m_infoList .m_info > li.third .m_subBanner { margin:0 0 0 8px; height:176px; background:#f3f3f3; }
		.m_infoList .m_info > li.third .m_subBanner a { text-align:center; }
		 .m_infoList .m_info > li.third .m_subBanner a img { max-width:100%;  }

	/* .m_notice { margin:25px 0 0 0; } */
		/* .m_notice .m_noticeL { display:none; } */
		.bnrSub {position: relative;bottom: auto; overflow: hidden;}
			.bnrSubIn {margin: 0;}
		.m_notice { background: #F5F5F5;border-top: 1px solid #ddd;}
		.m_notice .m_noticeR ul {padding: 0 20px 0 95px;}
		.m_notice .m_noticeR {  padding:0 0 0 20px; background:none; }
		.m_notice .m_noticeR .date { display:none; }

/* EOD : mainContent */

/* font */
	h3 { position:relative; display:table; height:50px; font-size:17px; text-align:center; background:#0d1c2f; color:#fff; font-weight:bold; width:100%; padding:0 20px; margin:-20px 0 20px -20px; letter-spacing:0.5px; }
		h3 a { display:table-cell; width:20px; vertical-align:middle; color:#fff; font-weight:bold; font-size:24px; text-indent:-3px; }
		h3 span { display:table-cell; vertical-align:middle; line-height:1.2; position:relative; top:-2px; }

		.m_searchT {background: none;display: block;width: auto;height: auto;padding: 0;text-align: left;}


/* EOD : font */

/* footer */
.footerContBox {margin:20px;}
.footerLayout { padding:15px; overflow:hidden; min-height:auto; }
	.footerTopLeft { float:none; width:auto; overflow:hidden; }
		.footerTopLeft ul li { padding:0 10px 5px 10px; }
	.footerTopRight { float:none; width:auto; overflow:hidden; }
		.footerTopRight ul { position:relative; top:inherit; padding:5px 0 0 0; }
		.footerTopRight ul li { width:50%; padding:5px 0 0 0; line-height:0; }
		.footerTopRight ul li p { padding:0 34px 0 0; margin:0 0 0 5px }
		.footerTopRight ul li:first-child p { padding:0 35px 0 0; margin:0 5px 0 0; }
		.footerTopRight ul li p select { width:100%;}

	.footerBottomBox { padding:7px 0 0 0; }
	.footerBottomBox .footerBottomLeft { float:none; width:auto; }
	.footerBottomBox .footerBottomRight { float:none; width:auto; }
		.footerBottomRight img { position:relative; top:inherit; right:inherit; margin:10px 0 0 0; }
	.footerCall { display:block; font-size:14px; color:#172c46; margin:0 0 5px 0; }
	.footerCall a { font-size:16px; color:#00588a; font-weight:500; margin:0 0 0 10px; }

	.footerContSub li {padding-left: 20px;}
	.footerContSubresult .resultInput input {width: 320px;}

/* EOD : footer */

/* button */

/* EOD : button */
.mobH { display:none; }

/* new search */
/* bsh */
.newSBox ul li {min-width:auto;}
/* end */
.newGuideBox {position: static; margin-top: 10px;}
.newTBox .newTList3 > li, .newTBoxs .newTList3 > li {width:50%;}
	.newTBoxBu {font-size:12px;}
	.newTViewPopupIn > div:nth-child(odd) {border-right:0px;}
	.newTViewPBox1 {width:49%; height:150px; border-bottom:1px solid #a7bfd9;}
	.newTViewPBox2 {width:49%; height:150px; border-bottom:1px solid #a7bfd9;}
	.newTViewPBox3 {width:49%; height:150px; border-bottom:1px solid #a7bfd9;}
	.newTViewPBox4 {width:49%; height:150px; border-bottom:1px solid #a7bfd9;}
	.newTViewBList {height:90px;}
	.newTViewBList.type2 {height:90px;}
	.newTBoxBu {line-height: 30px;}
	.newTBoxTop {min-height:60px;}
	.newTBoxTop2 {height:80px;}
	.newTBoxTop2 .newTViewPBoxTitle {margin:10px 0px 0px;}
	.newTBoxTop2 .newTViewPBoxSearchDiv {margin:0px; float:none; display:block;}
	.newTBoxTop2 .newTViewPBoxSearchDiv .newTBoxTopInput {width:130px; font-size: 12px;}
		.newTBottomList {height: 180px;}
		.newTBottomList2 {height:180px;}
}

@media (max-width:1100px) {
	.newSBoxs .newTBoxTop {position: relative;min-height: 70px;}
	.newSBoxs > ul > li {min-width: 150px;}
	.newSBoxs .newGuideBox {position: relative;left: 0;bottom: 0px;}
	/* bsh */
	.newTBoxInR {
		position: relative;
		/* width: 100%; */
	}
	.newTBox .newTList3 > li .newTBoxBu, .newTBoxs .newTList3 > li .newTBoxBu {
		width: auto;
		min-width: auto;
		margin: 0px 5px;
		display: block;
		height: 44px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.newBuBoxR button {
		height: 44px;
	}
	/* end */
}
@media  (min-width:768px) and (max-width:980px) {

	/*main*/
	.bnrSubIn li {width:50%;}
	.bnrSubIn li a { border: 2px dotted #D7D7D7;border-top: none;border-left: none;}
	.bnrSubIn li a.bnrSub2 {border-right: none;}
	.bnrSubIn li a.bnrSub3 {border-bottom: none;}
	.bnrSubIn li a.bnrSub4 {border-right: none;border-bottom: none;}
	.bnrSubIn .bnrSub2:before {left: 11px;}

	.bnr .swiper-container {  height: 216px;}
	.infoCont .infoList {margin-left: 158px;}

}

@media (max-width:768px) {
	.mbBr {display: block;}
.tableScroll::-webkit-scrollbar { -webkit-appearance: none;  }
.tableScroll::-webkit-scrollbar:vertical { width: 12px; }
.tableScroll::-webkit-scrollbar:horizontal { height: 6px;  }
.tableScroll::-webkit-scrollbar-thumb { background-color: #40a9dc; border-radius: 10px; border: 2px solid #efefef; }
.tableScroll::-webkit-scrollbar-track { border-radius: 10px; background-color: #efefef;  }

/* main */
.m_bannerIn {min-height:125px;}
.m_bannerIn > ul > li {overflow:auto; width:100% !important; }
.m_bannerIn > ul > li img {width:700px !important; margin:0px 10px;}
.wvNumBox .wvNumBoxContainer {top:140px;}

.bnrSubIn li a { border: 2px dotted #D7D7D7;border-top: none;border-left: none;}
.bnrSubIn li a.bnrSub2 {border-right: none;}
.bnrSubIn li a.bnrSub3 {border-bottom: none;}
.bnrSubIn li a.bnrSub4 {border-right: none;border-bottom: none;}
.bnrSubIn a:before {transition: 0s all ease;}

	/* topLayout */
.topLayout { display:none; }
.topMenuBox:before { display:none; }
.mobTopLayout { display:block; position:relative; z-index:7; }
.bannerBtnBox {margin-bottom:15px;}

.mobTopBuBox { position:relative; display:block; }
	.mobTopBuBox .topBuMobL { position:absolute; left:16px; top:20px; cursor:pointer; }
		.mobTopBuBox .topBuMobL img { width:24px; }
	.mobTopBuBox .topBuMobC { text-align:center; height:60px; line-height:58px; padding:0 28px 0 24px; }
		/* .mobTopBuBox .topBuMobC img { width:180px; } */
	.mobTopBuBox .topBuMobR { position:absolute; right:16px; top:16px; }
		.mobTopBuBox .topBuMobR ul {  }
		.mobTopBuBox .topBuMobR ul li { float:left; padding:0 0 0 16px; }
		.mobTopBuBox .topBuMobR ul li:first-child { padding:0; }
		.mobTopBuBox .topBuMobR ul li img { width:28px; }
		/************2024 학점은행 고도화**************/
	.mobTopBuBox .topBuMobB { display:none; padding:0 16px 10px 16px; position:relative; z-index:30; }
		.mobTopBuBox .topBuMobB > span { display:block; padding:0 54px 0 0; position:relative; }
			.mobTopBuBox .topBuMobB > span input.btn_searchBox { height:30px; border:2px solid #0076B8; width:100%; padding:0 10px; margin:0; }
		.mobTopBuBox .topBuMobB .btn_search { position:absolute; right:16px; top:0; }

.mobTopMenuBox { background:#142e4e; text-align:center; overflow-x:auto; overflow-y:hidden; height:50px; }
	.mobTopMenuBox ul { overflow:hidden; }
	.mobTopMenuBox ul li { float:left; width:20%; line-height:50px; }
	.mobTopMenuBox ul li a { font-size:16px; font-weight:400; color:#fff; letter-spacing:-1px; }

.mobLeftMenu { position:fixed; top:0; left:-100%; width:100%; height:100%; z-index:30; }
	.mobLeftMenu .mobBg { display:none; position:fixed; width:100%; height:100%; background:url(../images/user/trans.png); top:0; left:0; z-index:20; }
	.mobLeftMenu .mobClose { display:block; position:absolute; top:16px; right:16px; width:28px; height:28px; cursor:pointer; z-index:25; }
		.mobLeftMenu .mobClose img { width:28px; }
	.mobLeftMenu .mobLeftMenuBox { position:relative; z-index:30; background:#fff; margin:0 54px 0 0; height:100%; overflow-x:hidden; overflow-y:auto; }
		.mobLeftMenu .mobLeftMenuBox .mobHead { height:60px; position:relative; background:#0c1826; border-bottom:2px solid #2f4157; }
			.mobLeftMenu .mobLeftMenuBox .mobHead .mobHeadL { position:absolute; left:16px; top:20px; }
			.mobLeftMenu .mobLeftMenuBox .mobHead .mobHeadL span { font-size:17px; color:#b1bdca; line-height:1.2; }
				.mobLeftMenu .mobLeftMenuBox .mobHead .mobHeadL	img { width:24px; }
			.mobLeftMenu .mobLeftMenuBox .mobHead .mobHeadR { position:absolute; right:16px; top:16px; }
				.mobLeftMenu .mobLeftMenuBox .mobHead .mobHeadR ul {  }
				.mobLeftMenu .mobLeftMenuBox .mobHead .mobHeadR ul li { float:left; padding:0 0 0 16px; }
				.mobLeftMenu .mobLeftMenuBox .mobHead .mobHeadR ul li:first-child { padding:0; }
	.mobLeftMenu .mobLogin { background:#0c1826; position:relative; padding:12px 16px; }
		.mobLeftMenu .mobLogin .mobLoginBox { padding:0 0 0 20px; font-size:14px; color:#c5eaff; font-weight:400; }
			.mobLeftMenu .mobLogin .mobLoginBox span { font-weight:600; font-size:15px; color:#eee; }
			.mobLeftMenu .mobLogin .mobLoginBox img { width:14px; position:absolute; left:16px; }
		.mobLeftMenu .mobLogin ul { overflow:hidden; padding:12px 0 0 0; margin:0 0 0 -8px; }
			.mobLeftMenu .mobLogin ul li { float:left; width:50%; }
			.mobLeftMenu .mobLogin ul li a.mobLoginBtn { font-size:14px; padding:0 10px; color:#fff; font-weight:400; background:#25303c; border:1px solid #6b8aae; height:30px; display:block; margin:0 0 0 8px; line-height:30px; text-align:center; transition:all 0.3s; }
			.mobLeftMenu .mobLogin ul li a.mobLoginBtn:hover { background:#6b8aae; border:1px solid #787878; color:#fff; }

	.mobLeftMenu .mobQuickMenu { padding:12px; background:#123867; }
		.mobLeftMenu .mobQuickMenu ul { overflow:hidden; border-top:1px solid #899cb3; border-right:1px solid #899cb3; }
			.mobLeftMenu .mobQuickMenu ul li { float:left; width:50%; height:55px; display:table; }
			.mobLeftMenu .mobQuickMenu ul li a { color:#fff; font-size:15px; font-weight:400; display:table-cell; vertical-align:middle; text-align:center; border-left:1px solid #899cb3; border-bottom:1px solid #899cb3; padding:0 8px; transition:all 0.3s; }
			.mobLeftMenu .mobQuickMenu ul li a:hover { background:#fff; color:#123897; }

	.mobLeftMenu .mobMenuTab { }
		.mobLeftMenu .mobMenuTab > li {  }
		.mobLeftMenu .mobMenuTab li > a { position:relative; display:block; font-size:15px; font-weight:400; color:#555; padding:13px 15px; display:block; width:auto; border-bottom:2px solid #ddd; transition:all 0.2s; background:#fff; }
		.mobLeftMenu .mobMenuTab li > a:after { content:''; position:absolute; top:18px; right:15px; width:17px; height:10px; background:url(../images/user/mobMenuTabArrow.png) no-repeat; }
		.mobLeftMenu .mobMenuTab li > a.on { background:#142e4e; color:#fff; border-bottom:2px solid #000; }
		.mobLeftMenu .mobMenuTab li > a.on:after { background:url(../images/user/mobMenuTabArrow_on.png) no-repeat; }
		.mobLeftMenu .mobMenuTab li > .mobMenuAll { display:none; position:relative; top:inherit; height:auto; border-right:none; }
		.mobLeftMenu .mobMenuTab li > .mobMenuAll p { margin:0; display:table; width:100%; height:40px; background:#e3ecf8; border-bottom:2px solid #cbd5e2; }
		.mobLeftMenu .mobMenuTab li > .mobMenuAll p a { display:table-cell; vertical-align:middle; padding:0 30px; color:#555; font-weight:400; font-size:15px;}

	.mobLeftMenu .mobCallMenu { padding:15px; background:#e3eaf2; display:block; }
		.mobLeftMenu .mobCallMenu p.mobCallTxt01 { margin:0; font-size:20px; font-weight:400; color:#172c46; line-height:1; }
		.mobLeftMenu .mobCallMenu p.mobCallTxt02 { margin:7px 0 10px 0; font-size:30px; font-weight:bold; color:#00588a; line-height:1; }
		.mobLeftMenu .mobCallMenu p.mobCallTxt03 { margin:0; font-size:13px; font-weight:400; color:#555; line-height:1; }
		.mobLeftMenu .mobCallMenu ul { overflow:hidden; margin:10px 0 0 -8px;  }
		.mobLeftMenu .mobCallMenu ul li { width:50%; float:left; }
		.mobLeftMenu .mobCallMenu .mobCallBtn { display:block; height:30px; font-size:14px; font-weight:400; color:#142e4e; border:2px solid #142e4e; line-height:30px; margin:0 0 0 8px; text-align:center; transition:all 0.3s; }
		.mobLeftMenu .mobCallMenu .mobCallBtn:hover { background:#142e4e; color:#fff; }

	.searchHelp { width:auto; position:relative; display:block; }
	.searchResult { width:auto; position:relative; }
/* EOD : topLayout */

/* contentLayout */
.contentLayout { padding:0; min-height:500px; }
	.contentBoxL { display:none; }
	.contentBoxL + .contentBoxR { padding:20px; }
	.contentBoxR { padding:20px; }
		/* .contentBoxR .navi { display:none; } */

	.tabBox { border:none; border-left:1px solid #123867; border-top:1px solid #123867; }
	.tabBox ul li { border-bottom:none; }
	/* bsh */
	.tabBox ul li a {
		border-bottom: 1px solid #123867;
		font-size: 15px;
		display: flex;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		height: inherit;
	}
	.tabBoxSub {
		width: fit-content !important;
		display: flex;
		flex-wrap: nowrap;
	}
	/* end */
	.tabBoxSub li a { padding:10px 15px; }
	.tabBoxSub li:first-child a { padding:10px 15px 10px 10px; }
	.tabBoxSub li a:before { top:13px; }

	.infoSelect { display:flex; }
	/* bsh */
	.infoSelect select { width:100%; flex:1 ;}
	/* end */
	.infoSelect .exam_box { position:absolute; top:0; left:0; }
	.infoSelect button.siteMove { position:absolute; top:0; right:0; }

	.feedBackBox ul { display:block; margin:20px 20px 20px 5px; }
	.feedBackBox ul.feedBackIn { margin: 20px 20px 20px 20px;}
	.feedBackBox ul li { width:auto; float:none; position:relative; padding:0 0 0 35px }
	.feedBackBox ul.feedBackIn li {padding: 0 0 20px 22px;}
	.feedBackBox ul li:first-child { padding:0 0 20px 35px; }
	.feedBackBox ul.feedBackIn li:first-child {padding: 0 0 20px 22px;}
	.feedBackBox ul li label { padding:0; position:absolute; left:0; top:12px; }
	.feedBackBox ul li input { width:100%; margin:0 0 0 -22px; }
	.feedBackBox .btn_center { padding:15px 0 0 0; }

	/* 인증코드 */
	.emailCertification ul li {display: block;}
	.emailCertification ul li button {margin-top: 10px;}

	.searchWrap02 ul { display:block; }
	.searchWrap02 ul li { float:none;padding-bottom: 10px;overflow:hidden; position:relative; }
	.searchWrap02 ul li:first-child { padding:0 0 10px 0; }
	.searchWrap02 ul li .exam_box { float:none; position:absolute; top:0; left:0; }
	.searchWrap02 ul li button { float:none; position:absolute; right:0; top:0; }
	.searchWrap02 ul li select { width:100%; margin:0; }
	.searchWrap02 ul li input { width:100%; margin:0; float:none;padding: 0;text-indent: 15px; }
	.searchWrap02 ul li .selectMob01 { float:none; padding:0 41px 0 73px; display:block; }
	.searchWrap02 ul li .selectMob02 { float:none; padding:0 48px 0 73px; display:block; }
	.searchWrap02 ul li .selectMob03 {float:none; margin: 0; padding:0 48px 0 65px; display:block;}
		.searchWrap02 ul li .selectMob02 button { font-size:16px; width:38px; }

	.imgList01 ul li .imgArea { display:block; text-align:center; width:auto; }
	.imgList01 ul li .txtArea { display:block; padding:0 15px; }
	.imgList01 ul li .txtArea h5 { margin-bottom:10px; }

	.imgList02 ul li { padding:20px 0; }
	.imgList02 ul li .imgArea { display:block; text-align:center; width:auto; padding:0 0 10px 0; }
	.imgList02 ul li .txtArea { display:block; padding:0 15px; }
	.imgList02 ul li .txtArea h5 { margin-bottom:10px; }

	.mapBox .mapBoxL { display:none; }
	.mapBox .mapBoxL + .mapBoxR { float:none; width:auto; display:block; }

	.mapContent ul li {
		flex-wrap: wrap; width:33.33333%;
	}

	.infoSelectMap { position:relative; }
	.infoSelectMap .selectChoice01 { display:block; margin:5px 0; }
	.infoSelectMap .selectChoice01 select { width:100%; }
	.infoSelectMap .selectChoice02 { display:block; padding:0 37px 0 0; }
	.infoSelectMap .selectChoice02 select { width:100%; }
	.infoSelectMap button.btn_searchTxt { width:38px; position:absolute; right:0; bottom:0; }

	.agencyInfo { margin:0; word-break:break-all; }
	.agencyInfo li { float:none; width:auto; }
	.agencyInfo li .agencyBox { padding:0; }

	.infoBox.result { margin:15px 0 0 0; }

	.inputW50 { padding:0; margin:0 0 0 8px; }
	.inputW50 input[type="text"] { width:100%; margin:0 0 0 -8px; }
	.inputW50 select { width:100%; margin:0 0 0 -8px; }
	.inputW50 textarea { width:100%; margin:0 0 0 -8px; }

	.repleTitle { padding:10px 15px; }

	.searchRe01 { margin:15px 0 0 0; }
	.searchRe01 li { display:block; width:auto; }
	.searchRe01 li:first-child { border-top:none; }
	.searchRe01 li .searchReBox { padding:15px 15px 0 15px; display:block; width:auto; }
	.searchRe01 li .searchReBox .searchReTxt01 { display:block; width:auto; padding:0; margin:0; }
	.searchRe01 li .searchReBox .searchReTxt02 { display:block; width:auto; padding:0; margin:4px 0 8px 0; }
	.searchRe01 li .searchReTxt03 { display:block; width:auto; text-align:left; padding:0 15px 15px 15px; margin:0; }
		.searchRe01 li .searchReTxt03 button { margin:4px 4px 0 0; }

	.searchRe02 { margin:15px 0 0 0; }
	.searchRe02 li { display:block; width:auto; }
	.searchRe02 li:first-child { border-top:none; }
	.searchRe02 li .searchReBox { padding:15px 15px 0 15px; display:block; width:auto; }
	.searchRe02 li .searchReBox .searchReTxt01 { display:block; width:auto; padding:0; margin:0; }
	.searchRe02 li .searchReTxt03 { display:block; width:auto; text-align:left; padding:6px 15px 15px 15px; margin:0; }
		.searchRe02 li .searchReTxt03 button { margin:4px 4px 0 0; }

	.siteMap ul	{ margin:0 0 0 -30px; }
	.siteMap ul li { width:50%; min-height:auto; padding:0 0 30px 0; }
	.siteMap ul li .siteMapBox { margin:0 0 0 30px; }

	.resultInfo	{ margin:0; }
	/* bsh */
	.infoBox.result {
		padding: 15px;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
	#resultDiv{
		margin-left: 0 !important;
		display: flex !important;
		gap: 10px;
		flex-wrap: wrap;
	}
	.bu05_blue.ssBtn{
		width: 100%;
		margin: 0 !important;
	}
	/* end */
	.infoBox.result .resultIcon { position:relative; top:inherit; right:inherit; overflow:hidden; margin:8px 0 0 0; }
	.infoBox.result .resultIcon button { margin:0 4px 0 0; }

	.compareWrap > ul > li { width:100%; }
	.compare4L li { width:50%; }
	.compare2L li { width:100%; }
	.compareWrap { word-break:break-all; }
	.compareInfoH button.comparaBtnA { width:100%; }
	.consonantList li { width:16.666%; }
	.compareWrap > ul > li .compareBox .compareInfoH.type02 { max-height:125px; }

	.consonantList li div .consonantBtn { height:30px; font-size:14px; }

	.chartTop { font-size:14px; min-height:auto; padding:15px 20px 20px 20px; }
		.chartTop > div { margin:5px 0 5px 0; }
		.chartTop p { position:relative; right:inherit; margin:0; }
		.chartTop select { width:100%; margin:5px 0 0 0; }
	.listHalf li { float:none; width:auto; }
	.listHalf li .listHalfIn { padding:15px 0 0 0;min-width: 100%;width: 100%; }
	.listHalf li:first-child .listHalfIn { padding:0; }
				.listHalf li .listHalfTxt { margin:20px 0 0 0; }
			.listHalf li:first-child .listHalfTxt { margin:0 0 15px 0; }

	.siteMove.type02 { margin:4px 0 0 0; }
/* EOD : contentLayout */

/* mainContent */

		.bannerBtn { width:50px; height:23px; border-radius:0 0 50px 50px; }
		.bannerBtn span { font-size:14px; }
		.bannerBtn:hover span { font-size:14px; }
		.wvNumBox .wvNumBoxContainer > a { width:10px; height:10px; margin:0 3px 0 0; }
		.wvNumBoxIn > a > span { font-size:14px; }
		.wvNumBox .wvNumBoxIn { margin:-4px 0 0 0; }

	.m_contentBox { padding:0 10px; }
	.m_search { padding: 0;}
	.m_search .m_searchIn { width:auto; }
	.m_search .m_searchIn .m_searchW { display:block; padding:0 46px 0 0; margin:0px 0 0 0; }
	.m_search .m_searchIn input { width:100%; border:none; padding:0; font-size:14px; text-indent:10px; }

	.m_searchInL {display: none;}
	.m_searchInR { padding: 0 16px;margin-left: 0;border-left: none;}
		.keyWordCont h4 { margin: 22px 0 0;}
		.keyWordCont {}
		.keyWordCont .keyWord { overflow: auto;}
		.keyWordCont .keyWord ul {width:500px; margin:17px 0px 0px;}


	.Indicators {padding: 0 16px;}
		.IndicTab {top: 11px;left: 0;width: 100%;position: relative;height: 50px; border: 1px solid #ddd;border-radius: 50px;}
		.IndicTab:after {display: none;}
		.IndicTab li {float: left; width: 33.3%; margin: 0;text-align: center;border-bottom: none;}
		.IndicTab li.on {border:none;}
		.IndicTab li a {font-size: 14px; padding:0;line-height: 18px;}
		.IndicTab li a span {display: inline-block;padding-top: 7px;font-size: 13px;}
		.IndicTab li a img {display: none;}

		.IndicTab li a:before {height: 30px; position: static; display: inline-block; margin:0px 10px 2px 0px; width: 22px;height: 22px;}
		.IndicTab li.on .IndicTab1:before {background-position-x: -23px;}
		.IndicTab li.on .IndicTab2:before { width: 24px;height: 24px;top: 13px;background-position-x: -24px;}
		.IndicTab li .IndicTab3:before {width: 19px;height: 20px;top: 16px;left: 16px; margin: 0 0 2px 0; }
		.IndicTab li.on .IndicTab3:before { background-position-x: -23px;}
		.graph {margin: 20px 0 0;}

		.leftCont {float: none;width: 100%;}
			.infoCont { height: auto; margin-bottom: 10px;}
			.infoCont .infoList {margin: 90px 0 0;padding: 16px;}
			.infoCont .infoList li p {font-size: 16px;}
		.rightCont {float: none;width: 100%; margin-top: -3px;}

			.greenBg {background: url(../images/user/greenBg.png) no-repeat;background-size: cover;}
			.purpleBg {background: url(../images/user/purpleBg.png) no-repeat;background-size: cover;}
			.dirRink {position: absolute;top: 0px;left: 79px;font-size: 12px;height: 22px;line-height: 22px;}

		.bnr .swiper-container {height: auto;}
		.bnr .swiper-container-horizontal>.swiper-pagination-bullets, .bnr .swiper-pagination-custom, .bnr s.swiper-pagination-fraction { top: 12px;left: 12px;}
		.bnr .swiper-pagination-bullet-active {box-shadow: 0px 0px 2px 5px rgba(0,0,0,0.3);}
			.bnrSub {position: relative;bottom: 0; overflow: hidden;}
				.bnrSubIn {margin: 0;}
				.bnrSubIn li { width: 50%;}

				.bnrSubIn .bnrSub2:before {left: 11px;}




	.bannerBtnBox { height:25px; }

	.m_infoList { margin:10px 0 -10px 0; }
		.m_infoList .m_info > li { width:100%; float:none; }
		.m_infoList .m_info > li.first .m_infoIn { margin:0; background:url(../images/user/m_infoIn01.png) no-repeat 140% 140% #eff1f6;  }
		.m_infoList .m_info > li.third .m_infoBox li.first a .txt01 { font-size:15px; }
		.m_infoList .m_info > li.third .m_infoBox li.first a > img { right:22px; }
		.m_infoList .m_info > li.third .m_infoBox li.first a span.imgBox { right:26px; }
		.m_infoList .m_info > li.second .m_infoIn { margin:10px 0; background:url(../images/user/m_infoIn02.png) no-repeat 130% 30% #51749b; }
		.m_infoList .m_info > li.third .m_infoBox li.second a .txt01 { font-size:15px; }

		/* 2018.11.05 수정사항 반영 */
		.m_infoList .m_info > li.third .m_infoBox li.third a .txt01 { font-size:15px; }
		/* EOD : 2018.11.05 수정사항 반영 */

		.m_infoList .m_info > li.third .m_infoIn { margin:0; }
	.m_infoList .m_info > li.third .m_infoBox li.third .m_subBanner ul li > a .txt01{ font-size:15px; }

	.m_notice { clear: both; margin: 15px 0 0 0;}
	.m_notice .m_noticeL {width: 55px;}
		/* .m_notice .m_noticeL { display:none; } */
		.m_notice .m_noticeR { padding: 0 0 0 70px;border-top:1px solid #d8d8d8; background:none; }
		.m_notice .m_noticeR .date { display:none; }

	.m_notice .m_noticeR ul { padding:0 0 0 0; }
		.m_notice .m_noticeR .btnList { display:none; top:13px; }
		.m_notice .m_noticeR .btnList .btnPrev { width:22px; height:22px; font-size:12px; line-height:20px; }
		.m_notice .m_noticeR .btnList .btnNext { width:22px; height:22px; font-size:12px; line-height:20px; }
		.m_notice .m_noticeR .btnList .btnStop { width:22px; height:22px; font-size:12px; line-height:20px; }

	.m_organi { display:none; }

	.m_infoList .m_info > li.third .m_subBanner { background:#f3f3f3; }
	.m_infoList .m_info > li.third .m_subBanner ul li a { text-align:center; }
	.m_infoList .m_info > li.third .m_subBanner ul li a img { max-width:100%; }
	.m_subBanner .wvNumBox .wvNumBoxContainer { bottom:15px; }

	.m_guide h4 {font-size: 15px;}
	.m_guide ul li p {font-size: 12px;}
	.m_guide ul li a {height: 80px;}
	.guideBg1 {background-position-x: -231px;}
	.guideBg2 {background-position-x: -231px;}


/* EOD : mainContent */

/* font */
	h3 { position:relative; display:table; height:50px; font-size:17px; text-align:center; background:#0d1c2f; color:#fff; font-weight:bold; width:100%; padding:0 20px; margin:-20px 0 20px -20px; letter-spacing:0.5px; }
		h3 a { display:table-cell; width:20px; vertical-align:middle; color:#fff; font-weight:bold; font-size:24px; text-indent:-3px; }
		h3 span { display:table-cell; vertical-align:middle; line-height:1.2; position:relative; top:-2px; }
		.m_searchT {background: none;display: block;width: auto;height: auto;padding: 0;text-align: left;}
		.contT2 {font-size: 18px;}
		.contT3 {font-size: 20px;}

		.m_searchSubT br {display: none;}
/* EOD : font */

/* footer */
.footerLayout { padding:15px; overflow:hidden; min-height:auto; }
	.footerTopLeft { float:none; width:auto; overflow:hidden; }
		.footerTopLeft ul li { padding:0 10px 5px 10px; }
	.footerTopRight { float:none; width:auto; overflow:hidden; }
		.footerTopRight ul { position:relative; top:inherit; padding:5px 0 0 0; }
		.footerTopRight ul li { width:100%; padding:5px 0 0 0; line-height:0; }
		.footerTopRight ul li:first-child { padding:0; }
		.footerTopRight ul li p { margin:0; padding:0 34px 0 0; }
		.footerTopRight ul li p select { width:100%;  }

	.footerBottomBox { padding:7px 0 0 0; }
	.footerBottomBox .footerBottomLeft { float:none; width:auto; }
	.footerBottomBox .footerBottomRight { float:none; width:auto; }
		.footerBottomRight a { position:relative; top:inherit; right:inherit; margin:10px 0 0 0; }
		.footerBottomRight a img{width:70px;}
	.footerCall { display:block; font-size:14px; color:#172c46; margin:0 0 5px 0; }
	.footerCall a { font-size:16px; color:#00588a; font-weight:500; margin:0 0 0 10px; }

	.footerContBox { margin: 20px;}
		.footerContTitle { float: none;width: auto;margin-bottom: 20px;}
		.footerContSub {float: none;width: auto;}


/* EOD : footer */

/* tabBox li 홀수일 경우 빈 공간 처리 */
.tabBox ul.odd { position:relative; overflow:hidden; }
.tabBox ul.odd:after { content:''; width:50%; height:45px; position:absolute; right:0; bottom:0; border-right:1px solid #c7d3df; border-bottom:1px solid #c7d3df; background:#e5ebf1; }
	.tabBox ul li { position:relative; z-index:3; }
/* search 모바일 처리 */
.searchWrap { padding:15px; margin:15px 0 15px 0; }
	.searchWrap .searchIn { position:relative; display:block; }
		.searchWrap .searchIn select { position:absolute; left:0; top:0; width:70px; }
		.searchWrap .searchIn > span { display:block; padding:0 59px 0 69px; }
			.searchWrap .searchIn > span input { width:100%; margin:0; padding:0 10px; }
		.searchWrap .searchIn button { position:absolute; right:0; width:38px; font-size:16px; }
/* table 관련 반응형 처리 */
.table_notice tbody tr td { padding:10px 10px 10px 5px; }
.noticeR { padding:0 0 0 10px; }
.noticeL { display:block; float:left; padding:0 8px 0 0; }
.noticeL + .noticeC { display:block; margin:53px 0 0 0; padding:0; }
.noticeR .btn_Icon { margin:10px 10px 0 -10px; padding:0; }
.noticeInfo li { display:block; float:none; padding:0; }
.noticeInfo li:first-child { padding:0; }
.noticeInfo li:before { display:none; }
.table_info tbody tr th { padding:15px; }
	/* view page table */
	.headDetail { padding:15px; }
		.attachFile { padding:15px; }
		.conDeatail { padding:15px; }
	.btn_center { margin:10px 0 0 0; }
		.btn_center button { margin:5px 4px 0 0; }
	.btn_right { margin:10px 0 0 0; }
		.btn_right button { margin:5px 4px 0 0; }


	/* button */
	.btn_searchTxt span.icon-search { display:block; }
	.btn_searchTxt span.txt { display:none; }

/*font */


.mobH { display:none; }

/* new Search */
/* bsh */
.newSBox ul {
	overflow-x: auto;
    box-sizing: border-box;
    overflow-y: hidden;
}
/* end */
.newSBox ul li {    min-width: auto;}
.newSBox ul li a {padding:0px 5px;}
	.newSBoxBU {top:52px; z-index:1; font-size: 13px; line-height: 25px;}
	.newTBox {padding-top:35px;}
.newSBox ul li {min-width:auto;}
.newSBox ul li.newSBoxW {min-width:60px;}
.newTBoxIn {top:35px;}
.newTBoxIn > ul {margin:0px 5px;}
.newTBoxIn > ul > li, .newTBoxIns > ul > li {width:100%; padding:0 0 5px 0px;}
.newTBoxIn .newGuideBox {bottom:-19px; font-size:11px; left:0px; right:0px;}
.newTBox .newTList3 > li, .newTBoxs .newTList3 > li {width:100%;}
/* bsh */
	.newTBoxTopL {
		text-align: center;
		display: flex;
		gap: 5px;
	}
	.newTBoxTopInput {min-width:100px; margin-bottom:5px; flex: 1;}
	.newTBoxTopBU {min-width: 75px;margin-bottom:5px; font-size:13px;padding: 0 10px;}
	/* end */
		.newTBoxSearchBu {margin-bottom:5px;}
	.newTBoxBu {font-size:12px; line-height: 30px; display:block; width: auto; min-width: auto; line-height:120%; padding: 5px 10px;}
	.newTViewPopupIn > div:nth-child(odd) {border-right:0px;}
	.newTViewPBox1 {width:49%; height:150px; border-bottom:1px solid #a7bfd9;}
	.newTViewPBox2 {width:49%; height:150px; border-bottom:1px solid #a7bfd9;}
	.newTViewPBox3 {width:49%; height:150px; border-bottom:1px solid #a7bfd9;}
	.newTViewPBox4 {width:49%; height:150px; border-bottom:1px solid #a7bfd9;}
	.newTViewBList {height:90px; clear: both; padding-top: 5px;}
	.newTViewBList.type2 {height:90px;}
	.newTViewPopup {transition:none;}
	.newTViewPopup.on {top:-35px; height:335px;}
	.newTBoxs .newTViewPopup.on {top:3px;}
	.newTViewPopupIn {margin-top: 35px;}
	.newTViewPopup .newTViewPBoxTitle {margin: 0px 0px 0px 5px; font-size: 14px; margin: 0px 0 0 5px; display:block;}
	.newTViewPopup .newTViewPBoxBu {float:left; line-height:20px; margin:0px 5px 5px;}
	.newTViewPopup .newTViewPBoxSearchDiv {display:inline-block; margin:0px 0px 0px 5px; float:none;}
	.newTViewPopup .newTViewPBoxSearchDiv .newTBoxTopInput {min-width:85px; width:85px; line-height: 20px; height: 20px;}
	.newTViewPopup .newTViewPBoxSearchDiv .newTBoxSearchBu {font-size: 12px; width: 30px; line-height: 22px; height: 22px;}
	.newTViewPopup .newTViewPBoxSearchDiv2 {margin:0px 10px 0px;}
	.newTViewPopup .newTViewPBoxSearchDiv2 .newTBoxTopInput {min-width:85px; width:85px; line-height: 20px; height: 20px;}
	.newTViewPopup .newTViewPBoxSearchDiv2 .newTBoxSearchBu {font-size: 12px; width: 30px; line-height: 22px; height: 22px;}
	.newTViewPopup .newTViewBList {padding-top:0px;}

	.newTViewPopup .newTViewBList .newTBoxBu {padding:5px; word-break: break-all; font-size:11px;}
	.newTBoxTop {min-height:60px; position:static; margin: 10px; padding: 0px;}
	.newTBoxTop2 {height:80px;}
	.newTBoxTop2 .newTViewPBoxTitle {margin:10px 0px 0px;}
	.newTBoxTop2 .newTViewPBoxSearchDiv {margin:0px; float:none; display:block;}
	.newTBoxTop2 .newTViewPBoxSearchDiv .newTBoxTopInput {width:130px; font-size: 12px;}
		.newTBoxTopBU2 {transition:none;}
		.newTBoxTopBU2.on {top: -32px;left: 0px;margin: 0px;line-height: 25px;border-radius: 13px;}
		.newTBoxIn .newTBottomList {height: 195px; padding:0px;}
		.newTBoxIn .newTBottomList2 {height:180px; padding:0px;}
		.newBuBoxR {float:none; margin:0px 10px; height: 35px;}
		.newBuBoxR .btn_white {font-size:12px; min-height: 30px; padding: 0px 10px; width: 100%;}
		.newBuBoxR .btn_blue {font-size:12px; min-height: 30px; padding: 0px 10px; width: 100%}
		.newBuBoxR .btn_darkblue {font-size:12px; min-height: 30px; padding: 0px 10px; width: 100%}
		.newBuBox {line-height:40px; overflow:hidden;display: flex;flex-direction: column-reverse;}
		.newEndBox ul li {padding: 0px 5px 5px 0px;}
		#newTBox3 .newTBoxTop {min-height: 45px;}
		#newTBox3 .newTBottomList2  {height: 226px;}
	.newTBoxInL {width:100%; height:150px;overflow: hidden;}
	.newTBoxInL .newTBoxTop2 {min-height:52px;height: 52px;}
	.newTBoxInL .newTBoxTop2 .newTViewPBoxSearchDiv {display: inline-block; float:right; margin:10px 0px 0px 0px;}
	.newTBoxInL .newTBoxTop2 .newTViewPBoxSearchDiv .newTBoxTopInput {width:100px;}
	.newTBoxInL .newTBoxTop2 .newTViewPBoxSearchDiv .newTBoxSearchBu {width:30px; font-size:12px;}
	.newTBoxInL .newTBottomList2 {height:75px;}
	.newTBoxInR {width:100%; height:150px;}
	.newTBoxInR .newTBoxTop2 {height:52px;}
	.newTBoxInR .newTBoxTop2 .newTViewPBoxSearchDiv {display: inline-block; float:right; margin:10px 0px 0px 0px;}
	.newTBoxInR .newTBoxTop2 .newTViewPBoxSearchDiv .newTBoxTopInput {width:100px;}
	.newTBoxInR .newTBoxTop2 .newTViewPBoxSearchDiv .newTBoxSearchBu {width:30px; font-size:12px;}
	.newTBoxInR .newTBottomList {height:75px;}
	.newTBoxInR > ul > li {width:100%; padding:0px 0px 10px;}

	/*2020.01.03 추가 */
	.infoPop {top: 20px;left: 20px;bottom: 20px;right: 20px;width: auto;height: 500px;}
		.infoContentIn {height:360px;/* height: calc(100% - 117px);*/}

	.infoBox .btn_right.mbtn_r {position: relative;top: 5px;right: -4px;}
	.chartBox .chartHead button {margin-top: 5px;}
}

/*2020.01.03 추가 */
@media (max-width:568px) {
	.footerContSub {width: 100%;}
	.footerContSub li {float:none; margin: 5px 0; padding-left: 0px;}
	.footerContSubresult .resultInput {display: block;}
	.footerContSubresult .resultInput input {width: 100%;padding: 0;text-indent: 10px;box-sizing: border-box;}
	.footerContSubresult .resultbutton {display: block;}
	.footerContSub .resultbutton .btn_blue {width:100%;}

	.newBuBoxR {height: auto;padding-bottom: 10px;}
	.newBuBoxR li {float:none;margin: 5px 0;flex: 1 1 50%;}

	.newSBoxs > ul > li {min-width: 70px;}
	.newSBoxs .newSBoxContIn {padding-top:28px;}
	.newSBoxs > ul > li > a {padding: 0 6px;}
}

/* 용어사전 용어정렬 */
div.orderBy { display: inline-block; float: left; padding-top: 5px; }
.orderBy_right { float: right; }

#urlDiv1,
#urlDiv{
	animation: fake-show 1s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
@keyframes fake-show {
	from{

		opacity: 0;
	}
	to{

		opacity: 1;
	}
}
/* 용어사전 초성부분 */
.searchInitial {width: 100%; margin: 6px auto 0; padding: 4px 5px 13px 13px;
  font-family: 'Malgun Gothic', '맑은 고딕', 'Noto Sans Korean', dotum, '돋움', sans-serif;
  border: 1px solid #e1e1e1; background-color: #fff; box-sizing: border-box; text-align: left;}
.searchInitial .searchInitialScope {overflow: hidden; position: relative; right: -2px;}
/* bsh 웹접근성 */
.searchInitial .searchInitialTitle {display: block; float: left; margin: 9px 18px -5px 0; font-size: 15px; line-height: 24px; letter-spacing: -0.75px; color: #0076B8; font-weight: bold;}
/* end */
.searchInitial .searchInitialList {overflow: hidden; float: left;}
.searchInitial .searchInitialItem {position: relative; float: left; width: 24px; height: 24px; margin: 9px 8px 0 0;}
.searchInitial .searchInitialRadio {position: absolute; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer;}
.searchInitial .searchInitialLabel {display: block; width: 100%; height: 100%; color: #555; line-height: 20px; text-align: center; border: 1px solid #ddd; background-color: #f5f5f5; box-sizing: border-box; transition: all 0.232s ease-in;}

.searchInitial .searchInitialRadio:hover + .searchInitialLabel {color: #0076B8; border-color: #0076B8; background-color: #fff;}
.searchInitial .searchInitialRadio:focus + .searchInitialLabel {
	color: #0076B8;
    border-color: #0076B8;
    background-color: #fff;
    outline: 2px solid #000000;
    outline-offset: -2px; /* 라벨 안쪽으로 선이 생기게 함 */
	}
.searchInitial .searchInitialRadio:checked + .searchInitialLabel {color: #fff; border-color: #0076B8; background-color: #0076B8;}
@media all and (min-width: 768px) {
  .searchInitial {max-width: 465px;}
  .searchInitial .searchInitialScope {right: 0;}
  .searchInitial .searchInitialItem {margin-right: 2px;}

}

/*링크공유 CSS*/
.resultbutton .snsShare { position: absolute; right: 16px; display: inline-flex; vertical-align: top; }
.resultbutton .snsShare button.sns { width: 32px; height: 32px; text-indent: -999px; overflow: hidden; border: 0 none; background: center no-repeat; padding: 0; margin: 0; }
.resultbutton .snsShare button.sns:hover { opacity: .9; }
.resultbutton .snsShare button.sns+button.sns { margin-left: 5px; }
.resultbutton .snsShare button.sns.facebook { background-image: url('/template/pban/images/user/sns-facebook2.png') }
.resultbutton .snsShare button.sns.kakaotalk { background-image: url('/template/pban/images/user/sns-kakaotalk2.png') }
.resultbutton .snsShare button.sns.url { background-image: url('/template/pban/images/user/sns-url2.png') }

@media (max-width: 1099px) and (min-width: 769px) {
    .resultbutton .snsShare { right: 20px; }
}
@media (max-width: 435px) {
    .resultbutton:after { content: ''; display: block; clear: both; }
    .resultbutton .snsShare { position: relative; display: flex; right: 0; margin-top: 10px; float: right; }
}

.resultbutton .snsShare { position: absolute; right: 16px; display: inline-flex; vertical-align: top; }
.resultbutton .snsShare button.sns { width: 32px; height: 32px; text-indent: -999px; overflow: hidden; border: 0 none; background: center no-repeat; padding: 0; margin: 0; }
.resultbutton .snsShare button.sns:hover { opacity: .9; }
.resultbutton .snsShare button.sns+button.sns { margin-left: 5px; }
.resultbutton .snsShare button.sns.facebook { background-image: url('/template/pban/images/user/sns-facebook2.png') }
.resultbutton .snsShare button.sns.kakaotalk { background-image: url('/template/pban/images/user/sns-kakaotalk2.png') }
.resultbutton .snsShare button.sns.url { background-image: url('/template/pban/images/user/sns-url2.png') }

@media (max-width: 1099px) and (min-width: 769px) {
    .resultbutton .snsShare { right: 20px; }
}
@media (max-width: 435px) {
    .resultbutton:after { content: ''; display: block; clear: both; }
    .resultbutton .snsShare { position: relative; display: flex; right: 0; margin-top: 10px; float: right; }
}

.chartBox .chartHead { padding-top: 10px; padding-bottom: 10px; }
.chartBox .chartHead .circle01,
.chartBox .chartHead .circle02,
.chartBox .chartHead .circle03 { display: inline-block; vertical-align: middle; margin-top: 4px; margin-bottom: 6px; }
.chartBox .chartHead .snsShare { background: #fff; padding: 2px; border: 1px solid #a9b3be; display: inline-flex; vertical-align: middle; margin: 5px 0 5px 10px; }
.chartBox .chartHead .snsShare button.sns { width: 25px; height: 25px; text-indent: -999px; overflow: hidden; border: 0 none; background: center no-repeat; padding: 0; margin: 0; }
.chartBox .chartHead .snsShare button.sns:hover { opacity: .9; }
.chartBox .chartHead .snsShare button.sns+button.sns { margin-left: 2px; }
.chartBox .chartHead .snsShare button.sns.facebook { background-image: url('/template/pban/images/user/sns-facebook.png') }
.chartBox .chartHead .snsShare button.sns.kakaotalk { background-image: url('/template/pban/images/user/sns-kakaotalk.png') }
.chartBox .chartHead .snsShare button.sns.url { background-image: url('/template/pban/images/user/sns-url.png') }
.ui-widget.ui-widget-content{
	max-width: 100%;
	box-sizing: border-box;
}
.f-col{
	display: flex;
	flex-direction: column !important;
}