@charset "UTF-8";

/*
	AUTHOR : Lee.Hye.Jun
	E-MAIL : service@sibizi.com
	DATE : 2019.09.10
	EDIT : 2019.09.19
	File : css/sub.css
*/

/* ===========================
		 	sub
=========================== */

/* ===========================
		 	회원
=========================== */

/* 로그인 */
.login{width: 484px;margin: 27px auto;}
.login .login_form{margin-top: 46px;}
.login .login_form .input_wrap{position: relative;}
.login .login_form .input_wrap:before{position: absolute;top: 50%;left: 26px;width: 14px;height: 16px;margin-top: -8px;background: url(../img/login_id.png) no-repeat center center;content: ''}
.login .login_form .input_wrap.password{margin-top: 5px;}
.login .login_form .input_wrap.password:before{width: 14px;height: 17px;background: url(../img/login_password.png) no-repeat center center;}
.login .login_form .input_wrap.email{margin-top: 5px;}
.login .login_form .input_wrap.email:before{left: 25px;width: 17px;height: 11px;margin-top: -5px;background: url(../img/login_email.png) no-repeat center center;}
.login .login_form .input_basic{height: 56px;padding: 0 50px;}
.login .login_save{margin-top: 16px;}
.login .login_btn{margin-top: 22px;}
.login .login_btn a{display: inline-block;width: 239px;line-height: 56px;}
.login .login_btn a.bd{margin-right: 6px;line-height: 54px;}
.login .login_btn a:last-of-type{width: 100%;margin-top: 5px;}

/* 회원가입 공통 */
/* .regis{} */
.regis .regis_step{text-align: center;}
.regis .regis_step ul{display: inline-block;}
.regis .regis_step ul li{display: inline-block;position: relative;width: 122px;margin-left: 52px;padding: 7px 0 3px 58px;background-repeat: no-repeat;background-position: center left;text-align: left;box-sizing: border-box;}
.regis .regis_step ul li:before{position: absolute;top: 50%;left: -31px;width: 5px;height: 9px;margin-top: -4px;background: url(../img/regis_step_arrow.png) no-repeat center center;content: ''}
.regis .regis_step ul li:nth-of-type(1){margin-left: 0;background-image: url(../img/regis_step01.png);}
.regis .regis_step ul li:nth-of-type(1):before{display: none;}
.regis .regis_step ul li.on:nth-of-type(1){background-image: url(../img/regis_step01_on.png);}
.regis .regis_step ul li:nth-of-type(2){background-image: url(../img/regis_step02.png);}
.regis .regis_step ul li.on:nth-of-type(2){background-image: url(../img/regis_step02_on.png);}
.regis .regis_step ul li:nth-of-type(3){background-image: url(../img/regis_step03.png);}
.regis .regis_step ul li.on:nth-of-type(3){background-image: url(../img/regis_step03_on.png);}
.regis .regis_step ul li span{font-family: "Roboto";font-size: 12px;color: #244579;}
.regis .regis_step ul li p{font-weight: 500;font-size: 14px;line-height: 24px;}
.regis .regis_cont{margin-top: 47px;}
.regis .regis_btn{margin-top: 40px;text-align: center;}
.regis .regis_btn .btn_norm{margin-left: 5px;}
.regis .regis_btn .btn_norm:first-of-type{margin-left: 0;}

/* 회원가입 step01 */
.regis .regis_check{margin-top: 46px;}
.regis .regis_check:first-of-type{margin-top: 0;}
.regis .regis_check .check_cont{margin-top: 16px;padding: 50px 50px 40px;background: #fff;}
.regis .regis_check .check_cont .check_cnt{overflow-y: auto;height: 190px;border: 1px solid #e2e8ea;}
.regis .regis_check .check_cont .check_cnt textarea{width: 100%;padding: 28px;}
.regis .regis_check .check_cont .check_box{margin-top: 20px;}

/* 회원가입 step02 */
.regis .regis_desc{margin-top: 14px;padding: 37px 40px;border: 5px solid #e4e8ea;}
/* .regis .regis_desc ul{} */
.regis .regis_desc ul li{position: relative;padding-left: 6px;font-size: 14px;line-height: 24px;color: #666;}
.regis .regis_desc ul li:before{position: absolute;top: 50%;left: 0;width: 2px;height: 2px;margin-top: -1px;background: #838484;content: ''}
.regis .regis_desc ul li span{color: #ff4c66;}
.regis .regis_form{margin-top: 37px;}
.regis .regis_form .tbl_type2{margin-top: 26px;}
.regis .regis_form .tbl_type2 td{padding: 10px 20px;}
.regis .regis_form .tbl_type2 td p{margin: 24px 0 16px;font-size: 14px;color: #888;}
.regis .regis_form .tbl_type2 .input_basic{max-width: 222px}
.regis .regis_form .tbl_type2 .email{font-size: 0;word-spacing:0;letter-spacing:0}
.regis .regis_form .tbl_type2 .email .e{display: inline-block;width: 31px;font-weight: 500;font-size: 14px;color: #888;text-align: center;}
.regis .regis_form .tbl_type2 .email .select_basic{margin-left: 10px;}
.regis .regis_form .tbl_type2 .email .btn_norm{width: 118px;margin-left: 10px;line-height: 36px;vertical-align: top;}

/* 회원가입 step03 */
.regis .regis_result{width: 656px;margin: 0 auto;padding: 77px 0 58px;background: #fff;text-align: center;box-sizing: border-box;}
.regis .regis_result strong{font-weight: 500;font-size: 18px;}
.regis .regis_result p{margin-top: 22px;font-size: 14px;line-height: 24px;color: #666;}
.regis .regis_result .btn_norm{width: 120px;margin-top: 50px;}

/* 회원가입 탈퇴 */
.regis .regis_out{width: 656px;margin: 0 auto;padding: 49px 112px 48px;background: #fff;text-align: center;box-sizing: border-box;}
.regis .regis_out p{font-size: 14px;line-height: 24px;color: #666;}
.regis .regis_out .input_wrap{position: relative;margin-top: 17px;}
.regis .regis_out .input_wrap:before{position: absolute;top: 50%;left: 26px;width: 14px;height: 16px;margin-top: -8px;background: url(../img/login_id.png) no-repeat center center;content: ''}
.regis .regis_out .input_wrap.password:before{width: 14px;height: 17px;background: url(../img/login_password.png) no-repeat center center;}
.regis .regis_out .input_basic{height: 56px;padding: 0 50px;}
.regis .regis_out .btn_norm{width: 120px;margin-top: 45px;}


/* 이용약관 */
.regis_cont .regis_check .check_cont .check_cnt .privacy_info{overflow-x: hidden;width: 100%;padding: 24px; border: 1px solid #d7d7d7; font-size: 16px; line-height: 28px;color: #666;letter-spacing: -0.8px;box-sizing: border-box;}
.regis_cont .regis_check .check_cont .check_cnt .privacy_info table{border: 1px solid; max-width: 1000px;}
.regis_cont .regis_check .check_cont .check_cnt .privacy_info table tr{white-space: nowrap}
.regis_cont .regis_check .check_cont .check_cnt .privacy_info table th{padding: 4px 20px; border: 1px solid #000000;}
.regis_cont .regis_check .check_cont .check_cnt .privacy_info table td{padding: 18px 20px; border: 1px solid #000000;}

/* ===========================
		 	게시판
=========================== */

/* 게시판 공통 */
.brd{margin-top: 28px;}
.brd .btn_area{margin-top: 20px;}
.brd .btn_area:after{display: block;clear: both;content: ''}
.brd .btn_area ul{font-size: 0;word-spacing:0;letter-spacing:0}
.brd .btn_area ul li{display: inline-block;margin-left: 5px;}
.brd .btn_area ul li:first-of-type{margin-left: 0;}

/* 게시판 리스트 공통 */
/*.brd_list{}*/
.brd_list .brd_top{position: relative;}
.brd_list .brd_top .brd_tot{font-weight: 500;font-size: 14px;line-height: 34px;}
.brd_list .brd_top .brd_tot strong{color: #ff4c66;}
.brd_list .brd_mid{margin-top: 17px;padding: 50px 60px;background: #fff;}

/* 게시판 쓰기 공통 */
/*.brd_write{}*/
/*.brd_write .brd_mid{}*/
.brd_write .brd_mid .brd_cont{border: 1px solid #e2e8ea;box-sizing: border-box;}
.brd_write .brd_mid .brd_cont textarea{width: 100%;padding: 20px;min-height: 400px;font-size: 16px;line-height: 22px;}
.brd_write .brd_mid .brd_file{min-height: 36px;font-size: 0;word-spacing:0;letter-spacing:0}

/* 게시판 뷰 공통 */
/*.brd_view{}*/
.brd_view .brd_mid .brd_cont{min-height: 186px;margin-bottom: 67px;}
.brd_view .brd_mid .brd_cont p{font-weight: 300;font-size: 16px;line-height: 22px;}
.brd_view .brd_mid .brd_file{position: relative;padding: 16px 0;border: 1px solid #d8dcdf;background: #f3f4f5;}
.brd_view .brd_mid .brd_file p{position: absolute;top: 16px;left: 30px;font-weight: bold;font-size: 14px;line-height: 22px;color: #888;}
.brd_view .brd_mid .brd_file ul{padding-left: 150px;}
.brd_view .brd_mid .brd_file ul li{margin-top: 5px;}
.brd_view .brd_mid .brd_file ul li:first-of-type{margin-top: 0;}
.brd_view .brd_mid .brd_file ul li a{font-weight: bold;font-size: 14px;line-height: 22px;color: #888;}
/*.brd_view .brd_mid .brd_cmt{}*/
.brd_view .brd_mid .brd_cmt .re{margin-bottom: 5px;font-weight: bold;font-size: 16px;color: #ff4c66;}
.brd_view .brd_mid .brd_cmt .cmt p{font-size: 16px;line-height: 22px;}
.brd_view .brd_arrow{margin-top: 15px;background: #fff;}
.brd_view .brd_arrow li{border-top: 1px solid #d7dee2;}
.brd_view .brd_arrow li:first-of-type{border-top: 0;}
.brd_view .brd_arrow li a{display: block;padding: 23px 50px;background-repeat: no-repeat;background-position: center left 30px;font-weight: 500;font-size: 14px;}
.brd_view .brd_arrow li a.prev{background-image: url(../img/brd_prev.png)}
.brd_view .brd_arrow li a.next{background-image: url(../img/brd_next.png)}

/* ===========================
		 	데이터
=========================== */
.top_bar{position:relative;width:100%;height:60px;background:#fff;box-sizing:border-box;-webkit-transition: .3s; transition: .3s;}
.top_bar.fix{margin-top:-60px;}
.top_bar .inner *{display:inline-block;vertical-align:top;}
 .top_bar .inner h2{font-size:18px;color:#444;font-weight:500;line-height:60px;} 
.top_bar .inner h2 b{font-family:"Roboto", sans-serif;font-weight:600;letter-spacing:-0.5px;}
.top_bar .inner .bkm_star{margin:18px 0 0 12px;}
.top_bar .inner .bkm_star .chk+.chk_label{padding-left: 0;font-size: 0;}
.top_bar .inner .bkm_star .chk+.chk_label span{font-size: 0;}
.top_bar .inner .bkm_star .chk+.chk_label:after{top: 0;width: 22px;margin-top:0;height: 22px;background: url(../img/star_off.png) no-repeat center center;content: ''}
.top_bar .inner .bkm_star .chk:checked+.chk_label:after{background: url(../img/star_on.png) no-repeat center center}
.data_wp .map_ctrl{margin-bottom:20px;}
.data_wp .map_ctrl>ul>li{display:inline-block;vertical-align:bottom;margin-right:27px;}/* 십이지 2007 수정 */
.data_wp .dt_lcon{width:940px;display:inline-block;vertical-align:top;}
/* .data_wp .dt_lcon .map_con{position: relative;width:100%;height:520px;background:#fff;}
.data_wp .dt_lcon .map_con .zoom_ctrl{position: absolute;top: 20px;right: 20px;width: 38px;height: 222px;background: #fff;box-sizing: border-box;box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);cursor: pointer;}
.data_wp .dt_lcon .map_con .zoom_ctrl .zoom_plus{overflow: hidden;display: block;width: 100%;height: 35px;background: url(../img/zoom_btn.png) no-repeat 50% top;}
.data_wp .dt_lcon .map_con .zoom_ctrl .zoom_bar{position: relative;width: 18px;height: 152px;border: 0;margin: 0 auto;background: url(../img/zoom_bar.png) no-repeat center center}
.data_wp .dt_lcon .map_con .zoom_ctrl .ui-slider-range{display: block;position: absolute;bottom: 0;width: 100%;z-index: 0;background: url(../img/zoom_bar_on.png) no-repeat center bottom;transition: all 0.2s}
.data_wp .dt_lcon .map_con .zoom_ctrl .ui-slider-handle{position: absolute;bottom: 0;left: 50%;z-index: 0;width: 22px;margin-top: -4px;margin-left: -11px;height: 10px;border: 0;background: url(../img/zoom_bar_active.png) no-repeat center center;transform: translateY(5px);transition: all 0.2s;}
.data_wp .dt_lcon .map_con .zoom_ctrl .zoom_minus{overflow: hidden;display: block;width: 100%;height: 35px;background: url(../img/zoom_btn.png) no-repeat 50% bottom;line-height: 9999px} */
/* Start : 20191022_수정 .data_wp .dt_lcon .map_con {overflow:hidden추가}*/
.data_wp .dt_lcon .map_con{position: relative;width:100%;height:600px;background:#fff;overflow: hidden;}
/* End : 20191022_수정 */
/*지도컨트롤 추가 - 202009 시작*/
.data_wp .dt_lcon .map_con .map_ctrl{position: absolute;top: 15px;right: 20px;width:100px;height: 25px;background: #fff;box-sizing: border-box;box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);cursor: pointer;}
.data_wp .dt_lcon .map_con .map_ctrl button.Normal{color:#fff;font-family:"Roboto";font-weight:600;overflow: hidden;display: absolute;width: 50%;height: 25px;background: #f88b9c no-repeat 50% top;}
.data_wp .dt_lcon .map_con .map_ctrl button.Satellite{color:#fff;font-family:"Roboto";font-weight:600;overflow: hidden;display: absolute;width: 50%;height: 25px;background: #ababab no-repeat 50% bottom;}
/*지도컨트롤 추가 끝*/
.data_wp .dt_lcon .map_con .zoom_ctrl{position: absolute;top: 50px;right: 20px;width: 38px;height: 222px;background: #fff;box-sizing: border-box;box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);cursor: pointer;}
.data_wp .dt_lcon .map_con .zoom_ctrl .zoom_plus{overflow: hidden;display: block;width: 100%;height: 35px;background: url(../img/zoom_btn.png) no-repeat 50% top;}
.data_wp .dt_lcon .map_con .zoom_ctrl .zoom_bar{position: relative;width: 18px;height: 152px;border: 0;margin: 0 auto;background: url(../img/zoom_bar.png) no-repeat center center}
.data_wp .dt_lcon .map_con .zoom_ctrl .ui-slider-range{display: block;position: absolute;bottom: 0;width: 100%;z-index: 0;background: url(../img/zoom_bar_on.png) no-repeat center bottom;transition: all 0.2s}
.data_wp .dt_lcon .map_con .zoom_ctrl .ui-slider-handle{position: absolute;bottom: 0;left: 50%;z-index: 0;width: 22px;margin-top: -4px;margin-left: -11px;height: 10px;border: 0;background: url(../img/zoom_bar_active.png) no-repeat center center;transform: translateY(5px);transition: all 0.2s;}
.data_wp .dt_lcon .map_con .zoom_ctrl .zoom_minus{overflow: hidden;display: block;width: 100%;height: 35px;background: url(../img/zoom_btn.png) no-repeat 50% bottom;line-height: 9999px}
/* Start : 20191022_추가 */
.data_wp .dt_lcon .map_con .info_layer{position: absolute;z-index: 2;width: 424px;padding: 20px;border: 1px solid #6d8696;border-radius: 4px;background: #fff;box-sizing: border-box;}
.data_wp .dt_lcon .map_con .info_layer:after{position: absolute;bottom: -10px;left: 50%;width: 16px;height: 10px;margin-left: -8px;background: url(../img/info_layer.png) no-repeat center center;content: ''}
.data_wp .dt_lcon .map_con .info_layer .tit{padding-left: 20px;background: url(../img/info_bg.png) no-repeat center left;font-weight: 500;font-size: 14px;line-height: 16px;color: #444;}
.data_wp .dt_lcon .map_con .info_layer .info{overflow: auto;margin-top: 10px;}
.data_wp .dt_lcon .map_con .info_layer .info table{table-layout: fixed}
.data_wp .dt_lcon .map_con .info_layer .info table tr{white-space: nowrap}
.data_wp .dt_lcon .map_con .info_layer .info table th{padding: 4px 20px;border: 1px solid #b0bec5;background: #eceff1;font-weight: 500;font-size: 13px;line-height: 17px;color: #88949c;}
.data_wp .dt_lcon .map_con .info_layer .info table td{padding: 18px 20px;border: 1px solid #b0bec5;font-size: 13px;line-height: 17px;color: #444;}
/* End : 20191022_추가 */
.data_wp .dt_lcon .dtab_wp{width:100%;margin-top:30px;}
.data_wp .dt_lcon .dtab_wp .tab_btn>button{position:relative;display:inline-block;vertical-align:top;width:50%;height:42px;border:1px solid #b0bec5;border-left:none;font-size:14px;line-height:40px;color:#b0bec5;font-weight:500;text-align:center;box-sizing:border-box;}
.data_wp .dt_lcon .dtab_wp .tab_btn>button:first-child{border-left:1px solid #b0bec5;}
.data_wp .dt_lcon .dtab_wp .tab_btn>button.active{background:#444;color:#fff;}
.data_wp .dt_lcon .dtab_wp .tab_btn>a{position:relative;display:inline-block;vertical-align:top;width:33.3333%;height:42px;border:1px solid #b0bec5;border-left:none;font-size:14px;line-height:40px;color:#b0bec5;font-weight:500;text-align:center;box-sizing:border-box;}/* 십이지 2007 수정 */
.data_wp .dt_lcon .dtab_wp .tab_btn>a:first-child{border-left:1px solid #b0bec5;}/* 십이지 2007 수정 */
.data_wp .dt_lcon .dtab_wp .tab_btn>a.active{background:#444;color:#fff;}/* 십이지 2007 수정 */
.data_wp .dt_lcon .dtab_wp .tab_con{width:100%;margin-top:10px;background:#fff;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont{position:relative;padding:60px;box-sizing:border-box;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.info{padding:56px 65px;}
/* 20200122 - 십이지 수정(상세 정보 간격 수정) - 시작 */
.data_wp .dt_lcon .dtab_wp .tab_con .cont.info dt{position:absolute;color:#444;font-size:15px;font-weight:500;line-height:24px;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.info dd{margin-bottom: 15px;padding-bottom:15px;padding-left:100px;border-bottom: 1px solid #d7dee2;font-size:16px;line-height:24px;letter-spacing:-0.6px;word-break: keep-all;white-space: pre-wrap;}
/* 20200122 - 십이지 수정(상세 정보 간격 수정) - 끝 */
/* .data_wp .dt_lcon .dtab_wp .tab_con .cont.info dt{position:absolute;color:#444;font-size:15px;font-weight:500;line-height:24px;} */
/* padding-bottom 수정 - mangosystem 김근배 */
/* .data_wp .dt_lcon .dtab_wp .tab_con .cont.info dd{padding-left:90px;font-size:16px;line-height:24px;letter-spacing:-0.6px;padding-bottom:20px;} */
.data_wp .dt_lcon .dtab_wp .tab_con .cont.info dd:last-child{padding-bottom:0; border-bottom:0;}
/* overflow-x 추가 - mangosystem 김근배 */
/* .data_wp .dt_lcon .dtab_wp .tab_con .cont.prop{padding:50px;} */
.data_wp .dt_lcon .dtab_wp .tab_con .cont.prop{padding:30px; overflow-x: auto;}
/* width --> min-width - mangosystem 김근배 */
/* .data_wp .dt_lcon .dtab_wp .tab_con .cont.prop table{width: 100%;table-layout: fixed;border: 1px solid #b0bec5;border-collapse:collapse;} */
.data_wp .dt_lcon .dtab_wp .tab_con .cont.prop table{min-width : 100%; table-layout: fixed;border: 1px solid #b0bec5;border-collapse:collapse; white-space: nowrap;} /* white-space: nowrap; mangosystem 유건우*/
.data_wp .dt_lcon .dtab_wp .tab_con .cont.prop table thead{background: #eceff1;}
/* th, td height 수정 - mangosystem 김근배 */
.data_wp .dt_lcon .dtab_wp .tab_con .cont.prop table thead th{height:40px;border: 1px solid #b0bec5;font-weight: 500;font-size: 14px;color: #88949c;padding: 10px;}/* padding: 10px 추가 mangosystem 유건우 */
.data_wp .dt_lcon .dtab_wp .tab_con .cont.prop table tbody td{height:25px;border: 1px solid #b0bec5;font-size: 16px;text-align: center;padding: 10px;} /* height:40px;->25px 수정 padding: 10px 추가 mangosystem 유건우 */
.data_wp .dt_lcon .dtab_wp .tab_con .cont.down .down_select .select_basic{width: 180px;height:40px;margin-right: 10px;font-size:14px;color:#888;font-weight: 500;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.down ul{border-top:1px solid #d7dee2;margin-top:40px;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.down ul>li{position:relative;padding:22px 15px;display:block;border-bottom:1px solid #d7dee2;box-sizing:border-box;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.down ul>li .tt{font-size:16px;color:#244579;font-weight:600;letter-spacing:-0.5px;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.down ul>li .st{font-size:12px;color:#666;padding-top:7px;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.down ul>li>button{position:absolute;top:23px;right:15px;display:inline-block;width:130px;height:35px;padding-left:20px;line-height:35px;border-radius:25px;background:#7c8faf url('../img/down_ic.gif') no-repeat right 20px center;font-size:14px;color:#fff;font-weight:400;box-sizing:border-box;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.sats h2{font-size:22px;font-weight:500;color:#444;letter-spacing:-0.5px;padding-bottom:50px;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.sats dt{display:block;font-size:16px;font-weight:400;color:#444;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.sats dt b{color:#ff4c66;font-family:"Roboto", sans-serif;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.sats dd.sat_radio{margin:40px 0 65px 0;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.sats dd textarea{width:100%;height:260px;margin-top:25px;padding:10px;font-size:15px;line-height:1.3;border:1px solid #b0bec5;box-sizing:border-box;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.sats dd .sat_bot{position:relative;margin-top:20px;font-size:14px;color:#888;line-height:35px;}
/* boder-radius 추가, span style 추가(react button 안의 text 색상 변경) - mangosystem 김근배 */
 /* .data_wp .dt_lcon .dtab_wp .tab_con .cont.sats dd .sat_bot button{position:absolute;top:0;right:0;width:120px;height:35px;display:inline-block;padding-left:15px;background:#ff4c66 url('../img/btn_arr.gif') no-repeat right 15px center;color:#fff;font-size:14px;text-align:left;box-sizing:border-box;}  */
.data_wp .dt_lcon .dtab_wp .tab_con .cont.sats dd .sat_bot button{position:absolute;top:0;right:0;width:120px;height:35px;display:inline-block;padding-left:15px;background:#ff4c66 url('../img/btn_arr.gif') no-repeat right 15px center;color:#fff;font-size:14px;text-align:left;box-sizing:border-box;border-radius: 0px;} 
.data_wp .dt_lcon .dtab_wp .tab_con .cont.sats dd .sat_bot button span{color:#fff}
.data_wp .dt_rcon{width:320px;display:inline-block;vertical-align:top;margin-left:20px;}
.data_wp .dt_rcon .rbox{width:100%;background:#fff;margin-bottom:10px;}
.data_wp .dt_rcon .rbox h2{width:100%;height:44px;line-height:44px;padding:0 20px;background:#88949c;font-size:15px;font-weight:500;color:#fff;box-sizing:border-box;}
.data_wp .dt_rcon .rbox.layer h2{background:#7c8faf;}
.data_wp .dt_rcon .rbox .cont{width:100%;padding:28px 25px;box-sizing:border-box;}
.data_wp .dt_rcon .rbox .cont ul.down>li{position:relative;display:block;margin-top:32px;}
.data_wp .dt_rcon .rbox .cont ul.down>li:first-child{margin:0;}
.data_wp .dt_rcon .rbox .cont ul.down>li .ntxt{width:230px;display:inline-block;vertical-align:middle;}
.data_wp .dt_rcon .rbox .cont ul.down>li .tt{font-size:16px;color:#244579;font-weight:600;letter-spacing:-0.5px;}
.data_wp .dt_rcon .rbox .cont ul.down>li .tt.blk{color:#444;}
.data_wp .dt_rcon .rbox .cont ul.down>li .st{font-size:12px;color:#666;padding-top:7px;}
.data_wp .dt_rcon .rbox .cont ul.down>li>a{display:inline-block;vertical-align:middle;margin-left:5px;}
.data_wp .dt_rcon .rbox .cont ul.down>li>.ios-checkbox-wrap{display:inline-block;vertical-align:middle;margin-left:0;}
.data_wp .dt_rcon .rbox .cont button{left:0.5px;top:23px;right:15px;margin-bottom:10px;width:270px;height:35px;padding-left:20px;line-height:35px;border-radius:10px;background:#7c8faf url('../img/down_ic.gif') no-repeat right 20px center;color:#fff;font-size:16px;font-weight:500;}
.data_wp .dt_rcon .rbox.meta .cont{padding:18px 25px;}
.data_wp .dt_rcon .rbox.legend .cont ul{position:relative;margin-top:-12px;}
/* padding-left 제거, width 수정, line-height 추가 - mangosystem 김근배 */
/* .data_wp .dt_rcon .rbox.legend .cont ul>li{position:relative;width:50%;margin-top:12px;padding-left:21px;display:inline-block;font-size:14px;color:#666;box-sizing:border-box;} */
.data_wp .dt_rcon .rbox.legend .cont ul>li{position:relative;width:100%;margin-top:12px;display:inline-block;font-size:14px;color:#666;box-sizing:border-box; line-height: 42px;}
.data_wp .dt_rcon .rbox.legend .cont ul>li:before{content:'';position:absolute;top:0;left:0;width:15px;height:15px;display:inline-block;}
.data_wp .dt_rcon .rbox.legend .cont ul>li.lgd01:before{background:#ef5350;}
.data_wp .dt_rcon .rbox.legend .cont ul>li.lgd02:before{background:#7cb342;}
.data_wp .dt_rcon .rbox.legend .cont ul>li.lgd03:before{background:#ffc107;}
.data_wp .dt_rcon .rbox.legend .cont ul>li.lgd04:before{background:#b948bd;}
.data_wp .dt_rcon .rbox.legend .cont ul>li.lgd05:before{background:#337818;}
.data_wp .dt_rcon .rbox.legend .cont ul>li.lgd06:before{background:#00bfa5;}
.data_wp .dt_rcon .rbox.profile .cont{padding:18px 25px;}
.data_wp .dt_rcon .rbox.profile .cont dl *{display:inline-block;vertical-align:middle;color:#444;font-weight:500;}
.data_wp .dt_rcon .rbox.profile .cont dl dt{margin-right:11px;}
.data_wp .dt_rcon .rbox.profile .cont dl dd p{display:block;}
.data_wp .dt_rcon .rbox.profile .cont dl dd .name{font-size:16px;}
.data_wp .dt_rcon .rbox.profile .cont dl dd .email{font-size:14px;margin-top:8px;}

/* rbox,help 클래스 추가, 세부설정 시작 - 이수호  */
.data_wp .dt_rcon .rbox.help {margin-top:20px; display:block}/* display는 기본 block로, handler에 따라 none, block 변경해야 함. */
.data_wp .dt_rcon .rbox.help .cont{padding:18px 25px;}
.data_wp .dt_rcon .rbox.help .cont dl *{display:inline-block;vertical-align:middle;color:#444;font-weight:500;}
.data_wp .dt_rcon .rbox.help .cont dl dd {padding: 5%}
.data_wp .dt_rcon .rbox.help .cont dl dt{margin-right:11px;}
.data_wp .dt_rcon .rbox.help .cont dl dd p{display:block;}
.data_wp .dt_rcon .rbox.help .cont dl dd .title{font-size:16px;}
.data_wp .dt_rcon .rbox.help .cont dl dd .contain{font-size:14px;margin-top:16px;}
/* rbox,help 클래스 추가, 세부설정 추가 완료 */

/* analy 컨테이너 클래스 추가, 세부설정 시작 - 이수호 */
.data_wp .dt_lcon .dtab_wp .tab_con .cont.analy{padding:56px 65px;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.analy dt{position:absolute;color:#444;font-size:15px;font-weight:500;line-height:24px;padding-left:5px;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.analy dd{margin-bottom: 15px;padding-bottom:15px;padding-left:125px;border-bottom: 2px solid #d7dee2; border-right: 2px solid #d7dee2; font-size:16px;line-height:24px;letter-spacing:-0.6px;}
/* .data_wp .dt_lcon .dtab_wp .tab_con .cont.analy dl dd .openfold{} */
/* analy 컨테이너 클래스 추가, 세부설정  */

/* 즐겨찾기 체크 */
.ios-ui-select {background: #eee;border: none;height: 13px;background: #eee;-webkit-border-radius: 18px;border-radius: 18px;width: 36px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-box-shadow: none;box-shadow: none;cursor: pointer;position: relative;display: inline-block;}
.ios-ui-select.checked {-webkit-box-shadow: inset 0 0 0 36px #ffc9d1;box-shadow: inset 0 0 0 36px #ffc9d1;}
.ios-ui-select.checked .inner {left: 17px;}
.ios-ui-select .inner {width: 20px;height: 20px;position: absolute;top: 0;left: 0;margin-top:-4px;-webkit-border-radius: 100%;border-radius: 100%;background: #ccc;-webkit-transition: all 350ms cubic-bezier(0, 0.89, 0.44, 1);-moz-transition: all 350ms cubic-bezier(0, 0.89, 0.44, 1);-o-transition: all 350ms cubic-bezier(0, 0.89, 0.44, 1);transition: all 350ms cubic-bezier(0, 0.89, 0.44, 1);}
.ios-ui-select.checked .inner{background: #ff4c66;}

/* ===========================
		 	User
=========================== */
.sub_layer{margin-top: 5px;}
.sub_layer .layer_search{position: relative;margin-bottom: 18px;}
.sub_layer .layer_search p{font-weight: 500;font-size: 16px;line-height: 34px;}
.sub_layer .layer_search strong{font-weight: bold;font-size: 18px;}
/*.sub_layer .layer_list{}*/
.sub_layer .layer_list>li{display: inline-block;position: relative;width: 630px;min-height: 240px;padding: 20px 20px 20px 250px;margin-left: 20px;background: #fff;box-sizing: border-box;}
.sub_layer .layer_list>li:nth-of-type(2n+1){margin-left: 0;}
.sub_layer .layer_list>li:nth-of-type(n+3){margin-top: 20px;}
.sub_layer .layer_list>li .img{position: absolute;top: 20px;left: 20px;width: 200px;height: 200px;border-radius: 4px;overflow: hidden;}
.sub_layer .layer_list>li .txt{padding: 10px 0;}
.sub_layer .layer_list>li .txt .subj{display: block;font-weight: 500;font-size: 14px;color: #ff4c66;}
.sub_layer .layer_list>li .txt .tit{display: block;margin-top: 17px;font-weight: 500;font-size: 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
/* mangosystem 수정 */
/* .sub_layer .layer_list>li .txt .desc{margin-top: 11px;font-size: 14px;line-height: 20px;color: #666;} */
.sub_layer .layer_list>li .txt .desc{margin-top: 11px;font-size: 14px;line-height: 20px;color: #666; word-break:break-all; overflow:hidden; -webkit-line-clamp: 2;-webkit-box-orient: vertical;display:-webkit-box; height:40px;}
.sub_layer .layer_list>li .txt .info{margin-top: 15px;}
.sub_layer .layer_list>li .txt .info>li{display: inline-block;position: relative;margin-right: 8px;padding-right: 8px;font-size: 13px;color: #666;}
.sub_layer .layer_list>li .txt .info>li:after{position: absolute;top: 1px;right: 0;width: 1px;height: 12px;background: #d5d7d8;content: ''}
.sub_layer .layer_list>li .txt .info>li:last-of-type{margin-right: 0;padding-right: 0;}
.sub_layer .layer_list>li .txt .info>li:last-of-type:after{display: none;}
.sub_layer .layer_list>li .txt .info>li img{vertical-align: top;}
.sub_layer .layer_list>li .txt .info2{margin-top: 17px;}
.sub_layer .layer_list>li .txt .info2 dt{display: inline-block;margin-left: 10px;font-weight: 500;font-size: 13px;color: #244579;}
.sub_layer .layer_list>li .txt .info2 dt:first-of-type{margin-left: 0;}
.sub_layer .layer_list>li .txt .info2 dd{display: inline-block;padding-left: 3px;font-weight: 500;font-size: 13px;color: #244579;}
.sub_layer .layer_list>li .delete{position:absolute;right:0;top:0;width:38px;height:38px;display:inline-block;border:1px solid #eceff1;text-align:center;line-height:38px;}

/*.tbl_type1.qna_list{}*/
.tbl_type1.qna_list table tbody tr.answer{background:#f8fafb;}
.tbl_type1.qna_list table tbody tr.answer td{padding:0;font-size:14px;}
.tbl_type1.qna_list table tbody tr.answer td .apply{position:relative;padding:14px 24px 21px;text-align:left;box-sizing:border-box;}
.tbl_type1.qna_list table tbody tr.answer td .apply .arrow{position:absolute;top:13px;padding:9px 0 0 24px;background:url('../img/apply.gif') no-repeat left top;color:#ff4c66;}
.tbl_type1.qna_list table tbody tr.answer td .apply .cont{padding:6px 60px 0 50px;line-height:1.3;box-sizing:border-box;}

/****************************************** mangosystem 추가 *************************************************/
.find_pw_cont .find_pw_result{width: 656px;margin: 0 auto;padding: 77px 0 58px;background: #fff;text-align: center;box-sizing: border-box;}
.find_pw_cont .find_pw_result strong{font-weight: 500;font-size: 18px;}
.find_pw_cont .find_pw_result p{margin-top: 22px;font-size: 14px;line-height: 24px;color: #666;}
.find_pw_cont .find_pw_result .btn_norm{width: 120px;margin-top: 50px;}

/* footer */
#footer{width: 100%;height: 360px;background: #525252;}
/* #footer .inner{} */
#footer .inner:after{display: block;clear: both;content: ''}
#footer .ft_left{float: left;margin: 60px 0 0}
/* #footer .ft_left .ft_logo{} */
#footer .ft_left .ft_address{margin: 26px 0 0;font-size: 15px;line-height: 18px;color: #b7b7b7}
#footer .ft_left .ft_tel{margin: 16px 0 0;font-size: 0;}
#footer .ft_left .ft_tel dl{display: inline-block;margin-left: 52px;}
#footer .ft_left .ft_tel dl:first-of-type{margin-left: 0;}
#footer .ft_left .ft_tel dl dt{font-size: 15px;line-height: 22px;color: #b7b7b7}
#footer .ft_left .ft_tel dl dd{font-weight: bold;font-size: 16px;line-height: 22px;color: #b7b7b7}
#footer .ft_left .ft_policy{margin: 29px 0 0;font-size: 0;}
#footer .ft_left .ft_policy li{display: inline-block;}
#footer .ft_left .ft_policy li:first-of-type a{border-right: 0;}
#footer .ft_left .ft_policy li a{display: block;padding: 0 16px;border: 1px solid #636363;font-size: 15px;line-height: 38px;color: #a1a1a1}
#footer .ft_left .ft_policy li a.on{background: #494949;font-weight: bold;color: #3e97cd}
#footer .ft_left .ft_copy {margin: 16px 0 0;font-size: 15px;line-height: 19px;color: #b7b7b7}
#footer .ft_right{float: right;margin: 74px 0 0}
/* #footer .ft_right .ft_gnb{} */
#footer .ft_right .ft_gnb:after{display: block;clear: both;content: ''}
#footer .ft_right .ft_gnb>li{float: left;margin-left: 70px;}
#footer .ft_right .ft_gnb>li:first-of-type{margin: 0}
#footer .ft_right .ft_gnb>li>a{display: block;font-weight: 500;font-size: 16px;line-height: 26px;color: #898989}
#footer .ft_right .ft_gnb>li>.ft_depth2{margin: 17px 0 0}
/* #footer .ft_right .ft_gnb>li>.ft_depth2 li{} */
#footer .ft_right .ft_gnb>li>.ft_depth2 li a{font-size: 14px;line-height: 28px;color: #898989;}
/* 20181204 - 푸터로고 추가 - 시작 */
#footer .ft_right .ft_logo_list{margin-top: 232px;font-size: 0;text-align: right;}
#footer .ft_right .ft_logo_list a{display: inline-block;margin-left: 30px;font-size: 0;line-height: 0;}
#footer .ft_right .ft_logo_list a:first-of-type{margin: 0;}
/* 20181204 - 푸터로고 추가 - 끝 */

.find_pw_cont .find_pw_result p .find_pw_contact{width: 616px;padding:20px;}

.sub_layer .bookmark{position: relative;margin-bottom: 18px;}
.sub_layer .bookmark p{font-weight: 500;font-size: 16px;line-height: 34px;}
.sub_layer .bookmark strong{font-weight: bold;font-size: 18px;}

.brd_cmt textarea {
	border-width: 1px;
    border-style: solid;
    border-color: rgb(169, 169, 169);
    border-image: initial;
    width: 100%;
    padding: 20px;
}

/* file */
.file-drop-area {position: relative;display: flex;align-items: center;width: 408px;max-width: 100%;padding: 6px;border: 1px solid #d5d7d8;border-radius: 0;transition: 0.2s;}
.file-drop-area.half{width: 258px;}
.file-drop-area.is-active {background-color: rgba(255, 255, 255, 0.05);}
.fake-btn {flex-shrink: 0;margin-right: 10px;width: 24px;height: 24px;background: url(../img/label_plus.png) no-repeat;}
.file-msg {font-size: 14px;font-weight: 400;line-height: 1.4;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #afaeae;}
.file-input {position: absolute;left: 0;top: 0;height: 100%;width: 100%;cursor: pointer;text-indent:-99999px;font-size:0;}
.file-drop-area:focus {outline-color: rgb(77,144,254);outline-offset:-2px;outline-style:auto;outline-width:5px;}

.progress {position: absolute;left: 50%;transform: translateX(-50%);top: 38%;z-index: 1;}
.progress.complte {display: none;}



/* 십이지 2007 추가*/
.data_room .brd_tot{padding-bottom:13px;font-weight: 500;font-size: 14px;line-height: 34px;}
.data_room .brd_tot strong{color: #ff4c66;}

.data_wp .dt_lcon .dtab_wp .tab_con .cont.analysis{padding:50px 40px;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.analysis:after{content:'';display:block;clear:both;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.analysis .ans_list li{display:block;border-bottom:1px solid #e0e0e0;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.analysis .ans_list li .tit{position:relative;height:50px;padding:0 15px;font-size:15px;line-height:50px;color:#444;cursor:pointer;box-sizing:border-box;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.analysis .ans_list li .tit::after{position:absolute;right:19px;top:20px;display:inline-block;width:11px;height:8px;background:url('../img/sarr_bot.png') no-repeat;content:'';}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.analysis .ans_list li.on .tit::after{background:url('../img/sarr_up.png') no-repeat;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.analysis .ans_list li .tit span{display:inline-block;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.analysis .ans_list li .tit span:first-child{width:345px;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.analysis .ans_list li .tit span:nth-child(2){width:238px;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.analysis .ans_list li .info{position:relative;display:none;padding:25px 15px 60px 15px;border-top:1px solid #444;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.analysis .ans_list li .info::after{content:'';display:block;clear:both;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.analysis .ans_list li .info a{position:absolute;bottom:25px;right:5px;display:inline-block;font-size:14px;color:#444;font-weight:600;border-bottom:1px solid #444;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.analysis .ans_list li .info .txt{float:left;width:600px;font-size:15px;line-height:24px;color:#444;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.analysis .ans_list li .info .img{float:right;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.analysis .bf_left{float:left;width:360px;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.analysis .bf_left h3{padding-bottom:42px;font-size:22px;color:#444;font-weight:600;letter-spacing:-1px;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.analysis .bf_left h3 span{display:block;padding-top:10px;font-size:14px;color:#88949c;font-weight:400;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.analysis .bf_left dl{position:relative;margin-top:-25px;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.analysis .bf_left dt{display:block;padding:26px 0 10px 0;font-size:15px;color:#444;font-weight:500;letter-spacing:-0.5px;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.analysis .bf_left dd input{width:100%;height:38px;padding:0 10px;border:1px solid #d6dee2;font-size:15px;color:#666;box-sizing:border-box;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.analysis .bf_left dd .ex{padding-top:10px;font-size:14px;color:#888;}
.data_wp .dt_lcon .dtab_wp .tab_con .cont.analysis .bf_right{float:right;width:463px;height:560px;background:#eee;}

.data_wp .dt_rcon .rbox.data h3{font-size:16px;color:#444;font-weight:500;letter-spacing:-1px;}
.data_wp .dt_rcon .rbox.data .down:first-child{padding-bottom:30px;margin-bottom:25px;border-bottom:1px solid #ddd;}
.data_wp .dt_rcon .rbox.data dl{position:relative;margin-top:20px;}
.data_wp .dt_rcon .rbox.data dt{position:absolute;font-size:14px;font-weight:500;color:#666;line-height:35px;}
.data_wp .dt_rcon .rbox.data dd{padding-left:75px;margin-bottom:10px;}
.data_wp .dt_rcon .rbox.data dd .select_basic{color:#888;}
.data_wp .dt_rcon .rbox.data .down_btn{display:block;margin-top:17px;font-size:15px;font-weight:500;line-height:40px;color:#244579;border:1px solid #244579;border-radius:3px;text-align:center;}

.data_wp .dt_rcon .rbox.help .list h3{padding-bottom:13px;font-size:15px;color:#444;font-weight:500;border-bottom:1px solid #ddd;}
.data_wp .dt_rcon .rbox.help .list:first-child{padding-bottom:20px;}
.data_wp .dt_rcon .rbox.help .list ul{padding-top:12px;}
.data_wp .dt_rcon .rbox.help .list li{position:relative;display:block;padding-left:10px;padding-bottom:8px;font-size:15px;color:#666;line-height:1.2;letter-spacing:-1px;}
.data_wp .dt_rcon .rbox.help .list li:before{content:'·';display:inline-block;position:absolute;left:0;}
.data_wp .dt_rcon .rbox.help .list.ext li{font-size:14px;padding-bottom:10px;}

.data_map{padding-bottom:40px;}
.data_map:after{content:'';display:block;clear:both;}
.data_map .brd_mid{margin-top: 17px;padding: 50px 60px;background: #fff;}
.data_map .map_svg{position:relative;float:left;width:420px;height:400px;margin:0;background:#f5f8ff;border:1px solid #eceff1;overflow:hidden;}
.data_map .map_svg #south {width: 420px; height:500px; position: absolute; top: 0; left: 60px;}
/* .data_map .map_svg .grabbing { cursor: url(closedhand.cur), pointer !important; } 커서 */ 
.data_map .map_svg svg text {pointer-events:none;}
.data_map .map_svg .loc_div{display:none !important;}
.data_map .map_right{float:left;width:735px;padding-top:40px;padding-left:60px;box-sizing:border-box;}
.data_map .map_right .search_form{position:relative;width:430px;padding:0;margin-bottom:60px;}
.data_map .map_right .search_form h3{margin-bottom:18px;font-size:14px;color:#444;font-weight:500;}
.data_map .map_right .search_form .select_basic{width:160px;}
.data_map .map_right .search_form .input_basic{width:205px;border:1px solid #d5d7d8;}
.data_map .map_right .search_form .search_btn{top:auto;bottom:0;}

/* 자료실 시-도별 자료 스타일 (1, 2 중 선택하기)*/
/*1번*/
.data_map .map_right .area_category h3 {margin-bottom:18px;font-size:14px;color:#444;font-weight:500;}
.data_map .map_right .area_category ul {width:690px;zoom:1}
.data_map .map_right .area_category ul:after {display:block;visibility:hidden;clear:both;content:""}
.data_map .map_right .area_category li {float:left;margin:0 10px 10px 0;}
.data_map .map_right .area_category a {display:block;position:relative;margin-left:-1px;width:100px;font-size:14px;line-height:38px;border:none;background:#eeeeee;color:#88949c;text-align:center;border-radius:5px;cursor:pointer}
.data_map .map_right .area_category li.on a{background:#ff4c66;color:#fff;}
/*2번*/
/* .data_map .map_right .area_category h3 {margin-bottom:18px;font-size:14px;color:#444;font-weight:500;}
.data_map .map_right .area_category ul {width:700px;zoom:1}
.data_map .map_right .area_category ul:after {display:block;visibility:hidden;clear:both;content:""}
.data_map .map_right .area_category li {float:left;margin:0 10px 10px 0;}
.data_map .map_right .area_category a {display:block;position:relative;margin-left:-1px;width:115px;font-size:14px;line-height:38px;border:none;background:#eeeeee;color:#88949c;text-align:center;border-radius:5px;cursor:pointer}
.data_map .map_right .area_category li.on a{background:#ff4c66;color:#fff;} */

/* 자료제공서비스_서비스 소개 시작 */
.infit{font-size:0;letter-spacing:0;word-spacing:0;}
.data_intro{padding: 0 0 73px;background-color: #fff;}
.data_intro .inner{padding:0 20px;box-sizing:border-box;}
.intro_top{padding-bottom:40px;text-align:center;border-bottom:1px solid #ebebeb;}
.intro_top .tit{margin-bottom:40px;font-size:22px;color:#003964;}
.intro_top ul > li{position:relative;display:inline-block;vertical-align:middle;}
.intro_top ul > li::after{content:'';display:inline-block;width:106px;height:2px;background:#0277bd;}
.intro_top ul > li:last-child::after{display:none;}
.intro_top ul > li > div{position:relative;display:inline-block;vertical-align:middle;width:200px;height:200px;border:4px solid #0277bd;border-radius:100%;box-sizing:border-box;}
.intro_top ul > li > div > p{position:absolute;width:100%;height:auto;left:0;top:50%;transform:translateY(-50%);font-size:19px;color:#58595b;line-height:24px;text-align:center;letter-spacing:-0.5px;}
.intro_list h3{padding:60px 0 55px;font-size:22px;color:#003964;font-weight:500;letter-spacing:-1px;}
.intro_list > ul{position:relative;}
.intro_list > ul:not(.intro_text) > li{position:relative; background:#f1f6fe;padding:40px 0 0 40px; box-sizing:border-box;}
.intro_list > ul > li:nth-of-type(1){ margin-bottom:195px; height:440px;}
.intro_list > ul:not(.intro_text) > li:nth-of-type(1) > img{width:740px; height:485px;background: url('../img/intro_step01.jpg')}
.intro_list > ul:not(.intro_text) > li:nth-of-type(2){ margin-bottom:195px; height:440px;}
.intro_list > ul:not(.intro_text) > li:nth-of-type(2) > img{width:740px; height:485px;background: url('../img/intro_step02.jpg')}
.intro_list > ul:not(.intro_text) > li:nth-of-type(3){ margin-bottom:359px; height:320px;}
.intro_list > ul:not(.intro_text) > li:nth-of-type(3) > img{width:740px; height:485px;background: url('../img/intro_step03.jpg')}
.intro_list > ul:not(.intro_text) > li:nth-of-type(4){ margin-bottom:250px; height:320px;}
.intro_list > ul:not(.intro_text) > li:nth-of-type(4) > img{width:740px;height:350px;background: url('../img/intro_step04.jpg')}
.intro_list > ul:not(.intro_text) > li:nth-of-type(5){ margin-bottom:90px; height:320px;}
/* .intro_list > ul > li:nth-of-type(5) > img{width:740px;height:350px;background: url('../img/intro_step04.jpg')} */

/* .intro_list > ul > li:nth-of-type(5) > img{width:740px;height:350px;background: url('../img/intro_step04.jpg')} */

.intro_list > ul > li::after{content:'';display:block;clear:both;}
.intro_list > ul > li .lcon{float:left;}
.intro_list > ul > li .lcon .tt{padding-bottom:26px;font-size:36px;color:#003964;font-weight:500;letter-spacing:-2px;}
.intro_list > ul > li .lcon ol li{position:relative;display:block;padding-left:20px;padding-bottom:6px;font-size:16px;color:#58595b;line-height:24px;letter-spacing:-1px;}
.intro_list > ul > li .lcon ol li span{position:absolute;left:0;font-size:1em;margin-top:0.3em;}
.intro_list > ul > li > img{position:absolute;top:50px;right:50px;}
/* 자료제공서비스_서비스 소개 끝 */




/* 교육영상 */
.inform_list{padding: 30px 0 80px}
.inform_list_table{}
.inform_list_table table{width: 100%;border-top: 1px solid #0277bd;border-collapse: collapse;text-align: center;table-layout: fixed;}
.inform_list_table table tr{border-bottom: 1px solid #d7d7d7;}
.inform_list_table table th:after{position: absolute;bottom: 0;left: 0;width: 1px;height: 20px;background: #d7d7d7;content: ''}
.inform_list_table table th:first-of-type:after{display: none;}
.inform_list_table table td:after{position: absolute;bottom: 0;left: 0;width: 1px;height: 20px;background: #d7d7d7;content: ''}
.inform_list_table table td:first-of-type:after{display: none;}
.inform_list_table table thead{background: #f7f7f7;}
.inform_list_table table thead th{position: relative;padding: 22px 0;font-weight: 500;font-size: 16px;line-height: 26px;color: #0277bd;letter-spacing: -0.8px;}
.inform_list_table table tbody td{position: relative;overflow:hidden;padding: 17px 0;font-size: 16px;line-height: 26px;color: #666;letter-spacing: -0.8px;text-overflow: ellipsis;word-wrap: normal;white-space: nowrap;}
.inform_list_table table tbody td.li_file{}
.inform_list_table table tbody td.li_file img{margin-top: 2px;}
.inform_list_table table tbody td.li_subject{padding: 17px 34px;text-align: left;}
.inform_list_table table tbody td.li_subject a{font-size: 16px;color: #666;letter-spacing: -0.8px;}

.inform_view{padding: 30px 0 80px}
.inform_view_cnt{border-top: 1px solid #0277bd;}
.inform_view_cnt .vw_title{padding: 24px 0;border-bottom: 1px solid #d7d7d7;background: #f7f7f7;font-weight: 500;font-size: 22px;line-height: 32px;color: #003964;letter-spacing: -1.1px;text-align: center;}
.inform_view_cnt .vw_info{padding: 14px 0 14px 30px;}
.inform_view_cnt .vw_info:after{display: block;clear: both;content: ''}
.inform_view_cnt .vw_info ul{float: left;}
.inform_view_cnt .vw_info ul li{float: left;font-size: 16px;line-height: 26px;color: #666;letter-spacing: -0.8px}
.inform_view_cnt .vw_info ul li:first-of-type{position: relative;margin-right: 6px;padding-right: 9px;}
.inform_view_cnt .vw_info ul li:first-of-type:after{position: absolute;top: 50%;right: 0;width: 2px;height: 12px;margin-top: -6px;background: #989898;content: ''}
.inform_view_cnt .vw_info .vw_file{float: right;position: relative;padding: 0 58px 0 20px;}
.inform_view_cnt .vw_info .vw_file:after{position: absolute;bottom: -14px;left: 0;width: 1px;height: 19px;background: #d7d7d7;content: ''}
.inform_view_cnt .vw_info .vw_file .vw_file_item{display: block;width: 100%;font-size: 14px;line-height: 26px;color: #666;letter-spacing: -0.7px;}
.inform_view_cnt .vw_info .vw_file .vw_file_item span{display: inline-block;margin-right: 7px;padding-left: 20px;background: url(/assets/images/homepage/vw_file_item.png) no-repeat left 7px;font-weight: 500;font-size: 14px;line-height: 26px;color: #0277bd}
.inform_view_cnt .vw_info .vw_file .btn_file_off{overflow:hidden;display: inline-block;position: absolute;top: 6px;right: 20px;width: 18px;height: 18px;background: url(/assets/images/homepage/btn_file_off.png) no-repeat center center;line-height: 9999px;}
.inform_view_cnt .vw_info .vw_file .vw_file_more{display: none;position: absolute;top: -15px;right: 0;width: 100%;padding: 13px 48px 13px 18px;border: 2px solid #d7d7d7;background: #fff;box-sizing: border-box;box-shadow: 0 0 10px 0 rgba(0,0,0,0.1)}
.inform_view_cnt .vw_info .vw_file .vw_file_more .vw_file_item{margin-top: 4px;}
.inform_view_cnt .vw_info .vw_file .vw_file_more .vw_file_item:first-of-type{margin-top: 0;}
.inform_view_cnt .vw_info .vw_file .btn_file_on{overflow:hidden;display: inline-block;position: absolute;top: 19px;right: 18px;width: 18px;height: 18px;background: url(/assets/images/homepage/btn_file_on.png) no-repeat center center;line-height: 9999px;}
.inform_view_cnt .vw_cnt{width: 100%;min-height: 322px;padding: 30px;border: 1px solid #d7d7d7;box-sizing: border-box;}
.inform_view_cnt .vw_cnt p{font-size: 16px;line-height: 28px;color: #58595b}

.inform_view_bottom{margin: 20px 0 0}
.inform_view_bottom:after{display: block;clear: both;content: ''}
.inform_view_bottom ul{float:left;font-size: 0;}
.inform_view_bottom ul li{display: inline-block;}
.inform_view_bottom ul li a{display: block;width: 110px;height: 40px;border: 1px solid #d7d7d7;font-size: 16px;color: #58595b;line-height: 38px;letter-spacing: -0.8px;box-sizing: border-box;}
.inform_view_bottom ul li a.btn_prev{padding-left: 45px;border-radius: 40px 0 0 40px;background: url(/assets/images/homepage/btn_prev.png) no-repeat 27px 13px;}
.inform_view_bottom ul li a.btn_next{margin-left: -1px;padding-left: 24px;border-radius: 0 40px 40px 0;background: url(/assets/images/homepage/btn_next.png) no-repeat 75px 13px;}
.inform_view_bottom .btn_list{float: right;width: 140px;height: 40px;padding-left: 68px;border-radius:40px;background: #003964 url(/assets/client/img/btn_list.png) no-repeat 45px center;font-weight: 500;font-size: 16px;line-height: 40px;color: #fff;letter-spacing: -0.8px;box-sizing: border-box;}


.sub_visual {
    text-align: right;
}
/* .sub_visual.about_map_bg{background: url(../../assets/images/homepage/about_map_bg.jpg) no-repeat center top;}
.sub_visual.resources_bg{background: url(../../assets/images/homepage/resources_bg.jpg) no-repeat center top;}
.sub_visual.open_api_bg{background: url(../../assets/images/homepage/open_api_bg.jpg) no-repeat center top;}
.sub_visual.open_api_bg.bg_type2{background: #fbfbfb url(../../assets/images/homepage/open_api_bg.jpg) no-repeat center top;}
.sub_visual.inform_bg{background: url(../../assets/images/homepage/inform_bg.jpg) no-repeat center top;} */
.sub_visual .sub_info {
    padding: 38px 0 0px;
    text-align: center;
}
.sub_visual .sub_info h2 {
    margin: 0 0 10px;
    position: relative;
    font-weight: 500;
    font-size: 40px;
    line-height: 77px;
    color: #fff;
    letter-spacing: 2px;
}
.sub_visual .sub_info h2:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 30px;
    height: 1px;
    margin-left: -15px;
    background: #fff;
    content: "";
}
.sub_visual .sub_info span {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    letter-spacing: -0.45px;
}
.sub_visual .snb {
    display: inline-block;
    padding: 30px 0 28px;
}
.sub_visual .snb:after {
    display: block;
    clear: both;
    content: "";
}
.sub_visual .snb > li {
    float: left;
    position: relative;
    margin-left: 10px;
}
.sub_visual .snb > li:first-of-type {
    margin-left: 0;
}
.sub_visual .snb > li > a {
    display: block;
    width: 60px;
    height: 40px;
    border-radius: 40px;
    background: #ebebeb;
    text-align: center;
}
/* 20181008 홈 이모티콘 수정 - 시작 */
.sub_visual .snb > li > a img {
    margin: 11px 0 0;
}
/* 20181008 홈 이모티콘 수정 - 끝 */
/* .sub_visual .snb>li>.snb_depth2_tit{display: block;position: relative;z-index: 20;width: 120px;height: 40px;padding-left: 20px;border: 2px solid #ebebeb;border-radius:40px;background: url(../../assets/images/homepage/snb_depth2_tit_bg.png) no-repeat right 19px top 50%;font-size: 14px;line-height: 36px;color: #58595b;text-align: left;box-sizing: border-box;cursor: pointer;} */
.sub_visual .snb > li > .snb_depth2_tit.long {
    width: 160px;
}
.sub_visual .snb > li > .snb_depth2_tit.long2 {
    width: 200px;
}
/* .sub_visual .snb>li>.snb_depth2_tit.on{background: #ebebeb url(../../assets/images/homepage/snb_depth2_tit_bg_on.png) no-repeat right 19px top 50%;} */
.sub_visual .snb > li > .snb_depth2_tit.type2 {
    width: 160px;
    border: 2px solid #003964;
    color: #003964;
}
.sub_visual .snb > li > .snb_depth2_tit.type2.long2 {
    width: 200px;
}
/* .sub_visual .snb>li>.snb_depth2_tit.type2.on{background: #003964 url(../../assets/images/homepage/snb_depth2_tit_type2_bg.png) no-repeat right 19px top 50%;color: #fff} */
.sub_visual .snb > li .snb_depth2 {
    display: none;
    position: absolute;
    top: -2px;
    left: -2px;
    z-index: 10;
    width: 100%;
    padding: 49px 2px 11px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
/* .sub_visual .snb>li .snb_depth2 li{} */
.sub_visual .snb > li .snb_depth2 li a {
    display: block;
    padding-left: 18px;
    font-size: 14px;
    line-height: 40px;
    color: #58595b;
    text-align: left;
}
.sub_visual .snb > li .snb_depth2 li a:hover {
    background: #f1f1f1;
    color: #003964;
}
.sub_visual .snb > li .snb_depth2.type2 li a:hover {
    background: #e5f1f8;
    color: #003964;
}
.sub_visual .sub_tit {
    border-top: 2px solid #d7d7d7;
    border-bottom: 2px solid #d7d7d7;
}
.sub_visual .sub_tit h3 {
    padding-left: 29px;
    font-weight: 500;
    font-size: 30px;
    line-height: 88px;
    color: #003964;
    letter-spacing: -1.5px;
    text-align: left;
    box-sizing: border-box;
}
.sub_visual .sub_tit h3 span {
    display: inline-block;
    margin-left: 40px;
    font-size: 16px;
    color: #58595b;
    letter-spacing: -0.8px;
}