@media all and (max-width: 768px) {
	.logo_area h1 img {
		max-width: 150px;
	}
	.header_inner {
		width: 100%;
		position:absolute;
		top:0;
	}
	.header_box .inner {
		width: 100%;
	}
	.logo_area {
		width: 50%;
	    left: calc(50% - 25%);
	    height: 60px;
	}
	.logo_area span {
		display: none;
	}
	.header_right_Menu {
		display: none;
	}
	.gnb_opener {
		display: none;
	}
	.header_inner h1 a {
		left: calc(50% - 75px);
		top: 21px;
	}
	.header_box {
		display:none;
		height: 60px;
		line-height: 60px;
	}

	.head_top {
		display: block;
		width: 100%;
		height: 60px;
		box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	}
	.swiper-button-prev, .swiper-button-next{
		top:60% !important;
	}
	.head_top .m_top_ico {
		height: 20px !important;
	}
	.head_top .allmenu {
		position: absolute;
		top: 19px;
		left: 19px;
		font-size: 1.9em;
	}
	.head_top .mp {
		position: absolute;
		top: 18px;
		right: 15px; /*z-index:2;*/
	}
	.head_top .mp a {
		display: block;
		width: 24px;
		height: 32px;
		background: url(../image/common/top_my.png) 0 0 no-repeat;
		background-size: 18px
	}
	.head_top .mp.on a {
		background: url(../image/common/top_my_on.png) 0 0 no-repeat;
		background-size: 18px
	}

	#gnb_c .gnb_wrap{
		display: none;
	}
	
	.hotel_search_area{
		position:fixed;
		top:0;
		left:0;
		background: rgba(0,0,0,0.5);
		height:100%;
		padding-top: 100px;
	}
	.hotel_search_area .for_mobile_bg {
		width:95%;
		background:#fff;
		margin: 0 auto;
		border-radius:8px;
		position:relative;
	}
	
	.hotel_search_area .for_mobile_bg .tabs_menu {
		width: 90%;
		margin: 0 auto;
		padding-top:15px;
	}
	
	.hotel_search_area .search_box {
		background: #fff;
	    width: 90%;
	    border-radius: 7px;
	    margin-top: 0;
	}
	
	.hotel_search_area.only_hotel .search_box .tit_for_mobile {
		display:block;
		margin-bottom:8px;
		
	}
	
	.hotel_search_area.only_hotel .search_box .tit_for_mobile:after {
		display:block;
		width:100%;
		content:"";
		clear:both;
	}
	.hotel_search_area.only_hotel .search_box .tit_for_mobile h3 {
		float: left;
    	margin-left: 5%;
    	color:#111;
    	border-bottom: 3px solid #df4e4e;
	}
	.hotel_search_area.only_hotel .search_box .tit_for_mobile .for_mobile_close {
		float:right;
		margin-right: 5%;
		margin-top:5px;
	}
	
	.hotel_search_area ul#hotel_search li.search_confirm {
		width:100%;
		max-width:100%;
	}
	
	.hotel_search_area ul#hotel_search li.area_form,
	.hotel_search_area ul#hotel_search li,
	.hotel_search_area ul#hotel_search li.search_confirm,
	.hotel_search_area ul#tour_search li.area_form,
	.hotel_search_area ul#tour_search li, 
	.hotel_search_area ul#tour_search li.search_confirm {
		float:none;
		width:100%;

	}
	
	.hotel_search_area ul#hotel_search li select,
	.hotel_search_area ul#hotel_search li input,
	.hotel_search_area ul#hotel_search li input[name="hotel_name"],
	.hotel_search_area ul#hotel_search li input.search_cal[name="checkIn"],
	.hotel_search_area ul#tour_search li input.tour_name,
	.hotel_search_area ul#tour_search li input.search_cal[name="departDay"],
	.hotel_search_area ul#tour_search li input.search_cal[name="departDate"],
	
	 {
		float:none;
		width: 100% !important;
		margin: 5px 0;

	}
	
	.hotel_search_area ul#hotel_search li select {
		margin: 0 0 5px;
	}
	
	.hotel_search_area ul#hotel_search li input {
		margin: 5px 0;
	}
	
	.hotel_search_area li.area_form .location_wrap {
		width:calc(100% - 52px);
	}
	
	.hotel_search_area ul#hotel_search li input.search_cal[name="checkInOut"] {
		margin: 5px 0;
	}
	
	.hotel_search_area ul#hotel_search li.inwon_area, .hotel_search_area ul#hotel_search li.room_area {
		float:none;
		width: 100% !important;
		margin: 0;
	}
	
	li.room_area.ml15 {
		margin-left:0;
	}
	
	.hotel_search_area ul#hotel_search li.search_confirm a,
	.hotel_search_area ul#tour_search li.search_confirm a {
		display:block;
		width:100%;
		margin: 5px 0;
		box-sizing: border-box;
		text-align: center;
	}
	
	.hotel_search_area .sch_closeBtn {
		display:none;
	}
	
	.hotel_search_area .for_mobile_close {
		position: absolute;
		display:block;
		top: 19px;
		right: 5%;
		font-size: 19px;
		cursor:pointer;
	}
	
	.transparent_bg{
		display:none !important;
	}
	
	.top_right {
		display:none;
	}
	
	.top_menu_c {
		display: none;
	}
	.logo_zone_c {
		width: 130px;
		margin: 16px auto;
		position: absolute;
		top: 0;
		left: calc(50% - 65px);
	}
	
	.logo_zone_c .logo_wrap{
		margin:0;
	}
	
	.logo_zone_c .search-open {
		display:none;
	}
	.logo_zone_c .logo_wrap h1 img {
		max-width: 130px;
	}
	
	.main_hotel_search_area {
		display:none;
	}
	
	.m_contents_wrap {
		width: 95.1%;
		margin: 40px auto;
	}
	.m_best {
		width: 100%;
	}
	.m_best li {
		height: auto;
		background: none;
	}
	.m_best .m_best_info img {
		height: 124px;
	}
	.m_best .m_best_info .context {
		line-height: 1.2;
		position: static;
		background: none;
		padding: 0 10px;
		height: 90px;
		border: 1px solid #ddd;
	}
	.m_best .m_best_info a:hover .context {
		height: 90px;
		line-height: 1.2;
		padding: 0 10px;
	}
	.m_best .m_best_info .context .tit {
		font-size: 13px;
		font-weight: 600;
		color: #000;
		padding: 5px 0px;
	}
	.m_best .m_best_info a:hover .context .tit {
		color: #fff;
	}
	.m_best .m_best_info .context .txt {
		display: none;
	}
	.m_best .m_best_info .context .price {
		bottom: 10px;
		font-size: 15px;
		position: absolute;
		width: 59%;
		right: 4px;
		text-align: right;
	}
	.m_best .m_best_info .best_box {
		right: 0;
	}
	.price .txt_price {
		font-size: 15px;
	}

	.banner_slide .bx-wrapper {
		display: none;
	}
	.banner_slide .swiper-container2 {
		display: block;
	}

	.banner_full .pc_line_banner {
		display: none;
	}
	.banner_full .mobile_line_banner {
		display: block;
	}

	.m_recommend {
		width: 100%
	}
	.m_recommend .m_recom_info li {
		display: block;
		margin-right: 0;
		width: 100%;
		margin-bottom: 5px;
	}
	.m_recommend .m_recom_info li a {
		display: block;
		width: 100%;
		clear: both;
	}
	.m_recommend .m_recom_info li a > img {
		float: left;
		width: 40%;
		height: 115px;
	}
	.m_recommend .m_recom_info li .exp {
		width: 60%;
		height: 115px;
		float: left;
		padding: 10px;
	}
	.m_recommend .m_recom_info li .exp .tit {
		font-size: 14px;
	}

	.m_recommend .m_recom_info li .exp .tit .m_tag {
		font-size:11px;
		bottom:9px;
		top: inherit;	
		right:inherit;   
	}
	
	.m_recommend .m_recom_info li .exp .txt {
		font-size: 12px;
		margin: 3px 0;
	}
	.m_recommend .m_recom_info li .exp .price2 {
		text-align: right;
	}

	.recom_tab {
		position: static;
		margin-bottom: 17px;
		width: 100%;
	}

	.recom_tab li {
		/* width: 25.1%; */
		border: 1px solid #e1e1e1;
		margin-left: -1px;
		margin-bottom: -1px;
	}
	.recom_tab li:first-child {
		margin-left: 0;
	}
	.recom_tab li:nth-child(5n) {
		margin-left: 0;
	}
	.recom_tab li a {
		padding: 0 5px;
		overflow: hidden;
	}

	.bbs_wrap {
		padding: 25px 0;
		width: 100%;
	}
	.bbs_wrap .inner {
		width: 95%;
	}
	.cs_guide {
		width: 100%;
		margin-bottom: 30px;
	}
	.cs_guide_tbl {
		width: 100%;
	}
	.cs_guide_tbl td {
		width: 25%;
		height: 115px;
	}
	.cs_guide_tbl td:last-child {
		display: none;
	}

	.popular {
		display: grid;
		overflow-x: auto !important;
	    grid-auto-flow: column !important;
	    grid-gap: 16px !important;
	    overflow-y: hidden !important;
	    margin: 0px -24px;
	    padding: 4px 24px 8px;
	    scroll-padding: 0px 44px;
	    scroll-snap-type: x mandatory !important;
	    -ms-overflow-style: none;
	    width: auto;
	}
	
	.popular:nth-child(n) > * {
		scroll-snap-align: start !important;
	}
	
	.popular::-webkit-scrollbar {
		display:none;
	}
	.popular li {
		width: 360px;
		display: block;
		margin-right: 0;
		float: left;
		text-align: center;
		margin-bottom: 25px;
	}
	.popular li:last-child {
		margin-bottom: 0;
	}
	.popular li img {
		width: 100%;
		height: 200px;
	}
	.popular .context {
		opacity: 1;
		padding: 10px;
		background: rgba(0,0,0,0.7);
		top: auto;
		bottom: 0;
		height: 80px;
	}
	.popular .context .txt {
		color: #ddd;
		text-align: left;
		width: 100% %;
		height: 44px;
		overflow: hidden;
	}
	.popular .context .price, .popular .price .txt_price {
		bottom: -11px;
		font-size: 15px;
		text-align: right;
	}
	.popular .item .city {
		bottom: auto;
		top: 0;
		height: 37px;
		line-height: 34px;
	}
	.popular .context .tit {
		color: #eee;
		text-align: left;
		font-size: 17px;
		height: 35px;
		text-overflow: ellipsis;
    	white-space: nowrap;
	}
	
	.popular .context .tit .m_tag {
		font-size:11px;
		bottom:8px;
		top:inherit;
		right:inherit;
	}
	
	.popular.hotel .context .tit .m_tag {
		right:10px;
	}

	.popular.hotel li span.h_info {
		display:block;
		text-align: left;
	}

	.notice {
		width: 98%;
	}

	#gnb {
		width: 100%;
		border-top: 1px solid #d6d6d6;
		border-bottom: 1px solid #777;
	}
	#gnb span {
		width: 24%;
	}
	#gnb .gnb_wrap span a {
		width: 100%;
		font-size: 14px;
		color: #383838;
		font-weight: 700;
		height: 44px;
		line-height: 44px;
	}

	.search_area {
		display: none;
	}

	#contBody, #contents, #content, #content_detail, .contGen {
		width: 100%;
	}
	#lNavi_wrap {
		display: none;
	}
	#contBody {
		margin: 0
	}

	#contents #title {
		width: 100%;
		height: 43px;
		margin-left: 0px;
		background-color: #fbfbfb;
	}
	#contents #title .cont_tit {
		text-align: center;
		float: none;
		padding-left: 0;
		font-size: 16px;
		padding-top: 12px;
		font-weight: 700;
	}
	#contents #title .cont_tit:before {
		display: none;
	}

	#container .contents_wrap {
		padding: 10px !important;
	}

	.title_sub2 {
		width: 100%;
	}

	.m_bbs_wrap {
		display: none;
	}
	.visa_search_wrap {
		width: 100%;
		margin: 0 auto;
		margin-top: 15px;
	}
	.visa_search_wrap .search_title {
		width: 99.8%;
		border-top-right-radius: 5px;
		border-right: 1px solid #cfcfcf;
	}
	.visa_search_wrap .select_nation_box1 {
		width: 100%;
		height: 82px;
		background: none;
		background-color: #f7f7f7;
		border-radius: 5px;
		border: 1px solid #cfcfcf;
	}
	.visa_search_wrap .select_nation_box1 select {
		width: 69% !important;
	}
	.visa_search_wrap .select_nation_box1 div.select_nation_box1_wrap {
		padding: 7px 0 0 0;
	}
	.visa_search_wrap .select_nation_box1 strong {
		display: inline-block;
		margin: 9px 13px 0 7%;
	}
	.visa_search_wrap .select_nation_box1 span.button {
		right: calc(50% - (95px/2) );
		top: 96px;
	}
	.visa_search_wrap .select_nation_box2 {
		display: none;
	}
	.visa_search_wrap .select_nation_box2_bottom {
		display: none;
	}
	.visa_search_wrap .search_cont {
		padding: 15px 15px 50px 15px;
		overflow: visible;
		background: none;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		border: 1px solid #cfcfcf;
	}
	.visa_search_wrap .search_bottom {
		display: none;
	}

	.pc_holiday_btn {
		display: none;
	}
	.respon_holiday_btn {
		display: block !important;
	}
	.pc_area {
		display: none;
	}
	.m_area {
		display: block !important;
	}

	.visa_process {
		display: none;
	}
	.m_visa_process {
		display: block;
		width: 100%;
		margin-top: 20px;
	}
	.m_visa_process ul {
		width: 88%;
		margin: 0 auto;
	}
	.m_visa_process ul li {/*float:left;*/
		width: 100%;
		margin: 8px 0;
		text-align: center;
	}
	.m_visa_process ul li img {
		width: 100%;
		border-radius: 4px;
		border: 1px solid #cfcfcf
	}
	.m_visa_process ul li a {
		display: block;
		color: #343434;
		font-weight: 600;
	}
	.m_visa_process ul li a:hover {
		color: #d14339;
		font-weight: 600;
	}
	.m_visa_process ul li a span {
		display: block;
		display: none;
	}
	.m_visa_process .arrow img {
		border: none;
		width: 30px;
		opacity: 0.7
	}

	.visa_intro .pc_banner {
		display: none;
	}
	.visa_intro .m_banner {
		display: block;
		width: 96%;
		margin: 0 auto;
		border: 1px solid #cfcfcf;
	}

	.result_wrap div.title_bg {
		border-radius: 5px;
		border-right: 1px solid #cfcfcf;
	}
	.result_wrap div.visa_name_wrap table th {
		letter-spacing: 3px;
		line-height: 24px;
	}
	.result_wrap div.visa_name_wrap table td > p {
		line-height: 16px;
	}
	.result_wrap div.visa_name_wrap table td > p:first-child {
		padding-bottom: 5px;
	}
	.result_wrap div.document span.btn_area {
		top: 17px;
		right: 0
	}

	.title_sub {
		margin: 0 14px 13px 10px;
	}
	.title_sub span:first-child {
		display: block;
		margin-top: 3px;
	}
	.res_table_responsive {
		display: block;
	}
	.res_table_responsive thead {
		display: block;
	}
	.res_table_responsive thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.res_table_responsive tbody {
		display: block;
	}
	.res_table_responsive tr {
		display: block;
	}
	.res_table_responsive th {
		display: block;
	}
	.res_table_responsive td {
		display: block;
		position: relative;
		padding-left: 37%;
		text-align: left;
	}
	.res_table_responsive td:before {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 30%;
		padding-right: 10px;
		white-space: nowrap;
	}
	.res_table_responsive td:nth-of-type(1):before {
		content: "기간";
		color: #343434;
		font-weight: 600;
		background-color: #f1f6f9;
		border-right: 1px solid #e5e5e5;
		padding: 5px 0 5px 8px;
	}
	.res_table_responsive td:nth-of-type(2):before {
		content: "대상";
		color: #343434;
		font-weight: 600;
		background-color: #f1f6f9;
		border-right: 1px solid #e5e5e5;
		padding: 5px 0 5px 8px;
	}
	.res_table_responsive td:nth-of-type(3):before {
		content: "체류 기간";
		color: #343434;
		font-weight: 600;
		background-color: #f1f6f9;
		border-right: 1px solid #e5e5e5;
		padding: 5px 0 5px 8px;
	}
	.res_table_responsive td:nth-of-type(4):before {
		content: "유효 기간";
		color: #343434;
		font-weight: 600;
		background-color: #f1f6f9;
		border-right: 1px solid #e5e5e5;
		padding: 5px 0 5px 8px;
	}
	.res_table_responsive td:nth-of-type(5):before {
		content: "비자수령방법";
		color: #343434;
		font-weight: 600;
		background-color: #f1f6f9;
		border-right: 1px solid #e5e5e5;
		padding: 11px 0 12px 8px;
	}
	.res_table_responsive td:nth-of-type(6):before {
		content: "금액";
		color: #343434;
		font-weight: 600;
		background-color: #f1f6f9;
		border-right: 1px solid #e5e5e5;
		padding: 5px 0 5px 8px;
	}
	.res_table_responsive td:nth-of-type(7):before {
		content: "예약하기";
		color: #343434;
		font-weight: 600;
		background-color: #f1f6f9;
		border-right: 1px solid #e5e5e5;
		padding: 8px 0 9px 8px;
	}

	.submit_table_responsive {
		display: block;
	}
	.submit_table_responsive thead {
		display: block;
	}
	.submit_table_responsive thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.submit_table_responsive tbody {
		display: block;
	}
	.submit_table_responsive tr {
		display: block;
	}
	.submit_table_responsive th {
		display: block;
	}
	.submit_table_responsive td {
		display: block;
		position: relative;
		padding-left: 37% !important;
		text-align: left;
	}
	.submit_table_responsive td:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 30%;
		padding-right: 10px;
		white-space: nowrap;
	}
	.submit_table_responsive td:nth-of-type(1):before {
		content: "구분";
		color: #343434;
		font-weight: 600;
		background-color: #f1f6f9;
		border-right: 1px solid #e5e5e5;
		padding: 5px 0 5px 8px;
	}
	.submit_table_responsive td:nth-of-type(2):before {
		content: "내용";
		color: #343434;
		font-weight: 600;
		background-color: #f1f6f9;
		border-right: 1px solid #e5e5e5;
		padding: 5px 0 5px 8px;
	}
	.submit_table_responsive td:nth-of-type(3):before {
		content: "양식";
		color: #343434;
		font-weight: 600;
		background-color: #f1f6f9;
		border-right: 1px solid #e5e5e5;
		padding: 8px 0 9px 8px;
	}

	.tip_responsive {
		padding-left: 5px;
	}

	.first {
		display: none;
	}
	.kind {
		display: none;
	}
	.table_faq td.faq_responsive {
		width: 35px;
		text-align: center;
	}
	.table_faq td.answer table td.faq_responsive {
		width: 35px;
		text-align: center;
	}
	#list_a1_0 {
		display: none !important;
	}
	.table_faq td.answer table td.faq_answer {
		padding-left: 0px;
	}

	.cal_none {
		display: none;
	}

	/*************visa_application ******************/

	.table_app_data th.align_left {
		padding: 12px 0;
		padding-left: 6px
	}
	.table_app_data th.align_left span {
		display: block;
	}
	.table_app_data td {
		padding: 5px 0 5px 5px;
	}
	.table_app_data td span {
		display: block;
	}

	input[name="email"] {
		width: 91%;
	}
	input[name="address1"] {
		width: 91%;
	}
	textarea[name="cont_req"] {
		width: 91% !important;
	}

	div.app_box_wrap div.total_wrap {
		position: static;
		width: 100%;
	}

	/*******************login.html *******************/
	.responsive_clear {
		clear: both;
	}

	.input_lo {
		margin-bottom: 10px;
	}

	/*******************member/index.html *******************/

	.table_l .sub_txt {
		display: block;
		padding-left: 0px;
		padding-top: 2px;
	}
	.table_l .m_wb {
		display: block;
	}
	input#mb_id {
		width: 100px
	}
	input#mb_pwd1 {
		width: 100px
	}
	input#mb_pwd2 {
		width: 100px
	}
	input#mb_nm {
		width: 100px
	}
	input#mb_nm1 {
		width: 100px
	}
	input#mb_nm2 {
		width: 100px
	}
	.calendar_input {
		padding: 2px 5px 2px 5px;
	}
	.table_l .m_wbba {
		word-break: break-all;
	}
	.table_l .m_wbka {
		word-break: keep-all;
	}

	/*******************member_info.html *******************/
	#member_frm .table_l colgroup col:first-child {
		width: 25%;
	}
	#member_frm .add_mb_t colgroup col:first-child {
		width: 25%;
	}
	#member_frm .add_mb_t colgroup col:nth-child(2) {
		width: 25%;
	}
	#member_frm .add_mb_t colgroup col:nth-child(3) {
		width: 25%;
	}
	#member_frm .add_mb_t colgroup col:last-child {
		width: 25%;
	}
	#member_frm select[name="mb_gend"] {
		width: 112px;
	}
	#member_frm .mem_cal {
		padding: 0px 5px 2px 0px;
		width: 105px;
	}

	/*******************rule_wrap *******************/
	#container .contents_wrap .rule_wrap {
		padding: 30px 20px 20px 20px;
		margin-top: 0;
	}
	#container .rule_wrap .detail h3 {
		font-size: 17px;
	}

	/*******************cs ********************/
	.m_bd {
		display: none;
	}
	.contents_wrap .respon_t colgroup col:nth-child(2) {
		width: 10%
	}
	.contents_wrap .respon_t colgroup col:nth-child(3) {
		width: 14%
	}
	.contents_wrap .respon_t colgroup col:nth-child(4) {
		width: 15%
	}
	.contents_wrap .respon_t colgroup col:last-child {
		width: 8%
	}
	.t_page {
		display: none;
	}
	.board_search {
		float: none;
	}
	.board_search select[name="sfld"] {
		width: 90px
	}

	.footer {
		width: 100%;
		padding: 40px 0 25px 0;
	}
	.sns_m {
		width: 95%;		
	}
.sns_m .plus_01 {
		padding-top: 20px;	
	}

	.footer .inner {
		width: 95%;
	}
	.footer_menu {
		width: 100%;
	}
	.footer_menu > ul > li h4 {
		margin-top: 30px;
		padding-bottom: 10px;
	}
	.footer_menu .comp_m {/*width: 50%; float: left;*/
		display: none;
	}
	.address {
		width: 100%;
	}
	.footer_2 {
		width: 95%;
		margin-top: 80px;
	}
	.footer_2 .copyright {
		width: 95%;
		margin: 30px 0 0 0;
	}
	.footer_2 .sns {
		display: block;
		text-align: center;
	}
	
	#footer_c {
		display:none;
	}
	
	.footer_copyright_c {
		width:100%;
		text-align:center;
		padding:15px;
	}
	
	.footer_copyright_c h2 {
		height:37px;
	}
	
	.footer_copyright2_c .inner {
		width:100%;
		text-align:center;
	}
	
	.footer_copyright2_c .inner p {
		margin-left:0;
	}
	
	.footer_copyright2_c .inner p.alert {
		display:none;
	}
	
	/* 사이드 마이페이지 */
	#side_mypage {
		width: 100%;
		position: absolute;
		z-index: 1000;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		color: #000;
		background: #f6f6f6;
		overflow-x: hidden;
	}

	.side_close {
		position: absolute;
		z-index: 1000;
		left: 15px;
		top: 15px;
	}

	.side_close a {
		display: inline-block;
		width: 50px;
		height: 50px;
		text-align: center;
	}

	.side_close i {
		font-size: 28px;
		line-height: 50px;
	}

	.smyp_contents {
		padding: 26% 20px 20px 20px;
	}

	.side_name {
		text-align: center;
	}

	.side_name p {
		font-size: 28px;
		line-height: 30px;
	}

	.side_name span {
		font-size: 14px;
		color: #808080;
		display: block;
	}

	.side_name span.smn_intro {
		font-size: 22px;
		color: #000;
		display: inline-block;
	}

	.side_my_category {
		margin-top: 8px;
		margin-top: 36px;
	}

	.side_my_category ul {
		border-left: 1px solid #eaeaea;
		border-top: 1px solid #eaeaea;
	}

	.side_my_category li {
		background: #fff;
		float: left;
		width: 32.98%;
		height: 80px;
		line-height: 30px;
		text-align: center;
		border-bottom: 1px solid #eaeaea;
		border-right: 1px solid #eaeaea;
		padding-top: 25px;
	}

	.side_my_category li img {
		width: 28px;
	}

	.side_my_category li span {
		display: block;
		font-size: 13px;
	}

	/*--------------------------------
	 side_menu
	 --------------------------------*/

	#sidemenu {
		padding: 0px 15px
	}

	.side_title {
		position: relative;
		padding: 20px 0px;
	}

	.side_title h2 {
		font-size: 14px;
		font-weight: normal;
		color: #fff;
	}

	.side_title .s-btn i {
		margin-left: 5px;
	}

	.side_title .symbol {
		width: 100px;
	}

	.side_title .sidemenu_close {
		position: absolute;
		right: 15px;
		top: 20px;
	}

	.side_title .sidemenu_close img {
		width: 18px;
	}

	.side_myp {
		overflow: hidden;
		border-bottom: 1px solid rgba(255,255,255,.5);
		padding-bottom: 20px;
	}

	.side_myp li {
		float: left;
		width: 48%;
	}

	.side_myp li:nth-child(2) {
		float: right;
	}

	.side_myp li a {
		display: block;
		color: #fff;
		height: 37px;
		line-height: 12px;
		border: 1px solid rgba(255,255,255,.5);
		background: rgba(255,255,255,.2);
		text-align: center;
        word-break: break-all;
        padding: 0 5px;
        display: flex;
        justify-content: center;
        align-items: center;
	    }

	.side_category p.menu {
		position: relative;
		height: 48px;
		line-height: 48px;
		border-bottom: 1px solid rgba(255,255,255,.5);
		font-size: 15px;
		color: #fff;
		padding-left: 5px;
		cursor: pointer
	}
	.side_category p.menu a {
		color: #fff
	}
	.side_category p span i {
		position: absolute;
		right: 5px;
		top: 20px;
		font-size: 0.6em;
	}

	.side_category p.on {
		color: #df4e4e;
	}

	.side_category ul {
		padding: 15px 5px;
		display: none
	}

	.side_category li {
		width: 100%;
	}

	.side_category li a {
		font-size: 13px;
		display: block;
		color: #fff;
		opacity: 0.7;
		/* height: 30px; */
        line-height: 14px;
        padding: 7px 0;
	}

	.ntc_text {
		display: block;
		text-align: center;
		font-size: 14px;
		margin-top: 10px;
		margin-bottom: 8px;
	}
	
	#sidemenu .kakao_wrap {
		background: #ffe800;
	    border: 1px solid rgba(255,255,255,0.5);
	    padding: 0px 30px;
	    margin-top: 20px;
	    text-align: center;
	    position:relative;
	    height: 50px;
	}
	
	#sidemenu .kakao_wrap a {
		display:block;
		text-align:center;
		position: absolute;
    	left: calc(50% - 98px);
	}
	
	#sidemenu .kakao_wrap a:after {
		content:"";
		display:block;
		width: 100%;
		clear:both;
	}
	
	#sidemenu .kakao_wrap a > i {
		float:left;
		font-size:32px;
		padding: 10px 10px 10px 4px;
	}
	
	#sidemenu .kakao_wrap a > span {
		float: left;
	    font-size: 18px;
	    padding: 10px 0;
	    display: inline-block;
	}
	
	/* 마이페이지 */

	#side_mypage {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1000;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		color: #000;
		background: #f6f6f6;
		overflow-x: hidden;
	}
	#side_mypage div.home {
		position: absolute;
		z-index: 1000;
		right: 20px;
		top: 25px;
	}
	#side_mypage div.home img {
		width: 28px;
	}
	#side_mypage div.close {
		position: absolute;
		z-index: 1000;
		left: 15px;
		top: 15px;
	}
	#side_mypage div.close i {
		font-size: 28px;
	}

	.smyp_contents {
		padding: 40% 20px 20px 20px;
	}
	.smyp_name {
		font-weight: 300;
		text-align: center;
	}
	.smn_name {
		font-size: 28px;
		line-height: 30px;
	}
	.smn_name span {
		font-size: 14px;
		color: #808080;
		display: block;
	}
	.smn_name span.smn_intro {
		font-size: 22px;
		color: #000;
		display: inline-block;
	}

	.smyp_category {
		margin-top: 8px;
		font-weight: 300;
		margin-top: 35px;
	}
	.smyp_category ul {
		border-left: 1px solid #eaeaea;
		border-top: 1px solid #eaeaea;
	}
	.smyp_category li {
		background: #fff;
		float: left;
		width: 32.98%;
		height: 80px;
		line-height: 30px;
		text-align: center;
		border-bottom: 1px solid #eaeaea;
		border-right: 1px solid #eaeaea;
		padding-top: 25px;
	}
	.smyp_category li img {
		width: 28px;
	}
	.smyp_category li span {
		display: block;
		font-size: 13px;
	}

	.smyp_fmenu {
		position: absolute;
		z-index: 1000;
		bottom: 30px;
		left: 50%;
		transform: translateX(-50%);
	}
	.smyp_fmenu ul {
	}
	.smyp_fmenu li {
		float: left;
		padding-right: 10px;
		font-weight: 500;
		background: url(../tmbi_images/common/ico_line_b.png) no-repeat right center;
	}
	.smyp_fmenu li:last-child {
		background: none;
		padding-left: 10px;
		padding-right: 0px;
	}
	.smyp_fmenu li img {
		width: 18px;
	}

	.logout_btn a {
		display: block;
		background: #fff;
		width: 24%;
		text-align: center;
		padding: 6px;
		margin: 0 auto;
		margin-top: 130px/*border-radius: 10px;*/;
	}
	.logout_btn img {
		width: 22px;
	}

	.respon_none {
		display: none;
	}
	.respon_border {
		border-left: 1px solid #e5e5e5
	}
	.select_top {
		display: block;
		width: 92.5%;
		margin: 0 auto;
		margin-top: 10px;
	}
	.select_top select {
		padding-left: 20px;
		height: 35px;
		font-size: 13px;
		color: #424242;
		font-weight: 700;
		background-size: 1em;
		background-position: 95% 0.9em;
		border: 1px solid #d3d3d3;
	}

	/****************mypage/visa_res.html*************/
	#container .contents_wrap .reserve_wrap .reserv_table colgroup col:nth-child(2) {/*display:none;*/
	}
	#container .contents_wrap .reserve_wrap .reserv_table {
		word-break: break-all;
	}
	#container .contents_wrap .reserve_wrap .reserv_table .m_none {
		display: none;
	}

	#container .contents_wrap .reserve_wrap .reserv_basic colgroup col:first-child {
		width: 20%
	}
	#container .contents_wrap .reserve_wrap .reserv_basic colgroup col:nth-child(2) {
		width: 30%
	}
	#container .contents_wrap .reserve_wrap .reserv_basic colgroup col:nth-child(3) {
		width: 20%
	}
	#container .contents_wrap .reserve_wrap .reserv_basic colgroup col:last-child {
		width: 30%
	}

	#container .contents_wrap .reserve_wrap .reserv_detail colgroup col:first-child {
		width: 20%
	}
	#container .contents_wrap .reserve_wrap .reserv_detail colgroup col:nth-child(2) {
		width: 30%
	}
	#container .contents_wrap .reserve_wrap .reserv_detail colgroup col:nth-child(3) {
		width: 20%
	}
	#container .contents_wrap .reserve_wrap .reserv_detail colgroup col:last-child {
		width: 30%
	}
	.table_t .m_wbka {
		word-break: keep-all;
	}

	/****************mypage/visa_view.html*************/

}
/* 반응형 웹디자인 */
@media all and (max-width: 640px) {
    .departure .map_info dd {
        width:100%;
    }
}

@media all and (max-width: 420px) {
    .product_list_tit dt {
        padding: 0 10px;
    }
    .product_list_tit dd {
        padding: 0 20px 0 10px;
    }
}

@media all and (max-width: 375px) {
	/* .board_search input[name="stxt"] {
		width: 193px;
	} */
	#sidemenu .kakao_wrap {padding: 0 14px;}
}

@media all and (max-width: 320px) {
	
	.search_title span {
		display: none;
	}
	.visa_search_wrap .select_nation_box1 {
		width: 100%;
		height: 82px;
		background: none;
		background-color: #f7f7f7;
		border-radius: 5px;
		border: 1px solid #cfcfcf;
	}
	.visa_search_wrap .select_nation_box1 div.select_nation_box1_wrap {
		padding: 7px 0 0 0;
	}
	.visa_search_wrap .select_nation_box1 strong {
		display: inline-block;
		margin: 9px 13px 0 8px;
	}
	.visa_search_wrap .select_nation_box1 span.button {
		right: calc(50% - (95px/2) );
		top: 96px;
	}
	.visa_search_wrap .select_nation_box2 {
		display: none;
	}
	.visa_search_wrap .select_nation_box2_bottom {
		display: none;
	}
	.visa_search_wrap .search_cont {
		padding: 15px 15px 50px 15px;
		overflow: visible;
		background: none;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		border: 1px solid #cfcfcf;
	}
	.visa_search_wrap .search_bottom {
		display: none;
	}

	.board_search select[name="sfld"] {
		width: 82px
	}
	.board_search input[name="stxt"] {
		width: 95%;
	}
}