@charset "utf-8";

input {border:1px solid #cdcdcd;}
input[type=radio] { width:20px; height:20px; display:inline-block; vertical-align:text-bottom; margin-right:3px; cursor:pointer;}
[class^="icon-"], [class*=" icon-"] { font-family:'dbfont' !important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:initial; vertical-align:middle;}

.container { position:relative; width:1560px; margin:0 auto; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;
transition:all .3s ease;}
.alignment { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%;}

.input_wss{width:40px}
.input_ws{width:100px !important}
.input_wm{width:170px}
.input_wl{width:90%}
.input_wf{width:95%}

.PT5	{ padding-top:5px;}
.PT10	{ padding-top:10px;}
.PT15	{ padding-top:15px;}
.PT20	{ padding-top:20px;}
.PT25	{ padding-top:25px;}
.PT30	{ padding-top:30px;}
.PT35	{ padding-top:35px;}
.PT40	{ padding-top:40px;}
.PT45	{ padding-top:45px;}
.PT50	{ padding-top:50px;}
.PT55	{ padding-top:55px;}
.PT60	{ padding-top:60px;}
.PT65	{ padding-top:65px;}
.PT70	{ padding-top:70px;}
.PT75	{ padding-top:75px;}
.PT80	{ padding-top:80px;}
.PT85	{ padding-top:85px;}
.PT90	{ padding-top:90px;}
.PT95	{ padding-top:95px;}
.PT100	{ padding-top:100px;}

.PL5	{ padding-left:5px;}
.PL10	{ padding-left:10px;}
.PL15	{ padding-left:15px;}
.PL20	{ padding-left:20px;}
.PL25	{ padding-left:25px;}
.PL30	{ padding-left:30px;}
.PL35	{ padding-left:35px;}
.PL40	{ padding-left:40px;}
.PL45	{ padding-left:45px;}
.PL50	{ padding-left:50px;}
.PL55	{ padding-left:55px;}
.PL60	{ padding-left:60px;}
.PL65	{ padding-left:65px;}
.PL70	{ padding-left:70px;}
.PL75	{ padding-left:75px;}
.PL80	{ padding-left:80px;}
.PL85	{ padding-left:85px;}
.PL90	{ padding-left:90px;}
.PL95	{ padding-left:95px;}
.PL100	{ padding-left:100px;}

.PB10	{ padding-bottom:10px;}
.PB15	{ padding-bottom:15px;}	
.PB20	{ padding-bottom:20px;}
.PB25	{ padding-bottom:25px;}
.PB30	{ padding-bottom:30px;}
.PB35	{ padding-bottom:35px;}
.PB40	{ padding-bottom:40px;}
.PB45	{ padding-bottom:45px;}
.PB50	{ padding-bottom:50px;}
.PB55	{ padding-bottom:55px;}
.PB60	{ padding-bottom:60px;}
.PB65	{ padding-bottom:65px;}
.PB70	{ padding-bottom:70px;}
.PB75	{ padding-bottom:75px;}
.PB80	{ padding-bottom:80px;}
.PB85	{ padding-bottom:85px;}
.PB90	{ padding-bottom:90px;}
.PB95	{ padding-bottom:95px;}
.PB100	{ padding-bottom:100px;}

.PR5	{ padding-right:5px;}
.PR10	{ padding-right:10px;}
.PR15	{ padding-right:15px;}
.PR20	{ padding-right:20px;}
.PR25	{ padding-right:25px;}
.PR30	{ padding-right:30px;}
.PR35	{ padding-right:35px;}
.PR40	{ padding-right:40px;}
.PR45	{ padding-right:45px;}
.PR50	{ padding-right:50px;}
.PR55	{ padding-right:55px;}
.PR60	{ padding-right:60px;}
.PR65	{ padding-right:65px;}
.PR70	{ padding-right:70px;}
.PR75	{ padding-right:75px;}
.PR80	{ padding-right:80px;}
.PR85	{ padding-right:85px;}
.PR90	{ padding-right:90px;}
.PR95	{ padding-right:95px;}
.PR100	{ padding-right:100px;}

.MT5	{ margin-top:5px;}
.MT10	{ margin-top:10px;}
.MT15	{ margin-top:15px;}
.MT20	{ margin-top:20px;}
.MT25	{ margin-top:25px;}
.MT30	{ margin-top:30px;}
.MT35	{ margin-top:35px;}
.MT40	{ margin-top:40px;}
.MT45	{ margin-top:45px;}
.MT50	{ margin-top:50px;}
.MT55	{ margin-top:55px;}
.MT60	{ margin-top:60px;}
.MT65	{ margin-top:65px;}
.MT70	{ margin-top:70px;}
.MT75	{ margin-top:75px;}
.MT80	{ margin-top:80px;}
.MT85	{ margin-top:85px;}
.MT90	{ margin-top:90px;}
.MT95	{ margin-top:95px;}
.MT100	{ margin-top:100px;}

.MTM10	{ margin-top:-10px;}
.MTM15	{ margin-top:-15px;}
.MTM20	{ margin-top:-20px;}
.MTM25	{ margin-top:-25px;}
.MTM30	{ margin-top:-30px;}
.MTM35	{ margin-top:-35px;}
.MTM40	{ margin-top:-40px;}
.MTM45	{ margin-top:-45px;}
.MTM50	{ margin-top:-50px;}
.MTM55	{ margin-top:-55px;}
.MTM60	{ margin-top:-60px;}
.MTM65	{ margin-top:-65px;}
.MTM70	{ margin-top:-70px;}
.MTM75	{ margin-top:-75px;}
.MTM80	{ margin-top:-80px;}
.MTM85	{ margin-top:-85px;}
.MTM90	{ margin-top:-90px;}
.MTM95	{ margin-top:-95px;}
.MTM100{ margin-top:-100px;}
.MTM200{ margin-top:-200px;}
.MTM300{ margin-top:-300px;}
.MTM400{ margin-top:-400px;}
.MTM500{ margin-top:-500px;}
.MTM600{ margin-top:-600px;}

.ML5	{ margin-left:5px;}
.ML10	{ margin-left:10px;}
.ML15	{ margin-left:15px;}
.ML20	{ margin-left:20px;}
.ML25	{ margin-left:25px;}
.ML30	{ margin-left:30px;}
.ML35	{ margin-left:35px;}
.ML40	{ margin-left:40px;}
.ML45	{ margin-left:45px;}
.ML50	{ margin-left:50px;}
.ML55	{ margin-left:55px;}
.ML60	{ margin-left:60px;}
.ML65	{ margin-left:65px;}
.ML70	{ margin-left:70px;}
.ML75	{ margin-left:75px;}
.ML80	{ margin-left:80px;}
.ML85	{ margin-left:85px;}
.ML90	{ margin-left:90px;}
.ML95	{ margin-left:95px;}
.ML100	{ margin-left:100px;}

.MB10	{ margin-bottom:10px;}
.MB15	{ margin-bottom:15px;}
.MB20	{ margin-bottom:20px;}
.MB25	{ margin-bottom:25px;}
.MB30	{ margin-bottom:30px;}
.MB35	{ margin-bottom:35px;}
.MB40	{ margin-bottom:40px;}
.MB45	{ margin-bottom:45px;}
.MB50	{ margin-bottom:50px;}
.MB55	{ margin-bottom:55px;}
.MB60	{ margin-bottom:60px;}
.MB65	{ margin-bottom:65px;}
.MB70	{ margin-bottom:70px;}
.MB75	{ margin-bottom:75px;}
.MB80	{ margin-bottom:80px;}
.MB85	{ margin-bottom:85px;}
.MB90	{ margin-bottom:90px;}
.MB95	{ margin-bottom:95px;}
.MB100	{ margin-bottom:100px;}


.MR5	{ margin-right:5px;}
.MR10	{ margin-right:10px;}
.MR15	{ margin-right:15px;}
.MR20	{ margin-right:20px;}
.MR25	{ margin-right:25px;}
.MR30	{ margin-right:30px;}
.MR35	{ margin-right:35px;}
.MR40	{ margin-right:40px;}
.MR45	{ margin-right:45px;}
.MR50	{ margin-right:50px;}
.MR55	{ margin-right:55px;}
.MR60	{ margin-right:60px;}
.MR65	{ margin-right:65px;}
.MR70	{ margin-right:70px;}
.MR75	{ margin-right:75px;}
.MR80	{ margin-right:80px;}
.MR85	{ margin-right:85px;}
.MR90	{ margin-right:90px;}
.MR95	{ margin-right:95px;}
.MR100	{ margin-right:100px;}


.icon-id::after			{ content:"\e932";}
.icon-mb::after			{ content:"\e91b";}
.icon-pw::after,
.icon-secret::after		{ content:"\e94a";}
.icon-name::after		{ content:"\e91c";}
.icon-date::after		{ content:"\e933";}
.icon-hits::after		{ content:"\e92b";}
.icon-loca::before		{ content:"\E91E";}
.icon-file::after		{ content:"\e92a";}
.icon-p::after			{ content:"\e93c";}
.icon-n::after			{ content:"\e93d";}
.icon-calendar::after	{ content:"\e922";}
.icon-feel::after		{ content:"\e94e";}
.icon-del::after		{ content:"\e946";}
.icon-new::after		{ content:"\e931"; font-size:11px; color:#2878D3;}
.icon-reply::after		{ content:"\e923";}
.icon-image::after		{ content:"\E924";}
.icon-play::after		{ content:"\E937";}


#boardWrap		{ position:relative; width:100%;}
.scroll			{ padding-bottom:15px; overflow-x:auto;}
.typeC			{ text-align:center;}
.typeR			{ text-align:right;}
.typeL			{ float:left;}
.txtL			{ text-align:left;}
.txtR			{ float:right;}
.essential		{ color:#c5010a;}
.lineL			{ border-left:1px solid #e0e0e0;}

/*button*/
.btnArea													{ position:relative; width:100%; display:inline-block; margin-top:2%;}
.btnArea button,.btnArea a									{ margin-top:2%;}
button.effect,	a.effect									{ position:relative; width:auto; height:40px; padding:0 50px; color:#fff; text-align:center; background-color:#2878d3; border-radius:.25em; display:inline-block; overflow:hidden;}
button.effect::before,	a.effect::before					{ content:''; position:absolute; top:0; right:0; bottom:0; left:-1px; background-color:#044fa4; transform:translateX(-100%); -webkit-transform:translateX(-100%);}
button.effect-1,	a.effect-1								{ position:relative; width:auto; height:40px; padding:0 50px; color:#fff; text-align:center; background-color:#38393b; border-radius:.25em; display:inline-block; overflow:hidden;}
button.effect-1::before,	a.effect-1::before				{ content:''; position:absolute; top:0; right:0; bottom:0; left:-1px; background-color:#191a1c; transform:translateX(-100%); -webkit-transform:translateX(-100%);}
button.effect-2,	a.effect-2								{ position:relative; width:auto; height:40px; padding:0 50px; color:#fff; text-align:center; background-color:#38393b; border-radius:.25em; display:inline-block; overflow:hidden;}
button.effect-2::before,	a.effect-2::before				{ content:''; position:absolute; top:0; right:0; bottom:0; left:-1px; background-color:#2878d3; transform:translateX(-100%); -webkit-transform:translateX(-100%);}
button.effect::before,	a.effect::before,
button.effect::after,	a.effect::after,	
button.effect-1::before,	a.effect-1::before,
button.effect-1::after,	a.effect-1::after,
button.effect-2::before,	a.effect-2::before,
button.effect-2::after,	a.effect-2::after					{ box-sizing:border-box; transition:0.1s ease;}
button.effect:hover::before,	a.effect:hover::before,
button.effect-1:hover::before,	a.effect-1:hover::before,
button.effect-2:hover::before,	a.effect-2:hover::before	{ -webkit-transform:translateX(0); transform:translateX(0);}
button.effect span,	a.effect span,	
button.effect-1 span,	a.effect-1 span,
button.effect-2 span,	a.effect-2 span						{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; line-height:40px; color:#fff; z-index:1;}
button.effect-3,	a.effect-3								{ position:relative; width:auto; padding:7px 25px; border:1px solid #d0d0d0; border-radius:.25em; vertical-align:top;background-color:#fff; color:#000; display:inline-block;}	
button.effect-3:hover,	a.effect-3:hover					{ color:#fff; background-color:#2878d3; border:1px solid #2470c7; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
button.effect-4,	a.effect-4								{ position:relative; width:auto; padding:5px 10px; border:1px solid #d0d0d0; vertical-align:top; color:#000; display:inline-block; margin-right:0.5%; font-size:0.872rem;}	
button.effect-4:hover,	a.effect-4:hover					{ color:#fff; background-color:#2878d3; border:1px solid #2470c7; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}	
button.effect-2.line,	a.effect-2.line						{ background-color:#fff; box-shadow:inset 0 0 1px 0 #d0d0d0;}
button.effect-2.line span,	a.effect-2.line span			{ color:#606060;}
button.effect-2.line:hover span, a.effect-2.line:focus span { color:#fff;}

.btn_small													{ padding:0 15px; height:40px; vertical-align:middle; background-color:#38393B; color:#fff; font-size:14px; border-radius:0 .2em .2em 0;}
.btn_small:hover											{ background-color:#2878d3; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}	
button .excel,	a .excel									{ background:url(/tour/usr/images/bbs/excel.png) no-repeat 0 center; padding-left:25px}

/*tabmenu*/
.bd_tabNav								{ display:table; table-layout:fixed; position:relative; width:100%; height:100%; margin-bottom:25px;}
.bd_tabNav	li							{ display:table-cell; position:relative; height:100%; max-width:0; vertical-align:top;}
.bd_tabNav	a,.bd_tabNav button			{ display:block; position:relative; width:100%; height:100%; padding:12px; color:#4a4a4a; text-align:center; font-size:1.125em;}
.bd_tabNav	a::after,.bd_tabNav button::after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:solid #e0e0e0; border-width:1px 1px 1px 0;}
.bd_tabNav	li:first-child	a::after,
.bd_tabNav	li:first-child button::after{ border-width:1px;}
.bd_tabNav	> a > span,
.bd_tabNav	> button > span				{ display:table-cell; width:100%; height:100%; vertical-align:middle; word-break:keep-all;}
.bd_tabNav	a:hover,.bd_tabNav button:hover	{ font-weight:500; color:#007ac2;}
.bd_tabNav	.tab_on	a,
.bd_tabNav	.tab_on	button				{ color:#fff; background-color:#007ac2; font-weight:500;}
.bd_tabNav	.tab_on	a::after,
.bd_tabNav	.tab_on	button::after		{ background-color:#007ac2; border:1px solid #007ac2; z-index:1;}
.bd_tabNav	.tab_on	a	span,
.bd_tabNav	.tab_on	button span			{ position:relative; z-index:999;}
.bd_tabNav	a:hover::after,.bd_tabNav button:hover::after{ color:#fff; border:1px solid #007ac2; z-index:1;}

/*search*/
.headList												{ position:relative; width:100%; margin-bottom:10px;}
.headList	.bdTotal									{ width:auto; display:inline-block; line-height:40px; font-size:15px;}
.headList	.bdTotal	span							{ position:relative; margin-left:10px; padding-left:10px;}
.headList	.bdTotal	span	strong					{ color:#2878d3; font-weight:900;}
.headList	.bdTotal	span:nth-of-type(1)	strong		{ color:#f26522;}
.headList	.bdTotal	span	strong:nth-of-type(2)	{ color:#666; font-weight:600;}
.headList	.bdTotal	span::after						{ content:'';display:block; position:absolute; top:6px; left:0; width:1px; height:13px; background-color:#e0e0e0;}
.headList	.bdTotal	span:first-child				{ margin-left:0; padding-left:0;}
.headList	.bdTotal	span:first-child::after			{ display:none;}
.headList	.SearchInfo									{ float:right; width:auto;}
.headList	.SearchInfo	select							{ width:auto;}
.headList	.SearchInfo	input							{ width:250px;}
.headList	.SearchInfo	button							{ width:60px; height:40px; background-color:#38393B; color:#fff; margin-left:-3px; vertical-align:middle;}
.headList	.SearchInfo .wr_period input				{ width:150px;}
.headList	.wr_word						{ display:inline;}
.headList	.wr_period	em					{ position:relative;display:inline-block;}
.headList	.wr_period	em	a				{ position:absolute; top:50%;transform:translateY(-50%);right:10px; width:25px; height:28px; text-align:center;}
.headList	.wr_period	em	a	i			{ font-size:20px; color:#2878d3;}
.headList	.wr_period	em	a	i:hover		{ color:#282828;}
.headList::after{clear:both;content:"";display:block}

/*paging*/
.paging							{ position:relative; width:100%; text-align:center; margin-top:40px; }
.paging a						{ font-size:15px; display:inline-block; vertical-align:top; color:#747474; width:35px; height:35px; border:1px solid #e0e0e0; line-height:2.3;}
.paging a.this					{ font-size:15px; color:#282828; font-weight:600; border:1px solid #282828;}
.paging	.btn_prev				{ background:url(/tour/usr/images/bbs/bbs-prev.png) center no-repeat;}
.paging .btn_start				{ background:url(/tour/usr/images/bbs/bbs-prev-end.png) center no-repeat;}
.paging .btn_next				{ background:url(/tour/usr/images/bbs/bbs-next.png) center no-repeat;}
.paging .btn_end				{ background:url(/tour/usr/images/bbs/bbs-next-end.png) center no-repeat;}

/* basic st1 */
.list_group	.group_tit							{ position:relative; width:100%; border-top:1px solid #33383E; border-bottom:1px solid #33383E; color:#282828;}
.list_group	.group_tit	ul,
.list_group	.group_con	ul						{ display:table; table-layout:fixed; width:100%; text-align:center;}
.list_group	.group_tit	ul	li					{ display:table-cell; padding:18px 5px; font-weight:600; color:#282828; vertical-align:top;}
.list_group	.group_con							{ width:100%;}
.list_group	.group_con	ul						{ position:relative; text-align:center;}
.list_group	.group_con	ul	li					{ display:table-cell; padding:18px 5px; border-bottom:1px solid #e0e0e0; vertical-align:top;}
.list_group	.group_con	ul	li	span			{ width:18px; height:18px; display:inline-block; vertical-align:middle;}
.list_group	.group_con	ul	li	em				{ position:relative; padding:3px 8px 4px 8px; font-size:14px; cursor:pointer; border-radius:.2em;}
.list_group	.group_con	ul	li	em		a,
.list_group	.group_con	ul	li	em		button	{ color:#fff; line-height:1.9; font-size:14px;}
.list_group	.title								{ width:auto; text-align:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.list_group	.title	span						{ font-size:14px; color:#cbcbcb; margin-left:5px; vertical-align:top;}
.list_group	.title	a	strong					{ color:#38393B; margin-right:3px;}
.list_group	.group_tit	.title					{ text-align:center;}
.list_group	.colNotice							{ background-color:#f4f6f9;}
.list_group	.colNotice	.icoNotice	span		{ background:url(/tour/usr/images/bbs/icon_notice.png) center no-repeat;}
.list_group	.group_con	.icon_file				{ background:url(/tour/usr/images/bbs/icon_file.png) center no-repeat;}
.list_group	.group_con	.icon_file_no			{ background:url(/tour/usr/images/bbs/icon_file_no.png) center no-repeat;}	
.list_group	.group_con	.txt_line1				{ color:#38393B; border:1px solid #38393B;}
.list_group	.group_con	.txt_line2				{ color:#2878d3; border:1px solid #2878d3;}
.list_group	.group_con	.txt_link1				{ background-color:#38393B;}
.list_group	.group_con	.txt_link2				{ background-color:#2878d3;}
.bbslist_none									{ padding:5% 3%; text-align:center; border-bottom:1px solid #d9d9d9;}

/* thumbnail list*/
.list_group_thumb	.thumb_st1,	
.list_group_thumb	.thumb_st3,
.list_group_thumb	.thumb_st4							{ position:relative; width:100%;}
.list_group_thumb	.thumb_st3	li						{ float:left; width:32%; margin:2% 2% 2% 0; border:1px solid #e0e0e0;}
.list_group_thumb	.thumb_st4	li						{ float:left; width:23.5%; margin:2% 2% 2% 0; border:1px solid #e0e0e0;}
.list_group_thumb	.thumb_st3	li:hover,				
.list_group_thumb	.thumb_st4	li:hover				{ border:1px solid #007ac2; box-shadow:3px 3px 4px 0px rgba(0,0,0,0.1); transition:all 0.5s ease;}
.list_group_thumb	.thumb_st3	li:nth-child(1),
.list_group_thumb	.thumb_st3	li:nth-child(2),
.list_group_thumb	.thumb_st3	li:nth-child(3),
.list_group_thumb	.thumb_st4	li:nth-child(1),
.list_group_thumb	.thumb_st4	li:nth-child(2),
.list_group_thumb	.thumb_st4	li:nth-child(3),
.list_group_thumb	.thumb_st4	li:nth-child(4)			{ margin-top:0;}
.list_group_thumb	.thumb_st3	li:nth-child(3),
.list_group_thumb	.thumb_st3	li:nth-child(6),
.list_group_thumb	.thumb_st3	li:nth-child(9),
.list_group_thumb	.thumb_st3	li:nth-child(12),
.list_group_thumb	.thumb_st4	li:nth-child(4),
.list_group_thumb	.thumb_st4	li:nth-child(8),
.list_group_thumb	.thumb_st4	li:nth-child(12),
.list_group_thumb	.thumb_st4	li:nth-child(16),
.list_group_thumb	.thumb_st4	li:nth-child(20)		{ float:right; margin-right:0;}
.list_group_thumb	.thumb_img							{ width:100%; height:260px; border-bottom:1px solid #e0e0e0; background:url(/tour/usr/images/bbs/thumb_list_none.jpg) center no-repeat; overflow:hidden;display:block}
.list_group_thumb	.thumb_img	img						{ width:100%; height:100%; -webkit-transform:scale(1); transform:scale(1); -webkit-transition:.8s ease-in-out; transition:.8s ease-in-out;}
.list_group_thumb	.thumb_img	img:hover				{ opacity:1; -webkit-animation:flash 1.2s; animation:flash 1.2s; -webkit-transform:scale(1.2); transform:scale(1.2);}
.list_group_thumb	.thumb_info							{ width:100%;}
.list_group_thumb	.thumb_info	dl						{ width:85%; margin:6% auto 8% auto;}
.list_group_thumb	.thumb_info	dl	dt,
.list_group_thumb	.thumb_info1	dl	dt				{ font-size:1.5em; color:#111; font-weight:600; margin-bottom:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.list_group_thumb	.thumb_info	dl	dt	span,
.list_group_thumb	.thumb_info1	dl	dt	span		{ font-size:16px; color:#2878D3; display:block; font-weight:300; }
.list_group_thumb	.thumb_info	.thumb_con,
.list_group_thumb	.thumb_info1	.thumb_con			{ height:3.3em; text-overflow:ellipsis;overflow:hidden;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.list_group_thumb	.thumb_info	.thumb_date,
.list_group_thumb	.thumb_info1	.thumb_date			{ font-size:15px; color:#949494; letter-spacing:0; margin-top:15px;}
.list_group_thumb	.thumb_info	.thumb_date	i,
.list_group_thumb	.thumb_info1	.thumb_date	i		{ margin-right:3px; font-size:14px; color:#CBCBCB; display:inline-block;}
.list_group_thumb	.thumb_info	.thumb_more,
.list_group_thumb	.thumb_info1	.thumb_more			{ text-align:center; color:#343434; background-color:#fff; margin-top:20px;}
.list_group_thumb	.thumb_info	.thumb_more	a			{ width:50%; height:45px; display:block; font-size:13px; text-align:center; letter-spacing:0.5px; line-height:3.2; border:1px solid #d8dee4; margin:0 auto;}
.list_group_thumb	.thumb_info	.thumb_more	a:hover,
.list_group_thumb	.thumb_info1	.thumb_more	a:hover	{ background-color:#38393b; color:#fff; transition:all 0.5s ease; border:1px solid #000;}
.list_group_thumb	.thumb_st1							{ position:relative; width:100%; border-top:1px solid #33383E;}
.list_group_thumb	.thumb_st1	li						{ display:table; width:100%; text-align:center; padding:2.5% 0; border-bottom:1px solid #e0e0e0;}
.list_group_thumb	.thumb_st1	div						{ display:table-cell; vertical-align:top;}
.list_group_thumb	.thumb_st1	label					{ left:0; top:3px;}
.list_group_thumb	.thumb_img1							{ position:relative; width:30%; padding-right:3%;}
.list_group_thumb	.thumb_img1	span					{ float:left; width:98%; height:213px; display:inline-block; border:1px solid #d8dee4; background:url(/tour/usr/images/bbs/thumb_list_none.jpg) center no-repeat; background-size:cover; overflow:hidden;}
.list_group_thumb	.thumb_img1	span	img				{ width:100%; height:100%; -webkit-transform:scale(1); transform:scale(1); -webkit-transition:.8s ease-in-out; transition:.8s ease-in-out;}
.list_group_thumb	.thumb_img1	img:hover				{ opacity:1; -webkit-animation:flash 1.2s; animation:flash 1.2s; -webkit-transform:scale(1.2); transform:scale(1.2);}
.list_group_thumb	.thumb_info1	dl					{ text-align:left;}
.list_group_thumb	.thumb_info1	.thumb_more	a		{ width:170px; height:45px; display:block; font-size:13px; text-align:center; letter-spacing:0.5px; line-height:3.2; border:1px solid #d8dee4;}
.list_group_thumb	ul	li								{ position:relative;}
.list_group_thumb	ul	li	label						{ position:absolute; left:15px; top:15px; width:20px; height:20px; z-index:111;}
.list_group_thumb	ul	li	label	input				{ vertical-align:top;}
.thumblist_none											{ width:100% !important; padding:5% 3%; text-align:center; border:0 !important; border-top:1px solid #33383E !important; border-bottom:1px solid #d9d9d9 !important;}
.bt_none												{ border-top:0;}
.list_group_thumb	.thumb_st3::after,
.list_group_thumb	.thumb_st4::after{clear:both;content:"";display:block}

.secretCheck													{ position:fixed; left:0; top:0; width:100%; height:100vh; background-color:rgba(0,0,0,0.8); z-index:2000;}
.secretCheck	.sc_layer										{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:45%; height:50vh; background-color:#fff; border:1px solid #fff; box-shadow:3px 3px 5px 0px rgba(0,0,0,0.2);}
.secretCheck	.sc_layer	.sc_infoBox							{ position:relative; width:80%; margin:13% 10% 0 10%; text-align:center;}
.secretCheck	.sc_layer	.sc_infoBox	dl	dt					{ font-size:30px; color:#282828; font-weight:600; margin-bottom:10px;}
.secretCheck	.sc_layer	.sc_infoBox	dl	dd					{ font-size:17px;}
.secretCheck	.sc_layer	.sc_infoBox	.scform					{ width:90%; margin-top:40px; padding:6%; background-color:#f4f6f8; border:1px solid #e0e0e0; display:inline-block;}
.secretCheck	.sc_layer	.sc_infoBox	.scform	label			{ width:100px; display:inline-block; font-weight:600;}
.secretCheck	.sc_layer	.sc_infoBox	.scform	span			{ width:300px; text-align:left; display:inline-block;}
.secretCheck	.sc_layer	.sc_infoBox	.scform	span	input	{ width:70%; border:1px solid #ccc;}
.secretCheck	.sc_layer	.sc_infoBox	.scform	span	button	{ width:28%;margin-left:-3px; font-size:16px;}
.secretCheck	.sc_layer	.sc_close							{ position:absolute; right:20px; top:20px;}
.secretCheck	.sc_layer	.sc_close::after					{ display:block; width:35px; height:35px; font-size:23px; color:#343434; font-family:'dbfont'; content:"\e944"; text-align:center;}


/* view */
.view-group													{ border-top:1px solid #33383E; border-bottom:1px solid #e0e0e0;}
.view-group	.view-title	h4									{ font-size:1.2em; font-weight:600; padding:.7em .4em; border-bottom:1px solid #e0e0e0; color:#343434;}
.view-group	.view-title	.category							{ margin-right:10px; color:#2878d3;}
.view-group	.view-title	.view-info							{ width:100%; border-bottom:1px solid #e0e0e0; display:inline-block;}
.view-group	.view-title	.view-info	li						{ font-size:15px; margin-right:10px; padding:.7em .4em; vertical-align:top; display:inline-block;}
.view-group	.view-title	.view-info	li	strong				{ padding-right:5px;}
.view-group	.view-title	.view-info	li	strong	i			{ margin-right:5px; font-size:14px; color:#CBCBCB;}
.view-group	.view-title	.view-info	li	span				{ position:relative; padding-left:7px; }
.view-group	.view-title	.view-info	li	span::before			{ content:""; position:absolute; top:5px; left:0; width:1px; height:13px; background-color:#e0e0e0;}
.view-group	.view-title	.viewName::before,
.view-group	.view-title	.viewHits::before					{ width:0;}
.view-group	.view-title	.viewHits							{ float:right; margin-right:0 !important;}
.view-group	.view-title	.attached-file						{ width:100%; border-top:1px solid #e0e0e0;}
.view-group	.view-title	.attached-file	strong				{ display:inline-block; vertical-align:top;  margin-right:5px;}
.view-group	.view-title	.attached-file	ul					{ display:inline-block;}
.view-group	.view-title	.attached-file	ul	li				{ border-bottom:0; padding:0; font-size:15px; line-height:1.7; text-indent:10px; display:block; background:url(/tour/usr/images/bbs/dott.png) left 10px no-repeat;}
.view-group	.view-title	.attached-file	ul	li	a			{ color:#747474; }
.view-group	.view-title	.attached-file	ul	li	a:hover		{ color:#2878d3; text-decoration:underline;}
.view-group	.view-title	.attached-file	ul	li	a	span	{ margin-left:5px; color:#949494;}
.view-group	.view-list										{ padding:.7em .4em;}
.view-group	.view-list	.view-con	img						{ max-width:100%; height:auto; margin-bottom:.7em; display:block;margin:auto;}

.view-group	.view-table									{ width:100%; display:inline-block; text-align:left;}
.view-group	.view-table	li								{ float:left; width:50%; border-bottom:1px solid #d9d9d9;}
.view-group	.view-table	li	strong						{ width:200px; height:100%; padding:1em 15px; text-align:center; font-weight:600; display:inline-block; background-color:#f4f6f9; }
.view-group	.view-table	li	span						{ padding:15.5px 10px;; display:inline-block;}
.view-group	.view-table	.col_w100						{ width:100%;}
.view-group	.view-table	.lineBreak						{ display:table; table-layout:fixed; position:relative; width:100%; height:100%;}
.view-group	.view-table	.lineBreak	strong,
.view-group	.view-table	.lineBreak	span				{ display:table-cell; position:relative; height:100%; padding:15px; vertical-align:top;}
.view-group	.view-table	.lineBreak	span	a			{ display:block; padding-left:10px; background:url(/tour/usr/images/bbs/dott.png) left 13px no-repeat; display:block;}
.view-group	.view-table	.lineBreak	span	a:hover		{ text-decoration:underline; color:#2878D3;}
.view-group	.view-table	.lineBreak	span	a	i		{ font-size:90%; margin-left:5px; color:#949494;}

.view-ctrl									{ margin-top:1em;}
.view-ctrl::after							{ content:'';display:block;clear:both;}
.view-ctrl	ul	li							{ position:relative; float:left; width:50%; height:80px; background-color:#f4f6f9; border:1px solid #e0e0e0;}
.view-ctrl	ul	li:last-child				{ border-left:0;}
.view-ctrl	ul	li	i						{ position:absolute; top:calc(50% - 25px); font-size:50px; color:#b9b9b9;}
.view-ctrl	ul	li	span					{ width:80%; height:100%; line-height:80px; margin:0 auto; display:block;}
.view-ctrl	ul	li	span	strong			{ color:#2878d3;vertical-align:middle;}
.view-ctrl	ul	li	span	a				{ width:85%; display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.view-ctrl	.nonePrev	i					{ left:0;}
.view-ctrl	.nonePrev	a,
.view-ctrl	.noneNext	strong				{ float:right; text-align:right; display:block;}
.view-ctrl	.noneNext	i					{ right:0;}

.answer-group	.asrTit							{ position:relative; padding:15px; background-color:#f4f6f8; border-bottom:1px dashed #e0e0e0;}
.answer-group	.asrTit	strong					{ font-size:18px; font-weight:600; color:#343434; padding-left:25px; }
.answer-group	.asrTit	strong	i				{ position:absolute; left:15px; top:20px; color:#33383E; transform:scaleX(-1); -moz-transform:scaleX(-1); -o-transform:scaleX(-1); -webkit-transform:scaleX(-1);}
.answer-group	.asrTit	.answer-info			{ float:right; font-size:15px; letter-spacing:0; line-height:1.8; color:#848484;}
.answer-group	.asrTit	.answer-info::after		{ position:absolute; right:162px; top:16px; color:#cbcbcb;}
.answer-group	.asrTit	.answer-info	span	{ margin-right:10px;}
.answer-group	.asrTit	.answer-info	span i	{ margin-right:5px;}
.answer-group	.answer-list					{ padding:2% 15px; border-bottom:1px solid #e0e0e0;}
.comment-group	h5								{ font-size:17px; font-weight:300; color:#343434; padding:20px 0 7px 0;}
.comment-group	h5	span						{ color:#2878d3; font-weight:600;}
.comment-group	.cbox_guide						{ position:relative; width:100%; display:inline-block;}
.comment-group	.cbox_guide	textarea			{ float:left; width:90%; height:100px;}
.comment-group	.cbox_guide	button				{ float:right; width:10%; height:100px; border-left:0;}
.comment-group	.cbox_guide	.cm_txt				{ width:100%; margin-top:5px; display:inline-block;}
.comment-group	.cbox_list	ul	li						{ position:relative; border-bottom:1px solid #e0e0e0; padding-top:15px;}
.comment-group	.cbox_list	ul	li	dl	dt				{ color:#343434; font-weight:600; display:block;}
.comment-group	.cbox_list	ul	li	dl	dt	span		{ font-size:14px; color:#949494; font-weight:300; letter-spacing:0; margin-left:10px;}
.comment-group	.cbox_list	.cm_write					{ padding-bottom:15px;}		
.comment-group	.cbox_list	.cm_write	a,
.comment-group	.cbox_list	.cm_write_re	a,
.comment-group	.cbox_list	.cm_write_re_re	a,
.comment-group	.cbox_list	.cm_write_re_re_re	a,
.answer-group	.answer-list	a						{ padding:2px 10px; margin-top:10px;  font-size:14px; color:#343434; border-radius:.2em; background-color:#f4f6f8; border:1px solid #d4d4d4; display:inline-block;}
.comment-group	.cbox_list	.cm_write_re				{ border-top:1px dashed #e0e0e0; padding:15px 0 15px 40px; background:url(/tour/usr/images/bbs/icon_reply.png) 10px 20px no-repeat;} 
.comment-group	.cbox_list	.cm_write_re_re				{ border-top:1px dashed #e0e0e0; padding:15px 0 15px 70px; background:url(/tour/usr/images/bbs/icon_reply.png) 40px 20px no-repeat;}
.comment-group	.cbox_list	.cm_write_re_re_re			{ border-top:1px dashed #e0e0e0; padding:15px 0 15px 100px; background:url(/tour/usr/images/bbs/icon_reply.png) 70px 20px no-repeat;}
.comment-group	.cbox_guide_reply						{ position:relative; width:100%; display:inline-block; padding:0 0 15px 40px; background:url(/tour/usr/images/bbs/icon_reply.png) 10px 2px no-repeat;}
.comment-group	.cbox_guide_reply	textarea			{ float:left; width:90%; height:50px;}
.comment-group	.cbox_guide_reply	button				{ float:right; width:10%; height:50px; border-left:0;}

/* write */
.write_group									{ position:relative; width:100%; border-top:1px solid #33383E; border-bottom:1px solid #e0e0e0; padding:.7em .4em;}
.write_group	ul	li							{ position:relative; width:100%; display:inline-block; padding:.4em;}
.write_group	ul	li	strong,
.write_group	ul	li	dl	dt					{ float:left; width:15%; line-height:40px; font-weight:600; vertical-align:middle; color:#343434;}
.write_group	ul	li	span,
.write_group	ul	li	dl	dt	span			{ float:right; width:85%;}
.write_group	ul	li	span	input			{ margin:1px 0;}
.write_group	ul	li	span.file  a			{ display:inline-block; margin-bottom:5px; margin-right:10px }
.write_group	ul	li	span.file  a:last-child { margin-right:0}
.write_group	ul	li	span.file  a:hover		{ text-decoration:underline}
.write_group	ul	li	span.file  .del			{ vertical-align:middle; margin-left:5px}
.write_group	ul	li	span .sign-area			{ display:block}
.write_group	ul	li	span .sign-area	 input	{ margin-top:5px}
.write_group	.small_txt						{ color:#2878d3; font-size:15px; }
.write_group	.checkbox						{ width:15px; height:15px; margin-left:5px;}
.write_group	.wr_period	em					{ position:relative;}
.write_group	.wr_period	em	a				{ position:absolute; top:5px; right:10px; width:25px; height:25px; text-align:center;}
.write_group	.wr_period	em	a	i			{ font-size:20px; color:#2878d3;}
.write_group	.wr_period	em	a	i:hover		{ color:#282828;}
.write_group	.wr_cont						{ position:relative; width:100%;}
.write_group	.wr_file						{ border:0; text-indent:0;}
.write_group	.radioBox	span				{ float:none; width:auto; display:inline-block; padding:0; margin-right:3%;}
.write_group	.radioBox	span:last-child		{ margin-right:0;}
.write_group	.radioBox	span	em			{ vertical-align:middle; margin-right:7px;}
.write_group	.checkBox	label				{ margin-right:30px;}
.write_group	.checkBox	label:last-child	{ margin-right:0;}
.write_group	.mp_ipst						{ width:300px;}
.write_group textarea{width:100%}
.write_group .title{width:80%}

.attachedFile	.fileList						{ float:right; width:85%; padding:10px 15px; background-color:#F4F6F8;}
.attachedFile	.fileList	input				{ height:35px; margin:5px 0; border:0;}
.attachedFile	.fileList	button				{ width:21px; height:21px; vertical-align:middle; margin-left:10px;}
.attachedFile	.fileList	.basicFile			{ width:100%;}
.attachedFile	.fileList	.file_drop	li		{ padding:0;}
.attachedFile	.fileList	.fileAdd			{ background:url(/tour/usr/images/bbs/btn_file_add.png) center no-repeat;}
.attachedFile	.fileList	.fileDel			{ background:url(/tour/usr/images/bbs/btn_file_minus.png) center no-repeat;}
.attachedFile	.fileList	.regist_file		{ margin-bottom:10px;}
.attachedFile	.fileList	.regist_file	a	{ font-size:15px; color:#343434; margin-right:10px;}

/* faq */
.faq_list													{ position:relative; width:100%;}
.faq_list::before											{ content:''; display:block; position:absolute; top:0; width:100%; height:1px; background-color:#33383E;}
.faq_list_item.faqActive .faqCtrl::after						{ -webkit-transform:rotate(-180deg) scale(0.8); -ms-transform:rotate(-180deg) scale(0.8); transform:rotate(-180deg) scale(0.8);}
.faq_list_state												{ position:absolute; top:16px; width:32px; height:32px; background-color:#fff; color:#2878D3; border:1px solid #2878D3; font-size:17px; font-weight:600; text-align:center; line-height:1.8; display:inline-block; border-radius:50%;}
.faq_list_tit												{ position:relative; width:100%; border-bottom:1px solid #e0e0e0; text-align:left; padding:18px 15px; cursor:pointer; display:block;}
.faq_list_tit .faqTit										{ padding-left:70px; padding-right:40px; color:#343434; line-height:1.7; font-weight:600; display:block; letter-spacing:-0.01em;}
.faq_list_tit .faqCtrl										{ display:inline-block; width:40px; height:40px; position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.faq_list_tit .faqCtrl::after								{ display:block; width:100%; height:100%; position:absolute; top:0px; left:0px; font-family:"dbfont"; content:"\e905"; font-size:14px; font-style:normal; text-align:center; line-height:2.8;  color:#ed4043; -webkit-transform:scale(0.8); -ms-transform:scale(0.8); transform:scale(0.8); -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.faq_list_con_wrap											{ border-bottom:1px solid #e0e0e0; background-color:#fff; padding:18px 15px 23px 15px;}
.faq_list_con												{ position:relative; width:100%; display:inline-block;}
.faq_list_con:last-child									{ padding-bottom:0; margin-bottom:0; border-bottom:none;}
.faq_list_con .faq_list_state								{ position:absolute; left:0; top:0; background-color:#2878D3; color:#fff;}
.faq_list_con .faq_list_con_txt								{ padding-left:70px; letter-spacing:-.01em; }
.faq_list_con .faq_list_con_txt	.adm_btn					{ position:relative; width:100%; margin-top:15px; display:inline-block;}
.faq_list_con .faq_list_con_txt	.adm_btn a					{ font-size:14px; width:50px; height:27px;  line-height:25px; color:#343434; border-radius:.25em; background-color:#f4f6f8; border:1px solid #d4d4d4; display:inline-block; text-align:center;}
.faq_list_con .faq_list_con_txt	.adm_btn	a:hover			{ background-color:#fff;}

/* member */
.Membership				{ position:relative; width:100%;}
.mb_tit					{ position:relative; text-align:center; margin-bottom:3%;}
.mb_tit	h4				{ position:relative; font-size:40px; color:#282828; font-weight:500; letter-spacing:-2px; background-color:#fff; display:inline-block; padding:0 25px; z-index:200;}
.mb_tit	p				{ color:#4a4a4a;}
.titst2					{ font-size:1.25em; color:#0A3367; font-weight:600; margin-bottom:10px;}
.progress_bar													{ margin:3% 0 3% 0; border:1px solid #e0e0e0;}
.progress_bar	ol												{ display:table; table-layout:fixed; width:100%; padding:2% 0 4% 0; counter-reset:num;}
.progress_bar	ol	li											{ position:relative; width:25%; display:table-cell;}
.progress_bar	ol	li::before									{ content:''; display:block; position:absolute; right:-10px; top:55%; width:34px; height:18px; background:url(/tour/usr/images/bbs/step_arrow.png) center no-repeat;}
.progress_bar	ol	li:last-child::before						{ display:none;}
.progress_bar	ol	li	strong									{ padding-left:55%; margin-top:20px;color:#343434; display:block;}
.progress_bar	ol	li	strong	span							{ color:#646464; display:block; font-size:17px;}
.progress_bar	ol	li	strong::before							{ counter-increment:num; content:"STEP. 0"counter(num);}
.progress_bar	ol	li	strong::after							{ content:""; display:block; position:absolute; left:19%; top:0; width:90px; height:90px; background-color:#ced1d8; border-radius:50%; background-position:center; background-repeat:no-repeat;}
.progress_bar	.pgr_on	strong::after							{ background-color:#2878d3;}
.progress_bar	.pgr_on	strong	span							{ color:#2878d3; font-weight:600;}
.progress_bar	ol	li:nth-child(1)	strong::after				{ background-image:url(/tour/usr/images/bbs/icon_step1.png);} 
.progress_bar	ol	li:nth-child(2)	strong::after				{ background-image:url(/tour/usr/images/bbs/icon_step2.png);} 
.progress_bar	ol	li:nth-child(3)	strong::after				{ background-image:url(/tour/usr/images/bbs/icon_step3.png);} 
.progress_bar	ol	li:nth-child(4)	strong::after				{ background-image:url(/tour/usr/images/bbs/icon_step4.png);} 
.Membership textarea{width:100%}

.join_identify											{ width:100%; display:inline-block;}
.join_identify	ul	li									{ width:60%; height:425px; margin:auto; text-align:center; border:1px solid #e0e0e0;}
.join_identify	ul	li:first-child						{ background:#f4f6f8 url(/tour/usr/images/bbs/member_idt1.png) center 17% no-repeat;}
/*.join_identify	ul	li:last-child						{ float:right; background:#f4f6f8 url(/tour/usr/images/bbs/member_idt2.png) center 17% no-repeat;}*/
.join_identify	ul	li	dl								{ margin-top:175px;}
.join_identify	ul	li	dl	dt							{ font-size:25px; font-weight:600;color:#003478; letter-spacing:-1px; margin-bottom:20px;}
.join_identify	ul	li	dl	dd							{ padding:0 14%;}
.join_identify	ul	li	dl	dd:last-child	a			{ width:200px; height:50px; font-size:18px; margin-top:5%;}
.join_identify	ul	li	dl	dd:last-child	a	span	{ line-height:2.7;}
.join_tip						{ padding-top:2%;}
.join_tip	p	i				{ font-weight:bold; vertical-align:middle; margin:0 3px 2px 0; color:#000; display:inline-block;}
.join_tip	p:first-child		{ padding-bottom:12px; margin-bottom:10px; border-bottom:1px dotted #e0e0e0;}
.join_agree	.termsForm	.termsBox						{ height:200px; overflow-x:hidden; overflow-y:scroll; border:1px solid #e0e0e0;}
.join_agree	.termsForm	.termsList						{ padding:2%;}
.join_agree	.termsForm	.termsCheck						{ width:100%; padding:15px; margin-bottom:2%; display:inline-block; border:1px solid #e0e0e0; border-top:0; background-color:#f4f6f8;}
.join_agree	.termsForm	.termsCheck		label			{ float:right;}
.join_agree	.termsForm	.termsCheck		label	input	{ width:17px; height:17px; margin-right:3px;}
.join_agree	.termsForm	.termsCheck		label	strong	{ color:#343434;}
.join_agree	.termsForm	.termsCheck		label	span	{ color:#2878d3;}
.join_agree	.join_tip									{ padding:0;}
.join_complete								{ padding:6%; border:1px solid #e0e0e0; background-color:#f4f6f8; text-align:center;}
.join_complete	p							{ font-size:17px;}
.join_complete	p:first-child				{ font-size:25px; color:#343434; font-weight:500; margin-bottom:20px; padding-top:120px; background:url(/tour/usr/images/bbs/member_icon.png) top center no-repeat;}
.join_complete	p:first-child	strong		{ color:#2878d3;}
.join_complete	.effect-2					{ width:180px; height:50px; margin-top:15px;}
.join_complete	.effect-2	span			{ line-height:3;}

.loginForm															{ margin-top:3%;}
.loginForm	.loginBox												{ width:60%; margin:auto; border:1px solid #e0e0e0; padding:5% 8%;}
.loginForm	.loginBox	button.effect,
.loginForm	.loginBox	button.effect-2								{ width:100%; height:50px; margin-top:5px;}
.loginForm	.loginBox	button.effect	span,
.loginForm	.loginBox	button.effect-2	span						{ font-size:18px; line-height:2.8;}
.loginForm	.loginBox	.loginTxt									{ text-align:center; margin-bottom:5%;}
.loginForm	.loginBox	.loginTxt	dd								{ font-size:17px; color:#4a4a4a; margin-top:3%;}
.loginForm	.loginBox	.loginBasic	li	input						{ height:45px; margin:5px 0; border-radius:.25em;}
.loginForm	.loginBox	.loginBasic	li	p							{ margin:7px 0; color:#949494; display:block; text-align:center;}
.loginForm	.loginBox	.loginBasic	.loginCtrl								{ display:inline-block; font-size:15px;}
.loginForm	.loginBox	.loginBasic	.loginCtrl	label						{ color:#949494; margin-top:10px; display:inline-block;}
.loginForm	.loginBox	.loginBasic	.loginCtrl	input						{ width:15px; height:14px; margin-right:3px;}
.loginForm	.loginBox	.loginBasic	.loginInfo	ul							{ text-align:center; margin-top:3%;}
.loginForm	.loginBox	.loginBasic	.loginInfo	ul	li						{ position:relative; display:inline-block; padding-right:17px; margin-right:12px;}
.loginForm	.loginBox	.loginBasic	.loginInfo	ul	li	i					{ font-size:14.5px; color:#cecece; margin-right:3px;}
.loginForm	.loginBox	.loginBasic	.loginInfo	ul	li::after				{ content:''; position:absolute; right:0; top:7px; width:1px; height:13px; background-color:#e0e0e0;}
.loginForm	.loginBox	.loginBasic	.loginInfo	ul	li:last-child::after		{ display:none;}
.loginForm	.loginBox	.loginSns						{ position:relative; width:100%; margin-top:8%; padding-top:6%; border-top:1px dotted #d4d4d4;}
.loginForm	.loginBox	.loginSns	li					{ float:left; width:49%; height:50px; margin:1% 0; border:1px solid #e0e0e0; border-radius:.25em; display:inline-block;}
.loginForm	.loginBox	.loginSns	li:nth-child(even)	{ float:right;}
.loginForm	.loginBox	.loginSns	li	a				{ height:100%; line-height:3; display:block;}
.loginForm	.loginBox	.loginSns	li	a	strong		{ width:60px; height:100%; display:inline-block; vertical-align:top;}
.loginForm	.loginBox	.loginSns	li	a	span		{ height:100%; margin-left:55px;}
.loginForm	.loginBox	.loginSns	.google				{ border:1px solid #cfcfcf; background:#F7F7F7 url(/tour/usr/images/bbs/icon_google.png) 10px center no-repeat; background-size:30px;}
.loginForm	.loginBox	.loginSns	.kakao				{ border:1px solid #FFCC00; background:url(/tour/usr/images/bbs/icon_kakao.png) 10px center no-repeat; background-size:30px;}
.loginForm	.loginBox	.loginSns	.naver				{ border:1px solid #02CF5C; background:url(/tour/usr/images/bbs/icon_naver.png) 10px center no-repeat; background-size:30px;}
.loginForm	.loginBox	.loginSns	.facebook			{ border:1px solid #4E5385; background:url(/tour/usr/images/bbs/icon_facebook.png) 10px center no-repeat; background-size:30px;}
.loginForm	.loginBox	.loginSns	.twitter			{ border:1px solid #28A9E0; background:url(/tour/usr/images/bbs/icon_twitter.png) 10px center no-repeat; background-size:30px;}
.loginForm	.pwFind										{ margin-top:8%; padding-top:6%; border-top:1px dotted #d4d4d4;}
.loginForm	.idFind	h5,
.loginForm	.pwFind	h5									{ font-size:25px; font-weight:500; color:#2878d3; letter-spacing:-1px;}
.loginForm	.idFind	ul	li:first-child,
.loginForm	.pwFind	ul	li:first-child					{ margin-bottom:25px;}
.loginForm	.idFind	ul	li	dl	dd	input,
.loginForm	.pwFind	ul	li	dl	dd	input				{ height:45px; margin:3px 0; border-radius:.25em;}
.loginForm	.idFind	p,
.loginForm	.pwFind	p									{ font-size:15px; padding:5px 0; color:#949494;}
.loginForm  input[type="text"],.loginForm input[type="password"]{width:100%}

/*integrated search*/
#AllSearch														{ position:relative; width:100%;}
#AllSearch	.SearchConWrap	.topSearchBox						{ padding:25px; text-align:center; border:1px solid #e0e0e0; background-color:#f4f6f8; margin-bottom:15px;}
#AllSearch	.SearchConWrap	.topSearchBox	fieldset			{ vertical-align:middle;}
#AllSearch	.SearchConWrap	.topSearchBox	.scBox				{ width:600px; height:50px; padding:5px; display:inline-block; text-align:left; border:2px solid #38393B; background-color:#fff;}
#AllSearch	.SearchConWrap	.topSearchBox	.input_sc			{ width:68%; height:40px; border:0;}
#AllSearch	.SearchConWrap	.topSearchBox	.select_sc			{ width:30%; height:40px; border:0;}
#AllSearch	.SearchConWrap	.topSearchBox	button				{ width:80px; height:50px; margin-left:-4px; font-size:16px; vertical-align:top;}
#AllSearch	.SearchConWrap	.topSearchBox	.research			{ display:inline-block; margin-left:15px;color:#343434;line-height:1.4;margin-top:1.7em;}
#AllSearch	.SearchConWrap	.allSearchCon											{ width:100%; border:1px solid #e0e0e0; display:inline-block;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft								{ float:left; width:20%;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_Gnb	li					{ position:relative; height:60px; border-bottom:1px solid #e0e0e0; background-color:#f4f6f8;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_Gnb	li::after			{ content:''; position:absolute; right:15px; top:23px; width:15px; height:15px; font-family:'dbfont'; content:"\e908"; color:#b9b9b9; font-size:11px; text-align:right;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_Gnb	li	a				{ height:100%; font-size:17px; color:#343434; line-height:3.2; text-indent:20px; display:block;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_Gnb	li	a:hover,		
#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_Gnb	.scActive	a		{ height:100%; color:#fff; background-color:#007ac2;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_Gnb	.scActive::after,
#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_Gnb	li:hover::after		{ color:#fff;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_set								{ padding:0 20px; margin-top:30px;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_set	dl	dt						{ color:#343434; font-weight:600; margin-bottom:7px;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_set	dl	dd						{ float:left; text-align:center; background-color:#f4f6f8;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_set	dl	dd	a					{ height:40px; font-size:15px; line-height:2.5;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_set	dl	dd:nth-child(5)	a,
#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_set	dl	dd:last-child	a		{ border-right:1px solid #e0e0e0;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_set	.type1	dd					{ width:50%;}	
#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_set	.type1	dd	a,
#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_set	.type2	dd	a				{ height:100%; display:block; border:1px solid #e0e0e0; border-right:0;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_set	.type2						{ width:100%; margin-top:30px; display:inline-block;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_set	.type2	dd					{ width:25%;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_set	.type_on	a				{ padding:1px; color:#fff; background-color:#007ac2; border:0 !important;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_set	.type2	.type_period						{ width:68%; height:auto; display:inline-block; margin-top:7px; background-color:#fff;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_set	.type2	.type_period	span				{ position:relative; display:block;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_set	.type2	.type_period	span	input		{ width:100%; height:35px; margin-bottom:7px;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_set	.type2	.type_period	span	a			{ position:absolute; right:5px; top:9px; width:23px; height:23px; border:0;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_set	.type2	.type_period	span	a	i		{ font-size:17px; vertical-align:top;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_set	.type2	.type_btn							{ float:right; width:30%; height:77px; margin-top:7px; border:1px solid #e0e0e0;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_set	.type2	.type_btn	button					{ width:100%; height:100%; font-size:15px; color:#646464; display:block;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon									{ float:left; width:80%; min-height:800px; border-left:1px solid #e0e0e0; padding:25px 30px;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon+hr{display:none;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.sc_result						{ border-bottom:1px solid #e0e0e0; padding-bottom:15px;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.sc_result	p					{ font-size:17px; color:#4a4a4a; font-weight:600;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.sc_result	p	span,
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.scWord				{ color:#cf0014;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList						{ position:relative; padding:20px 0 60px 0; border-bottom:1px dashed #e0e0e0;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList:last-child			{ border-bottom:0;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	h4					{ font-size:20px; font-weight:600; color:#282828; margin-bottom:20px;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	h4	span			{ font-size:18px; font-weight:300; color:#646464;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	ul	li				{ margin:5px 0;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	ul	li	a			{ color:#4a4a4a; text-decoration:underline;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	ul	li	dl			{ margin-bottom:15px;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	ul	li	dl	dt		{ margin-bottom:3px;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	ul	li	dl	dd		{ color:#747474;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	ul	li	i			{ font-size:14px; color:#2878d3; margin-right:8px;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.list_info,
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.list_info	a		{ font-size:14px; color:#949494; text-decoration:none; display:block;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.list_info	a:hover	{ text-decoration:underline;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.list_info	span	{ letter-spacing:0; display:block;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_imgList,
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_videoList						{ width:100%; display:inline-block;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_imgList	li,
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_videoList	li					{ float:left; width:22.5%; margin-right:3.3%; overflow:hidden; border:1px solid #e0e0e0; text-align:center;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_imgList	li	a,
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_videoList	li	a				{ display:block; text-decoration:none;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_imgList	li	img,
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_videoList	li	img				{ width:100%; height:100%;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_imgList	li:nth-child(4),
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_videoList	li:nth-child(4),
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_imgList	li:nth-child(8),
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_videoList	li:nth-child(8),
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_imgList	li:nth-child(12),
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_videoList	li:nth-child(12)	{ float:right; margin-right:0;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_imgList	li	dl,
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_videoList	li	dl				{ width:90%; margin:10px auto;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_imgList	li	dl	dt,
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_videoList	li	dl	dt			{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_imgList	li	dl	dd,
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_videoList	li	dl	dd			{ font-size:14px; color:#949494; letter-spacing:0;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_videoList	.sc_img
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_videoList	.sc_video			{ height:110px; border-bottom:1px solid #e0e0e0;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.bulst								{ background:url(/tour/usr/images/bbs/dott.png) left 13px no-repeat; padding-left:10px; margin:5px 0;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.result_more						{ position:absolute; right:0; bottom:20px; width:auto; padding-right:15px; background:url(/tour/usr/images/bbs/btn_result.png) right center no-repeat;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.result_more	a					{ font-size:15px; color:#2878d3;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchRight											{ float:right; width:16%;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchRight	.sc_word	ul	li	span				{ color:#343434; font-weight:600; padding:10px 20px; display:block;  background-color:#f4f6f8; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchRight	.sc_word	ul	li	ol					{ padding:10px 20px; margin-bottom:73px; counter-reset:rank;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchRight	.sc_word	ul	li	ol	li				{ position:relative; padding-left:26px; line-height:2;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchRight	.sc_word	ul	li	ol	li::before		{ content:''; position:absolute; left:0; top:9px; width:18px; height:18px; color:#fff; font-size:12px; line-height:1.4; text-align:center; background-color:#75819e; border:0.5px solid #75819e; border-radius:.25em; counter-increment:rank; content:''counter(rank);}
#AllSearch	.SearchConWrap	.allSearchCon	.searchRight	.sc_word	.noLine						{ border-top:0;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchRight	.sc_word	.my_word	li::before		{ top:8px; background-color:#f4f6f8; color:#646464; border:1px solid #dfdfdf; border-radius:.25em;}	
#AllSearch	.SearchConWrap	.allSearchCon	.searchRight	.sc_word	.my_word	small			{ position:absolute; right:0; top:10px; width:15px; height:15px; line-height:0.7; text-align:center;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchRight	.sc_word	.my_word	small	i		{ font-size:8px;}

/* calendar */
.calendarWrap												{ position:relative; width:100%;}
.calendarWrap	.sort_area	.year_ctrl						{ position:relative; text-align:center; padding:10px 0; }
.calendarWrap	.sort_area	.year_ctrl	.date				{ font-size:25px; color:#343434; font-weight:900;}
.calendarWrap	.sort_area	.year_ctrl	button					{ display:block; border:1px solid #ebebeb; width:36px; height:36px; text-indent:-9999px; overflow:hidden; position:absolute; top:10px; border:1px solid #e0e0e0;}
.calendarWrap	.sort_area	.year_ctrl	button.prev_year			{ left:0; background:url(/tour/usr/images/bbs/bbs-prev-end.png) center no-repeat;}
.calendarWrap	.sort_area	.year_ctrl	button.prev_month		{ left:40px; background:url(/tour/usr/images/bbs/bbs-prev.png) center no-repeat;}
.calendarWrap	.sort_area	.year_ctrl	button.next_month		{ right:40px; background:url(/tour/usr/images/bbs/bbs-next.png) center no-repeat;}
.calendarWrap	.sort_area	.year_ctrl	button.next_year			{ right:0; background:url(/tour/usr/images/bbs/bbs-next-end.png) center no-repeat;}
.calendarWrap	.calendar	table							{ width:100%; border-collapse:collapse;}
.calendarWrap	.calendar	table	th						{ height:60px; font-size:17px; font-weight:600; padding:5px; border-top:1px solid #33383E; border-bottom:1px solid #e0e0e0; color:#282828; vertical-align:middle;}
.calendarWrap	.calendar	table	td						{ width:14.285714%; height:150px; padding:10px; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; text-align:center; vertical-align:top;}
.calendarWrap	.calendar	table	td:hover				{ background-color:#f4f6f8;}
.calendarWrap	.calendar	table	th:first-child,
.calendarWrap	.calendar	table	td:first-child			{ border-left:1px solid #e0e0e0;}
.calendarWrap	.calendar	table	th:last-child			{ border-right:1px solid #e0e0e0;}
.calendarWrap	.calendar	.num							{ float:right; color:#949494; font-size:15px; font-weight:600; letter-spacing:0;}
.calendarWrap	.calendar	.sun							{ color:#d20119;}
.calendarWrap	.calendar	.sat							{ color:#1a68de;}
.calendarWrap	.calendar	.today							{ background-color:#f4f6f8;}
.calendarWrap	.calendar	.today	span					{ color:#343434;}
.calendarWrap	.calendar	.refer							{ margin-top:10px;}
.calendarWrap	.calendar	.refer	li						{ display:inline-block; margin-right:20px;}
.calendarWrap	.calendar	.refer	li	span				{ width:15px; height:15px; display:inline-block; vertical-align:middle; margin-right:3px;}
.calendarWrap	.calendar	.bg_reserv						{ }
.calendarWrap	.calendar	.bg_ok							{ }
.calendarWrap	.calendar	.bg_end							{ }
.calendarWrap	.calendar	.bg_choice						{ }
.calendarWrap	.calendar	.schedule						{ width:100%; margin-bottom:10px; counter-reset:num; display:inline-block;}
.calendarWrap	.calendar	.schedule	li					{ height:25px; overflow:hidden;}
.calendarWrap	.calendar	.schedule	li	button			{ display:block; min-height:auto; font-size:15px; line-height:1.5; text-align:left;}
.calendarWrap	.calendar	ol.schedule	li	button::before	{ width:20px; height:20px;line-height:20px; content:" "counter(num); counter-increment:num; display:inline-block; font-size:12px; vertical-align:middle; text-align:center; margin-right:4px; border-radius:50%; background-color:#003478; color:#fff;}
.calendarWrap	.calendar	.more	a						{ border:1px solid #ddd;font-size:15px; display:block }
.calendarWrap	.calendar	.more	a:hover					{ background:#fff;}
.calendarwhole					{ position:absolute;border:3px solid #0863b0; width:340px; padding:15px; left:50%;top:50%;transform:translate(-50%,-50%); box-sizing:border-box; background:#fff;box-shadow:5px 5px 15px rgba(0,0,0,.1);}
.calendarwhole 	.Ltit			{ text-align:center; color:#222; margin-bottom:10px; font-weight:600; font-size:1.5rem;}
.calendarwhole .close			{border:1px solid #e1e1e1; background:#f7f7f7; padding:3px 10px; text-align:center; margin-top:15px; display:block;width:100%;}
.schedule	li	a:hover			{ text-decoration:underline;}
.schedule	li	a	i			{font-size:12px; color:#fff; margin-right:5px; padding:0 3px;vertical-align:middle;}
.schedule	li	a	i.cate1		{ background:#e0233b;}
.schedule	li	a	i.cate2		{ background:#664d8e;}
.schedule	li	a	i.cate3		{ background:#d37a11;}
.schedule	li	a	i.cate4		{ background:#3e5e8f;}
.schedule	li	a	i.cate5		{ background:#288e7b;}

/* data */
.viewData																{ position:relative; width:100%; margin-bottom:2%;}
.viewData	ul	li														{ position:relative; float:left; width:18%; margin:2.5% 2.5% 0 0; height:400px; border:1px solid #e0e0e0;}
.viewData	ul	li:nth-child(1),
.viewData	ul	li:nth-child(2),
.viewData	ul	li:nth-child(3),
.viewData	ul	li:nth-child(4),
.viewData	ul	li:nth-child(5)											{ margin-top:0;}
.viewData	ul	li:nth-child(5n+5)										{ float:right; margin-right:0;}
.viewData	ul	li:hover												{ border:1px solid #3d3c41; box-shadow:3px 3px 4px 0px rgba(0,0,0,0.1); transition:all .5s ease;}
.viewData	ul	li:hover	.data_thumb	.databox						{ opacity:1; -webkit-transform:translateX(0); transform:translateX(0); -webkit-transition:.5s ease-in-out; transition:.5s ease-in-out;}
.viewData	ul	li	input												{ position:absolute; left:15px; top:15px; width:20px; height:20px; z-index:111;}
.viewData	.data_thumb													{ position:relative; width:100%; height:100%; background:#fafbff url(/tour/usr/images/bbs/img_none_logo.png) center no-repeat; background-size:37%; cursor:pointer; overflow:hidden;}
.viewData	.data_thumb	img												{ width:100%; height:100%;}
.viewData	.data_thumb	.databox										{ opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(2,37,121,.9); -webkit-transform:translateX(-50%); transform:translateX(-50%); transition:all .5s ease; -webkit-transition:all .5s ease; z-index:110;}
.viewData	.data_thumb	.databox::after									{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/tour/usr/images/eg_tabmenu_bg.png) center repeat-y;}
.viewData	.data_thumb	.databox	.datatxt							{ position:relative; width:60%; z-index:111;}
.viewData	.data_thumb	.databox	.datatxt	a						{ height:50px; font-size:15px; color:#fff; line-height:3.4; text-align:center; margin-bottom:6px; border:1px solid rgba(255,255,255,.6); display:block;}
.viewData	.data_thumb	.databox	.datatxt	a:nth-child(1)			{ text-indent:25px; background:url(/tour/usr/images/bbs/icon_data1.png) 20% center no-repeat;}
.viewData	.data_thumb	.databox	.datatxt	a:nth-child(2)			{ text-indent:25px; background:url(/tour/usr/images/bbs/icon_data2.png) 28% center no-repeat;}
.viewData	.data_thumb	.databox	.datatxt	a.data_modify			{ background:none; text-indent:0;}
.viewData	.data_thumb	.databox	.datatxt	a:hover					{ background-color:#fff; color:#282828;}
.viewData	.data_thumb	.databox	.datatxt	a:nth-child(2):hover	{ background:#ffffff url(/tour/usr/images/bbs/icon_data3.png) 28% center no-repeat;}
.viewData	.data_info													{ position:absolute; left:0; bottom:0; width:100%; background-color:rgba(0,0,0,.8); padding:5%; z-index:100;}
.viewData	.data_info	strong											{ color:rgba(255,255,255,.9); text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block;}
.viewData	.data_info	.admNone::after									{ display:none;}
.viewData	.bbsListNone												{ width:100%; padding:10% 0; margin:0; text-align:center; border:0; border-top:1px solid #33383E; border-bottom:1px solid #e0e0e0;}
.viewData	.bbsListNone:hover											{ border:0; border-top:1px solid #33383E; border-bottom:1px solid #e0e0e0; box-shadow:none;}
.viewData::after{clear:both;content:"";display:block}

/* gallery */
.gallery_list													{ position:relative; width:100%;}
.gallery_list	ul	li											{ position:relative; float:left; width:23%; margin:2.5% 2.5% 0 0; overflow:hidden;}
.gallery_list	ul	li:nth-child(1),
.gallery_list	ul	li:nth-child(2),
.gallery_list	ul	li:nth-child(3),
.gallery_list	ul	li:nth-child(4)								{ margin-top:0;}
.gallery_list	ul	li:nth-child(4n+4)							{ float:right; margin-right:0;}
.gallery_list	ul	li	input									{ position:absolute; left:15px; top:15px; width:20px; height:20px; z-index:111;}
.gallery_list	.gl_thumb										{ position:relative; width:100%; height:250px; background:#fafbff url(/tour/usr/images/bbs/img_none_logo.png) center no-repeat; background-size:30%; border:1px solid #e0e0e0;  overflow:hidden;}
.gallery_list	.gl_thumb	img									{ width:100%; height:100%; -webkit-transform:scale(1) rotate(0.01deg); transform:scale(1) rotate(0.01deg); -webkit-transition:1s ease-in-out; transition:1s ease-in-out;}
.gallery_list	.gl_thumb	img:hover							{ -webkit-transition:1.5s ease; transition:1.5s ease; -webkit-transform:scale(1.1) rotate(0.1deg); transform:scale(1.1) rotate(0.1deg); }
.gallery_list	.gl_info	dt									{ width:100%; font-size:18px; color:#282828; margin-top:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:inline-block;}
.gallery_list	.gl_info	dd									{ font-size:15px; color:#949494; letter-spacing:0;display:flex;align-items:center;}
.gallery_list	.gl_info	dd>.icon-date						{ margin-right:5px;}
.gallery_list	.gl_thumb	.gl_more							{ opacity:0; position:absolute; left:0; bottom:0; width:100%; height:100%; text-align:center; background-color:rgba(55,81,143,.9); -webkit-transform:translateY(100%); transform:translateY(100%); transition:all .5s ease; -webkit-transition:all .5s ease; z-index:110;}
.gallery_list	.gl_thumb	.gl_more::after						{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/tour/usr/images/eg_tabmenu_bg.png) center repeat-y;}
.gallery_list	.gl_thumb	.gl_more	span					{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:50%; height:50px; color:#fff; font-size:14px; font-weight:bold; line-height:50px; letter-spacing:0.5px; text-indent:18px; background:url(/tour/usr/images/bbs/icon_data2.png) calc(50% - 3.45em) center no-repeat; border:1px solid rgba(255,255,255,.6); display:inline-block; z-index:111;}
.gallery_list	.gl_thumb	.gl_more	span:hover				{ color:#4a4a4a;background:#fff url(/tour/usr/images/bbs/icon_data3.png) calc(50% - 3.45em) center no-repeat; transition:all .5s ease; -webkit-transition:all .5s ease; }
.gallery_list	ul	li:hover	.gl_thumb	.gl_more			{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:.5s ease-in-out; transition:.5s ease-in-out;}
.gallery_list	.bbsListNone									{ width:100%; padding:10% 0; margin:0; text-align:center; border:0; border-top:1px solid #33383E; border-bottom:1px solid #e0e0e0;}
.gallery_list::after{clear:both;content:"";display:block}

/* basic st2 */
.list_group	.group_con_st1										{ position:relative; width:100%;}	
.list_group	.group_con_st1	li									{ position:relative; padding:20px 25px; margin-bottom:-1px; background:url(/tour/usr/images/bbs/icon_bbs_arrow.png) 97% center no-repeat; border:1px solid #d9d9d9;}
.list_group	.group_con_st1	li	a								{ height:100%; display:block;}
.list_group	.group_con_st1	li:focus, 
.list_group	.group_con_st1	li:hover							{ background-color:#f8fafd; transition:all .3s ease; -webkit-transition:all .3s ease;}
.list_group	.group_con_st1	li	label							{ width:20px; height:20px; display:inline-block; z-index:111;}
.list_group	.group_con_st1	li	label	input					{ vertical-align:top;}
.list_group	.group_con_st1	li	dl	dt							{ color:#4a4a4a; margin:10px 0 5px 0;}
.list_group	.group_con_st1	li	dl	dt	span					{ margin-left:5px;}
.list_group	.group_con_st1	li	dl	dd							{ position:relative; color:#949494; font-size:15px; padding-right:10px; margin-right:5px; display:inline-block;}
.list_group	.group_con_st1	li	dl	dd::after					{ content:''; position:absolute; right:0; top:6px; width:1px; height:13px; background-color:#e0e0e0;}
.list_group	.group_con_st1	li	dl	dd:last-child				{ padding-right:0; margin-right:0;}
.list_group	.group_con_st1	li	dl	dd:last-child::after		{ display:none;}
.list_group	.group_con_st1	li	dl	dd	span	i				{ color:#747474;}
.list_group	.group_con_st1	.lineNum							{ padding:.2em .6em .3em; font-size:13px; line-height:1; color:#fff; text-align:center; white-space:nowrap; vertical-align:baseline; border-radius:.25em; display:inline; }
.list_group	.group_con_st1	.ln_basic							{ background-color:#fff; color:#444; border:1px solid #d9d9d9;}
.list_group	.group_con_st1	.ln_import							{ background-color:#0863B0; color:#fff; border:1px solid #0863b0;}
.list_group	.group_con_st1	.nt_import							{ background-color:#f8fafd;}
.list_group	.group_con_st1	.ln_cate							{ color:#2878D3; border:1px solid #2878D3;}
.list_group	.group_con_st1	.ln_none							{ padding:5% 3%; text-align:center; border:0; border-top:1px solid #33383E; border-bottom:1px solid #d9d9d9;}

/* basic st3 */
.list_group	.group_con_st2											{ position:relative; width:100%;}	
.list_group	.group_con_st2	ul	li									{ position:relative; float:left; width:23%; margin:2.6% 2.6% 0 0; border:1px solid #d9d9d9;}
.list_group	.group_con_st2	ul	li:hover							{ border:1px solid #2878D3; box-shadow:3px 3px 4px 0px rgba(0,0,0,0.1); transition:all .4s ease; -webkit-transition:all .4s ease;}
.list_group	.group_con_st2	ul	li:nth-child(1),
.list_group	.group_con_st2	ul	li:nth-child(2),
.list_group	.group_con_st2	ul	li:nth-child(3),
.list_group	.group_con_st2	ul	li:nth-child(4)						{ margin-top:0;}
.list_group	.group_con_st2	ul	li:nth-child(4n+4)					{ float:right; margin-right:0;}
.list_group	.group_con_st2	ul	li:hover	dl	dt	strong			{ text-decoration:underline;}
.list_group	.group_con_st2	ul	li	a								{ display:block;}
.list_group	.group_con_st2	li	label								{ position:absolute; right:15px; top:15px; width:20px; height:20px; z-index:111;}
.list_group	.group_con_st2	li	label	input						{ vertical-align:top;}
.list_group	.group_con_st2	ul	dl									{ padding:8% 10% 10% 10%;}
.list_group	.group_con_st2	ul	dl	dt								{ margin-bottom:10px;}
.list_group	.group_con_st2	ul	dl	dt	strong						{ font-size:18px; font-weight:600; color:#282828; display:block;}
.list_group	.group_con_st2	ul	dl	dt	strong	em					{ margin-left:5px;}
.list_group	.group_con_st2	ul	dl	dt	span						{ padding:.25em .6em; font-size:85%; color:#fff; text-align:center; background-color:#0863B0; border-radius:.2em; margin-bottom:5px; display:inline-block;}
.list_group	.group_con_st2	ul	dl	dd:last-child					{ margin-top:20px; font-size:15px; color:#949494; letter-spacing:0;}
.list_group	.group_con_st2	ul	dl	dd:last-child	i				{ margin-right:3px; font-size:14px; color:#cbcbcb; display:inline-block;}
.list_group	.group_con_st2	.nt_import								{ background-color:#f8fafd;}
.list_group	.group_con_st2::after{clear:both;content:"";display:block}


/* 장비현황 */
.list_group1	.group1_tit							{ position:relative; width:100%; border-top:1px solid #33383E; border-bottom:1px solid #33383E; color:#282828;}
.list_group1	.group1_tit	ul,
.list_group1	.group1_con	ul						{ display:table; table-layout:fixed; width:100%; text-align:center;}
.list_group1	.group1_tit	ul	li					{ display:table-cell; padding:18px 5px; font-weight:600; color:#282828; vertical-align:top;}
.list_group1	.group1_con							{  width:100%;}
.list_group1	.group1_con	a						{ display:block;}
.list_group1	.group1_con	ul						{ position:relative; text-align:center;}
.list_group1	.group1_con	ul	li					{ display:table-cell; padding:18px 5px; border-bottom:1px solid #e0e0e0; vertical-align:top;}
.list_group1	.group1_con	ul	li	em				{ position:relative; padding:3px 8px 4px 8px; font-size:14px; cursor:pointer; border-radius:.2em;}
.list_group1	.group1_con	.txt_line1				{ color:#38393B; border:1px solid #38393B;}
.list_group1	.group1_con	.txt_line2				{ color:#2878d3; border:1px solid #2878d3;}
.list_group1	.group1_con	.txt_line3				{ color:#c5010a; border:1px solid #c5010a;}

.reservation														{ position:relative; width:100%;}
.reservation	.rv_Sortation										{ float:left; width:41.5%; min-height:595px; border:1px solid #e0e0e0;}
.reservation	.rv_Sortation	.sortimg,
.reservation	.rv_Sortation	.sortimg	.sort_list				{ position:relative; width:100%; height:345px; background-color:#fff; overflow:hidden;}
.reservation	.rv_Sortation	.sortimg	.sort_list	div			{ height:inherit; overflow:hidden;}
.reservation	.rv_Sortation	.sortimg	.sort_list	div	img		{ width:100%; height:100%;}
.reservation	.rv_Sortation	.sortimg	.sort_ctrl				{ position:absolute; left:0; bottom:10px; width:100%; text-align:center; z-index:100;}
.reservation	.rv_Sortation	.sortimg	.sort_ctrl	a			{ width:13px; height:13px; margin:0 5px; background-color:rgba(255,255,255,.5); border-radius:50%; display:inline-block;}
.reservation	.rv_Sortation	.sortimg	.sort_ctrl	a.sort_on	{ background-color:rgba(255,255,255,1);}
.reservation	.rv_Sortation	.sortimg	button					{ position:absolute; top:40%; width:24px; height:38px; display:inline-block;}
.reservation	.rv_Sortation	.sortimg	.sort_prev				{ left:20px;  background:url(/tour/usr/images/bbs/icon_arrow_l.png) center no-repeat;}
.reservation	.rv_Sortation	.sortimg	.sort_next				{ right:20px; background:url(/tour/usr/images/bbs/icon_arrow_r.png) center no-repeat;}
.reservation	.rv_Sortation	.sorttxt							{ padding:25px 35px 30px 35px;}
.reservation	.rv_Sortation	.sorttxt	h4						{ font-size:21px; color:#282828; font-weight:600; margin-bottom:5px;}
.reservation	.rv_Sortation	.sorttxt	ul						{ margin-top:15px;}
.reservation	.rv_Sortation	.sorttxt	ul	li					{ padding-left:13px; background:url(/tour/usr/images/bbs/dott.png) 3px 13px no-repeat;}
.reservation	.rv_Calendar													{ float:right; width:55%;margin-bottom:2%}
.reservation	.rv_Calendar	.calender_date									{ position:relative; text-align:center; padding-bottom:15px;}
.reservation	.rv_Calendar	.calender_date	.date							{ font-size:28px; color:#343434; font-weight:500; line-height:1;}
.reservation	.rv_Calendar	.calender_date	a								{ display:block; border:1px solid #ebebeb; width:36px; height:36px; text-indent:-9999px; overflow:hidden; position:absolute; top:0; border:1px solid #e0e0e0;}
.reservation	.rv_Calendar	.calender_date	a.prev_year						{ left:0; background:url(/tour/usr/images/bbs/bbs-prev-end.png) center no-repeat;}
.reservation	.rv_Calendar	.calender_date	a.prev_month					{ left:40px; background:url(/tour/usr/images/bbs/bbs-prev.png) center no-repeat;}
.reservation	.rv_Calendar	.calender_date	a.next_month					{ right:40px; background:url(/tour/usr/images/bbs/bbs-next.png) center no-repeat;}
.reservation	.rv_Calendar	.calender_date	a.next_year						{ right:0; background:url(/tour/usr/images/bbs/bbs-next-end.png) center no-repeat;}
.reservation	.rv_Calendar	.calendar_area	table							{ width:100%; border-top:1px solid #33383E; margin-bottom:15px;}
.reservation	.rv_Calendar	.calendar_area	table	th						{ padding:10px 5px; font-weight:600; color:#000;}
.reservation	.rv_Calendar	.calendar_area	table	td						{ width:14.28571%; height:100px; text-align:center; vertical-align:top; border:1px solid #d9d9d9; border-right:0;}
.reservation	.rv_Calendar	.calendar_area	table	th:first-child			{ border-left:1px solid #d9d9d9;}
.reservation	.rv_Calendar	.calendar_area	table	th:last-child,
.reservation	.rv_Calendar	.calendar_area	table	td:last-child			{ border-right:1px solid #d9d9d9;}
.reservation	.rv_Calendar	.calendar_area	.sat	em						{ color:#1a68de !important;}
.reservation	.rv_Calendar	.calendar_area	.sun	em						{ color:#d20119 !important;}
.reservation	.rv_Calendar	.calendar_area	.today	em						{ color:#000 !important; font-weight:600;}
.reservation	.rv_Calendar	.calendar_area	.pick							{ border:2px solid #FEAD20;}
.reservation	.rv_Calendar	.calendar_area	.day							{ position:relative; height:100%; overflow:hidden;}
.reservation	.rv_Calendar	.calendar_area	.day	a						{ height:100%; display:block;}
.reservation	.rv_Calendar	.calendar_area	.day	em						{ position:absolute; right:10px; top:10px; font-size:85%; letter-spacing:0;}
.reservation	.rv_Calendar	.calendar_area	.day	span					{ position:absolute; left:50%; top:80%; transform:translate(-50%,-80%); width:90%; font-size:85%; text-indent:-9999px;}
.reservation	.rv_Calendar	.calendar_area	.day	span::after				{ content:''; position:absolute; left:50%; top:0; transform:translateX(-50%); width:20px; height:20px;}
.reservation	.rv_Calendar	.calendar_area	.rv_ok::after					{ background:url(/tour/usr/images/bbs/cal1.gif) center no-repeat;}
.reservation	.rv_Calendar	.calendar_area	.rv_get::after					{ background:url(/tour/usr/images/bbs/cal3.gif) center no-repeat;}
.reservation	.rv_Calendar	.calendar_area	.rv_end							{ color:#b9b9b9; background-color:#f3f6f9;}				
.reservation	.rv_Calendar	.calendar_area	.calender_ex					{ float:right;}
.reservation	.rv_Calendar	.calendar_area	.calender_ex	li				{ float:left; padding-left:25px; margin-left:25px;}
.reservation	.rv_Calendar	.calendar_area	.calender_ex	li:nth-child(1)	{ background:url(/tour/usr/images/bbs/cal2.gif) left center no-repeat;}
.reservation	.rv_Calendar	.calendar_area	.calender_ex	li:nth-child(2)	{ background:url(/tour/usr/images/bbs/cal3.gif) left center no-repeat;}
.reservation	.rv_Calendar	.calendar_area	.calender_ex	li:nth-child(3)	{ background:url(/tour/usr/images/bbs/cal1.gif) left center no-repeat;}

.reservation	.rv_explan				{clear:both; position:relative; width:100%; text-align:center; padding:3% 4%; margin:2% 0 4% 0; background-color:#f4f6f9; border:1px solid #e0e0e0;}
.reservation	.rv_explan	p			{ font-weight:600; color:#343434; margin-bottom:15px;}
.reservation	.rv_explan	p	strong	{ color:#0863B0;}
.reservation	.rv_explan	a			{ padding:12px 40px 10px 40px; text-indent:25px; color:#fff; background:#2878D3 url(/tour/usr/images/bbs/icon_file1.png) 35px 16px no-repeat; border-radius:.2em; display:inline-block; }
.reservation	.rv_explan	a:hover		{ background-color:#0863B0;}

/* write st2 */
.write_table	ul									{ border-top:1px solid #33383E;}
.write_table	ul	li								{ float:left; width:50%; border-bottom:1px solid #e0e0e0;}
.write_table	ul	li	strong						{ width:170px; height:100%; padding:1em 15px; text-align:center; font-weight:600; background-color:#f4f6f9; border-right:1px solid #e0e0e0; vertical-align:middle; display:inline-block;}
.write_table	ul>li>span						{ width:calc(100% - 174px); padding:0 15px; display:inline-block;vertical-align:middle;}
.write_table	.lineBreak							{ display:block; width:100%;}
.write_table	.lineBreak	strong					{ width:170px;}
.write_table	.wr_period	em						{ position:relative;}
.write_table	.wr_period	em	a					{ position:absolute; right:10px; width:25px; height:25px; text-align:center;}
.write_table	.wr_period	em	a	i				{ font-size:20px; color:#2878d3;}
.write_table	.wr_period	em	a	i:hover			{ color:#282828;}
.write_table	.radioBox	span					{ width:auto;}
.write_table	.checkBox	label					{ margin-right:30px;}
.write_table	.checkBox	label:last-child		{ margin-right:0;}
.write_table	ul li .checkBox>span				{ display:inline-block;width:auto; padding-right:10px;}
.write_table	.attachedFile						{ display:table; position:relative; width:100%; height:100%;}
.write_table	.attachedFile	strong				{ display:table-cell; height:100%;}
.write_table	.attachedFile	.fileList			{ width:100%; background-color:#fff;}
.write_table	.attachedFile	.fileList	ul,
.write_table	.attachedFile	.fileList	ul	li	{ width:100%; border:0;}
.write_table	.wr_editor							{ padding:10px 0;}
.write_table	ul li .Email input,
.write_table	ul li .Email select,
.write_table	ul li .phoneNumber input			{ width:30%;}
.write_table	ul li .phoneNumber,
.write_table	ul li .Email,
.write_table	ul li .wr_period					{line-height:2.5;}
.write_table	ul li .wr_period	input			{ width:30%;min-width:120px;}

/* view st3 */
.view_st3										{ position:relative; width:100%;}
.view_st3	.st3_tit							{ font-size:32px; font-weight:600; color:#282828; line-height:1.5; margin-bottom:20px;}
.view_st3	.st3_tit	em						{ font-size:18px; color:#2878d3; font-weight:600; display:block;}
.view_st3	ul	li								{ display:inline-block; margin-right:30px;}
.view_st3	ul	li	span						{ position:relative; color:#343434; padding-right:10px; margin-right:5px;}
.view_st3	ul	li	span	i					{ margin-right:5px;}
.view_st3	ul	li	span::after					{ content:''; position:absolute; right:0; top:7px; width:1px; height:13px; background-color:#e0e0e0;}
.view_st3	ul	li:last-child					{ margin-right:0;}
.view_st3	ul	li:last-child	a				{ text-decoration:underline;}
.view_st3	ul	li:last-child	span::after		{ display:none;}
.view_st3	.view_st3_con						{ margin:1.4% 0 3%;padding-top:3%;border-top:1px solid #d9d9d9;}
.view_st3	.view_st3_con	img					{ max-width:100%;}


.pageInfoBox												{ position:relative; width:100%; border:1px solid #e0e0e0;}
.pageInfoBox	.charge_info								{ padding:15px 25px; background-color:#F4F6F9; border-bottom:1px solid #e0e0e0;}
.pageInfoBox	.charge_info	dl	dt						{ color:#282828; font-weight:600; display:inline-block;}
.pageInfoBox	.charge_info	dl	dt	i					{ color:#2878D3; margin-right:7px;}
.pageInfoBox	.charge_info	dl	dd						{ margin-left:20px; display:inline-block;}
.pageInfoBox	.charge_info	dl	dd	em					{ color:#343434;}
.pageInfoBox	.satisfaction								{ padding:20px 25px;}
.pageInfoBox	.satisfaction	.survey	strong				{ font-weight:300; color:#343434; display:block;}
.pageInfoBox	.satisfaction	.survey	strong	i			{ color:#b9b9b9; margin-right:5px;}
.pageInfoBox	.satisfaction	.survey	ul	li				{ float:left; margin-right:20px; line-height:3;}
.pageInfoBox	.satisfaction	.survey	ul	li:last-child	{ width:50%; margin-right:0;}
.pageInfoBox	.satisfaction	.otherBox	label			{ margin-right:10px;}
.pageInfoBox	.satisfaction	.otherBox	input			{ width:70%;}
.pageInfoBox	.satisfaction	.btn_survey					{ width:100px; height:40px; line-height:40px; color:#fff; background-color:#2878D3; margin-left:3px; vertical-align:top;}







@media all and (max-width:1440px)	{
	.container																{ width:95%;}
	.viewData	ul	li														{ height:350px;}
	.viewData	.data_thumb	.databox	.datatxt							{ width:70%;}
	.gallery_list	.gl_thumb	.gl_more	span							{ width:60%;}
}

@media all and (max-width:1280px)	{	
	.viewData	ul	li														{ height:300px;}
	.viewData	.data_thumb	.databox	.datatxt	a:nth-child(1)			{ text-indent:22px; background-position:15% center;}
	.viewData	.data_thumb	.databox	.datatxt	a:nth-child(2)			{ text-indent:20px; background-position:22% center;}

	.write_table	ul	li								{ width:100%;}
	.write_table	ul	li	strong,
	.write_table	.lineBreak	strong					{ width:20%;}
	.write_table	ul>li>span						{ width:79%;}
	.write_table	.lineBreak							{ display:table; width:100%;}
	.write_table	.lineL								{ border-left:0;}
}


@media all and (max-width:1024px)	{
	.container								{ width:96%;}
	.list_group	.group_tit,
	.list_group	.group_con	.num,
	.list_group	.group_con	.file,
	.list_group	.group_con	.views			{ display:none;}
	.list_group	.group_con					{ border-top:1px solid #33383E;}
	.list_group	.group_con	ul				{ padding:2.3% 0; border-bottom:1px solid #e0e0e0;}
	.list_group	.group_con	ul	li			{ display:block; width:100%; text-align:left; border-bottom:0; padding:0 10px;}
	.list_group	.group_con	ul	li	a		{ color:#343434; display:block; font-weight:600;}
	.list_group	.group_con	.title			{ white-space:normal; margin-bottom:7px; line-height:1.4;}
	.list_group	.group_con	.name,
	.list_group	.group_con	.date			{ font-size:15px; color:#747474;}
	.list_group	.group_con	ul	li	em		{ position:absolute; right:10px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
	
	.mb_tit::before			{ top:30px;}
	.mb_tit	h4				{ font-size:35px;}
	.mb_tit	p				{ margin-top:5%;}
	.progress_bar	ol								{ padding:2% 0 4% 0;}
	.progress_bar	ol	li::before					{ right:-20px; width:30px; height:14px; background-size:100%;}
	.progress_bar	ol	li	strong					{ padding-left:35%; margin-top:15px;}
	.progress_bar	ol	li	strong::after,
	.join_complete	p	br							{ display:none;}
	.join_form	.small_txt							{ display:block;}
	.loginForm	.loginBox	
							{ width:100%; border:0;}
	.faq_list_tit												{ padding:2.5% 15px;}
	.faq_list_tit .faqTit										{ padding-left:8%; padding-right:4%;}
	.faq_list_con_wrap											{ padding:2.5% 15px 3% 15px;}
	.faq_list_con .faq_list_con_txt								{ padding-left:8%;}
	.faq_list_con .faq_list_con_txt	.adm_btn					{ margin-top:10px;}
	
	.list_group_thumb	.thumb_st3	li,
	.list_group_thumb	.thumb_st4	li						{ width:48.5%; margin:4% 0 0 0;}
	.list_group_thumb	.thumb_st3	li:nth-child(3),
	.list_group_thumb	.thumb_st4	li:nth-child(3),
	.list_group_thumb	.thumb_st4	li:nth-child(4)			{ margin-top:4%;}
	.list_group_thumb	.thumb_st3	li:nth-child(odd),
	.list_group_thumb	.thumb_st4	li:nth-child(odd)		{ float:left;}
	.list_group_thumb	.thumb_st3	li:nth-child(even),
	.list_group_thumb	.thumb_st4	li:nth-child(even)		{ float:right; margin-right:0;}
	.list_group_thumb	.thumb_img							{ background-position:center; background-size:cover;}
	.list_group_thumb	.thumb_img	img						{ height:100%;}
	.list_group_thumb	.thumb_st1	.thumb_img1				{ width:40%;}
	.list_group_thumb	.thumb_st1	.thumb_img1	span		{ height:215px;}
	.list_group_thumb	.thumb_st1	label					{ left:inherit; right:0; top:25px;}
	
	#AllSearch	.SearchConWrap	.topSearchBox						{ padding:3%; text-align:left;}
	#AllSearch	.SearchConWrap	.topSearchBox	.scBox				{ width:calc(100% - 58px);}
	#AllSearch	.SearchConWrap	.topSearchBox	.input_sc			{ width:73%;}
	#AllSearch	.SearchConWrap	.topSearchBox	.select_sc			{ width:25%;}
	#AllSearch	.SearchConWrap	.topSearchBox	button				{ width:58px;}
	#AllSearch	.SearchConWrap	.topSearchBox	.research			{ margin:5px 0 0 0;}
	#AllSearch	.SearchConWrap	.allSearchCon											{ border:0;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft								{ width:100%;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_Gnb						{ width:100%; display:inline-block; border:1px solid #e0e0e0; border-bottom:0; border-right:0;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_Gnb	li					{ float:left; width:25%; height:45px; text-align:center; border-bottom:1px solid #e0e0e0; border-right:0.7px solid #e0e0e0;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_Gnb	li	a				{ font-size:16px; line-height:2.7; text-indent:0;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_Gnb	li::after			{ display:none;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_set										{ width:100%; display:inline-block; padding:0; margin-top:10px;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_set	.type2								{ margin-top:15px;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_set	.type2	.type_period				{ width:85%; height:auto; display:inline-block; margin-top:7px;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_set	.type2	.type_period	span		{ float:left; width:49%; margin-right:1%;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_set	.type2	.type_btn					{ float:right; width:15%; height:35px;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchCon			{ width:100%; min-height:300px; border:0; padding:3% 0 0 0;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchRight		{ width:100%; border-top:1px solid #e0e0e0;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchRight	.sc_word	ul	li	span	{ border:1px solid #e0e0e0;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchRight	.sc_word	ul	li	ol		{ margin-bottom:3%;}
	
	.comment-group	.cbox_guide	textarea					{ width:85%; height:80px;}
	.comment-group	.cbox_guide	button						{ width:15%; height:80px;}
	.comment-group	.cbox_guide	button.effect-3,
	.comment-group	.cbox_guide_reply	button.effect-3		{ padding:0;}
	.comment-group	.cbox_guide_reply	textarea			{ width:85%;}
	.comment-group	.cbox_guide_reply	button				{  width:15%;}
	
	.secretCheck	.sc_layer										{ width:80%; height:450px;}
	.secretCheck	.sc_layer	.sc_infoBox	dl	dt					{ font-size:25px;}
	.secretCheck	.sc_layer	.sc_infoBox	dl	dd					{ font-size:16px;}
	.secretCheck	.sc_layer	.sc_infoBox	.scform	label			{ width:80px; text-align:left;}
	.secretCheck	.sc_layer	.sc_infoBox	.scform	span			{ width:250px;}
	.calendarWrap	.calendar	table	td					{ height:100px; padding:5px;}
	.calendarWrap	.calendar	.num						{ font-size:13px;}	
	.calendarWrap	.calendar	.schedule	li	button			{ font-size:14px;}
	.calendarWrap	.calendar	.schedule	li	button::before	{ width:18px; height:18px; font-size:11px; line-height:1.6;}

	.view-group	.view-table	li								{ width:100%;}
	.view-group	.view-table	li	strong						{ width:20%; padding:1em 15px;}
	.view-group	.view-table	li	span						{ text-indent:0; padding:14px 10px; vertical-align:top;}
	.view-group	.view-table	.lineBreak	strong,
	.view-group	.view-table	.lineBreak	span				{ padding:1em 15px;}

	.viewData	ul	li														{ width:31%; height:370px; margin:3.5% 3.5% 0 0;}
	.viewData	ul	li:nth-child(5n+5)										{ float:left; margin-right:3.5%;}
	.viewData	ul	li:nth-child(3n+3)										{ float:right; margin-right:0;}
	.viewData	ul	li:nth-child(4),
	.viewData	ul	li:nth-child(5)											{ margin-top:3.5%;}
	.viewData	.data_thumb	.databox	.datatxt							{ width:60%;}
	.viewData	.data_thumb	.databox	.datatxt	a:nth-child(1)			{ background-position:20% center;}
	.viewData	.data_thumb	.databox	.datatxt	a:nth-child(2)			{ background-position:28% center;}

	.gallery_list	.gl_thumb												{ height:160px;}
	.gallery_list	.gl_thumb	.gl_more	span							{ width:65%; height:40px; text-indent:20px; font-size:13px; line-height:40px;}
	.gallery_list	.gl_thumb	.gl_more	span:hover						{ background-position:15px center;}

	.list_group	.group_con_st1	li									{ padding:20px; background:none;}
	.list_group	.group_con_st2	ul	li								{ width:48.5%; margin:3% 0 0 0;}
	.list_group	.group_con_st2	ul	li:nth-child(3),
	.list_group	.group_con_st2	ul	li:nth-child(4)					{ margin-top:3%;}
	.list_group	.group_con_st2	ul	li:nth-child(odd)				{ float:right;}
	.list_group	.group_con_st2	ul	li:nth-child(even)				{ float:left;}

	.list_group1	.group1_tit							{ display:none;}
	.list_group1	.group1_con							{ border-top:1px solid #33383E;}
	.list_group1	.group1_con	ul						{ padding:2% 0 1% 0; border-bottom:1px solid #d9d9d9;}
	.list_group1	.group1_con	ul	li					{ display:block; width:100%; text-align:left; border-bottom:0; padding:0 10px;}
	.list_group1	.group1_con	ul	li::before			{ content:attr(data-text); width:100px; padding:5px 0; text-align:center; margin-right:15px; display:inline-block; border:1px solid #d9d9d9; border-radius:.25em;}
	.list_group1	.group1_con	ul	li					{ float:left; width:50%; margin-bottom:10px;}
	.list_group1	.group1_con	ul	li:last-child		{ margin-bottom:0;}
	.list_group1	.group1_con	ul	li	em				{ padding:0; font-size:inherit;}
	.list_group1	.group1_con	.txt_line1,
	.list_group1	.group1_con	.txt_line2,
	.list_group1	.group1_con	.txt_line3				{ border:0;}

	.reservation	.rv_Sortation										{ min-height:495px;}
	.reservation	.rv_Sortation	.sortimg,
	.reservation	.rv_Sortation	.sortimg	.sort_list				{ height:250px;}
	.reservation	.rv_Calendar	.calendar_area	table	td			{ height:80px;}

	.pageInfoBox	.satisfaction	.survey	ul	li:last-child	{ width:45%;}

	.view_st3	.st3_tit								{ font-size:27px;}
	.view_st3	.st3_tit	em							{ font-size:17px;}
}


@media all and (max-width:800px)	{
	.headList	.SearchInfo													{ width:100%;}
	.list_group_thumb	.thumb_st1	label									{ top:20px;}

	.viewData	ul	li														{ height:320px;}
	.viewData	.data_thumb	.databox	.datatxt							{ width:75%;}
	
	.gallery_list	ul	li													{ width:48%; margin:3.5% 0 0 0;}
	.gallery_list	ul	li:nth-child(odd)									{ float:left; margin-right:0;}
	.gallery_list	ul	li:nth-child(even)									{ float:right; margin-right:0;}
	.gallery_list	ul	li:nth-child(3),
	.gallery_list	ul	li:nth-child(4)										{ margin-top:3.5%;}
	.gallery_list	.gl_thumb												{ height:250px;}
	.gallery_list	.gl_thumb	.gl_more	span							{ width:50%; height:50px; font-size:15px; line-height:50px;}
	.gallery_list	.gl_thumb	.gl_more	span:hover						{ background-position:25px center;}

	.reservation	.rv_Sortation											{ width:100%; min-height:auto;}
	.reservation	.rv_Sortation	.sortimg,
	.reservation	.rv_Sortation	.sortimg	.sort_list					{ height:400px;}
	.reservation	.rv_Calendar											{ width:100%; margin-top:5%;}
	.reservation	.rv_Calendar	.calendar_area	table	td				{ height:90px;}
	.reservation	.rv_Calendar	.calendar_area	.day	em				{ right:8px; top:5px;}
	.reservation	.rv_explan												{ margin-top:3%; padding:4%;}

	.pageInfoBox	.satisfaction	.survey	ul	li:last-child	{ width:100%;}
}

@media all and (max-width:768px)	{
	
	.headList .SearchInfo				{ float:none}
	.headList .wr_period				{ display:block; margin-bottom:10px;}

	.bd_tabNav							{ display:block;}
	.bd_tabNav	a::after,.bd_tabNav button::after{ border:1px solid #e0e0e0; border-bottom:0;}
	.bd_tabNav	li						{ display:block; width:100%; max-width:none;}
	.bd_tabNav	li:last-child a::after,
	.bd_tabNav	li:last-child button::after{ border-bottom:1px solid #e0e0e0;}
	.bd_tabNav > a > span,
	.bd_tabNav > button > span			{ display:block; position:static;}
	.bd_tabNav	a:hover::after,
	.bd_tabNav button:hover::after			{ border:1px solid #e0e0e0; border-bottom:0;}
	.bd_tabNav	.tab_on	a::after,
	.bd_tabNav	.tab_on	button::after		{ background-color:#2878d3; border:1px solid #2878d3; z-index:1;}
	
	.view-ctrl	ul	li	span	a				{ width:75%;}
	.view-ctrl	.nonePrev	span				{ width:80%; margin-left:15%;}
	.view-ctrl	.noneNext	span				{ width:80%; margin-right:15%;}
	
	.write_group	ul	li	strong,
	.write_group	ul	li	dl	dt				{ width:20%;}
	.write_group	ul	li	span,
	.write_group	ul	li	dl	dd				{ width:80%;}
	.write_group	.small_txt					{ font-size:14px;}
	
	.mb_tit::before			{ top:25px;}
	.mb_tit	h4				{ font-size:30px;}
	.mb_tit	p				{ font-size:inherit;}
	
	.progress_bar	ol	li	strong							{ margin-top:0;}
	.progress_bar	ol	li::before							{ right:-20px;}
	.progress_bar	ol	li	strong							{ padding-left:30%; margin-top:10px;}
	
	.join_identify	ul	li									{ height:auto; padding:5%;}
	.join_identify	ul	li	dl								{ margin-top:37%;}
	.join_identify	ul	li	dl	dt							{ font-size:22px; margin-bottom:10px;}
	.join_identify	ul	li	dl	dd							{ padding:0;}
	.join_identify	ul	li	dl	dd:last-child	a			{ width:65%; height:40px; font-size:16px;}
	.join_identify	ul	li	dl	dd:last-child	a	span	{ line-height:2.5;}

	
	.loginForm	.idFind	h5,	.loginForm	.pwFind	h5			{ font-size:22px;}
	
	.faq_list_state											{ top:12px;}
	
	.list_group_thumb	.thumb_img							{ height:200px;}
	.list_group_thumb	.thumb_info	.thumb_more	a			{ width:60%;}
	
	.answer-group	.asrTit	strong							{ font-size:17px;}
	.answer-group	.answer-list							{ padding:3.5% 15px;}
	
	.comment-group	.cbox_guide	textarea,
	.comment-group	.cbox_guide_reply	textarea			{ width:80%;}
	.comment-group	.cbox_guide	button,
	.comment-group	.cbox_guide_reply	button				{ width:20%;}
	
	.secretCheck	.sc_layer										{ height:370px;}
	.secretCheck	.sc_layer	.sc_infoBox	.scform	label			{ width:70px; text-align:left;}
	.secretCheck	.sc_layer	.sc_infoBox	.scform	span			{ width:200px;}
	.secretCheck	.sc_layer	.sc_infoBox	.scform	span	button	{ font-size:15px; padding:0;}

	.calendarWrap .calendar .more a			{ font-size:14px}
	.calendarWrap .calendar .more a	i		{display:none; }
	.calendarwhole				{width:90%;max-width:420px;}
}

@media all and (max-width:600px)	{
	.btnArea																{ margin-top:6%;}
	.join_complete															{ padding:12% 7%;}
	.join_identify	ul	li:first-child				{ background-size:35%; background-position:center 8%;} 

	.write_group	.mp_ipst												{ width:200px;}
	.list_group_thumb	.thumb_st1	label									{ top:13px;}

	.viewData	ul	li														{ width:48%; height:370px; margin:3.5% 0 0 0;}
	.viewData	ul	li:nth-child(odd)										{ float:left; margin-right:0;}
	.viewData	ul	li:nth-child(even)										{ float:right; margin-right:0;}
	.viewData	ul	li:nth-child(3)											{ margin-top:3.5%;}
	.viewData	.data_thumb	.databox	.datatxt							{ width:70%;}

	.gallery_list	.gl_thumb												{ height:200px;}
	.gallery_list	.gl_thumb	.gl_more	span							{ width:65%;}

	.list_group1	.group1_con	ul											{ padding:2.5% 0;}
	.list_group1	.group1_con	ul	li										{ width:100%; margin-bottom:5px;}

	.reservation	.rv_Sortation	.sortimg,
	.reservation	.rv_Sortation	.sortimg	.sort_list					{ height:350px;}
	.reservation	.rv_Calendar	.calendar_area	table	td				{ height:75px;}

}

@media all and (max-width:460px)	{
	input, select,	button,	textarea		{ font-size:15px;}
	button.effect, a.effect,
	button.effect-1,	a.effect-1,
	button.effect-2,	a.effect-2			{ padding:0 40px;}
	button.effect-3,	a.effect-3			{ padding:7px 15px; font-size:15px;}
	
	.headList	.bdTotal					{ width:100%; line-height:1.5; font-size:14px;}
	.headList	.SearchInfo					{ width:100%; margin-top:5px;}
	.headList	.SearchInfo	select,
	.headList	.SearchInfo	input,
	.headList	.SearchInfo	button			{ float:left; height:35px;}
	.headList	.SearchInfo	select			{ width:25%; margin-right:2px;}
	.headList	.SearchInfo	input			{ width:60%;}	
	.headList	.SearchInfo	button			{ width:15%;}
	.headList	.SearchInfo	.wr_period input{ float:none; width:calc(50% - 8px);}
	.headList	.SearchInfo	.wr_period .slash{ width:2%; display:inline-block; text-align:center}
	.headList	.wr_period	em				{ display:initial;}
	.headList	.wr_period	em	a			{ height:16px;}

	
	.paging					{ margin-top:5%; }
	.paging a				{ font-size:14px; width:27px; height:30px; line-height:2;}
	.paging a.this			{ font-size:14px;}
	
	.list_group	.group_con	ul	li	em					{ top:auto; bottom:10%; transform:none; padding:2px 8px; font-size:13px;}
	.list_group	.group_con	ul	li	em		a,
	.list_group	.group_con	ul	li	em		button		{ line-height:1.6;}
	
	.view-group	.view-title	h4									{ font-size:1.125em; padding:.5em .4em;}
	.view-group	.view-title	.view-info							{ padding-top:0.5em;}	
	.view-group	.view-title	.view-info	li						{ display:block; font-size:14px; margin-right:0; padding:0 .4em;}
	.view-group	.view-title	.view-info	li	strong	i			{ font-size:12px;}
	.view-group	.view-title	.view-info	li	span::before			{ height:12px;}
	.view-group	.view-title	.viewHits							{ float:none; padding-bottom:0.4em !important;}
	.view-group	.view-title	.attached-file						{ padding:0.4em !important;}
	.view-group	.view-title	.attached-file	ul	li				{ font-size:14px;}
	
	.view-ctrl	ul	li							{ height:60px; overflow:hidden;}
	.view-ctrl	ul	li	i						{ font-size:40px;top:calc(50% - 20px);}
	.view-ctrl	ul	li	span					{ line-height:4.2;}
	.view-ctrl	ul	li	span	strong			{ display:none;}
	.view-ctrl	ul	li	span	a				{ width:90%; font-size:14px;}
	
	.write_group	ul	li				{ padding:0 .4em;}
	.write_group	ul	li	strong,
	.write_group	ul	li	dl	dt		{ width:100%; line-height:1.8;}
	.write_table	ul	li	span.wr_period	input {width:50%;}
	.write_group	.small_txt			{ display:block;}
	.write_group	ul	li	span,
	.attachedFile	.fileList			{ width:100%;}
	.attachedFile	.fileList	input	{ width:85%;}
	.write_group	ul	li	dd			{ width:100%; margin:5px 0;}
	.attachedFile	.fileList	.regist_file	a	{ font-size:14px; display:block; margin-bottom:4px;}
	
	.mb_tit::before									{ top:20px;}
	.mb_tit	h4										{ font-size:1.5em;}
	
	.progress_bar	ol	li::before					{ right:-15px; width:25px; height:9px;}
	.progress_bar	ol	li	strong					{ padding-left:0%; font-size:14px; text-align:center;}
	.progress_bar	ol	li	strong	span			{ font-size:15px;}
	
	.join_identify	ul	li							{ width:100%; padding:7% 5%;}
	.join_identify	ul	li:first-child				{ background-size:25%;} 
	/*.join_identify	ul	li:last-child				{ background-size:25%;}
	.join_identify	ul	li:last-child				{ margin-top:3%;}*/
	.join_identify	ul	li	dl						{ margin-top:23%;}
	.join_identify	ul	li	dl	dt					{ font-size:19px; margin-bottom:5px;}
	.join_agree	.termsForm	.termsBox				{ height:150px;}
	.join_agree	.termsForm	.termsCheck				{ padding:3%;}
	.join_complete	p:first-child					{ font-size:1.15em; margin-bottom:10px; padding-top:100px; background-size:35%;}
	.join_complete	p								{ font-size:16px;}
	.join_complete	.effect-2						{ width:50%; height:40px;}
	.join_complete	.effect-2	span				{ line-height:2.5;}


	
	.loginForm	.loginBox	.loginTxt	dt	img							{ width:30%;}
	.loginForm	.loginBox	.loginTxt	dd								{ font-size:16px;}
	.loginForm	.loginBox	.loginTxt	dd	br,				
	.loginForm	.loginBox	.loginBasic	.loginInfo	ul	li	i			{ display:none;}		
	.loginForm	.loginBox	.loginBasic	.loginInfo	ul	li				{ padding-right:10px; margin-right:5px;}
	.loginForm	.loginBox	.loginSns	li								{ width:100%;}
	.loginForm	.idFind	h5,	.loginForm	.pwFind	h5						{ font-size:19px;}
	.loginForm .idFind ul li:first-child, 
	.loginForm .pwFind ul li:first-child								{ margin-bottom:3%;}

	
	.faq_list_tit,
	.faq_list_con_wrap						{ padding:3.5% 10px 3.5% 3px;}		
	.faq_list_state							{ width:28px; height:28px; font-size:15px;}
	.faq_list_tit .faqTit,					
	.faq_list_con .faq_list_con_txt			{ padding:0 7% 0 10%; line-height:1.4;}
	.faq_list_tit .faqCtrl					{ width:30px; height:30px;}
	
	.list_group_thumb	.thumb_st3	li,
	.list_group_thumb	.thumb_st4	li					{ width:100%;}
	.list_group_thumb	.thumb_st3	li:nth-child(2),
	.list_group_thumb	.thumb_st4	li:nth-child(2)		{ margin-top:4%;}
	.list_group_thumb	.thumb_img						{ height:260px;}
	.list_group_thumb	.thumb_st1	li					{ display:inline-block; padding:5% 0;}
	.list_group_thumb	.thumb_st1	div					{ width:100%; display:inline-block;}
	.list_group_thumb	.thumb_st1	.thumb_img1			{ width:100%; padding:0; margin-bottom:3.5%;}
	.list_group_thumb	.thumb_st1	.thumb_img1	span	{ width:100%; height:260px;}
	.list_group_thumb	.thumb_info1	.thumb_more	a	{ width:50%; margin:0 auto;}
	.list_group_thumb	.thumb_st1	label				{ right:10px; top:30px;}
	
	#AllSearch	.SearchConWrap	.topSearchBox									{ padding:4%; text-align:left;}
	#AllSearch	.SearchConWrap	.topSearchBox	.scBox							{ height:45px;}
	#AllSearch	.SearchConWrap	.topSearchBox	.input_sc						{ width:calc(100% - 68px); height:30px;}
	#AllSearch	.SearchConWrap	.topSearchBox	.select_sc						{ width:64px; height:30px;}
	#AllSearch	.SearchConWrap	.topSearchBox	button							{ height:45px;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_Gnb	li			{ width:33.33333%;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchCon						{ width:100%; min-height:300px; border:0; padding:3% 0 0 0;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.sc_result	p,
	#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	h4	span			{ font-size:16px;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	h4					{ font-size:18px;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchRight								{ width:100%; border-top:1px solid #e0e0e0;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchRight	.sc_word	ul	li	span	{ border:1px solid #e0e0e0;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchRight	.sc_word	ul	li	ol		{ margin-bottom:3%;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_imgList	li,
	#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_videoList	li					{ width:48.5%; margin-right:0;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_imgList	li:nth-child(even),
	#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_videoList	li:nth-child(even)	{ float:right;}
	
	.answer-group	.asrTit									{ width:100%; display:inline-block; padding:10px 15px;}			
	.answer-group	.asrTit	strong							{ display:block; padding-left:20px;}
	.answer-group	.asrTit	strong	i						{ top:15px;}
	.answer-group	.asrTit .answer-info							{ font-size:14px;}
	.answer-group	.asrTit .answer-info::after						{ right:153px; top:36px;}
	.answer-group	.asrTit .answer-info							{ float:none; margin-top:5px}
	
	.comment-group	.cbox_guide	textarea,
	.comment-group	.cbox_guide_reply	textarea			{ width:75%;}
	.comment-group	.cbox_guide	button,
	.comment-group	.cbox_guide_reply	button				{ width:25%;}
	
	.secretCheck	.sc_layer										{ height:340px;}
	.secretCheck	.sc_layer	.sc_infoBox	dl	dt					{ font-size:23px;}
	.secretCheck	.sc_layer	.sc_infoBox	.scform					{ margin-top:30px; width:100%; padding:10%;}
	.secretCheck	.sc_layer	.sc_infoBox	.scform	label			{ width:100%; margin-bottom:5px;}
	.secretCheck	.sc_layer	.sc_infoBox	.scform	span			{ width:100%;}
	.secretCheck	.sc_layer	.sc_infoBox	.scform	span	button	{ font-size:15px; padding:0;}
	.secretCheck	.sc_layer	.sc_close							{ right:10px; top:15px;}
	.secretCheck	.sc_layer	.sc_close::after					{ width:30px; height:30px; font-size:20px;}
	
	.calendarWrap	.sort_area	.year_ctrl	button					{ width:28px; height:28px;}
	.calendarWrap	.sort_area	.year_ctrl	.date				{ font-size:20px;}
	.calendarWrap	.sort_area	.year_ctrl	button.prev_month		{ left:30px;}
	.calendarWrap	.sort_area	.year_ctrl	button.next_month		{ right:30px;}
	.calendarWrap	.calendar table th							{ height:45px; font-size:16px;}
	.calendarWrap	.calendar table td							{ height:55px;}
	.calendarWrap	.calendar	.num							{ font-size:11px;}	
	.calendarWrap	.calendar	.schedule	li	button				{ text-align:center;}
	.calendarWrap	.calendar	.schedule	li	button::before		{ width:18px; height:18px; font-size:11px;}
	.calendarWrap	.calendar	.schedule	li	button	span		{ display:none;}

	.view-group	.view-table	li									{ padding:10px;}
	.view-group	.view-table	li	strong							{ width:100%; text-align:left; background:none; padding:0; color:#343434;}
	.view-group	.view-table	li	span							{ width:100%; text-align:left; padding:0;}
	.view-group	.view-table	.lineBreak	strong,
	.view-group	.view-table	.lineBreak	span					{ display:inline-block; padding:0;}

	.viewData	ul	li														{ height:250px;}
	.viewData	.data_thumb	.databox	.datatxt							{ width:80%;}
	.viewData	.data_thumb	.databox	.datatxt	a						{ height:40px; font-size:14px; line-height:2.8;}
	.viewData	.data_thumb	.databox	.datatxt	a:nth-child(1)			{ background-position:15% center;}
	.viewData	.data_thumb	.databox	.datatxt	a:nth-child(2),
	.viewData	.data_thumb	.databox	.datatxt	a:nth-child(2):hover	{ background-position:23% center;}

	.gallery_list	ul	li													{ width:47%; margin:5% 0 0 0;}
	.gallery_list	ul	li:nth-child(3),
	.gallery_list	ul	li:nth-child(4)										{ margin-top:5%;}
	.gallery_list	.gl_thumb												{ height:120px;}
	.gallery_list	.gl_info	dt											{ font-size:16px; margin-top:8px;}
	.gallery_list	.gl_thumb	.gl_more	span							{ width:73%; height:40px; line-height:40px; font-size:12px;}
	.gallery_list	.gl_thumb	.gl_more	span:hover						{ background-position:15px center;}

	.list_group	.group_con_st1	li	dl	dd::after							{ top:5px;}
	.list_group	.group_con_st1	li	dl	dd									{ font-size:14px;}

	.list_group	.group_con_st2	ul	li										{ width:100%; margin:4% 0 0 0;}
	.list_group	.group_con_st2	ul	li:nth-child(2),
	.list_group	.group_con_st2	ul	li:nth-child(3),
	.list_group	.group_con_st2	ul	li:nth-child(4)							{ margin-top:4%;}
	.list_group	.group_con_st2	ul	dl	dt	strong							{ font-size:17px;}

	.reservation	.rv_Sortation	.sortimg,
	.reservation	.rv_Sortation	.sortimg	.sort_list					{ height:250px;}
	.reservation	.rv_Sortation	.sortimg	.sort_ctrl	a				{ width:11px; height:11px;}
	.reservation	.rv_Sortation	.sortimg	button						{ width:19px; height:33px;}
	.reservation	.rv_Sortation	.sortimg	.sort_prev					{ left:15px; background-size:100%;}
	.reservation	.rv_Sortation	.sortimg	.sort_next					{ right:15px; background-size:100%;}
	.reservation	.rv_Sortation	.sorttxt								{ padding:5% 7% 6% 7%;}
	.reservation	.rv_Sortation	.sorttxt	h4							{ font-size:19px;}
	.reservation	.rv_Sortation	.sorttxt	ul							{ margin-top:10px;}
	.reservation	.rv_Calendar	.calender_date	.date					{ font-size:20px; line-height:1.5;}
	.reservation	.rv_Calendar	.calender_date	a						{ width:30px; height:30px;}
	.reservation	.rv_Calendar	.calender_date	a.prev_month			{ left:33px;}
	.reservation	.rv_Calendar	.calender_date	a.next_month			{ right:33px;}
	.reservation	.rv_Calendar	.calendar_area	table					{ margin-bottom:7px;}
	.reservation	.rv_Calendar	.calendar_area	table	th				{ padding:5px;}
	.reservation	.rv_Calendar	.calendar_area	table	td				{ height:60px;}
	.reservation	.rv_Calendar	.calendar_area	.day	em				{ right:5px; top:3px; font-size:75%;}
	.reservation	.rv_Calendar	.calendar_area	.calender_ex	li		{ margin-left:15px; font-size:14px;}
	.reservation	.rv_explan	a											{ padding:8px 30px; text-indent:27px; background-position:30px 15px;}

	.write_table	ul	li								{ padding:8px 8px 12px 8px;}
	.write_table	ul	li	strong,
	.write_table	.lineBreak	strong					{ width:100%; padding:0; text-align:left; border-right:0; background:none;}
	.write_table	ul>li>span,
	.write_table	.lineBreak>span					{width:100%;padding:0;}
	.write_table	.lineL								{ border-left:0;}
	.write_table	.attachedFile	strong				{ display:inline-block; height:auto;}
	.write_table	.attachedFile	.fileList			{ padding:0;}
	.write_table	.attachedFile	.fileList	ul,
	.write_table	.attachedFile	.fileList	ul	li	{ width:100%; border:0; padding:0;}

	.pageInfoBox	.satisfaction	.survey	ul	li				{ line-height:2;}
	.pageInfoBox	.satisfaction	.survey	ul	li:last-child	{ margin-top:10px;}
	.pageInfoBox	.satisfaction	.otherBox	input			{ width:72%;}
	.pageInfoBox	.satisfaction	.btn_survey					{ width:25%;}

	.view_st3	.st3_tit								{ font-size:23px; margin-bottom:10px;}
	.view_st3	.view_st3_con							{ margin:7% 0;}
}	



@media all and (max-width:380px)	{
	div,ul,li,ol,dl,dd,dt,p,input,select,button			{ font-size:15px;}
	.titst2												{ font-size:1.125em;}
	.view-group	.view-table	.lineBreak	span	a		{ padding-left:10px; background-position:left 11px;}
	.write_group	.mp_ipst							{ width:170px;}
	.view-group	.view-title	.attached-file	ul	li		{ margin-left:7px;}
	.progress_bar	ol	li::before						{ right:-12px; width:20px; height:7px;}
	.faq_list_tit										{ padding:4% 10px;}
	.faq_list_tit .faqTit,
	.faq_list_con .faq_list_con_txt						{ padding:0 15px 0 12%;}
	.faq_list_item.faqActive .faqCtrl::after,
	.faq_list_tit .faqCtrl::after						{ line-height:2;}
	.list_group_thumb	.thumb_img,
	.list_group_thumb	.thumb_st1	.thumb_img1	span	{ height:230px;}
	
	.viewData	ul	li														{ height:210px;}
	.viewData	.data_thumb	.databox	.datatxt	a:nth-child(1)			{ background-position:12% center;}
	.viewData	.data_thumb	.databox	.datatxt	a:nth-child(2),
	.viewData	.data_thumb	.databox	.datatxt	a:nth-child(2):hover	{ background-position:21% center;}

	.gallery_list	ul	li											{ width:100%; margin:7% 0 0 0;}
	.gallery_list	ul	li:nth-child(2),
	.gallery_list	ul	li:nth-child(3),
	.gallery_list	ul	li:nth-child(4)								{ margin-top:7%;}
	.gallery_list	.gl_thumb										{ height:200px;}
	.gallery_list	.gl_thumb	.gl_more	span					{ width:45%;}
	.gallery_list	.gl_thumb	.gl_more	span:hover				{ background-position:25px center;}

	.list_group	.group_con_st2	ul	dl	dt	strong					{ font-size:16px;}

	.reservation	.rv_Sortation	.sortimg,
	.reservation	.rv_Sortation	.sortimg	.sort_list					{ height:230px;}
	.reservation	.rv_Sortation	.sorttxt	h4							{ font-size:17px;}
	.reservation	.rv_Sortation	.sorttxt	ul							{ margin-top:5px;}
	.reservation	.rv_Calendar	.calender_date	.date					{ font-size:18px;}
	.reservation	.rv_Calendar	.calender_date	a						{ width:27px; height:27px;}
	.reservation	.rv_Calendar	.calender_date	a.prev_month			{ left:30px;}
	.reservation	.rv_Calendar	.calender_date	a.next_month			{ right:30px;}
	.reservation	.rv_Calendar	.calendar_area	table	td				{ height:50px;}
	.reservation	.rv_explan	a											{ background-position:30px 12px;}

	.view_st3	.st3_tit								{ font-size:20px;}
	.view_st3	.st3_tit	em							{ font-size:16px;}
}


@media all and (max-width:340px)	{
	div,ul,li,ol,dl,dd,dt,p,input,select,button		{ font-size:14px;}
	button.effect, a.effect,
	button.effect-1,	a.effect-1,
	button.effect-2,	a.effect-2					{ height:30px; padding:0 30px;}
	button.effect-3,	a.effect-3					{ padding:5px 10px; font-size:14px;}
	button.effect	span, a.effect	span,
	button.effect-1 span, a.effect-1 span,
	button.effect-2	span,	a.effect-2	span		{ line-height:2;}
	
	.btn_small										{ /*height:35px;*/}
	.headList	.SearchInfo	select,
	.headList	.SearchInfo	input,
	.headList	.SearchInfo	button					{ height:30px;}
	.headList	.wr_period	em	a					{ right:8px; width:20px; height:16px;}
	.headList	.wr_period	em	a	i				{ font-size:16px;}
	
	.list_group	.group_con	.name,
	.list_group	.group_con	.date					{ font-size:13px;}
	.list_group	.group_con	ul	li	em				{ padding:2px 5px; font-size:12px;}
	.list_group	.group_con	ul	li	em		a,
	.list_group	.group_con	ul	li	em		button	{ font-size:12px;}
	
	.view-ctrl	ul	li								{ height:50px;}
	.view-ctrl	ul	li	span						{ line-height:50px;}
	
	.write_group	ul	li	span	select,
	.write_group	ul	li	span	input,
	.write_group	ul	li	dd	input				{ height:35px;}
	.write_group	.wr_period	em	a				{ top:4px; right:5px; width:20px; height:20px;}
	.write_group	.wr_period	em	a	i			{ font-size:16px;}
	.write_group	.mp_ipst						{ width:140px;}
	.attachedFile	.fileList	input				{ height:30px;}

	
	.mb_tit::before									{ top:17px;}
	.mb_tit	h4										{ padding:0 15px;}
	.mb_tit	p,
	.progress_bar	ol	li	strong	span,
	.join_complete	p								{ font-size:14px;}
	.progress_bar	ol	li	strong					{ font-size:12px;}
	
	.join_identify	ul	li	dl	dt					{ font-size:16px;}
	.join_identify	ul	li	dl	dd:last-child	a	{ width:50%; height:35px; font-size:14px;}
	.join_complete	.effect-2						{ height:35px;}
	
	.loginForm	.loginBox	.loginTxt	dt	img						{ width:27%; margin-bottom:5px;}
	.loginForm	.loginBox	.loginTxt	dd,
	.loginForm	.loginBox	.loginBasic	.loginCtrl					{ font-size:14px; margin:0;}
	.loginForm	.loginBox	.loginBasic	.loginCtrl	label			{ margin-top:0;}
	.loginForm	.loginBox	.loginBasic	li	input,
	.loginForm	.idFind	ul	li	dl	dd	input,
	.loginForm	.pwFind	ul	li	dl	dd	input						{ height:35px;}
	.loginForm	.loginBox	button.effect,
	.loginForm	.loginBox	button.effect-2,
	.loginForm	.loginBox	.loginSns	li							{ height:40px;}
	.loginForm	.loginBox	.loginSns	li	a						{ line-height:2.6;}
	.loginForm	.loginBox	button.effect	span,
	.loginForm	.loginBox	button.effect-2	span					{ font-size:15px; line-height:2.6;}
	.loginForm	.idFind	h5,	.loginForm	.pwFind	h5					{ font-size:16px;}
	.loginForm	.idFind	p,
	.loginForm	.pwFind	p											{ font-size:14px;}
	
	.faq_list_tit				{ padding:5% 15px 5% 2px;}
	.faq_list_state				{ top:11px; width:24px; height:24px; font-size:13px;}
	
	.list_group_thumb	.thumb_info	dl	dt,
	.list_group_thumb	.thumb_info1	dl	dt							{ font-size:16px;}
	.list_group_thumb	.thumb_info	.thumb_con,
	.list_group_thumb	.thumb_info1	.thumb_con						{ height:45px;}
	.list_group_thumb	.thumb_info	.thumb_date,
	.list_group_thumb	.thumb_info1	.thumb_date						{ margin-top:5px; font-size:14px;}
	.list_group_thumb	.thumb_img,
	.list_group_thumb	.thumb_st1	.thumb_img1	span					{ height:180px !important;}
	.list_group_thumb	.thumb_info	.thumb_more a,
	.list_group_thumb	.thumb_st1	.thumb_info1	.thumb_more		a	{ height:40px; font-size:12px;}
	.list_group_thumb	.thumb_info	dl	dt,								
	.list_group_thumb	.thumb_info1	dl	dt							{ line-height:1.3;}
	.list_group_thumb	.thumb_info	dl	dt	span,
	.list_group_thumb	.thumb_info1	dl	dt	span					{ font-size:14px;}
	
	#AllSearch	.SearchConWrap	.topSearchBox	.scBox							{ height:40px;}
	#AllSearch	.SearchConWrap	.topSearchBox	.input_sc						{ height:25px;}
	#AllSearch	.SearchConWrap	.topSearchBox	.select_sc						{ height:25px;}
	#AllSearch	.SearchConWrap	.topSearchBox	button							{ height:40px;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_Gnb	li			{ height:38px;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_Gnb	li	a,
	#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_set	dl	dd	a,
	#AllSearch	.SearchConWrap	.allSearchCon	.searchLeft	.sc_set	.type2	.type_btn	button,
	#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.result_more	a	{ font-size:14px;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.sc_result	p,
	#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	h4	span			{ font-size:15px;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	h4					{ font-size:16px;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchRight								{ width:100%; border-top:1px solid #e0e0e0;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchRight	.sc_word	ul	li	span	{ border:1px solid #e0e0e0;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchRight	.sc_word	ul	li	ol		{ margin-bottom:3%;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_imgList	li,
	#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_videoList	li					{ width:48.5%; margin-right:0;}
	#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_imgList	li:nth-child(even),
	#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.sc_videoList	li:nth-child(even)	{ float:right;}
	
	.comment-group	h5,
	.answer-group	.asrTit strong		{ font-size:15px;}
	.answer-group	.asrTit .answer-info::after	{ top:33px;}
	
	.secretCheck	.sc_layer										{ height:280px;}
	.secretCheck	.sc_layer	.sc_infoBox	dl	dt					{ font-size:18px; margin-bottom:5px;}
	.secretCheck	.sc_layer	.sc_infoBox	dl	dd					{ font-size:14px;}
	.secretCheck	.sc_layer	.sc_infoBox	.scform					{ margin-top:20px; padding:10%;}
	.secretCheck	.sc_layer	.sc_infoBox	.scform	span	input	{ height:35px;}
	.secretCheck	.sc_layer	.sc_infoBox	.scform	span	button	{ font-size:14px;}
	.secretCheck	.sc_layer	.sc_close							{ top:10px;}
	.secretCheck	.sc_layer	.sc_close::after					{ width:20px; height:20px; font-size:15px;}
	
	.calendarWrap	.sort_area	.year_ctrl						{ padding-bottom:5px;}
	.calendarWrap	.sort_area	.year_ctrl	button					{ width:25px; height:25px;}
	.calendarWrap	.sort_area	.year_ctrl	.date				{ font-size:18px;}
	.calendarWrap	.sort_area	.year_ctrl	button.prev_month		{ left:27px;}
	.calendarWrap	.sort_area	.year_ctrl	button.next_month		{ right:27px;}
	.calendarWrap .calendar table th							{ height:35px; font-size:14px;}
	.calendarWrap .calendar table td							{ height:45px;  padding:3px;}
	.calendarWrap	.calendar	.num							{ font-size:10px;}	
	
	.viewData	ul	li														{ width:100%; height:350px;}
	.viewData	ul	li:nth-child(2)											{ margin-top:3.5%;}
	.viewData	.data_thumb	.databox	.datatxt							{ width:60%;}
	.viewData	.data_thumb	.databox	.datatxt	a:nth-child(1)			{ background-position:20% center;}
	.viewData	.data_thumb	.databox	.datatxt	a:nth-child(2),
	.viewData	.data_thumb	.databox	.datatxt	a:nth-child(2):hover	{ background-position:27% center;}

	.gallery_list	.gl_thumb												{ height:180px;}
	.gallery_list	.gl_thumb	.gl_more	span							{ width:50%;}
	.gallery_list	.gl_thumb	.gl_more	span:hover						{ background-position:22px center;}
	.gallery_list	.gl_info	dt											{ font-size:15px;}
	.gallery_list	.gl_info	dd											{ font-size:14px;}
	.gallery_list	.gl_info	.icon-date::after							{ font-size:13px;}

	.list_group	.group_con_st1	li	dl	dd									{ font-size:13px;}

	.list_group	.group_con_st2	ul	dl	dt	strong							{ font-size:15px;}
	.list_group	.group_con_st2	ul	dl	dd:last-child,
	.list_group	.group_con_st2	ul	dl	dd:last-child	i					{ font-size:13px;}

	.list_group1	.group1_con	ul	li::before								{ width:80px;}

	.reservation	.rv_Sortation	.sortimg,
	.reservation	.rv_Sortation	.sortimg	.sort_list					{ height:200px;}
	.reservation	.rv_Sortation	.sorttxt	h4							{ font-size:16px;}
	.reservation	.rv_Calendar	.calender_date	.date					{ font-size:17px;}
	.reservation	.rv_Calendar	.calender_date	a						{ width:25px; height:25px;}
	.reservation	.rv_Calendar	.calendar_area	table	td				{ height:45px;}

	.pageInfoBox	.satisfaction	.otherBox	input						{ width:68%;}
	.pageInfoBox	.satisfaction	.btn_survey								{ width:28%;}

	.view_st3	.st3_tit								{ font-size:18px;}
	.view_st3	.st3_tit	em							{ font-size:15px;}
}

.list_group .bbs_table{width:100%;margin:10px 0;table-layout:fixed;border-top:1px solid #33383E}
.list_group .bbs_table th, .bbs_table td{text-align:center;padding:18px 5px;}
.list_group .bbs_table th{font-weight:600; color:#282828;border-bottom:1px solid #33383E;}
.list_group .bbs_table td{border-bottom:1px solid #e0e0e0;}
.list_group .bbs_table td span{ width:18px; height:18px; display:inline-block;vertical-align:middle}
.list_group .bbs_table td.txt_center{text-align:center;}

.list_group	.bbs_table .colNotice{ background-color:#f4f6f9;}
.list_group	.bbs_table .colNotice .icoNotice span{ background:url(/tour/usr/images/bbs/icon_notice.png) center no-repeat;}
.list_group	.bbs_table .icon_file{ background:url(/tour/usr/images/bbs/icon_file.png) center no-repeat;}
.list_group	.bbs_table .icon_file_no{ background:url(/tour/usr/images/bbs/icon_file_no.png) center no-repeat;}	

.list_group	.bbs_table em{ position:relative; padding:3px 8px 4px 8px; font-size:14px; cursor:pointer; border-radius:.2em;}
.list_group	.bbs_table em a,
.list_group	.bbs_table em button{ color:#fff; line-height:1.65; font-size:14px;}
.list_group	.bbs_table .txt_line1{ color:#38393B; border:1px solid #38393B;}
.list_group	.bbs_table .txt_line2{ color:#2878d3; border:1px solid #2878d3;}
.list_group	.bbs_table .txt_link1{ background-color:#38393B;}
.list_group	.bbs_table .txt_link2{ background-color:#2878d3;}
.list_group	.bbs_table .bbslist_none{ padding:5% 3%; text-align:center}

.list_group .bbs_table tbody td	b.mtitle {display:none;}


@media all and (max-width:1400px){

	.list_group .bbs_table .num,
	.list_group .bbs_table .file,
	.list_group .bbs_table .views{ display:none;}

	.list_group .bbs_table thead{display:none;}
	.list_group .bbs_table tbody tr{display:block;box-sizing:border-box;border-bottom:1px solid #e0e0e0;position:relative;padding:1.5% 0;}
	.list_group .bbs_table tbody td{display:block;border-bottom:none;width:100%; text-align:left; border-bottom:0; padding:0 10px;}
	/*.list_group .bbs_table tbody [data-cell-header]::before{content:attr(data-cell-header);display:inline-block;color:#00255c;font-weight:600;padding-right:10px;margin-right:10px;}
	.list_group .bbs_table tbody .check[data-cell-header]::before,
	.list_group .bbs_table tbody .state[data-cell-header]::before{display:none;}*/
	.list_group .bbs_table tbody td	b.mtitle{ display:inline-block;line-height:1em; color:#07377d;}
	.list_group .bbs_table tbody td	b.mtitle::after{ content:'';display:inline-block;width:2px;height:.7em;margin:-.2em 10px 0;background-color:#aaa;}

	.list_group	.bbs_table a{ color:#343434; display:inline-block; font-weight:600;}
	.list_group .bbs_table .title{display:block; white-space:normal; margin-bottom:7px; line-height:1.4;}
	.list_group .bbs_table .name,
	.list_group .bbs_table .date{ font-size:15px; color:#747474;}
	.list_group .bbs_table em{ position:absolute; right:10px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
	.list_group	.bbs_table .bbslist_none{ padding:2% 0;}

}

@media all and (max-width:780px){

	.list_group .bbs_table em{top:auto;bottom:0}

}       
/*태그명 영역 추가*/
.write_table .basic_table th{padding: 5px;font-weight: 600;}
.write_table .basic_table td{padding:5px;background: none;}
.write_table .basic_table thead th{padding: 7px 0;}
.write_table .basic_table tbody th{background:#f8f8f8}
.write_table .basic_table tbody th,
.write_table .basic_table tbody td{font-size:15px;font-weight: 500;}
.write_table .basic_table tbody td{text-align:left;}
.write_table .basic_table .tableWrap{overflow-x:auto}
.write_table .basic_table button.open_btn{background: #007ac2;color: #fff;padding: 5px 10px;width: 80%;min-width: 50px;}

.write_table .lineBreak.write_intoggle{display: block;overflow: hidden;}
.write_table .lineBreak.write_intoggle strong{width: 100%;display: block;position: relative;padding: 10px;}
.write_table .lineBreak.write_intoggle span{width:100%;display:block;overflow: hidden;padding: 10px;}
.write_table .lineBreak.write_intoggle .tableWrap{width: 100%;overflow-x: scroll;}
.write_table .lineBreak.write_intoggle .basic_table{min-width: 600px;margin: 0;border-top: solid 1px #2a2a2a;}

@media (min-width: 460px)	{	
.write_table .lineBreak{display:table;}
.write_table .lineBreak>strong,.write_table .lineBreak>span {display: table-cell;}
.write_table .lineBreak>strong{width:20%}
.write_table .lineBreak>span{width:auto;}
.write_table .lineBreak>span textarea{width: 100%;}
}        

@media (min-width: 768px)	{	
.write_table .basic_table tbody td,
.write_table .basic_table tbody th{padding:5px 10px}
.write_table .lineBreak.write_intoggle span{padding: 20px;}
.write_table .lineBreak.write_intoggle .tableWrap{overflow:hidden;margin: 0;}

}

@media (min-width: 1024px)	{	
.write_table .lineBreak.write_intoggle {position: relative;padding-left: 170px;display: table-cell;}
.write_table .lineBreak.write_intoggle strong {position: absolute;left: 0;top: 0;display: flex;justify-content: center;align-items: center;width: 170px;}

}      

@media (min-width: 1280px)	{	
.write_table .lineBreak>strong{width:170px;}
}