@charset "utf-8";

#fwrite{margin-top: 100px;}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
탑배너
html > page > top_banner.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.top_banner{position:relative;}
.top_banner .container_wide{display:flex; justify-content:center;}
.top_banner .container_wide .container_img{width: 100%;}
.top_banner .container_wide .top_banner_text{position:absolute; top: 49%; transform:translateY(-50%);}
.top_banner .container_wide .top_banner_text > *{color: #fff;}
.top_banner .container_wide .top_banner_text h1{font-size: 45px; font-weight: bold;}
.top_banner .container_wide .top_banner_text p{font-size: 16px; padding-top: 29px;}

.sub_menu_box{height: 56px; border-bottom: 1px solid #e1e1e1;}
.sub_menu_box .container_fix{height: 56px;}
.sub_menu_box .container_fix div{height: 100%;}
.sub_menu_box .container_fix .cate_ul{height: 100%; margin-bottom: 0; text-align: inherit;}
.sub_menu_box .container_fix .cate_ul .cate_li{width: auto; height: 100%; margin-right: 56px; padding-right: 56px; position:relative;}
.sub_menu_box .container_fix .cate_ul .cate_li:after{content:""; width: 1px; height: 14px; background: #e5e5e5; position:absolute; top:50%; transform:translateY(-50%); right: 0;}
.sub_menu_box .container_fix .cate_ul .cate_li:last-child{margin-right: 0; padding-right: 0;}
.sub_menu_box .container_fix .cate_ul .cate_li:last-child:after{display:none;}
.sub_menu_box .container_fix .cate_ul .cate_li a{width: auto; border: 0; font-size: 16px; color: #333; position:relative; line-height: 56px; background: none;}
.sub_menu_box .container_fix .cate_ul .cate_li.on a{width: auto; font-weight: 600; color: #002e72; position:relative; line-height: 56px;}
.sub_menu_box .container_fix .cate_ul .cate_li.on a:before{content:""; width: 100%; height: 2px; background: #002e72; position:absolute; bottom:0; left: 0;}

.sub_text{margin: 100px 0;}
.sub_text .container_fix{}
.sub_text .container_fix h1{font-weight: 500; font-size: 40px; position:relative; color: #000}
.sub_text .container_fix .m01_01_lang,
.sub_text .container_fix .mm01_01_lang{position:absolute; right: 15px; bottom: 0;}
.sub_text .container_fix .m01_01_lang span,
.sub_text .container_fix .mm01_01_lang span{font-size: 15.5px; cursor: pointer; font-weight: 400; position:relative; color: #666;}
.sub_text .container_fix .m01_01_lang span.lang_active,
.sub_text .container_fix .mm01_01_lang span.m_lang_active{color: #002e72; font-weight: 500;}
.sub_text .container_fix .m01_01_lang span.lang_active:before,
.sub_text .container_fix .mm01_01_lang span.m_lang_active:before{content:""; width: 31px; height: 2px; background: #002e72; position:absolute; bottom: -6px; left: 1px;}
.sub_text .container_fix .m01_01_lang span:not(:last-child),
.sub_text .container_fix .mm01_01_lang span:not(:last-child){margin-right: 20px; padding-right: 20px;}
.sub_text .container_fix .m01_01_lang span:not(:last-child):after,
.sub_text .container_fix .mm01_01_lang span:not(:last-child):after{content:""; width: 1px; height: 14px; background: #e5e5e5; position:absolute; right: -2px; top: 50%; transform: translateY(-50%)}

.m_sub_menu .dropdown a{height: 100%; line-height: 1; display:flex; align-items:center; justify-content: center; position:relative;}
.m_sub_menu .dropdown a:focus{outline: none;}
.m_sub_menu .dropdown a span{position:absolute; right: 8px; top: 28px;}
.m_sub_menu .dropdown a span:before,
.m_sub_menu .dropdown a span:after{content:""; width: 9px; height: 1px; position: absolute; background: #666;}
.m_sub_menu .dropdown a span:before{transform: rotate(45deg); right: -3px;}
.m_sub_menu .dropdown a span:after{transform: rotate(-45deg);}

.m_sub_menu .dropdown ul.dropdown-menu{width: 100%; box-shadow: none;}
.m_sub_menu .dropdown ul.dropdown-menu li{height: 35px;}
.m_sub_menu .dropdown ul.dropdown-menu li.on a{color: #002e72; font-weight: bold;}

@media(max-width: 991px){
	.top_banner .container_wide .top_banner_text h1{font-size: 25px;}
	.top_banner .container_wide .top_banner_text p{font-size: 13.5px; padding-top: 19.5px;}

	.sub_text{margin: 50px 0;}
	.sub_text .container_fix{display: flex; flex-flow: column; align-items: center;}
	.sub_text .container_fix h1{font-size: 25px; font-weight: 500;}
	.sub_text .container_fix .mm01_01_lang{width: 100%; position:static; display:flex; justify-content:center; margin:28px 0 2px}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
m01_01
html > page > m01_01.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.m01_01 img,
.mm01_01 img{display:none;}
.m01_01 img.lang_img_active{display:block;}
.mm01_01 img.m_lang_img_active{display:block;}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
m01_02
html > thema > fivesense-basic > widget > m01_02_history > widget.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.m01_02 .history_map{margin-bottom: 100px; position:sticky; top: 101px; left: 0; right: 0; bottom: 0; z-index:99; background: #fff;}
.m01_02 .history_map:after{content:""; width: 100%; height: 1px; background: #dadada; position:absolute; top: 44%;}
.m01_02 .history_map .container_fix2{display:flex;}
.m01_02 .history_map a{display:flex; flex-flow:column; flex: 1; font-size: 16px; text-align:center; position:relative;}
.m01_02 .history_map a h1{font-size: 30px; font-weight:bold; color: #999; margin-bottom: 34.5px;}
.m01_02 .history_map a p{font-size: 16px; font-weight: 400; color: #999; margin-top: 34.5px; line-height: 25px;}
.m01_02 .history_map a:last-child p{line-height: 25px;}

/* 해당 연혁 active */
.m01_02 .history_map a.history_active{position:relative;}
.m01_02 .history_map a.history_active h1{color: #002e72}
.m01_02 .history_map a.history_active p{color: #002e72; font-weight: 500;}
.m01_02 .history_map a:hover h1,
.m01_02 .history_map a:hover p{color: #002e72}
.m01_02 .history_map a:hover .history_acitve_circle .circle_box{background: #002e72}
.m01_02 .history_map .history_acitve_circle{ height: 31px;  border-radius: 50%; position:absolute; top: 34%; left: 50%; transform: translateX(-50%); z-index: 99; display:flex; align-items:center; justify-content:center; background: #fff; bottom: -15px;}
.m01_02 .history_map .history_acitve_circle .circle_box{width: 9px; height: 9px; background: #999; border-radius: 50%;}
.m01_02 .history_map a.history_active .history_acitve_circle{width: 31px; display:flex; border: 1px solid #002e72;}
.m01_02 .history_map a.history_active .history_acitve_circle .circle_box{display: block; background: #002e72;}
/* 스크롤시 연혁 active */
.m01_02 .history_map.active{padding-top: 35px;}
.m01_02 .history_map.active a p{display: none;}
.m01_02 .history_map.active:after{top: auto; bottom: 0;}
.m01_02 .history_map.active a.history_active .history_acitve_circle{bottom: -15px; top: auto;}
.m01_02 .history_map.active .history_acitve_circle{top: auto; bottom: -15px;}

.m01_02_history .history_banner{margin-bottom: 0; padding: 0; text-align:center;}
.m01_02_history .history_banner h5{font-size: 42px; font-weight: bold; color: #002e72;}
.m01_02_history .history_banner p{font-size: 20px; font-weight: 400; color: #333; padding-top: 30px;}
.m01_02_history .circle.gray_circle{width:18px; height:18px; background:#fff; border:4px solid #a6a6a6; margin:45px auto 110px; display:block; border-radius: 50%; position:relative;}
.m01_02_history .circle.gray_circle:before{content:""; width: 1px; height: 126px; background: #d7d7d7; position:absolute; left: 50%; top: 13px; transform: translateX(-50%);}
.m01_02_history .history{display: flex; position: relative; padding-bottom: 100px;}
.m01_02_history .history:before{content: ""; width: 1px; height: 100%; background: #d7d7d7; position:absolute; left: 50%; transform: translateX(-50%);}
.m01_02_history .history:nth-child(odd) .history_year{order: 2}
.m01_02_history .history:nth-child(odd) .history_year h5{padding-left: 30px;}
.m01_02_history .history:nth-child(odd) .history_content:before{right: 50%; top: 16px;}
.m01_02_history .history:nth-child(odd) .history_content .history_cont{padding-right: 90px;text-align:right}
.m01_02_history .history:nth-child(odd) .history_content .history_cont h5:after{content:"·"; margin-left: 2px;}
.m01_02_history .history:nth-child(even) .history_content{text-align:right;}
.m01_02_history .history:nth-child(even) .history_content:before{left: 50%; top: 16.1px;}
.m01_02_history .history:nth-child(even) .history_content .history_cont{padding-left: 90px;text-align:left}
.m01_02_history .history:nth-child(even) .history_content .history_cont h5:before{content:"·"; margin-right: 2px;}
.m01_02_history .history:nth-child(even) .history_year h5{padding-right: 30px; text-align:right;}
.m01_02_history .history:last-child{padding-bottom: 105px; margin-bottom: 105px;}
/* .m01_02_history .history:nth-child(even) .history_content .history_cont{padding-left: 90px; } */
.m01_02_history .history .history_year{flex: 1;}
.m01_02_history .history .history_year h5{font-weight: bold; font-size: 25px; color: #000; padding-top: 3px;}
.m01_02_history .history .history_content{position:initial; flex: 1;}
.m01_02_history .history .history_content::before{content: ""; width: 74px; height: 1px; background: #d7d7d7; position:absolute;}
.m01_02_history .history .history_content .circle.point_circle{position:absolute; width:12px; height:12px; background:#fff; border:3px solid #002e72; position:absolute; left:50%; transform:translateX(-50%); border-radius:50%; overflow:hidden;}
.m01_02_history .history .history_content .circle.point_circle{top:11px;}
.m01_02_history .history .history_content .history_cont .history_box{color: #666; font-size: 16px;}
.m01_02_history .history .history_content .history_cont .history_box h5,
.m01_02_history .history .history_content .history_cont .history_box p{line-height: 32px; font-weight: 300; font-size: 16px;}
/* .m01_02_history .history .history_content .history_cont:not(:first-child) .history_box h5{line-height: 32px;} */
/* .m01_02_history .history_map a.history_active{color: #fff; background: #002e72} */


@media(max-width: 991px){
	.m01_02 .history_map{margin-bottom: 52.5px; top: 51px;}
	.m01_02 .history_map:after{top: auto;}
	.m01_02 .history_map .container_fix2{justify-content: space-between;}
	.m01_02 .history_map a{flex: initial}
	.m01_02 .history_map a h1{font-size: 17.5px; margin-bottom: 17px;}
	.m01_02 .history_map a p{display:none;}
	.m01_02 .history_map .history_acitve_circle{top: auto; bottom: -15.5px;}
	.m01_02 .history_map .history_acitve_circle .circle_box{width: 5.5px; height: 5.5px;}
	.m01_02 .history_map a.history_active .history_acitve_circle{width: 15.5px; height: 15.5px; top: auto; bottom: -8px;}
	.m01_02 .history_map a.history_active .history_acitve_circle .circle_box{width: 4.5px; height:4.5px;}
	.m01_02 .history_map.active{padding-top: 18px;}
	.m01_02 .history_map.active a.history_active .history_acitve_circle{bottom: -7px;}

	.m01_02_history .history{display:block; padding-bottom: 50px;}
	.m01_02_history .history:before{left: 6px; transform: initial;}
	.m01_02_history .history .history_year h5{font-size: 21px;}
	.m01_02_history .circle.gray_circle{width: 13px; height: 13px; margin: 21px 0 38px; border-width: 3px;}
	.m01_02_history .circle.gray_circle:before{height: 49px; top: 10px; left: 3px; transform: initial;}
	.m01_02_history .history_banner h5{font-size: 22.5px;}
	.m01_02_history .history_banner p{font-size: 14.5px; padding-top: 19.5px; line-height: 23px;}
	.m01_02_history .history .history_content{padding-left: 24px; margin-top: 19px;}
	.m01_02_history .history .history_content::before{display:none;}
	.m01_02_history .history .history_content .circle.point_circle{left: 7px; top: 8px;}
	.m01_02_history .history .history_content .history_cont .history_box h5,
	.m01_02_history .history .history_content .history_cont .history_box p{font-size: 13.5px; line-height: 24.5px;}
	.m01_02_history .history:nth-child(odd) .history_content .history_cont{padding-right: 0; text-align:start;}
	.m01_02_history .history:nth-child(odd) .history_year h5{padding-left: 24px;}
	.m01_02_history .history:nth-child(even) .history_content{text-align:start;}
	.m01_02_history .history:nth-child(odd) .history_content .history_cont h5:before{content:"·"; margin-right: 2px;}
	.m01_02_history .history:nth-child(odd) .history_content .history_cont h5:after{display: none;}
	.m01_02_history .history:nth-child(even) .history_year h5{text-align:start; padding-left: 24px;}
	.m01_02_history .history:nth-child(even) .history_content .history_cont{padding-left: 0; text-align:left;}
	.m01_02_history .history:last-child{padding-bottom: 52.5px; margin-bottom: 52.5px;}

}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
m01_03
html > page > m01_03.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.m01_03.container_img{overflow:hidden;}
/* .m01_03 .m01_03_box04{margin-bottom: 100px;}
.m01_03 .m01_03_box .miso-post-gallery .post-row .post-list .post-image{border: 1px solid #ebebeb; position:relative;}
.m01_03 .m01_03_box .miso-post-gallery .post-row .post-list .post-image img{height: 100%;}
.m01_03 .m01_03_box .miso-post-gallery .post-row .post-list .post-image .book_bg{width: 0; height: 100%; position:absolute; left: 0; top: 0; background:rgba(0, 0, 0, 0.65); visibility:hidden; opacity: 0; transition: all 0.25s ease-in-out; display:flex; justify-content:center; align-items:center;}
.m01_03 .m01_03_box .miso-post-gallery .post-row .post-list .post-image:hover .book_bg{width: 100%; visibility:visible; opacity: 1;}
.m01_03 .m01_03_box .miso-post-gallery .post-row .post-list .post-image .book_bg p{color: #fff; text-transform: uppercase; font-size: 16px;}
.m01_03 .m01_03_box .miso-post-gallery .post-row .post-list .post-image .book_bg p span{position: relative; padding-left: 7px;}
.m01_03 .m01_03_box .miso-post-gallery .post-row .post-list .post-image .book_bg p span:before,
.m01_03 .m01_03_box .miso-post-gallery .post-row .post-list .post-image .book_bg p span:after{content: ""; width: 8px; height: 1px; background: #fff; position: absolute;}
.m01_03 .m01_03_box .miso-post-gallery .post-row .post-list .post-image .book_bg p span:before{transform: rotate(45deg); top: 10.1px;}
.m01_03 .m01_03_box .miso-post-gallery .post-row .post-list .post-image .book_bg p span:after{transform: rotate(-45deg); bottom: 8.5px;}

@media(max-width: 991px){
	.m01_03 .m01_03_box .miso-post-gallery .post-row .post-list .post-image .book_bg p{font-size: 14px;}
	.m01_03 .m01_03_box .miso-post-gallery .post-row .post-list .post-image .book_bg p span:before,
	.m01_03 .m01_03_box .miso-post-gallery .post-row .post-list .post-image .book_bg p span:after{width: 7px;}
	.m01_03 .m01_03_box .miso-post-gallery .post-row .post-list .post-image .book_bg p span:before{top: 9px;}
	.m01_03 .m01_03_box .miso-post-gallery .post-row .post-list .post-image .book_bg p span:after{bottom: 7px;}
} */

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
m01_04
html > page > m01_04.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.m01_04 iframe{width: 100%; height: 461px;}

@media(max-width: 991px){
	.m01_04 iframe{height: 203px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
m02_01
html > skin > board > m02_01 > category.skin.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.m02_01.category_modify{margin-bottom: 100px; margin-top: -30px;}
.m02_01.category_modify > ul.category_modify_ul{text-align:center;}
.m02_01.category_modify > ul.category_modify_ul > li{width: 144px; height: 43px; border: 1px solid #d7d7d7; border-radius: 144px; margin-right: 20px;}
.m02_01.category_modify > ul.category_modify_ul > li:first-child > a{margin: 0;}
.m02_01.category_modify > ul.category_modify_ul > li:last-child{margin-right: 0;}
.m02_01.category_modify > ul.category_modify_ul > li:hover{background: #002e72; border-color: #002e72}
.m02_01.category_modify > ul.category_modify_ul > li:hover a{color: #fff;}
.m02_01.category_modify > ul.category_modify_ul > li a{width: 100%; height: 100%; margin:0; padding:0; color: #666666; display:flex; justify-content:center; align-items:center; line-height: 43px;}
.m02_01.category_modify > ul.category_modify_ul > li a::after{display:none;}
.m02_01.category_modify > ul.category_modify_ul > li.specific{border-color: #002e72}
.m02_01.category_modify > ul.category_modify_ul > li.specific a{color :#002e72;}
.m02_01.category_modify > ul.category_modify_ul > li.active{border-color: #002e72; background: #002e72;}
.m02_01.category_modify > ul.category_modify_ul > li.active > a{color: #fff; margin: 0;}
.m02_01.category_modify > ul.category_modify_ul > li.active:hover a,
.m02_01.category_modify > ul.category_modify_ul > li.specific:hover a{color: #fff;}
	/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
	m02_01 모바일 카테고리
	html > skin > board > m02_01 > category.skin.php */
	.m02_01.gallery_container{margin-bottom: 0;}
	.m02_01.gallery_container .list-row{width: 25%;}
	.m02_01.gallery_container .list-row .img-wrap{box-shadow: 0 10px 20px rgb(0 0 0 / 10%); }
	.m02_01.gallery_container .list-row .img-wrap .img-item{}

	@media(max-width: 991px){
		.m02_01.gallery_container{margin-bottom: 0 !important;}
	}
	/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */
	.m02_01.list-category{height: 49px; margin-bottom: 50px;}
	.m02_01.list-category .dropdown{height: 100%; margin-top: -8px;}
	.m02_01.list-category .dropdown a{height: 100%; line-height: 34px; display: flex; /* align-items: center; */ justify-content: center;   }
	.m02_01.list-category .dropdown a#categoryLabel{background-image:url(/img/m_dropdown_arrow.png) !important; background: #fff; background-repeat: no-repeat; background-position: 92% 53%; background-size: 13px; color: #002e72 !important; border-radius: 22.5px !important; font-weight: 500; font-size: 14px;}
	.m02_01.list-category .dropdown a#categoryLabel:focus{outline:none;}
	.m02_01.list-category .dropdown ul{width: 100%; box-shadow: none;}
	.m02_01.list-category .dropdown ul li{height: 35px;}
	.m02_01.list-category .dropdown ul li a:hover{border-radius: 0;}
	.m02_01.list-category .dropdown ul li.selected a{color: #002e72}

	/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
	m02_01  책 이미지 크기
	html > skin > board > m02_01 > list > gallery > list.rows.php */
	.m02_01.gallery_container .list-row{width: 25%;}
	.m02_01.gallery_container .list-row .img-wrap{box-shadow: 0 10px 20px rgb(0 0 0 / 10%); }
	
	@media(max-width: 991px){
		.m02_01.gallery_container .list-row .img-wrap{box-shadow: none; border: 1px solid #ebebeb}
	}
	/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */

	/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
	m02_01  책 호버시 more 텍스트 노출
	html > skin > board > m02_01 > list > gallery > list.rows.php */
	.m02_01.gallery_container .list-row .img-wrap .img-item a{position:relative; transition: all 0.25s ease-in-out;}
	.m02_01.gallery_container .list-row .img-wrap .img-item a .book_bg{width: 0; height: 100%; position:absolute; top: 0; background: rgba(0, 0, 0, 0.65); display:flex; justify-content:center; align-items:center; opacity: 0; transition: all 0.25s ease-in-out; visibility:hidden;}
	.m02_01.gallery_container .list-row .img-wrap .img-item a:hover .book_bg{width: 100%; display:flex; opacity: 1; visibility:visible;}
	.m02_01.gallery_container .list-row .img-wrap .img-item a .book_bg p{color: #fff; text-transform: uppercase; font-size: 16px;}
	.m02_01.gallery_container .list-row .img-wrap .img-item a .book_bg p span{position:relative; padding-left: 7px;}
	.m02_01.gallery_container .list-row .img-wrap .img-item a .book_bg p span:before,
	.m02_01.gallery_container .list-row .img-wrap .img-item a .book_bg p span:after{content:""; width: 8px; height: 1px; background: #fff; position:absolute;}
	.m02_01.gallery_container .list-row .img-wrap .img-item a .book_bg p span:before{transform: rotate(45deg); top: 10.1px;}
	.m02_01.gallery_container .list-row .img-wrap .img-item a .book_bg p span:after{transform: rotate(-45deg); bottom: 8.5px;}

	@media(max-width: 991px){
		.m02_01.gallery_container .list-row .img-wrap .img-item a{position:static;}
		.m02_01.gallery_container .list-row .img-wrap .img-item a .book_bg p{font-size: 14px; white-space:nowrap;}
		.m02_01.gallery_container .list-row .img-wrap .img-item a .book_bg p span:before,
		.m02_01.gallery_container .list-row .img-wrap .img-item a .book_bg p span:after{width: 7px}
		.m02_01.gallery_container .list-row .img-wrap .img-item a .book_bg p span:before{top: 9px;}
		.m02_01.gallery_container .list-row .img-wrap .img-item a .book_bg p span:after{bottom: 7px;}
		.m02_01.gallery_container .list-row .img-wrap .img-item img{height: 100%}
		.m02_01.gallery_container .list-item{margin-bottom: 33px !important;}
	}
	/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */

	/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
	m02_01  책 제목, 소제목 크기
	html > skin > board > m02_01 > list > gallery > list.rows.php */
	.m02_01.gallery_container .fix_gallery_content{margin-top: 30px;}
	.m02_01.gallery_container .fix_gallery_content h5.gallery_title{font-size: 18px; font-weight: 400; color: #333333; white-space: nowrap;}
	.m02_01.gallery_container .fix_gallery_content p.gallery_p{height: 15px; font-size: 15px; font-weight: 400; color: #999999; margin-top: 15px;}

	@media(max-width: 991px){
		.m02_01.gallery_container .fix_gallery_content{margin-top: 20px;}
		.m02_01.gallery_container .fix_gallery_content h5.gallery_title{font-size: 15px; overflow: hidden; text-overflow: ellipsis;}
		.m02_01.gallery_container .fix_gallery_content p.gallery_p{font-size: 13px; margin-top: 8.5px;}
	}
	/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */

	/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
	m02_01 도서 뷰페이지 css
	html > skin > board > m02_01 > view > basic > view.skin.php */
	.m02_01.view-wrap{padding-top: 90px;}
	.m02_01.view-padding{display:flex; padding: 0; padding-bottom: 100px; position:relative;}
	.m02_01.view-padding:after{content:""; width: 100%; height: 1px; background: #d7d7d7; position:absolute; bottom: 0;}
	.m02_01.view-padding .view-img img{margin-bottom: 0; border: 1px solid #e1e1e1;}
	.m02_01.view-padding .right_info{width: calc(100% - 500px); margin-left: 120px; padding-top: 10px;}

	@media(max-width: 991px){
		.m02_01.view-wrap{padding-top: 30px;}
		.m02_01.view-padding{flex-flow: column; padding: 0 !important;}
		.m02_01.view-padding .view-img img{height: 301px;}
		.m02_01.view-padding .right_info{width: auto; margin-left: 0; padding-top: 58px;}
	}
	/* 책 제목 및 소제목 */
	.m02_01.view-padding .right_info .book_title .view_subject{font-size: 35px; color: #231f20; font-weight: bold; line-height: 1.2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden;}
	.m02_01.view-padding .right_info .book_title .view_min_subject{font-size: 16px; font-weight: 400; color: #666666; margin: 22px 0 60px;}
	/* 책 지은이 등 정보 */
	.m02_01.view-padding .right_info .book_info{display:flex;}
	.m02_01.view-padding .right_info .book_info_left{margin: 0 110px 54px 0}
	.m02_01.view-padding .right_info .book_info_left li{color: #231f20; font-size: 16px; font-weight: 400; margin-bottom: 20px;}
	.m02_01.view-padding .right_info .book_info_left li:last-child{margin-bottom: 0;}
	.m02_01.view-padding .right_info .book_info_right li{font-size: 16px; color: #666666; font-weight: 400; margin-bottom: 20px;}
	.m02_01.view-padding .right_info .book_info_right li:last-child{margin-bottom: 0;}
	/* 도서 구매 */
	.m02_01.view-padding .right_info .book_shop .book_shop_top{color: #222222; font-size: 15px; font-weight: 400; margin-bottom: 22px;}
	.m02_01.view-padding .right_info .book_shop .book_shop_bottom{display:flex;}
	.m02_01.view-padding .right_info .book_shop .book_shop_bottom li{width: 109px; height: 42px; margin-right: 16px; cursor: pointer;}
	.m02_01.view-padding .right_info .book_shop .book_shop_bottom li div{width: 100%; height: 100%; border: 1px solid #e1e1e1; display:flex; align-items:center; justify-content:center;}
	.m02_01.view-padding .right_info .book_shop .book_shop_bottom li div:hover{border-color: #002e72}
	.m02_01.view-padding .right_info .book_shop .book_shop_bottom li div a{font-size: 14px; color: #666666;}
	.m02_01.view-padding .right_info .book_shop .book_shop_bottom li div:hover a{color: #002e72}
	/* 도서 소개, 목차, 책 속으로, 저자 소개 */
	.left_common{width: 145px; color: #231f20; font-size: 20px; line-height: 30px;}
	.right_common{width: calc(100% - 120px); line-height: 30px !important; font-size: 15px; }
	.view-content.right_common{margin-bottom: 50px; padding-bottom: 0; overflow: hidden; position:relative;}
	.view-content.right_common.book_show_2,
	.view-content.right_common.book_index_2{height: 250px;}
	.view-content.right_common.book_inside_2{height: 160px;}
	.view-content.right_common.book_author_2{height: 190px;}
	.view-content.right_common.active{height: auto; overflow: initial;}
	.displayflex{display:flex; margin: 50px 0; border-bottom: 1px solid #d7d7d7; position:relative;}

	@media(max-width: 991px){
		.left_common{width: auto; font-size: 17.5px;}
		.right_common{width: auto;}
		.displayflex{flex-flow: column; margin: 27.5px 0;}

		.m02_01.view-padding .right_info .book_title .view_subject{font-size: 23.5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.2;}
		.m02_01.view-padding .right_info .book_title .view_min_subject{font-size: 13.5px; margin: 17px 0 35px;}
		.m02_01.view-padding .right_info .book_info_left{width: 130px; margin: 0;}
		.m02_01.view-padding .right_info .book_info_left li{font-size: 14px; margin-bottom: 15px;}
		.m02_01.view-padding .right_info .book_info_right{width: calc(100% - -3px); overflow: hidden;}
		.m02_01.view-padding .right_info .book_info_right li{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; margin-bottom: 15px;}
		.m02_01.view-padding .right_info .book_info{margin-bottom: 30px;}
		.m02_01.view-padding .right_info .book_shop{margin-bottom: 40px;}
		.m02_01.view-padding .right_info .book_shop .book_shop_top{margin-bottom: 17.5px}
		.m02_01.view-padding .right_info .book_shop .book_shop_bottom{display: flex;flex-flow: row wrap; justify-content: space-between;}
		.m02_01.view-padding .right_info .book_shop .book_shop_bottom li{width: 49%; margin-right: 2px;}
		.m02_01.view-padding .right_info .book_shop .book_shop_bottom li:first-child{margin-bottom: 8px}
		.m02_01.view-padding .right_info .book_shop .book_shop_bottom li div a{color: #222;}
	}

	/* 하단 목록 */
	.m02_01.view-btn2{width:100%; display:flex; justify-content:space-between; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 24px 0; margin-top: 70px;}
	.m02_01.view-btn2 a{display: block; font-size: 15px; color: #231f20; }
	.m02_01.view-btn2 a p{font-family: 'S-CoreDream-3Light'; color: #231f20;}
	.m02_01.view-btn2 a span{font-family: 'S-CoreDream-3Light'; color: #231f20; margin-right: 20px;}
	.m02_01.view-btn2 .view_prev p,
	.m02_01.view-btn2 .view_next p,
	.m02_01.view-btn2 .view_list p{position:relative; display:flex; align-items:center;}
	.m02_01.view-btn2 .view_prev p span:before{transform: rotate(45deg); top: 11px;}
	.m02_01.view-btn2 .view_prev p span:after{transform: rotate(-45deg); top: 5.5px;}
	.m02_01.view-btn2 .view_prev p span:before, .m02_01.view-btn2 .view_prev p span:after{content:""; width: 8px; height: 1px; position:absolute; background: #231f20;}
	.m02_01.view-btn2 .view_list p span{width: 13px; height: 1px; background: #666666; margin-right: 12px;}
	.m02_01.view-btn2 .view_list p span:after, .m02_01.view-btn2 .view_list p span:before{content:""; width: 13px; height: 1px; background: #666666; position: absolute;}
	.m02_01.view-btn2 .view_list p span:before{top: 2px;}
	.m02_01.view-btn2 .view_list p span:after{bottom: 2px;}
	.m02_01.view-btn2 .view_next p span{margin-right: 0; margin-left: 20px;}
	.m02_01.view-btn2 .view_next p span:before, .m02_01.view-btn2 .view_next p span:after{content:""; width: 8px; height: 1px; position:absolute; background: #231f20;}
	.m02_01.view-btn2 .view_next p span:before{transform: rotate(45deg); top: 5.5px; right:0}
	.m02_01.view-btn2 .view_next p span:after{transform: rotate(-45deg); top: 11px; right:0}
	/* 관리자로 로그인시 하단 다음, 복사, 이동 등 */
	/* .m02_01.view-btn{margin: 30px 0 50px} */

	/* 도서에서 게시글 작성시 */
	.m02_01_select select{-webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/img/select_bg.png) no-repeat 97% 50%/10px auto;}
	.m02_01_10ib.inquiry_box{display:flex; margin-top: 40px;}
	.m02_01_10ib.inquiry_box .m02_01_10ib-1{width: 110px; font-size: 20px; color: #888; padding-top: 18px;}
	.m02_01_10ib.inquiry_box .m02_01_10ib-2 label{width: 100px; font-size: 16px; color: #888; font-size: 16px; font-weight: 400;}
	.m02_01_10ib.inquiry_box .m02_01_10ib-2 input{width: 81%;}
	.m02_01_10ib.inquiry_box .m02_01_10ib-2 .answer{width: auto; margin-bottom: 20px; float: initial;}
	.m02_01_10ib.inquiry_box .m02_01_10ib-2 .answer .warning{color: #002e72; font-size: 14px; font-weight: 500; padding-top: 10px;}

	/* 도서 뷰페이지 펼쳐보기/접기 */
	.m02_01.book-container .book_show .accordion,
	.m02_01.book-container .book_index .accordion,
	.m02_01.book-container .book_inside .accordion,
	.m02_01.book-container .book_author .accordion{position:absolute; right: 15px; bottom: 15px; cursor: pointer; color: #002e72; font-size: 12px; font-weight: 400;}
	.m02_01.book-container .book_show .accordion:before,
	.m02_01.book-container .book_index .accordion:before,
	.m02_01.book-container .book_inside .accordion:before,
	.m02_01.book-container .book_author .accordion:before{content:"펼쳐보기"}
	.m02_01.book-container .book_show .accordion.active:before,
	.m02_01.book-container .book_index .accordion.active:before,
	.m02_01.book-container .book_inside .accordion.active:before,
	.m02_01.book-container .book_author .accordion.active:before{content:"접어보기"}
	.m02_01.book-container .book_show .accordion span,
	.m02_01.book-container .book_index .accordion span,
	.m02_01.book-container .book_inside .accordion span,
	.m02_01.book-container .book_author .accordion span{margin-left: 12px;}
	.m02_01.book-container .book_show .accordion span:before,
	.m02_01.book-container .book_index .accordion span:before,
	.m02_01.book-container .book_inside .accordion span:before,
	.m02_01.book-container .book_author .accordion span:before,
	.m02_01.book-container .book_show .accordion span:after,
	.m02_01.book-container .book_index .accordion span:after,
	.m02_01.book-container .book_inside .accordion span:after,
	.m02_01.book-container .book_author .accordion span:after{content:""; width: 8px; height: 1px; background: #002e72; position:absolute; top: 50%;}
	.m02_01.book-container .book_show .accordion span:before,
	.m02_01.book-container .book_index .accordion span:before,
	.m02_01.book-container .book_inside .accordion span:before,
	.m02_01.book-container .book_author .accordion span:before{transform: rotate(45deg); right: -2px;}
	.m02_01.book-container .book_show .accordion span:after,
	.m02_01.book-container .book_index .accordion span:after,
	.m02_01.book-container .book_inside .accordion span:after,
	.m02_01.book-container .book_author .accordion span:after{transform: rotate(-45deg)}
	.m02_01.book-container .book_show .accordion.active span:before,
	.m02_01.book-container .book_index .accordion.active span:before,
	.m02_01.book-container .book_inside .accordion.active span:before,
	.m02_01.book-container .book_author .accordion.active span:before{transform: rotate(-45deg)}
	.m02_01.book-container .book_show .accordion.active span:after,
	.m02_01.book-container .book_index .accordion.active span:after,
	.m02_01.book-container .book_inside .accordion.active span:after,
	.m02_01.book-container .book_author .accordion.active span:after{transform: rotate(45deg)}

	@media(max-width: 991px){
		.m02_01.book-container .book_show .accordion span:before,
		.m02_01.book-container .book_index .accordion span:before,
		.m02_01.book-container .book_inside .accordion span:before,
		.m02_01.book-container .book_author .accordion span:before{right:-5px}
	}

	/* ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
m03_02 리스트 보드 css
html > skin > board > m03_02 > list > basic > list.skin.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.m03_02.list-board .div-head{background: none; border-bottom-color: #d7d7d7; padding: 18px 0}
.m03_02.list-board .div-head span{font-size: 16px; color: #333333; font-weight: 400;}
.m03_02.list-board ul.list-body .list-item:hover{background: #fafafa;}
.m03_02.list-board ul.list-body li > div{padding: 21px 0;}
.m03_02.list-board ul.list-body .list-item > div.wr-num,
.m03_02.list-board ul.list-body .list-item > div.wr-date,
.m03_02.list-board ul.list-body .list-item > div > span.Y-m-d{font-weight: 300}
.m03_02.list-board ul.list-body .list-item > div > span.sv_member{font-weight: 400; font-size: 16px;}
.m03_02.list-board ul.list-body .list-item > div.wr-hit{font-weight: 300; font-size: 16px;}
.m03_02.list-board ul.list-body .list-item > div.wr-subject b.m03_02_notice{font-weight: 300;}
.m03_02.list-board ul.list-body .wr-subject a.item-subject{font-weight: 300; font-size: 16px; padding-left:11%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis}
/* 알림 -> notice 변경 */
.m03_02.list-board .wr-notice{width: 61px; height: 22px; background: url(/img/m03_02_notice.png)}
	/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
	m03_02 게시글 클릭시 상단 여백
	html > skin > board > m03_02 > view.skin.php
	◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
	.m03_02.view-wrap{margin-top: 100px;}

@media(max-width: 991px){
	.m03_02.list-board ul.list-body li > div{padding: 15px 0;}
	.m03_02.list-board ul.list-body .list-item > div.wr-subject b.wr-hidden{color: #002e72}
	.m03_02.list-board ul.list-body .list-item > div.wr-subject b.m03_02_notice{font-size: 15px; font-weight: 400}
	.m03_02.list-board ul.list-body .wr-subject a.item-subject{font-size: 14px; padding-left: 0;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
m03_03
html > skin > board > m03_03 > list.skin.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.m03_03.board-list .div-head{padding: 0; border-bottom: none;}

.m03_03.list-board ul.list-body li:hover{background: #fafafa}
.m03_03.list-board ul.list-body li > div{padding: 34px 0;}
.m03_03.list-board ul.list-body li div.wr-subject b{font-weight: 400;}
.m03_03.list-board ul.list-body li div.wr-subject a.item-subject{font-size: 18px; color: #333;}
.m03_03.list-board ul.list-body li div.wr-subject div.wr-date{color: #999999; font-size: 14px; padding-top: 22px;}

	/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
	m03_03 게시글 클릭시 상단 여백
	html > skin > board > m03_03 > view.skin.php
	◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
	.m03_03.view-wrap{margin-top: 100px;}
	/* 게시글 수정시 html > skin > board > m03_03 > write.skin.php */
	.m03_03_news{color: #002e72; font-size: 14px; margin-top: 5px;}
	.m03_03.answer textarea{width: 50% !important; height: 50px !important; overflow-y:hidden; line-height: 50px; padding:0; padding-left: 20px;}
	/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
	m03_03 게시글 리스트 신문사 나타내는 부분
	html > skin > board > m03_03 > list > basic > list.rows.php
	◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
	.m03_03.wr-num{width: 12% !important; padding-left: 29px !important; cursor: pointer;}
	.m03_03.wr-num p{width: 85px; height: 31px; font-size: 14px; color: #002e72; border: 1px solid #002e72; border-radius: 5px; line-height: 31px; display:flex; justify-content:center; align-items:center; margin-right: 31px;}

@media(max-width: 991px){
	.m03_03.list-board ul.list-body li > div{padding: 27px 0;}
	.m03_03.list-board ul.list-body li div.wr-subject a.item-subject{font-size: 14px; font-weight: 300;}
	.m03_03.list-board ul.list-body li div.wr-subject div.item-details{display: none;}

	/* 모바일시 */
	.m03_03.list-board ul.list-body li.list-item{display:flex; flex-flow:column; padding: 15px 0;}
	.m03_03.list-board ul.list-body li.list-item .m03_03.wr-num{padding: 0; margin-left: -28px;}
	.m03_03.list-board ul.list-body li.list-item div.wr-subject{padding: 0; padding-top: 10px;}
	.m03_03.wr-num p{width: 70px; height: 26px; font-size: 12px;}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
m02_01, m03_02 상단 검색어 공통 css
html > skin > board > m02_01 > list.skin.php
html > skin > board > m03_02 > list.skin.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.board-list.subcommon .list-tsearch,
.board-list.subcommon .list-tsearch{padding: 0; background: none; border: none; margin-bottom: 0;}
.board-list.subcommon .list-tsearch .row{height: 40px; display: flex; justify-content: flex-end; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 30px;}
.board-list.subcommon .list-tsearch .m_left_common{width: 100px; margin-right: 10px;}
.board-list.subcommon .list-tsearch .m_left_common .form-group{height: 100%; margin-bottom: 0; }
.board-list.subcommon .list-tsearch .m_left_common select{-webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/img/select_bg.png) no-repeat 82% 52%/10px auto;}
.board-list.subcommon .list-tsearch .m_left_common select.input-sm{width: 100%; height: 100%; box-shadow: none; font-size: 14px; color: #777; border-color: #e5e5e5; padding: 0 10px;}
.board-list.subcommon .list-tsearch .m_right_common{width: 257px; position:relative;}
.board-list.subcommon .list-tsearch .m_right_common .form-group{height: 100%; margin-bottom: 0;}
.board-list.subcommon .list-tsearch .m_right_common .form-group input{height: 100%; box-shadow: none; border-color: #e5e5e5;}
.board-list.subcommon .list-tsearch .m_right_common .form-group button{width: auto; background: none; border: none; position:absolute; right: 10px; top: 9px; padding: 0;}

@media(max-width: 991px){
	.board-list.subcommon .list-tsearch .m_right_common .form-group button{right: 29px;}
	.board-list.subcommon .list-tsearch .m_right_common .form-group button span:before,
	.board-list.subcommon .list-tsearch .m_right_common .form-group button span:after{content:""; position:absolute;}
	.board-list.subcommon .list-tsearch .m_right_common .form-group button span:before{width: 12.5px; height: 12.5px; border: 1px solid #000; border-radius: 50%; top: 3px;}
	.board-list.subcommon .list-tsearch .m_right_common .form-group button span:after{width: 7px; height: 1px; background: #000; transform: rotate(45deg); top: 16px; right: -16px;}

	.board-list.subcommon .list-tsearch .m_left_common{width: 26.24%; margin-right: 9.5px;}
	.board-list.subcommon .list-tsearch .m_right_common{width: calc(100% - 26.24%);}
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
m02_01, m03_02, m03_03 페이지네이션 공통 css
html > skin > board > 각 스킨값 > list.skin.php
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
.list-page{margin:70px 0 100px !important;}

@media(max-width: 991px){
	.list-page{margin: 35px 0 50px !important;}
}
.board-list.subcommon .text-center .pagination_common{display:flex; align-items:center; justify-content:center; margin: 0;}
.board-list.subcommon .text-center .pagination_common li{margin: 0 5px; padding: 0 5px;}
.board-list.subcommon .text-center .pagination_common li:last-child{margin-right: 0; padding-right: 0;}
.board-list.subcommon .text-center .pagination_common li a{width: 100%; border: none; color: #999999; position:relative; padding: 0; font-family: 'Montserrat Alternates', sans-serif; font-size: 16px; display:block; cursor: pointer;}
.board-list.subcommon .text-center .pagination_common li a:hover{background: none;}
.board-list.subcommon .text-center .pagination_common li a i.fa-angle-left{margin-right: 10px;}
.board-list.subcommon .text-center .pagination_common li a i.fa-angle-right{margin-left: 10px;}
/* .board-list.subcommon .text-center .pagination_common li a i.fa-angle-double-left,
.board-list.subcommon .text-center .pagination_common li a i.fa-angle-double-right{width: 13px;}
.board-list.subcommon .text-center .pagination_common li a i.fa-angle-left{width: 7px;}
.board-list.subcommon .text-center .pagination_common li a i.fa-angle-right{width: 7px;} */
.board-list.subcommon .text-center .pagination_common li a i:before{color: #c0c0c0}
/* .board-list.subcommon .text-center .pagination_common li a i.fa-angle-double-left:before{width: 13px; background: url(/img/pagenation_double_left_arrow.png) no-repeat;}
.board-list.subcommon .text-center .pagination_common li a i.fa-angle-left:before{width: 7px; background: url(/img/pagenation_left_arrow.png) no-repeat;}
.board-list.subcommon .text-center .pagination_common li a i.fa-angle-right:before{width: 7px; background: url(/img/pagenation_right_arrow.png) no-repeat;}
.board-list.subcommon .text-center .pagination_common li a i.fa-angle-double-right:before{ width: 13px; background: url(/img/pagenation_double_right_arrow.png) no-repeat;}
*/
.board-list.subcommon .text-center .pagination_common li.active a{background:none !important; color: #002e72 !important; font-weight: 500; position:relative;}
.board-list.subcommon .text-center .pagination_common li.active a:after{content:""; width: 15px; height: 1px; background: #002e72; position:absolute; left: 50%; transform: translateX(-50%);}



/* 220708 kmj 유지보수 */
.m01_04 .root_daum_roughmap{width: 100%; height: 649px; border: 0;}
.m01_04 .root_daum_roughmap .wrap_map{width: 100%; height: 100%;}
.m01_04 .root_daum_roughmap .wrap_map .map{background: none;}
.m01_04 .root_daum_roughmap .wrap_map span.map_border{display: none;}

@media(max-width: 991px){
	.m01_04 .root_daum_roughmap{height: 300px;}
}