@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/*
	사용시 각 게시판 list.skin에 #bo_list에 해당 클레스 추가

	1. 공지사항 기본리스트 - 
	2. 좌측 이미지 갤러리 리스트 - notice_photo
*/

/* set */
body {margin:0;padding:0;font-size: 16rem;font-family: 'Play', "Pretendard",dotum, sans-serif;overflow-x:hidden;}
body.active ,
body.fixed{position: fixed; width: 100%; height: 100%; overflow: hidden; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
em{font-style:normal;}
ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}
textarea,
select{font-size:1em;}
select{margin:0;}
p{margin:0; padding:0; word-break:break-all;}
hr{display:none;}
pre{font-size:1.1em; overflow-x:scroll;}
a{color:#000; text-decoration:none;}
*,
:after,
:before{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
input[type=text],
input[type=password],
textarea{-webkit-transition:all 0.30s ease-in-out; -moz-transition:all 0.30s ease-in-out; -ms-transition:all 0.30s ease-in-out; -o-transition:all 0.30s ease-in-out; outline:none;}

/* 게시판 리스트 커스텀 */
a.board-btn{display:inline-flex; padding:21rem 54rem; background:#111; font-weight:700; font-size:18rem; color:#fff; border-radius:100rem; font-style:italic;}

/* pagenation */
.pg_wrap {clear:both;margin: 40rem 0 0px;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {position:relative;color: #cdcdcd;font-size: 20rem;/* height:30rem; *//* line-height: 50rem; */text-decoration:none;width: 33rem;height: 50rem;border-radius: 5rem;display: flex;align-items: center;justify-content: center;margin: 0 3rem;overflow: hidden;padding: 0;font-family: 'Pretendard', dotum, sans-serif;font-weight: 800;box-sizing: border-box;}
.pg_page:before{opacity:0; content:''; position:absolute; left:0; right:0; bottom:0; width:100%; height:2rem; background:#2d52a7;}

.pg_start {text-indent:-999rem;background: url('../img/base/arr_end.png') no-repeat 50% 50%;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.pg_prev {text-indent:-999rem;background: url('../img/base/arr_next.png') no-repeat 50% 50%;-webkit-transform: rotate(180deg);transform: rotate(180deg);margin-right: 50rem;}
.pg_end {text-indent:-999rem;background: url('../img/base/arr_end.png') no-repeat 50% 50%;}
.pg_next {text-indent:-999rem;background: url('../img/base/arr_next.png') no-repeat 50% 50%;margin-left: 50rem;}

.pg_current {position:relative;font-size: 20rem;color: var(--c-bd);width: 43rem;height: 50rem;display: flex;justify-content: center;border-radius: 35rem;font-weight: 900;align-items: center;box-sizing: border-box;font-family: 'Pretendard', dotum, sans-serif;}
.pg_current::after {
    content: "";
    width: 42%;
    height: 3rem;
    background: var(--c-bd);
    position: absolute;
    bottom: 7rem;
}

span.pg{display:flex; justify-content:center; align-items:center;}

/* contact us set */
.Inquiry_input_form{width:100%;margin:0 auto;padding-top: 0;}

.input_box > span{display:block;margin-bottom: 7rem;font-size: 21rem;font-weight: 700;color: var(--c-bd);}
.input_box{margin-bottom: 36rem;}
.input_box_size1{width:285rem;}
.input_box_size2 input{width:100%; box-sizing:border-box;}
.input_box_size_call > input{width:142rem;}
.input_box > .container{display:inline-block;width:180rem;}
.input_box_size_textarea textarea{height:275rem;}
.inputbox:after{display:block; content:""; clear: both;}
.inputbox input[type="text"]{float:left;}
.inputbox span{position:relative; top:17rem; float:left; margin:0 5rem; font-size:16rem;font-family: 'Pretendard', dotum, sans-serif;}
.inputbox .select_box{margin:0 0 0 10rem;}

.area_email input[type="text"]{height:55rem;padding:10rem;background: #fff;line-height:55rem;border: 3rem solid #eee;outline:None;font-size:15rem;box-sizing:border-box;transition:all 0.3s ease;}
.area_email input[type=text]:focus, .area_email input[type=password]:focus, .area_email textarea:focus, .area_email select:focus{border-color: #111!important;box-shadow:none !Important;}
.area_email textarea{padding:10rem; width:100%; background:#f7f7f7; border:none; box-sizing:border-box; resize:none; outline:none; font-size:15rem; font-family:'Noto Sans KR', sans-serif;}
.area_email .area_box{padding: 0 0 0; border:none;}
.area_email .area_box h3{display:block;font-size: 40rem;color: #111;word-break:keep-all;line-height:1.4em;}
.area_email .area_box .box_cont p{display:block;margin: 13rem 0 0;font-size: 18rem;font-weight:400;color: #111;}
.area_email .area_box .box_cont .privacy_box{margin: 30rem 0 0; padding:25rem 30rem; box-sizing:border-box; background:#fff; border:1rem solid #d6d6d6;}
.area_email .area_box .box_cont .privacy_box > li{position:relative;display:block;padding: 0px 0 10rem 10rem;font-size:16rem;font-weight: 500;color: #111;line-height:1.5em;}
.area_email .area_box .box_cont .privacy_box > li:last-child{padding:0 0 0 10rem;}
.area_email .area_box .box_cont .privacy_box > li:before{content:'';position:absolute;top:10rem;left:0;width:4rem;height:4rem;background: #111;}
.area_email .ckbox{margin: 20rem 0 0; text-align:left;display: flex;justify-content: flex-end;}
.area_email .ckbox input[type="checkbox"]{display:none; width:15rem; height:15rem;}
.area_email .ckbox input[type="checkbox"] + label span{display:inline-block; margin-right:5rem; width:26rem; height:26rem; background:url(../img/sub/img_check.png) left top no-repeat; cursor: pointer;}
.area_email .ckbox input[type="checkbox"]:checked + label span{background:url(../img/sub/img_check.png) -27rem top no-repeat;}
.area_email .ckbox em{position:relative; top:-6rem; font-size:18rem; font-weight:400; color:#222; line-height:1.4em;}

#en .area_email .area_box .box_cont .privacy_box > li{font-family: var(--font-k);}

.select_box .box {display: inline-block; position: relative; margin:0 0 0 10rem;  width: 200rem; }
.select_box .box .select{position: relative;z-index:1;box-sizing:border-box;padding: 15rem 20rem;font-size: 16rem;font-weight:300;/* background-color: #f7f7f7; */cursor: pointer;border-radius:2rem;border: 3rem solid #eee;box-sizing: border-box;/* background: url(../img/common/arr_basic.svg) no-repeat center; */font-family: var(--font-k);}
.select_box.v1 .box .select{z-index:10;}
.select_box.v1 .box .list{z-index:9;}
.select_box .box .select:after {content: '';position: absolute;top: 17rem;right: 20rem;z-index:90;background:url(../img/sub/icon_arrow.svg) no-repeat center;width: 14rem;height: 12rem;background-size:contain;background: url(../img/common/arr_basic.svg) no-repeat center;transform: rotate(90deg);}
.select_box.on .box .select{border-bottom:none;}
.select_box.on .box .select:after{transform: rotate(-90deg);}
.select_box .box .list {display: none;overflow-y: auto;position: absolute;top: 53rem;left: 0;z-index: 10;border: 3rem solid #ccc;box-sizing:border-box;width: 100%;background-color: #fff;box-shadow: 0.624rem 2.934rem 18rem rem rgba(0, 0, 0, 0.14);border-radius:0 0 2rem 2rem;z-index: 50;}
.select_box .box .list > li{font-size:15rem;font-weight:600;color:#333;line-height:1.5em;font-family: var(--font-k);}
.select_box .box .list > li span{font-size:12rem;}
.select_box .box .list::-webkit-scrollbar { width: 10rem; height: 0; }
.select_box .box .list::-webkit-scrollbar-button:start:decrement,
.select_box .box .list::-webkit-scrollbar-button:end:increment {display: block; height: 0; }
.select_box .box .list::-webkit-scrollbar-track{background: rgba(0, 0, 0, .05); -webkit-border-radius: 10rem; border-radius:10rem; }
.select_box .box .list::-webkit-scrollbar-thumb {height: 50rem; width: 50rem; background: rgba(0, 0, 0, .2); -webkit-border-radius: 5rem; border-radius: 5rem; }
.select_box .box .list > li {box-sizing: border-box; padding: 5rem 20rem; width: 100%; cursor: pointer; height:40rem; line-height:33rem; }
.select_box .box .list > li:hover {background-color: #f5f5f5;}

#en .select_box.v3 .box{width:250px;}


label.container{display:block;position:relative;margin-bottom:40rem;padding-left:27rem;color: #111;font-size: 17rem;font-weight: 600;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.container input{position:absolute;opacity:0;cursor:pointer;}
.checkmark{position:absolute;top: -1rem;left: -10rem;width: 25rem;height: 25rem;border:1rem solid #ddd;}
.container input:checked ~ .checkmark{border: 1rem solid #111;background-color:#ffffff;}
.checkmark:after{display:none;position:absolute;content:"";}
.container input:checked ~ .checkmark:after{display:block;}
.container .checkmark:after{top: 4rem;left: 8rem;width: 7rem;height: 11rem;border: 4px solid #111;border-width: 0 2rem 2rem 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}

.area_btn{width:100%; text-align:center;}

#inq_submit{position:relative;display:inline-block;width: 190rem;padding:19rem 40rem;background-size:14rem auto;box-sizing:border-box;border-radius:50rem;font-size: 16rem;font-weight:600;color: #fff;text-align:left;background: var(--c-01);text-align: center;margin-top: 30rem;font-weight: 700;font-family: 'Pretendard', dotum, sans-serif;}

/* board set */
.gall_subject{/* margin-top:30px; */}
.custom_btn{display:flex !important; justify-content:center; align-items:center; position:absolute; left:50%; width:220px; height:67px !important; background:#32a26c !important; font-size:18px; transform:translateX(-50%); border-radius:100px;}

#bo_v_title .bo_v_tit{display:block;line-height:1.3em;padding: 10rem 0;font-weight:bold;font-size: 42rem;color: #111;text-align:left;letter-spacing:-.05em;max-width:80%;font-style: italic;}
#bo_v_top{padding-top:50px; border-top:1px solid; zoom:1;}

/* board-certify set */
.gallery_certify #bo_gall #gall_ul li > a{height:auto !important;}
.gallery_certify #bo_gall #gall_ul li:nth-child(4) ~ li{margin-top:10px;}
.gallery_certify #bo_gall #gall_ul li{margin:0;}
.gallery_certify #bo_gall .gall_img{display:block; position:relative; overflow:hidden; width:100%; height:100%; padding:24px; background:#fafafa;}

.colum4_board{gap: 30px;}
.colum4_board > li{width: -webkit-calc((100% / 4) - 24rem);width: calc((100% / 4) - 24rem);}

/* board-gallery set */
.colum3_board{gap:40px;}
.colum3_board > li{width:-webkit-calc((100%/3) - 27px); width:calc((100%/3) - 27px);}
.colum3_board > li:nth-child(3) ~ li{margin-top: 1% !important;}
.colum3_board .gall_info{overflow:hidden; margin-top:7px; font-weight:400; font-size:16px; color:#888; white-space:nowrap; text-overflow:ellipsis;}

/* notice photo left set */
/* 사용시 notice list스킨에 #bo_list에 클레스 notice_photo 추가 */
.notice_photo .notice_icon{position:absolute; top:0; right:0; padding:3px 10px; background:#ba1c22; font-weight:500; font-size:13px; color:#fff;}
.notice_photo .bo_list{margin: 0px 0 60px;}
.notice_photo .bo_list li{position:relative; display:block; width:100%;}
.notice_photo .bo_list li a{display: flex;align-items: center; width:100%;padding: 50px 0; box-sizing:border-box; border-bottom:1px solid #ddd;align-items: center;}
.notice_photo .bo_list li a .area_img{position:relative; overflow:hidden; overflow:Hidden; width:270px; height:190px; margin:0 50px 0 0;}
.notice_photo .bo_list li a .area_img img{position:absolute; top:50%; left:50%; width:100%; transition:all 0.3s ease; transform:translate(-50%, -50%) scale(1.0,1.0);}
.notice_photo .bo_list li:hover a .area_img img{transform:translate(-50%, -50%) scale(1.05,1.05);}
.notice_photo .bo_list li a .area_txt .area_bottom{display:block;}
.notice_photo .bo_list li a .subject{display:block; width:calc(100% - 350px); width:-webkit-calc(100% - 350px); box-sizing:border-box; text-align:left;}
.notice_photo .bo_list li a .subject h3{display:block; display:-webkit-box; overflow:hidden;line-height: 1.4;font-weight: 600; font-size:20px; color:#222; word-break:keep-all; text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;width: 90%;}
.notice_photo .bo_list li a .subject p{display:block; display:-webkit-box; overflow:hidden; margin-top:9px; font-weight:300;font-size: 16rem; color:#666;  text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.notice_photo .bo_list li a .subject .lt_date i{margin-left:15px; padding-left:15px; border-left:1px solid #eee; font-weight:500; color:#c3c3c3; font-style:normal;}
.notice_photo .bo_list li a .subject .lt_date{display:block;margin: 42px 0 0;font-weight: 600;font-size: 14px;color: #1777c1;font-family: 'Pretendard', dotum, sans-serif;}
.notice_photo .bo_list li a:after{content:""; display:block; visibility:hidden; clear:both;}
.notice_photo .bo_list li a:hover{text-decoration:none;}
.notice_photo .bo_list li a:hover .datetime h2{color:#ba1c22;}
.notice_photo .bo_list li a:hover .datetime span,
.notice_photo .bo_list li a:hover .datetime h2,
.notice_photo .bo_list li a:hover .subject h3{color: #1777c1 !important;}
.notice_photo .datetime{display:flex; justify-content:center; align-items:center; margin:0 50px; text-align:center; flex-direction:column;}
.notice_photo .datetime h2{line-height:0.8em; font-weight:bold; font-size:48px !important; color:#d9d9d9 !important; transition:all 0.3s ease;}
.notice_photo .datetime span{display:block; margin:10px 0 0; font-weight:bold; font-size:16px; color:#d9d9d9; transition:all 0.3s ease;}
.notice_photo .subject .bcont{display:block; display:-webkit-box; overflow:hidden; width:100%; line-height:1.4em; margin:19px 0 0; font-weight:400; font-size:16px; color:#666; white-space:nowrap; word-break:keep-all; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

/* notice only tit */
/* 사용시 list스킨에 #bo_list에 클레스 .notice_photo.data 추가 */
.notice_photo.data .bo_list li a .subject .lt_date{margin:0; min-width:210px;color: #ccc;}
.notice_photo.data .bo_list li a .subject{display:flex; justify-content:space-between; width:100%;}
.notice_photo.data .bo_list li a .subject h3{font-size:18px;}
.notice_photo.data .bo_list{border-top:2px solid #222;}
.notice_photo.data .bo_list li a{padding: 40rem 0;}

/* 다운로드게시판 */
/* list스킨에 #bo_list에 클레스 .download_gall 추가 */
#gall_ul.download_gall{margin-top:60rem !important;}

@media (min-width:2000px){
	/* html{font-size:0.05254860746190225vw;} */
}

@media (max-width:1480px){
	html,html.safari.desktop {font-size:0.06756756756756757vw;}
}

@media (max-width:1400px){
	.colum3_board > li{width:-webkit-calc((100%/3) - 27px); width:calc((100%/3) - 27px);}
}

@media (max-width:1279px){
	.colum4_board{gap:30px;}
	.colum4_board > li{width:calc((100% / 4) - 23px); width:-webkit-calc((100% / 4) - 23px);}

	.colum3_board > li:nth-child(3) ~ li{margin-top:1% !important;}	
	.colum3_board .gall_subject{font-size:21px;}

	.gallery_certify .gall_subject{margin-top:25px;}
}

@media (max-width:1024px){
	.notice_photo .bo_list li a{padding:30px;}
	.notice_photo .bo_list li a .area_img{margin:0 30px 0 0; width:220px; height:150px;}
	.notice_photo .bo_list li a .subject{width:calc(100% - 250px);}
}

@media (max-width:1023px){
    html,html.safari.desktop {font-size:0.09775171065493645vw;}


	#bo_gall #gall_ul{margin-top: 0;}

	.colum4_board > li{width:calc((100% / 3) - 20px); width:-webkit-calc((100% / 3) - 20px);}

	.colum3_board{gap:20px;}
	.colum3_board > li{width: -webkit-calc((100%/2) - 10px);width: calc((100%/2) - 10px);}
	.colum3_board .gall_subject{margin-top: 3px;font-size:19px;}
	.gall_text_href > span{margin-top:15rem; font-size:20rem;}
	
	/* #bo_gall{margin-top:0 !important;} */
	#bo_gall .download_gall .gall_img{height:367rem;}
	#bo_gall .gall_img::before{bottom:-20rem; width:65rem; height:65rem;}	
}

@media (max-width:860px){
	html,html.safari.desktop {font-size:0.13020833333333335vw;}

	#bo_gall .download_gall .gall_img{height:277rem;}
	#bo_gall .download_gall{margin-top:30rem !important;}
	#bo_gall .gall_img::before,
	#bo_gall #gall_ul li a:hover .gall_img:before{bottom:0;}
	.gall_subject{width:100%;}	
}


@media (max-width:850px) {
	.notice_photo .bo_list li a{padding:30px 20px;}
	.notice_photo .bo_list li a .subject .lt_date{margin:10px 0 0;}
}

@media (max-width:650px) {
	.notice_photo .bo_list li a{padding: 20rem 0;}
	.notice_photo .bo_list li a .area_img{margin:0 18px 0 0;}
	.notice_photo .bo_list li a .subject h3{font-size:18px;}
	.notice_photo .bo_list li a .subject .lt_date{font-size: 15rem; margin:7px 0 0;}

	.notice_photo .bo_list li a .subject h3{height:31rem;}
	.notice_photo.data .bo_list li a .subject .lt_date{min-width: 229rem;display: flex;align-items: center;}
}

@media (max-width:540px) {
	html,html.safari.desktop {font-size:0.26666666666666665vw;}	

	.notice_photo .bo_list li a .area_img{margin:0 20px 0 0; width:140px; height:100px;}
	.notice_photo .bo_list li a .subject{width:calc(100% - 160px);}
	.notice_photo .bo_list li a .subject h3{font-size:17px;}
	.notice_photo .bo_list li a .subject .lt_date{font-size:14px; margin:5px 0 0;}
	.notice_photo .bo_list li a .subject h3{height:19rem;}
	.notice_photo.data .bo_list li a{padding: 23rem 0;}
	.notice_photo .bo_list li a .subject .lt_date i{display:none;}
	.notice_photo.data .bo_list li a .subject .lt_date{display:flex; align-items:center; min-width:auto;}
	.notice_photo .bo_list li a .subject h3{width:81%;}
	.notice_photo.data .bo_list li a .subject h3{margin-right:10rem;font-size: 14rem; word-break:break-all;}
	
	.notice_photo_view #bo_v_info .if_date{margin-top:5rem;}		

	.pg_page{width:30rem; height:40rem; font-size:15rem;}

	.colum3_board{gap:15px;}
	.colum3_board > li{width:-webkit-calc((100%/2) - 8px);width: 100%;}
	.colum3_board li:nth-child(2) ~ li{margin-top:20px !important;}
	.colum3_board #gall_ul{margin-top:33px;}
	.colum3_board .gall_info{margin-top:2px; font-size:15px;}

	.colum4_board{gap:18px;}
	.colum4_board > li{width:calc((100% / 2) - 9px); width:-webkit-calc((100% / 2) - 9px);}
	
	.gallery_certify .gall_subject{margin-top:19px;}
	.gallery_certify > article{padding-bottom:0 !important;}
	.gallery_certify #bo_gall .gall_img{padding:18px;}

	#bo_v_title .bo_v_tit{font-size: 25rem; max-width:100%;line-height: 1.4;}
	#bo_v_info .if_date{display:block;position:relative;top:0;/* font-size:11rem; */color: var(--c-bd);font-weight: 600;}
	#bo_v_top{margin-bottom: 0; padding-top:20px;}
	
	.custom_btn{width:170px; height:63px !important; font-size:16px;}	

	.notice_photo .bo_list li a .area_img{margin:0 20px 0 0; width:160px; height:110px;}
	.notice_photo .bo_list li a .subject{width:calc(100% - 180px);}  

	.pg_current{width:40rem; height:40rem; font-size:15rem;}
	.pg_page{width:40rem; height:40rem; font-size:15rem;}
	.pg_end,
	.pg_start,
	.pg_next,
	.pg_prev{background-size:12rem;}
	.pg_wrap{margin: 20rem 0 0;}
	#bo_gall .gall_img img{width:101%; max-width:101%;}
	#bo_btn_top{display:flex; justify-content:space-between; align-items:flex-end; width:100%; margin:0 0 10px;}
	#bo_sch .sch_btn{font-size:16rem;}
	#bo_sch .sch_input{width:80%;}
	#bo_list_total{display:none;}
	#area_sch{width:100%; margin-top:20rem;}
	#bo_gall #gall_ul{margin-top:20rem !important;}
	.gall_text_href > span{font-size:18rem;}
	#bo_w,
	#bo_v{margin:0;}
	#bo_v_info{margin:0 0 20rem; padding:0 0 15px;}
	a.board-btn{padding:17rem 41rem; font-size:16rem;}
	#bo_gall .gall_img::before{width:52rem; height:52rem; background-size:15rem;}
	.colum4_board{gap:20px 11px;}
	.colum4_board > li{width:calc((100% / 2) - 6px); width:-webkit-calc((100% / 2) - 6px);}
	#bo_gall .download_gall .gall_img{height:227rem;}
	#bo_gall .download_gall .gall_img::after{border:0;}
	#bo_gall .download_gall .gall_subject{margin-top:12rem; font-size:16rem;}
	
	/* contact us */
	.area_email .area_box h3{font-size:25rem;}
	.area_email .area_box .box_cont p{margin:6rem 0 0; font-size:16rem;}
	.area_email .area_box .box_cont .privacy_box{margin:21rem 0 0; padding:18rem;}
	.area_email .area_box .box_cont .privacy_box > li:before{top:7rem;}
	.area_email .area_box .box_cont .privacy_box > li{padding:0px 0 6rem 10rem; font-size:15rem;}
	label.container{margin-bottom:0; font-size:15rem;}
	.checkmark{top:-4rem; left:-7rem;}
	.input_box > span{margin-bottom:7rem; font-size:18rem;}
	.area_email .area_box{padding:0 0 40rem;}
	.area_email input[type="text"]{width:100%; height:50rem;}
	.input_box_size1{width:100%;}
	.input_box_size_call{display:flex; align-items:center; gap:5rem;}
	.inputbox .select_box{width:100%; margin:0; margin-top:10rem;}
	.inputbox.mail{display:flex; flex-wrap:wrap;}
	.select_box .box{width:100%; margin:0 0 0 0;}
	.inputbox.mail input{width:46.4%;}
	.input_box_size_textarea textarea{height:175rem;}
	#inq_submit{margin-top:0;}	
}

@media (max-width:450px) {
	.notice_photo:not(.data) .bo_list li a{padding: 0rem 0;display: flex;flex-direction: column;border: none;}
	.notice_photo .bo_list li a .area_img{min-width: auto;width: 100%;height: 179rem;margin: 0;}
	.notice_photo:not(.data) .bo_list li a .subject{width:100%;margin-top: 21rem;}
	.notice_photo .bo_list li a .subject h3{font-size: 17rem;width: 90%;word-break: break-all;height: 21rem;}
	.notice_photo .bo_list li a .subject .lt_date{font-size:13px;margin: 15px 0 0;}
	.notice_photo .bo_list li a .subject p{font-size:15rem;}
	.notice_photo:not(.data) .bo_list li:not(:first-child){margin-top: 37rem;}
}

@media (max-width:359px){
	.colum3_board > li{width:100%;}
	.colum3_board li:nth-child(1) ~ li{margin-top:20px;}
}

@media (max-width:320px){
	.colum4_board > li{width:100%;}
}