@charset "utf-8";

/* webapp/cleanup/css/sub.css */

	#container{clear:both; position:relative; width:100%; padding:0; background:url('../images/mn_bgc.jpg') no-repeat 0 0;}
	#container:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
	#container .sub_visual{clear:both; position:relative; width:100%; background: url('../images/mn_bg3w.jpg') no-repeat 0 0;}
		
	#container .sub_visual .subvisual_inner{position:relative; width:1165px; height:183px; margin:0 auto;}
	#container .sub_visual .subvisual_inner h2{color:#fff; font-size:26px; font-weight:700; padding-top:50px; line-height: 130%; letter-spacing: -0.9px; text-align:center; text-shadow: 0 3px 10px rgb(0 0 0 / 25%); font-family: 'Pretendard';}
	#container .sub_visual .subvisual_inner .subvisual_inner_text{color:#fff; font-size:15px; font-weight:400; padding-top: 5px; letter-spacing: -0.04em; text-align:center; text-shadow: 0 3px 10px rgb(0 0 0 / 35%); font-family: 'Pretendard';}
	
		@media all and (max-width:1680px){
			#container .sub_visual .subvisual_inner{width:92%;}
		}
		
		@media all and (max-width:1024px){
			#container .sub_visual .subvisual_inner{height:202px;}
			#container .sub_visual .subvisual_innerlength2 h2{padding:77px 0 83px 13px;}
		}
		
		@media all and (max-width:800px){
			#container .sub_visual .subvisual_inner{height:142px;}
			#container .sub_visual .subvisual_inner h2{font-size:2.2em; padding:37px 0 83px 13px;}
			#container .sub_visual .subvisual_inner .subvisual_inner_text{ display: none;}
		}
		
		@media all and (max-width:649px){
			#container .sub_visual .subvisual_inner h2{padding:37px 0 83px 13px;}
		}
		
		@media all and (max-width:500px){
			#container .sub_visual .subvisual_inner{height:102px;}
			#container .sub_visual .subvisual_inner h2{font-size:1.7em; padding:25px 0 0 7px;}
		}
	
	
	.snb{position: relative;
    /* left: 0; */
    top: -37px;
    /* margin-left: calc(50% - 630px); */
    width: 1260px;
    height: 83px;
    z-index: 10;
    background: linear-gradient(90.13deg, #146abd 57.90%, #1685a3 72.1%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 0 auto;}
	.snb dl{ width:100%; padding:15px 0;}

	.snb dl dd > ul{list-style:none; padding:10px 0; width:100%; /*overflow:hidden;*/ text-align:center;}
	.snb dl dd > ul > li{float:left; font-size:17px; letter-spacing: -1px; text-align:left; padding:4px 42px 0 46px; border-right:solid 1px #7baad4;}
	.snb dl dd > ul > li+li{position:relative; width:240px; text-align:left; padding:0 16px 0 46px; margin: 4px 0; vertical-align:middle;}
	.snb dl dd > ul > li+li > a{display:block; color:#fff; padding-right:15px; font-weight:500; background:url(../images/sb_arrow.png) no-repeat 90% 3px; font-family: 'Noto Sans KR'; font-size: 17px;}
	.snb dl dd > ul > li+li > a.Ov{}
	.snb dl dd > ul > li+li > a:hover{color:#fff;}

		@media all and (max-width:1680px){
			.snb{width:92%;}
		}
		
		@media all and (max-width:1279px){
			.snb{width:100%; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
		}
	
		@media all and (max-width:920px){
			.snb dl dd > ul > li{font-size:1.0em; padding:0 14px 0 14px; }
			.snb dl dd > ul > li+li{width:130px; padding:0 14px 0 14px;}
		}
		@media all and (max-width:500px){
			.snb{height: 62px;margin-top: 36px;}
			.snb dl{padding: 0;}
			.snb dl dd > ul{padding:0px 0;}
			.snb dl dd > ul > li{padding:0; width: 0px;}
			.snb dl dd > ul > li+li{width:115px; height: 55px; padding:0 2px 0 6px;}
			.snb dl dd > ul > li+li > a{display:block; color:#fff; padding-right:15px; font-weight:500; background-size: 5%; background-position:98% 7px; font-family: 'Noto Sans KR'; font-size: 13px;}
		}
		
	.snb dl dd > ul > li a > img {padding-top:5px;}
	.snb .dropdown{display:none; position:absolute; width:100%; margin:28px 0 0 -46px; z-index:99; background:#fff; border: 3px solid #146abd; border-radius:0 0 20px 20px;}
	.snb .dropdown ul{padding:20px 30px 30px 30px;}
	.snb .dropdown ul li{border-bottom:1px dotted #d5d7da; padding-left: 15px;}
	.snb .dropdown ul li a{display:block; padding:10px 0; font-size: 16px; font-weight: 500; text-align:left; color:#666; font-family: 'Noto Sans KR'; letter-spacing: -0.06em;}
	.snb .dropdown ul li:last-child a{border-bottom:none;}
	.snb .dropdown ul li a:hover{ color:#146abd;}
	
		@media all and (max-width:500px){
			.snb .dropdown{margin:18px 0 0 -15px;}
			.snb .dropdown ul{padding: 10px;}
			.snb .dropdown ul li{border-bottom:1px dotted #d5d7da; padding-left: 0px;}
			.snb .dropdown ul li a{font-size: 13px;}
			.snb .dropdown ul li a:hover{font-size: 13px;}
		}



	.snb .cnt_sns_wp{}
	.snb .cnt_sns_wp .cnt_sns{position:absolute; right:0; top:0; margin-top:31px; margin-right:48px;}	
	.snb .cnt_sns_wp .cnt_sns a{display:inline-block; width:31px; height:31px; padding:0 4px; vertical-align:top; text-indent:-99999em;}
	.snb .cnt_sns_wp .cnt_sns a.download{background:url('../images/sb_snb_sns_01.png') no-repeat 0 0; vertical-align:top;}
	/*.snb .cnt_sns_wp .cnt_sns a:hover.download{background:url('../images/sb_snb_sns_01_on.png') no-repeat 0 0; vertical-align:top;}*/
	.snb .cnt_sns_wp .cnt_sns a.url{background:url('../images/sb_snb_sns_02.png') no-repeat 0 0; vertical-align:top;}
	/*.snb .cnt_sns_wp .cnt_sns a:hover.url{background:url('../images/sb_snb_sns_02_on.png') no-repeat 0 0; vertical-align:top;}*/
	.snb .cnt_sns_wp .cnt_sns a.print{background:url('../images/sb_snb_sns_03.png') no-repeat 0 0; vertical-align:top; padding-right:0;}
	/*.snb .cnt_sns_wp .cnt_sns a:hover.print{background:url('../images/sb_snb_sns_05_o3.png') no-repeat 0 0; vertical-align:top; padding-right:0;}*/
			
		@media all and (max-width:700px){
			.snb .cnt_sns_wp .cnt_sns{display: none;}
		}

	#cnti_inner{clear:both; position:relative; width:100%; z-index: 0; background:#FFF; top: -83px;}
	#cnti_inner:after{content:""; display:block; height:0; clear:both; visibility:hidden;}

	#content{clear:both; position:relative; width:1165px; margin: 0 auto; padding-top: 5px; background:#FFF; font-family:'Noto Sans KR'; height: 100%; min-height: 700px;}
	/*h1{clear:both; position:relative; display:block; font-size:16px; font-weight:bold; color:#223f8c; line-height:1.5; letter-spacing:-0.1rem; padding:10px 0px 0px 0px; font-family:'Noto Sans KR';}*/
		
	h3{position:relative; display:block; clear:both; font-size:20px; color:#223f8c; font-weight:500; font-family:'GmarketSansBold';  padding-top: 26px; letter-spacing:-1px; background:url(../images/h3_icon.png) no-repeat 0 0; padding-bottom: 20px;}

	h4{clear:both; position:relative; display:block; font-size:20px; font-weight:bold; color:#223f8c; line-height:1.5; letter-spacing:-0.1rem; padding:10px 0px 0px 0px; font-family: 'GmarketSansBold'; text-align: center;}

	h5{clear:both; position:relative; display:block; font-size:17px; font-weight:bold; color:#223f8c; line-height:1.5; letter-spacing:-0.1rem; padding:10px 0px 0px 0px; font-family: 'Noto Sans KR';}

	.btm_line{position:relative;}
	.btm_line::after{content:""; position:absolute; bottom:0; left:0; width:100%; height:5px; background:url(../images/img_line.jpg) repeat;}
	
	#content .page_content{padding:95px 0 55px 0;}
	#content .page_content:after{content:" "; display:block; float:none; clear:both;}

	@media all and (max-width:1680px){
			#content{width:92%; margin:0 auto;}
			#content .substance{width:100%;}
		}
	
	
		@media all and (max-width:1280px){
			#content .page_content > p > img{width:100%;}
			#content .page_content > div > img{width:100%;}
		}

	

input.bdCmBtn{display:inline-block; font-size:16px; height:30px; padding:5px 10px 7px 10px; color:#424242; border:1px solid #00b6c1; background-color:#fff;}
input.bdCmBtn:hover {background:#fff; color:#000; text-decoration: none}
a.bdCmBtn span{display:inline-block; font-size:16px; height:23px; padding:5px 10px 7px 10px; background:#00b6c1; color:#fff; border:1px solid #00b6c1;}

/**/
.text_left{text-align:left !important;}
.text_right{text-align:right !important;}
.text_green{color:#018b93;}
.text_gray{color:#CCC;}
.text_red{color:#ff4200;}
.text_blue{color:#0c4a96;}
.text_yellow{color:#ff8518;}
.text_brown{color:#8c756a;}
.text_14{font-size:14px; letter-spacing:-1px;}
.text_16{font-size:16px; letter-spacing:-1px;}
.text_20{font-size:20px; letter-spacing:-1px;}
.text_28{font-size:28px; letter-spacing:-1px;}
.text_bold{font-weight:500;}
.text_height200{line-height:200%;}
.text_height180{line-height:180%;}
.text_height150{line-height:150%;}
.float_r{float:right;}
.caution{font-size:15px; font-weight:normal; line-height:180%; padding:0 0 5px 22px !important; margin:5px 0 !important;}
.pad_l12{padding-left:12px;}
.pad_t10{padding-top:10px;}
.pad_t20{padding-top:20px;}
.pad_t30{padding-top:30px;}
.pad_t40{padding-top:40px;}
.pad_b40{padding-bottom:40px;}
.pad_b30{padding-bottom:30px;}
.pad_b20{padding-bottom:20px;}
.pad_b10{padding-bottom:10px;}
.mar_t10{margin-top:10px;}
.mar_t20{margin-top:20px;}
.mar_t40{margin-top:40px; margin-bottom: 10px;}
.mar_b10{margin-bottom:10px;}
.mar_b40{margin-bottom:40px;}
.mar_left10{margin-left:10px;}
.mar_left40{margin-left:40px;}

strong{font-weight:700;}
.list_none{list-style:none;}
.line_solid	{clear:both; display:block; border-bottom:1px solid #dadada;}
.line_dashed{clear:both; display:block; margin:40px 0; border-bottom:1px dashed #dadada;}
.line_dotted{clear:both; display:block; margin:40px 0; border-bottom:1px dotted #dadada;}
.line_dotted2{clear:both; display:block; margin:0px 0px 90px 0px; border-bottom:1px dotted #dadada;}
.line_double{clear:both; display:block; margin:20px 0; border-bottom:3px double #eaeaea;}
.line_solid_t2{clear:both; display:block; margin-bottom:20px; border-top:2px solid #667484;}
.line_solid_b2{clear:both; display:block; border-bottom:2px solid #667484;}
.line_solid_b1{clear:both; display:block; margin:20px 0; border-bottom:1px solid #667484;}
.unline a{text-decoration:none;}
.unline a:hover{text-decoration:underline;}
.cir {position:relative; width:8.6rem; height:8.6rem; border-radius:50%; background-color:#F6F6F6; margin:0 auto 2rem;}
.cir > img, .cir > .img {position:absolute; top:40%; left:50%; transform:translate(-40%, -50%); -webkit-transform:translate(-40%, -50%);}
p.point_box{border:1px solid #CCC; padding:15px 25px; margin:10px 0; font-size:16px; line-height:1.7; border-radius:10px;}
details{}
summary::marker{content:" ";}




/*     */

.txtteb{width:100%; border-top: 1px;}
	.txtteb:after,
	.txtteb:after {content:" "; display:block; float:none; clear:both;}
	.txtteb ul{display:table; width:100%; overflow:hidden; /*table-layout:fixed;*/ text-align:center;}
	.txtteb li{display:table-cell; min-width:16.6666%; word-break:break-all !important;}
	.txtteb a{    display: block; padding: 18px 15px 15px 15px; color: #6f6f6f;font-size: 16px;
    text-decoration: none;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    font-weight: 600;
    background-color: #ffffff;}
	.txtteb a img{vertical-align:middle; margin:-2px 0 0 3px;}
	.txtteb li:first-child a{border-left-width:1px solid #d9d9d9;}
	.txtteb li a:hover{color:#f39700;}
	.txtteb li.Ov a{background-color: #96bd02;
    border-color: #96bd02;
    color: #fff;
    text-decoration: none;}
	.txtteb li:nth-child(1) a,
	.txtteb li:nth-child(2) a,
	.txtteb li:nth-child(3) a,
	.txtteb li:nth-child(4) a,
	.txtteb li:nth-child(5) a,
	.txtteb li:nth-child(6) a,
	.txtteb li:nth-child(7) a,{border-top-width:1px}
	.txtteb li:nth-child(7n+1) a{border-left: 1px solid #d9d9d9;}


	/* Tablet-1024px  댄븯  댁긽 꾩뿉    댁꽍 섎뒗 肄붾뱶 */
		@media all and (max-width:612px){
			.txtteb ul{background-color: #ffffff; border-left: 1px solid #d9d9d9;}
			.txtteb li{display:table-cell;float:left;min-width:33.3333%;}			
}
		@media all and (max-width:546px){
	        .txtteb li:nth-child(1) a, { border-top: 1px;}
	        .txtteb li:nth-child(2) a, {border-top: 1px;}
			.txtteb li{min-width:50%;}	
		}




/* tab */
.tab_txt{width:100%; border-top: 1px;}
.tab_txt,
.tab_txt:after{content:" "; display:block; float:none; clear:both;}
.tab_txt ul{display:table; width:100%; margin:25px 0 45px 0;  overflow:hidden; text-align:center;}
.tab_txt li{display:table-cell; min-width:16.6666%; word-break:break-all !important;}
.tab_txt > ul > li{display:table-cell; min-width:16.6666%; word-break:break-all !important; background:#fff; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; border-top:0px solid #d9d9d9;}
.tab_txt > ul > li a{display:block; padding:15px 15px 12px 15px; color:#6f6f6f; font-size:17px; text-decoration:none; font-weight:500; letter-spacing: -1px;}
.tab_txt > ul > li:first-child{border-left:1px solid #d9d9d9;}
.tab_txt > ul > li a:hover{color:#146abd; background:#f4f4f4;}
.tab_txt > ul > li.on a{background:#146abd; border-color:#146abd; color:#fff; text-decoration:none;}
.tab_txt > ul > li.on a:hover{color:#fff; text-decoration:none;}

.tab_txt > ul > li:nth-child(1) a,
.tab_txt > ul > li:nth-child(2) a,
.tab_txt > ul > li:nth-child(3) a,
.tab_txt > ul > li:nth-child(4) a,
.tab_txt > ul > li:nth-child(5) a,
.tab_txt > ul > li:nth-child(6) a,
.tab_txt > ul > li:nth-child(7) a{border-top-width:1px;}
.tab_txt > ul > li:nth-child(7n+1) a{border-left-width:1px;}

			

	@media all and (max-width:612px){
			.tab_txt ul{background-color: #ffffff; border-left: 1px solid #d9d9d9;}
			.tab_txt li{display:table-cell; float:left;  min-width:33.3333%;}
}
		
		@media all and (max-width:546px){
	        .tab_txt li:nth-child(1) a, {border-top: 1px;}
	        .tab_txt li:nth-child(2) a, {border-top: 1px;}
			.tab_txt li{min-width:50%;}	
		}

	.tab_txt > ul > li img {
    padding-left: 5px;
    padding-bottom: 3px;
    vertical-align: middle;
    width: px;
    height: px;}

/* tab */
.tab_txt2{ width:100%;}
.tab_txt2:after{content:" "; display:block; float:none; clear:both;}
.tab_txt2 > ul{display:table; width:100%; margin-top:45px; table-layout:fixed; overflow:hidden; text-align:center;}
.tab_txt2 > ul > li{display:table-cell; min-width:16.6666%; word-break:break-all !important; background:#fff; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; border-top:1px solid #d9d9d9;}
.tab_txt2 > ul > li a{display:block; padding:15px 15px 12px 15px; color:#6f6f6f; font-size:17px; text-decoration:none; font-weight:500; letter-spacing: -1px;}
.tab_txt2 > ul > li:first-child{border-left:1px solid #d9d9d9;}
.tab_txt2 > ul > li a:hover{color:#fbfdfd;}
.tab_txt2 > ul > li.on a{background:#146abd; border-color:#146abd; color:#fff; text-decoration:none;}
.tab_txt2 > ul > li:nth-child(1) a,
.tab_txt2 > ul > li:nth-child(2) a,
.tab_txt2 > ul > li:nth-child(3) a,
.tab_txt2 > ul > li:nth-child(4) a,
.tab_txt2 > ul > li:nth-child(5) a,
.tab_txt2 > ul > li:nth-child(6) a,
.tab_txt2 > ul > li:nth-child(7) a{border-top-width:1px;}
.tab_txt2 > ul > li:nth-child(7n+1) a{border-left-width:1px;}

			@media all and (max-width:637px){
				.tab_txt2 a{padding:15px 0px;}
			}
			@media all and (max-width:480px){
				.tab_txt2 li{display:table-cell; min-width:25%;}
				.tab_txt2 a{padding:15px 0px; font-size:14px; letter-spacing:-1px;}
			}
			@media all and (max-width:392px){
			}


	.tab_txt2 > ul > li img {
    padding-left: 5px;
    padding-bottom: 3px;
    vertical-align: middle;
    width: px;
    height: px;}

/* 텝 */
/* tab */

.tab_txt:after{content:" "; display:block; float:none; clear:both;}
.tab_txt ul{display:table; width:100%; overflow:hidden; text-align:center; border-top:1px solid #dde0e8; border-left:1px solid #dde0e8;}
.tab_txt ul li{display:table-cell; min-width:16.6666%; word-break:break-all;}
.tab_txt a{display:block; padding:14px 15px 12px 15px; color:#8f98a4; font-size:15px; letter-spacing:-1px; background-color:#fff; text-decoration:none; }
.tab_txt ul li:first-child a{border-left-width:1px;}
.tab_txt ul li a:hover{color:#008adf; border-color:#3c55b0; border-left-width:1px;}
.tab_txt ul li a.on{background-color:#1469bc; border-color:#114291; color:#fff; text-decoration:none;}
			
			@media all and (max-width:612px){
				.tab_txt ul li{float:left; width:99%;}
				.tab_txt a{font-size:15px; padding:14px 5px 12px 5px;}
			}

			@media all and (max-width:580px){
				.tab_txt ul li{float:left; width:%;}
				.tab_txt a{font-size:15px; padding:14px 5px 12px 5px;}
			}
			@media all and (max-width:480px){
				.tab_txt li{display:table-cell; min-width:25%;}
				.tab_txt2 a{padding:15px 0px; font-size:14px; letter-spacing:-1px;}
			}

/* tab */
.tab_txt6{margin-bottom:33px; clear:both;}
.tab_txt6:after{content:" "; display:block; float:none; clear:both;}
.tab_txt6 ul{display:table; width:100%; overflow:hidden ;text-align:center; border-top:1px solid #dde0e8; border-left:1px solid #dde0e8;}
.tab_txt6 ul li{display:table-cell; float:left; width:16.6666%; word-break:break-all;}
.tab_txt6 a{display:block; padding:14px 15px 12px 15px; color:#8f98a4; font-size:15px; letter-spacing:-1px; background-color:#fff; text-decoration:none; border-right:1px solid #dde0e8; border-left:1px solid #f5f6fa; border-top:1px solid #f5f6fa; border-bottom:1px solid #dde0e8;}
.tab_txt6 ul li:first-child a{border-left-width:1px;}
.tab_txt6 ul li a:hover{color:#008adf; border-color:#3c55b0; border-left-width:1px;}
.tab_txt6 ul li a.on{background-color:#3c55b0; border-color:#114291; color:#fff; text-decoration:none;}
			@media all and (max-width:1628px){
				.tab_txt6 ul li{width:20%;}
			}
			@media all and (max-width:870px){
				.tab_txt6 ul li{width:25%;}
			}
			@media all and (max-width:700px){
				.tab_txt6 ul li{width:33.2%;}
			}
			@media all and (max-width:531px){
				.tab_txt6 ul li{width:49.9%;}
				.tab_txt6 a{font-size:15px;}
			}

/* tab */
.tab_openinfo:after,
.tab_list:after {content:" "; display:block; float:none; clear:both;}
.tab_openinfo{margin-bottom:33px;}
.tab_openinfo ul{display:table; width:100%; overflow:hidden; table-layout:fixed; text-align:center;}
.tab_openinfo li{display:table-cell; min-width:16.6666%;  word-break:break-all !important; border-right:1px dashed #cbcbd3;}
.tab_openinfo li:last-child{border-right:none;}
.tab_openinfo li a{display:block; padding:91px 15px 12px 15px; height:23px; color:#8f98a4; font-size:15px; letter-spacing:-1px; background:url('/images/open_info_tab_01_on.png') no-repeat center 19px #e5e7ee; text-decoration:none; border-top:1px solid #e5e7ee; border-bottom:1px solid #e5e7ee;}
.tab_openinfo li+li a{background:url('/images/open_info_tab_02.png') no-repeat center 19px #f4f5f9;}
.tab_openinfo li+li+li a{background:url('/images/open_info_tab_03.png') no-repeat center 19px #f4f5f9;}
.tab_openinfo li+li+li+li a{background:url('/images/open_info_tab_04.png') no-repeat center 19px #f4f5f9;}
.tab_openinfo li+li+li+li+li a{background:url('/images/open_info_tab_05.png') no-repeat center 19px #f4f5f9;}
.tab_openinfo li+li+li+li+li+li a{background:url('/images/open_info_tab_06.png') no-repeat center 19px #f4f5f9;}
.tab_openinfo li+li+li+li+li+li+li a{background:url('/images/open_info_tab_07.png') no-repeat center 19px #f4f5f9;}
.tab_openinfo li a:hover{color:#3c55b0; border:1px solid #3c55b0;}
.tab_openinfo li a.on{background-color:#3c55b0; border-color:#3c55b0; color:#fff; text-decoration:none;}

		@media all and (max-width:931px){
				.tab_openinfo li{float:left; width:24.8%;}
		}
		
		@media all and (max-width:549px){
				.tab_openinfo li{float:left; width:24%;}
				.tab_openinfo li a{padding:91px 5px 12px 5px; font-size:1.0rem; line-height:1.2;}
		}
		@media all and (max-width:480px){
				.tab_openinfo li{float:left; width:24%;}
				.tab_openinfo li a{padding:71px 5px 12px 5px; height:23px; background-size:50%;}
				.tab_openinfo li+li a{background-size:50%;}
				.tab_openinfo li+li+li a{background-size:50%;}
				.tab_openinfo li+li+li+li a{background-size:50%;}
				.tab_openinfo li+li+li+li+li a{background-size:50%;}
				.tab_openinfo li+li+li+li+li+li a{background-size:50%;}
				.tab_openinfo li+li+li+li+li+li+li a{background-size:50%;}				
		}


/* btn */
a.btn_d		{-webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease-out;	-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;  text-decoration:none;}
.btn_d		{display:inline-block; *zoom:1; cursor:pointer; white-space:nowrap; text-align:center; vertical-align:middle; line-height:1.4; border-style:solid; border-radius:10px; border-width:1px; padding:5px 10px; margin:0 0 3px 0;}
button.btn_d,
input[type="submit"],
input[type="button"]{cursor:pointer;}

.btn_d.btn_small {font-size:15px; padding:10px 12px; color:#fff; border-color:#00b6c1; background-color:#00b6c1; font-weight:bold; opacity:0.9;}
.btn_d.btn_small:hover {background:#fff; color:#00b6c1; font-weight:bold; order-color:#00b6c1; opacity:0.9;}
.btn_d.btn_small.cancel {font-size:15px; padding:10px 12px; color:#fff; border-color:#8e8e8e; background-color:#8e8e8e; font-weight:bold; opacity:0.9;}

.btn_d.btn_xsmall {font-size:13px; padding:5px 19px; color:#fff; border-color:#4981e7; background-color:#4981e7; font-weight:500; opacity:0.9;}
.btn_d.btn_xsmall:hover {background:#fff; color:#4981e7; font-weight:500; border-color:#4981e7}

.btn_d.btn_xsmall2 {font-size:15px; padding:10px 40px; color:#424242; border-color:#d1d1d1; background-color:#ffffff; border-radius: 0%; font-weight:500; opacity:0.9; margin-right: 4px;}
.btn_d.btn_xsmall2:hover {background:#fff; color:#146abd; font-weight:500; border-color:#146abd;}
.btn_d.btn_xsmall2 img {
    padding-left: 5px;
    padding-bottom: 4px;
    vertical-align: middle;}

.btn_d.btn_xgreensmall {background:#fff; border: 1px solid #223f8c; font-size:15px; padding:10px 19px; color:#fff;  font-weight:500; opacity:0.9;}
.btn_d.btn_xgreensmall:hover {border-color:#223f8c; background-color:#223f8c; color:#fff; font-weight:500;}
.xgreensmall_box{width: 100%; text-align: right; padding-top:45px;}
.btn_d.btn_xgreensmall > a {color:#424242;}
.btn_d.btn_xgreensmall > a:hover {color:#fff;}


.btn_d.btn_xxsmall {font-size: 13px;
    padding: 2px 8px;
    color: #1685a3;
    border-color: #1685a3;
    background-color: #ffffff;
    font-weight: 500;
    vertical-align: middle;
    border-radius: 5px;
    margin-left: 6px;}
.btn_d.btn_xxsmall:hover {background:#1685a3; color: #fff; font-weight:bold; border-color:#1685a3;}

.btn_d.yellow{color:#6e5540; background:#fab54b; border-color:#fab54b;}
.btn_d.yellow:hover {background:#fff; color:#fab54b; border-color:#fab54b;}

.btn_d.disabled{color:#fff; background:#ddd; border-color:#ddd;}
.btn_d.disabled:hover {background:#ddd; color:#fff; border-color:#ddd;}

.btn_d.btn_xsmall_black {font-size:13px; padding:5px 19px; color:#1685a3; border-color:#1685a3; background-color:#fff; word-break:break-all; font-weight:bold; border-radius:5px;}
.btn_d.btn_xsmall_black:hover {background:#1685a3; color:#fff; font-weight:bold; border-color:#1685a3;}

.btn_d.btn_xsmall_black2 {font-size:13px; padding:5px 19px; color:#1685a3; border-color:#1685a3; background-color:#fff; word-break:break-all; font-weight:bold; border-radius:5px; width: 100px;margin: 4px 6px;}
.btn_d.btn_xsmall_black2 > a {color:#1685a3;}
.btn_d.btn_xsmall_black2:hover {background:#1685a3; color: #fff; font-weight:bold; border-color:#1685a3;}
.btn_d.btn_xsmall_black2:hover > a {color:#fff;}
.btn_d.btn_xsmall_black2 img {
    padding-left: 5px;
    padding-bottom: 4px;
    vertical-align: middle;}



/*ul리스트*/
.list_txtblue{position: relative;  display: block;}
.list_txtblue > li{ padding: 10px 0; font-size: 16px; color:#1380a9; line-height: 150%; letter-spacing: -1px; font-weight: 500;}
.list_txtblue > li .list_txtblue_bt{padding:10px 0;}
.list_txtblue > li .list_txtblue_bt > li{ color: #474747; padding: 4px 0 4px 11px; font-size: 15px; line-height: 150%;}
.list_txtblack{margin: 6px 0;}
.list_txtblack > li{ position: relative;  padding: 0; position: relative; padding: 4px 0 4px 11px; font-size: 16px; font-family:'GmarketSansMedium'; color:#292929; line-height: 140%; letter-spacing: -1px; font-weight: 700;}
.list_txtblack > li:before{content:''; position:absolute; left:0; top:0; width: 3px; height: 3px; margin-top: 12px;  border-radius: 100%; background: #292929;}
.list_txtblack > li .list_txtblack_bt{padding:10px 0;}
.list_txtblack > li .list_txtblack_bt > li{ color: #474747; padding: 4px 0; font-size: 15px; font-weight: 400; line-height: 150%; font-family:'Noto Sans KR'}
.list_txtblack > li .list_txtblack_bt > li > strong{font-weight:700;}

/*작은 동그라미 블릿 리스트*/
.list_01{margin:0 0 10px 10px;}
.list_01 > li{clear:both;position:relative;padding: 4px 0 4px 17px;font-size:15px;line-height:180%;font-weight:500; color: #1f1f1f; letter-spacing: -0.06em;}
.list_01 > li:before{content:""; display:block; position:absolute; top:0; left:0; margin-top:12px; width:5px; height:5px; border-radius:50%; border:4px solid #00b6c1;}
.list_01 .list_01_01{margin:6px 0;padding:0;}
.list_01 .list_01_01 > li{position:relative; padding:3px 0 3px 13px; font-size:15px; line-height:180%; font-weight:400; color: #323232; letter-spacing: -0.06em;}
.list_01 .list_01_01 > li:before{content:"";display:block;position:absolute;left:1px;top:17px;width:6px;height:2px;background:#00b6c1;}
.list_01 .list_01_01_01{margin:6px 0; padding:0;}
.list_01 .list_01_01_01 > li{position:relative; padding:3px 0 3px 13px; font-size:15px; line-height:140%; font-weight:400;}
.list_01 .list_01_01_01 > li:before{content:""; display:block; position:absolute; left:2px; top:13px; width:3px; height:3px; background:#999;}
.list_01 .list_01_01_01_01{margin:6px 0; padding:0;}
.list_01 .list_01_01_01_01 > li{position:relative; padding:3px 0 3px 13px; font-size:15px; line-height:140%; font-weight:400;}
.list_01 .list_01_01_01_01 > li:before{content:""; display:block; position:absolute; left:1px; top:13px; width:6px; height:1px; background:#323232;}

	@media all and (max-width:911px){
		.list_01 .list_01_01_pic > p{width:30%;}
	}
	@media all and (max-width:740px){
		.list_01 > li{font-size:1.0rem;}
		.list_01 .list_01_01_pic > p{ width:40%;}
		.list_01 .list_01_01 > li{font-size:1.0rem;}
		.list_01 .list_01_01_01 > li{font-size:1.0rem;}
		.list_01 .list_01_01_01_01 > li{ font-size:1.0rem;}
	}
	@media all and (max-width:580px){
		.list_01 .list_01_01_pic > p{ width:100%; margin-bottom:15px;}
		.list_01 .list_01_01_pic li{margin-left:0;}
	}

/*큰 동그라미 블릿 리스트*/
.list_02{margin:5px 0 25px 0; text-align: left;}
.list_02 > li{position:relative; padding:4px 0 4px 16px; font-size:15px; line-height:180%; color:#323232; font-weight:400; letter-spacing: -0.06em;}
	
@media all and (max-width:740px){
 .list_02 > li { width:100%;}
 .list_02 > li{ font-size:1.0rem;}
}

.list_02 > li:before{content:''; position:absolute; top:0; left:0; margin-top:14px; margin-left:4px; width:5px; height:5px; background:#4981e7; border-radius:10px;}
.list_02 > li .list_02_01{margin:6px 0; padding:0;}
.list_02 > li .list_02_01 > li{position:relative; padding: 0px 0 3px 13px; font-size:15px; color:#323232; font-weight:400; line-height:1.8;}
.list_02 > li .list_02_01 > li:before{    content: ""; display: block; position: absolute; left: 1px; top: 13px; width: 6px; height: 1px; background: #333;}
.list_02 > li .list_02_01 > li > .list_02_01_01{margin:6px 0; padding:0;}
.list_02 > li .list_02_01 > li > .list_02_01_01 > li{position:relative; padding:3px 0 3px 13px; font-size:15px; line-height:170%;}
.list_02 > li .list_02_01 > li > .list_02_01_01 > li:before{content:""; display:block; position:absolute; left:1px; top:16px; width:6px; height:1px; background:#333;}
.list_02 > li .list_02_01 > li > .list_02_01_02{margin:6px 0; padding:0;}
.list_02 > li .list_02_01 > li > .list_02_01_02 > li{position:relative; padding:3px 0 3px 13px; font-size:15px; line-height:170%;}
.list_02 > li .list_02_01 > li .list_02_01_01_01{margin:4px 0; padding:0;}
.list_02 > li .list_02_01 > li .list_02_01_01_01 > li{position:relative; padding:3px 0 3px 20px; font-size:15px; line-height:170%;}
	
@media all and (max-width:740px){
 	.list_02 > li img{ width:100%;}
 	.list_02 > li .list_02_01 > li{font-size:1.0rem;}
	.list_02 > li .list_02_01 > li > .list_02_01_01 > li{font-size:1.0rem;}
	.list_02 > li .list_02_01 > li .list_02_01_01_01 > li{font-size:1.0rem;}
}

/*작은네모 블릿 리스트*/
.list_03{margin:5px 0 5px 10px; text-align: left; font-weight: 500;font-size: 15px; letter-spacing: -0.03em; color: #4d4d4d;}
.list_03 > li{position:relative; padding:4px 0 4px 16px; font-size:15px; line-height:180%; color:#323232; font-weight:400; letter-spacing: -0.06em;}
.list_03 > li:before{content:''; position:absolute; top:0; left:0; margin-top:14px; margin-left:4px; width:5px; height:5px; background:#4981e7; border-radius:10px;}
.list_03 > li .list_03_01{margin:6px 0; padding:0;}
.list_03 > li .list_03_01 > li{position:relative; padding: 0px 0 3px 13px; font-size:15px; color:#474747; font-weight:400; line-height:1.8;}
.list_03 > li .list_03_01 > li:before{    content: "";
    display: block;
    position: absolute;
    left: 1px;
    top: 13px;
    width: 6px;
    height: 1px;
    background: #333;}

.list_03 > li .list_03_01 > li > .list_03_01_01{margin:6px 0; padding:0;}
.list_03 > li .list_03_01 > li > .list_03_01_01 > li{position:relative; padding:3px 0 3px 13px; font-size:15px; line-height:170%;}
.list_03 > li .list_03_01 > li > .list_03_01_01 > li:before{content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 15px;
    width: 3px;
    height: 3px;
    background: #999;}
.list_03 > li .list_03_01 > li > .list_03_01_02{margin:6px 0; padding:0;}
.list_03 > li .list_03_01 > li > .list_03_01_02 > li{position:relative; padding:3px 0 3px 13px; font-size:15px; line-height:170%;}
.list_03 > li .list_03_01 > li .list_03_01_01_01{margin:4px 0; padding:0;}
.list_03 > li .list_03_01 > li .list_03_01_01_01 > li{position:relative; padding:3px 0 3px 20px; font-size:15px; line-height:170%;}
	
@media all and (max-width:740px){
 .list_03 > li img{ width:100%;}}


/*페이징*/			
.ListBoardWrap .boardButtonMove{float:left; padding:24px 0 0 0;}
.ListBoardWrap .boardButton{float:right; padding:24px 0 0 0;}
.ListBoardWrap .boardPaging{width:100%; margin:25px 0 30px 0; text-align:center; vertical-align:middle; color:#666; font-size:14px;}
.ListBoardWrap .boardPaging a,
.ListBoardWrap .boardPaging b{display:inline-block; width:25px; height:25px; padding-right:2px; line-height:25px; margin-right:3px; color:#666; text-decoration:none; border:1px solid #aaa; border-radius:2px; -webkit-transition: 0.2s all; transition: 0.2s all; font-weight:normal; letter-spacing:-2px;}
.ListBoardWrap .boardPaging a.listBtn{background:#eee;}
.ListBoardWrap .boardPaging b,
.ListBoardWrap .boardPaging a:hover{color:#fff; background:#555; border:1px solid #555;}

/* table */
.tbl_area{position:relative; clear:both; word-break:break-all !important; margin: 15px 0px; font-family: 'Noto Sans KR';}
.tbl_gray1{border-collapse:separate; margin-left:-1px; width:100%; border-bottom: 1px solid #4f6a84;
    border-top: 2px solid #0b3d6e;}
.tbl_gray1 thead th {background:#f7f9fc; font-size:15px; padding:15px 10px; border-left:1px solid #ddd; border-bottom:1px solid #0b3d6e; text-align:center; font-weight:bold;}
.tbl_gray1 thead th:first-child{border-left:none;}
.tbl_gray1 thead th.le_bo_none,
.tbl_gray1 tbody th.le_bo_none,
.tbl_gray1 thead td.le_bo_none,
.tbl_gray1 tbody td.le_bo_none{border-left:none;}
.tbl_gray1 thead th.le_bo,
.tbl_gray1 tbody th.le_bo,
.tbl_gray1 thead td.le_bo,
.tbl_gray1 tbody td.le_bo{border-left:1px solid #ddd !important;}
.tbl_gray1 tbody th {background:#fbfdfd; font-size:15px; font-weight:bold;}
.tbl_gray1 tbody th {text-align:left;}
.tbl_gray1 tbody th:first-child,
.tbl_gray1 tbody td:first-child{border-left:none;}
.tbl_gray1 tbody td, .tbl_gray1 tfoot td {background:#fff; font-size:15px; }
.tbl_gray1 tbody th, .tbl_gray1 tbody td, .tbl_gray1 tfoot th, .tbl_gray1 tfoot td { border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:10px;/* word-break:break-all;*/}
.tbl_gray1 tbody td.tbltext_le{ text-align:left;}

		@media all and (max-width:580px){
			.tbl_area {overflow-x: auto !important;}
			.tbl_gray1{overflow-x: scroll; width:570px !important;}
			.tbll_gray1 thead th {font-size:1.0rem;}
			.tbl_gray1 tbody th {font-size:1.0rem;}
			.tbl_gray1 tbody td, .tbl_gray1 tfoot td {font-size:1.0rem;}
		}

/* table */
.table_unit{text-align:right;}
.table_unit span{position:relative; padding-left:32px; font-size:16px; line-height:24px; color:#292929; letter-spacing:-0.025em;}
.table_unit i{position:absolute; top:2px; left:0; width:20px; height:20px; border-radius:7px; background-color:#fff; text-align:center; font-size:14px; line-height:20px; color:#4688e3; box-shadow:0 0 12px 0 rgba(139, 186, 234, 0.3);}
.table_unit + .table, .table_unit + .table_scroll{margin-top:12px;}
.table.fixed{table-layout:fixed;}
.table_board.break td, .table_board.break th{word-break:break-all;}
.table_board{position:relative; width:100%; margin:15px 0; background-color:#fff; border-bottom:1px solid #dedede; text-align:center;}
.table_board thead tr:first-child{}
.table_board thead{border-bottom:1px solid #4f6a84; border-top:2px solid #0b3d6e;}
/*.table thead:before{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#4f6a84;}*/
.table_board td,.table_board th{border-width:0; border-style:solid; border-color:#dedede; letter-spacing:-0.035em;}
.table_board th:last-child{border-right:none; border-left-width:1px;}
.table_board th:first-child{border-left:none;}
.table_board thead th{padding:12px 10px; background-color:#f7f9fc; border-top-width:1px; border-right-width:1px; border-left-width:1px; font-size:16px; line-height:24px; color:#0b3d6e; letter-spacing:-0.025em; font-weight:600; word-break:keep-all;}
.table_board thead tr:nth-child(n + 2) th{background-color:#fbfdfd; font-size:15px; color:#212121; font-weight:400;}
.table_board tbody:before{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#0b3d6e;}
.table_board tbody th{padding:13px 10px; background-color:#fbfdfd; border-bottom-width:1px; border-right-width:1px; font-size:15px; line-height:22px; color:#1f1f1f; font-weight:500;}
.table_board td{padding:13px 10px 10px 18px; border-bottom-width:1px; border-left-width:1px; border-right-width:1px; color:#323232; font-size:15px; line-height: 180%; letter-spacing: -0.06em;font-weight: 400;}
.table_board td:first-child{border-left-width:0;}
.table_board td:last-child{border-right:none;}
.table_board td .bu > li{font-size:15px;}
.table_board td .bu > li:before {top:7px;}
.table_board td .blt{font-size:15px;}
.table_board tfoot th{border-right:1px solid #dedede; border-bottom-width:1px; padding:12px 10px; background-color:#f7f9fc;}
.table_board tfoot td{border-right:1px solid #dedede; padding:12px 10px;}

.table_board.type2 tbody tr:first-child{border-top:2px solid #0b3d6e; }
.table_board.type2 tbody th{font-weight:600; color:#0b3d6e;}

/* table */
.table_board_top {position:relative; width:100%; margin:15px 0; background-color:#fff; border-bottom:1px solid #dedede; text-align:center; border-top: 2px solid #0b3d6e;}
.table_board_top thead tr:first-child{}
.table_board_top thead{border-bottom:1px solid #4f6a84; border-top:2px solid #0b3d6e;}
/*.table thead:before{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#4f6a84;}*/
.table_board_top td,.table_board_top th{border-width:0; border-style:solid; border-color:#dedede; letter-spacing:-0.035em;}
.table_board_top th:last-child{border-right:none; border-left-width:1px;}
.table_board_top th:first-child{border-left:none;}
.table_board_top thead th{padding:12px 10px; background-color:#f7f9fc; border-top-width:1px; border-right-width:1px; border-left-width:1px; font-size:16px; line-height:24px; color:#0b3d6e; letter-spacing:-0.025em; font-weight:600; word-break:keep-all;}
.table_board_top thead tr:nth-child(n + 2) th{background-color:#fbfdfd; font-size:15px; color:#212121; font-weight:400;}
.table_board_top tbody:before{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#0b3d6e;}
.table_board_top tbody th{padding:13px 10px; background-color:#f7f9fc; border-bottom-width:1px; border-right-width:1px; font-size:15px; line-height:22px; color:#1f1f1f; font-weight:500;}
.table_board_top td{padding:18px 10px 18px 18px; border-bottom-width:1px; border-left-width:1px; border-right-width:1px; color:#323232; font-size:15px; line-height: 180%; letter-spacing: -0.06em;}
.table_board_top td:first-child{border-left-width:0;}
.table_board_top td:last-child{border-right:none;}
.table_board_top td .bu > li{font-size:15px;}
.table_board_top td .bu > li:before {top:7px;}
.table_board_top td .blt{font-size:15px;}
.table_board_top tfoot th{border-right:1px solid #dedede; border-bottom-width:1px; padding:12px 10px; background-color:#f7f9fc;}
.table_board_top tfoot td{border-right:1px solid #dedede; padding:12px 10px;}

@media screen and (max-width: 767px){
	.table_board_top thead th{ font-size:1.0rem;}
	.table_board_top thead tr:nth-child(n + 2) th{ font-size:1.0rem;}
	.table_board_top td{ font-size:1.0rem;}
	.table_board_top tbody th{font-size:1.0rem;}
	.table_board_top td .bu > li{font-size:1.0rem;}
	.table_board_top td .blt{font-size:1.0rem;}
}
@media screen and (max-width: 767px){
    .table_board, .table_board tbody, .table_board tr, .table_board th, .table_board td {display:block;}
    .table_board {border-bottom:none;}
    .table_board thead {display:none;}
    .table_board tr {margin-bottom:15px;}
    .table_board th, .table_board td {text-align: left;}
    .table_board tbody {border-top:2px solid #4f6a84;}
	.table_board tbody th {display: none;}
    .table_board tbody td {font-size: 14px;}
    .table_board th:first-child, .table_board td:first-child {border-top: 1px solid #d5d5d5;}
    .table_board td{border-left:none; border-right:none;}
    .table_board th, .table_board td {position: relative; padding-left: 140px;}
    .table_board th:before, .table_board td:before {content:attr(title); display:inline-flex; position:absolute; top:0; left:0; width:120px; height:100%; padding:0 5px; background:#f7f9fc; font-weight:600; text-align:center; align-items:center; justify-content:center;}
    .table_board.notitle th:before, .table_board.notitle td:before {content: attr(date-title);}
    .table_board .textover {width: 100%; white-space: inherit;}

    .board-info-group {display: none;}
    .board-search {width: 100%;}
    .board-pagi .pagination a {width: 20px; height: 20px; border-radius: 50%; border: none; line-height: 20px; font-size: 1.2rem;}
    
    .table-scroll {width: 680px; border-top: none;}
	
	.table_board.type2 tbody {border-top:none;}
}

/*지번조회*/
.form_box {margin: 30px 0px 150px 400px;}

@media screen and (max-width: 740px){
	.form_box {margin: 0 auto;}
}
	@media screen and (max-width: 550px){
	.form_box {margin: 0 auto;}

}

/*찾아오시는길*/
.kakaomap{width:100%;}
.half_round{position:relative; width:100%; padding:25px 0;}
.half_round:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.half_round > li{margin-bottom:.5rem; padding-top:.4rem; line-height:2.5rem;}
.half_round > li > span {display:inline-block; margin-right:.15rem; padding:.3rem 1rem; color:#fff; border-radius:30px; background:#00b6c1; font-weight:500; line-height:1.8rem;}
.half_round > li > span p.addr{background:url('../images/addr.png') no-repeat 0 center; padding-left:1.8rem;}
.half_round > li > span p.tel{background:url('../images/tel.png') no-repeat 0 center; padding-left:1.8rem;}
.half_round > li > span p.fax{background:url('../images/fax.png') no-repeat 0 center; padding-left:1.8rem;}
.half_round > li > span p.bus{background:url('../images/bus.png') no-repeat 0 center; padding-left:1.8rem;}
.half_round > li > span p.car{background:url('../images/car.png') no-repeat 0 center; padding-left:1.8rem;}
.half_round > li > span p.basic{padding-left:0.2rem;}
.half_round > li > .left_list{ display:inline-block;}
.half_round > li > .left_list .list{}
.half_round > li > .left_list .list > li{position:relative; padding: 3px 0 3px 13px; font-size:15px; color:#5a5a5a; font-weight:400; line-height:1.8;}
.half_round > li > .left_list .list > li:before{content:""; display:block; position:absolute; left:2px; top:15px; width:3px; height:3px; background:#999;}

/*숫자리스트*/
.number {position:relative; padding-bottom: 6px;}
.number .year {position:absolute; float:left; top:0; left:0; font-size:24px; font-weight:bold; color:#00a5e5; line-height:0.8; padding:5px;}
.number dl {height:100%; padding:15px 0 0 18px; background: #ffffff; border-radius: 15px; border: 1px solid #e7e7e7;}
.number dl:last-child {padding-bottom:15px;}
.number dl:before,
.number dl:after {content:"";clear:both;display:block;float:none}
.number dt {
    float: left;
    width: 140px;
    font-size: 24px;
    font-weight: 900;
    color: #ffffff;
    line-height: 190%;
    /* float: right; */
    width: 45px;
    height: 45px;
    border-radius: 50%;
    /* margin-top: 19px; */
    background-color: #1380a9;
    text-align: center;
    letter-spacing: -0.06em;
    margin-top: 10px;
}
.number dt:hover {
    float: left;
    width: 140px;
    font-size: 24px;
    font-weight: 900;
    color: #ffffff;
    line-height: 190%;
    /* float: right; */
    width: 45px;
    height: 45px;
    border-radius: 50%;
    /* margin-top: 19px; */
    background-color: #0166cf;
    text-align: center;
    letter-spacing: -0.06em;
    margin-top: 10px;
}
.number dd {float: left;
    width: calc(100% - 120px);
    font-weight: 500;
    line-height: 180%;
    margin-right: 20px;
    padding: 3px 20px 10px 15px;
	font-family: Noto Sans KR;
    letter-spacing: -0.06em;
	font-size:16px;
	color: #223f8c;
}

.number2 {position:relative; padding-bottom: 6px;}
.number2 .year {position:absolute; float:left; top:0; left:0; font-size:24px; font-weight:bold; color:#00a5e5; line-height:0.8; padding:5px;}
.number2 dl {height: 100%;
    padding: 10px 0 0 30px;
    background: #f8f9fd;
    border-radius: 15px;
    border: 1px solid #f8f9fd;}
.number2 dl:last-child {padding-bottom:15px;}
.number2 dl:before,
.number2 dl:after {content:"";clear:both;display:block;float:none}
.number2 dt {
    float: left;
    width: 140px;
    font-size: 24px;
    font-weight: 900;
    color: #ffffff;
    line-height: 190%;
    /* float: right; */
    width: 45px;
    height: 45px;
    border-radius: 50%;
    /* margin-top: 19px; */
    background-color: #1380a9;
    text-align: center;
    letter-spacing: -0.06em;
    margin-top: 10px;
}

@media screen and (max-width: 767px){
.number2 dl img{width: 100%}
}
.number2 dd {float: left;
    width: calc(100% - 120px);
    font-weight: 500;
    line-height: 180%;
    margin-right: 20px;
    padding: 3px 20px 10px 15px;
	font-family: Noto Sans KR;
    letter-spacing: -0.06em;
	font-size:16px;
	color: #223f8c;
}
}

p{font-size: 15px;
    letter-spacing: -0.06em;
    font-weight: 500;
    color: 474747;
	line-height: 180%;}

.p_box {
background-color: #f7f9fc;
    border: 1px solid #f7f9fc;
    padding: 10px 14px;
    margin: 12px 0px;
    border-radius: 10px;
	color: #146abd;
	font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.06em;

}

	@media all and (max-width:699px){
		.p_box {background-color: #f7f9fc;}
	}

.b{font-size: 15px;
    letter-spacing: -0.03em;
    font-weight: 600;
    color: #3d3d3d;
    line-height: 180%;
    padding: 5px 0px 0px 3px;
}

.b:hover{font-size: 15px;
    letter-spacing: -0.03em;
    font-weight: 600;
    color: #0166cf;
    line-height: 180%;
    padding: 5px 0px 0px 3px;
}

.caution{background:url('../images/sb_caution_bg.png') no-repeat left 5px; font-size:15px; font-weight:500; line-height:180%; color: #494949; padding:0 0 0px 22px !important; margin:5px 0 !important;}
	@media all and (max-width:480px){
		.caution{font-size:1.0rem; line-height:150%;}
	}

/*스텝박스*/
.step_box{display:block; width:calc(100% - 104px);}
.step_box:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.step_box.horizontal{position:relative; padding:38px 52px 26px; border-radius:11px; background-color:#f3f5f9;}
.step_box.horizontal .step_list{display:flex; overflow:visible; margin-left:-40px; list-style:none; justify-content: space-between; flex-wrap:wrap;}
.step_box.horizontal .step_item{/*float:left;*/ position:relative; padding-bottom:20px; padding-left:30px;}
.step_box.horizontal.length2 .step_item{width:46.7%;}
.step_box.horizontal.length3 .step_item{width:30.2%;}
.step_box.horizontal.length4 .step_item{width:21.8%;}
.step_box.horizontal.length5 .step_item{width:16.9%;}
.step_box.horizontal.length6 .step_item{width:30.2%;}
.step_box.horizontal.length6 .step_item:nth-child(n + 4){margin-top:35px !important;}
.step_box.horizontal .step_inner{padding:34px 15px 6px; border:1px solid #fff; border-radius:20px; background-color:#fff; text-align:center; letter-spacing:-0.025em; box-sizing:border-box;}
/*.step_box.horizontal .step_inner:hover{border:1px solid #4981e7;}*/
.step_box .step_title{display:block; position:relative; margin-bottom:14px; padding:3px 0 16px; font-size:18px; font-weight:500; line-height:22px; color:#097e49;}
.step_box .step_title:before{content:''; display:block; position:absolute; bottom:0; left:0; margin:0 20px; width:calc(100% - 40px); height:1px; border-bottom:1px dashed #CCC;}
.step_box .step_title:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.step_box .step_title span{vertical-align:middle;}
.step_box .step_title span:hover{vertical-align:middle; color:#FF6C00;}


.step_box .step_text{display:block; font-size:17px; line-height:1.6; color:#2e2e2e;}
.step_box .step_text:after{display:inline-block; height:100%; vertical-align:middle;}
.step_box .step_text span{font-size:16px; line-height:20px; color:#2e2e2e; vertical-align:middle;}
.step_box .step_text span:hover{font-size:16px; line-height:20px; color:#FF6C00; vertical-align:middle;}

.step_box .step_text span .small_list{margin-top:8px; text-align:left;}
.step_box .step_text span .small_list > li{position:relative; padding-left:9px; font-size:15px; line-height:24px; color:#585858; letter-spacing:-0.02em;}
.step_box .step_text span .small_list > li:before{display:block; position:absolute; top:12px; left:0; width:2px; height:2px; background-color:#848484;}


/*num_type*/
.step_box.horizontal.num_type{padding-top:41px;}
.step_box.num_type .step_list{counter-reset:index;}
.step_box.num_type .step_item{padding-bottom:0; margin-bottom:10px;}
.step_box.num_type .step_item:after{content:''; display:block; position:absolute; top:0; bottom:0; right:-28px; width:8px; height:14px; margin:auto 0; background:url(../images/step_bg_arrow.png) no-repeat; transform:translateY(-10px);}
.step_box.num_type .step_item:after #none_after{display:none;}
.step_box.num_type .step_item:last-child:after{display:none;}
.step_box.num_type .step_item .step_inner{position:relative;}
.step_box.num_type .step_item .step_inner:hover{border:1px solid #ff6b04;}
.step_box.num_type .step_item .step_inner:before{display:inline-block; position:absolute; top:-18px; left:22px; width:39px; height:39px; border-radius:17px; background-color:#207e49; text-align:center; font-size:14px; line-height:39px; color:#fff;
    counter-increment:index; content:'0'counter(index);}
.step_box.num_type .step_item .step_inner:hover:before{background-color:#ff6b04;}


@media all and (max-width:1599px){
	.step_box.horizontal.length3 .step_item{width:29.2%;}
	.step_box.horizontal.length4 .step_item{width:20.8%;}
	.step_box.horizontal.length6 .step_item{width:29.2%;}
}
@media all and (max-width:1141px){
	.step_box.horizontal.length3 .step_item{width:28.2%;}
	.step_box.horizontal.length4 .step_item{width:44.8%;}
	.step_box.horizontal.length4 .step_item:nth-child(n + 3){margin-top:35px !important;}
	.step_box.horizontal.length6 .step_item{width:28.2%;}
}
@media all and (max-width:1000px){
	.step_box.horizontal.length3 .step_item{width:27.2%;}
    .step_box.horizontal .step_list{margin-left:-35px;}
    .step_box.horizontal .step_item{padding-left:35px;}
	.step_box.horizontal.length4 .step_item{width:43.8%;}	
	.step_box.horizontal.length6 .step_item{width:27.2%;}
}
@media all and (max-width:767px){
	.step_box{width:calc(100% - 40px);}
    .step_box.horizontal{padding:30px 20px 15px;}
    .step_box.horizontal .step_list{ margin-left:-30px; flex-direction: column; flex-wrap:wrap;}
    .step_box.horizontal .step_item{ float:none; width:calc(100% - 40px) !important; padding-bottom:30px; margin-bottom:0;}
    .step_box.horizontal .step_item:after{top:auto; bottom:-24px; left:30px; right:0; margin:0 auto; transform:rotate(90deg);}
    .step_box.horizontal .step_inner{padding:10px 15px 10px;}
    .step_box.horizontal.num_type{padding-top:45px; padding-bottom:30px;}
    .step_box.horizontal.num_type .step_item{padding-bottom:0;}
	.step_box.horizontal.num_type .step_item:nth-child(n + 2){margin-top:35px !important;}
    .step_box.horizontal.num_type .step_item:nth-child(n + 3){margin-top:35px !important;}
    .step_box.num_type .step_item .step_inner:before{left:13px; width:35px; height:35px; border-radius:15px; font-size:13px; line-height:35px;}
    .step_box .step_title{margin-bottom:12px; font-size:15px;}
    .step_box .step_text{font-size:14px; min-height:0;}
    .step_box .step_text span{font-size:14px;}
}
@media all and (max-width:480px){
    .step_box.horizontal{padding-bottom:0;}
    .step_box.horizontal .step_list{margin-left:0;}
    .step_box.horizontal .step_item{float:none; width:100% !important; padding-left:0; padding-bottom:30px;} 
	.step_box.horizontal .step_item:after{top:auto; bottom:-24px; left:0; right:0; margin:0 auto; transform:rotate(90deg);}   
    .step_box.horizontal.num_type .step_item:nth-child(n + 2){margin-top:35px !important;}
    .step_box.horizontal.num_type .step_item:after{bottom:-25px;}
}

/**/
.step_box.vertical_type{margin:35px 0; padding:58px 40px 52px; border:1px solid #d9d9d9; border-radius:10px;}
.step_box.vertical_type .step_item{position:relative; padding-left:265px;}
.step_box.vertical_type .step_item + .step_item{margin-top:46px;}
.step_box.vertical_type .step_item:after{content:''; display:block; position:absolute; top:calc(50% + 93px); left:105px; z-index:10; width:8px; height:14px; background:url(../images/step_bg_arrow.png) no-repeat; transform:rotate(90deg);}
.step_box.vertical_type .step_item:last-child:after{display:none;}
.step_box.vertical_type .step_title{position:absolute; top:0; left:0; width:216px; height:150px; margin-bottom:0; padding:10px; border-radius:20px; border:1px solid #4688e3; background-color:#fff; color:#0b3d6e; text-align:center; box-sizing:border-box;}
.step_box.vertical_type .step_item:hover .step_title{background-color:#4688e3; color:#fff;}
.step_box.vertical_type .step_title:before{display:none;}
.step_box.vertical_type .step_text{position:relative; min-height:150px; padding-bottom:31px;}
.step_box.vertical_type .step_item:last-child .step_text{padding-bottom:0;}
.step_box.vertical_type .step_text:before{content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; border-bottom:1px dashed #d9d9d9;}
.step_box.vertical_type .step_item:last-child .step_text:before{display:none;}
.step_box.vertical_type .step_text:after{display:none;}
.step_box.vertical_type .step_number{display:block; position:absolute; top:-18px; left:22px; width:39px; height:39px; border-radius:17px; background-color:#0b3d6e; text-align:center; font-size:14px; line-height:39px; color:#fff;
    counter-increment:index; content:'0'counter(index);}

@media all and (max-width:800px){
    .step_box.vertical_type .step_item{padding-left:240px;}
    .step_box.vertical_type .step_item:after{left:97px;}
    .step_box.vertical_type .step_title{width:200px;}
}
@media all and (max-width:640px){
    .step_box.vertical_type{margin:20px 0; padding:40px 30px;}
    .step_box.vertical_type .step_item{padding-left:0;}
    .step_box.vertical_type .step_item:after{left:50%; top:auto; bottom:-31px; transform:rotate(90deg) translateY(3px);}
    .step_box.vertical_type .step_title{position:relative; top:auto; left:auto; width:100%; height:auto; padding:12px 10px;}
    .step_box.vertical_type .step_text{min-height:auto; margin-top:25px; padding-bottom:20px;}
}

.gumisi_tbl{max-width: 1000px;
    width: 100%;
	height: 100%;
    background: #fff;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 30px 70px;}

.gumisi_tbl.box{overflow-y: scroll;
    }

/*크게보기 팝업*/

.popLayerpic_big {position:absolute; width:610px; left:50%;  top:700px;}
.popLayer{ position:fixed; background:#FFF; left:10px; width:95%; top:100px;  z-index:15000; zoom:1;box-shadow:1px 1px 2px #555;}
.popLayer .popHead{height:30px; background:#158ccd; border:#158ccd solid 5px; color:#FFF;}
.popLayer .popHead .tit{ width:70%; float:left; padding:5px 0 0 25px; height:27px; color:#ccc; font-weight:bold; font-size:14px; text-align:right; overflow:hidden; line-height:100px; overflow:hidden;}
.popLayer .popHead .btn{ float:right; padding:3px 0 0 0; color:#FFF;}
.popLayer .popHead .btn .btnClose{ width:20px; height:20px; display:block; font-size:25px; color:#fff;}
.popLayer .popHead .btn .btnClose:hover{text-decoration:none;}
.popLayer .popCtn{overflow:scroll; height:100%; background:#FFF; border:#158ccd solid 5px; border-top:none; }
.popLayer .btn{left:-9999%;}

/*.popLayerpic_big .popHead .tit{ width:112px; height:19px; display:block; padding: 8px 0 0 28px; color:#FFF; overflow: hidden; text-indent:-9999%;}*/
.popLayerpic_big .allWrap { overflow: hidden; padding: 20px 0; }
.popLayerpic_big .allWrap .left { float: left; border-right: 1px solid #eceae1; padding: 0 0 0 14px; width: 171px; height: 400px; }
.popLayerpic_big .allWrap img { border:0; }
.popLayerpic_big .allWrap h4 { margin-bottom: 3px;}
.popLayerpic_big .allWrap ul.mgb50 { margin-bottom: 40px; }
.popLayerpic_big .allWrap ul li { line-height: 1.5; color: #444; padding-left:12px; }
.popLayerpic_big .allWrap .mid { float: left; border-right: 1px solid #eceae1; width: 159px; padding: 0 0 0 20px; height: 400px; }
.popLayerpic_big .allWrap .right { float: left; padding: 0 0 0 20px; width: 160px; height: 400px; }

#pic_bigWrap{display:none; position:fixed; width:100%; height:707px ;background:#000; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; left:0; top:0; z-index:10000;}

.map_box {text-align: center; background: #f7f9fc; border: #f7f9fc 1px solid; border-radius: 10px;}
	
.location {
    clear: both;
    position: relative;
    width: 100%;
    text-align: center;
	margin-top: 10px;
}

.location_inner {
    width: 100%;
    margin: 0 auto;
    padding: 50px 0px;
	background: #f8f9fd;
	border: #f8f9fd 1px solid;
	border-radius: 10px;
}

.location_inner h2 {
    width: 100%;
    font-size: 32px;
    height: 52px;
    font-weight: 500;
    letter-spacing: -1px;
}

.location_inner p {
    padding: 0;
}

.location_inner .location_list {
    margin-top: 415px;
    margin-left: 20px;
}

.location_inner .location_list li {
    float: left;
}

.location_inner .location_list li a {
    float: left;
    font-size: 18px;
    color: #b3b3b3;
    font-weight: 600;
    padding: 10px 30px 10px 30px;
    background: url('/hanbang/images/mn_location_place_off.jpg')no-repeat left 50%;
}

.location_inner .location_list li a:hover {
    color: #000;
    background: url('/hanbang/images/mn_location_place_on.jpg')no-repeat left 50%;
}

@media all and (max-width: 1200px) {
    .location_inner {
        width:96%;
        height: auto;
    }

    .location_inner p {
        overflow-x: scroll;
        overflow-y: hidden;
    }


/*사이트맵*/
.sitemap{padding:20px 0 20px 0; display:flex; justify-content:flex-start; flex-wrap:wrap;}
.sitemap .lineSet{padding-top:80px;}
.sitemap .lineSet:first-child{padding-top:0;}
.sitemap .lineSet:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.sitemap img{vertical-align:middle; padding-left: 3px; padding-bottom: 3px;}
.sitemap:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.sitemap dl{float:left; margin-right:3%; margin-bottom:20px;}
.sitemap dl.sisul{width:22.5%;}
.sitemap dl:nth-child(4).sisul{margin-right:0;}
.sitemap dl dt{background:linear-gradient(135deg, rgb(20 107 189) 0%,rgb(25 134 161) 100%); padding:15px; font-size:16px; font-weight:bold;}
.sitemap dl dt a{color:#fff;}
.sitemap dl dd >ul{margin-top:5px;}
.sitemap dl dd >ul > li{padding:10px 0; border-bottom:1px dashed #bbb;}
.sitemap dl dd >ul > li > a{padding:0 10px; font-size:15px;}
.sitemap dl dd >ul > li > a:hover{color:#f28000;}
.sitemap dl dd >ul > li > ul{padding:8px 0; margin:8px 0; background:#f7f9fc;}
.sitemap dl dd >ul > li > ul > li{padding-left:10px; font-size:13px;}
.sitemap dl dd >ul > li > ul > li > a{padding-left:5px;}
.sitemap dl dd >ul > li > ul > li > a:hover{color:#158ccd;}

	@media all and (max-width:1024px){
		.sitemap dl.sisul{width:24%;}
		.sitemap dl{margin-right:1.33%;}
		.sitemap dl:nth-child(5).sisul{margin-right:1.33%;}
		.sitemap dl:nth-child(4).sisul,
		.sitemap dl:nth-child(8).sisul{margin-right:0;}
	}
	@media all and (max-width:768px){
		.sitemap dl dt{ font-size:1.2rem; padding:9px;}
		.sitemap dl dd >ul > li{padding:4px 0;}
		.sitemap dl dd >ul > li > a{font-size:1.0rem;}
		.sitemap dl dd >ul > li > ul{margin:4px 0;}
		.sitemap dl.sisul{width:32%;}
		.sitemap dl{margin-right:2%;}
		.sitemap dl:nth-child(3).sisul,
		.sitemap dl:nth-child(6).sisul,
		.sitemap dl:nth-child(9).sisul{margin-right:0;}
		.sitemap dl:nth-child(4).sisul,
		.sitemap dl:nth-child(8).sisul{margin-right:2%;}
	}
	@media all and (max-width:480px){
		.sitemap dl.sisul{width:48%;}
		.sitemap dl{margin-right:4%;}
		.sitemap dl:nth-child(2).sisul,
		.sitemap dl:nth-child(4).sisul,
		.sitemap dl:nth-child(6).sisul,
		.sitemap dl:nth-child(8).sisul{margin-right:0;}
		.sitemap dl:nth-child(3).sisul,
		.sitemap dl:nth-child(5).sisul,
		.sitemap dl:nth-child(7).sisul{margin-right:4%;}
	}


}
