@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;}
fieldset,img{border:0;}
dl,ul,ol,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
body, table, tr, td, textarea, input, select{ font-size: 9pt; color:#666666; line-height:130%; text-decoration:none;	/*margin: auto;*/ 	}
table{border-collapse:collapse;border-spacing:0}
input,select,textarea,button{vertical-align:middle;font-size:100%;}
html,body{background:#fff;color:#333;}
a{ color:#333; text-decoration:none; text-overflow:ellipsis; -o-text-overflow:ellipsis; width: 100%; }
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
hr{display:none;}
.daumhide{position:absolute;left:-9999in;width:1px;height:1px;overflow:hidden;}
body{-webkit-text-size-adjust:none;}
body,input,select,textarea{font:15px/1.5 'Malgun Gothic',sans-serif;}
a.round{border:1px solid;-webkit-border-radius:3px;border-radius:3px;padding:1px;font-size:13px;display:inline-block;}
a.round span{-webkit-border-radius:3px;border-radius:3px;display:inline-block;width:100%;height:100%;text-align:center;}
.infoblue { color: #495b94; }
.orenge { color: #F60; }

.b { font-weight: bold; }

.contens_txt a:link {
	color: #003894;
	text-decoration: underline;
}
.contens_txt a:visited {
	color: #003894;
	text-decoration: underline;
}
.contens_txt a:active {
	color: #003894;
	text-decoration: underline;
}
.contens_txt a:hover {
	color: #003894;
	text-decoration: underline;
}

.main_menu_icon, .bbs_icon, .vod_icon {display:inline-block;overflow:hidden;font-size:1px;line-height:999px !important;background:url(http://www.waytorich.com/images/da_icon.png?ver=2062544553415341) no-repeat;background-size:350px auto}

	.bbs_icon {
	width: 22px;
	height: 20px;
	display: inline-block;
	margin-bottom: -4px;
	margin-right: 3px;
	background-position: -3px -210px;
	background-size: 85px auto;
	}
	
	.vod_icon {
	width: 22px;
	height: 20px;
	display: inline-block;
	margin-bottom: -4px;
	margin-right: 3px;
	background-position: -27px -210px;
	background-size: 85px auto;
	}


.menu-toggle {
	position: fixed;
	top: 5px;
	right: 20px;
	font-size: 30px;
	cursor: pointer;
	z-index: 1000;
	color: #FFFFFF;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 999;
}

.side-menu {
	position: fixed;
	top: 0;
	right: -70%;
	width: 70%;
	height: 100%;
	background: #333;
	color: #FFFFFF;
	transition: right 0.3s ease-in-out;
	z-index: 1001;
	overflow-y: auto; /* 세로 스크롤 활성화 */
}




.side-menu ul {
	list-style-type: none;
	padding: 20px;
	clear: both;
}
.side-menu a {
	color: #FFFFFF;
}

.side-menu ul li {
	padding-top: 12px;
	padding-right: 0;
	padding-left: 10px;
	padding-bottom: 12px;
	border-bottom: 1px solid #585858;
	line-height: 110%;
}

#side-menu ul .line {
	height: 0px!important;
	border-bottom: 2px solid #585858;
	background-color: #585858;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.side-menu ul li:hover {
  background: #555;
}


.side-menu.open {
  right: 0;
}

.overlay.active {
  display: block;
}

/* 모바일에서 body가 스크롤 되지 않도록 */
body.locked {
  overflow: hidden;
}




.icon_new {
	margin-left: 5px;
}


#da_warp {
	width: 100%;
	clear: both;
}

#da_head_2025 {
	background-color: #002F5F;
	height: 60px;
	margin-bottom: 0px;
	position: sticky;
	top: 0;
	z-index: 1001;
	width: 100%;
	display: block;
}
#da_head_2025 .logo { float: left; margin-left: 12px; margin-top: -1px; margin-bottom: 0px; }
#da_head_2025 .icon_menu { float: right; margin-top: 18px; margin-right: 12px; }

#da_head {
	background-color: #003894;
	height: 60px;
	margin-bottom: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #062e6d;
}
#da_head .logo { float: left; margin-left: 12px; margin-top: -1px; margin-bottom: 0px; }
#da_head .icon_menu { float: right; margin-top: 18px; margin-right: 12px; }
#cafe_head {
	background-color: #80ADF5;
	clear: both;
	height: 40px;
	margin-bottom: 7px;
	padding-right: 12px;
	text-align: right;
	display: block;
	line-height: 40px;
	color: #003894;
	font-weight: bold;
}
#cafe_head a { color: #003894; }
#cafe_head a .icon { margin-left: 7px; margin-bottom: -2px; }

.Utube a {
	color: #003894;
	font-weight: bold;
	font-size: 17px;
}

#da_bottom {
	background-color: #333333;
	display: block;
	clear: both;
	/* [disabled]height: 40px; */
	margin-top: 0px;
	color: #CCC;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.logout_warp { display: block; margin-bottom: 8px; margin-top: 3px; }
.logout_btn {
	TEXT-ALIGN: center;
	LINE-HEIGHT: 20px;
	BACKGROUND-COLOR: #F0F0F0;
	HEIGHT: 20px;
	COLOR: #999;
	FONT-SIZE: 12px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #DBDBDB;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 100px;
	display: inline-block;
}
.logout_btn a { height: 100%; width: 100%; color:#999999; text-decoration:none; display: inline-block; }
.da_copyright { font-size: 11px; display: block; line-height: 13px; padding-right: 20px; padding-left: 20px; }
.da_copyright_en { font-size: 12px; color: #999; margin-top: 3px; }

.main_log_img { background-color: #5C9833; min-height: 80px; width: 90%; margin-top: 100px; margin-right: auto; margin-left: auto; clear: both; }

.main_log_form { width: 90%; margin-right: auto; margin-left: auto; background-color: #F5F5F5;/* [disabled]height: 100px; */ padding-top: 20px; padding-bottom: 30px; text-align: center; }
.main_log_form .log_txt {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	display: block;
	margin-bottom: 15px;
	color: #3A82B7;
}
.main_log_form ul { display: inline-block; width: 205px; margin-right: auto; margin-left: auto;/* [disabled]background-color: #F00; */ }

.default_tbl {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCC;
	font-size: 14px;
	color: #666;
	margin-bottom: 20px;
	;
	clear: both;
	margin-top: 30px;
}
.default_tbl tr td { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; border-right-width: 1px; border-right-style: solid; border-right-color: #DBDBDB; padding: 7px;  line-height: 130% }
.default_tbl tr td:last-child { border-right-style: none; }
.default_tbl tr .no_line { border-right-style: none; }
.td_bg { background-color: #EAEAEA; }
.addr_btn { font-size: 14px; line-height: 32px; color: #FFF; background-color: #999; height: 32px; margin-left: 5px; display: inline-block; text-align: center; cursor:pointer; padding-right: 10px; padding-left: 10px; border-radius:3px; }
.reg_btm_txt { font-size: 13px; line-height: 110%; color: #999; display: block; margin-top: 7px; }
.order_input { line-height: 30px; height: 30px; width: 120px; border: 1px solid #E1E1E1; padding-right: 5px; padding-left: 5px; font-size: 16px; color: #666; }
#order_addr1 { display: block; width: calc(100% - 12px); margin-top: 5px; margin-bottom: 5px; }
.tc {text-align:center !important}

#container { background-color: #fff; min-height: 400px; }
#content_warp_common {
	display: block;
	clear: both;
	margin-right: 15px;
	margin-left: 15px;
	line-height: 120%;
}
.reg_btn_warp { text-align: center; display: block; margin-bottom: 20px; }
.reg_btn_warp .btn a { font-size: 15px; line-height: 30px; color: #666; text-align: center; display: inline-block; height: 30px; padding-right: 15px; padding-left: 15px; background-color: #F0F0F0; border: 1px solid #CCC; margin-right: 2px; margin-left: 2px; border-radius:5px; }
.reg_btn_warp .btn .blue_btn { color: #FFF; background-color: #06C; border: 1px solid #06F; }


.main_log_form ul li { text-align: center; font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.log_input {
	height: 30px;
	border: 1px solid #3A82B7;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 20px;
}
.log_input.left { float: left; }
.login_btn {
	TEXT-ALIGN: center;
	LINE-HEIGHT: 30px;
	BACKGROUND-COLOR: #3A82B7;
	WIDTH: 60px;
	HEIGHT: 30px;
	COLOR: #FFF;
	FONT-SIZE: 15px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #3A82B7;
	font-family: "맑은 고딕";
	margin-left: 7px;
	float: left;
}
.login_btn a { height: 100%; width: 100%; color:#FFFFFF; text-decoration:none; display: inline-block; }

#log_warp { PADDING-BOTTOM: 12px; PADDING-LEFT: 12px; PADDING-RIGHT: 14px; PADDING-TOP: 12px; margin-top: 100px; }
#loginForm { BACKGROUND-COLOR: #c4c6d8; WIDTH: 100%; HEIGHT: 100%; DISPLAY: inline-block; TEXT-DECORATION: none; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 2px 0 #eaeaed; padding: 1px; }
#loginForm FIELDSET { TEXT-ALIGN: left; BACKGROUND-COLOR: #ececf2; WIDTH: 100%; HEIGHT: 100%; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 1px 1px 1px rgba(255,255,255,0.3), inset -1px -1px 1px rgba(255,255,255,0.3) }
#login_area { BORDER-BOTTOM: #d4d5e1 1px solid; POSITION: relative; PADDING-BOTTOM: 12px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; PADDING-TOP: 30px }
.uid { POSITION: relative; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 132px; HEIGHT: 30px; PADDING-TOP: 0px }
.upw { POSITION: relative; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 132px; HEIGHT: 30px; PADDING-TOP: 0px }
.upw { MARGIN: 6px 0px 0px }
#id { BORDER-BOTTOM: #a8aaaf 1px solid; BORDER-LEFT: #a8aaaf 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 9px; WIDTH: 100%; PADDING-RIGHT: 30px; HEIGHT: 28px; COLOR: #000; FONT-SIZE: 15px; BORDER-TOP: #a8aaaf 1px solid; BORDER-RIGHT: #a8aaaf 1px solid; PADDING-TOP: 0px }
#inputPwd { BORDER-BOTTOM: #a8aaaf 1px solid; BORDER-LEFT: #a8aaaf 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 9px; WIDTH: 100%; PADDING-RIGHT: 30px; HEIGHT: 28px; COLOR: #000; FONT-SIZE: 15px; BORDER-TOP: #a8aaaf 1px solid; BORDER-RIGHT: #a8aaaf 1px solid; PADDING-TOP: 0px }

.ubtn { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #555; FONT-SIZE: 13px; PADDING-TOP: 14px }
.ubtn INPUT { MARGIN: 0px 1px 4px 0px }
#spw { MARGIN-LEFT: 19px }
#loginBtn {
	POSITION: absolute;
	PADDING-BOTTOM: 1px;
	BACKGROUND-COLOR: #3A82B7;
	PADDING-LEFT: 1px;
	WIDTH: 80px;
	PADDING-RIGHT: 1px;
	DISPLAY: inline-block;
	HEIGHT: 64px;
	RIGHT: 20px;
	TEXT-DECORATION: none;
	PADDING-TOP: 1px;
	TOP: 30px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#loginBtn SPAN {
	TEXT-ALIGN: center;
	LINE-HEIGHT: 64px;
	BACKGROUND-COLOR: #3A82B7;
	WIDTH: 100%;
	DISPLAY: inline-block;
	HEIGHT: 100%;
	COLOR: #fff;
	FONT-SIZE: 17px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: inset 1px 1px 1px rgba(255,255,255,0.06), inset -1px -1px 1px rgba(255,255,255,0.06);
	font-weight: bold;
}
#notice_area { PADDING-BOTTOM: 16px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; COLOR: #555; FONT-SIZE: 11px; BORDER-TOP: #f2f2f5 1px solid; PADDING-TOP: 14px }
.btn { MARGIN: 0px auto; WIDTH: 254px; HEIGHT: 36px }
.btn A { PADDING-BOTTOM: 1px; BACKGROUND-COLOR: #babcc2; PADDING-LEFT: 1px; WIDTH: 121px; PADDING-RIGHT: 1px; DISPLAY: inline-block; FLOAT: left; HEIGHT: 34px; OVERFLOW: hidden; TEXT-DECORATION: none; PADDING-TOP: 1px; -webkit-border-radius: 3px; border-radius: 3px }
.btn A SPAN { TEXT-ALIGN: center; LINE-HEIGHT: 36px; BACKGROUND-COLOR: #f4f4f8; WIDTH: 100%; DISPLAY: inline-block; HEIGHT: 100%; COLOR: #000; FONT-SIZE: 13px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 1px 1px 1px rgba(255,255,255,0.3), inset -1px -1px 1px rgba(255,255,255,0.3) }
.unotice { TEXT-ALIGN: center; MARGIN: 10px 0px 0px; DISPLAY: block }
.join_simple SPAN SPAN { PADDING-BOTTOM: 0px; PADDING-LEFT: 11px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND: url(/images/icon_diamond.gif) no-repeat 13px 10px; PADDING-TOP: 0px; -webkit-box-shadow: none }
.join_simple { MARGIN-RIGHT: 8px }
.notice_title {
	font-size: 18px;
	font-weight: bold;
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #003894;
	padding-bottom: 8px;
	padding-left: 12px;
	padding-top: 8px;
	color: #003894;
	margin-top: 15px;
}
.notice_list li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}

.utube_icon {
	width: 28px;
	margin-right: 5px;
	margin-bottom: -4px;
}

.notice_list .Utube {
	border-bottom-color: #003894;
}
.notice_list li a { /* [disabled]width: 90%; */ height: 100%; display: inline-block;/* [disabled]padding-left: 8px; */ }
.leader_msg { font-weight: bold; color: #36C; }
.reply_ea { font-size: 12px; color: #F60; margin-left: 3px; letter-spacing: -1px; }

.main_menu_warp { clear: both; text-align: center; padding-left: 12px; margin-top: 25px; display: block; }
.main_menu_icon { display: inline-block; *display: inline; zoom: 1; }
.main_menu_icon li { float: left;/* [disabled]display: inline; */ margin-bottom: 20px; margin-right: 15px;/* [disabled]background-color: #EFEFEF; */ }
.main_menu_icon li a { /* text-align: center; display: inline-block; /* [disabled]padding: 20px; */ height: 100%; width: 100%; }
.menu_box { height: 85px; width: 95px; background-color: #EFEFEF; display: block; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 2px 0 #eaeaed; font-size: 13px; border: 1px solid #E0E0E0; padding-top: 10px; font-weight: bold; color: #666; }
.menu_box.cafe { background-color: #09C; border: 1px solid #0098CA; color: #FFF; }
.icon_img { text-align: center; display: block; margin-bottom: 7px; color: #069; }

.bbs_title {
	font-size: 13pt;
	font-weight: bold;
	display: block;
	padding-bottom: 8px;
	padding-left: 12px;
	padding-top: 8px;
	color: #002F5F;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}
.bbs_write {
	float: right;
	margin-right: 12px;
	margin-top: 15px;
}

.icon_arrow_green { margin-right: 4px; margin-bottom: 2px; }
.bbs_list_con, .bbs_list {
	clear: both;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #003894;
}
.bbs_list li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EEEEEE; line-height: 18px; display: block; }
.bbs_list li a { width: 100%; height: 100%; display: inline-block; padding-top: 12px; padding-bottom: 10px; }

.title_mg { padding-right: 12px; padding-left: 12px; display: block; }
.bbs_list li .write_input { height: 35px; width: 100%; border: 1px solid #999999; }
.bbs_list .write_textarea { height: 300px; width: 100%; border: 1px solid #999; }
.bbs_list .write_mg { padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; }



.writer_warp { display: block; font-size: 11px; color: #B0B0B0; margin-top: 6px; line-height: 13px; }
.writer_warp.con { margin-top: 8px; }
.writer_warp .txt { color: #7F7F7F; margin-right: 8px; margin-left: 3px; }
.writer_warp .txt.fst { margin-left: 0px; }

.bbs_list .contens_title { background-color: #EEE; padding-top: 15px; padding-bottom: 15px; padding-right: 12px; padding-left: 12px; }
.bbs_list .contens_title.con_big { font-size: 17px; font-weight: bold; }
.bbs_list .contens_img { padding-top: 20px; padding-right: 12px; padding-left: 12px; }
.contens_img img {
    width:100%;
    display:block;
}
.contens_img{
    padding:20px 12px 0 12px;
}
.bbs_list .contens_txt {
	padding-top: 20px;
	padding-right: 12px;
	padding-bottom: 20px;
	padding-left: 12px;
	line-height: 160%;
}

.bbs_list_con li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EEEEEE; line-height: 160%; display: block; }
.bbs_list_con .contens_title { background-color: #EEE; padding-top: 15px; padding-bottom: 15px; padding-right: 12px; padding-left: 12px; }
.bbs_list_con .contens_title.con_big { font-size: 17px; font-weight: bold; }
.bbs_list_con .contens_txt {
	padding-top: 20px;
	padding-right: 12px;
	padding-bottom: 20px;
	padding-left: 12px;
	line-height: 160%;
	min-height: 500px;
	white-space: normal; /* 줄바꿈을 허용하도록 기본값으로 설정 */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	word-wrap: break-word; /* 긴 단어가 박스를 넘지 않도록 줄바꿈 */
    overflow-wrap: break-word; /* 긴 단어가 박스를 넘지 않도록 줄바꿈 */
}

.contens_txt img {
  width: 100%; /* 이미지가 content 너비를 넘지 않도록 설정 */
  height: auto; /* 세로는 자동으로 비율 맞게 조정 */
  max-width: 100%; /* 이미지가 content의 너비를 넘지 않도록 최대 너비 설정 */
}
.filetxt { font-size: 12px; display: block; font-weight: normal; margin-top: 5px; }



#wrap_paging {
	POSITION: relative;
	TEXT-ALIGN: center;
	LINE-HEIGHT: 27px;
	MARGIN-TOP: 15px;
	HEIGHT: 33px;
	COLOR: #999;
	FONT-SIZE: 15px;
	margin-bottom: 30px;
}
#wrap_paging .btn_prev { POSITION: absolute; TEXT-INDENT: -9999em; WIDTH: 42px; DISPLAY: block; BACKGROUND: url(/images/bt_package.gif) no-repeat; HEIGHT: 33px; OVERFLOW: hidden }
#wrap_paging .btn_prev_disabled { POSITION: absolute; TEXT-INDENT: -9999em; WIDTH: 42px; DISPLAY: block; BACKGROUND: url(/images/bt_package.gif) no-repeat; HEIGHT: 33px; OVERFLOW: hidden }
#wrap_paging .btn_next_disabled { POSITION: absolute; TEXT-INDENT: -9999em; WIDTH: 42px; DISPLAY: block; BACKGROUND: url(/images/bt_package.gif) no-repeat; HEIGHT: 33px; OVERFLOW: hidden }
#wrap_paging .btn_next { POSITION: absolute; TEXT-INDENT: -9999em; WIDTH: 42px; DISPLAY: block; BACKGROUND: url(/images/bt_package.gif) no-repeat; HEIGHT: 33px; OVERFLOW: hidden }
#wrap_paging .btn_prev { BACKGROUND-POSITION: 0px -720px; TOP: 0px; LEFT: 13px }
#wrap_paging .btn_prev_disabled { BACKGROUND-POSITION: 0px -812px; TOP: 0px; LEFT: 13px }
#wrap_paging .btn_next { BACKGROUND-POSITION: 0px -766px; RIGHT: 13px; TOP: 0px }
#wrap_paging .btn_next_disabled { BACKGROUND-POSITION: 0px -858px; RIGHT: 13px; TOP: 0px }

#list_btn_warp { text-align: center; clear: both; margin-top: 15px; margin-bottom: 15px; padding-right: 15px; }
#list_btn_warp .list_btn_warp_mid { display: inline-block; }

.btn_bbs { TEXT-ALIGN: center; LINE-HEIGHT: 30px; BACKGROUND-COLOR: #F0F0F0; HEIGHT: 30px; COLOR: #999; FONT-SIZE: 15px; font-weight:bold; text-decoration:none; border: 1px solid #DBDBDB; font-family: "맑은 고딕"; margin-left: 7px; float: left;/* [disabled]padding-right: 10px; *//* [disabled]padding-left: 10px; */ -webkit-border-radius: 3px; border-radius: 3px; }
.btn_bbs a { height: 100%; width: 100%; color:#999999; text-decoration:none; display: inline-block; }
.btn_bbs a span { padding-right: 10px; padding-left: 10px; }
.btn_bbs_write {
	width: 70px;
	height: 32px;
	text-align: center;
	font-size: 11pt;
	color: #FFFFFF;
	font-weight: 600;
	line-height: 32px;
	background-color: #898989;
	border-radius: 3px;
	float: right;
	margin-left: 10px;
	display: inline-block;
}

#bbs_reply_list_warp { display: block; clear: both; margin-top: 35px; }
#bbs_reply_list_warp .title { font-size: 14px; font-weight: bold; display: block; padding-left: 12px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #999; padding-bottom: 7px; }
#bbs_reply_list_warp .title .icon_arrow_gray { margin-right: 4px; margin-bottom: 1px; }

#bbs_reply_list_warp .input_warp { margin-top: 10px; margin-bottom: 10px; padding-right: 12px; padding-left: 12px; display: block; }
#bbs_reply_list_warp .reply { height: 50px; width: 100%; border: 1px solid #CCC; line-height: 16px; font-size: 14px; padding: 5px; }
#bbs_reply_list_warp .btn { width: 30px; background-color: #03F; }
#bbs_reply_list_warp ul { display: block; clear: both; }
#bbs_reply_list_warp ul li { padding-top: 8px; padding-right: 13px; padding-bottom: 8px; padding-left: 13px; line-height: 17px; font-size: 14px; color: #666666; border-top-width: 1px; border-top-style: solid; border-top-color: #EEE; }
.reply_btn { TEXT-ALIGN: center; LINE-HEIGHT: 60px; BACKGROUND-COLOR: #999999; HEIGHT: 60px; COLOR: #FFF; FONT-SIZE: 17px; font-weight:bold; text-decoration:none; border: 1px solid #8C8C8C; font-family: "맑은 고딕"; float: left; -webkit-border-radius: 3px; border-radius: 3px; width: 70px; margin-left: 20px; }
.reply_btn a { height: 100%; width: 100%; color:#FFFFFF; text-decoration:none; display: inline-block; }

.cafe_log_title { font-size: 17px; font-weight: bold; display: block; margin-bottom: 20px; text-align: center; margin-top: 80px; }
#cafe_log_warp { margin-top: 10px; margin-bottom: 150px; background-color: #F3F3F3; display: block; padding-top: 40px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }
.cafe_input { height: 50px; width: 100%; border: 1px solid #DDD; font-size: 20px; text-align: center; }
#cafe_log_warp ul li { margin-bottom: 10px; }

.cafe_log_btn { TEXT-ALIGN: center; LINE-HEIGHT: 50px; BACKGROUND-COLOR: #3a77d8; HEIGHT: 50px; FONT-SIZE: 18px; font-weight:bold; text-decoration:none; border: 1px solid #3a77d8; font-family: "맑은 고딕"; float: left; -webkit-border-radius: 3px; border-radius: 3px; width: 100%; }
.cafe_log_btn a { height: 100%; width: 100%; color:#FFFFFF; text-decoration:none; display: inline-block; }

#gpw { margin-bottom: 5px; margin-left: 2px; }

#cafe_log_warp ul .txt { color: #999; }

.cafe_menu_ist { width: 90%; margin-right: auto; margin-left: auto; margin-top: 50px; margin-bottom: 50px; font-size: 18px; font-weight: bold; }
.cafe_menu_ist .fst { border-top-width: 2px; border-top-style: solid; border-top-color: #666666; background-color: #999999; color: #FFF; }
.cafe_menu_ist li { line-height: 50px; text-align: center; height: 50px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E1E1E1; }
.cafe_menu_ist li a { display: inline-block; height: 100%; width: 100%; color: #8C8C8C; }
.cafe_menu_ist .fst a { color: #FFFFFF; }

.cafe_menu_ist .linebg2 { background-color: #F5F5F5; }
.cafe_menu_ist .linebg1 { background-color: #FAFAFA; }
#member_warp dl { display: block; clear: both; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; }
#member_warp dl dt { float: left; width: 30%; border-right-width: 1px; border-right-style: solid; border-right-color: #CCC; }
#member_warp dl dd { float: left; width: 70%; }
#search_warp { background-color: #F9F9F9; display: inline-block; clear: both; width: 100%; padding-top: 10px; padding-bottom: 10px; border-top-width: 1px; border-top-style: solid; border-top-color: #E1E1E1; }
#search_warp .txt_warp { float: right; }
#search_warp .btn_bbs.warp { float: right; margin-right: 12px;}
.search_input { height: 30px; width: 200px; border: 1px solid #999; padding-right: 5px; padding-left: 5px; }
.sch_img { margin-bottom: -4px; }





#popup {
	display: none;
	background-color: #FFF;
	width: 90%;
	text-align: center;
	margin-top: 70px;
}
#popup .popup_warp { width: 100%; }

#popup .popup_warp img {
	width: 100%;
}
.popup_close_warp{
	display: block;
	background-color: #E3E3E3;
	height: 40px;
	line-height: 40px;
}

#popup .popup_close_warp li {
	width: 49%;
	float: left;
	cursor: pointer;
}

#popup .popup_close_warp .fst {
	border-right: 2px solid #7D7D7D;
}

#popup .close_warp { 
	font-size: 11px;
	display: block;
}

.popup_close_warp li .btn {
	width: 100%;
	height: 100%;
	display: inline-block;
}

.popup_close_warp .fst a {
	width: 100%;
	height: 100%;
	display: inline-block;
}


.list_shopping2x {
	text-align: center;
	margin-top: 20px;
}
.list_shopping2x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box; padding:0 10px;  text-align:left; font-size:0;}
.list_shopping2x li { width:25%; display:inline-block; vertical-align: top; text-align:left; }
.list_shopping2x li .li_block {display: block; padding:5px;}
.list_shopping2x li img.listPic {width: 100%;}
.list_shopping2x .list_shoppingInfo {text-align:center;font-size:12px;}

.thumbnail_container { position: relative; width: 100%; padding-bottom: 100%; }
.thumbnail { position:absolute; width:100%; height:100%; text-align:center; }
.thumbnail img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.thumbnail img { max-height:100%; max-width:100%; }

@media screen and (min-width:320px) and (max-width:419px) {
    .tabletOnly {display:none !important;}
}
@media screen and (min-width:420px) and (max-width:767px) {
    .tabletOnly {display:none !important;}
    .list_shopping2x li {width:33.3%;}
}
@media screen and (min-width:350px) and (max-width:767px) {
    .list_shopping2x li {width:25%;}
	market09 li {width:50%;}
}
@media screen and (min-width:768px) {
    body {font-size:0.813em;}
    .mobileOnly {display:none !important;}

    /* 상품진열 */
    .list_shopping2x ul {padding:0 5px;}
    .list_shopping2x li {width:20%;}
    .list_shopping2x li a {padding:5px;}
}


.bbs_list_utube {
	padding-top: 0px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap; /* li를 여러 줄로 나누어 정렬 */
	clear: both;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 20px;
}

.bbs_list_utube li {
	box-sizing: border-box;
	padding-right: 10px;
	margin-bottom: 20px;
	text-align: center;
}

.bbs_list_utube .title {
	margin-top: 5px;
	line-height: 120%;
	display: block;
}

.bbs_list_utube li img{
	width: 100%;
}
.btn_down {
	font-size: 9pt;
	font-weight: 600;
	line-height: 20px;
	height: 20px;
	padding-left: 7px;
	padding-right: 7px;
	background-color: #EFEFEF;
	display: inline-block;
	margin-top: 10px;
	border-radius: 4px;
	border: 1px solid #DADADA;
}

/* 화면 너비가 700px 이하일 경우 */
@media (max-width: 700px) {
  .bbs_list_utube li {
    width: 50%; /* li의 가로폭을 50%로 설정 */
  }
}

/* 화면 너비가 700px 이상일 경우 */
@media (min-width: 701px) {
  .bbs_list_utube li {
    width: 33.3%; /* li의 가로폭을 33.3%로 설정 */
  }
}

.log_name {
	font-size: 14pt;
	color: #F8FFC4;
}
.left_close {
	float: right;
	font-size: 20pt;
	color: #FFFFFF;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: -30px;
	cursor: pointer;
}
	
#bbs_search_warp {
	background-color: #F9F9F9;
	display: none;
	clear: both;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E1E1E1;
	box-sizing: border-box; /* padding을 포함하여 요소의 크기를 계산 */
	transition: all 0.5s ease-in-out;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	height: 85px;
	}
	
#bbs_search_warp .txt_warp input {
	width: calc(100% - 70px);
	height: 40px;
	padding: 5px;
	float: left;
	box-sizing: border-box;
	border: 1px solid #6D6D6D;
    }


    /* btn_bbs 스타일 */
#bbs_search_warp .btn_bbs1 {
	width: 60px;
	height: 40px;
	background-color: #818181;
	color: white;
	text-align: center;
	line-height: 40px; /* 텍스트가 수직 가운데 정렬되도록 설정 */
	cursor: pointer;
	float: right;
	margin-left: 5px;
	font-weight: 600;
	border-radius: 2px;
    }
	
.bbs_write .btn_bbs {
	display: flex;          /* Flexbox를 사용하여 자식 요소를 정렬 */
    justify-content: center; /* 수평 가운데 정렬 */
    align-items: center;     /* 수직 가운데 정렬 */
	background-color: #F0F0F0;
	width: 40px;
	height: 30px;
	border: 1px solid #BFBFBF;
	border-radius: 4px;
	cursor: pointer;
	}
	
	#icon_show {
	display: flex;
	}
	
	#icon_hide {
	display: none;
	}