@media ( max-width: 600px ) {

    * { box-sizing: border-box; }
	.vline { width:1px; height:10px; background:#929292; display:inline-block; }
	.wrap { position:relative; }
	.mobile_menu_btn { display:block; position:absolute; top:22px; right:20px;  z-index:10;}
	.mobile_menu_btn a {color:#fff; font-size:26px; }
	.closemenu {
		display: block;
		height: 100%;
		width: 280px;
		background-color: #32394b;
		left: 0;
		top: 0;
		z-index: 11;
		position: fixed;
		overflow-y: auto;
		overflow-x: visible;
		transform: translate(-280px,0);
	}
	.ssm-overlay {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0,0,0,0.2);
		display: none;
		z-index: 10;
	}

	#tnb, #gnb { display:none; }
	#hd, #wrapper, #ft {
	   min-width: 100%;
	}
	#hd_pop, #hd_wrapper, #tnb ul, #container_wr, #ft_wr {
		width: 100%;
	}
	.box2 { width:100%; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.top { height:80px; background-color: rgba( 0, 0, 0, 0.0 ); }
	#hd_wrapper { height:80px; line-height:80px; }
	#logo { padding:0 20px; }
	#logo a img { width:160px;} 
	.imagepannel {
		height:auto;
	}
	.text {	margin: 100px 0 0 10px;	}
	.text img { width:60%	}

	.bottom {position: inherit; height:auto; background-color: rgba( 255, 255, 255, 1 );  }
	.box { width: 100%; padding:0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.box-1 { display:none; width: 100%;float: inherit; color: #000;}
	.box-1 li.link a {	color: #000;	}
	
	.lat { margin-bottom:0; }
	.lat ul { padding:0;}
	.lat li { padding-right: 0px; }
	.lat li a {	font-size:14px; color: #000 !important;	}

	.box-2 {
		width:100%;
		float: inherit;
		margin: 10px 0px;
		padding: 0px 0px;
	}
	.box-1 li:last-child {
		border-bottom: 1px solid #7e7e7e;
	}
	.box-1:last-child li:first-child { border-top: 1px solid #7e7e7e; }
	.box-1:last-child li:last-child { border-bottom: 0px solid #7e7e7e; }
	.box-2 .title { color:#000; display:none;  }
	.mainbox1 { padding:0 0px; }
	.mainbox1-1, .mainbox1-2 { float: inherit; width:100%; }
	.maintitle { font-size:20px; padding: 10px 0;}

	.box-4 { width:100%; float:inherit; margin:0 0 10px 0; border-top: 2px solid #720800;}
	.box-4 li { border-bottom:1px solid #f1f1f1; padding:3px 10px; font-size:14px; color:#000;  }
	.box-4 li.link { margin:0 0 10px 0; border-bottom:0; }
	.box-4 li.link a {color:#000;  }
	.box-4 li.link:hover { background:#000; background-color: rgba( 0, 0, 0, 0.5 );}
	.box-4 li:last-child { border-bottom:0px }
	.box-4 span.title { font-size:21px; color:#ff1800 }
	.box-4 span.price { float:right }

	.lat2 ul { list-style-type:none; }
	.lat2 li { padding:3px 0; line-height:30px; }
	.lat2 li a {display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
	.lat2 .lt_date { display:none; }
	
	.pic_lt .lat_title {
		line-height: 24px;
		font-size: 24px;
		font-weight:500
	}
	
	.pic_lt .lt_more {	display: none;	}

	.pic_lt li {
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		width: 50%;
		height:180px;
		float:left;
		margin: 0 0px 20px 0px;
		padding:0px 5px 0px 5px;
	}
	/* Truncate title text to a single line under the thumbnail on mobile */
	.pic_lt li .lt_img + a {
		display:block;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	.pic_lt li:first-child {
		width: 50%;
		margin: 0 0px 20px 0px;
	}

	.pic_lt li:last-child {
		width: 50%;
		margin: 0 0px 20px 0px;
	}

	#container_title { font-size:20px;}
	
	/* Show titles on mobile with responsive, bounded size (standard) */
	.box2 .boxtitle { display:block; font-size: clamp(20px, 5vw, 24px); line-height:1.2; font-weight:500; margin-top: 30px;}
	.box2 .boxtitle .smalltitle { font-size: clamp(12px, 3.4vw, 13px); margin-top: 15px;}
	.cafebox { background:#ebe8e3 }
	
	.abox {    display: table-row; overflow: hidden; }

	.cafe_list { width:100%; float:inherit; border:0px solid #ddd; text-align:left; margin:0 0 10px 0; overflow: hidden;}
	.cafe_list .cafe_thumb {display: table-cell; vertical-align: middle; width: 100px; float:left; }
	.cafe_list .cafe_thumb img { width:100%; height:100%;}
	.cafe_list .cafe_text { display: table-cell; vertical-align: middle; width: 210px; text-overflow: ellipsis;
		overflow: hidden; float:right}
	.cafe_list .cafe_name {
		font-size: 18px;
		font-weight: 500;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal;
		width: 100%;
		overflow: hidden;
	}
	.cafe_list .cafe_title { color:#5d5d5d; margin:0px 0; display: -webkit-box; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; }
	.cafe_list .cafe_data { color:#5d5d5d } 

	.cafe_list .cafe_thumb2 { width:100px; height:85px;}
	.cafe_list .cafe_thumb2 img { width:100%; }

	.cafe_list2 {
		width: 100%;
		height: auto;
		float: inherit;
		border: 0px solid #ddd;
		border-bottom: 1px solid #eeeeee;
		text-align: left;
		overflow:hidden;
		margin: 0 0 0px 0;
		padding:10px 0;
	}
	.cafe_list2:last-child { border:0;  }
	.cafe_list2 .cafe_thumb { width: 58px;}
	.cafe_list2 .cafe_text{ float:left; width:230px;}
	.cafe_list2 .cafe_name { font-size: 14px;font-weight: 500;text-overflow: ellipsis; white-space: nowrap;word-wrap: normal;width: 100%;overflow: hidden;}
	.cafe_list2 .cafe_title {margin: 0px 0;font-size: 12px;	}
	.cafe_list2 .cafe_data {font-size: 12px;}
	.cafe_list2 a { padding: 0}

	.boxbody { margin: 0px 0 0px 0; padding:20px 0 10px 0; } 
	.boxbody .cafe_thumb2 {height:65px;}

	.ban1, .ban2 {
		float: inherit;
		margin-top: 30px;
	}
	.ban1 img, .ban2 img { width:100%; }

	.tailmenu ul {
		display:none;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	
	.close-pannel li { border-bottom:1px solid #3c4355; text-align:left; }
	.close-pannel li a { display:block; border:0px solid #000;  padding:10px 20px; color:#f1f1f1; }
	.secondul { display:none; background:#3c4355; }
	.secondul li { border-bottom:1px solid #333b50; padding-left:15px; }


	.toplist { display:none; }
	#wrapper { padding:0 0px;}

	.coid001, .coid002, .coid003, .coid004, .coid005, .coid006, .coid007, .coid008 { margin-top:30px; }
	.coid001-1 { width: 100%; float: inherit; text-align:center; }
	.coid001-2 { width: 100%; float: inherit; margin-top:30px;}

	.coid001-2 .hellohead { font-size:18px !important;}

	.coid001 img { width: 60%; margin:0 auto;}
	.coid002 img { width:100%; }
	.coid003 img { width:100%; }
	.coid004 img { width:100%; }
	.coid005 img { width:100%; }

	.box860 { width:100% } 

	.coid006 img { width:100%; }
	.coid007 img { width:100%; }
	.coid008 img { width:100%; }

	.tabBtn li {
		margin-right: 0px !important;
		width: 14% !important;
		height:50px !important;
	}
	
	.coidp001, .coidp002, .coidp003, .coidp004, .coidp005, .coidp006, .coidp007 { margin-top:30px; }
	.coidp001 img { width:100%; }

	.coidp002 img { width:100%; }
	.coidp003 img { width:100%; }
	.coidp004 img { width:100%; }
	.coidp005 img { width:100%; }
	.coidp006 img { width:100%; }

	.video1 { float:inherit; }
	.video2 { float:inherit; }

	.video1 video, .video2 video { width:100%; height:100%; } 

	#bo_list {
		position: relative;
		margin-top: 0px;
	}

	.footer-text span { display:block; }

	/* �Խ��� */
	.pctable { display:none; }
	.mobiletable { display:block; border-collapse:collapse; width:100%; margin:0 0 20px 0; border-top:1px solid #ddd; }
	.td_subject { border-bottom:1px solid #ddd; overflow:hidden;  position:relative;  text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
	.td_subject a { font-size:16px; display:block; padding:10px 0; }
	.smallfont { font-size:12px; color:#727272   }
	.searchbox { float:inherit; margin:0px 0 0px 0; display:none; }
	.paylist {padding:5px 20px;}
	.paylisttd { padding:5px 0; border-bottom:1px solid #ddd;}

	#bo_v_con {
		width: 100%;
		margin: 0;
		min-height: 200px;
		word-wrap: break-word;
		word-break: break-all;
		font-size: 16px;
		line-height: 1.45;
		word-wrap: break-word;
		word-break: break-all;
		text-align: justify;
		-webkit-font-smoothing: antialiased;
	}

	.cafe-tab {  margin:0 auto;  }
	.cafe-tab ul {  text-align:center; display: table; margin:0 auto;}
	.cafe-tab li {  text-align:center;  width:auto; }
	.cafe-tab li a { display:block; padding:0 15px; } 
	.cafe-tab li.current {  }

	.margintop { margin-top:0px;}
	.cafe-tab li:last-child { display:none; }
	.cafe_new_list {
		height: auto;
		border-bottom:1px solid #ddd;
		padding:5px 0
	}
	.cafe_new_list_subject {
		font-size: 14px;
		float: none;
	}
	.cafe_new_list_subject a {
		color: #000;
	}

	.bigbox { background:#f7f7f7; padding:0px; margin-top:20px;}

	.subcontent, .listTop, #bo_list, #bo_v, .box3 { padding:0 20px;}
	.swiper-container { height:auto; padding:0 0 40px 0}
	.category-box { display:none; }
	.category-box-select { display:block; margin-top:20px; }
	.category-box-select select { padding:5px; width:100%; height:38px; }

	.box4 { width:100%; }

	.category-list {
		width: 100%;
		float: inherit;
	}
	.category-name { font-size: 20px; margin-top:20px; }
	.category-cafe-list {
		width:100%;
		margin: 0 0 10px 0;
		font-size:14px;
		border-bottom:1px solid #f0f0f0; 
		padding: 0 0 10px 0;
	}
	.category-cafe-list .cafe_thumb { width:58px }
	.category-cafe-list .cafe_name { font-weight:500; }
	.category-cafe-list .cafe_title { font-size:12px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; color:#959595 }
	.category-cafe-list .cafe_data { font-size:12px; color:#959595 }
	.category-cafe-list .cafe-join { display:none; }
	
	.newlistbox2 { padding:0 20px; margin-top:20px; }
	.cafe_new_list2 {	height:auto; border-bottom:1px solid #f0f0f0; padding:10px 0;}
	.cafe_new_list2:last-child { border:0; }
	.cafe_new_list_subject a { font-weight:400;}
	.cafe_new_list_name2 { font-size:12px; color:#959595 }

	.newlistbox {
		margin-top: 20px;
	}
		
	.cafe-box {  padding:0 20px; width:100%; }
	.cafe-box2 {  padding:0 0px; width:100%; }

	.cafe-content { width:100%; }
	.cafe-menu { display:none; }
	.cafe-left { display:none; }
	.cafe-right { width:100%; float: inherit; }
	.cafe-home-title { width:100%; }

	.cafe-title2 { padding:0 20px;}
	
	.replycnt { margin-top:5px;}
	.subtitle { font-size:14px; margin-bottom:20px;}
	.names { display:none; }
	.vline { margin: 0 3px; }
	.vline:first-child { display:none; }
	
	#bo_sch { float:inherit }
	#bo_sch .sch_btn { float:right; }
	
	.loginpannel { padding:20px 0 0px 0; border-bottom:1px solid #aaa;;}
	.loginpannel li { border-bottom:1px solid #3c4355; text-align:left;  color:#f1f1f1; }
	.loginpannel li a { display:block; border:0px solid #000; padding:10px 20px; color:#f1f1f1; }

	#bo_w .bo_w_flie .file_wr { height:34px;}
	#bo_w .bo_w_flie .frm_file { padding-left:30px; }
	#bo_w .bo_w_info .frm_input { float: inherit; margin: 1px 0px 1px 0; width:100%; box-sizing: border-box; }

	/* ������ �Խ��� */
	.profile { margin:10px 0px;  padding:0 0 20px 0; }
	.profile_left { margin-right: 0px; width: 100%; 	}
	.profile_name { text-align:center;}
	.profile_right { margin-top:10px; }

	/* ������ */
	.gall_row { margin-top:20px; }
	.gall_row .col-gn-3 { width: 100%; padding:0 20px; }
	.gall_row .col-gn-4 { width: 100%; padding:0 20px; }
	.gall_con { overflow:hidden; }
	.gall_row .mobile-col-gn-4 { width: 50%; float:left; }
	.mobile_even { padding:0 20px 0 10px; }
	.mobile_add { padding:0 10px 0 20px; }

	.formobile { padding:0 10px }


	.nametag2 { margin-top:10px; font-size:12px; float:left; }

	.ft_wr_logo img { width:140px; }
	.footer-text, .footer-address { font-size:11px;}
	.footer-address span { display:block; }

	#bo_v_file h2, #bo_v_link h2 {	font-size:12px;	}

	.bo_v_file_cnt { display:none; }
	.nowopen { background:#f1f1f1; }

	/* ���θ� */
	.sct_ct { padding:0 10px;  margin: 20px auto 20px auto; }
	#sct_ct_1 li { float: left; width: 33.33%; border: 1px solid #d7d7d7; margin-left: -1px; margin-top: 0px;margin-bottom:1px;	}

	.smt_40 { padding:0 10px; }

	.smt_40 .sct_li {
		margin: 10px 0px 0px 0;
		background: #fff;
		width: 100%;
		float: inherit;
		text-align: left;
	}
	.sct img {width:100%;}

	/* ���� */
	#sit_pvi { float: inherit; width: 100%; }
	#sit_pvi img {max-width:100%; height:auto }
	#sit_ov {
		padding:10px;
		position: relative;
		float: inherit;
		width: 100%;
		height: auto !important;
		height: auto;
		min-height: auto;
	}
	#sit_ov_btn {
		text-align:center;
	}
	#sit_ov_btn button {
		width: 100px;
		margin-right: 5px;
		height: 36px;
		font-weight: bold;
		font-size: 12px;
	}
	#sit_opt_added .sit_opt_prc {
		display: block;
		float: left;
		width: 100px;
		padding: 0 3px;
		text-align: right;
		line-height: 30px;
		font-size: 12px;
		font-weight: bold;
	}
	#sit_inf_open { display:none; }
	#sit_use { display:none; }
	#sit_qa_wbtn { display:none; }
	.sit_empty {  display:none;	}
	#sit_pvi {   width:100% !important; padding:0 10px; }
	#sit_ov {    width:100% !important; }

	
	.content_left {
		width: 100% !important;
		float: inherit;
	}

	.content_right {
		width: 100% !important;
		float: right;
	}

	.big_block .title {text-align:center;}
	.big_block .textmemo {
		margin-top: 10px !important;
		margin-bottom:20px;
	}
	.box_left { width:100% !important; }

	.tabBtn li {
		font-size: 12px !important;
	}

	.tabBtn li span.nums {
		font-size: 20px !important;
	}

	.p003_left { display:none; }
	.p003_right {  width:100%; background:none; padding:0;	}
	.p003_right .con { font-size:14px;} 
	.p003_right .con2 { font-size:14px; line-height:18px;} 

	/* �������� */
	#sod_fin_no {		margin: 0 10px 0px 10px;	}
	#sod_fin_list { margin-top:20px; }
	.sod_left { display:block; width:100%; }
	.sod_right { display: block; width: 100%;	}

	/* �������� */
	.mbskin {width:100%;}
	.registertable th { width: 30%;}
	.registertable3 th { width: 33%; font-size:12px; text-align:left;}
	#fregisterform { padding:0px 20px;;}
	.stitle {    float: left;    margin: 5px 0 0 0px;}

	.stuname { width:130px;}
	.authrize {height:30px; padding: 0 10px; font-weight: bold; font-size: 1em;}

	.__se_tbl th:first-child { width:160px !important; }
}