/* 레이아웃 */
#wrap{min-width:1280px; overflow: hidden; background: #fff; }
#header{min-width:1280px; position: fixed; width: 100%;height:108px;z-index: 10; padding-top:30px; transition:0.5s}
#header.scroll_on{background:rgba(0,0,0,0.6);backdrop-filter: blur(10px);  height:64px;padding-top:8px;}
#header.scroll_on .header_inner{max-width:96%;}
#header.scroll_on .header_inner .logo img{width:100px;}
#header.scroll_on .header_inner .gnb ul li a{font-size:19px;}
#header.scroll_on .header_inner .tel img{width:200px;}
#header .header_inner{max-width:75%; margin:0 auto;display:flex;justify-content: space-between; align-items: center; transition:0.5s}
#header .header_inner .logo img{width:155px;transition:0.5s}
#header .header_inner .gnb ul{margin-top:6px; display: flex; column-gap:56px; justify-content:center; align-content:center; align-items:center;}
#header .header_inner .gnb ul li a{color: #fff; position: relative;text-shadow:0 0 3px rgba(0,0,0,0.4); font-size:21px; transition:0.5s}
#header .header_inner .gnb ul li a:hover{color: #e9eb74;}
#container{ margin:0 auto;width: 100%; overflow: hidden;}
#container .content_inner{width:1280px; margin:0 auto;}
#footer{position: relative;padding:6em 0 14em; background:#662e13; text-align:center; color: #d8cdc7; z-index: 1;}
#footer .footer_inner{position: relative; z-index: 5;}
#footer .footer_inner ul{font-size: 0; margin-top:30px;}
#footer .footer_inner ul li{display:inline-block;  margin:4px; font-size:14px;}
#footer .footer_inner ul li strong{color: #fff;}
#footer .footer_inner ul li strong:after{display: inline-block;	content:':'; margin:0 2px;}
#footer .footer_inner cite{display: block; margin-top:16px;font-size:12px; opacity: 0.7;}
#footer .cirlce_logo{width: 170px;left: 50%;transform:translate(-50%,-50%);}

/* db */
.db_wrap{position: fixed; display:flex;width: 100%; bottom:0;height:136px;z-index:100;background:#b95323; box-shadow:0 0 90px rgba(0,0,0,0.9); transition:0.8s; overflow: hidden;  justify-content:center; align-content:center; align-items:center;  }
.db_wrap h2{margin-right:24px;}
.db_wrap .db_inner{display:flex;text-align:left;flex-direction: column;}
.db_wrap .db_inner h3{margin-bottom:12px;}
.db_wrap .db_inner .db{position: relative;display:flex;gap:12px;max-width:1000px; margin:0 auto; box-sizing:border-box;z-index: 2;  justify-content:center; align-content:center; align-items:center;  }
.db_wrap .db_inner .db ul{display:flex; gap:8px;}
.db_wrap .db_inner .db ul li{}
.db_wrap .db_inner .db ul li a{text-decoration:underline; cursor: pointer;}
.db_wrap .db_inner .db ul li input[type="text"]{width:100%; padding:6px 14px; height:46px;line-height:56px; background: #fff; border:none;border-radius:8px; font-size:0.95em; box-sizing:border-box; color: #000; box-shadow:5px 5px 3px rgba(0,0,0,0.1); font-weight: 600 !important;}
.db_wrap .db_inner .db ul li input[type="text"]::placeholder{color: #333 !important; font-size:0.95em;letter-spacing:-1px; font-weight:500; }
.db_wrap .db_inner .db ul li input[type="text"]:focus{background:#f9ffa0;}
.db_wrap .db_inner .db ul li.agree{display:flex;text-align: left;color: #fff; font-size:13px; letter-spacing:-1px; justify-content:center; align-content:center; align-items:center;   }
.db_wrap .db_inner .db ul li.agree a{text-decoration:underline;}
.db_wrap .db_inner .db ul li.agree input[type="checkbox"]{width:30px; height:30px; margin-right: 5px; vertical-align: middle;}
.db_wrap .db_inner .db .db_submit{animation:submit_btn 0.3s 0s infinite alternate ease-in;}
.db_wrap .db_inner .db .db_submit input[type="submit"]{width:250px; padding:8px 0; line-height:36px;background: #f7ff7f; color: #b95323; border:none; font-weight: bold; font-size:22px; letter-spacing:-1px; border-radius:8px; cursor: pointer;}
.db_wrap .db_inner .db .db_submit input[type="submit"]:hover{background:#f9ffa0 ;}
@keyframes submit_btn {0%{transform:translate(0,2px)} 100%{transform:translate(0,0)}}



/* 레이어팝업 */
.layer{position:fixed; display:none; left:0;top:180px; z-index:3000000; width:100%;}
.layer .close_btn{position:absolute; overflow: hidden; right:0; top:0;background:#ff6600; border-radius:0 10px 0 10px; color: #fff;}
.layer .close_btn a{display: block;color: #fff;padding:14px 18px; font-size:20px; font-weight:bold;}
.layer .layer_wrap{position:relative;width:100%; max-width:700px; top:0px; margin:0 auto; border-radius:10px; background:rgba(0,0,0,0.95); text-align:left; letter-spacing:-0.5px; box-shadow:0 0 50px rgba(0,0,0,0.6);}
.layer .layer_wrap .DB_info_detail{width:100%;  margin:18px auto; padding-bottom:16px; line-height:1.6; color: #fff;font-size:12px;}
.layer .layer_wrap .DB_info_detail h2{padding:22px;border-bottom:1px solid #222; font-size:24px; font-weight:bold;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap p{padding:8px;margin-bottom:12px; font-size:13px; }
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap{width:98%; height:360px; padding:8px 16px; overflow:auto; box-sizing:border-box;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dt{display:block; background: #fff;border-radius:3px; padding:7px 10px; font-weight: bold; color: #333;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dd{margin-bottom:16px; padding:4px 12px; box-sizing:border-box;}

#quick{position: absolute; right:30px;top:40px; z-index:10;}

/* 컨텐츠 */
section{position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; text-align:center; overflow: hidden; z-index: 2;}
.bg_ctn{width:1920px; left:50%; margin-left:-960px;}

.main01{height:910px; background:url(../image/bg_main01.jpg) no-repeat 50% / cover;}
.main01 .ctn{position: absolute;left:50%; margin-left:-1060px; top:125px;}
.main01 .title{position: absolute; right:50%; margin-right:-640px; top:220px;}
.main01 .title h2{margin:20px 0 32px;}
.main02{height:1027px; min-width: 1800px; background:url(../image/bg_main02.jpg) no-repeat 50% / cover;}
.main02 .ctn{position: absolute; left:50%;top:50%;transform:translate(-50%,-50%); z-index: 10;}
.main02 .ctn img{animation:circle_ani 15s 0s infinite linear}
@keyframes circle_ani{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}
.main02 .title{width: 1800px; padding-top:100px; margin:0 auto;display:flex;justify-content: space-between;    }
.main02 .title .text:nth-child(2){margin-top:150px;}
.main02 .ctn2{position: absolute;right:-50px;top:150px;z-index:5;}

.main03{width: 95%;padding:150px 0; margin:0 auto; margin-bottom:5%; background: #f7ffb5;}
.main03 .memu{margin-top:40px;}
.main03 .memu .tab>ul{display:flex; justify-content:center; align-content:center; align-items:center; column-gap:20px }
.main03 .memu .tab ul.tabs li{width:250px; height:50px;line-height:56px;padding:8px 0 ; border-radius:100px;background: #fff; color: #111; font-size:28px; font-weight:bold; border:1px solid #222 ;cursor: pointer;}
.main03 .memu .tab ul.tabs li.on{background: #b95323; color: #fff; border:1px solid #b95323; box-shadow:8px 8px 20px rgba(185,83,35,0.4)}
.main03 .memu .tab_container .tab_content{padding:50px;min-height:400px; max-width:1600px; margin:0 auto;box-sizing:border-box;}
.main03 .memu .tab_container .tab_content ul{display:flex; flex-wrap:wrap; gap:20px}
.main03 .memu .tab_container .tab_content ul li{display:flex; width:calc(100% / 4 - 20px);flex-direction: column; box-sizing:border-box; text-align: center; margin-bottom:16px;}
.main03 .memu .tab_container .tab_content ul li img{width:90%; max-width:360px}
.main03 .memu .tab_container .tab_content ul li span{margin-top:-10px;}

.main04{height:1252px;padding-top: 150px; background:url(../image/bg_main04.jpg) no-repeat 50% / cover;}
.main04 .title{margin-bottom:54px;}
.main05{height:933px; background:url(../image/bg_main05.jpg?ver=2) no-repeat 50% / cover;}
.main06{height:1117px; background:url(../image/bg_main06.jpg?ver=1) no-repeat 50% / cover;}