@charset "utf-8";

/****************************************/
/* Name: DESIGN WAVE
/* PART: CONTENTS STYLE
/* Version: 1.0
/* Author: Kim Bo Reum
/****************************************/


/*=============================================================
						공통사용
=============================================================*/

*:focus {outline: none !important;}

#eplus-wrapper {/*overflow: hidden;*/}

#eplus-wrapper h2 {font-size:65px;}
#eplus-wrapper h3 {font-size:55px;}
#eplus-wrapper h4 {font-size:45px;}
#eplus-wrapper h5 {font-size:35px;}
#eplus-wrapper h6 {font-size:25px;}


.nanum {font-family: 'Nanum Myeongjo'}


/*== 비디오비율 ==*/
.video-container {position:relative; padding-bottom:56.30%; height:0; overflow:hidden;}
.video-container iframe,.video-container object,.video-container embed, .video-container video {position:absolute; top:0; left:0; width:100%; height:100%;}
iframe {transition: opacity 250ms ease-in-out; transition-delay: 250ms;}

/*== 싱글 체크박스 ==*/
.single input[type=checkbox] {display:none;}
.single input[type=checkbox] + label {position:relative; display:inline-block; cursor:pointer; padding-left:23px; font-size:16px; line-height: 20px; color: #303030; font-family: 'Pretendard'}
.single input[type=checkbox] + label:before {position:absolute; left:0; top:2px; display:inline-block; width:15px; height:15px; overflow: hidden; background-position: center; background-repeat: no-repeat; content: ''; background-size: 60%; background-image: url("../_img/resource/check.png"); background-color: #fff; border: 1px solid #e8e8e8; border-radius: 4px;}
.single input[type=checkbox]:checked + label:before {background-color:#303030; border-color: #303030}

@media all and (max-width:1200px) {
	
}

@media all and (max-width:980px) {
	#eplus-wrapper h2 {font-size:58px;}
	#eplus-wrapper h3 {font-size:48px;}
	#eplus-wrapper h4 {font-size:38px;}
	#eplus-wrapper h5 {font-size:28px;}
	#eplus-wrapper h6 {font-size:22px;}
	
}

@media all and (max-width:768px) {
	#eplus-wrapper h2 {font-size:49px;}
	#eplus-wrapper h3 {font-size:35px;}
	#eplus-wrapper h4 {font-size:29px;}
	#eplus-wrapper h5 {font-size:25px;}
	#eplus-wrapper h6 {font-size:19px;}
	
	.single input[type=checkbox] + label {padding-left: 19px;}
	.single input[type=checkbox] + label:before {width: 12px; height: 12px; border-radius: 2px; top: 3px;}
}

@media all and (max-width:640px) {
	#eplus-wrapper h2 {font-size:33px;}
	#eplus-wrapper h3 {font-size:29px;}
	#eplus-wrapper h4 {font-size:24px;}
}

@media all and (max-width:468px) {
	#eplus-wrapper h2 {font-size:29px;}
	#eplus-wrapper h3 {font-size:24px;}
	#eplus-wrapper h4 {font-size:21px;}
	
}


/* header
========================================================================================== */
#eplus-header {position: fixed; top: 0; left: 0; width: 100%; box-sizing: border-box; z-index: 999; transition: all .3s;}
#eplus-header .header-inner {position: relative; width: 1200px; margin: 0 auto; box-sizing: border-box;}

#header-top {width: 100%;}
#header-top .cs_call {position: absolute; top: 50%; transform: translate(0, -50%); left: 0; font-size: 31px; color: #fff; background-image: url('../_img/resource/call.png'); background-repeat:  no-repeat; background-position:  center left;  box-sizing: border-box; background-size: 25px; padding: 10px 0 ; padding-left: 32px;}
#header-top h1.logo {transition: all .3s; width: 250px; height: 70px; margin: 25px auto;}
#header-top h1.logo a {display: block; width: 100%; height: 100%; background-image: url("../_img/common/logo-w.svg"); background-position: center; background-size: 100%; background-repeat: no-repeat; text-indent: -99999px; transition: all .3s;}


#header-gnb {width: 100%; border: 1px solid rgba(255,255,255,0.4); border-width: 1px 0}
#gnb_wrapper {}
#gnb_wrapper ul#gnb {display: flex; flex-wrap: wrap; justify-content:space-between;}
#gnb_wrapper ul#gnb>li {position: relative; margin: 0 35px; font-size: 18px;}
#gnb_wrapper ul#gnb>li>a {color: #fff; padding: 20px 0; display: block; transition: all .3s;}
#gnb_wrapper ul#gnb li .gnb-dep2 {position: absolute; top: 50px; left:50%; margin-left: -75px; width: 150px; overflow: hidden; transition: 1s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; padding: 25px 0; height: 0;  opacity: 0; background: #f3f4f6;}
#gnb_wrapper ul#gnb li .gnb-dep2 ul {}
#gnb_wrapper ul#gnb li .gnb-dep2 ul li {font-size: 16px; padding: 7px 0; line-height: 1.5; text-align: center;}
#gnb_wrapper ul#gnb li .gnb-dep2 ul li a {text-align: center;}
#gnb_wrapper ul#gnb li .gnb-dep2 ul li a:hover {color:#d6bca4}
#gnb_wrapper ul#gnb li .gnb-dep2.on {height: auto;opacity: 1;}
#gnb_wrapper ul#gnb>li:hover>a {color: #d6bca4 !important;}



.all_menu {position: absolute; top: 23px; right: 15px; z-index: 999; transition: all .3s; display: none;}
.sm_btn {width: 26px; height: 20px; cursor: pointer;}
.sm_btn .bar {background: #dedede; height: 3px; display: inline-block; width: 26px; margin-top: 2px; position: absolute; top: 0; right: 0;}
.sm_btn .bar01 {top: 0;-webkit-transition: 1s ease;transition: 1s ease;}
.sm_btn .bar02 {top:8px; width: 20px; -webkit-transition: 1s ease;transition: 1s ease;}
.sm_btn .bar03 {top: 16px; transition: 1s ease;-webkit-transition: 1s ease;}
.sm_btn:hover .bar {background: #c4a675;}
.sm_btn:hover .bar01 {width: 20px;}
.sm_btn:hover .bar02 {width: 26px;}
.sm_btn:hover .bar03 {width: 20px;}

.sm_btn.on {z-index: 300;}
.sm_btn.on .bar {width: 26px; top: 8px;}
.sm_btn.on .bar01{ -webkit-transform: rotate(45deg);transform: rotate(45deg); }
.sm_btn.on .bar02{display: none;}
.sm_btn.on .bar03{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.sm_btn.on:hover .bar{background: #c4a675; width: 26px;}


/*header scroll event*/
#eplus-header.scroll {background-color: #fff;}
#eplus-header.scroll h1.logo {margin-top: 15px; margin-bottom: 15px;}
#eplus-header.scroll h1.logo a {background-image: url("../_img/common/logo.svg"); }
#eplus-header.scroll #header-gnb { border-color:#dedede;}
#eplus-header.scroll .sm_btn {position: relative; z-index: 200;}
#eplus-header.scroll .sm_btn .bar {background: #d6bca4;}
#eplus-header.scroll #gnb_wrapper ul#gnb>li>a {color: #212121;}
#eplus-header.scroll #gnbM .utility_list {top: 40px}
#eplus-header.scroll .cs_call {color: #333; background-image: url("../_img/resource/call-b.png");}


/*header sub */
#eplus-header.sub-header {position: sticky; top: 0; left: 0; background-color: #fff}
#eplus-header.sub-header h1.logo a {background-image: url("../_img/common/logo.svg");}
#eplus-header.sub-header #gnb_wrapper ul#gnb>li>a {color: #212121;}
#eplus-header.sub-header .sm_btn .bar {background: #d6bca4;}
#eplus-header.sub-header .cs_call {color: #333; background-image: url("../_img/resource/call-b.png");}
#eplus-header.sub-header #header-gnb {border-color:#e4e4e4}



@media all and (max-width:1300px) {
	#gnb_wrapper ul#gnb>li {font-size: 16px; margin: 0 25px;}	

}

@media all and (max-width:1200px) {
	#eplus-header .header-inner {width: 100%;}
}

@media screen and (max-width:980px) {
    .all_menu {display: block;}
    #eplus-header.sub-header .all_menu {top:10px;}
	#gnb_wrapper ul#gnb {display: none;}   
    
    #header-top .cs_call {display: none;}
    
    #header-top {box-sizing: border-box; padding-left: 20px;}
    #header-top h1.logo {width: 160px; height: 40px; margin: 13px 0;}
}

@media screen and (max-width:768px) {
	
	.sm_btn .bar {width: 21px; height: 2px;}
	.sm_btn .bar02 {top: 6px; width: 16px;}
	.sm_btn .bar03 {top: 12px;}
    #header-top {padding-left: 15px;}
    #header-top h1.logo {width: 140px; height: 35px; margin: 10px 0;}
	
}


/*전체메뉴*/
#gnbM {position:fixed; top:0; right:-1000%; width:60%; height:100vh; background-color: #fff; z-index:99; overflow-y:auto; -webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;transition:all 1s; box-sizing:border-box; box-sizing: border-box;}
#gnbM p {position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; font-size: 13px; padding: 20px 0; color: #fff; opacity: .5}
#gnbM #gnbNavigation {width: 100%; min-height:calc(100vh - 141px)}
#gnbM #gnbNavigation > ul {overflow:hidden; box-sizing: border-box; width: 100%; margin-top: 65px; border-top: 1px solid #e4e4e4}
#gnbM #gnbNavigation > ul > li {position:relative;  box-sizing:border-box; font-size:18px; border-bottom: 1px solid #e4e4e4; font-weight: 500;  text-align: left;}
#gnbM #gnbNavigation > ul > li:first-of-type {border-left:0}
#gnbM #gnbNavigation > ul > li > a {position: relative; display:block; color:#212121; text-decoration:none; line-height:1; box-sizing: border-box; padding:20px;}
#gnbM #gnbNavigation > ul > li.has-child > a::after {content: ''; width: 10px; height: 15px; background: url(/_img/resource/arrow-drop.png) no-repeat center; background-size: 100%; position: absolute; top:24px; right: 30px; transition: 0.3s}
#gnbM #gnbNavigation > ul > li > a span {position: relative; margin-bottom: 10px;}
#gnbM #gnbNavigation > ul > li .gnb-2dep {overflow:hidden; padding: 20px; padding-top: 30px; display: none; background: #fafafa; border-top: 1px solid #e4e4e4}
#gnbM #gnbNavigation > ul > li .gnb-2dep li {font-size:21px; margin-bottom:20px; font-size: 17px;}
#gnbM #gnbNavigation > ul > li .gnb-2dep li a {color:#212121; transition: .3s; text-decoration: none; position: relative;}
#gnbM #gnbNavigation > ul > li.active > a::after {transform: rotate(-180deg)}

#gnbM.open{right:0;}
#gnbM.open #gnbNavigation> ul > li {animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);}

.menu_close {position: absolute;right: 0;top: 0; width: 80px; height: 80px; text-align: center; cursor:pointer; z-index: 9}
.menu_close i {color: #fff; font-size: 25px; margin-top: 30px;}
.menu_close span {display:inline-block;position:relative; width: 5.2rem; height: 5.2rem;color:#333;}
.menu_close span::before,
.menu_close span::after {content: '';display: block;position: absolute;left: 0;width: 100%;border-bottom: 0.1rem solid #fff;}
.menu_close span::before {top:50%;transform: rotate(-45deg);}
.menu_close span::after {bottom:50%;transform: rotate(45deg);}



/* footer
========================================================================================== */
#eplus-footer {position: relative; z-index: 0;}
#eplus-footer .foot_contents {position: relative; width: 1400px; margin: 0 auto;}

#comm_banners {display: flex; flex-wrap: wrap; justify-content: flex-start;}
#comm_banners .half_box {width: 50%; }
#comm_banners .half_box .banners {position: relative; width: 100%; box-sizing: border-box; padding: 70px 10%; background-position: center; background-size: cover; background-repeat: no-repeat; background-color:#212121;}
#comm_banners .half_box .banners .comm_bannerTitle {position: relative; z-index: 1;}
#comm_banners .half_box .banners .comm_bannerTitle h5 {color: #fff; line-height: 1.32;}
#comm_banners .half_box .banners .comm_bannerTitle h6 {color: #000; line-height: 1.32; margin: 20px 0;}
#comm_banners .half_box .banners .comm_bannerTitle p {font-size: 16px; color: #fff; padding-top: 10px;}
#comm_banners .half_box .banners .comm_bannerTitle a {display: block; color: #d6bca4; font-size: 16px; margin-top: 30px; padding-bottom: 5px;}
#comm_banners .half_box .banners .comm_bannerTitle a span {border-bottom: 1px solid #d6bca4;}

#comm_banners .half_box#quick_link {}
#comm_banners .half_box#quick_link .banners {height: 50%;}
#comm_banners .half_box#quick_link .banners#ql1 {background-image: url("../_img/common/fixed_bannerBg1.jpg");}
#comm_banners .half_box#quick_link .banners#ql2 {background-image: url("../_img/common/fixed_bannerBg2.jpg");}
#comm_banners .half_box#quick_link .banners.ver2#ql2 {background-image:none; height: 100%; background-color: #fff;}
#comm_banners .half_box#quick_link .banners.ver2#ql2 .comm_bannerTitle {position: absolute; top: 0; left: 60px; padding: 50px 60px; box-sizing: border-box; background: #d6bca4}
#comm_banners .half_box#quick_link .banners.ver2#ql2 .comm_bannerTitle a {color: #fff;}
#comm_banners .half_box#quick_link .banners.ver2#ql2 .comm_bannerTitle a span {border-color: #fff;}
#comm_banners .half_box#quick_link .banners.ver2#ql2 .comm_bannerTitle p {font-size: 19px; line-height: 1.5;}
#comm_banners .half_box#quick_link .banners.ver2#ql2 #mapBg {position:absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0;}
#comm_banners .half_box#quick_link .banners.ver2#ql2 #mapBg .root_daum_roughmap {width: 100%; height: 100%}
#comm_banners .half_box#quick_link .banners.ver2#ql2 #mapBg .wrap_controllers {display: none;}
#comm_banners .half_box#quick_link .banners.ver2#ql2 #mapBg .root_daum_roughmap .wrap_map {height: 100% !important}
/*#comm_banners .half_box#quick_link .banners.ver2#ql2 #mapBg:hover {filter: grayscale(0); opacity: 1;}*/
#comm_banners .half_box#quick_link .banners.ver2#ql2 ul.workTable {}
#comm_banners .half_box#quick_link .banners.ver2#ql2 ul.workTable li {position: relative; box-sizing: border-box; padding-left: 80px; margin: 10px 0; color: #fff; font-size: 16px;}
#comm_banners .half_box#quick_link .banners.ver2#ql2 ul.workTable li span {position: absolute; top: 0; left: 0; }


#comm_banners .half_box#quick_counsel {}
#comm_banners .half_box#quick_counsel .banners {}
#comm_banners .half_box#quick_counsel .banners dl {width: 100%; margin: 40px 0}
#comm_banners .half_box#quick_counsel .banners dl dt {font-size: 18px; color: #fff; font-weight: 500; margin-bottom: 15px;}
#comm_banners .half_box#quick_counsel .banners dl dd {}
#comm_banners .half_box#quick_counsel .banners dl dd input[type='text'] {width: 100%; height: 55px; border-radius: 5px;background: #fff; border: 0; box-sizing: border-box; padding: 10px; font-size: 16px; }
#comm_banners .half_box#quick_counsel .banners dl dd ul {display: flex; flex-wrap: wrap; justify-content: flex-start;}
#comm_banners .half_box#quick_counsel .banners dl dd ul li {margin-right: 25px;}
#comm_banners .half_box#quick_counsel .banners dl dd ul li input[type=checkbox] + label {color: #fff;}
#comm_banners .half_box#quick_counsel .banners dl dd ul li input[type=checkbox]:checked + label:before {background-color: #d6bca4; border-color: #d6bca4}
#comm_banners .half_box#quick_counsel .banners dl dd ul li:last-of-type {margin-right: 0}
#comm_banners .half_box#quick_counsel .banners .agree {margin-top: 15px;}
#comm_banners .half_box#quick_counsel .banners .agree input[type=checkbox] + label {color: #fff;}
#comm_banners .half_box#quick_counsel .banners .agree a {color: #fff; opacity: 0.5;} 
#comm_banners .half_box#quick_counsel .banners button#submit {width: 100%; height: 55px; border-radius: 5px; background: #d6bca4; color: #fff; font-size: 18px; border: 0;}




#footer_container {background: #3a3835;padding: 50px 0; box-sizing: border-box; width: 100%;}
#footer_container .foot_contents {width: 1200px; display: flex; flex-wrap: wrap; justify-content: space-between;}
#footer_container p a {font-size: 45px; line-height: 1; color: #d6bca4; padding-top: 20px; display: block;}
#footer_container #foot_info_wrap {width: 60%; padding-top: 30px;}
#footer_container #foot_info_wrap h1 {width: 150px;  opacity: 0.5;}
#footer_container #foot_info_wrap #fnb {}
#footer_container #foot_info_wrap #fnb ul {display: flex; flex-wrap: wrap; justify-content:flex-start; padding: 20px 0}
#footer_container #foot_info_wrap #fnb ul li {padding: 0 10px; font-size: 14px;}
#footer_container #foot_info_wrap #fnb ul li:first-of-type {padding-left: 0;}
#footer_container #foot_info_wrap #fnb ul li a {color: #a1a09e;}
#footer_container #foot_info_wrap #foot_info {margin-top: 20px;}
#footer_container #foot_info_wrap #foot_info p {font-size: 14px; color: #a1a09e;}
#footer_container #foot_info_wrap #foot_info p span { padding: 0 10px;}
#footer_container #foot_info_wrap #foot_info p span:first-of-type {padding-left: 0}
#footer_container #simple_map {width: 32%}
#footer_container #simple_map img {width: 100%}

@media all and (max-width:1200px){
    #footer_container .foot_contents {width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
    
}

@media all and (max-width:980px){
    #footer_container {padding: 30px 0}
    #footer_container .foot_contents {display: block;}
    #footer_container #foot_info_wrap {width: 100%;}
    #footer_container #simple_map {width: 100%; text-align: center; padding-top: 30px;}
    #footer_container #simple_map img {width: 60%}
    #footer_container p a {font-size: 25px; font-weight: 600; text-align: center;}
    #footer_container #foot_info_wrap h1 {margin: 0 auto;}
    
    #footer_container #foot_info_wrap #fnb ul {justify-content: center;}
    #footer_container #foot_info_wrap #foot_info p {text-align: center;}
}

@media all and (max-width:640px){
    #footer_container #simple_map img {width: 100%}
    #footer_container #foot_info_wrap #foot_info p {font-size: 13px;}
    #footer_container #foot_info_wrap #foot_info p span {padding: 0 6px;}
}


/*퀵메뉴*/
.top_btn {position: fixed; right: 0; bottom: 50px; width: 64px; height: 64px;  background: rgba(0,0,0,0.15); z-index: 90; border-radius: 20px 0 0 20px; transition: .3s;}
.top_btn.on{opacity: 1;}
.top_btn a{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.top_btn img{width: 32%;}

#quick_menu {position: fixed; right: 0px; bottom: 114px; width: 64px;background: #d7ccb9; text-align: center;padding: 20px 0;  z-index: 99; border-radius: 20px 0 0 20px; transition: .3s;}
#quick_menu.on {opacity: 1;}
#quick_menu .q_logo{margin-bottom: 18px;}
#quick_menu .quick{margin-bottom: 10px;}
#quick_menu .quick:last-child{margin-bottom: 0;}
#quick_menu .quick .img_box{width: 70%; margin: 0 auto; margin-bottom: 3px;}
#quick_menu .quick:nth-child(2) .img_box{}
#quick_menu .quick:nth-child(3) .img_box{}
#quick_menu .quick:nth-child(4) .img_box{}
#quick_menu .quick:nth-child(5) .img_box{}
#quick_menu .quick:nth-child(6) .img_box{}
#quick_menu .quick:nth-child(7) .img_box{}
#quick_menu .quick .img_box img{width: 100%;}
#quick_menu .quick p{text-align: center; font-size: 11px; color: #4c4c4c; line-height: 1.3;}



@media all and (max-width:1200px){
	#comm_banners .half_box .banners {padding: 50px;}
}

@media all and (max-width:980px){
	#comm_banners {flex-direction: column-reverse;}
	#comm_banners .half_box {width: 100%;}
	#comm_banners .half_box .banners {padding-left: 40px; padding-right: 40px;}
	#comm_banners .half_box .banners .comm_bannerTitle p {font-size: 15px;}
	comm_banners .half_box .banners .comm_bannerTitle a {font-size: 15px;}
    
	#comm_banners .half_box#quick_link .banners.ver2#ql2 {padding: 0; height: auto;}
    #comm_banners .half_box#quick_link .banners.ver2#ql2 .comm_bannerTitle {position: relative; top: auto; left: auto; padding-left: 40px; padding-right: 40px;}
    #comm_banners .half_box#quick_link .banners.ver2#ql2 .comm_bannerTitle p {font-size: 16px;}
    #comm_banners .half_box#quick_link .banners.ver2#ql2 #mapBg {position:relative; top: auto; left: auto; height: 300px}
    #comm_banners .half_box#quick_link .banners.ver2#ql2 #mapBg.sub-header {height: 400px}


}


@media all and (max-width:768px){
	#comm_banners .half_box .banners {padding-left: 30px; padding-right: 30px;}
	#comm_banners .half_box .banners .comm_bannerTitle p {font-size: 14px; margin-top: 5px;}
	#comm_banners .half_box .banners .comm_bannerTitle a {font-size: 14px;}
	#comm_banners .half_box#quick_counsel .banners dl {margin: 20px 0}
	#comm_banners .half_box#quick_counsel .banners dl dt {font-size: 15px; margin-bottom: 5px;}
	#comm_banners .half_box#quick_counsel .banners dl dd input[type='text'] {height: 45px; font-size: 14px;}
	#comm_banners .half_box#quick_counsel .banners dl dd ul li {width: 25%; margin: 5px 0;} 
	
	#comm_banners .half_box#quick_counsel .banners button#submit {height: 45px; font-size: 15px;}
    
    #comm_banners .half_box#quick_link .banners.ver2#ql2 .comm_bannerTitle {padding-left: 20px; padding-right: 20px;}
    #comm_banners .half_box#quick_link .banners.ver2#ql2 .comm_bannerTitle br {display: none;}
	
	.top_btn {width: 40px; height: 40px; bottom: 10px}
	#quick_menu {width: 40px; padding: 12px 0; bottom: 55px;}
	#quick_menu .quick p {display: none;}
	#quick_menu .quick .img_box {margin-bottom: 0}
}

@media all and (max-width:640px){
	#comm_banners .half_box .banners {padding-left: 20px; padding-right: 20px;}
	
	#comm_banners .half_box#quick_counsel .banners dl dd ul li {width: 30%;}
    #comm_banners .half_box .banners .comm_bannerTitle h6 {margin: 10px 0}
    #comm_banners .half_box#quick_link .banners.ver2#ql2 ul.workTable li {font-size: 14px; margin: 6px 0}
}



/* 게시판
========================================================================================== */
#bbs_wrapper {width: 100%;}
.bbs_list {width: 100%; border-top: 2px solid #222;}
.bbs_list .bbsBox {width: 100%; display: table;  border-bottom: 1px solid #ddd; table-layout: fixed; }
.bbs_list .bbsBox div {display: table-cell; padding: 30px 0; font-size: 15px; color: #747474; text-align: center; vertical-align: middle; font-family: 'Pretendard'}
.bbs_list .bbsBox .num {width: 10%}
.bbs_list .bbsBox .category {font-weight: 600; color: #212121; width: 10%;  font-size: 17px;}
.bbs_list .bbsBox .title {text-align: left; width: 65%; box-sizing: border-box; padding-left: 30px;  font-size: 17px;}
.bbs_list .bbsBox .title a {color: #212529; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.bbs_list .bbsBox .title a:hover {color: #a1a09e;}
.bbs_list .bbsBox .date {width: 15%}
.bbs_list .bbsBox.notice {}
.bbs_list .bbsBox.notice .num {font-weight: 600; color: #212121;}
.bbs_list .bbsBox.notice .title {font-weight: 600;}

.bbs_list.has_writer {}
.bbs_list.has_writer .bbsBox .title {width:50%}
.bbs_list.has_writer .bbsBox .write {width: 15%}
.bbs_list.has_writer .bbsBox .date {width: 15%}

.bbs_list.qna .bbsBox .title {width:65%}
.bbs_list.qna .bbsBox .title span {font-size: 12px; color: #fff; background: #363c5a; border-radius: 3px; display: inline-block; padding: 3px 10px; margin-left: 10px;}
.bbs_list.qna .bbsBox .write {width: 10%}
.bbs_list.qna .bbsBox.reply {background: #fafafa;}
.bbs_list.qna .bbsBox.reply .num img {width: 25px}
.bbs_list.qna .bbsBox.reply .title {font-weight: 600}


@media screen and (max-width: 980px) {
	.bbs_list .bbsBox {display: block; position: relative; box-sizing: border-box; padding-left: 70px; padding-top: 20px; padding-bottom: 20px; overflow: hidden;}
	.bbs_list .bbsBox div { padding: 0;}
	.bbs_list .bbsBox .num {position: absolute; top: 50%; margin-top: -12px; left: 0; width: 70px; display: block;}
	.bbs_list .bbsBox .title {padding-left: 0; width: 100%; font-size: 16px;}
	.bbs_list .bbsBox .category {width: auto; text-align: left; font-size: 16px; padding-right: 10px; font-weight: 700;}
	.bbs_list .bbsBox .date {width: auto; text-align:left; display: block;}
	.bbs_list .bbsBox .write {width: auto; text-align:left; display: block; float: left; padding-right:12px;}
	
	.bbs_list.has_writer .bbsBox .title {width: auto;}
	.bbs_list.has_writer .bbsBox .write {width: auto; display: block; float: left; font-size: 14px; padding-right: 10px;}
	.bbs_list.has_writer .bbsBox .date {width: auto; float: left; font-size: 14px;}
    .bbs_list.qna .bbsBox .write {width: auto; padding-right: 15px; float: left;}
    .bbs_list.qna .bbsBox .date {width: auto; float: left;}
	
	.bbs_list.qna .bbsBox.reply .num img {width: 17px;}
}

@media screen and (max-width: 768px) {
	.bbs_list .bbsBox {padding-left: 55px; padding-top: 10px; padding-bottom: 10px;}
	.bbs_list .bbsBox div {display: block;}
	.bbs_list .bbsBox .num {font-size: 15px; width: 55px;}
	.bbs_list .bbsBox .title {font-size: 14px;}
	.bbs_list .bbsBox .category {font-size: 13px;}
	.bbs_list .bbsBox .date {font-size: 12px;}
	.bbs_list .bbsBox .write {font-size: 12px;} 
}

#search_ver2 {width: 100%; display: flex; justify-content: space-between; margin-bottom: 25px;}
#search_ver2 #resutl_shop_num {margin-bottom: 0; padding-top: 25px; background-position: top 27px left;}
#search_ver2 #search {width: 360px; position: relative;}
#search_ver2 #search input[type="text"] {width: 100%; height: 60px; background: #f5f5f5; border-radius: 5px; border: 0; font-size: 16px; padding: 0 10px; box-sizing: border-box; padding-right: 70px;}
#search_ver2 #search button {position: absolute; top: 0; right: 0; width: 60px; height: 60px; background:url("../_img/resource/search.png") no-repeat center; background-size: 25px; text-indent: -99999px; border: 0;}
#resutl_shop_num {font-size: 17px; color: #6b7786; margin-bottom: 15px;}
#resutl_shop_num strong {color: #212121;}

@media screen and (max-width:980px){ 
	
	#search_ver2 #search input[type="text"] {height: 55px; line-height: 55px; font-size: 15px;}
	#search_ver2 #search button {width: 55px; height: 55px;}
}


@media screen and (max-width:768px){ 
	
	#search_ver2 {display: block;}
	#search_ver2 #resutl_shop_num {width: 100%; margin-bottom: 10px; padding-top: 0; font-size: 15px;}
	#search_ver2 #search {width: 100%;}
	#search_ver2 #search input[type="text"] { height: 45px; line-height: 45px; font-size: 14px;}
	#search_ver2 #search button {background-size: 17px; width: 45px; height: 45px;}

}

@media screen and (max-width:640px){
	#search_ver2 #resutl_shop_num {font-size: 12px;}
}


/*페이징*/
#paging {width: 100%; display: flex; justify-content: center; margin-top: 50px; flex-wrap: wrap;}
#paging a {display:block; width: 35px; height: 35px; border-radius: 100%; text-align: center; line-height: 35px; font-size: 15px; color: #212529; margin: 0 5px; box-sizing: border-box;}
#paging a.on {background: #c4a675; color: #fff;}
#paging a.btn {text-indent: -99999px; border: 1px solid #ddd; background-position: center; background-repeat: no-repeat;}
#paging a.btn.first {background-image: url("../_img/resource/bbs_paging_first.jpg");}
#paging a.btn.prev {background-image: url("../_img/resource/bbs_paging_prev.jpg");}
#paging a.btn.next {background-image: url("../_img/resource/bbs_paging_next.jpg");}
#paging a.btn.last {background-image: url("../_img/resource/bbs_paging_last.jpg");}

@media screen and (max-width: 980px) {
	#paging {margin: 30px 0 60px 0}
	#paging a {width: 25px; height: 25px; line-height: 25px; margin: 0 2px; font-size: 14px;}
	#paging a.btn {background-size: 45%;}
}

@media screen and (max-width: 768px) {
	#paging a {font-size: 13px;}
}



.request_box {width: 100%; border-bottom: 1px solid #dedede; box-sizing: border-box; padding: 40px;}
.request_box:first-of-type {border-top: 2px solid #000}
.request_box:last-of-type {border-bottom: 2px solid #000}
.request_box p.smallTitle {margin-bottom: 20px; font-size: 21px; line-height: 1.4; color: #212121;}
.request_box p.smallTitle span {font-size: 14px; font-weight: 400;}
ul.serviceType_list {width: 100%; display: flex; flex-wrap: wrap;}
ul.serviceType_list li {width: 25%; margin: 15px 0}

ul.inputForm {display: flex; flex-wrap: wrap;}
ul.inputForm li {width:50%; margin: 15px 0; box-sizing: border-box;}
ul.inputForm li p {font-size: 14px; color: #212121; margin-bottom: 5px;}
ul.inputForm li p span {color: #AF0C0E}
ul.inputForm li input[type='text'] {width: 100%; height: 55px; border-radius: 5px; border: 2px solid #ededed; box-sizing: border-box; padding: 10px; font-family: 'Pretendard'; font-size: 15px;}
ul.inputForm li:nth-of-type(odd) {padding-right: 20px;}
ul.inputForm li:nth-of-type(even) {padding-left: 20px;}
ul.inputForm li.full {width: 100% !important; padding: 0 !important;}
ul.inputForm li textarea {width: 100%; height: 170px; border-radius: 5px; border: 2px solid #ededed; box-sizing: border-box; padding: 10px; font-family: 'Pretendard'; font-size: 15px;}


.filebox {position: relative; box-sizing: border-box; padding-right: 120px;}
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox label {display: inline-block; font-family: 'Pretendard'; cursor: pointer; vertical-align: top; width: 110px; height: 55px; background: #e8e8e8; color: #5f5e5e; text-align: center; line-height: 55px; margin-top: -1px; border-radius: 5px; font-size: 14px; position: absolute; top: 0; right: 0;}
.filebox .upload-name {font-family: 'Pretendard'; display: inline-block; padding:10px; font-size:15px; border-radius: 5px; border: 2px solid #ededed; vertical-align: middle; background-color: #fff; height: 55px;  -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; box-sizing: border-box; color: #5f5e5e}


.privercy_agree {margin-top: 40px;}
.privercy_agree label {font-size: 14px !important; }
.privercy_agree label a {font-size: 14px; display: inline; color: #9a9a9a; padding-left: 10px;}
.privercy_agree.fixed {margin-top: 0; padding: 10px 0 13px 0;}
.privercy_agree.fixed label a {color: #fff;}
.privercy_agree.fixed input[type=checkbox] + label {color: #fff;}

.btns_wrap {text-align: center; margin-top: 30px;}
.btns_wrap button {width: 200px; height: 55px; line-height: 55px; font-size:18px; color: #fff; border: 0; background: #d6bca4; border-radius: 5px; }


@media all and (max-width:768px) {
	.request_box  {padding: 30px 10px}
	.single input[type=checkbox] + label {font-size: 14px;}
	
	ul.inputForm li {width: 100%; margin: 7px 0; padding: 0 !important;}
	ul.inputForm li input[type='text'], .filebox .upload-name, .filebox label {height: 45px; line-height: 45px; font-size:14px;}
	
	.request_box p.smallTitle {font-size: 17px;}
	ul.serviceType_list li {margin: 10px 0}
	
}

@media all and (max-width:640px) {
	.single input[type=checkbox] + label {font-size: 13px;}
	
	.btns_wrap button {width: 100%; height: 45px; line-height: 45px; font-size: 14px;}
	.privercy_agree label a {font-size: 12px}
	
	.filebox {position: relative; box-sizing: border-box; padding-right: 90px;}
	.filebox label {width: 80px;}
	
	.request_box p.smallTitle {font-size: 16px;}
	.request_box p.smallTitle span {font-size: 12px;}
	.request_box  {padding: 30px 0}
	ul.serviceType_list li {margin: 5px 0; width: 30%}
}


/*check list*/
.check_list {}
.check_list li {font-family: 'Pretendard'; font-size: 21px; margin: 15px 0; position: relative; padding-left: 28px;}
.check_list li::before {background: url("https://img.icons8.com/material-rounded/24/5c8bfd/ok--v1.png") no-repeat center left ; content: ''; width: 24px; height: 24px; position: absolute; top: 1px; left: 0; background-size: 100%;}

@media all and (max-width:980px) {
	.check_list li {font-size: 19px;}
	
	.check_list li::before  {width: 22px; height: 22px;}
}

@media all and (max-width:768px) {
	.check_list li {font-size: 16px; padding-left: 22px}
	.check_list li::before  {width: 18px; height: 18px;}
}





.counsel-area .counsel-dim{z-index:0;}
.counsel-area.open-counsel .counsel-dim{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.0); opacity:1; z-index:99; cursor:pointer}
.counsel-area{ position: fixed; bottom: -173px; left:0; width: 100%;  z-index:100;transition:bottom .3s ease-out; -webkit-transition:bottom .3s ease-out; -moz-transition:bottom .3s ease-out; -ms-transition:bottom .3s ease-out; -o-transition:bottom .3s ease-out;  }

.counsel-area.open-counsel{bottom: 0;transition:bottom .3s ease-out; -webkit-transition:bottom .3s ease-out; -moz-transition:bottom .3s ease-out; -ms-transition:bottom .3s ease-out; -o-transition:bottom .3s ease-out;}



.counsel--buttons{}
.counsel-area .up-arrow{width: 7px; height: 16px; display: inline-block; vertical-align: middle; background: url(../img/up-arrow.svg)0 0/100% no-repeat; }
.counsel-area.open-counsel .up-arrow{background: url(../img/down-arrow.svg)0 0/100% no-repeat;}

.counsel--call-btn{display:block; width:179px; height: 48px; background: #333; color: #fff; border:0; padding:8px 12px; line-height: 1.3; font-size: 18px; border-top-left-radius: 10px; border-top-right-radius: 10px; cursor:pointer; margin: 0 auto;}
.open-counsel .counsel--kakao.active{width: 179px; background: #cdb78d; color: #fff; padding:8px 12px; line-height: 1.3; font-size: 1.125rem;}
.open-counsel .counsel--kakao.active .hide-on-close{display: block;}
.hide-on-close{display: none;}
.hide-on-close .up-arrow{background: url(../img/down-arrow.svg)0 0/100% no-repeat;}

/* flex-box */
.flex_row{display: flex; }
.flex_row.fw{flex-wrap:wrap; }
.flex_row.center{display: flex; align-items: center;}
.flex_row.jc_center{justify-content: center;}
.flex_row.jc_fs{justify-content: flex-start;}
.flex_row.sb{justify-content:space-between;}
.flex_row.sa{justify-content:space-around;}

.column_half{width: 50%;}
.column_quarter{width: 25%;}
.form-area-wrap{height:14.438em; position: relative; z-index:999999999; background: #333;}
.counsel-form-area{background:#333}
.kakao-link-area{background: #cdb78d; padding-top: 48px;}

.counsel-form-area.open-counsel{z-index: 1; opacity:1; }
.counsel-form-area.open-counsel::before {opacity: 1; z-index: 12; display: block;}


.counsel-form-box{height: inherit; margin-left: auto; margin-right: auto; width: 100%; max-width: 1200px; position: relative;}
.counsel-form-inputs{width:100%; box-sizing: border-box; padding-right: 140px; padding-top: 36px;}
.counsel__mh_name,
.counsel__mh_hp,
.counsel__mh_jijeom,
.counsel__mh_subject{width: 33.3%; padding:8px; box-sizing: border-box;}
.counsel__mh_name input,.counsel__mh_hp input,.counsel__mh_jijeom select,.counsel__mh_subject select,
.counsel__mh_name label,.counsel__mh_hp label,.counsel__mh_jijeom label,.counsel__mh_subject label{display: inline-block; font-size: 15px;}
.counsel__mh_name label,.counsel__mh_hp label,.counsel__mh_jijeom label,.counsel__mh_subject label{color: #fff;}
.counsel__mh_name input,.counsel__mh_hp input,.counsel__mh_jijeom select,.counsel__mh_subject select{border:0; border-radius: 5px; padding:0 15px; box-shadow: 2px 2px 10px rgba(55,55,55,.25); line-height: 1.5; width: 100%;height: 60px; box-sizing: border-box;}

.counsel__mh_jijeom select, .counsel__mh_subject select {background-color: #fff; padding: 0 10px;}
.counsel-form-box input[type=submit]{width:130px; height: 60px; border-radius: 5px; background-color: #d6bca4; padding:0 20px; border:0; color: #fff; position: absolute; right: 0; top:44px; font-size: 16px; line-height: 1.6;}


@media all and (max-width:980px) {
    .counsel-area {bottom:  -280px;}
    .form-area-wrap {height: auto; box-sizing: border-box; padding: 10px;}
    .counsel-form-inputs {padding: 0;}
    .counsel--call-btn {font-size: 15px; height: 42px; line-height: 42px; padding: 0; border-top-left-radius: 20px; border-top-right-radius: 20px;}
    .counsel__mh_name, .counsel__mh_hp, .counsel__mh_jijeom, .counsel__mh_subject {width: 100%;}
    .counsel__mh_name input, .counsel__mh_hp input, .counsel__mh_jijeom select, .counsel__mh_subject select {height: 45px;}
    .counsel__mh_name, .counsel__mh_hp, .counsel__mh_jijeom, .counsel__mh_subject {padding: 5px 0;}
    .counsel-form-box input[type=submit] {width: 100%; height: 50px; position: relative; right: auto; top:auto;}
    
}


/*드롭다운메뉴*/
#sub_locationDrop { position:sticky; top: -1px; left: 0; width:100%; height:55px; background:#fafafa; border:1px solid #dedede; border-width:1px 0; z-index:73}
#sub_locationDrop .sub_contents {overflow:initial;}

#sub_locationDrop #home {float:left; width:55px; height:100%; border-left:1px solid #ddd;}
#sub_locationDrop #home a {display:block; width:100%; height:100%; background:url(/_img/resource/home.png) no-repeat center; background-size:15px; text-indent:-9999px;}

#sub_locationDrop ul.dropdown-menu {float:left; height:100%; border-left:1px solid #dedede;}
#sub_locationDrop ul.dropdown-menu>li {position:relative; float:left; width:240px; height:100%; box-sizing:border-box; line-height:55px; border-right:1px solid #dedede; transition:0.3s;}
#sub_locationDrop ul.dropdown-menu li:hover {background:#fafafa;}
#sub_locationDrop ul.dropdown-menu li span {position:relative; display:block; width:100%; height:100%; color:#111; font-size:16px; box-sizing:border-box; padding:0 20px; cursor:pointer;}
#sub_locationDrop ul.dropdown-menu li span::after {position:absolute; right:20px; top:50%; margin-top:-5px; width:10px; height:24px; background-image:url(/_img/resource/arrow-drop.png); background-size:100%; background-repeat:no-repeat; content:'';}
#sub_locationDrop ul.dropdown-menu li.on span::after {transform: rotate(-180deg);}

#sub_locationDrop ul.dropdown-menu li a {display:block; width:100%; height:100%; color:#636363; font-size:17px; box-sizing:border-box; padding:0 20px; text-decoration:none;}
#sub_locationDrop ul.dropdown-menu li:hover, #sub_locationDrop ul.dropdown-menu li:focus {background-color:#fafafa;}

#sub_locationDrop ul.dropdown-menu li ul {display:none; position:absolute; left:0; top:100%; width:100%; background:#fafafa; border:1px solid #e0e0e0; box-sizing:border-box; padding:10px 0}
#sub_locationDrop ul.dropdown-menu li ul li {float:none; width:100% !important; border-left:0; line-height:40px;}
#sub_locationDrop ul.dropdown-menu li ul li:hover {background:none;}
#sub_locationDrop ul.dropdown-menu li ul li:hover a {color:#c49c66;}
#sub_locationDrop ul.dropdown-menu li ul li a { color: #333; font-size:15px;}
#sub_locationDrop ul.dropdown-menu li ul li ul { left: 100%; top: 0;}


@media screen and (max-width:990px) {
    #sub_locationDrop {height: 45px;}
	#sub_locationDrop .sub_contents {padding-left: 45px; box-sizing: border-box;}
	#sub_locationDrop #home {position: absolute; top: 0; left: 0; width: 45px; height: 45px;}
	
	#sub_locationDrop ul.dropdown-menu {width: 100%;}
	#sub_locationDrop ul.dropdown-menu>li {width: 50%;  line-height: 45px;}
	#sub_locationDrop ul.dropdown-menu li span {font-size: 13px; padding: 0 10px; }
    #sub_locationDrop ul.dropdown-menu li ul li {line-height: 1.45;}
    #sub_locationDrop ul.dropdown-menu li ul li a {font-size:13px; padding: 5px 10px}
	#sub_locationDrop ul.dropdown-menu li span::after {right: 10px;width:8px; height: 4px;}
	#sub_locationDrop ul.dropdown-menu li a {padding: 0 10px; font-size: 14px;}
	
}