@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Gloock&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@font-face {
    font-family: 'Aggravo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Aggravo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Aggravo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

/* 초기화 */
:root{
	--c-mc:#4F46E5;
	--c-maincolor:#22D3EE;
	--c-mc-hover:#22D3EE;
	--c-maincolor-hover:#4F46E5;
	--c-sc:#0F172A;
	--c-sc2:#1E293B;
	--c-white:#FFFFFF;
	--c-black:#111827;
	--c-gray:#64748B;
	--c-light:#F8FAFC;
	--sc-line:#E2E8F0;
	--sc-grad:linear-gradient(135deg,var(--c-mc) 0%,var(--c-maincolor) 100%);

	/* ===== Typography Scale ===== */
	--title-xl: 60px;
	--title-lg: 40px;
	--title-md: 30px;
	--title-sm: 24px;

	--subtitle: 20px;
	--content: 18px;
	--description: 16px;
	--caption: 14px;

	/* Font Weight */
	--fw-light: 300;
	--fw-regular: 400;
	--fw-medium: 500;
	--fw-semibold: 600;
	--fw-bold: 700;
}
@media (max-width: 576px){
  :root{
    --title-xl: 40px;
    --title-lg: 32px;
    --title-md: 24px;
    --title-sm: 20px;

    --subtitle: 18px;
    --content: 16px;
    --description: 14px;
    --caption: 12px;
  }
}
@media screen and (max-width: 576px) {/*MOBILE*/
	:root{
		--title1 : 22px;--mp1000 :500px;--mp900 :450px;--mp800 :400px;--mp700 :350px;--mp600 :300px;
		--mp500 :250px;
		--mp400 :200px;
		--mp300 :150px;
		--mp200 :100px;
		--mp180 :90px;
		--mp160 :80px;
		--mp140 :70px;
		--mp120 :80px;
		--mp100 :50px;
		--mp90 : 50px;
		--mp80 : 40px;
		--mp70 : 35px;
		--mp60 : 35px;
		--mp50 : 30px;
		--mp40 : 25px;
		--mp30 : 20px;
		--mp20 : 15px;
		--mp10 : 10px;

		--m100p100 : 100%;
		--m100p90 : 90%;
		--m100p80 : 80%;
		--m100p70 : 70%;
		--m100p60 : 60%;
		--m100p50 : 50%;
		--m90p90 : 90%;
		--m90p80 : 80%;
		--m90p70 : 70%;
		--m90p60 : 60%;
		--m80p80 : 80%;
		--m80p70 : 70%;
		--m80p60 : 60%;
		--m80p50 : 50%;
		--m70p70 : 70%;
		--m60p60 : 60%;
		--m50p50 : 50%;

		--fz60 : 40px;
		--fz50 : 35px;
		--fz40 : 33px;
		--fz38 : 31px;
		--fz36 : 30px;
		--fz34 : 29px;
		--fz32 : 28px;
		--fz30 : 27px;
		--fz28 : 25px;
		--fz26 : 23px;
		--fz24 : 21px;
		--fz22 : 19px;
		--fz20 : 17px;
		--fz18 : 16px;
		--fz16 : 14px;
		--fz14 : 13px;
		--fz12 : 12px;
		--fz10 : 10px;

		--di10090 :90%;
		--di10080 :80%;
		--di10070 :70%;
		--di10060 :60%;
		--di10050 :50%;

	}

	/*텍스트 subject - 하위 텍스트*/
	.subject1 {transition:all ease 0.2s;padding-top:0px;;margin-bottom:10px;font-size:var(--fz24);font-weight:400;color:var(--c-mc);font-family:'Cafe24Dangdanghae';text-align:left;}
	.subject2 {transition:all ease 0.2s;font-size:var(--fz18);font-weight:600;color:#222;-webkit-border-top-left-radius: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;border-top-left-radius: 20px;border-top-right-radius: 20px;}
	.subjtype3 {transition:all ease 0.2s;padding-top:0px;;margin-bottom:10px;font-size:var(--fz30);font-weight:400;color:var(--c-mc);font-family:'Cafe24Dangdanghae';}


	.context1 {font-size:var(--fz18);color:var(--c-mc);line-height:120%;font-weight:400;text-align:left;}
	.context2 {padding-left:20px;text-indent:-12px;font-size:var(--fz16);color:#333;line-height:160%;font-weight:300;list-style-type:none;}
	.context3 {padding-left:32px;text-indent:-12px;font-size:var(--fz14);color:#333;line-height:160%;font-weight:300;list-style-type:none;}


}
@media screen and (min-width: 576px) and (max-width : 1200px){/*PC*/
	:root{
		--title1 : 38px;
		--mp1000 :700px;
		--mp900 :720px;
		--mp800 :640px;
		--mp700 :560px;
		--mp600 :480px;
		--mp500 :400px;
		--mp400 :320px;
		--mp300 :210px;
		--mp200 :160px;
		--mp180 :170px;
		--mp160 :150px;
		--mp140 :140px;
		--mp120 :120px;
		--mp100 :100px;
		--mp90 : 90px;
		--mp80 : 80px;
		--mp70 : 70px;
		--mp60 : 60px;
		--mp50 : 50px;
		--mp40 : 40px;
		--mp30 : 30px;
		--mp20 : 20px;
		--mp10 : 10px;

		--m100p100 : 100%;
		--m100p90 : 100%;
		--m100p80 : 100%;
		--m100p70 : 100%;
		--m100p60 : 100%;
		--m100p50 : 100%;
		--m90p90 : 90%;
		--m90p80 : 90%;
		--m90p70 : 90%;
		--m90p60 : 90%;
		--m80p80 : 80%;
		--m80p70 : 80%;
		--m80p60 : 80%;
		--m80p50 : 80%;
		--m70p70 : 70%;
		--m60p60 : 60%;
		--m50p50 : 50%;

		--fz60 : 44px;
		--fz50 : 38px;
		--fz40 : 34px;
		--fz38 : 33px;
		--fz36 : 32px;
		--fz34 : 31px;
		--fz32 : 30px;
		--fz30 : 28px;
		--fz28 : 26px;
		--fz26 : 24px;
		--fz24 : 22px;
		--fz22 : 20px;
		--fz20 : 18px;
		--fz18 : 17px;
		--fz16 : 15px;
		--fz14 : 14px;
		--fz12 : 12px;
		--fz10 : 10px;

		--di10090 :100%;
		--di10080 :100%;
		--di10070 :100%;
		--di10060 :100%;
		--di10050 :100%;
	}

	/*텍스트 subject - 하위 텍스트*/
	.subject1 {transition:all ease 0.2s;padding-top:0px;;margin-bottom:10px;font-size:var(--fz24);font-weight:400;color:var(--c-mc);font-family:'Cafe24Dangdanghae';text-align:center;}
	.subject2 {transition:all ease 0.2s;font-size:var(--fz18);font-weight:600;color:#222;-webkit-border-top-left-radius: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;border-top-left-radius: 20px;border-top-right-radius: 20px;}
	.subjtype3 {transition:all ease 0.2s;padding-top:0px;;margin-bottom:10px;font-size:var(--fz30);font-weight:400;color:var(--c-mc);font-family:'Cafe24Dangdanghae';}


	.context1 {font-size:var(--fz18);color:var(--c-mc);line-height:120%;font-weight:400;text-align:center;}
	.context2 {padding-left:20px;text-indent:-12px;font-size:var(--fz16);color:#333;line-height:160%;font-weight:300;list-style-type:none;}
	.context3 {padding-left:32px;text-indent:-12px;font-size:var(--fz14);color:#333;line-height:160%;font-weight:300;list-style-type:none;}


}
@media screen and (min-width: 1200px){/*PC*/
	:root{
		--title1 : 38px; 
		--mp1000 :1000px; --mp900 :900px; --mp800 :800px; --mp700 :700px; --mp600 :600px; --mp500 :500px; --mp400 :400px; --mp300 :300px; --mp200 :200px; --mp180 :180px; --mp160 :160px; --mp140 :140px; --mp120 :120px; --mp100 :100px; --mp90 : 90px; --mp80 : 80px; --mp70 : 70px; --mp60 : 60px; --mp50 : 50px; --mp40 : 40px; --mp30 : 30px; --mp20 : 20px;--mp10 : 10px;

		--m100p100 : 100%;
		--m100p90 : 90%;
		--m100p80 : 80%;
		--m100p70 : 70%;
		--m100p60 : 60%;
		--m100p50 : 50%;
		--m90p90 : 90%;
		--m90p80 : 90%;
		--m90p70 : 90%;
		--m90p60 : 90%;
		--m80p80 : 80%;
		--m80p70 : 80%;
		--m80p60 : 80%;
		--m80p50 : 80%;
		--m70p70 : 70%;
		--m60p60 : 60%;
		--m50p50 : 50%;

		--fz60 : 60px;
		--fz50 : 50px;
		--fz40 : 40px;
		--fz38 : 38px;
		--fz36 : 36px;
		--fz34 : 34px;
		--fz32 : 32px;
		--fz30 : 30px;
		--fz28 : 28px;
		--fz26 : 26px;
		--fz24 : 24px;
		--fz22 : 22px;
		--fz20 : 20px;
		--fz18 : 18px;
		--fz16 : 16px;
		--fz14 : 14px;
		--fz12 : 12px;
		--fz10 : 10px;

		--di10090 :100%;
		--di10080 :100%;
		--di10070 :100%;
		--di10060 :100%;
		--di10050 :100%;
	}

	/*텍스트 subject - 하위 텍스트*/
	.subject1 {transition:all ease 0.2s;padding-top:0px;;margin-bottom:10px;font-size:var(--fz24);font-weight:400;color:var(--c-mc);font-family:'Cafe24Dangdanghae';text-align:center;}
	.subject2 {transition:all ease 0.2s;font-size:var(--fz18);font-weight:600;color:#222;-webkit-border-top-left-radius: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;border-top-left-radius: 20px;border-top-right-radius: 20px;}
	.subjtype3 {transition:all ease 0.2s;padding-top:0px;;margin-bottom:10px;font-size:var(--fz30);font-weight:400;color:var(--c-mc);font-family:'Cafe24Dangdanghae';}


	.context1 {font-size:var(--fz18);color:var(--c-mc);line-height:120%;font-weight:400;text-align:center;}
	.context2 {padding-left:20px;text-indent:-12px;font-size:var(--fz16);color:#333;line-height:160%;font-weight:300;list-style-type:none;}
	.context3 {padding-left:32px;text-indent:-12px;font-size:var(--fz14);color:#333;line-height:160%;font-weight:300;list-style-type:none;}


}
/* 2021-11-11 */
@media (max-width: 990px) {

	.forpc {display:none;}	/*PC에서만 보여짐*/
	.formobile {display:block;} /*모바일에서만 보여짐*/
	.flexrowcolumn {flex-direction:column;} /*모바일과 피씨의 flex정렬 바꿈*/
	.flextitle {flex-direction:column;align-items:flex-start;} /*모바일과 피씨의 flex정렬 바꿈*/
	.submenualign {justify-content:flex-start;padding-left:15px;}

	
	#slider1_container {display:none;}
	#slider1_container_4mobile {display:static;}
	#slider1_container_sub {display:none;}
	#slider1_container_sub_4mobile {display:static;}

	.main_visual_text {top:20%;}
	.main_visual_text1 {font-size:var(--fz50);line-height:var(--fz60);}
	.main_visual_text2 {padding:0 20px;font-size:var(--fz24);line-height:var(--fz28);color:#FFF;text-align:left;word-break: keep-all;;}

	.main_subject {font-size:var(--fz50);text-align:center;color:var(--c-mc);font-weight:900;}
	.main_subject_des {font-size:var(--fz16);color:var(--c-black);}
	.quick_btns {display:flex;flex-wrap:wrap;align-items:center;padding:5px 10px;-webkit-border-radius:10px;font-size:var(--fz20);-moz-border-radius:10px;border-radius:10px;background:#FFF;}
	.quick_btns img {padding-left:10px;}

	.subvisulbg {height:300px;}
	.leftwidth {width:150px;;}

}
@media (min-width: 990px){

	.forpc {display:block;}	/*PC에서만 보여짐*/
	.formobile {display:none;} /*모바일에서만 보여짐*/
	.flexrowcolumn {flex-direction:row;} /*모바일과 피씨의 flex정렬 바꿈*/
	.flextitle {flex-direction:row;align-items:flex-end;} /*모바일과 피씨의 flex정렬 바꿈*/
	.submenualign {justify-content:center;}

	#slider1_container {display:static;}
	#slider1_container_4mobile {display:none;}
	#slider1_container_sub {display:static;}
	#slider1_container_sub_4mobile {display:none;}

	.main_visual_text {width:100%;top:20%;left:calc((100% - 1280px) / 2);}
	.main_visual_text1 {font-size:var(--fz50);line-height:var(--fz60);color:#FFF;font-weight:900;}
	.main_visual_text2 {padding:20px;font-size:var(--fz24);line-height:var(--fz28);color:#FFF;}

	.main_subject {font-size:var(--fz50);text-align:center;color:var(--c-mc);font-weight:900;}
	.main_subject_des {font-size:var(--fz16);color:var(--c-black);}
	.quick_btns {display:flex;flex-wrap:wrap;align-items:center;padding:5px 10px;-webkit-border-radius:10px;font-size:var(--fz20);-moz-border-radius:10px;border-radius:10px;background:#FFF;}
	.quick_btns img {padding-left:10px;}

	.subvisulbg {height:auto;}
	.leftwidth {width:200px;;}

}

::selection {background:var(--c-mc);color:#FFF;}
div {cursor:default;}

h1 {font-size:var(--fz60);}
h2 {font-size:var(--fz40);}
h3 {font-size:var(--fz36);}
h4 {font-size:var(--fz30);}
h5 {font-size:var(--fz24);}
h6 {font-size:var(--fz20);}

/*배경 그라디언트*/
.bg_gradient1 {transition:all 0.3s;background: rgb(54,194,206);background: linear-gradient(141deg, rgba(54,194,206,1) 0%, rgba(78,215,227,1) 37%, rgba(55,233,217,1) 74%, rgba(54,194,206,1) 100%);}
.bg_gradient1:hover {transition:all 0.3s;background: rgb(54,194,206);background: linear-gradient(141deg, rgba(54,194,206,1) 0%, rgba(78,215,227,1) 25%, rgba(55,233,217,1) 60%, rgba(54,194,206,1) 100%);}

.bg_gradient2 {background: linear-gradient(117deg, var(--c-mc-hover) 0%, var(--c-mc) 80%, var(--c-mc2) 100%);}

/*글래스 모피즘*/
.glassmorphism {background: rgba( 0,0,0, 0.1 );box-shadow: 0 8px 32px 0 rgba( 0,0,0, 0.37 );backdrop-filter: blur( 3.5px );-webkit-backdrop-filter: blur( 3.5px );border: 1px solid rgba( 255, 255, 255, 0.18 );}
.glassmorphism_black {background: rgba( 0, 0, 0, 0.4 );box-shadow: 0 8px 32px 0 rgba( 0,0,0, 1 );backdrop-filter: blur( 4px );-webkit-backdrop-filter: blur( 4px );border-radius: 10px;border: 2px solid rgba( 255, 255, 255, 0.18 );}

/*테이블*/
.tabletype1 {width:100%;border:1px solid #ccc;border-collapse:collapse;}
.tabletype1 th{padding:10px 10px;font-size:var(--fz18);background:#efefef;color:#333;font-weight:400;text-align:center;border:1px solid #ccc;}
.tabletype1 td{padding:10px 10px;font-size:var(--fz16);font-weight:300;text-align:left;border:1px solid #ccc;}
td:has(img.tableline) {padding:10px 0 !important;border-right:none;border-left:none;background:linear-gradient(-45deg, #f3f5f0 50%, #dfe8eb 50%)} /* 테이블 라인 있는부분 좌우 보더 삭제*/
.tableline {width:100%;height:3px;background:#729EC9;}
.tabletype1 > tr > th:first-child, td:first-child {border-left-color:rgba(0,0,0,0);}
.tabletype1 > tr > th:last-child, td:last-child {border-right-color:rgba(0,0,0,0);}


.tabletype2 {width:100%;border:1px solid #ccc;border-collapse:collapse;}
.tabletype2 th{padding:10px 10px;font-size:var(--fz18);background:#efefef;color:#333;font-weight:400;text-align:center;border:1px solid #ccc;}
.tabletype2 td{padding:10px 10px;font-size:var(--fz16);font-weight:300;text-align:left;border:1px solid #ccc;text-align:center;}
td:has(img.tableline) {padding:10px 0 !important;border-right:none;border-left:none;background:linear-gradient(-45deg, #f3f5f0 50%, #dfe8eb 50%)} /* 테이블 라인 있는부분 좌우 보더 삭제*/
.tableline {width:100%;height:3px;background:#729EC9;}
.tabletype2 > tr > th:first-child, td:first-child {border-left-color:rgba(0,0,0,0);}
.tabletype2 > tr > th:last-child, td:last-child {border-right-color:rgba(0,0,0,0);}

/*버튼*/
.btn_style1,.btn_style2,.btn_style3{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 28px;border-radius:16px;font-size:18px;line-height:1;font-weight:700;letter-spacing:-0.02em;text-decoration:none;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,color .3s ease,border-color .3s ease;}
.btn_style1 span,.btn_style2 span,.btn_style3 span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:14px;transition:transform .3s ease,background .3s ease,color .3s ease;}
.btn_style1:hover span,.btn_style2:hover span,.btn_style3:hover span{transform:translateX(4px);}
.btn_style1:active,.btn_style2:active,.btn_style3:active{transform:translateY(-1px);}

/* btn_style1 : black and white */
.btn_style1{background:#111;border:1px solid #111;color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.14);}
.btn_style1 span{background:rgba(255,255,255,.12);color:#fff;}
.btn_style1:hover{background:#fff;border-color:#111;color:#111;transform:translateY(-4px);box-shadow:0 18px 36px rgba(0,0,0,.18);}
.btn_style1:hover span{background:rgba(17,17,17,.08);color:#111;}

/* btn_style2 : white and black */
.btn_style2{background:#fff;border:1px solid #111;color:#111;box-shadow:0 12px 28px rgba(0,0,0,.08);}
.btn_style2 span{background:rgba(17,17,17,.08);color:#111;}
.btn_style2:hover{background:#111;border-color:#111;color:#fff;transform:translateY(-4px);box-shadow:0 18px 36px rgba(0,0,0,.18);}
.btn_style2:hover span{background:rgba(255,255,255,.12);color:#fff;}

/* btn_style3 : c-mc and c-mc hover */
.btn_style3{background:var(--c-mc);border:1px solid var(--c-mc);color:#111;box-shadow:0 12px 28px rgba(0,0,0,.10);}
.btn_style3 span{background:rgba(17,17,17,.08);color:#111;}
.btn_style3:hover{background:transparent;border-color:var(--c-mc);color:var(--c-mc);transform:translateY(-4px);box-shadow:0 18px 36px rgba(0,0,0,.14);}
.btn_style3:hover span{background:rgba(0,0,0,.05);color:var(--c-mc);}

/*탭버튼*/
.subtab {transition:0.3s ease;display: flex;justify-content: center;align-items: center;min-width:12%;margin-bottom:20px;padding:10px 10px;font-size:var(--fz20);font-weight:300;text-align:center;border:1px solid #ccc;background:#FFF;color:#333;cursor:pointer;border-radius:30px;}
.subtab:hover {transition:0.3s ease;border:1px solid var(--c-mc) !important;;background:var(--c-mc) !important;color:#FFF !important;font-weight:800;}
.subtabon {transition:0.3s ease;border:1px solid var(--c-mc) !important;;background:var(--c-mc) !important;color:#FFF !important;font-weight:800;}

.sesubtab {transition:0.3s ease;width:12%;min-width:150px;padding:10px 0;font-size:var(--fz18);font-weight:300;text-align:center;border:1px solid #ccc;background:#FFF;color:#333;cursor:pointer;}
.sesubtab:hover {transition:0.3s ease;border:1px solid var(--c-sc2) !important;;background:var(--c-sc2) !important;color:#FFF !important;}
.sesubtabon {transition:0.3s ease;border:1px solid var(--c-sc2) !important;;background:var(--c-sc2) !important;color:#FFF !important;}

/*텍스트 그라디언트*/
.txt_gradient {background: linear-gradient(to right, var(--c-mc-hover) 0%, var(--c-mc) 100%);background-clip: text;-webkit-background-clip: text;color: transparent;}
.txt_gradient_toptobottom {background: linear-gradient(to bottom, #FFFFFF 0%, var(--c-mc-hover) 100%);background-clip: text;-webkit-background-clip: text;color: transparent;}
.txt_gradient_img {background: url('http://hansang.cresign.net/img/sub01/sub01_08_cont14.jpg');background-position:center;background-clip: text;-webkit-background-clip: text;color: transparent;}

/* border-radius */
.bdrs5 {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.bdrs10 {-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.bdrs15 {-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
.bdrs20 {-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}

.height_align{display:flex;flex-direction:column;justify-content:flex-start;height:100%;}


.ff-gloock {font-family: 'gloock';}

.ftco {padding-right:20px;}

.taright {text-align:right !important;}
.taleft {text-align:left !important;}
.tacenter {text-align:center !important;}
.text_color_mc {color:var(--c-mc) !important}
.text_color_orange {color:#ed4a11 !important}
.text_content {font-size:var(--fz18);padding-top:10px;}

/*폰트 두께*/
.fw-thin {font-weight:200;}
.fw-mid {font-weight:500;}
.fw-semibold {font-weight:700;}
.fw-bold {font-weight:800;}

/*폰트 정렬*/
.tar {text-align:right !important;}
.tal {text-align:left !important;}
.tac {text-align:center !important;}


/*글자색*/
.c-mc {color:var(--c-mc) !important}
.c-gray {color:var(--c-gray) !important}
.c-dark-gray {color:var(--c-dark-gray) !important}
.c-light-gray {color:var(--c-light-gray) !important}
.c-red {color:var(--c-red);}
.c-blue {color:var(--c-blue);}
.text_color_orange {color:#ed4a11 !important}
.text_content {padding-top:10px;}

/*display: flex외*/
.df {display:flex;}
.jcl {justify-content:left;}
.jcr {justify-content:right;}
.jcsb {justify-content:space-between;}
.jcc {justify-content:center;}
.aic {align-items:center;}

/*background*/
.bg-size-cover {background-size:cover;}
.bg-po-t-c {background-position:top center;}
.bg-po-t-r {background-position:top right;}
.bg-po-c-c {background-position:center center;}
.bg-po-b-c {background-position:center center;}

/*text-indent*/
.ti20 {padding-left:23px;text-indent:-12px;}
.ti30 {padding-left:30px;text-indent:-30px;}

.m100p100{width:var(--m100p100);}
.m100p90{width:var(--m100p90);}
.m100p80{width:var(--m100p80);}
.m100p70{width:var(--m100p70);}
.m100p60{width:var(--m100p60);}
.m100p50{width:var(--m100p50);}
.ml15{margin-left:20px;}	
.ml80{margin-left:80px;}	

.mt200 {margin-top:var(--mp200);}
.mt160 {margin-top:var(--mp160);}
.mt140 {margin-top:var(--mp140);}
.mt120 {margin-top:var(--mp120);}
.mt100 {margin-top:var(--mp100);}
.mt80 {margin-top:var(--mp80);}
.mt70 {margin-top:var(--mp70);}
.mt60 {margin-top:var(--mp60);}
.mt50 {margin-top:var(--mp50);}
.mt40 {margin-top:var(--mp40);}
.mt30 {margin-top:var(--mp30);}
.mt20 {margin-top:var(--mp20);}
.mt10 {margin-top:var(--mp10);}

.mb200 {margin-bottom:var(--mp200);}
.mb160 {margin-bottom:var(--mp160);}
.mb140 {margin-bottom:var(--mp140);}
.mb120 {margin-bottom:var(--mp120);}
.mb100 {margin-bottom:var(--mp100);}
.mb80 {margin-bottom:var(--mp80);}
.mb70 {margin-bottom:var(--mp70);}
.mb60 {margin-bottom:var(--mp60);}
.mb50 {margin-bottom:var(--mp50);}
.mb40 {margin-bottom:var(--mp40);}
.mb30 {margin-bottom:var(--mp30);}
.mb20 {margin-bottom:var(--mp20);}
.mb10 {margin-bottom:var(--mp10);}

.ml200 {margin-left:var(--mp200);}
.ml160 {margin-left:var(--mp160);}
.ml140 {margin-left:var(--mp140);}
.ml120 {margin-left:var(--mp120);}
.ml100 {margin-left:var(--mp100);}
.ml80 {margin-left:var(--mp80);}
.ml70 {margin-left:var(--mp70);}
.ml60 {margin-left:var(--mp60);}
.ml50 {margin-left:var(--mp50);}
.ml40 {margin-left:var(--mp40);}
.ml30 {margin-left:var(--mp30);}
.ml20 {margin-left:var(--mp20);}
.ml10 {margin-left:var(--mp10);}


.pt200 {padding-top:var(--mp200);}
.pt160 {padding-top:var(--mp160);}
.pt140 {padding-top:var(--mp140);}
.pt120 {padding-top:var(--mp120);}
.pt100 {padding-top:var(--mp100);}
.pt80 {padding-top:var(--mp80);}
.pt70 {padding-top:var(--mp70);}
.pt60 {padding-top:var(--mp60);}
.pt50 {padding-top:var(--mp50);}
.pt40 {padding-top:var(--mp40);}
.pt30 {padding-top:var(--mp30);}
.pt20 {padding-top:var(--mp20);}
.pt10 {padding-top:var(--mp10);}

.pb200 {padding-bottom:var(--mp200);}
.pb160 {padding-bottom:var(--mp160);}
.pb140 {padding-bottom:var(--mp140);}
.pb120 {padding-bottom:var(--mp120);}
.pb100 {padding-bottom:var(--mp100);}
.pb80 {padding-bottom:var(--mp80);}
.pb70 {padding-bottom:var(--mp70);}
.pb60 {padding-bottom:var(--mp60);}
.pb50 {padding-bottom:var(--mp50);}
.pb40 {padding-bottom:var(--mp40);}
.pb30 {padding-bottom:var(--mp30);}
.pb20 {padding-bottom:var(--mp20);}
.pb10 {padding-bottom:var(--mp10);}

.fz70 {font-size:var(--fz70);}
.fz60 {font-size:var(--fz60);}
.fz50 {font-size:var(--fz50);}
.fz40 {font-size:var(--fz40);}
.fz38 {font-size:var(--fz38);}
.fz36 {font-size:var(--fz36);}
.fz34 {font-size:var(--fz34);}
.fz32 {font-size:var(--fz32);}
.fz30 {font-size:var(--fz30);}
.fz28 {font-size:var(--fz28);}
.fz26 {font-size:var(--fz26);}
.fz24 {font-size:var(--fz24);}
.fz22 {font-size:var(--fz22);}
.fz20 {font-size:var(--fz20);}
.fz18 {font-size:var(--fz18);}
.fz16 {font-size:var(--fz16);}
.fz14 {font-size:var(--fz14);}
.fz12 {font-size:var(--fz12);}
.fz10 {font-size:var(--fz10);}
.ml15{margin-left:20px;}	
.ml80{margin-left:80px;}	



.subtitle {font-size:var(--fz28);font-weight:600;color:#222;line-height:120%;text-align:left;}
.subtitle_bullet1 {width:10px;height:10px;background:#03B9AD;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.subtitle_bullet2 {width:10px;height:10px;margin-left:3px;background:#B2C240;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.subtitle_txt {margin-top:var(--mp40);margin-bottom:var(--mp60);font-size:var(--fz14);color:var(--c-gray);text-align:center;}

.subbasic_big {font-size:var(--fz20);font-weight:300;color:#444;}
.subbasic_title {font-size:var(--fz20);font-weight:600;color:#444;}
.subbasic_txt {font-size:var(--fz16);font-weight:300;color:#444;}
/*역대조합장*/
.union_card {transition:all ease 0.3s;border:1px solid #ccc;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.union_card:hover {border:1px solid var(--c-mc);}
.union_card:hover {transition:all ease 0.3s;transform:scale(1.02);}
.union_photo {width:100%;max-width:200px;border:1px solid #eaeaea;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
.union_type {font-size:var(--fz28);font-weight:300;}
.union {border:none;}
.union th{font-size:22px;color:var(--c-mc);vertical-align:top;}
.union td{font-size:20px;color:var(--c-black);vertical-align:top;}

/*운영지표 및 윤리경영*/
.yunli {display:flex;margin:var(--mp30) 15px 0 15px ;padding-bottom:30px;border-bottom:1px solid #eaeaea;}
.yunlinum {padding-left:20px;font-size:var(--fz20);font-weight:800;color:var(--c-mc);}
.yunliwe {padding-left:10px;font-size:var(--fz20);font-weight:800;color:var(--c-black);}
.yunliwetxt {font-size:var(--fz16);font-weight:300;}

/*금융소비자보호 다짐*/
.dajim {display:flex;margin:var(--mp10) 15px 0 15px ;padding-bottom:10px;border-bottom:1px solid #eaeaea;}
.dajim_hana {padding-left:20px;font-size:var(--fz20);font-weight:800;color:var(--c-mc);line-height:30px;;}
.dajim_txt {padding-left:10px;font-size:var(--fz18);font-weight:300;line-height:30px;}

.clickopener {transition:0.2s;padding:10px 0 10px 20px;border-bottom:1px solid #eaeaea;cursor:pointer;}
.clickopener:hover {transition:0.5s;background:#eaeaea;}
.clickopener_co {display:none;padding:10px 10px var(--mp20) 40px;border-bottom:1px solid #ccc;text-indent:-20px;}