@media (min-width:1025px) {
	.mypage_header .header_wrap .utill_wrap { background: #fff;}
	.mypage_header .header_wrap .utill_wrap .inner { position:relative; top:15px; padding: 4px 25px;}
	.mypage_header .header_wrap .utill_wrap span {margin-right: 10px; font-size: 15px;}
	.mypage_header .header_wrap .utill_wrap span strong {font-weight: 400;}
	.mypage_header .header_wrap .utill_wrap .btn {width: auto; height: auto; padding: 2px 10px; line-height: normal; border-radius: 5px;}
	.mypage_header .header_wrap .utill_wrap .count {display:inline-block; width:30px; height:15px; margin-left:-10px; color:#fff; line-height:15px; background:#ee1543; border-radius:5px; text-align:center;}

	.mypage_header .header_wrap .gnb_wrap {border-bottom: 1px solid #ccc;}
	.mypage_header .header_wrap .gnb_wrap .inner {padding: 0 25px;}
	.mypage_header .header_wrap .gnb_wrap .logo { position:absolute; top:5px; display: block; width: 78px; height: 104px; text-indent: -9999px; background: url('../../images/user/site_logo_2021.png') center center no-repeat;}
	.mypage_header .header_wrap .gnb_wrap .gnb .mobile_gnb_util { display: none; }
	.mypage_header .header_wrap .gnb_wrap .gnb {width: calc(100% - 90px); font-size: 0; text-align: right;}
	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 > li {display: inline-block; vertical-align: top; padding: 0 20px; letter-spacing:-0.5px; }
	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 > li:first-child { padding-left: 0; }
	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 > li:last-child { padding-right: 0; }
	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 > li > a {display: block; height: 78px; line-height: 78px; font-size: 17px; font-weight: 400;}
	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 > li:last-child > a {padding-right: 0;}
	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 > li:hover > a,
	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 > li.active > a {color: #008dd2;}

	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 > li:hover .depth2 { display: block; }
	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 > li .depth2 { display: none; position: absolute; top: 113px; left: 0; right: 0; width: 100%; background: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; z-index: 1; }
	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 > li .depth2 ul { width: 1020px; margin: 0 auto; padding: 0 25px; }
	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 > li .depth2 ul > li { display: inline-block; padding: 13px 0 13px 20px; vertical-align: top; letter-spacing: -0.5px; }
	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 > li .depth2 ul > li > a { display: block; line-height: 20px; font-size: 15px; font-weight: 400; border-bottom: 1px solid #fff; }
	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 > li .depth2 ul > li > a:hover,
	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 > li .depth2 ul > li > a.active { color: #008dd2; }

	.mypage_header .header_wrap .gnb_wrap .cs_gnb {width: calc(100% - 162px); font-size: 0; text-align: left;}
	.mypage_header .header_wrap .gnb_wrap .cs_gnb > ul > li {display: inline-block; vertical-align: top; padding: 0 20px; letter-spacing:-0.5px; }
	.mypage_header .header_wrap .gnb_wrap .cs_gnb > ul > li:first-child { padding-left: 0; }
	.mypage_header .header_wrap .gnb_wrap .cs_gnb > ul > li:last-child { padding-right: 0; }
	.mypage_header .header_wrap .gnb_wrap .cs_gnb > ul > li > a {display: block; height: 78px; line-height: 78px; font-size: 17px; font-weight: 400;}
	.mypage_header .header_wrap .gnb_wrap .cs_gnb > ul > li:last-child > a {padding-right: 0;}
	.mypage_header .header_wrap .gnb_wrap .cs_gnb > ul > li:hover > a,
	.mypage_header .header_wrap .gnb_wrap .cs_gnb > ul > li.active > a {color: #008dd2;}
	.mypage_header .header_wrap .gnb_wrap .mobile_gnb_open { display: none; }
	.mypage_header .header_wrap .gnb_wrap .mobile_gnb_close { display: none; }
}

@media (max-width:1024px) {
	html { min-width: auto; }
	.contents { min-width: auto; }
	.inner { width: 100%; }
	.cont { padding: 0 15px 50px; }
	#container { padding-top: 65px; }

	/* header */
	.mypage_header { position: fixed; left: 0; right: 0; top: 0; z-index: 2022; background: #fff; border-bottom:1px solid #eee; height: 65px; }
	.mypage_header .header_wrap {  }
	.mypage_header .header_wrap .utill_wrap { display: none; }
	.mypage_header .header_wrap .utill_wrap .inner {  }
	.mypage_header .header_wrap .utill_wrap span {  }
	.mypage_header .header_wrap .utill_wrap span strong {  }
	.mypage_header .header_wrap .utill_wrap .btn {  }
	.mypage_header .header_wrap .utill_wrap .count {  }

	.mypage_header .header_wrap .gnb_wrap {  }
	.mypage_header .header_wrap .gnb_wrap .inner {  }
	.mypage_header .header_wrap .gnb_wrap .inner:after { display: none; }
	.mypage_header .header_wrap .gnb_wrap .logo { position:absolute; top:50%; margin-top: -20px; left: 15px; display: block; width: 33px; height: 40px; text-indent: -9999px; background: url('../../images/user/site_logo_2021.png') no-repeat center / contain; float: none !important; }
	.mypage_header .header_wrap .gnb_wrap .gnb { display: none; flex-direction: column; position: fixed; right: 0; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 2023; float: none !important; overflow: auto; }
	.mypage_header .header_wrap .gnb_wrap .gnb.active { display: flex; }
	.mypage_header .header_wrap .gnb_wrap .gnb .mobile_gnb_util { flex:0 0 auto; background-color: #008dd2; padding: 15px; color: #fff; }
	.mypage_header .header_wrap .gnb_wrap .gnb .mobile_gnb_util .user_name { border-bottom:1px solid rgba(255,255,255,0.5); padding: 10px 0 15px 0; font-size: 14px; font-weight: 500; margin-bottom: 15px; }
	.mypage_header .header_wrap .gnb_wrap .gnb .mobile_gnb_util .util_list { display: flex; }
	.mypage_header .header_wrap .gnb_wrap .gnb .mobile_gnb_util .util_list > li { width: 50%; text-align: center; }
	.mypage_header .header_wrap .gnb_wrap .gnb .mobile_gnb_util .util_list > li > a { color: #fff; display: block; font-size: 12px; }
	.mypage_header .header_wrap .gnb_wrap .gnb .mobile_gnb_util .util_list > li > a:before { content:""; display: block; width: 17px; height: 17px; background-repeat: no-repeat; background-position: center; margin: 0 auto; margin-bottom: 5px; }
	.mypage_header .header_wrap .gnb_wrap .gnb .mobile_gnb_util .util_list > li.logout > a:before { background-image: url(/images/common/icon_logout.png); }
	.mypage_header .header_wrap .gnb_wrap .gnb .mobile_gnb_util .util_list > li.mypage > a:before { background-image: url(/images/common/icon_mypage.png); }
	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 { flex:1 1 auto; overflow: auto; }
	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 > li { border-bottom:1px solid #ddd; }
	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 > li:first-child {  }
	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 > li:last-child {  }
	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 > li > a { display: block; font-size: 16px; font-weight: bold; color: #222; padding: 12px 15px; }
	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 > li:last-child > a {  }
	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 > li:hover > a,
	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 > li.active > a {  }

	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 > li:hover .depth2 {  }
	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 > li .depth2 { di splay: none; background: #f4f9fb; border-top:1px solid #ddd; padding: 5px 0; }
	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 > li .depth2 ul {  }
	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 > li .depth2 ul > li {  }
	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 > li .depth2 ul > li > a { display: block; padding: 5px 15px; font-size: 14px; color: #444; }
	.mypage_header .header_wrap .gnb_wrap .gnb .depth1 > li .depth2 ul > li > a.active { color: #008dd2; font-weight: 500; }

	.mypage_header .header_wrap .gnb_wrap .cs_gnb {  }
	.mypage_header .header_wrap .gnb_wrap .cs_gnb > ul > li {  }
	.mypage_header .header_wrap .gnb_wrap .cs_gnb > ul > li:first-child {  }
	.mypage_header .header_wrap .gnb_wrap .cs_gnb > ul > li:last-child {  }
	.mypage_header .header_wrap .gnb_wrap .cs_gnb > ul > li > a {  }
	.mypage_header .header_wrap .gnb_wrap .cs_gnb > ul > li:last-child > a {  }
	.mypage_header .header_wrap .gnb_wrap .cs_gnb > ul > li:hover > a,
	.mypage_header .header_wrap .gnb_wrap .cs_gnb > ul > li.active > a {  }
	.mypage_header .header_wrap .gnb_wrap .mobile_gnb_open { display: block; width: 30px; height: 30px; position: absolute; right: 10px; top: 50%; margin-top: -13px; background: url(/images/common/icon_mo_menu.png) no-repeat center; white-space:nowrap; overflow: hidden; text-indent: 100%; }
	.mypage_header .header_wrap .gnb_wrap .mobile_gnb_close { display: block; width: 30px; height: 30px; position: absolute; right: 10px; top: 20px; background: url(/images/common/icon_close.png) no-repeat center; white-space:nowrap; overflow: hidden; text-indent: 100%; }

	/* ³»Á¤º¸¼öÁ¤ */
	.form_write2 table { table-layout: auto; }
	.form_write2 table colgroup { display: none; }
	.form_write2 table colgroup col:first-child { width: 110px !important; }
	.form_write2 table th,
	.form_write2 table td { height: 40px; font-size: 14px; padding: 5px 10px; }
	.form_write2 table th { white-space:nowrap; }
	.form_write2 table td input[type='text'] { width: 100% !important; }
	.form_write2 table td input[type='password'] { width: 100% !important; }
	.form_write2 .btn { width: 100% !important; height: 40px; display: block; }

	/* À̹ø´Þ ÁÖ¹® ³»¿ª ÇöȲ */
	#mypage .page_order_list .order_list_tab > li > a { height: 50px; font-size: 15px; }
	#mypage .page_order_list .order_list > .list { padding: 15px; }
	#mypage .page_order_list .order_list > .list:before { top: auto; left: 0; width: auto; height: 1px; }
	#mypage .page_order_list .order_list > .list1 { width: 100%; }
	#mypage .page_order_list .order_list > .list2 { width: 100%; }
	#mypage .page_order_list .order_list > .list3 { width: 100%; }
	#mypage .page_order_list .order_list > .list1 .item_list { width: 100%; padding: 0; margin-bottom: 10px; }
	#mypage .page_order_list .order_list > .list1 .item_list:last-child { margin-bottom: 0; }
	#mypage .page_order_list .order_list .item_cate { width: 35px; height: 35px; font-size: 14px; }
	#mypage .page_order_list .order_list .item_cate img { width: 18px; }
	#mypage .page_order_list .order_list .item_cont { font-size: 15px; }
	#mypage .page_order_list .order_list_cont { padding: 0 15px; }

	/* ÅÇ */
	.st_tab1 { width: calc(100% + 10px); margin: -5px -5px; }
	.st_tab1 > li { width: 50%; padding: 5px 5px; }
	.st_tab1 > li > a { height: 45px; padding: 10px 15px; font-size: 15px; }

	/* footer */
	.footer { padding: 15px 0; font-size: 14px; }
	.footer .footer_info { flex-direction: column-reverse; align-items: stretch; padding: 0 15px; }
	.footer .footer_info .copyright { margin-top: 10px; text-align: center; }
	.footer .footer_info .family_site select { width: 100% !important; }

	/* À̹ø´Þ ÁÖ¹® ³»¿ª ÇöȲ - ÁÖ¹®º° ±Ý¾× */
	#mypage .page_order_list .order_sheet { padding: 15px 0; }
	#mypage .page_order_list .order_sheet_info { position: static; margin-bottom: 10px; }
	#mypage .page_order_list .order_sheet_info .info_date {  }
	#mypage .page_order_list .order_sheet_info .info_date dt {  }
	#mypage .page_order_list .order_sheet_info .info_date dd {  }
	#mypage .page_order_list .order_sheet_info .info_date dd > * {  }
	#mypage .page_order_list .order_sheet_info .datepicker { width: 100%; }
	#mypage .page_order_list .order_sheet_table1 { width: 100%; }
	#mypage .page_order_list .order_sheet_table1 colgroup col:nth-child(1) { width: 110px !important; }
	#mypage .page_order_list .order_sheet_table1 .st_table th {  }
	#mypage .page_order_list .order_sheet_table2 {  }
	#mypage .page_order_list .order_sheet_table2 .st_table {  }
	#mypage .page_order_list .order_sheet_table2 .st_table .table { display: block; }
	#mypage .page_order_list .order_sheet_table2 .st_table colgroup { display: none; }
	#mypage .page_order_list .order_sheet_table2 .st_table thead { display: none; }
	#mypage .page_order_list .order_sheet_table2 .st_table tbody { display: block; }
	#mypage .page_order_list .order_sheet_table2 .st_table tr { display: block; border:1px solid #ddd; margin-bottom: 5px; padding: 10px; }
	#mypage .page_order_list .order_sheet_table2 .st_table tr:last-child { margin-bottom: 0; }
	#mypage .page_order_list .order_sheet_table2 .st_table th,
	#mypage .page_order_list .order_sheet_table2 .st_table td { display: block; border:none; }
	#mypage .page_order_list .order_sheet_table2 .st_table th {  }
	#mypage .page_order_list .order_sheet_table2 .st_table td { text-align: right !important; display: flex; justify-content: space-between; padding: 5px; border-bottom: 1px dotted #ddd; }
	#mypage .page_order_list .order_sheet_table2 .st_table td:last-child { border-bottom:none; }
	#mypage .page_order_list .order_sheet_table2 .st_table td:before {  font-weight: bold; margin-right: 10px; content: attr(data-mo_label); width: 100px; flex: 0 0 auto; text-align: left; } 
}

@media (max-width:767px) {
	.st_tab1 > li > a { font-size: 14px; padding: 10px; }
	#mypage .mo_select { flex-direction: column; align-items: stretch; }
	#mypage .mo_select .mo_select_form { flex-direction: column; align-items: stretch; }
	#mypage .mo_select .mo_select_form_item { margin-bottom: 10px; }
	#mypage .mo_select .mo_select_btn { width: 150px; }
	#mypage .mo_select .mo_select_btn .btn { margin-left: 0 !important; }
	#mypage .report_result_wrap .bill_wrap { padding: 15px 20px; }
	#mypage .report_result_wrap .board_list table th, #mypage .report_result_wrap .board_list table td { height: 35px; }
	#mypage .scroll_guide {  }
	#mypage .scroll_guide span {  }
}