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

body {overflow-y: auto; overflow-x: hidden; position: relative; margin: 0; width:100%; color: #000; font-size: 16px; font-family: 'Pretendard', sans-serif; font-weight: 400; line-height: 26px; 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 20px; min-width: 132px; height: 52px; line-height: 50px; text-align: center; border-radius: 5px;}
.btn2 {padding: 0 20px; min-width: 100px; height: 54px; line-height: 52px; text-align: center; border-radius: 10px;}
.btn3 {padding: 0 10px; height: 32px; line-height: 30px; font-size: 14px; text-align: center; border-radius: 5px;}
.btn4 {position: relative; width: 38px; height: 38px; line-height: 36px; background-color: #ecf1fe; border-radius: 5px;}
.btn4::after, .btn4::before {content: ''; position: absolute; left: calc(50% - 6px); top: calc(50% - 1px); width: 12px; height: 2px; background-color: #2053c0;}
.btn4.plus::after {transform: rotate(90deg);}
.btn5 {display: inline-block; padding: 0 10px; min-width: 75px; height: 32px; line-height: 30px; font-size: 13px; font-weight: 500; text-align: center; border-radius: 5px;}

.btn_search {}
.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: 7px; height: 2px; background-color: #666; transform: rotate(45deg);}
.btn_close {}
.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_close2 {width: 21px; height: 21px; background: url('../../images/hmpg/icon_close.png') no-repeat center / 100%;}
.btn_more {}
.btn_more .icon {position: relative; display: inline-block; width: 10px; height: 10px;}
.btn_more .icon::after, .btn_more .icon::before {content: ''; position: absolute; left: 0; top: calc(50% - 1px); width: 100%; height: 2px; background-color: #666;} 
.btn_more .icon::before {transform: rotate(90deg);}

.bg_gray {color: #fff; background-color: #5d5d5d;}
.bg_gray2 {color: #1d1d1d; background-color: #ededed;}
.bg_blue {color: #fff; background-color: #1e3e95;}
.bg_blue2 {color: #fff; background-color: #577bc4;}
.bg_green {color: #fff; background-color: #39963a;}
.bg_green2 {color: #39963a; background-color: #eff7f0; border: 1px solid #88c888;}
.bg_red {color: #fff; background-color: #ff0000;}
.bg_black {color: #fff; background-color: #000;}
.bg_white {color: #5d5d5d; border: 1px solid #6e7882; background-color: #fff;}
.bg_white2 {color: #1e3e95; border: 1px solid #1e3e95; background-color: #fff;}
.bg_white3 {color: #19761a; border: 1px solid #39963a; background-color: #fff;}
.bg_white4 {color: #ff0000; border: 1px solid #ff0000; background-color: #fff;}

.color_black {color: #000 !important;}
.color_gray {color: #5d5d5d !important;}
.color_gray2 {color: #8b949e !important;}
.color_blue {color: #1e3e95 !important;}
.color_blue2 {color: #5081e5 !important;}
.color_green {color: #39963a !important;}
.color_red {color: #ff0000 !important;}

.f_b {font-weight: 600 !important;}
.f_m {font-weight: 500 !important;}
.f_n {font-weight: 400 !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;}

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

.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}
.mt0 {margin-top:0px !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}
.w90 {width: 90px !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_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: 99999;}
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;}

/*서브공통*/
.board_title {margin-bottom: 15px; display:flex; display:-webkit-flex; justify-content: space-between;}
.board_title h3 {display:flex; display:-webkit-flex; align-items: center; font-size: 20px; font-weight: 500;}
.board_title2 {margin: 40px 0 15px; display:flex; display:-webkit-flex; justify-content: space-between;}
.board_title2 h3 {padding-left: 28px; position: relative; display:flex; display:-webkit-flex; align-items: center; font-size: 16px; font-weight: 500; color: #34363d;}
.board_title2 h3::before {position: absolute; top: calc(50% - 2px); left: 12px; content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #34363d;}
.board_title3 {margin: 40px 0 15px; display:flex; display:-webkit-flex; justify-content: space-between;}
.board_title3 h3 {padding-left: 35px; display:flex; display:-webkit-flex; align-items: center; font-size: 24px; font-weight: 500; word-break: keep-all; background: url('../../images/hmpg/icon_title.png') no-repeat 0 center;}
.board_title3:first-child {margin-top: 0;}
.boardview + .board_title {margin-top: 40px;}
.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: 4px; width: 15px; height: 15px; font-size: 12px; line-height: 15px; 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;}
.num_list3 {counter-reset: num;}
.num_list3 > li {position: relative; padding-left: 20px;}
.num_list3 > li::before {content: counter(num) " )"; counter-increment: num 1; position: absolute; left: 0; width: 16px; font-size: 13px;}
.add_list {margin: 10px 0 0; display:flex; display:-webkit-flex; flex-wrap: wrap; gap: 5px;}
.add_list p .btn_close {margin-left: 5px; border-radius: 3px; background-color: #1e3e95;}
.add_list p .btn_close .icon {width: 16px; height: 16px;}
.add_list p .btn_close .icon::after,
.add_list p .btn_close .icon::before {left: 2px; top: 7px; width: 11px; height: 2px; background-color: #fff;}
.add_list.line {display: block;}
.add_list.line p a {text-decoration: underline; color: #666;}
.text_dot {margin-left: 20px; padding-left: 13px; position: relative; line-height: 30px; font-size: 17px;}
.text_dot::before {position: absolute; top: 11px; left: 0; content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #7c7c7c;}
.text_dot span {color: #666;}
.text_dot + .text_dot {margin-top: 30px;}
.list_check {margin-top: 5px; margin-left: 35px;}
.list_check li {padding-left: 23px; position: relative; line-height: 24px; font-size: 16px; color: #666;}
.list_check li::before {position: absolute; top: 7px; left: 0; content: ''; display: block; width: 15px; height: 11px; background: url('../../images/hmpg/icon_introduce_check.png') no-repeat 0 0;}
.text_img {margin-bottom: 70px;}
.text_img img {max-width: 100%; height: auto;}

.d_area {margin: 0 auto; width: 1280px;}
.midarea {padding-top: 100px;}
.midarea .subtoparea {margin: 0 auto; position: relative; max-width: 1830px; width: calc(100% - 90px); height: 373px; border-radius: 40px; background: url('../../images/hmpg/bg_subtoparea.png') no-repeat center 0 / cover;}
.midarea .subtoparea h2 {padding-top: 135px; line-height: 46px; font-size: 46px; font-weight: 500; text-align: center; font-family: 'TheJamsil', sans-serif;}
.midarea .subtoparea .lnb_area {padding-top: 35px; display: flex; display:-webkit-flex; justify-content: center; align-items: center;}
.midarea .subtoparea .lnb_area li {position: relative; padding-right: 20px; margin-right: 20px;}
.midarea .subtoparea .lnb_area li::before {content: ''; position: absolute; right: -5px; top: calc(50% - 8px); width: 10px; height: 16px; background: url('../../images/hmpg/icon_lnb_arrow.png') no-repeat center;}
.midarea .subtoparea .lnb_area li:last-child {padding-right: 0; margin-right: 0;}
.midarea .subtoparea .lnb_area li:last-child::before {display: none;}
.midarea .subtoparea .lnb_area li a {display: block; line-height: 20px; font-size: 20px;}
.midarea .subtoparea .lnb_area li.home a {display: block; width: 22px; height: 20px; font-size: 0; text-indent: -9999px; background: url('../../images/hmpg/icon_lnb_home.png') no-repeat center;}

.contentsarea {margin: 0 auto; padding: 70px 0 200px;}
.contentsarea .subtit {margin-bottom: 35px; padding: 40px 0 100px;}
.contentsarea .subtit h3 {font-size: 28px; line-height: 28px; color: #000;}

/*탭*/
.tab_area {margin-bottom: 25px; display: flex; display:-webkit-flex; overflow-y: hidden; overflow-x: auto; width: 100%;}
.tab_area::-webkit-scrollbar {height: 10px; background-color: #f3f3f3;}
.tab_area::-webkit-scrollbar-track {background-color: transparent;}
.tab_area::-webkit-scrollbar-thumb{background-color: #ccc;}
.tab_area ul {margin: 0 auto; height: 70px; display: flex; display:-webkit-flex; align-items: flex-start; justify-content: flex-start;}
.tab_area ul li {height: 70px; line-height: 68px; flex: 1 1 auto; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
.tab_area ul li a {display: block; width: auto; min-width: 210px; font-size: 20px; font-weight: 300; text-align: center; white-space: nowrap;}
.tab_area ul li.active {background-color: #1d1d1d;}
.tab_area ul li.active a {color: #fff;}
.tab_area ul li:first-child {border-radius: 10px 0 0 10px; border-left: 1px solid #dbdbdb;}
.tab_area ul li:first-child.active {border-left: 0;}
.tab_area ul li:last-child {border-radius: 0 10px 10px 0; border-right: 1px solid #dbdbdb;}
.tab_area ul li:last-child.active {border-right: 0;}
.tabmenu {z-index: 180; position: relative; margin-bottom: 50px;}
.tabmenu > button {display: none;}
.tabmenu .dropdown-menu {display: flex; display:-webkit-flex;}
.tabmenu .dropdown-menu li {width: 100%; background-color: #f3f5f8;}
.tabmenu .dropdown-menu li:first-child {border-radius: 46px 0 0 46px;}
.tabmenu .dropdown-menu li:last-child {border-radius: 0 46px 46px 0;}
.tabmenu .dropdown-menu li button {padding: 0 10px; width: 100%; height: 46px; font-size: 16px; font-weight: 500; border-radius: 46px; word-break: keep-all; color: #666;}
.tabmenu .dropdown-menu li button span {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; max-height: 60px; -webkit-line-clamp: 3; line-height: 20px;}
.tabmenu .dropdown-menu li button[data-selected="selected"] {font-weight: 600; color: #fff; background-color: #393e46;}

/*멤버쉽*/
.join_area .join_box {margin: 0 auto; padding: 30px 0 25px; max-width: 584px; text-align: center; background-color: #fafafa;}
.join_area .join_box p {margin-bottom: 20px; font-size: 24px;}
.join_area .join_box p:last-child {margin-bottom: 0;}
.join_area .join_box p span {color: #ed5e5e;}
.join_area .join_box p.big {font-size: 34px;}
/*로그인*/
.login_ara {margin: 0 auto; padding: 70px 100px 100px; max-width: 700px; width: 100%; border-radius: 40px; background: #f2f5fa url('../../images/hmpg/bg_login.png') no-repeat right bottom;}
.login_ara .login_txt {margin-bottom: 30px; line-height: 30px; font-size: 24px; text-align: center; font-family: 'TheJamsil', sans-serif;}
.login_ara .login_txt .txt1 {color: #223f92;}
.login_ara .login_txt .txt2 {color: #39963a;}
.login_ara .write_box {width: 100%;}
.login_ara .write_box .inp_area li {margin-bottom: 20px;}
.login_ara .write_box .inp_area li .inpbox {width: 100%; height: 48px; border-radius: 10px;}
.login_ara .write_box .inp_area li .inpbox input.txt {padding: 0 15px; border-radius: 10px;}
.login_ara .write_box .check_box {margin-top: 25px;}
.login_ara .write_box .check_box input[type=checkbox]:checked  + label::before {border-color: #13c56b; background-color: #13c56b;}
.login_ara .write_box .button_box {margin-top: 25px;}
.login_ara .write_box .button_box button {width: 100%; height: 60px; font-size: 18px; font-weight: 500; border-radius: 10px;}
.login_ara .write_box .find_area {margin-top: 30px; display: flex; display:-webkit-flex; justify-content: center; align-items: center;}
.login_ara .write_box .find_area li {position: relative; padding-right: 25px; margin-right: 25px;}
.login_ara .write_box .find_area li::after {content: ''; position: absolute; right: 0; top: calc(50% - 9px); width: 1px; height: 18px; background-color: #dbdbdb;}
.login_ara .write_box .find_area li:last-child {padding-right: 0; margin-right: 0;}
.login_ara .write_box .find_area li:last-child::after {display: none;}
.login_ara .write_box .find_area li a {font-size: 18px;}
.login_ara .write_box .find_area li.join::after {display: none;}
.login_ara .write_box .find_area li.join a {display: block; width: 170px; height: 60px; line-height: 60px; text-align: center; border-radius: 10px; color: #fff; background-color: #1d1d1d;}
/*회원유형선택*/
.join_area .join_type {margin: 80px auto; display: flex; display:-webkit-flex; justify-content: center; flex-wrap: wrap; gap: 50px;}
.join_area .join_type li {width: 315px; height: 252px;}
.join_area .join_type li a {width: 100%; height: 100%; border-radius: 20px; border: 1px solid #dbdbdb; background: url('../../images/hmpg/bg_join_type.png') no-repeat right bottom; display: flex; display:-webkit-flex; justify-content: center; align-items: center;}
.join_area .join_type li:hover a {border: 1px solid #7090e5; background: #f1f4fc url('../../images/hmpg/bg_join_type_hover.png') no-repeat right bottom;}
.join_area .join_type li a p {padding: 45px 0; font-size: 30px; font-weight: 500; color: #7d7d7d;}
.join_area .join_type li a p.hover {display: none; color: #223f92; background: url('../../images/hmpg/icon_join_type_hover_check.png') no-repeat center top;}
.join_area .join_type li:hover a p {display: none;}
.join_area .join_type li:hover a p.hover {display: block;}
/*이용약관동의*/
.join_term .button_box {margin-top: 100px;}
.agree_area {margin-bottom: 40px;}
.agree_area .agree_title {margin-bottom: 10px; font-size: 18px; font-weight: 500;}
.agree_area .agree_title span {color: #ff5f5c;}
.agree_area .agree_box {overflow-y: auto; padding: 30px; max-height: 190px; background-color: #f7f7f7; border-radius: 0 0 15px 15px; border: 1px solid #dbdbdb; border-top: 2px solid #222;}
.agree_area .agree_box::-webkit-scrollbar {width: 29px;}
.agree_area .agree_box::-webkit-scrollbar-thumb {height: 100px; background-color: #c6c6c6; border-radius: 29px; background-clip: padding-box; border: 10px solid transparent;}
.agree_area .agree_box::-webkit-scrollbar-track {background-color: transparent; border-radius: 29px;}
.agree_area .agree_box h4 {margin-bottom: 20px; font-size: 20px;}
.agree_area .agree_box h5 {margin-bottom: 10px; font-size: 16px;}
.agree_area .radio_box3 {margin-top: 20px; justify-content: right;}
.agree_area .r_tit {margin: 40px 0 35px; font-size: 24px; text-align: center;}
.agree_area .r_box {margin: 0 0 15px; display: flex; display:-webkit-flex; justify-content: center; gap: 40px;}
.agree_area .r_box p {width: 320px; font-size: 18px;}
.agree_area .r_box p span {color: #ff5f5c;}
.agree_area .r_box .radio_box3 {margin: 0;}
/*본인인증*/
.join_area .join_find {text-align: center;}
.join_area .join_find .icon {margin: 80px auto 20px; display: block; width: 246px; height: 246px; border-radius: 50%; background: #f1f4fc url('../../images/hmpg/bg_join_find.png') no-repeat calc(50% + 15px) center;}
/*가입완료*/
.join_area .join_result .icon {margin: 80px auto 20px; display: block; width: 246px; height: 246px; border-radius: 50%; background: #f1f4fc url('../../images/hmpg/bg_join_result.png') no-repeat calc(50% + 10px) center;}
.join_area .join_result .join_result_txt {margin: 5px 0 0; font-size: 18px; text-align: center; color: #7d7d7d;}
.join_area .join_result .button_box {margin: 70px 0 0;}
/*아이디찾기 비밀번호찾기 조회*/
.join_area .board_text {padding: 40px 0 60px; font-size: 24px;}
.join_area .tab_area {margin: 0 0 45px;}
.join_area .tab_area ul li a {width: 250px; font-size: 20px;}
.join_area .write_box {margin: 0 auto; max-width: 500px; width: 100%;}
.join_area .write_box dl {margin-bottom: 20px;}
.join_area .write_box dl dt {margin: 0 0 5px; font-size: 16px;}
.join_area .write_box dl dd .inpbox {width: 100%; height: 60px; border-radius: 10px;}
.join_area .write_box dl dd .inpbox input {padding: 0 25px; border-radius: 10px;}
.join_area .write_box .button_box {margin-top: 30px;}
.join_area .write_box .button_box button {width: 100%; height: 65px; font-size: 18px; font-weight: 500; border-radius: 10px;}
.join_area .write_box .find_area {margin-top: 40px; display: flex; display:-webkit-flex; justify-content: center; align-items: center;}
.join_area .write_box .find_area li {position: relative; padding-right: 25px; margin-right: 25px;}
.join_area .write_box .find_area li::after {content: ''; position: absolute; right: 0; top: calc(50% - 7px); width: 1px; height: 14px; background-color: #ddd;}
.join_area .write_box .find_area li:last-child {padding-right: 0; margin-right: 0;}
/*아이디찾기완료*/
.join_area .join_complete {margin: 0 auto; max-width: 580px;}
.join_area .join_complete > p {margin-bottom: 70px; height: 86px; line-height: 86px; font-size: 24px; font-weight: 500; text-align: center; color: #223f92; background-color: #f2f5fa; border: 1px solid #779fee; border-radius: 10px;}

/*서비스신청*/
.service_intro .button_box button {padding: 0 20px; min-width: 155px; height: 52px; border-radius: 5px; display: flex; display:-webkit-flex; justify-content: center; align-items: center; gap: 10px;}
.service_intro .button_box .btn_service1 {background-color: #1e3e95; color: #fff;}
.service_intro .button_box .btn_service1 .icon {width: 14px; height: 14px; background: url('../../images/hmpg/icon_btn_service1.png') no-repeat center;}
.service_intro .button_box .btn_service2 {border: 1px solid #1e3e95; color: #1e3e95;}
.service_intro .button_box .btn_service2 .icon {width: 13px; height: 15px; background: url('../../images/hmpg/icon_btn_service2.png') no-repeat center;}
.service_intro .button_box .btn_service3 {background-color: #f4f7fe; border: 1px solid #779fee;  color: #577bc4;}
.service_intro .button_box .btn_service3 .icon {width: 13px; height: 15px; background: url('../../images/hmpg/icon_btn_service3.png') no-repeat center;}

/*서비스신청등록 약관*/
.terms_wrap .terms_agree {display: flex; display:-webkit-flex; justify-content: center; align-items: center; gap: 15px;}
.terms_wrap .terms_agree p {font-size: 18px; font-weight: 500;}
.terms_wrap .terms_agree .radio_box input[type=radio] + label {font-size: 18px;}
.terms_box { margin: 0 0 20px; padding: 35px 40px; line-height: 21px; font-size: 15px; font-weight: 300; background-color: #f7f7f7; border: 1px solid #dbdbdb; border-radius: 10px;}
.terms_box .listtype-other {margin: 0;}
.terms_box .listtype-other li {margin-bottom: 20px;}
.terms_box .listtype-other li:last-child {margin-bottom: 0;}
.terms_box .listtype-other li .listtype-other {margin: 5px 0 0 5px;}
.terms_box .listtype-other li .listtype-other li {margin-bottom: 0;}
.terms_wrap + .button_box {margin: 110px 0 0;}

/*만족도조사*/
.satisfaction_wrap {margin: 0 auto; max-width: 840px; width: 100%;}
.satisfaction_wrap h3 {margin: 30px 0 45px; text-align: center;}
.satisfaction_wrap h3 span {padding-left: 40px; line-height: 26px; font-size: 24px; font-weight: 500; background: url('../../images/hmpg/icon_satisfaction_title.png') no-repeat 0 0;}
.satisfaction_box {padding: 55px; border: 2px solid #e3e5e9; border-radius: 30px; box-shadow: 7px 7px 0px 0px #f7f7f7;}
.satisfaction_box dl {margin-bottom: 40px;}
.satisfaction_box dl:last-child {margin-bottom: 0;}
.satisfaction_box dl dt {margin-bottom: 15px; padding-left: 40px; line-height: 22px; font-size: 18px; background: url('../../images/hmpg/icon_satisfaction_q.png') no-repeat;}
.satisfaction_box dl dd {padding: 17px 35px; background-color: #f4f4f4; border-radius: 10px;}
.satisfaction_box dl dd .radio_box > li {margin-right: 60px;}
.satisfaction_box dl dd .radio_box > li:last-child {margin-right: 0;}
.satisfaction_wrap + .button_box {margin: 50px 0 0;}

/*개인정보처리방침*/
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.listtype-other {margin-left: 20px;}
.listtype-other.ml {margin-left: 0;}
.listtype-other > li {word-break: keep-all;}
.listtype-other > li > span.num {margin-left: -20px;}
.policy {width: 100%; line-height: 28px; font-size: 16px; color: #666;}
.policy .box {margin-bottom: 50px; padding: 25px 30px; font-size: 18px; border: 1px solid #888;}
.policy h4 {margin: 40px 0 20px; font-size: 22px; font-weight: 600; color: #222;}
.policy h5 {margin: 40px 0 15px; font-size: 18px; font-weight: 600; color: #222;}
.policy > p {margin-bottom: 10px;}
.policy .tablebasic {margin: 10px 0;}

/*영상정보처리기기운영방침*/
article.rule h4 {font-size: 24px; margin: 60px 0 20px;}
article.rule h5 {font-size: 20px; margin: 40px 0 10px;}
article.rule p {line-height: 24px; font-size: 15px;}
article.rule li {line-height: 24px; word-break: keep-all;}
article.rule ol > li {padding-left: 20px; text-indent: -20px}
article.rule ol > li > ol > li {padding-left: 0px; text-indent: 0;}
article.rule .rule_box {padding: 30px 10px 0; font-size: 15px; font-weight: 500;}
article.rule .rule_link {margin-top: 90px; text-align: center;}
article.rule .rule_link a {padding: 20px 30px; display: inline-block; font-size: 21px; font-weight: 500; border-radius: 15px; background-color: #7c47b6; color: #fff;}

/*ai말벗신청*/
.ai_agree {margin-top: 40px;}
.ai_agree .check_box {margin-top: 10px; justify-content: right;}
.ai_agree .check_box li {gap: 20px;}
.ai_agree > .txt {margin: 60px 0; text-align: center; font-size: 18px;}

/*ai노인말벗소개*/
.al_box1 {padding: 30px 30px 0 430px; border-radius: 20px 20px 0 0; background: #eff7ff url('../../images/hmpg/img_ai1.png') no-repeat 55px bottom; border: 1px solid #dfebf8;}
.al_box1 .wrap {padding: 45px 50px 40px; border-radius: 20px 20px 0 0; background-color: #fff;}
.al_box1 .wrap .txt1 {font-size: 24px; font-weight: 600; color: #002b8d;}
.al_box1 .wrap .txt2 {margin: 15px 0; line-height: 26px; font-size: 18px; color: #666;}
.al_box1 .wrap .txt2 span {font-weight: 600; color: #010101;}
.al_box1 .wrap .txt3 {font-size: 18px; font-weight: 600;}
.al_box2 {margin-top: 40px; padding: 35px 60px 25px; position: relative; border-radius: 20px; border: 6px solid #cdf2f6;}
.al_box2 .tit {position: absolute; top: -25px; left: 50px; width: 175px; height: 44px; line-height: 44px; font-size: 20px; font-weight: 500; text-align: center; color: #fff; border-radius: 8px; background-color: #18adbc;}
.al_box2 .list_check {margin-left: 0;}
.al_box2 .list_check li {line-height: 30px; font-size: 17px; color: #1d1d1d;}
.ai_qna .tit {padding: 25px 0; font-size: 26px; font-weight: 600; text-align: center; border-radius: 20px 20px 0 0; background-color: #e1eaf3;}
.ai_qna .tit img {margin-right: 15px; }
.ai_qna .ai_qna_list {padding: 40px 110px; border-radius: 0 0 20px 20px; background-color: #b5c7da;}
.ai_qna .ai_qna_list li {margin-bottom: 50px;}
.ai_qna .ai_qna_list li .q {margin-bottom: 20px; padding: 25px 45px; position: relative; width: 100%; border-radius: 76px; background-color: #fff; cursor: pointer;}
.ai_qna .ai_qna_list li .q::after {position: absolute; top: calc(50% - 5px); right: 40px; content: ''; display: block; width: 18px; height: 10px; background: url('../../images/hmpg/icon_ai_q_arrow.png') no-repeat;}
.ai_qna .ai_qna_list li .q.active::after {transform: scaleY(-1);}
.ai_qna .ai_qna_list li .q span {padding-left: 50px; display: block; line-height: 32px; font-size: 20px; font-weight: 500; background: url('../../images/hmpg/icon_ai_q.png') no-repeat 0 center;}
.ai_qna .ai_qna_list li .a {margin-left: 185px; padding: 30px; position: relative; border-radius: 30px; background-color: #fbeb42;}
.ai_qna .ai_qna_list li:nth-child(odd) .a::after {position: absolute; top: calc(50% - 43px); left: -130px; content: ''; display: block; width: 87px; height: 87px; background: url('../../images/hmpg/icon_ai_man.png') no-repeat;}
.ai_qna .ai_qna_list li:nth-child(even) .a::after {position: absolute; top: calc(50% - 43px); left: -130px; content: ''; display: block; width: 87px; height: 87px; background: url('../../images/hmpg/icon_ai_woman.png') no-repeat;}
.ai_qna .ai_qna_list li .a::before {position: absolute; top: calc(50% - 12px); left: -24px; content: ''; display: block; width: 24px; height: 25px; background: url('../../images/hmpg/icon_ai_a_arrow.png') no-repeat;}
.ai_qna .ai_qna_list li .a p {padding-left: 55px; line-height: 24px; font-size: 17px; background: url('../../images/hmpg/icon_ai_a.png') no-repeat 0 8px;}

@media screen and (max-width:1540px) {
    .mypage .contentsarea {padding: 40px 20px 100px 365px; width: 100%;}
    .mypage .contentsarea .sublnb {left: 20px;}
}
@media screen and (max-width:1366px) {
    .d_area {padding: 0 20px; width: 100%;}
    .contentsarea.d_area {padding: 40px 20px 100px;}
    .mypage .contentsarea {padding: 40px 20px 100px 365px; width: 100%;}
}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
    body {font-size: 14px; line-height: 20px;}

    .btn {padding: 0 10px; min-width: 152px; height: 52px; line-height: 50px; font-size: 16px;}
    .btn2 {padding: 0 10px; min-width: 70px; height: 32px; line-height: 30px; font-size: 12px; border-radius: 3px;}
    .btn3 {padding: 0 5px; height: 22px; line-height: 20px; font-size: 10px; border-radius: 3px;}
    .btn4 {border-radius: 5px;}
    .btn5 {padding: 0 10px; min-width: 45px; height: 24px; line-height: 22px; font-size: 12px; border-radius: 3px;}

    .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;}
    
    /*서브공통*/
    .board_title {margin-bottom: 10px;}
    .board_title h3 {font-size: 15px;}
    .board_title3 {margin: 30px 0 10px;}
    .board_title3 h3 {padding-left: 25px; font-size: 19px; background: url('../../images/hmpg/icon_title.png') no-repeat 0 2px / 16px auto;}
    .boardview + .board_title {margin-top: 30px;}
    .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: 9px; line-height: 12px;}
    .num_list2 {padding-left: 15px;}
    .num_list3 {counter-reset: num;}
    .num_list3 > li {padding-left: 17px;}
    .num_list3 > li::before {width: 14px; font-size: 12px;}
    .add_list p .btn_close .icon {width: 14px; height: 14px;}
    .add_list p .btn_close .icon::after,
    .add_list p .btn_close .icon::before {top: 6px; width: 9px; height: 1px;}
    .text_dot {padding-left: 11px; margin-left: 15px; line-height: 22px; font-size: 15px; word-break: keep-all;}
    .text_dot::before {top: 11px; width: 3px; height: 3px;}
    .text_dot span {font-size: 14px;}
    .text_dot + .text_dot {margin-top: 20px;}
    .list_check {margin-top: 0; margin-left: 30px;}
    .list_check li {padding-left: 18px; line-height: 22px; font-size: 14px; word-break: keep-all;}
    .list_check li::before {width: 12px; height: 11px; background: url('../../images/hmpg/icon_introduce_check.png') no-repeat 0 0 / 12px auto;}
    .text_img {margin-bottom: 40px; text-align: center;}
    .text_img img {max-width: 360px; width: 100%; height: auto;}

    .midarea {padding-top: 0; margin: 0;}
    .midarea .subtoparea {margin: 0 20px; width: calc(100% - 40px); height: 180px; border-radius: 20px; background: url('../../images/hmpg/bg_subtoparea_m.png') no-repeat center / cover;}
    .midarea .subtoparea h2 {padding-top: 45px; line-height: 24px; font-size: 24px;}
    .midarea .subtoparea .lnb_area {padding-top: 15px;}
    .midarea .subtoparea .lnb_area li {padding-right: 10px; margin-right: 10px;}
    .midarea .subtoparea .lnb_area li::before {right: -3px; top: calc(50% - 4px); width: 6px; height: 9px; background-size: auto 100%;}
    .midarea .subtoparea .lnb_area li a {line-height: 13px; font-size: 13px;}
    .midarea .subtoparea .lnb_area li.home a {width: 11px; height: 10px; background-size: 100% auto;}

    .contentsarea.d_area {padding: 30px 20px 100px;}
    .contentsarea .subtit {margin-bottom: 25px; padding: 25px 0 0;}
    .contentsarea .subtit h3 {font-size: 20px; line-height: 20px;}

    /*탭*/
    .tab_area::-webkit-scrollbar {height: 5px;}
    .tab_area ul {height: 50px;}
    .tab_area ul li {height: 50px; line-height: 48px;}
    .tab_area ul li a {padding: 0 20px; min-width: 100px; font-size: 15px;}
    .tab_area ul li:first-child {border-radius: 5px 0 0 5px;}
    .tab_area ul li:last-child {border-radius: 0 5px 5px 0;}

    .tabmenu {margin-bottom: 20px;}
    .tabmenu button {text-align: left; font-size: 14px;}
    .tabmenu > button {position: relative; padding: 0 20px 0 10px; display: block; width: 100%; height: 40px; color: #fff; font-size: 14px; background-color: #393e46;}
    .tabmenu > button::after {content: ''; position: absolute; right: 10px; top: calc(50% - 2px); width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #fff;}
    .tabmenu > button .dropdown-label {overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap;}
    .tabmenu.open > button::after {transform: rotate(180deg);}
    .tabmenu .dropdown-menu {position: absolute; left: 0; top: 39px; display: none; display:-webkit-none; width: 100%; border-radius: 8px; border: 1px solid #ccc; background-color: #fff;}
    .tabmenu.open .dropdown-menu {display: block; display:-webkit-block;}
    .tabmenu .dropdown-menu li {margin-right: 0; border-bottom: 1px solid #ccc;}
    .tabmenu .dropdown-menu li:first-child {border-radius: 5px 5px 0 0;}
    .tabmenu .dropdown-menu li:last-child {border-radius: 0 0 5px 5px; border-bottom: 0;}
    .tabmenu .dropdown-menu li:first-child button {border-radius: 5px 5px 0 0;}
    .tabmenu .dropdown-menu li:last-child button {border-radius: 0 0 5px 5px;}
    .tabmenu .dropdown-menu li button {padding: 10px; font-size: 14px; height: auto !important; border-radius: 0;}
    .tabmenu .dropdown-menu li button span {display: block; max-height: initial; -webkit-line-clamp: initial; line-height: 18px;}
    .tabmenu .dropdown-menu li button[data-selected="selected"] {background-color: #2656f6;}
    
    /*멤버쉽*/
    .join_area .join_box {padding: 20px; max-width: 584px;}
    .join_area .join_box p {line-height: 28px; font-size: 21px;}
    .join_area .join_box p.big {line-height: 33px; font-size: 24px;}
    /*로그인*/
    .login_ara {padding: 60px 40px 75px; border-radius: 20px; background-size: auto 60px;}
    .login_ara .login_txt {margin-bottom: 20px; line-height: 25px; font-size: 19px;}
    .login_ara .write_box .inp_area li {margin-bottom: 10px;}
    .login_ara .write_box .inp_area li .inpbox {height: 42px; border-radius: 5px;}
    .login_ara .write_box .inp_area li .inpbox input.txt {border-radius: 5px;}
    .login_ara .write_box .check_box {margin-top: 20px;}
    .login_ara .write_box .button_box {margin-top: 35px;}
    .login_ara .write_box .button_box button {height: 52px; font-size: 16px; border-radius: 5px;}
    .login_ara .write_box .find_area {margin-top: 15px; flex-wrap: wrap;}
    .login_ara .write_box .find_area li {position: relative; padding-right: 25px; margin-right: 25px;}
    .login_ara .write_box .find_area li::after {content: ''; position: absolute; right: 0; top: calc(50% - 9px); width: 1px; height: 18px; background-color: #dbdbdb;}
    .login_ara .write_box .find_area li a {font-size: 16px;}
    .login_ara .write_box .find_area li.join {width: 100%; margin: 0 0 30px; padding: 0;}
    .login_ara .write_box .find_area li.join a {display: block; width: 100%; height: 52px; line-height: 52px; border-radius: 5px;}
    /*회원유형선택*/
    .join_area .join_type {margin: 70px auto 30px; gap: 30px;}
    .join_area .join_type li {width: 196px; height: 156px;}
    .join_area .join_type li a {border-radius: 10px; background-size: 125px auto;}
    .join_area .join_type li:hover a {background-size: 150px auto;}
    .join_area .join_type li a p {padding: 25px 0; font-size: 19px;}
    .join_area .join_type li a p.hover {background-size: 28px auto;}
    /*이용약관동의*/
    .join_term .button_box {margin-top: 70px;}
    .agree_area .agree_box {padding: 20px; max-height: 150px; border-radius: 0 0 10px 10px;}
    .agree_area .agree_box::-webkit-scrollbar {width: 17px;}
    .agree_area .agree_box::-webkit-scrollbar-thumb {border-radius: 17px; border: 5px solid transparent;}
    .agree_area .agree_box::-webkit-scrollbar-track {border-radius: 17px;}
    .agree_area .agree_box h4 {margin-bottom: 10px; font-size: 16px;}
    .agree_area .agree_box h5 {margin-bottom: 5px; font-size: 14px;}
    .agree_area .radio_box3 {margin-top: 15px;}
    .agree_area .r_tit {font-size: 18px; text-align: center;}
    .agree_area .r_box {margin: 0 0 40px; display: block;}
    .agree_area .r_box p {margin: 0 0 15px; width: 100%; font-size: 16px;}
    .agree_area .r_box .radio_box3 {margin: 0;}
    /*본인인증*/
    .join_area .join_find .icon {margin: 35px auto 10px; width: 215px; height: 215px; background: #f1f4fc url('../../images/hmpg/bg_join_find.png') no-repeat calc(50% + 10px) center / 99px auto;}
    .join_area .join_find .button_box button {width: 100%; max-width: 480px;}
    /*가입완료*/
    .join_area .join_result .icon {margin: 35px auto 10px; width: 215px; height: 215px; background: #f1f4fc url('../../images/hmpg/bg_join_result.png') no-repeat calc(50% + 5.333333333333333px) center / 103px auto;}
    .join_area .join_result .join_result_txt {margin: 5px 0 0; font-size: 16px;}
    .join_area .join_result .button_box {margin: 50px 0 0;}
    /*아이디찾기 비밀번호찾기 조회*/
    .join_area .board_text {padding: 35px 0 45px; font-size: 21px;}
    .join_area .tab_area {margin: 0 0 40px;}
    .join_area .tab_area ul {width: 100%; max-width: 500px;}
    .join_area .tab_area ul li {width: 50%;}
    .join_area .tab_area ul li a {width: 100%; font-size: 16px;}
    .join_area .write_box dl {margin-bottom: 15px;}
    .join_area .write_box dl dd .inpbox {height: 52px; border-radius: 5px;}
    .join_area .write_box dl dd .inpbox input {padding: 0 20px; font-size: 14px; border-radius: 5px;}
    .join_area .write_box .button_box {margin-top: 25px;}
    .join_area .write_box .button_box button {height: 52px; font-size: 16px; border-radius: 5px;}
    .join_area .write_box .find_area {margin-top: 35px;}
    .join_area .write_box .find_area li::after {top: calc(50% - 6px); height: 12px;}
    /*아이디찾기완료*/
    .join_area .join_complete > p {margin-bottom: 60px; height: 75px; line-height: 75px; font-size: 21px; border-radius: 5px;}

    /*서비스신청*/
    .service_intro .button_box > div {flex-wrap: wrap; gap: 10px;}
    .service_intro .button_box button {margin: 0; min-width: 100%; font-size: 16px;}

    /*서비스신청등록 약관*/
    .terms_wrap .terms_agree {flex-wrap: wrap; gap: 15px;}
    .terms_wrap .terms_agree p {width: 100%; font-size: 15px;}
    .terms_wrap .terms_agree .radio_box input[type=radio] + label {font-size: 14px;}
    .terms_box {margin: 0 0 25px; padding: 15px; line-height: 18px; font-size: 14px;}
    .terms_box .listtype-other li {margin-bottom: 15x;}
    .terms_box .listtype-other li .listtype-other {margin: 3px 0 0 3px;}
    .terms_wrap + .button_box {margin: 40px 0 0;}

    /*만족도조사*/
    .satisfaction_wrap h3 {margin: 10px 0 25px;}
    .satisfaction_wrap h3 span {padding-left: 30px; line-height: 26px; font-size: 21px; word-break: keep-all; background: url('../../images/hmpg/icon_satisfaction_title.png') no-repeat 0 3px / 18px auto;}
    .satisfaction_box {padding: 30px; border: 1px solid #e3e5e9; border-radius: 20px; box-shadow: 3px 3px 0px 0px #f7f7f7;}
    .satisfaction_box dl dt {margin-bottom: 12px; padding-left: 30px; line-height: 21px; font-size: 16px; background: url('../../images/hmpg/icon_satisfaction_q.png') no-repeat 0 0 / 18px auto;}
    .satisfaction_box dl dd {padding: 17px; border-radius: 5px;}
    .satisfaction_wrap + .button_box {margin: 40px 0 0;}

    /*개인정보처리방침*/
    .listtype-other {margin-left: 15px;}
    .listtype-other > li > span.num {margin-left: -15px;}
    .policy {line-height: 22px; font-size: 14px;}
    .policy .box {margin: 10px 0 30px; padding: 20px 25px; font-size: 15px;}
    .policy h4 {margin: 30px 0 10px; font-size: 20px;}
    .policy h5 {margin: 30px 0 10px; font-size: 16px;}

    /*영상정보처리기기운영방침*/
    article.rule h4 {font-size: 16px; margin: 35px 0 10px;}
    article.rule h5 {font-size: 14px; margin: 20px 0 10px;}
    article.rule p {line-height: 19px; font-size: 13px;}
    article.rule li {line-height: 19px;}
    article.rule ol > li {padding-left: 15px; text-indent: -15px;}
    article.rule .rule_box {padding: 20px 0 0; line-height: 18px; font-size: 12px;}
    article.rule .rule_link {margin-top: 25px;}
    article.rule .rule_link a {padding: 10px 15px; font-size: 14px; border-radius: 10px;}

    /*ai말벗신청*/
    .ai_agree .check_box {margin-top: 10px; text-align: right; width: 100%;}
    .ai_agree .check_box li {flex-wrap: wrap; gap: 10px; justify-content: right; width: 100%;}
    .ai_agree .check_box li p {width: 100%;}
    .ai_agree > .txt {margin: 40px 0; text-align: left; font-size: 14px;}

    /*ai노인말벗소개*/
    .text_dot.mt0 {margin-top: 10px !important;}
    .text_img2 img {max-width: none; width: 100%;}
    .al_box1 {padding: 155px 10px 10px; border-radius: 10px 10px 0 0; background: #eff7ff url('../../images/hmpg/img_ai1.png') no-repeat center 25px / auto 130px;}
    .al_box1 .wrap {padding: 20px; text-align: center; border-radius: 10px 10px 0 0;}
    .al_box1 .wrap .txt1 {font-size: 20px;}
    .al_box1 .wrap .txt2 {margin: 15px 0; line-height: 20px; font-size: 15px; word-break: keep-all;}
    .al_box1 .wrap .txt3 {line-height: 20px; font-size: 15px; word-break: keep-all;}
    .al_box2 {margin-top: 35px; padding: 30px 20px 20px; border-radius: 10px; border: 3px solid #cdf2f6;}
    .al_box2 .tit {top: -20px; left: 20px; width: 153px; height: 38px; line-height: 38px; font-size: 18px; border-radius: 5px;}
    .al_box2 .list_check li {margin-bottom: 5px; line-height: 20px; font-size: 15px;}
    .al_box2 .list_check li:last-child {margin-bottom: 0;}
    .ai_qna .tit {padding: 25px 0; font-size: 21px; border-radius: 10px 10px 0 0;}
    .ai_qna .tit img {margin-right: 10px; width: auto; height: 43px;}
    .ai_qna .ai_qna_list {padding: 35px 20px; border-radius: 0 0 10px 10px;}
    .ai_qna .ai_qna_list li {margin-bottom: 25px;}
    .ai_qna .ai_qna_list li .q {margin-bottom: 15px; padding: 20px 40px 20px 20px; border-radius: 10px;}
    .ai_qna .ai_qna_list li .q::after {top: calc(50% - 4px); right: 20px; width: 15px; height: 8px; background-size: 100% auto;}
    .ai_qna .ai_qna_list li .q span {padding-left: 35px; line-height: 26px; font-size: 17px; background-size: 26px auto;}
    .ai_qna .ai_qna_list li .a {margin-left: 25px; padding: 22px; border-radius: 10px;}
    .ai_qna .ai_qna_list li .a::after {display: none !important;}
    .ai_qna .ai_qna_list li .a::before {top: 60px; left: -20px; width: 20px; height: 21px; background-size: 100% auto;}
    .ai_qna .ai_qna_list li .a p {padding: 35px 0 0; line-height: 20px; font-size: 15px; background: url('../../images/hmpg/icon_ai_a.png') no-repeat 0 0 / 26px auto;}

}
@media screen and (max-width:750px) {
    /*만족도조사*/
    .satisfaction_box dl dd .radio_box {gap: 20px;}
    .satisfaction_box dl dd .radio_box > li {margin-right: 0; width: calc(33.3333333333% - 13.33333333333333px);}

    /*개인정보처리방침*/
    .policy .tablebasic {overflow-x: auto;}
    .policy .tablebasic table {width: 900px;}

    /*ai노인말벗소개*/
    .text_img2 {overflow-x: auto; width: 100%;}
    .text_img2 img {width: auto; height: 210px;}
}
@media screen and (max-width:550px) {
    /*만족도조사*/
    .satisfaction_box dl dd .radio_box > li {width: calc(50% - 10px);}
}
@media not all and (-webkit-min-device-pixel-ratio: 0) {
    body {
		margin-bottom: env(safe-area-inset-bottom);
	}
}