/** °ψΕλ ***********************************************************************/
body,html{height:100%;margin:0;font-family: 'Noto Sans KR', sans-serif;}
ul,li,ol {padding: 0;margin: 0;}
li{list-style:none;}
a{text-decoration:none;color:#333}
div{box-sizing: border-box;}
p{margin:0;padding:0}
.p_0 {
	padding: 0px!important;
}
.p_5 {
	padding: 5px!important;
}
.p_10 {
	padding: 10px!important;
}
.p_15 {
	padding: 15px!important;
}
.p_20 {
	padding: 20px!important;
}
.p_30 {
	padding: 30px!important;
}
.p_40 {
	padding: 40px!important;
}
.p_50 {
	padding: 50px!important;
}
.p_left_0 {
	padding-left: 0!important;
}
.p_top_0 {
	padding-top: 0!important;
}
.p_right_0 {
	padding-right: 0!important;
}
.p_bottom_0 {
	padding-bottom: 0!important;
}
.p_left_5 {
	padding-left: 5px!important;
}
.p_top_5 {
	padding-top: 5px!important;
}
.p_right_5 {
	padding-right: 5px!important;
}
.p_bottom_5 {
	padding-bottom: 5px!important;
}
.p_left_10 {
	padding-left: 10px!important;
}
.p_top_10 {
	padding-top: 10px!important;
}
.p_right_10 {
	padding-right: 10px!important;
}
.p_bottom_10 {
	padding-bottom: 10px!important;
}
.p_left_15 {
	padding-left: 15px!important;
}
.p_top_15 {
	padding-top: 15px!important;
}
.p_right_15 {
	padding-right: 15px!important;
}
.p_bottom_15 {
	padding-bottom: 15px!important;
}
.p_left_20 {
	padding-left: 20px!important;
}
.p_top_20 {
	padding-top: 20px!important;
}
.p_right_20 {
	padding-right: 20px!important;
}
.p_bottom_20 {
	padding-bottom: 20px!important;
}
.p_left_30 {
	padding-left: 30px!important;
}
.p_top_30 {
	padding-top: 30px!important;
}
.p_right_30 {
	padding-right: 30px!important;
}
.p_bottom_30 {
	padding-bottom: 30px!important;
}
.p_left_50 {
	padding-left: 50px!important;
}
.p_top_50 {
	padding-top: 50px!important;
}
.p_top_100 {
  padding-top: 100px!important;
}
.p_right_50 {
	padding-right: 50px!important;
}
.p_bottom_50 {
	padding-bottom: 50px!important;
}
.font_Poppins{font-family: 'Poppins', sans-serif;}

/** HEADER ***********************************************************************/
.mainHeader{position: fixed;top: 0;left: 0;width: 100%;z-index: 9;background: transparent;border-bottom: 1px solid #ffffff2e;box-shadow: rgb(0 0 0 / 10%) 0 0 10px;}
.Header-inner{width:100%;max-width:1460px;display: flex;margin: 0 auto;justify-content: space-between;align-items: center;padding: 20px 0;}
.Header-inner .innerlogo{display: flex;align-items: flex-end;;}
.Header-inner .innerlogo img{ width:250px;}
.Header-inner .innerlogo .telTitle{margin-left: 10px;}
.Header-inner .innerMenu ul{display:flex;}
.Header-inner .innerMenu ul li{font-size: 22px;padding: 0 25px;font-weight: bold;color: #333; cursor:pointer;}
.Header-inner .innerMenu ul li a:hover{color:#fdd22b}
.Header-inner .innerMenu ul li a{color:#fff;}
.Header-inner .btn_menu{display:none}
.Leftbak{position: fixed;top: 0;width: 100%;height: 100%;transition: .2s linear;background: rgba(0,0,0,.7);    z-index: 999;}
.Leftmenu{position: fixed;right: -60%;width:60%;background-color: #fff;height: 100%;z-index: 999;}
.LMcontents{padding:1rem}
.LMcontents .closeBox{text-align:right}
.LMcontents .menu{padding:20px 0}
.LMcontents .menu ul li{padding: 10px 10px;font-size: 20px;font-weight: bold;}

/** MIAN CONTENTS *****************************************************************/
.main-inner{margin-top:0px;margin-bottom: 125px;flex: 1;}
.main-inner_Sub{margin-top:125px;margin-bottom: 125px;flex: 1;}
.MBanner{position: relative;background-color: #000;}
.MBbak{background-color: #0000008f;width: 100%;height: 100%;position: absolute;top: 0;z-index: 99;}
.MBTitle{position: absolute;width:70%;top: 50%;left:45%;transform: translate(-45%,-50%);text-align: left;z-index: 99;}
.slide1 .title1{font-size: 70px;color: #fff;font-weight: bold;font-family: 'Noto Sans KR', sans-serif;transform: skewX(350deg);text-shadow: 4px 3px 6px #272727;}
.slide1 .title2{font-size: 28px;color: #fff;font-weight: 400;font-family: 'Noto Sans KR', sans-serif;margin-top:20px;text-shadow: 4px 3px 6px #272727;line-height: 38px;}
.slide2 .title1{font-size: 70px;color: #fff;font-weight: bold;font-family: 'Noto Sans KR', sans-serif;transform: skewX(350deg);text-shadow: 4px 3px 6px #272727;}
.slide2 .title2{font-size: 28px;color: #fff;font-weight: 400;font-family: 'Noto Sans KR', sans-serif;margin-top:20px;text-shadow: 4px 3px 6px #272727;line-height: 38px;}
.slideBtn{display: inline-block;border: 1px solid #fff;  padding: 10px 30px;color: #fff;font-size:20px;margin-top: 50px;font-weight: bold;cursor:pointer;}
.slideBtn:hover{background:#fff9;border-color:#fff9;color:#333333}
.mainContents{ margin: 0 auto;width:100%; max-width:1460px;}
.mainBottom{margin-bottom: 130px;}
.mainBottom1{margin-bottom: 150px;}
.mainTitle{text-align: center;font-size:50px;padding-top:130px;font-weight: bold;color: #333;}
.mainT{display: inline-block;background-color: #000;color: #Fff;padding: 15px 40px;font-family: 'fontB', sans-serif;}
.imgBox{display:flex;flex-wrap: wrap; padding: 50px 0 0px;gap: 5px 5px;}
.imgBox .listBox{position: relative;border-radius: 10px;width: 33%;border:0.5px solid #eee;height:25vw;}
/*.imgBox .listBox:nth-of-type(3n) {margin-right: 0px;}*/
.imgBox .listBox:hover .txtBox{opacity:1;}
.imgBox .listBox img{border-radius:10px;width: 100%;height: 100%;}
.imgBox .listBox .txtBox{opacity:0;position: absolute;top: 0;left: 0;background-color: #0c0c0c94;width: 100%;height: 99%;text-align: center;vertical-align: middle;font-size: 40px;font-weight: bold;color: #fff;display: flex;justify-content: center;align-items: center;transition: .2s linear;border-radius:10px}
.btnBox{text-align: center;}
.btnR {background-color: #242424;display: inline-block;padding: 1rem 3rem;margin: 1rem 0;color: #ffffff;font-weight: bold;font-size: 19px;cursor: pointer;}
.btnR:hover {color:#fdd22b;}
.btnR i{ margin-left:5px}

.main_ImgBox{background: url(/images/company2.jpg) no-repeat 50% 50% / cover;}
.img_Contents{width: 100%;height: 100%;background-color: #35353591;position: relative;  padding: 6rem 0;}
.img_Contents .Mtitle {text-align: center;color: #fff;font-size: 45px;font-weight:bold}
.img_Contents .Mtitle2 	{text-align: center;font-size: 35px;color: #fff;margin-top: 10px;font-family: 'Poppins', sans-serif;font-weight:bold}
.img_Contents .Mtitle2 .Mbtn{display: inline-block;border: 1px solid #fff;padding: 10px 30px;color: #fff;font-size: 20px;margin-top: 10px;font-weight: bold;cursor: pointer;}

.process{display:flex;justify-content: center;max-width: 1780px;margin: 0 auto;}
.processBox{border-right: 1px solid #e0dede;width: 18%;margin-right:5px;padding:1rem 1rem 1rem;}
.processBox:last-child{margin-right:0;border-right:none}
.processBox .iconBox{text-align: center;font-weight: bold;font-size: 20px;color: #ffffff;background-color: #fdd22b;width: 130px;height: 130px;border-radius: 50%;margin:0 auto;position: relative;}
.processBox .iconBox img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.ProcessTitle{display: block;  text-align: center;font-size: 20px;font-weight: bold;color: #333;padding-top: 10px;}
.Processcon{font-size: 13px;color: #333;padding: 1rem 0;}

.companyBox5{padding: 100px 20px;;text-align:center;}
.companyBox5 .titleB{font-size: 50px;font-weight: bold;color:#333;;margin-bottom: 50px;}
.companyBox5 .StitleB{display: block;font-size: 16px;font-weight: 600;}

/** COMPANY *****************************************************************/

.mainTitle1{text-align: center;font-size:50px;padding-top:130px;font-weight: bold;color: #333;}
.mainsubTitle{text-align:center;font-size:22px;margin:50px 0}
.mainsubTitle .conBox{padding: 25px 0;  line-height: 38px;}
.mainsubTitle .conBox .titleBak{background-color: #fdd22b;padding: 1px 5px;font-weight: bold;}
.mainsubTitle .conBox .nameImg{width: 80px;margin-left: 10px;}
.mainConBak{background-image: url(/images/conBak.svg);background-repeat: no-repeat;background-position: 50% 50%;background-size: 1100px;}

.servicesBox {width:100%;margin: 80px auto;display: flex;flex-wrap: wrap;justify-content: center;}
.servicesBox .listBox{display: flex;justify-content: center;align-items: center;margin: 20px 0;}
.servicesBox .listBox .iconBox{position: relative;width: 120px;height: 120px;background-color: #3f3f3f;border-radius: 50%;text-align: center;line-height: 120px;font-size: 45px;font-weight: bold;color: #fff;}
.servicesBox .listBox .Stitle{ color: #e32d16;   width: 45%;font-size: 35px;font-family: 'fontB', sans-serif;}
.servicesBox .listBox .Scontitle{flex:1;font-size: 20px;border: 1px solid #e7e7e7; border-radius: 100px;  padding: 2rem 4rem;}
.servicesBox .listBox .Scontitle:nth-child(even){margin-left:10px;}
.servicesBox .listBox .Scontitle:nth-child(odd){margin-right:10px;}

.Slist{width:30%;box-shadow: 1px 1px 7px 1px #cbc9c96e;margin-right:20px;border-radius: 5px;display: flex;flex-direction: column;margin-bottom: 20px;}
.Slist:nth-child(3){margin-right:0}
.Slist:last-child{margin-right:0}
.Slist .SCon{padding: 30px 15px;border-radius: 5px;flex: 1;}
.Slist .SCon.con1{padding: 30px 17px 30px 121px;background-image: url(/images/main_S1_n.png);background-repeat: no-repeat;background-position: 81% 50%;background-size: 580px;}
.Slist .SCon.con2{padding: 30px 17px 30px 30px;background-image: url(/images/main_S2_n.png);background-repeat: no-repeat;background-position: 81% 50%;background-size: 580px;}
.Slist .SCon.con3{padding: 30px 17px 30px 30px;background-image: url(/images/main_S3_n.png);background-repeat: no-repeat;background-position: 81% 50%;background-size: 570px;}

.Slist .numT{font-size: 70px;color: #757575b5;font-family: 'fontB', sans-serif;}
.Slist .SmainT{position: absolute;bottom: -40%;left: 15%;font-size: 30px;font-weight: bold;font-family: 'fontB', sans-serif;}
.Slist .SconT{padding:50px 0px 10px;}
.Slist .SconT span{font-size:13px}
.SimgBox img{width:100%;opacity: 0.7;}
.Contbtn{padding:2rem 2rem;flex: 1;background-image: url(/images/contact_Bak.svg);background-repeat: no-repeat;background-position: 110% 50%;background-size: 300px;text-align: left;overflow: hidden;height: 100%;}
.contactBtn{border-radius:50px;padding: 10px;position: relative;font-size:55px;font-weight: bold;text-align: left;color: #fff8eb;font-family: 'fontB', sans-serif;line-height: 60px;letter-spacing: 3px;padding-top: 30px;text-shadow: 2px 2px 0px #a1a320a6;}
.contactBtn img{margin-left: 10px;position: absolute;bottom: -18px;right:60px;width:350px;}
.Proftbtn{padding:2rem 2rem;flex: 1;background-image: url(/images/portfolio_Bak.svg);background-repeat: no-repeat;background-position: 0% 90%;background-size: 250px;text-align: left;overflow: hidden;height: 100%;}
.ProfolioBtn{border-radius:50px;padding: 10px;position: relative;font-size:48px;font-weight: bold;text-align: right;color: #fff8eb;font-family: 'fontB', sans-serif;line-height: 60px;padding-top: 30px;text-shadow: 2px 2px 0px #a1a320a6;}
.ProfolioBtn img{margin-left: 10px;position: absolute;bottom: -18px;right: -38px;width:385px;}

.CPTitle{position: absolute;top: 45%;left: 50%;transform: translate(-50%,-45%);text-align: center;width:100%;z-index: 99;}
.cpslide1 .logoImg{width:22%;margin-bottom:20px}
.cpslide1 .title1{font-size: 75px;color: #fff;font-weight: bold;font-family: 'fontB', sans-serif;transform: skewX(350deg);}
.cpslide1 .title2{font-size: 40px;color: #fdd22b;}
.cpslide2 .title1{font-size: 75px;color: #fff;font-weight: bold;font-family: 'fontB', sans-serif;transform: skewX(350deg);}
.cpslide2 .title2{font-size: 40px;color: #fdd22b;}

/** PORTFOLIO ******************************************************************/
.subTitle{text-align: center;font-size: 45px;padding-top:100px;font-weight: bold;color: #333;}
.Category{display:flex;justify-content: center;padding: 35px 0px 0;}
.Category .cgBox{width: 8%;text-align: center;position: relative;cursor:pointer;}
.Category .cgBox.on{color:#fdd22b; font-weight: bold;}
.Category .cgBox:after{content: "";width: 1px;height: 15px;background-color: #d9d9d9;display: block;top: 5px;right: 0;position: absolute;}
.Category .cgBox:last-child:after{content:none}
.portfolioimgBox{display:flex;flex-wrap: wrap;justify-content: flex-start; padding: 50px 10px 100px;justify-content: space-between;}
.portfolioimgBox .listBox{position: relative;border-radius: 10px;margin-bottom:10px;width: 32.5%;margin-right: 5px;border: 0.5px solid #eee;height:23vw;}
.portfolioimgBox .listBox img{border-radius:10px;width: 100%;height: 100%;}
.portfolioimgBox .listBox:nth-of-type(3n) {margin-right: 0px;}
.portfolioimgBox .listBox:hover .txtBox{opacity:1;}
.portfolioimgBox .listBox .txtBox{opacity:0;position: absolute;top: 0;left: 0;background-color: #0c0c0c94;width: 100%;height: 99%;text-align: center;vertical-align: middle;font-size: 40px;font-weight: bold;color: #fff;display: flex;justify-content: center;align-items: center;transition: .2s linear;border-radius:10px}
.portfolioView{padding: 50px 0 50px;color: #333;}
.portfolioView .PVbox{display:flex;border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding: 50px 0;}
.portfolioView .PVbox .PVimgbox{width: 50%;}
.portfolioView .PVbox .PVimgbox img{width: 100%;}
.portfolioView .PVbox .PVtexbox{width: 50%;padding: 10px 3rem;}
.portfolioView .PVbox .PVtexbox .title{font-size: 30px;font-weight: bold;}
.portfolioView .PVbox .PVtexbox .con{padding:10px }

/** CONTACT ******************************************************************/
.tabbox{display: flex;padding: 0px 0 50px;}
.tab{width: 50%;border: 1px solid #c8c8c8;padding: 15px;text-align: center;font-size: 17px;color: #333;}
.tab:frist-child{border-right: 0;}
.tab.on{background-color: #3f3f3f;color: #fff;font-weight: bold;border-color: #3f3f3f;}
.boardwriteBox{width:80%;margin:0 auto;padding: 50px 0;}
table.boardwrite{table-layout: fixed;width: 100%;border-collapse: collapse;border-spacing: 0;}
table.boardwrite th{width: 20%;padding: 15px;color: #333;text-align: center;font-size: 17px;background-color: #f6f6f6;border-bottom: 1px solid #ebebeb;padding: 10px;}
table.boardwrite td{padding: 15px;border-bottom: 1px solid #ebebeb;}
table.boardwrite td input{height: 50px;display: inline-block;   box-sizing: border-box;}
table.boardwrite td .cont_select{margin-left: 10px;height: 55px;width: 60%;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(/SITE/images/select_B.png) no-repeat 95% 50%;background-size: 14px;background-position: calc(100% - 10px) 50%;}
table.boardwrite td textarea{box-sizing: border-box;}
table.boardwrite td input[type=file]{font-size: 16px;font-family: 'Noto Sans KR', sans-serif;height: auto;margin-bottom: 10px;width: 100%;}
table.boardwrite td input[type=file]::file-selector-button {height: 35px;background: #fdd22b;border-radius: 5px;cursor: pointer;outline:none;border:1px solid #fdd22b;font-size:15px;color:#333;font-family: 'Noto Sans KR', sans-serif;margin-right:10px;color:#fff;font-weight:bold}
.iconW{color: #fad02b;vertical-align: super;font-size: 5px;margin-left: 5px;}
.form-control{width: 100%;padding: 0.375rem 0.75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #212529;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0.25rem;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.BWradioBox{display:flex;align-items: center;}
.BWradio{font-style: normal;font-weight: 500;font-size: 18px;line-height: 27px;letter-spacing: -0.02em;color: #000000;margin-right: 30px;}
.BWradio input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.BWradio input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.BWradio input[type="radio"] + label {font-size: 15px; display: inline-block; width: auto;position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.BWradio input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: -4px; width: 21px; height: 21px; text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
.BWradio input[type="radio"] + label:active:before, .BWradio input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.BWradio input[type="radio"]:checked + label:before { background: #fdd22b; border-color:#fdd22b; }
.BWradio input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 1px; left: 5px; width: 13px; height: 13px; background: #fff; border-radius: 100%; }
.BWradio input[type="radio"] + label:after { content: ''; position: absolute; top: 1px; left: 4px; width: 13px; height: 13px; background: #fff; border-radius: 100%; }
.BWradio input[type="radio"] + label:after {top: 9px;width: 11px;height: 11px;}
.BWradio input[type="radio"] + label:before {top: 5px;width: 17px;height: 17px;    background: #D4D4D4;border-color: #D4D4D4;}
.BWradio input[type="radio"]:checked + label:after {top: 10px;width: 9px;height: 9px;}
.cont_check_n{margin-bottom:5px;cursor: pointer;}
.cont_check_n input[type="checkbox"] { display:none; position: absolute;left: 0;top: 0;width: 20px;height:20px;z-index: 1;margin: 0;}
.cont_check_n input[type="checkbox"] + label{position: relative;margin: 0;font-size: 17px;color: #5F5F5F; padding-left: 30px;}
.cont_check_n input[type="checkbox"] + label:before {content: '';border: 0.5px solid #D4D4D4;background: #fff;display: inline-block;height:25px;width: 25px;position: absolute;left: 0;top: 50%;box-sizing: border-box;border-radius: 2px;transform: translate(0,-50%);}
.cont_check_n input[type="checkbox"] + label:after {content: '';width: 6px;height: 13px;border-right: 3px solid;border-top:3px solid;border-color: transparent;background: none;border-radius: 0;position: absolute;display: inline-block;top: 40%;border-color: #fff;left: 8px;transform: translate(-0%,-46%) scaleX(-1) rotate(135deg);-webkit-transform: translate(-0%,-46%) scaleX(-1) rotate(135deg);-moz-transform: translate(-0%,-46%) scaleX(-1) rotate(135deg);-webkit-transform: translate(-0%,-46%) scaleX(-1) rotate(135deg);}
.cont_check_n input[type="checkbox"]:checked+ label:before {border-color: #fdd22b;background: #fdd22b;}

.SbtnBox{display:felx;text-align:center}
.btnS {background-color: #242424;display: inline-block;padding: 0.5rem 3rem;margin: 1rem 0;color: #ffffff;font-weight: bold;font-size: 16px;cursor: pointer;}
.btnS:hover {color:#fdd22b;}

.privacyBox{padding: 50px 0;}
.privacyBox .checkbox{font-size: 17px;font-weight: bold;margin-bottom: 10px;color: #333;display: flex;justify-content: space-between;}
.privacyBox .Contents{border: 1px solid #ced4da;border-radius: 5px;padding: 1rem;overflow: auto;height: 140px;font-size: 14px;}

.pagingBox{ display: flex;justify-content: center;padding: 40px 0 30px;}
.pagingBox .paging{font-size: 18px;position: relative;cursor: pointer;margin: 0 10px;width: 35px;height: 35px;text-align: center;line-height: 35px;display: block;}
.pagingBox .paging.on{background: #fdd234;font-weight: bold;color: #fff;border-radius: 50px;}
.pagingBox .paging.left img{position: absolute;top: 50%; left: 0;transform: translate(-0%,-50%);}
.pagingBox .paging.right img{position: absolute;top: 50%; right: 0;transform: translate(-0%,-50%);;}


/** SWIPER CSS ***************************************************************/ 
.swiper-pagination{padding: 20px 0;}
.swiper-pagination-bullet { width: 12px; height: 12px; background: transparent; border: 1px solid #737373; opacity: 1; }
.swiper-pagination-bullet-active { width: 12px; transition: width .5s;  background:#bdbdbd; border: 1px solid transparent; }
.sbuttonN {width: 80px;height: 80PX;background:  url(/images/icon_right.svg) no-repeat;border-radius: 50px;right: 5%;position: absolute;transform: translate(-5%,-52%);top: 52%;opacity:0;z-index:9;transition: all 0.5s ease 0s;cursor:pointer;background-color: rgba(255,255, 255, 0.1);background-size: 55px;background-position: 50% 50%;}
.sbuttonP {width: 80px;height: 80PX;background: url(/images/icon_left.svg) no-repeat;border-radius: 50px;left: 5%;position: absolute;transform: translate(-5%,-52%);top: 52%;opacity:0;z-index:9;transition: all 0.5s ease 0s;cursor:pointer;background-color: rgba(255,255, 255, 0.1);background-size: 55px;background-position: 50% 50%;}
.sbuttonN::after,.sbuttonP::after {display: none;}
.mainslide:hover .sbuttonP{opacity:1}
.mainslide:hover .sbuttonN{opacity:1}
.progress-box {position: absolute;width: 170px;height: 50px;z-index: 99999;bottom: 20%;color: #fff;left: 15%;transform: translate(-15%,-20%);}
.autoplay-progress {position: absolute;left: 30px;top: 10px;z-index: 10;width: 100px;height: 3px;background-color: rgba(0, 0, 0, 0.1);}
.autoplay-progress svg {--progress: 0;position: absolute;left: 0;top: 0;z-index: 10;width: 100%;stroke-width: 4px;stroke: #fff;fill: none;stroke-dashoffset: calc(100 * (1 - var(--progress)));stroke-dasharray: 100;}
.swiper-pagination {display: flex;color: #fff;justify-content: space-between;position: static;text-align: left;padding:0}
/** FOOTER *****************************************************************/
.footerBox{background: #3f3f3f;padding:40px 0 80px ;}
.Flogo{margin-bottom: 15px;}
.Flogo img{width:200px;padding-left: 20px;}
.footerBox .footerCon{width:100%;max-width: 1460px;margin: 0 auto;    position: relative;}
.footerBox .footerCon .Fmenu {display: flex;margin-bottom: 30px;}
.footerBox .footerCon .Fmenu div{color: #fff;font-size: 16px;position: relative;padding:0 20px}
.footerBox .footerCon .Fmenu div:last-child:after{content: none;}
.footerBox .footerCon .Fmenu div:after{content: "";width: 1px;height: 15px;background-color: #494949;display: block;top: 5px;right: 0;position: absolute;}
.footerBox .footerCon .Finfo{}
.footerBox .footerCon .Finfo .infotex{display:flex;color: #Fff;flex-wrap: wrap;}
.footerBox .footerCon .Finfo .infotex div{position: relative;padding: 0 20px 10px;}
.footerBox .footerCon .Finfo .infotex div:after{content: "";width: 1px;height: 15px;background-color: #696969;display: block;top: 5px;right: 0;position: absolute;}
.footerBox .footerCon .Finfo .infotex div.none:after{ content:none;}
.footerBox .footerCon .Finfo .infotex span{padding-right: 10px;font-weight: bold;color: #fdd22b;}
.footerBox .footerCon .copy {font-size: 16px;color: #fff; margin-top: 35px;padding-left: 20px;}
.footerBanner{width: 100%;z-index: 100;}
.positionS{position: sticky;transition: transform 0.5s;}
.positionF{position: fixed;left: 0%;bottom: 0px;transition: transform 0.5s;transform: translate(-0%,100%);}
.fBanner{height: auto;background-color: #fdd22b;}
.fBanner_inner{position: relative;max-width: 1260px;height: auto;margin: 0 auto;box-sizing: border-box;    display: flex;align-items: center;padding: 10px 0;}

.s_transform {transform: translate(-00%,0%);}
.fbinput{display: flex;padding-left: 10px;flex: 1;}
.fbinput input{border: none;margin-right: 10px;height:40px;width: 33%;}
.fbinput input::placeholder{color:#333;}
.fbinput .cont_select {border: none;width: 33%;height: 53px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background:#fff url(/SITE/images/select_B.png) no-repeat 95% 50%;background-size: 14px;background-position: calc(100% - 10px) 50%;}
.fbBtnBox{display: flex;align-items: center;width: 50%;margin-left: 10px;}
.cont_check_F{cursor: pointer;}
.cont_check_F input[type="checkbox"] { display:none; position: absolute;left: 0;top: 0;width: 20px;height:20px;z-index: 1;margin: 0;}
.cont_check_F input[type="checkbox"] + label{position: relative;margin: 0;font-size: 15px;color: #333; padding-left: 30px;}
.cont_check_F input[type="checkbox"] + label:before {content: '';border: 0.5px solid #D4D4D4;background: #fff;display: inline-block;height:20px;width: 20px;position: absolute;left: 0;top: 50%;box-sizing: border-box;border-radius: 2px;transform: translate(0,-50%);}
.cont_check_F input[type="checkbox"] + label:after {content: '';width: 4px;height: 10px;border-right: 3px solid;border-top:3px solid;border-color: transparent;background: none;border-radius: 0;position: absolute;display: inline-block;top: 37%;border-color: #fff;left: 6px;transform: translate(-0%,-46%) scaleX(-1) rotate(135deg);-webkit-transform: translate(-0%,-46%) scaleX(-1) rotate(135deg);-moz-transform: translate(-0%,-46%) scaleX(-1) rotate(135deg);-webkit-transform: translate(-0%,-46%) scaleX(-1) rotate(135deg);}
.cont_check_F input[type="checkbox"]:checked+ label:before {border-color: #e32d16;background: #e32d16;}
.fBbutton{background-color: #3f3f3f;color: #fff;border-radius: 5px;width: 100px;text-align: center;padding: 12px;font-weight: bold;font-size: 17px;margin-left: 10px;}
.FIcon{display: inline-block;position: absolute;top: 10%;right: 0;transform: translate(-0,-10%);}
.FIconBox{display:flex;justify-content: flex-end;}
.FIconBox .FIcon{width: 50px;height: 50px;background-color: #eee;border-radius: 50px;margin-right: 10px;position: relative;}
.FIconBox .FIcon.insta{background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);}
.FIconBox .FIcon img{width: 40px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50px;cursor:pointer;}

.quick_bar{position: fixed;bottom:15%;right:20px;z-index: 999;transform: translate(-20px,-15%);display: flex;flex-direction: column;}
.topBtn{position: relative;width: 60px;height: 60px;border-radius: 70px;margin-bottom: 10px;background-color: #6b6767;box-shadow: 1px 1px 12px 1px #00000042;float: right;}
.topBtn img{position: absolute;top: 52%;right: 16%;transform: translate(-16%,-52%);}
.quick_M{border-radius: 50px;padding: 5px 0;}
.quick_bar .QBox{position: relative;width:60px;height: 60px;border-radius:70px;margin-bottom: 10px;background-color: #fdd22b;box-shadow: 1px 1px 12px 1px #00000042;    float: right;}
.quick_bar .QBox .QConts{display: flex;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);align-items: center;justify-content: space-between;width: 100%;padding: 0 20px;}
.quick_bar .QBox .QConts a{color:#fff}
.quick_bar .QBox .QConts .Qtitle{font-size: 20px;font-weight: bold;   color: #fff;}
.quick_bar .Qimg{position: absolute;top: 52%;right: 16%;transform: translate(-16%,-52%);}
.quick_bar .QBox img{width: 30px;}

#Qbar1{position: relative;width: 60px;height: 60px;background: #fdd22b;border-radius: 30px;z-index: 99999;float: right;}
.Qbar_con1{position: absolute;width: 170px;height: 60px;z-index: 99999;top: 0;right: 0;}
.Qbar_con1 .Qbar_contents {position: relative;height: 60px;}
.Qbar_con1 .QbarB {opacity: 0;}
.Qbar_con1 .Qbar_close {position: absolute;left: 9%;top: 53%;transform: translate(-9%,-53%);}
.Qbar_con1 .Qbar_title {font-family: 'Noto Sans KR';font-weight: bold;font-size: 20px;  line-height: 21px;letter-spacing: -0.05em;color: #FFFFFF;position: absolute;top: 50%;left: 33%;transform: translate(-33%,-50%);}
.Qbar_con1 .Qbar_icon{position: absolute;right:8%;top: 50%;transform: translate(-8%,-50%);}
.Qbar_con1 .Qbar_icon img{width:30px}
#Qbar2{position: relative;width: 60px;height: 60px;background: #fdd22b;border-radius: 30px;z-index: 99999;float: right;}
.Qbar_con2{position: absolute;width: 170px;height: 60px;z-index: 99999;top: 0;right: 0;}
.Qbar_con2 .Qbar_contents {position: relative;height: 60px;}
.Qbar_con2 .QbarB {opacity: 0;}
.Qbar_con2 .Qbar_close {position: absolute;left:9%;top: 50%;transform: translate(-7%,-53%);}
.Qbar_con2 .Qbar_title {font-family: 'Noto Sans KR';font-weight: bold;font-size: 20px;  line-height: 21px;letter-spacing: -0.05em;color: #FFFFFF;position: absolute;top: 50%;left: 33%;transform: translate(-33%,-50%);}
.Qbar_con2 .Qbar_icon{position: absolute;right:8%;top: 50%;transform: translate(-8%,-50%);}
.Qbar_con2 .Qbar_icon img{width:30px}

#Qtop{position: relative;z-index:99999;}
#Qtop .QtopBtn{position: relative;float: right;width: 60px;height: 60px;background: #6b6767;border-radius: 30px;}
#Qtop .QtopBtn img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
/*********/
.PopView{width:100%;height: auto;background-color: #fff;border-radius: 5px;padding:2rem}
.PopView .Popicon{position: relative;width: 100px;height: 100px;background-color: #eee;margin: 10px auto 15px;border-radius: 50px;}
.PopView .Popicon img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);    width: 45px;}
.PopView .PopTitle{text-align:center;margin: 15px 0;}
.PopView .PopTitle span{font-weight:bold;color: #db4545;}