@charset "utf-8";

.clfix:after {content: ""; display: block; height: 0px; clear: both; visibility: hidden;}

ins{text-decoration: none;}

.no-bg{background: none !important;padding-left: 0 !important;}

.txt-lf{text-align: left !important;}
.txt-ct{text-align: center !important;}
.txt-rt{text-align: right !important;}

.bdt01{border-top: 1px solid #cccccc !important;}
.bdb01{border-bottom: 1px solid #cccccc;}

.h6-tit{font-size:inherit;font-weight: 600;margin: 10px 0 5px;margin-left: 30px;}

.sub_visul{width: 100%; height: 172px; text-align: center;background-size: cover; overflow: hidden;}
.sub_visul h2{font-size: 33px; color: #7f6e3f; vertical-align: middle; font-weight: 500; padding-top: 40px;}
.sub_visul01{background: url(../images/new_common/sv_bg.jpg) no-repeat center top;}
.sub_visul02{background: url(../images/new_common/sv_bg02.jpg) no-repeat center top;}
.sub_visul03{background: url(../images/new_common/sv_bg03.jpg) no-repeat center top;}
.sub_visul04{background: url(../images/new_common/sv_bg04.jpg) no-repeat center top;}
.sub_visul05{background: url(../images/new_common/sv_bg05.jpg) no-repeat center top;}
.sub_visul06{background: url(../images/new_common/sv_bg06.jpg) no-repeat center top;}
.all_sub_cont{width: 1200px; margin: 0 auto;}
.sub_navi{position: relative; height: 43px; line-height: 43px; border-bottom: 1px solid #e9e9e9; margin-top: -44px; background: #fff;}
.sub_navi > a{float: left;}
.sub_navi > a{display: block; font-size: 15px; color: #666;  background: url(../images/new_common/sn_bg.png) no-repeat right center; padding-right: 20px; margin-left: 10px;}
.sub_navi > a:first-child{display: block; padding-right: 0; margin-right: 5px; margin-left: 0; width: 50px; height: 43px; line-height: 43px; text-align: center; background: #666666;}
.sub_navi > a.last{background: none; padding-right: 0; color: #0371aa;}
.sub_navi > a img.mor_home{display: none;}
.sub_navi > ul{position: absolute; right: 0; top: -2px;}
.sub_navi > ul > li{float: left; border-right: 1px solid #d2d2d2;}
.sub_navi > ul > li:last-child{border-right: 0;}

.sub_all_bg{background: url(../images/new_common/sub_all_bg.gif) repeat-y center top;}
.left_all{float: left; width: 243px; padding: 0 1px;}
/* .scontens{float: left; width: 895px; padding: 30px 30px 50px 30px;} */
.left_tit{display: table; text-align: center; background: url(../images/new_common/left_tit.gif) no-repeat; width: 100%; height: 115px;}
.left_tit h2{font-size: 28px; color: #fff; display: table-cell; vertical-align: middle; font-weight: 500;}
.left_menu{margin-top: 1px;margin-bottom:30px}
.left_menu > li{border-bottom: 1px solid #e8e8e8;}
.left_menu > li > a{padding: 0 10px; display: block; height: 50px; line-height: 50px; font-size: 17px; color: #323232; height: 100%; vertical-align: middle;}
.left_menu > li > a > span{display: block; background: url(../images/new_common/lf_off.png) no-repeat right center;}
.left_menu > li > a.on{background: #55a8dd; color: #fff;}
.left_menu > li > a.on > span{background: url(../images/new_common/lf_on.png) no-repeat right center;}
.left_menu .lf_dp2{display: none; background: #eee; padding: 7px 10px;}
.left_menu .lf_dp2 > li > a{display: block; padding: 2px 0; font-size: 14px; color: #323232; line-height: 20px; background: url(../images/new_common/sub_dp.gif) no-repeat left 11px; padding-left: 12px;}
.left_menu .lf_dp2 > li > a:hover{color: #297db0;}

.snv_tit{display:none;background: url(../images/new_common/stit_line.gif) repeat-x left bottom; padding-bottom: 20px; margin-bottom: 30px;}
.snv_tit h3{font-size: 28px; color: #000; font-weight: 500;}

/*서브내용부분 시작*/
.blue_box{padding: 30px;background-color: var(--bg-gray);border-radius: 15px;border: 1px solid var(--line);box-sizing: border-box;margin-bottom: 35px;}
.blue_box *{font-size:inherit !important;}
.blue_box > p{color: #333; line-height: 24px;}
.blue_box > p.sub-p{font-weight: 200;color: #666;}
.blue_box > p .float-txt{float: left;display: block;margin-top: 5px;}
.blue_box img{max-width: 100%;}
/*서브내용부분 끝*/

/*테이블 시작*/
.table_list_bg{border-top: 1px solid #111; margin-top: 15px;overflow-x: auto;}
.table_list_bg.v2{overflow-x: hidden;}
.table_list_bg-wid01{max-width: 500px;}
.table_list.wid400{min-width: 400px;}
.table_list th{padding: 12px 10px; background: #f7f7f7; font-weight: 500; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;}
.table_list th:last-child{border-right: none;}
.table_list td{text-align: center; padding: 15px 10px; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;}
.table_list td.bdr{border-right: 1px solid #e1e1e1;}
.table_list td.txt_lf{text-align: left;}
/*테이블 끝*/

/*추가정보 시작*/
.information_box{margin-top: 35px;padding: 7px !important;background-image: url(../images/new_common/box_patt.png);margin-bottom: 25px;}
.information_box > ul{
    background-color: var(--white);
}
.information_box > ul > li{display: flex;flex-direction: column;justify-content: center;align-items: baseline;gap: 10px;min-height: 180px;padding: 30px 30px 30px 190px !important;background-color: var(--white);background-position: left 30px top 30px /*left 30px center*/ !important;background-repeat: no-repeat;box-sizing: border-box;color: var(--black-1);font-size: 24px;font-weight: 500;}
.information_box > ul > li:first-child{margin-top: 0;}
.information_box > ul > li.contact{background: url(../images/new_common/info_bg1.png) no-repeat left 9px;padding-top:10px;}
.information_box > ul > li.site{background: url(../images/new_common/bicon2.gif) no-repeat left 2px;}
.information_box > ul > li.base{background: url(../images/new_common/bicon3.gif) no-repeat left 4px;}
.information_box > ul > li.format{background: url(../images/new_common/bicon4.gif) no-repeat left 2px;}
.information_box > ul > li > ul > li{/* margin-top: 2px; */position: relative;padding-left: 7px;line-height: 1.4;font-size: 20px;font-weight: 400;}
.information_box > ul > li > ul > li::before {position: absolute;top: 12px;display: inline-block; vertical-align: middle; width:2px; height:2px; margin-left:-7px; margin-right:5px; margin-bottom:3px; background-color:var(--black-3); content:'';}
.information_box > ul > li > ul > li + li {margin-top: 5px;}

.information_box > ul > li > ul > li > a > span.blank{display: inline-block; text-align: center; margin: 0 5px; padding: 0 10px; height: 18px; line-height: 18px; background: #fff; font-size: 13px; font-weight: 500; color: #124bc6;}
.information_box > ul > li > ul > li > a.down{display: inline-block; text-align: center; margin: 0 5px; padding: 0 10px; height: 18px; line-height: 18px; background: #fff; font-size: 13px; font-weight: 500; color: #124bc6;}
/*추가정보 끝*/

/*텍스트스타일 시작*/
h4.tits{background: url('../images/new_common/tit_ico.png') left 7px no-repeat;padding: 0 0 0 19px;margin: 40px 0 10px;padding-left: 30px;font-size: 1.5rem;font-weight: 500;color: var(--dark-brown);line-height: 1.2;}
h4.tits-fll{display: block;float: left;margin-right: 15px;margin-top: -6px !important;}
h4.tits .tit-down-txt{margin-right: 15px;float: left;}
h4.tits span{display:inline-block;font-size:1.3rem;color: var(--blue);}
h4.tits.and-btn {background-position: left 12px;}

h4.tits + .txt_style{margin-left:30px;}
.txt_style > li{margin-top: 15px;/* background: url(../images/new_common/ico_subTitle.png) no-repeat left 7px; */padding-left: 15px;position: relative;}
.txt_style > li::before{position: absolute;top: 6px;left: 15px;display: inline-block;vertical-align: middle;width: 10px;height: 10px;margin-left: -15px;margin-right: 5px;margin-bottom: 3px;border: 3px solid var(--yellow);border-radius: 50%;content: '';box-sizing: border-box;}

.txt_style > li.no_bg{background: none;}
.txt_style > li > span{font-weight: 400; color: #666;}
.txt_style > li > span > i{font-style: normal;color: #ff3737;}
.txt_style > li > span.btn-txt{margin-right: 15px;float: left;color: #222;}
.txt_style > li > span.btn-txt2{margin-right: 15px;float: left;color: #222;}
.txt_style > li > span.btn-txt2 > i{font-style: normal;font-weight: 400;color: #666;}
.txt_style > li > ul > li{margin-top: 5px;background: url(../images/new_common/sub2-list2.gif) no-repeat left 8px;padding-left: 10px;}
.txt_style > li > ul > li.no_bg{margin-top: 10px;padding-left: 0; color: #444; font-weight: 400; background: none;}
.txt_style > li > ul > li.no_bg > span{color: #777; font-weight: 400;}
.txt_style > li > ul > li.no_bg2{padding-left: 0px;margin-top: 10px; font-size: 15px; font-weight: 400; color: #777;background: none;}
.txt_style > li > ul > li.num{padding-left: 0; color: #444; font-weight: 400; background: none;}
.txt_style > li > ul > li.red_txt{margin-top: 5px; padding-left: 0; font-size: 14px; color: #ff3737; font-weight: 300; background: none;}
.txt_style > li > ul > li > ul > li{margin-top: 3px; font-size: 15px; font-weight: 300; color: #777; background: url(../images/new_common/txt_dp3.gif) no-repeat left 9px; padding-left: 8px;}
.txt_style > li > ul > li > ul > li > ul{margin-bottom:5px}
.txt_style > li > ul > li > ul > li > ul > li{margin-top: 3px; font-size: 14px; font-weight: 300; color: #777; background: url(../images/new_common/system_bg05.gif) no-repeat left 9px; padding-left: 8px;}

.snv_tit  +  .tits{margin-top:0}
.txtline-btn{display: inline-block; margin-left: 30px;}
.txtline-btn > a{display: inline-block; height: 35px; line-height: 35px; padding: 0 20px; font-size: 17px; font-weight: 500; color: #fff; background: #5286b8;}
.txtline-btn > a span{display: inline-block; background: url(../images/new_common/txt_btn.png) no-repeat right center; padding-right: 45px;}
.txtline-btn2{display: inline-block;float: right;margin-right: 50px;}
.txtline-btn2 > a{display: inline-block; height: 35px; line-height: 35px; padding: 0 20px; font-size: 17px; font-weight: 500; color: #fff; background: #5286b8;}
.txtline-btn3{display: inline-block; margin-left: 30px;}
.txtline-btn3 > a{display: inline-block; height: 35px; line-height: 35px; padding: 0 20px; font-size: 16px;font-weight: 300; color: #fff; background: #6d8295;}
.txtline-btn6{float: left;margin-top: -4px;}
.txtline-btn6 > a{display: inline-block; height: 35px; line-height: 35px; padding: 0 20px; font-size: 17px; font-weight: 500; color: #fff; background: #5286b8;}
.txtline-btn6 > a span{display: inline-block; background: url(../images/new_common/txt_btn.png) no-repeat right center; padding-right: 45px;}
.txtline-btn7{display: inline-block;float: right;}
.txtline-btn7 > a{display: inline-block; height: 35px; line-height: 35px; padding: 0 20px; font-size: 16px;font-weight: 300; color: #fff; background: #6d8295;}

.new-w{display: inline-block;text-align: center;margin: 0 5px;padding: 0 10px;height: 18px;line-height: 18px;background: #b9ddf6;font-size: 13px;font-weight: 500;color: #41648a;}
.txt_style > li > ol{padding-left: 20px;margin-left: 10px;}
.txt_style > li > ol > li{margin-top: 5px;list-style: decimal;}
.txt_style > li > ol > li > ul > li{margin-top: 5px;font-size: 15px;font-weight: 400;color: #777;background: url(../images/new_common/txt_dp2.gif) no-repeat left 11px;padding-left: 10px;}
.txt_style > li > ol > li > ul.ul-txt2 > li{margin-top: 3px;font-size: 15px;font-weight: 300;color: #777;background: url(../images/new_common/txt_dp3.gif) no-repeat left 9px;padding-left: 8px;}
.txt_style > li > ol > li > ul.ul-txt2 > li.no_bg{padding-left: 0px;background: none;}
.txt_style > li > ul > li > ol{padding-left: 15px;}
.txt_style > li > ul > li > ol > li{margin-top: 5px;font-size: 15px;font-weight: 400;color: #777;list-style: decimal;}

.txt_style .step-shape04{padding-top:0}
.txt_style .step-shape04 li{background: url(../images/new_common/practice_step_bg02.gif) no-repeat right center;}


/*텍스트스타일 끝*/

.mor100 table td {height: unset !important;}
.mor100 div img{max-width: 100% !important;}

/*설문조사박스 시작*/
.survey_box{margin-top: 60px; border: 1px solid #ccc;}
.survey_top{padding: 10px 10px;}
.survey_top > p.lf{float: left;}
.survey_top > p.rt{float: right;}
.survey_top > p{font-size: 13px; color: #666; letter-spacing:-0.1px;}
.survey_top > p span{display: inline-block; margin-right: 10px;}
.survey_top > p span:last-child{margin-right: 0;}
.survey_all{background: #ececec; padding: 10px 10px;}
.survey_radios{margin-bottom: 5px;}
.survey_radios > p{font-size: 14px; color: #7e7e7e;}
.survey_radios_ny{position: relative;}
.survey_radios_ny > a{position: absolute; right: 0; top: -32px; display: block; width: 66px; height: 48px; line-height: 18px; background: #3168a6; text-align: center; font-size: 15px; color: #fff; padding-top: 9px;}
.bradio_all{margin-top: 10px; line-height: 22px; width: calc(100% - 75px);}
.bradio_all > span{display: inline-block; margin-right: 12px; font-size: 13px; color: #666;vertical-align: top;padding-top: 6px;}
.bradio_all > span label{margin-left:5px;}
.survey_inps{margin-top: 10px;width: calc(100% + 100px);}
.survey_inps > p.tits{float: left;color: #666;line-height: 30px;margin-right: 10px;}
.survey_inps > p.btns{float: right;}
.survey_inps > p.btns > a{display: block;width: 111px;height: 28px;line-height: 28px;text-align: center;border: 1px solid #9d9d9d;background: #fff;color: #333;border-radius: 5px;}
.survey_inps > p.inps{float: left;width: calc(100% - 203px);}
.survey_inps > p.inps input{width: 100%; height: 30px; border: none; background: #fff;vertical-align: top;}
.starRev input{display:none;}
.starR{background: url('../images/new_common/common/ico_review.png') no-repeat right 0;background-size: auto 100%;width: 30px;height: 30px;display: inline-block;text-indent: -9999px;cursor: pointer;border:0}
.starR.on{background-position:0 0;}
/*설문조사박스 끝*/

/*20181206*/
.sub_navi > ul {top:0}
.sub_navi > ul img{vertical-align:top}

/*.scontens{position:relative; padding: 44px 30px 50px 30px;}
.sub_navi{position:absolute;width:100%;top:0;left:0;margin-top:0}

@media screen and (max-width: 1024px){
	.scontens{padding-top:0}
	.sub_navi{position:relative;width:100%;top:0;left:0;margin-top:0}

}*/

/* sub1 */
.pos-rel{display: inline-block;position: relative;}

/*탭 양식 시작
.tab-style{border-bottom: 2px solid #5e7ad2;}
.tab-style > li{display: table;float: left;margin-left: 2px;}
.tab-style > li:first-child{margin-left: 0px;}
.tab-style > li > a{display: table-cell;text-align: center;padding: 0 3px;height:40px;vertical-align: middle;font-weight: 500;font-size: 16px;line-height: 18px;color: #666666;background: #eeeeef;}
.tab-style > li > a:hover{color: #55a8dd;}
.tab-style > li.on > a{color: #ffffff;background: #3168a6;}
*/
.tab-style2 > li{width: calc((100% - 8px) / 5);}
.tab-style3 > li{width: calc((100% - 8px) / 5);}
.tab-style4 > li{width: calc((100% - 8px) / 5);}
/*탭 양식 끝*/

/*텍스트 양식 시작*/
h5.tits{font-weight: 500;font-size: 20px;line-height: 25px;color: #222222;}
h5.tits02{font-weight: 500;font-size: 24px;line-height: 28px;color: #333333;}
h5.tits02 span{font-weight: 700;font-size: 28px;color: #5286b8;}
.ul-txt > li{background: url(../images/new_common/txt_dp3.gif) no-repeat left 11px;padding-left: 10px;text-align: left;}
.ul-txt > li > ul{margin:5px 0}
.ul-txt > li > ul > li {font-size: 14px;font-weight: 300;color: #666;background: url(../images/new_common/system_bg05.gif) no-repeat left 9px;padding-left: 8px;}
.p-txt{line-height: 22px;color: #666666;font-size: 21px;}
.p-txt02{margin-top: 20px;color: #666666;}
.p-txt02 span{color: var(--blue);}
.p-txt-red{margin-top: 10px;padding-left: 15px;/* font-size: 14px; */line-height: 18px;color: #c93f3f;background: url(../images/new_common/red_txt_bg.gif) no-repeat left 3px;}
.p-txt03{line-height: 21px;color: #333333;}
.p-txt04{font-size: 16px;line-height: 25px;color: #666666;}
.p-txt05{padding-left: 10px;font-weight: 400;font-size: 15px;line-height: 19px;color: #222;background: url(../images/new_common/txt_dp1.gif) no-repeat left 7px;}
.p-txt05 span{color: #d39811;}
.p-txt06{float: right;padding-left: 16px;font-size: 15px;line-height: 19px;color: #333333;background: url(../images/new_common/p_txt_bg06.gif) no-repeat left 4px;}
.p-txt06 .link-txt{color: var(--blue);}
ol.ol-txt{padding-left: 20px;margin-left: 30px;}
ol.ol-txt > li{margin-top: 5px;list-style: decimal;}
ol.ol-txt > li > ul > li{margin-top: 5px;background: url('../images/new_common/sub2-list2.gif') no-repeat 0px 11px;padding-left: 10px;}
ol.ol-txt li .txtline-btn4{float: none;}
ol.ol-txt li .btn-txt{display:inline-block;margin-left:12px;}
ol.ol-txt2{padding-left: 15px;}
ol.ol-txt2 > li{margin-top: 5px;/* font-size: 15px; *//* font-weight: 300; *//* color: #666; */list-style: decimal;text-align: left;}
.a-txt{display: block;margin-top: 15px;font-size: 16px;line-height: 22px;color: var(--blue);}
.a-txt:hover{text-decoration: underline;}
.a-txt2{margin-top: 15px;font-size: 16px;line-height: 22px;color: var(--blue);}
.a-txt2:hover{text-decoration: underline;}
.t-blue{color: var(--blue) !important;}
.note{padding:3px 0 0 18px;color: var(--blue);text-indent:-18px;}
.img-box{text-align: center;margin: 20px 0;}
.img-box img{max-width: 100%;}
.img-box2{margin-top:20px; text-align:left}
.img-box2 img{width:auto;max-width:100%}
.img-box3 img{width:auto;max-width:60%}
.img-box4 img{display:block;width:auto;max-width:50%;border: 1px solid #e3e3e3;box-shadow: 9px 9px 2px #d2d0d0;}
.img-box5 {display:flex;gap: 10px;margin-left: 30px;margin-top: 20px;}
.img-box5 > *{flex: 0 1 20%;}
.img-box-center {margin: 25px 0 30px; text-align: center;}

.table01.table02 ol.ol-txt,
.table01.table02 ol.ol-txt2{margin-left:5px;}


.disp1{display:inline-block;font-style:normal}/* 1024 이하 inline */
.disp2{display:block;font-style:normal}/* 1024 이하 inline */

/*텍스트 양식 끝*/


/*테이블 양식 시작*/
.table_list_bg.ofh{overflow-x: hidden;}
.table_list_bg.ofh-auto{overflow-x: hidden;}
.table-out{border-top: 1px solid #cccccc;margin-top: 15px;}
.table-out02{border-top: 2px solid #767676;border-bottom: 2px solid #767676;margin-top: 50px;}
.table-out03{width: calc(100% - 40px);border-top: 1px solid #ebebeb;padding-bottom: 20px;margin: 0 auto;margin-top: 18px;}
.table-out04{border-top: 2px solid #869ace;margin-top: 5px;overflow-x: auto;}
.table-wid01{min-width: 450px;}
.table-wid02{min-width: 600px;}
.table-col tbody tr th{padding: 20px 10px;border-right: 1px solid #cecdcd;border-bottom: 1px solid #cecdcd;font-weight: 400;font-size: 16px;line-height: 20px;color: #353535;background: #f2f2f2;}
.table-col tbody tr th:last-child{border-right: none;}
.table-col tbody tr th.spec-th{border-right: none;background: none;}
.table-col tbody tr td{padding: 20px 10px;border-right: 1px solid #cecdcd;border-bottom: 1px solid #cecdcd;font-weight: 300;font-size: 16px;line-height: 20px;color: #353535;}
.table-col tbody tr td:last-child{border-right: none;}
.table-col tbody tr .spec-td{border-right: none;}
.table-col tbody tr td > p{padding: 5px 0;font-weight: 300;font-size: 16px;line-height: 20px;color: #353535;}
.table-col tbody tr td > p.p-style{padding-left: 18px;background: url(../images/new_common/p_style_bg.gif) no-repeat left 9px;}
.table-col tbody tr td > p.add-file{padding: 2px 0;font-weight: 300;font-size: 16px;line-height: 20px;color: #353535;}
.table-col tbody tr td a:hover{color: #1a70ba;}
.table-col tbody tr td .mb-box-top{margin-bottom: 20px;}
.appt-btn01{display: inline-block;text-align: center;width: 110px;padding: 7px 0;border: 1px solid #869ace;border-radius: 5px;font-weight: 400;font-size: 15px;line-height: 19px;color: #617bbc;}
.appt-btn02{display: inline-block;text-align: center;width: 90px;padding: 7px 0;border: 1px solid #869ace;border-radius: 5px;font-weight: 400;font-size: 15px;line-height: 19px;color: #617bbc;}
.pop-btn{display: inline-block;font-size: 0px;line-height: 0px;vertical-align: middle;}
.appointment-pop{display: none;position: absolute;z-index: 1;right: -44px;top: 37px;width: 704px;padding: 20px;border: 1px solid #c5c5c5;background: #e9f3ff;}
.a-pop-bg{position: absolute;top: -16px;right: 36px;width: 30px;height: 16px;background: url(../images/new_common/a_pop_bg.png) no-repeat center;}
.appointment-pop > ul > li{text-align: left;float: left;display: table;width: calc(50% - 20px);margin: 10px;}
.appointment-pop > ul > li > div{display: table-cell;height: 45px;vertical-align: middle;font-weight: 400;font-size: 15px;line-height: 19px;color: #757575;}
.appointment-pop > ul > li > div:first-child{width: 127px;}
.appointment-pop > ul > li > div > .appt-style{display: inline-block;text-align: center;width: 110px;padding: 7px 0;border: 1px solid #869ace;border-radius: 5px;margin-right: 15px;font-size: 15px;line-height: 19px;color: #617bbc;background: #ffffff;}

.table-col .sms{margin-left: 5px;vertical-align: middle;font-size: 16px;line-height: 20px;color: #353535;}
.table-col select{height: 32px;padding: 0 0 0 5px;margin: 3px 0;border: 1px solid #999999;font-size: 16px;line-height: 20px;color: #353535;}
.table-col textarea{width: calc(100% - 12px);height: 160px; padding: 5px;border: 1px solid #999999;}
.table-col input[type=text]{height: 30px;padding: 0 5px;margin: 3px 0;border: 1px solid #999999;font-size: 16px;line-height: 20px;color: #353535;}
.ipt-wid01{width: 150px;}
.ipt-wid02{width: calc(50% - 15px);}
.ipt-wid03{width: calc(30% - 49px);}
.slct-wid01{width: 61px;}
.post-code{margin-left: 5px;}
.sms-status{margin-left: 10px;padding-left: 15px;background: url(../images/new_common/sms_bg.gif) no-repeat left center;}
.pre-art{padding-left: 22px;background: url(../images/new_common/prev_art.gif) no-repeat left center;}
.next-art{padding-left: 22px;background: url(../images/new_common/next_art.gif) no-repeat left center;}

.table-row thead tr th{padding: 10px 5px;border-left: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;font-weight: 500;font-size: 14px;line-height: 18px;color: #333333;background: #f2f6fb;}
.table-row thead tr th:first-child{border-left: none;}
.table-row tbody tr td{text-align: center;padding: 10px 5px;border-left: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;font-weight: 300;font-size: 14px;line-height: 18px;color: #555555;}
.table-row tbody tr td:first-child{border-left: none;}
.table-row .detail-explain{font-size: 14px;line-height: 17px;padding-top: 7px;}
.table-row .blue-pt{font-weight: 700;font-size: 24px;color: #3575c5;}
.table-row .yellow-pt{font-weight: 700;font-size: 24px;color: #cb7c1f;}
.table-row .red-pt{font-weight: 700;font-size: 24px;line-height: 30px;color: #e35151;}
.table-row .blue-level{font-weight: 500;font-size: 15px;line-height: 19px;color: #3575c5;}
.table-row .yellow-level{font-weight: 500;font-size: 15px;line-height: 19px;color: #cb7c1f;}
.table-row .red-level{font-weight: 500;font-size: 15px;line-height: 19px;color: #e35151;}
.table-row .point-explain{padding: 10px 20px;}

.table01 .blue-pt{font-weight: 700;font-size: 24px;color: #3575c5;}
.table01 .yellow-pt{font-weight: 700;font-size: 24px;color: #cb7c1f;}
.table01 .red-pt{font-weight: 700;font-size: 24px;color: #e35151;}
.table01 .blue-level{font-weight: 500;color: #3575c5;}
.table01 .yellow-level{font-weight: 500;color: #cb7c1f;}
.table01 .red-level{font-weight: 500;color: #e35151;}
.table01 .point-explain{padding: 10px 20px;}


.col01{width: 70%;}
.col02{width: 10%;}
.col03{width: 10%;}
.col04{width: 10%;}
.col05{width: 60%;}
.col06{width: 55%;}
.col07{width: 15%;}

.mor-table{min-width: 350px;}
.mor-table-wid01{min-width: 280px;}
.mor-table thead tr th{padding: 10px;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;font-weight: 500;font-size: 15px;color: #353535;background: #f4f4f4;}
.mor-table thead tr th *{font-weight: 500;font-size: 15px;color: #353535;}
.mor-table thead tr th:last-child{border-right: none;}
.mor-table tbody tr td{padding: 10px;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;text-align: center;font-weight: 300;font-size: 14px;line-height: 18px;color: #757575;vertical-align: middle;}
.mor-table tbody tr td:last-child{border-right: none;}
.mor-table tbody tr td .med-name{display: inline-block;max-width: calc(100% - 35px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}
.mor-table tbody tr td .table-subject{display: inline-block;max-width: 85%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}
.mor-table tbody tr td .adress{display: inline-block;padding-left: 25px;color: #757575;background: url(../images/new_common/address_icon.gif) no-repeat left center;}
.mor-table tbody tr td .adress:hover{color: #1a70ba;}
.mor-table tbody tr td .adress span{display: inline-block;border-bottom: 1px solid #757575;}
.mor-table tbody tr td .adress:hover span{border-bottom: 1px solid #1a70ba;}
.mor-table tbody tr td .icon{display: inline-block;margin-left: 5px;vertical-align: middle;cursor: pointer;}
.mor-table tbody tr td .edu-name{color: #757575;}
.mor-table .m-disbl{display: none;}
.mor-table .m-disin{display: none;}

.tb-col1{width: 8%;}
.tb-col2{width: 12%;}
.tb-col3{width: 25%;}
.tb-col4{width: 15%;}
.tb-col5{width: 15%;}
.tb-col6{width: 25%;}
.tb-col7{width: 18.4%;}
.tb-col8{width: 22%;}
.tb-col9{width: 14%;}
.tb-col10{width: 20%;}
.tb-col11{width: 10%;}
.tb-col12{width: 20%;}
.tb-col13{width: 42%;}
.tb-col14{width: 30%;}
.tb-col15{width: 32%;}
.tb-col16{width: 67%;}
.tb-col17{width: 25%;}

.table-in{max-width: 400px;}
.table-in thead tr th{padding: 5px;border: none;background: none;}
.table-in tbody tr td{padding: 5px;border: none;}

.table-row02 tbody tr th{padding: 10px;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;font-weight: 500;font-size: 15px;color: #353535;background: #e2f2fd;}
.table-row02 tbody tr td{padding: 10px;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;text-align: center;font-weight: 300;font-size: 14px;line-height: 18px;color: #757575;vertical-align: middle;}
.table-row02 tbody tr td ul > li{font-size: 15px;color: #666;font-weight: 300;margin: 1px 0;}
.table-row02 tbody tr td:last-child{border-right: none;}

.table-mix thead tr th{padding: 10px 10px;background: #e2f2fd;font-size: 16px;color: #333;font-weight: 500;border-bottom: 1px solid #d6d6d7;border-left: 1px solid #d6d6d7;}
.table-mix thead tr th:first-child{border-left: none;}
.table-mix tbody tr th{padding: 10px 10px;background: #e2f2fd;font-size: 16px;color: #333;font-weight: 500;border-bottom: 1px solid #d6d6d7;border-left: 1px solid #d6d6d7;}
.table-mix tbody tr th:first-child{border-left: none;}
.table-mix tbody tr td{padding: 10px 10px;font-size: 15px;color: #666;font-weight: 300;border-bottom: 1px solid #d6d6d7;border-left: 1px solid #d6d6d7;}
.table-mix tbody tr td:first-child{border-left: none;}
.table-mix tbody tr td.vt{vertical-align: top;}

.table-shape{margin-top: 15px;border-top: 1px solid var(--black-1);border-bottom: 1px solid var(--line);margin-bottom: 20px;}
.table-shape:after {content: ""; display: block; height: 0px; clear: both; visibility: hidden;}
.table-shape > ul{width: 50%;display: table;}
.table-shape > ul > li{display: table-cell;text-align: center;height: 50px;vertical-align: middle;line-height: 1.2;}
.table-shape > ul > li:first-child{width: 35%;padding: 12px 10px;color: var(--black-1);background: var(--bg-gray);font-weight: 500;}
.table-shape > ul > li:last-child{width: 65%;color: #666666;padding: 15px 10px;text-align: center;font-weight: 400;}
.table-shape .ts-left{float: left;}
.table-shape .ts-right{float: right;}

.table-shape02 > ul > li{height: 70px;}
.table-shape02 > ul > li:last-child{font-size: 15px;line-height: 19px;letter-spacing: -1px;}

.table-shape03 > ul > li{height: 110px;}
.table-shape03 > ul > li:last-child{font-size: 15px;line-height: 19px;letter-spacing: -1px;}

.table-shape2{margin-top: 15px;border-top: 1px solid var(--black-1);border-bottom: 1px solid var(--line);margin-bottom: 20px;}
.table-shape2:after {content: ""; display: block; height: 0px; clear: both; visibility: hidden;}
.table-shape2 > ul{width: 50%;display: table;}
.table-shape2 > ul > li{display: table-cell;text-align: center;height: 50px;vertical-align: middle;}
.table-shape2 > ul > li:first-child{width: 35%;padding: 12px 10px;color: var(--black-1);background: var(--bg-gray);font-weight: 500;}
.table-shape2 > ul > li:last-child{text-align: left;width: 65%;padding: 0 10px;font-weight: 300;line-height: 20px;color: #666666;}
.table-shape2 .ts-left{float: left;}
.table-shape2 .ts-right{float: right;}
.table-shape2 > ul > li .input-style{width: 60%;height: 31px;padding: 0 10px;border: 1px solid #bbbbbb;line-height: 19px;color: #666666;}
.table-shape2 > ul > li .choose-dt{display: inline-block;margin-left: 5px;}
.table-shape2 > ul > li select{width: 70%;height: 33px;border: 1px solid #bbbbbb;font-size: 15px;line-height: 19px;color: #666666;}

.table-shape3{border-bottom: 1px solid var(--line);margin-bottom: 20px;}
.table-shape3:after {content: ""; display: block; height: 0px; clear: both; visibility: hidden;}
.table-shape3 > ul{width: 100%;display: table;}
.table-shape3 > ul > li{display: table-cell;text-align: center;height: 50px;vertical-align: middle;}
.table-shape3 > ul > li:first-child{width: 17.5%;padding: 12px 10px;color: var(--black-1);background: var(--bg-gray);font-weight: 500;}
.table-shape3 > ul > li:last-child{text-align: left;width: 82.5%;padding: 0 10px;font-weight: 300;/* font-size: 16px; */line-height: 20px;color: #666666;}
.table-shape3 > ul > li .red_txt{/* font-size: 15px; */}
.table-shape3 > ul > li .cb-group{display: inline-block;}
.table-shape3 > ul > li .cb-group:last-child{margin-left: 15px;}
.table-shape3 > ul > li .cb-group label{margin-left: 5px;}

.tb-list-head .list-amount{float: left;margin-top: 11px;font-size: 18px;line-height: 22px;color: #000000;}
.tb-list-head .list-amount span{font-weight: 500;color: #ff6633;}
.tb-list-head .search-art{float: right;}
.tb-list-head .search-art select{float: left;width: 120px;height: 35px;border: 1px solid #d7d7d7;padding-left: 5px;font-size: 15px;color: #353535;}
.tb-list-head .search-art .enter-word{float: left;margin-left: -1px;border: 1px solid #d7d7d7;font-size: 15px;color: #353535;}
.tb-list-head .search-art .enter-word input{float: left;width: 180px;height: 33px;border: none;padding: 0 5px;}
.tb-list-head .search-art .enter-word a{float: left;display: block;}

.tb-list-out{border-top: 1px solid #111;margin-top: 10px;}
.tb-list-thead > li{font-size: 16px;line-height: 20px;color: #353535;background: #efefef;}
.tb-list-ul:after {content: ""; display: block; height: 0px; clear: both; visibility: hidden;}
.tb-list-ul > li{float: left;text-align: center;border-left: 1px solid #cccccc;border-bottom: 1px solid #cccccc;padding: 15px 7px;}
.tb-list-ul > li > div{font-size: 15px;line-height: 19px;color: #757575;}
.tb-list-ul > li:first-child{border-left: none;}
.tb-list-ul > li > div > .link{max-width: 90%;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 15px;line-height: 19px;color: #757575;}
.tb-list-ul > li > div > .link:hover{color: #1a70ba;}
.tb-list-ul > li.num{width: calc(8% - 14px);}
.tb-list-ul > li.subject{width: calc(35% - 15px);}
.tb-list-ul > li.stat1{width: calc(12% - 15px);}
.tb-list-ul > li.stat2{width: calc(13% - 15px);}
.tb-list-ul > li.writer{width: calc(9% - 15px);}
.tb-list-ul > li.date{width: calc(14% - 15px);}
.tb-list-ul > li.amt{width: calc(9% - 15px);}
.tb-list-ul > li.subject2{width: calc(55% - 15px);}
.tb-list-ul > li.writer2{width: calc(14% - 15px);}
.tb-list-ul > li.date2{width: calc(14% - 15px);}
.tb-list-ul > li.subject3{width: calc(26% - 15px);}
.tb-list-ul > li.subject4{width: calc(26% - 15px);}
.tb-list-ul > li.type{width: calc(10% - 15px);}
.tb-list-ul > li.fea-food{width: calc(15% - 15px);}
.tb-list-ul > li.tel-num{width: calc(15% - 15px);}
.tb-list-ul > li.address{width: calc(26% - 15px);}
.tb-list-ul > li.address > div > p{display: inline-block;padding-left: 25px;background: url(../images/new_common/address_icon.gif) no-repeat left center;}
.tb-list-ul > li.address > div > p > .ad-link{display: inline-block;border-bottom: 1px solid #757575;font-size: 14px;line-height: 19px;color: #757575;}
.tb-list-ul > li.address2{width: calc(26% - 15px);}
.tb-list-ul > li.address2 > div > p{display: inline-block;padding-left: 25px;background: url(../images/new_common/address_icon.gif) no-repeat left center;}
.tb-list-ul > li.address2 > div > p > .ad-link{display: inline-block;border-bottom: 1px solid #757575;font-size: 14px;line-height: 19px;color: #757575;}
.tb-list-ul > li.location{width: calc(25% - 15px);}
.tb-list-ul > li.subject5{width: calc(39% - 15px);}
.tb-list-ul > li.writer3{width: calc(30% - 15px);}
.tb-list-ul > li.regNo{width: calc(10% - 14px);}
.tb-list-ul > li.pbsTltNo{width: calc(10% - 14px);}
.mor-show{display: none;}
/*테이블 양식 끝*/

/*버튼 양식 시작*/
.btn-area{margin-top: 30px;}
.btn-area a{display: inline-block;padding: 0px 30px;margin: 3px;font-size: 18px;line-height: 50px;transition: all 0.2s ease-in-out;box-sizing: border-box;width: auto;}
.btn-area a.btn01{border-radius: 3px;color: #ffffff;background: #333333;}
.btn-area a.btn01:hover{background: #515050;}
.btn-area a.btn02{border-radius: 3px;color: #ffffff;padding-right: 23px;background: #333333;}
.btn-area a.btn02:hover{background: #515050;}
.btn-area a.btn02 .bg01{display:block;padding-right: 25px;background: url(../images/new_common/btn_bg01.png) no-repeat right center;}
.btn-area a.btn03{border-radius: 3px;padding-left: 23px;color: #ffffff;background: #686868;}
.btn-area a.btn03:hover{background: #464646;}
.btn-area a.btn03 .bg02{display:block;padding-left: 25px;background: url(../images/new_common/btn_bg02.png) no-repeat left center;}
.btn-area a.btn04{border-radius: 3px;color: #ffffff;background: #02699e;}
.btn-area a.btn04:hover{background: #0391da;}
.btn-area a.btn05{border-radius: 3px;color: #ffffff;background: #686868;}
.btn-area a.btn05:hover{background: #464646;}
.btn-area a.btn06{color: #ffffff;background: #333333;}
.btn-area a.btn06:hover{background: #515050;}
.btn-area a.btn07{color: #ffffff;background: #52b89a;}
.btn-area a.btn07:hover{background: #30a07f;}
.btn-area a.btn08{color: #ffffff;background: #3595c9;}
.btn-area a.btn08:hover{background: #1b7aad;}
.btn-area02{margin-top: 10px;}
.btn-area02 .btn{text-align: center;display: inline-block;width: 110px;padding: 13px 0;border-radius: 3px;margin: 3px;font-size: 13px;line-height: 20px;color: #ffffff;}
.btn-area02 .bg-color01{background: #9b87dc;}
.btn-area02 .bg-color02{background: #70c978;}
.btn-area02 .bg-color03{width: 140px;background: #ea957b;}
.btn-area02 .bg-color04{background: #d9c13f;}
.btn-area02 .bg-color05{background: #47c5a3;}
.btn-area02 .bg-color06{background: #69b3d6;}
.btn-area02 .bg-color07{background: #8793dc;}
.txtline-btn4{display: inline-block;transform: translateY(-6px);vertical-align: top;}
.txtline-btn4 > a{height: 40px;font-size: 15px;padding: 0 20px;color: var(--black-1);background-color: var(--white);border: 1px solid var(--black-3);box-sizing: border-box;border-radius: 12px;display: inline-flex;align-items: center;}
.txtline-btn4 > a::after{content:"";width:22px;height:24px;background: url(../images/new_common/down_ico.png) no-repeat right center;margin-left: 8px;}
/*버튼 양식 끝*/

/*text_box 시작*/
.text-box{width: calc(100% - 32px);height: 200px;padding: 15px;border: 1px solid #d7d7d7;margin-top: 15px;overflow-y: auto;}
.text-box p{font-weight:200;font-size: 14px;line-height: 24px;color: #7d7d7d;}
.agree-box{padding: 15px 20px;margin-top: 15px;background: #e6e5e5;}
.agree-box .ask{float: left;font-size: 14px;line-height: 18px;color: #323232;}
.agree-box .check-area{float: right;}
.agree-box .check-area label{margin-left: 5px;font-size: 14px;line-height: 18px;color: #323232;}
.agree-box .check-area .lb01{margin-right: 25px;}
/*text_box 끝*/

/*step-style 시작*/
.step-style{position: relative;height: 98px;margin-top: 20px;display: flex;}
.step-style li{/* position: absolute; */top: 0px;display: table;text-align: center;width: calc(100% / 5 + 68px);margin-left: -85px;height: 98px;padding-left: 51px;padding-right: 56px;background: url(../images/new_common/step_bg05.png) no-repeat center;background-size: 100% 100%;box-sizing: border-box;}
.step-style li.on{background:  url(../images/new_common/step_bg06.png) no-repeat center;background-size: 100% 100%;}
.step-style li.on > div p{color: #3168a6;}
.step-style li:first-child{padding-left: 35px;padding-right: 49px;background: url(../images/new_common/step_bg02.png) no-repeat center;background-size: 100% 100%;}
.step-style li:first-child.on{background: url(../images/new_common/step_bg01.png) no-repeat center;background-size: 100% 100%;}
.step-style li.step1{z-index: 5;left: 0px;margin-left: 0;}
.step-style li.step2{z-index: 4;left: 215px;}
.step-style li.step3{z-index: 3;left: 430px;}
.step-style li.step4{z-index: 2;left: 516px;}
.step-style li.step5{z-index: 1;left: 693px;padding-right: 20px;background: url(../images/new_common/step_bg03.gif) no-repeat center;background-size: 100% 100%;}
.step-style li.on{z-index: 6;}
.step-style li.step5.on{background: url(../images/new_common/step_bg04.png) no-repeat center;background-size: 100% 100%;}
.step-style li > div{display: table-cell;vertical-align: middle;}
.step-style li .step-num{font-weight: 500;font-size: 18px;line-height: 22px;color: #666666;}
.step-style li .step-cont{margin-top: 10px;font-size: 15px;line-height: 19px;color: #666666;}

.step-style2{position: relative;height: 98px;margin-top: 20px;}
.step-style2 li{position: absolute;top: 0px;display: table;text-align: center;width: 166px;height: 98px;padding-left: 51px;padding-right: 56px;background: url(../images/new_common/step_bg2-4.png) no-repeat center;background-size: 100% 100%;}
.step-style2 li.on{background:  url(../images/new_common/step_bg2-3.png) no-repeat center;background-size: 100% 100%;}
.step-style2 li.on > div p{color: #3168a6;}
.step-style2 li:first-child{padding-left: 48px;padding-right: 62px;background: url(../images/new_common/step_bg2-2.png) no-repeat center;background-size: 100% 100%;}
.step-style2 li:first-child.on{background: url(../images/new_common/step_bg2-1.png) no-repeat center;background-size: 100% 100%;}
.step-style2 li.step1{z-index: 5;left: 0px;}
.step-style2 li.step2{z-index: 4;left: 220px;}
.step-style2 li.step3{z-index: 3;left: 440px;}
.step-style2 li.step4{z-index: 2;left: 660px;padding-right: 20px;background: url(../images/new_common/step_bg2-6.png) no-repeat center;background-size: 100% 100%;}
.step-style2 li.on{z-index: 6;}
.step-style2 li.step4.on{background: url(../images/new_common/step_bg2-5.png) no-repeat center;background-size: 100% 100%;}
.step-style2 li > div{display: table-cell;vertical-align: middle;}
.step-style2 li .step-cont{font-size: 15px;line-height: 19px;color: #666666;}

.step-style3{position: relative;height: 98px;margin-top: 20px;}
.step-style3 li{position: absolute;top: 0px;display: table;text-align: left;width: 230px;height: 98px;padding-left: 51px;padding-right: 56px;background: url(../images/new_common/step_bg3-4.png) no-repeat center;background-size: 100% 100%;}
.step-style3 li.on{background:  url(../images/new_common/step_bg3-3.png) no-repeat center;background-size: 100% 100%;}
.step-style3 li.on > div p{color: #3168a6;}
.step-style3 li > div p span.title-center{display: block;text-align: center;}
.step-style3 li:first-child{padding-left: 48px;padding-right: 62px;background: url(../images/new_common/step_bg3-2.png) no-repeat center;background-size: 100% 100%;}
.step-style3 li:first-child.on{background: url(../images/new_common/step_bg3-1.png) no-repeat center;background-size: 100% 100%;}
.step-style3 li.step1{z-index: 5;left: 0px;}
.step-style3 li.step2{z-index: 4;left: 290px;}
.step-style3 li.step3{z-index: 3;left: 575px;padding-left: 64px;padding-right: 39px;background: url(../images/new_common/step_bg3-6.png) no-repeat center;background-size: 100% 100%;}
.step-style3 li.on{z-index: 6;}
.step-style3 li.step3.on{background: url(../images/new_common/step_bg3-5.png) no-repeat center;background-size: 100% 100%;}
.step-style3 li > div{display: table-cell;vertical-align: middle;}
.step-style3 li .step-cont{font-size: 15px;line-height: 19px;color: #666666;}
.pc-step{margin: 20px 0;}
.mo-step{display: none;margin: 20px auto;width: 100%;max-width: 360px;}
/*step-style 끝*/

/*팝업 양식 시작*/
.popup-bg{display: none;position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;background: url(../images/new_common/popup_bg.png) repeat center;z-index: 99;}
.popup{display: none;position: fixed;left: 50%;top: 100px;width: 100%;max-width: 895px;transform: translateX(-50%);border-top: 4px solid #408fd3;background: #ffffff;z-index: 100;}
.pop-head{background: url(../images/new_common/popup_head_bg.gif) no-repeat left top;background-size: 100% 100%;}
.pop-cont{padding:20px;}
.pop-tit{float: left;padding-top: 34px;padding-bottom: 43px;padding-left: 45px;font-weight: 700;font-size: 36px;line-height: 40px;color: #3b76c7;}
.pop-sub-tit{float: right;padding-top: 26px;padding-right: 40px;font-size: 20px;line-height: 50px;color: #666666;}
.pop-sub-tit .black{font-weight: 700;color: #444444;}
.pop-sub-tit .point{font-weight: 700;font-size: 46px;color: #e35151;}
.popup .pop-btn01{display: inline-block;padding: 12px 24px;font-size: 18px;line-height: 22px;color: #ffffff;background: #6d8295;}
.popup .pop-btn01 span{display: block;padding-right: 40px;background: url(../images/new_common/pop_btn_bg01.gif) no-repeat right center;}
.pop-cont2{background: url(../images/new_common/pop_bg02.gif) no-repeat left top;background-size: 100% 100%;}
.pop-cont2 .left-txt{float: left;padding: 38px 20px 52px;}
.pop-cont2 .left-txt p{color: #666666;}
.pop-cont2 .left-txt p .black{font-weight: 700;color: #333333;}
.pop-cont2 .left-txt p .blue{font-weight: 700;color: #4096cb;}
.pop-cont2 > a{float: right;margin: 38px 20px 0 5px;}
.pop-cont3{background: url(../images/new_common/pop_bg02.gif) no-repeat left top;background-size: 100% 100%;}
.pop-cont3 .left-txt{padding: 34px 20px 26px;}
.pop-cont3 .left-txt p{font-size: 20px;line-height: 30px;color: #666666;}
.pop-cont3 .left-txt p .black-ft{font-weight: 500;color: #333333;}
.pop-cont3 .left-txt p .red-txt{font-size: 26px;font-weight: 700;color: #e35151;}
.pop-foot{padding: 0 20px 20px;}
.pop-foot .foot-left{float: left;width: calc(100% - 280px);margin-top: 3px;font-size: 16px;line-height: 20px;color: #666666;}
.pop-foot > a{float: right;}
.popup2{display: none;position: fixed;left: 50%;top: 200px;width: 100%;max-width: 400px;margin-left: -200px;background: #ffffff;z-index: 100;}
.popup3{display: none;position: fixed;left: 50%;top: 200px;width: 100%;max-width: 400px;margin-left: -200px;background: #ffffff;z-index: 100;}
.popup4{display: none;position: fixed;left: 50%;top: 200px;width: 100%;max-width: 400px;margin-left: -200px;background: #ffffff;z-index: 100;}
.pop-top-border{width: 100%;height: 4px;background: #489dd0 url(../images/new_common/pop_borer_bg.gif) no-repeat right top;}
.pop-in{padding: 25px;}
.pop-table tbody tr th{padding: 5px;border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;font-weight: 500;font-size: 14px;line-height: 18px;color: #333333;background: #e6ecf7;}
.pop-table tbody tr td{padding: 5px;text-align: center;border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;font-weight: 300;font-size: 16px;line-height: 20px;color: #666666;}
.pop-table tbody tr:first-child th{border-top: 1px solid #dddddd;}
.pop-table tbody tr:first-child td{border-top: 1px solid #dddddd;}
.pop-table tbody tr th:last-child{border-right: none;}
.pop-table tbody tr td:last-child{border-right: none;}
.popup5{display: none;position: fixed;left: 50%;top: 100px;margin-left: -259px;width: 516px;border: 1px solid #cccccc;background: #ffffff;z-index: 100;}
.popup5-in{position: relative;overflow: hidden;}
.popup5 .close-popup5{position: absolute;display: inline-block;right: 70px;top: 44px;font-size: 0;line-height: 0;}
.search-address{width: 310px;border: 2px solid var(--blue);margin: 20px auto 0;font-size: 0;}
.search-address .enter-address{width: 274px;height: 35px;border: none;}
.popup5-cont{width: 476px;margin: 20px auto 20px auto;}
.popup5-cont .pop-txt{padding-left: 10px;font-size: 14px;line-height: 18px;color: #2a2a2a;background: url(../images/new_common/pop_txt_bg.gif) no-repeat left 8px;}
.popup5-cont .pop-txt .pt-blue{display: inline-block;font-size: 14px;line-height: 18px;color: var(--blue);}
.post-table{margin-top: 8px;}
.post-table thead tr th{padding: 5px;border-top: 1px solid #2a2a2a;border-bottom: 1px solid #2a2a2a;font-size: 14px;line-height: 18px;color: #282828;}
.post-table tbody tr td{text-align: center;padding: 5px;font-size: 13px;color: #2a2a2a;}
.post-table tbody tr td.post-num{font-size: 14px;color: #575757;}
.post-table tbody tr td .post-address{display: block;color: #2a2a2a;letter-spacing: -1px;}
.post-table tbody tr td .detail-addresss{font-weight: 400;color: #575757;letter-spacing: -1px;}
.post-table tbody tr td .view-building{font-weight: 400;font-size: 14px;color: #575757;}
/*팝업 양식 끝*/

/*로그인 시작*/
.log-box{float: left;width: calc((100% - 3px)/2);border: 1px solid #d7d7d7;border-top: 2px solid #8aa5e3;margin-top: 10px;}
.log-box .log-title{text-align: center;padding: 35px 0;font-weight: 500;font-size: 25px;line-height: 30px;color: #323232;}
.log-box .log-title span{color: #1a70ba;}
.log-box .log-explain{width: 340px;margin: 0 auto;font-size: 14px;line-height: 18px;color: #868686;}
.log-box .log-explain .text-blue{color: #1a70ba;}
.log-box .log-btns{width: 315px;margin: 25px auto 40px;}
.log-box .log-btns > li{display: table;float: left;text-align: center;width: calc(50% - 6px);}
.log-box .log-btns > li:first-child{margin-right: 8px;}
.log-box .log-btns > li.log-btn01{border: 1px solid #094a83;border-radius: 5px;background: url(../images/new_common/log_btn_bg01.gif) repeat center;}
.log-box .log-btns > li.log-btn02{border: 1px solid #8e8d8d;border-radius: 5px;background: url(../images/new_common/log_btn_bg02.gif) repeat center;}
.log-box .log-btns > li > a{display: table-cell;height: 76px;font-weight: 500;font-size: 18px;line-height: 22px;color: #ffffff;vertical-align: middle;}
.accept-box{float: right;width: calc((100% - 3px)/2);border: 1px solid #d7d7d7;border-top: 2px solid #8aa5e3;margin-left: -1px;margin-top: 10px;}
.accept-box .accept-title{text-align: center;padding: 35px 0;font-weight: 500;font-size: 25px;line-height: 30px;color: #323232;}
.accept-box .accept-title span{color: #1a70ba;}
.accept-box .accept-explain{width: 315px;margin: 0 auto;font-size: 14px;line-height: 18px;color: #868686;}
.accept-explain span{color: #1a70ba;}
.accept-box .accept-btns{width: 315px;margin: 25px auto 40px;}
.accept-box .accept-btns > li{display: table;float: left;text-align: center;width: calc(50% - 6px);}
.accept-box .accept-btns > li:first-child{margin-right: 8px;}
.accept-box .accept-btns > li.log-btn03{border: 1px solid #0d87a1;border-radius: 5px;background: url(../images/new_common/log_btn_bg03.gif) repeat center;}
.accept-box .accept-btns > li.log-btn04{border: 1px solid #8e8d8d;border-radius: 5px;background: url(../images/new_common/log_btn_bg02.gif) repeat center;}
.accept-box .accept-btns > li > a{display: table-cell;height: 76px;font-weight: 500;font-size: 18px;line-height: 22px;color: #ffffff;vertical-align: middle;}
/*로그인 끝*/

/*진료예약 운동처방 단계3 시작*/
.select-dt{overflow: hidden;}
.select-dt .select-date{float: left;width: 455px;}
.select-dt .select-time{float: right;width: calc(100% - 490px);}
.calendar{margin-top: 18px;}
.calendar thead tr th{padding: 10px 0;border-top: 1px solid #cccccc;border-bottom: 1px solid #999999;font-weight: 400;font-size: 14px;line-height: 18px;color: #333333;}
.calendar thead tr th:first-child{border-left: 1px solid #cccccc;}
.calendar thead tr th:last-child{border-right: 1px solid #cccccc;}
.calendar tbody tr td{border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;}
.calendar tbody tr td:first-child{border-left: 1px solid #cccccc;}
.calendar tbody tr td:hover{background: #ffe9c2;}
.calendar tbody tr td > a{display: block;}
.calendar tbody tr td > a.selected{border: 3px solid #fd7d63;background: url(../images/new_common/calendar_bg01.png) repeat center;}
.calendar tbody tr td .date-num{display: block;padding: 0 4px;font-size: 14px;line-height: 18px;color: #666666;}
.calendar tbody tr td .date-cell{min-height: 45px;padding-top: 10px;}
.calendar tbody tr td .date-cell .order-icon{display: block;text-align: center;padding: 2px 0;font-size: 12px;line-height: 15px;color: #ffffff;background: #6d8dcf;}
.calendar tbody tr td.red .date-num{color: #ff6666;}
.calendar tbody tr td.blue .date-num{color: #0099cc;}
/*.order-time{margin-top: 18px;}*/
.order-time thead tr th{padding: 10px 0;border-right: 1px solid #cccccc;border-top: 1px solid #cccccc;border-bottom: 1px solid #999999;font-weight: 400;font-size: 14px;line-height: 18px;color: #333333;}
.order-time thead tr th:first-child{border-left: 1px solid #cccccc;}
.order-time tbody tr:hover{background: #ffe9c2;cursor: pointer;}
.order-time tbody tr td{text-align: center;padding: 12px 0 11px;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;font-size: 14px;line-height: 18px;color: #333333;}
.order-time tbody tr td:first-child{border-left: 1px solid #cccccc;}
/*진료예약 운동처방 단계3 끝*/

/*건강관리센터 시작*/
.practice{margin-top: 10px;}
.practice-step{position: relative;width: 855px;margin: 0 auto;padding-top: 115px;padding-bottom: 35px;}
.practice-step > li{display: table;float: left;text-align: center;padding: 5px 0;padding-right: 30px;background: url(../images/new_common/practice_step_bg02.gif) no-repeat 126px center;}
.practice-step > li.li01{float: none;position: absolute;top: 15px;left: 0px;padding-right: 0px;padding-bottom: 20px;background: url(../images/new_common/practice_step_bg01.gif) no-repeat center bottom;}
.practice-step > li.li05{background: url(../images/new_common/practice_step_bg03.gif) no-repeat 126px center;}
.practice-step > li.li06{float: none;position: absolute;top: 64px;left: 592px;background: none;}
.practice-step > li.li07{float: none;position: absolute;top: 162px;left: 592px;width: 118px;background: none;}
.practice-step > li.li08{margin-left: 125px;padding-right: 0px;padding-left: 20px;background: url(../images/new_common/practice_step_bg03.gif) no-repeat left center;}
.practice-step > li.li09{float: none;position: absolute;top: 15px;right: 0px;padding-right: 0px;padding-bottom: 20px;background: url(../images/new_common/practice_step_bg01.gif) no-repeat center bottom;}
.practice-step > li > div{display: table-cell;width: 90px;height: 70px;padding: 0 13px;border: 1px solid #e1e1e1;border-radius: 5px;vertical-align: middle;}
.practice-step > li > div .step-name{font-size: 17px;line-height: 20px;/* color: #3177ba; */}
.practice-step > li > div .sub-cont{font-size: 13px;line-height: 17px;color: #555555;}
.practice-step > li.li08 > div{width: 106px;height: 100px;padding: 0 5px;}
.practice-step > li.li08 > div .step-name{width: 90px;margin: 0 auto;}
/*건강관리센터 끝*/

/*한방진료 시작*/
.step-shape{padding-top: 20px;}
.step-shape > li{display: table;float: left;text-align: center;padding: 5px 23px 5px 7px;background: url(../images/new_common/practice_step_bg02.gif) no-repeat right center;}
.step-shape > li:first-child{padding-left: 0px;}
.step-shape > li:last-child{background: none;padding-right: 0px;}
.step-shape > li > div{display: table-cell;width: 90px;height: 70px;padding: 0 13px;border: 1px solid #7da8d4;border-radius: 5px;vertical-align: middle;}
.step-shape > li > div .step-name01{font-size: 16px;line-height: 20px;color: #3177ba;}
.step-shape > li > div .sub-cont01{font-size: 13px;line-height: 17px;color: #555555;}
/*한방진료 끝*/

/*에이즈 익명 검사 시작*/
.step-shape02{/* padding-top: 20px; */display: flex;flex-wrap: wrap;}
.step-shape02 > li{display: table;float: left;width: calc((100% - 120px) / 5);text-align: center;padding: 5px 23px 5px 7px;background: url(../images/new_common/practice_step_bg02.gif) no-repeat right center;}
.step-shape02 > li:first-child{padding-left: 0px;}
.step-shape02 > li:last-child{background: none;padding-right: 0px;}
.step-shape02 > li > div{display: table-cell;width: 120px;height: 100px;padding: 0 13px;border: 1px solid #e1e1e1;border-radius: 5px;vertical-align: middle;}
.step-shape02 > li > div .step-name01{font-size: 16px;line-height: 20px;color: #555555;}
.step-shape02 > li > div .sub-cont01{font-size: 13px;line-height: 17px;color: #555555;}
.step-shape02 > li > div .sm-font{font-size: 13px;line-height: 17px;}
/*에이즈 익명 검사 끝*/

/*우리아이 건강관리의사 시작*/
.step-shape05{padding-top: 20px;}
.step-shape05 > li{display: table;float: left;text-align: center;padding: 5px 23px 5px 7px;background: url(../images/new_common/practice_step_bg02.gif) no-repeat right center;}
.step-shape05 > li:first-child{padding-left: 0px;}
.step-shape05 > li:last-child{background: none;padding-right: 0px;}
.step-shape05 > li > div{display: table-cell;width: 95px;height: 60px;padding: 0 13px;border: 1px solid #7da8d4;border-radius: 5px;vertical-align: middle;}
.step-shape05 > li > div .step-name01{font-size: 16px;line-height: 20px;color: #3177ba;}
.step-shape05 > li > div .sub-cont01{font-size: 13px;line-height: 17px;color: #555555;}
.step-shape05 > li > div .sm-font{font-size: 13px;line-height: 17px;}
/*우리아이 건강관리의사 끝*/

/*건강상담 시작*/
.view-fn{margin-top: 10px;}
.view-fn .qr-code{float: left;}
.view-fn .share-part{float: right;text-align: right;}
.view-fn .share-part-mt30{margin-top: 30px;}
.view-fn .share-part .copy-link{font-weight: 300;font-size: 15px;line-height: 19px;color: #666666;}
.share-part .copy-link .link{margin-right: 5px;}
.view-fn .share-part .sns-share{margin-top: 10px;}
.copy-btn{display: inline-block;padding: 4px 12px;font-size: 16px;line-height: 20px;color: #ffffff;background: #a1a1a1;}
.share-twit{display: inline-block;padding: 9px 15px;border-radius: 5px;font-size: 15px;line-height: 19px;color: #ffffff;background: #55a8dd;}
.share-twit > span{display: inline-block;padding-left: 30px;background: url(../images/new_common/twit_bg.gif) no-repeat left center;}
.board-view-cont{padding: 10px;border-bottom: 1px solid #cccccc;}
.board-view-p01{padding: 2px 0;font-weight: 300;font-size: 15px;line-height: 19px;color: #666666;}
.board-view-p02{padding: 2px 0;padding-left: 19px;font-weight: 300;font-size: 15px;line-height: 19px;color: #666666;background: url(../images/new_common/bvp_bg01.gif) no-repeat left 3px;}
.board-view-p03{padding: 2px 0;padding-left: 8px;font-weight: 300;font-size: 15px;line-height: 19px;color: #666666;background: url(../images/new_common/bvp_bg02.gif) no-repeat left 11px;}
.board-view-p04{padding: 2px 0;padding-left: 17px;font-weight: 300;font-size: 15px;line-height: 19px;color: #666666;background: url(../images/new_common/bvp_bg03.gif) no-repeat left 6px;}
.board-view-subcont{padding: 15px 10px;border-bottom: 1px solid #cccccc;}
.board-view-subcont .left-logo{float: left;width: 220px;margin-right: 18px;}
.board-view-subcont .left-logo img{max-width: 100%;}
.board-view-subcont .right-txt{float: left;width: calc(100% - 240px);margin-top: 5px;}
.board-view-subcont .right-txt p.bvs-txt{font-size: 15px;line-height: 23px;color: #666666;}
.board-view-subcont .right-txt p.bvs-txt a{color: #217cb6;}
/*건강상담 끝*/

/*제증명발급 시작*/
.img-div{margin-top: 20px;}
.img-div img{max-width: 100%;}
.box-array{margin-top: 15px;}
.box-array > li{display: table;float: left;width:calc(25% - 60px);padding: 14px 18px;margin: 5px 10px;border: 1px solid #d5d5d5;border-left: 3px solid #55a8dd;}
.box-array > li > a{display: table-cell;padding-left: 15px;font-weight: 300;font-size: 15px;line-height: 19px;color: #777777;background: url(../images/new_common/box_array_bg.gif) no-repeat left center;vertical-align: middle;}
.box-array > li > a:hover{color: #55a8dd;}
.banner-link{margin-top: 20px;height: 95px;background: url(../images/new_common/g_health_bg.gif) no-repeat left center/cover;}
.bl-img-area{float: left;font-size: 0;padding-top: 9px;}
.bl-img-area .banner-logo{display: inline-block;padding: 18px 100px 0 49px;vertical-align: top;}
.bl-img-area .banner-bg02{display: inline-block;width: 140px;height: 86px;vertical-align: top;background: url(../images/new_common/g_health_img.png) no-repeat center;}
.banner-link .banner-btn{display: inline-block;float: right;padding: 6px 15px;margin: 31px 81px 0 0;font-size: 18px;line-height: 21px;color: #ffffff;background: #1b9ec2;box-shadow: 2px 2px 2px rgba(0,0,0,0.3);vertical-align: top;}
.banner-link2{margin-top: 20px;height: 93px;border: 1px solid #e2eff8;background: #f6fbff;}
.bl-img-area2{float: left;font-size: 0;}
.bl-img-area2 .banner-logo{display: inline-block;padding: 28px 80px 0 53px;vertical-align: top;}
.bl-img-area2 .banner-bg02{display: inline-block;width: 128px;height: 93px;vertical-align: top;background: url(../images/new_common/banner_bg.png) no-repeat center;}
.banner-link2 .banner-btn2{float: right;display: inline-block;padding: 8px 14px;border-radius: 5px;margin: 29px 137px 0 0;font-size: 15px;line-height: 19px;color: #ffffff;background: #55a8dd;vertical-align: top;}
.banner-link2 .banner-btn2 span{display: block;padding-left: 30px;background: url(../images/new_common/banner_btn_bg.gif) no-repeat left center;}
/*제증명발급 끝*/

/*민원상담 시작*/
.talk-banner{display: block;border: 1px solid #e2eff8;margin-top: 17px;background: #f6fbff url(../images/new_common/talk_banner_bg.gif) no-repeat 45px center;}
.talk-banner span{display:inline-block;float: right;padding: 29px 0;margin-right: 135px;}
/*민원상담 끝*/

/*성매개감염병관리 시작*/
.step-shape03{/*padding-top: 20px;*/display: flex;flex-wrap: wrap;}
.step-shape03 > li{display: table;float: left;text-align: center;width: calc((100% - 67px)/3);padding: 5px 23px 5px 7px;background: url(../images/new_common/practice_step_bg02.gif) no-repeat right center;}
.step-shape03 > li:first-child{padding-left: 0px;}
.step-shape03 > li:last-child{background: none;padding-right: 7px;}
.step-shape03 > li > div{display: table-cell;width: 90px;height: 70px;padding: 10px 13px;border: 1px solid #e1e1e1;border-radius: 5px;vertical-align: middle;}
.step-shape03 > li > div .step-name01{/* font-size: 16px; *//*line-height: 20px;*//* color: #3177ba; */}
.step-shape03 > li > div .sub-cont01{font-size: 13px;line-height: 17px;color: #555555;}

.step-shape03.v2 > li > div{height:120px;vertical-align: top;}
.step-shape03.v2 > li > div .step-name01{padding:10px 0 5px 0;margin-bottom:5px;border-bottom:1px solid #7da8d4}
.step-shape03.v2 > li > div .sub-cont01{padding-top:5px}
.step-shape03.v2 > li > div span{display:block;}
.step-shape03.v2 > li > div.row1 .sub-cont01{padding-top:20px}
.step-shape03.v2 > li > div .sub-cont01 + .sub-cont01{padding-top:10px}

/*성매개감염병관리 끝*/

/*찾동 어르신 방문건강관리 시작*/
.half-tb .half-tb-left{float: left;width: calc(50% - 15px);}
.half-tb .half-tb-right{float: right;width: calc(50% - 15px);}
.step-shape04{/*padding-top: 20px;*/display: flex;flex-wrap: wrap;}
.step-shape04 > li{display: table;float: left;width: calc((100% - 90px)/4);text-align: center;padding: 5px 23px 5px 7px;background: url(../images/new_common/practice_step_bg02.gif) no-repeat right center;}
.step-shape04 > li:first-child {padding-left: 0px;}
.step-shape04 > li:last-child{background: none;padding-right: 0;}
.step-shape04 > li > div{display: table-cell;width: 120px;height: 100px;padding: 10px 13px;border: 1px solid #e1e1e1;border-radius: 5px;vertical-align: middle;}
.step-shape04 > li > div .step-name01{/* font-size: 16px; *//*line-height: 20px;*//* color: #014da2; */}
.step-shape04 > li > div .sub-cont01{font-size: 13px;line-height: 17px;color: #555555;}
/*찾동 어르신 방문건강관리 끝*/

/*임신 · 출산 시작*/
.tit_n_txt{padding: 17px 14px;border: 1px solid #d7d7d7;margin-top: 10px;}
.tit_n_txt > h5{font-weight: 500;font-size: 20px;line-height: 24px;color: #333333;}
.tit_n_txt > p{margin-top: 17px;font-weight: 400;font-size: 15px;line-height: 19px;color: #666666;}
.relatin-info > li{display: inline-block;text-align: center;width: calc(25% - 10px);margin: 10px 2px;}
.relatin-info > li > a{display: block;}
.relatin-info > li > a > div{overflow: hidden;}
.relatin-info > li > a > p{max-width: 100%;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 10px;font-weight: 400;font-size: 0.85rem;line-height: 21px;color: #000000;}
.relatin-info > li > a img{max-width: 100%;width: 100%;transition: all 0.2s ease-in-out;}
.relatin-info > li > a:hover img{transform: scale(1.1,1.1);}
.relatin-info > li > a:hover > p{color: #1a70ba;}
.tit_n_stat{padding: 9px 13px;border: 1px solid #d7d7d7;}
.tit_n_stat > h5{float: left;padding: 7px 0;max-width: 635px;font-weight: 500;font-size: 0.9rem;line-height: 23px;color: #333333;}
.tit_n_stat .stat-btn{text-align: center;float: right;display: block;width: 115px;padding: 8px 0;border: 1px solid #45acdf;border-radius: 5px;font-size: 15px;line-height: 19px;color: #1e82b4;}
.logo-zone2{font-size: 0;padding: 20px 0;}
.logo-zone2 > li{display: inline-block;vertical-align: middle;width: 210px;margin: 3px 6px;background: url(../images/new_common/logo_zone_bg01.gif) no-repeat left center;}
.logo-zone2 > li > a{display: table;table-layout:fixed;width: 100%;height: 50px;background: url(../images/new_common/logo_zone_bg02.gif) no-repeat right center;}
.logo-zone2 > li > a > div{display: table-cell;text-align: center;padding: 0 10px;vertical-align: middle;font-weight: 500;font-size: 16px;line-height: 20px;}
.logo-zone2 > li > a > div img{max-width: 100%;}
/*임신 · 출산 끝*/

/*새소식 시작*/
.tab-cont{display: none;}
.tab-cont1{display: block;}
.float-box{margin-top: 15px;}
.float-box .list-amount{float: left;font-size: 18px;line-height: 22px;color: #000000;}
.float-box .list-amount span{font-weight: 500;color: #ff6633;}
.float-box .view-map{float: right;display:block;padding-left: 30px;font-size: 14px;line-height: 18px;background: url(../images/new_common/map_icon.gif) no-repeat left center;}
.float-box .view-map:hover{color: #1a70ba;}
/*새소식 끝*/

/*yellow-box 시작*/
.yellow-box{border: 1px solid #cccccc;padding: 20px 25px;margin-top: 20px;background: #f7f7e9;}
.yellow-box > p{font-weight: 300;font-size: 16px;line-height: 20px;color: #666666;}
.yellow-box > p .blue{color: #3984cb;font-weight: 400;}
.yellow-box > p .ft-black{font-weight: 500;font-size: 18px;color: #333333;}
/*yellow-box 끝*/

/*바람직한 체중증가량 시작*/
.graph-box{padding: 45px 20px;border: 1px solid #e0e0e0;margin-top: 20px;background: #f9f9f9;max-width: 895px;margin: 0 auto;box-sizing: border-box;}
.graph-tit{float:left;text-align: center;width: 80px;padding-top: 300px;font-weight: 500;font-size: 16px;line-height: 20px;color: #333333;}
.graph-img{float: right;}
.graph-img img{max-width: 100%;}
/*바람직한 체중증가량 끝*/

/*나의식생활평가 시작*/
.color-box{padding: 13px 20px;font-size: 15px;line-height: 19px;color: #ffffff;background: url(../images/new_common/color_bg01.gif) repeat-y right top;background-size: 100% 100%;}
/*나의식생활평가 끝*/

/*인사말 시작 20250829*/
.greeting-box{padding-left: 630px; padding-top: 40px; min-height:495px;margin-top: 0;background: url(../images/new_common/greeting.png) no-repeat left top;} 
.greeting-box .p-txt03{line-height:29px}
.greeting-box .title {margin-bottom: 20px; font-size: 28px; font-weight: bold; line-height: 1.4; color:#514332;}
/*인사말 끝 20250829 End*/

/*자동심장충격기 시작*/
.select-area{margin-top: 30px;}
.select-area > li{float: left;width: calc((100% - 7px)/6);border: 1px solid #cccccc;margin-left: -1px;margin-top: -1px;}
.select-area > li > a{display: block;padding: 10px 20px;font-size: 14px;line-height: 18px;color: #777777;}
.select-area > li > a:hover{color: #1a70ba;}
.select-area > li.on > a{color: #333333;background: #b9ddf6;}
.select-area > li > a span{display: block;padding-left: 12px;background: url(../images/new_common/select_area_bg.gif) no-repeat left 7px;}
/*자동심장충격기 끝*/

/*찾아오시는 길 시작*/
.daum-map a{display:block;}
.daum-map img{max-width: calc(100% - 2px);width:100%;}
.map-message{text-align: center;border-left: 1px solid #dddddd;border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;background: #fbfbfb;}
.map-message span{display: inline-block;padding: 15px 0 15px 28px;margin: 0 44px;font-size: 15px;line-height: 19px;}
.map-message .ads{background: url(../images/new_common/map_bg01.gif) no-repeat left 12px;}
.map-message .phone{background: url(../images/new_common/map_bg02.gif) no-repeat left 13px;}
.traffic-solution{padding: 0 0 15px;padding-left: 78px;margin-top: 15px;min-height: 64px;box-sizing: border-box;}
.traffic-solution.ts1{background: url(../images/new_common/subway_icon.gif) no-repeat left 0px;}
.traffic-solution.ts2{background: url(../images/new_common/bus_icon.gif) no-repeat left 0px;}
/*찾아오시는 길 끝*/

/*청사안내 시작*/
.floor-map-box{border-top: 1px solid #b8d0e9;border-bottom: 1px solid #b8d0e9;margin-bottom: 180px;}
.floor-menu{float: left;width: 109px;}
.floor-menu > ul > li{position: relative;border-bottom: 1px solid #b8d0e9;}
.floor-menu > ul > li > a{display: block;text-align: center;padding: 9px 0;font-weight: 500;font-size: 22px;line-height: 25px;color: #333333;}
.floor-menu > ul > li > .deco{position: absolute;top: 0px;right: -20px;display: none;width: 20px;height: 55px;background: url(../images/new_common/floor_on_bg.gif) no-repeat center;z-index:1}
.floor-menu > ul > li.on{border-bottom: 1px solid #5286b8;margin-top: -1px;}
.floor-menu > ul > li.on > a{color: #ffffff;background: #5286b8;}
.floor-menu > ul > li.on > .deco{display: inline-block;}
.floor-menu > ul > li.flm1  > a{font-size: 18px;}
.floor-map{position: relative;display: none;float: left;width: calc(100% - 111px);padding: 40px 0;border-left: 1px solid #b8d0e9;border-right: 1px solid #b8d0e9;background: #f3f3f3;}
.floor-map1{display: block;}
.floor-map .map-img{text-align: center;margin-bottom: 20px;}
.map-img img{max-width: 100%;}
.icon-explain{text-align: right;max-width: 560px;margin: 0 auto;}
.icon-explain > ul > li{display: inline-block;margin: 0 7px;}
.icon-explain > ul > li span{margin-left: 5px;font-size: 14px;line-height: 17px;color: #333333;}
.floor-map .map-explain{position: absolute;left: -109px;top: 445px;width: calc(100% + 79px);padding: 15px;border: 1px solid #e3e3e3;background: #e9f3ff;}
.floor-map .map-explain p{padding: 2px 0;font-size: 16px;line-height: 20px;color: #545353;}
.floor-map1 .map-img{margin-bottom:0}
.floor-map1 .map-img img{max-height: 333px;}
/*청사안내 끝*/

/*의료기관 시작*/
.float-box2{margin-top: 15px;}
.float-box2 .list-amount{float: left;font-size: 18px;line-height: 22px;color: #000000;}
.float-box2 .list-amount span{font-weight: 500;color: #ff6633;}
.float-box2 .func-btn{float: right;}
.float-box2 .func-btn > li{float: left;margin-left: 10px;}
.float-box2 .func-btn > li > a{display: block;padding: 2px 0;padding-left: 23px;font-size: 14px;line-height: 18px;}
.float-box2 .func-btn > li:hover > a{color: #1a70ba;}
.float-box2 .func-btn > li.func01 > a{background: url(../images/new_common/func_bg01.gif) no-repeat left center;}
.float-box2 .func-btn > li.func02 > a{background: url(../images/new_common/func_bg02.gif) no-repeat left center;}
.float-box2 .func-btn > li.func03 > a{background: url(../images/new_common/func_bg03.gif) no-repeat left center;}
.float-box2 .func-btn > li.func04 > a{background: url(../images/new_common/func_bg04.gif) no-repeat left center;}
.float-box2 .func-btn > li > span{display: block;padding: 2px 0;padding-left: 23px;font-size: 14px;line-height: 18px;}
.float-box2 .func-btn > li.func01 > span{background: url(../images/new_common/func_bg01.gif) no-repeat left center;}
.float-box2 .func-btn > li.func02 > span{background: url(../images/new_common/func_bg02.gif) no-repeat left center;}
.float-box2 .func-btn > li.func03 > span{background: url(../images/new_common/func_bg03.gif) no-repeat left center;}
.float-box2 .func-btn > li.func04 > span{background: url(../images/new_common/func_bg04.gif) no-repeat left center;}
/*의료기관 끝*/

/*업무소개 시작*/
.business-lv1{max-width: 232px;text-align: center;margin: 0 auto;background: url(../images/new_common/business_bg01.gif) no-repeat center;}
.business-lv1 > span{display: block;padding-bottom: 3px;font-size: 24px;line-height: 60px;color: #ffffff;}
.line-bg{width: calc(75% + 22.5px);margin: 0 auto;background: url(../images/new_common/line_point.gif) repeat-x center bottom;}
.line-bg > span{display: block;height: 20px;background: url(../images/new_common/line_point.gif) repeat-y center top;}
.business-lv2{display:flex;flex-wrap: wrap;}
.business-lv2 > li{float: left;width: calc((100% - 90px)/4);margin-left: 30px;}
.business-lv2 > li:first-child{margin-left: 0px;}
.bl2-bg{height: 20px;background: url(../images/new_common/line_point.gif) repeat-y center top;}
.b-lv2-name{position: relative;text-align: center;background: url(../images/new_common/business_bg02.gif) no-repeat center;background-size: 100% 100%;}
.b-lv2-name .meaning{display: none;text-align: left;position: absolute;left: 4px;top: 38px;width: calc(100% - 36px);border: 2px solid #f2b95f;padding: 12px;background: #fffcf7;}
.b-lv2-name .meaning > p{padding-left: 8px;font-size: 13px;line-height: 17px;color: #666666;letter-spacing: -1px;background: url(../images/new_common/business_bg05.gif) no-repeat left 7px;;}
.b-lv2-name > p{padding-top: 3px;font-weight: 500;font-size: 18px;line-height: 51px;}
.b-lv2-name > p a{display: inline-block;margin-left: 5px;line-height: 15px;vertical-align: middle;}
.b-lv2-parts{padding: 15px;border: 1px solid #dddddd;margin-top: 10px;background: #fbfbfb;}
.b-lv2-parts > ul > li{padding: 6px 0;padding-left: 9px;font-size: 15px;line-height: 18px;color: #333333;background: url(../images/new_common/business_bg03.gif) no-repeat left 13px;}
.b-lv2-parts > ul > li > ul{padding-top: 10px;}
.b-lv2-parts > ul > li > ul > li{padding-left: 8px;font-weight: 300;font-size: 15px;line-height: 18px;color: #666666;background: url(../images/new_common/business_bg04.gif) no-repeat left 8px;}
.go-other{margin-top: 30px;}
.go-other > ul > li{float: left;text-align: center;width: calc((100% - 60px) / 4);padding: 20px 0;border: 1px solid #bed4ea;margin-left: 17px;background: #eaf2fa;}
.go-other > ul > li:first-child{margin-left: 0px;}
.go-other > ul > li > div{margin-bottom: 12px;}
.go-other > ul > li > div > p{display: inline-block;padding: 4px 0;padding-left: 35px;margin: 0 auto;font-size: 17px;line-height: 21px;color: #333333;}
.go-other > ul > li > div > .gob01{background: url(../images/new_common/go_other_bg01.gif) no-repeat left 0px;}
.go-other > ul > li > div > .gob02{padding: 5px 0;padding-left: 30px;font-size: 15px;line-height: 19px;letter-spacing: -1px;background: url(../images/new_common/go_other_bg02.png) no-repeat left 0px;}
.go-other > ul > li > div > .gob03{background: url(../images/new_common/go_other_bg03.png) no-repeat left 0px;}
.go-other > ul > li > div > .gob04{background: url(../images/new_common/go_other_bg04.png) no-repeat left 0px;}
.go-other > ul > li > div > a{margin-top: 10px;}
.go-btn{display: inline-block;border: 1px solid #c5d4e3;padding: 6px 11px;font-size: 14px;line-height: 18px;color: #666666;background: #ffffff;}
/*업무소개 끝*/

/*생명존중 및 자살예방사업 시작*/
.prt-box{padding: 30px 25px;border: 1px solid #dadada;margin-top: 15px;}
.big-title{float: left;width: 72px;height: 890px;background: url(../images/new_common/prt_bg01.gif) repeat-y 65px top;}
.bigt{font-size: 18px;line-height: 22px;color: #0b9edb;background: url(../images/new_common/prt_bg02.gif) no-repeat right center;}
.bigt01{margin-top: 35px;}
.bigt02{margin-top: 100px;}
.bigt03{margin-top: 155px;}
.prt-cont{float: left;width: 771px;padding: 18px 0;background: url(../images/new_common/prt_bg03.gif) no-repeat center 93px;}
.prt-cont .vision{text-align: center;max-width: 720px;padding: 15px;border: 1px solid #002d7a;border-radius: 6px;margin: 0 auto;font-weight: 500;font-size: 18px;line-height: 22px;color: #222222;}
.mor-vision{display: none;text-align: center;font-size: 18px;line-height: 22px;color: #0b9edb;}
.fl2-bg{height: 56px;background: url(../images/new_common/prt_bg04.gif) repeat-y center top;}
.fl3-bg{height: 76px;background: url(../images/new_common/prt_bg08.gif) no-repeat center;background-size: auto 100%;}
.gray-border{width: 242px;border: 4px solid #f5f6f8;border-radius: 6px;margin: 0 auto;}
.mor-target{display: none;text-align: center;font-size: 18px;line-height: 22px;color: #0b9edb;}
.target{text-align: center;padding: 11px 13px;border: 1px solid #717888;border-radius: 6px;background: #ffffff;}
.target-point{font-weight: 500;font-size: 18px;line-height: 22px;color: #222222;}
.target-point span{color: #d90303;}
.target-sub{margin-top: 10px;}
.target-sub span{display: inline-block;font-size: 15px;line-height: 19px;color: #444444;}
.target-sub span.tar-s-left{float: left;}
.target-sub span.tar-s-right{float: right;}
.mor-str{display: none;padding-top: 10px;text-align: center;font-size: 18px;line-height: 22px;color: #0b9edb;}
.strategy{max-width: 698px;margin: 0 auto;}
.strategy > li{float: left;width: 216px;margin-left: 25px;}
.strategy > li:first-child{margin-left: 0px;}
.stra-title{width: 150px;height: 150px;margin: 0 auto;}
.stra-title1{background: url(../images/new_common/prt_bg05.png) no-repeat center;}
.stra-title2{background: url(../images/new_common/prt_bg06.png) no-repeat center;}
.stra-title3{background: url(../images/new_common/prt_bg07.png) no-repeat center;}
.stra-title > p{padding-top: 31px;text-align: center;font-weight: 500;font-size: 18px;line-height: 29px;color: #222222;}
.stra-cont{height: 365px;border: 1px solid #c6c8d0;padding: 5px 18px;}
.stra-cont > ul > li{padding-left: 9px;margin-top: 30px;font-weight: 500;font-size: 18px;line-height: 22px;letter-spacing: -1px;}
.stra-cont > ul > li > ul{margin-top: 5px;}
.stra-cont > ul > li > ul > li{padding: 3px 0;padding-left: 8px;font-weight: 400;font-size: 15px;line-height: 19px;color: #777777;background: url(../images/new_common/prt_bg17.gif) no-repeat left 11px;}
.stra-cont1{background: url(../images/new_common/prt_bg11.gif) no-repeat center top;}
.stra-cont1 > ul > li{background: url(../images/new_common/prt_bg14.gif) no-repeat left 8px;color: #033286;}
.stra-cont2{background: url(../images/new_common/prt_bg12.gif) no-repeat center top;}
.stra-cont2 > ul > li{background: url(../images/new_common/prt_bg15.gif) no-repeat left 8px;color: #0094d7;}
.stra-cont3{background: url(../images/new_common/prt_bg13.gif) no-repeat center top;}
.stra-cont3 > ul > li{background: url(../images/new_common/prt_bg16.gif) no-repeat left 8px;color: #033286;}

.system-box{padding: 30px 25px;border: 1px solid #dadada;margin-top: 15px;max-width: 843px;}
.sys-left{float: left;width: 152px;height: 820px;padding-right: 70px;background: url(../images/new_common/system_bg01.gif) no-repeat right 22px;}
.sys-lv1{border: 2px solid #0074bb;border-radius: 2px;}
.sys-lv1 p{display: inline-block;text-align: center;width: 136px;padding: 23px 0;margin: 6px;font-weight: 500;font-size: 18px;line-height: 22px;color: #ffffff;background: #0074bb;}
.sys-right{float: right;width: 621px;}
.lv2-floor{position: relative;margin-bottom: 50px;}
.lvf-left{float: left;}
.sys-lv2{border: 2px solid #14b1d5;border-radius: 2px;}
.sys-lv2 p{display: inline-block;text-align: center;width: 211px;padding: 7px 0;margin: 6px;font-weight: 500;font-size: 18px;line-height: 22px;color: #ffffff;background: #10b0d4;}
.lvf-right{float: left;width: calc(100% - 297px);padding-left: 70px;}
.lvf-right01{background: url(../images/new_common/system_bg02.gif) no-repeat left 22px;}
.lvf-right02{background: url(../images/new_common/system_bg03.gif) no-repeat left 22px;}
.lvf-right03{background: url(../images/new_common/system_bg04.gif) no-repeat left 22px;}
.sys-lv3{border: 2px solid #14b1d5;border-radius: 2px;margin-top: 30px;}
.sys-lv3:first-child{margin-top: 9px;}
.sys-lv3-s:first-child{margin-top: 7px;}
.sys-lv3 p{display: inline-block;text-align: center;width: 281px;padding: 7px;font-weight: 500;font-size: 15px;line-height: 18px;color: #222222;}
.lvf-txt{position: relative;padding: 15px 0 6px 60px;font-weight: 300;font-size: 15px;line-height: 19px;color: #777777;clear: both;}
.lvf-txt span{position: absolute;left: 0px;top: 15px;}
.lvf-pos01{position: absolute;left: 9px;top: 70px;}
.lvf-ul{width: 200px;}
.lvf-ul > li{padding: 3px 0;padding-left: 9px;font-weight: 300;font-size: 15px;line-height:19px;color: #777777;background: url(../images/new_common/system_bg05.gif) no-repeat left 11px;}
/*생명존중 및 자살예방사업 끝*/

/*관련사이트 시작*/
.logo-zone > li{float: left;width: calc(20% - 20px);height: 42px;margin: 9px 0;margin-right: 20px;}
.logo-zone > li a img{max-width: 100%;}
/*관련사이트 끝*/

/*교육신청 s*/
.search-area .symbol{flex: 0 0 auto;display: inline-block;margin: 0 6px;font-size: 15px;line-height: 35px;vertical-align: middle;}
.search-area .accept-period{font-size: 0;float: left;width: 49%;display: flex;align-items: center;}
.search-area .accept-period label{flex: 0 0 auto;display: inline-block;margin-left: 5px;margin-right: 15px;font-size: 20px;line-height: 35px;vertical-align: middle;}
.search-area .edu-period{font-size: 0;float: right;width: 49%;display: flex;align-items: center;}
.search-area .edu-period label{flex: 0 0 auto;display: inline-block;margin-left: 5px;margin-right: 15px;font-size: 19px;line-height: 35px;vertical-align: middle;}
.search-area .start-time{display: flex;align-items: center;border: 1px solid #d7d7d7;vertical-align: middle;font-size: 0;border-radius: 12px;flex: 1 1 auto;width: calc((100% - 95px) / 2);}
.search-area .start-time a{display: inline-block;padding: 5px 7px;}
.search-area .start-time img,
.search-area .end-time img{width: 25px;}
.search-area .start-time input{flex: 1 1 auto;border: none;width: 132px;height: 31px;padding: 0 5px;font-size: 16px;line-height: 25px;color: #666666;}
.search-area .end-time{display: flex;align-items: center;border: 1px solid #d7d7d7;vertical-align: middle;font-size: 0;border-radius: 12px;flex: 1 1 auto;width: calc((100% - 95px) / 2);}
.search-area .end-time a{display: inline-block;padding: 5px 7px;}
.search-area .end-time input{flex: 1 1 auto;border: none;width: 100%;height: 31px;padding: 0 5px;font-size: 16px;line-height: 25px;color: #666666;}
.search-area .search-floor2{font-size: 0;margin: 20px 0;display: flex;align-items: center;}
.search-floor2 .edu-type{display: flex;align-items: center;font-size: 0;vertical-align: middle;width: 30%;}
.search-floor2 .edu-name{flex: 1 1 auto;display: flex;align-items: center;font-size: 0;vertical-align: middle;}
.search-floor2 .edu-name .input-box{flex: 1 1 auto;display: flex;align-items: center;vertical-align: middle;font-size: 0;}
.search-floor2 .edu-name .input-box .sb-but{font-size:20px;}
.search-area .search-floor2 label{flex: 0 0 auto;display: inline-block;margin-left: 5px;margin-right: 15px;font-size: 20px;line-height: 35px;vertical-align: middle;}
.search-area .search-floor2 select{flex: 1 1 auto;width: 192px;height: 33px;border: 1px solid #d7d7d7;margin-right: 30px;font-size: 20px;line-height: 25px;color: #666666;vertical-align: middle;}
.search-area .search-floor2 input{width: 418px;height: 31px;border: 1px solid #d7d7d7;padding: 0 5px;margin-right: 10px;vertical-align: middle;flex: 1 1 auto;}
.search-floor2 .search-btn01{display: inline-block;text-align: center;width: 93px;padding: 7px 0;font-size: 16px;line-height: 21px;color: #ffffff;background: #55a8dd;vertical-align: middle;}
.search-floor2 .search-btn01 span{padding-right: 30px;background: url(../images/new_common/search_icon.gif) no-repeat right center;}
.search-area form{width;100%;}
/*교육신청 e*/

/*아토피질환이란 s*/
.explain-img-out{margin: 20px 0;}
.explain-img{font-size: 0;}
.explain-img > li{position: relative;display: inline-block;width: calc(50% - 36px);padding: 21px 0 21px 38px;margin: 5px 18px;vertical-align: middle;box-sizing: border-box;}
.exp-img-bg{position: absolute;left: 0px;top: 0px;float: left;display: block;width: 114px;height: 114px;}
.exp-img-bg01{background: url(../images/new_common/exp_img_bg01.png) no-repeat center;}
.exp-img-bg02{background: url(../images/new_common/exp_img_bg02.png) no-repeat center;}
.exp-img-bg03{background: url(../images/new_common/exp_img_bg03.png) no-repeat center;}
.exp-img-bg04{background: url(../images/new_common/exp_img_bg04.png) no-repeat center;}
.exp-img-bg05{background: url(../images/new_common/exp_img_bg05.png) no-repeat center;}
.exp-img-bg06{background: url(../images/new_common/exp_img_bg06.png) no-repeat center;}
.exp-img-bg07{background: url(../images/new_common/exp_img_bg07.png) no-repeat center;}
.exp-img-bg08{background: url(../images/new_common/exp_img_bg08.png) no-repeat center;}
.exp-img-bg09{background: url(../images/new_common/exp_img_bg09.png) no-repeat center;}
.exp-img-txt{float: left;display: table;width: 100%;padding: 0 20px 0 80px;border: 2px solid #bbbbbb;border-radius: 36px;background: #ffffff;box-sizing: border-box;}
.exp-txt-in{display: table-cell;width: 245px;height: 68px;margin: 0 auto;font-size: 14px;line-height: 20px;color: #555555;vertical-align: middle;}
.txt-img-box .p-txt-area{float: left;width: calc(100% - 450px);}
.txt-img-box .p-img-area{float: right;text-align: center;width: 440px;margin-top: 80px;}
/*아토피질환이란 e*/

/*모바일 헬스케어 s*/
.step-way{margin-top: 20px;}
.step-way > ul{font-size: 0;text-align: center;background: url(../images/new_common/arrow_bg01.gif) no-repeat center 11px;}
.step-way > ul > li{position: relative;display: inline-block;width: 132px;height: 200px;margin: 0 16px;vertical-align: middle;}
.step-way > ul > li .step-cont{position: absolute;left: 4px;top: 60px;width: 100%;height: 93px;padding-top: 24px;margin-top: 6px;}
.step-way > ul > li .step-cont p{font-size: 15px;line-height: 19px;padding: 8px 0;}
.step-way > ul > li .step-cont01{background: url(../images/new_common/step_cont_bg01.gif) no-repeat center;}
.step-way > ul > li .step-cont01 p{color: #55a8dd;}
.step-way > ul > li .step-cont02{background: url(../images/new_common/step_cont_bg02.gif) no-repeat center;}
.step-way > ul > li .step-cont02 p{color: #5e8ebd;}
.step-way > ul > li .step-cont03{background: url(../images/new_common/step_cont_bg03.gif) no-repeat center;}
.step-way > ul > li .step-cont03 p{color: #3675b2;}
.step-way > ul > li .step-cont04{background: url(../images/new_common/step_cont_bg04.gif) no-repeat center;}
.step-way > ul > li .step-cont04 p{color: #5e8ebd;}
.step-way > ul > li .step-cont05{background: url(../images/new_common/step_cont_bg05.gif) no-repeat center;}
.step-way > ul > li .step-cont05 p{color: #08457e;}
/*모바일 헬스케어 e*/

/*대사증후군관리사업 s*/
.step-way02{margin: 20px 0;}
.step-way02 > ul{font-size: 0;text-align: center;}
.step-way02 > ul > li{position: relative;display: inline-block;height: 220px;padding: 0 29px 0 8px;vertical-align: middle;background: url(../images/new_common/step_way_bg.gif) no-repeat right 53px;}
.step-way02 > ul > li:last-child{background: none;}
.step-way02 > ul > li > .step-ul-txt{text-align: left;position: absolute;left: 5px;top: 145px;width: 140px;margin-left: 10px;}
.step-way02 > ul > li > .step-ul-txt > li{padding-left: 7px;font-weight: 500;font-size: 14px;line-height: 18px;color: #8d8781;background: url(../images/new_common/step_way_bg02.gif) no-repeat left 8px;}
/*대사증후군관리사업 e*/

/*건강100세 상담센터 s*/
.step-box{margin: 20px 0;}
.step-box > ul{font-size: 0;}
.step-box > ul > li{display: inline-block;padding-left: 49px;background: url(../images/new_common/box_cont_bg02.gif) no-repeat 15px center;vertical-align: middle;}
.step-box > ul > li:first-child{padding-left: 0px;background: none;}
.step-box > ul > li > .box-head{text-align: center;padding: 10px 0;border-radius: 6px;font-weight: 500;font-size: 15px;line-height: 19px;color: #a81000;background: #d3ccc2;box-shadow: 0px 1px 1px #000000;z-index: 1;}
.step-box > ul > li > .box-cont{height: 182px;padding: 25px 10px;border: 1px solid #cacaca;border-radius: 5px;margin-top: -15px;}
.step-box > ul > li > .box-cont > ul{width: 160px;}
.step-box > ul > li > .box-cont > ul > li{font-weight: 500;font-size: 14px;line-height: 18px;color: #585858;padding: 3px 0;padding-left: 10px;background: url(../images/new_common/box_cont_bg01.gif) no-repeat left 11px;}
/*건강100세 상담센터 e*/

/*강동건강체조 s*/
.video-box{margin: 40px 0;display: flex;}
.left-video{float: left;width: 60%;margin-right: 30px;}
.left-video video{width: 540px;height: 325px;}
.left-video iframe{width: 100%;height: 100%;border:0}
.explain-box{position: relative;float: right;width: 40%;padding: 18px 14px;border: 1px solid #d5d5d5;font-size: 16px;line-height: 23px;color: #606060;letter-spacing: -0.5px;}
.explain-box-bg{position: absolute;left: -16px;top: 20px;width: 16px;height: 32px;background: url(../images/new_common/explain_box_bg.gif) no-repeat center;}
.video-js{width: 540px;height: 325px;}
/*강동건강체조 e*/

/*건강도시 강동이란? s*/
.chart04-head{width: 262px;padding: 10px 0;margin: 0 auto;margin-bottom: 30px;box-shadow: 4px 4px 2px #cccccc;font-size: 20px;line-height: 24px;color: #ffffff;background: #5286b8;}
.circle-area{margin: 10px 0;font-size: 0;display: flex;justify-content: center;}
.circle-area > li{display: inline-block;vertical-align: middle;text-align: left;width: 230px;padding: 13px 50px;border-radius: 50px;}
.circle-area > li.sec{margin: 0 -49px;}
.circle-area > li > .circle-title{font-weight: 500;font-size: 16px;line-height: 20px;}
.circle-area > li > .circle-cont{min-height: 54px;font-size: 14px;line-height: 18px;color: #272727;}
.circle-area01 > li{background: url(../images/new_common/circle_area01_bg.png) repeat center;}
.circle-area01 > li > .circle-title{color: #0b447a;}
.circle-area02 > li{background: url(../images/new_common/circle_area02_bg.png) repeat center;}
.circle-area02 > li > .circle-title{color: #964f09;}
.circle-area03 > li{background: url(../images/new_common/circle_area03_bg.png) repeat center;}
.circle-area03 > li > .circle-title{color: #06610f;}
.model{margin: 20px 0;}
.model > li{font-size: 0;text-align: left;display: flex;}
.model > li > .model-title{display: inline-block;vertical-align: middle;width: 180px;padding: 12px 5px;font-weight: 500;font-size: 22px;line-height: 26px;flex: 0 0 auto;}
.model > li .medel-sub-title{display: block;font-size: 15px;line-height: 19px;}
.model > li > .model-cont{vertical-align: middle;width: 100%;padding: 14px 15px;border-bottom: 3px solid #e4e4e4;font-size: 16px;line-height: 20px;color: #7a7a7a;display: flex;align-items: center;}
.model > li .model-bg{flex: 0 0 auto;display: inline-block;vertical-align: middle;width: 31px;height: 27px;margin: 0 10px;background: url(../images/new_common/model_bg01.gif) no-repeat center;align-self: flex-end;}
.model > li > .model-title01{border-bottom: 3px solid #f5ca9f;color: #d89451;}
.model > li > .model-title02{text-align: center;border-bottom: 3px solid #8c836f;color: #82765b;}
.model > li > .model-title03{border-bottom: 3px solid #5c8a60;color: #49834e;}
.model > li > .model-title04{border-bottom: 3px solid #4b7070;color: #4b7070;}
.model > li > .model-title05{border-bottom: 3px solid #5b637f;color: #5b637f;}
/*건강도시 강동이란? e*/

/*건강한 어린이터 s*/
.health-children{margin: 20px 0;}
.health-children > .hc-title{text-align: center;font-size: 20px;line-height: 24px;color: #5286b8;background: url(../images/new_common/health_children_bg.gif) no-repeat center;}
.health-children-box{padding: 20px 0;margin-top: 20px;background: url(../images/new_common/health_children_bg02.gif) repeat center;}
.health-children-box > ul{font-size: 0;text-align: center;}
.health-children-box > ul > li{display: inline-block;vertical-align: middle;text-align: center;width: 160px;border-radius: 20px;padding: 10px 0px;margin: 5px;font-size: 15px;line-height: 19px;color: #ffffff;background: #5286b8;}
.sign-box{padding: 14px 13px;border: 1px solid #e8e8e8;margin-top: 10px;background: #f2f2f2;}
.sign-left-box{float: left;}
.sign-right-box{float: left;margin-left: 15px;}
.sign-right-box .sr-title{font-size: 16px;line-height: 20px;color: #5286b8;}
.sign-right-box .sr-cont{margin-top: 5px;font-size: 14px;line-height: 18px;color: #696969;}
.gal-area{font-size: 0;margin: 20px 0;}
.gal-area > li{position: relative;display: inline-block;width: 269px;margin: 15px;overflow: hidden;}
.gal-area > li .gal-name{position: absolute;left: 0px;bottom: 0px;text-align: center;width: 100%;padding: 7px 0;font-size: 15px;line-height: 19px;color: #ffffff;background: url(../images/new_common/gal_bg.png) repeat center;}
.gal-area > li img{transition: all 0.2s ease-in-out;}
.gal-area > li:hover img{transform: scale(1.1,1.1);}
/*건강한 어린이터 e*/

/*건강도시 추진경과 s*/
.history{height: 3450px;background: url(../images/new_common/history.gif) no-repeat center;overflow: hidden;max-width:895px;margin:45px auto;}
.his-years{position: relative;}
.his-years01{height: 130px;margin-top: 10px;}
.his-years02{height: 160px;}
.his-years03{height: 143px;}
.his-years04{height: 190px;}
.his-years05{height: 133px;}
.his-years06{height: 183px;}
.his-years07{height: 160px;}
.his-years08{height: 167px;}
.his-years09{height: 165px;}
.his-years10{height: 276px;}
.his-years11{height: 230px;}
.his-years12{height: 230px;}
.his-years13{height: 230px;}
.his-years14{height: 250px;}
.his-years15{height: 290px;}
.his-years16{height: 230px;}
.his-years .left-year{position: absolute;left: 314px;top: 5px;}
.his-years .right-cont{position: absolute;right: 0px;top: 9px;}
.his-years .left-cont{position: absolute;left: 30px;top: 20px;}
.his-years .right-year{position: absolute;right: 314px;top: 14px;}
.history-cont{width: 415px;}
.history-cont > li{padding: 5px 0;padding-left: 15px;font-size: 16px;line-height: 20px;color: #4b4b4b;}
.history-cont > li::before {display: inline-block; vertical-align: middle; width:10px; height:10px; margin-left:-15px; margin-right:5px; margin-bottom:3px; border:3px solid var(--yellow); border-radius:50%; content:''; box-sizing:border-box;}
.history-cont > li > span{font-size: 14px;line-height: 18px;color: #7f7f7f;}
.left-year-txt{display: none;}
.right-year-txt{display: none;}
/*건강도시 추진경과 e*/

/*비전과 목표 s*/
.vnt-box{padding: 30px 25px;overflow: hidden;display: flex;justify-content: center;}
.vnt-left{float: left;width: 72px;overflow: hidden;}
.vnt-left .vnt-bt{font-weight: 500;font-size: 18px;line-height: 22px;color: #333333;background: url(../images/new_common/vnt_bt_bg.gif) no-repeat right center;}
.vnt-left .vnt-bt01{margin-top: 39px;}
.vnt-left .vnt-bt02{margin-top: 62px;}
.vnt-left .vnt-bt03{margin-top: 105px;}
.vnt-left .vnt-bt04{margin-top: 180px;}
.vnt-right{float: left;width: 767px;padding: 18px 0;background: url(../images/new_common/vnt_right_bg.png) no-repeat center top;}
.vnt-right .vision{text-align: center;max-width: 525px;padding: 15px;border-radius: 30px;margin: 5px auto 0;font-weight: 500;font-size: 19px;line-height: 23px;color: #ffffff;background: url(../images/new_common/vnt_vision_bg.gif) repeat center;}
.mor-vision2{display: none;text-align: center;font-size: 18px;line-height: 22px;color: #333333;}
.vnt-right .target{text-align: center;max-width: 521px;padding: 15px;margin: 30px auto 0;border: 2px solid #42a970;border-radius: 30px;}
.mor-target2{display: none;text-align: center;margin-top: 30px;font-size: 18px;line-height: 22px;color: #333333;}
.vnt-right .target > ul{text-align: center;font-size: 0;}
.vnt-right .target > ul > li{display: inline-block;vertical-align: middle;text-align: center;width: 32%;border-left: 1px solid #009944;font-weight: 500;font-size: 19px;line-height: 23px;color: #009944;}
.vnt-right .target > ul > li:first-child{border-left: none;}
.vnt-right .strategy{text-align: center;max-width: 580px;padding: 0;border-radius: 77px;margin: 30px auto 0;background: #fff0e5;overflow: hidden;}
.mor-strategy2{display: none;text-align: center;margin-top: 20px;font-size: 18px;line-height: 22px;color: #333333;}
.vnt-right .strategy > ul{font-size: 0;text-align: center;}
.vnt-right .strategy > ul > li{display: inline-block;vertical-align: middle;text-align: center;width: 139px;height: 139px;border-left: 1px solid #ffb78c;margin: 8px 0;padding: 0px 30px;background: url(../images/new_common/strategy_bg.png) no-repeat center;}
.vnt-right .strategy > ul > li:first-child{border-left: none;padding-left: 8px;background-position: 8px center;}
.vnt-right .strategy > ul > li:last-child{padding-right: 8px;background-position: 30px center;}
.vnt-right .strategy > ul > li p{padding-top: 30px;font-size: 17px;line-height: 25px;color: #d9742a;letter-spacing: -1px;}
.vnt-right .mission{text-align: center;max-width: 570px;padding: 0px;margin: 38px auto 0;}
.mor-mission2{display: none;text-align: center;margin-top: 38px;font-size: 18px;line-height: 22px;color: #333333;}
.vnt-right .mission > ul{font-size: 0;text-align: center;display: flex;}
.vnt-right .mission > ul > li{display: inline-block;vertical-align: middle;text-align: left;width: 150px;min-height: 240px;padding: 17px 10px;margin: 0 10px;border: 2px solid #6aade6;border-radius: 5px;background: #fff;}
.vnt-right .mission > ul > li:first-child{margin-left: 0px;}
.vnt-right .mission > ul > li:last-child{margin-right: 0px;}
.vnt-right .mission > ul > li > ul > li{padding-left: 8px;margin-top: 15px;font-size: 15px;line-height: 19px;color: #3d8bce;background: url(../images/new_common/vnt_mission_bg.gif) no-repeat left 7px;}
.vnt-right .mission > ul > li > ul > li:first-child{margin-top: 0px;}
.vnt-right .mission > ul > li > ul > li > ul > li{font-size: 14px;line-height: 18px;color: #868686;padding-left: 0;}
/*비전과 목표 e*/

/*저염실천 건강음식점 s*/
.double-step{padding: 20px 0;}
.double-step > li{display: table;table-layout: fixed;float: left;padding-left: 7px;}
.double-step > li:first-child{padding: 0px 78px 0px 0px;background: url(../images/new_common/double_step_bg.gif) no-repeat right center;}
.double-step > li > div{display: table-cell;text-align: center;height: 65px;vertical-align: middle;border: 1px solid #7da8d4;border-radius: 5px;padding: 15px;}
.double-step > li > div p{font-weight: 300;font-size: 14px;line-height: 18px;color: #6a6a6a;}
.double-step > li > div p span{color: #ee4d4d;}
/*저염실천 건강음식점 e*/

/*음식점 위생등급제 s*/
.rest-level{margin: 20px auto;display: flex;flex-wrap: wrap;}
.rest-level > li{flex: 1 1 auto;text-align: center;display: inline-block;vertical-align: middle;border-top: 2px solid #585d65;border-left: 1px solid #ebebeb;border-right: 1px solid #ebebeb;margin-left: -1px;}
.rest-level > li .rl-img{padding: 10px;border-bottom: 1px solid #ebebeb;}
.rest-level > li .rl-img img{max-width: 100%;}
.rest-level > li .rl-txt{border-bottom: 1px solid #ebebeb;padding: 10px;/* font-size: 14px; */line-height: 18px;/* color: #828282; */}
/*음식점 위생등급제 e*/

/*마음건강검진 및 상담지원 s*/
.manage-step{padding: 20px 0;}
.manage-step > ul > li{margin: 5px 0;}
.manage-step > ul > li .left-title{float: left;width: 330px;padding: 10px;border-radius: 33px;border: 1px solid #b9b5b5;font-size: 0;}
.left-title .ico-txt{display: inline-block;text-align: center;width: 75px;height: 42px;border-radius: 21px;font-size: 17px;line-height: 42px;color: #ffffff;vertical-align: middle;}
.left-title .ico-bg01{background: #52cc9f;}
.left-title .ico-bg02{background: #e2c348;}
.left-title .ico-bg03{background: #e43e71;}
.left-title > p{display: inline-block;padding: 13px 9px;font-weight: 400;font-size: 17px;line-height: 21px;color: #333131;vertical-align: middle;}
.manage-step > ul > li .l-arrow{float: left;padding: 25px 15px;}
.manage-step > ul > li .l-arrow2{display: none;}
.manage-step > ul > li .right-cont{float: left;width: 330px;padding: 23px 30px;border-radius: 33px;border: 1px solid #b9b5b5;font-size: 16px;line-height: 20px;color: #333131;}
.manage-step > ul > li .right-cont2{padding: 13px 30px;}
/*마음건강검진 및 상담지원 e*/

.double-img{text-align: center;font-size: 0;}
.double-img > li{display: inline-block;margin: 10px;vertical-align: middle;}

/*에러페이지 시작*/
.error-box{width: 830px;padding: 60px 30px;margin: 100px auto 0;border: 1px solid #d4d4d4;background: #f8f8f8;}
.not-find{text-align: center;padding-top: 230px;font-weight: 700;font-size: 42px;line-height: 47px;background: url(../images/new_common/error_bg01.gif) no-repeat center top;}
.sorry{text-align: center;margin-top:20px;font-size: 18px;line-height: 22px;color: #666666;}
.error-btn-zone{text-align: center;margin-top: 30px;font-size: 0;}
.error-btn-zone > a{padding: 12px 30px;display: inline-block;border: 1px solid #817e7e;border-radius: 2px;margin: 4px;vertical-align: middle;font-size: 18px;line-height: 22px;color: #333333;background: #d4d4d4;}
.error-btn-zone > a span{display: inline-block;padding-left: 30px;}
.error-btn-zone > a .bg01{background: url(../images/new_common/error_bg02.gif) no-repeat left center;}
.error-btn-zone > a .bg02{background: url(../images/new_common/error_bg03.gif) no-repeat left center;}
/*에러페이지 끝*/


.mobile-version .mobile-table{display:none;}
@media screen and (max-width:1024px){
	.mobile-version > table{display:none;}
	.mobile-version .mobile-table{display:block;}
}

.flex-box {display: flex;margin-left: 30px;}
.flex-box > span:first-child{flex:0 0 auto;margin-right:5px;}

.bg-yellow{background: var(--light-yellow)}

ul > li.num{padding-left: 0;background: none;}
ul > li.num::before{display:none;}

div.address2{display: inline-block;padding-left: 25px;background: url(../images/new_common/address_icon.gif) no-repeat left center;}
div.address2 .ad-link{display: inline-block;border-bottom: 1px solid #757575;}



@media screen and (max-width: 1024px) {
	.step-style{height: auto;}
	.step-style li{position: static;float: left;width: calc(20% - 0px);border: 1px solid #e7e7e7;padding: 0 2px !important;margin: 0 2px;background: none;}
	.step-style li.on{border: 1px solid #55a8dd;background: none;}
	.step-style li:first-child{background: none;}
	.step-style li:first-child.on{background: none;}
	.step-style li.step5{background: none;}
	.step-style li.step5.on{background: none;}
	.practice-step{width: 748px;}
	.practice-step > li{padding-right: 18px;background: url(../images/new_common/practice_step_bg02.gif) no-repeat 110px center;}
	.practice-step > li.li05{background: url(../images/new_common/practice_step_bg03.gif) no-repeat 111px center;}
	.practice-step > li.li06{left: 505px;}
	.practice-step > li.li07{left: 505px;width: 108px;}
	.practice-step > li.li08{margin-left: 110px;margin-top: -12px;padding-left: 16px;padding-top: 0px;}
	.practice-step > li.li09{top: 1px;right: 0px;}
	.practice-step > li > div{width: 80px;}
	.step-shape02 > li{width: calc((100% - 120px)/5);}
	.step-shape02 > li > div{padding: 5px;}
	.step-shape05 > li{width: calc((100% - 153px)/6);}
	.step-shape05 > li > div{padding: 5px;}
	.box-array > li{height: 40px;}
	.step-style2{height: auto;}
	.step-style2 li{position: static;float: left;width: calc((100% - 112px)/4);padding: 5px 21px 5px 5px !important;background: url(../images/new_common/practice_step_bg02.gif) no-repeat right center;margin: 0 2px;}
	.step-style2 li.on{background: url(../images/new_common/practice_step_bg02.gif) no-repeat right center;}
	.step-style2 li:first-child{background: url(../images/new_common/practice_step_bg02.gif) no-repeat right center;}
	.step-style2 li:first-child.on{background: url(../images/new_common/practice_step_bg02.gif) no-repeat right center;}
	.step-style2 li.step4{background: none;padding: 5px 5px 5px 5px !important;}
	.step-style2 li.step4.on{background: none;}
	.step-style2 li > div{border: 1px solid #e7e7e7;}
	.step-style2 li.on > div{border: 1px solid #55a8dd;}
	.step-style3{height: auto;}
	.step-style3 li{position: static;float: left;width: calc((100% - 82px)/3);padding: 5px 21px 5px 5px !important;background: url(../images/new_common/practice_step_bg02.gif) no-repeat right center;margin: 0 2px;}
	.step-style3 li.on{background: url(../images/new_common/practice_step_bg02.gif) no-repeat right center;}
	.step-style3 li:first-child{background: url(../images/new_common/practice_step_bg02.gif) no-repeat right center;}
	.step-style3 li:first-child.on{background: url(../images/new_common/practice_step_bg02.gif) no-repeat right center;}
	.step-style3 li.step3{background: none;padding: 5px !important;}
	.step-style3 li.step3.on{background: none;}
	.step-style3 li > div{border: 1px solid #e7e7e7;padding: 5px;}
	.step-style3 li.on > div{border: 1px solid #55a8dd;}
	.graph-img{float: none;text-align: center;width: 100%;}
	.graph-tit{float: none;width: 100%;padding-top: 0px;padding-bottom: 10px;}
	.graph-tit br{display: none;}
	.popup{top: 100px;max-height: calc(100% - 100px);overflow-y: auto;}
	.popup2{top: 100px;}
	.prt-cont{width: 100%;}
	.big-title{display: none;}
	.sys-right{width: calc(100% - 222px);}
	.strategy > li{width: calc((100% - 50px)/3);}
	.mor-vision{display: block;}
	.mor-vision2{display: block;}
	.mor-target{display: block;}
	.mor-target2{display: block;}
	.mor-str{display: block;}
	.mor-strategy2{display: block;}
	.mor-mission2{display: block;}
	.sys-lv3{max-width: 300px;}
	.sys-lv3 p{width: calc(100% - 14px);}
	.sys-left{float: none;width: 100%;height: auto;padding: 10px 0;border-bottom: 1px solid #333333;margin-bottom: 30px;background: none;}
	.sys-left .sys-lv1{display: inline-block;}
	.sys-right{float: none;width: 100%;}
	.appointment-pop{width: 680px;right: -22px;}
	.a-pop-bg{right: 14px;}
	.search-area .start-time{width: calc((100% - 102px)/2);}
	.search-area .start-time input{width: calc(100% - 40px);}
	.search-area .end-time{width: calc((100% - 102px)/2);}
	.search-area .end-time input{width: calc(100% - 40px);}
	.search-floor2 .edu-type{width: 298px;}
	.search-floor2 .edu-name{width: calc(100% - 298px);}
	.search-floor2 .edu-name .input-box{width: calc(100% - 62px);}
	.search-floor2 .edu-name input{width: calc(100% - 115px);}
	.banner-link{width: 100%;background-size: cover;}
	.banner-link2{width: calc(100% - 2px);height: auto;}
	.pc-step{display: none;}
	.mo-step{display: block;}
	.mo-step img{max-width: 100%;}
	.explain-img > li{display: block;width: calc(100% - 10px);margin: 5px;}
	.txt-img-box .p-txt-area{width: 100%;float: none;}
	.txt-img-box .p-img-area{width: 100%;float: none;margin: 20px 0 30px;}
	.txt-img-box .p-img-area img{max-width: 100%;}
	.tit_n_stat > h5{max-width: calc(100% - 125px);}
	.logo-zone2 > li > a > div{width: calc(100% - 20px);}
	.explain-box{width: 272px;}
	.circle-area > li{width: 220px;}
	.his-years .left-year{left: 310px;}
	.go-other > ul > li{width: calc((100% - 60px)/4);}
	.vnt-box{padding: 20px 0px;}
	.vnt-left{display: none;}
	.vnt-right{float: none;width: 565px;margin: 0 auto;}
	.vnt-right .target{margin-top: 5px;}
	.vnt-right .strategy{margin-top: 5px;}
	.vnt-right .mission{margin-top: 5px;}
	.rest-level > li{width: calc((100% - 6px)/3)}
	.error-box{width: calc(100% - 80px);}

	.disp1{display:inline;}
	.disp2{display:inline;}
}

@media screen and (max-width: 900px) {
	.bl-img-area .banner-logo{padding: 18px 40px 0 30px;}
	.banner-link .banner-btn{margin: 31px 30px 0 0;}
	.step-way > ul{background: url(../images/new_common/arrow_bg01_02.gif) no-repeat center 11px;}
	.step-way > ul > li{margin: 0 5px;}
	.step-way02 > ul{width: 150px;margin: 0 auto;}
	.step-way02 > ul > li{display: block;height: auto;padding: 8px 0 29px 0;background: url(../images/new_common/step_way_bg_02.gif) no-repeat center bottom;}
	.step-way02 > ul > li > .step-ul-txt{position: static;margin-top: 10px;}
	.step-box > ul{max-width: 400px;margin: 0 auto;}
	.step-box > ul > li{display: block;padding: 49px 0 0;background: url(../images/new_common/box_cont_bg03.gif) no-repeat center 15px;}
	.step-box > ul > li > .box-cont{height: auto;}
	.step-box > ul > li > .box-cont > ul{width: auto;}
    .video-box{flex-wrap:wrap;}
	.left-video {width: 100%;height: auto;margin-right: 0;}
    .left-video iframe{height:325px;}
	.explain-box{width: calc(100% - 30px);margin: 20px 0;}
	.explain-box-bg{top: -16px;left: 10px;width: 32px;height: 16px;background: url(../images/new_common/explain_box_bg02.gif) no-repeat center;}
	.circle-area > li{display: block;margin: 2px auto;padding: 13px 20px;border-radius: 10px;width: calc(100% / 3);}
	.circle-area > li.sec{margin: 2px 2px;}
	.model > li{margin-top: 15px;}
	.model > li > .model-title{padding: 7px 5px;font-size: 18px;}
	.model > li .model-bg{margin: 5px;}
	.model > li > .model-cont{padding: 5px 15px;}
	.sign-right-box{width: 500px;}
	.history{height: auto;background: none;margin:0;}
	.his-years{height: auto;margin: 20px 0;}
	.his-years:first-child{margin-top:0;}
	.his-years .left-year{position: static;}
	.his-years .right-cont{position: static;}
	.his-years .left-cont{position: static;}
	.his-years .right-year{position: static;}
	.his-years .left-year{display: none;}
	.his-years .right-year{display: none;}
	.left-year-txt{display: inline-block;padding: 3px 10px;border-radius: 5px;font-weight: 500;font-size: 24px;line-height: 28px;color: #ffffff;background: #74bcea;}
	.right-year-txt{display: inline-block;padding: 3px 10px;border-radius: 5px;font-weight: 500;font-size: 24px;line-height: 28px;color: #ffffff;background: #8793dc;}
	.history-cont{width: auto;}
	.history-cont br{display: none;}
	.go-other > ul > li{width: calc(50% - 22px);margin: 5px 10px;}
	.go-other > ul > li:first-child{margin: 5px 10px;}
	.manage-step{width: 100%;max-width: 355px;margin: 0 auto;padding-bottom: 0;}
	.manage-step > ul{width: 100%;}
	.manage-step > ul > li{margin-bottom: 50px;}
	.manage-step > ul > li:last-child{margin-bottom:0;}
	.manage-step > ul > li .left-title{float: none;width: calc(100% - 24px);}
	.manage-step > ul > li .l-arrow{display: none;}
	.manage-step > ul > li .l-arrow2{display: block;text-align: center;padding: 5px 0;}
	.manage-step > ul > li .right-cont{float: none;width: calc(100% - 64px);}
}

@media screen and (max-width: 800px) {
	.step-shape03.v2 > li > div {height: 153px;}
}

@media screen and (max-width: 768px) {
	/*.tab-style > li > a{font-size: 13px;line-height: 15px;}*/
	
	.tab-style2 > li{width: calc((100% - 4px) / 2);margin-bottom:2px}
	/*.tab-style > li:first-child{margin-left: 2px;*/

	.tab-style3 > li{width: calc((100% - 7px) / 3);}
	.tab-style4 > li{width: calc((100% - 7px) / 3);}
	.select-dt .select-date{float: none;width: 100%;}
	.select-dt .select-time{float: none;width: 100%;}
	.ipt-wid01{width: calc(100% - 130px);}
	.ipt-wid02{width: calc(100% - 10px);}
	.table-col-mor{display: block;}
	.table-col-mor colgroup{display: none;}
	.table-col-mor tbody{display: block;}
	.table-col-mor tbody tr{display: flex; flex-wrap: wrap;} /*20250325*/
	.table-col-mor th{display: flex; align-items: center; justify-content: center; width: 100px;} /*20250325*/
	.table-col tbody tr th.spec-th{border-right: 1px solid #cecdcd;}
	.table-col tbody tr th{min-height: 20px; height: auto !important;} /*20250325*/
	.table-col-mor tbody tr td{display: block; width: calc(100% - 141px); border-right: none;min-height: 20px} /*20250325*/
	.table-col-mor tbody tr td.mor100{width: calc(100% - 21px);}
	.table-col-mor tbody tr td.td-wid01{width: calc(100% - 20px);}
	.step-shape02 > li{width: 100%;padding: 5px 0 18px 0;background: url(../images/new_common/practice_step_bg01.gif) no-repeat center bottom;}
	.step-shape02 > li > div{height: auto;}
	.table-shape > ul{width: 100%;}
	.table-shape .ts-left{float: none;}
	.table-shape .ts-right{float: none;border-top: 1px solid #d6d6d7;}
	.table-shape2 > ul{width: 100%;}
	.table-shape2 .ts-left{float: none;}
	.table-shape2 .ts-right{float: none;border-top: 1px solid #d6d6d7;}
	.table-shape3 > ul > li:first-child{width: 35%;}
	.table-shape3 > ul > li:last-child{width: 65%;}
	.tb-list-ul > li{display: table;padding: 5px 7px;}
	.tb-list-ul > li > div{display: table-cell;width: 100%;height: 50px;vertical-align: middle;}
	.tb-list-ul > li > div > .link{max-width: 280px;}
	.tb-list-ul > li.num{display: none;}
	.tb-list-ul > li.writer{display: none;}
	.tb-list-ul > li.date{display: none;}
	.tb-list-ul > li.amt{display: none;}
	.tb-list-ul > li.subject{border-left: none;width: calc(54% - 14px);}
	.tb-list-ul > li.subject5{border-left: none;width: calc(54% - 14px);}
	.tb-list-ul > li.writer3{width: calc(46% - 15px);}
	.tb-list-ul > li.stat1{width: calc(23% - 15px);}
	.tb-list-ul > li.stat2{width: calc(23% - 15px);}
	.tb-list-ul > li.subject2{border-left: none;width: calc(54% - 14px);}
	.tb-list-ul > li.writer2{width: calc(23% - 15px);}
	.tb-list-ul > li.date2{width: calc(23% - 15px);}
	.mor-show{display: block;font-size: 12px;line-height: 15px;color: #959494;}
	.view-fn .qr-code{float: none;}
	.view-fn .share-part{float: none;text-align: left;margin-top: 20px;}
	.view-fn .share-part .sns-share{margin-top: 30px;}
	.share-part .copy-link .link{display: block;margin-bottom: 5px;word-wrap: break-word;word-break: break-all;}
	.box-array > li{width:calc(50% - 50px);height: 20px;margin: 5px;}
	.box-array > li a{padding-left: 12px;letter-spacing: -1px;}
	.step-style2 li .step-cont{font-size: 13px;line-height: 15px;}
	.step-style3 li .step-cont{text-align: center;font-size: 13px;line-height: 15px;}
	.half-tb .half-tb-left{float: none;width: 100%;}
	.half-tb .half-tb-right{float: none;width: 100%;margin-top: 10px;}
	.step-shape04 > li > div .step-name01{font-size: 14px;line-height: 16px;}
	.relatin-info > li{width: calc(33% - 10px);font-size: 15px;line-height: 19px;}
	.tb-list-ul > li.mor-tl{text-align: left;}
	.tb-list-ul > li.type{display: none;}
	.tb-list-ul > li.tel-num{display: none;}
	.tb-list-ul > li.subject3{width: calc(50% - 15px);border-left: none;}
	.tb-list-ul > li.subject4{width: calc(60% - 15px);border-left: none;}
	.tb-list-ul > li.fea-food{width: calc(20% - 15px);}
	.tb-list-ul > li.address{width: calc(30% - 15px);}
	.tb-list-ul > li.address2{width: calc(40% - 15px);}
	.tb-list-ul > li.location{display: none;}
	.graph-box{padding: 20px;}
	.table-out03{width: 100%;}
	.pop-tit{float: none;padding: 15px 10px 5px;font-size: 23px;line-height: 28px;}
	.pop-sub-tit{float: none;padding: 0 10px 10px;font-size: 16px;line-height: 30px;}
	.pop-sub-tit .point{font-size: 25px;}
	.map-message{text-align: left;}
	.map-message span{margin: 0 10px;}
	.practice-step{width: 734px;}
	.practice-step > li{padding-right: 14px;background: url(../images/new_common/practice_step_bg02.gif) no-repeat 108px center;}
	.practice-step > li.li05{background: url(../images/new_common/practice_step_bg03.gif) no-repeat 108px center;}
	.practice-step > li.li06{left: 490px;}
	.practice-step > li.li07{left: 490px;}
	.practice-step > li.li08{margin-left: 112px;}
	.logo-zone > li{width: calc(25% - 20px);}
	.txtline-btn4{float: none;margin-top: 10px;display: block !important;}
	.p-txt06{float: none;}
	.double-img > li{width: calc(50% - 20px);}
	.double-img > li img{max-width: 100%;}

	ol.ol-txt{margin-left:6px;}
	ol.ol-txt > li > ul > li{background-position:0px 8px;}

	.table01 .m_disno{display: none;}
	.table01 .m-disbl{display: block;}

    .blue_box{padding: 15px;margin-bottom: 15px;}
    .information_box > ul > li{min-height: auto;padding: 15px !important;background-image: none !important;font-size: 17px;}
    .information_box > ul > li > ul > li{font-size:16px;}
    .information_box > ul > li > ul > li::before{top: 8px;}
}

@media screen and (max-width: 767px) {
	.practice-step{padding: 10px 0;width: 100%;}
	.practice-step > li{float: none;position: static;padding: 5px 0 20px;margin: 0 auto;background: url(../images/new_common/practice_step_bg01.gif) no-repeat center bottom;}
	.practice-step > li > div .sub-cont{font-size: 12px;line-height: 16px;}
	.practice-step > li.li01{position: static;padding: 5px 0 20px;background: url(../images/new_common/practice_step_bg01.gif) no-repeat center bottom;}
	.practice-step > li.li05{padding: 5px 0 20px;background: url(../images/new_common/practice_step_bg05.gif) no-repeat center bottom;}
	.practice-step > li.li06{top: 495px;left: calc(50% - 111px);padding: 5px 0;}
	.practice-step > li.li07{top: 495px;left: auto;right: calc(50% - 111px);padding: 5px 0;}
	.practice-step > li.li08{margin: 0 auto;margin-top: 82px;padding: 20px 0 5px;background: url(../images/new_common/practice_step_bg05.gif) no-repeat center top;}
	.practice-step > li.li09{position: static;padding: 20px 0 5px;background: url(../images/new_common/practice_step_bg06.gif) no-repeat center top;}
	.talk-banner span{margin-right: 50px;}
	.step-shape03 > li > div{height: 90px;}
	.pop-cont2 .left-txt{float: none;padding: 20px 10px;}
	.pop-cont2 .left-txt p{font-size: 15px;line-height: 22px;}
	.pop-cont2 > a{float: none;margin: 0px 10px 20px;}
	.table-row .blue-pt{font-size: 16px;}
	.table-row .yellow-pt{font-size: 16px;}
	.table-row .red-pt{font-size: 16px;line-height: 20px;}
	.popup .pop-btn01{font-size: 15px;line-height: 19px;}
	.pop-foot .foot-left{float: none;width: 100%;margin: 5px 0 10px;}
	.pop-foot > a{float: none;}
	.floor-menu{float: none;width: 100%;}
	.floor-menu > ul > li{float: left;width: 80px;border-left: 1px solid #b8d0e9;}
	.floor-menu > ul > li:first-child{border-left: none;}
	.floor-menu > ul > li.on{margin-top: 0px;}
	.floor-menu > ul > li.on > .deco{display: none;}
	.floor-menu > ul > li:last-child{border-right: 1px solid #b8d0e9;}
	.floor-menu > ul > li.flm1 > a{font-size: 15px}
	.floor-menu > ul > li > a{font-size: 15px}
	
	
	.floor-map{float: none;width: calc(100% - 22px);padding: 30px 10px;border-top: 1px solid #b8d0e9;margin-top: -1px;}
	.floor-map .map-explain{left: -1px;top: 415px;width: calc(100% - 30px);}
	.select-area > li > a{padding: 10px;}
	.float-box2 .list-amount{float: none;}
	.float-box2 .list-amount span{font-weight: 500;color: #ff6633;}
	.float-box2 .func-btn{float: none;}
	.float-box2 .func-btn > li{margin: 5px;}
	.go-other > ul > li > p{font-size: 16px;line-height: 20px;}
	.prt-box{padding: 5px;}
	.strategy > li{width: calc((100% - 20px)/3);margin-left: 10px;}
	.mor-table tbody tr td.m-font-style{font-size: 12px;line-height: 16px;color: #2275bc;}
	.mor-table tbody tr td.m-font-style *{font-size: 12px;line-height: 16px;color: #2275bc;}
	.mor-table tbody tr td .m-font01{font-size: 12px;line-height: 16px;color: #959494;}
	.mor-table tbody tr td .edu-name{font-size: 15px;line-height: 19px;color: #757575;}
	.mor-table tbody tr td .table-subject{color: var(--blue);}
	.mor-table .m_disno{display: none;}
	.mor-table .m-disbl{display: block;}
	.mor-table .m-disin{display: inline-block;}
	.mor-table .m-bdrno{border-right: none;}
	.tb-col3{width: 35%;}
	.tb-col4{width: 20%;}
	.tb-col5{width: 20%;}
	.tb-col6{width: 25%;}
	.tb-col7{width: 25%;}
	.tb-col8{width: 50%;}
	.tb-col9{width: 25%;}
	.tb-col10{width: 25%;}
	.tb-col12{width: 30%;}
	.tb-col13{width: 60%;}
	.tb-col14{width: 40%;}
	.tb-col15{width: 40%;}
	.tb-col16{width: 65%;}
	.tb-col17{width: 35%;}
	.mor-table tbody tr td .adress{padding-left: 0px;background: none;}
	.mor-table tbody tr td .adress span{border-bottom: none;text-decoration: underline;}
	.mor-table tbody tr td .adress:hover span{border-bottom: none;}
	.mor-table .m-txtl{text-align: left;}
	.log-box{float: none;width: calc(100% - 2px);}
	.accept-box{float: none;width: calc(100% - 2px);margin-left: 0px;}
	.appointment-pop{width: 258px;right: -10px;}
	.a-pop-bg{right: 2px;}
	.appointment-pop > ul > li{width: 100%;margin: 10px 0;}
	.search-area .accept-period{float: none;width: 100%;margin: 10px 0;}
	.search-area .edu-period{float: none;width: 100%;margin: 10px 0;}
	.banner-link{text-align: center;max-width: 365px;height: auto;padding-bottom: 20px;margin: 20px auto 0;background: url(../images/new_common/g_health_bg02.gif) no-repeat center;}
	.bl-img-area{float: none;}
	.bl-img-area .banner-logo{padding: 18px 10px 0 0px;}
	.banner-link .banner-btn{float: none;margin: 0;}
	.bl-img-area2 .banner-logo{padding: 28px 60px 0 53px;}
	.banner-link2 .banner-btn2{margin: 29px 50px 0 0;}
	.step-shape05 > li{float: none;display: block;width: 200px;margin: 0 auto;padding: 5px 0 18px 0;background: url(../images/new_common/practice_step_bg01.gif) no-repeat center bottom;}
	.step-shape05 > li > div{display: block;width: 100%;height: auto;}
	.logo-zone2 > li{width: calc(33% - 12px);}
	.step-way > ul{width: 150px;margin: 0 auto;background: none;}
	.step-way > ul > li{display: block;height: 180px;padding: 9px 0 18px 0;background: url(../images/new_common/practice_step_bg01.gif) no-repeat center bottom;}
	.step-way > ul > li .step-cont{left: 2px;}
	.step-way > ul > li:last-child{background: none;}
	.left-video{width: 100%;height: auto;}
	.video-js{width: 100%;min-height: 300px;height: auto;}
	.model > li{border: 3px solid #e4e4e4;flex-wrap: wrap;}
    .model > li .model-bg{width:100%;background-position: left;}
	.model > li > .model-cont{border: none;}
	.sign-left-box{float: none;}
	.sign-right-box{float: none;width: auto;margin-left: 0px;margin-top: 10px;}
	.gal-area > li{margin: 5px;}
	.not-find{padding-top: 230px;font-size: 30px;line-height: 35px;}

	h4.tits {margin: 20px 0 10px; padding-left: 20px; font-size: 1.2rem;background-size:16px;background-position: left 4px;}
	h4.tits span{font-size:1.1rem;}

	.flex-box{display:block;}
	.flex-box > span:first-child{flex:1 1 auto;}
}

@media screen and (max-width: 690px) {
	.step-style li{height: auto;padding: 5px 2px !important;}
	.step-style li.on{background: #55a8dd;}
	.step-style li:first-child.on{background: #55a8dd;}
	.step-style li.step5.on{background: #55a8dd;}
	.step-style li.on > div p{color: #ffffff;}
	.step-style li .step-cont{display: none;}
	.talk-banner{background: #f6fbff url(../images/new_common/talk_banner_bg.gif) no-repeat 15px center;}
	.stra-cont > ul > li{margin-top: 20px;font-size: 16px;line-height: 20px;}
	.search-area .search-floor2{margin: 0;display: block;}
	.search-floor2 .edu-type{width: 100%;margin: 0 0 10px;}
	.search-area .search-floor2 select{width: calc(100% - 78px);margin-right: 0px;}
	.search-floor2 .edu-name{width: 100%;margin: 0 0 10px;}
	.search-floor2 .edu-name .input-box{width: calc(100% - 81px);/* border: 1px solid #d7d7d7; */}
	.search-floor1 label,.search-floor2 label{width: 70px;}
	.search-floor2 .edu-name input{width: calc(100% - 43px);/* border: none; */margin-right: 5px;}
	.search-floor2 .search-btn01{width: auto;padding: 0;font-size: 0px;line-height: 0;background: none;}
	.search-floor2 .search-btn01 span{display: inline-block;width: 33px;height: 33px;padding: 0px;font-size: 0;text-indent: -99999px;background: url(../images/new_common/search_icon2.gif) no-repeat center;}
	.appt-btn01{width: 65px;font-size: 13px;line-height: 17px;}
}

@media screen and (max-width: 630px) {
	.agree-box .ask{float: none;margin-bottom: 10px;}
	.agree-box .check-area{float: none;}
	.line-bg{display: none;}
	.bl2-bg{display: none;}
	.business-lv2 > li{width: calc(50% - 20px);margin: 10px;}
	.business-lv2 > li:first-child{margin: 10px;}
	.stra-cont > ul > li > ul > li{font-size: 13px;line-height: 17px;}
	.lvf-right{background: none;width: calc(100% - 257px);padding-left: 30px;}
	.logo-zone > li{width: calc(33% - 20px);}
	.bl-img-area2 .banner-logo{padding: 28px 30px 0 33px;}
	.vnt-right{width: 100%;}
	.vnt-right .strategy{background: none;border-radius: 0px;}
	.vnt-right .strategy > ul > li{width: calc(33% - 34px);height: auto;padding: 10px;margin: 0 5px;border: 2px solid #f09963;border-radius: 15px;background: #fff;}
	.vnt-right .strategy > ul > li:first-child{padding: 10px;border-left: 2px solid #f09963;}
	.vnt-right .strategy > ul > li:last-child{padding: 10px;}
	.vnt-right .strategy > ul > li > p{padding: 0px;}
}

@media screen and (max-width: 590px) {
	.tb-list-ul > li > div > .link{max-width: 200px;}
	.talk-banner{text-align: right;background: #f6fbff url(../images/new_common/talk_banner_bg.gif) no-repeat top center;}
	.talk-banner span{float: none;padding: 110px 0 29px;margin-right: 20px;}
	.step-shape03 > li{width: 100%;padding: 5px 0 18px;background: url(../images/new_common/practice_step_bg01.gif) no-repeat center bottom;}
	.step-shape03 > li > div{height: auto;padding: 10px;}
	.step-shape03.v2 > li > div{height:auto;}
	.step-shape03.v2 > li > div span{display:inline}
	.step-shape03.v2 > li > div .step-name01{padding-top:0}
	.step-shape03.v2 > li > div.row1 .sub-cont01{padding-top:5px}
	.step-shape03.v2 > li > div .sub-cont01 + .sub-cont01{}
	.step-shape04 > li{width: 100%;padding: 5px 0 18px !important;background: url(../images/new_common/practice_step_bg01.gif) no-repeat center bottom;}
	.step-shape04 > li > div{height: auto;padding: 10px;}
	.txt_style .step-shape04 li{background: url(../images/new_common/practice_step_bg01.gif) no-repeat center bottom;}
	.txt_style .step-shape04 li:last-child{background:none}
	
	.relatin-info > li{width: calc(50% - 10px);}
	.col01{width: 50%;}
	.col02{width: 15%;}
	.col03{width: 16%;}
	.col04{width: 19%;}
	.col05{width: 40%;}
	.col06{width: 35%;}
	.col07{width: 20%;}
	.pop-cont3 .left-txt{padding: 20px 10px;}
	.pop-cont3 .left-txt p{font-size: 16px;line-height: 23px;}
	.pop-cont3 .left-txt p .red-txt{font-size: 19px;}
	.stra-cont > ul > li{font-size: 14px;line-height: 18px;background-position: left 6px;}
	.stra-cont{padding: 5px 7px;}
	.stra-title{width: calc(100% - 6px);height: auto;border-radius: 15px;background: none;}
	.stra-title1{border: 3px solid #063689;}
	.stra-title2{border: 3px solid #039ddb;}
	.stra-title3{border: 3px solid #133f8e;}
	.stra-title p{padding: 10px;font-size: 15px;line-height: 19px;}
	.system-box{padding: 20px 10px;}
	.lvf-right {width: calc(100% - 237px);padding-left: 10px;}
	.sys-lv2 p{width: 180px;font-size: 15px;line-height: 19px;}
	.lvf-ul{width: 170px;}
	.lvf-ul > li{padding-left: 7px;font-size: 13px;}
	.lvf-right{width: calc(100% - 206px);}
	.mor-table tbody tr td{padding: 10px 5px;word-wrap: break-word;word-break: break-all;}
	.board-view-subcont .left-logo{float: none;margin: 0;}
	.board-view-subcont .right-txt{float: none;width: 100%;}
	.banner-link2{text-align: center;padding-bottom: 20px;}
	.bl-img-area2{float: none;}
	.bl-img-area2 .banner-logo{padding: 28px 30px 0 0;}
	.banner-link2 .banner-btn2{float: none;display: block;max-width: 250px;border-radius: 0;margin: 0 auto;box-shadow: 2px 2px 2px rgba(0,0,0,0.3)}
	.banner-link2 .banner-btn2 span{padding: 0;background: none;}
	.logo-zone2 > li{width: calc(50% - 12px);}
	.logo-zone2 > li > a > div{font-size: 14px;line-height: 18px;}
	.vnt-right .strategy > ul > li > p{font-size: 14px;line-height: 18px;}
	.vnt-right .mission > ul > li{width: calc(33% - 34px);padding: 10px;margin: 0 5px;}
}

@media screen and (max-width: 545px) {
	.popup5{left: 0px;top: 60px;margin-left: 0px;width: calc(100% - 2px);height: calc(100% - 80px);overflow-y: auto;}
	.popup5 .close-popup5{right: 20px}
	.popup5-cont{width: calc(100% - 20px);}
	.search-address{width: calc(100% - 94px);}
	.search-address .enter-address{width: calc(100% - 36px);}
	.vnt-right .target{padding: 10px 5px;}
	.vnt-right .target > ul > li{font-size: 14px;line-height: 18px;}
}

@media screen and (max-width: 500px) {
	.table-col .sms{display: block;margin-left: 0px;}
	.ipt-wid03{width: calc(100% - 12px);}
	.step-shape > li{width: calc(33% - 20px);}
	.step-shape > li > div{width: 100%;padding: 0 5px;}
	.tb-list-head .list-amount{float: none;}
	.tb-list-head .search-art{float: none;margin-top: 5px;}
	.box-array > li{height: 40px;}
	.step-style2 li{float: none;width: calc(100% - 10px);height: auto;margin: 2px;padding: 5px 0 18px 0 !important;background: url(../images/new_common/practice_step_bg01.gif) no-repeat center bottom;}
	.step-style2 li:first-child.on{background: url(../images/new_common/practice_step_bg01.gif) no-repeat center bottom;}
	.step-style2 li > div{padding: 10px;}
	.step-style3 li{float: none;width: calc(100% - 10px);height: auto;margin: 2px;padding: 5px 0 18px 0 !important;background: url(../images/new_common/practice_step_bg01.gif) no-repeat center bottom;}
	.step-style3 li:first-child.on{background: url(../images/new_common/practice_step_bg01.gif) no-repeat center bottom;}
	.step-style3 li > div{padding: 10px;}
	.tb-list-ul > li.address > div > p{padding-left: 0px;background: none;}
	.tb-list-ul > li.address > div > p > .ad-link{text-align: left;border-bottom: none;text-decoration: underline;}
	.tb-list-ul > li.address2 > div > p{padding-left: 0px;background: none;}
	.tb-list-ul > li.address2 > div > p > .ad-link{text-align: left;border-bottom: none;text-decoration: underline;}
	.select-area > li{width: calc((100% - 5px)/4);}
	.stra-cont{padding: 5px;}
	.step-style3 li.step3{padding: 5px 0 18px 0 !important;}
	.history-cont br{display: block;}
	.vnt-right .mission > ul > li > ul > li{margin-top: 10px;font-size: 13px;line-height: 17px;background: url(../images/new_common/vnt_mission_bg.gif) no-repeat left 5px;}
	.vnt-right .mission > ul > li > ul > li > ul > li{font-size: 12px;line-height: 16px;}
	.double-step > li{padding-left: 2px;}
	.double-step > li:first-child{padding: 0px 30px 0px 0px;background: url(../images/new_common/double_step_bg02.gif) no-repeat right center;}
	.double-step > li > div{padding: 5px;}
	.double-step > li > div p{font-size: 12px;line-height: 16px;}
	.rest-level{width: 232px;}
	.rest-level > li{display: block;width: 230px;margin-left: 0px;}
	.double-img > li{width: calc(100% - 20px);}
	.error-box{width: calc(100% - 50px);padding: 40px 15px;}
	.error-btn-zone > a{padding: 7px 15px;}
	.error-btn-zone > a span{padding-left: 20px;}
	.sorry{font-size: 15px;line-height: 19px;}

	div.address2{background:none;padding-left:0;}
	div.address2 .ad-link{text-align:left;border-bottom:0;text-decoration:underline;}
}

@media screen and (max-width: 450px) {
	.calendar tbody tr td .date-cell .order-icon{max-width: 28px;margin: 0 auto;}
	.sms-status{display: block;margin-left: 0px;margin-top: 10px;}
	.tb-list-ul > li.fea-food > div{font-size: 13px;line-height: 15px;}
	.tb-list-ul > li.address > div{font-size: 13px;line-height: 15px;}
	.tb-list-ul > li > div > .link{max-width: 150px;}
	.btn-area02 .btn{width: 100px;}
	.btn-area02 .bg-color03{width: 135px;}
	.icon-explain{text-align: left;}
	.icon-explain > ul > li{margin: 5px 7px;}
	.stra-title p{font-size: 12px;line-height: 16px;}
	.strategy > li{width: calc((100% - 10px)/3);margin-left: 5px;}
	.lvf-left{float: none;}
	.lvf-right{float: none;padding: 10px 0;width: 100%;}
	.sys-lv2{display: inline-block;}
	.lv2-floor{padding-bottom: 10px;border-bottom: 1px dashed #cccccc;}
	.lvf-pos01{position: static;}
	.lvf-ul{width: 100%;margin-top: 10px;}
	.lvf-ul > li{font-size: 15px;}
	.log-box .log-explain{width: calc(100% - 20px);max-width: 315px;}
	.accept-box .accept-explain{width: calc(100% - 20px);max-width: 315px;}
	.log-box .log-title{text-align: center;padding: 20px 0;font-size: 18px;line-height: 22px;}
	.accept-box .accept-title{text-align: center;padding: 20px 0;font-size: 18px;line-height: 22px;}
	.log-box .log-btns{width: calc(100% - 20px);max-width: 315px;}
	.accept-box .accept-btns{width: calc(100% - 20px);max-width: 315px;}
	.log-box .log-btns > li > a{height: 50px;font-size: 16px;line-height: 20px;}
	.accept-box .accept-btns > li > a{height: 50px;font-size: 16px;line-height: 20px;}
	.logo-zone > li{text-align: center;width: calc(50% - 20px);margin: 10px;}
	.search-area .accept-period label{display: block;}
	.search-area .edu-period label{display: block;}
	.search-area .start-time{width: calc((100% - 26px)/2);}
	.search-area .end-time{width: calc((100% - 26px)/2);}
	.search-area .search-floor2 label{display: block;}
	.search-area .search-floor2 select{width: calc(100% - 2px);}
	.search-floor2 .edu-name .input-box{width: calc(100% - 2px);}
	.explain-img > li{width: 100%;padding: 4px 0;margin: 5px 0;}
	.exp-img-bg{width: 80px;height: 80px;background-size: 100% 100%;}
	.exp-img-txt{padding: 0 20px 0 80px;}
	.video-js{min-height: 200px;}
	.vnt-right .vision{font-size: 15px;line-height: 19px;}
	.vnt-right .strategy > ul > li{width: calc(33% - 12px);padding: 5px 2px;margin: 0 2px;}
	.vnt-right .strategy > ul > li:first-child{padding: 5px 2px;}
	.vnt-right .strategy > ul > li:last-child{padding: 5px 2px;}
	.vnt-right .strategy > ul > li > p{font-size: 12px;line-height: 16px;letter-spacing: -1px;}
	.go-other > ul > li{float: none;width: 260px;margin: 5px auto;}
	.go-other > ul > li:first-child{margin: 5px auto;}
}

@media screen and (max-width: 390px) {
	.step-style li .step-num{font-size: 16px;line-height: 20px;}
	.btn-area a{padding: 8px 10px;font-size: 14px;line-height: 18px;}
	.btn-area a.btn02{padding-right: 7px;}
	.btn-area a.btn02 .bg01{background-size: auto 12px;padding-right: 17px;}
	.btn-area a.btn03{padding-left: 7px;}
	.btn-area a.btn03 .bg02{background-size: auto 12px;padding-left: 17px;}
	.ipt-wid01{width: calc(100% - 12px);}
	.post-code{margin-left: 0px;}
	.step-shape > li{width: calc(33% - 13px);padding: 5px 18px 5px 2px;}
	.step-shape > li > div .step-name01{font-size: 14px;line-height: 18px;}
	.tb-list-head .search-art select{float: none;width: 100%;}
	.tb-list-head .search-art .enter-word{width: calc(100% - 2px);margin-left: 0px;margin-top: 5px;}
	.tb-list-head .search-art .enter-word input{width: calc(100% - 46px);}

	.tb-list-thead > li{font-size: 13px;line-height: 17px;}
	.tb-list-ul > li > div > .link{max-width: 120px;}
	.talk-banner{background-size: 100% auto;}
	.select-area > li{width: calc((100% - 4px)/3);}
	.stra-cont{height: auto;}
	.banner-link .banner-btn{padding: 6px 10px;font-size: 16px;line-height: 19px;}
	.bl-img-area .banner-logo{padding: 18px 0px;}
	.bl-img-area .banner-bg02{display: none;}
	.bl-img-area2 .banner-logo{padding: 28px 0;}
	.bl-img-area2 .banner-bg02{display: none;}
	.banner-link2 .banner-btn2{max-width: 220px;}
	.exp-img-bg{display: none;}
	.exp-img-txt{padding: 10px 20px;}
	.exp-txt-in{height: auto;}
	.exp-txt-in br{display: none;}
	.circle-area > li{padding:10px;}
	.vnt-right .target > ul > li{text-align: center;font-size: 12px;line-height: 16px;letter-spacing: -1px;}
	.vnt-right .mission > ul > li{width: calc(33% - 18px);padding: 10px 5px;margin: 0 2px;}
	.vnt-right .mission > ul > li > ul > li{font-size: 12px;line-height: 16px;}
	.double-step > li:last-child > div{width: 130px;}
	.double-step > li > div p br{display: none;}
	.floor-menu > ul > li{width: 60px}
	.floor-menu > ul > li:last-child{width: 80px}
	
}


/*ys*/
.mgs_line > li{line-height: 22px}
.mprogram > li{line-height: 22px}
.select-date h4.tits{margin-bottom:5px}
.fc-toolbar:after{content:"";display:block;clear:both}
.fc-toolbar .fc-left h2{font-size:17px;line-height:27px}
.select-time h4.tits{margin-bottom: 5px}


/*ys*/
.mgs_line > li{line-height: 22px}
.mprogram > li{line-height: 22px}
.select-date h4.tits{margin-bottom:5px}
.fc-toolbar:after{content:"";display:block;clear:both}
.fc-toolbar .fc-left h2{font-size:17px;line-height:27px}
.select-time h4.tits{margin-bottom: 5px}

/*20181206*/
.sub_navi > ul {top:0}
.sub_navi > ul img{vertical-align:top}

/* common */
.sub_visul {background: url(../images/new_common/sv_bg.jpg) no-repeat center top;}
.sub_visul.v2{background: url(../images/new_common/sv_bg02.jpg) no-repeat center top;}
.sub_visul.v3{background: url(../images/new_common/sv_bg03.jpg) no-repeat center top;}
.sub_visul.v4{background: url(../images/new_common/sv_bg04.jpg) no-repeat center top;}
.sub_visul.v5{background: url(../images/new_common/sv_bg05.jpg) no-repeat center top;}
.sub_visul.v6{background: url(../images/new_common/sv_bg06.jpg) no-repeat center top;}

/* 우편번호 팝업 - basic */
.pop-layer .pop-container {
  padding: 20px 25px;
}
.pop-layer p.ctxt {
  color: #666;
  line-height: 25px;
}
.pop-layer .btn-r {
  width: 100%;
  margin: 10px 0 20px;
  padding-top: 10px;
  border-top: 1px solid #DDD;
  text-align: right;
}
.pop-layer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  /* width: 410px; */
  height: auto;
  background-color: #fff;
  border: 5px solid #3571B5;
  z-index: 10;
}
.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.dim-layer .pop-layer {
  display: block;
}

a.btn-layerClose {
  display: inline-block;
  height: 25px;
  padding: 0 14px 0;
  border: 1px solid #304a8a;
  background-color: #3f5a9d;
  font-size: 13px;
  color: #fff;
  line-height: 25px;
}

a.btn-layerClose:hover {
  border: 1px solid #091940;
  background-color: #1f326a;
  color: #fff;
}

.ht_rt > li.t_language > a{background:none;}

/*진료예약 운동처방 단계3 시작*/
/* 우편번호 팝업 - add */
.postcode-input-box{text-align: center;}
.postcode-input-box .postcode-input{padding: 5px 0;text-align: left;margin-right: 5px;min-width: 450px;width: auto;margin-bottom: 10px;}
.postcode-pop{max-width: 800px;min-width: 800px;width: auto}
.postcode-table table{table-layout: fixed;border-top: 1px solid #000;}
.postcode-table table tr th{height: 30px;border-bottom: 1px solid #000;padding: 0;}
.postcode-table table tr td{height: 30px;padding: 10px ;box-sizing: border-box;text-align: left;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd}
.postcode-table table tr td.no-bdl{border-left: 0}
.postcode-table table tr td.zip{text-align: center;}
.postcode-table table tr:nth-child(odd) td {background:#f7f7f7}
.tb-list-ul > li{min-height: 20px}
.box-addr > a{display:block;}
.box-addr > a > span{display:block;}
.post-address{color: #2a2a2a;letter-spacing: -1px;}
.popup5 .guide {display:block; margin:5px auto 0 auto; color:#186bb9;text-align: center }

.detail-addresss {font-weight: 400;color: #575757;letter-spacing: -1px;}
.search-address .enter-address{text-indent: 10px}
.addrtext1{font-weight: bold;margin-bottom: 3px}
a.btn_close{position: absolute;display: inline-block;right: 40px;top: 31px;height:15px;padding:0; font-size: 0;line-height: 15px;border: 0}
a.btn_close:hover {border:none;}
.popup5{position: fixed;height:auto;margin-top:-267px; box-shadow: 5px 4px 6px #ccc;border: 1px solid #eee;}
#div_paginate{text-align: center;margin: 20px auto 0 auto;line-height: 30px;}
#div_paginate a{display: inline-block;height: 30px;padding: 0px 0;width:30px;border: 1px solid #d6d6d7;text-align: center;line-height: 30px;font-size: 15px;color: #555555;vertical-align: top;margin:0 2px;}
#div_paginate a:hover{border: 1px solid #a0aff6;color: #fff;background: #a0aff6;}
#div_paginate a img{vertical-align: top;}
#div_paginate a strong{display:block;font-weight: bold;color: #fff;background: #6d7fd2;}
#div_paginate a.first,
#div_paginate a.prev,
#div_paginate a.next,
#div_paginate a.last{border: 0;padding: 0;width:32px;height:32px}

/* 교육신청 */
.search-area .start-time{padding-right: 5px}
.search-area .end-time{padding-right: 5px}

/* 예약달력 */
.calendar-box .fc-event, 
.calendar-box .fc-event-dot {text-align: center;padding: 2px 0;color: #ffffff;background-color: #6d8dcf;border: 0;border-radius: 0;}
.calendar-box .fc-title{color:#fff;font-size: 12px;line-height: 15px;font-weight: normal;}
.calendar-box .fc-left h2{font-size: 17px}
.calendar-box td{border: 1px solid red}
.calendar-box .fc-unthemed *{border: none}
.calendar-box .fc-unthemed .fc-row{border:none}
.calendar-box .fc-unthemed .fc-head thead{border:1px solid #ccc;border-bottom: 1px solid #999;}
.calendar-box .fc-unthemed .fc-head thead th{height:38px;border:none;vertical-align:middle;color:#333;font-weight: normal;}
.calendar-box .fc-unthemed .fc-head thead td{border-color: #ccc;}
.calendar-box .fc-unthemed .fc-head .fc-row{border-bottom: none}
.calendar-box .fc-unthemed .fc-head .fc-row:first-child table{border-top: 1px solid #ccc}
.calendar-box .fc-unthemed .fc-basic-view .fc-day-top .fc-day-number{float: left;margin-left: 5px}
.calendar-box .fc-unthemed table tbody tr .fc-day{border-right: 1px solid #ccc;border-bottom: 1px solid #ccc; }
.calendar-box .fc-unthemed table tbody tr:FIRST-CHILD .fc-bg{border-left: 1px solid #ccc}
.calendar-box .fc-unthemed .fc-row{border-bottom: 1px solid #ccc}
.calendar-box .fc-unthemed .fc-row .fc-content-skeleton td.fc-sat{color: #00abde}
.calendar-box .fc-unthemed .fc-row .fc-content-skeleton td.fc-sun{color: #ff6666}
.calendar-box .fc-unthemed .fc-row .fc-content-skeleton td.fc-other-month.fc-sun{color: #282828;}
.calendar-box .fc-unthemed .fc-row .fc-content-skeleton td.fc-other-month.fc-sat{color: #282828;}
.calendar-box .fc td.fc-today{border-style: inherit;}
.calendar-box .fc-highlight{position:relative;background: #ffe9c2;opacity: 1;}
.calendar-box .fc-highlight:after{content: "";position: absolute;left: 0;display: block;width: 100%;height: 99%;border: 3px solid #fd7d63;box-sizing: border-box;}
.calendar-box .fc-event, .calendar-box .fc-event-dot{margin: 0 6px;}
.calendar-box .fc-day-grid-event .fc-content{white-space: normal;}

.select-dt .select-date{width:535px }
.select-dt .select-time{width: calc(100% - 570px);}

/* 반응형 ul리스트 */
.tb-list-ul.type2{display: table;table-layout: fixed;width: 100%}
.tb-list-ul.type2:after {content: ""; display: none; height: 0px; clear: both; visibility: hidden;}
.tb-list-ul.type2 > li > div{display: block;}
.tb-list-ul.type2 > li > div > .link{max-width: 98%}
.tb-list-ul.type2 > li{display: table-cell;float: none;white-space:normal;vertical-align: middle;}
.tb-list-ul.type2 > li.num{width: 8%}
.tb-list-ul.type2 > li.stat1{width:12%}
.tb-list-ul.type2 > li.stat2{width:13%}
.tb-list-ul.type2 > li.date{width:14%}
.tb-list-ul.type2 > li.date2{width:14%}
.tb-list-ul.type2 > li.amt{width:9%}
.tb-list-ul.type2 > li.type{width:10%}
.tb-list-ul.type2 > li.fea-food{width:15%}
.tb-list-ul.type2 > li.tel-num{width:15%}
.tb-list-ul.type2 > li.address{width:26%}
.tb-list-ul.type2 > li.address3{width:28%}
.tb-list-ul.type2 > li.location{width:25%}
.tb-list-ul.type2 > li.subject{width:35%}
.tb-list-ul.type2 > li.subject2{width:55%}
.tb-list-ul.type2 > li.subject3{width: 26%}
.tb-list-ul.type2 > li.subject4{width:26%}
.tb-list-ul.type2 > li.subject5{width:39%}
.tb-list-ul.type2 > li.subject6{width:49%}
.tb-list-ul.type2 > li.writer{width:9%}
.tb-list-ul.type2 > li.writer2{width:14% }
.tb-list-ul.type2 > li.writer3{width:30%}
.tb-list-ul.type2 > li.writer4{width:20% }
.tb-list-ul.no-data{display: table;table-layout: fixed;width: 100%}
.tb-list-ul.no-data li{width: 100%;text-align: center;height: 20px;vertical-align: middle;padding: 20px 0;border-bottom: 1px solid #cccccc;}

/*  */
.btn-area02{margin-top: 10px;background: url(../images/new_common/icon_tag.png) no-repeat left 4px;padding: 0 0 0 66px;}
.btn-area02 .btn{width:auto;height: 20px;line-height: 20px;padding: 5px 18px;}
.btn-area02 .bg-color03{width:auto;padding: 5px 18px;}
.btn-add{display: inline-block;width: 63px;height: 32px;line-height:32px;text-align: center;font-size: 14px;color: #fff;cursor: pointer;background: #6d8295;border: 0;}

/* 스크롤 테이블  */
.table-out04{min-height: 270px}

/*  */
.table-shape2 > ul > li .input-style{margin-right: 5px}

/* 지도보기 아이콘 */
.float-box .view-map{padding-left: 25px;line-height:20px;background: url(../images/new_common/address_icon.gif) no-repeat left center;}
.float-box .view-map:hover{color: #282828}

/*  */
.tit_n_stat{position: relative;min-height: 37px;padding: 9px 140px 9px 13px;}
/* .tit_n_stat{border-top: none} */
.tit_n_stat > h5{float: none}
.tit_n_stat .stat-btn{float:none;position: absolute;right: 13px;top: 50%;margin-top: -19px;}


/*tab*/
.btn-tab { margin-top: 0;}
.btn-tab:after{content:"";display:block;clear:both}
.btn-tab > li{display:table;float:left;table-layout:fixed;height:42px; width: calc((100% - 7px)/3);border: 1px solid #cccccc;margin-left: -1px;margin-top: -1px;}
.btn-tab > li > span{display: table-cell;width:100%;height:100%;vertical-align:middle}
.btn-tab > li > span > button{display: block;width:100%;height:100%;text-align:left;font-size: 14px;line-height: 18px;color: #777777;border:0 none;padding: 0 20px  0 32px;background: url(../images/new_common/select_area_bg.gif) no-repeat 20px 18px;background-color:transparent;cursor:pointer;}
.btn-tab > li > span:hover{color: #1a70ba;background: #b9ddf6;}
.btn-tab > li.active span{color: #333333;background: #b9ddf6;}

.btn-intab { margin-top: 0;}
.btn-intab:after{content:"";display:block;clear:both}
.btn-intab > li{display:table;float:left;table-layout:fixed;height:42px; width: calc((100% - 7px)/3);border: 1px solid #cccccc;margin-left: -1px;margin-top: -1px;}
.btn-intab > li > span{display: table-cell;width:100%;height:100%;vertical-align:middle}
.btn-intab > li > span > button{display: block;width:100%;height:100%;text-align:left;font-size: 14px;line-height: 18px;color: #777777;border:0 none;padding: 0 20px  0 32px;background: url(../images/new_common/select_area_bg.gif) no-repeat 20px 18px;background-color:transparent;cursor:pointer;}
.btn-intab > li > span:hover{color: #1a70ba;background: #b9ddf6;}
.btn-intab > li.active span{color: #333333;background: #b9ddf6;}

/* text style*/
.text1{margin:5px 0 5px 0;font-size: 15px;color: #222;}
.ul-type1 > li{margin-top: 3px;font-size: 15px;font-weight: 300;color: #777;background: url(../images/new_common/txt_dp1.gif) no-repeat left 9px;padding-left: 19px;}
.ul-type2 > li{margin-top: 5px;font-size: 15px;font-weight: 400;color: #777;background: url(../images/new_common/txt_dp2.gif) no-repeat left 7px;padding-left: 10px;}
.ul-type3{text-align:left}
.ul-type3 > li{margin-top: 5px;font-size: 15px;font-weight: 400;color: #777;background: url(../images/new_common/txt_dp3.gif) no-repeat left 9px;padding-left: 10px;}

.ol-type{padding-left: 20px;}
.ol-type > li{margin-top: 5px;font-size: 15px;font-weight: 400;color: #777;list-style: decimal;}
.ol-type2 > li{background:none ! important;list-style:none ! important;text-indent:-20px}
.txt_style > li > ol > li > ul > li > ul.ul-type > li{margin-top: 3px;font-size: 15px;font-weight: 300;color: #777;background: url(../images/new_common/txt_dp3.gif) no-repeat left 9px;padding-left: 8px;}
.btn-down{display: inline-block;vertical-align: 2px;text-align: center;margin: 0 5px;padding: 0 10px;height: 18px;line-height: 18px;background-color: var(--white);border: 1px solid var(--black-3);box-sizing: border-box;border-radius: 3px;font-size: 13px;font-weight: 500;color: var(--blue);}

/* 외부 css*/
.fsi-cont{overflow:hidden;}
.fsi-cont > h4.tits{margin-top:0}
.fsi-cont p{font-size:15px}
.fsi-cont strong{font-weight:normal}

.title_bg11 {background: url(http://fsi.seoul.go.kr/images/imgs2018/sub/title_bg11.png) no-repeat right;}
.title_bg12 {background: url(http://fsi.seoul.go.kr/images/imgs2018/sub/title_bg12.png) no-repeat right;}
.title_bg15 {background: url(http://fsi.seoul.go.kr/images/imgs2018/sub/title_bg15.png) no-repeat right;}
.sr03 {background:url("http://fsi.seoul.go.kr/images/imgs2018/sub/sr03.gif") no-repeat right; }

.txt_c {text-align: center;}
.tabBox p{font-size:15px}
.conH2 {position:relative; color:#004297; font-size:19px;padding-top:10px; margin-top:0;font-weight:500}
.conH2:after {position:absolute; top:0; left:0; content:"";  width:20px; height:2px; background:#1b417b;} 
.conH3 {position:relative; background:url("http://fsi.seoul.go.kr/images/imgs2018/template/icoH3.gif") no-repeat 0 33px; padding:30px 0 10px 25px; color:#1b417b; font-size:17px; font-weight:500; letter-spacing:-1px;}
.conH3 span {font-size:15px; font-weight:normal; color:#555}
.conH4 {position:relative; padding:20px 0 10px 20px; color:#333; font-size:15px; font-weight:500; line-height:1.2em;}
.conH4 span {font-size:15px; font-weight:normal; color:#555}
.conH4::after {position:absolute; top:23px; left:2px; content:""; width:5px; height:5px; border:3px solid #3264a7;}
.conH5 {position:relative; padding:10px 0 7px 35px; color:#3d3d3d; font-size:15px; font-weight:500; line-height:1.1em;}
.conH5 span {font-size:15px; font-weight:normal; color:#555}
.conH5::after {position:absolute; top:14px; left:20px; content:""; width:5px; height:5px; border-radius:100px; border:2px solid #4d7cbf;}

.title-st3 {border:3px solid #f1f3f5;border-top:3px solid #5182cf;position: relative;margin-bottom: 0px;padding:0px 30px 0px 20px;overflow:hidden;}
.title-st3:after {position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; display: block; content: ""; background: #bdc9d3;}
.title-st3 > .title_wrap {padding:30px 20px;}
.title-st3 .pad35 {padding:60px 20px}
.title-st3 .title_wrap2 {padding:5px}
.title-st3 .t1 {font-size:20px; font-weight:500; padding-bottom:15px;}
.title-st3 .t1 span {color:#1656b6}
.title-st3 .t2 {line-height:22px;width:60%;font-size:15px}

.list-style-sr{overflow: hidden;margin-top:20px;font-size:15px}
.list-style-sr > li {margin-bottom: 10px; background: #fff; border: 1px solid #dedede;overflow: hidden;font-size:15px}
.list-style-sr > li:last-child {margin-bottom: 0;}
.list-style-sr .text {width: 85%; overflow: hidden; margin:0 auto;word-break:break-all}
.list-style-sr .tit {margin-bottom: 10px; padding: 10px; font-weight: 500; color: #333; border-bottom:1px dotted #9f9f9f;text-align:center}
.list-style-sr .img {text-align:center;padding-top:10px;}
.list-style-sr.half > li {float: left; margin-left: 1.5%; width: 32%; height: 330px;}
.list-style-sr.half > li:nth-child(3n+1) {margin-left: 0;}
.list-style-sr .text ul li{font-size:15px}
.list-style-fsi {overflow: hidden;}
.list-style-fsi > li {margin-bottom: 10px; background: #fff; border: 1px solid #dedede;overflow: hidden;}
.list-style-fsi > li:last-child {margin-bottom: 0;}
.list-style-fsi .text {width: 80%; overflow: hidden; margin:0 auto;}
.list-style-fsi .tit {margin-bottom: 10px; padding: 10px; font-weight: 500; color: #333; border-bottom:1px dotted #9f9f9f;text-align:center}
.list-style-fsi .img {text-align:center}
.list-style-fsi.half > li {float: left; margin-left: 1.5%; width: 49%; height: 350px;}
.list-style-fsi.half > li:nth-child(2n+1) {margin-left: 0;}
.conList {position:relative; padding:5px 0 0 0px;font-size:15px}
.conList > li,
p.conList {position: relative; padding: 0 0 0 20px; text-align: left; line-height: 25px;font-size:15px}
.conList > li:before,
p.conList:before {position:absolute; left:5px; top:10px; width:4px; height:4px; background-color:#8a8a8a; content:'';}
.conList  ul li{font-size:15px}

.sr_left { width:30%; float:left;}
.sr_left  img {max-width:none}
.sr_right { padding-left:370px;}
.sr_right >.sonH4 {position:relative; padding:10px 0 5px 20px; color:#333; font-size:15px; font-weight:500; line-height:1.2em;}
.sr_right >.sonH4 span {font-size:15px; font-weight:normal; color:#555}
.sr_right >.sonH4::after {position:absolute; top:13px; left:2px; content:""; width:5px; height:5px; border:3px solid #3264a7;}
.sr_imgBox {margin-top:20px}
.sr_imgBox p img{padding:0px 5px}
.sr_imgBox .txt_c img {float:left;}
.ico_ex {margin-top:7px;padding:2px 0 5px 30px;}
.ico_ex {background:url(http://fsi.seoul.go.kr/images/imgs2018/template/ico_ex.png) no-repeat 0 2px;}
.skip {position:absolute; overflow:hidden; height:0; width:0; font-size:0; visibility:hidden;}
.table1 {border-collapse:collapse; width:100%; border-top:1px solid #0f2b51; position:relative; left:-1px;  margin:15px 0px;font-size:15px}
.table1 thead th {background:#eeeff1; border-left:1px solid #d1d1d1; border-bottom:1px solid #d4d4d4; padding:10px 0px; color:#3e3e3e; letter-spacing:-0.05em;}
.table1 tbody td {border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:8px 8px; color:#707070; text-align:center;}
.table1 td.left {text-align:left; padding:8px 20px; }
.table1 td.border {border-left:0px;}
.table1 tbody th {border-left:1px solid #d4d4d4; border-bottom:1px solid #d1d1d1; padding:10px 10px;}
.table1 tbody th.left {text-align:left; padding:0px 20px; }
.table1 tbody th.bgcolor {background:#f8fcfe;}
.table1 tbody td.bgcolor {background:#f8fcfe;}
.table1 tbody th.bg {background:#eeeff1; color:#3e3e3e;text-align:left;padding:10px 30px}
.table1 tbody td.lineNo {border-left:none}
.table1 tbody td span.tt {display:inline-block;margin-left:5px;background:#1d58af;height:40px;text-align:center;line-height:40px;width:40px;color:#fff;border-radius:100px; }
.table1 tbody td span.bg2 {background:#0c8760}
.table1 tbody td span.bg3 {background:#e91717}
.table1 tbody td span.bg4 {background:#f83636}
.red{color:#ea1717; }
.blue {color:#147AC9}
.gree {color:#06845C}
.margin_t_10 {margin-top:10px !important;}
.margin_t_20 {margin-top:20px !important;}
.margin_t_30 {margin-top: 30px !important;}

.lp_all02 {position:relative; width:80%; margin:0 auto;}
.lp_all02:after {clear: both; content: ""; display: block;}
.lp_all02 .cont {position:relative; width:46%; background:url("http://fsi.seoul.go.kr/images/imgs2018/sub/arrow_ri.gif") right 50% no-repeat;}
.lp_all02 .back_no {background:none;}
.lp_all02 .cont .tt {position:relative; z-index:10; margin:0 auto; background:url(http://fsi.seoul.go.kr/images/imgs2018/sub/fpf_box1.png) no-repeat; color:#1957af; border-radius:100px;  width:230px; height:45px; line-height:45px; text-align:center;font-weight:bold}
.lp_all02 .cont .bg_gree{background-position:0px -130px; color:#098272}
.lp_all02 .cont .box {position:relative; width:100%; height:160px; margin:-20px 0 0 0; background:#f7f7f7; border-radius:20px; line-height:24px; text-align:center; padding:35px 0 0 0; box-sizing:border-box;}
.lp_all02 .cont1 {float:left; padding:0 6.5% 0 0;}
.lp_all02 .cont2 {float:left; padding:0;}
.box_title { background:url("http://fsi.seoul.go.kr/images/imgs2018/template/box_title.gif") no-repeat 0px top; padding-top:7px; color:#163255;font-weight:500;font-size:15px }

.box-type1 {padding-top:8px; padding-right:8px; padding-bottom:8px; padding-left:8px; border-top-width:0; border-right-width:0; border-bottom-width:0; border-left-width:0; background-repeat:repeat; background-color:#fff; background-image:url('http://fsi.seoul.go.kr/images/imgs2018/template/bg_gree3.gif'); background-position:left top; overflow:hidden;}
.box-type1 .box_wrap {padding:15px 20px; background-color:#fff;overflow:hidden}
.box-type1 .box_wrap > .float_left  img {float:left}
.box-type1 .box_wrap > .float_right {margin-left:380px;}
.box-type1 .box_wrap2 {padding:5px 20px; background-color:#fff;}
.box-type1 ol li{font-size:15px}
.box-type2 {padding-top:5px; padding-right:0px; padding-bottom:5px; padding-left:0px; border-top-width:0; border-right-width:0; border-bottom-width:0; border-left-width:0; background-repeat:repeat; background-color:#fff; background-image:url('http://fsi.seoul.go.kr/images/imgs2018/template/bg_gree3.gif'); background-position:left top; overflow:hidden;}
.box-type2 .box_wrap {padding:10px 20px; background:#f3f6f7;}
.box-type2 .box_wrap2 {padding-top:5px; padding-bottom:5px; padding-right:30px; padding-left:30px; background-color:#fff;}
.box-type4 {background:#f7f7f7; overflow:hidden; padding:30px 0px}
.box-type4 .box_wrap img {padding:0px 20px;}

/*conList1 */
.conList1 {position:relative; padding:0 0 10px 23px;}
.conList1 > li,
p.conList1 {position: relative; padding: 0 0 0 10px; text-align: left; line-height: 26px;font-size:15px}
.conList1 > li:before,
p.conList1:before {position:absolute; left:0; top:9px; width:4px; height:4px; background-color:#7b7b7b; content:'';}
.conList1 > li ul li{font-size:15px}
.conList1 > li ol li{font-size:15px}
.conList2 {position:relative; padding:5px 0 0 5px;}
.conList2 > li,
p.conList2 {position: relative; padding: 0 0 0 10px; text-align: left; line-height: 24px;font-size:15px}
.conList2 > li:before,
p.conList2:before {position:absolute; left:0; top:11px; width:4px; height:2px; background-color:#95a0a7; content:'';}
p.conList2 > .none {position:absolute; left:0; top:11px; width:0px; height:0px; background-color:#95a0a7; content:'';}
.conList3 {position:relative; padding:0px;}
.conList3 > li,
p.conList3 {position: relative; padding: 0 0 0 0px; text-align: left; line-height: 22px;font-size:15px}
.conList3 > li:before,
p.conList3:before {position:absolute; left:0; top:5px;}

.fs_btn, a.fs_btn, a.fs_btn2 {background: #fff;border: 1px solid #aaa;color: #444;}
a.fs_btn span, a.fs_btn2 span,a.fs_btn3 span,a.fs_btn4 span {display:block;padding:13px 45px 14px 15px;line-height:1;}
.fs_btn .ico, .fs_btn4 .ico {position:absolute;right:15px;top:50%;padding:0;width:16px;height:16px;margin-top:-9px;background:url(http://fsi.seoul.go.kr/images/imgs2018/template/ico_btn.png) no-repeat -55px -44px;}
.fs_btn .down {background-position: -55px 0;}
.fs_btn, .fs_btn2, .fs_btn3, .fs_btn4 {position: relative;display: inline-block;font-size: 14px;font-weight: 400;vertical-align: middle;line-height: 1.1;}o
.shaow {box-shadow: 0px 2px 3px rgba(0,0,0,0.1);}

/*외식업 식중독 예방*/
.step_list2  {overflow:hidden;}
.step_list2 > li {position:relative; border:1px solid #ddd; background:#fff; color:#224877;border-radius:100px;width:160px;height:160px;float:left;margin:0 0 0 1%;text-align:center;}
.step_list2 > li span {display:block; color:#555; line-height:20px;font-size: 13px;}
.step_list2 > li > strong{display:block;font-size:15px;color:#2f3f54;margin-top:5%;padding-top:65px;}
.step_list2 > li > strong.ico1{background:url("http://fsi.seoul.go.kr/images/imgs2018/sub/sr_ico6.gif") no-repeat center 10px; display:block; }
.step_list2 > li > strong.ico2{background:url("http://fsi.seoul.go.kr/images/imgs2018/sub/sr_ico7.gif") no-repeat center 5px; display:block; }
.step_list2 > li > strong.ico3{background:url("http://fsi.seoul.go.kr/images/imgs2018/sub/sr_ico8.gif") no-repeat center 5px; display:block; }
.step_list2 > li > strong.ico4{background:url("http://fsi.seoul.go.kr/images/imgs2018/sub/sr_ico9.gif") no-repeat center 5px; display:block; }
.step_list2 > li > strong.ico5{background:url("http://fsi.seoul.go.kr/images/imgs2018/sub/sr_ico10.gif") no-repeat center 5px; display:block; }

/*식중독 포인트*/
.num-box {margin:15px 0 10px 0;background:#f6fafe;border-radius:30px;}
.num-box .numA{display: inline-block; margin-left: 0px;font-size:14px;margin-right: 20px; width: 60px; height: 60px; line-height: 60px; text-align: center; color: #fff; background:rgba(32,55,90,0.8); border-radius: 50%;font-weight:500; }
.num-box .nubg {background:rgba(25,85,174,0.8); }
.num-box .txt1 {display:inline-block;color:#1b417b; width:87%; vertical-align:middle; font-weight:bold}

/*외식업 리스트*/
.sr-hand {border:1px solid #dfdfdf; padding:30px 15px;}
.list-style2 {overflow: hidden;display: flex;flex-wrap: wrap;}
.list-style2 > li {margin-bottom: 10px;  background:url("http://fsi.seoul.go.kr/images/imgs2018/sub/arrow_ri.gif") no-repeat right 60px;padding:10px 0px }
.list-style2 .box p {text-align:center}
.list-style2 .box p.txt {padding:10px 0px  0px; text-align:center; line-height:20px;}
.list-style2 .box p span {display:block; padding-top:10px;}
.list-style2 > li {float: left; margin-left: 1%; width: 31%;}
.list-style2 > li:nth-child(6n) {padding-left: 0px;  margin-left:0px; background:none;}

.sr-hant2 {border:1px solid #dfdfdf; padding:30px 15px;}
.sr-hant2 p > img {padding:0px 30px; border-right:1px solid #dfdfdf}
.sr-hant2 p > img:nth-child(3n) { border-right:none;}



@media screen and (max-width: 640px) {
	.btn-tab > li{ width: calc((100% - 7px)/2);}
}

@media screen and (max-width: 380px) {
	.btn-tab > li{ width: calc((100% - 7px));}
}

/* address3 위치 아이콘 추가  */
.tb-list-ul > li.address3{width: calc(26% - 15px);}
.tb-list-ul > li.address3 > div > p{display: inline-block;padding-left: 25px;background: url(../images/new_common/address_icon.gif) no-repeat left center;}
.tb-list-ul > li.address3 > div > p > .ad-link{display: inline-block;border-bottom: 1px solid #757575;font-size: 14px;line-height: 19px;color: #757575;}

.grey-box-btn{display:flex;justify-content: space-between;align-items: center;}
.grey-box-btn .dw-box{flex: 0 0 auto;}




@media screen and (max-width: 1180px) {
	.main_visul_in { flex-wrap: wrap;}
	.nw_info {flex: 0 1 auto;}
	.new_main_txt_visul { margin-right: 0;justify-content: space-evenly;}
	.mv_baner { width: 99%;margin-top:25px;height:auto;}
	.mv_ico{display:flex;}
	.mv_ico > li {float: none; width: 50%;background:#15659a}
	.mv_ico > li.ico8 > a,
	.mv_ico > li.ico6 > a,
	.mv_ico > li.ico3 > a {border-right: 1px solid #509acb;}

    .greeting-box {background-size: 350px; padding-left: 380px;} /*20250829*/
}

@media screen and (max-width: 1024px) {
	#wrap{min-width: 99%; position: relative;}
	#header{height: auto;}
	#header_top{display: none;}
	#gnb_all{background: none;border:0}
	.all-menu-btn{display:none;}
	#header_search{width: 99%;height: 46px; line-height: 46px;border-top:0;border-bottom: 1px solid #efede1;}
	.header_search_wd{width: 99%; padding: 0 0 0 0; margin: 0 auto;}
	.header_search_wd > h1{position: static; width: 140px; margin: 0 auto;}
	.header_search_wd > h1 img{width: 99%;}
	.header_search_wd .hd_search_box{display: none;}
	.header_search_wd > ul.hd_login{display: none;}
	.m-menu-btn{display: block; position: absolute; left: 4px; top: 0;}
	.m-search-btn{display: block; position: absolute; right: 4px; top: 0;}
	#gnb_wid{width: 99%; height: auto; position: static;}
	#gnb_wid > a.all-menu-btn{display: none;}
	/*#gnb{display: none; position: relative; min-width: 320px; max-width:480px;width:99%;position: fixed; left: 0;top: 0;z-index: 999; background: #16669b; height: 99%;}*/
	.m-header-menu{display: block;}
	
	.gnb-depth1{display:block;padding-right:50%;box-sizing:border-box;}
	.gnb-depth1 > li{float: none; position: static; width: 99%;left:50%;}
	.gnb-depth1 > li:hover > ul{background: #e7e7e7;}
	.gnb-depth1 > li:hover > a{border-bottom: 1px solid #1a4f72;}
	.gnb-depth1 > li > a{display:block; text-align: left; padding: 0 10px; line-height: 44px; font-size: 17px; letter-spacing: -1px; color: #fff; border-bottom: 1px solid #1a4f72;}
	.gnb-depth1 > li > a.on{border-bottom: 1px solid #1a4f72; background: #e7e7e7; color: #333;}
	.gnb-depth1 > li > a > span{display: inline-block; background: url(../images/new_common/common/m_off.png) no-repeat right center;padding:0 10px;}
	.gnb-depth1 > li:hover > a >  span{border-bottom:0;}
	.gnb-depth1 > li > a.on > span{background: url(../images/new_common/common/m_on.png) no-repeat right center;}
	.gnb-depth2{display: none; background: #e7e7e7; min-height: auto; height: calc(99% - 43px); padding: 0 ;margin-top:0; position: absolute; transform: translatex(0);top: 43px; left: 50%; width: 50%; border-right: none; border-bottom: none; overflow-y: auto;box-shadow:inherit}
	.gnb-depth1 > li:first-child .gnb-depth2{width: 50%; border-left: none; border-right: none;left:50%;}
	.gnb-depth3{display: none;}
	.gnb-depth2 > li{padding: 0 10px;}
	.gnb-depth2 > li > a{display: block; padding-right: 10px; border-bottom: 1px solid #ccc; font-size: 16px; color: #4b4b4b; background: url(../images/new_common/common/m_on.png) no-repeat right 17px;}
	.gnb-depth2 > li > a:hover{color: #b86409;}
	.gnb-depth1 > li:first-child .gnb-depth2{border-left: none;}
	.gnb-depth3{border-bottom: 1px solid #ccc; padding-bottom: 10px; padding-top: 5px;}
	.gnb-depth3 > li > a{display: block; padding: 2px 0;  font-size: 14px; color: #6e6e6e; background: url(../images/new_common/common/dp3.gif) no-repeat left 12px; padding-left: 8px;}
	
	.m-search-box{display: none; position: relative; text-align: left; position: absolute; line-height: 0 !important; left: 0; top: 47px; z-index: 10; background: #6699cc; padding: 5px 5px; width: calc(99% - 10px);}
	.m-search-box > a.m-search-out{display: block; position: absolute; right: 10px; top: 10px;}
	.m-search-box > a.m-search-go{display: block; position: absolute; right: 35px; top: 5px; width: 50px; height: 25px; line-height: 25px; text-align: center; background: #333; font-size: 13px; color: #fff;}
	.m-search-box > input{ width: calc(99% - 93px); height: 23px; line-height: 23px; padding-left: 5px; border: 1px solid #dfdfdf; background: #fff;}
	
	.main_conts_wd{width: calc(99% - 20px); margin: 0 auto;padding:0;}
	.oslk_zone_wd{width: calc(99% - 20px); margin:0 auto;}

	#contents{padding-top: 46px;}
	.foot_wd{width: calc(99% - 20px); margin: 0 auto; padding: 25px 0 30px;}
	.foot_logo{display: none; float: left; width: 170px;}
	.foot_rt{float: none; width: 99%;}
	.foot_rt_bot > .foot_sc > div.boxs{display: none;}

	.all_sub_cont{width: 99%;}
	.sub_all_bg{background: none;}
	.left_all{display: none;}
	.scontens{float: none; width: calc(99% - 20px); margin:0 auto; padding: 30px 0 50px 0;}
	
	/*Main*/
	.main_visul_in{width:auto;height:auto; padding: 0 10px;}
	.visual_text{float:none;position:static;top:40px; width: auto;padding-top:25px;}
	.nw_info{left:0;top:0; width: auto;}
	.mtc_rt_all {margin-bottom:24px}
	.mtc_rt_ps > dd span.stxt{display:block}
	.mtc_rt_ps > dd{letter-spacing:-1px}
	.mtc_rt_btn > p > a{padding: 0 5px 0 9px;}
	.mtc_rt_btn > p > a > span{font-size:14px}
	.nw_mvsl{float:none;position: relative;padding:20px 0 0 0}
	.mv_baner{float:none;position: static;width:99%;height:auto;margin:30px 0 0 0;padding-top:0;clear: both;}
	.mv_ico {flex-wrap: wrap;}
	.mv_ico > li{width:calc(99% / 4);}
	.mv_ico > li.ico2 > a{border-right: 1px solid #509acb;}
	.mv_ico > li.ico3 > a{border-right: 1px solid #509acb;}
	.mv_ico > li.ico6 > a{border-right: 1px solid #509acb;}
	.mv_ico > li.ico8 > a{border-right:0;}

	.mtc_rt{width: 99%;}
	.nw_info .mtc_rt {position:static;padding: 25px 0 50px 0;}
	.mtc_rt_btn {bottom:0;}
	.mv_alls{width: 99%;margin-bottom:0;}
	
	.mvsl_sld > li .po > p.pcv{width: 233px;}
	.mvsl_sld > li .po > p.pcv img{width: 99%;}
	.mv_stxt{font-size: 16px; color: #464545; margin-top: 10px;}
	.mvsl_sld > li .po{left: inherit;right:15%}
	.nw_mvsl .bx-controls{/*left: inherit;right:0;top:auto;bottom:0;*/}

	.main_conts{padding: 20px 0 35px 0;}
	.main_conts_wd .mc_ct_wrap { flex-wrap: wrap;}
	.main_conts_wd .mc_ct_wrap > div.mc_ct1{margin-bottom: 15px; width: 99%; height: auto; border: 1px solid #e1e1e1;}
	.main_conts_wd .mc_ct_wrap > div.mc_ct2{margin-left: 0; margin-bottom: 15px; width: calc(99% - 265px);}
	.main_conts_wd .mc_ct_wrap > div.mc_ct3{margin-left: 15px; margin-bottom: 15px; width: 250px;}
	.main_conts_wd .mc_ct_wrap > div.mc_ct4{margin-bottom: 15px; width:99%;}
	.main_conts_wd .mc_ct_wrap > div.mc_ct5{margin-left: 0; width: calc(99% - 265px);}
	.main_conts_wd .mc_ct_wrap > div.mc_ct6{margin-left: 15px; width: 250px; height: 270px; border: 1px solid #e1e1e1;}
	.mservice{margin-top: 10px; padding: 0 0;}
	.mservice > li{float: left; width: 50%; text-align: center;}
	.mservice > li > a{text-align: center; font-size: 15px; padding: 62px 0 0 0; margin-bottom: 10px;}
	.mservice > li.bg1 > a{background: url(../images/new_common/main/mservice1.gif) no-repeat center top; background-size: 55px 55px;}
	.mservice > li.bg2 > a{background: url(../images/new_common/main/mservice2.gif) no-repeat center top; background-size: 55px 55px;}
	.mservice > li.bg3 > a{background: url(../images/new_common/main/mservice3.gif) no-repeat center top; background-size: 55px 55px;}
	.mservice > li.bg4 > a{background: url(../images/new_common/main/mservice4.gif) no-repeat center top; background-size: 55px 55px;}

	.oslk_btn > li{width: calc((99% - 10px) / 2); height: 60px; line-height: 60px; margin-left: 10px; margin-bottom: 10px;}
	.oslk_btn > li.bg3{margin-left: 0;}

	.mreservation > li{margin-left: 5px; width: calc((99% - 11px) / 3);}
	.txtline-btn6{float: none;margin-top: 5px;}
	.txtline-btn7{float: none;margin-top: 5px;}
	.txt_style > li > span.btn-txt2{display: block;float: none;margin-right: 0;}
	.blue_box > p .float-txt{float: none;margin-top: 0px;}
	.phone-guide{min-width: inherit;background:none;margin-top:20px;}
	.phone-guide-in{width: calc(99% - 20px);padding:0;flex-wrap: wrap;}
	.cm-phone .area-title { margin-bottom: 0;}
	.cm-phone > ul{margin:15px 0 10px 0;}
	.cm-phone{width: calc(99% - 34px);margin-top: 0;}
	.parts-phone{width: calc(99% - 60px);padding:15px 30px;}
	.phone-box .phone-list{width: calc(60% - 10px);padding:0 30px 0 5px;}
	.phone-box .right-phone{float: none;width:40%;padding:0 5px 0 18px;}
	.life-health-manage > li{width: calc((99% - 3px)/3);}
	.life-health-manage > li a p {padding: 50px 7px 0 7px;margin-top:22px;}

	/*conList1 */
	.conList1 {position:relative; padding:0 0 10px 5px;}
	.conList1 > li,
	p.conList1 {position: relative; padding: 0 0 0 10px; text-align: left; line-height: 26px;}
	.conList1 > li:before,
	p.conList1:before {position:absolute; left:0; top:9px; width:4px; height:4px; background-color:#7b7b7b; content:'';}
	.conH4 {font-size:16px; padding:20px 0 10px 20px; }
	.conH5 {font-size:15px; padding:10px 0 7px 20px;}
	.conH5::after {position:absolute; top:14px; left:5px; content:""; width:5px; height:5px; border-radius:100px; border:2px solid #4d7cbf;}
}

@media screen and (max-width: 900px) {
	/* main */
	.mtc_rt_btn{width: 99%;}
	
	
	.phone-box .right-phone{background: none;}
	
	/*인사말*/
	.greeting-box{padding-top: 330px; padding-left: 0; background-position: top center;}
	.greeting-box br{display:none;}
    .greeting-box .title {margin-bottom: 10px; font-size: 18px;}
    .greeting-box .title br{display:block;}
}

@media screen and (max-width: 800px) {
	/*Main*/
	.main_visul_in{position:relative;}
	.new_main_txt_visul { flex-wrap: wrap;}
	.visual_text{top:20px; width:auto;text-align:center;}
	.nw_mvsl{position:relative;float:none;margin:0 auto;padding: 20px 0 0 0;}
	.nw_mvsl:after{content:"";display:block;clear:both;}
	.mtc_rt_all{float: none;width:99%;margin-bottom:0}
	.mtc_rt_btn{float: none;width: 99%;padding-top: 10px;position: static;}
	.nw_mvsl .bx-controls{/*right: 0;*/}
	.nw_mvsl .bx-controls > div{margin:0;}
	.nw_info{float:none;position:relative;top: 0;left:0; width: 99%;margin:0;}
	.nw_info:after{content:"";display:block;clear:both;}
	.mtc_rt{ padding:0;margin-top:30px;padding:0 10px;}
	.mtc_rt_ps > dd span.stxt{display:inline-block;}
	.img-box4 img{max-width:90%;}
}

@media screen and (max-width: 768px) {
	/* Main */
	.mv_ico > li > a{font-size: 15px;}
	.mv_ico > li > a > span{display: block;padding-top:72px;}
	.mvsl_sld > li .po{right:5%}
	.mreservation > li > p.bg2{padding-top: 66px;}
	.mreservation > li > p.bg2 em{display:block;}
	
	/* Footer */
	.foot_wd{ padding: 20px 0 25px;}
	.foot_rt_top{padding-bottom: 5px; text-align: center;}
	.foot_rt_top > li{display: inline-block; margin-right: 3px; margin-left: 3px;}
	.foot_rt_top > li > a{font-size: 13px;}
	.foot_rt_bot > p{font-size: 13px; line-height:17px; margin-bottom: 3px;}
	.foot_rt_bot > p span{display: block;}
	.foot_rt_bot > .foot_sc > div.logos > a{display: inline-block; width: 30px;}
	.foot_rt_bot > .foot_sc > div.logos > a img{width: 99%;}

	.sub_visul{display: none;}
	.sub_navi{padding: 12px 0;height: auto;line-height: 17px;margin-top: 0; background: #f1f1f1;}
	.sub_navi > ul{display: none;}
	.sub_navi > a img.pc_home{display: none;}
	.sub_navi > a img.mor_home{display: inline-block; vertical-align: -2px; }
	.sub_navi > a{height: auto;font-size: 14px;line-height: 19px;color: #333;letter-spacing:-1px;background: url(../images/new_common/sn_bg_mor.png) no-repeat left center;padding-left: 14px;padding-right: 0;margin-left: 6px;}
	.sub_navi > a:first-child{display: block;height: auto;line-height: 17px;margin-right: 0;margin-left: 0;width: auto;text-align: left;padding-left: 0px;margin-left: 5px;background: none;}
	.sub_navi > a.last{color: #0371aa;background: url(../images/new_common/sn_bg_mor.png) no-repeat left center;}
	.snv_tit{display:block;}
	.snv_tit + .tits{margin-top:35px}


	.survey_top > p.lf{float: none;}
	.survey_top > p.rt{float: none; margin-top: 5px;}
	.snv_tit{background: none; padding-bottom: 5px; border-bottom: 1px solid #999; margin-bottom: 10px;}
	.snv_tit h3{font-size: 25px; color: #333; font-weight: 500;}
	.survey_radios_ny > a{position: absolute; right: 0; top: -3px; display: block; width: 66px; height: 30px; line-height: 30px; background: #3168a6; text-align: center; font-size: 15px; color: #fff; padding-top: 0;}
	.survey_radios_ny > a br{display: none;}
	.bradio_all > span{margin-right: 8px;}
	.bradio_all > span label{margin-left:2px;}
	
	.information_box{padding: 20px 15px;}
	.txtline-btn{display: block; margin-left: 0; margin-top: 5px;}
	.txtline-btn2{float: none;display:block;margin-right: 0px;margin-top: 5px;}
	.txtline-btn3{display: block; margin-left: 0; margin-top: 5px;}
	
	.oslk_zone{padding: 15px 0 5px 0;}
	.oslk_btn > li{width: 99%; margin-left: 0; margin-bottom: 10px;}
	.txt_style > li > span.btn-txt{display: block;float: none;margin-right: 0;}
	h4.tits-fll{float: none;margin-right: 0;}
	h4.tits .tit-down-txt{float: none;display: block;}
	
	.cm-phone{float:none;padding:15px 20px;}
	.parts-phone{width:99%;float:none;padding:15px 20px;}
	.cm-phone > ul > li {padding: 3px 0 3px 0;}
	.phone-box .left-phone{width: calc(61% - 10px);}
	.phone-box .left-phone > li .part-name{width: 178px}
	.phone-box .right-phone{width: calc(41% - 10px);}
	.phone-box .right-phone > li .part-name{width:80px;}

	.img-box3 img{max-width:99%}
	.img-box5 {flex-wrap:wrap;margin-left: 10px;}
	.img-box5 > *{flex: 0 1 calc(50% - 10px);}

	.grey-box-btn{display:block;}
	.grey-box-btn .dw-box{text-align:right;}

}

@media screen and (max-width: 640px) {
	/* 음식점 원산지 표시*/
	.title-st3 > .title_wrap {padding:20px 0px}
	.title-st3 .t1 {font-size:20px; font-weight:600; padding-bottom:5px;padding-top:90px;}
	.title-st3 .t1 span {color:#2366b5}
	.title-st3 .t2 {line-height:22px;width:99%}
	.title_bg11, .title_bg12, .title_bg13, .title_bg14, .title_bg15, .title_bg16 {background-position: center 20px;background-size: 25%;}
	.list-style-sr.half > li {float: left; margin-left: 0%; width:98%; height: 300px;}
	.list-style-sr.half > li.mob {height: 320px;}
	.list-style-sr.half > li:nth-child(2n+1) {margin-left: 0;}
	.sr_left { width:30%; float:none;}
	.sr_left  img {/*max-width:none*/width:250px}
	.sr_right { padding-left:0px;}
	.sr_imgBox  img {max-width:80%;}
	.list-style-fsi {overflow: hidden;}
	.list-style-fsi > li {margin-bottom: 10px; background: #fff; border: 1px solid #dedede;overflow: hidden;}
	.list-style-fsi > li:last-child {margin-bottom: 0;}
	.list-style-fsi .text {width: 80%; overflow: hidden; margin:0 auto;}
	.list-style-fsi .tit {margin-bottom: 10px; padding: 10px; font-weight: 600; color: #333; border-bottom:1px dotted #9f9f9f;text-align:center}
	.list-style-fsi .img {text-align:center}
	.list-style-fsi.half > li {float: left; margin-left: 0%; width: 99%; height: 300px;}
	.list-style-fsi.half > li img {width:30%;}
	.list-style-fsi.half > li:nth-child(2n+1) {margin-left: 0;}

	.tb_scroll {position:relative; overflow-x:scroll; overflow-y:hidden; padding-top:30px; background:url(http://fsi.seoul.go.kr/images/imgs2018/sub/hand.gif) no-repeat right top; }
    .tb_scroll > table {width:855px; margin-bottom:0;}

	/*가격표시*/
	.lp_all02 {position:relative; width:80%; margin:0 auto;}
	.lp_all02:after {clear: both; content: ""; display: block;}
	.lp_all02 .cont {position:relative; width:99%; background:none;}
	.lp_all02 .back_no {background:none;}
	.lp_all02 .cont .tt {position:relative; z-index:10; margin:0 auto; background:url(http://fsi.seoul.go.kr/images/imgs2018/sub/fpf_box1.png) no-repeat; color:#1957af; border-radius:100px;  width:230px; height:45px; line-height:45px; text-align:center;font-weight:bold}
	.lp_all02 .cont .bg_gree{background-position:0px -130px; color:#098272}
	.lp_all02 .cont .box {position:relative; width:99%; height:160px; margin:-20px 0 0 0; background:#f7f7f7; border-radius:20px; line-height:24px; text-align:center; padding:35px 0 0 0; box-sizing:border-box;}
	.lp_all02 .cont1 {float:left; padding:0 6.5% 10%  0;background:url("http://fsi.seoul.go.kr/images/imgs2018/sub/arrow_ri_m.gif")no-repeat center bottom;}
	.lp_all02 .cont2 {float:left; padding:0;}

	/*식중독 포인트*/
	.num-box {margin:15px 0 10px 0;background:#f6fafe;border-radius:30px;}
	.num-box .numA{display: inline-block; margin-left: 0px;font-size:14px;margin-right: 10px; width: 55px; height: 55px; line-height: 55px; text-align: center; color: #fff; background:rgba(32,55,90,0.8); border-radius: 50%;font-weight:600; }
	.num-box .nubg {background:rgba(25,85,174,0.8); }
	.num-box .txt1 {display:inline-block;color:#1b417b; width:60%; vertical-align:middle; font-size:15px;font-weight:600;height: 55px; line-height: 55px; }

	.phone-box { flex-wrap: wrap;}
	.phone-box .phone-list {width: 99%; padding: 0 0 0 5px; margin-bottom:0;margin:0 ;}
	.phone-box .phone-list > li{margin-top:7px;}
	.phone-box .right-phone {width:99%;max-width:none;}
	.phone-box .right-phone > li .part-name {width: 178px;}
	.phone-box .left-phone {width:99%;max-width:none; }
	.phone-box .phone-list > li .part-phone {flex:0 0 auto;}


	 .main_conts_wd .mc_ct_wrap > div.mc_ct2 {width:99%;}
	 .main_conts_wd .mc_ct_wrap > div.mc_ct5 {width:99%;}
	 .main_conts_wd .mc_ct_wrap > div.mc_ct3 {margin-left:0;}
	 .main_conts_wd .mc_ct_wrap > div.mc_ct2{margin-bottom: 15px; width: 99%;}
	.main_conts_wd .mc_ct_wrap > div.mc_ct3{margin-left: 0; margin-bottom: 15px; width: 99%; height: auto; overflow: auto;}
	.mc_ct3 .bx-wrapper .bx-viewport{overflow:hidden;height:auto !important;}
	.mc_ct3 .bnn_sl > li{width:99%;position:relative;overflow:hidden;box-sizing:border-box;}
	.mc_ct3 .bnn_sl > li > *{padding-top:79.415%;width:99%;display:block;}
	.mc_ct3 .bnn_sl > li img{width: 99%; height:99%;position:absolute;inset:0;}

	.main_conts_wd  .mc_ct_wrap > div.mc_ct4{margin-bottom: 15px; width: calc(99% - 2px);}
	.main_conts_wd  .mc_ct_wrap > div.mc_ct5{margin-left: 0; margin-bottom: 15px; width: 99%;}
	.main_conts_wd  .mc_ct_wrap > div.mc_ct6{margin-left: 0; width:99%;}
	.bx-wrapper .bx-viewport{max-height:460px;overflow:hidden;}
	.bx-wrapper .bnn_sl > li > a{display:block;}
}
 

@media screen and (max-width: 600px) {
	.mvsl_sld > li{width:99%;max-width: inherit;max-height: inherit;height:auto;}
	.mvsl_sld > li a{width:99%;height:auto;}
	.mvsl_sld > li > img{width:99%;height:auto;}
	
	.nw_mvsl{width:99%;height:auto;}
	.mvsl_sld > li{text-align:center;}
	.mvsl_sld > li img{max-width:99%;width:99%;}
	.nw_info{/*margin-bottom:10px*/}
	.mtc_rt_all{float:none;width:99%;}
	.mtc_rt_btn{float:none;width:99%;}
	.mtc_rt_btn::after{display:none;}
	.mtc_rt_btn > p{max-width:none;}
	.phone-box .left-phone{float:none; width: 99%;padding:0 5px;margin-bottom:0;}
	.phone-box .right-phone{float:none; width: 99%;padding:0 5px;margin-top:0;}
	.phone-box .right-phone > li .part-name{width:100px;}

	.visual_text{text-align:left;}
	.visual_text img{width:60%;}
}

@media screen and (max-width: 540px) {
	.mv_ico > li > a{font-size: 14px;}
	.mv_stxt{font-size: 12px; color: #464545; margin-top: 10px;}
	.mvsl_sld > li .po > p.pcv{width: 175px;}
	.mvsl_sld > li .po > p.pcv img{width: 99%;}
	.mv_stxt{font-size: 14px; color: #464545; margin-top: 10px;}
	.mvsl_sld > li .po{left: inherit;right:10px}

	.main_gs > li > a{width: 100px;}
	.main_gs > li > a.on{background: #414141; color: #fff;}
	.main_gs > li.mgs_ps1 > a{left: 0;}
	.main_gs > li.mgs_ps2 > a{left: 100px; border-left: 0;}
	.main_gs > li.mgs_ps3 > a{left: 200px; border-left: 0;}
	.mreservation{padding: 0 10px;}

	.mv_ico > li {width: calc(99% / 2);}
	.mv_ico > li > a{border-right: 1px solid #509acb !important;height:auto;}
	.mv_ico > li:nth-child(even) > a{border-right:0 !important;}
	.mv_ico > li > a span{height:40px;padding:60px 5px 12px 5px !important;display:flex;justify-content: center;align-items: center;flex-wrap: wrap;}
	.mv_ico > li.ico9 > a > span {background-position:center 14px;}
	.mv_ico > li.ico6 > a > span { background-position:center 18px;}
	.mv_ico > li.ico7 > a > span {background-position: center 14px;}
	.mv_ico > li.ico8 > a > span {background-position: center 17px;}
	.mv_ico > li.ico4 > a > span {background-position:center 17px;}
	.mv_ico > li.ico3 > a > span {background-position:center 11px;}
	.mv_ico > li.ico2 > a > span {background-position: center 15px;}
	.mv_ico > li.ico1 > a > span {background-position: center 16px;}
	.mv_ico > li.ico10 > a > span {background-position: center 15px;} /* 20250211 */

}

@media screen and (max-width: 479px) {
	.life-health-manage > li a p{height: 36px;margin-top: 15px;margin-bottom: 11px;font-size: 14px;line-height: 18px;}

	.mtc_rt_ps > dt {/* display: block; */min-width: 60px;}
	.mtc_rt_ps > dd { margin:5px 0 0 5px;}

	.survey_inps{width:auto;}
	.survey_inps > p.btns > a{width:64px;}
	.survey_inps > p.inps{width:calc(100% - 143px);}
}

@media screen and (max-width: 440px) {
	.bradio_all > .satisfy-tit{display: block;margin-bottom: 5px;}
	.phone-box .phone-list{width: auto;}
}

@media screen and (max-width: 410px) {
	.mv_ico > li > a > span em{display:inline-block;}
	
	.cm-phone{height: auto;padding: 10px 17px 10px;}
	.cm-phone .area-title{margin-bottom:0}
	.cm-phone > ul > li{font-size: 15px;line-height: 19px;background-position: left 9px;}
	.phone-box .phone-list > li > span{display: block;}
	.phone-box .phone-list > li .part-name{float: none;}
	.phone-box .phone-list > li .part-phone{float: none;}
}

@media screen and (max-width: 360px){
	.mvsl_sld > li .po{top: 15px;}
	.mvsl_sld > li .po > p.pcv{width:150px;float:right}
	.mv_stxt{clear:both;}
	.mvsl_sld > li:first-child{background-position: -213px top;}
	.mv_ico > li > a > span{background-size:35px}
	.mv_ico > li > a > span{font-size:13px}
	.main_gs > li > a{width: 85px;}
	.main_gs > li.mgs_ps2 > a{left: 85px;}
	.main_gs > li.mgs_ps3 > a{left: 170px; }
	.main_gs .mgs_more{right:13px}
	
	.bradio_all{width: 99%;}
	.survey_radios_ny > a{position:relative;width: 99%;top:0;margin-top:5px;}

}

/*ys*/
@media screen and (max-width: 1024px) {
	/*  */
	.search-area .start-time{/* padding-right: 0; */}
	.search-area .end-time{/* padding-right: 0; */}
	.tit_n_stat > h5{max-width: inherit;}
	
	/* 우편번호 팝업  */
	.pop-layer{min-width: auto;}
}

@media screen and (max-width: 768px) {
	.tb-list-ul > li > div{min-height: 25px;height: auto}
	
	/* 반응형 ul리스트 */
	.tb-list-ul > li.type{display: none}
	.tb-list-ul.type2 > li.type{display: none;}
	
	.tb-list-ul.type2 > li.num{display: none;}
	.tb-list-ul.type2 > li.writer{display: none;}
	.tb-list-ul.type2 > li.date{display: none;}
	.tb-list-ul.type2 > li.amt{display: none;}
	.tb-list-ul.type2 > li.stat1{width:23%;}
	.tb-list-ul.type2 > li.stat2{width:23%;}
	.tb-list-ul.type2 > li.writer2{width:23%;}
	.tb-list-ul.type2 > li.writer3{width:46%}
	.tb-list-ul.type2 > li.writer4{width:40%;}
	.tb-list-ul.type2 > li.date2{width:23% ;}
	.tb-list-ul.type2 > li.tel-num{display: none;}
	.tb-list-ul.type2 > li.fea-food{width:20%;}
	.tb-list-ul.type2 > li.address{width:30%;}
	.tb-list-ul.type2 > li.address2{width:40%;}
	.tb-list-ul.type2 > li.address3{width:40%;}
	.tb-list-ul.type2 > li.location{display: none;}
	.tb-list-ul.type2 > li.subject{border-left: none;width:54%}
	.tb-list-ul.type2 > li.subject2{border-left: none;width:54%;}
	.tb-list-ul.type2 > li.subject3{width:50%;border-left: none;}
	.tb-list-ul.type2 > li.subject4{width:60%;border-left: none;}
	.tb-list-ul.type2 > li.subject5{border-left: none;width:54%}
	.tb-list-ul.type2 > li.subject6{width:60%;border-left: none;}
	
	/*  */
	.select-dt .select-date{width:99% }
	.order-time{margin-top: 10px}
	.select-dt .select-time{width: 99%}

	.popup5{position:absolute;height:auto;top: 45%;left: 0;margin: 0 2% 0 2%; width:95%;overflow-y: auto;min-width: 300px;}
	.popup5-in{padding-bottom: 20px}
	.popup5 a.btn_close{right: 20px}
	.popup5-cont{width: 99%;}
	.postcode-table table tr td{padding: 5px}
	.search-address{width: calc(99% - 94px);}
	.search-address .enter-address{width: calc(99% - 36px);}
}

@media screen and (max-width: 479px) {
	.tit_n_stat{padding-right: 100px;min-height: 30px;}
	.tit_n_stat > h5{font-size: 16px}
	.tit_n_stat .stat-btn{width: 75px;padding: 4px 0;margin-top: -15px;}
}

@media screen and (max-width: 360px) {
	.gnb-depth1 > li > a{ padding: 0 5px; }
	.gnb-depth1 > li > a > span{padding:0 10px 0 0;}

	.mtc_rt_btn { flex-wrap: wrap;flex-direction: column;padding-top: 5px;}
	.mtc_rt_btn > p {width: 99%;}
	.mtc_rt_btn > p > a {padding: 0 10px;}
	.mtc_rt_btn > p.add > a {margin-right: 0;}
	.mtc_rt_btn > p.tel  { margin:7px 0 0 0;}
	.mtc_rt_btn > p.tel > a { margin:0;}
}