@charset "utf-8";

[data-subarea="notice"] .title_sub{margin-bottom:50px;}
[data-subarea="bbs_box"] *{box-sizing:border-box;}

/* 목록 */
#bo_list{margin-bottom:0px;}
#bo_list_total{float:none; font-size:16px; color:#333;}
#bo_list_total i{color:#333; font-size:20px; font-weight:600;}

.tbl_wrap table[data-bbsCustom="table"]{table-layout:fixed; margin-top:40px; border-top-width:0px; border-bottom-width:0px;}
.tbl_head01 [data-bbsCustom="table"]{border-spacing:0;}
table[data-bbsCustom="table"] thead{display:none;}

	/* 목록 한줄3개 형태 
#bo_list [data-bbscustom="table"] tbody{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; margin-left:-40px;}
#bo_list [data-bbscustom="table"] tbody tr{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; position:relative; width:calc(100% / 3 - 40px); box-sizing:border-box; margin-left:40px; margin-bottom:40px; border:1px solid #dadada; transition:0.3s ease 0s;}
#bo_list [data-bbsCustom="table"] td{display:inline-block; position:relative; height:auto; padding:0px; border:0px;}
#bo_list [data-bbsCustom="table"] tbody .even td{background-color:transparent;}
#bo_list [data-bbsCustom="table"] tbody tr:hover{border-color:#0aaad3;}
#bo_list [data-bbsCustom="table"] tbody tr:hover td{background:transparent;}
#bo_list [data-bbsCustom="table"] tbody .even td{background-color:transparent;}
#bo_list [data-bbscustom="table"] tbody tr.empty_table{justify-content:center; width:calc(100% - 40px); border-width:1px 0px 1px 0px;}
#bo_list [data-bbscustom="table"] tbody tr.empty_table:hover{border-color:#dadada;}
[data-bbsCustom="table"] .bo_tit a{display:block; padding:40px 30px 110px;}
[data-bbscustom="date"]{position:absolute; bottom:40px; left:30px; font-size:14px; font-weight:600; color:#222 !important;}
*/

	/* 목록 한줄1개 형태 */
#bo_list [data-bbscustom="table"] tbody tr{position:relative;}
#bo_list [data-bbsCustom="table"] tbody tr td{padding:0px; background-color:#fff; border-color:#dadada;}
#bo_list [data-bbsCustom="table"] tbody .even td{background-color:#fff;}
#bo_list [data-bbsCustom="table"] tbody tr:hover td{background-color:#fff;}
#bo_list [data-bbsCustom="table"] tbody tr:hover{border-left-color:transparent;}
	/* 기본 */
#bo_list [data-bbscustom="table"] .td_chk{position:absolute; top:10px; left:10px; z-index:5; height:auto; background:transparent; border:0px;}
#bo_list [data-bbsCustom="table"] tbody tr td:not(.td_chk){width:100%;}
#bo_list [data-bbsCustom="table"] .bo_tit .new_icon{background-color:#fff; border:1px solid #222; color:#222; font-size:12px; transition:0.3s ease 0s;}
#bo_list [data-bbsCustom="table"] .bo_tit a{display:block; position:relative; z-index:10; padding:50px 30px;}
#bo_list [data-bbsCustom="table"] .bo_tit a:hover .new_icon{border-color:#0aaad3; color:#0aaad3;}
[data-bbsCustom="table"] .bo_tit{position:relative; color:inherit; font-weight:normal;}
[data-bbsCustom="table"] .bo_tit:before{content:''; opacity:0; display:block; position:absolute; top:-1px; left:0px; z-index:0; width:100%; height:calc(100% + 2px); box-sizing:border-box; border:3px solid #0aaad3; transition:opacity 0.3s ease 0s;}
[data-bbsCustom="table"] .bo_tit:hover:before{opacity:1;}
[data-bbsCustom="table"] .bo_tit a em{vertical-align:middle; font-size:25px; color:#222; font-weight:700; transition:color 0.3s ease 0s;}
[data-bbsCustom="table"] .bo_tit a:hover,
[data-bbsCustom="table"] .bo_tit a:focus{text-decoration:none;}
[data-bbsCustom="table"] .bo_tit a:hover em,
[data-bbsCustom="table"] .bo_tit a:focus em{color:#0aaad3;}
[data-bbsCustom="subject_txt"]{display:-webkit-box; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; margin-top:10px;}
[data-bbsCustom="subject_txt"] em{line-height:1.3em;}
[data-bbscustom="content"]{margin-top:25px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; font-size:20px; color:#222; font-weight:400;}
[data-bbscustom="date"]{display:block; font-size:18px; font-weight:700; color:#b7b7b7;}
[data-bbscustom="date"] span{display:block; font-size:48px; line-height:initial;}
[data-bbscustom="date"] i{display:block; margin-top:-10px;}
[data-bbsCustom="table"] .bo_notice td{background-color:transparent !important;}

/* search */
[data-subarea] .bo_sch h3{margin-bottom:0px; font-size:18px;}
.area_bbs_top{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;}
.area_bbs_top .bo_sch{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; position:static; margin:0px; width:auto; height:auto; box-shadow:none; background:transparent; border:0px; border-radius:0px;}
.area_bbs_top .bo_sch form{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; padding:0px;}
.area_bbs_top .bo_sch_wrap{display:block; position:static; width:auto; height:auto;}
.area_bbs_top .bo_sch_cls{display:none;}
.area_bbs_top .bo_sch select{width:auto; height:45px; box-sizing:border-box; margin-right:30px; border:0px; border-bottom:2px solid #0a0a0a; border-radius:0px; box-shadow:none;}
.area_bbs_top .bo_sch .sch_bar{width:auto; margin-top:0px; height:45px; box-sizing:border-box; border:0px; border-bottom:2px solid #0a0a0a; border-radius:0px; box-shadow:none;}
.area_bbs_top .bo_sch .sch_input{height:100%;}
.area_bbs_top .bo_sch .sch_btn{height:100%; color:#111;}
.area_bbs_top select{-webkit-border-radius:1px; background:#fff;}

/* 글쓰기 */
[data-subarea="bbs_box"] #bo_w .bo_w_flie .frm_file{margin-top:1px;}

/* 상세 */
[data-subarea="bbs_box"] #bo_v_title{text-align:center;}
[data-subarea="bbs_box"] #bo_v_info .profile_info .pf_img{display:none;}
[data-subarea="bbs_box"] .bo_v_nb{margin-top:50px;}
[data-subarea="bbs_box"] .bo_v_nb li .nb_tit{width:100px;}
[data-subarea="bbs_box"] .bo_v_nb li .nb_date{width:85px; text-align:right;}
[data-subarea="bbs_box"] .bo_v_nb li a{display:inline-block; width:calc(100% - 200px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}
[data-subarea="bbs_box"] #bo_v_info{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;}
[data-subarea="bbs_box"] #bo_v_info .profile_info{float:none; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:100%; margin:30px 0px;}
[data-subarea="bbs_box"] #bo_v_info .profile_info .profile_info_ct br{display:none;}
[data-subarea="bbs_box"] #bo_v_info .profile_info .profile_info_ct{float:none;}
[data-subarea="bbs_box"] #bo_v_info .profile_info .pf_img{float:none;}
[data-subarea="bbs_box"] #bo_v_info .if_date{font-size:18px; font-weight:700; color:#b7b7b7;}
[data-subarea="bbs_box"] #bo_v_info .if_date .fa{display:none;}
[data-subarea="bbs_box"] #bo_v_info:after{display:none;}
[data-subarea="bbs_box"] #bo_v_title .bo_v_tit{font-size:35px; font-weight:500; letter-spacing:-2px;}
[data-subarea="bbs_box"] .bo_v_nb li{padding:20px 15px;}
[data-subarea="bbs_box"] #bo_v_top{margin-left:auto;}
[data-subarea="bbs_box"] #bo_v_con{font-size:18px}
[data-subarea="bbs_box"] #bo_v header .profile_info{text-align:center; color:#999;}
[data-subarea="bbs_box"] #bo_v header .profile_info strong{font-weight:600;}

/* 게시판버튼 */
[data-subarea="bbs_box"] .area_btn{display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; text-align:center;}
[data-subarea="bbs_box"] .area_btn .btn_prv,
[data-subarea="bbs_box"] .area_btn .btn_next{width:calc(100% / 2 - 300px); font-size:18px; font-weight:600;}
[data-subarea="bbs_box"] .area_btn .btn_prv{margin-right:auto; text-align:left;}
[data-subarea="bbs_box"] .area_btn .btn_next{margin-left:auto; text-align:right;}
[data-subarea="bbs_box"] .area_btn > div a{opacity:1; display:inline-block; transition:opacity 0.3s ease;}
[data-subarea="bbs_box"] .area_btn > div a span{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; word-break:keep-all;}
[data-subarea="bbs_box"] .area_btn .btn_prv span:before,
[data-subarea="bbs_box"] .area_btn .btn_next span:after{content:''; display:inline-block; position:relative; right:0px; width:12px; height:16px; background:url(./img_link_arrow_b.png) no-repeat 50% 0; background-size:auto 100%;}
[data-subarea="bbs_box"] .area_btn .btn_prv span:before{margin-right:20px; transform:rotate(180deg);}
[data-subarea="bbs_box"] .area_btn .btn_next span:after{margin-left:20px;}
[data-subarea="bbs_box"] .area_btn > div a:hover{opacity:0.5;}
[data-subarea="bbs_box"] .area_btn > div .none{opacity:0.5; word-break:keep-all;}
[data-subarea="bbs_box"] .area_btn > div .none:before,
[data-subarea="bbs_box"] .area_btn > div .none:after{display:none;}
[data-subarea="bbs_box"] .area_btn{margin-top:100px !important; padding-top:80px; border-top:1px solid #f1f1f1;}
[data-subarea="bbs_box"] a.btn_cancel{background-color:#5f6060; border-color:#5f6060;}
[data-subarea="bbs_box"] a.btn_cancel:before{background-color:#717171;}
[data-subarea="bbs_box"] #bo_v_share .btn{width:auto;}
[data-subarea="bbs_box"] #bo_w .btn_cancel{border-radius:0px;}
[data-subarea="bbs_box"] #bo_w .btn_submit{border-radius:0px;}
[data-subarea="bbs_box"] .button.lg{min-width:200px;}

/* 페이징 */
.flex_page{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; margin-top:60px;}
.flex_page .pg_wrap,
.flex_page .bo_fx{float:none; flex:auto;}
.flex_page.col .pg_wrap{text-align:left;}
.flex_page .pg_wrap{text-align:center;}
.flex_page .pg{display:inline-block;}
.pg_current,
.pg_page{min-width:50px; height:50px; line-height:48px; padding:0px; border-radius:0px; border:0px; font-weight:500; font-size:18px; color:#222;}
.pg_current{position:relative; background-color:transparent; color:#0aaad3;}
.pg_current:after{content:''; display:block; position:absolute; bottom:10px; left:50%; width:20px; height:2px; margin-left:-10px; background:#0aaad3;}
.pg_page{background-color:#fff; border-width:0px;}
.pg_page:hover{background-color:#fff;}
.pg_start{border:1px solid #dedede; background-image:url(../images/bbs/btn_first.gif);}
.pg_prev{border:1px solid #dedede; background-image:url(../images/bbs/btn_prev.gif);}
.pg_end{border:1px solid #dedede;background-image:url(../images/bbs/btn_end.gif);}
.pg_next{border:1px solid #dedede; background-image:url(../images/bbs/btn_next.gif);}

/* button */
.area_btn{margin-top:100px; text-align:center;}
.area_btn.flex{display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;}
.button{display:inline-block; position:relative; min-width:100px; height:40px; box-sizing:border-box; margin:2px; padding:0 20px; background:#0aaad3; color:#fff; box-shadow:none; transition:0.3s ease 0s;}
.button span{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; position:relative; z-index:2; height:100%; color:#fff; transition:0.3s ease 0s;}
.button.lg{min-width:240px; height:70px; font-size:18px;}
.button.sm{min-width:100px; height:25px; font-size:13px;}
.button:before{content:''; display:block; position:absolute; top:0px; left:0px; width:100%; height:0; background:#25c4ed; transition:0.4s ease 0s;}
.button:hover:before,
.button:focus:before{top:auto; bottom:0px; height:100%;}
.button.black{background-color:#222;}
.button.black:before,
.button.black:after{background:#383838;}
.button.white{background-color:#fff; border:1px solid #d7d7d7;}
.button.white span{color:#222 !important;}
.button.white:before,
.button.white:after{background:#eee;}
.button.ico span:before,
.button.ico span:after{content:''; display:inline-block; background-repeat:no-repeat; background-position:50% 0; background-size:100% 100%;}
.button.ico.arrow span:after{width:17px; height:9px; margin-left:30px; background-image:url(./btn_arrow.png);}
.button.ico.list span:before{width:14px; height:14px; margin-right:20px; background-image:url(./icon_list.png);}


@media screen and (max-width:1024px){
	/* 목록 */
	#bo_list [data-bbsCustom="table"] .bo_tit a{padding:30px 20px;}
	[data-bbsCustom="table"] .bo_tit a em{font-size:20px;}
	[data-bbscustom="date"]{font-size:16px;}
	[data-bbscustom="date"] span{font-size:4.6875vw/* 48px */;}	
	[data-bbscustom="content"]{margin-top:20px; font-size:18px;}
		/* 목록한줄 3개 형태
	#bo_list [data-bbscustom="table"] tbody{margin-left:-20px;}
	#bo_list [data-bbscustom="table"] tbody tr{width:calc(100% / 3 - 20px); margin-left:20px; margin-bottom:20px;}
	 */

	/* 상세 */
	[data-subarea="bbs_box"] #bo_v_title .bo_v_tit{margin-top:0px; font-size:35px;}
	[data-subarea="bbs_box"] #bo_v_con{font-size:16px;}

	/* 페이징 */
	.pg_current,
	.pg_page{font-size:16px;}

	/* 버튼*/
	[data-subarea="bbs_box"] .area_btn .btn_prv,
	[data-subarea="bbs_box"] .area_btn .btn_next{flex:none; width:100px; font-size:16px;}
	[data-subarea="bbs_box"] .area_btn .button.list{min-width:55px; font-size:0px;}
	[data-subarea="bbs_box"] .area_btn .button.ico.list span:before{margin-right:0px;}
}

@media screen and (max-width:768px){
	/* 목록 */
	#bo_list [data-bbscustom="table"] tbody tr{width:calc(100% - 20px);}
	[data-bbsCustom="table"] .bo_tit a{padding:30px 20px;}	
	[data-bbscustom="content"]{margin-top:15px; line-height:1.4em;}
	#bo_list_total{font-size:15px;}
	#bo_list_total i{font-size:18px;}

	/* 검색 */
	.area_bbs_top .bo_sch select{margin-right:15px;}
}

@media screen and (max-width:620px){
	/* 목록 */
	[data-bbsCustom="table"] .bo_tit a em{font-size:18px;}
	[data-bbscustom="date"]{font-size:14px;}
	[data-bbscustom="date"] span{font-size:30px;}

	/* 검색 */
	.area_bbs_top .bo_sch .sch_input{width:200px;}	
}

@media screen and (max-width:480px){
	/* 목록 */
	#bo_list .td_datetime{width:85px;}	
	[data-bbscustom="date"] span{font-size:28px;}
	[data-bbscustom="content"]{margin-top:10px; font-size:15px;}

	/* 검색 */
	.area_bbs_top{display:block;}
	.area_bbs_top .bo_sch form{flex-wrap:nowrap; width:100%;}
	.area_bbs_top .bo_sch select{flex:none; width:78px;}
	.area_bbs_top .bo_sch .sch_bar{flex:auto; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;}
	.area_bbs_top .bo_sch .sch_input{flex:auto; width:calc(100% - 40px);}	
	.area_bbs_top .bo_sch .sch_btn{flex:none;}

	[data-subarea="bbs_box"] .bo_v_nb li .nb_date{display:none;}
	[data-subarea="bbs_box"] .bo_v_nb li a{width:calc(100% - 100px);}
	[data-subarea="bbs_box"] #bo_v_title .bo_v_tit{font-size:30px;}

	[data-subarea="bbs_box"] .button.lg{min-width:150px;}
}

@media screen and (max-width:420px){
	/* 목록 */
	#bo_list .td_datetime{width:80px;}
	#bo_list [data-bbsCustom="table"] .bo_tit a{padding:30px 10px;}
	[data-bbscustom="date"]{font-size:12px;}
	[data-bbscustom="date"] span{font-size:26px;}
	[data-bbsCustom="table"] .bo_tit a em{font-size:17px;}
	[data-bbscustom="date"] i{margin-top:0px;}
	[data-bbscustom="content"]{font-size:14px;}
	
	/* 페이징 */
	.pg_current,
	.pg_page{min-width:45px; height:45px; line-height:43px; border-radius:0px; font-size:15px;}	

	/* 상세 */
	[data-subarea="bbs_box"] #bo_v_title .bo_v_tit{font-size:25px;}
	[data-subarea="bbs_box"] .bo_v_nb li .nb_tit{width:80px;}
	[data-subarea="bbs_box"] .bo_v_nb li a{width:calc(100% - 80px);}

	/* button */
	[data-subarea="bbs_box"] .area_btn{margin-top:80px !important; padding-top:60px;}
	[data-subarea="bbs_box"] .button.lg{min-width:130px;}
}

@media screen and (max-width:360px){
	[data-bbsCustom="table"] .bo_tit a em{font-size:16px;}
}

@media screen and (max-width:320px){
	#bo_list .td_datetime{width:70px;}
	[data-bbscustom="date"] span{font-size:24px;}
	[data-bbscustom="content"]{margin-top:5px;}

	/* button */
	[data-subarea="bbs_box"] .button.lg{min-width:110px;}
}