@charset "utf-8";




/*input*/
input[type="password"],
input[type="text"]{height:40px;}

/*color*/
.orange{color:#ff973d !important;}
.green{color:#38bb95 !important;}

/*txt*/
strong.lines{
	display: block; position:relative; line-height:34px; font-size:28px; font-weight:600;
	transition:font-size 0.3s ease, padding 0.3s ease;
	-webkit-transition:font-size 0.3s ease, padding 0.3s ease;
}
strong.lines:before{content:""; display: block; width:50px; height:2px; margin-bottom:25px; background-color:#ff973d;}

@media screen and (max-width:1023px){
	strong.lines{line-height: 28px; font-size:24px;}
	strong.lines:before{margin-bottom:20px;}
}
@media screen and (max-width:850px){
	strong.lines{line-height: 24px; font-size:20px;}
	strong.lines:before{width:35px; margin-bottom:15px;}
}

em.remark{
	display: block; line-height:21px; padding-top:20px; font-style:normal; font-size:15px; color:#656565;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
em.remark:before{content:"※"; padding-right:4px;}

@media screen and (max-width:450px){
	em.remark{padding-top:12px; line-height:18px; font-size:13px;}
}

/*도트박스*/
.dot_box{
	width:100%; min-height:142px; height:auto; padding:30px; border:1px dotted #545454; box-sizing:border-box;
	transition:height 0.3s ease;
	-webkit-transition:height 0.3s ease;
}

@media screen and (max-width:750px){
	.dot_box{min-height:112px; padding:20px;}
}

/*베이지박스*/
.beige_bg{overflow: hidden; width:100%; height:auto; padding:50px; background-color:#faf2e9; background-repeat:no-repeat; background-position:top right; background-size:auto 100%; box-sizing:border-box;}

@media screen and (max-width:1023px){
	.beige_bg{padding:35px;}
}
@media screen and (max-width:750px){
	.beige_bg{padding:25px;}
}

/*h1~h6*/
h4, .h4{
	margin:0; padding-left:0; line-height:34px; margin-top:45px; padding-bottom:10px; background:none; font-family:"Noto Sans KR"; font-size:23px; font-weight:700; color:#333;
	transition:font-size 0.3s ease, margin 0.3s ease;
	-webkit-transition:font-size 0.3s ease, margin 0.3s ease;
}
h4:before,
.h4:before{content:""; display: inline-block; width:16px; height:16px; background-image: url(../../images/brwelfare/content/h4.png); background-repeat:no-repeat; background-position:left center;}

@media screen and (max-width:750px){
	h4, .h4{line-height:28px; margin-top:25px; font-size:20px;}
	h4:before,
	.h4:before{width:14px; height:14px;}
}


/*기본버튼*/
a.btn{
	display: inline-block; min-width:150px; height:46px; line-height:46px; padding:0 10px; font-size:15px; font-weight:400; font-family:"Noto Sans KR"; text-align:center;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
a.btn, a.btn:link, a.btn:visited, a.btn:active{background-color:#ff973d; border:1px solid #ff973d; color:#fff;}
a.btn:hover{background-color:#fff; border:1px solid #ff973d; color:#ff973d;}


/*기본버튼: 색*/
a.btn.bg_01:link,
a.btn.bg_01:visited,
a.btn.bg_01:active{background-color:#38bb95; border:1px solid #38bb95;}
a.btn.bg_01:link:hover,
a.btn.bg_01:visited:hover,
a.btn.bg_01:active:hover{background-color:#fff; border:1px solid #38bb95; color:#38bb95;}

a.btn.bg_02:link,
a.btn.bg_02:visited,
a.btn.bg_02:active{background-color:#777777; border:1px solid #777777;}
a.btn.bg_02:link:hover,
a.btn.bg_02:visited:hover,
a.btn.bg_02:active:hover{background-color:#fff; border:1px solid #777777; color:#777777;}

a.btn.bg_03:link,
a.btn.bg_03:visited,
a.btn.bg_03:active{background-color:#e0e0e0; border:1px solid #e0e0e0; color:#333333;}
a.btn.bg_03:link:hover,
a.btn.bg_03:visited:hover,
a.btn.bg_03:active:hover{background-color:#fff; border:1px solid #e0e0e0; color:#333333;}

a.btn.small{position:relative; min-width:80px; height:35px; line-height:36px; padding:0 10px; font-size:15px;}

/*다운로드버튼*/
a.btn.down{position:relative; min-width:150px; padding:0 10px 0 30px;}
a.btn.down:before{content:""; position:absolute; top:15px; left:20px; width:16px; height:17px; background-image: url(../../images/brwelfare/content/down.png); background-repeat:no-repeat; background-size:100%;}

a.btn.down:hover:before{background-image: url(../../images/brwelfare/content/down1.png);}
a.down.bg_01:hover:before{background-image: url(../../images/brwelfare/content/down2.png);}

a.btn.small.down{position:relative; min-width:55px; height:35px; line-height:36px; padding:0 10px 0 30px; font-size:15px;}
a.btn.small.down:before{top:12px; left:10px; background-size:85%;}

a.btn.down:hover,
a.btn.down.small:hover{background-color:#fff; border:1px solid #ff973d; color:#ff973d;}

.btn.down:link,
.btn.down:visited,
.btn.down:active,
.btn.down.small:link,
.btn.down.small:visited,
.btn.down.small:active{background-color:#ff973d; background-image:none; border:1px solid #ff973d; text-decoration:none; color:#fff;}



@media screen and (max-width:900px){
	a.btn{min-width:110px; height:40px; line-height:40px; font-size:14px;}
	a.btn.down{min-width:93px; padding:0 10px 0 27px;}
	a.btn.down:before{top:13px; left:11px; width:15px;}
	a.btn.small,
	a.btn.small.down{min-width:45px; height:32px; line-height:30px; font-size:13px;}
	a.btn.small.down{padding:0 10px 0 25px;}
	a.btn.small.down:before{top:9px;}
}
@media screen and (max-width:550px){
	a.btn{min-width:90px; height:34px; line-height:34px; font-size:12px;}
	a.btn.down{min-width:60px; padding:0 10px 0 27px;}
	a.btn.down:before{top:11px; left:11px; width:13px;}
	a.btn.small,
	a.btn.small.down{min-width:55px; height:28px; line-height:28px; font-size:12px;}
	a.btn.small.down{padding:0 10px;}
	a.btn.small.down:before{display: none;}
}


/*기타버튼: 등록, 답변, 확인, 목록, 수정, 삭제, 취소*/
.btn[class*="board_"]{
 	min-width:90px;
	border-radius:0px;
    -webkit-border-radius:0px;
}
.btn[class*="board_"]:link,
.btn[class*="board_"]:visited,
.btn[class*="board_"]:active{}
.btn[class*="board_"]:hover{}

@media screen and (max-width:900px){
	.btn[class*="board_"]{min-width:75px;}
}
@media screen and (max-width:550px){
	.btn[class*="board_"]{min-width:65px;}
}

/* 목록 */
.btn.board_lst:link,
.btn.board_lst:visited,
.btn.board_lst:active{background-color:#777777; border:1px solid #777777; color:#fff;}
.btn.board_lst:hover{background-color:#fff; border:1px solid #777777; color:#777777;}

/* 등록 */
.btn.board_add:link,
.btn.board_add:visited,
.btn.board_add:active{background-color:#ff973d; border:1px solid #ff973d; color:#fff;}
.btn.board_add:hover{background-color:#fff; color:#ff973d;}

/* 답변 */
.btn.board_re:link,
.btn.board_re:visited,
.btn.board_re:active{background-color:#ff973d; border:1px solid #ff973d; color:#fff;}
.btn.board_re:hover{background-color:#fff; color:#ff973d;}

/* 확인 */
.btn.board_yes:link,
.btn.board_yes:visited,
.btn.board_yes:active{background-color:#ff973d; border:1px solid #ff973d; color:#fff;}
.btn.board_yes:hover{background-color:#fff; color:#ff973d;}

/* 취소 */
.btn.board_no:link,
.btn.board_no:visited,
.btn.board_no:active{background-color:#38bb95; border:1px solid #38bb95;}
.btn.board_no:hover{background-color:#fff; border:1px solid #38bb95; color:#38bb95;}

/* 수정 */
.btn.board_mod:link,
.btn.board_mod:visited,
.btn.board_mod:active{background-color:#38bb95; border:1px solid #38bb95;}
.btn.board_mod:hover{background-color:#fff; border:1px solid #38bb95; color:#38bb95;}

/* 삭제 */
.btn.board_del:link,
.btn.board_del:visited,
.btn.board_del:active{background-color:#38bb95; border:1px solid #38bb95;}
.btn.board_del:hover{background-color:#fff; border:1px solid #38bb95; color:#38bb95;}




/*테이블*/
table,.table{border-top:2px solid #000;}
.caption{
	font-size:15px; color:#666;
	transition:font-size 0.3s ease;
	-webkit-transition:font-size 0.3s ease;
}
.table th, .table td{height:36px; padding:8px; font-family:"Noto Sans KR"; font-size:15px; font-weight:400;}
.table th, .table tfoot th, .table tfoot td{background:#f3f4f7;}
.table tr{}
.table th,.table td{border-color:#cecece !important;}
.table.board_view{border-bottom: 2px solid #000;}

@media screen and (max-width: 750px){
	.table:not(.media),
	.table:not(.media) thead,
	.table:not(.media) tbody,
	.table:not(.media) tr,
	.table:not(.media) td{display:block; width:100%; box-sizing:border-box;}
	
	.table:not(.media) th{display: none;}
	.table:not(.media) td:first-child{font-weight:500;}
	.table:not(.media) td{height:auto; padding:0px 10px; text-align:left;}
	.table:not(.media) td.object{font-weight:600;}
	.table:not(.media) tr th,
	.table:not(.media) tr td{border-right:none !important; border-left:none !important;}
	
	.table:not(.media) tbody tr{padding:10px 0; border-bottom:1px solid #cacaca;}
	.table:not(.media) td{border-bottom:0px;}
}



/* tab */
.js_tab{padding:0;}
.js_tab .title{display:none;}
.js_tab.select .title a{font-weight:normal;}

.js_tab.select{background-color: #38bb95; border-radius:0px;}
.js_tab.select ul li a{height:auto; line-height:14px; padding:15px 20px;}
.js_tab ul{margin:0; border-bottom:1px solid #38bb95; padding-left:1px;}
.js_tab ul li{width:319.7px; box-sizing:border-box;}
.js_tab ul li:last-child{border-right:0px;}
.js_tab ul li a{
	width:auto; height:46px; line-height:21px; padding:12px 10px; margin:0px; font-size:16px; font-weight:400; color:#505050; box-sizing:border-box;
	border:1px solid #ccc; border-bottom:0; position:relative; z-index:1; margin-left:-1px;
	border-radius:0;
    -webkit-border-radius:0;
}

.js_tab ul li a:link,
.js_tab ul li a:visited,
.js_tab ul li a:active,
.js_tab ul li.no a:link,
.js_tab ul li.no a:visited,
.js_tab ul li.no a:active,
.js_tab ul li.no a:hover{background-color:#fff;}


.js_tab ul li a:hover,
.js_tab ul li.on a:link,
.js_tab ul li.on a:visited,
.js_tab ul li.on a:active,
.js_tab ul li.on a:hover{background-color:#38bb95; border:1px solid #38bb95; border-bottom:0; border-left:1px solid #fff; z-index:5;}

.js_tab ul li:first-child a:hover,
.js_tab ul li:first-child a:active,
.js_tab ul li.on:first-child a {border-left:1px solid #38bb95;}


@media screen and (max-width:816px){
	.js_tab ul{border-bottom:1px solid #ccc;}
	.js_tab ul li{width:100%; border-right:0px;}
}




/*-----------------------------------------------------------------
---------------------------------board_01--------------------------------
------------------------------------------------------------------*/
.board_search{margin-top:23px;} 
.board_search .select a.submit, 
.board_search .select input[type="submit"]{background-color:#ff973d;}
.board_search .select a.submit:hover,
.board_search .select input[type="submit"]:hover{background-color:#ff973d;}

.board.view{margin-top:33px !important;}
.board.view.answer{margin-top:0px !important;}

.selectbox{width:100px; height:30px;}
.selectbox strong{line-height:38px; font-size:16px;}
.selectbox strong a{position:relative; color:#404040; background:none;}
.selectbox strong a:after{
	content:""; display:block; position:absolute; right:10px; top:50%; width:7px; height:4px; margin-top:-2px; background:url(../../images/brwelfare/core/select_bul.png) no-repeat center center;
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	transition : all 0.3s ease;
	-webkit-transition : all 0.3s ease;
}
.selectbox ul{border:1px solid #000; background-color:#fff;}
.selectbox ul li:first-child{border-top:0px;}
.selectbox ul li strong a:after{display:none;}
.selectbox ul li strong a:hover{background-color:#eee;}
.selectbox.on .boxs{border-color:#000;}
.selectbox.on strong a:after{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}

/*페이지*/
.page{margin:40px 0 15px 0;}
.page a,
.page a strong,
.page a:link,
.page a:visited,
.page a:active{
	display: inline-block; width:30px; height:30px; line-height:30px; border-radius:15px; -webkit-border-radius:15px; text-decoration:none;
	transition:background-color 0.3s ease, width 0.3s ease;
	-webkit-transition:background-color 0.3s ease, width 0.3s ease;
}
.page a:hover,
.page a strong{background-color:#ff973d; color:#fff;}

.page a{overflow:visible; position:relative;}
.page a:after{content:""; position:absolute; top:50%; left:-6px; width:1px; height:22px; margin-top:-11px; background-color: #c5c5c5;}
.page a.firstnum:after{display: none;}

.page a.page_first,
.page a.page_left,
.page a.page_right,
.page a.page_end{
	overflow: hidden; width:28px; height:28px; border:1px solid #ccc; border-radius:0px;
	transition:border 0.2s ease,width 0.3s ease;
	-webkit-transition:border 0.2s ease,width 0.3s ease;
}
.page a.page_first{background-image:url(../../images/brwelfare/core/page_first.png); background-repeat:no-repeat; background-position:10px center;}
.page a.page_left{background-image:url(../../images/brwelfare/core/page_left.png); background-repeat:no-repeat; background-position:10px center;}
.page a.page_right{background-image:url(../../images/brwelfare/core/page_left.png); background-repeat:no-repeat; background-position:10px center; transform:rotate(180deg);}
.page a.page_end{background-image:url(../../images/brwelfare/core/page_first.png); background-repeat:no-repeat; background-position:10px center; transform:rotate(180deg);}

.page a.page_first:hover,
.page a.page_end:hover{border:1px solid #ff973d; background-image:url(../../images/brwelfare/core/page_first.png); background-repeat:no-repeat; background-position:10px center;}
.page a.page_left:hover,
.page a.page_right:hover{border:1px solid #ff973d; background-image:url(../../images/brwelfare/core/page_left.png); background-repeat:no-repeat; background-position:10px center;}


/*all*/
.board_search .select select,
.board_search .select input,
.board_search .select input[type="submit"],
.board_search .select a.submit,
.board_search .select .selectbox{height:40px; line-height:38px;}
.board_search .select .selectbox .boxs{height:40px;}
.board_search .select .selectbox strong{line-height:40px;}
.board_search .count strong{font-weight:normal;}

.board_search .count span.price{position:relative; margin-right:6px; padding-right:10px; color:#ff973d;}
.board_search .count span.price:after{content:""; position:absolute; top:4px; right:0; width:1px; height:15px; background-color:#cccccc;}
.btn.icon_zip{height:20px; background-image:url(../../images/brwelfare/core/folder.png);}

.board.list{margin-top:20px;}
.board.list ul li p a .new,
.board.list ul li div a .new{vertical-align:top !important; margin-top:6px; background:url(../../images/brwelfare/core/notice_new.png) no-repeat center 3px;}
.board.list ul li p a .js_secret,
.board.list ul li div a .js_secret{vertical-align:top !important; margin-top:5px; background:url(../../images/brwelfare/core/notice_lock.png) no-repeat center 2px;}
.board.list ul li p a strong .re{display:inline-block; width:37px; height:17px; padding-right:10px; background:url(../../images/brwelfare/core/notice_re.png) no-repeat left top; vertical-align:top; margin-top:8px;}

.board.list.photo ul li p a strong .re,
.board.list.bodo ul li p a strong .re,
.board.list.faq ul li p a strong .re{display: none;}

.board.list.notice ul li strong,
.board.list.notice ul li p,
.board.list.notice ul li .btt_sj,
.board.list.photo ul li .ntt_sj strong,
.board.list.bodo ul li a,
.board.list.qna ul li strong,
.board.list.qna ul li,
.board.list.qna ul li a strong.ntt_sj,
.board.list.faq ul li p a strong,
.board.list.faq ul li p.ntt_sj a .ntt_cn{font-size:16px !important; font-weight:400;}

.board.list.notice ul li p,
.board.list.notice ul li .ntt_sj,
.board.list.notice ul li strong
.board.list.qna ul li p,
.board.list.qna ul li .ntt_sj,
.board.list.qna ul li strong{padding:15px 10px;}

.board.list.qna ul li .ntt_no{box-sizing:border-box;}
.board.list.qna ul li .ntt_no,
.board.list.notice ul li .ntt_no{width:80px;}

.board.list ul li .arrow{display: none;}

/*notice*/
.board.list.notice ul li p a strong,
.board.list.notice ul li .ntt_sj a strong{overflow:visible; white-space:normal;}
.board.list.notice ul li.thead{background:transparent;}
.board.list.notice ul li.thead strong,
.board.list.notice ul li.thead p{padding:17px 20px;}
.board.list.notice ul li.point{background:#fbfbfb;}
.board.list.notice ul li.point .ntt_no{overflow: hidden; background-color:transparent; background-image: url(../../images/brwelfare/core/notice_icon.png); background-repeat:no-repeat; background-position: center center; text-indent:-1000px;}

.board.list.notice ul li .atch_file_id{width:70px;}

.board.list.notice ul li:hover{background-color: #f6f6f6;}
.board.list.notice ul li:first-child:hover{background-color:transparent;}
.board.list.notice ul li p a:hover strong{text-decoration:underline;}

/*photo*/
.board.list.photo ul li .frst_register_nm{bottom:15px;}
.board.list.bodo ul li .ntt_sj a{padding-top:0px;}

/*bodo*/
.board.list.bodo ul li a{white-space:normal;}

/*qna*/
span.btn.bg_00,
span.btn.bg_00:link,
span.btn.bg_00:visited,
span.btn.bg_00:active,
span.btn.bg_00:hover{height:20px !important;}
.board.list.qna ul li.thead{background-color:transparent;}
.board.list.qna ul li.thead strong{padding:17px 10px;}
.board.list.qna ul li:hover{background-color: #f6f6f6;}
.board.list.qna ul li:first-child:hover{background-color:transparent;}
.board.list.qna ul li p a:hover strong{text-decoration:underline;}
.board.list.qna ul li.point{background:#fbfbfb;}
.board.list.qna ul li.point .ntt_no{overflow: hidden; background-image: url(../../images/brwelfare/core/notice_icon.png); background-repeat:no-repeat; background-position: center center; text-indent:-1000px;}
.board.list.qna ul li:hover p a strong,
.board.list.qna ul li:hover .ntt_sj a strong{text-decoration:underline;}

/*faq*/
.board.list.photo .no, .board.list.faq .no{border-top:0px; border-bottom:0px;}

/*-----------------------------------------------------------------
---------------------------------board_02--------------------------------
------------------------------------------------------------------*/

.board.view .texts .filebox ul li a{padding-left:26px !important;}
div[class*="slide_view_"]{background-color:#fff;}
div[class*="slide_view_"].notitle{padding-bottom:42px;}
div[class*="slide_view_"] span{display: none;}

/*-----------------------------------------------------------------
---------------------------------반응형--------------------------------
------------------------------------------------------------------*/
@media screen and (max-width:800px) {
	.page a{margin:0 5px;}
	.board.list ul li.point p.ntt_no{background-color:transparent;}
	.board.list.notice ul li p.ntt_no{line-height:22px;}
	.board.list.notice ul li .ntt_sj,
	.board.list.qna ul li .ntt_sj{padding:10px 10px 0px 40px !important;}
	.board.list ul li p a strong .re{margin-top:3px; padding-right:5px;}
	.board.list ul li p a .new,
	.board.list ul li div a .new{margin-top:0px;}
	.board.list ul li p a .js_secret,
	.board.list ul li div a .js_secret{margin-top:0;}

	.board.list.notice ul li strong,
	.board.list.notice ul li p,
	.board.list.notice ul li .btt_sj,
	.board.list.photo ul li .ntt_sj strong,
	.board.list.bodo ul li a,
	.board.list.qna ul li p strong,
	.board.list.qna ul li p,
	.board.list.qna ul li .ntt_sj a strong,
	.board.list.faq ul li p a strong,
	.board.list.faq ul li p.ntt_sj a .ntt_cn{font-size:13px;}
}
@media screen and (max-width:660px) {
	a.blank{font-size:13px;}
	.caption{font-size:13px;}

	.board.list ul li p a .new,
	.board.list ul li div a .new{background:url(../../images/brwelfare/content/notice_new.png) no-repeat center 2px;}
	.board.list ul li p a .new,
	.board.list ul li div a .new{margin-top:1px; padding:0;}
}
@media screen and (max-width:600px) {
	.selectbox{width:100%;}
	.board.list.faq ul li p a strong,
	.board.list.faq ul li .ntt_sj a strong{line-height:18px;}
	.board.list.bodo ul li a strong{position:static; display: block;}
}
@media screen and (max-width:570px) {
	a.blank{background:url(../../images/brwelfare/content/win.gif) no-repeat right 4px; font-size:11px;}
	.caption{font-size:12px;}
	div[class*="slide_view_"] span,
	div[class*="slide_view_"] span strong{line-height:16px; font-size:12px;}
}
@media screen and (max-width:430px) {
	.page a{margin:0;}
	.page a:after{display: none;}
	.page a,
	.page a strong,
	.page a:link,
	.page a:visited,
	.page a:active{width:24px; height:24px; line-height:24px;}

	.page a.page_first,
	.page a.page_left,
	.page a.page_right,
	.page a.page_end{width:24px; height:24px; background-position:8px center;}

	.page a.page_first:hover,
	.page a.page_end:hover,
	.page a.page_left:hover,
	.page a.page_right:hover{background-position:8px center;}
}


.user .box.openimg{}
.user .box.openimg .con{position:relative; height:46px; padding-left:180px;}
.user .box.openimg .con.type_1{padding-left:180px;}
.user .box.openimg .con.type_2{padding-left:210px;}
.user .box.openimg .con.type_3{padding-left:210px;}
.user .box.openimg .con.type_4{padding-left:245px;}
.user .box.openimg .con.type_5{padding-left:245px;}
.user .box.openimg .con img{position:absolute; left:15px; top:15px; vertical-align:middle;}
.user .box.openimg .con span{vertical-align:middle; font-size:14px; color:#545454;}
@media screen and (max-width: 500px){
	.user .box.openimg .con{padding:20px 25px !important; text-align:center;}
	.user .box.openimg .con img{position:relative; left:auto; top:auto;}
	.user .box.openimg .con span{display:block; margin-top:15px; text-align:left;}
}