@charset "utf-8";

	#container{clear:both; position:relative; width:100%; padding:0; margin:0 auto; padding-top:144px;}
	#container:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
	#container .sub_visual_01{clear:both; position:relative; width:100%; height:146px; text-align:center; background:url('/sisul/images/sb_vis_01.jpg') no-repeat center 0;}
	#container .sub_visual_02{clear:both; position:relative; width:100%; height:146px; text-align:center; background:url('/sisul/images/sb_vis_02.jpg') no-repeat center 0;}
	#container .sub_visual_03{clear:both; position:relative; width:100%; height:146px; text-align:center; background:url('/sisul/images/sb_vis_03.jpg') no-repeat center 0;}
	#container .sub_visual_04{clear:both; position:relative; width:100%; height:146px; text-align:center; background:url('/sisul/images/sb_vis_04.jpg') no-repeat center 0;}
	#container .sub_visual_05{clear:both; position:relative; width:100%; height:146px; text-align:center; background:url('/sisul/images/sb_vis_05.jpg') no-repeat center 0;}
	#container .sub_visual_06{clear:both; position:relative; width:100%; height:146px; text-align:center; background:url('/sisul/images/sb_vis_06.jpg') no-repeat center 0;}
	#container .sub_visual_07{clear:both; position:relative; width:100%; height:146px; text-align:center; background:url('/sisul/images/sb_vis_07.jpg') no-repeat center 0;}
	#container .sub_visual_08{clear:both; position:relative; width:100%; height:146px; text-align:center; background:url('/sisul/images/sb_vis_08.jpg') no-repeat center 0;}
	#container .sub_visual_68{clear:both; position:relative; width:100%; height:146px; text-align:center; background:url('/sisul/images/sb_vis_07.jpg') no-repeat center 0;}
	#container .sub_visual .subvisual_inner{position:relative; width:78%; height:146px; margin:0 auto; background:url('/images/sb_vis_txt.png') no-repeat center 42px;}
	#container .sub_visual .subvisual_inner h2{color:#010c4a; font-size:30px; font-weight:600; padding:30px 0; padding-left:295px; line-height:100%; text-align:left;}	
	#container .cnti{clear:both; position:relative; width:100%; background:#FFF;}
	#container .cnti:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
	#container .cnti .cnti_inner{position:relative; width:80%; height:100%; margin:0 auto;}

	.snb{position:absolute; width:232px; height:146; top:-50px;}
	.snb h3{width:232px; height:79px; font-size:28px; font-weight:500; padding-top:60px; border-radius:5px; background:linear-gradient(#3c55b0 0%, #3c55b0 70%, #3c55b0  100%); color:#fff; text-align:center;}
	.snb dl{position:relative; padding-top:5px;}
	.snb dl dd > ul{list-style:none; margin:0; padding:0;}
	.snb dl dd > ul > li{position:relative; text-align:left; margin-bottom:5px;}
	.snb dl dd > ul > li img{padding-left:3px; padding-bottom:3px; vertical-align:middle;}
	.snb dl dd > ul > li > a{display:block; height:22px; padding:11px 0 9px 20px; font-size:16px; font-weight:500; border:1px solid #caccd4; border-radius:5px; color:#4a506b; background:url('/images/sb_snb_arrow.jpg') no-repeat 210px 17px;}
	.snb dl dd > ul > li.Ov > a,
	.snb dl dd > ul > li > a:hover{height:22px; padding:11px 0 9px 20px; color:#fff; text-decoration:none; background:url('/images/sb_snb_arrow_on.jpg') no-repeat 206px 18px #008adf; border:1px solid #008adf;}
	
	.snb dl dd > ul > li.Ov > a{border-radius:5px 5px 0 0;}

	.snb dl dd > ul > li > div.smenu_w{background:#fff; padding:15px 0 10px 0; border-bottom:2px solid #008adf; border-left:2px solid #008adf; border-right:2px solid #008adf; border-radius:0 0 5px 5px;}
	.snb dl dd > ul > li > div.smenu_w a{color:#000;}
	.snb dl dd > ul > li > div.smenu_w > ul{list-style:none; margin:0; padding:0 0 0 16px;}
	.snb dl dd > ul > li > div.smenu_w > ul > li{padding:4px 9px 4px 0;}
	.snb dl dd > ul > li > div.smenu_w > ul > li.Ov{padding:4px 9px 4px 0;}
	.snb dl dd > ul > li > div.smenu_w > ul > li > a{background:url('/images/sb_snb_02_off.jpg') no-repeat left 14px; font-size:15px; font-weight:500; padding:4px 9px 4px 13px;}
	.snb dl dd > ul > li > div.smenu_w > ul > li > a:hover,
	.snb dl dd > ul > li > div.smenu_w > ul > li.Ov > a{color:#008adf; text-decoration:none; font-weight:600; background:url('/images/sb_snb_02_on.jpg') no-repeat left 14px; padding:4px 9px 4px 13px;}

	/* Tablet-1024px 이하 해상도에서 해석하는 코드 */
		@media all and (max-width:1480px){
			#container .sub_visual .subvisual_inner{width:calc(100% - 6vw);}
			#container .cnti .cnti_inner{width:calc(100% - 6vw);}
		}
		@media all and (max-width:1280px){
			.snb{display:none;}
			#container{padding-top:79px;}
		}
		
		@media all and (max-width:480px){
			#container .sub_visual .subvisual_inner{ background-size:90%;}
		}
	#content{float:right; width:calc(100% - 296px); padding:30px 0;}
	#content .substance{clear:both; position:relative; width:100%; height:100%; min-height:400px; font-size:16px; text-align:left; line-height:22px;}
	
		@media all and (max-width:480px){
			#content .substance{font-size:1.0rem; word-break:break-all;}
		}

	#content .substance .cnt_sns{float:right; margin-top:10px;}
	#content .substance .cnt_sns a{display:inline-block; width:31px; height:31px; padding:0 1px; vertical-align:top; text-indent:-99999em;}
	#content .substance .cnt_sns a.face{background:url('/images/sb_snb_sns_01.png') no-repeat 0 0; vertical-align:top;}
	#content .substance .cnt_sns a:hover.face{background:url('/images/sb_snb_sns_01_on.png') no-repeat 0 0; vertical-align:top;}
	#content .substance .cnt_sns a.tw{background:url('/images/sb_snb_sns_02.png') no-repeat 0 0; vertical-align:top;}
	#content .substance .cnt_sns a:hover.tw{background:url('/images/sb_snb_sns_02_on.png') no-repeat 0 0; vertical-align:top;}
	#content .substance .cnt_sns a.blog{background:url('/images/sb_snb_sns_03.png') no-repeat 0 0; vertical-align:top;}
	#content .substance .cnt_sns a:hover.blog{background:url('/images/sb_snb_sns_03_on.png') no-repeat 0 0; vertical-align:top;}
	#content .substance .cnt_sns a.kakao{background:url('/images/sb_snb_sns_04.png') no-repeat 0 0; vertical-align:top;}
	#content .substance .cnt_sns a:hover.kakao{background:url('/images/sb_snb_sns_04_on.png') no-repeat 0 0; vertical-align:top;}
	#content .substance .cnt_sns a.url{background:url('/images/sb_snb_sns_05.png') no-repeat 0 0; vertical-align:top;}
	#content .substance .cnt_sns a:hover.url{background:url('/images/sb_snb_sns_05_on.png') no-repeat 0 0; vertical-align:top;}
	#content .substance .cnt_sns a.print{background:url('/images/sb_snb_sns_06.png') no-repeat 0 0; vertical-align:top; padding-right:0;}
	#content .substance .cnt_sns a:hover.print{background:url('/images/sb_snb_sns_06_on.png') no-repeat 0 0; vertical-align:top; padding-right:0;}

		@media all and (max-width:768px){
			#content .substance .cnt_sns{float:right; margin:-10px 0 20px 0;}
		}
		
	#content .substance .page_content{clear:both; width:100%; height:100%; background:url('/images/mn_news_bg.jpg') repeat-x right 19px;}
	#content .substance .page_content h4{clear:both; position:relative; display:block; float:left; height:40px; padding-right:30px; background:#FFF; color:#4a506b; font-size:36px; font-weight:500; letter-spacing:-1;}
	#content .substance .page_content h5{clear:both; position:relative; display:block; font-size:2rem; font-weight:600; color:#008adf; line-height:1.5; letter-spacing:-0.1rem; padding:1.3rem 0;}
	#content .substance .page_content h6{clear:both; position:relative; display:block; color:#4a506b; padding:4px 0 10px 0; font-size:1.6rem; font-weight:600;}
	#content .substance .page_content h7{clear:both; position:relative; display:block; color:#4a506b; padding:4px 0 10px 16px; margin-left:2px; font-size:1.2rem; font-weight:600; background:url('/images/depth02_dot.png') no-repeat 0 8px;}
	#content .substance .page_content .sub_location{position:relative; display:inline-block; width:100%; padding:13px 0 23px 0;}
	#content .substance .page_content .sub_location li{float:left; width:16px; font-size:14px; background:url('/images/sb_location_home.jpg') no-repeat left 5px;}
	#content .substance .page_content .sub_location li:first-child{text-indent:-99999em;}
	#content .substance .page_content .sub_location li+li{float:left; width:auto; font-size:15px; color:#4a506b; padding:0 7px 0 9px; line-height:180%; font-weight:400; background:none;}
	#content .substance .page_content .sub_location li+li+li{float:left; background:url('/images/sb_location_arrow.jpg') no-repeat 0 9px;}
	#content .substance .page_content .sub_location li:last-child{font-weight:600;}

		@media all and (max-width:1280px){
			#content{float:none; width:100%;}
		}

		@media all and (max-width:768px){
			#content .substance .page_content h4{width:100%; font-size:30px;}
		}
		
		@media all and (max-width:480px){
			#content .substance .page_content h4{font-size:1.9rem;}
			#content .substance .page_content h5{font-size:1.5rem;}
			#content .substance .page_content h6{font-size:1.3rem;}
			#content .substance .page_content h6 img{width:7%;}
			#content .substance .page_content h7{font-size:1.1rem; padding:4px 0 5px 16px;}
			#content .substance .page_content .sub_location{padding:0 0 23px 0;}			
			#content .substance .page_content .sub_location li+li{font-size:1.0rem;}
			#content .substance .page_content .sub_location li+li+li{float:left; background:url('/images/sb_location_arrow.jpg') no-repeat 0 6px;}
		}


input.bdCmBtn{display:inline-block; font-size:16px; height:30px; padding:5px 10px 7px 10px; color:#424242; border:1px solid #114291; background-color:#fff; font-weight:bold;}
input.bdCmBtn:hover {background:#114291; color:#fff; font-weight:bold;text-decoration: none}
a.bdCmBtn span{display:inline-block; font-size:16px; height:23px; padding:5px 10px 7px 10px; background:#114291; color:#fff; border:1px solid #114291;}

	@media all and (max-width:480px){
			input.bdCmBtn {font-size:1.0rem; height:20px; padding:3px 5px 3px 5px;}
			a.bdCmBtn span{font-size:1.0rem;}
		}
		
/**/
.text_left{text-align:left !important;}
.text_right{text-align:right !important;}
.text_center{text-align:center !important;}
.text_600{font-weight:600;}
.text_green{color:#00b4cb;}
.text_gray{color:#c5c9d6;}
.text_red{color:#ff4200;}
.text_blue{color:#2a76cc;}
.text_20{font-size:20px; letter-spacing:-1px;}
.text_28{font-size:28px; letter-spacing:-1px;}
.text_bold{font-weight:600;}
.text_height200{line-height:200%;}
.text_height180{line-height:180%;}
.float_r{float:right;}
.caution{background:url('/images/sb_caution_bg.png') no-repeat left 5px; font-size:15px; font-weight:normal; line-height:180%; padding:0 0 5px 22px !important; margin:5px 0 !important;}
	@media all and (max-width:480px){
		.caution{font-size:1.0rem; line-height:150%;}
	}
.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_t60{margin-top:60px;}
.mar_b40{margin-bottom:40px;}
.mar_left10{margin-left:10px;}
.mar_left40{margin-left:40px;}
.mar_top10{margin-top:10px;}
strong{font-weight:700;}
.list_snone{list-style:none;}
.line_solid	{clear:both;display:block;margin:20px 0;border-bottom:1px solid #dadada;}
.line_dashed{clear:both;display:block;margin:20px 0;border-bottom:1px dashed #dadada;}
.line_dotted{clear:both;display:block;margin:20px 0;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%);}

/* tab */
.tab_txt{margin-bottom:33px; clear:both;}
.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; border-right:1px solid #dde0e8; border-left:1px solid #f5f6fa; border-top:1px solid #f5f6fa; border-bottom:1px solid #dde0e8;}
.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:#3c55b0; border-color:#114291; color:#fff; text-decoration:none;}
			
			@media all and (max-width:580px){
				.tab_txt ul li{float:left; width:50%;}
				.tab_txt a{font-size:15px; padding:14px 5px 12px 5px;}
			}

/* 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%;}				
		}
			
/*파란색 동그라미 블릿 리스트*/
#content .substance .page_content .list_01{ margin:0 0 10px 15px;}
#content .substance .page_content .list_01.tbl{margin:0 0 10px 15px;}
#content .substance .page_content .list_01 > li{clear:both; position:relative; padding: 4px 0 4px 12px; font-size:15px; line-height:180%; font-weight:400;}
#content .substance .page_content .list_01 > li:before{content:""; display:block; position:absolute; left:2px; top:15px; width:4px; height:4px; border-radius:50%; background:#158ccd;}
#content .substance .page_content .list_01 > li .list_01_01{margin:6px 0; padding:0;}
#content .substance .page_content .list_01 > li .list_01_01 > li{position:relative; padding: 3px 0 3px 13px; font-size:15px; line-height:180%; font-weight:400;}
#content .substance .page_content .list_01 > li .list_01_01 > li.tbl{padding: 3px 0 3px 13px;}
#content .substance .page_content .list_01 > li .list_01_01 > li:before{content:""; display:block; position:absolute; left:1px; top:17px; width:6px; height:1px; background:#333;}
#content .substance .page_content .list_01 > li .list_01_01 > li .list_01_01_01 > li{position:relative; padding:3px 0 3px 13px; font-size:15px; line-height:180%; font-weight:400;}
#content .substance .page_content .list_01 > li .list_01_01 > li .list_01_01_01 > li.tbl{padding:3px 0 3px 13px;}
#content .substance .page_content .list_01 > li .list_01_01 > li .list_01_01_01 > li:before{content:""; display:block; position:absolute; left:2px; top:17px; width:2px; height:2px; background:#999;}
#content .substance .page_content .list_01 > li .list_01_none{margin:6px 0; padding:0;}
#content .substance .page_content .list_01 > li .list_01_none > li{position:relative; padding: 3px 0 3px 0; font-size:15px;}
#content .substance .page_content .list_01 > li .list_01_01_pic{ clear:both; position:relative; padding:0; text-align:left;}
#content .substance .page_content .list_01 > li .list_01_01_pic > p{ float:left; width:25%; margin-bottom:30px;}
#content .substance .page_content .list_01 > li .list_01_01_pic li{margin-left:25%;}

	@media all and (max-width:911px){
		#content .substance .list_01 .list_01_01_pic > p{width:30%;}
	}
	@media all and (max-width:743px){
		#content .substance .list_01 .list_01_01_pic > p{ width:40%;}
	}
	@media all and (max-width:580px){
		#content .substance .list_01 .list_01_01_pic > p{ width:100%; margin-bottom:15px;}
		#content .substance .list_01 .list_01_01_pic li{margin-left:0;}
	}
	@media all and (max-width:480px){
		#content .substance .page_content .list_01{ margin-left:5px;}
		#content .substance .page_content .list_01.tbl{margin:0;}
		#content .substance .page_content .list_01 > li{padding:2px 0 8px 12px; font-size:1.0rem; line-height:150%;}
		#content .substance .page_content .list_01 > li img{width:100%;}
		#content .substance .page_content .list_01 > li:before{top:10px;}
		#content .substance .page_content .list_01 > li .list_01_01 > li{padding:3px 0 3px 13px; font-size:1.0rem; line-height:150%;}
		#content .substance .page_content .list_01 > li .list_01_01 > li.tbl{padding:0;}
		#content .substance .page_content .list_01 > li .list_01_01 > li:before{top:15px;}
		#content .substance .page_content .list_01 > li .list_01_01 > li .list_01_01_01 > li{padding:3px 0 3px 7px; font-size:1.0rem; line-height:150%;}
		#content .substance .page_content .list_01 > li .list_01_01 > li .list_01_01_01 > li.tbl{padding:0;}
		#content .substance .page_content .list_01 > li .list_01_01 > li .list_01_01_01 > li:before{top:12px;}
	}

/*큰중앙 뚫린 동그라미 블릿 리스트*/
#content .substance .page_content .list_02{margin:10px 0 10px 0;}
#content .substance .page_content .list_02 > li{position:relative; padding: 4px 0 20px 22px; font-size:17px; font-weight:500; background:url('/images/depth02_dot.png') no-repeat 0 7px;}
#content .substance .page_content .list_02 > li.number{ padding-left:15px; background:none;}
#content .substance .page_content .list_02 > li .list_02_01{margin:6px 0; padding:0;}
#content .substance .page_content .list_02 > li .list_02_01 > li{position:relative; padding: 3px 0 3px 13px; font-size:15px; font-weight:400; line-height:170%;}
#content .substance .page_content .list_02 > li .list_02_01 > li:before{content:""; display:block; position:absolute; left:2px; top:15px; width:3px; height:3px; background:#00a5e5;}
#content .substance .page_content .list_02 > li .list_02_01 > li .list_02_01_01{margin:6px 0; padding:0;}
#content .substance .page_content .list_01 > li .list_02_01 > li .list_02_01_01 > li{position:relative; padding:3px 0 3px 13px; font-size:15px; line-height:180%;}
#content .substance .page_content .list_01 > li .list_02_01 > li .list_02_01_01 > li:before{content:""; display:block; position:absolute; left:1px; top:13px; width:6px; height:1px; background:#333;}
#content .substance .page_content .list_01 > li .list_02_01 > li .list_02_01_01 > li .list_02_01_01_01{position:relative; padding:3px 0 3px 13px; font-size:65px; line-height:180%;}

	@media all and (max-width:740px){
		#content .substance .list_02 > li img{ width:100%;}
	}
	
/*작은 파란색 네모 블릿 리스트*/
#content .substance .page_content .list_03{}
#content .substance .page_content .list_03 > li{position:relative; padding-left:7px; line-height: 22px; font-size:15px; font-weight:400;}
#content .substance .page_content .list_03 > li:before{content:""; display:block; position:absolute; left:0; top:10px; width:3px; height:3px; border-radius:50%; background:#158ccd;}


/* 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-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:#158ccd; background-color:#158ccd; font-weight:bold;}
.btn_d.btn_small:hover {background:#158ccd; color:#fff; font-weight:bold;}
.btn_d.btn_small.cancel {font-size:15px; padding:10px 12px; color:#fff; border-color:#8e8e8e; background-color:#8e8e8e; font-weight:bold;}

.btn_d.btn_xsmall {font-size:13px; padding:5px 19px; color:#158ccd; border-color:#158ccd; background-color:#fff; font-weight:bold;}
.btn_d.btn_xsmall:hover {background:#158ccd; color:#fff; font-weight:bold;}
.btn_d.btn_xxsmall {font-size:13px; padding:2px 5px; color:#158ccd; border-color:#158ccd; background-color:#fff; font-weight:bold; vertical-align:middle;}
.btn_d.btn_xxsmall:hover {background:#158ccd; color:#fff; font-weight:bold;}

.btn_d.disabled{color:#fff; background:#ddd; border-color:#ddd;}
.btn_d.disabled:hover {background:#ddd; color:#fff; border-color:#ddd;}

/* tab */
.tbl_area{position:relative; clear:both; word-break:break-all !important;}
.tbl_area .table_tip{position:absolute; right:0; top:-25px; color:#666; font-size:14px; font-weight:normal;}

		@media all and (max-width:480px){
			.tbl_area .table_tip{font-size:0.9rem;}
			.btn_d.btn_small {font-size:1.0rem;}
		}
		
/* table */
.tbl_gray1{border-collapse:separate; border-top:2px solid #7a7d96; margin-left:-1px; width:100%;}
.tbl_gray1 thead th {background:#f4f5f9; font-size:15px; padding:15px 10px; border-left:1px solid #dde0e8; border-bottom:1px solid #dde0e8; 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 #dde0e8 !important;}
.tbl_gray1 tbody th {background:#fbfcfd; 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 #dde0e8; border-bottom:1px solid #dde0e8; text-align:center; padding:10px;/* word-break:break-all;*/}
.tbl_gray1 tbody td.tbltext_le{ text-align:left;}

		@media all and (max-width:480px){
			.tbl_gray1 thead th {padding:10px 6px; font-size:1.0rem;}
			.tbl_gray1 tbody th, .tbl_gray1 tbody td {font-size:1.0rem; letter-spacing:-1;}
		}

/* 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:9px 0; background-color:#fff; border-top: 2px solid #7a7d96; border-bottom:1px solid #dedede; text-align:center;}
.table_board thead tr:first-child{}
.table_board thead{border-bottom:1px solid #dedede; border-top:2px solid #7a7d96;}
/*.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:#f4f5f9; border-top-width:1px; border-right-width:1px; border-left-width:1px; font-size:16px; line-height:24px; color:#424242; 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:#f4f5f9; border-bottom-width:1px; border-right-width:1px; font-size:15px; line-height:22px; color: #424242; font-weight: bold;}
.table_board td{padding:13px 10px; border-bottom-width:1px; border-left-width:1px; border-right-width:1px; font-size:15px; line-height:180%; color: #424242; 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;}

@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 {}
    .table_board th, .table_board td {text-align: left;}
    .table_board tbody {}
	.table_board tbody th {display: none;}
    .table_board tbody td {}
    .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:110px; height:100%; padding:0 5px; background:#f5f6fa; 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;}
	.table_board tr > li{padding-left: 110px;}

}

/*페이징*/			
.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;}

	@media all and (max-width:480px){
			.ListBoardWrap .boardButton{float:right; padding:14px 0 0 0;}
			.tbl_gray1 thead th {padding:10px 6px; font-size:1.0rem;}
			.tbl_gray1 tbody th, .tbl_gray1 tbody td {font-size:1.0rem; letter-spacing:-1;}
		}
		
/*상단박스*/
.top_box{position:relative; min-height:104px; margin:20px 0; padding:42px 40px 37px 104px; border-top:2px solid #7a7d96; background:#f5f6fa; border-radius:5px;}	
.top_box:before{content:""; display:block; position:absolute; top:36px; left:26px; width:62px; height:49px; background:url('/images/box_icon.png') no-repeat 0 0;}	
.top_box .box_title{margin-bottom:20px; margin-top:0; font-size:24px; font-weight:600; color:#3c55b0; line-height:26px;}
.top_box .box_title > p{margin-bottom:20px; margin-top:0; font-size:15px; font-weight:600; line-height:20px;}
.top_box .box_text{color:#1d3360; line-height:170%;}

	@media all and (max-width:480px){
			.top_box{padding:22px 14px 17px 14px; margin:0 0 20px 0;}
			.top_box:before{top:16px;}	
			.top_box .box_title{margin-top:55px; font-size:1.2rem;}
		}

.bordergrey_box{position:relative; width:calc(100% - 80px); margin:20px 0; padding:42px 40px 37px 40px; border:1px solid #c5c9d6; border-radius:5px;}	
.bordergrey_box:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.bordergrey_box .box_text{color:#1d3360; line-height:170%;}
.bordergrey_box .box_text > p{padding-top:5px;}
	@media all and (max-width:480px){
			.bordergrey_box{width:calc(100% - 20px); padding:12px 9px 7px 9px;}
		}

.bordergrey_box3{position:relative; width:calc(100% - 60px); margin:20px 0; padding:40px 30px 37px 30px; border:1px solid #c5c9d6; border-radius:5px;}	
.bordergrey_box3:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.bordergrey_box3 .box_text{color:#1d3360; line-height:170%;}
.bordergrey_box3 .box_text > p{padding-top:5px;}
	@media all and (max-width:480px){
			.bordergrey_box3{width:calc(100% - 20px); padding:12px 9px 7px 9px;}
		}

.bordergrey_box2{position:relative; width:calc(100% - 42px); margin:20px 0; padding:10px 20px; border:1px solid #c5c9d6; border-radius:5px;}
.bordergrey_box2:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.bordergrey_box2 .box_text{color:#1d3360; line-height:170%;}
.bordergrey_box2 .box_text > p{padding-top:5px;}
	@media all and (max-width:480px){
			.bordergrey_box2{width:calc(100% - 20px); padding:12px 9px 7px 9px;}
		}

/*개인정보*/
.privacy_labeling{position:relative; width:calc(100% - 80px); margin:20px 0; padding:32px 40px; border:1px solid #c5c9d6; border-radius:5px;}
.privacy_labeling:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.privacy_labeling .labeling_text{color:#1d3360; line-height:170%;}
.privacy_labeling .labeling_text > p{padding-top:5px;}
.privacy_labeling > ul.label_list{display:flex; justify-content:space-between; flex-wrap: wrap;}
.privacy_labeling > ul.label_list > li{text-align:center; width:calc(32% - 22px); background:#f5f6fa; border:2px solid #f5f6fa; padding:15px 10px; border-radius:10px; margin:5px 0;}
.privacy_labeling > ul.label_list > li strong{line-height:2.6;}
.privacy_labeling > ul.label_list > li .label_list_sm{ display:block; font-size:1.1rem; margin-top:10px;}
.privacy_labeling > ul.label_list > li:hover{border:2px solid #0044cc;}
.privacy_labeling > ul.label_index{ display:flex; justify-content:space-between; flex-wrap:wrap;}
.privacy_labeling > ul.label_index > li{position:relative; width:calc(48% - 10px); padding:5px 5px 5px 15px; font-size:1.1rem; font-weight:600;}
.privacy_labeling > ul.label_index > li:before{content:""; display:block; position:absolute; left:2px; top:15px; width:4px; height:4px; border-radius:50%; background:#158ccd;}

		
		@media all and (max-width:640px){
			.privacy_labeling{width:calc(100% - 22px); padding:5px 10px;}
			.privacy_labeling > ul.label_index > li{font-size:0.9rem;}
		}
		@media all and (max-width:480px){			
			.privacy_labeling > ul.label_list > li{text-align:center; width:calc(49% - 22px);}
			.privacy_labeling > ul.label_list > li .label_list_sm{font-size:0.9rem; margin-top:10px;}
			.privacy_labeling > ul.label_list > li img{width:30%;}
			.privacy_labeling > ul.label_index > li{width:calc(100% - 10px);}
		}
.ginco_agreement{}
	@media all and (max-width:480px){
		.ginco_agreement{ font-size:1.0rem; line-height:140%;}
	}
		
/* 인사말 */
.greet{position:relative; width:100%; height:auto; /*background:url('/images/greet_ch_pic.jpg') right bottom no-repeat;*/}
.greet p{font-size:16px; width:80%; line-height:170%; padding:0 30px;}
.greet p.hd_tit{width:100%; height:55px; margin-bottom:35px; background:url('/images/greet_ch.jpg') 0 bottom no-repeat; text-indent:-99999em;}
.greet .sign{width:calc(100% - 15%); height:45px; text-align:right; padding:30px 15% 0 0; border-bottom:2px solid #2a76cc;}

.greet_un{position:relative; width:100%; height:auto; /*background:url('/images/greet_un_pic.jpg') right bottom no-repeat;*/}
.greet_un p{font-size:16px; width:80%; line-height:170%; padding-left:30px;}
.greet_un p.hd_tit{width:100%; height:55px; margin-bottom:35px; background:url('/images/greet_un.jpg') 0 bottom no-repeat; text-indent:-99999em;}
.greet_un .sign{width:calc(100% - 0); height:45px; text-align:right; padding:30px 0 0 0; border-bottom:2px solid #2a76cc;}

		@media all and (max-width:1000px){
			.greet .sign{width:calc(100% - 20%); padding:30px 20% 0 0;}
		}
		@media all and (max-width:880px){
			.greet_un .sign{width:calc(100% - 20%); padding:30px 20% 0 0;}
		}
		@media all and (max-width:730px){
			.greet .sign{width:calc(100% - 25%); padding:30px 25% 0 0;}
		}
		@media all and (max-width:580px){
			.greet p.hd_tit{background-size:80%;}
			.greet .sign{text-align:left;}
			.greet_un{background-size:20%;}
		}
		@media all and (max-width:480px){
			.greet{background-size:30%;}
		}

/* 역대임원 */
.history_ch{position:relative; width:100%; height:auto;}
.history_ch:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.history_ch li{display:block; float:left; width:calc(33.33% - 22px); margin-top:0; margin-bottom:30px; margin-right:30px; padding:31px 0 26px 0; text-align:center;}
.history_ch li.dot_box{border:1px solid #c5c9d6; border-radius:5px;}
.history_ch li:nth-child(3n){margin-right:0;}
.history_ch li .box_index{position:relative; display:inline-block; overflow:hidden; margin-top:15px; margin-bottom:10px; border-radius:18px; vertical-align:top;}
.history_ch li .box_index span{display:block; padding:8px 10px; font-size:17px; line-height:19px; color:#fff; background:#008adf;}
.history_ch li .box_text{width:100%; height:auto; min-height:137px;}
.history_ch li .box_text p{font-size:16px; padding-bottom:15px;}
.history_ch li .box_text > ul{clear:both; display:block; width:100%; background:#f5f6fa;}
.history_ch li .box_text > ul > li{position:relative; display:block; text-align:left; width:calc(100% - 25px); height:25px; margin:0 15px 0 0; padding:0 0 0 20px;}
.history_ch li .box_text > ul > li:before{content:""; display:block; position:absolute; left:12px; top:11px; width:3px; height:3px; background:#158ccd;}
	
	@media all and (max-width:809px){
			.history_ch li{width:calc(50% - 22px);}
			.history_ch li:nth-child(3n){margin-right:30px;}
			.history_ch li:nth-child(2n){margin-right:0 !important;}
		}
		@media all and (max-width:570px){
			.history_ch li{width:100%;}
			.history_ch li:nth-child(3n){margin-right:0;}
			.history_ch li:nth-child(2n){margin-right:0 !important;}
		}
		
/* 연혁 */
#content .substance .history{position:relative;}
#content .substance .history .year{position:absolute; float:left; top:0; left:0; font-size:24px; font-weight:bold; color:#3c55b0; line-height:0.8; padding:5px;}
#content .substance .history dl{ display:flex; justify-content: space-between; flex-wrap: wrap; margin-left:100px; height:100%; padding:10px 20px 0 35px; background:#f4f5f9; word-break:break-all; border-radius:5px;}
#content .substance .history dl:last-child{padding-bottom:10px;}
#content .substance .history dl:before,
#content .substance .history dl:after	{content:"";clear:both;display:block;float:none;}
#content .substance .history dt {width:60px; font-size:16px; font-weight:600; color:#008adf;}
#content .substance .history dd {width:calc(100% - 60px); font-weight:500; }

		@media all and (max-width:500px){
			#content .substance .history .year{position:relative; float:none; width:100%; margin-bottom:10px;}
			#content .substance .history dl{margin-left:0; padding:10px 10px 0 10px;}
		}
		
/* 조직도 */
.orgWrap {position:relative; text-align:center; width:100%; height:100%; padding-top:50px; box-sizing: border-box;}
.orgWrap:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.orgWrap .org1 {position:relative; width:100%; height: 100%;}
.orgWrap .org1:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.orgWrap .org1:before {content:""; display:block; position:absolute; left:49.8%; top:0; width:1px; height:228px; background:#c5c9d6;}
.orgWrap dt{position:relative; color:#fff; font-weight:bold; padding:10px 2%; box-sizing:border-box; text-align:center; border-radius:5px;}
.orgWrap dt a{color:#fff;}
.orgWrap .org1 > li{position: relative; width: 100%; height: 100%; display: block;}
.orgWrap .org1 > li:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.orgWrap .org1 > li .num01 {display:block; width:15%; margin:0 auto; text-align:center;}
.orgWrap .org1 > li .num01 dt {background:#00b4cb;}
.orgWrap .org1 > li .num01_1 {display:block; width:15%; margin-top:30px; margin-left:15%; text-align:center; z-index:10;}
.orgWrap .org1 > li .num01_1:before {content:""; display:block; position:absolute; left:30%; top:90px; width:19.8%; height:1px; background:#c5c9d6; z-index:0;}
.orgWrap .org1 > li .num01_1 dt {background:#4d5c94; font-weight:500;}
.orgWrap .org1 > li:last-child {position:relative; width:100%; display: flex; justify-content: space-evenly; box-sizing: border-box; text-align:center;}
.orgWrap .org1 > li .num02 {position:relative; display:block;  padding-top: 22px; margin:0 auto; text-align:center; border-radius:5px;}
.orgWrap .org1 > li .num02:before {content:""; display:block; position:absolute; left:0; margin-left:11.1%; top:55px; width:386px; height:1px; background:#c5c9d6; z-index:0;}
.orgWrap .org1 > li .num02 > dt { background:#008adf; width:15%; margin: 0 auto; color:#fff; font-weight:500;}
.orgWrap .org1 > li .num02 > dd { position:relative; display:block;}
.orgWrap .org1 > li .num02 > dd > ul { position: absolute; left: 0; top:0; margin-top: 114px; margin-left: 6.5%; display: flex; justify-content: center; text-align: center; padding-top: 45px;}
.orgWrap .org1 > li .num02 > dd > ul:before{ content:""; display:block; position:absolute; left:calc(48% - 39px); top:20px; width:79px; height:1px; background:#c5c9d6;}
.orgWrap .org1 > li .num02 > dd > ul:after {content:""; display:block; position:absolute; left:47.4%; top:-145px; width:1px; height:165px; background:#c5c9d6; z-index:0;}
.orgWrap .org1 > li .num02 > dd > ul > li{ position:relative; display:block; width:34px; height:163px; padding:10px 7px; border:1px solid #c5c9d6; text-align: center; font-size: 15px; box-sizing: border-box; word-break: break-all; margin-right: 5px; border-radius:5px;}
.orgWrap .org1 > li .num02 > dd > ul > li:after{content:""; display:block; position:absolute; left:50%; top:-25px; width:1px; height:25px; background:#c5c9d6;}
.orgWrap .org1 > li .num02 > dd > ul > li+li+li+li{line-height: 120%;}

.orgWrap .org1 > li:last-child {position:relative; width:calc(100% - 30%); display: flex; justify-content: space-between; margin-left: 23%; box-sizing: border-box; text-align:center; padding:50px 0; z-index:1;}
.orgWrap .org1 > li:last-child:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.orgWrap .org1 > li:last-child:before {content:""; display:block; position:absolute; right:11.8%; top:27px; width:76.6%; height:1px; background:#c5c9d6; z-index:0;}
.orgWrap .org1 > li:last-child > ul{ width: 100%;}
.orgWrap .org1 > li:last-child > ul > li{ position:relative; display:block; width: 100%;}
.orgWrap .org1 > li:last-child > ul > li:before{ content:""; display:block; position:absolute; left:49.3%; top:-23px; width:1px; height:108px; background:#c5c9d6; }
.orgWrap .org1 > li:last-child > ul > li:last-child{ }
.orgWrap .org1 > li:last-child > ul > li > dl{ position:relative; display:block; padding:0 10px; margin: 0 auto;}
.orgWrap .org1 > li:last-child > ul > li > dl > dt{ width: 150px; margin: 0 auto; background:#c5c9d6;}
.orgWrap .org1 > li:last-child > ul > li > dl > dd{ position: relative; display:block;}
.orgWrap .org1 > li:last-child > ul > li > dl > dd > ul.nth_01{display: flex; justify-content: center; margin: 0 auto; text-align: center; padding-top: 45px;}
.orgWrap .org1 > li:last-child > ul > li > dl > dd > ul.nth_01:before{ content:""; display:block; position:absolute; left:calc(49% - 59px); top:20px; width:118px; height:1px; background:#c5c9d6;}
.orgWrap .org1 > li:last-child > ul > li > dl > dd > ul > li{position:relative; display:block; width:34px; height:163px; padding:10px 7px; border:1px solid #c5c9d6; text-align: center; box-sizing: border-box; word-break: break-all; margin-right: 5px; border-radius:5px;}
.orgWrap .org1 > li:last-child > ul > li > dl > dd > ul > li:before{content:""; display:block; position:absolute; left:50%; top:-25px; width:1px; height:25px; background:#c5c9d6;}
.orgWrap .org1 > li:last-child > ul > li > dl > dd > ul.nth_02{display: flex; justify-content: center; margin: 0 auto; text-align: center; padding-top: 45px; line-height: 110%;}
.orgWrap .org1 > li:last-child > ul > li > dl > dd > ul.nth_02:before{ content:""; display:block; position:absolute; left:calc(49.4% - 98px); top:20px; width:196px; height:1px; background:#c5c9d6;}
.orgWrap .org1 > li:last-child > ul > li > dl > dd > ul.nth_03{display: flex; justify-content: center; margin: 0 auto; text-align: center; padding-top: 45px;}
.orgWrap .org1 > li:last-child > ul > li > dl > dd > ul.nth_03:before{ content:""; display:block; position:absolute; left:calc(50% - 22px); top:20px; width:40px; height:1px; background:#c5c9d6;}
.orgWrap .org1 > li:last-child > ul > li:after {content:""; display:block; height:0; clear:both; visibility:hidden;}

	
	@media all and (max-width:1600px){
		.orgWrap .org1 > li .num02:before{margin-left:12.3%;}
		.orgWrap .org1 > li:last-child:before{right:-10px; width: 603px;}
	}

	@media all and (max-width:1440px){
		.orgWrap .org1 > li .num02:before{margin-left:11.9%;}
		.orgWrap .org1 > li:last-child:before{right:40px;}
	}

	@media all and (max-width:1280px){
		.orgWrap .org1 > li .num02:before{margin-left:11.3%;}
		.orgWrap .org1 > li:last-child:before{right:97px; width: 639px;}
	}

	@media all and (max-width:1024px){
		.orgWrap .org1 > li:last-child:before{right:92px; width: 622px;}
		.orgWrap .org1 > li .num02:before{margin-left: 55px; width: 346px;}
		.orgWrap .org1 > li .num02 > dd > ul{ margin-left: 0;}
		.orgWrap .org1 > li:last-child{width: calc(100% - 15%); margin-left: 15%;}
		.orgWrap .org1 > li .num02 > dd > ul > li,
		.orgWrap .org1 > li:last-child > ul > li > dl > dd > ul > li{ font-size: 1.0rem;}
		.orgWrap .org1 > li:last-child > ul > li > dl > dd > ul > li:before{left: 51%;}
	}
	
	@media all and (max-width:800px){
		.orgWrap .org1:before{ height: 220px;}
		.orgWrap .org1 > li .num01,
		.orgWrap .org1 > li .num02 > dt{ width: 35%;}
		.orgWrap .org1 > li .num01_1{ width: 20%;}
		.orgWrap .org1 > li .num02 > dd > ul{ position: relative; margin-top: 0;}
		.orgWrap .org1 > li .num02 > dd > ul:after{  height: 0;}
		.orgWrap .org1 > li .num02:before{ width: 0; height: 0;}
		.orgWrap .org1 > li .num02 > dd > ul:before{left:calc(50% - 41px); width: 79px;}
		.orgWrap .org1 > li:last-child{flex-direction: column; margin-left: 0; width: 100%;}
		.orgWrap .org1 > li:last-child:before{ height: 0;}
		.orgWrap .org1 > li:last-child > ul > li:before{ top:55px;  height: 30px;}
		.orgWrap .org1 > li:last-child > ul > li{ margin-top: 25px;}
		.orgWrap .org1 > li:last-child > ul > li > dl > dd > ul.nth_01:before{left: calc(49.2% - 57px);}
		.orgWrap .org1 > li:last-child > ul > li > dl > dd > ul.nth_02:before{left: calc(49.2% - 96px);}
		.orgWrap .org1 > li:last-child > ul > li > dl > dd > ul > li:before{left: 48%;}
	}
@media all and (max-width:400px){
		.orgWrap .org1 > li:last-child > ul > li > dl > dd > ul.nth_01:before{left: calc(49.2% - 59px);}
		.orgWrap .org1 > li:last-child > ul > li > dl > dd > ul.nth_02:before{left: calc(49.2% - 98px);}
		.orgWrap .org1 > li:last-child > ul > li > dl > dd > ul > li:before{left: 49%;}
}


/* 노동조합조직도 */
.orgWrap {position:relative; text-align:center; width:100%; height:100%; /*background:url('/images/org_bg.jpg?20220114') center 50px no-repeat;*/ padding-top:50px;}
.orgWrap:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.orgWrap .org2 {position:relative; width:100%;}
.orgWrap .org2:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.orgWrap .org2:before {content:""; display:block; position:absolute; left:49.8%; top:0; width:1px; height:256px; background:#c5c9d6;}
.orgWrap dt {color:#fff; font-weight:bold; padding:10px 2%; box-sizing:border-box; text-align:center; border-radius:5px;}
.orgWrap .org2 > li .num01 {display:block; width:15%; margin:0 auto; text-align:center;}
.orgWrap .org2 > li .num01:first-child:before {content:""; display:block; position:absolute; left:calc(50% - 35%); top:0; margin-top:113px; width:70%; height:1px; background:#c5c9d6;}
.orgWrap .org2 > li .num01 dt {background:#00b4cb;}
.orgWrap .org2 > li .num01_1 {float:left; width:15%; margin:0 auto; text-align:center; padding-left:15%; padding-top:50px;}
.orgWrap .org2 > li .num01_1 dt {background:#008adf; font-weight:500;}
.orgWrap .org2 > li .num01_2 {float:right; width:15%; text-align:center; padding-right:15%; padding-top:50px;}
.orgWrap .org2 > li .num01_2 dt {background:#008adf; font-weight:500;}
.orgWrap .org2 > li .num01_3 {display:block; width:15%; margin:0 auto; margin-top:100px; text-align:center;}
.orgWrap .org2 > li .num01_3 dt {background:#008adf; font-weight:500;}
.orgWrap .org2 > li .num01_4 {display:block; width:15%; margin:0 auto; margin-top:10px; text-align:center;}
.orgWrap .org2 > li .num01_4 dt {background:#008adf; font-weight:500;}
.orgWrap .org2 > li .num01_5 {display:block; width:15%; margin-top:120px; margin-left:15%; text-align:center; z-index:10;}
.orgWrap .org2 > li .num01_5:before {content:""; display:block; position:absolute; left:30%; top:185px; width:19.8%; height:1px; background:#c5c9d6; z-index:0;}
.orgWrap .org2 > li .num01_5 dt {background:#4d5c94; font-weight:500;}

.orgWrap .org2 > li .num03 {position:relative; width:100%; margin:0 auto; text-align:center; padding:30px 0 50px 0;}
.orgWrap .org2 > li .num03:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.orgWrap .org2 > li .num03 dt {position:relative; display:inline-block; width:15%; margin-right:39.5%; background:#c5c9d6; border:1px solid #c5c9d6; font-weight:500;}
.orgWrap .org2 > li .num03:before {content:""; display:block; position:absolute; left:25%; top:52px; width:60%; height:1px; background:#c5c9d6; border-radius:50%;}
.orgWrap .org2 > li .num03 dt:nth-child(2) {margin-right:0;}
.orgWrap .org2 > li .num03_1 {position:relative; float:left; width:calc(45% - 20px); text-align:center; padding:10px 10px 5px 10px; border:1px solid #c5c9d6; background:#FFF; border-radius:5px;}
.orgWrap .org2 > li .num03_1:before {content:""; display:block; position:absolute; left:50%; top:-60px; width:1px; height:60px; background:#c5c9d6; border-radius:50%;}
.orgWrap .org2 > li .num03_1 dt {display:block; background:#eeeff3; width:100%; color:#363c5a; font-weight:500; margin-bottom:5px;}
.orgWrap .org2 > li .num03_1 dt > ul{width:100%; background:#fff; color:#363c5a; margin:5px auto 0; padding:4px 0; border-radius:5px;}
.orgWrap .org2 > li .num03_1 dt > ul li{ position:relative; display:inline-block; padding:2px 20px 2px 15px; color:#363c5a; font-weight:400; font-size:14px;}
.orgWrap .org2 > li .num03_1 dt > ul li:before{content:""; display:block; position:absolute; left:3px; top:12px; width:3px; height:3px; background:#158ccd; border-radius:50%;}
.orgWrap .org2 > li .num03_2 {position:relative; float:right; width:calc(45% - 20px); text-align:center; padding:10px 10px 5px 10px; border:1px solid #c5c9d6; background:#FFF; border-radius:5px;}
.orgWrap .org2 > li .num03_2:before {content:""; display:block; position:absolute; left:50%; top:-60px; width:1px; height:60px; background:#c5c9d6; border-radius:50%;}
.orgWrap .org2 > li .num03_2 dt {display:block; background:#eeeff3; width:100%; color:#363c5a; font-weight:500; margin-bottom:5px;}
.orgWrap .org2 > li .num03_2 dt > ul{width:100%; background:#fff; color:#363c5a; margin:5px auto 0; padding:4px 0; border-radius:5px;}
.orgWrap .org2 > li .num03_2 dt > ul li{ position:relative; display:inline-block; padding:2px 20px 2px 15px; color:#363c5a; font-weight:400; font-size:14px;}
.orgWrap .org2 > li .num03_2 dt > ul li:before{content:""; display:block; position:absolute; left:3px; top:12px; width:3px; height:3px; background:#158ccd; border-radius:50%;}
.orgWrap .org2 > li .num03_3 {float:left; width:calc(13% - 20px); text-align:center; margin:0 3%; padding:10px 10px 5px 10px; border:1px solid #c5c9d6; background:#FFF; border-radius:5px;}
.orgWrap .org2 > li .num03_3 dt {display:block; background:#eeeff3; width:100%; color:#363c5a; font-weight:500; margin-bottom:5px;}

.orgWrap .org2 > li .num02 {position:relative; width:calc(100% - 90px); text-align:center; margin:20px 30px; padding:15px 15px 10px 15px; border:1px solid #c5c9d6; border-radius:5px;}
.orgWrap .org2 > li .num02 dt {display:inline-block; background:#eeeff3; width:16.2%; color:#363c5a; font-weight:400; margin-bottom:5px;}
	
	@media all and (max-width:800px){
		.orgWrap .org2 > li .num01_1 {padding-left:3%;}
		.orgWrap .org2 > li .num01_2 {padding-right:3%;}
		.orgWrap .org2 > li .num01_5 {margin-left:3%;}
		.orgWrap .org2 > li .num01_5:before {left:18%; width:31.5%;}
		.orgWrap .org2 > li .num03 dt {width:20%;}
		.orgWrap .org2 > li .num02 dt {width:24.5%;}
	}
	
	@media all and (max-width:556px){
		.orgWrap .org2 > li .num01 {width:25%;}
		.orgWrap .org2 > li .num01_1 {padding-left:0; width:25%;}
		.orgWrap .org2 > li .num01_2 {padding-right:0; width:25%;}
		.orgWrap .org2 > li .num01_3 {width:25%;}
		.orgWrap .org2 > li .num01_4 {width:25%;}
		.orgWrap .org2 > li .num01_5 {margin-left:0; width:25%;}
		.orgWrap .org2 > li .num01_5:before {left:25%; width:24.8%;}
		.orgWrap .org2 > li .num03 dt {width:30%; margin-right:30%;}
		.orgWrap .org2 > li .num02 {margin:20px 0; width:calc(100% - 30px);}
		.orgWrap .org2 > li .num02 dt {width:32%; font-size:0.9rem;}
	}

/*찾아오시는길*/
.kakaomap{ width:100%;}

.half_round{}
.half_round > li{ margin-bottom:.5rem; padding-top:.4rem; line-height:2.5rem;}
.half_round > li > span {display:inline-block; margin-right:.75rem; padding:.3rem 1rem; color:#fff; border-radius:30px; background:#00b4cb; font-weight:600; 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;}

/*강사소개*/
.coach {}
.coach:after {clear:both;content:"";display:block;}
.coach > li {position:relative; float:left; width:49%; min-height:260px; margin-right:1.5%; margin-bottom:18px; padding:30px 30px 30px 205px; border:1px solid #e3e3e3; border-top:2px solid #103574;}
.coach > li:after {position:absolute; bottom:-3px; left:0; display:block; width:100%; height:2px; background:#f3f3f3; content:''}
.coach > li:nth-child(2n) {margin-right:0%}
.coach > li img {position:absolute; top:30px; left:30px }
.coach > li .tit {overflow:hidden; margin-bottom:10px; padding:11px 0; border-bottom:1px solid #d9d9d9;}
.coach > li .tit strong {float:left; color:#000000; font-size:21px}
.coach > li .tit p {float:right; padding-top:5px; font-size:14px; color:#1f5eac}
.coach > li .tx li {position:relative; margin-bottom:4px; padding-left:10px; font-size:14px; color:#676767}
.coach > li .tx li:after {position:absolute; top:8px; left:0; display:block; width:2px; height:2px; background:#7f7f7f; content:''}

@media all and (max-width:920px) {
.coach > li {width:100%; margin-bottom:15px; margin-right:0%;}
}

@media all and (max-width:480px) {
.coach > li {min-height:auto; padding:15px 23px 20px 23px}
.coach > li img {display:none}
}

/*주요업무*/
.mainwork_wrap ul:before{position:absolute; top:-7.8rem; left:0; z-index:-1; content:""; display:inline-block; width:100%; height:1px; background-color:#DBDBDB;}
.mainwork_wrap ul li{position:relative; background-color:#F6F6F6; border-radius:6rem; padding:1.3rem 1.3rem 1.4rem 5rem; margin-bottom:1.2rem; font-size:1.4rem; font-weight:400; letter-spacing:-0.09rem;}
.mainwork_wrap ul li p{position:relative; word-break:keep-all;}
.mainwork_wrap ul li .num{position:absolute; top:-.6rem; left:-4rem; display:inline-block; width:3rem; height:3rem; line-height:3rem; font-family:'mtsr'; font-weight:600; font-size:1.3rem; background-color:#00b4cb; border-radius:50%; margin-right:1rem; text-align:center; color:#fff;}

/*@media(max-width: 1023px){
	.mainwork_wrap ul li{width:50%;}
	.mainwork_wrap ul:before{top:-4.8rem;}
	.mainwork_title{font-size:2rem;margin-bottom:2.4rem;}
}*/

/*주요업무 이미지*/
.relation_wrap{text-align:center; margin-top:6rem; padding-top:5rem; border:1px solid #c5c9d6;}
.relation_wrap ul{position:relative; max-width:98.2rem; overflow:hidden; margin:0 auto; }
.relation_wrap ul:before{position:absolute; top:50%; left:10%; margin-top:-4rem; content:""; width:80%; height:1px; background-color:#dedede;}
.relation_wrap li{position:relative; float:left; width:25%; z-index:999;}
.relation_wrap li:first-child{margin-left:0;}
.relation_wrap li:before{position:absolute; right:0; top:30%; content:""; display:inline-block; width:1.3rem; height:1.3rem; background:url('/images/depth03_dot.jpg') no-repeat center 0 ; background-size:contain;}
.relation_wrap li:last-child:before{background:none; }
.relation_wrap li .cir{width:13.7rem; height:13.7rem;}
.relation_wrap li .cir > p{ padding-top:9.5rem; font-size:1.4rem; font-weight:600;}
.relation_wrap li .cir > p.last{ padding-top:9rem; line-height:1.8rem;}
.relation_wrap li p{font-size:1.3rem; line-height:2.7rem; letter-spacing:-0.05rem; color:#222;}
.relation_wrap .last_org{position:relative; width:70%; margin:8rem auto 5rem; background:#00b4cb; color:#FFF; border-radius:6rem; padding:1.3rem;}
.relation_wrap .last_org:before{position:absolute; top:50%; left:0; width:100%; margin-top:-8rem; content:""; height:36px; background:url('/images/sb_mainwork_bg_05.jpg') no-repeat center 0;}

		@media all and (max-width:724px){
			.relation_wrap ul:before{background:none;}
			.relation_wrap li{width:48%;}
			.relation_wrap li:before{background:none;}
			.relation_wrap li .cir{margin-bottom:0 !important;}
		}
		@media all and (max-width:411px){
			.relation_wrap li .cir{width:8.7rem; height:8.7rem; margin-bottom:0 !important;}
			.relation_wrap li .cir img{width:40px; margin-top:8%;}
			.relation_wrap li:nth-child(3) .cir img{width:30px; margin-top:5%;}
			.relation_wrap li:nth-child(4) .cir img{width:30px; margin-top:4%;}
			.relation_wrap li .cir > p{padding-top:5.5rem; font-size:1.25rem;}
			.relation_wrap li .cir > p.last{padding-top:5.3rem; line-height:1.3rem;}
			.relation_wrap li p{font-size:1.13rem; line-height:2.1rem;}
		}

/*순서박스*/
.step_list_box {padding-bottom:30px;}
.step_list_box ul{overflow:hidden; width:100%;}
.step_list_box ul li{position:relative; float:left; display:table; table-layout:fixed; min-height:175px; width:calc(25% - 44px); text-align:center; border:2px solid #f4f5f9; background:#f4f5f9; word-break:keep-all; font-size:1.3rem; line-height:2.2rem; letter-spacing:-0.06rem; color:#00b4cb; font-weight:600; padding:40px 20px;}
.step_list_box ul li:nth-child(2n+1){border:2px solid #fbfcfd; background:#fbfcfd;}
.step_list_box ul li span,
.step_list_box ul li a{display:table-cell; width:100%; vertical-align:middle; padding:0 1rem; word-break:break-all;}
.step_list_box ul li:hover{border:2px solid #00b4cb;}
.step_list_box ul li > p{font-size:16px; color:#4a506b; font-weight:400;}
		
/*step4_sky*/
.step4_sky {overflow:hidden; margin:10px 0 0 0;}
.step4_sky dl{position:relative; display:inline-block; min-width:15%; margin-left:2%; box-sizing:border-box; text-align:center;}
.step4_sky dl:first-child {margin-left:0;}
.step4_sky dl dt{padding:10px 5px; background:#00b4cb; color:#fff; border:1px solid #00b4cb;}
.step4_sky dl dd{padding:20px 10px; font-size:16px; font-weight:400; margin-bottom:10px; vertical-align:middle; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.step4_sky dl dd > .steptext {display:block; padding-top:10px; word-break:break-all;}
.step4_sky dl:after {content:''; position:absolute; top:49%; right:-23px; bottom:50px; width:21px; height:19px; background:url('/images/step_arrow.png') no-repeat 0 center;}
.step4_sky dl:last-child {overflow:hidden;}

	@media all and (max-width:1680px){
		.step4_sky dl{float:left; width:23%;}
		.step4_sky dl:nth-child(5){margin-left:0;}
	}

	@media all and (max-width:740px){
		.step4_sky dl dd {height:115px; font-size:14px;}
	}
	
	@media all and (max-width:664px){
		.step4_sky dl dd {height:45px; font-size:14px; letter-spacing:-1px;}
	}
	

@media all and (max-width:577px){
		.step4_sky dl{float:left; width:47%;}
		.step4_sky dl:nth-child(2n+1){margin-left:0;}
		.step4_sky dl:nth-child(4){margin-left:2%;}
	}


/*step4*/
.step4 {overflow:hidden; margin:10px 0 0 0;}
.step4 dl {position:relative; float:left; width:23.5%; margin-left:2%; box-sizing:border-box; text-align:center;}
.step4 dl.number_8 {position:relative; float:left; width:22%; margin-left:2%; box-sizing:border-box; text-align:center;}
.step4 dl:first-child {margin-left:0;}
.step4 dl:nth-child(5) {margin-left:0;}
.step4 dl dt {padding:10px 5px; background:#00b4cb; color:#fff; border:1px solid #00b4cb;}
.step4 dl dd {padding:10px 10px; height:75px; font-size:16px; font-weight:400; line-height:160%; margin-bottom:20px; vertical-align:middle; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.step4 dl:after {content:''; position:absolute; top:50% !important; right:-7%; width:15px; height:11px; background:url('/images/step_arrow.png') no-repeat 0 center;}
/*.step4 dl.rotate_90:after{content:''; position:absolute; top:90% !important; right:50%; width:15px; height:11px; background:url('/images/step_arrow.png') no-repeat 0 center; transform: rotate(90deg);}
.step4 dl.rotate_180:after{content:''; position:absolute; top:50% !important; right:-7%; width:15px; height:11px; background:url('/images/step_arrow.png') no-repeat 0 center; transform: rotate(180deg);}*/
		

			@media all and (max-width:918px){
				#content .page_content .step dl dd {font-size:14px; letter-spacing:-1px;}
				#content .page_content .step dl dt { font-size:15px; letter-spacing:-1px;}
			}
			
			@media all and (max-width:850px){
				#content .page_content .step dl dt {height:47px;}
			}
			
			@media all and (max-width:742px){
				#content .page_content .step dl dt {height:27px;}
				#content .page_content .step dl{width:30%; height:147px;}
				#content .page_content .step dl:nth-child(4){margin-left:0;}
				#content .page_content .step dl:nth-child(6):after{background:none; width:100%; text-align:right;}
			}
			
			
			@media all and (max-width:1024px){
				#content .page_content .step5 dl dd {font-size:14px; letter-spacing:-1px;}
				#content .page_content .step5 dl dt { font-size:15px; letter-spacing:-1px;}
			}
			
			@media all and (max-width:762px){
				#content .page_content .step5 dl{width:30%;}
				#content .page_content .step5 dl:nth-child(4){margin-left:0;}
				#content .page_content .step5 dl:nth-child(5):after{background:none; width:100%; text-align:right;}
			}
			
			@media all and (max-width:482px){
				#content .page_content .step5 dl dt {height:47px;}
				#content .page_content .step5 dl dd {height:105px;}
			}
			
			@media all and (max-width:428px){
				#content .page_content .step5 dl dd {height:155px;}
			}
			
			@media all and (max-width:910px){
				#content .page_content .step5 dl dd {font-size:14px; letter-spacing:-1px;}
			}
			
			@media all and (max-width:834px){
				#content .page_content .step4 dl dd {font-size:14px; letter-spacing:-1px;}
			}
			@media all and (max-width:695px){
				#content .page_content .step4 dl {width:42%; margin-left:5%;}
				#content .page_content .step4 dl:nth-child(3){}
				#content .page_content .step4 dl:last-child:after{background:none; width:100%; text-align:right;}
				.step4 dl:after {right:-9%;}

			}
			
			@media all and (max-width:382px){
				#content .page_content .step4 dl {width:90%;}
				.step4 dl dd {height:auto;}
				.step4 dl:after{content:''; position:absolute; top:88% !important; right:50%; width:15px; height:11px; background:url('/images/step_arrow.png') no-repeat 0 center; transform: rotate(90deg);}
			}
			


/*리스트테이블*/
.list_table{border-top:1px solid #ddd; margin-top:25px; word-break:keep-all;}
.list_table	> li{position:relative; border-bottom:1px solid #ddd;}
.list_table	> li:before{content:""; display:block; position:absolute; left:1.5rem; top:2.3rem; width:3px; height:3px; background:#00a5e5;}
.list_table > li strong{position:relative; display:table-cell; padding:1.5rem 2.5rem; font-weight:600; color:#00b4cb;}
.list_table > li strong:before {content: ""; position:absolute; display:block; width:1px; height:.75rem; background-color:#b9b9b9; top:2.3rem; right:0; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.list_table > li span {display:table-cell; padding-left: 2.5rem; padding-top:1.5rem;}

		@media all and (max-width:494px){
		}
		
.systemBox	{clear:both; position:relative; width:902px; height:480px; margin:30px 0 0 15px; padding:60px 0px 60px 20px; background:url('/images/sc_management_img02.png') no-repeat; word-break:break-all !important;}
.system01 li		{float:left; position:relative; width:270px; height:330px; margin-right:30px; text-align:center; line-height:1.5em;}
.system01 .title	{padding-top:8px; font-size:16px; font-weight:bold; color:#fff;}
.system01 .text	{padding-top:54px; line-height:1.5em; font-size:14px;}

.system02		{clear:both; margin-left:116px;}
.system02 li		{float:left; width:270px; text-align:center; margin-right:110px; line-height:1.5em;}
.system02 .title	{padding-top:9px; font-size:16px; font-weight:bold; color:#fff;}

		@media all and (max-width:1024px){
				.systemBox{zoom:0.5;}
		}

		@media all and (max-width:768px){
				.systemBox{zoom:0.6;}
		}

		@media all and (max-width:480px){
				.systemBox{zoom:0.4;}
		}

.requestWriteWrap table{border-collapse: collapse; color:#666;}
.requestWriteWrap table caption{display:none;}
.requestWriteWrap table th{height:44px; background:#f1f1f1; font-weight:bold; border:1px solid #ddd; text-align:center; vertical-align:middle; color:#424242; font-size:15px;}
.requestWriteWrap table td{min-height:24px; border:1px solid #ddd; padding:10px 0 10px 10px; text-align:left; vertical-align:middle; color:#424242;}
.requestWriteWrap table td input[type=text]{padding:3px 5px; border:1px solid #aaa; font-size:15px;}
.requestWriteWrap .agreeBox{padding:30px 30px 5px 30px; margin-top:10px; line-height:1.7em;  background:#f4f4f4;}
.requestWriteWrap .agreeBox strong{font-size:19px;}
.requestWriteWrap .agreeBox span{display:block; padding-top:5px;}
.requestWriteWrap .agreeBox .agCheck{padding:10px 0; margin-top:20px; text-align:center; color:#ff6000; border-top:1px dashed #aaa;}
.requestWriteWrap .agreeBox .agCheck input[type=checkbox]{width:17px; height:17px; margin-top:-3px; vertical-align:middle;}
.requestWriteWrap .boardButton{width:100%; text-align:center;}
.requestWriteWrap .boardButton p{padding-top:30px;}

		@media all and (max-width:768px){
				.requestWriteWrap #o_address1,
				.requestWriteWrap #o_address2,
				.requestWriteWrap #u_address1,
				.requestWriteWrap #u_address2{width:200px !important;}
		}

/*시설안내*/
.beauty {width:100%;}
.beauty:after {content:""; display:block; float:none; clear:both;}
.beauty .beau2_box{display:flex; justify-content:space-between; flex-wrap:wrap;}
.beauty .beau2_box > li{color:#4a506b; width:calc(50% - 16px); padding:4px 0 10px 16px; font-size:1.2rem; font-weight:600; background:url(/images/depth02_dot.png) no-repeat 0 8px;}
.beauty .beau2_box > li > ul{display:flex; justify-content:flex-start; flex-wrap:wrap; width:100%; margin-top:10px;}
.beauty .beau2_box > li > ul > li{min-width:120px; /*min-height:190px;*/ margin-right:1%; text-align:center; padding:18px 20px; border:1px solid #e3e3e3; border-top:2px solid #103574;}
.beauty .beau2_box > li > ul > li:after {position:absolute; bottom:-3px; left:0; display:block; width:100%; height:2px; background:#f3f3f3; content:''}
.beauty .beau2_box > li > ul > li:last-child {margin-right:0;}
.beauty .beau2_box > li > ul > li img {position:relative; margin:0 auto; width:98px; height:131px; border-radius:10px;}
.beauty .beau2_box > li > ul > li .tit {position:relative; width:100%; overflow:hidden; margin:0 auto;}
.beauty .beau2_box > li > ul > li .tit > img  {margin:10px 0;}
.beauty .beau2_box > li > ul > li .tit strong {display:block; width:100%; margin:0 auto; padding:5px 0; color:#000000; font-size:15px; letter-spacing:-1px; text-align:center; border-bottom:1px solid #d9d9d9;}
.beauty .beau2_box > li > ul > li .tit p {display:block; width:100%; padding-top:5px; text-align:center; font-size:14px; color:#1f5eac}
.beauty .beau2_box > li > ul > li .tx li {position:relative; margin-bottom:4px; padding-left:10px; font-size:14px; color:#676767}
.beauty .beau2_box > li > ul > li .tx li:after {position:absolute; top:10px; left:0; display:block; width:3px; height:3px; border-radius:50%; background:#158ccd; content:''}

	@media all and (max-width:580px){
		.beauty .beau2_box > li{width:calc(100% - 16px);}
		.beauty .beau2_box > li > ul > li:nth-child(3){margin-top:4px;}
	}
/*이미지 100%*/
.divimg_100{}
	@media all and (max-width:768px){
		.divimg_100 img{width:100%;}
		.divimg_100 p img{width:100%;}
	}
.public_data{width:calc(100% - 60px); padding:30px; background:#f2f2f2;}

/*회원가입 분류*/
.mem_site_wrap{position:relative; width:100%; padding-top:13px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.mem_site_wrap:after{content:""; display:block; float:none; clear:both;}
.mem_site_wrap > li{width:32%; margin-right:2%; border-radius:10px; text-align: center; background:url('/images/sb_mem_site01.jpg') no-repeat center 80px #eef4f8;}
.mem_site_wrap > li+li{background:url('/images/sb_mem_site02.jpg') no-repeat center 80px #eef4f8;}
.mem_site_wrap > li+li+li{margin-right:0; background:url('/images/sb_mem_site03.jpg') no-repeat center 80px #eef4f8;}
.mem_site_wrap > li:last-child{margin-right:0;}
.mem_site_wrap > li .top_red_box{color: #ff6c00; border: 2px solid #ff6c00; text-align: center; display: block; font-weight: 600; border-radius: 10px; background: #fff; padding: 5px 30px; min-height: 53px; line-height: 160%; box-shadow: 3px 3px 7px 3px rgb(50, 50, 50, .2);}
.mem_site_wrap > li a > .mem_site_link{position:relative; width:60%; padding:9px 0; margin:200px auto 20px; border-radius:10px; text-align:center; background:#3c55b0;  color:#fff; font-weight:600;}
.mem_site_wrap > li br{ display: none;}

	@media all and (max-width:1024px){
		.mem_site_wrap > li{background-size:80%;}
		.mem_site_wrap > li+li{background-size:80%;}
		.mem_site_wrap > li+li+li{background-size:80%;}
		.mem_site_wrap > li .top_red_box{padding: 5px; min-height: 45px; font-size: 1.0rem;}
		.mem_site_wrap > li a > .mem_site_link{ width: 100%;  margin:200px auto 0;}
	}
	@media all and (max-width:840px){
		.mem_site_wrap > li > .mem_site_link{ margin-top:86%;}
		.mem_site_wrap > li > .mem_site_link a{ font-size:1.0rem;}	
		.mem_site_wrap > li .top_red_box{ min-height: 65px;}
		.mem_site_wrap > li a > .mem_site_link{ margin:150px auto 0;}
	}
	@media all and (max-width:480px){
		/*.mem_site_wrap{max-width: 700px; overflow-x:scroll; overflow-y:hidden;}*/
		/*.mem_site_wrap > li{width:100%;}*/
		.mem_site_wrap > li{ background:url('/images/sb_mem_site01.jpg') no-repeat center 130px #eef4f8; background-size: 100%;}
		.mem_site_wrap > li+li{background:url('/images/sb_mem_site02.jpg') no-repeat center 130px #eef4f8; background-size: 100%;}
		.mem_site_wrap > li+li+li{background:url('/images/sb_mem_site03.jpg') no-repeat center 130px #eef4f8; background-size: 100%;}
		.mem_site_wrap > li > .mem_site_link{ margin-top:80%;}
		.mem_site_wrap > li br{ display:block;}
		.mem_site_wrap > li .top_red_box{min-height: 105px;}
		.mem_site_wrap > li a > .mem_site_link{ margin:100px auto 0;}
	}
	
	@media all and (max-width:840px){
		#mn_content .main_facility_inner .facility_wrap > li{width:100%; height:207px;}
		#mn_content .main_facility_inner .facility_wrap > li:nth-child(2){width:100%; height:107px;;}
		#mn_content .main_facility_inner .facility_wrap > li:nth-child(3){width:100%; height:157px;}
		#mn_content .main_facility_inner .facility_wrap > li > dl > dd{float:left; width:30%; padding:25px 0 0 2%;}
		#mn_content .main_facility_inner .facility_wrap > li > dl > dd:nth-child(2){margin-top:0;}
		#mn_content .main_facility_inner .facility_wrap > li > dl > dd:nth-child(4),
		#mn_content .main_facility_inner .facility_wrap > li > dl > dd:nth-child(7){width:36%;  padding:25px 0 0 0;}
	}
	
	@media all and (max-width:648px){
		#mn_content .main_facility_inner .facility_wrap > li{width:100%; height:247px;}
		#mn_content .main_facility_inner .facility_wrap > li:nth-child(2){width:100%; height:147px;}
		#mn_content .main_facility_inner .facility_wrap > li:nth-child(3){width:100%; height:197px;}
		#mn_content .main_facility_inner .facility_wrap > li > dl > dd{width:46%; padding:25px 0 0 2%;}
		#mn_content .main_facility_inner .facility_wrap > li > dl > dd:nth-child(4),
		#mn_content .main_facility_inner .facility_wrap > li > dl > dd:nth-child(7){width:46%;  padding:25px 0 0 2%;}
	}
	
	@media all and (max-width:510px){
		#mn_content .main_facility_inner .facility_wrap > li{width:100%; height:437px;}
		#mn_content .main_facility_inner .facility_wrap > li:nth-child(2){width:100%; height:197px;}
		#mn_content .main_facility_inner .facility_wrap > li:nth-child(3){width:100%; height:297px;}
		#mn_content .main_facility_inner .facility_wrap > li > dl > dd{width:100%; padding:25px 0 0 4%;}
		#mn_content .main_facility_inner .facility_wrap > li > dl > dd:nth-child(4),
		#mn_content .main_facility_inner .facility_wrap > li > dl > dd:nth-child(7){width:100%; padding:25px 0 0 4%;}
	}

.gumi_sisul_img{width:px;}

        @media all and (max-width:635px){
			.gumi_sisul_img{width:100%;}
		}

        @media all and (max-width:392px){
			.tab_txt a{height:55px;}
		}

.join_warning{position: relative; width: 100%; color:#e5004a; line-height:1.3em; font-size: 2.25rem; font-weight: 500; border-radius: 10px; padding:15px 5px; margin-bottom: 3rem; text-align:center; box-sizing: border-box;}
.join_warning:after{content: ''; position:absolute; display: block; left: 0; bottom:0; width:calc(100% - 6px); height: 20px; border-bottom: 3px solid #eb616c; border-left: 3px solid #eb616c; border-right: 3px solid #eb616c;}

.join{ width: 100%; display: flex; justify-content: space-between; column-gap: 3rem; margin-bottom: 5rem;}
.join .join_con{position: relative; width: 100%; height: 295px;  margin-bottom: 3rem;}
.join .join_con:after{ content:""; display:block; clear:both;}
.join .join_con a{}
.join .join_con a .join_title{ text-align: center; font-size: 1.25rem; font-weight: 700; color: #6a6185; margin-bottom: 1rem;}
.join .join_con a .join_wrap {position: relative;  width: 100%; height: 270px;}
.join .join_con a .join_wrap:before{ content: ''; position:absolute; display: block; left: 0; top:0; width: 100%; height: 270px;}
.join .join_con a .join_wrap.n1:before{ background: url(/images/join_01_bg.jpg) no-repeat; background-size: cover;}
.join .join_con a .join_wrap.n2:before{ background: url(/images/join_02_bg.jpg) no-repeat; background-size: cover;}
.join .join_con a .join_wrap.n3:before{ background: url(/images/join_03_bg.jpg) no-repeat; background-size: cover;}
.join .join_con a .join_wrap > ul{}
.join .join_con a .join_wrap > ul > li{ width: 47.2%; padding-top: 1rem; position: relative;}

.join .join_con a .join_wrap > ul > li .join_list{ position: relative; display: flex; flex-direction: column;  padding:0; width: 100%; box-sizing: border-box; z-index: 1;}
.join .join_con a .join_wrap > ul > li .join_list > li{ display: inline-block; margin:0.25rem 0.75rem; font-size: 1.25rem; color: #fff; font-weight: 600; text-align: center; z-index: 1; box-sizing: border-box; text-shadow: #00978c 0px 0px 2px,  #00978c 0px 0px 2px,  #00978c 0px 0px 2px,
   #00978c 0px 0px 2px,  #00978c 0px 0px 2px,  #00978c 0px 0px 2px;}
.join .join_con a .join_wrap > ul > li:before{ content: ''; position:absolute; display: block; left: 0; top:0; width: 100%; height: 270px;}
.join .join_con a .join_wrap > ul > li.join_bg_n1:before{ background: rgba(218, 118, 121, 0.5);}
.join .join_con a .join_wrap > ul > li.join_bg_n2:before{ background: rgba(101, 153, 255, 0.5);}
.join .join_con a .join_wrap > ul > li.join_bg_n3:before{ background: rgba(82, 154, 134, 0.5);}
.join .join_con a .join_wrap > ul > li .join_list > li.n1_hp_write{position: relative; border-bottom: 1px solid #fff; border-top: 1px solid #fff; margin-top: 1.5rem; padding: 0.5rem; box-sizing: border-box;}
.join .join_con a .join_wrap > ul > li .join_list > li.n1_hp_write:before{ content: ''; position: absolute; display: block; left: 0; top:0; width: calc(100% - 2px); height: 8px; border-left: 1px solid #fff; border-right: 1px solid #fff;}
.join .join_con a .join_wrap > ul > li .join_list > li.n1_hp_write:after{ content: ''; position: absolute; display: block; left: 0; bottom:0; width:  calc(100% - 2px); height: 8px; border-left: 1px solid #fff; border-right: 1px solid #fff;}


.join .join_con a .join_wrap .join_btn_link{ position: absolute; left: 0; top: 95%; width: 100%; border-radius: 10px; text-align: center; font-size: 1.375rem; letter-spacing: -1px; font-weight: 500; color: #fff100; padding: 1.25rem 0; border: 2px solid #fff; box-shadow:2px 0 4px rgba(0, 0, 0, 0.2); z-index: 2; box-sizing: border-box;}
.join .join_con a .join_wrap .join_btn_link.n1{ background: #da7679;}
.join .join_con a .join_wrap .join_btn_link.n2{ background: #6599ff;}
.join .join_con a .join_wrap .join_btn_link.n3{ background: #529a86;}
.join .join_con a .join_wrap .join_btn_link .n1_white_text{ color: #fff;}

	 
	@media all and (max-width:1024px){
		 .join{ column-gap: 0.5rem;}
		 .join_warning{font-size: 1.5rem;}
		 .join .join_con a .join_title{font-size: 1.0rem;}
		 .join .join_con a .join_wrap > ul > li{ width: 100%;}
		 .join .join_con a .join_wrap > ul > li .join_list > li{font-size: 1rem;}
		 .join .join_con a .join_wrap .join_btn_link{font-size: 1.25rem;}
	}
	@media all and (min-width:780px){
		.join_warning br,
		.join .join_con a .join_wrap .join_btn_link br{display: none;}
	}
	@media all and (max-width:780px){
		.join .join_con a .join_wrap{height: 220px;}
		.join .join_con a .join_wrap > ul > li .join_list > li{margin:0 0.25rem; font-size: 0.875rem;}
		.join .join_con a .join_wrap .join_btn_link{font-size: 1rem;}
	}