@charset "utf-8";

.con_box { width: 100%; box-sizing:border-box; padding: 16px 20px; background: #f5f5f5; font-size: 13px; line-height: 1.8em; margin: 20px 0; height:auto; }

.page95 {width:100%; display:inline-block; border:1px solid #efefef; box-sizing:border-box;}
.page95 .txt_01 {float:left; width:50%; padding:20px 0; box-sizing:border-box;}
.page95 .txt_01 li {font-size:14px; clear:both; line-height:30px; padding-left:20px;}
.page95 .txt_02 {float:left; width:50%; padding:20px 0;}
.page95 .txt_02 li {font-size:14px; clear:both; line-height:30px; padding-right:20px;}

ul.p_box_ul > li { float:left; width:19.5%; box-sizing:border-box; padding:0 5px; }
ul.p_box_ul > li:first-child { padding:0 5px 0 0; }
ul.p_box_ul > li:last-child { padding:0 0 0 5px; }

.p_box {float:left; width:100%; margin-bottom:30px;}
.p_box .t1 {padding:20px 0; width:100%; background:#daf2f4; color:#138999; font-size:15px; text-align:center; margin:5px 0; font-weight:bold;}
.p_box ul li {width:100%; box-sizing:border-box; clear:both; font-size:12px; letter-spacing:-1px; line-height:20px; padding:5px 10px; border:1px solid #e9e9e9; text-align:center; margin:5px 0;}
.p_box ul li.bb {background:#f5f5f5;}
.p_box ul li.tit01 {font-size:14px; font-weight:bold; padding:5px 10px; margin:5px 0; color:#fff; background:#46bece;}

.p_box .t2 {padding:20px 0; width:100%; background:#dcecce; color:#44841a; font-size:15px; text-align:center; margin:5px 0; font-weight:bold;}
.p_box ul li.tit02 {font-size:14px; font-weight:bold; padding:5px 10px; margin:5px 0; color:#fff; background:#44841a;}

p.txt { font-size:16px; line-height:22px; }


.p_box .t3 {padding:20px 0; width:100%; background:#ebcbe2; color:#9a1e7f; font-size:15px; text-align:center; margin:5px 0; font-weight:bold;}
.p_box ul li.tit03 {font-size:14px; font-weight:bold; padding:5px 10px; margin:5px 0; color:#fff; background:#9a1e7f;}

.p_box .t4 {padding:20px 0; width:100%; background:#ffd789; color:#e15500; font-size:15px; text-align:center; margin:5px 0; font-weight:bold;}
.p_box .t5 {padding:20px 0; width:100%; background:#cad6ff; color:#2e4cad; font-size:15px; text-align:center; margin:5px 0; font-weight:bold;}

.tb_text { width:100%; }
.tb_text h5 { font-size:14px; line-height:24px; }
.tb_text ul { margin-bottom:15px; }
.tb_text ul li { font-size:12px; line-height:24px; }
.tb_text p.right { text-align:right; }

.title_ul li {margin-top:20px; padding-left:13px; background:url(/images/user/contents/bul_cont_title3.gif) no-repeat 0 7px; color:#303030; font-size:16px; }
.p_title {margin-top:20px; padding-left:13px; background:url(/images/user/contents/bul_cont_title3.gif) no-repeat 0 7px; color:#303030; font-size:16px; }
.p_text_box { font-size:14px; line-height:22px; background-color:#f7f7f7;padding:15px; color:#333;}
.cont_dl { margin-left:20px; }
.cont_dl dt {margin:20px 0 10px 0; padding-left:13px; background:url(/images/user/contents/bul_bar.gif) no-repeat 0 7px; color:#303030; font-size:14px; font-weight:bold; }
.cont_dl dd {margin:0 0 5px 0; padding-left:14px; background:url(/images/user/contents/bul_arrow.gif) no-repeat 0 7px; margin-left:15px; font-size:14px;}

.cont_dl_2 {width:19.5%; margin-right:0.5%; float:left; margin-bottom:20px;}
.cont_dl_2 dt {padding:10px 5px; color:#303030; font-size:15px; font-weight:bold; text-align:center; margin-bottom:10px; letter-spacing:-1px;}
.cont_dl_2 dt.c1 {background:#0f81ca; color:#fff; border-radius:10px;}
.cont_dl_2 dt.c2 {background:#0fca93; color:#fff; border-radius:10px;}
.cont_dl_2 dt.c3 {background:#479c29; color:#fff; border-radius:10px;}
.cont_dl_2 dt.c4 {background:#e97813; color:#fff; border-radius:10px;}
.cont_dl_2 dt.c5 {background:#9840a2; color:#fff; border-radius:10px;}
.cont_dl_2 dd { padding:10px 20px; font-size:14px; background-color:#f7f7f7; border-radius:10px; line-height:20px;}

.cont_ul li { padding-left:13px; background:url(/images/user/contents/bul_bar.gif) no-repeat 0 9px; text-align:left; width:95%; float:left; margin-left:10px;}
.cont_ul li.li_child { background:none; width:100%;font-size:13px; }
.cont_ul li.li_child:before { content:"·"; }

.cont_ul_2 {overflow:hidden;}
.cont_ul_2 > li { padding:0 0 0 13px; background:url(/images/user/contents/bul_bar.gif) no-repeat 0 9px; line-height:22px; font-size:15px;  margin:20px 0 0 0; }
.cont_ul_2 li strong { color:#000; }
.cont_ul_2 li ol li { background:none; padding:0; margin:0; padding:10px 0 0 0; }
.cont_ul_2 li ol li b { display:block; }




/* login */
.login_wrap {overflow:hidden;position:relative;text-align: center;font-size: 0; width:100%; margin:0 auto;}
.login_box {background:#fff;border:1px solid #ddd;border-top:4px solid #222;font-size:13px;height:420px;width:60%;padding:40px 65px;box-sizing:border-box;display:inline-block;vertical-align:top;text-align:left; overflow:hidden; margin:0 auto;}
.login_box > strong {text-align:center;font-size:20px;display:block;color:#222;font-family:'NanumSquare';margin-bottom:35px; letter-spacing:-1px;line-height:30px;}

.form_area {position:relative;}
.form_area .inq_input:after {clear:both;content:"";display:block;}
.form_area .inq_input {margin-bottom:20px;font-size:0;}
.form_area .inq_input:last-child{margin-bottom:0;}
.form_area .inq_input>label{display:inline-block;font-size:18px;height:42px;line-height:45px;letter-spacing:-1px;width:22%;vertical-align: top;}
.form_area .inq_input>label span { color: #bb162b;display: inline-block;vertical-align: text-top;}

.form_area .btn_login { font-family:'NanumSquare'; display:block; width:100%; height:56px; line-height:56px; text-align:center; font-size:22px; color:#fff;background-color:#222;margin-bottom:20px;}
.form_area .btn_find {text-align:center;margin-bottom:25px;font-size:14px;}
.form_area .btn_find a:first-child:after {content:"|";display:inline-block;padding:0 5px;}
.form_area .input_wrap {width:77%;display:inline-block;/* height:42px; */}
.form_area .input_wrap span {font-size:18px;line-height:34px;}
.form_area .input_wrap input[type="text"],
.form_area .input_wrap input[type="password"] {width:100%;height:42px;border:1px solid #ccc;box-sizing:border-box;background:#f6f6f7;font-size:16px;padding: 0 10px;}

.addr_wrap:after{clear:both;content:"";display:block;}

.login_btn{position:relative;text-align:right}
.login_btn li { padding:0 0 5px 0 ; }

.login_btn .btn {color:#222;text-align:center;font-size:13px; font-weight:bold; }


.sns_box {background:#fff;border:1px solid #ddd; font-size:13px; width:60%;padding:30px 65px;box-sizing:border-box;display:block;vertical-align:top;text-align:left; margin:2px auto; }

.btn_wrap {display:table;height:120px;width:100%;}
.btn_wrap p {vertical-align:middle;}
.btn_wrap p a { box-sizing:border-box; float:left; display:block; width:100%; height:55px; margin-bottom:20px; position:relative; text-decoration:none; line-height:50px; }
.btn_wrap p a.sns2,
.btn_wrap p a.sns4 {float:right;}

.btn_wrap p a span {color:#fff;display:block;text-align:left;font-size:18px;padding-left:80px;}
.btn_wrap p a.sns3 span {color:#333;}
.btn_wrap p a.sns1{background:#3c5a9a url(/images/user/contents/facebook.gif) no-repeat 25px 13px; vertical-align: middle;}
.btn_wrap p a.sns2{background:#1dc800 url(/images/user/contents/naver.gif) no-repeat 25px 13px;}
.btn_wrap p a.sns3{background:#ffec01 url(/images/user/contents/kakao.gif) no-repeat 25px 13px;}
.btn_wrap p a.sns4{background:#cb2028 url(/images/user/contents/google.gif) no-repeat 25px 15px;}

/* id search */
.find_box{background:#f6f6f7;border:1px solid #ddd;border-top:4px solid #222;font-size:13px;width:100%;padding:20px 30px;box-sizing:border-box;text-align:left; overflow:hidden; width:100%; margin:0 auto;  }
.find_box.bt1 {border-top:1px solid #ddd;padding:45px 0;}

.find_box .form_area p.tlt_p { font-size:17px; line-height:30px; float:left; width:20%; color:#333; padding:20px 0 30px 0; font-weight:bold; }
.find_box .form_area ul li { float:left; line-height:100px; width:40%; box-sizing:border-box; padding:0 20px;  }
.find_box .form_area ul li i { display:inline-block; float:left; width:64px; height:100px; margin-left:20px;}
.find_box .form_area ul li:first-child i { background:url('/images/user/contents/phone.png') no-repeat 10%; }
.find_box .form_area ul li:last-child i { background:url('/images/user/contents/mail.png') no-repeat 10%;  }
.find_box .form_area ul li p { width:100%;  float:left; background-color:#fff; border-radius:100px; height:100px; }
.find_box .form_area ul li p span { font-size:17px; width:60%; float:left;  display:block; line-height:20px; margin:30px 0 0 15px;  }

.btn_wrap {text-align:center;font-size:0;}
.btn_wrap button {font-family:'NanumSquare';display:inline-block;width:220px;height:50px;line-height:50px;font-size:20px;}
.btn_wrap button.btn_black{background:#222;color:#fff;}
.btn_wrap button.btn_white{background:#fff;border:2px solid #222;color:#222;}
.btn_wrap button.btn_white.btn_draw {margin-left:20px;}

.form_area_email {position:relative;}
.form_area_email .inq_input:after {clear:both;content:"";display:block;}
.form_area_email .inq_input {margin-bottom:20px;font-size:0;}
.form_area_email .inq_input:last-child{margin-bottom:0;}
.form_area_email .inq_input>label{display:inline-block;font-size:18px;height:42px;line-height:45px;letter-spacing:-1px;width:20%;vertical-align: top;}
.form_area_email .inq_input>label span { color: #bb162b;display: inline-block;vertical-align: text-top;}

.form_area_email .input_wrap {width:60%;display:inline-block; }
.form_area_email .input_wrap span {font-size:18px;line-height:34px;}
.form_area_email .input_wrap input[type="text"],
.form_area_email .input_wrap input[type="password"] {width:100%;height:42px;border:1px solid #ccc;box-sizing:border-box;background:#f6f6f7;font-size:16px;padding: 0 10px;}

.form_area_email .send_email { width:18%; position:absolute;right:0; top:0;}
.form_area_email .btn_login { font-family:'NanumSquare'; display:block; width:100%; height:102px; line-height:56px; text-align:center; font-size:18px; color:#fff;background-color:#222;margin-bottom:20px;}

.warn_txt {color:#28489a;font-size:16px;}

/* 회원가입단계 */
.memberStep {height:60px;}
.memberStep .member_tab::after {content: "";display: block;clear: both;	}
.memberStep .member_tab > li {position: relative;float: left;width:25%;	padding: 15px 0;	background-color: #f2f5fa;border:1px solid #dfdfdf;	border-left:0 none;font-size:15px;color:#333;text-align: left;box-sizing: border-box;padding-left: 30px;	}
.memberStep .member_tab > li .num {display: inline-block;width: 22px;height: 22px;line-height: 22px;margin-right:3px;background-color: #666;	text-align: center;	color: #fff;border-radius: 100%;	}
.memberStep .member_tab > li.first {border-left:1px solid #dfdfdf;}
.memberStep .member_tab > li.on {margin-right: 0px;padding-left: 30px;background-color: #fff;border:1px solid #000;font-size:15px;	color:#000;font-weight: 700;text-align: left;	box-shadow: 0px 0px 10px #e5e5e5;	}
.memberStep .member_tab > li.on .num {display: inline-block;width: 22px;height: 22px;text-indent: -9999px;	background-color: #000;	background-image: url(/images/user/contents/ico_member.png);background-position: -5px -3px;	background-repeat: no-repeat;	}
.memberStep .member_tab > li.on .daum {position:absolute;top:40%;right:20px;	display: block;	width: 15px;height: 13px;	background-image: url(/images/user/contents/ico_member.png);	background-position: -34px -8px;background-repeat: no-repeat;	}
.memberStep .member_tab > li.on .here {	position:absolute;	bottom:-8px;left:50%;display: block;width: 14px;height: 8px;	background-image: url(/images/user/contents/ico_member.png);background-position: -5px -26px;background-repeat: no-repeat;}

.memberStep .member_tab.tab_id_find > li { width:50%; }

/* 약관동의 */
.agreeField { clear: both; margin-bottom:20px;}
.scrollbox {	overflow-y: scroll;	height: 180px;	margin-top: 20px;padding: 20px;border: 1px solid #d2d2d2;}
.scrollbox .sc_title1 {	margin:10px 0;font-size:16px;color:#333;	}
.scrollbox .sc_title2 {	margin:10px 0;font-size:14px;color:#333;	}
.scrollbox ul, .scrollbox ol {margin-left:20px;	font-size:13px;}
.scrollbox ol > li {	margin-bottom:5px;	/*list-style-type: decimal;*/}
.scrollbox ul > li {	margin-bottom:5px;	list-style-type: disc;}
.agreechk {	padding: 10px 0;	}
.agreeAll {text-align: center; background-color:#fbfbfb; border:1px solid #ccc; line-height:20px; padding:20px; }

/* 본인인증 */
.meSelect ul {overflow: hidden; margin-bottom:100px;}
.meSelect ul li {position: relative;	float: left;width: 32%;margin-right: 2%;padding: 27px 30px;padding-left: 106px;border: 1px solid #ccc; text-align: left;color: #000;box-sizing: border-box; height:220px;}
.meSelect ul li.last {margin-right:0%;}
.meSelect ul li.on {background-color: #027B90;color: #fff;}
.meSelect ul li .ico {position: absolute;top: 40px;left: 25px;display: block;width: 60px;height: 77px;margin: 0 auto;}
.meSelect ul li.l1 .ico {background-image: url(/images/user/contents/ico_member.png);background-position: -168px -83px;	}
.meSelect ul li.l2 .ico {background-image: url(/images/user/contents/ico_member.png);background-position: -11px -83px;}
.meSelect ul li.l3 .ico {background-image: url(/images/user/contents/ico_member.png);background-position: -83px -83px;}
.meSelect ul li .tt {display: block;	line-height:22px; font-size:18px;font-weight: 700;}
.meSelect ul li .note {display: block;	 font-size:13px;font-weight: 200; margin-top:10px;}

.meSelect .btn_confirm {position: absolute; bottom:30px; right:30px; width: 120px;text-align: left; height:35px; padding:0 15px; border-radius:3px; }
.meSelect .btn_confirm .arr {position: absolute;top: 11px;right: 10px;display: block;width: 6px;height: 10px;	background-image: url(/images/user/contents/ico_member.png);background-position: -207px -22px;	background-repeat: no-repeat;}
.meSelect ul li.on .btn_confirm .arr {background-position: -213px -22px;}

.btn_point1 {background-color: #0d7e9c; border-color: #0d7e9c; color:#fff;}/*sj20181106*/
.btn_point1:hover, .btn_point1:focus, .btn_point1:active {background-color:#015E6F; border-color:#208294;}/*sj20181106*/
.btn_point2 {background-color: #10537d; border-color: #10537d; color: #ffffff;}
.btn_point2:hover, .btn_point2:focus, .btn_point5:active {background-color:#0c3f5e; border-color:#10537c; color:#fff; text-decoration:none;}

/* 회원정보입력 */
.iptButton {max-width:360px; padding-right:110px; position:relative; box-sizing:border-box;}
.iptButton input[type="password"],.iptButton input[type="text"] { width:100%; }
.iptButton a {position:absolute; top:0; right:0;}

.email { overflow:hidden; }
.email p { float:left; margin-right:5px; }

/* 회원가입완료 */
.end_join { padding:20px; width:100%; text-align:center; box-sizing:border-box;}
.end_join span.img { display:inline-block; width:100px; height:100px; background:#0d7e9c url('/images/user/contents/ico_member.png') no-repeat ;background-position: 10px -166px; border-radius:100%; margin:30px auto; }
.end_join .p_tlt { font-size:22px; line-height:30px; font-weight:bold; color:#333; letter-spacing:-1px; font-family:'NanumSquare'; margin-bottom:15px; }
.end_join .text { font-size:13px; line-height:22px; padding-top:5px 0;  }
.end_join .text b { color:#0d7e9c; }

.button_box { width:100%;  margin-top:30px;  }

/* 회원탈퇴 */
.join_break p.tlt { font-size:17px;  }
.join_break .con_box dl dt { font-weight:bold; color:#333; line-height:22px; font-size:15px;}
.join_break .con_box dl dd { line-height:22px; padding-left:10px;}

/* 인사말 */
.greetings .owner_img {width:100%; height:300px; background:url('/images/user/contents/owner_img2.png') no-repeat right 0;}
.greetings .owner_img .tit { clear: both; font-size: 26px; font-weight: 600;  color: #45acb4; padding-top:80px;  line-height: 1.8em;}
.greetings .page46 { border-radius: 10px;   border: 1px solid #dbdbdb; padding: 40px 30px;  font-size: 16px; font-weight: 400;  color: #666;  position: relative;  margin-bottom: 137px;   box-sizing: border-box;}
.greetings .page46 p { padding-top:15px; line-height:28px; }
.text_right { text-align:right; }

/* 비전 */
.vision{text-align:center;}
.page47 {/*background: url('/images/user/contents/page47_bg_01.jpg') no-repeat center;*/ width:100%;text-align:center;}
.page47 .top {display:inline-block; margin-top:20px;}
.page47 .top .top_1 {color:#ffea00; font-size:50px;  font-weight: 600;}
.page47 .top .top_2 {font-size:25px; color:#fff; font-weight:bold; margin-top:25px;}
.page47 .top .top_2 .txt01 {font-size:36px; color:#ffba00; line-height:54px;}
.center22 {padding: 4px 0 10px; margin-top: 40px; line-height: 40px; font-size: 30px; text-align: center; color: #5e5e5e; font-weight: bold; 
    display: block; width: 80px; margin: 0 auto; border-bottom: 2px solid #999999;
}

.page47 .bot {display:inline-block; text-align:center; width:100%; margin-top:30px;}
.page47 .bot .bot_1 {width: 27%;float:left;margin: 0 3%;padding:20px 0;background:#009999;border-radius: 15px;}
.page47 .bot .bot_1 .tit {color:#fff;font-weight:bold;font-size: 30px;line-height:36px;}
.page47 .bot .bot_2 {width: 27%;float:left;margin: 0px 3%;padding:20px 0;background:#666;border-radius: 15px;}
.page47 .bot .bot_2 .tit {color:#fff; font-weight:bold; font-size:30px; line-height:36px;}
.page47 .bot .bot_3 {width: 27%;float:left;margin: 0 3%;padding:20px 0;background:#ff9900;border-radius: 15px;}
.page47 .bot .bot_3 .tit {color:#fff; font-weight:bold; font-size:30px; line-height:36px;}

.page47_mb_none {display:none;}

.page47_1 {padding:10px 0; background:#f7f7f7; height:25px;}
.page47_1 .txt_01{float:left;}
.page47_1 ul li {font-size:14px; clear:both; padding-left:20px;}

.page47_box {display:inline-block; width:100%; margin-top:30px;}
.page47_box li {position:relative;padding: 20px 1%;width: 45%;border:2px solid #bab7b7;border-radius: 7px;text-align:center;font-size: 20px;font-weight: bold;float:left;margin: 5px 10px;}
.page47_box li span{position: absolute; top:0; left:0; background-color: #5b665b; color: #fff; width: 66px; height: 22px; line-height: 22px; border-radius: 5px; font-size: 18px;}


.page47_box2 {display:inline-block; width:100%; margin-top:30px;}
.page47_box2 li{padding:10px 1%; width:29%; text-align:center; font-size:16px; float:left; margin:4px 10px;}
.page47_box2 li.a01 {border-top:4px solid #009999; border-left:1px solid #efefef;border-right:1px solid #efefef;border-bottom:1px solid #efefef;}
.page47_box2 li.a02 {border-top:4px solid #666; border-left:1px solid #efefef;border-right:1px solid #efefef;border-bottom:1px solid #efefef;}
.page47_box2 li.a03 {border-top:4px solid #ff9900; border-left:1px solid #efefef;border-right:1px solid #efefef;border-bottom:1px solid #efefef;}

.mg_t40 {margin-top:60px !important; }


.highlight {
	text-emphasis-style: dot;
	text-emphasis-position: over left;
	-webkit-text-emphasis-style: dot;
	-webkit-text-emphasis-position: over;
}

/* 연혁 */

.p48_cont-in {font-size: 14px; font-size: 1.4rem; line-height: 1.6; overflow:hidden; width: 900px;}
.history_wrap  { position: relative; }
.history_wrap .history_tit { border-bottom: 2px solid #5f5f5f; padding: 20px 0 10px; font-size:30px; font-weight:bold; }
.history_wrap .history_visual { background-repeat: no-repeat; background-position: 0 0; width: 202px; height: 282px;   position: absolute; top: 45px; right: 30px }
.history_wrap .history_cnt { margin-top: 10px;}
.h_wrap { padding-top: 25px; }
.h_wrap .year { width: 100px; line-height: 40px;  color: #fff; font-weight: bold; font-size: 24px; text-align: center; float: left; margin: 40px 0 0 0; background-image: url("/images/user/contents/history_yearbg.png"); background-repeat: no-repeat; background-position: 0 0 ; }
.h_wrap .h_list { float: left; width: 765px; margin-left: 25px; padding: 40px 0; border-bottom: 1px dashed #d2d2d2; }
.h_wrap .h_list.last { border-bottom: none; }
.h_wrap .h_list li { overflow: hidden; margin-top: 10px; background-image: url("/images/user/contents/history_arr.png"); background-repeat: no-repeat; background-position: 0 9px; padding-left: 13px; font-size: 15px; }
.h_wrap .h_list li:first-child { margin-top: 0; }
.h_wrap .h_list li .date { font-weight: bold; color: #306ea7; width:90px; display:inline-block; vertical-align:top;}
.h_wrap .h_list li .cnt { padding-left: 15px; display:inline-block;}
.h_wrap .h_list li .cnt_1 { padding-left: 105px; }
.h_wrap .h_list li .cnt_11 { padding-left: 60px; }
.historyTemp0123 {margin-left:25px;}
.historyTemp0123 .listContent {float:left;}
.historyTemp0123 .historyList .years {float:left;margin:20px 70px 0 33px;}
.historyTemp0123 .yearsContent {float:left;width:400px;padding:19px 0;line-height:180%;}
.historyTemp0123 .yearsContent .date {font-weight:bold;margin-right:18px;}

.con_box_img {width:96%; padding: 30px 2%; background:#f7f7f7; font-size:16px; line-height:1.8em; margin: 20px 0;}
.contans_page48 {float : right; width:85%; margin-top:15px;}

/* 조직도 */
.page50 {display:inline-block; width:100%;}
.page50 .team {margin:20px 0; display:none; width:100%;}
.org { overflow:hidden;}
.org .tb {width:100%; border-collapse:collapse; border-top:3px solid #33afb0;}
.org .tb th {font-size:15px; font-weight:bold; padding:10px; background:#f5f5f5; border:1px solid #e8e8e8; text-align:center;}
.org .tb td {font-size:14px; line-height:20px; padding:10px; border:1px solid #e8e8e8; text-align:center; vertical-align:middle;}

.chart_wrap{position:relative; width:1100px; margin:0 auto; height:970px; background:url('/images/user/contents/org_bg.gif') no-repeat center bottom; }
.chart_wrap h3{color:#000; text-align:center; width:120px; height:120px; line-height:120px; border-radius:100%; margin-left:-70px; border:10px solid #006572; display:block; position:absolute; left:50%; top:0; font-weight:bold; font-size:22px; margin-top:0; }
.chart_wrap h3:after{content:'';background-color:#ccc;position:absolute;right:58px;top:108%;height:150px;width:1px;}
.chart_wrap h4{background-color:#fff; color:#000; border:10px solid #00529b; text-align:center; width:120px; height:120px; line-height:120px; border-radius:100%; margin-left:-70px; display:block; position:absolute; left:50%; top:280px; font-weight:bold;  font-size:18px; margin-top:0; }
.chart_wrap h4:after{content:''; background-color:#ccc; position:absolute; right:58px; top:108%; height:60px; width:1px;}
.chart_wrap p {position:absolute; color:#000; background-color:#d0d0d0; text-align:center; display:block; width:160px; height:auto; line-height:22px; box-sizing:border-box; padding:19px 0; font-size:15px; font-weight:bold; }
.chart_wrap p:after{content:''; background-color:#ccc; position:absolute;}
.chart_wrap p.main_s01{ left:17%; top:120px; }
.chart_wrap p.main_s01:after{left:135px; top:50%; height:1px; width:230px;}
.chart_wrap p.main_s02{ right:17%; top:150px; }
.chart_wrap p.main_s02:after{right:160px; top:50%; height:1px; width:201px;}
.chart_wrap p.main_s03{ left:17%; top:200px; }
.chart_wrap p.main_s03:after{left:135px; top:50%; height:1px; width:229px;}
.chart_wrap p.main_s04{
    right: 0;
    top:530px;
    width: 119px;
    text-decoration: none;
    box-sizing: border-box;
    display: block;
/*     color: #fff; */
    background-color: #526ca0;
    line-height: 18px;
    font-size: 14px;
    text-align: center;
    padding: 16px 20px;
    font-weight: bold;
    height: 50px;
    z-index:999;
    }
.chart_wrap p.main_s04 a{color: #fff;}
.chart_wrap p.main_s04:after{right: 71px; top: -630%; height: 1px; width: 478px;}
.chart_wrap p.main_s04:before{content:''; background-color:#ccc; width:1px; height:315px; position:absolute; top:-315px; left:47px;} 

.chart_wrap .group{ position:relative; top:530px;}
.chart_wrap .group:after{content:'';background-color:#ccc;width: 851px;height:1px;position:absolute;top:-50px;left:52px;}
.chart_wrap .group ul > li:first-child { margin-left:0; }
.chart_wrap .group ul > li  {float:left;position:relative;}
.chart_wrap .group ul > li:after{content:'';background-color:#ccc;width:1px;height:50px;position:absolute;top:-50px;left: 50%;}
.chart_wrap .group ul > li > a { text-decoration:none;box-sizing:border-box; display:block; color:#fff; background-color:#526ca0; line-height:18px; font-size:14px; text-align:center; padding:16px 20px; font-weight:bold;}
.chart_wrap .group ul > li.pd_line3 > a { padding:10px 0; }
.chart_wrap .group ul > li > a span { display:block; margin:0 auto; }
.chart_wrap .group ul > li > .wrap { position:absolute; top:100px;}
.chart_wrap .group ul > li > .wrap li {margin-left:10px;}
.chart_wrap .group ul > li > .wrap li > a {display:flex; align-items: center; justify-content: center; background-color:#72618e;color:#fff;width:75px;line-height:18px;font-size:14px;text-align:center;box-sizing:border-box; height:140px; font-weight:bold;}
.chart_wrap .group ul > li > .wrap li:after{content:'';background-color:#ccc;width:1px;height:20px;position:absolute;top:-20px;left: 50%;}


/* 정보공개 */
.list_div_ty .bl03 { margin:30px 0 0 0; background:url('/images/user/contents/bul_cont_title_etc.gif') no-repeat 0 11px; font-size:17px; color:#0d7e9c;}

/* ci */
.symbol_wrap > div { margin-top:20px; overflow:hidden; }
.symbol_wrap .sym_line1 .img { display:inline-block; float:left; width:42%;}
.symbol_wrap .sym_line1 .img img { width:100%; }
.symbol_wrap .sym_line1 dl {display:inline-block; position:relative; width:56%; float:right; }
.symbol_wrap .sym_line1 dl dt { font-size:18px; color:#333; line-height:27px; }
.symbol_wrap .sym_line1 dl dd { padding-top:3px; }
.symbol_wrap .sym_line1 dl dd ul li { font-size:13px; line-height:20px; background:url(/images/user/contents/bul_arrow.gif) no-repeat 0 7px; padding-left:10px; margin-top:10px; }

.symbol_wrap .sym_line2 dl dt { font-size:15px; line-height:35px; margin-top:20px;}
.symbol_wrap .sym_line2 dl { float:left; width:48%; }
.symbol_wrap .sym_line2 dl:last-child { float:right; }
.symbol_wrap .sym_line2 dl dd img { width:100%; }

.symbol_wrap .sym_line3 .sym_box { border:1px solid #ccc; padding:20px; box-sizing:border-box; background:url('/images/user/contents/suwone_45.png') no-repeat 20px 50px; height:300px; position:relative;}
.symbol_wrap .sym_line3 .sym_box > ul { position:absolute; right:30px; top:60px; }
.symbol_wrap .sym_line3 li { float:left; }
.symbol_wrap .sym_line3 dl { float:left; width:100px; margin-right:25px; width:124px; height:187px; box-shadow:3px 2px 4px #ccc; background-color:#fff;}
.symbol_wrap .sym_line3 dl dt { color:#fff; box-sizing:border-box; padding:62px 0 0 10px; height:88px; font-size:15px; font-weight:bold;}
.symbol_wrap .sym_line3 li:nth-child(1) dt  {background-color:#01b0b3; }
.symbol_wrap .sym_line3 li:nth-child(2) dt  {background-color:#f99b27; }
.symbol_wrap .sym_line3 li:nth-child(3) dt  {background-color:#5a665a; }
.symbol_wrap .sym_line3 dl dd { padding:0 0 0 10px; }
.symbol_wrap .sym_line3 dl dd ul li {color:#000; font-size:12px; line-height:17px;}

.symbol_wrap .sym_line4 ul { clear:both; margin-bottom:40px; overflow:hidden;}
.symbol_wrap .sym_line4 ul li { box-sizing:border-box; width:25%; float:left;}
.symbol_wrap .sym_line4 ul li p { text-align:center; line-height:15px; font-size:13px; color:#333; padding:5px 0;}
.symbol_wrap .sym_line4 ul li > div { width:95%; margin:0 auto; }
.symbol_wrap .sym_line4 ul li img { width:100%;}

/* map */
.map {width:100%; display:inline-block;}
.map h5 {margin-top:20px; display:block;}
.map dl dt { font-size:14px; line-height:25px; font-weight:bold; color:#333; padding-bottom:10px;  background:url(/images/user/contents/bul_arrow.gif) no-repeat 0 9px; padding-left:10px;}
.map dl dd { font-size:14px; line-height:22px; }
.map .tb1 {width:100%; border-collapse:collapse; border-top:3px solid #3386a9;}
.map .tb1 th {font-size:16px; font-weight:bold; padding:10px 5px; background:#f5f5f5; border:1px solid #e8e8e8; text-align:center;}
.map .tb1 td {font-size:16px; padding:10px 20px; border:1px solid #e8e8e8;}

/* 사이트맵 */
.sitemap { position:relative;clear:both;width:100%;overflow:hidden; }
.sitemap article {text-align:center; float:left; width: calc(25% - 10px); height:auto;border:1px solid #ddd; padding-bottom:10px;margin-left:10px;line-height:30px; margin-bottom:10px; min-width:130px;}
.sitemap .cont_sitemap_row:first-child article:first-child { /* height:910px; */ margin-left:0; }
.sitemap article h4 { clear:both; width:90%;font-size:16px; font-weight:600; color:#45acb4; padding-bottom:10px; letter-spacing:-0.1em; margin:20px auto 0; border-bottom:2px solid #45acb4;}
.sitemap article dl { width:90%; margin:0 auto; }
.sitemap article dl dt a { font-size:15px; display:block; text-align:left; padding-left:20px; border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea; font-weight:bold; color:#333; line-height:37px;}
.sitemap article dl dt+dt a { border-top:0; }
.sitemap article dl dd a { display:block; font-size:14px; line-height:30px; text-align:left; padding-left:20px; background:url(/images/user/contents/bul_arrow.gif) no-repeat 22px 12px;  padding-left:29px;}

/* 관련기관 */
.banner { width:100%; overflow:hidden; }
.banner article {  width: calc(50% - 10px); float:left; box-sizing:border-box; overflow:hidden; margin:0 0 10px 10px;}
.banner article:first-child { margin-left:0; }
.banner article a { display:block; width:100%; background-color:#f4f4f4;  overflow:hidden; box-sizing:border-box; }
.banner article a img { border:1px solid #ccc; padding:5px; margin:10px; }
.banner article a span.b_img { display:block; float:left; width:50%;}
.banner article a span.b_txt { display:block; float:left; padding:15px 0 0 0; font-size:14px; width: calc(50% - 20px); margin-left:20px;box-sizing:border-box;}
.banner article a span.b_txt strong { font-size:16px; color:#333; line-height:20px; display:block; padding:5px 0;}

/* 갤러리 게시판 */
.movie_list { clear:both; position:relative; width:100%; color:#6f717e; line-height:normal; overflow:hidden; border-top:2px solid #fff; border-bottom:1px solid #e5e5e5;margin-bottom:10px; }
.movie_list>ul { padding:20px 0;display:flex; flex-direction:row; justify-content: flex-start;flex-wrap:wrap;  align-items: top; }
.movie_list>ul>li { width:24%;text-align:center;padding:10px 0; box-sizing:border-box; margin-left:1%; }
.movie_list>ul>li:first-child { margin-left:0; }
.movie_list>ul>li:nth-child(4n+1) { margin-left:0; }
.movie_list>ul>li>a,
.movie_list>ul>li>a span { display:block; }
.movie_list>ul>li>a span.img {border:1px solid #eaeaea;}
.movie_list>ul>li>a span.img img { width:100%;max-height:150px; }
.movie_list>ul>li>a span.text { line-height:22px; font-size:16px; padding:7px 0; color:#000; height:auto !important;}
.movie_list>ul>li>ol { margin-top:10px; }
.movie_list>ul>li>ol>li { float:none; text-align:left; background: url(/images/user/contents//bul_2.gif) no-repeat left 10px; padding-left:10px; line-height:20px;}
.movie_list>ul>li>ol>li strong { display:inline-block; }
.movie_list>ul>li>ol>li span.strong-span { display:inline-block; float:right; width:calc(100% - 45px);}

/* 갤러리 게시판 */
.nl_list { clear:both; position:relative; width:100%; color:#6f717e; line-height:normal; overflow:hidden; border-top:2px solid #fff; border-bottom:1px solid #e5e5e5;margin-bottom:10px; }
.nl_list>ul { padding:20px 0;display:flex; flex-direction:row; justify-content: flex-start;flex-wrap:wrap;  align-items: top; }
.nl_list>ul>li { width:24%;text-align:center;padding:10px 0; box-sizing:border-box; margin-left:1%; }
.nl_list>ul>li:first-child { margin-left:0; }
.nl_list>ul>li:nth-child(4n+1) { margin-left:0; }
.nl_list>ul>li>a,
.nl_list>ul>li>a span { display:block; }
.nl_list>ul>li>a span.img {border:1px solid #eaeaea;}
.nl_list>ul>li>a span.img img { width:100%; /*max-height:150px;*/ }
.nl_list>ul>li>a span.text { line-height:22px; font-size:16px; padding:7px 0; color:#000; height:auto !important;}
.nl_list>ul>li>ol { margin-top:10px; }
.nl_list>ul>li>ol>li { float:none; text-align:left; background: url(/images/user/contents//bul_2.gif) no-repeat left 10px; padding-left:10px; line-height:20px;}
.nl_list>ul>li>ol>li strong { display:inline-block; }
.nl_list>ul>li>ol>li span.strong-span { display:inline-block; float:right; width:calc(100% - 45px);}

/* 에러 페이지 */
.mpage_errwrap { width:100%; height:100%; margin:0 auto; }
.mpage_errarea { width:100%; margin:0 auto; text-align:center; background:url(/images/user/contents/icon_error_backbg.png) no-repeat 700px 50px ; background-size:370px auto; }
.mpage_errarea div {width:100%; margin:0 auto;}

.mpage_errt { padding:70px 0 40px;  text-align:center;}
.mpage_errm {padding:20px 0 60px;text-align:center; }
.mpage_errm span { display:inline-block; font-size:60px; color:#00a4ac; margin:40px 0; background:#f3f3f3; border-radius:130px; width:130px; height:130px; line-height:130px; font-weight:normal; }
.mpage_errmb {padding:6% 0 3% 0;}

.mpage_errm_p01 {font-size:33px; font-weight:bold; color:#000; padding:15px 0 15px 0;}
.mpage_errm_p02 {font-size:17px; font-weight:600; line-height:25px;}
.mpage_errmb a { display:inline-block; text-align:center; background:#45acb3; color:#fff; width:180px; padding:0 20px; line-height:50px; border-radius:5px; border: solid 2px #45acb2; font-size:17px;}
.mpage_errmb a.v2 { display:inline-block; text-align:center; background:#fff; color:#45acb3; width:180px; padding:0 20px; line-height:50px; border-radius:5px; border: solid 2px #45acb2; font-size:17px;}

/* 레이어팝업 */
.fac_modal {display: none; position: fixed; z-index: 999999999999; left: 0;top: 0;width: 100%; height: 100%; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); box-sizing:border-box;}
.fac_modal-content {overflow:hidden; z-index:999; background-color: #fefefe;margin: 10% auto; border: 1px solid #888;width: 70%; max-width:1000px; }
#btnClose { width:40px; margin-bottom:20px; background-color:#0792b1; height:40px; display:inline-block; color: #fff;float: right;font-size: 28px; line-height:40px; font-weight: bold; text-align:center; }
#btnClose:hover,
#btnClose:focus {color: fff;text-decoration: none;cursor: pointer;  }
.fac_modal-content .thumbImg { width:100%; text-align:center; padding:20px; box-sizing:border-box; }
.fac_modal-content .thumbImg img { max-width:100%; max-height:650px; }
.fac_modal-content  div { width:100%; }

/* 유투브 설정 */
.video-container {position: relative;padding-bottom: 56.25%; /* 16:9 */height: 0;margin-top:5px;}
.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* loader */
.loader-wrap { z-index:10;background:rgba(255,255,255,0.5); width:100%; text-align:center; height:140px;position: absolute; top: -100px; bottom: 0; left: 0; right: 0; margin: auto;  }
.loader { height: 20px; width: 250px; margin:30px auto; }
.loader-dot { height: 20px; width: 20px; border-radius: 100%; background-color: black; position: absolute; border: 2px solid white; animation: loader 3s infinite ease-in-out alternate;    }
.loader-dot:first-child { background-color: #8cc759; animation-delay: 0.5s; }
.loader-dot:nth-child(2) { background-color: #8c6daf; animation-delay: 0.4s; }
.loader-dot:nth-child(3) { background-color: #ef5d74; animation-delay: 0.3s; }
.loader-dot:nth-child(4) { background-color: #f9a74b; animation-delay: 0.2s; }
.loader-dot:nth-child(5) { background-color: #60beeb; animation-delay: 0.1s; }
.loader-dot:nth-child(6) { background-color: #fbef5a; animation-delay: 0s; }
.loader-text { position: absolute; top: 90px; left: 0; right: 0; width: 250px; text-align:center; margin: auto;  }
.loader-text:after { content: "Loading"; font-weight: bold; color:#000; font-size:20px; text-transform:uppercase; animation-name: loading-text; animation-duration: 3s; animation-iteration-count: infinite;  }

/* 2021 컨텐츠 리뉴얼 css 시작*/ 

/* 수원도시재단이란? */
.color_box1{display: inline-block; text-align:center; width:210px; height:60px; line-height:60px; background-color:#daf2f4; color:#138999; font-size:16px; margin-right: 8px; margin-bottom: 5px;}
.color_box2{display: inline-block; text-align:center; width:210px; height:60px; line-height:60px; background-color:#dcecce; color:#44841a; font-size:16px; margin-right: 8px; margin-bottom: 5px;}
.color_box3{display: inline-block; text-align:center; width:210px; height:60px; line-height:60px; background-color:#ebcbe2; color:#9a1e7f; font-size:16px; margin-right: 8px; margin-bottom: 5px;}
.color_box4{display: inline-block; text-align:center; width:210px; height:60px; line-height:60px; background-color:#ffd789; color:#e15500; font-size:16px; margin-right: 8px; margin-bottom: 5px;}
.color_box5{display: inline-block; text-align:center; width:210px; height:60px; line-height:60px; background-color:#cad6ff; color:#2e4cad; font-size:16px; margin-bottom: 5px;}

/* 인재상 */
.three-block{float:left; width:31%;padding-right: 25px;}
.three-block:last-child {padding-right: 0;}
.three-block ul li{font-size:15px;}

.injae .moible_subtitle{display:none;}

.basic_list{margin-bottom:10px;line-height:1.4;}
.basic_list li{padding-left:10px;margin-bottom:20px;padding-bottom:3px;}
[class*="basic_list"] li li{padding-left:10px;margin-bottom:0px;padding-bottom:3px;background-position: 0 9px;}

.basic_list1 {margin-bottom:0px;line-height:1.4;margin-bottom:20px;}
.basic_list1 li{padding-left:15px;margin-bottom:6px;background-image:url("/images/user/contents/list_bul.png");background-position:7px 8px;background-repeat:no-repeat;}
	.basic_list1.big li{font-weight:bold;color:#333333}
		.basic_list1.big li a{font-weight:bold;color:#333333}
.basic_list1.left_plus {padding-left:20px;}

/* 공동체 발굴 */
.bg_col_gray{background-color:#f9f9f9; font-size:24px; font-weight:bold; height:50px; line-height:50px; text-align:center;}
.bg_col_gray2{background-color:#f9f9f9; font-size:28px; width:520px; height:90px; line-height:90px; text-align:center; margin:0 auto; border-radius:50px;}

/* 공유 공간 */
.twobox{float:left; display: table; text-align:center; margin-right: 1%;}
.twobox.two-type{width: 49%;}
.twobox.three-type{width: 32%;}
.twobox.four-type{width: 24%;}
.twobox.five-type{width: 19%;}
.twobox:last-child{margin-right:0;}
.col_box{font-size:18px;font-weight:bold;width: 100%;height:70px;line-height: 70px;display: table-caption;}
.col_box2{font-size:18px; font-weight:bold; width:100%; height:80px; line-height:80px; display: table-caption;}
.twobox .two_line{line-height: 1.8;}

.col_box.col1{background-color:#daf2f4; color:#138999;}
.col_box.col2{background-color:#dcecce; color:#44841a;}
.col_box.col3{background-color:#ffd789; color:#e15500;}
.col_box.col4{background-color:#cad6ff; color:#2e4cad;}
.col_box.col5{background-color:#ebcbe2; color:#9a1e7f;}

.box_type1{border:1px solid #ebebeb; display: table-cell; vertical-align: middle; padding: 20px 10px; height: 130px;}
.box_type2{border:1px solid #ebebeb; display: table-cell; text-align: left; padding: 20px 10px; height: 130px;}
.box_type3{border:1px solid #ebebeb; display: block; text-align: left; padding: 10px; height: auto;}
[class*="box_type"]{word-break:keep-all;}
.mg_auto{margin:0 auto;}

/* 올스톱지원 */

.allstop_link{display: table; width:1100px; height:200px; text-align:center; margin-bottom: 20px;}
.allstop_link a{display: inline-block; width:100px; font-size:19px;background-position:center 30px;
	 background-repeat:no-repeat; padding-top:145px; margin:0 25px;
}
.allstop_link a:hover{font-weight:bold;}
.allstop_link1{background-image:url(/images/user/contents/onestop_1.png);}
.allstop_link1.on, .allstop_link1:hover{background-image:url(/images/user/contents/onestop_1_over.png);}
.allstop_link2{background-image:url(/images/user/contents/onestop_2.png);}
.allstop_link2.on, .allstop_link2:hover{background-image:url(/images/user/contents/onestop_2_over.png);}
.allstop_link3{background-image:url(/images/user/contents/onestop_3.png);}
.allstop_link3.on, .allstop_link3:hover{background-image:url(/images/user/contents/onestop_3_over.png);}
.allstop_link4{background-image:url(/images/user/contents/onestop_4.png);}
.allstop_link4.on, .allstop_link4:hover{background-image:url(/images/user/contents/onestop_4_over.png);}
.allstop_link5{background-image:url(/images/user/contents/onestop_5.png);}
.allstop_link5.on, .allstop_link5:hover{background-image:url(/images/user/contents/onestop_5_over.png);}
.allstop_link6{background-image:url(/images/user/contents/onestop_6.png);}
.allstop_link6.on, .allstop_link6:hover{background-image:url(/images/user/contents/onestop_6_over.png);}
.allstop_link7{background-image:url(/images/user/contents/onestop_7.png);}
.allstop_link7.on, .allstop_link7:hover{background-image:url(/images/user/contents/onestop_7_over.png);}


/* 부서별지원 */

.department_link{display: table; width:1100px; height:200px; text-align:center; margin-bottom: 20px;}
.department_link a{display: inline-block; width:100px; font-size:19px; background-position:center 30px;
 	background-repeat:no-repeat; padding-top:145px; margin: 0 10px;}
.department_link a:hover{font-weight:bold;}
.department_link1{background-image:url(/images/user/contents/department_1.png);}
.department_link1.on, .department_link1:hover{background-image:url(/images/user/contents/department_1_over.png);}
.department_link2{background-image:url(/images/user/contents/department_2.png);}
.department_link2.on, .department_link2:hover{background-image:url(/images/user/contents/department_2_over.png);}
.department_link3{background-image:url(/images/user/contents/department_3.png);}
.department_link3.on, .department_link3:hover{background-image:url(/images/user/contents/department_3_over.png);}
.department_link4{background-image:url(/images/user/contents/department_4.png);}
.department_link4.on, .department_link4:hover{background-image:url(/images/user/contents/department_4_over.png);}
.department_link5{background-image:url(/images/user/contents/department_5.png);}
.department_link5.on, .department_link5:hover{background-image:url(/images/user/contents/department_5_over.png);}
.department_link6{background-image:url(/images/user/contents/department_6.png);}
.department_link6.on, .department_link6:hover{background-image:url(/images/user/contents/department_6_over.png);}
.department_link7{background-image:url(/images/user/contents/department_7.png);}
.department_link7.on, .department_link7:hover{background-image:url(/images/user/contents/department_7_over.png);}
.department_link8{background-image:url(/images/user/contents/department_8.png);}
.department_link8.on, .department_link8:hover{background-image:url(/images/user/contents/department_8_over.png);}
.department_link9{background-image:url(/images/user/contents/department_9.png);}
.department_link9.on, .department_link9:hover{background-image:url(/images/user/contents/department_9_over.png);}

/* 사업메뉴판 */
.list td.menupan_col.one{background-color:#f7f3f9;}
.list td.menupan_col.two{background-color:#fcf5f1;}
.list td.menupan_col.three{background-color:#f9fcf1;}
.list td.menupan_col.four{background-color:#f1f9fc;}
.list td.menupan_col.five{background-color:#fcf5fb;}
.list td.menupan_col.six{background-color:#f4fcfb;}
.list td.menupan_col.seven{background-color:#f3f8e8;}
.list td.menupan_col.eight{background-color:#f8f1fe;}
.list td.menupan_col.nine{background-color:#fff6f8;}
.list td.menupan_col.tit_one{color:#2e4d9c;}
.list td.menupan_col.tit_two{color:#0a947f;}
.list td.menupan_col.tit_three{color:#753cb0;}

.grad_tit_type1 {background: #03a3a6;
    background: -webkit-linear-gradient(left, #03a3a6, #215890);
    background:    -moz-linear-gradient(right, #03a3a6, #215890);
    background:      -o-linear-gradient(right, #03a3a6, #215890);
    background:         linear-gradient(to right, #03a3a6, #215890);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 50px;
    font-weight: bold;
}
.grad_tit_type2 {background: #03a3a6;
    background: -webkit-linear-gradient(left, #03a3a6, #215890);
    background:    -moz-linear-gradient(right, #03a3a6, #215890);
    background:      -o-linear-gradient(right, #03a3a6, #215890);
    background:         linear-gradient(to right, #03a3a6, #215890);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 25px;
    font-weight: bold;
}
.grad_tit_type2 > span{font-size:50px;}

@media only screen and (max-width: 768px) {
	.grad_tit_type1,
	.grad_tit_type2{font-size: 20px;}
}

/* tb_type1 */
.tb_type1 {background-color:#fff;margin-bottom:10px;border-right:1px solid #dddddd;border-top:2px solid #333333;font-size:13px;font-size:1.3rem;}
.tb_type1 table{width:100%;border-collapse:collapse;}
.tb_type1.no_tb_border{width:715px;overflow:hidden;border-left:0px;} 
.tb_type1.no_tb_border table{width:716px;}
.tb_type1.mgn_b20{margin-bottom:20px;}
.tb_type1.mgn_b30{margin-bottom:30px;}
.tb_type1.mgn_b40{margin-bottom:40px;}

.tb_type1 table thead th{text-align:center;vertical-align:middle;}
.tb_type1 table th{vertical-align:middle;background-color:#f8f8fa;text-align:left;padding-bottom:9px;padding-top:9px;padding-left:8px;padding-right:8px;color:#444444;font-weight:bold;
	border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;vertical-align:middle;}
.tb_type1 table td{font-size:13px;font-size:1.3rem;text-align:left;padding:9px 3px;border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;color:#808080}
*+ html .in_length_ex{width:430px;}
* html .in_length_ex{width:430px;}

.tb_type1.all_center table th{text-align:center;}
.tb_type1.all_center table td{text-align:center;}
.tb_type1 table td.t_left {text-align:left;}
.tb_type1 table td.t_right {text-align:right;}
.tb_type1.th_center table th{text-align:center;vertical-align:middle;}
.tb_type1.th_center table td{text-align:left;padding-left:10px;}
body .tb_type1.th_center table td.align_center{text-align:center;}

.tb_type1 table tr.align_left th{text-align:left;}
.tb_type1 table tr.align_center th{text-align:center;}
.tb_type1 table tr.align_right th{text-align:right;}
.tb_type1 table tr.align_left td{text-align:left;}
.tb_type1 table tr.align_center td{text-align:center;}
.tb_type1 table tr.align_right td{text-align:right;}

.tb_type1 .align_right a{float:none;width:auto;}

/* tb_type2 */
.tb_type2 {background-color:#fff;margin-bottom:10px;border-right:1px solid #dddddd;border-top:2px solid #008db6; font-size:16px; overflow: scroll;}
.tb_type2 table{width:100%;border-collapse:collapse;}
.tb_type2.scroll{width: 100%; height: 328px; overflow: auto;}
.tb_type2.no_tb_border{width:715px;overflow:hidden;border-left:0px;} 
.tb_type2.no_tb_border table{width:716px;}
.tb_type2.mgn_b20{margin-bottom:20px;}
.tb_type2.mgn_b30{margin-bottom:30px;}
.tb_type2.mgn_b40{margin-bottom:40px;}

.tb_type2 table thead th{text-align:center;vertical-align:middle;}
.gonggan .tb_type2 table tbody tr:hover{background-color:#f2fafb;}
.tb_type2 table tbody td:hover{background-color:#f2fafb;}
.tb_type2 table th{vertical-align:middle;background-color:#f8f8fa;text-align:left;padding-bottom:9px;padding-top:9px;padding-left:8px;padding-right:8px;color:#444444;
	border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;vertical-align:middle;}
.tb_type2 table td{text-align:left;padding:9px 3px;border-bottom:1px solid #dddddd;border-left:1px solid #dddddd; min-width: 80px;}

.tb_type2.all_center table th{text-align:center;}
.tb_type2.all_center table td{text-align:center;}
.tb_type2 table td.t_left {text-align:left;}
.tb_type2 table td.t_right {text-align:right;}
.tb_type2.th_center table th{text-align:center;vertical-align:middle;}
.tb_type2.th_center table td{text-align:left;padding-left:10px;}
body .tb_type2.th_center table td.align_center{text-align:center;}

.tb_type2 table tr.align_left th{text-align:left;}
.tb_type2 table tr.align_center th{text-align:center;}
.tb_type2 table tr.align_right th{text-align:right;}
.tb_type2 table tr.align_left td{text-align:left;}
.tb_type2 table tr.align_center td{text-align:center;}
.tb_type2 table tr.align_right td{text-align:right;}

.tb_type2 .align_right a{float:none;width:auto;}

/* 브로슈어 */
.brosure{width: 1100px; position:relative;}
.brosure_title{color:#fff;font-size: 30px;font-weight: 900;padding: 60px 0 60px 500px;background-color: #31b2b8; line-height: 1.2;}
.brosure_text{background-color:#fff;color: #000;font-size: 18px;line-height: 1.5;padding: 50px 0 50px 500px;min-height: 220px;}
.brosure_img{position:absolute;top:60px; left:60px;}
.btn_t2{
	border:1px solid #00a3ac;
	height: 50px;
	line-height: 50px;
	text-align: center;
	display: inline-block;
	background-color: #fff;
	padding: 0px 40px 0 20px;
	color: #00a3ac !important;
	font-size: 16px;
	vertical-align: middle;
	background-image: url(/images/user/contents/btn_t2.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	margin-bottom: 10px;
}
.btn_t3{
	border:1px solid #00a3ac;
	height: 50px;
	line-height: 50px;
	text-align: center;
	display: inline-block;
	background-color: #fff;
	padding: 0px 40px 0 20px;
	color: #00a3ac !important;
	font-size: 16px;
	vertical-align: middle;
	background-image: url(/images/user/contents/btn_t1.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	margin-bottom: 10px;
	width: auto;
}

.btn_t4{
	border:1px solid #ff5a5a;
	height: 50px;
	line-height: 50px;
	text-align: center;
	display: inline-block;
	background-color: #ff5a5a;
	padding: 0px 40px;
	color: #fff !important;
	font-size: 25px;
	vertical-align: middle;
	margin-bottom: 20px;
	margin-top:20px;
	width: auto;
}

[class*="btn_sisul"]{
	display: inline-block;
	font-size: 15px;
	width:auto;
	padding: 5px 10px;
	height:30px;
	line-height:30px;
}
a.btn_sisul1{background-color:#45acb3; color:#fff;}
.btn_sisul2{background-color:#f5f5f5; color:#888;}

/* btn_t1 */
.btn_t1{width:auto; vertical-align:middle; margin:0; line-height:25px; height:25px; display:inline-block; color:#fff;
	border:1px solid #f57712; background-color:#f57712; cursor:pointer; border-radius: 20px; overflow:visible;/*ie7 bug*/}
.btn_t1 span{vertical-align:middle; white-space:nowrap; display:inline-block; height:25px; color: #fff;
	font-weight:bold; padding:0px 25px; font-size:14px; font-family:'Nanum Gothic'; letter-spacing:1px;}
*+ html .btn_t1{display:inline;}
* html .btn_t1{display:inline;}
*+ html .btn_t1 span{display:inline;}
* html .btn_t1 span{display:inline;}

/**/
.align_left{text-align: left !important;}
.align_center{text-align:center !important;} 
.align_right{text-align:right !important;}
.float_wrap:after {
    content: ' ';
    clear: both;
    display: block;
    visibility: hidden;
}
.wd55{width:50px !important;}
.wd55{width:55px !important;}
.wd60{width:60px !important;}
.mgn_l10{margin-left: 10px;}
.mgn_l15{margin-left: 15px;}
.mgn_l115{margin-left: 115px;}
.mgn_l180{margin-left: 180px;}
.mgn_r85{margin-right: 85px;}
.mgn_r150{margin-right: 150px;}

/* 2021 컨텐츠 리뉴얼 css 끝*/ 
@media only screen and (max-width: 1100px) {

	.page47_box li {width:45%;}

	.chart_wrap{ width:800px;height:970px; background-size:100%; }
	.org .chart_wrap{width:auto;}
	.chart_wrap h3:after{display:none;}
	.chart_wrap p { width:120px; height:auto; padding:15px 0; }
	.chart_wrap p.main_s01 { right:10%; }
	.chart_wrap p.main_s02 { left:10%; }
	.chart_wrap p.main_s03 {/* padding:5px 0; */right:10%;}

	.chart_wrap p.main_s01:after { right:110px; width:140px;display:none;}
	.chart_wrap p.main_s02:after { left:118px; display:none;}
	.chart_wrap p.main_s03:after { right:110px; width:208px;display:none;}
	.chart_wrap p.main_s04:after { display:none;}
	.chart_wrap p.main_s04:before{ display:none;}

	.chart_wrap .group ul > li > a { width:80px; }
	.chart_wrap .group ul > li::after { left:40px; display:none;}
	.chart_wrap .group::after { width:720px; left:40px; display:none;}

	.chart_wrap .group ul > li > .wrap.org1 { width:451px; left:-250px;}
	.chart_wrap .group ul > li > .wrap li > a {float: left; width:80px;font-size:13px;height:110px;padding:25px 0;margin: 0 7px 0 0;}
	.chart_wrap .group ul > li > .wrap.org1 li > a{ padding:10px 0; height: 90px; margin-bottom: 5px;}
	.chart_wrap .group ul > li > .wrap.org2 li > a{ padding:10px 0; height: 90px; margin-bottom: 5px;}
	.chart_wrap .group ul > li > .wrap.org3 li > a {padding:10px 0; height: 90px; margin-bottom: 5px;}
	.chart_wrap .group ul > li > .wrap.org3 li span { line-height:14px; }
	.chart_wrap .group ul > li > .wrap li::after { left:40px; }
	.chart_wrap .group ul > li > .wrap.org1::after { left:40px; width:361px;display:none;}
	.chart_wrap .group ul > li > .wrap.org1::before { left:293px; display:none;}
	.chart_wrap .group ul > li > .wrap.org4:before,
	.chart_wrap .group ul > li > .wrap.org4:after {display:none;}

	.chart_wrap .group ul > li > .wrap.org2 { left:-44px; }
	.chart_wrap .group ul > li > .wrap.org3 { left:-15px; }
	
	

	.symbol_wrap .sym_line3 .sym_box { background-size:45%; background-position:20px 100px; }

	

	/*  */
	.twobox{margin-right:1%;}
	.twobox.four-type, .twobox.five-type{width:49%;margin-bottom: 10px;}
	.col_box1, .col_box2, .col_box3, .col_box4, .col_box5, .col_box6, .col_box7, .col_box8, .col_box9{width:98%;}
	.allstop_link {width:100%; height:auto;}
	
	/*브로슈어*/
	.brosure{width:100%; text-align: center;}
	.brosure_img{position:relative; top: 0; left: 0; text-align: center; padding: 5px;}
	.brosure_title{position:relative; padding: 20px; text-align: center; display: inline-block;  width: auto;}
	.brosure_text{position:relative; padding: 20px; text-align: center; min-height: 100px;}
	
	/* 조직도 */
	.org .chart_wrap{height: auto;}
	.org .chart_wrap h3,
	.org .chart_wrap h4,
	.org .chart_wrap p {position: relative;width: auto;top: 0; left: 0;border-radius: unset;margin-bottom: 3px;}
	.org .chart_wrap h3,
	/*.org .chart_wrap h4{margin: 0 0 3px 0; height: auto;  line-height: normal;}
	.org .chart_wrap h3{color: #fff;background-color: #006572;}
	.org .chart_wrap h4{color: #fff;background-color: #526ca0;border:0;padding: 16px 20px;} */
	.org .chart_wrap h3{margin-left:0;}
	.org .chart_wrap h4{margin-left:0;}
	.org .chart_wrap .group{top:0;}
	.org .chart_wrap p.main_s04:before, .chart_wrap p.main_s04:after, .chart_wrap h4:after {display:none;}
	.org .chart_wrap .group ul > li {
    position: relative;
    width: 100%;
    left: 0;
    top: 0px;
    display: block;
    margin: 0 !important;
    float: none;
    }
	.org .chart_wrap .group ul > li > a{width:auto;margin-bottom: 3px;}
	.org .chart_wrap .group ul > li > .wrap.org1,
	.org .chart_wrap .group ul > li > .wrap.org2,
	.org .chart_wrap .group ul > li > .wrap.org3,
	.org .chart_wrap .group ul > li > .wrap.org4{position: relative;width: auto;height: auto;left: 0;top: 0;}
/* 	.org .chart_wrap .group::after,  */
	.org .chart_wrap .group ul > li::after,
	.org .chart_wrap .group ul > li > .wrap.org1::after,
	.org .chart_wrap .group ul > li > .wrap.org1::before,
	.org .chart_wrap .group ul > li > .wrap.org2:before,
	.org .chart_wrap .group ul > li > .wrap.org2:after,
	.org .chart_wrap .group ul > li > .wrap.org3:after,
	.org .chart_wrap .group ul > li > .wrap.org3:before{display:none;}
	.org .chart_wrap .group ul > li > .wrap li {top:0;}
	.org .chart_wrap .group ul > li > .wrap.org1{left:0; height:110px; margin-bottom: 3px;}
	.org .chart_wrap .group ul > li > .wrap.org2,
	.org .chart_wrap .group ul > li > .wrap.org3{left:0; height:110px; margin-bottom: 3px;}
	.org .chart_wrap .group .float_wrap{height: auto; padding-bottom: 130px;}
}
	.department_link{width:100%; hieght:auto;}

@media only screen and (max-width: 910px) {
	.login_box ,.sns_box { width:80%; }
	.find_box .form_area ul li p span { width:50%; }

	/* 본인인증 */
	.meSelect ul li { width:100%; height:auto; margin-bottom:10px; padding:10px 30px; padding-left:106px;}
	.meSelect .btn_confirm { width:100px; position:relative; display:block; float:right; bottom:0; margin:10px 0; right:0;}
	.meSelect ul li .note { width:100%; }
	.meSelect ul li .tt { margin-top:16px; }

	/* vision */
	

	.symbol_wrap .sym_line3 .sym_box { background-size:40%; background-position:20px 80px; height:250px; }
	.symbol_wrap .sym_line3 .sym_box > ul { top:30px; }


}

@media only screen and (max-width: 799px) {

	.center22,.page47_box,.page47_box2 {display:none;}


	.chart_wrap { width:600px;}

	.chart_wrap h4 { top:250px; }
	.chart_wrap h4::after { height:31px; }
	/* .chart_wrap p.main_s01 { right:10%; margin-left:-60px; top:45px; width:120px;}
	.chart_wrap p.main_s02 { left:10%; top:150px; width:120px;}
	.chart_wrap p.main_s03 { right:10%; top:190px; width:120px; padding:7px 0; line-height:18px;}
	.chart_wrap p.main_s01::after { right:84px; width:86px;}
	.chart_wrap p.main_s02::after { left:98px; width:143px; }
	.chart_wrap p.main_s03::after { right:100px; width:139px;}


	.chart_wrap .group { top:440px;  }
	.chart_wrap .group::after { top:-20px; width:151px; left:150px}
	.chart_wrap .group ul > li { width:38%; margin:10px 0 10px 40px; float:none; }
	.chart_wrap .group ul > li:first-child { margin:10px 0 10px 40px; }
	.chart_wrap .group ul > li::after { left:110px; top:-20px; z-index:-1; }
	.chart_wrap .group ul > li > a { width:100%; height:40px; line-height:40px; padding:0; font-size:13px;z-index:1; }
	.chart_wrap .group ul > li > a br { display:none; }
	.chart_wrap .group ul > li.pd_line3 > a { padding:0; }

	.chart_wrap .group ul > li > .wrap li > a{float:none;width:190px;height:auto;padding:5px 10px;font-size:12px;}
	.chart_wrap .group ul > li > .wrap li::after { left:90px; }
	.chart_wrap .group ul > li > .wrap li:first-child:after { display:none; }
	.chart_wrap .group ul > li > .wrap li br { display:none; }
	.chart_wrap .group ul > li > .wrap.org1 {top:-119px; left:300px;}
	.chart_wrap .group ul > li > .wrap.org1:after { top:136px; left:-72px; width:202px;}
	.chart_wrap .group ul > li > .wrap.org1::before,.chart_wrap .group ul > li > .wrap.org2::before,.chart_wrap .group ul > li > .wrap.org3::before { display:none; }

	.chart_wrap .group ul > li > .wrap.org2 { top:-50px; left:300px; }
	.chart_wrap .group ul > li > .wrap.org2 li > a{width:190px;padding:5px 10px;}
	.chart_wrap .group ul > li > .wrap.org2 li span { width:190px; }
	.chart_wrap .group ul > li > .wrap.org2:after { top:62px; left:-72px; width:112px;}
	.chart_wrap .group ul > li > .wrap.org2 li::after { left:90px; }

	.chart_wrap .group ul > li > .wrap.org3 { top:-18px; left:300px; }
	.chart_wrap .group ul > li > .wrap.org3 li > a{width:190px;padding:5px 10px;}
	.chart_wrap .group ul > li > .wrap.org3 li span { width:190px; }
	.chart_wrap .group ul > li > .wrap.org3:after { top:39px; left:-72px; width:203px;}
	.chart_wrap .group ul > li > .wrap.org3 li::after { left:90px; }
 */
 /* 갤러리 게시판 */
	.movie_list>ul>li { width:32%; margin-left:2%;}
	.movie_list>ul>li>a span.text { font-size:14px; }
	.movie_list>ul>li:nth-child(4n+1) { margin-left:2%; }
	.movie_list>ul>li:nth-child(3n+1) { margin-left:0; }

	.nl_list>ul>li { width:32%; margin-left:2%;}
	.nl_list>ul>li>a span.text { font-size:14px; }
	.nl_list>ul>li:nth-child(4n+1) { margin-left:2%; }
	.nl_list>ul>li:nth-child(3n+1) { margin-left:0; }
	
	.page47 {display:none;}
	.page47_mb_none {display:inline-block;}
	.page47_mb_none img { width:100%; }
}

@media only screen and (max-width: 750px) {
	.org .chart_wrap .group .float_wrap{padding-bottom: 70px;}
	.contans li {font-size:13px;  line-height:1.8em; padding-left:15px; text-indent:-10px; }
	/* .contans li span{ color:#06F; font-weight: 700;} */


	/* 회원가입단계 */
	.memberStep .member_tab > li { width:15%; padding-left:0; text-align:center; }
	.memberStep .member_tab > li.on { width:55%;padding-left:23px; text-align:left; }
	.memberStep .member_tab > li.on b { display:inline-block; }
	.memberStep .member_tab > li b { display:none; }

	.memberStep .member_tab.tab_id_find > li { width:15%; }
	.memberStep .member_tab.tab_id_find > li.on { width:85% }


	.con_box { margin:10px 0; padding:10px 20px; font-size:12px; line-height:20px; }

	.page95 { margin:0; }
	.page95 .txt_01 { width:100%; padding:10px 0;  }
	.page95 .txt_01 li { font-size:12px; line-height:20px; }

	.p_box { width:100%;}
	ul.p_box_ul > li { width:100%;}

	/* 아이디비밀번호 찾기 */
	.find_box .form_area p.tlt_p { float:none; overflow:hidden; width:100%; padding:0 0 10px 0; }
	.find_box { padding:15px 20px; }
	.find_box .form_area ul li { width:50%; }
	.btn_wrap button { font-size:18px; }
	.form_area_email .btn_login { font-size:16px; height:90px; }
	.form_area_email .inq_input>label { font-size:16px; height:35px;}
	.form_area_email .input_wrap input[type="text"], .form_area_email .input_wrap input[type="password"] { height:35px; }

	/* 인사말 */
	.greetings .owner_img .tit {display:none;}

	/* history */

	.p48_cont-in {width:100%;}
	.h_wrap .h_list { width: 98%; padding:2% 1%; }
	.h_wrap .h_list li  { font-size: 13.6px}

	.con_box_img {width:96%; padding: 30px 2%; background:#f7f7f7; font-size:16px; line-height:1.6em; margin: 20px 0;}
	.contans_page48 {float : right; width:75%; margin-top:15px;}
	.contans_page48 li {font-size:14px;}
	.con_box_img img { width:15%; height:15%; }


	.h_wrap .year { float: none; margin:20px 0;}
	.h_wrap .h_list  { float: none; margin: 0 10px; }
	.h_wrap .h_list li .date ,
	.h_wrap .h_list li .cnt { display: block; padding-left: 0; }

	.banner article a span.b_img { clear:both; text-align:center; width:100%; }
	.banner article a span.b_txt { clear:both; float:none; padding:0; margin-bottom:10px; text-align:center; width:100%; margin-left:0;  }

	.cont_ul li { width:100%; }

	.org .tb th { font-size:13px; }

	/* 버튼 */
	.btn_area button { padding: 0 20px 4px 20px; }

	.symbol_wrap .sym_line3 .sym_box { background-size:25%; background-position:20px 30px; }

	/* 인재상 */
	.three-block{float:none; width:100%;}
	.contents-img{display:none;}
	.moible_subtitle{display:block;}
	.injae .moible_subtitle{display:block;}
	.injae .moible_subtitle.col1{color:#3baeda; font-size: 20px;}
	.injae .moible_subtitle.col2{color:#36bc9b; font-size: 20px;}
	.injae .moible_subtitle.col3{color:#f6bb43; font-size: 20px;}
	
	/* ci */
	.btn_base.ci{background-image:none;}
	.btn_base.ci:hover{background-image:none;}
	
}

@media only screen and (max-width: 641px) {

	.center22,.page47_box,.page47_box2 {display:none;}


	.login_box {width:100%;padding:10% 5%; height: auto;}
	.sns_box {width:100%; margin-left:0;padding: 10% 5%;height: auto; overflow:hidden; }
	.sns_box .btn_wrap {display:block;height:auto;}
	.sns_box .btn_wrap p{display:block;}
	.sns_box .btn_wrap p a {width:100%;margin-bottom:10px;}

	/* 로그인 */
	.login_box > strong {  font-size:15px; line-height:23px; }
	.form_area .inq_input>label {  font-size:16px; height:33px; line-height:33px;}
	.form_area .input_wrap input[type="text"], .form_area .input_wrap input[type="password"] { height:33px; font-size:14px; }
	.form_area .btn_login { height:50px; line-height:50px; font-size:18px; }

	/* 아이디비밀번호 찾기 */
	.find_box .form_area ul li { padding:5px 10px; width:100%; }
	.find_box .form_area ul li p { height:70px;  border-radius:0;}
	.find_box .form_area ul li i { width:40px; height:70px; background-size:40px 40px !important; }
	.find_box .form_area ul li p span { width:70%; font-size:14px; margin:20px 0 0 15px; }

	.form_area_email .inq_input>label { font-size:15px; width:24%;  }
	.form_area_email .input_wrap { width:75%; }
	.form_area_email .send_email { position:relative; width:100%; }
	.form_area_email .btn_login { height:40px; line-height:40px; margin-bottom:0;}
	.btn_wrap button.btn_black {height:40px; line-height:40px;  }

	/* 회원정보입력 */
	.email p { margin:0; }
	.email p:first-child { width:100%; box-sizing:border-box; margin-bottom:10px;}
	.email input { width:45%; }

	/* 회원탈퇴 */
	.join_break p.tlt { font-size:14px; }
	.join_break .con_box dl dt, .join_break .con_box dl dd { font-size:13px; }

	.button_box button { width:100%; margin-top:5px;}
	.greetings .owner_img {width:100%; background-size:100%;  height:auto; min-height:290px; }

	/* history */
	.con_box_img {width:96%; padding: 30px 2%; background:#f7f7f7; font-size:16px; line-height:1.4em; margin: 20px 0; overflow:hidden;}
	.con_box_img img {float:left; width:20%;}
	.contans_page48 { float:left; margin-left:15px; width:60%; margin-top:0; text-indent:-10px; padding-left:15px;}
	.contans_page48 li {font-size:12px;}

	.chart_wrap { width:360px; height:900px; }

	.chart_wrap h3 { width:100px; height:100px; line-height:100px; border: 7px solid #006572; font-size:18px; }
	.chart_wrap h3::after { height:237px; right:47px; top:107px;}
	.chart_wrap h4 { top:220px; width:100px; height:100px; line-height:100px; border: 7px solid #00529b; font-size:18px; }
	.chart_wrap h4::after { display:none; }

	/* .chart_wrap p.main_s01 { right:0; margin-left:-60px; top:36px; width:100px; font-size:14px; height:40px; padding:7px 0;}
	.chart_wrap p.main_s02 { left:0; top:120px; width:100px;font-size:14px; height:40px; padding:7px 0;}
	.chart_wrap p.main_s03 { right:0; top:160px; width:100px;font-size:14px; height:43px; padding:5px 0; line-height:16px;}
	.chart_wrap p.main_s01::after { right:100px; width:36px;}
	.chart_wrap p.main_s02::after { width:71px; left:98px;}
	.chart_wrap p.main_s03::after { width:90px; right:100px;}


	.chart_wrap .group { top:370px;  }
	.chart_wrap .group::after { top:-20px; width:100px; left:70px}
	.chart_wrap .group ul > li { width:40%; margin:10px 0; float:none; }
	.chart_wrap .group ul > li:first-child { margin:10px 0; }
	.chart_wrap .group ul > li::after { left:70px; top:-20px; z-index:-1; }
	.chart_wrap .group ul > li > a { width:100%; height:40px; line-height:40px; padding:0; font-size:13px;z-index:1; }
	.chart_wrap .group ul > li > a br { display:none; }
	.chart_wrap .group ul > li.pd_line3 > a { padding:0; }

	.chart_wrap .group ul > li > .wrap li { float:none; width:120px; height:auto; padding:0 10px; font-size:12px; }
	.chart_wrap .group ul > li > .wrap li::after { left:96px; }
	.chart_wrap .group ul > li > .wrap li:first-child:after { display:none; }
	.chart_wrap .group ul > li > .wrap li br { display:none; }

	.chart_wrap .group ul > li > .wrap.org1 {top:-60px; left:195px;}
	.chart_wrap .group ul > li > .wrap.org1:after { top:81px; left:-51px; width:156px;}
	.chart_wrap .group ul > li > .wrap.org1::before,.chart_wrap .group ul > li > .wrap.org2::before,.chart_wrap .group ul > li > .wrap.org3::before { display:none; }

	.chart_wrap .group ul > li > .wrap.org2 { top:95px; left:195px }
	.chart_wrap .group ul > li > .wrap.org2 li {width:130px;}
	.chart_wrap .group ul > li > .wrap.org2 li span { width:130px; }
	.chart_wrap .group ul > li > .wrap.org2:after { top:60px; left:-51px; width:61px;}
	.chart_wrap .group ul > li > .wrap.org2 li::after { left:96px; }
	.chart_wrap .group ul > li > .wrap.org2 li > a {height:auto;}

	.chart_wrap .group ul > li > .wrap.org3 { top:273px; left:195px }
	.chart_wrap .group ul > li > .wrap.org3 li {width:130px;}
	.chart_wrap .group ul > li > .wrap.org3 li span { width:130px; }
	.chart_wrap .group ul > li > .wrap.org3:after { top:38px; left:-51px; width:156px;}
	.chart_wrap .group ul > li > .wrap.org3 li::after { left:96px; }
	.chart_wrap .group ul > li > .wrap.org3 li > a {height:auto;}


	.chart_wrap .group ul > li > .wrap1.org4 {left:-10px; top:26px;}
	.chart_wrap .group ul > li > .wrap1.org4 li > a {height:auto; padding:0;}
	.chart_wrap .group ul > li > .wrap1.org4::before {height:8px; top:2px; left:106px;}
	.chart_wrap .group ul > li > .wrap1.org4::after {background:none;}
	.chart_wrap .group ul > li > .wrap1.org4 li::after {left:96px;} */
	.cont_ul li { margin-left:0;}

	/* ci */
	.btn_area { overflow:hidden; }
	.symbol_wrap { margin-top:20px; }
	.symbol_wrap .sym_line1 .img { width:100%; text-align:center; }
	.symbol_wrap .sym_line1 .img img { max-width:435px; }
	.symbol_wrap .sym_line1 dl { width:100%; margin-top:20px; }
	.symbol_wrap h3 { margin-topp:25px; }
	.sym_line1 { margin-top:20px; }

	.symbol_wrap .sym_line2 img { width:100%; }
	.symbol_wrap .sym_line2 dl { width:100%; }

	.symbol_wrap .sym_line3 .sym_box { background:none; padding:0; border:0; height:220px;}
	.symbol_wrap .sym_line3 .sym_box > ul { top:20px; left:0; width:100%;}
	.symbol_wrap .sym_line3 .sym_box > ul >li { width:33.33333%; text-align:center; }
	.symbol_wrap .sym_line3 .sym_box > ul >li dl { margin:0 auto; float:none; }

	.symbol_wrap .sym_line4 ul { margin-bottom:20px; }
	.symbol_wrap .sym_line4 ul li { width:50%; }
	.symbol_wrap .sym_line4 ul li p { font-size:11px;}


	.map .tb1 th, .map .tb1 td { font-size:13px; }

	.btn_wrap { height:60px; }

	.sitemap article {width: calc(50% - 10px); height:auto; }
	.sitemap .cont_sitemap_row article:first-child { margin-left:0; }
	.sitemap .cont_sitemap_row { clear:both; }
	.sitemap article dl dt a { font-size:14px; line-height:20px; padding:5px 0 5px 15px; }
	.sitemap article dl dd a { font-size:13px; line-height:18px; padding:3px 0 3px 30px; }

	.banner article { float:none; width:100%; margin:10px 0 0 0;}

	.org .tb td { font-size:12px; }

	/* 갤러리 게시판 */
	.movie_list>ul>li { width:48%; margin-left:4%;}
	.movie_list>ul>li>a span.text { font-size:13px; }
	.movie_list>ul>li:nth-child(4n+1),
	.movie_list>ul>li:nth-child(3n+1){ margin-left:4%; }
	.movie_list>ul>li:nth-child(2n+1) { margin-left:0; }

	.nl_list>ul>li { width:48%; margin-left:4%;}
	.nl_list>ul>li>a span.text { font-size:13px; }
	.nl_list>ul>li:nth-child(4n+1),
	.nl_list>ul>li:nth-child(3n+1){ margin-left:4%; }
	.nl_list>ul>li:nth-child(2n+1) { margin-left:0; }

	.mpage_errm_p01 { font-size:23px; }
	.mpage_errm_p02 { font-size:15px; }
	.mpage_errt { padding:30px 0 20px; }
	.mpage_errm { padding:0 20px 50px; box-sizing:border-box;}

	.fac_modal-content {margin: 35% auto;width: 90%;  }
	#btnClose { width:25px; height:25px; line-height:25px; margin-bottom:10px; }
	.fac_modal-content .thumbImg { padding:10px; }


	.cont_dl_2 {width:100%; margin:10px 0; float:left;}
	.cont_dl_2 dt {padding:10px 5px; color:#303030; font-size:15px; font-weight:bold; text-align:center; margin-bottom:10px; letter-spacing:-1px;}
	.cont_dl_2 dd { padding:10px 20px; font-size:14px; background-color:#f7f7f7; border-radius:10px; line-height:20px;}

	/* 원스톱 모바일 */
	.allstop_link a {width:25%;margin:0;font-size: 18px;}
	.allstop_link1, 
	.allstop_link2, 
	.allstop_link3, 
	.allstop_link4, 
	.allstop_link5, 
	.allstop_link6, 
	.allstop_link7{background-size:60%;}
	.allstop_link1, .allstop_link1:hover,
	.allstop_link2, .allstop_link2:hover,
	.allstop_link3, .allstop_link3:hover,
	.allstop_link4, .allstop_link4:hover,
	.allstop_link5, .allstop_link5:hover,
	.allstop_link6, .allstop_link6:hover,
	.allstop_link7, .allstop_link7:hover {background-size:60%;}
	

}
@media only screen and (max-width: 550px) {
	.org .chart_wrap .group ul > li > .wrap.org2 {height: 110px;}
}
@media only screen and (max-width: 520px) {
	.bg_col_gray2{width: 95%; height: 100%; line-height: unset; padding: 10px; border-radius: unset;}
	.twobox.two-type{width:100%; }
	.twobox.five-type{width:100%; }
	.col_box1 {width:99%;}
	.twobox.four-type, .twobox.five-type{width:100%;}
	.btn.btnBlue.btn_base.ci{min-width:100%;border-bottom: 1px solid #fff;}
}


@media only screen and (max-width: 414px) {
	/* .chart_wrap p.main_s01 { right:21px; width:87px; }
	.chart_wrap p.main_s03 { right:21px; width:87px;}

	.chart_wrap p.main_s01::after { right:87px; width:28px; }
	.chart_wrap p.main_s03::after { width: 84px;right: 86px; }

	.chart_wrap .group ul > li > .wrap li > a { width:174px; padding: 5px 0; }
	.chart_wrap .group ul > li > .wrap.org1 { left:155px; }
	.chart_wrap .group ul > li > .wrap.org2 { left:155px; }
	.chart_wrap .group ul > li > .wrap.org3 { left:155px; }

	.chart_wrap .group ul > li > .wrap.org1:after {left: -11px;width: 119px; background:none;}
	.chart_wrap .group ul > li > .wrap.org2:after {left: -11px; width: 18px; background:none;}
	.chart_wrap .group ul > li > .wrap.org3:after {left: -11px;width: 117px; background:none;}

	.chart_wrap .group ul > li > .wrap.org2 li > a { width:174px; padding: 5px 0; }
	.chart_wrap .group ul > li > .wrap.org3 li > a { width:174px; padding: 5px 0; } */
	/* 버튼 */
	.btn_area button { width:100%; margin-bottom:5px; }
	.symbol_wrap .sym_line3 .sym_box > ul >li dl { width:110px; border:1px solid #ccc; }
	.symbol_wrap .sym_line4 ul li { width:100%; }

	.mpage_errm span { width:100px; height:100px; line-height:100px ;font-size:45px;  }
	.mpage_errmb a { font-size:15px; line-height:35px; width:150px; }

}
@media only screen and (max-width: 367px) {
	.org .chart_wrap .group ul > li > .wrap.org1,
	.org .chart_wrap .group ul > li > .wrap.org2,
	.org .chart_wrap .group ul > li > .wrap.org3,
	.org .chart_wrap .group ul > li > .wrap.org4{height:190px;}
}

/* user-modal */
.user-modal{display:none;position:fixed;z-index:999999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4);}
.user-modal-content{background-color:#fefefe;border:1px solid #888;width:330px;margin:15% auto; position:relative;}
.user-modal-content .groupRegi { width:100%; margin:0 auto; }
.user-modal-content .groupRegi h1 { background-color:#45acb3; color:#fff; padding:10px 0 10px 10px; font-size:15px;}
.user-modal-content .groupRegi .group-box { padding:25px 20px; overflow:hidden; text-align:center; position:relative;}
.user-modal-content .groupRegi .group-box input,
.user-modal-content .groupRegi .group-box label { float:left; line-height:30px;}
.user-modal-content .groupRegi .group-box input { width:160px; padding:5px 10px; }
.user-modal-content .groupRegi .group-box .s_btn { float:left; width:70px; line-height:28px; margin-left:5px;}
.user-modal-content .close{color:#fff; position:absolute; right:10px; top:3px;font-size:28px;font-weight:700; }
.user-modal-content .close:hover,.modal-content .close:focus{color:#aaa;text-decoration:none;cursor:pointer;}
.user-modal-content .button-wrap { clear:both; text-align:center; padding:10px 0 20px; }
.user-modal-content p.input-group { clear:both; padding:10px 20px; text-align:center; background:#f0f0f0;}
.user-modal-content .groupRegi .selected{ background-color:silver;}

.user-modal-content .scroll-title { overflow:hidden; padding:15px 10px 5px; display:flex !important; flex-direction:row; border-bottom:1px solid #000; margin:0 10px; }
.user-modal-content .scroll-title span { display:inline-block; padding:0 0 7px; text-align:center; font-size:14px; color:#000;font-weight:bold; }
.user-modal-content .scroll-title span:first-child{ width:80px; }
.user-modal-content .scroll-title span:last-child{ width:175px; }
.user-modal-content .list-box ul li, .user-modal-content .list-box ul li dl { display:flex !important; flex-direction:row; }
.user-modal-content .list-box { padding:0 10px 10px; height:170px; overflow-y:scroll; }
.user-modal-content .list-box ul li { padding:10px 10px; border-bottom:1px solid #ddd; }
.user-modal-content .list-box ul li span.checkbox { padding-right:10px; }
.user-modal-content .list-box ul li dl dt { font-weight:bold; color:#000; width:120px; }
.user-modal-content .list-box.height2 {height:300px;  }


/* 2021 업소현황 */
.graph_number{color: #00a3ac; font-size: 22px; font-weight:bold;}
.graph_number span{display: inline-block; text-align: center;   width: 44px;  height: 44px; line-height: 44px;  background-color: #00a3ac;  color: #fff; font-size: 22px;  border-radius: 50%; margin-right: 5px;}
.graph_category{font-size:20px; text-align:center;}
.db_map_title{font-size:20px; font-weight:20px; margin-bottom:10px;}
.mgn_b20{margin-bottom:20px;}
[class*="tab_cont"] {display:none;}
[class*="tab_cont"].selected{display:block;}

.graph_onetype{width: 900px; height: 500px; margin:0 auto;}
.graph_twotype{float:left; width: 50%; height: 500px; margin:0 auto;}
.graph_twotype_in{width: 100%; height: 500px;  margin:0 auto;}

.ie_none{display:none;}

 /* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.ie_none{display:block;}
}

@media only screen and (max-width: 768px) {
	.graph_onetype{width: 100%; height: auto; }
	.graph_twotype{width: 100%; height: auto; }
	.graph_twotype_in{width: 100%; height: auto; }
}
/* 2021 업소현황 끝 */

/* 2022 사업메뉴판 리뉴얼 */
.business_list{float:left; width:210px; height:300px; margin-right:1%; margin-bottom:20px;}
.business_list p{color:#fff; font-size:19px; font-weight:bold; text-align:center; width:100%; height:40px; line-height:40px; padding: 15px 0; margin:0 auto;}
.business_list p.two_line{line-height:1.3;}

.business_list.one {background-color: #ecf2f9;}
.business_list.one p{background-color:#2b8ada;}
.business_list.one ul{background-image:url(/images/user/contents/business_list1.png); background-repeat:no-repeat; background-position:top center;}
.business_list.one ul li a:hover{background-color:#2b8ada; color:#fff;}


.business_list.two {background-color: #f0f7e9;}
.business_list.two p{background-color:#5da71c;}
.business_list.two ul{background-image:url(/images/user/contents/business_list2.png); background-repeat:no-repeat; background-position:top center;}
.business_list.two ul li a:hover{background-color:#5da71c; color:#fff;}

.business_list.three {background-color:#f1effa;}
.business_list.three p{background-color:#7058d8;}
.business_list.three ul{background-image:url(/images/user/contents/business_list3.png); background-repeat:no-repeat; background-position:top center;}
.business_list.three ul li a:hover{background-color:#7058d8; color:#fff;}

.business_list.four {background-color:#fbf1f0;}
.business_list.four p{background-color:#e8736d;}
.business_list.four ul{background-image:url(/images/user/contents/business_list4.png); background-repeat:no-repeat; background-position:top center;}
.business_list.four ul li a:hover{background-color:#e8736d; color:#fff;}

.business_list.five {background-color:#e9f6f5; margin-right:0;}
.business_list.five p{background-color:#18a79b;}
.business_list.five ul{background-image:url(/images/user/contents/business_list5.png); background-repeat:no-repeat; background-position:top center;}
.business_list.five ul li a:hover{background-color:#18a79b; color:#fff;}


.business_list ul li{display:flex;}
.business_list ul li a{display:block; width: 190px; height: 40px; line-height: 40px; text-align: center; background-color: #fff; border-radius: 5px; margin: 5px auto;}
.business_list ul li:first-child{padding-top: 15px;}
.business_list ul li:last-child{margin-bottom:15px;}

.business_left{float:left; width:38%;}
.business_left2{float:left; width:20%;}
.business_right{float:right; width: 60%; position:relative;}
.business_right2{float:right; width: 77%; position:relative; text-align:center;}
.business_left_maintit{font-size:16px; font-weight:bold; padding: 10px 0 40px; color:#666;}
.business_left_maintit span{display: block; font-size:30px; font-weight:bold; color:#000;}
.business_left_subtit{display: inline-block; font-size: 18px; color: #03a1a5; font-weight: bold; border: 2px solid #03a1a5; padding: 15px 20px; border-radius: 25px; margin-bottom:10px; padding-left: 15px;}

.business_left .cont_ul{margin-bottom:20px;}
.business_right2 .cont_ul li{width: auto;  display: inline-block; float: none;}

.page_business .cont_ul li{font-size: 15px; margin-top: 7px; background: url(/images/user/contents/bul_business.png) no-repeat 0 3px; padding-left: 15px;}
.page_business .b_list th{border: 1px solid #e5e5e5; padding: 13px 10px;}
.page_business .b_list td{border: 1px solid #e5e5e5; padding: 13px 10px;}

.business_right button.slick-prev{font-size:0px; background-image:url(/images/user/contents/arr_prev.png); background-repeat:no-repeat; background-color: unset; width: 20px; height: 32px;position: absolute; top:43%; left:10px; z-index:99;}
.business_right button.slick-next{font-size:0px; background-image:url(/images/user/contents/arr_next.png); background-repeat:no-repeat; background-color: unset; width: 20px; height: 32px;position: absolute; top:43%; right:10px; z-index:99;}

.daeguan_list button.slick-prev{font-size:0px; background-image:url(/images/user/contents/arr_prev.png); background-repeat:no-repeat; background-color: unset; width: 20px; height: 32px;position: absolute; top:43%; left:10px; z-index:99;}
.daeguan_list button.slick-next{font-size:0px; background-image:url(/images/user/contents/arr_next.png); background-repeat:no-repeat; background-color: unset; width: 20px; height: 32px;position: absolute; top:43%; right:10px; z-index:99;}


.box_left{float:left; width:150px; text-align:center;}
.box_left p{font-size:20px; font-weight:bold;}
.box_right{float:left;width:75%; padding-left: 20px;}

@media only screen and (max-width: 768px) {
	.page_business .scroll{overflow-x:scroll;}
 	.business_list{width:49%;} 
 	.business_left{float: none; width: 100%; text-align:center;}
	.business_left2{float: none; width: 100%; text-align:center;}
 	.business_right{float: none; width: 100%; text-align:center;}
 	.business_right2{float: none; width: 100%; text-align:center;}
	.business_left .cont_ul{ margin:0 auto 20px; width:80%;}
	.page_business .cont_ul li{font-size:13px;}
}
@media only screen and (max-width: 475px) {
 	.business_list{float:none; width:250px; margin:0 auto 20px; text-align:center;} 
	.business_list.five{margin-right:auto;}
}


/* 2022시설에약 리뉴얼 */
/* .gonggan{position: relative; padding-top: 250px;}*/
/*.gonggan .box_type3{position: absolute; top: 0; width: 98%;} */
.daeguan_list{}
.daeguan_list ul{}
.daeguan_list > ul > li{float:left; width:44%; border: 1px solid #e8e8e8; padding:30px; margin-right: 5px; margin-bottom: 5px; }
.daeguan_list > ul > li:nth-child(2n){margin-right:0;}

.daeguan_list .left{float: left;width: 200px; margin-right:10px;}
.daeguan_list .left img{width: 200px; height:auto;}
.daeguan_list .right{display:inline-block; width: 55%; position:relative}
.daeguan_list .right .daeguan_title{font-size:19px; padding:10px 0; margin:0;}
.daeguan_list .right .daeguan_text{font-size:15px; color:#777;}
.daeguan_list .right .daeguan_text em{position:absolute; left:0}
.daeguan_list .right .daeguan_text span{
	display: block;
	padding-left:70px;
	min-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.gonggan .tab_type2 {margin-bottom: 30px; padding: 0; border: 1px solid #d6d6d6; background-color:#f8f8fa;}
.gonggan .tab_type2 li{float:left;width: auto;text-align: center;position: relative; border-bottom:2px solid #f8f8fa; margin: 0 3%;}
.gonggan .tab_type2 li.selected{border-bottom:2px solid #000;}
.gonggan .tab_type2 li a{display: block; text-align: center; height: 30px; line-height: 30px; font-size: 15px; font-weight: bold;
    margin-left: 0px; color: #333;padding: 6px}

@media only screen and (max-width: 1100px) {
	.daeguan_list > ul > li{width:100%; float:none;}
}
/* .sisul_calender_title{background-color: #008db6; color: #fff; text-align: center; height: 60px; font-size: 26px; line-height: 60px; font-weight: bold; position: relative;}
.sisul_calender_title p{}
.sisul_calender table{width:100%;}
.sisul_calender table thead th{width:60px; height:40px;text-align:center; border-bottom: 1px solid #dddddd; background-color:#008db6; color:#fff;}
.sisul_calender table tbody td{width:auto; height:60px; text-align:center; border-bottom: 1px solid #dddddd;  border-left: 1px solid #dddddd; font-weight: bold;}
.sisul_calender table tbody td.impossible{background-color:#f5f5f5;}
.sisul_calender table tbody td.on,
.sisul_calender table tbody td:hover{background-color:#45acb3; color:#fff;}

.collect{position:absolute; right: 0; top: 45px;}
.collect span{display: inline-block; width: 15px;  height: 15px;  vertical-align: middle; margin-right: 5px;}
.collect span.impossible{background-color:#f5f5f5; border:1px solid #f5f5f5;}
.collect span.possible{background-color:#fff; border:1px solid #ccc;}
.collect span.on{background-color:#45acb3; border:1px solid #45acb3;}

.btn_prev{position:absolute; left:20px; top:20px;}
.btn_next{position:absolute; right:20px; top:20px;} */

/* @media only screen and (max-width: 1100px) {
	.left50{float: none; width: 100%;}
	.right50{float: none; width: 100%;}
	.collect{top: 0px;}
	
}
 */



@media only screen and (min-width:1px) and (max-width:750px) {

/*시설예약하기 - 상단*/
.mf_wrap { float:left; width:100%;  background:#edf9fc; border-radius:30px;  box-sizing:border-box; padding:30px 0;  margin:0 0 50px 0;  }
.mf_w { width:90%; margin:0 auto; }
.mf_le { width:90%; margin:0 auto;  box-sizing:border-box;   }
.mf_le img {  width:100%; max-width:550px;   }
.mf_ri { float:right; width:100%; }
.mf_ri_w { width:90%; margin:0 auto;  }
.map_img { float:left; display: none;}
.map_img0 { display:block;  }

/*시설예약하기 - 오른쪽*/
.mf_ri_top { float:left; width:100%; margin:30px 0 0 0;    }
.mf_ri_top .le { float:left; width:100%; font-size:25px; font-weight:700; color:#000; line-height:38px; text-align:center; }
.mf_ri_top .le span {  font-size:40px; color:#45acb3;   }
.mf_ri_top .ri { display:none; float:right; width:100%; text-align:center; }
.mf_ri_top .ri img { vertical-align:middle; margin-top:30px; width:100%; max-width:131px;  }

.mf_ri_txt { float:left; width:100%; font-size:17px; font-weight:700; line-height:25px; margin:20px 0 10px 0;  }
.mf_ri_txt br { display:none; }
.mf_ri_txt .red { color:#ed3841;   }
.mf_ri_txt .blue { color:#2c8cca;  }

.mf_ri_bm { float:left; width:100%; }
.mf_ri_bm ul li { float:left; width:100%; margin:10px 0 0 0;   }
.se_class { width:100%; height:45px; font-size:14px; border:1px solid #ccc;  }

.btn_cl { display:block; width:100%; font-size:16px; font-weight:700; text-align:center;  background:#45acb3; 
border-radius:5px; padding:15px 0;  transition: all ease 0.3s; }
.btn_cl:hover { background:#2f949b; color:#fff;  }
.btn_cl:link, .btn_cl:visited { color:#fff;  }
.btn_class a img { margin: 0 10px 0 0; vertical-align:middle;  }

}

@media only screen and (min-width: 750px) {

/*시설예약하기 - 상단*/
.mf_wrap { float:left; width:100%;  background:#edf9fc; border-radius:30px;  box-sizing:border-box; padding:30px 0;  margin:0 0 50px 0;  }
.mf_w { width:90%; margin:0 auto; }
.mf_le { float:left; width:60%; box-sizing:border-box; }
.mf_le img {  width:100%; max-width:550px;    }
.mf_ri { float:right; width:40%; }

.map_img { float:left; display: none;}
.map_img0 { display:block;  }

/*시설예약하기 - 오른쪽*/
.mf_ri_top { float:left; width:100%; margin:60px 0 0 0;    }
.mf_ri_top .le { float:left; width:70%; font-size:30px; font-weight:700; color:#000; line-height:48px;  }
.mf_ri_top .le span {  font-size:45px; color:#45acb3;   }
.mf_ri_top .ri { float:right; width:30%;  }
.mf_ri_top .ri img { vertical-align:middle; margin-top:-10px; width:100%; max-width:131px;  }

.mf_ri_txt { float:left; width:100%; font-size:18px; font-weight:700; line-height:28px; margin:20px 0 10px 0;  }
.mf_ri_txt .red { color:#ed3841;   }
.mf_ri_txt .blue { color:#2c8cca;  }

.mf_ri_bm { float:left; width:100%; }
.mf_ri_bm ul li { float:left; width:100%; margin:10px 0 0 0;   }
.se_class { width:80%; height:45px; font-size:14px; border:1px solid #ccc;  }
.btn_cl { display:block; width:80%; font-size:16px; font-weight:700; text-align:center;  background:#45acb3; 
border-radius:5px; padding:15px 0;  transition: all ease 0.3s; }
.btn_cl:hover { background:#2f949b; color:#fff;  }
.btn_cl:link, .btn_cl:visited { color:#fff;  }
.btn_class a img { margin: 0 10px 0 0; vertical-align:middle;  }

}


@media only screen and (min-width:1px) and (max-width:650px) {

	.mfcon_wrap { float:left; width:100%; margin:0 0 60px 0; }
.mfcon_w { width:90%; margin:0 auto;    }
.mfcon_box { float:left; width:calc(100%/1); margin:30px 0 0 0;  }

.mfcon_box .tit { font-size:18px; color:#000; font-weight:700; line-height:26px;  text-align:center; margin:20px 0;  }
.mfcon_box .tit span { font-size:15px; color:#45acb3; }

}

@media only screen and (min-width:650px) and (max-width:870px) {

.mfcon_wrap { float:left; width:100%; margin:0 0 60px 0; }
.mfcon_w { width:90%; margin:0 auto;    }
.mfcon_box { float:left; width:calc(100%/2); margin:30px 0 0 0;  }

.mfcon_box .tit { height:80px; font-size:18px; color:#000; font-weight:700; line-height:26px;  text-align:center; margin:20px 0;  }
.mfcon_box .tit span { font-size:15px; color:#45acb3; }

}

@media only screen and (min-width: 870px) {

.mfcon_wrap { float:left; width:100%; margin:0 0 60px 0; }
.mfcon_w {    }
.mfcon_box { float:left; width:calc(100%/4); margin:30px 0 0 0;  }

.mfcon_box .tit { height:80px; font-size:18px; color:#000; font-weight:700; line-height:26px;  text-align:center; margin:20px 0;  }
.mfcon_box .tit span { font-size:15px; color:#45acb3; }

}

/*시설예약하기 - 컨텐츠*/
.mfcon_title { float:left; width:100%; font-size:22px; color:#000; font-weight:700; border-bottom:2px solid #000;  padding:0 0 5px 0; }
.mfcon_title span { float:right; font-size:16px; }
.mfcon_title span b { font-size:20px; color:#d0272e;  }
.mfcon_title img { vertical-align:middle; margin-right:10px; }

.mfcon_con { float:left; width:100%; }

.mfcon_box_w { width:90%; margin:0 auto;  }
.mfcon_box_w2 { float:left; width:100%; box-sizing:border-box; border:1px solid #ccc; border-radius:15px;  }
.mfcon_box ul { width:80%; margin:0 auto;   }
.mfcon_box ul li { float:left; width:100%; }
.mfcon_box .img .img_area { position:absolute; z-index:10; background:#45acb3; font-size:14px; color:#fff; padding:3px 7px; margin:10px 0 0 10px;  }
.mfcon_box .img img { border-radius:15px 15px 0 0; width:100%; height:150px; z-index:1; }



.part_txt_wrap {    }
.part_txt { position:relative; display:block; padding:3px 0 10px 70px; font-size:13px; font-weight:400; color:#444; line-height:18px; text-align:left; }
.part_txt span {position:absolute; left:0; top:0; font-size:12px; font-weight:400; color:#fff; background:#45acb3; border-radius:5px;
width:60px; padding:3px 0; text-align:center; }

.mfcon_box .mfcon_btn {   }
.btn_mfcon_view { display:block; width:100%; font-size:14px; color:#fff; font-weight:700; text-align:center; background:#45acb3; 
padding:10px 0; border-radius:30px; transition: all ease 0.3s; margin:10px 0 5px 0;  }
.btn_mfcon_view:hover { background:#2f949b;  color:#fff;  }
.btn_mfcon_view:link { color:#fff;  }
.btn_mfcon_view:visited { color:#fff;  }

.btn_mfcon_re { display:block; width:100%; font-size:14px; color:#fff; font-weight:700; text-align:center; background:#f39d12; 
padding:10px 0; border-radius:30px; transition: all ease 0.3s; margin-bottom:30px;  }
.btn_mfcon_re:hover { background:#dc8d0d; color:#fff;    }
.btn_mfcon_re:link { color:#fff;  }
.btn_mfcon_re:visited { color:#fff;  }





/*시설예약 상세페이지 상단*/
@media only screen and (min-width:1px) and (max-width:750px) {

.mfsub_wrap { float:left; width:100%; margin-top:10px; }
.mfsub_w { width:90%; margin:0 auto;  }
.mfsub_top { float:left; width:100%; }

.mfsub_top .le { float:left; width:100%; box-sizing:border-box; }
.mfsub_top .ri { float:right; width:100%; box-sizing:border-box; margin:30px 0 0 0;  }

.mfsub_top_c { float:left; width:100%;  }
.mfsub_top_c ul li { float:left; width:100%;  }
.mfsub_top_c .icon {  font-size:18px; font-weight:700; color:#000; margin-bottom:10px;  }
.mfsub_top_c .icon img { vertical-align:middle;  margin-right:10px; }
.mfsub_top_c .so_tit { font-size:18px; font-weight:700; color:#45acb3;  }
.mfsub_top_c .tit { font-size:25px; font-weight:bold; color:#000;  margin:5px 0 20px 0;  text-align:left; word-break:keep-all;  }

.mfsub_top_tbl { float:left; width:100%;    }
.tbl_mfsub { width:100%; padding:0; margin:0; letter-spacing:0px;  }
.tbl_mfsub th { font-size:15px; color:#45acb3; padding:13px 0;  border-bottom:1px dotted #ccc;  }
.tbl_mfsub th span { padding:0 15px;  }
.tbl_mfsub td { font-size:15px; color:#000; line-height:24px; padding:10px 0;  border-bottom:1px dotted #ccc; text-align:left; word-break:keep-all;  }

.mfsub_top_btn { float:left; width:100%; margin:20px 0 0 0; }
.mfsub_top_btn ul { width:315px; margin:0 auto; }

}

@media only screen and (min-width: 750px) {

.mfsub_wrap { float:left; width:100%; margin-top:10px; }
.mfsub_w {  }
.mfsub_top { float:left; width:100%; }

.mfsub_top .le { float:left; width:45%; box-sizing:border-box; }
.mfsub_top .ri { float:right; width:50%; box-sizing:border-box; }

.mfsub_top_c { float:left; width:100%;  }
.mfsub_top_c ul li { float:left; width:100%;  }
.mfsub_top_c .icon {  font-size:20px; font-weight:700; color:#000; margin-bottom:20px;  }
.mfsub_top_c .icon img { vertical-align:middle;  margin-right:10px; }
.mfsub_top_c .so_tit { font-size:20px; font-weight:700; color:#45acb3;  }
.mfsub_top_c .tit { font-size:30px; line-height:40px; font-weight:bold; color:#000;  margin:5px 0 20px 0; text-align:left; word-break:keep-all;  }

.mfsub_top_tbl { float:left; width:100%;    }
.tbl_mfsub { width:100%; padding:0; margin:0; letter-spacing:0px;  }
.tbl_mfsub th { font-size:16px; color:#45acb3; padding:13px 0;  border-bottom:1px dotted #ccc;  }
.tbl_mfsub th span { padding:0 15px;  }
.tbl_mfsub td { font-size:16px; color:#000; line-height:24px; padding:10px 0;  border-bottom:1px dotted #ccc; text-align:left; word-break:keep-all;  }

.mfsub_top_btn { float:left; width:100%; margin:20px 0 0 0; }

}

.swiper{width:100%; max-width:497px; }

.mfsub_top_btn ul li { float:left;  margin-left:10px;}
.mfsub_top_btn ul li:first-child { margin-left:0;  }
.mfsub_top_btn .re a:link {  color:#fff; }
.mfsub_top_btn .re a:visited {  color:#fff; }
.mfsub_top_btn .lie a:visited {  color:#45acb3; }

.btn_mfsub_re { display:block; width:150px; font-size:16px; color:#fff; font-weight:700; text-align:center; background:#f39d12; 
padding:15px 0; border-radius:10px; transition: all ease 0.3s;  }
.btn_mfsub_re:hover { background:#dc8d0d;    }

.btn_mfsub_list { display:block; width:150px; font-size:16px; color:#45acb3; font-weight:700; text-align:center; border:2px solid #45acb3; box-sizing:border-box;
padding:13px 0; border-radius:10px; transition: all ease 0.3s;  }
.btn_mfsub_list:hover { background:#e9f8f9;    }


@media only screen and (min-width:1px) and (max-width:750px) {

/*설계도*/
.mfsub_map { float:left; width:100%; margin:30px 0 0 0; border:5px solid #eee; border-radius:20px; box-sizing:border-box; }
.mfsub_map ul { width:97%; margin:0 auto;  }
.mfsub_map ul li { float:left; width:calc(100%/1); padding:10px 0;  }

.mfsub_con_tit { float:left; width:100%; font-size:22px; font-weight:700; color:#000; margin:40px 0 20px 0;  }

.mfsub_con1 { float:left; width:100%; }
.mfsub_con1 ul li { float:left; width:calc(95%/1); font-size:15px; font-weight:700; color:#000; 
padding:15px 2%; background:#f8f8f8; border-left:5px solid #45acb3; margin:0 1% 0.7% 0;  }

.mfsub_con2 { float:left; width:100%;  }
.mfsub_con2 ul { float:left; width:100%;  border:5px solid #ecf8f8; border-radius:20px; box-sizing:border-box;  margin-bottom:60px;  }
.mfsub_con2 ul li { float:left; padding:20px; }

}


@media only screen and (min-width: 750px) {

/*설계도*/
.mfsub_map { float:left; width:100%; margin:50px 0 0 0; border:5px solid #eee; border-radius:20px; box-sizing:border-box; }
.mfsub_map ul { width:95%; margin:0 auto;  }
.mfsub_map ul li { float:left; width:calc(100%/1); padding:20px 0;  }

.mfsub_con_tit { float:left; width:100%; font-size:22px; font-weight:700; color:#000; margin:40px 0 20px 0;  }

.mfsub_con1 { float:left; width:100%; }
.mfsub_con1 ul li { float:left; width:calc(93%/2); font-size:16px; font-weight:700; color:#000; 
padding:15px 1%; background:#f8f8f8; border-left:5px solid #45acb3; margin:0 1% 0.7% 0;  }

.mfsub_con2 { float:left; width:100%;  }
.mfsub_con2 ul { float:left; width:100%;  border:5px solid #ecf8f8; border-radius:20px; box-sizing:border-box;  margin-bottom:60px;  }
.mfsub_con2 ul li { float:left; padding:30px; }

}

.mfsub_con_wrap { float:left; width:100%; }

.mfsub_con1 ul li:nth-child(2) { margin-right: 0;  }
.mfsub_con1 ul li:nth-child(4) { margin-right: 0;  }

.mf2_txt { position:relative; display:block; padding:0 0 10px 15px; font-size:15px; line-height:22px; font-weight:400; color:#444; }
.mf2_txt span {position:absolute; left:0; top:0; font-size:25px; font-weight:700; color:#45acb3;  }
.mf2_txt:last-child { padding-bottom:0; }

.mfsub_map img { width:100%; }

.ss-img { width:90%; text-align:center; margin:0 auto; position:relative; padding-top:60%; }
.ss-img img { position:absolute;top:0;left:0; width:100%;height:100%;  }