@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap');

/*
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap')
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo');
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);
@import url('https://fonts.googleapis.com/css?family=Play');
*/

/* =============================================
    초기화
============================================= */
html,
body { height: 100%;width: 100%;margin: 0;padding: 0;left: 0;top: 0;color: #666666;font-family:"pretendard", sans-serif;line-height: 1.2;font-weight: 400;}
html .noto *,
body .noto * { font-family:"Noto Sans KR", sans-serif; }
/* html { font-size:62.5%; } */
html { font-size:10px; }
body { font-size:1.4rem; }
* { padding: 0; margin: 0;word-break:keep-all;font-family:"pretendard", sans-serif;}
/* body {margin:0;padding:0;font-size: inherit;font-family:"NanumSquare", sans-serif;} */
/*body {margin:0;padding:0;font-size: inherit;font-family:'Titillium Web', sans-serif !important;}*/
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;font-weight: 500;}
p {margin:0;padding:0;word-break:keep-all;line-height: 1.5;letter-spacing: -0.025em;}
button, input { font-family: "pretendard", sans-serif; letter-spacing: 0; }
button { cursor: pointer; }

li, ol, ul { list-style: none; margin: 0;padding: 0;}
a { text-decoration: none !important; }

/* =============================================
		CSS Document
============================================= */
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }
.mr60 { margin-right: 60px; }
.mr70 { margin-right: 70px; }
.mr80 { margin-right: 80px; }
.mr90 { margin-right: 90px; }
.mr100 { margin-right: 100px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }

.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.ml60 { margin-left: 60px; }
.ml70 { margin-left: 70px; }
.ml80 { margin-left: 80px; }
.ml90 { margin-left: 90px; }
.ml100 { margin-left: 100px; }

.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }
.pt90 { padding-top: 90px; }
.pt100 { padding-top: 100px; }

.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }
.pr60 { padding-right: 60px; }
.pr70 { padding-right: 70px; }
.pr80 { padding-right: 80px; }
.pr90 { padding-right: 90px; }
.pr100 { padding-right: 100px; }

.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pb80 { padding-bottom: 80px; }
.pb90 { padding-bottom: 90px; }
.pb100 { padding-bottom: 100px; }

.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }
.pl60 { padding-left: 60px; }
.pl70 { padding-left: 70px; }
.pl80 { padding-left: 80px; }
.pl90 { padding-left: 90px; }
.pl100 { padding-left: 100px; }


[class*="col-"] {
	float: left; 
	box-sizing:border-box;
	width:100%;
}

.col-sm-12 { width: 100%; }
.col-sm-11 { width: 91.66666667%; }
.col-sm-10 { width: 83.33333333%; }
.col-sm-9 { width: 75%; }
.col-sm-8 { width: 66.66666667%; }
.col-sm-7 { width: 58.33333333%; }
.col-sm-6 { width: 50%; }
.col-sm-5 { width: 41.66666667%; }
.col-sm-4 { width: 33.33333333%; }
.col-sm-3 { width: 25%; }
.col-sm-2 { width: 16.66666667%; }
.col-sm-1 { width: 8.33333333%; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; }
img { display:inline-block; max-width:100%; height:auto; }

.fll { float: left; }
.flr { float: right; }

.tal { text-align:left; }
.tac { text-align:center; }
.tar { text-align:right; }

.in_block { display: inline-block; }
.block { display: block; }
.none { display: none; }
.table { display: table; }
.table .tr { display: table-row; }
.table .tr .td { display: table-cell; }

/* =============================================
    SweetAlert2 커스터마이징
============================================= */
.swal-wide {
    width: 520px !important;
    max-width: 90%;
    padding: 30px 20px 25px 20px;
    border-radius: 10px;
    box-sizing: border-box;
}

.swal-msg {
    font-size: 1.5rem;
    color: #222;
    font-weight: 400;
    text-align: center;
    line-height: 1.8;
}

.swal-confirm-btn {
    font-size: 1.6rem;
    padding: 12px 28px;
    border-radius: 8px;
    font-weight: 600;
    background-color: #535d6d !important;
    color: #fff !important;
    box-shadow: none;
    transition: all 0.2s ease-in-out;
}

.swal-confirm-btn:hover {
    background-color: #333 !important;
}

/*
min-width:1170px     ---  pc
min-width:992px     ---  tb
min-width:768px     ---  mo
min-width:479px     ---  sm
*/
@media (min-width:479px){

}

@media (min-width:768px){
	.col-mo-12 { width: 100%; }
	.col-mo-11 { width: 91.66666667%; }
	.col-mo-10 { width: 83.33333333%; }
	.col-mo-9 { width: 75%; }
	.col-mo-8 { width: 66.66666667%; }
	.col-mo-7 { width: 58.33333333%; }
	.col-mo-6 { width: 50%; }
	.col-mo-5 { width: 41.66666667%; }
	.col-mo-4 { width: 33.33333333%; }
	.col-mo-3 { width: 25%; }
	.col-mo-2 { width: 16.66666667%; }
	.col-mo-1 { width: 8.33333333%; }
}

@media (min-width:992px){
	.col-tb-12 { width: 100%; }
	.col-tb-11 { width: 91.66666667%; }
	.col-tb-10 { width: 83.33333333%; }
	.col-tb-9 { width: 75%; }
	.col-tb-8 { width: 66.66666667%; }
	.col-tb-7 { width: 58.33333333%; }
	.col-tb-6 { width: 50%; }
	.col-tb-5 { width: 41.66666667%; }
	.col-tb-4 { width: 33.33333333%; }
	.col-tb-3 { width: 25%; }
	.col-tb-2 { width: 16.66666667%; }
	.col-tb-1 { width: 8.33333333%; }
}

@media (min-width:1200px){
	.col-pc-12 { width: 100%; }
	.col-pc-11 { width: 91.66666667%; }
	.col-pc-10 { width: 83.33333333%; }
	.col-pc-9 { width: 75%; }
	.col-pc-8 { width: 66.66666667%; }
	.col-pc-7 { width: 58.33333333%; }
	.col-pc-6 { width: 50%; }
	.col-pc-5 { width: 41.66666667%; }
	.col-pc-4 { width: 33.33333333%; }
	.col-pc-3 { width: 25%; }
	.col-pc-2 { width: 16.66666667%; }
	.col-pc-1 { width: 8.33333333%; }
}

/* =============================================
    레이아웃
============================================= */
.wrap { width: 100%; }
.container { margin: 0 auto; }
.relative {position: relative;}

/* =============================================
    폼
============================================= */
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="date"],
select,
.submit_btn { width:100%; }
input[type="date"] { appearance:none ; -webkit-appearance: none; -moz-appearance: none; }


/* =============================================
    수정 레이아웃
============================================= */
.wrap { box-sizing:border-box; }
.container { max-width: 1400px; }
.row { margin-left: -1.0rem; margin-right: -1.0rem; }
[class*="col-"] {
	padding: 0 1.0rem;
}


@media (max-width:1890px){

}

@media (max-width:1200px){
	.view_1200 { display:block; }
}

@media (max-width:992px){
	html { font-size:9.5px; }

	.view_992 { display:block; }
}

@media (max-width:768px){
	html { font-size:9px; }

	.view_768 { display:block; }
}

@media (max-width:479px){
	html { font-size:8.5px; }

	.view_479 { display:block; }




}

@media (max-width:375px){
	html { font-size:8px; }

	.view_375 { display:block; }
}



@keyframes allRotate {
	0%{transform:rotate(0deg);}
	40%{transform:rotate(0deg);}
	100%{transform:rotate(90deg);}
}
@keyframes allBtn1 {
	0%{transform:translate3d(0,0,0);}
	40%{transform:translate3d(0,0,0);}
	100%{transform:translate3d(10px,10px,0);}
}
@keyframes allBtn2 {
	0%{transform:translate3d(0,0,0);}
	40%{transform:translate3d(0,0,0);}
	100%{transform:translate3d(-10px,10px,0);}
}
@keyframes allBtn3 {
	0%{transform:translate3d(0,0,0);}
	40%{transform:translate3d(0,0,0);}
	100%{transform:translate3d(10px,-10px,0);}
}
@keyframes allBtn4 {
	0%{transform:translate3d(0,0,0);}
	40%{transform:translate3d(0,0,0);}
	100%{transform:translate3d(-10px,-10px,0);}
}


@keyframes clsBtn1 {
	0%{transform:translate3d(0,0,0);}
	40%{transform:translate3d(0,0,0);}
	100%{transform:translate3d(12px,12px,0);}
}
@keyframes clsBtn2 {
	0%{transform:translate3d(0,0,0);}
	40%{transform:translate3d(0,0,0);}
	100%{transform:translate3d(-12px,12px,0);}
}
@keyframes clsBtn3 {
	0%{transform:translate3d(0,0,0);}
	40%{transform:translate3d(0,0,0);}
	100%{transform:translate3d(12px,-12px,0);}
}
@keyframes clsBtn4 {
	0%{transform:translate3d(0,0,0);}
	40%{transform:translate3d(0,0,0);}
	100%{transform:translate3d(-12px,-12px,0);}
}


/* variable */
:root {
	--main_red:#d92b33;
	--black:#000;
	--white:#fff;
	--gray:#f7f7f7;
	--cDa:#dadada;
	--c66:#666;
	--c3a:#3a3a3a;
	--c22:#222;
	--c99:#999;
	--caa:#aaa;
	--c88:#888;
	--ccc:#ccc;

	--grayV_bg:#eaeaea;
	--navyV_bg:#f3f2ff;
	--blueV_bg:#f5f9fc;
	--greenV_bg:#f1f8f1;
	--redV_bg:#fbf5f5;
	--yellowV_bg:#f4f0e3;

	--grayV_co:#888888;
	--navyV_co:#0a0092;
	--blueV_co:#0e6eb1;
	--greenV_co:#086506;
	--redV_co:#d8262f;
	--yellowV_co:#ffc000;

	--brown: #691b1f;


	
}
.swal2-popup { font-size: 18px !important; }
.swal2-popup .swal2-title, .swal2-popup .swal2-actions button { font-size: 1em !important; }
.tnb { background:var(--main_red); box-sizing:border-box; }
.tnb .container { display:flex; justify-content:center; text-align: center; align-items:start; }
.tnb .pc_view { display:flex; justify-content:center; align-items:center; height:80px; }
.tnb .txt { box-sizing:border-box; margin-left: 1rem; }
.tnb .m_view { display:none; }

.header { border-bottom: 1px solid #eaeaea; box-sizing:border-box; }
.header .container { display:flex; align-items:center; justify-content: space-between; position:relative; }
.header .m_logo { flex-shrink: 0; font-size:0; width:247.52px; }
.header .gnb .de1_ul { display:flex; align-items:center; justify-content:center; }
.header .gnb .de1_ul .de1_li { padding: 0 4.2rem; box-sizing:border-box; position:relative; }
.header .gnb .de1_ul .de1_li .de1_a { height:96px; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 2rem; color:var(--black); transition:all 0.5s; }
.header .gnb .de1_ul .de1_li .de1_a img { display:none; }
.header .gnb .de1_ul .de1_li .de2_ul { background:#fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); border-radius:2rem; width:160px; margin-left: -80px; position:absolute; left:50%; top:96px; padding: 20px 0; box-sizing:border-box; z-index:-1; opacity:0; transition:all 0.5s; }
.header .gnb .de1_ul .de1_li .de2_ul .de2_li .de2_a { font-size:1.8rem; color:var(--c3a); display:block; padding: 7px 10px; box-sizing:border-box; text-align: center; transition: all 0.5s; }
.header .right { display:flex; align-items:center; gap:10px; width:400px; }
.header .right .mbBtn { display:inline-flex; width:83px; height:34px; border-radius:500px; align-items:center; justify-content:center; text-align: center; font-size:14px; }
.header .right .noMem { display:flex; gap:10px; }
.header .right .noMem a { box-sizing:border-box; }
.header .right .noMem .login { background:var(--c22); color:var(--white); font-weight: 600; }
.header .right .noMem .join { background:#fafafa; color:var(--c3a); border: 1px solid var(--cDa); }
.header .right .memBox { display:flex; align-items: center; gap:20px; }
.header .right .memBox .comvpany { font-size:1.6rem; color:var(--c66); font-weight: 300; display: flex; align-items: center; margin-right: 3rem; }
.header .right .memBox .company i { border-radius: 50%; width:30px; height:30px; background:var(--c22); color:var(--white); display:inline-flex; align-items: center; justify-content: center; text-align: center; font-size:12px; margin-right: 6px; }
.header .right .memBox .company strong { color:var(--c22); font-weight: 800; margin-right: 4px; }
.header .right .memBox .logout { background:var(--c22); color:var(--white); }
.header .toggle { text-align: right; flex-shrink: 0; font-size:0; display:none; }
.header .ins { width:34px; font-size:0; }


.header .gnb .de1_ul .de1_li:hover .de1_a { color:var(--main_red); font-weight: 600; }
.header .gnb .de1_ul .de1_li:hover .de2_ul { z-index:2; opacity:1; }
.header .gnb .de1_ul .de1_li .de2_ul .de2_li .de2_a:hover { color:var(--black); font-weight: 600; }



.all { position:fixed; width:100%; max-width:50px; height:50px; right:0; top:0; background:var(--c22); transition:all 0.5s; opacity:0; border-radius:50px 0 50px 50px; z-index:-1; overflow-y:scroll; }
.all .inner { box-sizing:border-box; }
.all .inner .flex_box { display:flex; justify-content: end; padding:2rem 2rem 0; box-sizing:border-box }
.all .inner .close { box-sizing:border-box; border: 0; background: transparent; cursor:pointer; }
.all .inner .de1_ul { padding: 5rem 3rem; box-sizing:border-box; }
.all .inner .de1_ul .de1_li { width:100%; padding: 10px 0; box-sizing:border-box; }
.all .inner .de1_ul .de1_li .de1_a { display:flex; align-items:center; justify-content: space-between; font-size:1.8rem; color:var(--white); font-weight: 400; padding: 1rem 2rem; box-sizing:border-box; transition: all 0.3s; }
.all .inner .de1_ul .de1_li .de1_a .bln { display:flex; align-items:center; }
.all .inner .de1_ul .de1_li .de1_a img { font-size:0; margin-right: 1.2rem; transition: all 0.3s; }
.all .inner .de1_ul .de1_li .de1_a:after { content:"\f107"; font-family: "Font Awesome 5 Free"; font-weight: 600; color:var(--c99); transition: all 0.3s; }
.all .inner .de1_ul .de1_li .de1_a.arrN:after { display:none; }
.all .inner .de1_ul .de1_li .de2_ul { padding: 1rem 0 2rem; box-sizing:border-box; display:none; }
.all .inner .de1_ul .de1_li .de2_ul .de2_li { display:block; }
.all .inner .de1_ul .de1_li .de2_ul .de2_li .de2_a { font-size:1.6rem; color:var(--cDa); padding: 7px 0; box-sizing:border-box; display:block; padding-left: 5.5rem; padding-right: 1rem; box-sizing:border-box; }

.all.show { max-width:500px; height:100%; opacity: 1; border-radius:0; z-index:3; }
.all .inner .de1_ul .de1_li.active .de1_a { background:var(--main_red); border-radius:500px; }
.all .inner .de1_ul .de1_li.active .de1_a img { mix-blend-mode: plus-lighter; }
.all .inner .de1_ul .de1_li.active .de1_a:after { transform: rotateY(90deg); color:#fff; }

.all .inner .flex_box .m_company .m_view { display:none; }
.all .inner .flex_box .m_company { font-size:1.6rem; color:var(--c66); font-weight: 300; align-items: center; margin-right: 3rem; display:none; }
.all .inner .flex_box .m_company i { border-radius: 50%; width:30px; height:30px; background:var(--c22); color:var(--white); display:inline-flex; align-items: center; justify-content: center; text-align: center; font-size:12px; margin-right: 6px; }
.all .inner .flex_box .m_company strong { color:var(--c22); font-weight: 800; margin-right: 4px; }




.footer { margin-top: 17rem; border-radius:2rem 2rem 0 0; background:var(--c22); padding: 5rem 0 7rem; box-sizing:border-box; }
.footer .mid_line { display:flex; align-items:start; margin-left: -10rem; margin-top: 16px; }
.footer .mid_line .box { margin-left: 10rem; }
.footer .mid_line .box li { font-size:16px; color:var(--cDa); line-height: 3rem; }
.footer .mid_line .box li.mgb { margin-bottom: 11px; }
.footer .mid_line .box li.mgt { margin-top: 11px; }
.footer .mid_line .box li a { font-size:16px; color:var(--cDa); margin-left: 3rem; }
.footer .mid_line .box li a:first-child { margin-left: 0; }
.footer .copyright { font-size:16px; color:var(--cDa); margin-top: 3.2rem; }


.footer .sideBtn { position:fixed; right:5px; top:50%; margin-top: calc(-395px / 2); z-index:2; }
.footer .sideBtn li { font-size:0; margin-top: 5px; }
.footer .sideBtn li:first-child { margin-top: 0; }
.footer .sideBtn li a { font-size:0; }


.mFix { display:none; }



.bg-gray { background:#fafafa; }
.conBdr { padding-top: 9rem; padding-bottom: 17rem; box-sizing:border-box; margin-bottom: -17rem; }
.conBdr .container { background:var(--white); border-radius:3rem; box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.05); padding: 7rem 7rem !important; box-sizing:border-box; max-width:1300px; }



.pageLink { display: flex; align-items: center; padding: 5px; box-sizing: border-box; }
.pageLink a { display:inline-block; padding: 7px 12px; box-sizing:border-box; background:#222; color:#fff; font-size:12px; border-radius:5px; margin-left: 5px; }
.pageLink a:first-child { margin-left: 0; }


.prepare { text-align: center; }
.prepare .img {  }
.prepare .tit { font-size:3.4rem; color:#4b4b4b; font-weight: 400; margin: 36px 0 18px; }
.prepare .tit strong { font-weight: 700; }
.prepare .txt { font-size:2rem; color:#4b4b4b; line-height: 3.2rem; font-weight: 300; }


input[type="checkbox"] { accent-color: var(--main_red); }


.page { margin-top: 5rem; display:flex; align-items:center; justify-content: center; text-align: center; }
.page .runB a { margin: 0 5px; display:inline-flex; align-items:center; justify-content: center; text-align: center; width:36px; height:36px; border-radius:50%; background:var(--gray); border: 1px solid #eaeaea; box-sizing:border-box; }
.page .runB a i { font-size:14px; color:#a9a9a9; }
.page .pageN { margin: 0 4rem; display:flex; align-items:center; }
.page .pageN li { margin: 0 5px; }
.page .pageN li a { display:inline-flex; align-items:center; justify-content: center; text-align: center; width:36px; height:36px; border-radius:50%; background:transparent; box-sizing:border-box; font-size:1.6rem; color:var(--c66); }
.page .pageN li a.active { background:var(--c66); color:var(--white); font-weight: 600; }

/*.page.red .pageN li a.active { background:var(--main_red); color:var(--white); font-weight: 600; }/



.pop_inner::-webkit-scrollbar {
    width: 10px;
}
.pop_inner::-webkit-scrollbar-thumb {
    background:rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background-clip: padding-box;
    border: 2px solid transparent;
	transition: all 0.3s;
	outline: none; 
}

.pop_inner::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
    border-radius: 10px;
}

.pop_inner::-webkit-scrollbar-thumb:hover {
	background:rgba(0, 0, 0, 0.2);
}





button,
a { cursor: pointer; }

*/




@media (max-width:1400px){

	html { font-size:9.5px; }
	html * { word-break:keep-all; } 

	body.show { overflow-y: hidden; }

	.container { padding-left: 15px !important; padding-right: 15px !important; }

	.header .m_logo { width:auto; }

	.header .ins { display:none; }

	.all .inner .flex_box { justify-content: space-between; padding-left: calc(3rem + 1rem); }	
	.all .inner .flex_box .m_view { display:flex; }
	.all .inner .flex_box .m_view .ins { position:static; display:inline-block; margin-top: 0; }	

	.conBdr { padding-left: 1.5rem; padding-right: 1.5rem; }


}

@media (max-width:1200px){

	.conBdr .container { padding-left: 3rem !important; padding-right: 3rem !important; }   

}


@media (max-width:992px){

	.header .container { padding-top: 14px; padding-bottom: 14px; position:relative; }
	.header .gnb { position: fixed; top: 0; left: -100%; width: 80%; max-width: 255px; height: 100vh; background: #fff; transition: left 0.3s ease-in-out; z-index: 9999; padding: 20px; overflow-y: auto; }
	.header .gnb.active { left: 0; }
	.header .gnb .de1_ul { display: flex; flex-direction: column; align-items: baseline; }
	.header .gnb .de1_ul .de1_li { padding: unset; border-bottom: solid 1px #f3f3f3; margin: 0 -20px; width: calc(100% + 40px); }
	.header .gnb .de1_ul .de1_li .de1_a { justify-content: left; padding: 15px 15px; height: unset; }
	.header .gnb .de1_ul .de1_li.has-sub .de1_a::after { content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.4rem; color: #ccc; margin-left: auto; }
	.header .gnb .de1_ul .de1_li.open .de1_a::after { content: "\f077"; }
	.header .gnb .de1_ul .de1_li .de2_ul { position: unset; box-shadow: unset; border-radius: unset; width: fit-content; padding: 0 20px; margin-left: unset; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; width: 100%; opacity: unset; }
	.header .gnb .de1_ul .de1_li.open .de2_ul { max-height: 500px; }
	.header .gnb .de1_ul .de1_li .de2_ul .de2_li .de2_a { text-align: left; }
	.header .right { width:auto; }
	.header .right .company { display:none; }
	/* .header .right .memBox { display:none; }	 */
	.header .right .join { display:none; }
	.header .toggle { width:30px; display:block; }
	/* .header .container:before { content:""; display:inline-block; width:30px; }	*/
	
	
	.footer .sideBtn { display:none; }
	.mFix { display:block; position:fixed; bottom:0; left:0; width:100%; background:#fff; border-top: 1px solid #ccc; box-sizing:border-box; }
	.mFix ul { display:flex; justify-content:space-between; align-items:center; padding: 0 2.4rem; box-sizing:border-box; height:98px; }
	.mFix ul li { text-align: center; }
	.mFix ul li a {  }
	.mFix ul li a img { box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); border-radius:10px; overflow:hidden; }
	.mFix ul li a .txt { font-size:15px; color:#3a3a3a; letter-spacing: -0.0525em; display:block; margin-top: 6px; }


	.all .inner .flex_box .m_company { display:flex; color:var(--caa); }
	.all .inner .flex_box .m_company i { background:#eaeaea; color:var(--c22); }
	.all .inner .flex_box .m_company strong { color:var(--white); }


}

@media (max-width:768px){

	
	.footer { margin-top: 10rem; text-align: center; }
	.footer .mid_line { flex-direction: column; align-items:center; justify-content: center; }
	.footer .mid_line .box:nth-child(2) { display:flex; flex-wrap:wrap; justify-content:center; }
	.footer .mid_line .box:nth-child(2) li:first-child { margin-right: 3.2rem; }
	.footer .mid_line .box:nth-child(2) li.mgt { width:100%; }
	.footer .mid_line .box:last-child { margin-top: 22px; }

	.conBdr { padding: 2rem 1rem 5rem; }
	.conBdr .container { padding-left: 2rem !important; padding-right: 2rem !important; }


}

@media (max-width:640px){
	
	.tnb { padding: 10px 0; }
	.tnb .m_view { display:block; }
	.tnb .pc_view { display:none; }
	
	
	.page .pageN { margin: 0 0; }
	.page .pageN li a { width:30px; height:30px; }
	.page .runB a { margin: 0 2px; width:30px; height:30px; }


}

@media (max-width:426px){

	.mFix ul { padding: 0 5px; height:88px; }
	.mFix ul li a img { max-width:30px; }
	.mFix ul li a .txt { font-size:13px; }
	
	.page .pageN li:nth-child(n+4) { display:none; }
	

}