@media screen and (max-width: 640px) { 
input { 
 -webkit-appearance: none; 
 -webkit-border-radius: 0; 
 } 
 } 



/*헤더*/
#header { position:fixed; left:0; top:0px; width:100%; left: 50%; transform:translateX(-50%); z-index:6; height:100px; -webkit-transition:all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background-color: #fff; } 
#header .header-inner { width: 92%; max-width:1400px; height:100%; margin:auto; position:relative; display: flex; align-items: center; } 
#header .gnb { list-style: none; height: 100%; position: absolute; right:0; display: flex; justify-content: space-between; align-items: center; gap:100px } 
#header .gnb > li { position:relative; vertical-align:middle; text-align:center; } 
#header .gnb > li > a { display:inline-block; line-height:1em; width:100%; color:#333; font-size:20px; letter-spacing:-0.5px; font-weight:500; text-decoration:none; } 
#header .gnb > li > a:hover { color: #805128 } 
#header .gnb > li.active { background-color: #b0905e } 
#header .gnb > li.active > a { color: #fff } 
#header .gnb .login { font-size:15px; color:#fff; display: none; } 
#header .gnb .join { font-size:15px; color:#fff; margin-left:20px; display: none; } 
#header .gnb .login a { color:#464646; font-size:14px } 
#header .gnb .join a { color:#805128; font-size:14px } 
#header .header-inner .menu { cursor:pointer; text-indent:-9999px; position:absolute; top:29px; left:50%; width:25px; height:20px; background-image:url(../img/cate_more.gif); margin-left:200px; border:0; display:none } 
#header .header-inner .menu.on { background-image: url(../img/cate_close.gif) } 
#header .gnb > li, #header #right-side-open { height:80px; line-height:80px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } 
#header #right-side-open { position:absolute; right:0; width:100px; cursor:pointer; border-left:1px solid rgba(255,255,255,0.3); text-align:center; display: inline-block; } 
#header #right-side-open span { display:inline-block; width:20px; height:20px; font-size:20px; line-height:1em; margin-top:-10px; margin-left:-10px; position:absolute; top:50%; left:50%; color:#fff; } 
#header .gnb .snb { list-style:none; display:none; } 
#header #logo { padding:0 } 
#header #logo a { display:block; line-height:80px } 
#header #logo img { width: 100%;position: relative;left: -25px; } 
#header .gnb .snb,.device-md #header .gnb .snb { display: none; position: absolute; right: 50%; border:1px solid #dddddd; 
 transform: translateX(50%); width: 180px;; top:80px; background-color: #fff; z-index:3 } 
#header .gnb .snb li { font-size:18px; line-height:3.1; text-align:center; } 
#header .gnb .snb li a { color:#181818; display:block; transition:all .4s; } 
#header .gnb .snb li a:hover { color:#fff; display:block; background-color:#805128; text-decoration:none; line-height:3.1 } 

/*헤더*/







/*모바일 메뉴*/
#right-side { background-color:#333; position:fixed; z-index:10; top:0; right:-400px; max-width:400px; width:100%; height:100%; color:#FFF; padding:30px; -webkit-transition: right .3s ease; -moz-transition: right .3s ease; -ms-transition: right .3s ease; -o-transition: right .3s ease; transition: right .3s ease; box-sizing:border-box; overflow:auto; z-index: 99999999999999;} 
#right-side .side_gnb .call a { text-align:center; display:block; position:relative; background:#6cc043; color:#fff; font-weight:bold; height:5.0em; line-height:5em; border-radius:3px; margin-top:10px; padding:2px 0 4px 0; } 
#right-side #btn-close-right-side { position:absolute; top:20px; right:0; color:#fff; width:60px; text-align:center; line-height:40px; font-size:16px; cursor:pointer } 
#right-side #btn-close-right-side .fa.fa-times { font-size:18px; padding-top:20px } 
.right-side-on #right-side { right:0; } 
.right-side-on #rs-overlay { display:block; } 

.quick_menu { width:100%; margin:auto; padding-top:20px } 
.quick_menu ul { text-align:center } 
.quick_menu li { display:inline-block; margin-left:-3px; width:80px; border-right:1px solid #555; } 
.quick_menu li:last-child { border:0 } 
.quick_menu li a { display:block; box-sizing:border-box; color:#f5f5f5; letter-spacing:-0.8px; text-align:center; position:relative; font-size:12px } 
.quick_menu li a:hover { color:#fff; backface-visibility:hidden } 
.quick_menu li a.on { color:#fff; border-bottom-color:#FF3300; border-bottom-width:2px; border-bottom-style:solid } 
.quick_kakao { text-align:center; height:35px; background-color:#ffd800; display:inline-block; clear:both } 
.quick_kakao a { display:block; position:relative; background:#ffd800 } 
.quick_kakao a img { display:block; margin:0 auto } 

.side_gnb { position:relative; width:100%; float:left; padding-top:20px; } 
.side_gnb p { color:#fff; text-align:center; padding:20px } 
.side_gnb .menu-list { display:block; position:relative; border-bottom:1px solid #555; margin-top:60px } 
.side_gnb .menu-list>li>a { display:block; position:relative; color:#fff; font-size:16px; line-height:3.8em; padding:0 1.0em; border-top:1px solid #555; text-decoration:none } 
.side_gnb .menu-list>li>a i { display:block; position:absolute; top:50%; transform:translateY(-75%) rotate(135deg); -webkit-transform:translateY(-75%) rotate(135deg); right:1.5em; width:5.31%; max-width:32px; border:1px solid #ddd; border-left-width:0; border-bottom-width:0; transition:transform .3s ease; -webkit-transition:-webkit-transform .3s ease; -ms-transition:transform .3s ease } 
.side_gnb .menu-list>li.on>a i { -webkit-transform:translateY(-25%) rotate(315deg); transform:translateY(-25%) rotate(315deg) } 
.side_gnb .menu-list>li>a i:before { content:""; display:block; position:relative; padding-top:100% } 
.side_gnb .depth-2 { display:none; } 
.side_gnb .depth-2>li { background-color:#ddd } 
.side_gnb .depth-2>li>a { display:block; color:#ddd; font-size:15px; line-height:3.0em; padding:0 1.5em 0 2.2em; border-bottom:1px solid #fff; color:#000 } 

/*모바일 메뉴*/






/*메인배너*/
.main-carousel { padding:0; display:block; padding-top: 80px; max-width:100%; margin:auto; } 
.main-carousel .li { height:90vh; background-size:cover; background-position:center; position:relative } 
/* .main-carousel .li .cover { position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/main/main_visual_cover.png) center bottom no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; min-width:300px;  z-index:1 }  */
.main-carousel .li:nth-child(2n) .cover { background:url(../img/main/main_banner_img02.jpg) center bottom no-repeat;}
.main-carousel .li:nth-child(3n) .cover { background:url(../img/main/main_banner_img03.jpg) center bottom no-repeat;}
.main-carousel .jarallax { min-height: 900px; } 
.main-carousel .img01 { background-image:url(../img/main/main_visual_cover.png); } 
.main-carousel .img02 { background-image:url(../img/main/main_banner_img02.jpg); } 
.main-carousel .img03 { background-image:url(../img/main/main_banner_img03.jpg); } 

.main-carousel .copy_area { position: absolute; width: 92%; max-width:1400px; color:#fff; text-align: left; left: 50%; top: 70%; transform:translate(-50%,-50%); z-index: 2; } 
.main-carousel .copy_area h1 { font-size:54px; } 
.main-carousel .copy_area span { font-size:44px; } 
.main-carousel .copy_area p { font-size:26px; margin-top: 30px; } 

.owl-dots { display: none; position: absolute; left: 50%; width: 80%; bottom: 224px; z-index: 1002; margin-top: -55px; transform: translateX(-50%); } 
.owl-dots>button { cursor:pointer; display: inline-block; position: relative; width: 50px; height: 38px; margin: 20px 0; border-radius: 0; opacity: .5; background: none; transition: all .5s; } 
.owl-dots .active { width: 180px; border-bottom: solid 1px #1e58d1; opacity: 1; } 
.owl-dots>button span:after { letter-spacing: -.2px; color: #fff; font-size: 15px; font-weight: 600; } 
.owl-dots .active span:after { color:#1e58d1; } 
.owl-dots>button:nth-child(1) span:after { content:'01'; } 
.owl-dots>button:nth-child(2) span:after { content:'02'; } 
.owl-dots>button:nth-child(3) span:after { content:'03'; } 
.owl-nav { display: none; } 
#bo_v_share {display:none!important}
#bo_v_info{margin-bottom:40px!important}
/*메인배너*/



/*서브상단*/
.sub_visual { position:relative; max-width:2560px; margin:0 auto; height:472px; background-repeat:no-repeat; background-position:center top } 
.sub_visual.visual01 .bg { background-image:url(../img/sub_visual01.jpg) } 
.sub_visual.visual02 .bg { background-image:url(../img/sub_visual02.jpg) } 
.sub_visual.visual03 .bg { background-image:url(../img/sub_visual03.jpg) } 
.sub_visual.visual04 .bg { background-image:url(../img/sub_visual04.jpg) } 
.sub_visual.visual05 .bg { background-image:url(../img/sub_visual05.jpg) } 
.sub_visual .title_warp { max-width:1240px; margin:0 auto; display:table; z-index:5 } 
.sub_visual .title_warp .table-cell { vertical-align:middle; position: absolute; max-width: 70%; text-align: left; width: 70%; top: -30px; z-index: 5; left: 50%; transform: translateX(-50%); } 
.sub_visual h3 { font-size:45px; font-weight:bold; letter-spacing:-1px; color:#181818 } 
.sub_visual .sub_title { position:relative; padding-bottom:10px; font-size:14px; font-weight:500; color:#fff; text-align:center; opacity:.8; z-index:5 } 
.sub_visual .cover { position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/sub_visual_cover.png) center bottom no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; min-width:1200px; opacity:.5; z-index:1 } 
.sub_visual .bg { position:absolute; top:0; left:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; z-index:0; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease } 


/*서브상단*/
.scroll_down { width: 88px; position: absolute; left: 50%; transform:translateX(-50%); bottom: 0; z-index: 2; } 
.scroll_down span { letter-spacing:3px; color: #f5f5f5; font-size: 13px; font-weight: 300; line-height: 100%; text-align: center; display: block; transform: rotate(90deg); margin-bottom: 40px; } 
.scroll_down .line { background: rgba(255,255,255,0.5); width: 1px; height: 35px; margin: 10px auto 0 auto; } 
.content-sub { width: 100%; } 
.sub-tit { padding:150px 0 100px 0; margin:auto; } 
.sub-tit h1 { text-align: center; font-size:28px; font-weight:700; color:#181818; } 
.sub-tit h1:after { content:''; display: block; width:80px; margin:auto; height: 1px; background: #181818; margin-top: 30px; } 
.tit-circle { display: flex; justify-content:center; align-items:center; margin-top: 10px; } 
.tit-circle>div { width: 10px; height: 10px; display: block; border-radius:50%; } 
.tit-circle>div:first-child { background: #d2e53a; } 
.tit-circle>div:nth-child(2) { margin:0 10px; background:#85cd8b; } 
.tit-circle>div:nth-child(3) { background: #000; background: #4fa656; } 
.section65 { max-width:70%; } 










/*푸터*/
#footer { padding: 50px 0; background: #2B2B2B; } 
#footer .footer-wrap { max-width:1400px;width:92%; margin:auto; } 
#footer .footer-wrap .footer_top { display: flex; align-items:center; } 
#footer .footer-wrap .footer_top h4 { font-size:16px; color:#B9B9B9; } 
#footer .footer-wrap .footer_top h4:nth-child(2) { margin-left: 15px; } 
#footer .footer-wrap .footer_top h4:last-child:after { display: none; } 
#footer .footer-wrap .footer_top h4:after { content:'I'; display: inline-block; clear: both; color:#d6d6d6; padding:0 10px; } 
#footer .footer-wrap .footer_top p { font-size:16px; color:#B9B9B9; } 
#footer .footer-wrap .footer_md { align-items:center; margin:20px 0; padding: 20px 0px; display: flex; justify-content:space-between; } 
#footer .footer-wrap .footer_md .menu { font-size:16px; } 
#footer .footer-wrap .footer_md .menu a { color:#B9B9B9; } 
#footer .footer-wrap .footer_md .menu span { color:#B9B9B9; } 
#footer .footer-wrap .footer_md .sns { display: flex; } 
#footer .footer-wrap .footer_md .sns .copyright { color:#B9B9B9;font-size:15px } 
#footer .footer-wrap .footer_md .sns>div { margin-left: 10px; width: 40px; height: 40px; border:1px solid #c9c9c9; border-radius:50%; display: flex; justify-content:center; align-items:center; } 
#footer .footer-wrap .footer_md .sns>div a { display: flex; justify-content:center; align-items:center; transition:all .4s; opacity: 0.8; } 
#footer .footer-wrap .footer_md .sns>div a:hover { opacity: 1; } 
#footer .footer-wrap .footer_md .sns>div img { width: 60%; margin:auto; transition:all .4s; display: block; filter:grayscale(1); } 
#footer .footer-wrap .footer_md .sns>div img:hover { filter:grayscale(0); } 
#footer .footer_in { display: flex; justify-content:space-between; align-items:center; padding: 20px 0; border-bottom: 1px solid #787878;font-size:16px } 
#footer .footer_in address { font-style:normal; color:#B9B9B9; } 
#footer .footer_in address span { color:#B9B9B9; margin-right: 10px; line-height: 25px; font-size:16px; } 
#footer .footer_in .logo img { filter:grayscale(1); opacity: 0.6; width: 100%; } 
/*푸터*/



/* 푸터팝업*/
.tl_pop_con { background:#fff; } 
.tl_pop_con h2.f_pop_tit { width:100%; height:80px; line-height:80px; font-size:20px; color:#fff; } 
.tl_pop_con h2.f_pop_tit img { display:inline-block; margin-left:50px; margin-right:5px; margin-top:-10px; width:120px; } 
.tl_pop_con h2.f_pop_tit span { display:inline-block; padding-left:50px; } 
.f_pop_wrap { line-height:23px; text-align:justify; word-break:break-all; font-size:15px; overflow-y:auto; } 
.f_pop_wrap strong { color:#00a19a; font-weight:normal; } 
.f_pop_wrap p { color:#333; padding:40px 50px; line-height:1.6; } 
.mfp-close:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("../img/btn_close.png") no-repeat center center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; border-radius: 50%; } 
.mfp-close { width: 40px; height: 40px; text-indent: -999px; opacity: 1; overflow: hidden; background-color:transparent; border:0; } 
button.mfp-close:hover:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } 
/* 푸터팝업*/


@media screen and (max-width:1920px) { 

.section65 { max-width:65%; } 
.sub_visual .title_warp .table-cell { max-width:65%; } 
 } 

@media screen and (max-width:1024px) { 
#header .header-inner { max-width:95%; } 
.main-carousel .li .copy_area { width: 95%; } 

.section65 { max-width:95%; } 
 } 

@media screen and (max-width: 1024px) { 
 #header { display:block; background-color:#fff; top:0; border-bottom:1px solid rgba(255,255,255,0.4); position:fixed ; height:80px;} 
#header #logo { width:250px; display:block } 
#header .gnb { display:none } 

 .scrolled #header { background-color:#fff; border-bottom:1px solid #ddd; } 
.scrolled #open-button .nl1 { background-color:#333 } 
.scrolled #open-button .nl2 { background-color:#333 } 
.scrolled #open-button .nl3 { background-color:#333 } 
.scrolled #open-button .navicon-line { background-color:#333 } 
 .scrolled #open-button.on .navicon-line { background-color:#fff } 

/*버튼*/
#open-button { position:fixed; z-index:12;top:0; right:15px; padding-top:20px; width:75px; height:100px; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; cursor:pointer; display:block; z-index: 99999999999999;} 
#open-button .navicon-line { position:absolute; width:20px; height:2px; border-radius:1px; background:#333; -webkit-transition:all .7s ease-out; -moz-transition:all .7s ease-out; -o-transition:all .7s ease-out; transition:all .7s ease-out } 
#open-button .nl1 { top: 11px; right: 10px; width:30px; } 
#open-button .nl2 { top: 19px; right: 10px; width:24px; } 
#open-button .nl3 { top: 27px; right: 10px; width:30px; } 
#open-button.on>div>div { transform:rotate(225deg); -ms-transform:rotate(225deg); -webkit-transform:rotate(225deg); width:25px; position:absolute; top:15px; right:10px; margin:0; padding:0; background-color:#fff; } 
#open-button.on>div>div:first-child { transform:rotate(135deg); -ms-transform:rotate(135deg); -webkit-transform:rotate(135deg) } 
#open-button.scrolled .navicon-line { background-color: #fff; } 
#open-button.on.scrolled >div>div { background-color:#333; } 
/*버튼*/
 } 

@media screen and (max-width: 640px) { 
#header .header-inner { margin:0; } 
#header #logo a {  margin:auto; } 
#header #logo img {left:0;}
.main-carousel { max-width:100%; height: 100vh; } 
.main-carousel>a { padding: 20px 40px; } 
.owl-dots { bottom: 50px; } 
.main-carousel .copy_area { width: 90%; } 
.main-carousel .copy_area h1 { font-size:30px; } 
.main-carousel .copy_area02 { width: 90%; bottom: 240px; } 
.main-carousel .copy_area02 p { font-size:18px; } 


.section65 { max-width:90%; } 
#footer .footer-wrap { max-width:90%; } 

.side_gnb .depth-2>li>a { font-size:16px } 
.main-carousel .li .copy_area { width: 95%; } 
.main-carousel .jarallax { min-height: 100vh; } 
 .main-carousel .img01 { } 
.main-carousel .img02 { } 
.main-carousel .img03 { } 


.sub_visual { height: 300px; } 
 .sub_visual .title_warp { max-width:100%; } 
.sub_visual h3 { font-size:35px } 
.sub_visual .sub_title { font-size:13px } 
.sub-tit { padding: 70px 0 50px 0; } 
.sub-tit h1 { font-size:28px; } 
.sub_visual .title_warp .table-cell { top: 50%; left: 50%; transform: translate(-50%,-50%); } 
.sub_visual .title_warp .table-cell h3 { text-align: center; color:#fff; } 
.sub_visual .bg { filter: brightness(0.6); } 

 .sub-navi-top { display: none; } 
.gall-navi-top { display: none; } 

#footer .footer-wrap .footer_top { flex-direction:column; align-items:flex-start; } 
#footer .footer-wrap .footer_top p { font-size:14px; margin-top: 10px; } 
#footer .footer-wrap .footer_top h4:nth-child(2) { margin-left: 0; } 
#footer .footer-wrap .footer_top h4:nth-child(2):after { display: none; } 
#footer .footer_in { flex-direction:column; } 
#footer .footer_in .logo { margin-top: 20px; } 
#footer .footer_in .logo img { width: 80%; margin:auto; display: block; } 
#footer .footer-wrap .footer_md { flex-direction:column; align-items: flex-start; } 
#footer .footer-wrap .footer_md .menu { margin-top: 20px; } 
 } 

@media screen and (max-width:300px) { 
#header #logo img { width: 60%; } 

.main-carousel .li .copy_area h1 { font-size:17px; } 
.main-carousel .li .copy_area h2 { font-size:25px; } 
.main-carousel .li .copy_area h3 { font-size:14px; } 
.main-carousel .li .copy_area a { width: 150px; font-size:14px; } 



.sub_visual { height: 400px; } 
.sub_visual h3 { font-size:30px; } 
.sub_visual .title_warp .table-cell { height: 400px; } 

#footer .footer-wrap .footer_top p { font-size:12px; } 
#footer .footer-wrap .footer_md { flex-direction:column; } 
#footer .footer-wrap .footer_md .menu { font-size:13px; } 
#footer .footer-wrap .footer_md .sns>div { margin-left: 0; margin: 10px 3px; } 
#footer .footer_in address span { font-size:10px; } 
 } 




/*게시판 페이징 */

 
.data-pagination{display:flex;align-items:center;justify-content:center;gap:45px;margin-top:65px;}
.data-pagination .paging-arrow{display:flex;align-items:center;justify-content:center;flex:0 0 55px;width:35px;height:auto;aspect-ratio: 1/1;}
.data-pagination .paging-arrow span{display:block;width:12px;height:12px;border-top:3px solid #555;border-right:3px solid #555;}
.data-pagination .paging-prev span{transform:rotate(-135deg);}
.data-pagination .paging-next span{transform:rotate(45deg);}
.data-pagination .paging-arrow.disabled{opacity:.25;pointer-events:none;}
.data-pagination .paging-numbers .pg_wrap{margin:0;}
.data-pagination .paging-numbers .pg{display:flex;align-items:center;justify-content:center;gap:2px;}
.data-pagination .paging-numbers .pg_page,
.data-pagination .paging-numbers .pg_current{display:flex;align-items:center;justify-content:center;width:35px;height:auto;aspect-ratio:1/1; margin:0;border:1px solid transparent;border-radius:50%;background:none;font-size:18px;font-weight:400;line-height:1;color:#555;}
.data-pagination .paging-numbers .pg_current{border-color:#95633c;color:#95633c;}
.data-pagination .paging-numbers .pg_start,
.data-pagination .paging-numbers .pg_end,
.data-pagination .paging-numbers .pg_prev,
.data-pagination .paging-numbers .pg_next{display:none;}

@media(max-width:768px){
.data-pagination{gap:20px;margin-top:45px;}
.data-pagination .paging-arrow{flex-basis:42px;width:42px;height:42px;}
.data-pagination .paging-arrow span{width:14px!important;height:14px!important;border-top-width:2px!important;border-right-width:2px!important;}
.data-pagination .paging-numbers{gap:8px;}
.data-pagination .paging-numbers ul{gap:8px;}
.data-pagination .paging-numbers a,.data-pagination .paging-numbers strong{width:42px;height:42px;font-size:20px;}
}

@media(max-width:500px){
.data-pagination{gap:10px;}
.data-pagination .paging-arrow{flex-basis:36px;width:36px;height:36px;}
.data-pagination .paging-numbers{gap:3px;}
.data-pagination .paging-numbers ul{gap:3px;}
.data-pagination .paging-numbers a,.data-pagination .paging-numbers strong{width:36px;height:36px;font-size:17px;}
}