@charset "utf-8";
@import url("font.css");
/* style reset */

html {-webkit-text-size-adjust: 100%;}
body {overflow-y: auto; overflow-x: hidden; position: relative; margin: 0; width:100%; line-height: 150%; font-size: 15px; font-weight: 400; font-family:'Noto Sans KR', sans-serif; color: #000; padding: 0 !important;}
.transparents-layer {display: none;}

button {transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.btn {padding: 0 60px; height: 56px; line-height: 54px; font-size: 17px; font-weight: 600; border-radius: 12px;}
.btn2 {padding: 0 20px; height: 50px; line-height: 48px; font-size: 15px; font-weight: 600; border-radius: 12px;}
.btn3 {padding: 0 17px; height: 42px; line-height: 40px; font-size: 13px; font-weight: 600; border-radius: 10px;}
.btn4 {display: inline-block; padding: 0 10px; min-width: 68px; height: 36px; line-height: 34px; font-size: 13px; font-weight: 600; text-align: center; border-radius: 10px;}
.btn5 {position: relative; width: 35px; height: 35px; line-height: 33px; border: 1px solid #ddd; border-radius: 8px;}
.btn5::after, .btn5::before {content: ''; position: absolute; left: calc(50% - 6px); top: calc(50% - 1px); width: 12px; height: 2px; background-color: #278742;}
.btn5.plus::after {transform: rotate(90deg);}

.btn_search .icon {position: relative; display: block; transform-origin: left top; width: 22px; height: 22px;}
.btn_search .icon::after, .btn_search .icon::before {content: ''; position: absolute;}
.btn_search .icon::after {left: 0; top: 0; width: 13px; height: 13px; border: 2px solid #666; border-radius: 100%;}
.btn_search .icon::before {right: 0; bottom: 4px; width: 9px; height: 2px; background-color: #666; transform: rotate(45deg);}
.btn_close .icon {position: relative; display: block; width: 23px; height: 23px;}
.btn_close .icon::after, .btn_close .icon::before {content: ''; position: absolute; left: -2px; top: 10px; width: 27px; height: 2px; background-color: #222;}
.btn_close .icon::after {transform: rotate(45deg);}
.btn_close .icon::before {transform: rotate(-45deg);}
.btn_more {width: 100%; height: 40px; line-height: 38px;}
.btn_more .icon {margin-left: 10px; position: relative; display: inline-block; width: 10px; height: 10px;}
.btn_more .icon::after, .btn_more .icon::before {content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: #666;} 
.btn_more .icon::before {transform: rotate(90deg);}
.btn_modify {display: flex; display:-webkit-flex; align-items: center; gap: 4px;}
.btn_modify .icon {width: 20px; height: 20px; background: url('/gmigrant/images/hmpg/icon_btn_modify.png') no-repeat;}
.btn_delete {display: flex; display:-webkit-flex; align-items: center; gap: 4px;}
.btn_delete .icon {width: 20px; height: 20px; background: url('/gmigrant/images/hmpg/icon_btn_delete.png') no-repeat;}
.btn_delete2 {padding: 0 14px; height: 50px; line-height: 48px; font-size: 15px; font-weight: 600; color: #000; border-radius: 12px; display: flex; display:-webkit-flex; align-items: center; gap: 4px; border: 1px solid #D5DADF;}
.btn_delete2 .icon {width: 20px; height: 20px; background: url('/gmigrant/images/hmpg/icon_btn_delete.png') no-repeat;}
.btn_delete3 {width: 16px; height: 16px; border-radius: 50%; background: url('/gmigrant/images/hmpg/icon_btn_delete3.png') no-repeat center;}
.btn_download {width: 36px; height: 36px; border-radius: 50%; background: #EDEFF2 url('/gmigrant/images/hmpg/icon_btn_download.png') no-repeat center;}
.btn_download:hover {background-color: #DFE4EA;}
.btn_download2 {padding: 0 12px; height: 44px; line-height: 42; font-size: 13px; font-weight: 600; color: #000; border-radius: 10px; display: flex; display:-webkit-flex; align-items: center; gap: 4px; border: 1px solid #6F767C;}
.btn_download2 .icon {width: 20px; height: 20px; background: url('/gmigrant/images/hmpg/icon_btn_download.png') no-repeat;}
.btn_view {padding: 0 12px; height: 36px; line-height: 34px; font-size: 13px; font-weight: 500; color: #000; border-radius: 36px; display: flex; display:-webkit-flex; align-items: center; gap: 4px; background-color: #EDEFF2;}
.btn_view .icon {width: 20px; height: 20px; background: url('/gmigrant/images/hmpg/icon_btn_view.png') no-repeat;}
.btn_view:hover {background-color: #DFE4EA;}
.btn_file {padding: 0 14px; height: 40px; line-height: 38px; font-size: 13px; font-weight: 500; color: #2F353A; border-radius: 40px; display: flex; display:-webkit-flex; align-items: center; gap: 8px; border: 1px solid #D5DADF;}
.btn_file .icon {width: 16px; height: 16px; background: url('/gmigrant/images/hmpg/icon_btn_search.png') no-repeat;}
.btn_filter {width: 44px; height: 44px; border-radius: 12px; border: 1px solid #EDEFF2; background: #fff url('/gmigrant/images/hmpg/icon_btn_filter.png') no-repeat center; box-shadow: 0 6px 11px 0 rgba(0, 0, 0, 0.10);}

.btn_sound {padding: 0 8px; height: 36px; line-height: 34px; font-size: 13px; font-weight: 500; color: #000; border-radius: 36px; display: flex; display:-webkit-flex; align-items: center; gap: 4px; background-color: #EDEFF2;}
.btn_sound .icon {width: 20px; height: 20px; background: url('/gmigrant/images/hmpg/btn_sound.png') no-repeat;}
.btn_view:hover {background-color: #DFE4EA;}

.bg_black {color: #fff; background-color: #1C2025; border: 1px solid #1C2025;}
.bg_gray {color: #2F353A; background-color: #DFE4EA; border: 1px solid #DFE4EA;}
.bg_gray2 {color: #AAB1B8; background-color: #e0e3e8; border: 1px solid #e0e3e8;}
.bg_gray3 {color: #fff; background-color: #6F767C; border: 1px solid #6F767C;}
.bg_gray4 {color: #4E5257; background-color: #EDEFF2; border: 1px solid #EDEFF2;}
.bg_blue {color: #fff; background-color: #004097; border: 1px solid #004097;}
.bg_blue2 {color: #004097; background-color: #E8F2FD; border: 1px solid #E8F2FD;}
.bg_green {color: #fff; background-color: #008834; border: 1px solid #008834;}
.bg_white {color: #000; border: 1px solid #D5DADF; background-color: #fff;}
#membWriteFrm .bg_white {border: 1px solid #6F767C;}
#membWriteFrm button {height: 50px; line-height: 48px; font-size: 15px;}

.color_black {color: #000 !important;}
.color_gray {color: #666 !important;}
.color_blue {color: #004097 !important;}
.color_green {color: #2F9638 !important;}
.color_red {color: #DB2521 !important;}

.f_b {font-weight: 600 !important;}
.f_m {font-weight: 500 !important;}
.f_n {font-weight: 400 !important;}
.p_r {position: relative !important;}

.hidden {padding: 0; margin: -1px; overflow: hidden; position: absolute; width: 1px; height: 1px; clip-path: inset(50%); border: 0; clip: rect(0 0 0 0);}
.w_flex_only {display: flex !important; display:-webkit-flex;}
.m_flex_only {display: none !important; display:-webkit-none;}
.w_hidden {display: none !important;}
.m_hidden {display: block !important;}
.web_only {display: block !important;}
.mobile_only {display: none !important;}

u {text-underline-position: under;}
.underline {border-bottom: 1px solid #666;}
.underline2 {border-bottom: 1px solid #278742;}

.padding0 {padding: 0 !important;}
.margin0 {margin: 0 !important;}
.mt60 {margin-top:60px !important}
.mt50 {margin-top:50px !important}
.mt40 {margin-top:40px !important}
.mt30 {margin-top:30px !important}
.mt20 {margin-top:20px !important}
.mt15 {margin-top:15px !important}
.mt10 {margin-top:10px !important}
.mt5 {margin-top:5px !important}
.mb2 {margin-bottom:2px !important}
.mb5 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important}
.mb20 {margin-bottom:20px !important}
.mb25 {margin-bottom:25px !important}
.mb30 {margin-bottom:30px !important}
.mb35 {margin-bottom:35px !important}
.mb40 {margin-bottom:40px !important}
.mb50 {margin-bottom:50px !important}
.mb55 {margin-bottom:55px !important}
.mb60 {margin-bottom:60px !important}
.mb65 {margin-bottom:65px !important}
.mb80 {margin-bottom:80px !important}
.mb100 {margin-bottom:100px !important}
.mr5 {margin-right:5px !important}
.mr10 {margin-right:10px !important}
.mr15 {margin-right:15px !important}
.mr20 {margin-right:20px !important}
.mr25 {margin-right:25px !important}
.mr30 {margin-right:30px !important}
.mr35 {margin-right:35px !important}
.mr60 {margin-right:60px !important}
.ml5 {margin-left:5px !important}
.ml10 {margin-left:10px !important}
.ml20 {margin-left:20px !important}
.ml30 {margin-left:30px !important}
.pl10 {padding-left:10px !important}
.pl15 {padding-left:15px !important}
.pl20 {padding-left:20px !important}
.pl30 {padding-left:30px !important}
.pl40 {padding-left:40px !important}
.pl60 {padding-left:60px !important}
.pt10 {padding-top:10px !important}
.pt15 {padding-top:15px !important}
.pt20 {padding-top:20px !important}
.pt30 {padding-top:30px !important}
.pt33 {padding-top:33px !important}
.pt40 {padding-top:40px !important}
.pt50 {padding-top:50px !important}
.pb10 {padding-bottom:10px !important}
.pb40 {padding-bottom:40px !important}
.pr10 {padding-right: 10px !important}
.w50 {width: 50px !important;}
.w60 {width: 60px !important}
.w100 {width: 100px !important}
.w120 {width: 120px !important}
.w150 {width: 150px !important}
.w200 {width: 200px !important}
.w230 {width: 230px !important}
.w300 {width: 300px !important}
.w400 {width: 400px !important}
.w500 {width: 500px !important}
.w_25 {width: 25% !important}
.w_30 {width: 30% !important}
.w_35 {width: 35% !important}
.w_40 {width: 40% !important}
.w_45 {width: 45% !important}
.w_50 {width: 50% !important}
.w_60 {width: 60% !important}
.w_70 {width: 70% !important}
.w_80 {width: 80% !important}
.w_100 {width: 100% !important}

.f_12 {font-size: 12px !important;} 
.f_13 {font-size: 13px !important;} 
.f_14 {font-size: 14px !important;} 
.f_18 {font-size: 18px !important;} 

.al {text-align: left !important;}
.ac {text-align: center!important;}
.ar {text-align: right!important;}
.vt {vertical-align: top!important;}
.vm {vertical-align: middle!important;}
.vb {vertical-align: bottom!important;}

.cl_bo {clear: both !important;}
.f_left {float: left !important;}
.f_right {float: right !important;}
.over_h {overflow: hidden !important;}
.wb_keep {word-break: keep-all !important;}

dl.skipnavi {position:relative;z-index: 500;}
dl.skipnavi dt {display:none}
dl.skipnavi dd a {position:absolute; left:0; top:-50px; font-size:0}
dl.skipnavi dd a:active, dl.skipnavi dd a:focus {display:block; left:0; top:0; z-index:51; width:400px; height:30px; padding-top:9px; text-align:center; background:#333; line-height:14px; text-decoration:none; color:#fff; font-size:12px; font-weight:bold}

/*탭*/
.tab_area ul {overflow: hidden; display:flex; display:-webkit-flex; gap: 8px;}
.tab_area ul li a {padding: 0 16px; display: block; height: 43px; line-height: 41px; font-size: 15px; font-weight: 600; text-align: center; color: #6F767C; border-radius: 12px; border: 1px solid #D5DADF; background-color: #fff;}
.tab_area ul li.active a {color: #000; border: 1px solid #6F767C;}
.tab_area2 {margin-bottom: 24px; display: flex; display:-webkit-flex; overflow-y: hidden; overflow-x: auto; width: 100%;}
.tab_area2::-webkit-scrollbar {height: 10px; background-color: #f3f3f3;}
.tab_area2::-webkit-scrollbar-track {background-color: transparent;}
.tab_area2::-webkit-scrollbar-thumb{background-color: #ccc;}
.tab_area2 ul {margin: 0 auto; width: 100%; display: flex; display:-webkit-flex; align-items: flex-start; justify-content: flex-start; gap: 6px;}
.tab_area2 ul li {height: 43px; line-height: 43px;}
.tab_area2 ul li a {padding: 0 16px; display: block; width: 100%; height: 43px; font-size: 15px; text-align: center; font-weight: 600; border-radius: 12px; word-break: keep-all; color: #5C6368; background-color: #EDEFF2;}
.tab_area2 ul li.active a {background-color: #1C2025; color: #fff;}

/*서브*/
.subtoparea {width: 100%; display: flex; display:-webkit-flex; justify-content: center; align-items: center; background: url('/gmigrant/images/hmpg/img_subtoparea.png') no-repeat center / cover;}
.subtoparea .d_area {position: relative; width: 1160px; height: 200px;}
.subtoparea .lnb_area {z-index: 100; position: absolute; right: 0; top: 20px; display:flex; display:-webkit-flex; align-items: center;}
.subtoparea .lnb_area .lnb {display:flex; display:-webkit-flex; align-items: center; gap: 20px;}
.subtoparea .lnb_area .lnb > li {position: relative; line-height: 16px;}
.subtoparea .lnb_area .lnb > li * {vertical-align: middle;}
.subtoparea .lnb_area .lnb > li::after {content: ''; position: absolute; right: -15px; top: calc(50% - 6px); width: 12px; height: 12px; background: url('/gmigrant/images/hmpg/icon_lnb_arrow.png') no-repeat center;}
.subtoparea .lnb_area .lnb > li:last-child:after {display: none;}
.subtoparea .lnb_area .lnb > li a {line-height: 16px; font-size: 13px; font-weight: 500; color: #2F353A;}
.subtoparea .lnb_area .lnb > li.home a {display: inline-block; width: 16px; height: 16px; line-height: 16px; text-align: center; background: url('/gmigrant/images/hmpg/icon_lnb_home.png') no-repeat center;}
.subtoparea .addons {margin-left: 10px; display: block;}
.subtoparea .addons .addons_list {display:flex; display:-webkit-flex; align-items: center; gap: 8px;}
.subtoparea .addons .addons_button {position: relative; width:40px; height:40px; border-radius:50%; font-size:0; line-height:0; transition:all 0.25s ease-in-out;}
.subtoparea .addons .addons_button.print_anchor {background: #fff url('/gmigrant/images/hmpg/icon_addons_print.png') no-repeat center;}
.subtoparea .addons .addons_button.share_show {background: #fff url('/gmigrant/images/hmpg/icon_addons_share.png') no-repeat center;}
.subtoparea .addons .addons_item.share.active .addons_button {background: #555a69 url('/gmigrant/images/hmpg/icon_addons_share_close.png') no-repeat center; background-color:#555a69;}
.subtoparea .addons .share {position:relative}
.subtoparea .addons .share_panel {opacity:0; visibility:hidden; position:absolute; bottom:-190px; right:0; width:234px; padding:20px 20px 5px; border-radius:20px; background-color:#fff; box-shadow:0 5px 20px 0 rgba(56,56,56,0.15); font-size:0; text-align:center; line-height:0; transition:.25s ease-in-out;}
.subtoparea .addons .share.active .share_panel {opacity:1; visibility:inherit;}
.subtoparea .addons .share_item {display:inline-block; position:relative; width:33.3333333333%; margin-bottom:15px; text-align:center;}
.subtoparea .addons .share_anchor {display:block; position:relative; padding-top:48px; line-height: 14px; font-size:14px; color: #666;}
.subtoparea .addons .share_anchor::before {content: ''; display:block; width:38px; height:38px; position:absolute; top:0; left:0; right:0; margin:0 auto;}
.subtoparea .addons .share_item.kakao .share_anchor::before {background: url('/gmigrant/images/hmpg/icon_addons_share_kakao.png') no-repeat;}
.subtoparea .addons .share_item.facebook .share_anchor::before {background: url('/gmigrant/images/hmpg/icon_addons_share_facebook.png') no-repeat;}
.subtoparea .addons .share_item.x .share_anchor::before {background: url('/gmigrant/images/hmpg/icon_addons_share_x.png') no-repeat;}
.subtoparea .addons .share_item.blog .share_anchor::before {background: url('/gmigrant/images/hmpg/icon_addons_share_blog.png') no-repeat;}
.subtoparea .addons .share_item.mail .share_anchor::before {background: url('/gmigrant/images/hmpg/icon_addons_share_mail.png') no-repeat;}
.subtoparea .addons .share_item.copy .share_anchor::before {background: url('/gmigrant/images/hmpg/icon_addons_share_copy.png') no-repeat;}
.subtoparea h2 {position: absolute; bottom: 37px; left: 0; font-size: 34px; font-weight: 700; color: #000}
.subtoparea.subtoparea1 h2 {padding-top: 75px; background: url('/gmigrant/images/hmpg/icon_subtoparea01.png') no-repeat 7px 0;}
.subtoparea.subtoparea2 h2 {padding-top: 75px; display:flex; display:-webkit-flex; align-items: center; gap: 16px; background: url('/gmigrant/images/hmpg/icon_subtoparea02.png') no-repeat 7px 0;}
.subtoparea.subtoparea2 h2 .btn_map {padding: 0 14px; height: 38px; line-height: 38px; font-size: 13px; font-weight: 600; border-radius: 12px; color: #fff; background-color: #1C2025; display:flex; display:-webkit-flex; align-items: center; gap: 4px;}
.subtoparea.subtoparea2 h2 .btn_map .icon {width: 16px; height: 16px; background: url('/gmigrant/images/hmpg/icon_btn_map.png') no-repeat;}
.subtoparea.subtoparea3 h2 {padding-top: 75px; background: url('/gmigrant/images/hmpg/icon_subtoparea03.png') no-repeat 7px 0;}
.subtoparea.subtoparea4 h2 {padding-top: 75px; background: url('/gmigrant/images/hmpg/icon_subtoparea04.png') no-repeat 7px 0;}
.subtoparea.subtoparea5 h2 {padding-top: 75px; background: url('/gmigrant/images/hmpg/icon_subtoparea05.png') no-repeat 7px 0;}
.subtoparea.subtoparea6 h2 {padding-top: 75px; background: url('/gmigrant/images/hmpg/icon_subtoparea06.png') no-repeat 7px 0;}
.subtoparea.subtoparea7 h2 {padding-top: 75px; background: url('/gmigrant/images/hmpg/icon_subtoparea07.png') no-repeat 7px 0;}
.subtoparea.subtoparea8 {background: none;}
.subtoparea.subtoparea8 .d_area {height: auto;}
.subtoparea.subtoparea9 h2 {padding-top: 75px; background: url('/gmigrant/images/hmpg/icon_subtoparea09.png') no-repeat 7px 0;}
.subtoparea.subtoparea10 h2 {padding-top: 75px; background: url('/gmigrant/images/hmpg/icon_subtoparea10.png') no-repeat 7px 0;}
.subtoparea.subtoparea11 h2 {padding-top: 75px; background: url('/gmigrant/images/hmpg/icon_subtoparea11.png') no-repeat 7px 0;}
.subtoparea .search_inp {position: absolute; bottom: 24px; right: 0; display: flex; display:-webkit-flex; align-items: center; padding: 2px; max-width: 340px; width: 100%; height: 56px; border-radius: 56px; background-image: linear-gradient(to right, #2F9638, #195FBE);}
.subtoparea .search_inp .inpbox {padding: 0 24px; width: 100%; height: 52px; border: none; border-radius: 56px; background-color: #fff;}
.subtoparea .search_inp .inpbox input {padding: 0 36px 0 0; width: 100%; height: 100%; font-size: 15px; font-weight: 600; outline: none;}
.subtoparea .search_inp .inpbox input::placeholder {color: #949BA0;}
.subtoparea .search_inp .btn_search {position: absolute; right: 24px; display: flex; display:-webkit-flex; align-items: center;}
.subtoparea .search_inp .btn_search img {width: 20px; height: auto;}
.sub_bg {background-color: #F8F9FA;}
.sub_bg2 {background-color: #F8F9FA;}
.d_area {margin: 0 auto; width: 1280px;}
.contentsarea {position: relative; margin: 40px auto 200px; width: 1160px; min-height: 450px;}
.contentsarea .contents_title {margin: 32px 0 24px;}
.contentsarea .contents_title.flex {display:flex; display:-webkit-flex; justify-content: space-between; align-items: center;}
.contentsarea .contents_title:first-of-type {margin-top: 0;}
.contentsarea .contents_title h3 {line-height: 22px; font-size: 22px; font-weight: 700; color: #000;}
.contentsarea .contents_title h2 {margin-bottom: 50px; line-height: 34px; font-size: 34px; font-weight: 700; color: #000;}
.contbox {margin: 0 auto; padding: 40px 32px 50px; background-color: #fff; border-radius: 32px; box-shadow: 0 6px 80px 0 rgba(0, 0, 0, 0.06);}
.contbox + .button_box button {padding: 0 60px; min-width: 152px;}
.contbox + .contbox {margin-top: 24px;}

/*서브공통*/
.board_title {margin: 30px 0 15px; display:flex; display:-webkit-flex;}
.board_title:first-child {margin-top: 0;}
.board_title h3 {display:flex; display:-webkit-flex; align-items: center; font-size: 22px; font-weight: 600; color: #000;}
.board_title h4 {line-height: 26px; font-size: 17px; font-weight: 700;}
.board_text {margin: 40px 0; font-size: 20px; font-weight: 500; text-align: center;}
.list_type > li {position: relative; padding-left: 10px;}
.list_type > li::after {content: ''; position: absolute; left: 0; top: 12px; width: 3px; height: 3px; background-color: #555;}
.num_list {counter-reset: num;}
.num_list > li {position: relative; padding-left: 22px;}
.num_list > li::before {content: counter(num); counter-increment: num 1; position: absolute; left: 0; top: 5px; width: 15px; height: 15px; font-size: 9px; line-height: 14px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 100%;}
.num_list2 {padding-left: 17px;}
.num_list2 > li {list-style: decimal;}
.img_box {position: relative; text-align: center;}
.img_box img {max-width: 100%;}
.byte {font-size: 13px; text-align: right; color: #666;}

/*멤버십*/
/*약관동의*/
.member_agree h4 {margin-bottom: 20px; font-size: 26px; font-weight: 600;}
.member_agree .agree_box {height: 170px; padding: 16px; line-height: 23px; font-size: 15px; color: #000; background-color: #fff !important; border: 1px solid #DFE4EA; border-radius: 16px; overflow-x: hidden; overflow-y: auto;}
.member_agree .agree_box h4 {margin-bottom: 10px;}
.member_agree .agree_box h5 {margin-bottom: 10px;}
.member_agree .agree_check_wrap {margin: 40px 0 20px;}
.member_agree .agree_check_wrap:first-of-type {margin-top: 0;}
.member_agree .agree_check_wrap.line {padding-bottom: 20px; border-bottom: 1px solid #D5DADF;}
.member_agree .agree_check_wrap .check_box {margin-bottom: 20px;}
.member_agree .button_box {margin-top: 40px;}
.member_agree .privacy .privacy_box {border: 0; padding: 0;}
.member_agree2 {margin: 32px 0 22px; text-align: center;}
.member_agree2 > p {font-size: 15px; font-weight: 600; color: #000;}
.member_agree2 .agree_check_wrap {margin: 0;}
.member_agree2 .agree_check_wrap .check_box {margin: 20px 0 0; justify-content: center;}
/*회원정보입력*/
.membership_area .membership_txt {margin-top: 8px; line-height: 18px; font-size: 13px; color: #6F767C; word-break: keep-all;}
.membership_area .write_box {width: 100%;}
.membership_area .write_box .line {margin-bottom: 32px; display:flex; display:-webkit-flex; gap: 32px;}
.membership_area .write_box .line:last-of-type {margin-bottom: 0;}
.membership_area .write_box .line dl {position: relative; width: calc(50% - 16px);}
.membership_area .write_box .line.join_step2_contact_line dl.join_step2_contact_dl {max-width : 532px}
.membership_area .write_box dl dt {margin-bottom: 8px; font-size: 15px; font-weight: 600;}
.membership_area .write_box dl dt.point::after {margin-left: 2px; content: '*'; display: inline-block; color: #E70500;}
.membership_area .write_box dl dd .inpbox input::placeholder {color: #949BA0;}
.membership_area .write_box dl dd .havebtn {display: flex; display:-webkit-flex; flex-wrap: wrap; gap: 8px;}
.membership_area .write_box dl dd .havebtn .inpbox {position: relative; width: calc(100% - 78px);}
.membership_area .write_box dl dd .havebtn button {padding: 0 16px; width: 70px; font-size: 15px; border-radius: 12px;}
/*법정대리인동의안내*/
.membership_area .member_info .box {padding: 20px; line-height: 27px; font-size: 15px; text-align: center; border-radius: 16px; background-color: #F2F8FF;}
.membership_area .member_info .box span {font-weight: 700; color: #004097;}
.membership_area .member_info .info .tit {margin-top: 20px; font-size: 17px; font-weight: 700; color: #1C2025;}
.membership_area .member_info .info ul {font-size: 15px; color: #1C2025;}
.membership_area .member_info .info ul li {margin-top: 8px; padding-left: 22px; position: relative; line-height: 22px;}
.membership_area .member_info .info ul li::before {position: absolute; top: 0; left: 0; content: '-';}
.membership_area .member_file .upload {position: relative; width: 100%; padding: 64px 32px 56px; text-align: center; background: #EDEFF2; border-radius: 20px;} 
.membership_area .member_file .upload .upload_txt {line-height: 27px; font-size: 19px; margin-bottom: 32px; color: #5C6368; } 
.membership_area .member_file .upload .btn_file {padding: 14px 20px; line-height: 22px; font-size: 15px; font-weight: 600; border: 1px solid #6F767C; border-radius: 12px; background: #fff; cursor: pointer; transition: all 0.2s;} 
.membership_area .member_file .upload .input_file {position: absolute; inset: 0; opacity: 0; cursor: pointer;} 
.membership_area .member_file .list .num {margin: 32px 0 0; line-height: 24px; font-size: 17px; font-weight: 700; color: #1C2025;}
.membership_area .member_file .list  ul li:first-child {margin: 32px 0 16px;}
.membership_area .member_file .list  ul li {margin-bottom: 16px; padding: 16px; display: flex; display:-webkit-flex; justify-content: center; align-items: center; border-radius: 14px; border: 1px solid #D5DADF;}
.membership_area .member_file .list  ul li a {padding-left: 28px; width: calc(100% - 30px); line-height: 23px; font-size: 15px; color: #4E5257; background: url('/gmigrant/images/hmpg/icon_membership_file.png') no-repeat 0 center;}
.membership_area .member_file .list  ul li .btn_delete {width: 20px; height: 20px; background: url('/gmigrant/images/hmpg/icon_membership_delete.png') no-repeat;}
/*법정대리인동의서류제출완료*/
.membership_area .member_legal {padding: 30px 0;}
.membership_area .member_legal {text-align: center;}
.membership_area .member_legal .tit {padding-top: 100px; font-size: 22px; font-weight: 600; color: #000; background: url('/gmigrant/images/hmpg/icon_membership_legal.png') no-repeat center 0;}
.membership_area .member_legal .txt1 {margin-top: 10px; font-size: 17px; color: #2F353A}
.membership_area .member_legal .txt1 span {color: #010202;}
.membership_area .member_legal .txt2 {margin-top: 30px; padding-left: 22px; display: inline-block; font-size: 15px; color: #000; background: url('/gmigrant/images/hmpg/icon_membership_file.png') no-repeat 0 center;}
.membership_area .member_legal .box {margin-top: 40px; padding: 32px; text-align: left; border-radius: 20px; background-color: #EDEFF2;}
.membership_area .member_legal .box .box_tit {display: inline-block; font-size: 15px; font-weight: 600;}
.membership_area .member_legal .box .box_txt {margin-top: 10px; line-height: 22px; font-size: 15px; color: #2F353A;}
.membership_area .member_legal .box.box1 .box_tit {padding-left: 20px; color: #DB2521; background: url('/gmigrant/images/hmpg/icon_membership_legal_box1.png') no-repeat 0 center;}
.membership_area .member_legal .box.box2 {text-align: center;}
.membership_area .member_legal .box.box2 .box_tit {padding-left: 20px; color: #004097; background: url('/gmigrant/images/hmpg/icon_membership_legal_box2.png') no-repeat 0 center;}
/*회원가입완료*/
.membership_area .member_complete {padding: 30px 0;}
.membership_area .member_complete {text-align: center;}
.membership_area .member_complete p {padding-top: 130px; font-size: 17px; background: url('/gmigrant/images/hmpg/icon_membership_complete.png') no-repeat center 0;}
.membership_area .member_complete p span {margin-bottom: 10px; display: block; font-size: 22px; font-weight: 600; color: #000;}

/*마이페이지*/
/*알림*/
.alarmlist > li {margin-bottom: 16px; padding: 32px; position: relative; border-radius: 32px; background-color: #fff;}
.alarmlist > li:last-child {margin-bottom: 0;}
.alarmlist > li .list_box li {margin-right: 8px; padding-right: 8px; color: #2F353A;}
.alarmlist > li .list_box li:last-child {margin-right: 0; padding-right: 0;}
.alarmlist > li .list_box li.place {color: #008834;}
.alarmlist > li .time {position: absolute; top: 32px; right: 32px; font-size: 13px; letter-spacing: -1px; color: #6F767C;}
.alarmlist > li .tit {margin: 8px 0; width: 100%; font-size: 15px; font-weight: 600; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.alarmlist > li .tit .category {margin-right: 8px; min-width: 60px; display: inline-block; line-height: 24px; font-size: 13px; font-weight: 600; text-align: center; border-radius: 8px; color: #fff;}
.alarmlist > li .tit .category.bg1 {background-color: #4BB225;}
.alarmlist > li .tit .category.bg2 {background-color: #008834;}
.alarmlist > li .tit .category.bg3 {background-color: #407BDD;}
.alarmlist > li .tit .category.bg4 {background-color: #00A5B5;}
.alarmlist > li .tit .category.bg5{background-color: #004097;}
.alarmlist > li .tit .keywords {color: #004097;}
.alarmlist > li .txt {font-size: 15px; color: #6F767C; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.alarmlist > li .txt .keywords {font-weight: 700; color: #004097;}
.alarmlist > li .normal {width: calc(100% - 90px); font-size: 15px; color: #000;}
.alarmlist > li .normal span {font-weight: 600;}
.alarmlist.delete > li {padding-left: 84px;}
.alarmlist.delete > li .check_box {position: absolute; top: calc(50% - 12px); left: 32px;}
.alarmlist + .button_box {margin-top: 48px;}
.noresult.alarm {padding: 110px 0 120px; border-bottom: none;}
.noresult.alarm p {background: url('/gmigrant/images/hmpg/icon_noresult_alarm.png') no-repeat center 0;}
.popup_delete {padding: 16px 32px; max-width: 270px; min-width: 250px; position:absolute; top: -10px; left:50%; transform: translate(-50%, -50%); text-align: center; color: #fff; border-radius: 48px; background-color: rgba(0, 0, 0, 0.80);}
/*서브메인및관심키워드*/
.mypage .myinfo .id {margin-bottom: 24px; padding-bottom: 24px; font-size: 19px; font-weight: 600; color: #2F353A; border-bottom: 1px solid #DFE4EA;}
.mypage .myinfo .title {margin-bottom: 16px; padding-left: 32px; font-size: 17px; font-weight: 700; color: #000; background: url('/gmigrant/images/hmpg/icon_mypage_myinfo_title.png') no-repeat 0 center;}
.mypage .myinfo .list li {margin-bottom: 8px; display: flex; display:-webkit-flex; flex-wrap: wrap; gap: 8px;}
.mypage .myinfo .list li:last-child {margin-bottom: 0;}
.mypage .myinfo .list li span {font-size: 15px; color: #2F353A;}
.mypage .myinfo .list li .tit {font-weight: 600;}
.recommend {margin: -16px 0 24px; display: flex; display: -webkit-flex; justify-content: center; align-items: center; gap: 16px;}
.recommend .title {font-size: 13px; font-weight: 600; color: #6F767C;}
.recommend .recommend_box {max-width: calc(100% - 80px); display: flex; display: -webkit-flex; align-items: center; overflow-x: auto; overflow-y: hidden; white-space: nowrap; gap: 8px;}
.recommend .recommend_box::-webkit-scrollbar {height: 6px; background-color: #f3f3f3;}
.recommend .recommend_box::-webkit-scrollbar-track {background-color: transparent;}
.recommend .recommend_box::-webkit-scrollbar-thumb {background-color: #ccc;}
.recommend .recommend_box button {padding: 0 14px; flex-shrink: 0; line-height: 40px; font-size: 13px; font-weight: 600; color: #004097; border-radius: 12px; background-color: #E8F2FD;}
.recommend .recommend_box button:hover {background-color: #CDE3FB;}
.recommend .recommend_box button * {vertical-align: middle;}
.recommend .recommend_box button .icon {margin-right: 4px; display: inline-block; width: 16px; height: 16px; background: url('/gmigrant/images/hmpg/iconicon_mypage_recommend.png') no-repeat;}
.mypage .keywords_box {display: flex; display: -webkit-flex; align-items: center; flex-wrap: wrap; gap: 8px;}
.mypage .keywords_box .nodata {width: 100%; font-size: 15px; text-align: center; color: #6F767C !important;}
.mypage .keywords_box .nodata span {margin-bottom: 10px; display: block; font-size: 17px; font-weight: 600;}
.mypage .keywords_box .keywords {padding: 0 14px; line-height: 40px; font-size: 13px; font-weight: 600; color: #fff; border-radius: 12px; background-color: #004097;}
.mypage .keywords_box .keywords:hover {background-color: #125BBE;}
.mypage .keywords_box .keywords button {margin: -2px 0 0 6px;}
/*회원탈퇴*/
.dot_list {margin-bottom: 16px;}
.dot_list li {margin-bottom: 8px; padding-left: 20px; position: relative; line-height: 23px; font-size: 15px; color: #1C2025;}
.dot_list li::before {content: '-'; display: block; position: absolute; top: 0; left: 2px;}
.btn_withdraw {margin-top: 40px; padding-right: 16px; display: inline-block; line-height: 18px; font-size: 13px; font-weight: 500; color: #6F767C; text-decoration: underline; background: url('/gmigrant/images/hmpg/icon_btn_withdraw.png') no-repeat right center;}

/*안내*/
/*유관기관안내*/
.relatedinfo .optionbox {margin-bottom: 16px; width: 300px;}
.relatedinfo .map_area {width: 100%; height: 320px;}
.relatedinfo .map_area .root_daum_roughmap {width: 100%; height: 100% !important;}
.relatedinfo .map_area .root_daum_roughmap .wrap_map {height: calc(100% - 1px) !important;}
.relatedinfo .title {margin: 32px 0;}
.relatedinfo .title .tit {display: flex; display: -webkit-flex; align-items: center; gap: 8px; line-height: 33px; font-size: 22px; font-weight: 600; color: #000;}
.relatedinfo .title .txt {margin-top: 16px; line-height: 23px; font-size: 15px; color: #2F353A; word-break: keep-all; white-space: pre-line;}
.relatedinfo .list li {margin-bottom: 8px; padding: 24px; border-radius: 16px; border: 1px solid #DFE4EA;}
.relatedinfo .list li:last-child {margin-bottom: 0;}
.relatedinfo .list li:hover {background-color: #F8F9FA; border: 1px solid #6F767C;}
.relatedinfo .list li .tit {display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; line-height: 24px; font-size: 17px; font-weight: 500; color: #000;}
.relatedinfo .list li .txt {margin-top: 8px; padding-right: 200px; line-height: 18px; font-size: 13px; color: #2F353A; word-break: keep-all; white-space: pre-line;}
.relatedinfo .btn_shortcut {padding-right: 20px; line-height: 18px; font-size: 13px; font-weight: 500; text-decoration: underline; color: #004097; background: url('/gmigrant/images/hmpg/icon_btn_shortcut.png') no-repeat right 0 center;}
/* 제목 옆 바로가기 — 텍스트 없이 아이콘만 표시(빈 a 태그도 영역 확보) */
.relatedinfo .title .tit .btn_shortcut {
	flex-shrink: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
	background: url('/gmigrant/images/hmpg/icon_btn_shortcut.png') no-repeat center / contain;
}
/*포털안내*/
.portalinfo {padding: 24px 20px 0; background: url('/gmigrant/images/hmpg/bg_portalinfo.png') no-repeat top 68px right 55px;}
.portalinfo .top-text {line-height: 33px; font-size: 22px; font-weight: 600;}
.portalinfo .top-title {margin: 12px 0 84px; line-height: 57px; font-size: 38px; font-weight: 800;}
.portalinfo .desc {margin-bottom: 52px;}
.portalinfo .desc h4 {line-height: 28.5px; font-size: 19px; font-weight: 700;}
.portalinfo .desc p {margin: 8px 0; line-height: 25.5px; font-size: 17px;}
.portalinfo .desc ul li {margin-top: 8px; padding-left: 25px; position: relative; line-height: 25.5px; font-size: 17px; color: #2F353A;}
.portalinfo .desc ul li::before {content: '-'; position: absolute; top: 0; left: 8px;}
.portalinfo .section-title {margin-bottom: 16px; line-height: 28.5px; font-size: 19px; font-weight: 700;}
.portalinfo .card-wrap {padding: 20px 20px 0; display: flex; display: -webkit-flex; flex-wrap: wrap; border-radius: 24px; border: 1px solid #DFE4EA;}
.portalinfo .card-wrap .card {padding: 16px 16px 40px; width: 33.3333333333%;}
.portalinfo .card-wrap .card .card-title {margin-bottom: 20px; padding: 24px 24px 24px 84px; line-height: 26px; font-size: 17px; font-weight: 700; border-radius: 20px;}
.portalinfo .card-wrap .card.card1 .card-title {background: #E8F2FD url('/gmigrant/images/hmpg/icon_portalinfo_card1.png') no-repeat 24px center;}
.portalinfo .card-wrap .card.card2 .card-title {background: #E4F4E6 url('/gmigrant/images/hmpg/icon_portalinfo_card2.png') no-repeat 24px center;}
.portalinfo .card-wrap .card.card3 .card-title {background: #E8F2FD url('/gmigrant/images/hmpg/icon_portalinfo_card3.png') no-repeat 24px center;}
.portalinfo .card-wrap .card.card4 .card-title {background: #E4F4E6 url('/gmigrant/images/hmpg/icon_portalinfo_card4.png') no-repeat 24px center;}
.portalinfo .card-wrap .card.card5 .card-title {background: #E8F2FD url('/gmigrant/images/hmpg/icon_portalinfo_card5.png') no-repeat 24px center;}
.portalinfo .card-wrap .card ul li {margin-bottom: 8px; padding-left: 23px; position: relative; line-height: 22.5px; font-size: 15px; color: #2F353A;}
.portalinfo .card-wrap .card ul li::before {content: '-'; position: absolute; top: 0; left: 0;}
/*이용안내*/
.useinfo {padding: 20px 20px 10px;}
.useinfo.sos {background: url('/gmigrant/images/hmpg/icon_useinfo_top_sos.png') no-repeat top 0 right 20px;}
.useinfo.ai {background: url('/gmigrant/images/hmpg/icon_useinfo_top_ai.png') no-repeat top 5px right 20px;}
.useinfo.alarm {background: url('/gmigrant/images/hmpg/icon_useinfo_top_alarm.png') no-repeat top -25px right 20px;}
.useinfo.community {background: url('/gmigrant/images/hmpg/icon_useinfo_top_community.png') no-repeat top 0 right 20px;}
.useinfo.participation {background: url('/gmigrant/images/hmpg/icon_useinfo_top_participation.png') no-repeat top -10px right 20px;}
.useinfo.dataroom {background: url('/gmigrant/images/hmpg/icon_useinfo_top_dataroom.png') no-repeat top -10px right 20px;}
.useinfo.guidance {background: url('/gmigrant/images/hmpg/icon_useinfo_top_guidance.png') no-repeat top -25px right 20px;}
.useinfo.emergency1 {background: url('/gmigrant/images/hmpg/icon_useinfo_top_emergency1.png') no-repeat top 10px right 40px;}
.useinfo.emergency2 {background: url('/gmigrant/images/hmpg/icon_useinfo_top_emergency2.png') no-repeat top 20px right 60px;}
.useinfo.emergency3 {background: url('/gmigrant/images/hmpg/icon_useinfo_top_emergency3.png') no-repeat top 0 right 40px;}
.useinfo.emergency4 {background: url('/gmigrant/images/hmpg/icon_useinfo_top_emergency4.png') no-repeat top 10px right 40px;}
.useinfo.emergency5 {background: url('/gmigrant/images/hmpg/icon_useinfo_top_emergency5.png') no-repeat top 10px right 40px;}
.useinfo.emergency6 {background: url('/gmigrant/images/hmpg/icon_useinfo_top_emergency6.png') no-repeat top -10px right 30px;}
.useinfo.emergency7 {background: url('/gmigrant/images/hmpg/icon_useinfo_top_emergency7.png') no-repeat top -10px right 40px;}
.useinfo.emergency8 {background: url('/gmigrant/images/hmpg/icon_useinfo_top_emergency8.png') no-repeat top -10px right 40px;}
.useinfo .top {padding: 0 0 80px; border-bottom: 1px solid #6F767C;}
.useinfo .top .txt1 {margin-bottom: 16px; line-height: 51px; font-size: 34px; font-weight: 600;}
.useinfo .top .txt2 {line-height: 32px; font-size: 17px;}
.useinfo .top .txt2 span {font-weight: 600;}
.useinfo .bottom {margin: 40px 0 0;}
.useinfo .bottom .title {margin: 24px 0 8px; padding-left: 28px; line-height: 29px; font-size: 19px; font-weight: 700; color: #000;}
.useinfo .bottom .title1 {background: url('/gmigrant/images/hmpg/icon_useinfo_title1.png') no-repeat 0 center;}
.useinfo .bottom .title2 {background: url('/gmigrant/images/hmpg/icon_useinfo_title2.png') no-repeat 0 center;}
.useinfo .bottom .title3 {background: url('/gmigrant/images/hmpg/icon_useinfo_title3.png') no-repeat 0 center;}
.useinfo .bottom .title4 {background: url('/gmigrant/images/hmpg/icon_useinfo_title4.png') no-repeat 0 center;}
.useinfo .bottom .title.title0 {padding-left: 0;}
.useinfo .bottom .text {padding: 0 28px; line-height: 27px; font-size: 15px; color: #000;}
.useinfo .bottom .dot_list {padding: 0 9px;}
.useinfo .bottom .card-wrap {display: flex; display: -webkit-flex; flex-wrap: wrap; gap: 16px;}
.useinfo .bottom .card-wrap .card {padding: 16px 24px; width: calc(50% - 8px); border-radius: 20px; background-color: #F8F9FA;}
.useinfo .bottom .card-wrap .card .card-title {margin-bottom: 12px; padding-left: 60px; line-height: 48px; font-size: 17px; font-weight: 700; color: #000;}
.useinfo .bottom .card-wrap .card.card1-1 .card-title {background: url('/gmigrant/images/hmpg/icon_useinfo_card1_1.png') no-repeat 0 center;}
.useinfo .bottom .card-wrap .card.card1-2 .card-title {background: url('/gmigrant/images/hmpg/icon_useinfo_card1_2.png') no-repeat 0 center;}
.useinfo .bottom .card-wrap .card.card2-1 .card-title {background: url('/gmigrant/images/hmpg/icon_useinfo_card2_1.png') no-repeat 0 center;}
.useinfo .bottom .card-wrap .card.card2-2 .card-title {background: url('/gmigrant/images/hmpg/icon_useinfo_card2_2.png') no-repeat 0 center;}
.useinfo .bottom .card-wrap .card.card3-1 .card-title {background: url('/gmigrant/images/hmpg/icon_useinfo_card3_1.png') no-repeat 0 center;}
.useinfo .bottom .card-wrap .card.card3-2 .card-title {background: url('/gmigrant/images/hmpg/icon_useinfo_card3_2.png') no-repeat 0 center;}
.useinfo .bottom .card-wrap .card.card4-1 .card-title {background: url('/gmigrant/images/hmpg/icon_useinfo_card4_1.png') no-repeat 0 center;}
.useinfo .bottom .card-wrap .card.card4-2 .card-title {background: url('/gmigrant/images/hmpg/icon_useinfo_card4_2.png') no-repeat 0 center;}
.useinfo .bottom .card-wrap .card.card4-3 .card-title {background: url('/gmigrant/images/hmpg/icon_useinfo_card4_3.png') no-repeat 0 center;}
.useinfo .bottom .card-wrap .card.card4-4 .card-title {background: url('/gmigrant/images/hmpg/icon_useinfo_card4_4.png') no-repeat 0 center;}
.useinfo .bottom .card-wrap .card.card4-5 .card-title {background: url('/gmigrant/images/hmpg/icon_useinfo_card4_5.png') no-repeat 0 center;}
.useinfo .bottom .card-wrap .card.card5-1 .card-title {background: url('/gmigrant/images/hmpg/icon_useinfo_card5_1.png') no-repeat 0 center;}
.useinfo .bottom .card-wrap .card.card5-2 .card-title {background: url('/gmigrant/images/hmpg/icon_useinfo_card5_2.png') no-repeat 0 center;}
.useinfo .bottom .card-wrap .card.card6-1 .card-title {background: url('/gmigrant/images/hmpg/icon_useinfo_card6_1.png') no-repeat 0 center;}
.useinfo .bottom .card-wrap .card.card6-2 .card-title {background: url('/gmigrant/images/hmpg/icon_useinfo_card6_2.png') no-repeat 0 center;}
.useinfo .bottom .card-wrap .card.card6-3 .card-title {background: url('/gmigrant/images/hmpg/icon_useinfo_card6_3.png') no-repeat 0 center;}
.useinfo .bottom .card-wrap .card.card6-4 .card-title {background: url('/gmigrant/images/hmpg/icon_useinfo_card6_4.png') no-repeat 0 center;}
.useinfo .bottom .card-wrap .card .card-text {line-height: 22.5px; font-size: 15px; color: #1C2025;}
.useinfo .bottom .button_box {margin: 50px auto 0;}
.bottom_wrap {display: flex; display: -webkit-flex; gap: 32px;}
.bottom_wrap .wrap {width: calc(50% - 16px);}
.bottom_wrap .wrap .box {padding: 230px 32px 32px; height: calc(100% - 61px); border-radius: 24px;}
.bottom_wrap .wrap:nth-child(1) .box {background: #F8F9FA url('/gmigrant/images/hmpg/icon_useinfo_bottom_wrap1.png') no-repeat center 32px;}
.bottom_wrap .wrap:nth-child(2) .box {background: #F8F9FA url('/gmigrant/images/hmpg/icon_useinfo_bottom_wrap2.png') no-repeat center 32px;}
.emergency_list {margin-top: 24px; display: flex; display: -webkit-flex; flex-wrap: wrap; gap: 16px;}
.emergency_list li {padding: 16px; width: calc((100% - 64px)/5); text-align: center; border-radius: 20px; background-color: #F8F9FA;}
.emergency_list li span {display: block; font-size: 15px; word-break: keep-all;}
.emergency_list li .txt1 {line-height: 33px; font-size: 22px;}
.emergency_list li .txt2 {margin-bottom: 12px;}

/*보건의료*/
.ww_hidden {display: none;}
.useinfo.Healthcare1 {background: url('/gmigrant/images/hmpg/icon_useinfo_top_Healthcare1.png') no-repeat top 0 right 40px;}
.useinfo.Healthcare2 {background: url('/gmigrant/images/hmpg/icon_useinfo_top_Healthcare2.png') no-repeat top 0 right 40px;}
.useinfo.Healthcare3 {background: url('/gmigrant/images/hmpg/icon_useinfo_top_Healthcare3.png') no-repeat top 0 right 60px;}
.useinfo.Healthcare4 {background: url('/gmigrant/images/hmpg/icon_useinfo_top_Healthcare4.png') no-repeat top 0 right 40px;}
.useinfo.Healthcare .top {padding: 0 280px 0 0; border-bottom: 0; word-break: keep-all;}
.useinfo.Healthcare.Healthcare3 .top {padding: 0 450px 0 0;}
.useinfo.Healthcare .top .logo {margin-bottom: 12px;}
.useinfo.Healthcare .top .logo img {height: 40px;}
.useinfo.Healthcare .top .txt1 {margin-bottom: 8px;}
.useinfo.Healthcare .top .txt2 {line-height: 27px; font-size: 15px; color: #2F353A;}
.useinfo.Healthcare .top .notice_list {margin-top: 16px;}
.useinfo.Healthcare .top .notice_list li {line-height: 1.5; font-size: 13px; color: #6F767C;}
.useinfo.Healthcare .bottom {margin-top: 40px;}
.useinfo.Healthcare .bottom .filter_box {display: flex; display: -webkit-flex; align-items: center; gap: 20px; margin-bottom: 16px;}
.useinfo.Healthcare .bottom .filter_box .stit {line-height: 19px; font-size: 19px; font-weight: 600; color: #1C2025;}
.useinfo.Healthcare .bottom .filter_box .optionbox {width: 300px;}
.useinfo.Healthcare .Healthcare_section .section_tit {line-height: 1.5; font-size: 15px; font-weight: 600; color: #004097;}
.useinfo.Healthcare .Healthcare_section .table_head {margin-bottom: 16px;}
.useinfo.Healthcare .Healthcare_section .table_head .stxt {line-height: 1.5; font-size: 19px; font-weight: 600; color: #000;}
.useinfo.Healthcare .Healthcare_section .table_head .badge {margin-left: 6px; padding: 0 6px; display: inline-block; line-height: 24px; font-size: 13px; font-weight: 600; color: #fff; border-radius: 8px; background-color: #004097; vertical-align: middle;}
.useinfo.Healthcare .Healthcare_table {width: 100%;}
.useinfo.Healthcare .Healthcare_table table {width: 100%; border-collapse: collapse; table-layout: fixed; line-height: 1.5;}
.useinfo.Healthcare .Healthcare_table table thead tr {border-top: 1px solid #d6dbe0;}
.useinfo.Healthcare .Healthcare_table table thead tr:last-child {border-bottom: 1px solid #6F767C;}
.useinfo.Healthcare .Healthcare_table table thead tr th {padding: 10px; font-size: 13px; font-weight: 600; text-align: center; color: #1C2025; border-right: 1px solid #d6dbe0;}

.useinfo.Healthcare .Healthcare_table table thead tr th:last-child,
.useinfo.Healthcare .Healthcare_table table thead tr th.noline {border-right: 0;}

.useinfo.Healthcare .Healthcare_table table thead tr th.line {border-right: 1px solid #d6dbe0;}
.useinfo.Healthcare .Healthcare_table table tbody tr {border-bottom: 1px solid #EDEFF2;}
.useinfo.Healthcare .Healthcare_table table tbody tr td {padding: 10px; font-size: 13px; text-align: center; color: #4E5257;}
.useinfo.Healthcare .Healthcare_table table tbody tr.total {background-color: #E8F2FD;}
.useinfo.Healthcare .Healthcare_table table tbody tr.total td {font-weight: 600; color: #004097;}
.useinfo.Healthcare .Healthcare_table table thead tr:nth-child(2) th {border-top: 0;}
.useinfo.Healthcare .Healthcare_section + .Healthcare_section {margin-top: 40px;}
.useinfo.Healthcare .contact_box {margin-top: 40px; padding: 32px; display: flex; display: -webkit-flex; align-items: center; gap: 40px; border-radius: 24px; background-color: #F8F9FA;}
.useinfo.Healthcare .contact_box .img_area {flex-shrink: 0; width: 160px;}
.useinfo.Healthcare .contact_box .img_area img {width: 100%;}
.useinfo.Healthcare .contact_box .info_area {width: calc(100% - 200px);}
.useinfo.Healthcare .contact_box .call_wrap {margin-bottom: 16px; padding: 16px 0; display: flex; display: -webkit-flex; background-color: #fff; border: 1px solid #DFE4EA; border-radius: 16px;}
.useinfo.Healthcare .contact_box .call {padding: 0 20px; width: 50%;}
.useinfo.Healthcare .contact_box .call + .call {border-left: 1px solid #DFE4EA;}
.useinfo.Healthcare .contact_box .call .num {line-height: 1.5; font-size: 22px; font-weight: 600; color: #004097;}
.useinfo.Healthcare .contact_box .call .txt {margin-top: 5px; line-height: 1.5; font-size: 15px; font-weight: 600; color: #1C2025;}
.useinfo.Healthcare .contact_box .desc {line-height: 23px; font-size: 15px; color: #2F353A; word-break: keep-all;}

/*커뮤니티*/
.community_box .head {margin-bottom: 16px; position: relative;}
.community_box .head h4 {display: flex; display: -webkit-flex; align-items: center; gap: 8px;}
.community_box .head h4 span {line-height: 24px; font-size: 17px; font-weight: 600; color: #000;}
.community_box .head .txt {margin-top: 8px; line-height: 18px; font-size: 13px; color: #6F767C;}
.community_box .head .btn_join {position: absolute; top: calc(50% - 22px); right: 0; padding: 12px 14px; min-width: 60px; font-size: 13px; font-weight: 600; border-radius: 10px;}
.community_box .list > li {padding: 8px 0; display: flex; display: -webkit-flex; justify-content: space-between;}
.community_box .list > li .left {width: calc(100% - 250px); display: flex; display: -webkit-flex; align-items: center; gap: 8px;}
.community_box .list > li .left .category {min-width: 60px; line-height: 24px; font-size: 13px; font-weight: 600; text-align: center; border-radius: 8px; color: #fff;}
.community_box .list > li .left .category.bg1 {background-color: #4BB225;}
.community_box .list > li .left .category.bg2 {background-color: #008834;}
.community_box .list > li .left .category.bg3 {background-color: #407BDD;}
.community_box .list > li .left .category.bg4 {background-color: #00A5B5;}
.community_box .list > li .left .category.bg5{background-color: #004097;}
.community_box .list > li .left .txt {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: calc(100% - 150px); font-size: 15px; color: #1C2025;}
.community_box .list > li .left .txt:hover {text-decoration: underline;}
.community_box .list > li .left .comment {padding-left: 22px; font-size: 15px; color: #6F767C; background: url('/gmigrant/images/hmpg/icon_btn_comment2.png') no-repeat 0 center;}
.community_box .list > li .left .new {width: 20px; height: 20px;}
.community_box .list > li .list_box li {margin-right: 8px; padding-right: 8px; font-size: 13px;}
.community_box .list > li .list_box li:last-child {margin-right: 0; padding-right: 0;}

/*생활서비스*/
.lifeservice {position: relative;}
.lifeservice .lifeservice_result {z-index: 99; display: none; padding: 0 0 80px; position: absolute; top: 0; left: 0; width: 380px; height: calc(100vh - 95px); background-color: #fff;}
.lifeservice.active .lifeservice_result {display: block;}
.lifeservice .lifeservice_result .list  {overflow-y: auto; padding: 24px 30px 0; height: 100%;}
.lifeservice .lifeservice_result .list::-webkit-scrollbar {width: 8px; background-color: #f3f3f3;}
.lifeservice .lifeservice_result .list::-webkit-scrollbar-track {background-color: transparent;}
.lifeservice .lifeservice_result .list::-webkit-scrollbar-thumb {background-color: #ccc;}
.lifeservice .lifeservice_result .list > li {margin-bottom: 16px; padding-bottom: 16px; word-spacing: -1px; border-bottom: 1px solid #ddd;}
.lifeservice .lifeservice_result .list > li:last-child {margin-bottom: 0; border-bottom: 0;}
.lifeservice .lifeservice_result .list > li .tit {margin-bottom: 8px; padding-left: 24px;}
.lifeservice .lifeservice_result .list > li.list1 .tit {background: url('/gmigrant/images/hmpg/icon_lifeservice_result1.png') no-repeat 0 3px;}
.lifeservice .lifeservice_result .list > li.list2 .tit {background: url('/gmigrant/images/hmpg/icon_lifeservice_result2.png') no-repeat 0 3px;}
.lifeservice .lifeservice_result .list > li.list3 .tit {background: url('/gmigrant/images/hmpg/icon_lifeservice_result3.png') no-repeat 0 3px;}
.lifeservice .lifeservice_result .list > li .tit a {font-size: 15px; font-weight: 600; color: #000;}
.lifeservice .lifeservice_result .list > li .txt1 {font-size: 13px; color: #2F353A;}
.lifeservice .lifeservice_result .list > li .txt2 {display: flex; display:-webkit-flex; flex-wrap: wrap;}
.lifeservice .lifeservice_result .list > li .txt2 .stit {margin-right: 8px; font-size: 13px; color: #2F353A;}
.lifeservice .lifeservice_result .list > li .txt2 .stxt {font-size: 13px; font-weight: 600; color: #2F353A;}
.lifeservice .lifeservice_result .list > li .list_box li {margin-right: 8px; padding-right: 8px; font-size: 13px;}
.lifeservice .lifeservice_result .list > li .list_box li:last-child {margin-right: 0; padding-right: 0;}
.lifeservice .paging {position: absolute; bottom: 16px; left: 0; width: 100%; height: 64px; align-items: center;}
.lifeservice .paging button {width: 20px;}
.lifeservice .paging button:hover {background-color: #fff;}
.lifeservice .paging button.on, .paging button.btn-paging-first, .paging button.btn-paging-pre, .paging button.btn-paging-next, .paging button.btn-paging-last {width: 38px;}
.lifeservice .paging button.on:hover {background-color: #1C2025;}
.lifeservice .lifeservice_tab {z-index: 9; position: absolute; top: 30px; left: 30px;}
.lifeservice.active .lifeservice_tab {left: 410px;}
.lifeservice .lifeservice_tab {width: 100%;}
.lifeservice .lifeservice_tab ul {width: 100%; display: flex; display:-webkit-flex; gap: 6px;}
.lifeservice .lifeservice_tab ul li {width: 94px; height: 44px; line-height: 42px;}
.lifeservice .lifeservice_tab ul li a {display: block; width: 100%; height: 100%; font-size: 13px; text-align: center; font-weight: 600; border-radius: 10px; background-color: #fff; border: 1px solid #6F767C;}
.lifeservice .lifeservice_tab ul li.active a {background-color: #004097; color: #fff;}
.lifeservice .lifeservice_tab ul li a span {padding-left: 20px; line-height: 20px;}
.lifeservice .lifeservice_tab ul li.tab1 a span {background: url('/gmigrant/images/hmpg/icon_lifeservice_tab1.png') no-repeat 0 center;}
.lifeservice .lifeservice_tab ul li.tab2 a span {background: url('/gmigrant/images/hmpg/icon_lifeservice_tab2.png') no-repeat 0 center;} 
.lifeservice .lifeservice_tab ul li.tab3 a span {background: url('/gmigrant/images/hmpg/icon_lifeservice_tab3.png') no-repeat 0 center;} 
.lifeservice .lifeservice_tab ul li.tab1.active a span {background: url('/gmigrant/images/hmpg/icon_lifeservice_tab1_active.png') no-repeat 0 center;}
.lifeservice .lifeservice_tab ul li.tab2.active a span {background: url('/gmigrant/images/hmpg/icon_lifeservice_tab2_active.png') no-repeat 0 center;} 
.lifeservice .lifeservice_tab ul li.tab3.active a span {background: url('/gmigrant/images/hmpg/icon_lifeservice_tab3_active.png') no-repeat 0 center;} 
.lifeservice .btn_place {z-index: 9; position: absolute; bottom: 30px; right: 30px; width: 42px; height: 42px; border-radius: 12px; border: 1px solid #6F767C; background: #fff url('/gmigrant/images/hmpg/icon_lifeservice_place.png') no-repeat center;}
.lifeservice .map_area {width: 100%; height: calc(100vh - 95px);}
.lifeservice .map_area .root_daum_roughmap {width: 100%; height: 100% !important;}
.lifeservice .map_area .root_daum_roughmap .wrap_map {height: calc(100% - 1px) !important;}

/*SOS도움요청*/
.sosMain {padding: 20px 16px 10px;}
.sosMain .top {padding: 0 0 80px; border-bottom: 1px solid #6F767C; background: url('/gmigrant/images/hmpg/icon_sosMain_hifive.png') no-repeat right bottom;}
.sosMain .top .txt1 {margin-bottom: 16px; line-height: 51px; font-size: 34px; font-weight: 600;}
.sosMain .top .txt2 {line-height: 32px; font-size: 17px;}
.sosMain .top .txt2 span {font-weight: 600;}
.sosMain .bottom {margin: 40px 0 0;}
.sosMain .bottom .title {padding-left: 28px; line-height: 29px; font-size: 19px; font-weight: 600; color: #000;}
.sosMain .bottom .title1 {background: url('/gmigrant/images/hmpg/icon_icon_sosMain_title1.png') no-repeat 0 center;}
.sosMain .bottom .title2 {background: url('/gmigrant/images/hmpg/icon_icon_sosMain_title2.png') no-repeat 0 center;}
.sosMain .bottom .sosMain_list {margin: 16px 0 24px; padding: 20px; display: flex; display: -webkit-flex; justify-content: center; gap: 24px; border-radius: 24px; border: 1px solid #DFE4EA;}
.sosMain .bottom .sosMain_list li {padding: 8px 24px; width: calc((100% - 72px)/4); text-align: center; word-break: keep-all;}
.sosMain .bottom .sosMain_list li .txt1 {margin: 20px 0 8px; padding-top: 110px; font-size: 17px; font-weight: 700; color: #000;}
.sosMain .bottom .sosMain_list.type1 li.list1 .txt1 {background: url('/gmigrant/images/hmpg/icon_sosMain_list1_1.png') no-repeat center 0;}
.sosMain .bottom .sosMain_list.type1 li.list2 .txt1 {background: url('/gmigrant/images/hmpg/icon_sosMain_list1_2.png') no-repeat center 0;}
.sosMain .bottom .sosMain_list.type1 li.list3 .txt1 {background: url('/gmigrant/images/hmpg/icon_sosMain_list1_3.png') no-repeat center 0;}
.sosMain .bottom .sosMain_list.type1 li.list4 .txt1 {background: url('/gmigrant/images/hmpg/icon_sosMain_list1_4.png') no-repeat center 0;}
.sosMain .bottom .sosMain_list.type2 li.list1 .txt1 {background: url('/gmigrant/images/hmpg/icon_sosMain_list2_1.png') no-repeat center 0;}
.sosMain .bottom .sosMain_list.type2 li.list2 .txt1 {background: url('/gmigrant/images/hmpg/icon_sosMain_list2_2.png') no-repeat center 0;}
.sosMain .bottom .sosMain_list.type2 li.list3 .txt1 {background: url('/gmigrant/images/hmpg/icon_sosMain_list2_3.png') no-repeat center 0;}
.sosMain .bottom .sosMain_list li .txt2 {font-size: 15px; color: #2F353A;}
.sosMain .bottom .button_box {margin: 50px auto 0; max-width: 425px; flex-direction: column; gap: 16px;}
.sosMain .bottom .button_box.long {max-width: 512px;}
.sosMain .bottom .button_box > div {gap: 16px;}
.sosMain .bottom .button_box > div button {display: flex; display: -webkit-flex; justify-content: center; align-items: center; gap: 8px; width: 100%; height: 58px; line-height: 56px; font-size: 17px; font-weight: 600; border-radius: 12px;}
.sosMain .bottom .button_box .full {flex-direction: column; gap: 16px;}
.sosMain .bottom .button_box .full .btn_call .icon {width: 14px; height: 14px; background: url('/gmigrant/images/hmpg/icon_sosMain_call.png') no-repeat;}
.sosMain .bottom .button_box .many {gap: 8px;}
.sosMain .bottom .button_box .many .btn_counsel .icon {width: 20px; height: 20px; background: url('/gmigrant/images/hmpg/icon_sosMain_counsel.png') no-repeat;}
.sosMain .bottom .button_box .many button {height: auto; min-height: 58px; line-height: 1.35; padding: 10px 12px; white-space: normal; word-break: keep-all;}
.sosMain .bottom .button_box .many .btn_counsel .icon {display: inline-block; flex: 0 0 20px; background-size: 20px 20px;}
.sosMain .bottom .button_box .txt {font-size: 15px; color: #2F353A;}

/*기타*/
/*에러페이지*/
.error {position: absolute; left: 0; width: 100%; height: 100%; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-flow: column; align-items: center; justify-content: center;}
.error .error_box {padding: 0 50px; text-align: center; word-break: keep-all;}
.error .error_box p.p1 {margin: 32px 0 20px; line-height: 42px; font-size: 28px; font-weight: 700;}
.error .error_box p.p2 {line-height: 27px; font-size: 15px; color: #4E5257;}
.error .button_box {margin-top: 40px;}
.error.full {position: static; width: 100%; height: 100vh;}
/*이용정지안내*/
.stop {position: absolute; left: 0; width: 100%; height: 100%; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-flow: column; align-items: center; justify-content: center;}
.stop .stop_box {padding: 0 50px; text-align: center; word-break: keep-all;}
.stop .stop_box .tit {line-height: 42px; font-size: 28px; font-weight: 700; color: #000;}
.stop .stop_box .txt1 {margin: 20px 0; line-height: 27px; font-size: 15px; color: #4E5257;}
.stop .stop_box .txt2 {margin: 20px 0; padding: 16px; line-height: 24px; font-size: 17px; font-weight: 600; color: #4E5257; background-color: #DFE4EA; border-radius: 16px;}
.stop .stop_box .txt3 {line-height: 18px; font-size: 13px; color: #4E5257;}
.stop .stop_box .txt3 span {font-weight: 600;}
.stop .button_box {margin-top: 40px;}
/*이메일무단수집거부*/
.email {padding: 40px 0 30px; text-align: center;}
.email .tit {padding-top: 150px; line-height: 33px; font-size: 22px; font-weight: 700; color: #000; background: url('/gmigrant/images/hmpg/icon_email.png') no-repeat center 0;}
.email .txt1 {margin: 16px 0 20px; line-height: 27px; font-size: 15px; color: #000;}
.email .txt1 span {font-weight: 700;}
.email .txt2 {line-height: 18px; font-size: 13px; color: #6F767C;}

/*통합검색*/
.totalsearch_area .search_box {position: relative; margin: 0 auto 40px; max-width: 600px; width: 100%; height: 56px; border-radius: 56px; padding: 1px; background-image: linear-gradient(to right, #2F9638, #195FBE); }
.totalsearch_area .search_box input {padding: 0 55px 0 24px; width: 100%; height: 100%; font-size: 15px; font-weight: 600; border-radius: 56px; border: none; outline: none;}
.totalsearch_area .search_box input::placeholder {color: #949BA0;}
.totalsearch_area .search_box .btn_search {position: absolute; right: 24px; top: calc(50% - 12px);}
.totalsearch_area .search_box .btn_search .icon {width: 24px; height: 24px;}
.totalsearch_area .search_box .btn_search .icon::after {width: 15px; height: 15px; border: 2px solid #1C2025; border-radius: 100%;}
.totalsearch_area .search_box .btn_search .icon::before {height: 2px; background-color: #1C2025;}
.totalsearch_area .result_txt {margin-bottom: 40px; font-size: 22px; font-weight: 600; text-align: center;}
.totalsearch_area .result_area .tab_pane {display: none !important;}
.totalsearch_area .result_area .tab_pane.active {display: block !important;}

/*이용약관 개인정보처리방침*/
.listtype-other {margin-left: 20px;}
.listtype-other > li {word-break: keep-all;}
.listtype-other > li > span {margin-left: -20px;}
.listtype-dot > li {padding-left: 10px; position: relative;}
.listtype-dot > li::before {content: ''; position: absolute; left: 0; top: 14px; width: 3px; height: 3px; background-color: #555;}
.listtype-dot > li span {font-weight: 500; color: #333;}
.privacy {width: 100%; font-size: 17px; line-height: 30px; color: #2F353A;}
.privacy h3 {margin: 60px 0 0; font-size: 28px; font-weight: 700; display: flex; display:-webkit-flex; align-items: center; gap: 10px;}
.privacy h3:first-of-type {margin: 0;}
.privacy h4 {margin: 60px 0 20px; font-size: 22px; font-weight: 600; display: flex; display:-webkit-flex; align-items: center; gap: 10px;}
.privacy .privacy_box {padding: 30px 40px; margin-bottom: 50px; line-height: 30px; font-size: 18px; word-break: keep-all; background-color: #fff; border-radius: 10px; border: 1px solid #222;}
.privacy .gray_box {margin: 10px 0; padding: 20px 30px; background-color: #fff; border-radius: 10px; border: 1px solid #222;}

.privacy .privacy_label {display: flex; display:-webkit-flex; flex-wrap: wrap; gap: 20px; word-break: keep-all;}
.privacy .privacy_label li {width: calc(25% - 15px); border-radius: 20px; border: 1px solid #ccc; background-color: #fff;}
.privacy .privacy_label li a {padding: 25px 30px 30px; display: block; text-align: center; }
.privacy .privacy_label li a .tit {margin-top: 5px; font-size: 18px; font-weight: 500;}
.privacy .privacy_label li a .txt {margin-top: 5px; font-size: 16px;}
.privacy .privacy_label li a img {width: auto; height: 70px;}
.privacy .privacy_index li {padding-left: 15px; position: relative; line-height: 26px; font-weight: 300;}
.privacy .privacy_index li::before {content: ''; position: absolute; top: 10px; left: 0; display: block; width: 4px; height: 4px; border-radius: 4px; background-color: #222;}
.privacy .privacy_index li a {color: #222;}
.privacy h4 {margin: 40px 0 20px; font-size: 20px; display: flex; display:-webkit-flex; align-items: center; gap: 10px;}
.privacy h4 img {width: auto; height: 55px;}
.privacy .gray_box {margin: 10px 0; padding: 20px 30px; background-color: #f1f3f6; border-radius: 10px;}
.privacy .privacy_img {margin-top: 40px; text-align: center;}
.privacy .privacy_img img {max-width: 100%;}

/*챗봇*/
.chatbot_toparea {position: relative; z-index: 1001; display: flex; display:-webkit-flex; justify-content: space-between; align-items: center; padding: 0 16px; height: 60px; background-color: #fff;}
.chatbot_toparea h2 {font-size: 20px; font-weight: 600;}
.chatbot_toparea .btn_history {width: 24px; height: 24px; background: url('/gmigrant/images/hmpg/icon_chatbot_history.png') no-repeat center;}
.chatbot_toparea .btn_close {width: 16px; height: 16px; background: url('/gmigrant/images/hmpg/icon_chatbot_close.png') no-repeat center;}
.chatbot_talk {padding: 16px 16px 68px; height: calc(100vh - 60px); overflow-y: auto;}
.chatbot_talk .date {padding: 8px 0; margin: 0 auto; display: block; width: 128px; font-size: 13px; text-align: center; color: #4E5257; border-radius: 36px; background-color: #EDEFF2;}
.chatbot_talk .txt {padding: 24px 0; line-height: 29px; font-size: 19px; font-weight: 600; color: #000;}
.chatbot_talk .chat_list {height: 100%;}
.chatbot_talk .chat_list li {clear: both; margin-bottom: 10px; padding: 10px 14px; display: block; width: fit-content; font-size: 13px; color: #000;}
.chatbot_talk .chat_list .left {float: left; border-radius: 0 16px 16px 16px; background-color: #E8F2FD;}
.chatbot_talk .chat_list .left.question {cursor: pointer;}
.chatbot_talk .chat_list .left.question.active {background-color: #CDE3FB;}
.chatbot_talk .chat_list .right {margin: 14px 0 24px; float: right; border-radius: 16px 0 16px 16px; background-color: #E4F4E6;}
.chatbot_talk .search_wrap {padding: 0 20px 16px; position: absolute; bottom: 0; left: 0; width: 100%; background-color: #fff;}
.chatbot_talk .search_box {margin: -25px auto 0; position: relative; width: 100%; height: 52px; border-radius: 52px; padding: 1px; background-image: linear-gradient(to right, #2F9638, #195FBE);}
.chatbot_talk .search_box input {padding: 0 50px; width: 100%; height: 100%; font-size: 15px; color: #000; border-radius: 52px; border: none; outline: none;}
.chatbot_talk .search_box .btn_faq {position: absolute; top: calc(50% - 9px); left: 20px; width: 18px; height: 18px; background: url('/gmigrant/images/hmpg/icon_chatbot_faq.png') no-repeat center;}
.chatbot_talk .search_box .btn_send {position: absolute; top: calc(50% - 12px); right: 20px; width: 24px; height: 24px; background: url('/gmigrant/images/hmpg/icon_chatbot_send.png') no-repeat center;}
.chatbot_checklist {padding: 32px 16px 0; height: calc(100vh - 60px); background-color: #EDEFF2;}
.chatbot_checklist h3 {margin-bottom: 24px; text-align: center;}
.chatbot_checklist h3 p {margin-top: 8px; line-height: 33px; font-size: 22px; font-weight: 600; color: #000;}
.chatbot_checklist .dot_list li {padding-left: 10px; font-size: 15px; color: #2F353A;}
.chatbot_checklist .dot_list li::before {content: ''; left: 0; top: 10px; width: 4px; height: 4px; border-radius: 50%; background-color: #6F767C;}
.chatbot_checklist .button_box {margin-top: 0; padding: 24px 16px; position: absolute; bottom: 0; left: 0; width: 100%;}
.chatbot_checklist .button_box button {width: 100%; height: 52px;}
.chatbot_checklist .check_box {margin: 32px 0 0; padding: 26px 0 0; border-top: 1px solid #D5DADF;}
.chatbot_checklist .check_box input[type=checkbox] + label {color: #004097;}
.chat_guide {z-index: 99999; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.80);}
.chat_guide .chatbot_toparea {position: relative; background-color: transparent;}
.chat_guide .chatbot_toparea .btn_history {width: 38px; height: 38px; border-radius: 50%; background-color: #fff; cursor: initial;}
.chat_guide .chatbot_toparea .btn_nosee {padding-left: 20px; position: absolute; top: 20px; right: 52px; font-size: 13px; text-decoration: underline; color: #fff; background: url('/gmigrant/images/hmpg/icon_chatbot_nosee.png') no-repeat 0 center;}
.chat_guide .chatbot_toparea .btn_close {background: url('/gmigrant/images/hmpg/icon_chatbot_close_guide.png') no-repeat center;}
.chat_guide .chatbot_toparea h2,
.chat_guide .chatbot_talk .date,
.chat_guide .chatbot_talk .txt {opacity: 0;}
.chat_guide .chatbot_talk .search_wrap {background-color: transparent;}
.chat_guide .chatbot_talk .chat_list {height: auto;}
.chat_guide .chatbot_talk .chat_list li {position: relative;}
.chat_guide .chatbot_talk .chat_list .left.question {cursor: initial;}
.chat_guide .chatbot_talk .search_box {position: relative;}
.chat_guide .ex {position: absolute; width: 100%; font-size: 14px; color: #fff;}
.chat_guide .ex.ex1 {top: 65px; left: 70px; }
.chat_guide .ex.ex1::before {content: ''; position: absolute; top: -7px; left: -36px; display: block; width: 24px; height: 26px; background: url('/gmigrant/images/hmpg/icon_chatbot_line1.png') no-repeat center;}
.chat_guide .ex.ex2 {top: 55px; left: 50px;}
.chat_guide .ex.ex2::before {content: ''; position: absolute; top: -7px; left: -36px; display: block; width: 24px; height: 26px; background: url('/gmigrant/images/hmpg/icon_chatbot_line1.png') no-repeat center;}
.chat_guide .ex.ex3 {top: -160px; left: 65px;}
.chat_guide .ex.ex3::before {content: ''; position: absolute; top: 20px; left: -36px; display: block; width: 24px; height: 130px; background: url('/gmigrant/images/hmpg/icon_chatbot_line2.png') no-repeat center;}
.chat_guide .ex.ex4 {top: -85px; left: calc(50% - 160px); text-align: center;}
.chat_guide .ex.ex4::before {content: ''; position: absolute; top: 50px; left: calc(50% - 1px); display: block; width: 2px; height: 26px; background: url('/gmigrant/images/hmpg/icon_chatbot_line3.png') no-repeat center;}

/*자가진단*/
.selftest {padding: 20px 0 10px;}
.selftest .selftest-text {margin: 0 0 60px; padding-top: 130px; line-height: 51px; font-size: 34px; font-weight: 700; text-align: center; color: #000; background: url('/gmigrant/images/hmpg/icon_selftest_top.png') no-repeat center 10px;}
.selftest .selftest-text span {color: #004097;}
.selftest dl {margin-bottom: 48px;}
.selftest dl:last-child {margin-bottom: 0;}
.selftest dl dt {margin-bottom: 24px; font-size: 19px; font-weight: 500;}
.selftest dl dt span {color: #004097;}
.selftest dl dd .radio_box.line {gap: 16px;}
.selftest dl dd .check_box.line {gap: 24px;}
.selftest .button_box {margin-top: 64px;}
/*자가진단결과*/
.selftest_result {text-align: center;}
.selftest_result p {padding-top: 136px; font-size: 17px;}
.selftest_result.type1 p {background: url('/gmigrant/images/hmpg/icon_selftest_result1.png') no-repeat center 0;}
.selftest_result.type2 p {background: url('/gmigrant/images/hmpg/icon_selftest_result2.png') no-repeat center 0;}
.selftest_result.type1 p .big {margin-top: 8px; display: block; font-size: 22px; font-weight: 600; color: #000;}

/*국가선택*/
.nation_filter {display: none; z-index: 9; position: absolute; left: 0; margin-top: 5px; width: 100%; border: 1px solid #D5DADF; background-color: #fff;}
.nation_filter.active {display: block;}
.nation_filter button {padding: 8px 16px; width: 100%; text-align: left;}
.nation_filter button:hover {color: #fff; background-color: #004097;}
.nation_filter button span {font-weight: 600;}

/*오픈준비중*/
.preparing {width: 100%; height: 100vh; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-flow: column; align-items: center; justify-content: center;}
.preparing .preparing_box {display: flex; display: -webkit-flex; align-items: center; flex-wrap: wrap;}
.preparing .preparing_img img {max-width: 100%;}
.preparing .preparing_txt {line-height: 1.5; word-break: keep-all;}
.preparing .preparing_txt p.p1 {margin: 16px 0; font-size: 22px; font-weight: 600;}
.preparing .preparing_txt p.p2 {font-size: 19px; color: #2F353A;}

@media screen and (max-width:1200px){
	/*오픈준비중*/
    .preparing .preparing_box {padding: 0 30px; justify-content: center;}
    .preparing .preparing_txt {text-align: center;}
    .preparing .preparing_txt img {width: auto; height: 28px;}
    .preparing .preparing_txt p.p1 {margin: 8px 0; font-size: 19px;}
    .preparing .preparing_txt p.p2 {font-size: 13px;}
}
@media screen and (min-width:1025px) and (max-width:1366px){
	.d_area {width: 100% !important;}
    .contentsarea {padding: 0 20px;}
    .subtoparea .lnb_area {right: 20px;}
    .subtoparea h2 {left: 20px;}
    .subtoparea .search_inp {right: 20px;}
}
@media screen and (max-width:1024px){
	body {font-size: 13px; line-height: 20px;}
    
    .btn {padding: 0 20px; min-width: 60px; height: 41px; line-height: 39px; font-size: 13px; border-radius: 10px;}
    .btn2 {padding: 0 15px; height: 43px; line-height: 41px; font-size: 13px; border-radius: 10px;}
    .btn3 {padding: 0 10px; height: 35px; line-height: 33px; font-size: 11px; border-radius: 8px;}
    .btn4 {padding: 0 6px; min-width: 60px; height: 24px; line-height: 22px; border-radius: 8px;}
    .btn5 {border-radius: 5px;}

    .btn_modify {gap: 2px;}
    .btn_delete .icon {width: 16px; height: 16px; background-size: 100% auto;}
    .btn_delete {gap: 2px;}
    .btn_delete .icon {width: 16px; height: 16px; background-size: 100% auto;}
    .btn_view {padding: 0; width: 36px; height: 36px; line-height: 36px; font-size: 0; background: #EDEFF2 url('/gmigrant/images/hmpg/icon_btn_view.png') no-repeat center;}
    .btn_view .icon {display: none;}
    .btn_filter {box-shadow: none;}

    .w_flex_only {display: none !important; display:-webkit-none;}
    .m_flex_only {display: flex !important; display:-webkit-flex;}
    .w_hidden {display: block !important;}
    .m_hidden {display: none !important;}
	.web_only {display: none !important;}
	.mobile_only {display: block !important;}
    
    /*탭*/
    .tab_area ul li a {padding: 0 12px; height: 36px; line-height: 34px; font-size: 13px; font-weight: 400; border-radius: 8px;}
    .tab_area2 {margin-bottom: 16px;}
    .tab_area2::-webkit-scrollbar {height: 5px;}
    .tab_area2 ul li {height: 38px; line-height: 38px; flex-shrink: 0; white-space: nowrap;}
    .tab_area2 ul li a {padding: 0 14px; height: 38px; font-size: 13px;}

    /*서브*/
    .subtoparea {background-color: #eee;}
    .subtoparea .d_area {padding: 18px 0; height: auto;}
    .subtoparea .lnb_area {display: none;}
    .subtoparea h2 {position: static; bottom: auto; top: 16px; left: 16px; width: calc(100% - 32px); line-height: 34px; font-size: 22px; font-weight: 600; justify-content: space-between;}
    .subtoparea.subtoparea1 h2 {padding: 0 0 0 60px; background: url('/gmigrant/images/hmpg/icon_subtoparea01.png') no-repeat 20px center / auto 34px;}
    .subtoparea.subtoparea2 h2 {padding: 0 0 0 60px; background: url('/gmigrant/images/hmpg/icon_subtoparea02.png') no-repeat 20px center / auto 34px;}
    .subtoparea.subtoparea3 h2 {padding: 0 0 0 60px; background: url('/gmigrant/images/hmpg/icon_subtoparea03.png') no-repeat 20px center / auto 34px;}
    .subtoparea.subtoparea4 h2 {padding: 0 0 0 60px; background: url('/gmigrant/images/hmpg/icon_subtoparea04.png') no-repeat 20px center / auto 34px;}
    .subtoparea.subtoparea5 h2 {padding: 0 0 0 60px; background: url('/gmigrant/images/hmpg/icon_subtoparea05.png') no-repeat 20px center / auto 34px;}
    .subtoparea.subtoparea6 h2 {padding: 0 0 0 60px; background: url('/gmigrant/images/hmpg/icon_subtoparea06.png') no-repeat 20px center / auto 34px;}
    .subtoparea.subtoparea7 h2 {padding: 0 0 0 60px; background: url('/gmigrant/images/hmpg/icon_subtoparea07.png') no-repeat 20px center / auto 34px;}
    .subtoparea.subtoparea9 h2 {padding: 0 0 0 60px; background: url('/gmigrant/images/hmpg/icon_subtoparea09.png') no-repeat 20px center / auto 34px;}
    .subtoparea.subtoparea10 h2 {padding: 0 0 0 60px; background: url('/gmigrant/images/hmpg/icon_subtoparea10.png') no-repeat 20px center / auto 34px;}
    .subtoparea.subtoparea11 h2 {padding: 0 0 0 60px; background: url('/gmigrant/images/hmpg/icon_subtoparea11.png') no-repeat 20px center / auto 34px;}
    .subtoparea .search_inp {margin: 10px auto 0; position: static; bottom: 16px; right: 16px; width: calc(100% - 32px); height: 46px; border-radius: 46px;}
    .subtoparea .search_inp .inpbox {padding: 0 20px; height: 42px; border-radius: 46px;}
    .subtoparea .search_inp .inpbox input {padding: 0 23px 0 0; font-size: 13px;}
    .subtoparea .search_inp .btn_search {right: 40px;}
    .subtoparea .search_inp .btn_search img {width: 18px;}
    .sub_bg {background-color: #fff;}
    .d_area {width: 100%; padding: 0 16px;}
    .contentsarea {margin: 24px auto 120px; padding: 0 16px; width: 100%;}
    .contentsarea .contents_title {margin: 40px 0;}
    .contentsarea .contents_title h3 {font-weight: 600;}
    .contentsarea .contents_title h2 {display: none;}
    .contbox {padding: 0; border-radius: 0; box-shadow: none;}
    .contbox + .button_box button {width: 100%; padding: 0 30px;}
    .contbox + .button_box.one button {width: 125px;}
    .contbox + .button_box.auto button {width: auto;}

    /*서브공통*/
    .board_title {margin-bottom: 10px;}
    .board_title h3 {font-size: 15px;}
    .board_text {margin: 20px 0; font-size: 16px; word-break: keep-all;}
    .list_type > li {padding-left: 7px;}
    .list_type > li::after {top: 9px; width: 2px; height: 2px;}
    .num_list > li {padding-left: 17px;}
    .num_list > li::before {top: 3px; width: 12px; height: 12px; font-size: 7px; line-height: 10px;}
    .num_list2 {padding-left: 15px;}
    .byte {margin: 3px 0 0; font-size: 11px;}

    /*멤버십*/
    /*약관동의*/
    .member_agree2 {margin: -30px 0 24px;}
    .member_agree2 > p {padding: 20px; border-radius: 16px; background-color: #F8F9FA;}
    .member_agree2 .agree_check_wrap {margin: 0;}
    .member_agree2 .agree_check_wrap .check_box {margin: 20px 0; justify-content: center;}
    /*회원정보입력*/
    .membership_area .write_box .line {margin-bottom: 20px; flex-wrap: wrap; gap: 20px;}
    .membership_area .write_box .line:last-of-type {margin-bottom: 0;}
    .membership_area .write_box .line dl {width: 100%;}
    .membership_area .write_box dl dt {font-size: 13px;}
    .membership_area .write_box dl dd .havebtn {gap: 8px;}
    .membership_area .write_box dl dd .havebtn .inpbox {width: calc(100% - 68px);}
    .membership_area .write_box dl dd .havebtn button {width: 60px; height: 50px; font-size: 13px;}
    /*법정대리인동의안내*/
    .membership_area .member_info .box {margin-left: -16px; padding: 20px; width: calc(100% + 32px); line-height: 23px; font-size: 15px; border-radius: 0;}
    .membership_area .member_info .info ul li {margin-top: 8px; padding-left: 22px; position: relative; line-height: 22px;}
    .membership_area .member_info .info ul li::before {position: absolute; top: 0; left: 0; content: '-';}
    .membership_area .member_file .upload {padding: 0; text-align: left; background: #fff;} 
    .membership_area .member_file .upload .upload_txt {display: none;} 
    .membership_area .member_file .list .num {margin: 24px 0 0; line-height: 23px; font-size: 15px;}
    .membership_area .member_file .list  ul li:first-child {margin: 16px 0 8px;}
    .membership_area .member_file .list  ul li {margin-bottom: 8px;}
    /*법정대리인동의서류제출완료*/
    .membership_area .member_legal {padding: 30px 0 16px;}
    .membership_area .member_legal .tit {padding-top: 80px; font-size: 19px; font-weight: 700; background-size: 60px auto;}
    .membership_area .member_legal .txt1 {font-size: 13px;}
    .membership_area .member_legal .txt2 {margin-top: 30px;}
    .membership_area .member_legal .box {margin-top: 24px; padding: 16px; text-align: left; border-radius: 16px;}
    .membership_area .member_legal .box .box_tit {font-size: 15px;}
    .membership_area .member_legal .box .box_txt {line-height: 18px; font-size: 13px;}
    /*회원가입완료*/
    .membership_area .member_complete {padding: 30px 0 16px;}
    .membership_area .member_complete p {padding-top: 100px; font-size: 13px; background-size: 70px auto;}
    .membership_area .member_complete p span {margin-bottom: 15px; font-size: 19px; font-weight: 700;}

    /*마이페이지*/
    /*알림*/
    .alarmlist > li {margin-bottom: 8px; padding: 16px 20px; border-radius: 20px;}
    .alarmlist > li .time {top: 16px; right: 20px;}
    .alarmlist > li .txt {font-size: 13px;}
    .alarmlist.delete > li {padding-left: 60px;}
    .alarmlist.delete > li .check_box {left: 20px;}
    .alarmlist + .button_box {margin-top: 20px;}
    .popup_delete {top: 0;}
    /*서브메인및관심키워드*/
    .mypage .myinfo {padding: 20px 16px; border-radius: 16px; background-color: #F8F9FA;}
    .mypage .myinfo .id {margin-bottom: 16px; padding-bottom: 16px; font-size: 15px;}
    .mypage .myinfo .title {margin-bottom: 8px; font-size: 15px;}
    .mypage .myinfo .list li {margin-bottom: 4px;}
    .mypage .myinfo .list li span {font-size: 13px;}
    .recommend {margin: 0 0 16px; width: calc(100% + 16px); gap: 12px;}
    .recommend .recommend_box {max-width: calc(100% - 76px); gap: 4px;}
    .recommend .recommend_box::-webkit-scrollbar {height: 4px;}
    .mypage .keywords_box .nodata {font-size: 13px;}
    .mypage .keywords_box .nodata span {margin-bottom: 8px; display: block; font-size: 15px;}
    .contentsarea .contents_title.flex + .totalsearch_area {margin-top: -20px}
    /*회원탈퇴*/
    .btn_withdraw {margin-top: 20px;}

    /*안내*/
    /*유관기관안내*/
    .relatedinfo .optionbox {width: 100%;}
    .relatedinfo .map_area {height: 220px;}
    .relatedinfo .title {margin: 24px 0;}
    .relatedinfo .title .txt {margin-top: 8px; line-height: 18px; font-size: 13px;}
    .relatedinfo .list li .txt {padding-right: 0;}
    /*포털안내*/
    .portalinfo {padding: 0; background: 0;}
    .portalinfo .top-text {line-height: 29px; font-size: 19px;}
    .portalinfo .top-title {margin: 8px 0 0; line-height: 33px; font-size: 22px;}
    .portalinfo .desc {margin: 32px 0;}
    .portalinfo .desc h4 {line-height: 26px; font-size: 17px;}
    .portalinfo .desc p {margin: 8px 0; line-height: 25.5px; font-size: 17px;}
    .portalinfo .desc ul li {margin-top: 8px; padding-left: 19px; line-height: 22.5px; font-size: 15px;}
    .portalinfo .desc ul li::before {left: 0;}
    .portalinfo .section-title {line-height: 25.5px; font-size: 17px;}
    .portalinfo .card-wrap {padding: 0; border-radius: 0; border: 0; flex-wrap: wrap; gap: 20px;}
    .portalinfo .card-wrap .card {padding: 0; width: 100%;}
    .portalinfo .card-wrap .card .card-title {margin-bottom: 12px; padding: 16px 16px 16px 52px; line-height: 28px; font-size: 15px; border-radius: 12px;}
    .portalinfo .card-wrap .card .card-title br {display: none;}
    .portalinfo .card-wrap .card.card1 .card-title {background: #E8F2FD url('/gmigrant/images/hmpg/icon_portalinfo_card1.png') no-repeat 16px center / 28px auto;}
    .portalinfo .card-wrap .card.card2 .card-title {background: #E4F4E6 url('/gmigrant/images/hmpg/icon_portalinfo_card2.png') no-repeat 16px center / 28px auto;}
    .portalinfo .card-wrap .card.card3 .card-title {background: #E8F2FD url('/gmigrant/images/hmpg/icon_portalinfo_card3.png') no-repeat 16px center / 28px auto;}
    .portalinfo .card-wrap .card.card4 .card-title {background: #E4F4E6 url('/gmigrant/images/hmpg/icon_portalinfo_card4.png') no-repeat 16px center / 28px auto;}
    .portalinfo .card-wrap .card.card5 .card-title {background: #E8F2FD url('/gmigrant/images/hmpg/icon_portalinfo_card5.png') no-repeat 16px center / 28px auto;}
    .portalinfo .card-wrap .card ul li {margin-bottom: 4px; padding-left: 19px; line-height: 19.5px; font-size: 13px;}
    /*이용안내*/
    .useinfo {padding: 0; background: 0 !important;}
    .useinfo .top_img {margin-bottom: 16px; position: relative; width: 100%; height: 130px; border-radius: 20px; background: linear-gradient(to top, #ECF5F0, #E1EBFB);}
    .useinfo .top_img::after {position: absolute; top: calc(50% - 65px); left: calc(50% - 65px); display: block; content: ''; width: 130px; height: 130px; }
    .useinfo.sos .top_img::after {background: url('/gmigrant/images/hmpg/icon_useinfo_top_sos.png') no-repeat center / cover;}
    .useinfo.ai .top_img::after {background: url('/gmigrant/images/hmpg/icon_useinfo_top_ai.png') no-repeat center / cover;}
    .useinfo.alarm .top_img::after {background: url('/gmigrant/images/hmpg/icon_useinfo_top_alarm.png') no-repeat center / cover;}
    .useinfo.community .top_img::after {background: url('/gmigrant/images/hmpg/icon_useinfo_top_community.png') no-repeat center / cover;}
    .useinfo.participation .top_img::after {background: url('/gmigrant/images/hmpg/icon_useinfo_top_participation.png') no-repeat center / cover;}
    .useinfo.dataroom .top_img::after {background: url('/gmigrant/images/hmpg/icon_useinfo_top_dataroom.png') no-repeat center / cover;}
    .useinfo.guidance .top_img::after {background: url('/gmigrant/images/hmpg/icon_useinfo_top_guidance.png') no-repeat center / cover;}
    .useinfo.emergency1 .top_img::after {background: url('/gmigrant/images/hmpg/icon_useinfo_top_emergency1.png') no-repeat center / cover;}
    .useinfo.emergency2 .top_img::after {background: url('/gmigrant/images/hmpg/icon_useinfo_top_emergency2.png') no-repeat center / auto 82px;}
    .useinfo.emergency3 .top_img::after {background: url('/gmigrant/images/hmpg/icon_useinfo_top_emergency3.png') no-repeat center / auto 101px;}
    .useinfo.emergency4 .top_img::after {background: url('/gmigrant/images/hmpg/icon_useinfo_top_emergency4.png') no-repeat center / auto 97px;}
    .useinfo.emergency5 .top_img::after {background: url('/gmigrant/images/hmpg/icon_useinfo_top_emergency5.png') no-repeat center / auto 111px;}
    .useinfo.emergency6 .top_img::after {background: url('/gmigrant/images/hmpg/icon_useinfo_top_emergency6.png') no-repeat center / cover;}
    .useinfo.emergency7 .top_img::after {background: url('/gmigrant/images/hmpg/icon_useinfo_top_emergency7.png') no-repeat center / cover;}
    .useinfo.emergency8 .top_img::after {background: url('/gmigrant/images/hmpg/icon_useinfo_top_emergency8.png') no-repeat center / cover;}
    .useinfo .top {padding: 0; border-bottom: 0}
    .useinfo .top .txt1 {margin-bottom: 12px; line-height: 33px; font-size: 22px;}
    .useinfo .top .txt2 {line-height: 23px; font-size: 15px;}
    .useinfo .bottom {margin: 24px 0 0;}
    .useinfo .bottom .title {margin: 24px 0 12px; padding-left: 26px; line-height: 26px; font-size: 17px;}
    .useinfo .bottom .title4 {background-position: 0 2px;}
    .useinfo .bottom .text {padding: 0; line-height: 20px; font-size: 15px;}
    .useinfo .bottom .dot_list {padding: 0;}
    .useinfo .bottom .dot_list li {margin-bottom: 4px; padding-left: 19px; line-height: 20px; font-size: 13px;}
    .useinfo .bottom .card-wrap .card {padding: 16px; width: 100%; border-radius: 16px;}
    .useinfo .bottom .card-wrap .card .card-title {margin-bottom: 8px; padding-left: 36px; line-height: 28px; font-size: 15px; background-size: 28px auto !important;}
    .useinfo .bottom .card-wrap .card .card-text {line-height: 20px; font-size: 13px;}
    .useinfo .bottom .button_box {margin: 40px auto 0;}
    .bottom_wrap {flex-wrap: wrap; gap: 0;}
    .bottom_wrap .wrap {width: 100%;}
    .bottom_wrap .wrap .box {padding: 170px 24px 16px; height: auto;}
    .bottom_wrap .wrap:nth-child(1) .box {background: #F8F9FA url('/gmigrant/images/hmpg/icon_useinfo_bottom_wrap1.png') no-repeat center 16px / 140px auto;}
    .bottom_wrap .wrap:nth-child(2) .box {background: #F8F9FA url('/gmigrant/images/hmpg/icon_useinfo_bottom_wrap2.png') no-repeat center 16px / 140px auto;;}
    .emergency_list {gap: 16px;}
    .emergency_list li {padding: 0; width: 100%; text-align: left; border-radius: 0; background-color: #fff;}
    .emergency_list li span {display: inline; line-height: 20px; font-size: 13px;}
    .emergency_list li .txt1 {line-height: 20px; font-size: 13px;}
    .emergency_list li .txt2 {margin-bottom: 0; color: #004097;}

    /*보건의료*/
    .mm_hidden {display: none;}
    .ww_hidden {display: table-cell;}
    .useinfo.Healthcare1 .top_img::after {background: url('/gmigrant/images/hmpg/icon_useinfo_top_Healthcare1.png') no-repeat center / auto 100px;}
    .useinfo.Healthcare2 .top_img::after {background: url('/gmigrant/images/hmpg/icon_useinfo_top_Healthcare2.png') no-repeat center / auto 100px;}
    .useinfo.Healthcare3 .top_img::after {background: url('/gmigrant/images/hmpg/icon_useinfo_top_Healthcare3.png') no-repeat center / auto 110px;}
    .useinfo.Healthcare4 .top_img::after {background: url('/gmigrant/images/hmpg/icon_useinfo_top_Healthcare4.png') no-repeat center / auto 90px;}
    .useinfo.Healthcare .top {padding: 0;}
    .useinfo.Healthcare.Healthcare3 .top {padding: 0;}
    .useinfo.Healthcare .top .logo img {height: 30px;}
    .useinfo.Healthcare .top .txt2 {line-height: 23px; font-size: 15px;}
    .useinfo.Healthcare .top .notice_list {margin-top: 12px;}
    .useinfo.Healthcare .top .notice_list li {line-height: 20px; font-size: 13px;}
    .useinfo.Healthcare .bottom {margin-top: 24px;}
    .useinfo.Healthcare .bottom .filter_box {margin-bottom: 24px;}
    .useinfo.Healthcare .bottom .filter_box .stit {font-size: 15px;}
    .useinfo.Healthcare .bottom .filter_box .optionbox {width: calc(100% - 48px);}
    .useinfo.Healthcare .Healthcare_section .section_tit {font-size: 13px;}
    .useinfo.Healthcare .Healthcare_section .table_head .stxt {font-size: 17px;}
    .useinfo.Healthcare .Healthcare_table {overflow-x: auto;}
    .useinfo.Healthcare .Healthcare_table.type1 table {min-width: 380px;}
    .useinfo.Healthcare .Healthcare_table.type2 table {min-width: 420px;}
    .useinfo.Healthcare2 .Healthcare_table table thead tr th:nth-child(2) {border-right: 0;}
    .useinfo.Healthcare3 .Healthcare_table.type1 table thead tr th:nth-child(4) {border-right: 0;}
    .useinfo.Healthcare .Healthcare_section + .Healthcare_section {margin-top: 24px;}
    .useinfo.Healthcare .bottom .title + .text {margin-bottom: 24px;}
    .useinfo.Healthcare .contact_box {margin-top: 24px; padding: 16px 24px; justify-content: center; flex-wrap: wrap; gap: 20px;}
    .useinfo.Healthcare .contact_box .img_area {width: 140px;}
    .useinfo.Healthcare .contact_box .info_area {width: 100%;}
    .useinfo.Healthcare .contact_box .call_wrap {padding: 0 16px; flex-wrap: wrap; gap: 0;}
    .useinfo.Healthcare .contact_box .call {padding: 12px 0; width: 100%; text-align: center;}
    .useinfo.Healthcare .contact_box .call + .call {border-left: 0; border-top: 1px solid #DFE4EA;}
    .useinfo.Healthcare .contact_box .call .num {font-size: 19px;}
    .useinfo.Healthcare .contact_box .call .txt {font-size: 13px;}
    .useinfo.Healthcare .contact_box .desc {font-size: 13px;}

    /*커뮤니티*/
    .contbox.community {padding: 24px 16px; border-radius: 20px; border: 1px solid #ddd;}
    .community_box .head h4 {gap: 4px;}
    .community_box .head .txt {margin-top: 4px;}
    .community_box .head .btn_join {padding: 12px 10px; border-radius: 8px;}
    .community_box .list > li {flex-wrap: wrap; gap: 4px;}
    .community_box .list > li .left {width: 100%;}

    /*생활서비스*/
    .lifeservice .lifeservice_result {padding: 0 0 64px; top: auto; bottom: 0; width: 100%; height: 100%; max-height: 312px; border-radius: 24px 24px 0 0;}
    .lifeservice .lifeservice_result .list  {padding: 20px 16px 0;}
    .lifeservice .lifeservice_result .list::-webkit-scrollbar {width: 6px;}
    .lifeservice .paging {bottom: 0;}
    .lifeservice .paging button {width: 32px;}
    .lifeservice .paging button.on, .paging button.btn-paging-first, .paging button.btn-paging-pre, .paging button.btn-paging-next, .paging button.btn-paging-last {width: 32px;}
    .lifeservice .lifeservice_tab {top: 15px; left: 15px;}
    .lifeservice.active .lifeservice_tab {left: 410px;}
    .lifeservice .btn_place {bottom: 30px; right: 15px;}
    .lifeservice .map_area {height: calc(100vh - 60px);}
    #placeListPanel {padding : 0 0 24px 0px;}

    /*SOS도움요청*/
    .sosMain {padding: 0;}
    .sosMain .top {padding: 0; border-bottom: 0; background: 0;}
    .sosMain .top .txt1 {margin-bottom: 12px; line-height: 33px; font-size: 22px;}
    .sosMain .top .txt2 {line-height: 27px; font-size: 15px;}
    .sosMain .bottom {margin: 24px 0 0;}
    .sosMain .bottom .title {padding-left: 28px; line-height: 26px; font-size: 17px;}
    .sosMain .bottom .sosMain_list {padding: 0; flex-wrap: wrap; gap: 16px; border-radius: 0; border: 0;}
    .sosMain .bottom .sosMain_list li {padding: 0 0 0 76px; width: 100%; height: 60px; text-align: left; display: flex; display: -webkit-flex; flex-direction: column; justify-content: center;}
    .sosMain .bottom .sosMain_list li .txt1 {margin: 0 0 4px; padding: 0; font-size: 15px; background: 0 !important;}
    .sosMain .bottom .sosMain_list.type1 li.list1 {background: url('/gmigrant/images/hmpg/icon_sosMain_list1_1.png') no-repeat 0 center / 60px auto;}
    .sosMain .bottom .sosMain_list.type1 li.list2 {background: url('/gmigrant/images/hmpg/icon_sosMain_list1_2.png') no-repeat 0 center / 60px auto;}
    .sosMain .bottom .sosMain_list.type1 li.list3 {background: url('/gmigrant/images/hmpg/icon_sosMain_list1_3.png') no-repeat 0 center / 60px auto;}
    .sosMain .bottom .sosMain_list.type1 li.list4 {background: url('/gmigrant/images/hmpg/icon_sosMain_list1_4.png') no-repeat 0 center / 60px auto;}
    .sosMain .bottom .sosMain_list.type2 li.list1 {background: url('/gmigrant/images/hmpg/icon_sosMain_list2_1.png') no-repeat 0 center / 60px auto;}
    .sosMain .bottom .sosMain_list.type2 li.list2 {background: url('/gmigrant/images/hmpg/icon_sosMain_list2_2.png') no-repeat 0 center / 60px auto;}
    .sosMain .bottom .sosMain_list.type2 li.list3 {background: url('/gmigrant/images/hmpg/icon_sosMain_list2_3.png') no-repeat 0 center / 60px auto;}
    .sosMain .bottom .sosMain_list li .txt2 {font-size: 13px;}
    .sosMain .bottom .button_box {margin: 40px auto 0;}
    .sosMain .bottom .button_box > div {gap: 16px;}
    .sosMain .bottom .button_box > div button {height: 51px; line-height: 49px; font-size: 15px;}
    .sosMain .bottom .button_box.long .full .btn_call {padding: 14px 20px; height: auto; line-height: 23px; flex-wrap: wrap; gap: 0;}
    .sosMain .bottom .button_box.long .full .btn_call .icon {margin-right: 8px;}
    .sosMain .bottom .button_box.long .full .btn_call span {display: block;}
    .sosMain .bottom .button_box .txt {font-size: 13px;}

    /*기타*/
    /*에러페이지*/
    .error .error_box {padding: 0 16px;}
	.error .error_box img {width: 80px; height: auto;}
    .error .error_box p.p1 {margin: 16px 0; line-height: 27px; font-size: 19px;}
    .error .error_box p.p2 {line-height: 18px; font-size: 13px;}
    /*이용정지안내*/
    .stop .stop_box {padding: 0 16px;}
    .stop .stop_box .tit {line-height: 27px; font-size: 19px;}
    .stop .stop_box .txt1 {margin: 16px 0; line-height: 18px; font-size: 13px;}
    .stop .stop_box .txt2 {margin: 16px 0;}
    /*이메일무단수집거부*/
    .email {padding: 0 16px; word-break: keep-all;}
    .email .tit {padding-top: 100px; line-height: 27px; font-size: 19px; background-size:  100px auto;}
    .email .txt1 {margin: 16px 0; line-height: 22px; font-size: 15px;}

    /*통합검색*/
    .totalsearch_area .search_box {margin: 0 auto 20px; height: 47px; border-radius: 47px;}
    .totalsearch_area .search_box input {padding: 0 50px 0 20px;border-radius: 47px;}
    .totalsearch_area .search_box .btn_search {right: 20px; top: calc(50% - 9px);}
    .totalsearch_area .search_box .btn_search .icon {width: 18px; height: 18px;}
    .totalsearch_area .search_box .btn_search .icon::after {width: 10px; height: 10px;}
    .totalsearch_area .result_txt {margin-bottom: 20px; font-size: 18px; word-break: keep-all;}

    /*이용약관 개인정보처리방침*/
    .listtype-dot > li {padding-left: 8px;}
    .listtype-dot > li::before {top: 9px; width: 2px; height: 2px;}
    .privacy {line-height: 24px; font-size: 14px;}
    .privacy h3 {margin: 30px 0 0; font-size: 22px;}
    .privacy h4 {margin: 30px 0 15px; font-size: 18px; flex-wrap: wrap; gap: 5px;}
    .privacy h4 img {width: auto; height: 40px;}
    .privacy .privacy_box {padding: 15px 20px; margin-bottom: 30px; font-size: 15px; line-height: 24px;}
    .privacy .gray_box {padding: 15px 20px;}

    .privacy .privacy_label {gap: 10px;}
    .privacy .privacy_label li {width: calc(50% - 5px); border-radius: 10px;}
    .privacy .privacy_label li a {padding: 15px; }
    .privacy .privacy_label li a .tit {font-size: 16px;}
    .privacy .privacy_label li a .txt {font-size: 14px;}
    .privacy .privacy_label li a img {width: auto; height: 50px;}
    .privacy .privacy_index li {padding-left: 10px; line-height: 22px; font-size: 14px;}
    .privacy .privacy_index li::before {top: 9px; width: 3px; height: 3px; border-radius: 3px;}
    .privacy h4 {margin: 30px 0 15px; font-size: 16px; flex-wrap: wrap; gap: 5px;}
    .privacy h4 img {width: auto; height: 40px;}
    .privacy .privacy_img {margin-top: 20px;}

    /*자가진단*/
    .selftest {padding: 20px 0 10px;}
    .selftest .selftest-text {margin: 0 0 48px; padding-top: 90px; line-height: 28.5px; font-size: 19px; background: url('/gmigrant/images/hmpg/icon_selftest_top.png') no-repeat center 10px / 56px auto;}
    .selftest dl {margin-bottom: 36px;}
    .selftest dl:last-child {margin-bottom: 0;}
    .selftest dl dt {margin-bottom: 20px; line-height: 27.5px; font-size: 17px;}
    .selftest dl dd .radio_box {gap: 16px !important;}
    .selftest dl dd .radio_box  li {width: 100%;}
    .selftest dl dd .check_box {gap: 24px !important;}
    .selftest dl dd .check_box  li {width: 100%;}
    .selftest .button_box {margin-top: 56px;}
    /*자가진단결과*/
    .selftest_result p {padding-top: 148px; line-height: 22.5px; font-size: 15px;}
    .selftest_result.type1 p {background: url('/gmigrant/images/hmpg/icon_selftest_result1.png') no-repeat center 0 / 140px auto;}
    .selftest_result.type2 p {background: url('/gmigrant/images/hmpg/icon_selftest_result2.png') no-repeat center 0 / 140px auto;}
    .selftest_result p .big {font-size: 19px;}
}
@media screen and (max-width:1024px){
    /*개인정보처리방침*/
    .privacy .tablebasic {overflow-x: auto;}
    .privacy .tablebasic > table {width: 640px;}
    .privacy .privacy_img {overflow-x: auto;}
    .privacy .privacy_img img {max-width: none; width: 640px;}
}


/* 전역 로딩 오버레이 (js/hmpg/hmpgLoading.js — #hmpgGlobalLoading) */
.hmpg-global-loading {
    display: none;
    pointer-events: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.48);
    z-index: 9998;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
}
.hmpg-global-loading.hmpg-global-loading--open {
    display: flex;
    pointer-events: auto;
}
.hmpg-global-loading__box {
    display: inline-block;
    padding: 18px 28px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
}

/* SOS 만족도 별점(클릭 선택, 1~5) — satisfaction1 */
.popup.satisfaction .popup_inner .satisfaction_check.sos-star-rating li .star_btn {
    position: relative;
    display: block;
    width: 26px;
    height: 26px;
    padding: 0;
    margin: 0;
    border: 0;
    cursor: pointer;
    background: url('/gmigrant/images/hmpg/icon_popup_satisfaction_star1.png') no-repeat center;
    background-size: contain;
}
.popup.satisfaction .popup_inner .satisfaction_check.sos-star-rating li.on .star_btn {
    background-image: url('/gmigrant/images/hmpg/icon_popup_satisfaction_star2.png');
}
.popup.satisfaction .popup_inner .satisfaction_check.sos-star-rating li .star_btn:focus {
    outline: 2px solid #278742;
    outline-offset: 2px;
}