@charset "UTF-8";
/*******
PYH CSS RESET
반응형을 위한 css입니다.

*******/

@media screen and (min-width: 1025px){
 #mSearch:hover:after ,#mSearch:focus:after {left: 0;right: 0;width: 100%;}
}




@media screen and (max-width:760px) {
	.quick_link ul li span {font-size: 2.4vmin;}
	.quick_link ul li span.imgbox {height: 9vmin;}
	.quick_link ul li img {max-height: 100%;}
	.my_page .info_tit span {font-size: 17px;}
	.m_menu_box nav > ul li a {font-size: 17px;padding: 15px;}
	.m_menu_box nav > ul li.on > a:after {bottom: 15px;left: 15px;right: 15px;}
	.my_page .row {padding: 10px;}
	.m_menu_box nav > ul li > ul li a {font-size: 14px;}
	.my_page .row img {max-height: 28px;}
	.my_page .row > div span {font-size: 13px;}
}
@media screen and (max-width:639px) {
	.m_ver1 #footer {padding: 5px 0;line-height: 15px;}
	.m_ver1 #footer .copy {margin-top: 0;}
	.m_ver1 .main-box .menu_slider li {padding: 135px 40px 57px;}
	.m_ver1 .m_bottom {bottom: 57px;padding-bottom: 12vmin;}
	.note_info .note_tit {height: 12vmin;line-height: 12vmin;}
	.ma1_box { overflow: hidden;  width: 100%; }
	/*menu*/
	.m_menu {width:100%;}
	.m_menu .nav-top {padding:20px;}
	.m_menu .nav-top .btn-x {right:20px;}
	.board .List p { width:63% !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:0.875em; color:#333;}
	/*#header {padding: 5px 10px;}*/
	.quick_link ul li span {font-size: 15px;margin-top: 8px;}
	.main_contents .banner_set li .banner_tit {font-size: 20px;}
	.main_contents .banner_set li .banner_tit span {font-size: 14px;margin-top: 5px;}
	.banner_set li .iconbox {height: 80px;padding: 20px 0;}
	.m_ver2 .main_contents .banner_set li {height: 155px;}
	.m_ver2 .use_con {margin-top: 50px;margin-bottom: 45px;}
	.m_ver2 .main-notice .main-title {font-size: 22px;margin-bottom: 15px;}
	.m_ver2 .notice-list li .notice_date {font-size: 22px;}
	.m_ver2 .notice-list li .notice_date span {font-size: 18px;}
	.m_ver2 .notice-list li .notice_tit {font-size: 18px;}
	.m_ver2 .notice-list li .notice_more {right: 0;top: 35px;}
	.m_ver2 .notice-list li {padding: 20px 50px 20px 0;}
	.m_ver2 .notice_box .moreBtn a {font-size: 18px;padding: 15px 0;}
	.m_ver2 .notice_box .moreBtn a img {vertical-align: top;margin-top: 4px;height: 18px;}
	.m_ver2 .notice-list li .notice_more img {height: 29px;}
	.m_ver2 .main-notice {padding-bottom: 45px;}
	.schedule .plan-table tr th {font-size: 15px;padding: 10px 0;}
	.schedule .plan-table tr td {font-size: 15px;}

	.m_ver4 .main_contents .banner_set li .banner_tit {font-size:20px;}
	.m_ver4 .main-notice .main-title {font-size:18px;}
}
@media screen and (max-width:570px) {
	.top-left a img {height: 40px;}
	.top-right a img {height: 40px;}
	#header {height: 50px;padding: 0 10px;}
	.m_ver1 .m_bottom .quick_link {padding: 0 5px;}
	.m_ver1 .m_bottom .quick_link ul li {padding: 0 3px;}
	.logo {height: 50px;}
	.logo img {max-height: 25px;}
	.hamburger {top: 5px;}
	.logo {padding-top: 13px;padding-bottom: 13px;}
	.hamburger span:nth-child(1) {width: 32px;}
	.hamburger span:nth-child(2) {width: 25px;}
	.hamburger span:nth-child(3) {width: 32px;}
	.hamburger span {height: 2px;}
	.hamburger {padding: 10px 12px;height: auto;}
	.nav-top {padding: 20px;}
	.nav-top .logout_btn img {max-height: 25px;}
	.nav-top .btn-x.hamburger img {max-height: 20px;}
	.nav-top .nav-tit {top: 20px;}
	.nav-top .btn-x {margin-top: 3px;}
	.nav-top .nav-tit img {max-height: 20px;}
	.m_menu_box nav > ul li > ul li a {padding: 10px 15px;}
	.submenu-wrap {height: 40px;}
	.submenu li a {height: 40px;line-height: 40px;font-size: 13px;}
	.sub_inner {font-size: 12px;padding: 10px;}
	.modi_list li {width: 100%;}
	.m_ver3 .menu_slider li {height: 50vmin !important;background-size: 100% !important;}

}
@media screen and (max-width:520px) {
	.submenu {padding-left: 5px;}
	.logo {padding-left: 10px;}
	.hamburger {right: 20px;}
	.search-bar .txt {width: 79% !important;}
	.search-bar span.detail {font-size: 11px !important;}
	#frm2 .modify-infos li .tit ,#frm2 .modify-infos .desc ,#frm2 .modify-info.layer .modify-infos .full ,#frm2 .modify-info.layer .modify-infos input[type=text] , #frm2 .modify-info.layer .modify-infos select {font-size: 11px !important;}
	#frm2 .modify-infos .desc {padding:10px 3% 10px 33% !important;}
	#frm2 .modify-infos li .tit {width: 31% !important;}
	#frm2 .modify-infos .desc select#email_domain {width: 100%; margin-top: 5px;}
	#frm2 .modify-infos .full {width: 98% !important;}
	#frm2 .modify-infos .desc input.small,.modify-info.layer .modify-infos select[name="mphone1"]{width: 29% !important;}
	.quick_link ul li span.imgbox {height: 7vmin;}
	.quick_link ul li span {font-size: 13px;}
	.m_menu_box {/*width: 90%;*/width: 70%;}
	.use_btn .pagerBtn {width: 30px;height: 30px;line-height: 30px;margin: 0 4px;}
	.use_btn .pagerBtn a {font-size: 17px;}
	.use_btn span {padding: 0 10px;}
	.use_btn span img {max-height: 20px;}
	.gallery_tit {font-size: 16px;}
	.gallery_tit span {font-size: 14px;}
	.gallery_tit span img {margin-top: 0;}
	.sub-con {padding: 0 15px 15px;}
	.sub_select {padding-top: 15px;}
	.schedule .plan {margin-top: 15px;}
	.schedule_box {padding: 25px 0 0;}
	.schedule .plan-table tr th {padding: 10px 0;font-size: 16px;}
	.schedule .plan-table tr td {font-size: 16px;}
	.schedule .plan_date {padding-bottom: 10px;}
	.schedule .plan-content {margin: 20px 0;}
	.schedule .plan-content .plan_date .month, .plan_date,.schedule .plan-content .plan_date .day {font-size: 16px;}
	.schedule .plan-content .tit a {font-size: 16px;}
	.schedule .plan_text {font-size: 13px;}
	.schedule .plan-content .plan_text {padding: 15px;}
	.plan-month span {font-size: 20px;line-height: 20px;vertical-align: middle;top: 0;}
	.schedule  .plan-month a {vertical-align: middle;}
	.schedule .plan-table tr td a span {width: 3px;height: 3px;top: -91px;}
	.sub-con h3 {font-size: 15px;padding: 15px 0;}
	.member_wrap,.member_search {padding: 15px;}
	/*.member_box {padding: 15px 0;margin: 35px 0;}*/
	#mSearch {height: 40px;}
	#mSearch input {font-size: 16px;}
	#mSearch .search {background-size: 18px;}
	.select_box.select_3 .select_bar {height: 35px;padding: 5px 5px 7px;}
	.select_box .select_bar select {font-size: 13px;}
	.member_name {font-size: 16px;}
	.member_name .m_gisu {font-size: 14px;}
	.m_info1 span {font-size: 12px;margin-left: 5px;padding-left: 5px;}
	.m_info1 span:after {top: 3px;height: 12px;}
	/*.member_quick {height: 35px;}*/
	.member_quick ul li a {font-size: 12px;}
	/*.member_quick ul li {line-height: 35px;padding: 0 5px;}*/
	/*.member_quick ul li:after {top: 10px;}*/
	/*.member_quick ul {padding: 0 10px;}*/
	/*.member_quick {width: 80%;}*/
	.member_info {padding-left: 10px;padding-right: 20px;}
	.member_con .info_list {margin-bottom: 10px;}
	.member_map {height: 120px;}
	.member_con .info_list li span {font-size: 12px;}
	.member_con .info_list li {font-size: 12px;padding-left: 60px;line-height: 22px;}
	.member_quick ul li a img {margin-right: 5px;}
	.sub_select select {height: 30px;font-size: 13px;}
	.member_default {padding: 0 15px;}
	.member_modi .modi_tit a {font-size: 12px;}
	.member_more {right: 15px;}
}
@media screen and (max-width:490px) {
	.m_ver2 .menu_slider, .m_ver2 .main-box, .m_ver2 .menu_slider li {height: 70vmin;}
	.m_ver2 .menu_slider li {padding-top: 24vmin;}
	.m_ver2 .menu_slider li .textimg img {max-height: 18vmin;}
	.m_ver1 .main-box .menu_slider li {padding: 135px 20px 57px;}
	.m_ver2 .menu_slider li .textimg {padding-left: 15px;}
	.m_ver2 .main_contents {padding: 0 15px;}
	.menu {right: -20px;}
	.main_contents .banner_set li .banner_tit,.m_ver2 .main-notice .main-title,.m_ver2 .notice-list li .notice_date {font-size: 15px;}
	.main_contents .banner_set li .banner_tit span {font-size: 11px;}
	.m_ver2 .main_contents .banner_set li {height: 130px;}
	.banner_set li .iconbox {height: 70px;}
	.banner_set li .iconbox img {max-height: 30px;}
	.m_ver2 .use_con {margin-top: 35px;margin-bottom: 30px;}
	.m_ver2 .notice-list li .notice_date span {font-size: 16px;}
	.m_ver2 .notice-list li .notice_tit {font-size: 14px;}
	.m_ver2 .main-notice .notice-list {padding: 0 15px;}
	.m_ver2 .notice-list li {padding: 15px 35px 15px 0;}
	.m_ver2 .notice-list li .notice_more {top: 28px;}
	.m_ver2 .notice-list li .notice_more img {height: 25px;}
	.m_ver2 .notice_box .moreBtn a {font-size: 14px;}
	.m_ver2 .notice_box .moreBtn a img {height: 15px;margin-top: 2px;}
	.m_ver1 .main-box .menu_slider li img {max-height: 180px;height: 37vmin;}
	.member_box {margin: 10px 0 10px;}

	.m_ver4 .main_contents {padding: 0 15px;}
	.m_ver4 .main_contents .banner_set li .banner_tit {font-size:15px;}
	.m_ver4 .menu_slider, .m_ver4 .main-box, .m_ver4 .menu_slider li {height: 100vmin;}
	.m_ver4 .banner_set li .iconbox img {max-height: 100%;max-width:50%;}
	.m_ver4 .main-notice {padding:15px;}
	.m_ver4 .main-notice .btn-notice {top:0}
	.m_ver4 .main-notice .main-title {font-size:16px;}
}
@media screen and (max-width:425px) {
	#frm2 .modify-infos .desc input.small {width: 30%;}
	#frm2 .modify-infos .modify-t {width: 3.5% !important; }
	.modify-info.layer .modify-infos select[name="mphone1"] {width: 30%;}
	.modify-info.layer .modify-infos select[name="email_domain"] {width: 100% !important; margin-top: 5px;}
	.modify-info.layer .modify-infos input[name="email_id"] {width: 48% !important;}
	.btnArea img {height:auto !important;width: 22%;}
	.modify-info.layer .modify-infos input[name="email_name"] {width: 47% !important;}
	.quick_link ul li span {font-size: 12px;}
	.schedule .plan-table tr td,.schedule .plan-table tr th {font-size: 13px;}
}
@media screen and (max-width:409px) {
	.sub-listbox li a {font-size:11px;}
	.row-inner .member-btn a:last-child {margin-right:0;}
	.row-inner .member-btn a:before {margin:0 auto;background-size:35px !important;width:40px;}
	.member-btn a.member-btn2 {margin-right: 0;}
	.search-bar span.search {width: 18% !important;}
	.modify-info.layer .modify-infos select[name="email_domain"] {width: 98% !important;}
	#frm2 .modify-infos .modify-t {font-size: 10px !important;}
	.modify-info.layer .modify-infos input[name="email_id"] {width: 47% !important;}
	.modify-info.layer .modify-infos input[name="email_name"] {width: 46% !important;}
	.my_page .row > div span {font-size: 12px;margin-top: 10px;}
	.my_page .info_tit span {font-size: 14px;}
	.m_menu_box nav > ul li a,.m_menu_box nav > ul li > ul li a {font-size: 14px;}
	.m_menu_box nav > ul li > ul li a {padding: 5px 15px;}
}

@media screen and (max-width:390px) {
	.footer_r {margin-top:0;}
	.top-left a img {height: 35px;}
	.top-right a img {height: 35px;}
	.member-list .row-inner .desc {font-size: 12px;}
	.member-list .desc .note-tit ,.member-list .desc .numt {font-size: 13px !important;}
	.member-list .row-inner .tit {font-size: 13px;}
	.m_menu .nav-top .nav-tit {font-size: 15px;}
	.m_menu .nav-top {padding: 20px 15px;}
	.m_menu .nav-top .btn-x {right: 15px; top: 17px;}
	.search-bar .txt {width: 76% !important;}
	.search-bar span.detail {width: 22% !important;}
	.modify-info.layer .modify-infos input[type=button] {font-size: 10px !important;}
	/*.quick_link ul li span {font-size: 13px;}*/
	.logout_btn img {max-width: 30px;}
	.btn-x.hamburger {max-width: 25px;}
	.nav-top .nav-tit {width: 90px;}
	.use_btn {padding: 0 10px;}
	.use_btn span {padding: 0 5px;}
	.use_btn .pagerBtn {width: 25px;height: 25px;line-height: 25px;}
	.main_contents .banner_set li .banner_tit, .m_ver2 .main-notice .main-title, .m_ver2 .notice-list li .notice_date {font-size: 15px;}
	.main_contents .banner_set li .banner_tit span {font-size: 12px;}
	.banner_set li .iconbox {height: 65px;padding: 15px 0;}
	.m_ver2 .main_contents .banner_set li {height: 125px;}
	.m_ver2 .notice-list li .notice_tit {font-size: 12px;}
	.m_ver2 .notice-list li .notice_date span {font-size: 13px;}
	.m_ver2 .menu_slider, .m_ver2 .main-box, .m_ver2 .menu_slider li {height: 73vmin;}
	.m_ver2 .menu_slider li {padding-top: 27vmin;}
	.m_ver2 .menu_slider li .textimg img {max-height: 16vmin;}
	.modi_list li ,.modi_list li .modi_name {font-size: 12px;}
	.modi_list li {padding-left: 70px;}
	.m_info1 span {display: block;margin-left: 0;padding-left: 0;}
	.m_info1 span:after {display: none;}
	.modi_list li, .modi_list li .modi_name {font-size: 10px;}
	.member_name {font-size: 14px;}
	.member_modi .modi_tit a {font-size: 11px;}
	.member_con .info_list li, .member_box .info_list li {font-size: 10px;}
	.member_modi .btn_set span a {font-size: 12px;}

	.m_ver4 .menu_slider li {padding-top: 27vmin;}
	.m_ver4 .menu_slider li .textimg img {max-width:70%}
}
@media screen and (max-width:350px) {
	.member_quick ul li a {font-size: 10px;}
}
@media screen and (max-width:330px) {
	.member-list .row-inner .img {width: 25%;}
	.member-list .row-inner .info {width: 70%;}
	.row-inner .member-btn {overflow: hidden; width: 80%; text-align: right; float: right; padding-top: 10px;}
	.row-inner .member-btn a {width: auto;}
	.row-inner .member-btn a:before {background-size: 100% 100% !important; width: 40px;}
	.member-btn a {margin-right: 2% !important;}
	.m_menu .nav-top .nav-tit {font-size: 15px;}
	.main_contents .banner_set li .banner_tit, .m_ver2 .main-notice .main-title, .m_ver2 .notice-list li .notice_date {font-size: 15px;}
	.main_contents .banner_set li .banner_tit span {font-size: 11px;}
}