@charset "utf-8";

*											{ margin:0; padding:0; box-sizing:border-box; -webkit-touch-callout:none;}
ul, ol, dl,div,dd,dt,li,p, h1, h2, h3, h4, h5 { box-sizing:border-box;}
img, video, fieldset	{ border:0; vertical-align:top; }
a:hover					{transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
table										{ border-collapse:collapse; border-spacing:0; }
input, select, textarea						{ vertical-align:middle; box-sizing:border-box; margin:0; padding:0; color:#555;}
html										{ height:100%; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; -ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; text-rendering:optimizeLegibility;}
body										{ height:100%; margin:0; padding:0; overflow-x:hidden; -webkit-overflow-scrolling:touch;}
label										{ cursor:pointer;box-sizing:border-box;}
button										{ border:0; padding:0; background:transparent; cursor:pointer; overflow:visible;line-height:1.7;}
.skipNav, legend, hr,
caption, .hidden							{ position:absolute; width:0; height:0; clip:rect(0 0 0 0); overflow:hidden;}
i,em,address								{ font-style:normal;}
address a:link								{ font-size:10px; color:#ccc; vertical-align:middle;}
fieldset									{ margin:0; padding:0; width:100%;}
input										{height:40px;border:1px solid #e0e0e0;/* text-indent:10px; */}	
textarea									{ padding:10px; border:1px solid #e0e0e0; overflow-y:auto; -webkit-border-radius:4px; -webkit-appearance:none;}
textarea:disabled,
input:disabled								{background-color:#f4f5f8;cursor:not-allowed;}
input[readonly=readonly]					{border-top:none;border-left:none;border-right:none;border-radius:0;color:#000;}
input[type=checkbox]						{ width:17px; height:17px; cursor:pointer;}
input[type=radio]							{ display:none;}
input[type=radio] + label span.radio		{ width:22px; height:22px; background:url(../images/bbs/radio_bg.png) no-repeat; display:inline-block; }
input[type=radio]:checked + label span.radio{ background:url(../images/bbs/radio_bg_on.png) no-repeat;}
input[type=number] { -moz-appearance: textfield;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px white inset !important;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s !important;}
input[type=password]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=text]:focus,
input[type=tel]:focus,
input:not(.disabled, :disabled, .error):hover { border-color:#3971ff;}
input:not(.disabled, :disabled, .error):focus { border-color:#3971ff; box-shadow:0 0 0 3px #becff9;}
input.error { color:#1b1e26; border-color:#f52247; box-shadow:0 0 0 3px #f6b7c2;}
textarea:focus								{ border-color:#3971ff; box-shadow:0 0 0 3px #becff9; color:#353535;}
select										{ height:40px; color:#646464; border:1px solid #e0e0e0; -webkit-border-radius:4px; -webkit-appearance:none; padding:0 25px 0 10px; cursor:pointer; background:#ffffff url(../images/bbs/selectico.png) 90% center no-repeat; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}
select::-ms-expand							{ display:none;}
[class^="icon-"], [class*=" icon-"]			{ font-family:'dbfont' !important; speak:none; speak-as:spell-out; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1;}

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

.col_w1				{ width:1%;}
.col_w2				{ width:2%;}
.col_w3				{ width:3%;}
.col_w4				{ width:4%;}
.col_w5				{ width:5%;}
.col_w6				{ width:6%;}
.col_w7				{ width:7%;}
.col_w8				{ width:8%;}
.col_w9				{ width:9%;}
.col_w10			{ width:10%;}
.col_w11			{ width:11%;}
.col_w12			{ width:12%;}
.col_w13			{ width:13%;}
.col_w14			{ width:14%;}
.col_w15			{ width:15%;}
.col_w16			{ width:16%;}
.col_w17			{ width:17%;}
.col_w18			{ width:18%;}
.col_w19			{ width:19%;}
.col_w20			{ width:20%;}
.col_w21			{ width:21%;}
.col_w22			{ width:22%;}
.col_w23			{ width:23%;}
.col_w24			{ width:24%;}
.col_w25			{ width:25%;}
.col_w26			{ width:26%;}
.col_w27			{ width:27%;}
.col_w28			{ width:28%;}
.col_w29			{ width:29%;}
.col_w30			{ width:30%;}
.col_w31			{ width:31%;}
.col_w32			{ width:32%;}
.col_w33			{ width:33%;}
.col_w34			{ width:34%;}
.col_w35			{ width:35%;}
.col_w36			{ width:36%;}
.col_w37			{ width:37%;}
.col_w38			{ width:38%;}
.col_w39			{ width:39%;}
.col_w40			{ width:40%;}
.col_w41			{ width:41%;}
.col_w42			{ width:42%;}
.col_w43			{ width:43%;}
.col_w44			{ width:44%;}
.col_w45			{ width:45%;}
.col_w46			{ width:46%;}
.col_w47			{ width:47%;}
.col_w48			{ width:48%;}
.col_w49			{ width:49%;}
.col_w50			{ width:50%;}
.col_w51			{ width:51%;}
.col_w52			{ width:52%;}
.col_w53			{ width:53%;}
.col_w54			{ width:54%;}
.col_w55			{ width:55%;}
.col_w56			{ width:56%;}
.col_w57			{ width:57%;}
.col_w58			{ width:58%;}
.col_w59			{ width:59%;}
.col_w60			{ width:60%;}
.col_w61			{ width:61%;}
.col_w62			{ width:62%;}
.col_w63			{ width:63%;}
.col_w64			{ width:64%;}
.col_w65			{ width:65%;}
.col_w66			{ width:66%;}
.col_w67			{ width:67%;}
.col_w68			{ width:68%;}
.col_w69			{ width:69%;}
.col_w70			{ width:70%;}
.col_w71			{ width:71%;}
.col_w72			{ width:72%;}
.col_w73			{ width:73%;}
.col_w74			{ width:74%;}
.col_w75			{ width:75%;}
.col_w76			{ width:76%;}
.col_w77			{ width:77%;}
.col_w78			{ width:78%;}
.col_w79			{ width:79%;}
.col_w80			{ width:80%;}
.col_w81			{ width:81%;}
.col_w82			{ width:82%;}
.col_w83			{ width:83%;}
.col_w84			{ width:84%;}
.col_w85			{ width:85%;}
.col_w86			{ width:86%;}
.col_w87			{ width:87%;}
.col_w88			{ width:88%;}
.col_w89			{ width:89%;}
.col_w90			{ width:90%;}
.col_w91			{ width:91%;}
.col_w92			{ width:92%;}
.col_w93			{ width:93%;}
.col_w94			{ width:94%;}
.col_w95			{ width:95%;}
.col_w96			{ width:96%;}
.col_w97			{ width:97%;}
.col_w98			{ width:98%;}
.col_w99			{ width:99%;}
.col_w100			{ width:100%;}

.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-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:#fe7b0f;}
.icon-reply::after		{ content:"\e923"; }
.icon-Prev::after		{ content:"\E906"; }
.icon-Next::after		{ content:"\E908"; }


/*** BOARD ***/
input[type=radio] + label em.radio			{ width:22px; height:22px; background:url(../images/bbs/radio_bg.png) no-repeat; display:inline-block; vertical-align:middle; margin:0 3px 3px 0;}
input[type=radio]:checked + label em.radio	{ background:url(../images/bbs/radio_bg_on.png) no-repeat;}


#boardWrap		{ position:relative; float:left; 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;}
.message {display:block; font-size:14px;margin:5px 0;}
.message.Warn {color:#ff6043;}
.max300 {width:100%; max-width:300px;}

/*button*/
.btnArea													{ position:relative; width:100%; display:inline-block; margin-top:3%;}
button.effect,	a.effect									{ position:relative; width:auto; height:40px; padding:0 60px; color:#fff; text-align:center; background-color:#383838; border-radius:.25em; display:inline-block; overflow:hidden;}
button.effect:hover,	a.effect:hover						{ color:#333;}
button.effect::before,	a.effect::before					{ content:''; position:absolute; top:0; right:0; bottom:0; left:-1px; background-color:#ffda53; transform:translateX(-100%); -webkit-transform:translateX(-100%);}
button.effect-1,	a.effect-1								{ position:relative; width:auto; height:40px; padding:0 60px; color:#fff; text-align:center; background-color:#777; 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:#777; 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:#f78210; transform:translateX(-100%); -webkit-transform:translateX(-100%);}
button.effect-5,	a.effect-5								{ position:relative; width:auto; height:2.875em; padding:0 60px; color:#301212; text-align:center; background-color:#ffc107; border-radius:80px; display:inline-block; overflow:hidden;letter-spacing:0;font-weight:bold;}
button.effect-5::before,	a.effect-5::before				{ content:''; position:absolute; top:0; right:0; bottom:0; left:-1px; background-color:#0A3367; 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,
button.effect-5::before,	a.effect-5::before,
button.effect-5::after,	a.effect-5::after					{ box-sizing:border-box; transition:0.2s ease-in-out; z-index:1; }
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,
button.effect-5:hover::before,	a.effect-5: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:2.7; z-index:1;}
button.effect-5 span,	a.effect-5 span						{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; line-height:2.875; z-index:1;}
button.effect-5:hover span,	a.effect-5:hover span			{ color:#fff;}
button.effect-3,	a.effect-3								{ position:relative; width:auto; padding:7px 25px; border:1px solid #d0d0d0; vertical-align:top; color:#000; display:inline-block}	
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-3:hover,	a.effect-3:hover,
button.effect-4:hover,	a.effect-4:hover					{ background-color:#f77000; border:1px solid #e16600; color:#fff; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}	
.btn_small													{ padding:0 15px; height:40px; vertical-align:middle; background-color:#38393B; color:#fff; font-size:14px; border-radius:.2em;}
.btn_small:hover											{ background-color:#f77000; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}	
button .excel,	a .excel									{ background:url(../images/bbs/excel.png) no-repeat 0 center; padding-left:25px}
.conWr .inner_btn											{ background-color:#f77000;color:#fff;font-size:.875em;padding:5px 10px;margin:-2px 2px 0 0;border-radius:2px; box-shadow:1px 1px 0 1px rgba(48, 18, 18,.35);transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
.conWr .inner_btn:hover										{ background-color:#38393B;box-shadow:none;margin:0 -2px 0 0;}

/*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							{ display:table; position:relative; width:100%; height:100%; padding:12px; color:#4a4a4a; text-align:center;}
.bd_tabNav	a::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		{ border-width:1px;}
.bd_tabNav	> a > span					{ display:table-cell; width:100%; height:100%; vertical-align:middle; word-break:keep-all;}
.bd_tabNav	a:hover						{ color:#e97718;}
.bd_tabNav	.tab_on	a					{ color:#fff; background-color:#ff8c2d; font-weight:700;}
.bd_tabNav	.tab_on	a::after				{ background-color:#ee7800; border:1px solid #ee7800; z-index:1;}
.bd_tabNav	.tab_on	a	span			{ position:relative; z-index:999;}
.bd_tabNav	a:hover::after				{ color:#fff; border:1px solid #ff8c2d; z-index:1;}
.titH3.jalnan + .bd_tabNav				{ margin-top:2%;}

/*search*/
.headList												{ position:relative; float:left; 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:#39160e; font-weight:700;}
.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	.sch_bbs	input				{ border-radius:4px 0 0 4px;}
.headList	.SearchInfo	button							{ width:60px; height:40px; background-color:#38393B; color:#fff; margin-left:-4px; vertical-align:middle;border-radius:0 4px 4px 0;}
.headList	.SearchInfo .wr_period input				{ width:130px;}
.headList	.wr_word						{ display:inline;}
.headList	.wr_period	em					{ position:relative;}
.headList	.wr_period	em	a				{ position:absolute; top:0; right:10px; width:25px; height:25px; text-align:center;}
.headList	.wr_period	em	a	i			{ font-size:20px; color:#e56a00;}
.headList	.wr_period	em	a	i:hover		{ color:#282828;}

/*paging*/
.paging							{ 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.2;}
.paging a.this					{ font-size:15px; color:#282828; font-weight:700; border:1px solid #282828;}
.paging	.btn_prev				{ background:url(../images/bbs/bbs-prev.png) center no-repeat;}
.paging .btn_start				{ background:url(../images/bbs/bbs-prev-end.png) center no-repeat;}
.paging .btn_next				{ background:url(../images/bbs/bbs-next.png) center no-repeat;}
.paging .btn_end				{ background:url(../images/bbs/bbs-next-end.png) center no-repeat;}

/* basic st1 */
.list_group	.group_tit							{ position:relative; float:left; 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:700; color:#282828; vertical-align:top;}
.list_group	.group_con							{ float:left; 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: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(../images/bbs/icon_notice.png) center no-repeat;}
.list_group	.group_con	.icon_file				{ background:url(../images/bbs/icon_file.png) center no-repeat;}
.list_group	.group_con	.icon_file_no			{ background:url(../images/bbs/icon_file_no.png) center no-repeat;}	
.list_group	.group_con	.txt_line1				{ color:#38393B;box-shadow:0 0 0 1px #38393B;}
.list_group	.group_con	.txt_line2				{ color:#ff7300;box-shadow:0 0 0 1px #ff7300;}
.list_group	.group_con	.txt_link1				{ background-color:#38393B;}
.list_group	.group_con	.txt_link2				{ background-color:#ff7300;}
.list_group	.group_con	.txt_link3				{ background-color:#009985;}
.bbslist_none									{ padding:5% 3%; text-align:center;border-bottom:1px solid #e0e0e0;}
.bbslist_none li								{ border-bottom:none !important;}
.list_group.myList	.title						{text-align:center;}
.list_group.myList	.dday						{font-weight:700;}
.list_group.myList	.title	a					{font-weight:700; color:#3f6eb5;}
.list_group.myList	.title	a:hover				{text-decoration:underline;}

/* thumbnail list*/
.list_group_thumb	.thumb_st1,	
.list_group_thumb	.thumb_st3,
.list_group_thumb	.thumb_st4							{ position:relative; float:left; width:100%;}
.list_group_thumb	.thumb_st3	li						{ float:left; width:32%; margin:2% 2% 0 0; border:1px solid #e0e0e0;}
.list_group_thumb	.thumb_st4	li						{ float:left; width:31.5%; margin:2% 2% 0 0; border:1px solid #e0e0e0;}
.list_group_thumb	.thumb_st3	li:hover,				
.list_group_thumb	.thumb_st4	li:hover				{ border:1px solid #e97718; 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							{ float:left; width:100%; height:420px; border-bottom:1px solid #e0e0e0; background:url(../images/bbs/thumb_list_none.jpg) center no-repeat; overflow:hidden;}
.list_group_thumb	.thumb_img	img						{ width:100%; height:100%; transform:scale(1); transition:.8s ease-in-out;}
.list_group_thumb	.thumb_img	img:hover				{ opacity:1; animation:flash 1.2s; transform:scale(1.2);}
.list_group_thumb	.thumb_info							{ float:left; width:100%;}
.list_group_thumb	.thumb_info	dl						{ width:85%; margin:6% auto 10% auto;}
.list_group_thumb	.thumb_info	dl	dt,
.list_group_thumb	.thumb_info1	dl	dt				{ font-size:18px; color:#343434; font-weight:700; 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:#e97718; display:block; font-weight:400; }
.list_group_thumb	.thumb_info	.thumb_con,
.list_group_thumb	.thumb_info1	.thumb_con			{ height:50px; overflow:hidden;}
.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; float:left; 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:12px;}
.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(../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%; transform:scale(1); transition:.8s ease-in-out;}
.list_group_thumb	.thumb_img1	img:hover				{ opacity:1; animation:flash 1.2s; 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;}

.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:800; 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:700;}
.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:-4px; 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:700; padding:.7em .4em; border-bottom:1px solid #e0e0e0; color:#343434;}
.view-group	.view-title	.category							{ margin-right:10px; color:#2978d4;}
.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(../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:#e97718; 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:inline-block;}

.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:700; display:inline-block; background-color:#f4f6f9; }
.view-group	.view-table	li	span						{ padding:0 15px; 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			{ padding-left:10px; background:url(../images/bbs/dott.png) left 13px no-repeat; display:block;}
.view-group	.view-table	.lineBreak	span	a:hover		{ text-decoration:underline; color:#e97718;}
.view-group	.view-table	.lineBreak	span	a	i		{ font-size:90%; margin-left:5px; color:#949494;}

.view-ctrl									{ margin-top:1em;}
.view-ctrl	ul	li							{ position:relative; float:left; width:50%; height:80px; background-color:#f3f6f8; border:1px solid #e0e0e0;}
.view-ctrl	ul	li:last-child				{ border-left:0;}
.view-ctrl	ul	li	i						{ position:absolute; top:20%; font-size:50px; color:#b9b9b9;}
.view-ctrl	ul	li	span					{ width:80%; height:100%; line-height:5; margin:0 auto; display:block;}
.view-ctrl	ul	li	span	strong			{ color:#930;}
.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;}
.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:700; color:#343434; padding-left:25px; }
.answer-group	.asrTit	strong	i				{ position:absolute; left:15px; top:20px; color:#33383E; 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:400; color:#343434; padding:20px 0 7px 0;}
.comment-group	h5	span						{ color:#e97718; font-weight:800;}
.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:700; display:block;}
.comment-group	.cbox_list	ul	li	dl	dt	span		{ font-size:14px; color:#949494; font-weight:400; 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(../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(../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(../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(../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; float:left; 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:700; 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						{display:inline-block;color:#3f51b5; font-size:15px; margin-left:5px}
.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:0; right:10px; width:25px; height:25px; text-align:center;}
.write_group	.wr_period	em	a	i			{ font-size:20px; color:#e56a00;}
.write_group	.wr_period	em	a	i:hover		{ color:#282828;}
.write_group	.wr_cont						{ position:relative; float:left; 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;}

.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(../images/bbs/btn_file_add.png) center no-repeat;}
.attachedFile	.fileList	.fileDel			{ background:url(../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;}
.autoHeight		.infoAdd,
.autoHeight		.infoDel {width:21px;height:21px;vertical-align:middle;margin-left:5px;background:url(../images/bbs/btn_file_add.png) no-repeat center;}
.autoHeight		.infoDel {background-image:url(../images/bbs/btn_file_minus.png);}

/* faq */
.faq_list													{ position:relative; float:left; 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						{ transform:rotate(-180deg) scale(0.8);}
.faq_list_state												{ position:absolute; top:16px; width:32px; height:32px; background-color:#fff; color:#e97718; border:1px solid #e97718; font-size:17px; font-weight:700; text-align:center; line-height:32px; 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:700; display:block; letter-spacing:-0.01em;}
.faq_list_tit .faqCtrl										{ display:inline-block; width:40px; height:40px; position:absolute; right:0px; top:12px; 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; transform:scale(0.8); 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:#e97718; 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; float:left; width:100%;}
.mb_tit					{ position:relative; text-align:center; margin-bottom:3%;}
.mb_tit	h4				{ position:relative; font-size:40px; color:#282828; font-weight:800; letter-spacing:-2px; background-color:#fff; display:inline-block; padding:0 25px;}
.mb_tit	p				{ font-size:17px; color:#4a4a4a;}
.mb_tit .titH3.jalnan + p {margin-top:-10px;}
.titst2					{ display:block; font-size:1.25em; color:#e97718; font-weight:600; margin:1em auto 10px;}
.progress_bar													{ margin:5% 0 3% 0; border:1px solid #e0e0e0;border-radius:30px;}
.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(../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:50%; top:0; width:90px; height:90px; margin-left:-100px; background-color:#ced1d8; border-radius:50%; background-position:center; background-repeat:no-repeat;}
.progress_bar	.pgr_on	strong:after							{ background-color:#ff8c2d;}
.progress_bar	.pgr_on	strong	span							{ color:#000; font-weight:700;}
.progress_bar	ol	li:nth-child(1)	strong:after				{ background-image:url(../images/bbs/icon_step1.png);} 
.progress_bar	ol	li:nth-child(2)	strong:after				{ background-image:url(../images/bbs/icon_step2.png);} 
.progress_bar	ol	li:nth-child(3)	strong:after				{ background-image:url(../images/bbs/icon_step3.png);} 
.progress_bar	ol	li:nth-child(4)	strong:after				{ background-image:url(../images/bbs/icon_step4.png);} 
.Reservation .progress_bar	ol	li:nth-child(1)	strong:after	{ background-image:url(../images/bbs/step_date.png);} 
.Reservation .progress_bar	ol	li:nth-child(3)	strong:after	{ background-image:url(../images/bbs/step_pay.png);} 
.Reservation .progress_bar	ol	li:nth-child(4)	strong:after	{ background-image:url(../images/bbs/step_end.png);} 
.mb_tit + .progress_bar,
.titH3.jalnan + .progress_bar {margin-top:0;}

.join_identify											{ width:100%; display:inline-block;}
.join_identify	ul	li									{ float:left; width:48.5%; height:425px; text-align:center; border:1px solid #e0e0e0;}
.join_identify	ul	li:last-child						{ float:right; background:#f4f6f8 url(../images/bbs/member_idt2.png) center 17% no-repeat;}
.join_identify	ul	li:first-child						{ background:#f4f6f8 url(../images/bbs/member_idt1.png) center 17% no-repeat;}
.typeC.MB20	+	.join_identify	ul	li:first-child		{ background-image:url(../images/bbs/member_ko.png);}
.typeC.MB20	+	.join_identify	ul	li:last-child		{ background-image:url(../images/bbs/member_en.png);}
.join_identify	ul.oneSide	li							{ float:none; margin:auto;background:#f4f6f8 url(../images/bbs/member_idt1.png) center 17% no-repeat;}
.join_identify	ul	li	dl								{ margin-top:175px;}
.join_identify	ul	li	dl	dt							{ font-size:24px; font-weight:800; color:rgb(29, 9, 3); 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.8;}
.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:#fe4010;}
.join_agree	.join_tip									{ padding:0;}
.join_complete								{ margin:auto; padding:5% 10% 6%; border:1px solid #e0e0e0; background-color:#f4f6f8; text-align:center;border-radius:30px;}
.join_complete.Payment						{max-width:600px;} 
.join_complete	p							{ font-size:17px;}
.join_complete.longdesk	p					{font-size:.938em;line-height:1.6;color:#555;margin-bottom:10px;}
.join_complete > p:first-child				{ font-size:22px; color:#343434; margin-bottom:1.5%; padding-top:125px; background:url(../images/bbs/member_idt2.png) no-repeat top center/110px auto;}
.join_complete.typeRes > p:first-child		{background-image:url(../images/bbs/i_completion.png)}
.join_complete.Payment > p:first-child		{background-image:url(../images/bbs/i_payment.png)}
.join_complete .strong						{ font-size:1.375em; color:#343434; margin:2% 0 1%;}
.join_complete	p:first-child	strong		{ color:#391602;font-weight:700;}
.join_complete	p.theEnd					{background-image:url(../images/bbs/member_info.png)}
.join_complete	.effect-2					{ width:180px; height:50px; margin-top:3%;}
.join_complete	.effect-2	span			{ line-height:3;}
.join_complete	.blist li					{font-size:.938em;}
.join_complete	.innerBox					{padding:3.5%; background-color:#fff; max-width:880px;margin:3% auto;text-align:left;font-size:.938em;color:#555;}
.join_complete	.innerBox label				{position:relative;display:block;margin-bottom:10px;}
.join_complete	.innerBox label::after		{content:'';position:absolute;}
.join_complete	.Dtitle						{font-size:2em;}
.join_complete	.Dtitle	span				{margin:0 2px;text-shadow:0 1px 2px rgba(0,0,0,0.4);}
.join_complete	.Dtitle	span.c1				{color:#fd413f;}
.join_complete	.Dtitle	span.c2				{color:#ff7701;}
.join_complete	.Dtitle	span.c3				{color:#ffc500;}
.join_complete	.Dtitle	span.c4				{color:#4ab92f;}
.join_complete	.Dtitle	span.c5				{color:#008cee;}
.join_complete	.Dtitle	span.c6				{color:#2649e1;}
.join_complete	.Dtitle	span.c7				{color:#6614b7;}

.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; vertical-align:top;}
.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; float:left; 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				{ display:block;height:100%;line-height:3.2;text-align:center;text-indent:16px;}
.loginForm	.loginBox	.loginSns	li	a:hover			{ box-shadow:3px 3px 8px 0px rgba(0,0,0,0.25);}
.loginForm	.loginBox	.loginSns	li	a	strong		{ width:60px; height:100%; display:inline-block; vertical-align:top;}
.loginForm	.loginBox	.loginSns	li	a	span		{ height:100%;}
.loginForm	.loginBox	.loginSns	.google				{ border:1px solid #cfcfcf; background:#F7F7F7 url(../images/bbs/icon_google.png) 10px center no-repeat;}
.loginForm	.loginBox	.loginSns	.kakao				{ border:1px solid #ffe400; background:#fee500 url(../images/bbs/icon_kakao.png) 10px center no-repeat;}
.loginForm	.loginBox	.loginSns	.naver				{ border:1px solid #00c457; background:#03c75a url(../images/bbs/icon_naver.png) 10px center no-repeat;}
.loginForm	.loginBox	.loginSns	.facebook			{ border:1px solid #4E5385; background:url(../images/bbs/icon_facebook.png) 10px center no-repeat;}
.loginForm	.loginBox	.loginSns	.twitter			{ border:1px solid #28A9E0; background:url(../images/bbs/icon_twitter.png) 10px center no-repeat;}
.loginForm	.loginBox	.loginSns	.naver	a			{ color:#fff;}
.loginForm	.loginBox	.loginSns	.kakao	a			{ color:#1d1d19;}
.loginForm	.pwFind										{ margin-top:8%; padding-top:6%; border-top:1px dotted #d4d4d4;}
.loginForm	.idFind	h5,
.loginForm	.pwFind	h5									{ font-size:25px; font-weight:800; color:#e97718; 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;}
.join_identify	.pwFind									{ margin:0 auto 3%; width:40%; min-width:300px;}


/*integrated search*/
#AllSearch														{ position:relative; float:left; width:100%;}
#AllSearch	.SearchConWrap	.topSearchBox						{ padding:25px; text-align:center; border:1px solid #e0e0e0; background-color:#f4f6f8; margin-bottom:15px;}
#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;}
#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:#e97718;}
#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:700; 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:#e97718; 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:64%; min-height:800px; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:25px 30px;}
#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:700;}
#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:700; color:#282828; margin-bottom:20px;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	h4	span			{ font-size:18px; font-weight:400; 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:#e97718; 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(../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(../images/bbs/btn_result.png) right center no-repeat;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchCon	.resultList	.result_more	a					{ font-size:15px; color:#e97718;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchRight											{ float:right; width:16%;}
#AllSearch	.SearchConWrap	.allSearchCon	.searchRight	.sc_word	ul	li	span				{ color:#343434; font-weight:700; 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; float:left; 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:800;}
.calendarWrap	.sort_area	.year_ctrl	a					{ 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	a.prev_year			{ left:0; background:url(../images/bbs/bbs-prev-end.png) center no-repeat;}
.calendarWrap	.sort_area	.year_ctrl	a.prev_month		{ left:40px; background:url(../images/bbs/bbs-prev.png) center no-repeat;}
.calendarWrap	.sort_area	.year_ctrl	a.next_month		{ right:40px; background:url(../images/bbs/bbs-next.png) center no-repeat;}
.calendarWrap	.sort_area	.year_ctrl	a.next_year			{ right:0; background:url(../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:700; padding:5px; border-top:1px solid #33383E; border-bottom:1px solid #e0e0e0; color:#282828;}
.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:700; 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	.schedule						{ width:100%; margin-bottom:10px; counter-reset:num; display:inline-block;}
.calendarWrap	.calendar	.schedule	li					{ height:25px; overflow:hidden;}
.calendarWrap	.calendar	.schedule	li	a				{ display:block; min-height:auto; font-size:15px; line-height:1.5; text-align:left;}
.calendarWrap	.calendar	ol.schedule	li	a::before		{ width:20px; height:20px; content:" "counter(num); counter-increment:num; display:inline-block; font-size:12px; line-height:2em; vertical-align:middle; text-align:center; margin-right:4px; border-radius:50%; background-color:#38393B; 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:2px solid #a1c2e0; padding:15px; left:50%; width:340px; margin-left:-170px; top:250px; box-sizing:border-box; background:#fff}
.calendarwhole 	h1				{ text-align:center; color:#222; margin-bottom:10px; font-weight:700}
.calendarwhole .close			{border:1px solid #e1e1e1; background:#f7f7f7; padding:3px 10px; text-align:center; margin-top:15px; display:block}
.schedule	li	a:hover			{ text-decoration:underline;}
.schedule	li	a	i			{font-size:12px; color:#fff; margin-right:5px; padding:0 3px}
.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;}

.inform .year {display:block;font-size:2.375em;color:#777;}
.inform .calendarWr {float:left;width:50%;}
.inform .calendarWr .dateSet {float:left;}
.inform .calendarWr .dateSet a {display:inline-block;width:36px;height:36px;vertical-align:middle; text-indent:-9999px;overflow:hidden;border:1px solid #e0e0e0;}
.inform .calendarWr .dateSet a.prev_month {background:url(../images/bbs/bbs-prev.png) no-repeat center;}
.inform .calendarWr .dateSet a.next_month {background:url(../images/bbs/bbs-next.png) no-repeat center;}
.inform .calendarWr .dateSet .date {display:inline-block;vertical-align:middle;font-size:2em;margin:0 14px;}
.inform .calendarWr .dateSet .date small {font-family:'Malgun Gothic','맑은 고딕',sans-serif;font-size:1rem;font-weight:bold;}
.inform .calendarWr .headnote {float:right;padding-top: 1.25em;}
.inform .calendarWr .headnote li {float:left;margin-left:18px;}
.inform .calendarWr .headnote .state::before {content:'';display:inline-block;margin-right:8px;width:1em;height:1em;vertical-align:middle;}
.inform .calendarWr .headnote .state.End::before {background-color:#f8f8f8;border:1px solid #e5e5e5;}
.inform .calendarWr .headnote .state.Dday::before {box-shadow:inset 0 0 0 3px #ff5722;}
.inform .Rcalendar {float:left;width:100%;margin-top:10px;}
.inform .Rcalendar .basicTable th {padding:10px 0;background:none;border-right:none;}
.inform .Rcalendar .basicTable td {padding:0;border-right:none;}
.inform .Rcalendar td a {position:relative;display:block;height:100%;padding:1.25em 3px;font-weight:700;}
.inform .Rcalendar .sun, .inform .Rcalendar .sun a {color:#d20119;}
.inform .Rcalendar .sat, .inform .Rcalendar .sat a {color:#1a68de;}
.inform .Rcalendar .today a::after {content:'오늘';position:absolute;top:0;bottom:0;left:0;right:0;line-height:4;font-weight:700; background:#fff5d5;z-index:1;}
.inform .Rcalendar .today a:hover::after,
.inform .Rcalendar .today.selection a::after {display:none;}
.inform .Rcalendar .selection a,
.inform .Rcalendar td:not(.close,.past) a:hover {box-shadow:inset 0 0 0 4px #ff5722;}
.inform .Rcalendar .past a {background:#f8f8f8;color:#cfcfcf;cursor:not-allowed;}
.inform .Rcalendar .close a {background:#f3f3f3;opacity:.55;cursor:not-allowed;}

.inform .selectType {float:right;width:47%;}
.inform .selectType .dataTable {margin-top:15px;}
.inform .selectType {padding:40px;min-height: 440px;background:#f5f5f5;border-radius:2em;}
.inform .selectType .titH5 {display:inline-block;font-size:1.25em;margin-right:.55em; font-weight:800;}
.inform .selectType .Dday {display:inline-block;font-size:1.313em;letter-spacing:-1px; font-weight:800;}
.inform .selectType .Dday span {font-size:.875em;font-weight:normal;}
.inform .selectType input[type=radio] {display:inline-block; width:20px; height:20px; vertical-align:middle;}
.inform .selectType td em {padding:3px 8px;border:1px solid #666;border-radius:3px;font-size:.875em;letter-spacing:0;}
.inform .selectType .able {border-color:#0A3367;background:#0A3367;color:#fff;}

/* data */
.viewData																{ position:relative; float:left; 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; transform:translateX(0); 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; float:left; width:100%; height:100%; background:#fafbff url(../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); transform:translateX(-50%); 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(../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(../images/bbs/icon_data1.png) 20% center no-repeat;}
.viewData	.data_thumb	.databox	.datatxt	a:nth-child(2)			{ text-indent:25px; background:url(../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(../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;}

/* gallery */
.gallery_list													{ position:relative; float:left; width:100%;}
.gallery_list	ul	li											{ position:relative; float:left; width:23%; margin:2.5% 2.5% 0 0; cursor:pointer; 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; float:left; width:100%; height:260px; background:#fafbff url(../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%; transform:scale(1) rotate(0.01deg); transition:1s ease-in-out;}
.gallery_list	.gl_thumb	img:hover							{ transition:1.5s ease; transform:scale(1.1) rotate(0.1deg); }
.gallery_list	.gl_info	dt									{ float:left; 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;}
.gallery_list	.gl_thumb	.gl_more							{ opacity:0; position:absolute; left:0; bottom:0; width:100%; height:100%; text-align:center; background-color:rgba(2,37,121,.9); transform:translateY(100%); 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(../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; line-height:3.5; letter-spacing:0.5px; text-indent:18px; background:url(../images/bbs/icon_data2.png) 27px 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:#022579; background:#ffffff url(../images/bbs/icon_data3.png) 27px center no-repeat; transition:all .5s ease;}
.gallery_list	ul	li:hover	.gl_thumb	.gl_more			{ opacity:1; transform:translateY(0); 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;}

/* basic st2 */
.list_group	.group_con_st1										{ position:relative; float:left; width:100%;}	
.list_group	.group_con_st1	li									{ position:relative; padding:20px 25px; margin-bottom:-1px; background:url(../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;}
.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:#e97718; border:1px solid #e97718;}
.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; float:left; 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 #e97718; box-shadow:3px 3px 4px 0px rgba(0,0,0,0.1); 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:700; 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_group1	.group1_tit							{ position:relative; float:left; 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:700; color:#282828; vertical-align:top;}
.list_group1	.group1_con							{ float:left; 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:4px 8px; font-size:14px; border-radius:.2em;}
.list_group1	.group1_con	.txt_line1				{ color:#38393B; border:1px solid #38393B;}
.list_group1	.group1_con	.txt_line2				{ color:#e97718; border:1px solid #e97718;}
.list_group1	.group1_con	.txt_line3				{ color:#c5010a; border:1px solid #c5010a;}
.list_group1	.group1_con	.txt_blue				{ color:#2f61d5; border:1px solid #2f61d5; font-weight:700;}
.list_group1	.group1_con	.txt_green				{ color:#1f8a5d; border:1px solid #1f8a5d; font-weight:700;}
.list_group1	.group1_con	.txt_gray				{ color:#868697; border:1px solid #868697; font-weight:700;}
.list_group1	.group1_con	.txt_red				{ color:#ff7052; border:1px solid #ff7052; font-weight:700;}
.list_group1.myList	.group1_con	li.title	a		{font-weight:700;color:#191a1c;}
.list_group1.myList	.group1_con						{margin-bottom:3%;}


.reservation														{ position:relative; float:left; 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(../images/bbs/icon_arrow_l.png) center no-repeat;}
.reservation	.rv_Sortation	.sortimg	.sort_next				{ right:20px; background:url(../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:700; margin-bottom:5px;}
.reservation	.rv_Sortation	.sorttxt	ul						{ margin-top:15px;}
.reservation	.rv_Sortation	.sorttxt	ul	li					{ padding-left:13px; background:url(../images/bbs/dott.png) 3px 13px no-repeat;}
.reservation	.rv_Calendar													{ float:right; width:55%;}
.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:800; 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(../images/bbs/bbs-prev-end.png) center no-repeat;}
.reservation	.rv_Calendar	.calender_date	a.prev_month					{ left:40px; background:url(../images/bbs/bbs-prev.png) center no-repeat;}
.reservation	.rv_Calendar	.calender_date	a.next_month					{ right:40px; background:url(../images/bbs/bbs-next.png) center no-repeat;}
.reservation	.rv_Calendar	.calender_date	a.next_year						{ right:0; background:url(../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:700; 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:700;}
.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(../images/bbs/cal1.gif) center no-repeat;}
.reservation	.rv_Calendar	.calendar_area	.rv_get::after					{ background:url(../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(../images/bbs/cal2.gif) left center no-repeat;}
.reservation	.rv_Calendar	.calendar_area	.calender_ex	li:nth-child(2)	{ background:url(../images/bbs/cal3.gif) left center no-repeat;}
.reservation	.rv_Calendar	.calendar_area	.calender_ex	li:nth-child(3)	{ background:url(../images/bbs/cal1.gif) left center no-repeat;}
.reservation	.rv_explan				{ position:relative; float:left; 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:700; 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:#e97718 url(../images/bbs/icon_file1.png) 35px 16px no-repeat; border-radius:.2em; display:inline-block; }
.reservation	.rv_explan	a:hover		{ background-color:#0863B0;}

/* view st2 */
.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:700; display:inline-block; background-color:#f4f6f9; }
.view-group	.view-table	li	span						{ padding:0 15px; 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;}
.view-group	.view-table	.lineBreak	span	a:hover		{ text-decoration:underline; color:#e97718;}

/* 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:700; background-color:#f4f6f9; border-right:1px solid #e0e0e0; vertical-align:middle; display:inline-block;}
.write_table	ul	li	span						{ width:calc(100% - 200px); padding:0 15px; display:inline-block;}
.write_table	ul	li	span	em.more				{display:inline-block;margin:5px 15px 5px 0;font-size:.938em;}
.write_table	ul	li	span	em.more	label		{margin-right:5px;color:#022579;font-weight:800;}
.write_table	.lineBreak							{ display:table; width:100%;}
.write_table	.lineBreak	strong					{ width:170px;}
.write_table	.lineBreak	span					{ width:calc(100% - 170px);}
.write_table	.wr_period	em						{ position:relative;}
.write_table	.wr_period	em	a					{ position:absolute; top:0;bottom:0;margin:auto 0; right:10px; width:25px; height:25px; text-align:center;}
.write_table	.wr_period	em	a	i				{ font-size:20px; color:#e97718;vertical-align:middle;}
.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	.attachedFile,
.write_table	.autoHeight							{ display:table; position:relative; width:100%; height:100%;}
.write_table	.attachedFile	strong,
.write_table	.autoHeight		strong,
.write_table	.autoHeight		span				{ display:table-cell; height:100%; vertical-align:middle;}
.write_table	.autoHeight		.multiple			{padding:5px 15px;}
.write_table	.autoHeight		.multiple.wr_period	{display:block;width: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	.message							{ display:inline-block;}
ul.innerList	{border:none;}
.view-group ul.innerList	li, 
ul.innerList	li					{border:none;width:100%;float:none;}
ul.innerList	li::before			{content:'·';display:inline-block;font-weight:900;margin-right:5px;}
ul.innerList	li:not(:last-child)	{border-bottom:1px dotted #e0e0e0;}
ul.innerList	li	em	{display:inline-block;margin:5px 15px 5px 0;}
input.mim_w260	{min-width:260px;}

/* view st3 */
.view_st3										{ position:relative; float:left; width:100%;}
.view_st3	.st3_tit							{ font-size:32px; font-weight:800; color:#282828; line-height:1.5; margin-bottom:20px;}
.view_st3	.st3_tit	em						{ font-size:18px; color:#e97718; font-weight:700; 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:3% 0;}
.view_st3	.view_st3_con	img					{ max-width:100%;}


.pageInfoBox												{ position:relative; float:left; 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:700; display:inline-block;}
.pageInfoBox	.charge_info	dl	dt	i					{ color:#e97718; 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:400; 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; color:#fff; background-color:#e97718; margin-left:3px; vertical-align:middle;}


@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	.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:700;}
	.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.myList	.group_con	.title	{text-align:left;}
	.list_group	.group_con	ul	li	em		{ position:absolute; right:10px; top:50%; transform:translateY(-50%);}
	
	.mb_tit::before			{ top:30px;}
	.mb_tit	h4				{ font-size:35px;}
	.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	span			{ font-size:1rem;}
	.mb_tit	p	br,
	.progress_bar	ol	li	strong::after,
	.join_complete	p	br							{ display:none;}
	.join_form	.small_txt							{ display:block;}
	.loginForm	.loginBox							{ width:100%; border:0; padding:0 5%;}
	.loginForm	.loginBox	.loginTxt	dt	img		{ max-width:184px;height:auto;}
	.loginForm	.loginBox	.loginTxt	dd			{ font-size:1em;}
	.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:3% 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:3%;}
	.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:87.5%;}
	#AllSearch	.SearchConWrap	.topSearchBox	.input_sc			{ width:73%;}
	#AllSearch	.SearchConWrap	.topSearchBox	.select_sc			{ width:25%;}
	#AllSearch	.SearchConWrap	.topSearchBox	button				{ width:12.5%;}
	#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:1px 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	a			{ font-size:14px;}
	.calendarWrap	.calendar	.schedule	li	a::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:15px 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:3; background-position:15px center;}
	.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; float:left; width:50%; text-align:left; border-bottom:0; margin-bottom:10px; 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: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,
	.list_group1	.group1_con	.txt_blue,
	.list_group1	.group1_con	.txt_green,
	.list_group1	.group1_con	.txt_gray,
	.list_group1	.group1_con	.txt_red				{ 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;}

	.write_table ul li strong,
	.write_table .lineBreak strong						{width:20%;}
	.write_table ul li span,
	.write_table .lineBreak span						{width:calc(80% - 30px);}

	.inform .calendarWr,
	.inform .selectType {width:100%;min-height:auto;}
}


@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:3.5; background-position:25px center;}
	.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; position:relative;margin-bottom:10px;}
	.headList	.SearchInfo	select			{ width:25%; margin-right:2px;}
	.headList	.SearchInfo	input			{ width:60%;}	
	.headList	.SearchInfo	button			{ width:calc(15% - 3px);float:right;}
	
	.bd_tabNav							{/* float:left; display:block; */}
	.bd_tabNav	a::after					{ border:1px solid #e0e0e0; border-bottom:0;}
	.bd_tabNav	li						{ display:block; float:left; width:100%; max-width:none; margin-top:1px;}
	.bd_tabNav	li:last-child	a::after	{ border-bottom:1px solid #e0e0e0;}
	.bd_tabNav > a > span				{ display:block; position:static;}
	.bd_tabNav	a:hover:after			{ border:1px solid #e0e0e0; border-bottom:0;}
	.bd_tabNav	.tab_on	a::after			{ background-color:#e97718; border:1px solid #e97718; 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:16px;}
	
	.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:first-child,
	.join_identify	ul	li:last-child						{ background-position:center 5%; background-size:35%;}
	.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;font-size:.938em;}
	.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.4;}
	.join_complete.col_w60									{ width:100%;padding: 6% 10% 7%;}
	.join_complete	p										{ line-height:1.5;}
	
	.loginForm	.idFind	h5,	.loginForm	.pwFind	h5			{ font-size:22px;}
	
	.faq_list_state											{ top:12px;}
	
	.list_group_thumb	.thumb_img							{ height:350px;}
	.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				{ position:absolute;border:2px solid #a1c2e0; padding:15px; left:50%; width:90%; margin-left:-45%; top:150px; }
}

@media all and (max-width:600px)	{
	body {font-size:15px;}
	.btnArea																{ margin-top:6%;}
	.join_complete															{ padding:12% 7%;}
	.join_complete>img														{ max-width:150px;}

	.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:580px)	{
	.list_group_thumb	.thumb_img{ height:270px;}
}

@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			{ height:35px; padding:0 55px; min-width:110px;}
	button.effect-3,	a.effect-3			{ padding:7px 15px; font-size:15px;}
	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.2;}
	
	.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% - .55em);}
	.headList	.SearchInfo	.wr_period .slash{ width:2%; display:inline-block; text-align:center}
	
	.paging					{ margin-top:5%; }
	.paging a				{ font-size:14px; width:30px; height:30px;}
	.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;}
	.view-ctrl	ul	li	span					{ line-height:4.2;}
	.view-ctrl	ul	li	span	strong			{ font-size:15px; vertical-align:top;}
	.view-ctrl	ul	li	span	a				{ width:70%; font-size:15px;}
	
	.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_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, 
	.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:92px;}
	.join_complete	p								{ font-size:16px;}
	.join_complete	.effect-2						{ width:50%; height:40px;}
	.join_complete	.effect-2	span				{ line-height:2.4;}

	.loginForm	.loginBox							{padding:5% 0;}
	.loginForm	.loginBox	.loginTxt	dt	img							{ width:140px;}
	.loginForm	.loginBox	.loginTxt	dd								{ font-size:15px;}
	.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;}		
	.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:3%;}
	.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							{ width:83%; height:45px;}
	#AllSearch	.SearchConWrap	.topSearchBox	.input_sc						{ width:68%; height:30px;}
	#AllSearch	.SearchConWrap	.topSearchBox	.select_sc						{ width:30%; height:30px;}
	#AllSearch	.SearchConWrap	.topSearchBox	button							{ width:17%; 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	a					{ width:28px; height:28px;}
	.calendarWrap	.sort_area	.year_ctrl	.date				{ font-size:20px;}
	.calendarWrap	.sort_area	.year_ctrl	a.prev_month		{ left:30px;}
	.calendarWrap	.sort_area	.year_ctrl	a.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	a				{ text-align:center;}
	.calendarWrap	.calendar	.schedule	li	a::before		{ width:18px; height:18px; font-size:11px;}
	.calendarWrap	.calendar	.schedule	li	a	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; font-size:13px; line-height:3; background-position:15px center;}
	.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						{font-weight:800;}
	.write_table	ul	li	strong,
	.write_table	.lineBreak	strong,
	.write_table	.autoHeight	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	.autoHeight	strong,
	.write_table	.autoHeight	span					{ display:block;}
	.write_table	.attachedFile	strong				{ display:inline-block; height:auto;}
	.write_table	.attachedFile	.fileList,
	.write_table	.autoHeight	.multiple				{ 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:73%;}
	.pageInfoBox	.satisfaction	.btn_survey					{ width:25%;}

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

	.inform .selectType {padding:30px;}
	.inform .selectType .titH5 {font-size:1.125em;}
	.inform .Rcalendar td a {padding:20% 3px;}
	.inform .Rcalendar .today a::after {line-height:3;}

}

@media all and (max-width:380px)	{
	div,ul,li,ol,dl,dd,dt,p,input,select,button			{font-size:15px;/* padding: 0 !important; */flex-direction: row;}
	.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 10% 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%; background-position:25px center;}
	.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;}

	.inform .selectType {padding:20px;border-radius:20px;}
}


@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:6px; width:20px; height:20px;}
	.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	i							{ top:15%;}
	.view-ctrl	ul	li	span						{ line-height:3.8;}
	.view-ctrl	ul	li	span	strong				{ display:none;}
	.view-ctrl	ul	li	span	a					{ width:90%; font-size:14px;}
	
	.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						{ margin-bottom:10px;}
	.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.8;}
	.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% 10px;}
	.faq_list_state				{ top:12px; width:25px; height:25px; font-size:13px; line-height:1.7;}
	
	.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;}
	.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							{ width:78%; height:40px;}
	#AllSearch	.SearchConWrap	.topSearchBox	.input_sc						{ height:25px;}
	#AllSearch	.SearchConWrap	.topSearchBox	.select_sc						{ height:25px;}
	#AllSearch	.SearchConWrap	.topSearchBox	button							{ width:22%; 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	a					{ width:25px; height:25px;}
	.calendarWrap	.sort_area	.year_ctrl	.date				{ font-size:18px;}
	.calendarWrap	.sort_area	.year_ctrl	a.prev_month		{ left:27px;}
	.calendarWrap	.sort_area	.year_ctrl	a.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%; background-position:22px center;}
	.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;}
}
/* ===== 리스트 컨테이너 ===== */
.business.conPad.width1230 .ListUl { 
  list-style:none; margin:0; padding:10px 0 0;
  display:grid; grid-template-columns:repeat(4,1fr); gap:28px;
}
@media (max-width:1200px){ .business.conPad.width1230 .ListUl{ grid-template-columns:repeat(3,1fr);} }
@media (max-width:900px) { .business.conPad.width1230 .ListUl{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px) { .business.conPad.width1230 .ListUl{ grid-template-columns:1fr; gap:18px;} }

/* ===== 카드 ===== */
.business.conPad.width1230 .ListUl li a{
  display:block; position:relative; height:100%;
  background:#fff; border:1px solid #e9eef2;
  border-radius:22px; overflow:hidden;
  box-shadow:0 8px 24px rgba(18,41,64,.06);
  text-decoration:none;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  color:#1f2937;
}
.business.conPad.width1230 .ListUl li a:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 32px rgba(18,41,64,.12);
  border-color:#dbe7ef;
}

/* ===== 상단 이미지 영역(플레이스홀더) ===== */
/* 기존 ::before 제거 */
.business.conPad.width1230 .ListUl li a::before {
  content: none;
}

/* list_thumb 이미지가 ::before 자리를 차지하도록 */
.business.conPad.width1230 .ListUl li .list_thumb {
  width: 100%;
  height: 200px;          /* before에서 쓰던 높이 */
  overflow: hidden;       /* 이미지 넘칠 경우 자르기 */
  display: block;
}

.business.conPad.width1230 .ListUl li .list_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;      /* 이미지 비율 맞추면서 영역 꽉 채우기 */
  display: block;
  object-position: top;
}


/* ===== 포인트 컬러 제목 블록 ===== */
.business.conPad.width1230 .ListUl .list_caname{
  display: flex;
  background:#3092cd;
  color:#fff;
  font-weight:700;
  font-size:20px;
  line-height:1.2;
  padding:18px 20px;
  border-radius:16px;
  width:calc(100% - 48px);
  margin:-28px auto 10px;
  box-shadow:0 8px 20px rgba(48,146,205,.25);
  text-align:center;
  font-family: 'Tenada';
  min-height: 86px;
  align-items: center;
  position: relative;
  justify-content: center;
}
@media (max-width:560px){
  .business.conPad.width1230 .ListUl .list_caname{font-size: 22px;padding:14px 16px;border-radius:14px;}
}

/* ===== 배지 영역 ===== */
.business.conPad.width1230 .ListUl .list_wr3{
  display:flex;
  align-items:center;
  gap:10px;
  justify-content:center;
  margin:8px 0 0;
  display: none;
}
.business.conPad.width1230 .ListUl .list_wr3::before,
.business.conPad.width1230 .ListUl .list_wr3::after{
  content:""; display:inline-flex; align-items:center; gap:6px;
  font-size:14px; color:#1f2937; background:#f0f7fb; border:1px solid #c8e0f0;
  padding:6px 10px; border-radius:999px; line-height:1;
}
/* 예시 값 */
.business.conPad.width1230 .ListUl li:nth-child(odd) .list_wr3::before{ content:"⏱ 30분"; }
.business.conPad.width1230 .ListUl li:nth-child(odd) .list_wr3::after { content:"👥 5명"; }
.business.conPad.width1230 .ListUl li:nth-child(even) .list_wr3::before{ content:"⏱ 30분"; }
.business.conPad.width1230 .ListUl li:nth-child(even) .list_wr3::after { content:"👥 6명"; }

/* ===== 본문 설명 ===== */
.business.conPad.width1230 .ListUl .list_wr4{
  padding: 29px 22px 22px;
  color:#4b5563;
  font-size: 21px;
  line-height:1.6;
  min-height:92px;
  text-align: center;
}
@media (max-width:560px){ .business.conPad.width1230 .ListUl .list_wr4{padding:10px 16px 18px;font-size: 25px;} }

/* ===== li 간 여백 보정 ===== */
.business.conPad.width1230 .ListUl li{ margin:0; }

/* ===== 페이지네이션 ===== */
.business.conPad.width1230 .list_number{ margin:28px 0 0; }
.business.conPad.width1230 .list_number .list_n_menu{
  display:flex; flex-wrap:wrap; gap:8px; justify-content:center; align-items:center;
}
.business.conPad.width1230 .list_number .list_n_menu a,
.business.conPad.width1230 .list_number .list_n_menu span.current{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:40px; height:40px; padding:0 14px;
  border:1px solid #e1e8ef; border-radius:999px;
  color:#1f2937; text-decoration:none; background:#fff; font-weight:600;
  transition:all .2s ease;
}
.business.conPad.width1230 .list_number .list_n_menu a:hover{
  border-color:#3092cd; background:#e8f4fb; color:#3092cd;
}
.business.conPad.width1230 .list_number .list_n_menu span.current{
  border-color:#3092cd; background:#3092cd; color:#fff;
}

/* ===== 접근성: a 내부 텍스트 컬러 일괄 ===== */
.business.conPad.width1230 .ListUl li a p, 
.business.conPad.width1230 .ListUl li a div{ color:inherit; }


/* 상단 이미지 영역: 새 썸네일 요소 */
/*.business.conPad.width1230 .ListUl .list_thumb{
  position:relative; width:100%; aspect-ratio: 16 / 9;
  background: linear-gradient(135deg,#b9d8ff,#a8e0c1);
  overflow:hidden;
}
.business.conPad.width1230 .ListUl .list_thumb img{
  width:100%; height:100%; object-fit:cover; display:block;
}*/

/* 제목 블록이 썸네일과 겹쳐 올라오도록 간격 유지 */
/* .business.conPad.width1230 .ListUl .list_caname{
  margin:-28px auto 10px; 
}*/

/* 이미지가 없는 항목(관리자가 아직 안 올렸을 때) */
/*.business.conPad.width1230 .ListUl .list_thumb:has(img[src=""]),
.business.conPad.width1230 .ListUl .list_thumb:has(img:not([src])){
  background: repeating-linear-gradient(45deg,#eaf3fb 0 12px,#dfeaf5 12px 24px);
}*/
/* ===== 공통 색상/변수 ===== */
:root{
  --primary:#3092cd;
  --ink:#1f2937;
  --muted:#6b7280;
  --line:#e6edf3;
  --card:#ffffff;
  --soft:#f3f8fc;
}

/* ===== 상세 카드 래퍼 ===== */
#fancyCover{
  max-width:100%;
  margin:24px auto;
  background: #ffffff00;
  border:1px solid var(--line);
  border-radius:24px;
  box-shadow:0 10px 30px rgba(20,40,80,.08);
  overflow:hidden;
  padding:28px 32px;
}

/* ===== 제목 ===== */
#fancyCover .dep_tit{
  margin:0 0 18px;
  /* font-weight:800; */
  font-size:clamp(22px, 2.2vw, 30px);
  /* line-height:1.25; */
  letter-spacing:-0.2px;
}

/* ===== 서브 설명(비활성 주석 영역 fc_wr1 참고) ===== */
#fancyCover .fc_wr1{
  margin:8px 0 20px;
  color:var(--muted);
  font-size:clamp(14px,1.2vw,16px);
}

/* ===== 배지/칩 영역 (fc_wr3에 span 넣으면 자동 스타일) ===== */
#fancyCover .fc_wr3{
  display:flex; flex-wrap:wrap; gap:8px;
  margin:6px 0 18px;
}
#fancyCover .fc_wr3 > span,
#fancyCover .fc_wr3 > a{
  display:inline-flex; align-items:center; gap:6px;
  padding:8px 12px; border-radius:999px;
  background:var(--soft);
  border:1px solid #cfe4f3;
  color:#0d2f4d; text-decoration:none;
  font-weight:600; font-size:13.5px;
}

/* ===== 정보 테이블 ===== */
#fancyCover .wr5_children_table{
  width:100%; border-collapse:separate; border-spacing:0;
  border:1px solid var(--line); border-radius:16px; overflow:hidden;
  background:#fff; margin:0 0 18px;
  table-layout:fixed;
}
#fancyCover .wr5_children_table th,
#fancyCover .wr5_children_table td{
  padding:14px 16px;
  vertical-align:middle;
  border-bottom:1px solid var(--line);
  font-size: 17px;
  line-height:1.6;
}
#fancyCover .wr5_children_table th{
  width:120px; background:#f7fbff;
  color:#0f4777; font-weight:800; text-align:left;
  border-right:1px solid var(--line);
}
#fancyCover .wr5_children_table tr:last-child th,
#fancyCover .wr5_children_table tr:last-child td{ border-bottom:none; }
#fancyCover .wr5_children_table a{ color:var(--primary); text-decoration:underline; }

/* (본문 내 임시 인라인표는 원본 유지하되 가독성만) */
#fancyCover .data_bbox table{
  width:auto; max-width:100%;
  border-collapse:collapse; margin:10px 0;
}
#fancyCover .data_bbox table td{
  padding:8px 10px; border:1px solid #ddd; font-size:15px;
}



/* ===== 연락처/푸터 정보 ===== */
#fancyCover .fc_wr4{
  margin-top:10px;
  padding:14px 16px;
  background:linear-gradient(0deg,#e9f4fd, #e9f4fd);
  border:1px solid #cfe4f3; border-radius:12px;
  color:#0d2f4d; font-weight:700;
}
#fancyCover .fc_wr4 a{ color:var(--primary); }

/* ===== 이미지 영역 ===== */
#fancyCover .img_pic{
  margin:18px 0 6px;
  width:100%;
  /* aspect-ratio: 16 / 9; */
  /* background:
    radial-gradient(120% 70% at 10% 10%, rgba(255,255,255,.45) 0, rgba(255,255,255,0) 60%),
    linear-gradient(135deg, #cfe7fb 0%, #b7daf5 50%, #a7cef0 100%); */
  border-radius:16px;
  overflow:hidden;
  position:relative;
  border:1px solid var(--line);
}
/* 관리자가 img를 넣으면 자동 적응 */
#fancyCover .img_pic img{
  width:100%; height:100%; object-fit:cover; display:block;
}

/* ===== 링크/텍스트 기본 ===== */
#fancyCover a{ color:var(--primary); text-underline-offset:2px; }
#fancyCover { color:var(--ink); }

/* ===== 반응형 ===== */
@media (max-width: 1024px){
  #fancyCover{ padding:24px; border-radius:22px; }
  #fancyCover .wr5_children_table th{ width:110px; }
}
@media (max-width: 760px){
  #fancyCover{padding:18px 16px;border-radius:18px;box-shadow: 0 10px 30px rgb(20 40 80 / 0%);border: 1px solid #ffffff;}
  #fancyCover .dep_tit{ font-size:22px; }
  #fancyCover .wr5_children_table,
  #fancyCover .wr5_children_table tbody,
  #fancyCover .wr5_children_table tr,
  #fancyCover .wr5_children_table th,
  #fancyCover .wr5_children_table td{ display:block; width:100%; }
  #fancyCover .wr5_children_table th{
    border-right:none; border-bottom:1px solid var(--line);
    background:#f7fbff; padding:12px 14px; width:auto;
  }
  #fancyCover .wr5_children_table td{ padding:12px 14px; }
  #fancyCover .img_pic{ aspect-ratio: 4 / 3; }
#fancyCover .img_pic iframe {
    width: 100% !important;
}
}

/* ===== 포인트 하이라이트 라인(선택) ===== */
#fancyCover::after{
  content:""; display:block; height:4px; margin-top:18px;
  background:linear-gradient(90deg, var(--primary), #7ab8e1);
  border-radius:999px;
}
/* ===== 버튼 래퍼 ===== */
.btn_wrap.view-btn{
  margin-top:28px; text-align:center;
}

/* ===== 기본 버튼 ===== */
.btn_wrap.view-btn .btn_normal{
  display:inline-block;
  min-width:160px;
  padding:12px 24px;
  font-size: 19px;
  font-weight: 800;
  border-radius:999px;
  border:1px solid #d1e3f2;
  background:#f4f9fc;
  color:#0d2f4d;
  text-decoration:none;
  line-height:1.3;
  transition:all .25s ease;
}
.btn_wrap.view-btn .btn_normal:hover{
  background:#eaf3fb;
  border-color:#a9d0ec;
  color:#09436b;
}

/* ===== 블루 버튼 (포인트) ===== */
.btn_wrap.view-btn .btn_normal.blue{
  background:#3092cd;
  border-color:#3092cd;
  color:#fff;
}
.btn_wrap.view-btn .btn_normal.blue:hover{
  background:#2578a9;
  border-color:#2578a9;
}




/*보드시작*/
/* ===== 공통 색/변수 ===== */
:root{
  --primary:#3092cd;
  --ink:#1f2a3b;
  --muted:#6b7683;
  --line:#e6edf3;
  --soft:#f5f9fc;
  --notice:#ffefc2;
}

/* ===== 래퍼 ===== */
.newdeal.conPad.width1230{
  max-width: 100%;
  margin:24px auto;
  padding:0 12px;
}

/* ===== 카테고리 ===== */
.kboard-category{ margin:10px 0 16px; }
.kboard-category.category-mobile select{
  width:100%; height:42px; border:1px solid var(--line); border-radius:10px;
  padding:0 12px; background:#fff; color:var(--ink); font-weight:600;
}
.kboard-category.category-pc{ display:none; }
.kboard-category.category-pc .kboard-category-list{
  display:flex; gap:8px; list-style:none; padding:0; margin:12px 0 0;
}
.kboard-category.category-pc .kboard-category-list li a{
  display:inline-flex;
  align-items:center;
  height: 47px;
  padding: 7px 14px 0 14px;
  border:1px solid var(--line);
  border-radius:999px;
  color:#21415f;
  text-decoration:none;
  background:#fff;
  transition:.2s;
  font-family: 'Tenada';
  font-size: 23px;
}
.kboard-category.category-pc .kboard-category-list li.kboard-category-selected a,
.kboard-category.category-pc .kboard-category-list li a:hover{
  border-color:var(--primary); color:#fff; background:var(--primary);
}

/* PC에서만 가로 탭 노출 */
@media (min-width: 840px){
  .kboard-category.category-mobile{ display:none; }
  .kboard-category.category-pc{ display:block; }
}

/* ===== 상태 배지(분류 칼럼 내부 div) ===== */
.status_bar_start,
.status_bar_youth,
.status_bar_news,
.status_bar_etc{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:64px;
  height:28px;
  padding:0 10px;
  border-radius:999px;
  font-size: 15px;
  font-weight:700;
  color:#0e2f4d;
  border:1px solid;
}
.status_bar_start{ background:#eaf4ff; border-color:#cfe2ff; color:#0b3b73; } /* 창업 */
.status_bar_youth{ background:#e8f7ff; border-color:#c8eafd; color:#0b3b73; } /* 청년 */
.status_bar_news{  background:#eef8ef; border-color:#d1ead4; color:#205733; } /* 타기관소식 */
.status_bar_etc{   background:#f3f5f7; border-color:#e2e7ec; color:#47525d; } /* 기타 */

/* ===== 리스트 테이블 ===== */
.kboard-list table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  /* background:#fff; */
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  table-layout:fixed;
}
.kboard-list thead td{
  background:var(--soft);
  color:#254f73;
  font-weight:800;
  padding:14px 12px;
  border-bottom:1px solid var(--line);
  font-size: 18px;
}
.kboard-list thead td:last-child {
  display: none;
}

.kboard-list tbody td{
  padding:14px 12px;
  border-bottom:1px solid var(--line);
  color:#2a3643;
  font-size: 17px;
  vertical-align:middle;
}
.kboard-list tbody td:last-child {
  display: none;
}

.kboard-list tbody tr:last-child td{ border-bottom:none; }
.kboard-list a{ color:#143c64; text-decoration:none; }
.kboard-list a:hover{ color:var(--primary); text-decoration:underline; }

/* 번호/작성자/날짜/조회 폭 */
.kboard-list-uid{ width:72px; text-align:center; color:#516070; }
.kboard-list-user{ width:110px; text-align:center; }
.kboard-list-date{ width:120px; text-align:center; color:#516070; }
.kboard-list-view{ width:80px; text-align:center; color:#516070; }

/* 제목 컬럼: 두 줄 말줄임 */
.kboard-list-title .kboard-default-cut-strings{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; word-break:keep-all; line-height:1.45;
}

/* 공지 행 강조 */
.kboard-list-notice td{
  /* background:linear-gradient(0deg,#fff, #fff); */
}
.kboard-list-notice .kboard-list-title .kboard-default-cut-strings{
  /* font-weight:800; */
}
.kboard-list-notice .kboard-list-uid img{ height:18px; opacity:.9; }

/* 행 hover */
.kboard-list tbody tr:hover td{
  background:#f8fbfe;
}

/* 모바일 보조 정보(작성자·날짜·조회) 기본 숨김 → 모바일에서만 표시 */
.kboard-mobile-contents{ display:none; color:#647389; font-size:13px; margin-top:6px; }
.kboard-mobile-contents .contents-separator{ margin:0 6px; color:#c0c8d1; }

/* ===== 페이징 ===== */
.paging{ margin:18px 0 8px; }
.paging > div{
  display:flex; align-items:center; justify-content:center; gap:6px;
  padding:10px 0;
}
.paging img{ height:18px; vertical-align:middle; opacity:.8; }
.paging a.pg_page,
.paging .pg_current{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:40px; height:40px; padding:0 12px;
  border:1px solid var(--line); border-radius:999px; background:#fff;
  color:#274a6b; font-weight:700; text-decoration:none; transition:.2s;
}
.paging a.pg_page:hover{ border-color:var(--primary); color:var(--primary); background:#eef6fd; }
.paging .pg_current{ background:var(--primary); border-color:var(--primary); color:#fff; }

/* ===== 검색 폼 ===== */
.kboard-search{ margin:14px 0 40px; }
.kboard-search form{
  display:flex; flex-wrap:wrap; gap:10px; justify-content:center; align-items:center;
}
.kboard-search .frm_input{
  height:40px; border:1px solid var(--line); border-radius:10px; background:#fff;
  padding:0 12px; color:#233a53;
}
.kboard-search #findvalue{ min-width:120px; }
.kboard-search #search{ width:280px; }
.kboard-search .btn_md4.btn_blue{
  height:40px; padding:0 18px; border-radius:10px; border:1px solid var(--primary);
  background:var(--primary); color:#fff; font-weight:800; cursor:pointer; transition:.2s;
}
.kboard-search .btn_md4.btn_blue:hover{ filter:brightness(.95); }

/* ===== 반응형: 모바일 카드형 전환 ===== */
@media (max-width: 860px){
    .status_bar_start, .status_bar_youth, .status_bar_news, .status_bar_etc {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 64px;
    height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 700;
    color: #0e2f4d;
    border: 1px solid;
    width: 125px !important;
}
  /* 헤더 숨기고 행을 블록 카드로 */
  .kboard-list thead{ display:none; }
  .kboard-list table, .kboard-list tbody, .kboard-list tr, .kboard-list td{display:block;width: auto;}
  .kboard-list tbody tr{
    border-bottom:1px solid var(--line); padding:14px 12px;
  }
  .kboard-list tbody tr:last-child{ border-bottom:none; }
  
  /* 행 내부 구성: 제목 먼저 강조 */
  .kboard-list-title{ order:1; }
  .kboard-list-title a{ display:block; font-size:16px; font-weight:800; line-height:1.5; }
  .kboard-list-title .kboard-default-cut-strings{ -webkit-line-clamp:3; }
  
  /* 분류 배지 */
  .kboard-list-user{ order:0; width:auto; text-align:left; margin-bottom:8px; }
  
  /* 보조 정보(작성자/날짜/조회) 노출 */
  .kboard-mobile-contents{ display:block; }
  .kboard-mobile-contents span:last-child {
  display: none;
}

  /* PC용 작성자/날짜/조회 셀은 숨김 */
  td.kboard-list-date, td.kboard-list-view, 
  tr .kboard-list-user + .kboard-list-title + td.kboard-list-user { display:none; }

  /* 번호는 우측 상단 작은 뱃지 */
  .kboard-list-uid{
    position:absolute; right:14px; top:14px; width:auto; min-width:auto;
    background:#eef5fb; color:#2a5277; border:1px solid #d6e6f4; border-radius:8px;
    padding:2px 8px; font-size:12px; display:inline-block;
  }
  .kboard-list tbody tr{position:relative;background:#fff;border-radius:12px;margin-bottom: 20px;}
}

/* ===== 소소한 디테일 조정 ===== */
.kboard-default-cut-strings{/* color:#1d2f42; */font-size: 19px;}
.kboard-list tbody tr.kboard-list-notice:hover td{ background:#fffaf0; } /* 공지 hover */
.kboard-list .kboard-list-title a:focus-visible{ outline:2px solid var(--primary); outline-offset:2px; border-radius:6px; }

/* 보드뷰*/
/* ===== 공통 변수 ===== */
:root{
  --primary:#3092cd;
  --ink:#1f2a3b;
  --muted:#6b7683;
  --line:#e6edf3;
  --soft:#f5f9fc;
  --card:#ffffff;
}

/* ===== 래퍼/타이포 기본 ===== */
.newdeal.conPad.width1230{
  width:100%;
  margin:0 auto;
  padding: 0px 14px 25px 14px !important;
  color:var(--ink);
  font-size:17px;              /* 기본 폰트 17px */
  line-height:1.7;
}


/* ===== 보드 카드 ===== */
.board_view{
  width:100%;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:22px;
  box-shadow:0 10px 30px rgba(20,40,80,.08);
  overflow:hidden;
  padding: 30px;
}

/* ===== 헤더(제목/메타) ===== */
.board_view .title{
  padding:22px 24px 10px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#ffffff 0%, #fbfdff 100%);
}
.board_view .v_tit{
  margin:0 0 8px;
  font-weight:800;
  /* color:#0e4570; */
  font-size:clamp(20px, 2.3vw, 28px);
  line-height:1.35;
  word-break:keep-all;
}
.board_view .v_info{
  display:flex; flex-wrap:wrap; gap:10px 16px;
  margin:6px 0 0;
  font-size:15px; color:var(--muted);
}
.board_view .v_info span em{ font-style:normal; }

/* ===== 본문 ===== */
.board_view .body{padding:22px 24px;background:#fff;text-align: center;}


/* ===== 첨부 파일 ===== */
.view_file{ padding:12px 24px 22px; background:#fcfeff; border-top:1px solid var(--line); }
.view_file dl{ margin:0; display:flex; gap:10px; align-items:flex-start; flex-wrap:wrap; }
.view_file dt{
  flex:0 0 auto; min-width:80px; padding:6px 10px;
  background:#eef6fd; border:1px solid #d4e7f7; color:#0e4570; font-weight:800;
  border-radius:10px;
}
.view_file dd{ margin:0; flex:1 1 auto; }
.view_file .addfile a{
  color:#12466f; text-decoration:none; border-bottom:1px dotted #90bfe0;
}
.view_file .addfile a:hover{ color:var(--primary); border-color:var(--primary); }

/* ===== 버튼 박스(목록 등) ===== */
.btn_box{ padding:20px 24px 26px; background:#fff; border-top:1px solid var(--line); }
.btn_box .center{ text-align:center; }
.btn_box .btn{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:140px; height:44px; padding:0 20px;
  border-radius:999px; border:1px solid var(--primary);
  background:var(--primary); color:#fff; font-weight:700;
  text-decoration:none; transition:.2s;
  box-shadow:0 6px 18px rgba(48,146,205,.20);
}
.btn_box .btn:hover{ filter:brightness(.95); transform:translateY(-1px); }
.btn_box .btn.btn_cy{ /* 필요 시 변형용 클래스 보존 */ }

/* ===== 공지/카운터 스크립트 영역은 변화 없음 ===== */

/* ===== 반응형 ===== */
@media (max-width: 980px){
  .board_view{ border-radius:20px; }
  .board_view .title{ padding:20px 18px 8px; }
  .board_view .body{ padding:18px; }
  .view_file{ padding:12px 18px 20px; }
  .btn_box{ padding:18px; }
}

@media (max-width: 680px){
    .newdeal.conPad.width1230 img {
    width: auto;
}
    .newdeal.conPad.width1230 {
    width: 100%;
    margin: 0 auto;
    padding: 0 !important;
    color: var(--ink);
    font-size: 17px;
    line-height: 1.7;
}
  .board_view{ border-radius:16px; }
  .board_view .v_tit{ font-size:20px; }
  .board_view .v_info{ font-size:14px; }
  .btn_box .btn{ min-width:120px; height:42px; padding:0 16px; }
  /* 첨부파일 dt/dd를 세로로 */
  .view_file dl{ display:block; }
  .view_file dt{ display:inline-block; margin-bottom:8px; }
}

/* ===== 접근성/포커스 ===== */
.board_view a:focus-visible{
  outline:2px solid var(--primary);
  outline-offset:2px; border-radius:8px;
}


/* ===== 공통 변수 ===== */


/* ===== 래퍼 ===== */
.broad_container{
  max-width:100%;
  margin:24px auto;
  padding:0 12px;
  color:var(--ink);
  font-size: 17px;
  line-height:1.6;
}

/* ===== 검색영역 ===== */
.broad_search{ 
  margin:4px 0 16px; background:#fff; border:1px solid var(--line);
  border-radius:14px; padding:14px; box-shadow:0 6px 18px rgba(20,40,80,.06);
}
.broad_search form{
  display:flex; gap:10px; align-items:center; justify-content:center; flex-wrap:wrap;
}
.broad_search select{
  height:42px; min-width:120px; padding:0 12px;
  border:1px solid var(--line); border-radius:10px; background:#fff; color:#223b54; font-weight:600;
}
.broad_search input[type="text"]{
  height:42px; width:320px; max-width:100%;
  padding:0 14px; border:1px solid var(--line); border-radius:10px; background:#fff;
}
.broad_search button{
  height:42px; padding:0 16px; display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--primary); border-radius:10px; background:var(--primary); cursor:pointer;
  transition:.2s;
}
.broad_search button:hover{ filter:brightness(.96); }
.broad_search button img{ display:block; }

/* ===== 리스트 테이블 ===== */
.broad_table{
  width:100%; border-collapse:separate; border-spacing:0;
  background:#fff; border:1px solid var(--line); border-radius:14px; overflow:hidden;
  table-layout:fixed;
}
.broad_table thead th{
  background:var(--soft);
  /* color:#254f73; */
  font-weight:800;
  padding:14px 12px;
  border-bottom:1px solid var(--line);
  font-size: 17px;
}
.broad_table tbody td{
  padding:14px 12px;
  border-bottom:1px solid var(--line);
  color:#2a3643;
  font-size: 18px;
  vertical-align:middle;
  text-align:center;
}
.broad_table tbody tr:last-child td{ border-bottom:none; }

.broad_table .txt_left{ text-align:left; }
.broad_table a{ color:#143c64; text-decoration:none; }
.broad_table a:hover{ color:var(--primary); text-decoration:underline; }

/* 번호/날짜/매체 폭 */
.broad_table th[data-label="번호"], .broad_table td[data-label="번호"]{ width:80px; }
.broad_table th[data-label="보도매체"], .broad_table td[data-label="보도매체"]{ width:160px; }
.broad_table th[data-label="보도일"], .broad_table td[data-label="보도일"]{ width:140px; }

/* 행 hover */
.broad_table tbody tr:hover td{ background:#f8fbfe; }

/* 제목 두 줄 말줄임 (PC) */
.broad_table td[data-label="제목"] a{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; word-break:keep-all; line-height:1.45;
}

/* ===== 페이징 ===== */
.broad_pagination{ margin:18px 0 8px; }
.broad_pagination .list_n_menu{
  display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap;
}
.broad_pagination .list_n_menu a,
.broad_pagination .list_n_menu span.current{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:40px; height:40px; padding:0 14px;
  border:1px solid var(--line); border-radius:999px; background:#fff;
  color:#274a6b; font-weight:700; text-decoration:none; transition:.2s;
}
.broad_pagination .list_n_menu a:hover{
  border-color:var(--primary); color:var(--primary); background:#eef6fd;
}
.broad_pagination .list_n_menu span.current{
  background:var(--primary); border-color:var(--primary); color:#fff;
}

/* ===== 모바일 카드형 전환 ===== */
@media (max-width: 100%;){
  .broad_table thead{ display:none; }

  /* 행을 카드로 전환 */
  .broad_table, .broad_table tbody{ display:block; }
  .broad_table tbody tr{
    display:flex; flex-wrap:wrap; position:relative;
    background:#fff; margin:10px 0; border:1px solid var(--line); border-radius:12px;
    box-shadow:0 6px 16px rgba(20,40,80,.06);
  }
  .broad_table tbody td{
    display:block; width:100%; border-bottom:1px solid var(--line);
    padding:10px 12px 10px 120px; /* 라벨 자리 */
    text-align:left; font-size:14.5px;
  }
  .broad_table tbody tr:last-child td{ border-bottom:1px solid var(--line); } /* 카드라 의미 없음 */
  .broad_table tbody td:last-child{ border-bottom:none; }

  /* 각 셀 앞에 라벨 표시 */
  .broad_table tbody td::before{
    content: attr(data-label);
    position:absolute; left:12px; color:#6a7a8b; font-weight:800;
    min-width:96px; /* 라벨 폭 */
  }

  /* 제목은 가장 위, 굵게/크게, 라벨 숨김 */
  .broad_table tbody td[data-label="제목"]{
    order:1; padding:14px 14px 6px 14px;
  }
  .broad_table tbody td[data-label="제목"]::before{ content:none; }
  .broad_table td[data-label="제목"] a{ -webkit-line-clamp:3; font-weight:800; font-size:16px; }

  /* 번호는 우상단 배지 */
  .broad_table tbody td[data-label="번호"]{
    order:0; width:auto; padding:0; border-bottom:none;
  }
  .broad_table tbody tr{
    padding-top:34px; /* 배지 공간 */
  }
  .broad_table tbody td[data-label="번호"]::before{ content:none; }
  .broad_table tbody td[data-label="번호"]{
    position:absolute; top:8px; right:10px;
  }
  .broad_table tbody td[data-label="번호"]{
    background:#eef5fb; color:#2a5277; border:1px solid #d6e6f4; border-radius:8px;
    padding:2px 8px; font-size:12px;
  }

  /* 매체/보도일은 아래 정리 */
  .broad_table tbody td[data-label="보도매체"]{ order:2; }
  .broad_table tbody td[data-label="보도일"]{ order:3; }

  .broad_search{ padding:12px; border-radius:12px; }
  .broad_search input[type="text"]{ width:100%; }
}

/* ===== 초소형 최적 ===== */
@media (max-width: 420px){
  .broad_search select{ min-width:100px; }
  .broad_table tbody td{ padding-left:110px; }
}

/* ===== 포커스/접근성 ===== */
.broad_container a:focus-visible{
  outline:2px solid var(--primary); outline-offset:2px; border-radius:6px;
}

/* === 카드 컨테이너를 <li>로 승격: 버튼을 카드 내부로 보이게 === */
.boardlist-thumbnail .explain-list-box > li{
  position:relative;
  --pad:18px;
  background:#fff;
  border:1px solid #e9eef2;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(18,41,64,.06);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

/* 카드 hover는 li에서 처리 */
.boardlist-thumbnail .explain-list-box > li:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 32px rgba(18,41,64,.12);
  border-color:#dbe7ef;
}

/* a는 카드 상단(콘텐츠) 영역만 담당: 내부 구분선으로 footer와 분리 */
.boardlist-thumbnail .explain-list-box > li > a{
  display:block;
  height:auto;                 /* 카드 전체가 아닌 콘텐츠만 감싸도록 */
  border:none;                 /* 외곽 보더/라운드는 li가 담당 */
  border-bottom:1px solid var(--line);   /* 푸터와 구분선 */
  border-radius:0;
  box-shadow:none;
  background:transparent;
  text-decoration:none; color:inherit;
  transform:none;              /* hover 이동은 li에서 */
}

/* ==== 기존 라벨/넘버링은 li 기준으로 유지 ==== */
.label_daday{
  position:absolute;
  top:12px;
  left:12px;
  z-index:3;
  background:#0f172a;
  color:#fff;
  font-weight:800;
  font-size: 14px;
  padding: 6px 13px;
  border-radius: 15px;
  opacity:.95;
}
.boardlist-thumbnail .explain-list-box{
  counter-reset: cardno;
}
.boardlist-thumbnail .explain-list-box > li::after{
  counter-increment: cardno;
  content: counter(cardno, decimal-leading-zero);
  position:absolute; top:12px; right:12px; z-index:3;
  display:inline-flex; align-items:center; justify-content:center;
  min-width:36px; height:24px; padding:0 8px;
  border-radius:999px;
  background:#eef6fd; color:#2a5277; border:1px solid #cfe3f5;
  font-size:12px; font-weight:800; letter-spacing:.4px;
}

/* 썸네일/텍스트(기존 클래스 유지) */
.boardlist-thumbnail .img{width:100%;aspect-ratio: 8/11;overflow:hidden;background:#f3f6f9;}
.boardlist-thumbnail .img img{width:100%;height:100%;object-fit: cover;display:block;}

.boardlist-thumbnail .img2{width:100%;aspect-ratio: 8/5;overflow:hidden;background: #ffffff;}
.boardlist-thumbnail .img2 img{width:100%;height:100%;object-fit: contain;display:block;}


.boardlist-thumbnail .txt{ position:relative; padding:12px var(--pad) 18px; }
.boardlist-thumbnail .txt form .success{
  pointer-events:none; display:inline-flex; align-items:center; gap:6px;
  height:32px; padding:0 12px; font-size:13px; font-weight:800;
  border-radius:999px; border:1px solid #e2e8f0; background:#f3f6f9; color:#6b7280;
}
.boardlist-thumbnail .txt form .success::before{ content:"\EB98"; font-family:"remixicon"; font-size:16px; line-height:1; }
.boardlist-thumbnail .txt strong{color:#0f4270;font-weight:800;margin-top: 12px;}
.boardlist-thumbnail .txt .date{
  display:inline-block;
  margin-top:8px;
  color:#4b5563;
  font-size:15px;
  background:#f0f7fb;
  border:1px solid #c8e0f0;
  padding: 6px 14px;
  border-radius: 15px;
}
.boardlist-thumbnail .txt .date::before{ content:"\EB7C"; font-family:"remixicon"; margin-right:6px; font-size:16px; vertical-align:-2px; }

/* === 카드 하단 버튼을 '카드 내부 푸터'처럼 === */
.boardlist-thumbnail .explain-list-box > li > .summit_btn{
  display:inline-flex;
  align-items:center;
  height:40px;
  padding: 0 19px;
  margin: 14px 6px 18px 6px;
  border-radius: 15px;
  font-weight:700;
  border:1px solid #e1e8ef;
  background:#f3f6f9;
  width: calc(50% - 27px);
  color:#6b7280;
  cursor:default;
  transition:.2s;
  justify-content: center;
}

/* 왼쪽 여백 정렬 (a의 내부 패딩과 맞춤) */
.boardlist-thumbnail .explain-list-box > li > .summit_btn:first-of-type{
  margin-left: 15px;
}

/* 활성 버튼(신청확인) */
.boardlist-thumbnail .explain-list-box > li > .summit_btn.color3{
  cursor:pointer; background:#fff; color:var(--primary); border-color:var(--primary);
  box-shadow:0 4px 12px rgba(48,146,205,.15);
}
.boardlist-thumbnail .explain-list-box > li > .summit_btn.color3:hover{ background:#eef6fd; }
.boardlist-thumbnail .explain-list-box > li > .summit_btn.color3::before{
  content:"\EB7D";
  font-family:"remixicon";
  margin-right: 0;
  font-size:18px;
  line-height:1;
}

/* === 그리드/반응형은 유지 === */
.boardlist-thumbnail .explain-list-box{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(4,1fr); gap:28px;
}
@media (max-width:1200px){ .boardlist-thumbnail .explain-list-box{ grid-template-columns:repeat(3,1fr);} }
@media (max-width:900px) { .boardlist-thumbnail .explain-list-box{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){
  .boardlist-thumbnail .explain-list-box{ grid-template-columns:1fr; gap:18px; }
  .boardlist-thumbnail .explain-list-box > li{ border-radius:18px; }
  .boardlist-thumbnail .explain-list-box > li > .summit_btn{ height:38px; }
}

/* 접근성 */
.boardlist-thumbnail .explain-list-box > li > a:focus-visible{
  outline:2px solid var(--primary); outline-offset:2px;
}

/* ===== 검색 영역 ===== */
.board_search{ margin:16px 0 26px; }
.board_search .search_box{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px;
  background:#fff; border:1px solid var(--line); border-radius:14px; padding:14px 18px;
  box-shadow:0 6px 18px rgba(20,40,80,.06);
}
.board_search .keyword_span{
  font-weight:800; color:#0e4570; padding:6px 12px;
  background:#eef6fd; border:1px solid #d4e7f7; border-radius:10px;
  white-space:nowrap;
}
.board_search .stx{
  height:44px; flex:1 1 280px;
  padding:0 14px; border:1px solid var(--line); border-radius:10px;
  font-size:16px; color:var(--ink);
}
.board_search .board_submit{
  height:44px;
  padding:0 20px;
  border-radius:10px;
  cursor:pointer;
  font-weight:700;
  background:var(--primary);
  border:1px solid var(--primary);
  color:#fff;
  transition:.2s;
  text-align: center;
}
.board_search .board_submit:hover{ filter:brightness(.95); }
.board_search .board_submit::before{
  content:"\F0D1"; /* ri-search-line */
  font-family:"remixicon";
  margin-right:6px;
  font-size:18px;
  vertical-align:-2px;
  display: none;
}

/* ===== 카드 넘버링 ===== */
.boardlist-thumbnail .explain-list-box{
  counter-reset: cardno;
}
.boardlist-thumbnail .explain-list-box .board_bet {
    padding: 5px 10px;
    background-color: #fff2cc;
    width: 50px;
    border-radius: 50px;
}
.boardlist-thumbnail .explain-list-box .board_bet_g {
    padding: 5px 10px;
    background-color: #b1ddff;
    width: 50px;
    border-radius: 50px;
}

.boardlist-thumbnail .explain-list-box > li::after{
  counter-increment: cardno;
  content: counter(cardno, decimal-leading-zero);
  position:absolute;
  top:12px;
  right:12px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:36px;
  height:24px;
  padding:0 8px;
  border-radius:999px;
  background:#eef6fd;
  color:#2a5277;
  border:1px solid #cfe3f5;
  font-size:12px;
  font-weight:800;
  display: none;
  letter-spacing:.4px;
}
.boardlist-thumbnail .explain-list-box > li::after::before{
  content:"\EA13"; /* ri-hashtag */
  font-family:"remixicon"; margin-right:2px;
}
/* ===== 하단 넘버링 (페이지네이션) ===== */
.list_n_menu{
  display:flex; justify-content:center; align-items:center; flex-wrap:wrap;
  gap:8px; margin:32px 0 0;
  font-size:16px;
}

.list_n_menu a,
.list_n_menu span{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:38px; height:38px; padding:0 14px;
  border-radius:12px; font-weight:600; text-decoration:none;
  transition:.2s;
  border:1px solid var(--line); background:#fff; color:var(--ink);
  box-shadow:0 4px 10px rgba(18,41,64,.05);
}

.list_n_menu a:hover{
  background:#eef6fd; border-color:var(--primary); color:var(--primary);
}

.list_n_menu span.current{
  background:var(--primary); border-color:var(--primary); color:#fff;
  box-shadow:0 6px 14px rgba(48,146,205,.25);
}

/* 모바일 대응 */
@media (max-width:560px){
  .list_n_menu{ gap:6px; font-size:15px; }
  .list_n_menu a,
  .list_n_menu span{ min-width:34px; height:34px; padding:0 10px; border-radius:10px; }
}
.list_number {
    max-width: 1300px;
    margin: 0 auto 56px auto;
}


/*사업신청뷰*/
/* =========================
   공통 변수 / 베이스
   ========================= */
:root{
  --primary:#3092cd;
  --ink:#1f2a3b;
  --muted:#6b7683;
  --line:#e6edf3;
  --soft:#f5f9fc;
  --card:#ffffff;
}
.read_form{ color:var(--ink); font-size:17px; }

/* =========================
   타이틀
   ========================= */
.read_form .dep_tit{
  margin:8px 0 16px;
  font-size:clamp(20px,2.3vw,28px);
  font-weight:900; line-height:1.35;
  color:#0e4570;
}

/* =========================
   상단 요약 블록 (.ply-view-section)
   ========================= */
.ply-view-section{
  /* background:#fff; */
  /* border:1px solid var(--line); */
  /* border-radius:16px; */
  /* padding:14px; */
  /* box-shadow:0 8px 22px rgba(18,41,64,.06); */
}

/* --- 등록일/마감일 2열 행 --- */
.view_table{ width:100%; }
.view_table .row.td2{ display:flex; gap:14px; }
.view_table .row.td2 .l,
.view_table .row.td2 .r{
  flex:1 1 0;
  background:var(--soft);
  border:1px solid var(--line);
  border-radius:12px;
  padding:12px 14px;
  display:flex;
  align-items:center;
  gap:12px;
}

/* 레이블/값 */
.view_table .th{
  flex:0 0 auto;
  min-width:64px;
  font-weight:900; color:#173b5a;
  background:#eef6fd; border:1px solid #d4e7f7;
  border-radius:8px; padding:6px 10px;
  display:inline-flex; align-items:center; gap:6px;
}
.view_table .th::before{
  /* ri-information-line */
  content:"\EF07";
  font-family:"remixicon";
  font-size:16px;
  display: none;
}
.view_table .td{
  flex:1 1 auto; color:#2a3e54; font-weight:700;
}

/* =========================
   상세 정보 리스트 (.view_cont_info)
   ========================= */
.view_cont_info{
  margin-top:14px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px;
  /* box-shadow:0 8px 22px rgba(18,41,64,.06); */
}

/* 각 항목 dl */
.view_cont_info dl{
  display:flex; align-items:flex-start; gap:12px;
  padding:12px 0; margin:0;
  border-bottom:1px solid var(--line);
}
.view_cont_info dl:last-of-type{ border-bottom:none; }

/* 항목 제목/값 */
.view_cont_info dt{
  flex:0 0 120px;
  font-weight:900; color:#173b5a;
  background:#eef6fd; border:1px solid #d4e7f7;
  border-radius:10px; padding:8px 12px;
  display:inline-flex; align-items:center; gap:6px;
}
.view_cont_info dd{
  flex:1 1 auto; margin:0; color:#2a3e54; font-weight:700;
}

/* 아이콘 매핑 */
.view_cont_info dt:contains("대상")::before{ content:"\EE4C"; font-family:"remixicon"; }     /* ri-user-line */
.view_cont_info dt:contains("접수기간")::before{ content:"\EB7C"; font-family:"remixicon"; } /* ri-calendar-line */
.view_cont_info dt:contains("문의처")::before{ content:"\EEFE"; font-family:"remixicon"; }   /* ri-phone-line */
.view_cont_info dt:contains("첨부파일")::before{ content:"\EE44"; font-family:"remixicon"; } /* ri-attachment-2 */

/* 첨부파일 버튼(.btn_r a.blue) */
.view_cont_info .btn_r{margin: 0;}
.view_cont_info .btn_r .blue{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:12px;
  font-weight:800;
  text-decoration:none;
  background: #f2f2f2;
  /* color:#0e4570; */
  border: 1px solid #cccccc;
  transition:.2s;
  box-shadow: 0 6px 16px rgb(218 218 218 / 12%);
  word-break:break-all;
}
.view_cont_info .btn_r .blue::before{
  content:"\EE44"; font-family:"remixicon"; font-size:18px; /* attachment */
}
.view_cont_info .btn_r .blue:hover{
  background:#e3f1fd; border-color:var(--primary); color:#0d4676;
}

/* =========================
   본문(.view-txt)
   ========================= */
.view-txt{
  margin-top:14px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:16px;
  /* box-shadow:0 8px 22px rgba(18,41,64,.06); */
  text-align: center;
}
.view-txt a{
  color:#0e5c95; font-weight:800; text-decoration:underline;
}
.view-txt img{
  max-width:100%;
  height: auto !important;
  /* display:block; */
  /* margin-top:12px; */
  /* border-radius:10px; */
  /* box-shadow:0 6px 14px rgba(18,41,64,.08); */
}

/* =========================
   하단 버튼(.btn_wrap.view-btn)
   ========================= */
.btn_wrap.view-btn{
  display:flex; justify-content:center; margin-top:18px;
}
.btn_wrap.view-btn .btn_normal.blue{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  /* min-width:140px; */
  /* height:44px; */
  /* padding:0 18px; */
  /* border-radius:12px; */
  /* font-weight:900; */
  text-decoration:none;
  background:var(--primary);
  color:#fff;
  border:1px solid var(--primary);
  transition:.2s;
  box-shadow:0 8px 18px rgba(48,146,205,.25);
}
.btn_wrap.view-btn .btn_normal.blue::before{
  /* ri-error-warning-line (마감/경고 느낌) */
  content:"\EE13"; font-family:"remixicon"; font-size:18px; margin-right:8px;
}
.btn_wrap.view-btn .btn_normal.blue:hover{
  filter:brightness(.95); transform:translateY(-1px);
}

/* =========================
   반응형
   ========================= */
@media (max-width: 860px){
  .view_table .row.td2{ flex-direction:column; }
  .view_cont_info dl{flex-direction: row;gap:8px;}
  .view_cont_info dt{ width:auto; flex:0 0 auto; }
}
@media (max-width:560px){
  .ply-view-section,
  .view_cont_info,
  .view-txt{padding: 0;border-radius:14px;}
  .view_cont_info dt{ border-radius:8px; }
  .btn_wrap.view-btn .btn_normal.blue{ min-width:120px; height:42px; }
}

/* =========================
   접근성
   ========================= */
.read_form a:focus-visible{
  outline:2px solid var(--primary); outline-offset:2px; border-radius:6px;
}

.login-box {
    box-sizing: border-box;
    border: 1px solid #ccc;
}

@media (min-width: 768px) {
    .login-box {
        margin: 0 auto;
    }

    .login-box .field-box {
        position: relative;
    }

    .login-box .inp {
        margin-bottom: -6px;
    }

    select,
    input[type="text"],
    input[type="password"] {
        height: 31px;
        padding: 0 10px;
        font-size: 14px;
    }

    .login-box .id-sv label {
        vertical-align: 1px;
    }

    .login-box .field-box button {
        position: absolute;
        right: 0;
        top: 0;
    }

    .login-box .field-box button {
        width: 148px;
    }
}

@media screen and (min-width: 1070px) {
    .login-box {
        width: 628px;
        padding: 56px 72px;
    }

    .login-box .field-box {
        padding-right: 162px;
    }

    .login-box input[type=text],
    .login-box input[type=password] {
        height: 45px;
    }

    select,
    input[type="text"],
    input[type="password"] {
        height: 31px;
        padding: 0 10px;
        font-size: 15px;
    border-radius: 0px;transform: translate(0%);width: 150px;border: 1px solid #ddd;margin: 0px;}

    .login-box .id-sv {
        margin-top: 13px;
    }

    .login-box .id-sv input {
        box-sizing: border-box;
        padding: 0;
        transform: translate(0%);
        height: 14px;
    }

    .login-box .id-sv label {
        font-size: 16px;
        margin-left: 0px;
    }

    .login-box .field-box button {
        height: 94px;
        font-size: 25px;
    }

    .login-link {
        margin-top: 0px;
    }

    .login-link a {
        height: 62px;
        line-height: 62px;
        font-size: 18px;
    }
}

.login-box input[type=text],
.login-box input[type=password] {
    width: 100%;
    border-color: #ccc;
    border-radius: 0px;
    transform: translate(0%);
}

input[type="radio"]+label,
input[type="checkbox"]+label {
    margin-left: 5px;
}

.login-box .id-sv label {
    color: #333;
}

.login-box .field-box button {
    border: 1px solid #2a5a99;
    background-color: #0d79c2;
    font-weight: 500;
    color: #fff;
}

.login-link {
    border: 1px solid #ccc;
    background-color: #f8f8f8;
}

.login-link ul {
    overflow: hidden;
}

.login-link li {
    float: left;
    width: 50%;
}

.login-link a {
    display: block;
    text-align: center;
    font-weight: 500;
    color: #333;
    border-right: 1px solid #ccc;
}

.login-link li:first-child a {
    position: relative;
}

.snsLoginBox {
    margin: 0 -3px;
    font-size: 0;
	margin-bottom: 10px;
}

.snsLoginBox li {
    display: inline-block;
    padding: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    position: inherit;
    height: auto;
}

.snsLoginBox.typeA li {
    width: 100%;
}

.snsLoginBox li a {
    display: inline-block;
    padding: 0 15px 0 30px;
    width: 100%;
    height: 100%;
    line-height: 42px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    text-align: right;
    text-transform: capitalize;
    color: #777;
}

.snsLoginBox li.btn_naver a {
    text-transform: uppercase;
    background: url(//storage.keepgrow.com/admin/campaign/20200619043114905.svg) no-repeat 15px;
    background-size: 20px;
    background-color: #00c823;
    color: #fff;
    text-align:center;
    font-size: 18px;
    height: 60px;
    padding: 10px;
}

.snsLoginBox li.btn_facebook a {
    background: url(//storage.keepgrow.com/admin/campaign/20200611043456590.svg) no-repeat 15px;
    background-size: 20px;
    background-color: #ffd147;
    text-align:center;
    font-size: 19px;
    color: #000;
    height: 60px;
    padding: 10px;
}

.join_level {
    margin-bottom: 4.8rem;
    overflow: hidden;
}

.join_level .level_box {
    position: relative;
    width: 30%;
    float: left;
    padding: 3.3rem 1rem;
    background: #F1F5F9;
    margin-left: 5%;
    border-radius: 80px;
    text-align: center;
}

.join_level .level_box:first-of-type {
    margin-left: 0;
}

.join_level .level_box.on {
    background: #9e9e9e;
}

.join_level .level_box .inner {
    display: inline-block;
    padding-left: 7.5rem;
    position: relative;
}

.join_level .level_box .inner .icon {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.join_level .level_box .inner .icon.icon01 {
    background: url(/images/level_box01.png) no-repeat center center/cover;
    width: 42px;height: 53px; margin-top: 3px;
}

.join_level .level_box.on .inner .icon.icon01 {
    background: url(/images/level_box01_on.png) no-repeat center center/cover;
    width: 42px;height: 53px; margin-top: 3px;
}

.join_level .level_box .inner .icon.icon02 { background: url(/images/level_box02.png) no-repeat center center/cover;width: 50px;height: 50px; margin-top: 4px;}
.join_level .level_box.on .inner .icon.icon02 { background: url(/images/level_box02_on.png) no-repeat center center/cover;width: 39px;height: 45px; margin-top: 8px;}
.join_level .level_box .inner .icon.icon03 { background: url(/images/level_box03.png) no-repeat center center/cover;width: 48px;height: 57px; margin-top: 3px;}


.join_level .level_box .cont {
    text-align: left;
}

.join_level .level_box .cont .level {
    display: block;
    font-size: 1rem;
    
    color: #9e9e9e;
}

.join_level .level_box.on .cont .level {
    color: #fff;
}

.join_level .level_box .cont .tit {
    display: block;
    font-size: 1.5rem;
    color: #000;
    font-weight: bold;
}

.join_level .level_box.on .cont .tit {
    color: #fff;
}

.join_level .level_box {
    position: relative;
    width: 30%;
    float: left;
    padding: 0.3rem 0.5rem;
    background: #F1F5F9;
    margin-left: 5%;
    border-radius: 80px;
    text-align: center;
}

.join_level .level_box:before {
    position: absolute;
    left: -16%;
    top: 50%;
    transform: translateY(-50%);
    font-family: "xeicon";
    content: "\e93e";
    font-size: 4rem;
    color: #C7C7C7;
}

.agree_checked {
    margin-bottom: 0rem;
}

.agree_checked input[type="checkbox"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.agree_checked input[type="checkbox"]+label:before {
  /* content: "\e92c"; */     /* xeicon 체크박스 아이콘 */
  font-family: "xeicon";
  position: absolute;
  left: 0;
  top: -4px;
  font-size: 1.5rem;
  color:#3092cd;
}

.agree_checked input[type="checkbox"]+label {
    /* display: inline-block; */
    /* position: relative; */
    /* padding-left: 3rem; */
    /* cursor: pointer; */
}

.agree_checked input[type="checkbox"]+label:before {
    /* content: "\e92c"; */
    /* position: absolute; */
    left: 0;
    top: -4px;
    text-align: center;
    background: #fff;
    box-sizing: border-box;
    font-family: "xeicon";
    font-size: 1.5rem;
    line-height: normal;
}
.agree_checked input[type="checkbox"]:checked + label:after {
    /* content: "\e92c"; */
    position: absolute;
    top: 0;
    left: 0;
    font-family: "xeicon";
    font-size: 1.5rem;
    color: #0873b7;
    font-weight: bold;
    line-height: normal;
}

.agree_checked label span {
    font-size: 1rem;
    color: #000;
    font-weight: 500;
}

.box_p_ck {
    padding: 20px 10px 10px 10px;
    border: 1px solid #C7C7C7;
    margin-bottom: 3rem;
}

.box_p_ck p {
    margin-bottom: 0;
    margin-top: 0;
}



.box_imp {
    padding: 10px;
    background: #F6F6F6;
    border: 1px solid #DDDDDD;
    margin-bottom: 5rem;
    height: 23rem;
    overflow-y: auto;
}

.box_imp .tit {
    font-size: 2rem;
    color: #333333;
    display: block;
    margin-bottom: 2rem;
    margin-top: 50px;
}

.box_imp .sm_tit {
    display: block;
    font-size: 1.7rem;
    color: #333;
    margin-bottom: 1rem;
    margin-top: 2rem;
}

.btn_area {
    text-align: left;
    margin-top: 4rem;
}

.center {
    text-align: center !important;
}

.btn_basic {
    min-width: 17rem;
    text-align: center;
    transition: background 150ms, border 150ms;
    display: inline-block;
    line-height: 100%;
    height: 4.4rem;
    background: #979797;
    line-height: 4.4rem;
    border: 1px solid #979797;
    padding: 0 2rem;
    border-radius: 0px;
    color: #000;
    transform: translate(0%);
}

.company_p img {width: 100%;height: 100%;object-fit: contain;}
.btn_basic.fill {
    background: #0099C1;
    color: #fff;
    border: 1px solid #0099C1;
}

.btn_basic span {
    color: #fff;
    font-size: 1rem;
}
@media (max-width:1200px){
    .join_level .level_box:before { left:-14%; }
    
}

@media (max-width:640px){
.board_search .search_box {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 5px;
    box-shadow: 0 6px 18px rgba(20, 40, 80, .06);
    flex-direction: row;
}
    .join_level .level_box { width:33%;margin-left:0;margin-top:0; }
    .join_level .level_box:before { left:0;top:0;display:none;}
    .join_level .level_box:first-of-type { margin-top:0; } 
#txt {width:90%; margin:auto;}
}
span.icon {font-family:xeicon;}
.margin_b {margin-bottom:20px;}
.board_write {color:#000; width:100%;}
.board_write table, tr, td, blockquote {color:#000;}
.board_write input {
   transform: translate(0%);
    border: 1px solid #c7c7c7;
    border-radius: 0px;
    margin-top: 10px;
    font-size: -0.4rem;
    width: 100%;
    height: 2.5rem !important;
	color: #000;
	background-color: #fff;}
.board_write th {
    border-bottom: 1px solid #dedede;
    padding: 15px 40px;
    background-color: #d9f3ff;
    border-right: 1px solid #dedede;
}
.board_write td {
    padding-left: 15px;
}
.board_write tbody th label .star {
    color: orange;
    margin-left: 0.4rem;
    position: absolute;
    right: -1rem;
    top: 0;
}
.board_write tbody th label {
    position: relative;
}
.pi-btn {
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    background: #fff;
    color: #444;
    border: 1px solid #cfdbe2;
    padding: 5px 12px;
    line-height: 21px;
    font-size: 14px;
    letter-spacing: -0.8px;
    border-radius: 1px;
    margin-top: 1px;
    cursor: pointer;
}
.right-import {
    margin-left: 0px;
    margin-top: 1px;
    position: absolute;
    background: #efefef;
    width: 45px;
    height: 33px;
    border-radius: 2px 0 0 2px !important;
    font-family: "xeicon";
}
.pi-icon {
    font-family: "xeicon";
    font-size: 21px;
    color: #888 !important;
}
.board_write .right-import {
    width: 2.5rem;
    height: 2.5rem;
    margin-top: 10px !important;
}
.board_write .pi-icon {
    font-size: 1.4rem;
}
.board_write .pi-icon.month {
    display: block !important;
}
.pi-icon:before {
    content: '\eb74';
}
.board_write .right-import:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.pi-icon.month:before {
    content: "\e9a4";
}
.board_write .w100 {width:100%;/* margin-left: 15px; */}
.board_write .wi130 {width:130px; background-color: #0000;}
.board_write .hasDatepicker {width:250px; background-color: #0000;padding-left: 50px;}

.pi-btn > span:after {
    position: absolute;
    top: 0px;
    left: 0;
    line-height: 1em;
    color: #000;
    font-family: "xeicon";
    content: "";
}
/* 댓글 */
#txt .pi-btn > span:after { top:50%;transform: translateY(-50%); }
#txt .commentbox .comment_lists > li .person_photo img { margin-left:0; }
#txt .commentbox .comment_lists > li .person_profile .comment_btn a { font-size:1.2rem; padding:.8rem 1.5rem;border:1px solid #ddd;  }
#txt .commentbox li .comment_item .date { color:#999; }

.right-import-input { text-indent: 2.5rem !important; }
@media (max-width:480px){ 
    #txt .commentbox .comment_lists > li .person_photo { display: none; }
    #txt .commentbox li .comment_item { margin-left:0; }
    #txt .commentbox .comment_lists > li .reply { top:5px; }
	}
.pi-btn > span {
    position: relative;
    padding-left: 20px;
}
.board_write th, .board_write td {
    font-size: 1rem;
    
    border-bottom: 1px solid #e4e4e4;
    word-break: keep-all;
}
.board_write tbody tr td {
    font-size: 1rem;
}
.board_write .form_radio {}
.board_write .form_radio label input {vertical-align: middle;width:auto;margin: 0px;display: flex;padding: 0;height: 18px !important;}
.board_write .form_radio label span {vertical-align: middle;line-height: 100%;font-size: 16px;padding-left: 23px;}
.board_write .form_radio label { margin-right:2rem;margin-bottom: 0px; }
.board_write .form_radio label:last-of-type { margin-left:0; }
.board_write tbody {border-top:2px solid #004ea1;}

.login_wrap {
    padding: 2rem;
    border: 5px solid #168ed6;
}
.login_wrap .icon {
    display: block;
    width: 10rem;
    height: 10rem;
    margin: 0 auto 3rem;
    background: #168ed6;
    position: relative;
    border-radius: 50%;
}
.login_wrap .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.login_wrap.complete .icon.icon02 img {
    width: 6.3rem;
}
.login_wrap strong {
    display: block;
    text-align: center;
    font-size: 1.4rem;
    color: #000000;
    margin-bottom: 2.5rem;
}
.login_wrap p {
    font-size: 1.6rem;
    text-align: center;
}
.login_wrap.complete p {
    font-size: 1.2rem;
}
.login_wrap.complete p.col {
    font-size: 1.5rem;
    color: #168ed6;
}
.point {width:100%; padding: 0px 10px 0px 0px; border:4px solid #004fa1; background-color:#fffdeb; float:left;border-radius: 10px; height:120px;}
.point .half {width:50%;background-color:#004fa1;height:70px;border-radius:10px; float:left;font-family: 'yg-jalnan'; font-size:23px; color:#fff;margin-left: -4px;padding: 13px 20px;}
.point .half span {font-size:30px; color:#f2f986;}
.point .half2 {width:50%; height:70px;float:left;padding-top: 20px;}
.point .half2 li {line-height: 24px;list-style-type: none;padding-left: 30px;font-size: 17px;}
.point2 {width:100%; float:left;padding: 20px 15px;margin-bottom:20px;}
.point2 .half3 {width:250px; height:70px; float:left;font-family: 'yg-jalnan'; font-size: 30px;line-height: 34px; color:#000;}
.point2 .half4 {width:70%; float:left;font-size: 16px;line-height: 20px; color:#000;}
.point2 .half4 li {line-height: 24px;list-style-type: disclosure-closed;padding-left: 30px;}
.btn_white {color:#fff;}
.board_white {background-color:#fff;}
.form_radio p {font-size:12px; color:#666}
.point_table  {border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border-top: 4px solid #3f51b5;
    border-left: 1px solid #3f51b5;
    border-right: 1px solid #3f51b5;
    border-bottom: 1px solid #3f51b5;}
.point_table td{border-color:black;border-style:solid;border-width:1px;font-size:14px;
  overflow:hidden;padding:10px 5px;word-break:normal;}
.point_table th{border-color:black;border-style:solid;border-width:1px;font-size:16px;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;background-color: #3f51b5;
    color: #fff;}
.point_table .point_table_td{border-color:inherit;text-align:center;vertical-align:middle}
.btn_basic.fill2 {background: #3f51b5;
    color: #fff;
    border: 1px solid #3f51b5;}
.prv_box {width:100%;}
.prv_box textarea {
    min-height: 160px;
    resize: none;
	width:100%;
}
.add_bbb {min-height: 107px !important;}
.prv_box .prv_box_info {width:100%;}
.prv_box .chk_box {width:100%; float:left;padding-top: 10px}
.prv_box .chk_box .radio_chk {width: 16px;
    float: left;
    transform: translate(-0%);}
.prv_box label {    float: left;
    padding-top: 0px;
    color: #2196f3;}

.point_foam  {border-collapse:collapse;border-spacing:0;width: 100%;
    margin-top: 20px;}
.point_foam td{border-color:#eee;border-style:solid;border-width:1px;font-size:14px;
  overflow:hidden;padding:10px 5px;word-break:normal;}
.point_foam th{border-color:#eee;border-style:solid;border-width:1px;font-size:14px;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.point_foam .point_line{text-align: left;
    vertical-align: middle;
    padding-left: 15px;}
.point_title {width:10%; background-color:#fbfbfb;}
.point_foam span {color:red}
.point_data {width:40%;}
.point_foam input {height: 31px;
    padding: 0px;
    font-size: 15px;
    transform: translate(-0%);
    border-radius: 0px;
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 0px;}
.point_foam input:read-only {height: 31px;
    padding: 0px;
    font-size: 13px;
    transform: translate(-0%);
    border-radius: 0px;
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 0px;
    background-color: #fff;
    color: #333;margin-top: 5px;}
.point_foam p {font-size:14px;padding-top: 10px;
    color: #2196f3;}
.file_input {padding-top:5px;}

.point_foam textarea {
    min-height: 120px;
    resize: none;
    width: 100%;
    overflow-y: auto;
}

.point_foam2  {border-collapse:collapse;border-spacing:0;width: 100%;
    margin-top: 20px;
    border-top: 4px solid #2196f3;}
.point_foam2 td{border-color:#eee;border-style:solid;border-width:1px;font-size:14px;
  overflow:hidden;padding:10px 5px;word-break:normal;}
.point_foam2 th{border-color:#eee;border-style:solid;border-width:1px;font-size:14px;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.point_foam2 .point_line{text-align: left;
    vertical-align: middle;
    padding-left: 15px;}
.point_title {width:10%; background-color:#fbfbfb;}
.point_foam2 span {color:red}
.point_data {width:40%;}
.point_foam2 input {height: 31px;
    padding: 0px;
    font-size: 15px;
    transform: translate(-0%);
    border-radius: 0px;
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 0px;}
.point_foam2 input:read-only {height: 31px;
    padding: 0px;
    font-size: 13px;
    transform: translate(-0%);
    border-radius: 0px;
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 0px;
    background-color: #fff;
    color: #333;margin-top: 5px;}
.point_foam2 p {font-size:14px;padding-top: 10px;
    color: #2196f3;}
.file_input {padding-top:5px;}

.point_foam2 textarea {
    min-height: 120px;
    resize: none;
    width: 100%;
    overflow-y: auto;
}
.point_foam3  {border-collapse:collapse;border-spacing:0;width: 100%;
    margin-top: 20px;
    border-top: 4px solid #2196f3;display:none;}
.poam_topbtn {height: 50px;}



.datebox {}
.datebox input {width:15%;}
.foam_down {padding:5px; text-align:center; background-color:#ccc; color:#fff;}
.btn_basic.fill3 {background: #3f51b5;
    color: #fff;
    border: 1px solid #3f51b5;
    height: 50px;
    line-height: 24px;
    float: right;
    margin-top: 12px;}

.point_view  {border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-top: 20px;
    border-top: 4px solid #000;
}
.point_view td{border-color:black;border-style:solid;border-width:1px;font-size:14px;
  overflow:hidden;padding:10px 5px;word-break:normal;}
.point_view th{border-color:black;border-style:solid;border-width:1px;font-size:14px;
  font-weight:bold;overflow:hidden;padding:10px 5px;word-break:normal;}
.point_view .point_view-de{text-align:center;vertical-align:top}
.point_top_message {width:100%;float:left;padding:9px 0px;}
.point_top_message50 {width:50%; float:left;}
.gab_40 {padding-top:30px;}
.point_top_message span {color:blue;}
.point_2ndti {    width: 100%;
    padding: 10px 0;
    font-size: 18px;
    font-weight: bold;
    color: #000;}
.point_detailbox {width:100%;  float:left;margin-bottom: 43px;}
.point_detailbox ul {display: inline-block;float:left;width: 100%; border-top:2px solid #000;display:flex;
  display:-webkit-flex;
  flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  list-style:none;}
.point_detailbox li {display: inline-block;float:left;padding:10px; border-bottom: 1px solid #999;line-height: 40px;}
.width30 {width:20%; float:left;border-right: 1px solid #999;background-color: #f4f4f4;}
.width70 {width:80%; float:left;}
.point_detailbox label {
    margin-right: 2rem;
    margin-bottom: 0px;
}
.point_detailbox label input {
    vertical-align: middle;
    width: auto;
    margin: 0px;
	    transform: translate(0%);
}
.point_detailbox label span {
    vertical-align: middle;
    line-height: 100%;
    font-size: 16px;
    padding-left: 10px;
}
.datebox input {
    height: 31px;
    padding: 0px;
    font-size: 15px;
    transform: translate(-0%);
    border-radius: 0px;
	margin-left:10px;
    border: 1px solid #ddd;
    margin-bottom: 0px;
}
.datebox .btn {padding: 6px 0 0 0;
    color: #fff;}
.board_box001 {width:100%;}
.point_boardlist  {border-collapse:collapse;border-spacing:0;    width: 100%;
    border-top: 4px solid #3f51b5;}
.point_boardlist td{border-color:black;border-style:solid;border-width:1px;
  overflow:hidden;padding:10px 5px;word-break:normal;}
.point_boardlist th{border-color:black;border-style:solid;border-width:1px;
  font-weight:bold;overflow:hidden;padding:10px 5px;word-break:normal;background-color: #eee;}
.point_boardlist .point_boardlist_d{text-align:center;vertical-align:top}
.list_number{padding-top:25px; text-align:center;}
    .list_n_menu {padding:3px; MARGIN:3px; TEXT-ALIGN: center;display:block;}
    .list_n_menu A {padding:5px 8px 4px 8px; MARGIN: 2px; BORDER: #ccc 1px solid; COLOR: #999; TEXT-DECORATION: none}
    .list_n_menu A:hover {BORDER:#999 1px solid; COLOR: #666;}
    .list_n_menu A:active {BORDER:#999 1px solid; COLOR: #666;}
    .list_n_menu .current {BORDER: #117bff 1px solid; padding:5px 8px 4px 8px; FONT-WEIGHT: bold; MARGIN: 2px; COLOR: #036cb4;}
    .list_n_menu .disabled {BORDER: #eee 1px solid; padding:5px 8px 4px 8px; MARGIN: 2px; COLOR: #ddd;}
.list_n_menu2 {padding:3px; MARGIN:3px; TEXT-ALIGN: center; display:none;}
.list_n_menu2 A {padding:5px 8px 4px 8px; MARGIN: 2px; BORDER: #ccc 1px solid; COLOR: #999; TEXT-DECORATION: none}
.list_n_menu2 A:hover {BORDER:#999 1px solid; COLOR: #666;}
.list_n_menu2 A:active {BORDER:#999 1px solid; COLOR: #666;}
.list_n_menu2 .current {BORDER: #117bff 1px solid; padding:5px 8px 4px 8px; FONT-WEIGHT: bold; MARGIN: 2px; COLOR: #036cb4;}
.list_n_menu2 .disabled {BORDER: #eee 1px solid; padding:5px 8px 4px 8px; MARGIN: 2px; COLOR: #ddd;}







* {padding: 0;
}

.idfind a:link { color: #666; text-decoration: none;}
.idfind a:visited { color: #666;}
.idfind a:hover { color: black;}
.idfind a:active { color: black;}

.idfind {
width: 550px;
margin: 0 auto;
padding: 2rem 0;
font-family:
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: 0px solid silver;
font-size:0.9rem;
}
.idfind .small {
  font-size: 0.9rem;
line-height:1.3rem;
}
.idfind>div {
  width: 550px;
  margin: 0 auto;
}

.idfind input {
 margin-bottom: 1rem;
    border: 1px solid #bbb;
    transform: translate(0%);
    border-radius: 0px;
}
.idfind .txt {
  width:100%;
  padding: 0.5rem 10px;
  height: 38px;
  color:#666;
}

.idfind .email {
  width:46%;
  padding: 0.5rem 10px;
  color:#666;
}

.idfind .phone {
  width: 30%;
    padding: 0.5rem 10px;
	color:#666;
}
.idfind select {
    width:47%;
    padding: 0.55rem 10px;
    height: 38px;
    vertical-align: top;
    border: 1px solid #bbb;
	color:#666;
}



.okbnt {
  background-color: #026cb8;
margin-top: 1rem;
color: #fff;
transition: 0.3s;
padding: 16px 20px;
    width: 100%;
	height:70px;
}

.okbnt:hover {
      background-color: #026cb8;
    margin-top: 1rem;
    color: #fff;
    padding: 16px 20px;
    width: 100%;
	height:70px;
}

/*2article tab*/
.tabs2 {
  max-width: 550px;
  margin: 0 auto;
  margin-top: 1.3rem;
}
.tabs-nav2 li {
  list-style: none;
  float: left;
  width: 50%;
  border-top: 3px solid #0873b7;
}
.tabs-nav2 li:first-child a {
  border-right: 0;

}
.tabs-nav2 li:last-child a {

}
.tabnava {
  background: #eee;
  border: 1px solid #cecfd5;
  color: #eee;
  display: block;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  font-size: 24px;
}

.tab-active2 a {
  background: #fff;
  border-bottom-color: transparent;
  color: black; ;
  cursor: default;
}
.tabs-stage2 {
  border: 1px solid #cecfd5;
  border-top: 0;
  clear: both;
  padding: 3rem 4.6rem ;
  position: relative;
  top: -1px;
}
.id_result {width:100%; margin:auto; font-size:24px;text-align: center;}
.t_center {text-align: center;
    font-size: 20px;}
#fancyCover {
    width: 100%;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
    padding: 29px 34px;
}
.fc_title {
    width: 100%;
    display: inline-block;
    margin-bottom: 25px;
    border: 3px solid #3066b9;
    padding: 5px;
    border-radius: 100px;
}
.fc_title > img {
    float: left;
}
.fc_title > div {
    float: right;
    width: 100%;
    box-sizing: border-box;
}
.fc_title > div > div {
    display: inline-table;
    width: 100%;
    text-align: left;
    min-height: 76px;
    /* border-bottom: 2px solid #3d3d3d; */
    padding: 10px 34px;
}
.fc_title > div > div > div {
    display: table-cell;
    width: 100%;
    vertical-align: bottom;
    font-size: 32px;
    color: #2b2b2b;
    font-weight: 500;
}
.fc_wr1 {
    font-size: 24px;
    color: #2b2b2b;
    font-weight: 500;
    width: 100%;
    box-sizing: border-box;
    padding: 0px 10px;
}
.fc_wr3 {
    font-size: 18px;
    color: #2b2b2b;
    font-weight: 300;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 20px;
    background: #e8f8ff;
    margin: 15px 0;
}
.fc_content {
    font-size: 18px;
    color: #2b2b2b;
    font-weight: 400;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 10px;
}
.fc_wr4 {
    display: inline-block;
    width: 100%;
    background: #f6f6f6;
    box-sizing: border-box;
    padding: 10px;
    border-top: 2px solid #3d3d3d;
    font-size: 16px;
    color: #2b2b2b;
    font-weight: 400;
    text-align: right;
    margin-top: 30px;
}
.fc_wr4_list {
    display: inline-block;
    width: 100%;
    background: #f6f6f6;
    box-sizing: border-box;
    padding: 10px;
    border-top: 2px solid #3d3d3d;
	border-bottom: 2px solid #3d3d3d;
    font-size: 16px;
    color: #2b2b2b;
    font-weight: 400;
    text-align: left;
    margin-top: 30px;
}
.fc_wr4_list ul {float:left;width:100%;}
.fc_wr4_list li {}
.w10 {width:10%;float:left;}
.w70 {width:80%; float:left;}
.w10r {width:10%;float:left;text-align:right;}
.wr5_children_table {width:100%;}
table.wr5_children_table th { padding:8px 10px; text-align:left; vertical-align:top; font-size:16px; color:#2b2b2b; font-weight:500; }
table.wr5_children_table td { padding:8px 10px; text-align:left; vertical-align:top; font-size:14px; color:#525252; font-weight:400;}

.space_room .half {width:50%;float: left;}
.company_p {width:100%; height:500px; border: 2px solid #dfdfdf;}
.company_list {width:100%;}
.company_list ul {width:100%;}
.company_list li {width:100%;padding: 15px;}

.place_cont_top {width:100%;}
.place_cont_top .title {font-size:45px;color:#1f2774;font-weight:800}
.place_cont_top .place_cont_img {position:relative;float:left;width:50%}
.place_cont_top .place_cont_img .place_cont_img_list .s_img {padding-top:87.7%;}
.place_cont_top .place_cont_con {position: relative;
    float: left;
    width: 100%;}
.place_cont_top .place_cont_con .ul_list {position:relative;margin-top:-1px;max-width:100%;}
.place_cont_top .place_cont_con .ul_list .txt {width:calc(100% - 158px)}
.place_cont_top .place_cont_con .tit2 {font-size:22px;line-height:22px;color:#1f2774;font-weight:500}
.place_cont_top .place_cont_con .txt2 {margin-top:17px;font-size:18px;line-height:30px;color:#333}
.place_view_bottom2 h4 {
    font-size: 45px;
    color: #1f2774;
    font-weight: 800;
    margin-bottom: 20px;
}
.ul_list {
    width: 100%;
    max-width: 575px;
    border: 1px solid #ddd;
    border-width: 1px 0 1px;
}
.place_cont_top .place_cont_con .ul_list {
    position: relative;
    margin-top: -1px;
    max-width: 100%;
}
.ul_list li {
    border-bottom: 1px dotted #ddd;
    padding: 12px 10px;
}
.clearfix:before, .clearfix:after {
    display: table;
    content: " ";
}
.ul_list .tit {
    display: block;
    position: relative;
    float: left;
    padding-left: 15px;
    font-size: 15px;
    color: #222;
    font-weight: 500;
    line-height: 26px;
}
.ul_list .tit:before {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    top: 10px;
    left: 0;
    background-color: #1f2774;
}
.ul_list .txt {
    float: right;
    width: calc(100% - 120px);
    font-size: 16px;
    line-height: 26px;
    color: #666;
}
.ul_list .txt a {color:#000;}
.place_cont_top .place_cont_con .ul_list .txt {
    width: calc(100% - 158px);
}
.place_cont_con h4 {font-size: 24px;margin-left: 0;padding: 19px 20px;background-color: #ebebeb;border-radius: 42px;margin-bottom: 20px;}
.img_pic {width:100%;text-align: center;}
.data_bbox {width:100%; float:left; line-height:26px;margin-top:30px;}

.gallery {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.thumbnails {
  list-style: none;
  margin: auto;
  width:100%;
  text-align: center
}
.thumbnails li {
  display: inline-block;
    /* width: 23%; */
    /* margin-left: 2%; */
    text-align: center;
    vertical-align: middle;
}
.thumbnails li:hover .item-hugger {
  background: #666;
}

.thumbnails input[name="select"] {
  display: none;
}
.thumbnails .item-hugger {
 position: relative;
    height: 140px;
    margin: 20px 0;
    background: #666;
    float: left;
    width: 160px;
    height: 60px;
    border: 1px solid #d2d2d2;
    vertical-align: middle;
    line-height: 60px;
    box-sizing: border-box;
    border-radius: 20px;
}
.thumbnails label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.thumbnails .title {
  font-size: 18px;
  color: #fff;
}
.thumbnails .title2 {
  font-size: 18px;
  color: #fff;
}
.thumbnails .thumb-image {
  height: 100px;
  padding: 20px 0;
}
.thumbnails .content {
 position: absolute;
    /* bottom: 0; */
    left: 0;
    margin-top: 75px;
    width: 100%;
    
    /* padding: 50px 0px; */
    /* background: url(/images/space_1.gif) no-repeat; */
    /* background-size: cover; */
    opacity: 0;
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: center; */
    margin-bottom: 50px;
}
.thumbnails .content2 {
  position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 500px;
    padding: 50px 0px;
    background: url(/images/space_2.gif) no-repeat;
    background-size: cover;
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.item-wrapper {width:100%;}
.thumbnails .content3 {
  position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 500px;
    padding: 50px 0px;
    background: url(/images/space_1.gif) no-repeat;
    background-size: cover;
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.thumbnails .content4 {
  position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 500px;
    padding: 50px 0px;
    background: url(/images/space_2.gif) no-repeat;
    background-size: cover;
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.thumbnails .content .title {
  font-size: 60px;
  font-weight: 400;
  display: inline-block;
  color: #555;
  border-bottom: 6px solid #fe7701;
  padding: 50px 10px 0;
  text-transform: uppercase;
}
.thumbnails input[name="select"]:checked + .item-hugger {
    margin: 0;
    background: #ccc;
    background-color: #026cb8;
    /* border: 2px solid #5A80B4; */
    line-height: 58px;
    color: #fff;
    border-radius: 20px;
}
.thumbnails input[name="select"]:checked ~ .content {
  opacity: 1;
}
.white-box {
  background: white;
  height: 569px;
}
.thumbnails .content img {width:100%;}

.intro_box {    width: 90%;
    overflow: hidden;
    margin: auto;}
.intro_img {width: 25%;
    float: left;
    margin-top: 90px;
    padding: 0 17px 0 0;}
.intro_img img {width:100%;}

.intro_txt {width:75%;float:left;background: url(/images/intro_back.gif) no-repeat;padding: 87px 0 20px 30px;background-size: cover;}
.intro_box h1 {width:100%; font-size:40px;color:#000;font-family: 'GmarketSansBold';}
.intro_box span {width:100%; color:#0065cd;font-size:40px;font-family: 'GmarketSansBold';}
.intro_box p {width:100%; font-size:15px;color:#000;}
.intro_img span {
    font-size: 12px;
    color: #000;
    font-family: 'NanumSquareNeo-Variable';
    float: right;
    width: 100%;
    text-align: right;
    line-height: 17px;
    margin-top: 7px;
}
.intro_box2 {width: 90%;overflow: hidden;margin: auto;}
.intro_box2 .title {width: 100%;
    background-color: #78746c;
    border-radius: 100px;
    color: #fff;
    font-size: 22px;
    line-height: 27px;
    padding: 25px 0 18px 35px;
    letter-spacing: -1px;}
.data_pic {
    width: 90%;
    text-align: center;
    padding-top: 30px;
    overflow: hidden;
    margin: auto;
    }
.data_pic ul{
    display: flex;
}
.b_intro01 {}
.b_intro01 span{
    color: #cc2727;
    font-weight: bold;
}
.data_pic li{
     border: 3px solid #78746c;
     position: relative;
     float: left;
     width: calc(33% - 40px);
     border-radius: 30px;
     padding: 10px;
     margin-right: 20px;
     margin-left: 20px;
}

.oooo {}
.data_pic li::after{
  right: -15px;
  content: "+";
  color: #3F51B5;
  display: block;
  position: absolute;
  top: 3px;
  font-size: 43px;
}
.data_pic li:last-child {
    width: 33%;
}
.b_intro01::after {width:10px;}
.data_pic li:last-child::after{
  right: -15px;
  content: "+";
  color: #3F51B5;
  display: none;
  position: absolute;
  top: 10px;
  font-size: 30px;
}
.intro_3t {width:48%; margin:auto;}
.intro_3t li {width: 33.333%;
    float: left;
    padding: 2%;
    font-size: 18px;
    letter-spacing: -1px;
    text-align: center;} 
.intro_box3 {width: 90%;overflow: hidden;margin: auto;}
.info_data {width:100%;padding: 30px 0;}
.fort {
    width: 32%;
    float: left;
    border: 3px solid #3f51b5;
    border-radius: 33px;
    padding: 17px 17px 13px 17px;
    margin: 5px;
    font-size: 19px;
    text-align: center;
    min-height: 187px;
    }
.fort span {color:#3f51b5; font-size:25px;font-family: 'GmarketSansBold';}
.smallwidth {display:none;width:100%;}
.board_check {color: #000;
    width: 100%;
	border-top: 2px solid #004ea1;    margin-top: 16px;}
.board_check table, tr, td, blockquote {
    color: #000;
}
.width001 {
    width: 20%;
    padding-left: 10px;
    border-right: 1px solid #ddd;
	background-color: #eee;
}
.width002 {width:70%; padding: 10px;}
.board_check tbody {border:1px solid #eee;}
.board_check input {
    width: 100%;
    border: 1px solid #eee;
    transform: translate(0%);
    border-radius: 0px;
    padding: 0px;
    height: auto;
    margin: 0px;
}
.board_check select {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

@media (max-width:576px) {
    .space_room {
    width:100%;
    overflow: hidden;
    margin-top: 30px;
    display: block;
    }
.width001 {
    width: 27%;
}
.board_check select {
    width: 100%;
    padding: 0px;
    margin: 0px;
}
.top_area_m {
    height: 35px;
    font-size: 14px;
    color: #fff;
    width: 100%;
    margin: auto;
    text-align: right;
    padding-top: 11px;
    padding-right: 22px;
}

.item_box {
    background-color: #fff;
    padding: 20px;
    border-radius: 20px;
    width: 100%;
    filter: drop-shadow(0 0 0.75rem #0000008a);
    margin: 43px 0 0 0;
}
.feature-item {
    text-align: center;
    width: 33%;
    float: left;
    border-right: 1px solid #cfcfcf;
	margin-bottom: 8px;
}
.blue_back {
    margin-top: 30px;
}
.padding {
    padding: 0rem 0;
}
.area_noti {
    position: relative;
    padding: 36px 30px;
    width: 100%;
    height: 362px;
    border: 2px solid #026cb8;
    margin-right: 20px;
    color: #026cb8;
    border-radius: 20px;
    margin-bottom: 10px;
}
.smallwidth {width:100%;}
.area_calendar {
    position: relative;
    margin: 0px;
    padding: 36px 30px;
    width: 100%;
    height: 372px;
    border: 2px solid #026cb8;
    color: #026cb8;
    border-radius: 20px;

}
.area_top>div, .area_bottom .inr03>div {
    float: left;
    width: 100%;
}
.container_slide {
    max-width: 100%;
    margin: 0 auto;
    height: 500px;
    padding: 20px;
    overflow: hidden;
}


.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 500px;
    position: relative;
    border-radius: 20px;
    border: 2px solid #fff;
}
.inr03 {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.padding_top {
    padding-top: 3rem;
}
.none_act {
    display:none;
}
.top_area {
    height: 35px;
    font-size: 14px;
    color: #005395;
    width: 100%;
    margin: auto;
    text-align: right;
    padding: 19px 20px 0 0;
}
.intro_img {
   width: 100%;
    float: left;
    /* display: none; */
    margin-top: 10px;
    padding: 0px;
}

.intro_txt {
    width: 100%;
    float: left;
    background: url(/images/intro_back.gif) no-repeat;padding:0px;
    background-size: cover;
}
.intro_box h1 {
    width: 100%;
    font-size: 28px;
    color: #000;
    font-family: 'GmarketSansBold';
}
.intro_box span {
    width: 100%;
    color: #0065cd;
    font-size: 28px;
    font-family: 'GmarketSansBold';
}
.intro_img span{
    font-size: 15px;
    text-align: center;
    line-height: 22px;
    color: #000;
    font-family: 'NanumSquareNeo-Variable';
    margin-bottom: 15px;
}
.intro_box2 .title {
    width: 100%;
    background-color: #78746c;
    border-radius: 10px;
    color: #fff;
    font-size: 19px;
    line-height: 27px;
    padding: 10px;
    letter-spacing: -1px;
}
.intro_3t {
    width: 100%;
    margin: auto;
}
.fort {
    width: 98%;
    float: left;
    border: 3px solid #3f51b5;
    border-radius: 33px;
    padding: 17px 17px 13px 17px;
    margin: 5px;
    font-size: 19px;
    text-align: left;
    min-height: 160px;
}
.explain-list-box li {
    position: relative;
    width: 100%;
    margin: 0 1.7% 20px 0;
}
.list_n_menu {padding:3px; MARGIN:3px; TEXT-ALIGN: center;display:none;}
.list_n_menu A {padding:5px 8px 4px 8px; MARGIN: 2px; BORDER: #ccc 1px solid; COLOR: #999; TEXT-DECORATION: none}
.list_n_menu A:hover {BORDER:#999 1px solid; COLOR: #666;}
.list_n_menu A:active {BORDER:#999 1px solid; COLOR: #666;}
.list_n_menu .current {BORDER: #117bff 1px solid; padding:5px 8px 4px 8px; FONT-WEIGHT: bold; MARGIN: 2px; COLOR: #036cb4;}
.list_n_menu .disabled {BORDER: #eee 1px solid; padding:5px 8px 4px 8px; MARGIN: 2px; COLOR: #ddd;}
.list_n_menu2 {padding:3px; MARGIN:3px; TEXT-ALIGN: center; display:block;}
.list_n_menu2 A {padding:5px 8px 4px 8px; MARGIN: 2px; BORDER: #ccc 1px solid; COLOR: #999; TEXT-DECORATION: none}
.list_n_menu2 A:hover {BORDER:#999 1px solid; COLOR: #666;}
.list_n_menu2 A:active {BORDER:#999 1px solid; COLOR: #666;}
.list_n_menu2 .current {BORDER: #117bff 1px solid; padding:5px 8px 4px 8px; FONT-WEIGHT: bold; MARGIN: 2px; COLOR: #036cb4;}
.list_n_menu2 .disabled {BORDER: #eee 1px solid; padding:5px 8px 4px 8px; MARGIN: 2px; COLOR: #ddd;}

.point {
    width: 100%;
    padding: 0px;
    border: 4px solid #004fa1;
    background-color: #fffdeb;
    float: left;
    border-radius: 10px;
    height: 214px;
}
.point .half {
    width: 100%;
    background-color: #004fa1;
    height: 75px;
    border-radius: 6px;
    float: left;
    font-family: 'yg-jalnan';
    font-size: 1em;
    color: #fff;
    padding: 13px 20px;
}
.point .half span {
    font-size: 1.3em;
    color: #f2f986;
}
.point .half2 {
    width: 100%;
    /* height: 113px; */
    float: left;
    padding-top: 20px;
}
.point .half2 li {
    line-height: 19px;
    list-style-type: none;
    padding-left: 18px;
    font-size: 15px;
}
.point2 {
    width: 100%;
    float: left;
    padding: 30px 15px;
    margin-bottom: 50px;
}
.point2 .half3 {
    width: 100%;
    height: 70px;
    float: left;
    font-family: 'yg-jalnan';
    font-size: 30px;
    line-height: 34px;
    color: #000;
}
.point2 .half4 {
    width: 100%;
    float: left;
    font-size: 15px;
    line-height: 20px;
    color: #000;
}
.point2 .half4 li {
    line-height: 21px;
    list-style-type: disclosure-closed;
    padding-left: 0px;
    margin-top: 10px;
}
.point_table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 94%;
    border-top: 4px solid #3f51b5;
    border-left: 1px solid #3f51b5;
    border-right: 1px solid #3f51b5;
    border-bottom: 1px solid #3f51b5;
    margin: auto;
}
.board_search #stx {
    border-radius: 0px;
    width: 75%;
    height: 40px;
    border: 0px;
    border-left: 0;
    padding-left: 18px;
    color: #727272;
    font-size: 16px;
    font-weight: 300;
    background: #f3f3f3;
}
.keyword_span {
    display: inline-block;
    padding: 0px;
    line-height: 30px;
    font-size: 16px;
    color: #727272;
    font-weight: 300;
    /* border-bottom: 1px solid #ddd; */
    margin-right: 0;
}
.board_submit {
    /* width: 20%; */
    height: 40px;
    text-align: center;
    border-radius: 0px;
    box-sizing: border-box;
    /* margin: 0 0 0 8px; */
    padding: 0 0 0 0px;
    border: 0px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    background-color: #026cb8;
}
.board_search {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #fff;
    padding: 0px;
    text-align: center;
    margin-bottom: 15px;
    font-size: 0;
    border-radius: 20px;
}
.search_color {background-color: #fff;}
    .search_color img{width:100%;}
#categorywrap>li {
    display: inline-block;
    width: 24%;
    height: 75px;
    margin-left: 0px;
    margin-bottom: 11px;
}
.ListUl>li {
    float: left;
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 9px 0 5px 0;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 20px;
}
#fancyCover {
    width: 100%;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
    padding: 0px;
}
.fc_title {
    width: 100%;
    display: inline-block;
    margin-bottom: 0px;
    border: 3px solid #3066b9;
    padding: 0px;
    border-radius: 32px;
}
table.wr5_children_table th {
    padding: 8px 10px;
    text-align: left;
    vertical-align: top;
    font-size: 16px;
    color: #3f51b5;
    font-weight: bold;
    width: 100%;
    display: flex;
}
table.wr5_children_table td {
    padding: 8px 10px;
    text-align: left;
    vertical-align: top;
    font-size: 14px;
    color: #525252;
    font-weight: 400;
    width: 380px;
    display: flex;
}
.point_top_message50 {
    width: 100%;
    float: left;
    padding: 0 10px 0 10px;
}
.point_view {
    border-collapse: collapse;
    border-spacing: 0;
    width: 92%;
    border-top: 4px solid #000;
    margin: auto;
}
.point_boardlist {
    border-collapse: collapse;
    border-spacing: 0;
    width: 92%;
    border-top: 4px solid #3f51b5;
    margin: auto;
}
.point_2ndti {
    width: 92%;
    padding: 10px 0;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin: auto;
}
.btn_basic.fill3 {
    background: #3f51b5;
    color: #fff;
    border: 1px solid #3f51b5;
    height: 50px;
    line-height: 24px;
    float: right;
    margin-top: 12px;
    margin-right: 16px;
}
.point_foam {
    border-collapse: collapse;
    border-spacing: 0;
    width: 92%;
    border-top: 4px solid #2196f3;
    margin: auto;
}
.point_foam2  {border-collapse:collapse;border-spacing:0;width: 100%;
    margin-top: 20px;
    border-top: 4px solid #2196f3; display:none;}


.point_foam3  {border-collapse:collapse;border-spacing:0;width: 92%;
    margin-top: 20px;
    border-top: 4px solid #2196f3;display:block;margin-left:auto;margin-right:auto;}
.point_foam3 td{border-color:#eee;border-style:solid;border-width:1px;font-size:14px;
  overflow:hidden;padding:10px 5px;word-break:normal;}
.point_foam3 th{border-color:#eee;border-style:solid;border-width:1px;font-size:14px;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.point_foam3 .point_line{text-align: left;
    vertical-align: middle;
    padding-left: 15px;}
.point_title {width:10%; background-color:#fbfbfb;}
.point_foam3 span {color:red}
.point_data {width:40%;}
.point_foam3 input {height: 31px;
    padding: 0px;
    font-size: 15px;
    transform: translate(-0%);
    border-radius: 0px;
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 0px;}
.point_foam3 input:read-only {height: 31px;
    padding: 0px;
    font-size: 13px;
    transform: translate(-0%);
    border-radius: 0px;
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 0px;
    background-color: #fff;
    color: #333;margin-top: 5px;}
.point_foam3 p {font-size:14px;padding-top: 10px;
    color: #2196f3;}
.file_input {padding-top:5px;}

.point_foam3 textarea {
    min-height: 120px;
    resize: none;
    width: 100%;
    overflow-y: auto;}
.point_title {
    width: 25%;
    background-color: #fbfbfb;
}
.space_room .half {
    width: 100%;
    float: left;
}
.company_p {
    width: 100%;
    height: 300px;
    border: 2px solid #dfdfdf;
	margin-bottom:15px;
}
.w10 {
    width: 19%;
    float: left;
}
.w70 {
    width: 75%;
    float: left;
}
.w10r {
    display:none;
}
.login-link a {
    display: block;
    text-align: center;
    font-weight: 500;
    color: #333;
    border-right: 1px solid #ccc;
    height: 40px;
    padding: 10px 0px;
}
.login-box {
    box-sizing: border-box;
    border: 0px;
}
.content_all {
    position: relative;
    max-width: 91%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 30px;
    min-height: 500px;
}
.idfind {
    width: 100%;}
.idfind>div {
    width: 100%;
}
.tabs-stage2 {
    padding: 2rem;
}
.join_level {
    margin-bottom: 2.8rem;
}
.join_level .level_box.on .inner .icon.icon01 {
     display: none;
}
.join_level .level_box .inner .icon.icon02 {
    display: none;
}
.join_level .level_box .inner .icon.icon03 {
   display: none;
}
.join_level .level_box .inner {
   padding-left: 0px;
}
.box_imp {
    padding: 1rem;
}
.thumbnails {
    width: 100%;
}
.thumbnails li {
    display: inline-block;
    width: 18%;
    margin-left: 0px;
    text-align: center;
    vertical-align: middle;
}
.thumbnails .item-hugger {
    width: 100%;
    
}
.thumbnails .title2 {
    font-size: 14px;
    color: #fff;
    line-height: 15px;
    padding-top: 16px;
}
.thumbnails .title {
    font-size: 14px;
    color: #fff;
	line-height: 15px;
    padding-top: 16px;
}
.youth_rent {
   padding: 0 0px 12%;
}

.youth_rent .room_choice>ul>li.room_check {
    background-color: #026cb8;
    line-height: 60px;
    color: #fff;
    border-radius: 11px;
	margin-top: 5px;
}
.youth_rent .room_choice>ul>li {
    float: left;
    width: 31%;
    height: 60px;
    border: 1px solid #d2d2d2;
    margin-right: 5px;
    vertical-align: middle;
    line-height: 60px;
    box-sizing: border-box;
    border-radius: 11px;
	margin-top: 5px;
	font-size: 13px;
}

.youth_rent .cal_wrap {
   width: 100%;
}
.youth_cal {
    width: 100%;
}
.calendar_mon2 th.day {
    padding: 0px 5px;
}
.calendar_mon2 td.date, .calendar_mon2 td.d {
   height: 55px;
}
.youth_input {
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin-top: 38px;
}
.time_wrap>ul li a {
    font-size: 12px;
    font-weight: bold;
	color:#000;
}
.time_wrap>ul>li {
   width: 25%;
   color:#000;
   font-size: 13px;
}
.info_wrap .info_table th {
    width: 130px;
    padding: 0 0 0 17px;
}
.info_wrap .info_table input[type="text"]#re_person {
    width: 46px;
    border: 1px solid #ddd;
    height: 31px;
    margin: 0 0 0 10px;
    padding: 0 6px;
}
.youth_rent2 .cal_wrap {
    margin: 0px;
    display: inline-block;
    padding-top: 10px;
}
.place_cont_con h4 {
   margin-left: 0;
   border-radius: 23px;
}
.place_cont_con dd {margin-left:0px;}
.place_cont_top .place_cont_con .ul_list .txt {
    width: calc(100% - 91px);
}

.normal_font span {display:none;}

.join_level .level_box .inner .icon.icon01 {
    display: none;
}
.board_write .hasDatepicker {
    width: 100%;
}
.board_write input {font-size: 13px;}

}
/*여기가 끝*/
.normal_font span {}
.imgoverfit {object-fit: cover;
    height: 100%;
    border-radius: 20px;}

.summit_btn {
    width: 44%;
    padding: 5px;
    font-size: 15px;
    color: #fff;
    transform: translate(0%);
    border-radius: 9px;
    margin-left: 10px;
}
.color {background-color: #2196f3;}
.color2 {background-color: #9e9e9e;}
.color3 {background-color: #00BCD4;}
.normal_font {font-size:15px;}
.scroll-banner {
  position: relative;
  top: 0;
  left: 0;
  width: 1400px;
  height: 59px;
  overflow: hidden;
  background-color: #f6f6f6;
  margin:auto;
}
.scroll-banner ul.client-list {
  position: relative;
  display: inline-block;
  list-style: none;
  white-space: nowrap;
}
.scroll-banner ul.client-list.cloned {
  position: absolute;
  top: 0;
  left: 0;
}
.scroll-banner ul.client-list li {
  float: left;
  width: 200px;
  height: 100px;
  padding: 4px;
  color: white;
  transition: all 0.25s ease;
  justify-content: center;
  align-items: center;
}
.scroll-banner ul.client-list li:hover {
  cursor: pointer;
}
.scroll_img {width:100%; border:1px solid #eee;}
.YouTubePopUp-Wrap{
    position:fixed;
    width:100%;
    height:100%;
    background-color:#000;
    background-color:rgba(0,0,0,0.8);
    top:0;
    left:0;
    z-index:9999999999999;
}

.YouTubePopUp-animation{
    opacity: 0;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: YouTubePopUp;
    animation-name: YouTubePopUp;
}

@-webkit-keyframes YouTubePopUp {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes YouTubePopUp {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}



.YouTubePopUp-Content{
    max-width:680px;
    display:block;
    margin:0 auto;
    height:100%;
    position:relative;
}

.YouTubePopUp-Content iframe{
    max-width:100% !important;
    width:100% !important;
    display:block !important;
    height:480px !important;
    border:none !important;
    position:absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.YouTubePopUp-Hide{
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: YouTubePopUpHide;
    animation-name: YouTubePopUpHide;
}

@-webkit-keyframes YouTubePopUpHide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes YouTubePopUpHide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.YouTubePopUp-Close{
    position:absolute;
    top:0;
    cursor:pointer;
    bottom:528px;
    right:0px;
    margin:auto 0;
    width:24px;
    height:24px;
    background:url(close.png) no-repeat;
    background-size:24px 24px;
    -webkit-background-size:24px 24px;
    -moz-background-size:24px 24px;
    -o-background-size:24px 24px;
}

.YouTubePopUp-Close:hover{
    opacity:0.5;
}

@media all and (max-width: 768px) and (min-width: 10px){
    .YouTubePopUp-Content{
        max-width:90%;
    }
}

@media all and (max-width: 600px) and (min-width: 10px){
    .YouTubePopUp-Content iframe{
        height:320px !important;
    }

    .YouTubePopUp-Close{
        bottom:362px;
    }
}

@media all and (max-width: 480px) and (min-width: 10px){
    .YouTubePopUp-Content iframe{
        height:220px !important;
    }

    .YouTubePopUp-Close{
        bottom:262px;
    }
}


.top_color {color:#fff;}
.top_color2 {color:#000;}


/* 검색시작 */


#cover .tb {
  display: table;
  width: 100%;
}

#cover .td {
  display: table-cell;
  vertical-align: middle;
}

#cover input,
button {
  color: #000;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
}

#cover {
    width: 550px;
    padding: 10px;
    margin: 0px auto 0 auto;
    background-color: #fff;
    border-radius: 12px;
    transform: scale(0.6);
    margin-left: -111px;
    float: left;
}

#cover form {
  height: 40px;
}

#cover input[type="text"] {
    width: 100%;
    height: 40px;
    font-size: 26px;
    line-height: 1;
}

#cover input[type="text"]::-moz-placeholder {
  color: #168ed6;
}

#cover input[type="text"]:-ms-input-placeholder {
  color: #168ed6;
}

#cover input[type="text"]::placeholder {
  color: #168ed6;
}

#s-cover {
  width: 1px;
  padding-left: 57px;
}

#s-cover button {
  position: relative;
  display: block;
  width: 65px;
  height: 40px;
  cursor: pointer;
  top:5px;
}

#s-circle {
    position: relative;
    top: -9px;
    left: 0;
    width: 35px;
    height: 35px;
    margin-top: 0;
    border-width: 15px;
    border: 5px solid #168ed6;
    background-color: transparent;
    border-radius: 50%;
    transition: 0.5s ease all;
}

#s-cover button span {
    position: absolute;
    top: 28px;
    left: 25px;
    display: block;
    width: 22px;
    height: 7px;
    background-color: transparent;
    border-radius: 10px;
    transform: rotateZ(52deg);
    transition: 0.5s ease all;
}

#s-cover button span:before, #s-cover button span:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 22px;
    height: 5px;
    background-color: #168ed6;
    border-radius: 10px;
    transform: rotateZ(0);
    transition: 0.5s ease all;
}

#s-cover:hover #s-circle {
    top: -5px;
    width: 48px;
    height: 5px;
    left: 16px;
    border-width: 0;
    background-color: #168ed6;
    border-radius: 20px;
}

#s-cover:hover span {
  top: 50%;
  left: 59px;
  width: 25px;
  margin-top: -9px;
  transform: rotateZ(0);
}

#s-cover:hover button span:before {
  bottom: 11px;
  transform: rotateZ(52deg);
}

#s-cover:hover button span:after {
  bottom: -11px;
  transform: rotateZ(-52deg);
}
#s-cover:hover button span:before,
#s-cover:hover button span:before, #s-cover:hover button span:after {
    right: 17px;
    width: 27px;
    background-color: #168ed6;
}



@media screen and (max-width:640px){
#cover {
    width: 100%;
    padding: 10px;
    margin: 0px auto 0 auto;
    background-color: #fff;
    border-radius: 12px;
    transform: scale(0.6);
    float: left;
    margin-left: -55px;
}
.search_box {
    display: inline-block;
    margin-bottom:0px;
}
.board_search .stx {
    width: 100%;
    padding: 0;
}
}

.intro_t .big {
    border-color: inherit;
    text-align: center;
    vertical-align: top;
    background-color: #cddc39;
    color: #fff;
    font-size: 18px;
    border-radius: 30px;width: 30%;
}
.intro_t .big2 {
    border-color: inherit;
    text-align: center;
    vertical-align: top;
    background-color: #3f51b5;
    color: #fff;
    font-size: 18px;
    border-radius: 30px;width: 30%;
}
.intro_t .big3 {
    border-color: inherit;
    text-align: center;
    vertical-align: top;
    background-color: #2196f3;
    color: #fff;
    font-size: 18px;
    border-radius: 30px;width: 30%;
}
.intro_t .small{border-color:inherit;text-align:left;vertical-align:top}
.intro_t tr {border-bottom:1px solid #fff;}

.intro_t {
    border-collapse: inherit;
    border-spacing: 6px;
    width: 91%;
    margin: 0 auto 51px auto;
}
.intro_t td{font-size:16px;
  overflow:hidden;padding:10px 5px;word-break:normal;}
.intro_t th{font-size:16px;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.intro_t .theme{text-align:center;vertical-align:top;padding: 12px;}


@media screen and (max-width:640px){
.intro_t {
    border-collapse: inherit;
    border-spacing: 5px;
    width: 100%;
    margin: 0 auto 0px auto;
}
.intro_t td {
    font-size: 14px;
    overflow: hidden;
    padding: 10px 5px;
    word-break: normal;
}
}

.mt_45 {
    margin-top: 45px;
}
.rst-section{ margin:30px 0}
.rst-section h3 span{font-weight:500;color:#ca420d;}
.srh-rst-tit strong{display:inline-block;font-weight:400;font-size:20px}
.srh-rst-tit strong span{font-weight:700;color:#0062b1}
.srh-rst-list{border-top:1px solid #1670b7;border-bottom:1px solid #1670b7;background-color:#f8f8f8;}
.srh-rst-list li{border-bottom:1px solid #dfe3ec; padding:15px}
.srh-rst-list li:last-child{border-bottom:0}
.srh-rst-list a{display:block; color:#666}
.srh-rst-list a .t{margin-bottom:3px;}
.srh-rst-list .t strong{font-size:18px;font-weight:500;color:#1670b7}
.srh-rst-list .no-data{text-align:center; font-size:16px; padding:10px}

@media all and (min-width:768px){
.rst-section h3{margin-left:0px}
.srh-rst-tit strong{background-position:0 7px}
}
@media screen and (max-width:767px){
.srh-rst-tit{margin-bottom:10px}
.srh-rst-tit strong{padding-left:26px;background-position:0 7px;background-size:15px auto}
.rst-section h3{margin-left:11px}
.srh-rst-tit{font-size:17px}
.srh-rst-list{margin-top:6px}
.srh-rst-list a{padding:7px 17px 13px}
.srh-rst-list a .t strong{font-size:15px}
.srh-rst-list .no-data{padding:28px 0}
.srh-rst-list li{padding:2%}
.view_cont_info dt {
       /* width: 30%; */
       /* background-color: #2386d5; */
       font-size: 1rem;
       /* color: #fff; */
       ff;
       font-weight: bold;
       x 30px; */
       x 30px; */
       border-radius: 30px 0px 0px 30px;
       border-radius: 8px;
       padding: 5px  10px;
}
.intro_box3 {width: 100%;}
.intro_box {width: 100%;}
.intro_box2 {width: 100%;}
.content {
    width: 100%;
    padding: 0;
}
}

.twee_ss {
    border: 1px solid #3f51b5;
    padding: 15px 28px;
    border-radius: 20px;
}

.btn_r a {color:#3F51B5;}

.rent_info {display: block;
    width: 100%;
    background-color: #ffffff;
    margin-bottom: 20px;
    border: 1px solid #2196f3;
    color: #000;
    text-align: left;
    padding: 15px;}
.rent_info p {line-height: 23px;
    font-size: 15px;
    letter-spacing: 0px;
	margin-bottom: 17px;}

#mbr_Layer_popup0 {position: relative;
    top: 50px;z-index:1111111111111111;}
#theLayer_popup0 {position: absolute;
   visibility: visible;
    /* left: 10px; */
    top: 30px;
    display: none;
    padding: 30px;}
.tt_popbanner {width:450px;}


@media screen and (max-width:767px){
#mbr_Layer_popup0 {position: relative;
    width: 100%;
    top: 50px;z-index:1111111111111111;}
#theLayer_popup0 {position: absolute;
    width: 100%;
    visibility: visible;
    /* left: 10px; */
    top: 30px;
    display: none;
    padding: 30px;}
.tt_popbanner {width:100%;}
h3.doc_tit02 {
    padding: 10px 10px 13px 34px;
    font-size: 25px;
}
h3.doc_tit02:before {
    top: 20px;
    width: 24px;
    height: 24px;
    background-size: 100%;
}
.view_table .row.td2 .l, .view_table .row.td2 .r {
    float: left;
    width: 100%;
    min-height: 50px;
    background-color: #ffffff00;
    border: 1px solid #e6edf3;
    padding: 0 5px;
}
.view_table .row .th {
    padding: 6px 10px;
    width: 30%;
}
}

@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;
}
.bgTop {
    z-index: 15;
    opacity: 0.5;
}
.bgMiddle {
    z-index: 3;
    opacity: 0.1;
}
.bgBottom {
    z-index: 5;
}
.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}
.waveTop {
    background-size: 50% 100px;
}
.waveAnimation .waveTop {
  animation: move-wave 3s;
   -webkit-animation: move-wave 3s;
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}
.waveMiddle {
    background-size: 50% 211px;
}
.waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
}
.waveBottom {
    background-size: 50% 100px;
}
.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
}

#gradient
{
  width: 100%;
  height: 185px;
  padding: 0px;
  margin: 0px;
  position:absolute;
}
.button-box{
	position:relative;
	margin-left:35px;
}
.button-box.style-two .theme-btn{
	border-radius:50px;
	letter-spacing:0px;
	padding:14px 38px;
	font-size:16px;
}
/* Btn Style One */

.btn-style-one{
	position: relative;
    font-weight: 700;
    overflow: hidden;
    text-align: center;
    padding: 19px 44px;
    display: inline-block;
    letter-spacing: 1px;
    color: #fff;
    font-size: var(--font-17);
    text-transform: capitalize;
    background-color: rgb(11,90,219);
    font-family: var(--font-family-FiraSans);
}

.btn-style-one:before{
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	position: absolute;
	width: 200%;
	height: 200%;
	content: "";
	top: -200%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
	z-index: 1;
	background: #0896fc;
}

.btn-style-one:hover:before{
	top: 0%;
}

.btn-style-one .btn-wrap{
	position:relative;
	z-index:1;
	float:left;
    overflow: hidden;
    display: inline-block;
}

.btn-style-one .btn-wrap .text-one{
	position: relative;
	display: block;
	color: var(--white-color);
	transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.btn-style-one:hover .btn-wrap  .text-one:first-child{
	-webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
}

.btn-style-one .btn-wrap .text-two{
	position: absolute;
    top: 100%;
    display: block;
	color: var(--white-color);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-style-one:hover .btn-wrap .text-two{
	top: 50%;
    -webkit-transform: translateY(-50%); 
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-style-one:hover .btn-wrap .text-two{
	color: var(--white-color);
}

.btn-style-one .arrow{
	position:relative;
	z-index:1;
	font-style:normal;
	color:var(--white-color);
	-webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	margin-left:var(--margin-left-10);
	font-family: 'Font Awesome 5 Pro';
}

.btn-style-one:hover{
	
}

.btn-style-one:hover:before{
	top: -40%;
}

.status_bar_youth {background-color:#FF5722;color:#fff;padding: 4px 5px;font-size:12px;width: 100%;margin: auto;}
.status_bar_start {background-color:#009688; color:#fff; padding:4px 5px; font-size:12px;width: 100%; margin: auto;}
.status_bar_news {background-color:#3F51B5;color:#fff;padding:5px 5px;font-size:12px;width: 100%;margin: auto;}
.status_bar_etc {background-color:#795548; color:#fff; padding:4px 5px; font-size:12px;width: 100%; margin: auto;}

@media screen and (max-width: 767px) {

.data_pic ul {
    display: block;
}
.data_pic li {
    border: 3px solid #78746c;
    position: relative;
    float: left;
    width: 100%;
    border-radius: 30px;
    padding: 10px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 30px;
}
.data_pic li::after {
    right: 50%;
    content: "+";
    color: #3F51B5;
    display: block;
    position: absolute;
    top: 85%;
    font-size: 43px;
}
.data_pic li:last-child {
    width: 100%;
}

}
/* ===== 색/베이스 (원래 쓰던 값 유지) ===== */
:root{
  --primary:#3092cd;
  --ink:#1f2a3b;
  --muted:#6b7683;
  --line:#e6edf3;
  --card:#fff;
}

/* ===== 기존 아이콘폰트 규칙 무력화 (xeicon/ri content 깨짐 방지) ===== */
.agree_checked input[type="checkbox"] + label::before,
.agree_checked input[type="checkbox"] + label:before{
  /* content:"" !important; */
  /* font-family:initial !important; */
  /* background:none !important; */
}

/* ===== 접근성 보장: input은 남기되 화면에서만 숨김 ===== */
.agree_checked{
  display:flex; align-items:flex-start; gap:10px;
  background:#fff; border:1px solid var(--line); border-radius:12px;
  padding:12px 14px; margin:10px 0;
}
.agree_checked input[type="checkbox"]{
  position:absolute; left:-9999px; width:1px; height:1px; /* 시각만 숨김 */
}
.agree_checked label{
  position:relative;
  display:block;
  cursor:pointer;
  color:#26384c;
  font-weight:700;
  padding-left:34px; /* 커스텀 박스 자리 */
  line-height:1.6;
}

/* 빈 체크박스 모양 */
.agree_checked input[type="checkbox"] + label::after{
  content:""; position:absolute; left:0; top:2px;
  width:22px; height:22px; border-radius:6px;
  border:2px solid #cfe3f5; background:#fff;
  transition:border-color .15s, background-color .15s, box-shadow .15s;
}

/* hover/focus 시 테두리 강조 */
.agree_checked label:hover::after{ border-color:#9fc7e8; }
.agree_checked input[type="checkbox"]:focus-visible + label::after{
  outline:2px solid var(--primary); outline-offset:2px;
}

/* 체크 상태: 파란 배경 + 체크 SVG(폰트X, CDN X) */
.agree_checked input[type="checkbox"]:checked + label::after{
  border-color:var(--primary); background:var(--primary);
  background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'>\
<path d='M20 6L9 17l-5-5' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>");
  background-repeat:no-repeat; background-position:center; background-size:14px 14px;
}

/* 개별 동의 감쌈 박스 */
.box_p_ck{
  background:#fff; border:1px solid var(--line); border-radius:12px;
  padding:6px 8px; margin:8px 0 14px;
}

/* 반응형 약간 정리 */
@media (max-width:560px){
  .agree_checked{ padding:10px 12px; }
  .agree_checked label{ padding-left:32px; }
}
/* ===== 회원가입 단계 네비게이션 ===== */
.mem_level {
  margin: 24px 0 32px;
}
.mem_level ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 10px;
}
.mem_level ul li {
  flex: 1;
  position: relative;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: var(--muted);
  padding: 12px 6px 12px 6px;
  background: #fff;
  border: 2px solid var(--line);
  border-radius: 12px;
  transition: .25s;
}

/* 단계 번호 */
.mem_level ul li span {
  display: inline-block;
  min-width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 700;
  margin-right: 8px;
  background: var(--line);
  color: var(--muted);
}

/* 현재 단계 */
.mem_level ul li.hover {
  border-color: var(--primary);
  color: var(--primary);
  background: #f3f9fd;
}
.mem_level ul li.hover span {
  background: var(--primary);
  color: #fff;
}

/* 반응형 */
@media (max-width: 768px) {
  .mem_level ul {
    flex-direction: column;
    gap: 12px;
  }
  .mem_level ul li {
    width: 100%;
    text-align: left;
    padding: 14px 12px;
  }
}
/************* 자료실( .data_bb ) – 깔끔한 카드형 *************/

/* 색 변수(사이트 전역에 이미 있다면 생략 가능) */
:root{
  --primary:#3092cd;
  --ink:#1f2a3b;
  --muted:#667288;
  --line:#e6edf3;
  --soft:#f6f9fc;
  --card:#fff;
}

/* 전역 간섭 리셋(세로쓰기/변형 등) */
.data_bb, .data_bb *{
  box-sizing:border-box;
  writing-mode:horizontal-tb !important;
  text-orientation:mixed !important;
  transform:none !important;
}

/* 안내문 */
.data_bb .notice_data_bb{
  font-size:14px; color:#6b7683; margin:8px 0 14px;
}

/* 필터 바 */
.data_bb .filter_data_bb{
  display:flex; flex-wrap:wrap; gap:10px 16px; align-items:center;
  padding:12px; border:1px solid var(--line); border-radius:14px; background:#fff;
}

/* 체크박스(기본 요소만 사용 – 아이콘 폰트 X) */
.data_bb .filter_data_bb label{
  display:inline-flex; align-items:center; gap:8px;
  border:1px solid var(--line); background:#fff; color:var(--ink);
  padding:8px 12px; border-radius:10px; cursor:pointer; font-weight:700;
}
.data_bb .filter_data_bb input[type="checkbox"]{
  appearance:none; width:18px; height:18px; border:2px solid #b9c7d6;
  border-radius:4px; display:inline-block; position:relative; background:#fff;
}
.data_bb .filter_data_bb input[type="checkbox"]:checked{
  border-color:var(--primary); background:var(--primary);
}
.data_bb .filter_data_bb input[type="checkbox"]:checked::after{
  content:""; position:absolute; left:4px; top:0px; width:6px; height:12px;
  border:2px solid #fff; border-top:none; border-left:none; transform:rotate(45deg);
}

/* 검색 바 */
.data_bb .search-bar_data_bb{
  margin-left:auto; display:flex; gap:8px; align-items:center;
}
.data_bb .search-bar_data_bb select,
.data_bb .search-bar_data_bb input[type="text"]{
  height:40px; border:1px solid var(--line); border-radius:10px; padding:0 12px; background:#fff;
  font-size:15px;
}
.data_bb .search-bar_data_bb select{ min-width:120px; }
.data_bb .search-bar_data_bb input[type="text"]{ width:280px; max-width:48vw; }
.data_bb .search-bar_data_bb button{
  height:40px; padding:0 16px; border-radius:10px; border:1px solid var(--primary);
  background:var(--primary); color:#fff; font-weight:800; cursor:pointer;
}
.data_bb .search-bar_data_bb button:hover{ filter:brightness(.96); }

@media (max-width:720px){
  .data_bb .filter_data_bb{ gap:10px; }
  .data_bb .search-bar_data_bb{ width:100%; margin-left:0; }
  .data_bb .search-bar_data_bb input[type="text"]{ width:100%; max-width:none; }
}
/* ===============================
   VIDEO CARD GRID — 이다 스타일
   (HTML 수정 없이 사용)
   =============================== */
:root{
  --primary:#3092cd;
  --ink:#1f2a3b;
  --muted:#6b7683;
  --line:#e6edf3;
  --soft:#f5f9fc;
  --card:#fff;
  --gap:20px;           /* 카드 사이 간격 */
  --radius:18px;        /* 카드 라운드 */
}

/* 기본 폰트 크기 */
.container .row,
.yt-wrap{ font-size:17px; color:var(--ink); }

/* ===== 레이아웃: PC 3 / TAB 2 / MO 1 ===== */
.container .row{ margin-left:calc(var(--gap) * -0.5); margin-right:calc(var(--gap) * -0.5);}
.container .row > .col-md-4{ padding-left:calc(var(--gap) * 0.5); padding-right:calc(var(--gap) * 0.5); }

/* 모바일: 1열 */
.container .row > .col-md-4{ flex:0 0 100%; max-width:100%; }

/* 태블릿: 2열 */
@media (min-width:768px){
  .container .row{ display:flex; flex-wrap:wrap; }
  .container .row > .col-md-4{ flex:0 0 50%; max-width:50%; }
}

/* PC: 3열 고정 */
@media (min-width:992px){
  .container .row{ display:flex; flex-wrap:wrap; }
  .container .row > .col-md-4{ flex:0 0 33.3333%; max-width:33.3333%; }
}

/* ===== 카드 본체 ===== */
.yt-wrap{
  height:100%;
  display:flex; flex-direction:column;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.yt-wrap:hover{
  transform:translateY(-4px);
  border-color:#d4e7f7;
  box-shadow:0 10px 24px rgba(18,41,64,.10);
}

/* 썸네일 박스 */
.yt-wrap .img-con{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  background:#f3f6f9;
  overflow:hidden;
}
.yt-wrap .img-con img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .5s ease;
}
.yt-wrap:hover .img-con img{ transform:scale(1.04); }

/* 플레이 아이콘 (SVG 백그라운드) */
.yt-wrap .img-con::after{
  content:"";
  position:absolute; inset:auto 12px 12px auto;
  width:44px; height:44px; border-radius:50%;
  background:
    radial-gradient(rgba(0,0,0,.12), rgba(0,0,0,.12)) center/100% 100%,
    url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='22' cy='22' r='22' fill='%23ffffff'/%3E%3Cpath d='M18 14l14 8-14 8V14z' fill='%233092cd'/%3E%3C/svg%3E") center/44px no-repeat;
  box-shadow:0 4px 12px rgba(48,146,205,.18);
  pointer-events:none;
}
.yt-wrap:hover .img-con::after{ transform:scale(1.03); }

/* 설명 영역 */
.yt-desc{ padding:14px 16px 16px; }
.yt-title{
  font-weight:800;
  line-height:1.35;
  color:#0f4270;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  min-height:48px;
  margin-left: 9px;
}

/* 링크(타이틀 a 감쌌을 때 밑줄 제거) */
.yt-wrap a{ text-decoration:none; color:inherit; }

/* 접근성 포커스 */
.yt-wrap:focus-within{ outline:2px solid var(--primary); outline-offset:2px; }

/* 간격 보정 (행 하단 여백) */
.col-md-4.pb-4{ padding-bottom:calc(var(--gap) + 4px) !important; }

/* 좁은 화면 타이틀 크기 살짝 다운 */
@media (max-width:560px){
  .yt-title{ font-size:16px; }
  .yt-wrap .img-con::after{ width:40px; height:40px; background-size:40px; }
}
/* ==============================
   CONTACT FORM — 이다 스타일
   대상: form#reg_make 이하
   ============================== */
:root{
  --primary:#3092cd;
  --ink:#1f2a3b;
  --muted:#6b7683;
  --line:#e6edf3;
  --soft:#f5f9fc;
  --card:#fff;
  --radius:14px;
}

#reg_make{ font-size:17px; color:var(--ink); }

/* 테이블 레이아웃(PC) */
#reg_make .board_write{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  background:var(--card);
}
#reg_make .board_write caption{ display:none; }
#reg_make .board_write th,
#reg_make .board_write td{
  padding:16px 18px;
  border-bottom:1px solid var(--line);
  vertical-align:top;
}
#reg_make .board_write th{
  width:15%;
  background:#f8fbfe;
  font-weight:800;
  color:#0f4270;
}
#reg_make .board_write tr:last-child th,
#reg_make .board_write tr:last-child td{ border-bottom:none; }

/* 입력 컨트롤 공통 */
#reg_make input[type="text"],
#reg_make textarea{
  /* width:100%; */
  height:46px;
  padding:0 14px;
  border:1px solid var(--line);
  /* border-radius:12px; */
  background:#fff;
  color:var(--ink);
  transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
#reg_make textarea{
  min-height:150px; height:auto; padding:12px 14px; resize:vertical;
}
#reg_make input[type="text"]::placeholder{ color:#9aa5b1; }
#reg_make input[type="text"]:focus,
#reg_make textarea:focus{
  border-color:#cfe5f6;
  box-shadow:0 0 0 3px rgba(48,146,205,.12);
  outline:0;
  background:#fff;
}

/* 체크박스 그룹 (문의분야) */
#reg_make .form_radio{ display:flex; flex-wrap:wrap; gap:10px 12px; }
#reg_make .form_radio label{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px 8px 13px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  cursor:pointer;
  user-select:none;
  transition:background-color .18s ease, border-color .18s ease, color .18s ease;
}
#reg_make .form_radio input[type="checkbox"]{
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  width:18px;
  height:18px;
  margin:0;
  opacity: 1;
  cursor:pointer;
}
/* 커스텀 체크 표시 (SVG) */
#reg_make .form_radio label::before{
  content:"";
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  width:18px;
  height:18px;
  border-radius:4px;
  border:1px solid #cfd8e3;
  background:#fff;
  box-sizing:border-box;
  display: none;
}
#reg_make .form_radio input[type="checkbox"]:checked + span::before{ display:none; } /* 안전용 */
#reg_make .form_radio input[type="checkbox"]:checked ~ * {}
#reg_make .form_radio input[type="checkbox"]:checked + span,
#reg_make .form_radio input[type="checkbox"]:checked + span + *{}
#reg_make .form_radio input[type="checkbox"]:checked + span::after{}

/* 체크 상태를 라벨에 반영 */
#reg_make .form_radio input[type="checkbox"]:checked ~ span,
#reg_make .form_radio input[type="checkbox"]:focus ~ span{
  color:#0f4270;
}
#reg_make .form_radio input[type="checkbox"]:checked ~ span::before,
#reg_make .form_radio input[type="checkbox"]:focus ~ span::before{}

/* 라벨 배경/테두리 변화 */
#reg_make .form_radio input[type="checkbox"]:checked ~ span,
#reg_make .form_radio input[type="checkbox"]:checked ~ span::before{
  /* no-op to keep compatibility */
}
#reg_make .form_radio input[type="checkbox"]:checked ~ span{
  /* 버튼형 느낌 */
}
#reg_make .form_radio input[type="checkbox"]:checked ~ span,
#reg_make .form_radio input[type="checkbox"]:checked{
  /* ensure state */
}
#reg_make .form_radio input[type="checkbox"]:checked ~ span,
#reg_make .form_radio input[type="checkbox"]:checked{
  /* ensure state */
}
/* 실제 체크아이콘 오버레이 */
#reg_make .form_radio input[type="checkbox"]:checked + span::before{
  content:"";
  position:absolute; left:12px; top:50%; transform:translateY(-50%);
  width:18px; height:18px; border-radius:4px;
  background:
    url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='17' height='17' rx='4' fill='%233092cd' stroke='%233092cd'/%3E%3Cpath d='M5 9.5l2.2 2.2L13 6.5' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px 18px no-repeat;
  border:none;
}
#reg_make .form_radio label:hover{ border-color:#dbe7f1; background:#fafcff; }

/* 개인정보 안내 박스 */
#reg_make .prv_box{
  margin-top:18px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  overflow:hidden;
}
#reg_make .prv_box > p{
  margin:0;
  padding: 14px 16px !important;
  font-weight:800;
  color:#0f4270;
  background:#f8fbfe;
  border-bottom:1px solid var(--line);
}
#reg_make #cf_possible_ip{
  width:100%; height:220px;
  border:none; border-top:1px solid var(--line);
  padding:14px 16px; background:#fff; color:var(--muted);
  line-height:1.6; resize:vertical;
}
#reg_make .prv_box_info{
  padding:12px 16px; color:#4b5563; border-top:1px dashed #e9eff5;
}
#reg_make .prv_box_info a{ color:var(--primary); text-underline-offset:2px; }

/* 동의 라디오 */
#reg_make .chk_box{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 14px 16px 16px !important;
  border-top:1px solid var(--line);
}
#reg_make .chk_box .radio_chk{
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  width:18px; height:18px; border-radius:50%;
  border:1px solid #cfd8e3; background:#fff; cursor:pointer;
  display:inline-block; position:relative; outline:0;
}
#reg_make .chk_box .radio_chk:checked{
  border-color:var(--primary);
  background:
    radial-gradient(circle at center, var(--primary) 0 6px, transparent 7px) no-repeat,
    #fff;
}
#reg_make .chk_box label{ cursor:pointer; color:#0f4270; }

/* 버튼 */
#reg_make .btn_area{ margin-top:18px; display:flex; gap:10px; justify-content:center; }
#reg_make .btn_basic{
  min-width:120px;
  /* height:46px; */
  padding:0 18px;
  border-radius:12px;
  border:1px solid var(--line);
  background:#fff;
  color:#0f4270;
  font-weight:800;
  cursor:pointer;
  transition:.18s ease;
}
#reg_make .btn_basic:hover{ border-color:#d4e7f7; background:#f6fbff; }
#reg_make .btn_basic.fill{
  background:var(--primary); border-color:var(--primary); color:#fff;
}
#reg_make .btn_basic.fill:hover{ filter:brightness(.97); }
#reg_make .btn_basic.btn_white{
  background:#fff; border-color:#d7e4ef; color:#0f4270;
}

/* ===== 모바일(<=768px): 행을 블록으로 쌓기 ===== */
@media (max-width:768px){
#fancyCover .fc_wr4 {
    margin-top: 10px;
    padding: 14px 16px;
    background: linear-gradient(0deg, #e9f4fd, #e9f4fd);
    border: 1px solid #cfe4f3;
    border-radius: 12px;
    color: #0d2f4d;
    font-weight: 700;
    text-align: center;
}
  #reg_make .board_write,
  #reg_make .board_write tbody,
  #reg_make .board_write tr,
  #reg_make .board_write th,
  #reg_make .board_write td{ display:block; width:100%; }
  #reg_make .board_write th{
    border-bottom:none;
    padding:14px 16px 6px;
    background:#fff;
    text-align: left;
  }
  #reg_make .board_write td{ padding:0 16px 16px; }
  #reg_make .board_write{ border-radius:14px; }
}

/* 접근성 포커스 */
#reg_make input[type="text"]:focus-visible,
#reg_make textarea:focus-visible,
#reg_make .btn_basic:focus-visible{
  outline:2px solid var(--primary); outline-offset:2px;
}



.youth_rent {
    width: 100%;
    padding: 0 50px 5%;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    border-bottom: 1px solid #d2d2d2;
}

.youth_rent2 {
    width: 100%;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
}

.youth_rent .room_choice {
    display: inline-block;
}
.youth_rent .room_choice a {
    color:#000;
}

.youth_rent .room_choice>ul>li {
    float: left;
    width: 160px;
    height: 60px;
    border: 1px solid #d2d2d2;
    margin-right: 5px;
    vertical-align: middle;
    line-height: 60px;
    box-sizing: border-box;
    border-radius: 20px;
}

.youth_rent .room_choice>ul>li.room_check {
    background-color: #333;
    /*border: 2px solid #5A80B4;*/
    line-height: 58px;
    color: #fff;
    border-radius: 20px;
}
.youth_rent .room_choice>ul>li.room_check a {
    
    color: #fff;
}

.youth_rent .room_choice>ul>li>a {
    display: block;
}

.youth_rent .room_choice>ul>li:hover {
    border: 2px solid #5A80B4;
    line-height: 58px;
}

.youth_cal {
    clear: both;
    float: left;
    width: 48%;
    margin-right: 4%;
    box-sizing: border-box;
}

.youth_cal2 {
    clear: both;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.youth_input {
    float: left;
    width: 48%;
    box-sizing: border-box;
}

.youth_rent .cal_wrap {
    border-top: 1px solid #ccc;
    margin: 30px 0 0 0;
    display: inline-block;
    padding-top: 50px;
}

.youth_rent2 .cal_wrap {
    margin: 0px;
    display: inline-block;
    padding-top: 50px;
}

.youth_rent .cal_wrap .youth_cal {}

.youth_rent .cal_wrap .youth_cal .cal_top {
    display: inline-block;
    width: 100%;
}

.youth_rent2 .cal_wrap .youth_cal2 {}

.youth_rent2 .cal_wrap .youth_cal2 .cal_top {
    display: inline-block;
    width: 100%;
}

.youth_rent .subtitle {
    text-align: left;
    font-size: 20px;
    font-weight: 400;
}

.youth_rent .youth_cal .subtitle {
    float: left;
}

.youth_rent .subtitle>span {
    display: block;
    float: left;
    width: 2px;
    height: 20px;
    background-color: #2c5c9f;
    margin: 5px 5px 0 0;
}

.youth_rent .cal_wrap .day_color {
    float: right;
}

.youth_rent .cal_wrap .day_color>span {
    width: 80px;
    height: 30px;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 31px;
}

.youth_rent .cal_wrap .day_color>span.today {
    background-color: #ffd9e5;
}

.youth_rent .cal_wrap .day_color>span.checked {
    background-color: #333;
    color: #fff;
}

.youth_rent .cal_wrap .youth_cal .month_wrap {
    border: 1px solid #aaa;
    display: inline-block;
    padding: 30px;
    border-radius: 15px;
}

.youth_rent .cal_wrap .youth_cal .month_wrap .monthly_bar2 {}

.youth_rent .cal_wrap .youth_cal .month_wrap .monthly_bar2 .nav_calendar2 {
    margin: 32px auto 22px;
    display: inline-block;
    line-height: 30px;
}

.youth_rent .cal_wrap .youth_cal .month_wrap .monthly_bar2 .nav_calendar2>a {
    display: block;
    width: 35px;
    height: 35px;
    box-sizing: border-box;
    border-radius: 3px;
    float: left;
    background: url(/images/rent_icon.png);
}

.youth_rent .cal_wrap .youth_cal .month_wrap .monthly_bar2 .nav_calendar2 .year_month {
    display: block;
    float: left;
    font-size: 30px;
}

.youth_rent .cal_wrap .youth_cal .month_wrap .monthly_bar2 .nav_calendar2>a.month_prev {
    border: 2px solid #d2d2d2;
    margin: -2px 25px 0 0;
    background-position: -4px -3px;
}

.youth_rent .cal_wrap .youth_cal .month_wrap .monthly_bar2 .nav_calendar2>a.month_next {
    border: 2px solid #000;
    margin: -2px 0 0 25px;
    background-position: -185px -3px;
}

.youth_rent2 .cal_wrap .youth_cal2 .month_wrap {
    border: 1px solid #aaa;
    display: inline-block;
}

.youth_rent2 .cal_wrap .youth_cal2 .month_wrap .monthly_bar2 {}

.youth_rent2 .cal_wrap .youth_cal2 .month_wrap .monthly_bar2 .nav_calendar2 {
    margin: 32px auto 22px;
    display: inline-block;
    line-height: 30px;
}

.youth_rent2 .cal_wrap .youth_cal2 .month_wrap .monthly_bar2 .nav_calendar2>a {
    display: block;
    width: 35px;
    height: 35px;
    box-sizing: border-box;
    border-radius: 3px;
    float: left;
    background: url(/images/rent_icon.png);
}

.youth_rent2 .cal_wrap .youth_cal2 .month_wrap .monthly_bar2 .nav_calendar2 .year_month {
    display: block;
    float: left;
    font-size: 30px;
}

.youth_rent2 .cal_wrap .youth_cal2 .month_wrap .monthly_bar2 .nav_calendar2>a.month_prev {
    border: 2px solid #d2d2d2;
    margin: -2px 25px 0 0;
    background-position: -4px -3px;
}

.youth_rent2 .cal_wrap .youth_cal2 .month_wrap .monthly_bar2 .nav_calendar2>a.month_next {
    border: 2px solid #000;
    margin: -2px 0 0 25px;
    background-position: -185px -3px;
}



/* A??A??A??A??A??E??A??a???A??A??a???A?? A??A??a???A??A??a???A??a???A?A??A??A?? A??a???A??A??A?A?? */
.calendar_mon2 {
    border-collapse: collapse;
    clear: both;
    width: 100%;
    table-layout: fixed;
}

.calendar_mon2 th,
.calendar_mon2 td {
    width: 14.28%;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    /* border-left: 1px solid #d2d2d2; */
    /* border-bottom: 1px solid #d2d2d2; */
}

.calendar_mon2 th.day {
    border-top: 2px solid #7d7d7d;
    border-bottom: 1px solid #aaa;
    font-size: 16px;
    font-weight: normal;
    padding: 10px 5px;
    text-align: center;
    color: #000;
}

.calendar_mon2 th.day.sunday {
    color: #D41518;
}

.calendar_mon2 th:first-child {
    color: #cc0000;
    border-left: 0;
}

.calendar_mon2 th:last-child {
    color: #336699;
}

.calendar_mon2 td.date,
.calendar_mon2 td.d {
    border-bottom: 1px solid #aaa;
    height: 86px;
    font-weight: normal;
    text-align: center;
    vertical-align: top;
    padding: 2px 0;
}

.calendar_mon2 td.d>span.holly_day {
    color: #cc0000;
}

.calendar_mon2 td.d>span.holly_day .holly_title {
    color: #cc0000;
    font-size: 12px;
}

.calendar_mon2 td.d {
    color: #aaa;
	height: 156px;
}
.calendar_mon2 div {
    color: #aaa;
    line-height: 19px;
    padding: 0 10px;
}
.calendar_mon2 td.date.selected {
    background-color: #76c3ff;
}

.calendar_mon2 td.date.selected>a {
    color: #000;
}

.calendar_mon2 td.date.selected:first-child>a {
    color: #cc0000;
}

.calendar_mon2 td.date.selected:last-child>a {
    color: #5059d2;
}

.calendar_mon2 td.date>a {
    display: block;
    height: 100%;
    font-size: 16px;
}

.calendar_mon2 td.date.num_today {
    position: relative;
    background-color: #eee;
}

/*.calendar_mon2 td.date.num_today:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background-color: #62ad38;}*/
.calendar_mon2 td {
    /* border-left: 1px solid #d2d2d2; */
    /* border-bottom: 1px solid #d2d2d2; */
    color: #000;
    font-size: 14px;
    height: auto;
    vertical-align: top;
}

.calendar_mon2 td:first-child {
    border-left: 0px;
}

.calendar_mon2 td:first-child>a {
    color: #cc0000;
}

.calendar_mon2 td:last-child>a {
    color: #5059d2;
}

.calendar_mon2 td.num_today {
    background: url(/youthcenter/images/youth/common/box_pattern.gif) repeat 0 0;
}

.calendar_mon2 td.today ul {
    position: relative;
    z-index: 1;
}

.calendar_mon2 li a p {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px dashed #d2d2d2;
    padding: 4px 0 4px 10px;
}

.calendar_mon2 li a p:last-child {
    border-bottom: 0;
}

.calendar_mon2 li a p:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #2c9a37;
}

.calendar_mon2 li a.data_modify {
    margin-top: 10px;
}

.calendar_mon2 li>span.holly_day {
    color: #cc0000;
}



/* A??A??A??A??A??E??A??a???A??A??a???A?? A??A??a???A??A??a???A??a???A?A??A??A?? A??a???A??A??A??a???A??a???A?A??????A? */
.time_wrap {
    display: inline-block;
    width: 100%;
}

.time_wrap .subtitle {
    margin-bottom: 10px;
}

.time_wrap>ul {
    clear: both;
}

.time_wrap>ul>li {
    display: table;
    float: left;
    width: 24.333%;
    height: 100%;
    vertical-align: middle;
    box-sizing: border-box;
    /*border-top: 1px solid #cccccc; */
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.time_wrap>ul li.booked a {
    background-color: #DEDEDE;
}

.time_wrap>ul li.selected a {
    background-color: #a9cf38;
    color: #fff;
}


.time_wrap>ul li:first-child {
    border-left: 1px solid #cccccc;
}

.time_wrap>ul li:nth-child(5) {
    border-left: 1px solid #cccccc;
}

.time_wrap>ul li:nth-child(9) {
    border-left: 1px solid #cccccc;
}

.time_wrap>ul li:nth-child(-n+4) {
    border-top: 2px solid #7d7d7d;
}

.time_wrap>ul li a {
    display: table-cell;
    position: relative;
    width: 100%;
    padding: 10px 0;
    font-size: 15px;
    box-sizing: border-box;
    background-color: #fff;
	color:#000;
}

.time_wrap>ul li a.checked {
    background-color: #ddd;
}

.info_wrap {width: 100%;
    float: left;}
/* A??A??A??A??A??E??A??a???A??A??a???A?? A??A??a???A??A??a???A??a???A?A??A??A?? A??E??E??A??a???A??A??A?a???A??A??A?? A??A??A? A??a???A?A??A??A??A??A??A?A??A?a???A??A??A?? */
.info_wrap .show_time {
    border: 1px solid #c4c4c4;
    padding: 10px;
    font-size: 15px;
    text-align: left;
    background-color: #efefef;
}

.btn.excel_btn {
    display: inline-block;
    padding: 5px 9px;
    background: #4164a2;
    border-radius: 5px;
    color: #fff;
}

.btn.excel_btn>a {
    color: #fff;
}

.info_wrap .subtitle {
    margin-top: 20px;
    margin-bottom: 10px;
}

.info_wrap .info_table {
    clear: both;
    border-top: 2px solid #7d7d7d;
    width: 100%;
}

.info_wrap .info_table tr {
    border-bottom: 1px solid #ccc;
    height: 40px;
    line-height: 40px;
    color: #000;
}

.info_wrap .info_table th {
    width: 150px;
    font-weight: 300;
    font-size: 16px;
    text-align: left;
    padding: 0 0 0 30px;
    box-sizing: border-box;
}

.info_wrap .info_table th>span {
    width: 1px;
    height: 20px;
    background-color: #ccc;
    float: right;
    margin-top: 10px;
}

.info_wrap .info_table td {
    text-align: left;
}

.info_wrap .info_table input[type="text"] {
    border: none;
    background-color: white;
    padding-left: 10px;
    box-sizing: border-box;
    height: 40px;
    width: 100%;
    border-radius: 0px;
    color: #666;
    border-bottom: 1px solid #ddd;
}

.info_wrap .info_table input[type="text"]#re_person {
    width: 100px;
}

.info_wrap .info_table .minimum {
    font-size: 14px;
    color: #666;
}

/* A??a???A?A??A??A??A??a???A?? A??a???a???A??A|A??A??A?A?? A??A??a???A??A?A??*/
.btn.print_all {
    display: inline-block;
    padding: 5px 9px;
    background: #dd6b05;
    border-radius: 5px;
    color: #fff !important;
    margin-left: 5px;
}

.btn.print_person {
    display: inline-block;
    padding: 5px 15px;
    background: #fff;
    border-radius: 5px;
    color: #333 !important;
    margin-left: 10px;
    border: 1px solid #717171;
    font-size: 14px;
}

.view_popup {
    color: #333 !important;
}

.youth_rent .notice_msg {
    padding-top: 10px;
}

.youth_rent .notice_msg>p {
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    font-weight: 400;
}

.youth_rent .notice_msg>p>span {
    color: #003399;
}

.youth_rent .notice_msg>p>span.rd {
    color: #cc0000 !important;
}

.youth_rent .re_button {
    clear: both;
    margin-top: 50px;
    display: inline-block;
    background-color: #2c5c9f;
    padding: 15px 80px;
    border-radius: 3px;
    font-size: 24px;
    transition: ease-in-out 0.28s;
}

.youth_rent .re_button:hover {
    background-color: #457CC8;
}

.youth_rent .re_button>a {
    display: block;
    color: #fff;
}

.youth_rent2 .re_button {
    clear: both;
    margin-top: 50px;
    display: inline-block;
    background-color: #2c5c9f;
    padding: 15px 80px;
    border-radius: 3px;
    font-size: 24px;
    transition: ease-in-out 0.28s;
}

.youth_rent2 .re_button:hover {
    background-color: #457CC8;
}

.youth_rent2 .re_button>a {
    display: block;
    color: #fff;
}

.other_box a.btn {
    display: inline-block;
    padding: 3px 18px;
    background: #888;
    color: #fff;
    border-radius: 5px;
    margin-right: 3px;
    font-weight: 200;
}

/* A??A??a???A??A??a???A??A??a???A??A|A??A??A??A??A??a???A??*/
.rsv_time {
    color: #555;
    font-size: 15px;
    padding-left: 10px;
}

.rsv_conf {
    color: #083182;
}

/* A??A?A??A??A?A?? */
.rsv_wait {
    color: #ae0a11;
}

/* A??A?A??A??A?A??A??A??a???A??A??A?? */
.rsv_ref {
    color: #000;
}

/* A??A??E??A??A?A?? */
.rsv_cancle {
    color: #888;
}

/* A??A??A??A??A?A??A??A??A??A??a???A?? */
.accept {
    background: #4164a2 !important;
}

/* A??A??E??A??A?A?? A??A??a???A??A?A?? */

/* A??a??|A?A??A?A??A??A?A??, A??A?A??A??A?A??A??A??a??? A??A?a???A??A?A?? */
.align_c {
    text-align: center !important;
}

.align_l {
    text-align: left !important;
}

.align_r {
    text-align: right !important;
}


/* A??A??A??A??A??A?? A??A??a???A??A??a???A??a???A?A??A??A?? A??A??a???A??A?A??A??A?A??A??A??a??? A??A??A??A??A??A??*/
.monthly_bar_cs {
    background: #f8f9fb;
    border: 1px solid #d2d2d2;
    vertical-align: middle;
    margin-bottom: 35px;
    height: 56px;
    position: relative;
}

.monthly_bar_cs .nav_calendar2 {
    display: inline-block;
    height: 56px;
    float: left;
}

.monthly_bar_cs .nav_calendar2 span.num_year {
    background: #eef2f6;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    display: inline-block;
    font-size: 24px;
    color: #4264a3;
    height: 40px;
    padding: 16px 0 0;
    width: 126px;
    text-align: center;
}

.monthly_bar_cs .nav_calendar2 span.num_month {
    background: #4264a3;
    border-right: 1px solid #d2d2d2;
    display: inline-block;
    font-size: 24px;
    color: #fff;
    height: 40px;
    padding: 16px 0 0;
    width: 75px;
    text-align: center;
}

.monthly_bar_cs .nav_calendar2 a.month_prev {
    background: transparent url("/youthcenter/images/youth/sub/board_cont_bg.png") no-repeat 0 0;
    display: inline-block;
    text-indent: -99999px;
    height: 56px;
    margin: 0;
    vertical-align: top;
    width: 68px;
}

.monthly_bar_cs .nav_calendar2 a.month_next {
    background: transparent url("/youthcenter/images/youth/sub/board_cont_bg.png") no-repeat -70px 0;
    border-right: 1px solid #d2d2d2;
    display: inline-block;
    text-indent: -99999px;
    height: 56px;
    margin: 0;
    vertical-align: top;
    width: 68px;
}

.monthly_bar_cs .nav_calendar2 a span {
    padding: 0 !important;
}

.monthly_bar_cs .help {
    position: absolute;
    right: 0;
    font-size: 15px;
    color: #000;
    margin: 15px 15px 0 0;
}


/* A??A??a???A??A??a???A??a???A?A??A??A?? A??A??A??A??????a??? A??A??a???A??A?A?? */
/* A??a???A?A??A??A??A??a???A?? A??a???a???A??A|A??A??A?A?? A??A??a???A??A?A??*/
.btn.print_all {
    display: inline-block;
    padding: 5px 9px;
    background: #dd6b05;
    border-radius: 5px;
    color: #fff !important;
    margin-left: 5px;
}

.btn.print_person {
    display: inline-block;
    padding: 5px 15px;
    background: #fff;
    border-radius: 5px;
    color: #333 !important;
    margin-left: 10px;
    border: 1px solid #717171;
    font-size: 14px;
}

.view_popup {
    color: #333 !important;
}

.youth_rent .notice_msg {
    padding-top: 25px;
}

.youth_rent .notice_msg>p {
    text-align: left;
    line-height: 19px;
    color: #666;
    font-weight: 400;
}

.youth_rent .re_button {
    clear: both;
    margin-top: 50px;
    display: inline-block;
    background-color: #2c5c9f;
    padding: 15px 80px;
    border-radius: 3px;
    font-size: 24px;
    transition: ease-in-out 0.28s;
}

.youth_rent .re_button:hover {
    background-color: #457CC8;
}

.youth_rent .re_button>a {
    display: block;
    color: #fff;
}

.other_box a.btn {
    display: inline-block;
    padding: 3px 18px;
    background: #888;
    color: #fff;
    border-radius: 5px;
    margin-right: 3px;
    font-weight: 200;
}

/* A??A??a???A??A??a???A??A??a???A??A|A??A??A??A??A??a???A??*/
.rsv_time {
    color: #555;
    font-size: 15px;
    padding-left: 10px;
}

.rsv_conf {
    color: #083182;
}

/* A??A?A??A??A?A?? */
.rsv_wait {
    color: #ae0a11;
}

/* A??A?A??A??A?A??A??A??a???A??A??A?? */
.rsv_ref {
    color: #000;
}

/* A??A??E??A??A?A?? */
.rsv_cancle {
    color: #888;
}

/* A??A??A??A??A?A??A??A??A??A??a???A?? */
.accept {
    background: #4164a2 !important;
}

/* A??A??E??A??A?A?? A??A??a???A??A?A?? */

#board_sch1 .srch {
    margin-top: 20px;
}



/* A??A??A?A??a??a??|A??A??A??A??A??A?? A??A??a???A??A??A??*/
/* A??A?A??A??A??a???A??A??A??A??A??A?? */
.event_box {
    position: absolute;
    top: 320px;
    left: 50%;
    margin-left: -347px;
    background-color: #fff;
    border: 3px solid #4264a3;
    width: 628px;
    min-height: 266px;
    padding: 30px;
    z-index: 10;
}

.event_view .event_img {
    width: 204px;
    height: 261px;
    border: 1px solid #d3d3d3;
    background: #f2f5f4 url("/youthph/images/board/bg_logo.png") no-repeat scroll 50% 50%;
}

.event_view dl {
    /* margin:-260px 0 0 235px;*/
    width: 400px;
}

.event_view dl dt {
    color: #4264a3;
    font-size: 23px;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 1.2;
    width: 90%;
    text-align: left !important;
    word-break: break-all;
}

.event_view dl dd {
    color: #000;
    font-size: 14px;
    background: transparent url("/youthph/images/board/dd_bl_1.gif") no-repeat 0 10px;
    padding: 0 0 0 8px;
    line-height: 1.6;
    word-break: break-all;
}

.event_view .cont {
    line-height: 22px;
    margin: 10px 0 0 235px;
    max-height: 131px;
    overflow: auto;
}

.event_view .file_download {
    margin: 15px 0 0 235px;
    border-top: 1px dashed #d2d2d2;
    padding-top: 15px;
}

.event_view .file_download li {
    margin-bottom: 7px;
}

.event_view .file_download li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 2px solid #fbbc0f;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #fbbc0f;
}

.event_view .file_download li a:hover {
    border-color: #4264a3;
}

.event_view .file_download li a span.icon {
    float: left;
    width: 22px;
    height: 22px;
    margin: 2px 7px 0 0;
    background: url("/youthph/images/board/board_cont_bg.png") no-repeat -1px -129px;
}

.event_view .btn_detail {
    margin: 10px 0 0 232px;
    display: block;
    float: left;
    padding: 3px 10px;
    background-color: #403a3a;
    color: #fff;
    border-radius: 3px;
    transition: ease-in-out 0.3s;
}

.event_view .btn_detail:hover {
    background-color: #f3c204;
    color: #333;
    transition: ease-in-out 0.3s;
}

.event_close {
    position: absolute;
    top: -2px;
    right: -2px;
}

.event_close a {
    background: #4264a3 url("/youthph/images/board/board_cont_bg.png") no-repeat scroll -570px 3px;
    display: inline-block;
    font-size: 0;
    height: 35px;
    margin: 0;
    vertical-align: middle;
    width: 35px;
}

.view_popup {
    font-weight: 600;
}



/*A??a???A??A??A??A??A??A??A??A??A??A?? A??A??A?A??A?A??*/
.rules a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #ffffff;
    margin-bottom: 20px;
    border: 1px solid #2196f3;
	color: #000;
}

.rules a:hover {
    background-color: #c3f0ff;
    transition: ease-in-out 0.5s;
	color: #000;
}

.rules a .icon {
    background: url("") no-repeat;
    width: 19px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}



.calendar_wrap {
    padding: 0 50px;
    margin-top: 70px;
}

.calendar_wrap .date_month {
    text-align: center;
}

.calendar_wrap .date_month strong {
    display: inline-block;
    padding: 0 20px;
    vertical-align: top;
    font-size: 36px;
    line-height: 40px;
}

.calendar_wrap .date_month a {
    display: inline-block;
    width: 30px;
    height: 40px;
    vertical-align: top;
}

.calendar_wrap .date_month a.btn_prev {
    background: url(../img/icon_prev03.png) no-repeat center center;
}

.calendar_wrap .date_month a.btn_next {
    background: url(../img/icon_next03.png) no-repeat center center;
}

.calendar_tbl {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 40px;
    border-spacing: 30px 0;
    border-collapse: separate;
}

.calendar_tbl th {
    padding: 20px 0;
    border-bottom: 2px solid #333;
    text-align: left;
    font-size: 18px;
}

.calendar_tbl th:nth-child(1) {
    color: #e72100;
}

.calendar_tbl th:nth-child(7) {
    color: #0072ff;
}

.calendar_tbl td {
    position: relative;
    height: 110px;
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
    text-align: left;
    font-size: 16px;
}

.calendar_tbl td:nth-child(1) {
    color: #333;
}

.calendar_tbl td:nth-child(7) {
    color: #0072ff;
}

.calendar_tbl td .date {
    display: inline-block;
    width: 24px;
    vertical-align: top;
    text-align: center;
    line-height: 24px;
}

.calendar_tbl td .holiday {
    display: block;
    position: absolute;
    top: 20px;
    right: 0;
    text-align: right;
    font-size: 13px;
    color: #00986b;
}

.calendar_tbl td ul li {
    margin-top: 15px;
}

.calendar_tbl td .btn_more_view {
    display: block;
    margin-top: 15px;
    font-size: 14px;
    color: #ef4472;
}

.calendar_tbl td .desktop {
    display: block;
}

/*200427 A??A??a???A??A??a???*/
.calendar_tbl td .mobile {
    display: none;
}

/*200427 A??A??a???A??A??a???*/

.calendar_tbl td.next_month .date {
    color: #999;
}

.calendar_tbl+.btn_wrap {
    margin-top: 70px;
}

.calendar_tbl td.today .date {
    border-radius: 50%;
    color: #fff;
    background: #ef4472;
}

.month_wrap {
    border: 1px solid #aaa;
    display: inline-block;
}

p {
    margin: 0;
}

.map-box .map-img {
    position: relative;
    height: auto;
    display: block;
}

.map-box .map-img #map,
.map-box .map-img .root_daum_roughmap {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    padding: 0;
    border: 0;
}

.map-box .map-img .root_daum_roughmap .wrap_map {
    height: 550px;
}

.map-info {
    position: relative;
    padding: 40px 0;
    background: #f9f9f9;
    margin-top: 10px;
}

.map-info .btn-view {
    position: absolute;
    width: 90px;
    height: 90px;
    top: 0;
    left: 0;
    background: #205da9
}

.map-info .btn-view:after {
    position: absolute;
    content: "";
    display: block;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border: 45px solid transparent;
    border-top: 18px solid #205da9;
    border-bottom: 0
}

.map-info .btn-view span {
    position: relative;
    font-size: 13px;
    color: #fff;
    display: block;
    text-align: center;
    padding-top: 60px;
}

.map-info .btn-view span:before {
    position: absolute;
    content: "";
    display: block;
    width: 23px;
    height: 32px;
    top: 25px;
    left: 50%;
    margin-left: -11px;
    background: url(/images/map_ico_view.png) no-repeat 0 0;
}

.map-info .cont-sec {
    padding-left: 120px
}

.map-info .info-list {
    overflow: hidden;
}

.map-info .info-list li {
    position: relative;
    float: left;
    padding: 7px 0 6px 50px;
    margin: 0 50px 5px 0
}

.map-info .info-list li:before {
    position: absolute;
    content: "";
    display: block;
    width: 43px;
    height: 43px;
    top: 0;
    left: 0;
    background: #fff;
    border-radius: 50%
}

.map-info .info-list li .tit {
    position: relative;
    padding-right: 15px;
    margin-right: 20px;
    display: inline-block;
}

.map-info .info-list li .tit:after {
    position: absolute;
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    top: 8px;
    right: 0;
    background: #ccc;
}

.map-info .info-list li:first-child:before {
    background-image: url(/images/map_ico_add.png);
}

.map-info .info-list li:nth-child(2):before {
    background-image: url(/images/map_ico_tel.png);
}

.map-info .info-list li:nth-child(3):before {
    background-image: url(/images/map_ico_fax.png);
}

.map-info .info-list li:nth-child(4):before {
    background-image: url(/images/map_ico_mail.png);
}

#ctt {
    padding-left: 0;
    padding-right: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

#ctt_con {
    padding: 10px 0;
    line-height: 1.6em;
}

.addr_box {
    margin-top: 30px;
}

.yt-wrap {

    color: #000;
}

.yt-wrap .img-con {
    overflow: hidden;
    cursor: pointer;
    transform: .1s;
    margin: 5px;
}

.yt-wrap .img-con img {
    width: 100%;
    transform: scale(1);
    transition: 1s;
}

.yt-wrap .img-con:hover img {
    transform: scale(1.2);
}

.yt-wrap .img-con img {
    width: 100%;
    height: 213px;
    transform: scale(1);
    object-fit: cover;
}

.yt-wrap .yt-desc {
    padding: 5px 0px;
}

.yt-wrap .yt-desc .yt-title {
    font-size: 16px;
}

.yt-wrap .yt-desc .desc {
    margin-bottom: 0;
    padding: 10px;
}

.embed-link {
    padding-top: 10px;
}

.embed-link .playtrigger {
    min-width: 200px;
	padding: 10px 0;

}

.video-banner-icon-play {
    position: absolute;
    left: 50%;
    top: 30%;

    display: block;
    width: 2.5em;
    height: 2.5em;

    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.0);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1.0);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1.0);
    -o-transform: translateX(-50%) translateY(-50%) scale(1.0);
    transform: translateX(-50%) translateY(-50%) scale(1.0);

    -webkit-transition:
        all 0.2s ease-out 0.05s;
    transition:
        all 0.2s ease-out 0.05s;
}

@media (min-width: 641px) {
    .video-banner-icon-play {
        width: 3.5em;
        height: 3.5em;
    }
    .space_room {
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
    display: flex
;
    gap: 36px;
}
    .newdeal.conPad.width1230 img {}
}

.video-banner-icon-play:hover {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.2);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1.2);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1.2);
    -o-transform: translateX(-50%) translateY(-50%) scale(1.2);
    transform: translateX(-50%) translateY(-50%) scale(1.2);

    backgound: #330099;
}

.top_mm {
    width: 100%;
    margin: auto;
    background-color: #fff;
}
.top_m {
    width: 100%;
    margin: auto;
	position: absolute;
    z-index: 999;
    
}

.top_area {
   height: 35px;
    font-size: 14px;
    color: #005395;
    width: 1230px;
    margin: auto;
    text-align: right;
    padding-top: 13px;
    padding-right: 15px;
    font-family: 'NanumSquareNeo-Variable';
    font-weight: 600;
}

.top_area_m {
        height: 35px;
    font-size: 14px;
    color: #fff;
    width: 1280px;
    margin: auto;
    text-align: right;
    padding-top: 20px;
}

.login-box {
    box-sizing: border-box;
    border: 1px solid #ccc;
}



.rent_c {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 20px;
        }
        .rent_c-item {
            margin: 0 10px;
            padding: 10px;
            cursor: pointer;
            font-size: 16px;
        }
        .rent_c-item.active {
            border-bottom: 2px solid #388a4d;
        }
        .separator {
            color: #ccc;
        }
		.search_word {padding-bottom:10px; letter-spacing:-0.5pt;}
		.new_time {
            width: 100%;
            border-collapse: collapse;
        }
        .new_time th, .new_time td {
            border: 1px solid #ddd;
            padding: 8px;
            text-align: center;
        }
        .new_time th {
            background-color: #f4f4f4;
        }


		.rent_board {
            max-width: 1200px;
            margin: auto;
            padding: 0;
        }
        .rent_header {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .rent_header-title {
            font-size: 24px;
            font-weight: bold;
            color: #000;
        }
        .rent_nav {
            display: flex;
            gap: 10px;
        }
        .rent_nav button {
            padding: 5px 10px;
            border: 1px solid #ccc;
            background-color: #f9f9f9;
            cursor: pointer;
        }
        .rent_nav button.active {
            background-color: #e9e9e9;
        }
        .rent_main-content {
            display: flex;
            gap: 20px;
            margin-top: 20px;
        }
        .rent_slider {
            flex: 1;
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 360px;
        }
        .rent_slider img {
            width: 100%;
            height: 360px;
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            transition: opacity 0.5s ease;
            object-fit: cover;
        }
        .rent_slider img.active {
            opacity: 1;
            position: relative;
        }
        .rent_slider .rent_nav-left, .rent_slider .rent_nav-right {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0,0,0,0.5);
            color: white;
            border: none;
            padding: 10px;
            cursor: pointer;
            z-index: 9;
        }
        .rent_slider .rent_nav-left {
            left: 10px;
        }
        .rent_slider .rent_nav-right {
            right: 10px;
        }
        .rent_details {
            flex: 1;
            text-align: left;
        }
        .rent_details h2 {
            font-size: 24px;
            margin: 0;
            color: #000;
            margin-bottom: 30px;
        }
        .rent_details p {
            margin: 5px 0;
        }
        .rent_footer {
            margin-top: 20px;
            text-align: left;
            border: 1px solid #999;
            padding: 20px;
        }

        /* ?????? ?????? */
        @media (max-width: 768px) {
            .rent_header {
                flex-direction: column;
                align-items: flex-start;
            }
            .rent_main-content {
                flex-direction: column;
            }
            .rent_nav {
                flex-wrap: wrap;
                gap: 5px;
            }
            .rent_slider .rent_nav-left, .rent_slider .rent_nav-right {
                padding: 5px;
            }
            .rent_slider img {
                height: 300px;
            }
        }

        @media (max-width: 480px) {
            .rent_header-title {
                font-size: 20px;
            }
            .rent_nav button {
                padding: 3px 5px;
                font-size: 14px;
            }
            .rent_slider img {
                height: 200px;
            }
            .rent_details h2 {
                font-size: 20px;
            }
            .rent_details p {
                font-size: 14px;
            }
        }

		.s_agree {
            border: 1px solid #000;
            padding: 20px;
            line-height: 1.6;
            height: 250px;
            overflow-y: auto;
        }
        .agree_title {
            text-align: center;
            font-weight: bold;
            margin-bottom: 20px;
        }
        .agree_section {
            margin-bottom: 20px;
        }
        .agree_section-agree_title {
            font-weight: bold;
            margin-bottom: 10px;
        }
        .agree_checkbox {
            margin-top: 20px;
            margin-bottom: 37px;
        }




		.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d
}

.blockquote-footer::before {
    content: "\2014\00A0"
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 90%;
    color: #6c757d
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}
#kboard-default-list .kboard-list tbody tr.kboard-list-notice {
    background-color: #ebf5ff;
}
/* ===== Modal Base ===== */
.eda_modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s ease, visibility .2s ease;}
.eda_modal.is-open{opacity:1;visibility:visible;}
.eda_modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);backdrop-filter:saturate(140%) blur(2px);}
.eda_modal__dialog{position:relative;background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);width:min(900px,92vw);max-height:80vh;display:flex;flex-direction:column;overflow:hidden}
.eda_modal__title{margin:0;padding:18px 56px 12px 20px;font-size:20px;line-height:1.3;border-bottom:1px solid #eee}
.eda_modal__content{padding:18px 20px 22px;overflow:auto}
.eda_modal__close{position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;background:#f5f5f5;border-radius:50%;font-size:22px;line-height:1;cursor:pointer}
.eda_modal__close:hover{background:#eee}

/* 모바일 최적화 */
@media (max-width: 600px){
  .eda_modal__dialog{width:93vw;max-height:85vh;border-radius:10px}
  .eda_modal__title{font-size:18px}
}
body.modal-open{overflow:hidden;}