/* 초기화 */
:root{
	--c-mc :#0071D0;
	--c-mc-hover :#4E7DBF;
	--c-sc : #2096C7;
	--c-sc2 : #C2C2AF;
	--c-deepgreen : #006600;
	--c-white:#FFFFFF;
	--c-red:#B52405;
	--c-green:#9BAC3A;
	--c-black:#333333;
	--c-gray:#757575;
	--c-light-gray:#ccc;
	--c-dark-gray:#484848;
}
/*----------------------------------기본 미디어 쿼리 시작---------------------------------------------------*/

@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 :60px;
		--mp100 :50px;
		--mp90 : 50px;
		--mp80 : 40px;
		--mp70 : 35px;
		--mp60 : 35px;
		--mp50 : 30px;
		--mp40 : 25px;
		--mp30 : 20px;
		--mp20 : 15px;
		--mp10 : 10px;

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

		--fz100 : 80px;
		--fz70 : 60px;
		--fz60 : 53px;
		--fz65 : 49px;
		--fz55 : 45px;
		--fz50 : 41px;
		--fz45 : 37px;
		--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%;

	}
	.mt200 {margin-top:120px;}
	.mt160 {margin-top:90px;}
	.mt140 {margin-top:80px;}
	.mt120 {margin-top:60px;}
	.mt100 {margin-top:50px;}
	.mt80 {margin-top:40px;}
	.mt70 {margin-top:35px;}
	.mt60 {margin-top:30px;}
	.mt50 {margin-top:40px;}
	.mt40 {margin-top:40px;}
	.mt30 {margin-top:30px;}
	.mt20 {margin-top:20px;}
	.mt10 {margin-top:10px;}


	.pt200 {padding-top:120px;}
	.pt160 {padding-top:90px;}
	.pt140 {padding-top:80px;}
	.pt120 {padding-top:60px;}
	.pt100 {padding-top:50px;}
	.pt80 {padding-top:40px;}
	.pt70 {padding-top:35px;}
	.pt60 {padding-top:30px;}
	.pt50 {padding-top:40px;}
	.pt40 {padding-top:40px;}
	.pt30 {padding-top:30px;}
	.pt20 {padding-top:20px;}
	.pt10 {padding-top:10px;}

}
@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%;

		--fz100 : 80px;
		--fz70 : 60px;
		--fz60 : 53px;
		--fz65 : 49px;
		--fz55 : 45px;
		--fz50 : 41px;
		--fz45 : 37px;
		--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%;
	}

	.mt200 {margin-top:200px;}
	.mt160 {margin-top:160px;}
	.mt140 {margin-top:140px;}
	.mt120 {margin-top:120px;}
	.mt100 {margin-top:100px;}
	.mt80 {margin-top:80px;}
	.mt70 {margin-top:70px;}
	.mt60 {margin-top:60px;}
	.mt50 {margin-top:50px;}
	.mt40 {margin-top:40px;}
	.mt30 {margin-top:30px;}
	.mt20 {margin-top:20px;}
	.mt10 {margin-top:10px;}

	.pt200 {padding-top:200px;}
	.pt160 {padding-top:160px;}
	.pt140 {padding-top:140px;}
	.pt120 {padding-top:120px;}
	.pt100 {padding-top:100px;}
	.pt80 {padding-top:80px;}
	.pt70 {padding-top:70px;}
	.pt60 {padding-top:60px;}
	.pt50 {padding-top:50px;}
	.pt40 {padding-top:40px;}
	.pt30 {padding-top:30px;}
	.pt20 {padding-top:20px;}
	.pt10 {padding-top:10px;}

}
@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%;

		--fz100 : 100px;
		--fz70 : 70px;
		--fz65 : 65px;
		--fz60 : 60px;
		--fz55 : 55px;
		--fz50 : 50px;
		--fz45 : 45px;
		--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%;
	}
	.mt200 {margin-top:200px;}
	.mt160 {margin-top:160px;}
	.mt140 {margin-top:140px;}
	.mt120 {margin-top:120px;}
	.mt100 {margin-top:100px;}
	.mt80 {margin-top:80px;}
	.mt70 {margin-top:70px;}
	.mt60 {margin-top:60px;}
	.mt50 {margin-top:50px;}
	.mt40 {margin-top:40px;}
	.mt30 {margin-top:30px;}
	.mt20 {margin-top:20px;}
	.mt10 {margin-top:10px;}

	.pt200 {padding-top:200px;}
	.pt160 {padding-top:160px;}
	.pt140 {padding-top:140px;}
	.pt120 {padding-top:120px;}
	.pt100 {padding-top:100px;}
	.pt80 {padding-top:80px;}
	.pt70 {padding-top:70px;}
	.pt60 {padding-top:60px;}
	.pt50 {padding-top:50px;}
	.pt40 {padding-top:40px;}
	.pt30 {padding-top:30px;}
	.pt20 {padding-top:20px;}
	.pt10 {padding-top:10px;}

}

/*----------------------------------기본 미디어 쿼리 시작---------------------------------------------------*/

/* 2021-11-11 */
@media (max-width: 990px) {
	#pcnavigation{display: none;}
	#mobile_navigation {display:block;}
	#pcnaviblank {display:none;}

	.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 {margin-left:20px;font-size:var(--fz30);line-height:var(--fz50);color:#FFF;font-weight:900;}
	.main_visual_text2 {margin-left:20px;padding:10px;font-size:var(--fz22);line-height:var(--fz28);color:#FFF;}

	/*텍스트 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 (min-width: 990px){
	#pcnavigation{display: block;}
	#mobile_navigation {display:none;}
	#pcnaviblank {display:static;}

	.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:30%;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:10px;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;}

	/*텍스트 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;}

}

::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);}

/* 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;}
.bdrs200 {-webkit-border-radius:200px;-moz-border-radius:200px;border-radius:200px;}

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

.reddot {width:9px;height:9px;border-radius:8px;background:var(--c-mc);}

.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;}
.fw-black {font-weight:900;}

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


/*글자색*/
.c-mc {color:var(--c-mc) !important}
.c-sc {color:var(--c-sc) !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;}

/*border*/
.bd-c-mc {border:1px solid var(--c-mc);}
.bd-c-sc {border:1px solid var(--c-sc);}
.bd-c-sc2 {border:1px solid var(--c-sc2);}
.bd-ccc {border:1px solid #ccc;}
.bd-gray {border:1px solid var(--c-gray);}
.bd-light-gray {border:1px solid var(--c-light-gray);}
.bd-dark-gray {border:1px solid var(--c-dark-gray);}

/*이미지 width*/
.imgfw {width:100%;}
.img90 {width:100%;padding:0 5%;}
.img80 {width:100%;padding:0 10%;}
.img70 {width:70%;padding:0 15%;}
.img60 {width:60%;padding:0 20%;}
.img50 {width:50%;padding:0 25%;}

.prdimgfw {width:100%;}
.prdimg90 {width:90%;}
.prdimg80 {width:80%;}
.prdimg70 {width:70%;}
.prdimg60 {width:60%;}
.prdimg50 {width:50%;}

/* 폰트 컬러 */
.c-mc {color:var(--c-mc);}
.c-mc2 {color:var(--c-mc2);}
.c-black {color:var(--c-black);}
.c-222 {color:var(--c-222);}
.c-white {color:var(--c-white);}

/*폰트 두께*/
.fw-thin {font-weight:200;}
.fw-reg {font-weight:400;}
.fw-mid {font-weight:600;}
.fw-semi {font-weight:700;}
.fw-bold {font-weight:800;}
.fw-exbold {font-weight:900;}

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

/*line-height*/
.lh100 {line-height:100%;}
.lh110 {line-height:110%;}
.lh120 {line-height:120%;}
.lh130 {line-height:130%;}
.lh140 {line-height:140%;}
.lh150 {line-height:150%;}
.lh160 {line-height:160%;}
.lh170 {line-height:170%;}
.lh180 {line-height:180%;}
.lh190 {line-height:190%;}
.lh200 {line-height:200%;}

/*글자색*/
.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;}
.aib {align-items:baseline;}

/*background*/
.bg-cover {background-size:cover;}
.bg-po-tc {background-position:top center;}
.bg-po-tr {background-position:top right;}
.bg-po-cc {background-position:center center;}

/*border*/
.bdccc {border:1px solid #ccc;}
.bd999 {border:1px solid #ccc;}
.bdc-mc {border:1px solid var(--c-mc);}

/*width*/
.w100 {width:100%;}
.w90 {width:90%;}
.w80 {width:80%;}
.w70 {width:70%;}
.w60 {width:60%;}
.w50 {width:50%;}
.w40 {width:40%;}
.w30 {width:30%;}
.w20 {width:20%;}
.w10 {width:10%;}

.p40 {padding:var(--mp40);}
.p30 {padding:var(--mp30);}
.p20 {padding:var(--mp20);}

.m100p100{width:var(--m100p100);}
.m100p90{width:var(--m100p90);}
.m100p80{width:var(--m100p80);}
.m100p70{width:var(--m100p70);}
.m100p60{width:var(--m100p60);}
.m100p50{width:var(--m100p50);}

.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);}

.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);}

.pl100 {padding-left:var(--mp100);}
.pl80 {padding-left:var(--mp80);}
.pl70 {padding-left:var(--mp70);}
.pl60 {padding-left:var(--mp60);}
.pl50 {padding-left:var(--mp50);}
.pl40 {padding-left:var(--mp40);}
.pl30 {padding-left:var(--mp30);}
.pl20 {padding-left:var(--mp20);}
.pl10 {padding-left:var(--mp10);}

.fz70 {font-size:var(--fz70);}
.fz65 {font-size:var(--fz65);}
.fz60 {font-size:var(--fz60);}
.fz55 {font-size:var(--fz55);}
.fz50 {font-size:var(--fz50);}
.fz45 {font-size:var(--fz45);}
.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);}


/*배경 그라디언트*/
.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%);}
.bg_gradient3 {background: #d9d9d9;background: linear-gradient(134deg, rgba(217, 217, 217, 1) 0%, rgba(255, 255, 255, 1) 46%, rgba(217, 217, 217, 1) 100%);}

/*글래스 모피즘*/
.glassmorphism {background: rgba( 255, 255, 255, 0.6 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 4px );
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 );}

/*테이블1*/
.tabletype1 {width:100%;border:1px solid #ccc;border-collapse:collapse;}
.tabletype1 th{padding:10px 10px;font-size:var(--fz24);background:#efefef;color:#333;font-weight:400;text-align:center;border:1px solid #ccc;}
.tabletype1 td{padding:10px 10px;font-size:var(--fz20);font-weight:300;text-align:center;border:1px solid #ccc;color:#222222;}
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);}

/*테이블2*/
.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);}

/*버튼1*/
.btn_style1 {transition:0.5s;display:inline-block;padding:7px var(--mp20);font-size:18px;color:var(--c-mc);border:1px solid var(--c-mc);font-weight:300;cursor:pointer;}
.btn_style1:hover {transition:0.5s;background:var(--c-mc);color:#FFF;border:1px solid var(--c-mc);cursor:pointer;}
.btn_style1:hover a:link{transition:0.5s;color:#FFF;}
.btn_style1 span {padding:0 0 0 30px;}
/*버튼2*/
.btn_style2 {transition:0.5s;display:inline-block;padding:15px var(--mp60);font-size:var(--fz18);color:#FFF;border:1px solid #FFF;font-weight:200;}
.btn_style2:hover {transition:0.5s;background:#FFF;color:#222;cursor:pointer;}
/*버튼3*/
.btn_style3 {transition:0.5s;display:inline-block;padding:15px var(--mp60);font-size:14px;color:#FFF;border:1px solid var(--c-mc);font-weight:200;background:var(--c-mc);}
.btn_style3:hover {transition:0.5s;background:var(--c-mc-hover);cursor:pointer;}

/*버튼2*/
.btn_style4 {transition:0.5s;display:inline-block;padding:15px var(--mp60);font-size:var(--fz18);color:#FFF;border:1px solid var(--c-sc);font-weight:200;}
.btn_style4:hover {transition:0.5s;background:var(--c-sc);color:#FFF;cursor:pointer;}
.btn_style4:hover a{color:#FFF;cursor:pointer;}


/*탭버튼*/
.subtab {padding:10px var(--mp20);font-size:var(--fz20);color:#000;font-weight:800;cursor:pointer;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
.subtabon {transition:0.3s ease;padding:10px 20px;font-size:var(--fz20);background:var(--c-mc) !important;color:#FFF !important;font-weight:800;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
.subtab:hover {padding:10px var(--mp20);font-size:var(--fz20);font-weight:800;color:var(--c-mc);cursor:pointer;}
/*탭버튼2*/
.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;}

/*백그라운드 사선 패턴*/
.bg_45deg_pattern{background-image: repeating-linear-gradient(45deg, /* 45도 사선 */ #efefef, /* 밝은 줄 색상 */ #efefef 10px, #E9E9E9 10px, #E9E9E9 13px /* 어두운 줄 색상 */);}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



.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;}

.titlebullet {display:inline-block;background:url('/img/bullet_bg.png') repeat-x;background-position:20px 24px;}

.btnleft {transition:all ease 0.5s;height:40px;padding-left:20px;}
.btnleft:hover {transition:all ease 0.5s;height:40px;padding-right:20px;padding-left:0;}
.btnright {transition:all ease 0.5s;height:40px;padding-right:20px}
.btnright:hover {transition:all ease 0.5s;height:40px;padding-right:0;padding-left:20px;;}



.item_subjc {margin-top:var(--mp60);font-size:var(--fz60);color:#0071D0;text-align:center;font-weight:800;}
.item_subjc2 {margin-top:var(--mp60);font-size:var(--fz60);color:#0071D0;text-align:left;font-weight:800;}
.item_txt1 {font-size:var(--fz50);text-align:center;line-height:120%;color:#333;font-weight:500;}
.item_txt1_2 {font-size:var(--fz50);text-align:left;line-height:120%;color:#333;font-weight:500;}
.item_txt2 {font-size:var(--fz34);text-align:left;line-height:120%;color:#333;font-weight:500;padding-left:var(--mp40);text-indent:-20px;}
.item_txt2_2 {font-size:var(--fz34);text-align:center;line-height:120%;color:#333;font-weight:500;padding-left:var(--mp40);text-indent:-20px;}
.item_txt3 {font-size:var(--fz26);text-align:left;line-height:120%;color:#333;font-weight:500;padding-left:var(--mp40);text-indent:-20px;}