@charset "utf-8";

/* ----------------------------------
Name: contents.css
Version: 1.0
------------------------------------- */

/* ==========================================================================
	common
   ========================================================================== */

/* 공통 */
.editor_q{padding: 30px 20px;}
.editor{margin-bottom: 80px;}
.guide_area{position: relative;text-align: center;font-size: 20px;color: #333;}
.guide_area.icon01{padding-top: 100px;margin-top: 120px}
.guide_area.icon01:before{content:"";position:absolute;top:5px;left:50%;display: inline-block;width: 70px;height: 71px;background: url('../../images/front/sub/icon_chart.png') no-repeat 0 0;margin-left: -35px;}
.box_info{position: relative;border: 1px #ddd solid;padding:20px 30px;margin-bottom:30px;border-radius:20px;}
.box_info.box_s{padding: 20px 30px;}
.box_info.bg1{padding:20px 40px;background: #f9f9f9;border: none;border-radius: 10px;}
.box_info.mail {display: flex;align-items: center;height: 200px;padding: 50px; border: 1px solid #ddd; border-radius: 20px;}
.box_info.mail > div {position: relative;font-size: 1.125rem;color:#333;line-height: 1.5;padding-left: 140px;}
.box_info.mail > div:before {content: ''; position: absolute;top: 50%;left: 0; width: 100px; height: 100px;border-radius: 50%; background: url('../../images/front/sub/icon_mail.png') no-repeat center center;background-color: #f5f5f5;transform: translateY(-50%);}
.equip_tit p:before {content: ''; position: absolute; top: 0; left: 0; width: 100px; height: 100px; margin-top: -20px; border-radius: 50%; background: url('../../images/front/sub/img_equip01.png') no-repeat center center; background-color: #f5f5f5;}
.tit_message{font-weight: 500;font-size: 1.875rem;color:#406bb3;margin-bottom: 20px;}
.img_non{position: relative;text-align: center;margin: 40px 0;}
.img_non::before{content:"";position:absolute;top:5px;left:50%;display: inline-block;width: 120px;height: 120px;background: url('../../images/front/icon/icon_non.png') no-repeat center center;border-radius: 50%;margin-left: -60px;z-index: 9;}
.img_non::after{content:"";position:absolute;top:5px;left:50%;display: inline-block;width: 120px;height: 120px;background:#f9f9f9;border-radius: 50%;margin-left: -60px;}
.img_non p{font-size: 1.25rem;font-weight: 600;color: #222;padding-top: 140px;}
.lavel_best{position: absolute;top:35px;right:40px;width: 80px;height: auto;color: #fff;text-align: center;background: #e64a5c;border-radius: 10px;padding: 12px 0;}
.dot {position: relative; margin-left: 5px; padding: 3px 0px 3px 13px;}
.dot::before{content: ''; position: absolute; width: 5px; height: 5px; top:0; left:0;margin-top: 12px;border-radius: 50%;background-color: #457ce9}
.dot strong{padding-right: 10px;font-weight: 600;color: #222;}
.dash_list li{position: relative;padding: 3px 0 2px 15px;}
.dash_list li::before{content: '-';position: absolute;top: 0;left: 0;}
.dot_s li{position: relative;padding: 3px 0 2px 15px;}
.dot_s li::before{content: '';position: absolute;top: 13px;left: 0;width: 3px;height: 3px;background: #333;border-radius: 50%;}
.text_con li{padding: 2px 0;}
.text_num{counter-reset: num;}
.text_num li{position: relative;counter-increment: num;padding: 3px 0 3px 25px;}
.text_num li:before{content: counter(num);position:absolute;top:-3px;left:0;text-align: center;color:#1c3478;font-size:1.15rem;font-weight: 600;line-height:2.4rem;}
.chart_box{height: auto;border: 1px #ddd solid;padding:50px 30px 20px 30px;border-radius:10px;}
.chart_box #chartdiv{width: 100%;height: 500px!important;}
.no_result{display:flex;justify-content: center;padding:20px 0 50px 0;font-size: 1.25rem;font-weight: 600;color: #222;}
.box_non{padding: 50px 20px;border: 1px #ddd solid;border-radius: 10px;text-align: center;}
.box_non .tit{margin-bottom: 10px;font-size: 1.2rem;font-weight: 500;color: #222;}
.title_guide{display: flex;align-items: center;justify-content: space-between;padding: 20px 30px;border: 1px #ddd solid;border-radius: 10px;margin-bottom: 30px;}
.title_guide p{width: 83%;}
.title_guide p strong{display: block;margin-bottom: 5px;font-size: 1.0625rem;font-weight: 600;color: #111;}

/* container  */
.tit_wrap{display: flex;justify-content: space-between;align-items: center;gap: 0 10px;margin-bottom: 40px;}
.tit_wrap .tit_area{display: flex;align-items: center;}
.tit_wrap .tit_area h3{font-family: 'Paperlogy', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;font-size: 2.5rem;font-weight: 600;color: #111;}
.tit_wrap .tit_area .tip{position: relative;}
.tit_wrap .tit_area .tip .tip_area{top: -5x!important;left: 60px!important;}
.tip_area{position: absolute;display: inline-block;width: 250px;min-height: 38px;font-size: 0.9375rem;line-height: 1.3;background: #fff;border: 1px #222 solid;border-radius: 3px;padding: 10px 15px;box-shadow: 0px 0 2px 0 rgba(0,0,0,0.1);z-index: 99;}
.tip_area::after{content: "";position: absolute;top: 12px;left: -6px;width: 10px;height: 10px;background: #fff;border-left: 1px solid #333;border-bottom: 1px solid #333;transform: rotate(45deg);}
.tit_wrap button.wish{position: relative;display:inline-block;height: 39px;margin-left: 10px;padding: 0 40px 0 15px;background: #302983;border-radius: 30px;font-size: 15px;line-height: 38px;font-weight: 300;color: #fff;letter-spacing: -1px;}
.tit_wrap button.wish::before{content: '';position: absolute;top:9px;right:13px;width: 20px;height: 20px;background:url('../../images/front/icon/icon_star_on.png') no-repeat center center;}
.tit_wrap button.wish.off::before{content: '';position: absolute;top:8px;right:13px;width: 20px;height: 20px;background:url('../../images/front/icon/icon_star.png') no-repeat center center;}
.tit_wrap button.info{display:inline-block;width: 32px;height: 32px;margin: 0 0 0 10px;padding: 0;border: 1px #d1dce6 solid;border-radius: 50%;background:url('../../images/front/icon/icon_info03.png') no-repeat center center #f1f4f7;font-size:0;}

/* 회원가입  */
.step_area{overflow: hidden;margin-bottom:10px;}
.step_area h4{float: left;font-size:24px;font-weight:600;color:#003f5a;margin-bottom: 0;}
.step_area .step_list{float: right;}
.step_list{position: relative;overflow: hidden;}
.step_list li{position: relative;float: left;padding: 5px;}
.step_list li p{display: inline-block;font-size: 14px;color: #8d8d8d;background: #f2f2f2;border: 1px #d1d1d1 solid;border-radius: 100px;padding: 10px 20px;}
.step_list li.on p{font-weight: 500;color: #fff;border: 1px #3052b6 solid;background: #3052b6;}
.step_list li:after{content:"";position:absolute;top:22px;right:-10px;display: block;width: 15px;height: 1px;background: #cdcdcd;}
.step_list li:last-child:after{display: none;}
.mem_tit_area{ text-align: center;color: #999;margin-bottom: 20px;line-height: 1.5em}
.mem_tit_area p{word-break:normal;}
.mem_tit_area .mem_tit{font-size:1.875rem;font-weight:600;color:#0045c9;margin-bottom:10px;}
.mem_tit_area .mem_tit.tit_point{font-size:24px;}
.member_id{overflow: hidden;margin-top: 30px;border: 1px #ddd solid;padding: 20px;}
.member_id p{position:relative;display:inline-block;padding-left: 10px;}
.member_id p:before{content: '';position: absolute;top:8px;left:0;display: inline-block;width: 3px;height: 3px;background-color: #333;}

.member_join{display: flex;align-items: flex-start;gap: 2%;width: 70%;margin: 0 auto;}
.member_join .box{position: relative;flex: 1;min-height: 400px;padding: 50px;border: 1px #ddd solid;border-radius: 20px;}
.member_join .box::before{content:"";position:absolute;top:50px;left:50%;width: 135px;height: 135px;margin-left: -60px;z-index: 9;}
.member_join .box:nth-child(1)::before{background: url('../../images/front/icon/icon_mem01.png') no-repeat center center;}
.member_join .box:nth-child(2)::before{background: url('../../images/front/icon/icon_mem02.png') no-repeat center center;}
.member_join .box::after{content:"";position:absolute;top:50px;left:50%;width: 135px;height: 135px;background: #f5f5f5;border-radius: 50%;margin-left: -60px;}
.member_join .box .tit_area{text-align: center;border-bottom: 1px #ddd solid;padding: 150px 0 15px 0;margin-bottom: 20px;}
.member_join .box .tit_area p{font-size: 1.625rem;font-weight: 600;color: #222;margin-bottom: 10px;}
.member_join .box .tit_area span{font-size: 1.125rem;color: #777;}
.member_join .box .btn.nomal{width: 100%;height: 55px;font-size: 1.125rem;font-weight: 500;color: #fff;background: #3052b6;border: 1px solid #1e3b90;border-radius: 7px}

.member_box{width:85%;margin: 65px auto 0 auto;}
.member_box.completion{margin-top:30px;}
.member_box.completion .mem_tit{position:relative;padding-top:95px;}
.member_box.completion .mem_tit:before{content:"";position:absolute;top:0;left:50%;display: inline-block;width:83px;height:75px;background: url('../../images/front/icon/icon_completion.png') no-repeat 0 0;margin-left: -41px}

.box_wrap.mem_end:before{content:"";position:absolute;top:50px;left:50%;display: inline-block;width:116px;height:116px;background: url('../../images/front/sub/img_mem03.png') no-repeat 0 0;margin-left: -58px}
.box_wrap.mem_end .tit{margin-top: 130px;}
.box_wrap .box_line .tit_idcheck{font-size: 18px;color: #222}
.box_wrap .box_line .tit_idcheck strong{position: relative;font-weight: 300;margin-right: 10px;padding-left: 13px}
.box_wrap .box_line .tit_idcheck strong:before{content:"";position: absolute;top: 11px;left: 0;display:inline-block;width:5px;height:5px;background: #4d70bd;border-radius: 50%}
.login_utill {font-size:0;text-align:center;}
.login_utill a {position:relative;display:inline-block;font-size:17px;color:#666;}
.login_utill a:before {content:"";position:relative;top:-1px;display:inline-block;width:1px;height:14px;margin-right:20px;margin-left:20px;background:#afafaf;vertical-align:middle;}
.login_utill a:first-child:before {display:none;}
.mem_tbl{width: 65%;margin: 0 auto;text-align: left}
.mem_tbl .tbl_view_wrap{margin-bottom: 20px;}
.mem_tbl .tbl_cell_group dt{width: 25%;background: #fff;}
.mem_tbl .tbl_cell_group .input_w40{width: 80%}
.mem_tbl .tbl_cell_group .form_number select, .mem_tbl .tbl_cell_group .form_number input{width: 20%}
.box_wrap.mem_box{padding-top: 80px}

/* 약관동의 */
.terms_contents{overflow-y: auto;height: 380px;padding: 30px;border: 1px solid #ddd;box-sizing: border-box;line-height: 150%;}
.terms_contents .tit{font-size:18px;font-weight: 600;color: #333;margin-bottom:15px;}
.terms_contents .tit02{font-weight:normal;color:#000;margin-bottom:5px}
.terms_contents .terms_mb{margin-bottom: 20px}
.terms_contents > ul > li{position: relative;margin-bottom: 30px;}
.terms_contents > ul > li p{font-weight: 500;margin-bottom: 5px;}
.terms_contents > ul > li > ul > li{position: relative;padding-left: 13px;}
.terms_contents > ul > li > ul > li:before{content: '';position: absolute;top:10px;left:0;display: inline-block;width: 5px;height: 5px;background-color: #b4b4b4;border-radius: 50%;}
.terms_contents .terms_list li{margin-bottom: 10px;}
.terms_contents .terms_tit{font-weight: 500;margin-bottom:20px}
.terms_contents .agree_area{margin-bottom: 40px;}
.terms_contents .agree_area .tit_info{ font-weight: 600; color: #35509f; margin-bottom: 5px}
.terms_contents .agree_area .tit02{font-size:17px;}
.terms_contents .agree_area .privacy_in{margin-bottom: 30px;}
.terms_contents .agree_area .agree_area_in li strong{font-size:16px;}
.terms_contents .agree_area .box_info{border:none;padding:0;}
.agree_area .agree_area_in{ margin-bottom: 10px}
.agree_area .agree_area_in span{display: inline-block;font-size: 15px;font-weight: 600; color: #35509f; margin-bottom: 10px}
.agree_area .agree_area_in p{ margin-left: 10px}
.agree_area > .agree_area_in > ul{margin-left: 10px;}
.agree_area > .agree_area_in > ul > li{padding: 3px 0;}
.agree_area > .agree_area_in > ul > li > ul{padding: 5px 0 0 10px;}
.agree_area > .agree_area_in > ul > li > ul > li{padding: 2px 0;}
.agree_area > .agree_area_in .icon{margin-left: 10px;}
.agree_area > .agree_area_in .icon li{position: relative;padding-left: 13px;}
.agree_area > .agree_area_in .icon li::before{content: '';position: absolute;top:14px;left:0;width: 5px;height: 5px;background: #1040a7;border-radius:50px;}
.agree_area .agree_area_in li strong{display: block;font-weight:600;color: #00928c;margin-top: 15px;}
.agree_area .agree_area_in li strong.tit03{font-weight: 400;color:#1040a7;}
.agree_con {position:relative;background: #f5f6f8;margin-bottom: 50px;padding: 30px;}
.agree_con > p {margin-bottom: 10px}
.agree_con .form_set {text-align:right;}

.agree_area{margin-bottom: 40px; line-height: 150%;}
.agree_area .box_info{padding: 30px 40px;line-height: 1.6;}
.agree_area .agree_area_in.privacy_in {margin-bottom:60px;}
.privacy_in .tit02{margin: 0 0 5px 0px !important;}
.agree_area .tit{font-size:18px;font-weight: 600;color: #333;margin-bottom:15px;}
.agree_area .tit02{font-size:1.2rem;font-weight:600;color:#222;margin-bottom:10px}
.agree_area .tit_agree{font-size: 18px;font-weight: 500;color: #333; margin-bottom: 20px}
.agree_area .tit_info{font-weight: 500;color: #333;padding: 10px 0;}
.agree_area ol{margin-bottom: 10px}
.agree_box.info_con p{word-break: keep-all;}
.agree_box.info_con h5{font-size: 18px;margin-bottom: 0;margin-top: 15px;}
.agree_top{overflow: hidden;border: 5px #f2f3f7 solid;margin-bottom: 30px;padding: 15px 30px;}
.agree_top li ol{float: left;width: 50%;}
.agree_top li{padding: 2px 0;}
.agree_top li a{background:url('../../images/front/icon/icon_link.png') no-repeat right center;padding-right: 20px;} 

.agree_tbl {margin-top: 0.5%;}
.agree_tbl thead {border-top: 2px solid #333;}
.agree_tbl thead tr th {padding: 0.7% 0; border-left: 1px solid #e5e5e5; background: #f3f6f9;text-align: center; font-weight: 500; color: #333;}
.agree_tbl thead tr th:last-child {border-right: 1px solid #e5e5e5;}
.agree_tbl tbody tr td {padding: 0.7% 0; border: 1px solid #e5e5e5; text-align: center;}

/* 로그인 */
.login_area{max-width: 450px;margin: 0 auto 50px auto;}
.login_area .login_tit {margin-bottom: 30px; text-align: center;}
.login_area .login_tit h3 {margin-bottom: 24px;font-family: 'Paperlogy', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;font-size: 29px;font-weight:600;color:#222;letter-spacing: 0;}
.login_area .login_tit span {color:#787878;line-height: 130%;}
.login_box input.login_id, .login_box input.login_pw{width: 100%;height: 50px;margin-bottom: 10px; border-radius: 5px;font-size: 15px;color: #757575;}
.login_box .login_check{padding-bottom: 20px;}
.login_box .login_check label{padding-left: 3px;}
.login_box .btn_login{display: block;width: 100%;height: 58px;font-size: 20px;font-weight: 500;color: #fff;background: #3052b6;border-radius: 5px}
.login_box .checks{margin-bottom:23px;}
.login_btn_area{overflow: hidden;text-align: center;margin-top: 20px;margin-bottom: 50px}
.login_btn_area li{position: relative;display: inline-block;padding: 0 7px 0 10px;}
.login_btn_area li a{font-weight: 500; color: #5b5b5b;}
.login_btn_area li:before {content: '';position: absolute;top: 1px;left: 0;width: 1px;height: 18px;background: #c3c3c3;}
.login_btn_area li:first-child{padding-left: 0;}
.login_btn_area li:first-child:before{background: none}

.login_sns{text-align: center;}
.login_sns .text_sns{position: relative;}
.login_sns .text_sns::before{content: '';position: absolute;top:10px;left:0;width: 100%;height: 1px;background: #ddd;}
.login_sns .text_sns p{position: relative;display: inline-block;color: #7b7b7b;margin-bottom: 20px;background: #fff;padding: 0 10px;}
.login_sns .btn_sns{position: relative;display: inline-block;width: 55px;height: 55px;font-size: 0;margin: 0 1px;}
.login_sns .btn_sns::before{content: '';position: absolute;top:0;left:0;width: 50px;height: 50px;border-radius:50%;}
.login_sns .btn_sns.icon01::before{background:url('../../images/front/icon/login_sns01.png') no-repeat center center #f4d355;}
.login_sns .btn_sns.icon02::before{background:url('../../images/front/icon/login_sns02.png') no-repeat center center #24ae02;}
.login_sns .btn_sns.icon03::before{background:url('../../images/front/icon/login_sns03.png') no-repeat center center #fff;border: 1px #ddd solid;}

/* 사이트맵 */
.sitemap_area{}
.sitemap_area > .nav_list{display: flex;flex-wrap: wrap;align-items: flex-start;gap:1.7rem;}
.sitemap_area > .nav_list > li{width:23.5%;padding: 0;margin-bottom: 30px;}
.sitemap_area > .nav_list > li .depth1{display: block;margin-bottom: 15px;padding: 10px 0;border-radius: 10px;background: #F3F3F3;font-family: 'Paperlogy', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;font-size: 1.375rem;font-weight: 600;letter-spacing: 0;text-align: center;}
.sitemap_area > .nav_list > li .depth2{}
.sitemap_area .nav_list .depth2 li a{position:relative;font-size: 1.125rem;color:#333;padding-left:10px;}
.sitemap_area .nav_list .depth2 li a:before{content: '';position: absolute;top: 18px;left: 0;width: 4px;height: 4px;border-radius: 100%;background: #9ea6b7;}
.sitemap_area .nav_list .depth2 li .depth3_ul li a{position: relative;color: #666;padding-left: 25px;font-size: 15px;}
.sitemap_area .nav_list .depth2 li .depth3_ul li a:before{content: "-";position: absolute;top:0;left: 10px;}

/* 마이페이지 */
.search_area.style02{padding: 15px 20px;}
.search_area.style02 dl.search_box > dd.box input{height: 38px;}
.search_area.style03{display: flex;justify-content: space-around;}
.search_area.style03 > ul{display: flex;flex-wrap: nowrap;align-items: center;justify-content: space-around;}
.search_area.style03 > ul > li{display: flex;flex-wrap: nowrap;align-items: center;justify-content: space-around;}
.search_area.style03 > ul > li:nth-child(2){margin-left: 60px;}
.search_area.style03 > ul > li .title{margin: 0 10px;font-weight: 600;}

.tit_type {display:inline-block;height:26px;min-width:50px;padding:0 10px;line-height:26px;border:1px solid;font-size:13px;font-weight:400;border-radius:30px;text-align:center;border-color:#0cb1c9;color:#0cb1c9;margin-right: 5px;}
.state{display: inline-block;min-width: 60px;font-size: 0.93rem;font-weight: 500;line-height: 34px;border-radius: 5px;padding: 0 8px;}
.state.st_sand{color: #d83349;background-color:#faeded;}
.state.st_cancle{color: #1f58ad;background-color:#e8eef6;}
.state.st_end{color: #343434;background-color: #f3f3f3;}
.state.st_ing{color: #008149;background-color:#e8f6f6;}

/* 신청서작성 */
.tbl_cell_group{ position: relative; width: 100%; background: #fff;margin-bottom: 30px;}
.tbl_cell_group:not(.tbl_st2) {overflow: hidden; }
.tbl_cell_group table {position: relative; width: 100%;text-align: center; border-top: 2px solid #111; -webkit-overflow-scrolling: touch; word-break: keep-all;}
.tbl_cell_group th {height: 55px;border-bottom:1px solid #ddd;vertical-align:middle;font-weight: 400;color:#222;letter-spacing: -0.5px;background: #f7f7f7;padding: 10px 20px;text-align: left;}
.tbl_cell_group td {padding:10px;border-bottom:1px solid #ddd;vertical-align:middle;text-align: left;}
.tbl_cell_group td.tit{position:relative;font-size:15px;font-weight:900;color:#222;padding:15px 0 15px 22px;}
.tbl_cell_group td.tit:before{content: '';position: absolute;top:15px;left:10px;display: inline-block;width: 5px;height: 14px;background-color: #28508c;}
.tbl_cell_group td .form_number input{width:25%;}
.tbl_cell_group td .radio input{width:auto;}
.tbl_cell_group td .form_address input{margin: 4px 0;}
.tbl_cell_group td .find_post{display: flex;align-items: center;flex-wrap: nowrap;}
.tbl_cell_group td .input_s_email{width: 200px;margin-left: 5px;}
.tbl_cell_group td input[type="file"]{font-size: 0.813rem!important;}
.tbl_cell_group th.td_line{border-right: 1px #e5e5e5 solid;text-align: center;}
.tbl_cell_group th.th_mobile{text-align: center;height: 40px;padding: 5px 10px 10px 10px;}
.tbl_cell_group.photo_st th{border:1px solid #e5e5e5 !important;}
.tbl_cell_group.photo_st td{border:1px solid #e5e5e5 !important;}
.tbl_cell_group td .radio-inline{display: inline-block;line-height: 30px;margin-right: 20px;}
.tbl_cell_group td .radio-inline input[type="radio"]{width: auto;vertical-align: middle;}
.tbl_cell_group td.file_area a{display: block;padding: 5px 0 5px 22px;background: url(../../images/front/icon/icon_file.png) no-repeat 0 center;}
.tbl_cell_group .download{position: relative;display: inline-block;padding-left: 30px;}
.tbl_cell_group .download::before{content: '';position: absolute;top:0;left:0;width: 25px;height: 25px;background: url('/images/front/icon/icon_file.png') no-repeat 0 0;}
.tbl_cell_group th .text-red{font-size: 1.5rem;vertical-align: middle;}
.tbl_cell_group td .text-red{display:inline-block;margin-top: 5px;}
.tit_apply{background: #f2f3f7;padding:20px;margin-bottom: 20px;}
.tit_apply .icon_notics_b01{display: inline-block;height: 34px;color:#fff;line-height:34px;background: #1f88ea;border-radius:100px;padding: 0 20px;margin-right: 10px;}
.tit_apply p{display: inline-block;font-size: 19px;font-weight: 600;color: #222;}

.tbl_cell_group.type_s th{height: 45px;background: #f3f6f9;border: 1px solid #e5e5e5;padding: 8px 20px;}
.tbl_cell_group.type_s td{line-height: 1.5;border-right: 1px solid #e5e5e5; word-break: break-all;}

.apply_tit_area{overflow: hidden;margin-bottom: 10px;}
.apply_tit_area .head_type5{float: left;}
.apply_tit_area .btn_r{float: right;}
.photo_tit{display: none;}
.photo_img{height: 200px;}

ul.mark_list > li{padding: 3px 0;}
ul.mark_list > li > ul{margin-top: 5px;}
ul.mark_list > li > ul >li{padding-left: 20px;}
ul.mark_list > li .radio input[type="checkbox"]{top: 1px;}
.ind:after {content:"*";position:relative;top:3px;left:3px;font-size:24px;font-weight: 300;color:#f13a1b;}
ul.mark_list .radio.box{display: inline-block;margin-top: 15px;color: #000;}
ul.mark_list .mark_list_in{padding: 13px 15px 10px 15px;margin-top: 5px;background: #f2f3f7;}
ul.mark_list li .tit_nation{color: #222;padding: 7px 0;}
@media (max-width:800px){
    .tbl_cell_group table{display:block;}
    .tbl_cell_group table tbody{display:block;}
    .tbl_cell_group table tbody tr{display:block;}
    .tbl_cell_group table tbody th,
    .tbl_cell_group table td{display:block;width:100%;height: auto;overflow:hidden;text-align:left;padding: 10px;}
    .tbl_cell_group table th br{display: none;}
    .tbl_cell_group.type_s th{height: 35px;padding: 10px;border-top: none;}
    .tbl_cell_group.type_s td{border-left: 1px solid #e5e5e5;padding: 10px;}
}
.tbl_list_wrap {overflow:hidden;border-top:1px solid #333;margin-bottom: 60px;}
.tbl_list_wrap th{height:45px;font-size:15px;font-weight: 600;color: #222; background:#f0f5fa;vertical-align:middle;line-height: 1.3;border-left:1px solid #ddd;padding: 20px 10px;}
.tbl_list_wrap td{min-height:45px;font-size:15px;padding:20px 10px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;line-height:1.3;vertical-align:middle;text-align: center;word-break: keep-all;}
.tbl_list_wrap td.tit{font-weight: 600;color: #1b4090;}
.tbl_list_wrap td.tit02{font-weight: 600;}
.tbl_list_wrap td select{width: 45px;}
.tbl_list_wrap td select.select_w100{width: 100px;}
.tbl_list_wrap td a:hover{color: #3860bd;text-decoration: underline;}
.tbl_list_wrap th.th_h{height: 40px;padding: 5px;}
.tbl_list_wrap th.th_h.line{border-top: 1px solid #e5e5e5;}
.tbl_list_wrap strong{font-weight: 600;}
.tbl_list_wrap .btn_s.excel{margin-top: 10px;color: #fff;border-color: #25794b;background: url(../../images/front/icon/icon_down02_w.png) no-repeat 90% center #25794b;padding-right: 30px;}
.btn_del{display: inline-block;width: 22px;height: 22px;font-size: 0;background:url('../../images/front/icon/icon_close_s.png') no-repeat 0 0;}

.tbl_view_wrap {border-top:2px solid #333;border-bottom:1px solid #e6e6e6;font-size:15px;color:#6b6b6b;line-height:1.2;}
.tbl_view_wrap .ind:after {content:"*";position:relative;top:-2px;left: 3px;font-size: 19px;font-weight: 300;color: #f75f5f;}
.tbl_view_wrap .tbl_txt {line-height:1.5;}
.tbl_view_wrap .tbl_txt + .inner_tbl_btn {margin-top:5px;}
.tbl_view_wrap .form_address {width:100%;}
.tbl_view_wrap .form_address > p:not(:first-of-type) {margin-top:6px;}
.tbl_view_wrap .form_address .find_post input {width:30%;}
.tbl_view_wrap .form_number select,
.tbl_view_wrap .form_number input {width:20%;}
.tbl_view_wrap > ul > li:first-of-type .tbl_cell_group dt {border-top:none;}
.tbl_view_wrap > ul > li:first-of-type .tbl_cell_group dd {border-top:none;}
.tbl_view_wrap + .tbl_view_wrap {margin-top:30px;}
.tbl_view_wrap li.li_cell_w .tbl_cell_group.half_area dt{width: 45.2%}
.tbl_view_wrap li.li_cell_w .tbl_cell_group dt{width: 27%}
.tbl_view_wrap li.li_cell{position: relative;padding-left: 100px;background: }
.tbl_view_wrap li.li_cell .tbl_cell_group dt{width: 17%}
.tbl_view_wrap li.li_cell.icon01:before{content:"규제개선";position:absolute;top:0;left:0;width:80px;height:100%;background: #e9e9e9;padding: 68px 0 0 20px;color: #000;}
.tbl_view_wrap li.li_cell.icon02:before{content:"진행사항";position:absolute;top:0;left:0;width:80px;height:90%;background: #e9e9e9;padding: 68px 0 0 20px;color: #000;border-top: 1px #ccc solid}
.tbl_view_wrap li.tbl_line{border-top: 2px solid #333;}

.inner_tbl {margin-bottom:40px;border-top: 2px #222 solid;}
.inner_tbl table {table-layout:fixed;}
.inner_tbl table tr:hover{background: #fcfaf1;}
.inner_tbl thead th {height:55px;font-weight:600;color:#222;text-align:center;vertical-align:middle;padding:0;background:#f3f6f9;border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
.inner_tbl td {height:55px;padding:5px;text-align:center;border-left:1px solid #ddd;border-bottom:1px solid #ddd;vertical-align:middle;}
.inner_tbl td.align_l{padding-left: 10px}
.inner_tbl td.align_l button{text-align: left!important;}
.inner_tbl thead th:first-child, .inner_tbl tbody td:first-child{border-left:none;}
.inner_tbl .btn_del_tbl {width:20px;height:20px;background:url('../../images/front/icon/close.png') no-repeat 0 0;background-size:100%;}
.inner_tbl_btn {margin-bottom:9px;text-align:right;}
.inner_tbl a.btn_file{display:inline-block;width:30px;height:16px;background:url('../../images/front/icon/icon_file.png') no-repeat center 0;font-size: 0;vertical-align: top}
.inner_tbl.p_list{margin-bottom: 70px;}
.inner_tbl.p_list th.th_tit01{height: 40px;}
.inner_tbl.p_list thead th:first-child, .inner_tbl.p_list tbody td:first-child{border-left: 1px #ddd solid;}
.inner_tbl.p_list thead th:last-child, .inner_tbl.p_list tbody td:last-child{border-right: 1px #ddd solid;}
.inner_tbl.p_list .tit_area{overflow: hidden;text-align: left;padding: 15px 20px;}
.inner_tbl.p_list .tit_area img{float: left;border: 1px #ddd solid;border-radius: 10px;margin-right: 30px;}
.inner_tbl.p_list .tit_area .tit01{font-size: 1.06rem;font-weight: 500;color: #0045c9;margin-bottom: 10px;}
.inner_tbl.p_list .tit_b{color: #1c3478;}
.inner_tbl.p_list .tbl_tit{font-weight: 600;color: #111;}
/* .inner_tbl.p_list .tbl_tit.bg01{font-weight: 600;color: #111;background: #e9f6f5;}
.inner_tbl.p_list .tbl_tit.bg02{font-weight: 600;color: #111;background: #eaf6e9;}
.inner_tbl.p_list .tbl_tit.bg03{font-weight: 600;color: #111;background: #f6f6e9;} */
.inner_tbl.p_list table tr:hover{background: none;}
.inner_tbl .btn_form.down{height: 30px;padding-left: 35px;padding-left: 35px;font-size: 0.875em;line-height: 30px !important;}

/* 검색 */
.search_wrap{border-top: 2px #111 solid;margin-bottom: 20px;}
.search_wrap table{margin-bottom: 15px;}
.search_wrap th{height: 54px;font-weight: 500;color: #222;vertical-align: middle;background: #f7f7f7;border-bottom: 1px solid #ddd;padding: 6px 15px;}
.search_wrap td{padding: 6px 15px;border-bottom: 1px solid #ddd;}
.search_wrap td .scr_text{display: inline-block;}
.search_wrap td .scr_text input{height: 38px;border: 1px solid #c2c2c2;border-radius: 5px;}
.search_wrap .search_btn_area{text-align: center;}
.search_wrap .search_btn_area button{height: 42px;font-weight: 500;color: #457ce9;border: 1px #457ce9 solid;border-radius: 5px;padding: 0 10px;margin: 0 3px;}
.search_wrap .search_btn_area button.btn_sch{min-width: 110px;}
.search_wrap .search_btn_area button.btn_re{width: 42px;font-size: 0;background: url('/images/front/icon/icon_refresh.png') no-repeat center center;}
.search_wrap .search_btn_area button:hover{color: #fff;background: #457ce9;transition: all .3s ease;}
.search_wrap .search_btn_area button:hover.btn_re{background: url('/images/front/icon/icon_refresh_w.png') no-repeat center center #457ce9;}

/* 디지털트윈요소 */
.digital_wrap{margin-bottom: 30px;}
.digital_wrap .tit_area{position: relative;border-top: 2px #222 solid;border-bottom: 1px #ddd solid;padding: 30px;}
.digital_wrap .tit_area p{font-size: 1.7rem;font-weight: 500;color: #222;}
.digital_wrap .img_con{height: 500px;}
.digital_wrap .img_con.non{height: 250px;text-align: center;border-top: 30px #f9f9f9 solid;border-left: 30px #f9f9f9 solid;border-right: 30px #f9f9f9 solid;background: #fff;padding: 30px;}
.digital_wrap .img_con.non p{padding-top: 100px;}
.digital_wrap .view_con{background: #f9f9f9;padding: 40px;}
.digital_wrap .view_con .title{font-size: 1.25rem;font-weight: 600;color: #222;margin-bottom: 30px;}
.digital_wrap .view_con .text{border-bottom: 1px #ddd solid;padding-bottom: 40px;margin-bottom: 30px;}
.btn_wrap.align_c .btn_nomal.large{margin-left: 80px;}

.digital_info h4.title{margin-bottom: 23px;}
.digital_info .text{font-size: 1.0625rem;line-height: 1.5;margin-bottom: 60px;}
.digital_info .graph_wrap{display: flex;align-items: flex-start;justify-content: space-between;margin-bottom: 70px;}
.digital_info .graph_wrap .graph_area{width: 48%;}
.digital_info .graph_wrap .graph_area .graph canvas{height: 400px!important;}
.movie_area{position:relative;overflow: hidden;width: 100%;height: 730px;margin-bottom: 70px;border-radius: 10px;background: #000;cursor: pointer;}
.movie_area .video_box{width: 100%;height: auto;position: relative;overflow: hidden;}
.movie_area .video_box video{width: 100%;max-height: 740px;object-fit: cover;}
.movie_area .img_thumbnail{position: absolute;top:0;left:0;width: 100%;}
.movie_area .img_thumbnail::before{content: '';position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);width: 140px;height: 140px;background: url('../../images/front/icon/icon_play03.png') no-repeat;z-index: 999;}
.movie_area .img_thumbnail img{width: 100%;object-fit: cover;}
.digitaltwin_area .movie_area{height: auto;margin-bottom: 40px;}
.digitaltwin_area .movie_area video{width: 100%;}
.digitaltwin_area .text{margin-top: 20px;padding: 50px;background: #f9f9f9;border-radius: 10px;font-size: 1.0625rem;line-height: 1.7;}
.digitaltwin_area .text strong{color: #1c3478;font-weight: 600;}

.certi_area{background: #f9f9f9;padding: 5rem;}
.certi_area ul{display: flex;flex-wrap: wrap;gap:5rem;}
.certi_area li{flex: 0 0 calc(33.3333% - 3.4rem);text-align: center;}
.certi_area li img{box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.2);}
.rnd_img ul{display: flex;gap:4rem;}
.rnd_img li{position: relative;flex: 1;}
.rnd_img.box{margin-top: 60px;}
.rnd_img.box > ul > li > div{padding: 3.5rem 3rem 3rem 3rem;border: 1px #ddd solid;border-radius: 10px;text-align: center;}
.rnd_img.box img{height: 340px;}
.rnd_img.box .tit_area{position: absolute;top:-25px;left:50%;transform: translateX(-50%);min-width: 450px;height: 52px;background: #184cb0;border-radius: 100px;text-align: center;line-height: 53px;}
.rnd_img.box .tit_area .tit{display: inline-block;font-size: 18px;font-weight: 500;color: #fff;}
.rnd_img.box .tit_area .tit_s{font-size: 15px;color: #fff;}

/* 기관소개 */
.intro_box01 {margin-bottom: 40px;}
.intro_box01>ul>li {margin-top:15px; font-size: 1.0625rem; color: #424242; font-weight: 500;}
.intro_box01>ul>li>ul {padding: 10px 0;}
.intro_box01>ul>li>ul>li {padding: 5px 0; font-size: 1rem; color: #666; font-weight: 300;}

.intro_box02 .func_box img {display: block; margin: 0 auto; padding: 45px 0;}
.intro_box02 .func_box p {font-family: 'SCDream','Nanum Gothic','맑은고딕'; text-align: center; font-size: 1.75rem; font-weight: 300; color: #003f5a;}
.intro_box02 .func_box p em {font-weight: 900;}
.intro_box02 .func_box>ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.intro_box02 .func_box>ul>li {position: relative; width: 24%;}
.intro_box02 .func_box>ul>li p {position: absolute; top: 0; left: 50%; margin-top: -30px; margin-left: -40%; width: 80%; padding: 15px; border-radius: 50px; background: #15c1b8; font-size: 1.1875rem; font-weight: 700; color: #fff; font-family: 'SCDream','Nanum Gothic','맑은고딕';}
.intro_box02 .func_box>ul>li:nth-child(2) p {background: #3052b6;}
.intro_box02 .func_box>ul>li:nth-child(3) p {background: #0c8698;}
.intro_box02 .func_box>ul>li:nth-child(4) p {background: #065066;}
.intro_box02 .func_box>ul>li>ul {padding: 50px 25px 25px 25px; border: 1px solid #ddd; border-radius: 5px; background: #fff; min-height: 350px;}
.intro_box02 .func_box>ul>li>ul>li {position: relative; padding: 3px 0 3px 10px;; font-size: 1.0625rem; font-weight: 300; color: #555; letter-spacing: -1.5px}
.intro_box02 .func_box>ul>li>ul>li:before {content: ''; position: absolute; top: 0; left: 0; width: 5px; height: 5px; margin-top:13px; border-radius: 20px; background-color: #b5b5b5;}

.intro_box03 .result_box {margin-bottom: 20px; padding: 35px 60px; border: 1px solid #ddd; border-radius: 20px;}
.intro_box03 .result_in {position: relative; padding-left: 110px;}
.intro_box03 .result_in::before {content: ''; position: absolute; top: 0; left: 0; width: 57px; height: 60px; margin-top: 105px; background-image: url('../../images/front/sub/img_intro02.png');}
.intro_box03 .result_in.i_box02::before {width: 57px; height: 58px; margin-top: 95px; background-image: url('../../images/front/sub/img_intro03.png');}
.intro_box03 .result_in.i_box03::before {width: 57px; height: 57px; margin-top: 35px; background-image: url('../../images/front/sub/img_intro04.png');}
.intro_box03 .result_in p {margin-bottom: 17px; font-size: 1.25rem; color: #000; font-weight: 700;}
.intro_box03 .result_in ul li {padding: 3px 15px;}
.intro_box03 .result_in ul li.dot:before {margin-top: 13px;}

.office_box01 {margin-bottom: 20px;}
.office_box01 ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.office_box01 ul li {width: 22%;height: 170px;margin-bottom: 30px; background-color: #ccc;}
.office_box01 ul li {overflow: hidden;position: relative; display: block;border-radius: 10px;}
.office_box01 ul li p {position: absolute; bottom: 0; left: 0; width: 100%;padding: 15px 18px; font-size: 1rem; color: #fff; font-weight: 500; background-color: rgba(0,0,0,0.5); line-height: 1.2;} 
.office_box01 ul li p span{font-size: 0.9rem; font-weight: 300;}

.product_area{margin-bottom: 30px;}
.product_area .tit{font-size: 1.2rem;font-weight: 500;color: #333;padding: 15px 30px;margin-bottom: 20px;background: #f3f9f6;}
.product_area .product_list{overflow: hidden;}
.product_area .product_list li{float: left;margin-right: 2.2%;text-align: center;}
.product_area .product_list li:last-child{margin-right: 0;}
.product_area .product_list li img{margin-bottom: 10px;border-radius: 10px;border: 1px #ddd solid;}

.tbl_br th {padding: 15px!important; border-right: 1px solid #ddd;}
.tbl_br th:last-child {border-right: none;}
.tbl_br td {padding: 15px 25px!important; border-right: 1px solid #ddd;}
.tbl_br td:last-child {border-right: none;}
.office_box02 .tbl_br tr:last-child {background-color: #f6f1eb;}
.office_box02 .tbl_br tr td:first-child {text-align: center;}
.office_box02 .tbl_br tr td {text-align: right;}
.office_box02 .tbl_br tr:last-child td {font-weight: 500; color: #ec0048!important;}
/* 기관소개 2024.08 */
.business_box{overflow: hidden;margin-bottom: 10px;}
.business_box .tit{float: left;width: 20%;font-size: 1.187rem;font-weight: 600;color: #111;margin-top: 20px;}
.business_box .tit.w10{width: 10%;}
.business_box .box{float: right;width: 80%;padding: 22px;border-radius: 10px;}
.business_box .box.type1{font-size:1.25rem;;font-weight: 500;color: #fff;text-align: center;background: linear-gradient(45deg, #509ed4, #1b55c1, #1545a3);padding: 23px;}
.business_box .box.type2{border: 1px #ddd solid;}
.business_box .box.type3{background: #f6f6f6;}
.business_box .box.type4{width: 90%;padding: 10px 0;}
.business_box .box.box_p_non{padding: 0;}
.business_box .text-red{font-weight: 600;color: #e53600;}
.business_box .color_org{font-size: 0.93rem;font-weight: 500;color: #e53600;}
.business_box .business_list{display: flex;align-items:center;text-align: center;padding: 10px 0;}
.business_box .business_list li{display: flex;align-items:center;justify-content: center;width: 100%;height: 70px;font-weight: 600;color: #0045c9;border: 2px #0045c9 solid;border-radius: 10px;margin: 0 0.5%;box-shadow: 0 0 10px rgb(0 0 0 / 10%);}

/* 진흥시설소개 */
.facility_box .tbl_info tr td {line-height: 1.5;;}
.facility_box .tbl_info tr td p {overflow: hidden; padding: 3px 0;}
.facility_box .tbl_info tr td p span.mark01 {float: left;}
.facility_box .tbl_info tr td ul li.dot:before {margin-top: 14px;}
.facility_box .tbl_info tr td .f_txt_box {display: flex; margin-top: 30px;}
.facility_box .tbl_info tr td .f_txt_box .fac_box01 {width: 68%; }
.facility_box .tbl_info tr td .f_txt_box .fac_box01>ul {display: flex; justify-content: space-between;text-align: center;}
.facility_box .tbl_info tr td .f_txt_box .fac_box01>ul>li {width: 32%; border: 1px solid #3052b6; border-radius: 15px;}
.facility_box .tbl_info tr td .f_txt_box .fac_box01>ul>li p {background-color: #3052b6; font-weight: 700; color: #fff; padding: 10px; border-radius: 13px 13px 0 0;}
.facility_box .tbl_info tr td .f_txt_box .fac_box01>ul>li>ul {min-height: 120px; display: flex; flex-direction: column; justify-content: center;}
.facility_box .tbl_info tr td .f_txt_box .fac_box02 {width: 10%; margin: auto; text-align: center;}
.facility_box .tbl_info tr td .f_txt_box .fac_box03 {width: 28%; text-align: center; border: 1px solid #003f5a; border-radius: 15px;}
.facility_box .tbl_info tr td .f_txt_box .fac_box03 p {background-color: #003f5a; font-weight: 700; color: #fff; padding: 10px; border-radius: 13px 13px 0 0;}
.facility_box .tbl_info tr td .f_txt_box .fac_box03 span {min-height: 120px; display: flex; flex-direction: column; justify-content: center; padding: 0 30px;}
.f_img_box {display: flex;}
.f_img_box > div{margin: 1rem;}
.f_img_box > div p {margin-top: 10px; text-align: center;}
.facility_box .tbl_info tr td p.t_blue {margin-bottom: 10px; font-weight: 500; color: #003f5a;}
.facility_box .facility_img {padding: 45px 30px;border: 1px solid #ddd;text-align: center;}
.facility_box .facility_img img {max-width: none;}

/* 재난소개 */
.disaster_box {margin-bottom: 40px;}
.disaster_box .tbl_info tr
.tbl_info tr td {line-height: 1.4;}
.lh {line-height: 2;}
.mark01 {margin-right: 15px; padding: 3px 6px; border-radius: 5px; font-size: 0.875rem; color: #fff; background-color: #0c8698;}
.disaster_box.dis02 .tbl_info tr td.fwb {font-weight: 700;}
.disaster_box.dis02 .tbl_info tr td {text-align: center;}
.disaster_box.dis02 .tbl_info tr td:last-child {text-align: left;}
.dot02 {position: relative; margin-left: 5px; padding: 3px 0px 3px 13px;}
.dot02::before {content: ''; position: absolute; width: 5px; height: 5px; top:0; left:0; margin-top: 11px; border-radius: 50%; background-color: #b5b5b5;}
.blue {font-weight: 700; color: #163c7a!important;}

/*재난위험정보*/
.cont_box {margin-bottom: 70px; line-height: 1.4;}
.cont_box .title03{font-size: 1.062rem;font-weight: 600;color: #333;}
.cont_box .title04{font-size: 1.062rem;color: #222;line-height: 1.5;margin-bottom: 30px;}
.cont_box .title04 strong{display: block;margin-bottom: 10px;}
.safety_box {display: flex; flex-direction: row; justify-content: space-between; position:relative; position: relative;}
.safety_box::before {content:''; position: absolute; bottom: 0; left: 0; width: 150px; height: 638px; margin-bottom: 100px; margin-left: 43%; background: url('../../images/front/sub/arrow_line.png'); z-index: 1;}
.safety_in {width: 47%; padding: 30px; background-color: #f9f9f9;}
.safety_in .safety_tit {margin: 20px 0; text-align: center; font-size: 1.25rem; font-weight: 500; color: #333;}
.safety_in>ul {width: 80%; margin: 0 auto; border-top: 1px solid #d8d8d8; text-align: center;}
.safety_in>ul li {position: relative; margin: 30px 0; padding: 13px 5px; border: 2px solid #406bb3; border-radius: 10px; background-color: #fff;}
.safety_in>ul li:before {content: ''; position: absolute; bottom: 0; left: 0; width: 21px; height: 14px; margin-bottom: -23px; margin-left: 47%; background-image: url('../../images/front/sub/arrow_under.png');}
.safety_in>ul li.aft:after {content: '중앙행정기관'; position:absolute; bottom: 0; right: 0; margin-bottom: -25px; margin-right: -25px; font-size: 0.9375rem; color: #747474;}
.safety_in>ul li.aft.diss:after {content: '시·도지사 협의';}
.safety_in>ul li.aft.rprt:after {content: '행안부 보고';}
.safety_in>ul li.aft.r02:after {content: '행안부 보고'; top: 0; left: 0; bottom: auto; right: auto; margin-top: -25px; margin-left: -25px;}
.safety_in>ul>li p {font-size: 1.0625rem; font-weight: 500; color: #4e4e4e;}
.safety_in>ul>li span {font-size: 0.9375rem; color: #406bb3;}
.safety_in>ul>li:first-child {border: none; background-color: #406bb3; color: #fff;}
.safety_in>ul>li:first-child p, .safety_in>ul>li:first-child span {color: #fff;}
.safety_in>ul>li:last-child {border: none; background-color: #ec0048; color: #fff;}
.safety_in>ul>li:last-child:before {display: none;}
.safety_in>ul>li:last-child p, .safety_in>ul>li:last-child span {color: #fff;}
.safety_in>ul>li>div {display: flex; justify-content: space-between; width: 100%;}
.safety_in>ul>li>div>ul {width: 45%; padding: 0; border: none;}
.safety_in>ul>li>div>ul>li:before {margin-left: 68px;}
.safety_in>ul>li>div>ul>li:first-child {margin-top: 0;}
.safety_in>ul>li>div>ul:last-child>li:last-child:before {margin-left: -30px; margin-bottom: 33px; transform: rotate(90deg); transform-origin: center;}
.safety_in>ul>li.p30 {margin-top: 0; padding: 28px 5px;}
.safety_in>ul>li.aft.p30:after {content: '- 전라북도 보고\A- 관할 재난관리책임기관 통보'; white-space: pre-wrap; text-align: left; margin-bottom: -50px; margin-right: 0;}
.p0 {margin: 0!important; padding: 0!important; border: none!important; background: none!important;}
.p0:before {display:none;}

/* 시험정보 */
.equip_tit {overflow: hidden; padding: 40px; border: 1px solid #ddd; border-radius: 20px;}
.equip_tit p {position: relative;font-size: 1.125rem;color:#333;line-height: 1.5;padding-left: 120px;}
.equip_tit p:before {content: ''; position: absolute; top: 0; left: 0; width: 100px; height: 100px; margin-top: -20px; border-radius: 50%; background: url('../../images/front/sub/img_equip01.png') no-repeat center center; background-color: #f5f5f5;}
.equip_tit.icon02{display: flex;align-items: center;justify-content: space-between;padding: 40px 30px 40px 40px;}
.equip_tit.icon02 p:before{background: url('../../images/front/sub/icon_support.png') no-repeat center center;background-color: #f5f5f5;}
.equip_img {padding: 50px 0; background-color: #f9f9f9;}
.equip_img img {display: block; margin: 0 auto;}

.e_info_box>ul {display: flex; justify-content: space-evenly; border: 1px solid #ddd; border-radius: 20px;}
.e_info_box>ul>li {width: 100%; padding:30px 55px;}
.e_info_box>ul>li>p {position: relative; padding-left: 28px; padding-bottom: 20px; color: #0045c9; font-size: 1.125rem; font-weight: 700;}
.e_info_box>ul>li>p:before {content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px; margin-top: 3px; background-image: url('../../images/front/sub/img_equip03.png');}
.e_info_box>ul>li>ul>li {padding: 5px 0px;}
.e_info_box>ul>li>ul>li p {position: relative;padding-left: 20px; color: #333; font-weight: 600;}
.e_info_box>ul>li>ul>li p:before {content: ''; position: absolute; top: 0; left: 0; width: 5px; height: 5px; margin-top: 8px; margin-left: 3px; background-color: #b5b5b5; border-radius:50%;}
.e_info_box>ul>li>ul>li span {color: #666;}

.equip_tab {margin-bottom: 60px;}
.equip_tab ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; width: 80%; margin: 0 auto;}
.equip_tab ul li {display: flex; justify-content: center; align-items: center; width: 32%; margin: 7px 0; border: 1px solid #ddd; border-radius: 20px; text-align: center;}
.equip_tab ul li:hover, .equip_tab ul li.on {background-color: #3052b6; border: 1px solid #457ce9;}
.equip_tab ul li:hover a::after, .equip_tab ul li.on a::after {content: ''; position: absolute; bottom: 0; right: 0; margin-bottom: 20px; margin-right: -60px; width: 75px; height: 81px; background-image: url('../../images/front/sub/img_equip04.png') ;}
.equip_tab ul li:nth-child(2):hover a::after, .equip_tab ul li:nth-child(2).on a::after {margin-right: -45px;}
.equip_tab ul li:nth-child(3):hover a::after, .equip_tab ul li:nth-child(3).on a::after {margin-right: -45px; margin-bottom: 33px;}
.equip_tab ul li:nth-child(4):hover a::after, .equip_tab ul li:nth-child(4).on a::after {margin-bottom: 33px;}
.equip_tab ul li:hover a, .equip_tab ul li.on a {position: relative; color: #fff;}
.equip_tab ul li a {display: block; padding: 49px 0px; font-size: 1.1874rem; font-weight: 500; transition: all .3s ease;}

.equip_box .e_box {display: flex; justify-content: space-between; margin-bottom: 60px; padding-top: 60px; border-top: 1px solid #222;}
.equip_box .e_box .e_box_img {position:relative;overflow: hidden;width: 420px; height: 396px;border-radius: 20px;}
.equip_box .e_box .e_box_img img{height: 100%;}
.equip_box .e_box .e_box_img span {display: block;position: absolute;top: 0;right: 0;width: 75px;margin: auto 0;padding: 26px 0;background-color: #e64a5c;border-radius: 0 0 0 20px;font-weight: 600; color: #fff;text-align: center;}
.equip_box .e_box .e_box_txt {width: 58%;}
.equip_box .e_box .e_box_txt .e_tit{margin-bottom: 40px;}
.equip_box .e_box .e_box_txt .e_tit p {margin-bottom: 15px; font-size: 1.625rem; font-weight: 700; color: #222;}
.equip_box .e_box .e_box_txt .e_tit span {color: #7e7e7e;}
.equip_box .e_box .e_box_txt .e_txt01 {margin-bottom: 25px;}
.equip_box .e_box .e_box_txt .e_txt01 h5.tit {margin-bottom: 15px;}
.equip_box .e_box .e_box_txt .e_txt02 {padding: 15px 35px; background: #f3f6fa;}
.equip_box .e_box .e_box_txt .e_txt02 ul li {margin: 15px 0; line-height: 1.4;}
.e_box .bbs_default.tbl_equip th{padding: 13px!important;border-bottom: 1px solid #d9d9d9!important;}

/* 기업지원 */
.album_wrap{}
.album_wrap ul{display: flex;margin-left: -2.4rem;flex-wrap: wrap;}
.album_wrap li{flex: 0 1 auto;position: relative;width: calc(32.5% - 2.4rem);margin-left: 3.5%;margin-bottom: 30px;}
.album_wrap ul li a{display: block;position: relative;height: 100%;padding: 30px;border: 1px solid #d5d5d5;border-radius: 20px;transition: all .3s ease;}
.album_wrap ul li a::before{opacity: 0;content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid #457ce9;box-sizing: border-box;border-radius:20px;pointer-events: none; transition: all .3s ease;}
.album_wrap ul li a:hover::before{opacity: 1;}
.album_wrap li .img_con{width: 100%;height: 120px;display: flex;align-items: center;justify-content: center;padding: 40px 40px 20px 40px;;}
.album_wrap li .img_con img{max-width: 100%;max-height: 100%;object-fit: contain;}
.album_wrap li .cont{border-top: 1px #ddd solid;padding-top: 30px;margin-top: 30px;margin-bottom: 30px;line-height: 1.5;}
.album_wrap li .cont .tag{font-weight: 600;color: #0045c9;}
.album_wrap li .cont .tit{font-size: 1.375rem;font-weight: 600;color: #222;margin-bottom: 5px;}
.album_wrap li .cont .text{height: 43px;font-size: 0.93rem;color: #7e7e7e;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;}
.album_wrap li .hits{font-size: 0.875rem;color: #7e7e7e;background: url('/images/front/icon/icon_hit.png') no-repeat 0 5px;padding-left: 22px;letter-spacing: 0;}
.album_wrap li .home_link{position: absolute;bottom:20px;right:20px;display: inline-block;width: 45px;height: 45px;font-size: 0;border: 1px #ddd solid;border-radius: 50%;padding: 0;}
.album_wrap li .home_link::before{opacity: 1;content: '';position: absolute;top:0;left:0;width: 44px;height: 44px;border: none;background: url('/images/front/icon/icon_link04.png') no-repeat center center;}
.album_wrap li .home_link:hover{border: 1px #406bb3 solid;box-shadow: 0px 2px 5px rgb(157 157 157 / 40%);}

.album_wrap02 ul{display: flex;margin-left: -2.4rem;flex-wrap: wrap;}
.album_wrap02 li{flex: 0 1 auto;position: relative;width: calc(32% - 2.4rem);margin-left: 3.5%;margin-bottom: 40px;}
.album_wrap02 li{display: block;position: relative;padding: 30px;border: 1px solid #d5d5d5;border-radius: 20px;}
.album_wrap02 li .img_con{text-align: center;margin-bottom: 25px;}
.album_wrap02 .tit{font-size: 1.06rem;color: #333;}

.album_wrap03 ul{display: flex;flex-wrap: wrap;margin-left: -33px;}
.album_wrap03 li{flex: 0 1 auto;position: relative;width: 28%;margin: 30px 2.5%;}
.album_wrap03 li .img_con{text-align: center;margin-bottom: 20px;}
.album_wrap03 li .img_con img{border: 2px #c5c5c5 solid;border-radius: 23px;}
.album_wrap03 .tit{font-size: 1.125rem;font-weight: 600;color: #3052b6;margin-bottom: 10px;}

.album_wrap04{margin-bottom: 50px;}
.album_wrap04 > ul > li{display: flex;flex-wrap: nowrap;align-items: center;margin-bottom: 50px}
.album_wrap04 > ul > li .img_con{width: 342px;margin-right: 40px;}
.album_wrap04 > ul > li .img_con img{border: 2px #c5c5c5 solid;border-radius: 23px;}
.album_wrap04 .tit{font-size: 1.125rem;font-weight: 600;color: #3052b6;margin-bottom: 10px;}

.view_wrap{}
.view_wrap .tit_area{position: relative;border-top: 2px #222 solid;padding: 25px;}
.view_wrap .tit_area p{width: 80%;font-family: 'Paperlogy', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;font-size: 1.7rem;font-weight: 600;color: #222;letter-spacing: 0;}
.view_wrap .tit_area span{font-size: 1.063rem;font-weight: 300;color: #777;}
.view_wrap .tit_area .btn_nomal.apply{background: #e64a5c;border-color: #e64a5c;}
.view_wrap .tit_area .btn_nomal.apply span{color: #fff!important;}
.view_wrap .tit_area .btn_nomal.apply:hover{background: #f06306;}
.view_wrap .top_area{display: flex;align-items: flex-start;flex-wrap: nowrap;position: relative;border: 1px #ddd solid;border-radius: 20px;padding: 40px;margin-bottom: 50px;}
.view_wrap .top_area .img_con{overflow: hidden;display: flex;justify-content: space-evenly;align-items: center;width: 320px;height: 210px;margin-right: 50px;}
.view_wrap .top_area .img_con img{max-width: 300px;max-height: 130px;height: auto;width: auto;}
.view_wrap .tit_area.type2{margin-bottom: 30px;border-bottom: 1px #ddd solid;}
.view_wrap .tit_area.type3{display: flex;align-items: center;justify-content: space-between;padding: 25px 0;margin-bottom: 30px;border-bottom: 1px #ddd solid;}
.pro_info li{padding: 6px 0;}
.pro_info li .tit_pro{position: relative;display: inline-block;min-width: 110px;font-weight: 600;color: #222;padding: 0 20px;vertical-align: middle;}
.pro_info li .tit_pro::before{content: '';position: absolute;top:10px;left:5px;display: inline-block;width: 5px;height: 5px;background: #b5b5b5;border-radius: 50%;}
.pro_info li .tit_pro02{display: inline-block;color: #777;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;vertical-align: middle;}
.pro_info li .download{color: #00726c;text-decoration: underline;}
.view_wrap .top_area .home_link{position: absolute;top:30px;right:30px;display: inline-block;width: 65px;height: 65px;font-size: 0;border: 1px #ddd solid;border-radius: 50%;padding: 0;}
.view_wrap .top_area .home_link::before{opacity: 1;content: '';position: absolute;top:0;left:0;width: 64px;height: 64px;border: none;background: url('/images/front/icon/icon_link04.png') no-repeat center center;}
.view_wrap .top_area .home_link:hover{border: 1px #3052b6 solid;box-shadow: 0px 2px 5px rgb(157 157 157 / 40%);}
.view_wrap .view_con{margin-bottom: 40px;}
.view_wrap .view_con .title{margin-bottom: 20px;}
.view_wrap .view_con .text{border: 1px #ddd solid;border-radius: 20px;padding: 40px;margin-bottom: 50px;line-height: 1.5;}
.view_wrap .view_con .img_con02{text-align: center;margin-bottom: 50px;}

.view_wrap .top_area.product .img_con{overflow: hidden;width: 300px;height: 210px;line-height: normal;border-radius: 20px; background-color: #ddd;}
.view_wrap .top_area.product .img_con img{width: 100%;height: 100%;max-width: none;max-height: none;}
.view_wrap .top_area.product .pro_info{}
.view_wrap .top_area.product .pro_info .tit_pro{min-width: 140px;}

.listBox{display:flex; margin-left:-2.4rem;flex-wrap: wrap;}
.listBox li{flex:0 1 auto; position:relative; width:calc(21% - 2.4rem); margin-left:1.5%;margin-bottom:2.4rem;}
.listBox li a{display:block; position:relative; height:100%; padding: 20px 10%; border:1px solid #d5d5d5;border-radius:20px;transition: all .3s ease; background:#fff;}
.listBox li a::before{opacity: 0; content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid #457ce9;box-sizing: border-box;border-radius:20px;pointer-events: none; transition: all .3s ease;}
.listBox li .lavel_best{position: absolute;top:20px;left:10%;width: 65px;font-size: 0.813rem;color: #fff;text-align: center;padding: 10px 0;z-index: 9;}
.listBox li a .img_box{position: relative;overflow: hidden;max-width:100%;height: 190px;margin-bottom: 20px;border-radius:20px;border: 1px #ddd solid;}
.listBox li a .img_box img{max-width:100%;width: 100%;height: 100%;}
.listBox li a .tit{height: 50px;font-size: 1.125rem;font-weight: 600;color: #222;margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.listBox li a .tit_company{display: block;border-top: 1px #ddd solid;padding-top: 10px;}
.listBox li a:hover::before{ opacity:1;}
.listBox li a:hover .img_box img{transform: scale(1.1);transition: all .3s ease;}

.product_list{margin-bottom: 30px;}
.product_list .listBox{margin-left: -2.3rem;}
.product_list .listBox li{width: calc(33.4% - 2.4rem);margin-left: 3.2%;}
.product_list .listBox li a{padding: 30px 10%;}
.product_list .listBox li a .cont{height: 95px;margin-bottom: 30px;}
.product_list .listBox li a .cont .tit{height: auto;font-size: 1.188rem;margin-bottom: 10px;}
.product_list .listBox li a .cont span{display: inline-block;height: 40px;color: #777;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.product_list .listBox li .lavel_best{top:30px;font-size: 0.875em;}
.product_list.w_s .listBox li{width: calc(26% - 2.4rem);margin-left: 2.2%;}
.product_list.w_s .listBox li a .img_box{height: 160px;}

/* 시험및장비예약 */
.business_list{}
.business_list li{display: flex;justify-content: space-between;align-items: center;padding: 35px 0;border-bottom:1px solid #ddd;}
.business_list li dl{display: flex;flex-direction: row;flex-wrap: wrap;margin-top: 5px;}
.business_list li dl dt{font-weight: 500;color:#333;margin-right: 10px;}
.business_list li dl dd{position:relative;color: #666;margin-right: 40px}
.business_list li dl dd::before{content:"";position:absolute;top:2px;right:-20px;display: inline-block;width:1px;height:15px;background: #ddd;}
.business_list li dl dd:last-child::before{display: none;}
.business_list li dl dt.icon_flag{padding-left: 28px;background: url(../../images/front/icon/icon_flag.png) no-repeat 2px 0;}
.business_list li .end{display: inline-block;height:50px;padding:0 25px;background: #ddd;border-radius:50px;color:#fff;line-height: 50px;}
.business_list .b_con{width: 80%;}
.business_list .b_con .title{position: relative;}
.business_list .b_con .title .icon_notics_b01{display: inline-block;height:30px;font-size: 15px;color:#1f88ea;line-height:29px;border: 1px #1f88ea solid;border-radius: 4px;padding: 0 5px;margin-right: 5px;}
.business_list .b_con .title a{display: inline-block;width: 100%;font-size:20px;font-weight: 600; color: #222;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.business_list .non_tit_area02{ text-align: center; padding: 35px 0 40px 0}
.business_list .non_tit_area02 .img_non{display:inline-block;text-align: center; margin-bottom: 15px}
.business_list .non_tit_area02 .non_tit{margin-bottom: 15px; color: #333}
.business_list .non_tit_area02 .btn_area button{display:inline-block;border:1px #ddd solid;border-radius:1px;padding: 8px 10px;}
.business_list.type02{border-top: 2px #333 solid;}
.business_list.type02 li{padding: 22px 0;}
.business_list.type02 .title{font-size: 1.3125rem;font-weight: 600; color: #222;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 10px;}
.business_list.type02 dl{padding: 2px 0;}

/* 시험및장비예약 */
.product_list .listBox02{border-top: 2px #111 solid;margin-left: 0;}
.product_list .listBox02 > li{position: relative;overflow: hidden;width: 100%;margin-left: 0;border-bottom: 1px #ddd solid;padding: 25px 35px;}
.product_list .listBox02 li .img_box{position: relative;overflow: hidden;float: left;width:280px;height: 190px;border-radius:20px; background-color: #ddd;}
.product_list .listBox02 li .img_box img{max-width:100%;width: 100%;height: 100%;}
.product_list .listBox02 li .cont{padding-left: 330px;}
.product_list .listBox02 li .cont .tit{font-size: 1.188rem;font-weight: 400;color: #222;margin: 15px 0;}
.product_list .listBox02 li .pro_info{padding-left: 0;}
.product_list .listBox02 li .pro_info li{padding: 5px 0;}
.product_list .listBox02 li .pro_info li .tit_pro{min-width: 155px;}
.product_list .listBox02 li .lavel_best{width: 65px;font-size: 0.813rem;padding: 10px 0;}
.lavel_zeus{display: inline-block;width: 73px;height: 28px;font-size: 0;border: 1px #01a5b6 solid;background: url('/images/front/sub/img_zeus.png') no-repeat center center;padding: 3px;vertical-align: middle;margin-right: 3px;}

.pro_info02{border-top: 1px #222 solid;}
.pro_info02 th{font-weight: 400;color: #222;text-align: center;border-left: 1px #ddd solid;border-bottom: 1px #ddd solid;background: #f9f9f9;padding: 15px 10px;}
.pro_info02 td{border-left: 1px #ddd solid;border-bottom: 1px #ddd solid;text-align: center;padding: 15px 10px;}
.pro_info02 th:first-child, .pro_info02 td:first-child{border-left: none;}
.pro_info02 td .num{color: #406bb3;}

.pro_info03{border-top: 1px #222 solid;}
.pro_info03 th{font-size: 1.063rem;font-weight: 600;color: #222;text-align: left;border-bottom: 1px #ddd solid;padding: 0 10px 0 20px;}
.pro_info03 td{border-bottom: 1px #ddd solid;text-align: center;padding: 25px 10px;line-height: 1.5;}
.pro_info03 td ul li{position: relative;padding: 1px 10px;}
.pro_info03 td ul li:before {content: "";display: inline-block;position: absolute;top: 13px;left: 0;width: 3px;height: 3px;background: #3052b6;border-radius: 40px;}
.product_view{margin-bottom: 60px;}
.product_view .pro_info_area{display: flex;align-items: center;align-items: flex-start;gap: 50px;}
.product_view .pro_info_area .img_con{overflow: hidden;width: 360px;height: 250px;border-radius: 15px;}
.product_view .pro_info_area .img_con img{max-width: 100%;max-height: 100%;height: 100%;width: 100%;}
.product_view .pro_info_area .img_con:empty{display: none;}
.product_view .pro_info_area .pro_info03{flex: 1;}

.form_option input + label {margin-right: 10px;}

/* 침수안전 지도 서비스 */
.content.w100{max-width: 100%;}
.content.w100 .con{max-width: 1400px;margin: 0 auto;}
.content.w100 .con h3.tit{}
.map_area{position: relative;height: 800px;background: #c2dcf0;}
.map_area .box{position: absolute;top:20px;right:20px;background: #416bb4;border-radius: 15px;padding: 20px 20px 15px 20px;}
.map_area .box .tit{font-size: 1.125rem;font-weight: 500;color: #fff;margin-bottom: 15px;}
.map_area .box .time{display: inline-block;font-size: 0.875rem;color: #fff;margin-top: 10px;}
.map_area .box .weather_area{position: static;margin-bottom: 20px;}
.map_area .box .weather_area .w_ico{float: left;}
.map_area .box .weather_area .tit_area p{font-size: 1.5rem;font-weight:200;padding: 10px 0 0 15px;}
.map_area .box .box_in{background: #fff;border-radius: 10px;padding: 25px;}
.map_area .box .box_in .tbl{margin-bottom: 20px;}
.map_area .box .box_in .tbl thead th{height:40px;font-size: 0.93rem;font-weight:500;color:#222;text-align:center;vertical-align:middle;padding:0;background:#f6f6f6;border:1px solid #ddd;}
.map_area .box .box_in .tbl td{height:38px;font-size: 0.93rem;padding:5px;text-align:center;border:1px solid #ddd;vertical-align:middle;word-break: break-all;}
.map_area .btn_close{position: absolute;top:20px;right:20px;width: 22px;height: 22px;font-size: 0;background: url('/images/front/icon/close02.png') no-repeat 0 0;}
.map_area .map_con{display: inline-block;height: 35px;background: #444;border-radius: 50px;padding: 0 10px;}
.map_area .map_con .ico{display: inline-block;}
.map_area .map_con .ico img{max-width: 22px;}
.map_area .map_con .tit{display: inline-block;font-size: 0.875em;font-weight: 500;color: #fff;line-height: 35px;}
.map_area .map_con.style02{height: 40px;padding: 0 8px 0 15px;}
.map_area .map_con.style02 .tit{font-size: 1em;line-height: 40px;}
.map_area .map_con.style02 .num{display: inline-block;min-width: 25px;height: 25px;font-size: 0.875em;font-weight: 600;color: #fff;line-height: 22px;text-align: center;background: #ec0048;border-radius: 50%;vertical-align: top;margin: 8px 0 0 10px;}
.map_area .box.style01{width: 350px;}
.map_area .box.style01 .box_in .tbl{margin-bottom: 0;}
.map_area .box.style02{top:0;right:0;width: 370px;height: 100%;border-radius: 0;padding: 0;}
.map_area .box.style02 .tit{padding-left: 32px;margin: 20px;background: url('/images/front/icon/icon_disaster.png') no-repeat 0 0;}
.map_text{height: 83%;overflow-y: scroll;padding: 0 10px 0 20px;margin-right: 10px;}
.map_text .box_mobile{position: relative;font-size: 0.93rem;background: #fff;border-radius: 10px;padding: 20px;margin-bottom: 10px;}
.map_text .box_mobile .tit_zone{font-weight: 600;color: #222;margin-bottom: 10px;}
.map_text .box_mobile .day{position: absolute;top:20px;right:20px;font-size: 0.875em;color: #888;}
.map_area .foot{position: absolute;bottom:0;left:0;width: 100%;padding: 10px;background-color: #132652;}
.map_area .foot .paging_area a{color: #fff;padding: 0 3px 0;}
.map_area .foot .paging_area strong{color: #fff;background-color:#132652;padding: 0 5px;}
.map_area .foot .paging_area img, .map_area .foot .paging_area a.stimg img{width: 23px;height: auto;vertical-align: middle;}
.map_text::-webkit-scrollbar{width:6px;position:relative;right:3px}
.map_text::-webkit-scrollbar-thumb{height:17%;background-color:rgba(19,38,82,1);border-radius:10px}
.map_text::-webkit-scrollbar-track{background-color:rgba(221,221,221,1);border-radius:10px}

.btn_local_list {overflow: hidden; margin-left: -10px;}
.btn_local_list .btn_local {position: relative; display: block; width: calc(100%/3); float: left; margin-top: 7px; padding-left: 10px;}
.btn_local_list .btn_local input + label {display: block; width: 100%; height: 40px; padding: 0 5px; border: 1px solid #ddd; line-height: 38px; font-size: 0.938rem; color: #666; text-align: center; cursor: pointer; background-color: #fff;}
.btn_local_list .btn_local input:checked + label {font-weight:500;color: #416bb4;border: 1px solid #416bb4;}
.btn_local_list .btn_local input:read-only {display:none;}

/* 원격접속신청 */
#calendar {max-width: 100%!important;}
.calender_legend{position: relative;border: 1px #e6e6e6 solid;border-radius: 15px;margin-bottom: 20px;padding: 25px 30px;}
.calender_legend p{position: relative;display: inline-block;font-size: 1.06rem;font-weight: 400;margin-right: 45px;padding-left: 33px;}
.calender_legend p::before{content: '';position: absolute;top:3px;left:0;width: 23px;height: 20px;border-radius: 5px;}
.calender_legend a{position:absolute;top:20px;right:20px;}
.legend{margin-top:0!important;padding:0!important;border:none!important;border-radius:inherit!important;}
.calender_legend02 .icon01{display: inline-block;width: 23px;height: 20px;background: #c6e8e2;border-radius: 5px;margin-right: 5px;vertical-align: middle;}
.calender_legend02 .icon02{display: inline-block;width: 23px;height: 20px;background: #c6e8e2;border-radius: 5px;margin-right: 5px;vertical-align: middle;}
.fc .fc-toolbar{border-top: 1px #e6e6e6 solid;padding-top: 20px;}
.fc .fc-scrollgrid{border-radius: 10px 10px 0 0;}
.fc-theme-standard th{border-radius: 0 10px 0 0;}
.fc .fc-col-header-cell-cushion{font-weight: 500!important;}
.fc .fc-daygrid-day-number{font-size: 0.85rem!important;padding: 8px!important;}
.fc-event{padding: 0!important;min-height: 20px!important;margin-bottom: 5px;}
.pc1_bg{background-color: rgb(198, 232, 226)!important;border-color: rgb(198, 232, 226)!important;}
.pc2_bg{background-color: rgb(245, 227, 211)!important;border-color: rgb(245, 227, 211)!important;}
.pc1_bg .fc-event-main .my-event-title{font-weight: 500;color: #027973;padding-left: 5px;}
.pc2_bg .fc-event-main .my-event-title{font-weight: 500;color: #ca5b00;padding-left: 5px;}
.fc .fc-button{font-size: 0.85em!important;}
.fc-theme-standard td, .fc-theme-standard th{border-color: #e6e6e6!important;}
.fc .fc-toolbar-title{font-size: 1.75rem;}

/* 제품정보 */
.product_wrap{position: relative;}
.product_wrap .bx-wrapper .bx-viewport{height:auto;}
.product_wrap ul{display: flex;flex-wrap: nowrap;align-items: flex-start;gap:1.6rem;}
.product_wrap li.list-item-class{width: 323px!important;}
.product_wrap li a{position: relative;display: inline-block;width: 330px;}
.product_wrap li .img_box{position: relative;overflow: hidden;height: 220px;background: #f7f7f7;border-radius: 20px;margin-bottom: 25px;}
.product_wrap li .img_box img{width: 100%;height: 220px;object-fit: cover;}
.product_wrap li .img_box .lavel_best{top:0;right:0;font-size: 14px;font-weight: 600;border-radius: 0 0 0 20px;}
.product_wrap li .cont .tit{font-size: 1.32rem;font-weight: 600;color: #222;margin-bottom: 10px;}
.product_wrap li:hover{cursor: pointer;}
.product_wrap li:hover .cont .tit{text-decoration: underline;}
.product_wrap li .cont .text{overflow: hidden;display: inline-block;height: 50px;margin-bottom: 30px;color: #777;line-height:1.5;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.product_wrap .slide_control{position: absolute;top: 80px;left:50%;width: 100%;transform: translateX(-50%);}
.product_wrap .slide_control a{position: absolute;display: inline-block;width: 60px;height: 60px;font-size: 0;border-radius: 50%;margin: 0 1px;box-shadow: 0 3px 15px rgba(0, 0, 0, .15);}
.product_wrap .slide_control a::before{content: '';position: absolute;width:38px;height: 38px;}
.product_wrap .slide_control a.btn_prev{left: -30px;background:url('../../images/front/icon/arr_left_b.png') no-repeat center center #fff;background-size: 35px;}
.product_wrap .slide_control a.btn_next{right: -30px;background:url('../../images/front/icon/arr_right_w_b.png') no-repeat center center #fff;background-size: 35px;}
.captcha_area .captcha_txt p{margin-bottom: 10px}

/* 만족도 조사  */
.survey_area{width:100%;height:100%;background:url('../../images/front/sub/bg_survey.png') no-repeat center 0 #f2f3f7;}
.survey_area .survey_top{width: 850px;min-height:110px;margin: 0 auto;}
.survey_area .survey_top h1{font-size: 32px;padding-top: 30px;color: #fff;margin-bottom: 10px}
.survey_area .survey_top .survey_info{font-size: 15px;font-weight:200;color: #fff;line-height: 130%;min-height: 85px;padding-bottom: 20px;}
.survey_area .survey_box{width: 770px;background-color:#fff;margin: 0 auto;padding: 40px;border: 1px #e5e5e7 solid;box-shadow: 20px 20px 17px 10px rgba(100,100,100,0.2);}
.survey_area .survey_box .survey_con{margin-bottom: 30px;border-bottom: 1px #ddd dashed;padding-bottom: 30px;}
.survey_area .survey_box .survey_con .tit_survey{font-weight: 400;color: #333;line-height: 35px;margin-bottom: 10px}
.survey_area .survey_box .survey_con .tit_survey span{display: inline-block;width: 35px;height: 35px;background: #2f9fce;color: #fff;font-size: 13px;font-weight: 600;margin-right: 10px;border-radius: 100px;text-align: center;}
.survey_area .survey_box .survey_con .survey_con_in{margin-left: 45px}
.survey_area .survey_box .survey_con textarea{width: 100%;}
.survey_foot{font-size:13px;color:#888;text-align:center;margin: 0 auto;padding: 30px 0;}
.survey_foot strong{margin-right: 5px}

/* 설문조사 */
.survey_tit_box{background: url('../../images/front/sub/icon_survey.png') no-repeat 40px center;padding: 25px 25px 25px 100px;line-height: 1.8;margin-bottom: 25px;border: 5px #f2f2f2 solid;}
.survey_tit_box p{font-size:17px;font-weight: 600;color: #333;line-height: 130%;letter-spacing: -0.5px}
.survey_tit_box span{font-size:17px;font-weight: 600;color: #e88a0f;letter-spacing: -0.8px}
.survey_box{margin-bottom: 30px}
.survey_box dl{padding-bottom: 25px;margin-bottom: 30px;border-bottom: 1px #ccc dashed}
.survey_box dt{overflow: hidden;margin:0 0 10px 0}
.survey_box dt .tit_num{float: left;display: inline-block;font-size:13px;font-weight: 500;color: #000;margin-right: 10px;background: #f5f6f8;border: 1px #ddd solid;border-radius: 3px;padding: 3px 10px;}
.survey_box dt p{width:80%;display: inline-block;font-weight: 500;color: #000;}
.survey_box dt .normal{color: #009ac9;margin-right: 5px}
.survey_box dd{}
.survey_box dd ul{overflow: hidden;margin-left: 42px;}
.survey_box dd li{float: left;margin-right:30px;margin-bottom: 5px;}
.survey_box .survey_done{border: none;margin-bottom: 0;padding-bottom: 0}
.text_survey{width: 100%;margin-top: 5px}
	
/* ==========================================================================
	layer popup
   ========================================================================== */
.layer_pop_cont {position:relative;padding-bottom:30px;}
.layer_pop_cont .layer_head {padding:15px 20px;background:#3f6abf;}
.layer_pop_cont .layer_head h1 {font-size:20px;color:#fff;}
.layer_pop_cont .layer_cont {padding:30px 20px 0;}
.layer_pop_cont .tbl_wrap thead th, 
.layer_pop_cont .tbl_wrap tbody th, 
.layer_pop_cont .tbl_wrap tbody td {height:36px;padding:4px 20px;}
.layer_pop_cont .tbl_wrap thead th {font-size:15px;}
.layer_pop_cont .tbl_wrap tbody td {font-size:14px;}
.layer_pop_cont .paging_inner {margin-top:15px;}
.layer_pop_cont .btn_wrap {margin-top:20px;}
.layer_pop_cont .btn_wrap .btn {height:38px;line-height:38px;}
.layer_pop_cont .btn_layer_close {position:absolute;top:16px;right:20px;width:19px;height:18px;background:url('../../images/front/btn_close_pop.png') no-repeat 0 0;}

/* 팝업 */
.pop_header{}
.pop_header header{position:relative;height:auto;border-bottom:none;background:none;padding:30px;}
.pop_header header h1{font-size:1.375rem;font-weight:600;color:#222;}
.pop_header header a.pop_close{display:inline-block;width:30px;height:30px;position:absolute;top:27px;right:30px;font-size:0;background: url(../../images/front/icon/close.png) no-repeat;}
.pop_content_area .pop_content .title_area{margin-bottom: 20px}
.pop_content_area .pop_content .title_area h2{font-size: 1.125rem;}
.pop_content_area .pop_content .title_area .pop_title .color_pointr{font-weight: 600;color:#e31a54;}
.pop_container{padding: 0 30px 40px 30px;}
.pop_container .pop_content_area .pop_content .tbl_cell_group{margin-bottom: 20px;}
.pop_container .pop_content_area .pop_content .tbl_cell_group th{height: 45px;padding: 10px 20px 10px 20px;}
.pop_container .pop_content_area .pop_content .tbl_cell_group .tit02{font-size: 1.125rem;font-weight: 500;color: #111;padding: 20px;}
.pop_container .pop_content_area .pop_content .tbl_cell_group .text_con{min-height: 100px;padding: 10px;}
.table_search_area .count_area{padding-top:0;margin-bottom: 10px}
.table_search_area .count_area span strong.color_pointo{color:#d78107}
.pop_container .pop_content_area .btn_nomal{min-width: 100px;font-size:15px;line-height: 38px;}
.pop_container .pop_content_area .btn_nomal.large{min-width: 200px;}
.pop_container .pop_content_area .pop_content .btn_wrap .alignc a{height:40px;font-size:15px;line-height: 38px;}

.main_layer{border: 1px solid rgba(0, 0, 0, .7);background: #fff;z-index: 9999999!important;}
.main_layer .pop_container.pop_color{position:relative;background-color: #fff}
.main_layer .pop_header_layer{overflow:hidden;position:relative;height: 55px;margin-bottom: 40px;padding: 15px 20px 20px 20px;background:#3052b7;}
.main_layer .pop_header_layer header{position:static;width: auto;background:none;border-bottom:none;padding:0;}
.main_layer .pop_header_layer h1{font-size:20px;font-weight:500; color:#fff!important;}
.main_layer .pop_header_layer a.pop_close02 {position: absolute; display: inline-block; top: 20px; right: 20px; width: 19px; height: 18px; background: url('../../images/front/popup/btn_delete02.png') no-repeat 0 0;}
.main_layer .pop_header_layer a.pop_close02 span {display: block; position: absolute; top: -999999px; right: -999999px;}
.main_layer .pop_container.pop_color .title_area{border-bottom: 1px #ddd solid;padding-bottom:10px;}
.main_layer .pop_container.pop_color .title_area p{background: url('../../images/front/icon/icon_disc.png') no-repeat 0 0;padding-left: 20px;line-height: 130%;}
.main_layer .pop_container.pop_color .layer_bottom_wrap .layer_bottom{position: absolute;bottom:10px;right:20px;font-size: 13px;}

/* 페이지준비중 */
.ready_area{position: relative;line-height:1.5;padding-top:175px;margin-bottom:30px;text-align: center}
.ready_area:before{content:"";position:absolute;top:0;left:50%;width:160px;height:160px;background: url(../../images/front/icon/icon_ready.png) no-repeat center center;z-index: 9;margin-left:-75px;}
.ready_area::after{content:"";position:absolute;top:0;left:50%;width:160px;height:160px;background: #f5f6f8;border-radius: 50%;margin-left:-80px;}
.ready_area .ready_tit{font-size:1.75rem;font-weight:600;color: #222;margin-bottom:10px;}
.ready_area .ready_tit_s{font-size:18px;}
.ready_area.type02{padding-top: 150px;margin: 50px 0;}
.ready_area.type02:before{width: 130px;height: 130px;background: url(../../images/front/icon/icon_ready02.png) no-repeat center center;margin-left: -60px;}
.ready_area.type02::after{width: 130px;height: 130px;margin-left: -65px;}
.ready_area.type02 .ready_tit{font-size:22px;color: #0d2352;}

/* 이용약관 */
.policy_area {line-height: 1.6;}
.policy_area .p_tit	{margin-top: 15px; margin-bottom: 5px; font_weight: 600;}
.policy_area .p_txt {margin-bottom: 10px;}
.policy_area p em {color: #2c4abb;}
.policy_area>ul {margin-bottom: 10px;}
.policy_area>ul>li>ul>li {padding-left: 13px;}

/* 가이드 */
.guide_wrap .guide_con{margin-bottom: 60px;}
.guide_wrap .guide_con .title_area{display: flex;align-items: center;min-height: 50px;padding: 10px;margin-bottom: 25px;background: #ebf3fb;border-radius: 8px;font-family: 'Paperlogy', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;}
.guide_wrap .guide_con .title_area .num{display: inline-block;width: 30px;height: 30px;margin-right: 10px;background: #316ee7;border-radius: 5px;text-align: center;font-size: 16px;font-weight: 700;color: #fff;line-height: 30px;}
.guide_wrap .guide_con .title_area .tit{font-size: 20px;font-weight: 600;color: #000;}
.guide_wrap .guide_con .text{margin-bottom: 25px;}
.guide_wrap .guide_con .text li{counter-increment: my-counter;position: relative;margin-left: 50px;padding: 2px 0;line-height: 1.5;}
.guide_wrap .guide_con .text li::before {content: counter(my-counter) ". ";position: absolute;left: -25px;font-weight: 600;color: #555;}
.guide_wrap .guide_con .box{padding: 40px 10px;border: 1px #ddd solid;text-align: center;}

@media screen and (max-width:1440px){
	/* container  */
	.tit_wrap{justify-content: flex-start;}
	.tit_wrap button.wish{display: none;}
	
    /* 회원서비스 */
    .mail_box .mail_text{width: 80%}
    .mail_box .mail_text br{display: none} 
    
    /* 제품정보 */
    .product_wrap .slide_control{width: 90%;}
    
    /* 사이트맵 */
    .sitemap_area > .nav_list > li{width: 22.5%;}
}
@media screen and (max-width:1400px){
    .left_area {display: none;}
    .container .content_area {float: none; width: 100%;}
	.tbl_cell_group.half_area{float:inherit;width:100%}
	.tbl_cell_group.half_area02{float:inherit;width:100%}
	.tbl_cell_group.half_area dt{width:30%;}
	.tbl_cell_group.half_area02 dt{width:30%;}
	.tbl_view_wrap .form_number select, .tbl_view_wrap .form_number input {width: 20%}
	.tbl_view_wrap .form_number select,
	.tbl_view_wrap .form_number input {width:20%;}
	.tbl_cell_group dt {width:30%;height: auto}
	.tbl_cell_group dd {width:70%;}
	
    /* 기관소개 */
    .product_area .product_list li {margin-bottom: 15px;}
    .business_box .tit{float: inherit;width: 100%;margin-top: 0;margin-bottom: 10px;}
    .business_box .box{width: 100%;}
    .album_wrap02 ul{margin-left: -1em;}
    .album_wrap02 li{width: calc(48% - 1rem);}
    .album_wrap03 ul{margin-left: -1em;}
    .album_wrap03 li{width: calc(47% - 1rem);}
    
    /* 시험및장비예약 */
    .facility_box .facility_img img {max-width: 100%;}
    .view_wrap .top_area.product .btn_nomal.apply {position: static; width: 100%; margin-top: 35px; margin-left: 0;}
    .product_view .pro_info_area{display: block}
    .product_view .pro_info_area .img_con{width: 100%;height: auto;margin-bottom: 30px;}
    
    /* 기업정보 */
    .album_wrap ul {justify-content: space-between; margin-left: 0;}
    .album_wrap li {width: 48%; margin-left: 0;}
    .album_wrap li .img_con {overflow: hidden;}
    .product_list .listBox {justify-content: space-between; margin-left: 0;}
    .product_list .listBox li, .product_list.w_s .listBox li {width: 49%; margin-left: 0;}
    
    /* 시험정보 */
    .equip_box .e_box .e_box_img{width: 40%;}
    
    /* 디지털트윈요소 */
    .digital_info{display: block;}
    .digital_info .info01{margin-bottom: 60px;}
    .digital_info .info01 .img a{background: url('../../images/front/sub/img_digitaltwin_large.jpg') no-repeat center center;}
    .movie_area{height: auto;}
    
    /* 회원서비스 */
    .member_join{width: 100%;}
    
    /* 사이트맵 */
    .sitemap_area > .nav_list > li{width: 30%;}
}
@media screen and (max-width:1240px){
	.digital_info .graph_wrap{display: block;}
	.digital_info .graph_wrap .graph_area{width: 100%;margin-bottom: 70px;}
    .rnd_img ul{flex-wrap: wrap;gap: 1rem;text-align: center;}
    .rnd_img li{flex: none;width: 100%;}
}
@media screen and (max-width:800px){
	/* container  */
	.tit_wrap .tit_area h3{font-size: 2rem;}
	
	.tbl_cell_group dt {font-size:15px;}
	.tbl_cell_group dd {font-size:15px;}
	
	.inner_tbl thead th {font-size:15px;}
	.inner_tbl tbody td {font-size:15px;}
	
	.tbl_list_scroll {overflow-x:scroll; margin-bottom: 15px;}
	.tbl_list_scroll .tbl_data {width:1000px;}
	.tbl_list_scroll table {width:1000px!important; margin-bottom: 15px!important;}
    .tbl_list_scroll .cost_list {width:800px;}
	.tbl_list_scroll .my_list {width:800px;}
	.tbl_list_scroll .tbl_col {width:800px;margin-bottom: 0;}
	.category_info_wrap .tbl_col_area .tbl_col{width:800px;}
    .dot, .dot02 {padding-left: 10px;}
    .dot02::before {width: 4px; height: 4px; margin-top: 9px;}

    /* 기관소개 */
    .intro_box02 .func_box>ul>li {width: 49%; margin-bottom: 45px;}
    .intro_box02 .func_box>ul>li:nth-child(3), .intro_box02 .func_box>ul>li:nth-child(4) {margin-bottom: 0;}
    .intro_box02 .func_box>ul>li>ul {min-height: 310px;}
    .office_box01 ul li {width: 32%;}
    .dot::before {width: 4px; height: 4px; margin-top: 9px;}
    .intro_box03 .result_in ul li.dot:before {margin-top: 10px;}
    .intro_box02 .func_box>ul>li>ul>li:before {margin-top: 10px;}
    .facility_box .tbl_info tr td ul li.dot:before {margin-top: 11px;}
    .album_wrap04 > ul > li .img_con{width: 100%;text-align: center;margin-right:0;}
    
    /* 시험및장비예약 */
    .cont_tbl02 {overflow-x: scroll;}
    .cont_tbl02 table {width: 1000px!important; margin-bottom: 10px;}
    .facility_box .tbl_info tr td .f_txt_box {flex-direction: column;}
    .facility_box .tbl_info tr td .f_txt_box .fac_box01 {width: 100%;}
    .facility_box .tbl_info tr td .f_txt_box .fac_box02 img {transform: rotate(90deg);}
    .facility_box .tbl_info tr td .f_txt_box .fac_box03 {width: 50%; margin: 0 auto;}
    .product_list .listBox02 li .lavel_best {right: inherit; left: 0; top: 25px; z-index: 1;}
    .product_list .listBox02 > li{padding: 25px 0;}
    
    .business_list.type02 li{flex-wrap: wrap;justify-content: space-around;}
    .business_list.type02 dl{position: relative;display: block;margin-top: 0;padding: 0;}
    .business_list.type02 dt{padding:3px 0;}
    .business_list.type02 dd{position: absolute;left:130px;}
    .business_list.type02 dd:nth-child(2){top:1px;}
    .business_list.type02 dd:nth-child(4){top:29px;}
    .business_list.type02 dd:nth-child(6){top:55px;}
    .business_list.type02 dd::before{display: none;}
    .business_list.type02 .b_con{width: 100%;margin-bottom: 10px;}
    
    .pro_info03 table{display:block;}
    .pro_info03 table tbody{display:block;}
    .pro_info03 table tbody tr{display:block;}
    .pro_info03 table tbody th, .pro_info03 table td{display:block;width:100%;height: auto;min-height: 35px;overflow:hidden;text-align:left;padding: 10px;}
    .pro_info03 table tbody th br{display: none;}
    
    /* 재난위험정보 */
    .safety_box::before {display: none;}
    .safety_box {flex-direction: column;}
    .safety_in {width: 100%;}
    .safety_in:first-child {margin-bottom: 40px;}
    .safety_in>ul>li>div>ul>li:before {margin-left: 47%;}
    .safety_in>ul>li>div>ul:last-child>li:last-child:before {margin-bottom: 18px;}
    
    /* 시험정보 */
    .e_info_box>ul, .equip_box .e_box {flex-direction: column;}
    .equip_box .e_box .e_box_txt {width: 100%; margin-top: 15px;}
    .equip_box .e_box .e_box_img{width: 100%;height: 380px;}
    .equip_box .e_box .e_box_img img{width: 100%;height: 380px;}

    /* 기업정보 */
    .album_wrap li .cont .text {height: 42px;}
    .view_wrap .tit_area.type2{display: flex;align-items: center;}
    .view_wrap .tit_area .btn_nomal.apply{position: static;}
    .view_wrap .tit_area p{width: 100%;}
    .view_wrap .tit_area.type2{padding: 25px 0;}
    .view_wrap .tit_area.type3{display: block;}
    .view_wrap .tit_area.type3 p{margin-bottom: 15px;}
    
    /* 디지털트윈요소 */
    .certi_area {padding: 3rem}
    .certi_area li{flex: 0 0 calc(43% - 0.5rem);}

    /* 회원서비스 */
    .lock_area{width: 80%}
    .member_box{width: 100%;padding: 65px 0;}
    .member_box .box {width: 100%; margin-bottom: 20px;}
    
    /* 마이페이지 */
	.search_area.style03 > ul{display:block;}
	.search_area.style03 > ul > li{margin: 3px 0;}
	.search_area.style03 > ul > li:nth-child(2){margin-left:0;}
	.search_area.style03 .btn.sch{width: auto;height: 30px;padding: 0 8px;font-size: 14px;}
}
@media screen and (max-width: 640px){/* mobile version */
	/* 공통 */
	.cont_box{margin-bottom: 40px;}
    .lavel_best{top: 20px;left:20px!important;right:auto!important;}
    .chart_box{padding: 30px 0 0 0;}
    .chart_box #chartdiv{width: 100%;height: 400px!important;}
    .title_guide{display: block;padding:20px;}
    .title_guide p{width: 100%;margin-bottom: 10px;}
    .box_info{padding: 20px;}
    
    /* container  */
    .tit_wrap{margin-bottom: 20px;}
    .tit_wrap .tit_area h3 {font-size: 18px;}
    .tit_wrap .tit_area .tip .tip_area{top: 25px!important;left: 70%!important;width:280px;transform: translateX(-30%);font-size: 1rem;}
    .tip_area::after{display: none;}
    .tit_wrap button.info{width: 20px;height: 20px;margin: 0 0 0 5px;background-size: 3px;}
    .search_area.style03{padding: 20px;}
    .search_area.style03 > ul{width: 100%:}
    .search_area.style03 > ul > li{justify-content: flex-start;}
    
    /* 신청서작성 */
    .inner_tbl.p_list .tit_b{font-size: 16px;}
    .tbl_view_wrap .tbl_txt {line-height:1.4;}
	.tbl_view_wrap .form_number select,
	.tbl_view_wrap .form_number input {width:30%;}

	.tbl_cell_group {display:flex;flex-direction:column;}
	.tbl_cell_group dt {display:flex;width:100% !important;padding:0 15px;height:45px;align-items:center;}
	.tbl_cell_group dd {display:flex;width:100% !important;height:auto;min-height:44px;padding:5px 0;align-items:center;}
	.tbl_cell_group .input_w100 {width:100%;}
	.tbl_cell_group .form_address .find_post input {width:50%;}
    .tbl_view_wrap > ul > li:first-of-type .tbl_cell_group dt {border-top:0;}
    .tbl_view_wrap > ul > li:first-of-type .tbl_cell_group dd {border-top:1px solid #e5e5e5;}

	.inner_tbl thead th {font-size:14px;}
	.inner_tbl tbody td {font-size:14px;}

	.tbl_view_s .tbl_cell_group dd {border-left:none;}

    /* 기관소개 */
    .cont_tbl01 table, .search_wrap table {display: block;}
    .cont_tbl01 table tbody, .search_wrap table tbody {display: block;}
    .cont_tbl01 table tbody tr, .search_wrap table tbody tr {display: block;}
    .cont_tbl01 table tbody th, .cont_tbl01 table td,
    .search_wrap table tbody th, .search_wrap table td {display: block; width: 100%; height: auto; overflow: hidden; text-align: left; padding: 10px;}
    .intro_box02 .func_box>ul>li {width: 100%;}
    .intro_box02 .func_box>ul>li:nth-child(3), .intro_box02 .func_box>ul>li:nth-child(4) {margin-bottom: 45px;}
    .intro_box02 .func_box>ul>li>ul {min-height: auto;}
    .intro_box03 .result_box {padding: 30px 20px;}
    .intro_box03 .result_in {padding-left: 0px;}
    .intro_box03 .result_in::before {display: none;}
    .office_box01 ul li {width: 48%;}
    .office_box01 ul li img {width: 100%;}
    .product_area .product_list li {width: 49%; margin-right: 0;}
    
    /* 진흥시설소개 */
    .facility_box .tbl_info tr td .f_txt_box .fac_box03 {width: 100%;}
    .facility_box .tbl_info tr td .f_img_box {flex-direction: column; align-items: center;}
    .facility_box .tbl_info tr td .f_img_box>div p {margin-top: 0; margin-bottom: 10px;}
    .facility_box .facility_img{padding: 30px 20px;}
    .facility_box .tbl_info tr td .f_txt_box .fac_box01>ul{display:block;width:100%;}
    .facility_box .tbl_info tr td .f_txt_box .fac_box01>ul>li>ul{min-height: 70px;}
    .facility_box .tbl_info tr td .f_txt_box .fac_box01>ul>li{width:100%;margin-bottom: 5px;}
    .facility_box .tbl_info tr td .f_txt_box .fac_box03 span{min-height: 70px;padding: 0 10px;}
    .business_box .business_list{display:block;}
    .business_box .business_list li{width: auto;height: 30px;padding: 20px 0;border: 1px #0045c9 solid;border-radius: 7px;margin-bottom: 5px;}
    .business_box .business_list li br{display: none;}
    .f_img_box{display: block;}

    /* 기업정보 */
    .album_wrap li {width: 100%;}
    .product_list .listBox li, .product_list.w_s .listBox li {width: 100%;}
    .product_list .listBox li a .cont {height: 60px;}
    .product_list .listBox02 li .img_box {width: 100%; height: 230px;border-radius: 10px;}
    .view_wrap .top_area{display: block;padding: 20px;}
    .view_wrap .top_area .img_con {float: none; margin: 0 auto;}
    .view_wrap .top_area.product .img_con {width: 100%; height: 270px;}
    .view_wrap .top_area .pro_info, .view_wrap .top_area.product .pro_info {display: inline-block; margin-top: 15px; padding-left: 0;}
    .view_wrap .top_area.product .btn_nomal.apply {height: 50px; margin-top: 15px;}
    .view_wrap .view_con .text{padding: 20px;border-radius: 10px;}
    #comp_gubun{width: 100%;}
    .album_wrap02 li{width: calc(100% - 1rem);}
    .album_wrap03 li{width: calc(100% - 1rem);}
    
    /*재난위험정보*/
    .album_wrap ul li a{padding: 20px;}
    
    .view_wrap .tit_area{display: block;padding: 20px 0;}
    .view_wrap .tit_area p{font-size: 17px;}
    .view_wrap .top_area .home_link::before, .view_wrap .top_area .home_link{width: 50px;height: 50px;}
    .view_wrap .top_area.product .pro_info .tit_pro{min-width: 100px;padding: 0 0 0 20px;}
    .view_wrap .top_area.product .pro_info li .tit_pro02{width: auto;}
    .view_wrap .tit_area.type2{padding: 20px 0;}
    .view_wrap .tit_area.type3{padding: 20px 0;}
    
    .product_list .listBox02 > li{padding: 25px 0;}
    .product_list .listBox li a{padding: 30px 20px;}
    .product_list .listBox li a .cont span{height: 37px;}
    .pro_info li{padding: 3px 0;}
    .pro_info li .tit_pro{min-width: 90px;}
    .pro_info li .tit_pro::before{top:6px;}
    
    /* 침수안전지도서비스 */
    .map_area .box .box_in {padding: 15px;}
    .map_area .box.style01 {width: 96%; right: 0; top: 10px; margin: 0 2%;}
    .map_area .box.style02 {width: 100%;}
    .map_area .box .weather_area{margin-bottom: 10px;}
    .btn_local_list .btn_local{width: calc(100%/4);}
    
    /* 시험정보 */
    .equip_tit {padding: 20px;}
    .equip_tit p:before {display: none;}
    .equip_tit p {padding-left: 0;}
    .equip_tab ul{width: 100%;}
    .equip_tab ul li a{padding: 30px 0px;}
    .e_info_box>ul>li {padding: 30px 20px;}
    .equip_box .e_box .e_box_img{height: 280px;}
    .equip_box .e_box .e_box_img img{height: 280px;}
    .equip_box .e_box .e_box_txt .e_tit p{font-size: 1.4rem;}
    .equip_tit.icon02{display: block;padding: 20px;}
    .equip_tit.icon02 p{margin-bottom: 10px;}
    
    /* 기업지원 */
    .album_wrap02 li{margin-bottom: 20px;}
    .album_wrap02 li .img_con{margin-bottom: 15px;}
    
    .album_wrap04 > ul > li{display: block;}
    .album_wrap04 .tit_area{margin-top: 20px;}
    
    .view_wrap .top_area .home_link{top: 15px;right: 15px;}
    .view_wrap .top_area .home_link::before, .view_wrap .top_area .home_link{width: 40px;height: 40px;}
    
    /* 원격접속신청 */
    .calender_legend{height: 140px;padding: 20px;}
    .calender_legend p{margin: 2px 0;padding-left: 25px;}
    .calender_legend p::before{width: 15px;height: 13px;}
    .calender_legend a{top: auto;bottom: 15px;left: 20px;right: auto;}
    .fc .fc-toolbar-title {font-size: 1.5rem;}
    
    /* 인증정보 */
    .product_list .listBox02 li .cont {display: inline-block; padding-left: 0;}
    
    /* 디지털트윈 */
    .btn_wrap.align_c .btn_nomal.large {width: 100%; margin-left: 0; margin-bottom: 15px;}
    .digital_info .info01 .img a{background: url('../../images/front/sub/img_digitaltwin.jpg') no-repeat center center;}
    .digital_info .graph_wrap .graph_area .graph canvas{height: 220px!important;}
    .movie_area .img_thumbnail::before{width: 90px;height: 90px;background-size: cover;}
    .box_info.bg1{padding: 20px;}
    .digitaltwin_area .text{padding: 20px;}
    .certi_area li{flex: 0 0 calc(100%);}
    .rnd_img.box{margin-top: 0;}
    .rnd_img.box > ul > li > div{padding: 0;border: none; border-radius: 0;}
    .rnd_img.box .tit_area{position: static;min-width: 100%;height: 40px;top: 0;transform: none;margin-bottom: 10px;line-height: 40px;}
    .rnd_img.box .tit_area .tit{font-size: 14px;}
    .rnd_img.box .tit_area .tit_s{font-size: 12px;}
    .rnd_img.box img{height: auto;}
    
    /* 시험및장비예약 */
    .business_list.type02 .btn.primary.line1{height: 40px;font-size: 14px;line-height: 40px;}
    .business_list.type02 dd{left: 110px;margin-right: 0;}
    .business_list.type02 dd:nth-child(4){top:26px;}
    .business_list.type02 dd:nth-child(6){top:50px;}

	/* 회원서비스 */
    .member_box{width:100%;padding:20px 0;margin:0;}
    .member_box .box{width:98%;min-height:auto;padding: 30px;}
    .mem_tit_area .mem_tit{font-size:20px;margin-bottom:2px;}
    .member_box .btn_wrap .btn{height: 38px;font-size:14px;line-height: 38px;}
    .member_box .member_box_in .box{float: none;max-width:100%;height: 350px;margin-bottom: 10px}
    .member_box .member_box_in .box .tit{font-size: 20px;}
    .member_box .member_box_in .box .btn_join{height: 35px;line-height: 35px;}
    .member_box.completion .mem_tit{padding-top: 65px;}
    .member_box.completion .mem_tit:before{width:60px;background-size:100%;margin-left:-30px;}
    .mem_tbl{width: 100%}
    .step_area h4{font-size:18px;margin-bottom:10px;}
    .step_area .step_list span{display:none;}
    .mem_tbl .tbl_cell_group .input_w40{width: 100%;}
    .mem_tbl .tbl_cell_group .form_number select, .mem_tbl .tbl_cell_group .form_number input{width: 30%;}
    .step_list li p{font-size: 13px;}
    .step_area li:before{top: 13px;}
	.step_area li .num{width: 30px;}
	.step_area li .num:before{width: 30px;height: 30px;}
	.step_area li .num span{font-size: 14px;padding-top: 5px;}
	.step_area li p.tit_num{top: 5px;left: 40px;}
	.member_join{display: block;}
	.member_join .box{min-height: auto;margin-bottom: 10px;padding: 30px;}
	.member_join .box::after{display: none;}
	.member_join .box::before{display: none;}
	.member_join .box .tit_area{padding: 0 0 15px 0;}
	.agree_area .box_info{padding: 20px;border-radius: 10px;}
	
    /*로그인 */
    .login_wrap{padding: 10px 20px;}
	.login_area .login_tit h3{font-size:24px;margin-bottom:15px;margin-top:20px;}
	.login_area .login_tit span br{display: none;}
	.login_box input.login_id, .login_box input.login_pw{height:40px!important}
    .checks input[type="checkbox"] + label{font-size:14px!important;}
    .login_box .btn_login{height:55px;font-size:18px;}
    .login_box .login_btn02 .btn_login02{height:55px;font-size: 16px;}
    .login_btn_area{margin-bottom:30px;}
    .terms_contents{padding: 10px;}
    .agree_con{padding:20px;}
    .agree_con .radio input[type="checkbox"]{top:0;}
    .agree_top li ol{width: 100%;}
    .agree_box.info_con h5{font-size: 14px;margin-bottom:10px;}
    .terms_contents .agree_area .tit02{font-size: 16px;}
    
    /*사이트맵 */
    .sitemap_area > .nav_list > li{width: 46%;}
    .sitemap_area > .nav_list > li .depth1{padding: 3px 0;font-size: 16px;}
    .sitemap_area .nav_list .depth2 li a{padding: 5px;}
    .sitemap_area .nav_list .depth2 li a:before{top: 12px;}
    
    /* 팝업 */
    .pop_header header{padding: 20px;}
    .pop_header header a.pop_close {width: 20px;height: 20px;top: 20px;right: 20px;background-size: cover;}
    .pop_container{padding: 0 20px 20px 20px;}
    .pop_container .pop_content_area .pop_content .tbl_cell_group th{height: 43px;padding: 13px 15px 10px 15px;}
    .pop_container .pop_content_area .pop_content .tbl_cell_group .ind:after{font-size:15px;}
    .main_layer{top: 70px!important;left: 10px!important;width: 95%!important;height: auto!important;}
    .main_layer .pop_header_layer{margin-bottom: 20px;}
    .main_layer .pop_container.pop_color{padding: 0 20px 20px 20px;}
    
    /* 제품정보 */
    .product_wrap li{width: 350px!important;margin: 0 auto!important;}
    .product_wrap li a{width: 350px;}
    .product_wrap li .cont .text{height: 40px;}
    .product_wrap .slide_control {width: 85%;top: 110px;}
    .product_wrap .slide_control a{width: 45px;height: 45px;}
    
    /* 가이드 */
    .guide_wrap .guide_con .title_area .num{width: 25px;height: 25px;font-size: 13px;line-height: 25px;}
    .guide_wrap .guide_con .title_area .tit{font-size: 16px}
    .guide_wrap .guide_con .text li{margin-left: 30px;}
    .guide_wrap .guide_con .box{padding: 20px 10px;}
}