@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,600;1,700&display=swap');
@import url('https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css');

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(./fonts/NotoSansKR-Thin.woff2) format('woff2'),  
	url(./fonts/NotoSansKR-Thin.woff) format('woff'),  
	url(./fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(./fonts/NotoSansKR-Light.woff2) format('woff2'),  
	url(./fonts/NotoSansKR-Light.woff) format('woff'), 
	 url(./fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(./fonts/NotoSansKR-Regular.woff2) format('woff2'),  
	url(./fonts/NotoSansKR-Regular.woff) format('woff'),  
	url(./fonts/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(./fonts/NotoSansKR-Medium.woff2) format('woff2'),  
	url(./fonts/NotoSansKR-Medium.woff) format('woff'),  
	url(./fonts/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(./fonts/NotoSansKR-Bold.woff2) format('woff2'),  
	url(./fonts/NotoSansKR-Bold.woff) format('woff'),  
	url(./fonts/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(./fonts/NotoSansKR-Bold.woff2) format('woff2'),  
	url(./fonts/NotoSansKR-Bold.woff) format('woff'),  
	url(./fonts/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
  font-family: 'Spoqa Han Sans Neo', 'sans-serif'; }


@font-face {
	font-family: 'nanummyeongjo';
	font-style: regular;
	font-weight: 500;
	src: url(./fonts/nanum-myeongjo-v6-korean_latin-regular.woff2) format('woff2'), 
	url(./fonts/nanum-myeongjo-v6-korean_latin-regulard.woff) format('woff'),  
	url(./fonts/nanum-myeongjo-v6-korean_latin-regular.otf) format('opentype');
}

@font-face {
	font-family: 'Gmarket Sans';
	font-style: normal;
	font-weight: 700;
	src: url(./fonts/GmarketSansBold.woff2) format('woff2'),  
	url(./fonts/GmarketSansBold.woff) format('woff'),  
	url(./fonts/GmarketSansBold.otf) format('opentype');
}

@font-face {
	font-family: 'Gmarket Sans';
	font-style: normal;
	font-weight: 500;
	src: url(./fonts/GmarketSansMedium.woff2) format('woff2'),  
	url(./fonts/GmarketSansMedium.woff) format('woff'),  
	url(./fonts/GmarketSansMedium.otf) format('opentype');
}

@font-face {
	font-family: 'Gmarket Sans';
	font-style: normal;
	font-weight: 300;
	src: url(./fonts/GmarketSansLight.woff2) format('woff2'),  
	url(./fonts/GmarketSansLight.woff) format('woff'),  
	url(./fonts/GmarketSansLight.otf) format('opentype');
}

@font-face {
	font-family: "SCDream";
	src: url("./fonts/scdream1.woff") format("truetype");
	font-style: normal;
	font-weight: 100;
}

@font-face {
	font-family: "SCDream";
	src: url("./fonts/scdream2.woff") format("truetype");
	font-style: normal;
	font-weight: 200;
}

@font-face {
	font-family: "SCDream";
	src: url("./fonts/scdream3.woff") format("truetype");
	font-style: normal;
	font-weight: 300;
}

@font-face {
	font-family: "SCDream";
	src: url("./fonts/scdream4.woff") format("truetype");
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: "SCDream";
	src: url("./fonts/scdream5.woff") format("truetype");
	font-style: normal;
	font-weight: 500;
} 

@font-face {
	font-family: "SCDream";
	src: url("./fonts/scdream7.woff") format("truetype");
	font-style: normal;
	font-weight: 700;
}

@font-face {
	font-family: "SCDream";
	src: url("./fonts/scdream9.woff") format("truetype");
	font-style: normal;
	font-weight: 900;
}

/* Pretendard */
@font-face{
	font-family:'Pretendard';
	font-weight:100;
	src:url('./fonts/Pretendard-Thin.otf') format('opentype');
	src:url('./fonts/Pretendard-Thin.otf') format('opentype'),
	    url('./fonts/Pretendard-Thin.woff2') format('woff2'),
	    url('./fonts/Pretendard-Thin.woff') format('woff'),
	    url('./fonts/Pretendard-Thin.ttf') format('truetype');
}
@font-face{
	font-family:'Pretendard';
	font-weight:200;
	src:url('./fonts/Pretendard-ExtraLight.otf') format('opentype');
	src:url('./fonts/Pretendard-ExtraLight.otf') format('opentype'),
	    url('./fonts/Pretendard-ExtraLight.woff2') format('woff2'),
	    url('./fonts/Pretendard-ExtraLight.woff') format('woff'),
	    url('./fonts/Pretendard-ExtraLight.ttf') format('truetype');
}
@font-face{
	font-family:'Pretendard';
	font-weight:300;
	src:url('./fonts/Pretendard-Light.otf') format('opentype');
	src:url('./fonts/Pretendard-Light.otf') format('opentype'),
	    url('./fonts/Pretendard-Light.woff2') format('woff2'),
	    url('./fonts/Pretendard-Light.woff') format('woff'),
	    url('./fonts/Pretendard-Light.ttf') format('truetype');
}
@font-face{
	font-family:'Pretendard';
	font-weight:400;
	src:url('./fonts/Pretendard-Regular.otf') format('opentype');
	src:url('./fonts/Pretendard-Regular.otf') format('opentype'),
	    url('./fonts/Pretendard-Regular.woff2') format('woff2'),
	    url('./fonts/Pretendard-Regular.woff') format('woff'),
	    url('./fonts/Pretendard-Regular.ttf') format('truetype');
}
@font-face{
	font-family:'Pretendard';
	font-weight:500;
	src:url('./fonts/Pretendard-Medium.otf') format('opentype');
	src:url('./fonts/Pretendard-Medium.otf') format('opentype'),
	    url('./fonts/Pretendard-Medium.woff2') format('woff2'),
	    url('./fonts/Pretendard-Medium.woff') format('woff'),
	    url('./fonts/Pretendard-Medium.ttf') format('truetype');
}
@font-face{
	font-family:'Pretendard';
	font-weight:600;
	src:url('./fonts/Pretendard-SemiBold.otf') format('opentype');
	src:url('./fonts/Pretendard-SemiBold.otf') format('opentype'),
	    url('./fonts/Pretendard-SemiBold.woff2') format('woff2'),
	    url('./fonts/Pretendard-SemiBold.woff') format('woff'),
	    url('./fonts/Pretendard-SemiBold.ttf') format('truetype');
}
@font-face{
	font-family:'Pretendard';
	font-weight:700;
	src:url('./fonts/Pretendard-Bold.otf') format('opentype');
	src:url('./fonts/Pretendard-Bold.otf') format('opentype'),
	    url('./fonts/Pretendard-Bold.woff2') format('woff2'),
	    url('./fonts/Pretendard-Bold.woff') format('woff'),
	    url('./fonts/Pretendard-Bold.ttf') format('truetype');
}
@font-face{
	font-family:'Pretendard';
	font-weight:800;
	src:url('./fonts/Pretendard-ExtraBold.otf') format('opentype');
	src:url('./fonts/Pretendard-ExtraBold.otf') format('opentype'),
	    url('./fonts/Pretendard-ExtraBold.woff2') format('woff2'),
	    url('./fonts/Pretendard-ExtraBold.woff') format('woff'),
	    url('./fonts/Pretendard-ExtraBold.ttf') format('truetype');
}
@font-face{
	font-family:'Pretendard';
	font-weight:900;
	src:url('./fonts/Pretendard-Black.otf') format('opentype');
	src:url('./fonts/Pretendard-Black.otf') format('opentype'),
	    url('./fonts/Pretendard-Black.woff2') format('woff2'),
	    url('./fonts/Pretendard-Black.woff') format('woff'),
	    url('./fonts/Pretendard-Black.ttf') format('truetype');
}


@font-face {
	font-family: "TheJamsil";
	src: url("./fonts/The-Jamsil-1-Thin.woff") format("truetype");
	font-style: normal;
	font-weight: 100;
}

@font-face {
	font-family: "TheJamsil";
	src: url("./fonts/The-Jamsil-2-Light.woff") format("truetype");
	font-style: normal;
	font-weight: 200;
}
@font-face {
	font-family: "TheJamsil";
	src: url("./fonts/The-Jamsil-3-Regular.woff") format("truetype");
	font-style: normal;
	font-weight: 300;
}
@font-face {
	font-family: "TheJamsil";
	src: url("./fonts/The-Jamsil-4-Medium.woff") format("truetype");
	font-style: normal;
	font-weight: 400;
}
@font-face {
	font-family: "TheJamsil";
	src: url("./fonts/The-Jamsil-5-Bold.woff") format("truetype");
	font-style: normal;
	font-weight: 600;
}
@font-face {
	font-family: "TheJamsil";
	src: url("./fonts/The-Jamsil-6-ExtraBold.woff") format("truetype");
	font-style: normal;
	font-weight: 800;
}

/* Cafe24Decobox */
@font-face {
    font-family: 'Cafe24Decobox';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2405-3@1.1/Cafe24Decobox.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


/* 폰트사이즈*/
.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.fs12 {font-size:11px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs16 {font-size:16px;}
.fs17 {font-size:17px;}
.fs18 {font-size:18px;}
.fs19 {font-size:19px;}
.fs20 {font-size:20px;}
.fs21 {font-size:21px;}
.fs22 {font-size:22px;}
.fs23 {font-size:23px;}
.fs24 {font-size:24px;}
.fs25 {font-size:25px;}
.fs26 {font-size:26px;}
.fs27 {font-size:27px;}
.fs28 {font-size:28px;}
.fs29 {font-size:29px;}
.fs30 {font-size:30px;}
.fs31 {font-size:31px;}
.fs32 {font-size:32px;}
.fs33 {font-size:33px;}
.fs34 {font-size:34px;}
.fs35 {font-size:35px; letter-spacing:-1px;}
.fs36 {font-size:36px; letter-spacing:-1px;}
.fs37 {font-size:37px; letter-spacing:-1px;}
.fs38 {font-size:38px; letter-spacing:-1px;}
.fs39 {font-size:39px; letter-spacing:-1px;}
.fs40 {font-size:40px; letter-spacing:-1px;}
.fs42 {font-size:42px; letter-spacing:-2px;}
.fs43 {font-size:43px; letter-spacing:-2px;}
.fs45 {font-size:45px; letter-spacing:-2px;}
.fs46 {font-size:46px; letter-spacing:-2px;}
.fs47 {font-size:47px; letter-spacing:-2px;}
.fs48 {font-size:48px; letter-spacing:-2px;}
.fs50 {font-size:50px; letter-spacing:-3px;}
.fs52 {font-size:52px; letter-spacing:-3px;} 
.fs54 {font-size:54px; letter-spacing:-3px;}
.fs55 {font-size:55px; letter-spacing:-3px;}
.fs60 {font-size:60px; letter-spacing:-3px;}
.fs62 {font-size:62px; letter-spacing:-3px;}
.fs64 {font-size:64px; letter-spacing:-3px;}
.fs66 {font-size:66px; letter-spacing:-3px;}
.fs70 {font-size:70px; letter-spacing:-3px;}
.fs72 {font-size:72px; letter-spacing:-3px;}
.fs74 {font-size:74px; letter-spacing:-3px;}
.fs82 {font-size:82px; letter-spacing:-3px;}



/* margin setting */
.mg00 {margin:0 !important;}
.mg05 {margin:5px;}
.mg10 {margin:10px;}
.mg15 {margin:15px;}
.mg20 {margin:20px;}
.mg25 {margin:25px;}
.mg30 {margin:30px;}
.mg35 {margin:35px;}
.mg40 {margin:40px;}
.mg45 {margin:45px;}
.mg50 {margin:50px;}

.mt00 {margin-top:0 !important;}
.mt05 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt100 {margin-top:100px;}
.mt110 {margin-top:110px;}
.mt120 {margin-top:120px;}
.mt130 {margin-top:130px;}
.mt140 {margin-top:140px;}
.mt150 {margin-top:150px;}
.mt160 {margin-top:160px;}
/*.mt180 {margin-top:180px;}*/
.mt200 {margin-top:200px;}
.mt220 {margin-top:220px;}
.mt230 {margin-top:230px;}

.mt-5 {margin-top:-5px !important;}
.mt-10 {margin-top:-10px !important;}
.mt-15 {margin-top:-15px !important;}
.mt-20 {margin-top:-20px !important;}
.mt-25 {margin-top:-25px !important;}
.mt-30 {margin-top:-30px !important;}
.mt-35 {margin-top:-35px !important;}
.mt-40 {margin-top:-40px !important;}
.mt-45 {margin-top:-45px !important;}
.mt-50 {margin-top:-50px !important;}

.ml00 {margin-left:0 !important;}
.ml05 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}

.mr00 {margin-right:0 !important;}
.mr05 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}

.mb00 {margin-bottom:0 !important;}
.mb05 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}
.mb110 {margin-bottom:110px;}
.mb120 {margin-bottom:120px;}
.mb130 {margin-bottom:130px;}
.mb140 {margin-bottom:140px;}
.mb150 {margin-bottom:150px;}
.mb160 {margin-bottom:160px;}
.mb180 {margin-bottom:180px;}
.mb190 {margin-bottom:190px;}
.mb200 {margin-bottom:200px;}


/* padding setting */
.pd00 {padding:0 !important;}
.pd05 {padding:5px;}
.pd10 {padding:10px;}
.pd15 {padding:15px;}
.pd20 {padding:20px;}
.pd25 {padding:25px;}
.pd30 {padding:30px;}
.pd35 {padding:35px;}
.pd40 {padding:40px;}
.pd45 {padding:45px;}
.pd50 {padding:50px;}

.pt00 {padding-top:0 !important;}
.pt05 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt100 {padding-top:100px;}
.pt110 {padding-top:110px;}
.pt120 {padding-top:120px;}
.pt130 {padding-top:130px;}
.pt140 {padding-top:140px;}
.pt150 {padding-top:150px;}
.pt160 {padding-top:160px;}
.pt180 {padding-top:180px;}
.pt190 {padding-top:190px;}
.pt200 {padding-top:200px;}
.pt220 {padding-top:220px;}
.pt230 {padding-top:230px;}
.pt240 {padding-top:240px;}

.pl00 {padding-left:0 !important;}
.pl05 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}
.pl70 {padding-left:70px;}

.pr00 {padding-right:0 !important;}
.pr05 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr35 {padding-right:35px;}
.pr40 {padding-right:40px;}
.pr45 {padding-right:45px;}
.pr50 {padding-right:50px;}

.pb00 {padding-bottom:0 !important;}
.pb05 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb45 {padding-bottom:45px;}
.pb50 {padding-bottom:50px;}	 
.pb60 {padding-bottom:60px;}	 
.pb70 {padding-bottom:70px;}	 
.pb80 {padding-bottom:80px;}	 
.pb100 {padding-bottom:100px;}
.pb110 {padding-bottom:110px;}
.pb120 {padding-bottom:120px;}
.pb130 {padding-bottom:130px;}
.pb140 {padding-bottom:140px;}
.pb150 {padding-bottom:150px;}
.pb160 {padding-bottom:160px;}
.pb170 {padding-bottom:170px;}
.pb180 {padding-bottom:180px;}
.pb190 {padding-bottom:190px;}
.pb200 {padding-bottom:200px;}
.pb230 {padding-bottom:230px;}
.pb250 {padding-bottom:250px;}
.pb300 {padding-bottom:300px;}
.pb380 {padding-bottom:380px;}



/* common */
.tac {text-align:center;}
.tar {text-align:right;}
.tal {text-align:left;}
.taj {text-align:justify;}

.fwb {font-weight:bold;}
.fw200 {font-weight:200;}
.fw300 {font-weight:300;}
.fw400 {font-weight:400;}
.fw500 {font-weight:500;}
.fw700 {font-weight:700;}
.fw900 {font-weight:900;}

.ls-1 {letter-spacing:-1;}
.ls-2 {letter-spacing:-2;}
.ls-3 {letter-spacing:-3;}

/* opacity */
.op5 {opacity:0.5}
.op6 {opacity:0.6;}
.op7 {opacity:0.7;}
.op8 {opacity:0.8;}
.op9 {opacity:0.9;}


.em09 {font-size:0.9em;}
.em11 {font-size:1.1em;}
.em12 {font-size:1.2em;}
.em13 {font-size:1.3em;}
.em14 {font-size:1.4em;}

 @media screen and (max-width:1920px) {	
	.fs82 {font-size:80px;}
	.fs74 {font-size:72px;}
	.fs72 {font-size:70px;}
	.fs70 {font-size:68px;}
	.fs64 {font-size:62px;}
	.fs62 {font-size:60px;}
	.fs60 {font-size:58px;}
	.fs55 {font-size:52px;}
	.fs54 {font-size:51px;}
	.fs52 {font-size:49px;}
	.fs50 {font-size:48px;}
	.fs48 {font-size:46px;}
	.fs47 {font-size:45px;}
	.fs46 {font-size:44px;}
	.fs45 {font-size:43px;}
	.fs43 {font-size:40px;}
	.fs42 {font-size:40px;}
	.fs40 {font-size:40px;}
	.fs38 {font-size:36px;}
	.fs37 {font-size:35px;}
	.fs36 {font-size:34px;}
	.fs35 {font-size:33px;}
	.fs32 {font-size:27px;}
	.fs30 {font-size:25px;} 
	.fs28 {font-size:27px;}
	.fs27 {font-size:26px;}
	.fs26 {font-size:25px;}
	.fs25 {font-size:24px;}
	.fs24 {font-size:21px;}
	.fs23 {font-size:22px;}
	.fs22 {font-size:21px;}
	.fs20 {font-size:19px;}
	.fs19 {font-size:18px;}
	.fs18 {font-size:17px;}	 
	.fs17 {font-size:16px;}	  
	.fs16 {font-size:15px;}		  
	.fs15 {font-size:14px;}		  
	.fs14 {font-size:13px;}	  
	.fs10 {font-size:9px;}	

	.pt50 {padding-top:40px;}
	.pt60 {padding-top:50px;}
	.pt70 {padding-top:60px;}
	.pt80 {padding-top:70px;}
	.pt100 {padding-top:80px;}
	.pt120 {padding-top:90px;}
	.pt130 {padding-top:100px;}
	.pt140 {padding-top:120px;}
	.pt150 {padding-top:130px;}
	.pt160 {padding-top:140px;}
	.pt180 {padding-top:160px;}
	.pt190 {padding-top:180px;}
	.pt200 {padding-top:190px;}
	.pt220 {padding-top:215px;}
	.pt230 {padding-top:220px;}
	.pt240 {padding-top:230px;}

	.pb40 {padding-bottom:40px;}
	.pb60 {padding-bottom:50px;}
	.pb70 {padding-bottom:60px;}
	.pb80 {padding-bottom:70px;}
	.pb100 {padding-bottom:80px;}
	.pb120 {padding-bottom:90px;}
	.pb130 {padding-bottom:100px;}
	.pb150 {padding-bottom:130px;}
	.pb180 {padding-bottom:160px;}
	.pb190 {padding-bottom:170px;}
	.pb230 {padding-bottom:200px;}
	.pb250 {padding-bottom:220px;}
	.pb300 {padding-bottom:270px;}
	.pb380 {padding-bottom:350px;}

	.mt20 {margin-top:20px;}
	.mt40 {margin-top:40px;}
	.mt70 {margin-top:60px;}
	.mt80 {margin-top:70px;}
	.mt100 {margin-top:90px;}
	.mt120 {margin-top:110px;}
	.mt140 {margin-top:120px;}
	.mt150 {margin-top:130px;}
	.mt200 {margin-top:180px;}
	.mb200 {margin-bottom:180px;}
	.mb190 {margin-bottom:170px;}
	.mb180 {margin-bottom:160px;}
	.mb160 {margin-bottom:140px;}
	.mb150 {margin-bottom:130px;}
	.mb140 {margin-bottom:120px;}
	.mb120 {margin-bottom:110px;}
	.mb100 {margin-bottom:80px;}
	.mb80 {margin-bottom:70px;}
	.mb70 {margin-bottom:60px;}
	.mb60 {margin-bottom:50px;}
	.mb50 {margin-bottom:40px;}
	.mb30 {margin-bottom:25px;}
}


 @media screen and (max-width:1400px) {
	.fs82 {font-size:78px;}
 	.fs74 {font-size:70px;}
	.fs72 {font-size:64px;}
 	.fs64 {font-size:58px;}
 	.fs62 {font-size:57px;}
 	.fs60 {font-size:55px;}
 	.fs55 {font-size:50px;}
 	.fs54 {font-size:49px;}
	.fs52 {font-size:47px;}
	.fs50 {font-size:45px;}
	.fs48 {font-size:43px;}
	.fs47 {font-size:42px;}
	.fs46 {font-size:42px;}
	.fs45 {font-size:41px;}
	.fs43 {font-size:38px;}
	.fs42 {font-size:38px;}
	.fs40 {font-size:36px;}
	.fs38 {font-size:35px;}
	.fs36 {font-size:33px;}
	.fs35 {font-size:33px;} 
	.fs32 {font-size:30px;}
	.fs30 {font-size:28px;}
	.fs28 {font-size:26px;}
	.fs27 {font-size:25px;}
	.fs26 {font-size:24px;}
	.fs25 {font-size:23px;}
	.fs24 {font-size:22px;}
	.fs23 {font-size:22px;}
	.fs22 {font-size:20px;} 
	.fs20 {font-size:19px;} 		 
	.fs19 {font-size:18px;} 
	.fs17 {font-size:16px;}
	.fs16 {font-size:15px;}		  
	.fs15 {font-size:14px;}		  
	.fs14 {font-size:13px;}	
	.fs10 {font-size:9px;}	

	.mt20 {margin-top:15px;}
	.mt30 {margin-top:20px;}
	.mt40 {margin-top:30px;}
	.mt50 {margin-top:40px;}
	.mt70 {margin-top:60px;}
	.mt80 {margin-top:70px;}
	.mt100 {margin-top:70px;}
	.mt120 {margin-top:100px;}
	.mt130 {margin-top:100px;}
	.mt140 {margin-top:110px;}
	.mt150 {margin-top:110px;}
	.mt160 {margin-top:120px;}
	.mt180 {margin-top:140px;}
	.mt200 {margin-top:160px;}
	.mb200 {margin-bottom:150px;}
	.mb190 {margin-bottom:140px;}
	.mb180 {margin-bottom:140px;}
	.mb160 {margin-bottom:120px;}
	.mb150 {margin-bottom:110px;}
	.mb140 {margin-bottom:110px;}
	.mb120 {margin-bottom:100px;}


	.mb100 {margin-bottom:70px;}
	.mb80 {margin-bottom:60px;}
	.mb70 {margin-bottom:60px;}
	.mb60 {margin-bottom:50px;}
	.mb50 {margin-bottom:40px;}
	.mb40 {margin-bottom:30px;}
	.mb30 {margin-bottom:20px;}
	.mb20 {margin-bottom:15px;}

	.pb40 {padding-bottom:30px;}
	.pb60 {padding-bottom:50px;} 
	.pb70 {padding-bottom:60px;}
	.pb80 {padding-bottom:60px;} 
	.pb100 {padding-bottom:70px;} 
	.pb120 {padding-bottom:90px;} 
	.pb130 {padding-bottom:100px;} 
	.pb140 {padding-bottom:110px;}
	.pb180 {padding-bottom:140px;} 
	.pb230 {padding-bottom:180px;}
	.pb250 {padding-bottom:200px;}
	.pb300 {padding-bottom:250px;}
	.pb380 {padding-bottom:330px;}
	.pt50 {padding-top:40px;}
	.pt60 {padding-top:50px;}
	.pt80 {padding-top:60px;}
	.pt100 {padding-top:70px;}
	.pt120 {padding-top:90px;}
	.pt130 {padding-top:100px;}
	.pt140 {padding-top:110px;}
	.pt160 {padding-top:120px;}
	.pt180 {padding-top:140px;}
	.pt200 {padding-top:170px;}
	.pt220 {padding-top:180px;}
	.pt230 {padding-top:180px;}
	.pt240 {padding-top:190px;}
}
 @media screen and (max-width:1200px) {
   	.fs64 {font-size:56px;}
   	.fs62 {font-size:55px;}
	.fs54 {font-size:46px;}
	.fs48 {font-size:42px;}
	.fs40 {font-size:36px;}
	.fs30 {font-size:27px;}
	.pt20 {padding-top:15px;}
}
 
  @media screen and (max-width:940px) {
   	.fs74 {font-size:68px;}
   	.fs72 {font-size:60px;}
   	.fs70 {font-size:58px;}
   	.fs64 {font-size:54px;}
   	.fs62 {font-size:53px;}
   	.fs60 {font-size:46px;}
   	.fs55 {font-size:45px;} 
	.fs54 {font-size:44px;}
	.fs52 {font-size:42px;}
   	.fs50 {font-size:42px;}
	.fs48 {font-size:40px;}
	.fs47 {font-size:40px;}
	.fs46 {font-size:39px;}
	.fs45 {font-size:38px;}
	.fs43 {font-size:36px;}
	.fs42 {font-size:36px;}
	.fs40 {font-size:34px;}
	.fs38 {font-size:33px;}
	.fs36 {font-size:32px;}
	.fs35 {font-size:32px;}
	.fs32 {font-size:29px;}
	.fs30 {font-size:26px;}
	.fs28 {font-size:25px;}
	.fs27 {font-size:24px;}
	.fs26 {font-size:23px;}
	.fs25 {font-size:22px;}
	.fs24 {font-size:21px;}
	.fs23 {font-size:21px;}
	.fs22 {font-size:20px;}
	.fs21 {font-size:20px;}
	.fs20 {font-size:18px;}
	.fs19 {font-size:17px;} 	
	.fs18 {font-size:16px;} 	 
	.fs17 {font-size:15px;} 
	.fs16 {font-size:14px;}		  
	.fs15 {font-size:13px;}		  
	.fs14 {font-size:12px;}	
	.fs10 {font-size:8px;}	

	.pt50 {padding-top:30px;}
	.pt60 {padding-top:40px;}
	.pt70 {padding-top:40px;}
	.pt80 {padding-top:50px;}
	.pt100 {padding-top:60px;}
	.pt120 {padding-top:80px;}
	.pt130 {padding-top:80px;}
	.pt140 {padding-top:90px;}
	.pt150 {padding-top:100px;}
	.pt160 {padding-top:110px;}
	.pt180 {padding-top:130px;}
	.pt190 {padding-top:130px;}
	.pt200 {padding-top:160px;}
	.pt220 {padding-top:170px;}
	.pt230 {padding-top:170px;}
	.pt240 {padding-top:180px;}
	 
	.pb40 {padding-bottom:30px;}
	.pb60 {padding-bottom:40px;}
	.pb70 {padding-bottom:50px;}
	.pb80 {padding-bottom:60px;}
	.pb100 {padding-bottom:60px;}
	.pb120 {padding-bottom:80px;}
	.pb130 {padding-bottom:90px;}
	.pb140 {padding-bottom:90px;}
	.pb150 {padding-bottom:100px;}
	.pb180 {padding-bottom:130px;}
	.pb190 {padding-bottom:150px;}
	.pb230 {padding-bottom:170px;}
	.pb250 {padding-bottom:180px;}
	.pb300 {padding-bottom:220px;}
	.pb380 {padding-bottom:280px;}
	
	.mt20 {margin-top:15px;}
	.mt30 {margin-top:20px;}
	.mt40 {margin-top:30px;}
	.mt50 {margin-top:35px;}
	.mt60 {margin-top:40px;}
	.mt70 {margin-top:50px;}
	.mt80 {margin-top:60px;}
	.mt100 {margin-top:60px;}
	.mt120 {margin-top:80px;}
	.mt140 {margin-top:90px;}
	.mt150 {margin-top:100px;}
	.mt160 {margin-top:110px;}
	.mt180 {margin-top:130px;}
	.mb200 {margin-bottom:130px;}
	.mb180 {margin-bottom:130px;}
	.mb160 {margin-bottom:110px;}
	.mb150 {margin-bottom:100px;}
	.mb140 {margin-bottom:100px;}
	.mb120 {margin-bottom:80px;}
	.mb100 {margin-bottom:60px;}
	.mb80 {margin-bottom:50px;}
	.mb70 {margin-bottom:50px;}
	.mb60 {margin-bottom:40px;}
 }


  @media screen and (max-width:700px) {
   	.fs74 {font-size:64px;}
   	.fs72 {font-size:60px;}
   	.fs70 {font-size:60px;}
   	.fs64 {font-size:52px;}
	.fs62 {font-size:50px;}
	.fs60 {font-size:45px;}
	.fs55 {font-size:44px;}
	.fs54 {font-size:43px;}
	.fs52 {font-size:38px;}
	.fs50 {font-size:40px;}
	.fs48 {font-size:32px;}
	.fs47 {font-size:37px;}
	.fs46 {font-size:36px;}
	.fs45 {font-size:30px;}
	.fs43 {font-size:34px;}
	.fs42 {font-size:33px;}
	.fs40 {font-size:27px;}
	.fs38 {font-size:31px;}
	.fs36 {font-size:30px;}
	.fs35 {font-size:30px;}
	.fs32 {font-size:24px;}
	.fs30 {font-size:24px;}
	.fs28 {font-size:24px;}
	.fs27 {font-size:23px;}
	.fs26 {font-size:22px;}
	.fs25 {font-size:21px;}
	.fs24 {font-size:18px;}
	.fs23 {font-size:18px;}
	.fs22 {font-size:19px;}
	.fs21 {font-size:19px;}
	.fs20 {font-size:17px;}
	.fs19 {font-size:17px;}	
	.fs18 {font-size:16px;}	 
	.fs17 {font-size:15px;}
	.fs16 {font-size:14px;}	  
	.fs15 {font-size:13px;}		  
	.fs14 {font-size:13px;}
	.fs10 {font-size:7px;}	
	
	.mb200 {margin-bottom:120px;}
	.mb190 {margin-bottom:110px;}
	.mb180 {margin-bottom:90px;}
	.mb160 {margin-bottom:90px;}
	.mb150 {margin-bottom:90px;}
	.mb140 {margin-bottom:80px;}
	.mb120 {margin-bottom:60px;}
	.mb100 {margin-bottom:50px;}
	.mb80 {margin-bottom:40px;}
	.mb70 {margin-bottom:35px;}
	.mb60 {margin-bottom:30px;}
	.mb50 {margin-bottom:25px;}
	.mb40 {margin-bottom:20px;}
	.mb30 {margin-bottom:15px;}
	.mb20 {margin-bottom:10px;}
	
	.mt20 {margin-top:10px;}
	.mt30 {margin-top:20px;}
	.mt40 {margin-top:20px;}
	.mt50 {margin-top:25px;}
	.mt60 {margin-top:30px;}
	.mt70 {margin-top:40px;}
	.mt80 {margin-top:50px;}
	.mt100 {margin-top:50px;}
	.mt120 {margin-top:60px;}
	.mt140 {margin-top:70px;}
	.mt150 {margin-top:80px;}
	.mt160 {margin-top:90px;}
	.mt180 {margin-top:120px;}

	.pt20 {padding-top:10px;}
	.pt50 {padding-top:20px;}
	.pt60 {padding-top:30px;}
	.pt70 {padding-top:30px;}
	.pt80 {padding-top:40px;}
	.pt100 {padding-top:50px;}
	.pt120 {padding-top:60px;}
	.pt130 {padding-top:70px;}
	.pt140 {padding-top:70px;}
	.pt150 {padding-top:80px;}
	.pt160 {padding-top:80px;}
	.pt180 {padding-top:90px;}
	.pt190 {padding-top:130px;}
	.pt200 {padding-top:140px;}
	.pt220 {padding-top:160px;}
	.pt230 {padding-top:170px;}
	.pt240 {padding-top:180px;}
	 
	.pb40 {padding-bottom:20px;}
	.pb60 {padding-bottom:30px;}
	.pb70 {padding-bottom:30px;}
	.pb80 {padding-bottom:40px;}
	.pb100 {padding-bottom:50px;}
	.pb120 {padding-bottom:60px;}
	.pb130 {padding-bottom:70px;}
	.pb140 {padding-bottom:80px;}
	.pb150 {padding-bottom:90px;}
	.pb160 {padding-bottom:90px;}
	.pb180 {padding-bottom:90px;}
	.pb190 {padding-bottom:130px;}
	.pb230 {padding-bottom:160px;}
	.pb250 {padding-bottom:170px;}
	.pb300 {padding-bottom:200px;}
	.pb380 {padding-bottom:260px;}
  
  	.pl70 {padding-left:30px;}
 }

  @media screen and (max-width:480px) {

   	.fs74 {font-size:60px;}
   	.fs72 {font-size:50px;}
   	.fs70 {font-size:50px;}
   	.fs64 {font-size:44px;}
   	.fs62 {font-size:42px;}
   	.fs60 {font-size:41px;}
	.fs55 {font-size:40px;}
	.fs54 {font-size:39px;}
	.fs52 {font-size:36px;}
	.fs50 {font-size:35px;}
	.fs48 {font-size:32px;} 
	.fs47 {font-size:32px;}
	.fs46 {font-size:31px;}
	.fs45 {font-size:31px;}
	.fs43 {font-size:30px;}
	.fs42 {font-size:30px;}
	.fs40 {font-size:26px;}
	.fs38 {font-size:25px;}
	.fs36 {font-size:25px;}
	.fs35 {font-size:24px;}
	.fs32 {font-size:23px;}
	.fs30 {font-size:21px;}
	.fs28 {font-size:21px;}
	.fs27 {font-size:20px;}
	.fs26 {font-size:20px;}
	.fs25 {font-size:20px;}
	.fs24 {font-size:17px;}
	.fs22 {font-size:17px;}
	.fs21 {font-size:17px;}
	.fs20 {font-size:16px;}
	.fs19 {font-size:16px;}
	.fs18 {font-size:15px;}
	.fs16 {font-size:14px;}	  
	.fs15 {font-size:13px;}

  	.pl70 {padding-left:20px;}

	.mb200 {margin-bottom:100px;}
	.mb190 {margin-bottom:80px;}
	.mb180 {margin-bottom:60px;}
	.mb160 {margin-bottom:60px;}
	.mb150 {margin-bottom:60px;}
	.mb140 {margin-bottom:60px;}
	.mb100 {margin-bottom:40px;}
	.mb80 {margin-bottom:30px;}
	.mb60 {margin-bottom:25px;}
	.mb40 {margin-bottom:20px;}
	.mb20 {margin-bottom:10px;}
	.mt50 {margin-top:25px;}
	.mt60 {margin-top:30px;}
	.mt80 {margin-top:35px;}
	.mt180 {margin-top:60px;}
	.mt150 {margin-top:60px;}
	.mt140 {margin-top:60px;}
	.mt120 {margin-top:50px;}
	.pt100 {padding-top:50px;}
	.pb40 {padding-bottom:20px;}
	.pb60 {padding-bottom:20px;}
	.pb70 {padding-bottom:30px;}
	.pb80 {padding-bottom:40px;}
	.pb100 {padding-bottom:40px;}
	.pb120 {padding-bottom:50px;}
	.pb140 {padding-bottom:60px;}
	.pb150 {padding-bottom:60px;}
	.pb180 {padding-bottom:60px;}
	.pb190 {padding-bottom:90px;}
	.pb230 {padding-bottom:100px;}
	.pb380 {padding-bottom:150px;}
	.pt120 {padding-top:50px;}
	.pt140 {padding-top:60px;}
	.pt150 {padding-top:60px;}
	.pt160 {padding-top:70px;}
	.pt180 {padding-top:80px;}
	.pt200 {padding-top:100px;}
	.pt220 {padding-top:120px;}
	.pt230 {padding-top:130px;}
	.pt240 {padding-top:140px;}
 }


* {margin:0;padding:0; box-sizing: border-box;}
html, body{height:100%;letter-spacing:-0.025em;-webkit-font-smoothing:subpixel-antialiased;-webkit-text-size-adjust:none;}
body{font-family:'Pretendard',"TheJamsil"; font-weight:300;font-size:12px;color:#222; box-sizing: border-box;}
header, section, nav, article, aside, details, figcaption, figure, hgroup, menu, footer {display:block;}
h1, h2, h3, h4, h5, h6{font-weight:400;font-size:100%}
ul, ol, li{list-style:none;}
dl, dd, dt{ padding:0; margin:0;}
fieldset, img{border:none;}
img{vertical-align:top;}
em {font-style:normal;}
table{width:100%;border-collapse:collapse;}
th {font-weight:400;}
td {color:#222;}
legend {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;padding:0;visibility:hidden;text-indent:-9999px;}
caption {width:0;height:0;overflow:hidden;padding:0;font-size:0;line-height:0;}
.hidden {font-size:0;line-height:0;text-indent:-99999px;}
.clear:after {display:block;content:'';clear:both;}
input, select{font-weight:300;font-family:'Noto Sans KR', sans-serif;vertical-align:middle;color:#777;border:1px solid #ddd;}
textarea {resize:none;border:1px solid #afafaf;padding:5px;font-family:'Noto Sans KR', sans-serif;font-size:12px;}
a{text-decoration:none;color:#1d1d1d;}
a:foucs {border:1px solid red;outline: inherit;}

button{ border:none;}

.browserupgrade {display:none;}


#wrap {overflow: hidden;width: 100%;min-width: 320px;position: relative; }
#lnb {width:1300px;margin:0 auto;z-index:2;}

#container {position:relative; z-index:10; word-break:keep-all;}
#content {padding: 0 !important;}
#content .subContent {font-size:18px; line-height:1.3;word-break:keep-all; padding:120px 0; min-height:400px;}
#content .subContent .location {clear:both; font-size:15px;color:#999;padding:0;text-align:right; padding-top:20px;}
#content .subContent .location img {vertical-align:middle;}
#content .subContent .location a {color:#999;letter-spacing:-1px;}
#content .subContent .location a:hover {color:#000}
#content .subContent h3.subTitleSubject {text-align:center; letter-spacing:-1px;color:#333; margin-bottom:120px; line-height:110%;}


/*--서브메뉴--*/
#content .snb { display:none; position:relative; z-index:2;}
#content .snb .snbBottom {padding:0px;margin-top:10px}

#content .snb .mybox {margin-bottom:10px}
#content .snb .mybox {border:#D4D4D4 solid 1px;}
#content .snb .mybox .login .mbrinfo {background:#F4F4F4;padding:0;border-bottom:#dfdfdf solid 1px;position:relative;height:80px;}
#content .snb .mybox .login .symbol {position:absolute;top:5px;left:5px;}
#content .snb .mybox .login .symbol img {width:37px;height:37px;border:1px #c0c0c0 solid}
#content .snb .mybox .login .namel {position:absolute;top:30px;left:55px;width:120px;height:12px;font-weight:bold;color:#454545;}
#content .snb .mybox .login .namer {position:absolute;top:5px;left:55px;width:108px;height:12px;font-weight:bold;color:#454545;}
#content .snb .mybox .login .score {position:absolute;bottom:12px;left:10px;font-size:11px;font-family:verdana;color:#636363;padding-top:3px;letter-spacing:-1px}
#content .snb .mybox .login .tabbox {}
#content .snb .mybox .login .tabbox .tp {float:left;width:60px;height:24px;line-height:24px;background:#F4F4F4;border-top:#ffffff solid 1px;border-bottom:#D4D4D4 solid 1px;text-align:center;font-weight:bold;color:#9E9E9E;cursor:pointer;position:relative}
#content .snb .mybox .login .tabbox .tp span.mcounter {
	font-weight:normal; font-size:11px; color:#F21914;letter-spacing:-1px;position:absolute;top:-10px;right:2px;font-family:arial;
	border-radius:12px;background-color:#ff6000;height:14px;padding:0 5px;color:#fff;line-height:14px;
	box-shadow:1px 1px 3px #ccc;
}
#content .snb .mybox .login .tabbox .tp span.mcounter1 {
	font-weight:normal; font-size:11px; color:#F21914;letter-spacing:-1px;position:absolute;top:-10px;right:2px;font-family:arial;
	border-radius:12px;background-color:#999;height:14px;padding:0 5px;color:#fff;line-height:14px;
	box-shadow:1px 1px 3px #ccc;
}
#content .snb .mybox .login .tabbox .vline {border-right:#D4D4D4 solid 1px;}
#content .snb .mybox .login .tabbox .on {background:#ffffff;border-top:#ffffff solid 1px;border-bottom:#ffffff solid 1px;color:#676767;}
#content .snb .mybox .login .lbody {padding:8px;}
#content .snb .mybox .login .lbody ul {padding:0;margin:0;list-style-type:none;}
#content .snb .mybox .login .lbody li {padding:4px 0;line-height:130%;}
#content .snb .mybox .login .lbody li a {font-family:dotum;font-size:11px;letter-spacing:-1px;line-height:130%}
#content .snb .mybox .login .lbody li .comment {font-family:arial;font-size:11px;color:#E75801;padding-left:3px;}
#content .snb .mybox .login .lbody li .new {font-family:arial;font-size:10px;color:#ff0000;}
#content .snb .mybox .login .lbody li .reply {font-family:dotum;font-size:11px;color:#888888;letter-spacing:-1px}
#content .snb .mybox .login .lbody li .pic {float:left;width:35px;}
#content .snb .mybox .login .lbody li .info {float:left;width:130px;}
#content .snb .mybox .login .lbody li a.lbmore {display:block;text-align:center;border:1px #ddd solid;padding:3px;}
#content .snb .mybox .login .lbody li a.lbmore:hover {color:#ff6000;background:#f0f0f0}
#content .snb .mybox .login .lbody .none {text-align:center;padding-top:40px;}
#content .snb .mybox .login .lbody .none span {display:block;font-weight:bold;font-size:13px;letter-spacing:-1px;} 
#content .snb .mybox .login .lbody .none p {padding:10px 0 40px 0;color:#9C9C9C;line-height:140%;letter-spacing:-1px;font-size:11px}

#content .snb .mybox .logout .tabbox {}
#content .snb .mybox .logout .tabbox .np {padding:10px 0 10px 10px;background:#F4F4F4;border-bottom:#D4D4D4 solid 1px;font-weight:bold;color:#9E9E9E;}
#content .snb .mybox .logout .tabbox .tp {float:left;width:90px;height:22px;background:#F4F4F4;border-bottom:#D4D4D4 solid 1px;text-align:center;font-weight:bold;color:#9E9E9E;padding-top:12px;cursor:pointer;}
#content .snb .mybox .logout .tabbox .vline {width:91px;border-right:#D4D4D4 solid 1px;}
#content .snb .mybox .logout .tabbox .on {background:#ffffff;border-bottom:#ffffff solid 1px;color:#676767;}
#content .snb .mybox .logout .nlog {margin-top:10px;padding:0 0 30px 10px;position:relative;height:65px;}
#content .snb .mybox .logout .i1 {position:absolute;font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding-bottom:3px;}
#content .snb .mybox .logout .i1 .input {float:left;width:110px;height:17px;border:#BEBEBE solid 1px;font-size:12px;font-family:tahoma}
#content .snb .mybox .logout .i1 .input:focus {border:#BEBEBE solid 2px;}
#content .snb .mybox .logout .i2 {position:absolute;top:48px;left:8px;font-family:dotum;font-size:11px;letter-spacing:-1px}
#content .snb .mybox .logout .i3 {position:absolute; top:1px;left:127px;}

#content .snb .mybox .logout .rbtm {position:absolute;bottom:4px;left:8px;font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding:10px 0 0 3px;}
#content .snb .mybox .logout .rbtm .ipc {color:#67686A}
#content .snb .mybox .logout .rbtm a {color:#313946;}
#content .snb .mybox .logout .rbtm span {padding:0 5px 0 5px;}
#content .snb .mybox .logout .slog {padding:20px 10px 10px 10px;}
#content .snb .mybox .logout .slog .icon {width:160px;padding:0px;text-align:center;}
#content .snb .mybox .logout .slog .icon img {cursor:pointer;margin:0 4px 0 4px;}
#content .snb .mybox .logout .slog .guide {line-height:140%;font-size:11px;font-family:dotum;color:#999;letter-spacing:-1px;padding:10px 0 0 0;}


#content .snb .category { position:absolute; top:-70px; z-index:2; width:100%;}
#content .snb .category h2 {margin:0 0 10px 0;}
#content .snb .category ul {position:relative; padding:0;margin:0; text-align:center;}
#content .snb .category li { display:inline-block; margin-left:-4px;}

#content .snb .category .m2 { position:relative; }
#content .snb .category .m2:last-child:before{ display:none;}
#content .snb .category .m2 a { display:block; height:70px; line-height:70px; background:rgba(0,182,173,0.9); padding:0 70px; color:#fff;}
#content .snb .category .m2 a:hover {text-decoration:none;}

#content .snb .category .selected2 {z-index:10;}
#content .snb .category .selected2 a {color:#1e405d;height:70px;line-height:70px; background:#fff;}
#content .snb .category .selected2 a:hover {color:#1e405d;text-decoration:none;}
#content .snb .category .selected2 span.num {color:#fff}
#content .snb .category .selected2:before{ display:none;}

#content .snb .category .orange a {background:url(./image/sub_active_orange.jpg) repeat-x 0 0;}
#content .snb .category .green a {background:url(./image/sub_active_green.jpg) repeat-x 0 0;}
#content .snb .category .blue a {background:url(./image/sub_active_blue.jpg) repeat-x 0 0;}
#content .snb .category .light_blue a {background:url(./image/sub_active_light_blue.jpg) repeat-x 0 0;}
#content .snb .category .black a {background:url(./image/sub_active_black.jpg) repeat-x 0 0;}
#content .snb .category .grey a {background:url(./image/sub_active_grey.jpg) repeat-x 0 0;}
#content .snb .category .red a {background:url(./image/sub_active_red.jpg) repeat-x 0 0;}

#content .s_category ul li ul { text-align:center; border-bottom:1px #ccc solid; }
#content .s_category ul li ul li.m3 { position:relative; display:inline-block;border-bottom:none}
#content .s_category ul li ul li.m3 a {font-weight:normal;color:#454545;display:block; height:70px; line-height:70px; padding:0 16px;}
#content .s_category ul li ul li.m3:before{content:''; position:absolute; top:28px; right:0; border-right:1px #ccc solid; width:1px; height:15px;}
#content .s_category ul li ul li.m3:last-child:before{ display:none;}
#content .s_category ul li ul li.m3 a:hover {text-decoration:none;color:#1e405d;}

#content .snb .category ul li ul li.selected3 a {color:#1e405d;font-weight:bold;background:url(./image/snb_m3_ico_open.gif) no-repeat 15px 7px;}
#content .snb .category .spaceLi {height:7px;}
#content .snb .category .new {font:normal 10px arial;color:#ff0000;}
#content .snb .category .num {font:normal 11px arial;color:#999;}

#youtube {display: none; height: 300px;}

@media screen and (max-width: 1920px) {
	#content .subContent{font-size:16px; letter-spacing:-1px; padding:100px 0;}
	#content .subContent h3.subTitleSubject{ margin-bottom:100px;}
	
	#content .snb .category{ margin-top:15px;}
	#content .snb .category .m2 a{height:55px; line-height:55px; padding:0 55px;}
	#content .snb .category .selected2 a{ height:55px; line-height:55px;}
	#content .snb .category .m2::before{}	 
}

@media screen and (max-width: 1600px) {
	#content .subContent {padding:80px 0;}
}

@media screen and (max-width: 1400px) {
	#content .subContent {padding:70px 0;}
}

@media screen and (max-width: 1200px) {
	#content .subContent h3.subTitleSubject{ margin-bottom:50px;}
}

@media screen and (max-width: 700px) {	
	.category {display:none;}
	#content .subContent {padding:50px 0;}
	#content .subContent{ padding-top:50px;font-size:16px; letter-spacing:-1px;}
}

@media screen and (max-width: 500px) {	

#youtube {display: block;}
}

/*하단정보영역*/
#footerWrap{ position:relative; /*margin-top:100px;*/ background-image: url(./image/main/footerbg.png);background-size: contain; background-repeat: no-repeat;}
#footerInfoWrap .newPhoto {position:absolute;left:0;width:210px}
#footerInfoWrap .newPhoto .tt {padding:0 0 8px 0;font-weight:bold;color:#666;}
#footerInfoWrap .newPhoto .pic {float:left;margin:0 0 8px 5px;padding:3px;background:#fff}
#footerInfoWrap .newPhoto .pic:hover{background:#ff6000}
#footerInfoWrap .newPhoto .pic img {width:54px;height:45px;}
#footerInfoWrap .newPhoto .nomargin {margin:0 0 7px 0;clear:both;}

#footerInfoWrap .newPost {position:absolute;left:250px;width:210px}
#footerInfoWrap .newPost .tt {padding:0 0 8px 0;font-weight:bold;color:#666;}
#footerInfoWrap .newPost ul {padding:0;margin:0;}
#footerInfoWrap .newPost li {list-style-type:none;margin-bottom:5px;}
#footerInfoWrap .newPost li a {font-family:dotum;font-size:11px;color:#ccc;letter-spacing:-1px;line-height:135%;background:url(./image/ico_dot.gif) no-repeat 15px 4px;padding-left:23px;display:block}
#footerInfoWrap .newPost li a:hover {text-decoration:none;color:#ff6000;background-position:15px -41px}
#footerInfoWrap .newPost li .comment {font:normal 11px arial;color:#FC6138;}
#footerInfoWrap .newPost li .trackback {font:normal 11px arial;color:#02ACD6;}
#footerInfoWrap .newPost li .new {font-family:arial;font-size:10px;color:#ff0000;}
#footerInfoWrap .newPost .none {padding:0 0 0 15px;font-size:11px;color:#ddd;letter-spacing:-1px;}

#footerInfoWrap .newComment {position:absolute;left:250px;width:210px}
#footerInfoWrap .newComment .tt {padding:0 0 8px 0;font-weight:bold;color:#666;}
#footerInfoWrap .newComment ul {padding:0;margin:0;}
#footerInfoWrap .newComment li {list-style-type:none;margin-bottom:5px;}
#footerInfoWrap .newComment li a {font-family:dotum;font-size:11px;color:#ccc;letter-spacing:-1px;line-height:135%;background:url(./image/ico_dot.gif) no-repeat 15px 4px;padding-left:23px;display:block}
#footerInfoWrap .newComment li a:hover {text-decoration:none;color:#ff6000;background-position:15px -41px}
#footerInfoWrap .newComment li .comment {font:normal 11px arial;color:#FC6138;}
#footerInfoWrap .newComment li .trackback {font:normal 11px arial;color:#02ACD6;}
#footerInfoWrap .newComment li .new {font-family:arial;font-size:10px;color:#ff0000;}
#footerInfoWrap .newComment .none {padding:0 0 0 15px;font-size:11px;color:#ddd;letter-spacing:-1px;}

#footerInfoWrap .newNotice {position:absolute;left:250px;width:210px}
#footerInfoWrap .newNotice .tt {padding:0 0 8px 0;font-weight:bold;color:#666;}
#footerInfoWrap .newNotice ul {padding:0;margin:0;}
#footerInfoWrap .newNotice li {list-style-type:none;margin-bottom:5px;}
#footerInfoWrap .newNotice li a {font-family:dotum;font-size:11px;color:#ccc;letter-spacing:-1px;line-height:135%;background:url(./image/ico_dot.gif) no-repeat 15px 4px;padding-left:23px;display:block}
#footerInfoWrap .newNotice li a:hover {text-decoration:none;color:#ff6000;background-position:15px -41px}
#footerInfoWrap .newNotice li .comment {font:normal 11px arial;color:#FC6138;}
#footerInfoWrap .newNotice li .trackback {font:normal 11px arial;color:#02ACD6;}
#footerInfoWrap .newNotice li .new {font-family:arial;font-size:10px;color:#ff0000;}
#footerInfoWrap .newNotice .none {padding:0 0 0 15px;font-size:11px;color:#ddd;letter-spacing:-1px;}

#footerInfoWrap .postCalendar,#footerInfoWrap .bottomRss,#footerInfoWrap .bottomCounter {
	-webkit-border-radius: 8px;	-moz-border-radius:8px;	border-radius: 8px;
	-moz-box-shadow:1px 1px 6px rgba(0,0,0,0.5);-webkit-box-shadow:1px 1px 6px rgba(0,0,0,0.5);box-shadow:1px 1px 6px rgba(0,0,0,0.5);behavior: url(./_ie/PIE.htc);
}

#footerInfoWrap .postCalendar {position:absolute;width:184px;left:810px;background:#fff;border:2px #c0c0c0 solid;top:20px;}
#footerInfoWrap .postCalendar .tt {padding:5px 0 5px 0;text-align:center;font-weight:bold;font-family:verdana;color:#666;}
#footerInfoWrap .postCalendar .tt img {position:relative;top:-1px;}
#footerInfoWrap .postCalendar .sunday {color:#2B97D7;}
#footerInfoWrap .postCalendar .week {height:20px;}
#footerInfoWrap .postCalendar .week td {color:#333;background:#f9f9f9;}
#footerInfoWrap .postCalendar table {width:100%;}
#footerInfoWrap .postCalendar td {text-align:center;color:#666;font-family:dotum;font-size:11px;}

#footerInfoWrap .bottomRss {position:absolute;left:810px;width:174px;height:18px;padding:5px;background:#fff url(./image/rss.gif) no-repeat 5px 6px;border:2px #c0c0c0 solid;text-align:right;line-height:18px;}
#footerInfoWrap .bottomRss {font-family:tahoma;font-size:11px;}
#footerInfoWrap .bottomCounter {position:absolute;left:810px;background:#fff url(./image/ico_count.gif) no-repeat 8px 1px;width:114px;padding:5px 5px 5px 65px;border:2px #c0c0c0 solid;font-family:tahoma;font-size:11px;color:#777}
#footerInfoWrap .customerCont {position:absolute;width:200px;height:200px;font-family:dotum;font-size:11px;color:#ddd;letter-spacing:-1px;}
#footerInfoWrap .customerCont a {color:#fff;}
#footerInfoWrap .customerCont a:hover {color:#ff6000;}


/*하단*/
#footer { position:relative; max-width:1100px; width:94%; margin:0 auto; padding:160px 0 140px 0; text-align:left;}
#footerbg {margin:0;padding:0 0 20px 0;position:absolute;left:0;display:block;width:100%;z-index:1; display: none;}

#footer .footerCont {margin:0 auto;display:block;position:relative; text-align:center; padding-top:50px;}
#footer .footerCont div.footerMenu { position:absolute; right:0; top:0;text-align:center;margin-bottom:10px;padding:7px 20px;}
#footer .footerCont div.footerMenu a {font-size:12px;color:#999;letter-spacing:-1px;}
#footer .footerCont div.footerMenu a:hover {color:#ff6000}
#footer .footerCont div.footerMenu .split {font-family:dotum;font-size:9px;color:#c0c0c0;}

#footer .footerCont div.footerSiteInfo {font-size:1rem; line-height:1.6rem;color:#fdcf9c; line-height:150%; font-weight:400;}
#footer .footerCont div.footerSiteInfo span{  color:rgba(255,255,255,0.7);}
#footer .footerCont div.footerSiteInfo br{ display:none;}

#footer .footerCont address {font-size:12px;font-style:normal;margin-top:5px; color:rgba(255,255,255,0.3); letter-spacing:0;}
#footer .footerCont address a{color:#fdcf9c;}
#footer .footerCont .footerLogo { position:absolute; left:50%; top:0; transform:translate(-50%, 0); font-size:24px; color:#fff; font-weight:600;}
#footer .footerCont .footerLogo a { color:#fff;}
#footer .footerCont .footerLogo img {display:none}
#footer .footerCont .qrimage {position:absolute;right:0;top:0}
#footer .footerCont .logotxt{ font-weight:500; color:#333; font-size:19px;}
#footer .footerCont .telArea{ position:absolute; right:0; top:0; color:#fff;}
#footer .footerCont .telArea dl{}
#footer .footerCont .telArea dl dt{ position:absolute; left:0; top:5px;}
#footer .footerCont .telArea dl dd{ margin-left:70px;color:rgba(255,255,255,0.4);}
#footer .footerCont .telArea dl dd p{color:rgba(255,255,255,1); font-weight:600; margin-bottom:7px;}
#footer .footerCont div.footerSiteInfo .footerprivate{background-color:rgba(255, 255, 255, 0.8);; display: inline-block; padding: 5px 20px; border-radius: 30px; font-size: 18px; font-weight: 500; margin-left: 20px; color:#f58302;}

.footinfo{ background:#f1f1f1; padding:25px 0; text-align:center; border-top:1px solid #fff;}
.footinfo img{ margin:5px 8px; height:30px;}

@media screen and (max-width: 1920px) {		
	#footerWrap{/*margin-top:100px;*/}	
	#footer .footerCont .footerLogo{ }
	#footer .footerCont{ width:100%;padding-top: 40px;}	
	#footer {padding: 120px 0 110px 0;}
}
@media screen and (max-width: 1600px) {		

    #footer {  padding: 95px 0 100px 0; }
	
}
@media screen and (max-width: 1400px) {		

    #footer {  padding: 95px 0 82px 0; }
	
}
@media screen and (max-width: 1200px) {
	#footerWrap{/*margin-top:90px;*/}
	#footer .footerCont div.footerSiteInfo{ font-size:15px;}
	#footer {  padding: 65px 0 82px 0; }
    #footer .footerCont {  padding-top: 33px; }

}

@media screen and (max-width: 940px) {
	#footer .footerCont .footerLogo {width:100%;}
	#footer .footerCont .footerLogo img {width:80px;}
	#footerWrap{margin-top:50px !important; background-image: none;}	
	#footer {background: #ff8e0f; padding: 30px 0 100px 0; width: 100%; z-index: -2;}
}

@media screen and (max-width: 700px) {

	#footer { padding: 30px 0;}  
	#footer .footerCont .footerLogo {font-size: 20px;}
	#footer .footerCont div.footerSiteInfo .footerprivate {font-size: 15px;}
}




/* 배너 */
.bannerWrap {position:absolute; bottom:0; left:0; width:100%; height:80px; padding:20px 0; background:#f1f1f1; border-top:1px solid #fff;}
.bannerWrap .banner_box {position:relative; max-width:1200px; width:100%; margin:0 auto; height:50px; padding:10px 0; box-sizing:border-box; overflow:hidden;}
.bannerWrap .banner_box .banner_area {width:calc(100% - 80px); margin:0 40px; box-sizing:border-box; overflow:hidden;}
.bannerWrap .banner_box .banner_area ul {*zoom:1; width:100%; text-align:center; font-size:0;}
.bannerWrap .banner_box .banner_area ul:after {content:""; display:block; clear:both;}
.bannerWrap .banner_box .banner_area ul li {display:inline-block; vertical-align:middle; padding:0 15px 20px; list-style-type:none;}
.bannerWrap .banner_box .banner_area ul li img {height:30px;}

.bannerWrap .ctrl_box {position:absolute; top:4px; left:0; width:100%;}
.bannerWrap .ctrl_box a {position:absolute; top:10px; width:23px; height:21px; display:block;}
.bannerWrap .ctrl_box a.back {left:10px;}
.bannerWrap .ctrl_box a.next {right:10px;}
.bannerWrap .ctrl_box a.play {background:none; width:auto; height:auto; top:0; left:-30px; font-size:13px; color:#fff; background:#333; border-radius:15px; text-decoration:none; padding:5px 10px;}
.bannerWrap .ctrl_box a.stop {background:none; width:auto; height:auto; top:31px; left:-30px; font-size:13px; color:#fff; background:#333; border-radius:15px; text-decoration:none; padding:5px 10px;}

@media screen and (max-width: 940px) {
	.bannerWrap .banner_box .banner_area ul li {padding:0 7px;}
}

@media screen and (max-width:700px) {
	.bannerWrap {position:relative; width:100%; padding:13px 0 7px;}
	.bannerWrap .banner_box {height:40px;}
	.bannerWrap .banner_box .banner_area ul li img {height:25px;}
	.bannerWrap .ctrl_box {top:1px;}
}




/* 팝업 */
@media screen and (max-width:960px) {
	#_hidden_layer_ {position:absolute; width:96%; top:100px !important; padding:0 2%;}
	#_hidden_layer_ > div {position:relative !important; left:auto !important; top:0 !important; width:calc(100% / 2) !important; height:auto !important; float:left;}
	#_hidden_layer_ .popupbody {height:auto !important;}
	#_hidden_layer_ .popupbody img {width:100%;}
}

@media screen and (max-width:480px) {
	#_hidden_layer_ {width:84%; top:100px !important; padding:0 8%;}
	#_hidden_layer_ > div {width:100% !important;}
}



/**모바일버전 팝업**/
#layerPopup01 {}

@media screen and (max-width:480px) {
#_hidden_layer_{display: none;}
#layerPopup01 { display: block ! important; position:absolute; width:84%; top:50px !important; padding:0 8%; z-index: 99999;}
#layerPopup01 > div {position:relative !important; left:auto !important; top:0 !important; width:100% !important; height:auto !important; float:left;}
#layerPopup01 .popupbody {height:auto !important;}
#layerPopup01 > div img {width:100%;}
#layerPopup01 .today-x-btn{ background: #1d1d1d; color: #fff; display: block;  text-align: right; padding-right: 3%;}
}


#topScroll {position:absolute; bottom:0; width:188px; left:50%; margin-left:-94px;z-index:100;}

/*etc*/
.templatePreview {position:fixed;top:0;left:0;z-index:1000;background:#ff6000;padding:15px;border:3px #000 solid;color:#fff;text-align:center}
.usersavePreview {position:fixed;top:0;left:0;z-index:1000;background:#00ccff;padding:15px;border:3px #000 solid;color:#fff;text-align:center}

/*탭메뉴01*/
.tab01 {background: url("./image/bg_tab.gif") no-repeat scroll 0 top transparent;overflow: hidden;position: relative;}
.tab01 ul {margin:0;padding:0;overflow: hidden;padding-left: 1px;width: 100%;}
.tab01 li {background: url("./image/bg_tab.gif") no-repeat scroll -1px top transparent;float: left;margin-left: -1px;padding-left: 5px;}
.tab01 li a {background: url("./image/bg_tab.gif") no-repeat scroll right top transparent;display: inline-block;height: 32px;letter-spacing: -1px;line-height: 32px;padding:0 20px 0 16px;text-decoration: none;vertical-align: top;text-align:Center}
.tab01 li a:hover, .tab01 li a:active {text-decoration: none;}
.tab01 li.selected {background-position: 0 -58px;margin-right: 1px;position: static;z-index: 10;}
.tab01 li.selected a {background-position: right -58px;color: #ff6000;font-weight: bold;}

div.depth5 {list-style:none;height:33px;border-bottom:1px #bbb solid;margin-top:5px;}
div.depth5 a{display:inline-block;padding:8px 15px 5px 15px;letter-spacing:-0.5px;margin-right:10px;background:url('./image/common/bul_arrow1.gif') no-repeat 0 10px;font-weight:bold;}
div.depth5 a.selected5 {background:#ff6000;font-weight:bold;color:#fff;-webkit-border-radius: 3px; -moz-border-radius: 3px;}

/*3차 메뉴*/
.depth3 { text-align:center; margin-bottom:40px;}
.depth3 li{ display:inline-block; border:1px #ccc solid; padding:10px 30px;}
.depth3 .selected3{ background:#eee;}

#pctomobile {visibility:hidden}
#pctomobile_blueb {position:absolute;bottom:-70px;z-index:10000;display:block;width:100%;border:1px #000 solid;background:#e0e0e0;height:70px;text-align:center;font-family:dotum;font-size:24px;color:#fff;line-height:70px;}


#pages_join, #pages_login, #mypage_main, #pages_top, #pages_all, .iframe,  #guidebox{ width:1200px; margin:0 auto; padding-top:150px;}
#pages_login{ padding:200px 0 100px 0;}
 #i_div0_0, #catinfo{ font-size:13px;}

 

.mainContents {font-size:19px; letter-spacing:-1px;}
.inner {position:relative; width:1600px; margin:0 auto;}

.area_subVisual {position:relative; z-index:1; height:640px; text-align:center; color:#fff; word-break:keep-all; display:flex; flex-wrap:wrap;justify-content:center; align-content:space-around;}
.area_subVisual .subTitleBox {position:relative; text-align:center; margin:180px auto 0;}
.area_subVisual .subTitleBox h2 {font-weight:500; line-height:1.2;}
.area_subVisual .subTitleBox h3 {font-weight:700; line-height:1.2;}
.area_subVisual p {font-weight:300; line-height:1.4;}

@media screen and (max-width: 1920px) {
	.mainContents {font-size:16px; letter-spacing:-1px;}	
	.inner {max-width:1400px; width:94%;}
}

@media screen and (max-width: 1400px) {	
	.area_subVisual {height:550px;}
	.area_subVisual .subTitleBox {margin:170px auto 0;}
}

@media screen and (max-width: 1200px) {	
	.area_subVisual {height:520px;}
	.area_subVisual .subTitleBox {margin:150px auto 0;}
}

@media screen and (max-width: 940px) {
	.area_subVisual {height:360px;}
	.area_subVisual .subTitleBox {margin:100px auto 0;}
	.area_subVisual p {margin-top:10px;}
}

@media screen and (max-width: 700px) {
	.area_subVisual {height:340px;}	
	.area_subVisual .subTitleBox {margin:90px auto 0;}
}

@media screen and (max-width:480px) {
	.mainContents {font-size:15px; letter-spacing:-1px;}		
	.area_subVisual {height:320px;}
	.area_subVisual .subTitleBox {margin:80px auto 0;}
	.area_subVisual p br {display:none;}
}





/* ******************  메인 비주얼 ********************** */
.mainVisual {width:100%; position: relative;}
.mainVisual::before{position:absolute; content:''; z-index:2; bottom:-2px; right:0; width:100%; height:60px; background:url('./image/main/wave.png') no-repeat center center / 100% auto; transition:all 0.4s ease-out;}
.visual_tx {position:absolute; z-index:2; padding:280px; max-width:1400px; width:100%; margin:0 auto; letter-spacing:-1px; color:#fff; font-family:'Spoqa Han Sans Neo';}
.visual_tx .main_logo {width: 735px; height: 350px; background: url('image/main/main_logo.png') no-repeat center /cover; }
.visual_tx .bTxt {line-height:1.2; font-weight:300; color:#f8702b; font-family:'TheJamsil';}
.visual_tx .bTxt span {font-weight:700;}
.visual_tx .sTxt {line-height:1.2; font-size: 27px; font-weight:400; color:#fff; transform: translate(30px,-40px);}
.visual_tx .fs40 {transform: translate(30px,-40px); text-shadow: 0 0 10px #333;}
.visual_tx .txt span {font-weight:800;}
.visual_area .list {position:relative; overflow:hidden; width:100%; height:100%;}
.visual_area .list .cont {position:relative; float:left; width:100%; height:100%; z-index:-1 !important;}
 
.visual_area {position:relative; z-index:1; width:100%; height:1150px; transition:all 0.4s ease-out;}
/*.visual_area:after {position:absolute; content:''; z-index:1; bottom:0; right:0; transform:translate(0,-50%); width:100%; height:60px; background:url('./image/main/wave.png') no-repeat center center / 100% auto; transition:all 0.4s ease-out;}*/
.visual_area .list .cont.slick-active a {display:inline-block;}
.visual_area .list .cont .img {position:relative; width:100%; height:1150px; overflow:hidden;}
.visual_area .list .cont .img span {z-index:-1; position:absolute; top:0; left:0; display:block; width:100%; height:100%; transform:scale(1.1); transition:4s .1s;}
.visual_area .list .cont[class*=slick-active].on .img span {transform:scale(1); transform:rotate(.001deg);}
.visual_area .list .cont .img .v1 {background:url('./image/main/mainvisual_01.jpg') no-repeat center center / cover;}
.visual_area .list .cont .img .v2 {background:url('./image/main/mainvisual_04.jpg') no-repeat center center / cover;}
.visual_area .list .cont .img .v3 {background:url('./image/main/mainvisual_05.jpg') no-repeat center center / cover;}

.visual_area .ico_arrow {z-index:5000; position:absolute; width:100%; text-align:center; font-size:14px; color:#fafafa; /* transform:rotate(90deg) translate(-50%, -2px); */ animation:ico_arrow 1.2s linear infinite 0s;}

.visual_area .ctrlbox {z-index:2; position:absolute; bottom: 0; right: 0;  width:260px; height:190px; text-align:center; transition:all 0.4s ease-out;}
.visual_area .ctrlbox:after {position:absolute; content:""; z-index:1; width:100%; height:100%; top:0; left:0; /*background-color:rgba(0,0,0,0.3); border-radius:25px;*/}
.visual_area .ctrlbox button {position:relative; z-index:2; width:30px; height:100%; cursor:pointer; vertical-align:middle; background:transparent; border:none;}
.visual_area .ctrlbox button.next,
.visual_area .ctrlbox button.pre {position:relative; z-index:2; margin:0;}
.visual_area .ctrlbox button.next:before,
.visual_area .ctrlbox button.pre:before {display:block; position:absolute; content:""; width:18px; height:2px; background:#fff; left:50%; top:50%; transition:all 0.4s ease-out;}
.visual_area .ctrlbox button.next:before {transform: translate(-75%,-50%);}
.visual_area .ctrlbox button.pre:before {transform:translate(-25%,-50%);}
.visual_area .ctrlbox button.next:after,
.visual_area .ctrlbox button.pre:after {display:block; position:absolute; content:""; width:8px; height:8px; border-right:2px solid #fff; border-bottom:2px solid #fff; left:50%; top:50%; transition:all 0.4s ease-out;}
.visual_area .ctrlbox button.next:after {transform:rotate(-45deg) translate(-50%,-50%); margin:-5px 0 0;}
.visual_area .ctrlbox button.pre:after {transform:rotate(135deg) translate(-50%,-50%); margin:-5px 0 0 -10px;}

.visual_area .ctrlbox button.pause:before {position:absolute; content:""; width:2px; height:12px; background:#fff; left:50%; top:50%; margin-left:-3px; margin-top:-6px;}
.visual_area .ctrlbox button.pause:after {position:absolute; content:""; width:2px; height:12px; background:#fff; left:50%; top:50%; margin-left:3px; margin-top:-6px;}
.visual_area .ctrlbox button.play {background:url(./image/main/v_play_btn_w.png) no-repeat  50% 50%;}

.visual_area .list_num {position:relative; z-index:2; top:0; width:40px; display:inline-block; padding:0 10px 0 0; font-size:15px; color:#fff; font-weight:500; font-family:'Gmarket Sans';}
.visual_area .list_num span {padding:0 5px;}
.visual_area .blind {position:absolute; top:-1000px; left:-10000px; overflow:hidden; font-size:0; text-indent:-9999px; line-height:0;}

.quickIcon {position:absolute; z-index: 50; bottom: 0; width: 100%; padding:57px 3%; font-size:0; }
/*.quickIcon:before {position:absolute; content:''; bottom:-75px; left:5%; width:150px; height:150px; background:url(./image/main/flower01.png) no-repeat center / cover;}*/
.quickIcon ul {max-width:1065px; margin:0 auto; font-size:0; text-align:center; display: flex; justify-content: space-between;}
.quickIcon ul li {width: 200px; height: 70px; border-radius: 50px; background: #fff; transition: all .2s; cursor: pointer; position: relative; line-height: 70px;}
.quickIcon ul li:hover {background: #ffbb00; box-shadow: 0 0 5px #7a7a7a; outline: 4px solid #fff;}
.quickIcon ul li:hover a {color: #fff;}
.quickIcon ul li a {position:relative; transition:all 0.2s;}
/*.quickIcon ul li a:before {position:absolute; content:''; top:0; left:50%; transform:translate(-50%,0);width:175px; height:70px; border-radius:50px;}*/
.quickIcon ul li p {position: relative; font-size: 22px; font-weight: 500;  color: inherit; margin-left: 40px;}
.quickIcon ul li:nth-child(1) p::before {display: block; content: ''; position: absolute; left: -17px; top: 10px; width: 50px; height: 50px; background: url(./image/main/icon_01.png) no-repeat center /cover; transition: all .2s;}
.quickIcon ul li:nth-child(2) p::before {display: block; content: ''; position: absolute; left: -20px; top: 10px; width: 50px; height: 50px; background: url(./image/main/icon_02.png) no-repeat center /cover; transition: all .2s;}
.quickIcon ul li:nth-child(3) p::before {display: block; content: ''; position: absolute; left: -13px; top: 10px; width: 50px; height: 50px; background: url(./image/main/icon_03.png) no-repeat center /cover; transition: all .2s;}
.quickIcon ul li:nth-child(4) p::before {display: block; content: ''; position: absolute; left: -22px; top: 10px; width: 50px; height: 50px; background: url(./image/main/icon_04.png) no-repeat center /cover; transition: all .2s;}
.quickIcon ul li:nth-child(5) p::before {display: block; content: ''; position: absolute; left: -25px; top: 10px; width: 50px; height: 50px; background: url(./image/main/icon_05.png) no-repeat center /cover; transition: all .2s;}
/*.quickIcon ul li a:hover {transform:translate(0,-10px);}*/

.quickIcon ul li:nth-child(1):hover p::before {display: block; content: ''; position: absolute; left: -17px; top: 10px; width: 50px; height: 50px; background: url(./image/main/icon_01_o.png) no-repeat center /cover;}
.quickIcon ul li:nth-child(2):hover p::before {display: block; content: ''; position: absolute; left: -20px; top: 10px; width: 50px; height: 50px; background: url(./image/main/icon_02_o.png) no-repeat center /cover;}
.quickIcon ul li:nth-child(3):hover p::before {display: block; content: ''; position: absolute; left: -13px; top: 10px; width: 50px; height: 50px; background: url(./image/main/icon_03_o.png) no-repeat center /cover;}
.quickIcon ul li:nth-child(4):hover p::before {display: block; content: ''; position: absolute; left: -22px; top: 10px; width: 50px; height: 50px; background: url(./image/main/icon_04_o.png) no-repeat center /cover;}
.quickIcon ul li:nth-child(5):hover p::before {display: block; content: ''; position: absolute; left: -25px; top: 10px; width: 50px; height: 50px; background: url(./image/main/icon_05_o.png) no-repeat center /cover;}






@keyframes ico_arrow {
	0% {bottom:55px;}
	50% {bottom:50px;}
	100% {bottom:55px;}
}

@media screen and (max-width:1920px) {
    .visual_tx {padding: 153px;}
    .visual_tx .main_logo {width: 637px; height: 306px;}
    .visual_area {height: 800px;}
    .quickIcon {padding: 90px 0;}
    .visual_area .ctrlbox {bottom: 30px;}
    .visual_area .list .cont .img {height: 942px;}
	.mainVisual::before{height: 45px;}


}
@media screen and (max-width:1800px) {
	.visual_area {padding-left:0; width:100%; height: 900px;}
    .visual_area .list .cont .img {height: 900px;}

}
@media screen and (max-width:1660px) {
	.visual_area {padding-left:0; width:100%;}
	.visual_area:before {width:60%;}
	.visual_area .ctrlbox {transform:rotate(0) translate(0,0); bottom:0; width: 100%;  height:70px;}
	
	.quickIcon:before {bottom:-70px; left:3%; width:140px; height:140px;}
	.mainVisual::before{height: 39px;}
}

@media screen and (max-width:1400px) {
	.mainVisual {margin-top:100px;}
	.visual_tx {padding:12%;}
	
	.visual_area, .visual_area .list .cont .img{height: 850px;}
	.mainVisual::before { height: 34px; }
	
}

@media screen and (max-width:1200px) {
	.mainVisual {margin-top:90px;}
    .visual_tx {padding:90px 0 30px; width: 100%;}
    .visual_tx .main_logo {width: 500px; height: 200px; margin: 0 auto;}
    .visual_tx .sTxt, .visual_tx .fs40 {transform: none; text-align: center;}
    .visual_tx .sTxt {font-size: 24px;}
    .visual_area .ctrlbox {left: 0; margin: 0 auto;}
	.visual_area,
	.visual_area .list .cont .img {height:500px;}
	.visual_area:before {width:80%;}
	.quickIcon:before {bottom:-60px; left:2%; width:110px; height:110px;}
	
	.mainVisual::before { height: 27px; }
}

@media screen and (max-width:940px) {
	.visual_tx {text-align:center; padding: 70px 0 30px;}
	.visual_area,
	.visual_area .list .cont .img {height:450px;}
	.visual_area:before {width:98%;}
	.visual_area .ctrlbox {width:240px;}
	
	.quickIcon:before {bottom:-50px; left:2%; width:90px; height:90px;}
	
	.mainVisual::before { height: 24px;}
}

@media screen and (max-width:800px) {
    .visual_tx {width: 100%}
    .visual_tx .main_logo {width: 370px; height: 172px;}
    
}

@media screen and (max-width:700px) {
	.mainVisual {margin-top:80px;}
	.visual_tx {padding:30px 0 20px;}
	.visual_area,
	.visual_area .list .cont .img {height:400px;}
	.visual_area .ctrlbox {width:220px; height:60px;}
    .visual_tx .sTxt {font-size: 18px;}
	.quickIcon {padding:50px 5% 40px;}
	.quickIcon:before {bottom:-35px; left:1%; width:70px; height:70px;}
	
	.mainVisual::before{display: none;}
	
}



@media screen and (max-width:480px) {
	.mainVisual {margin-top:70px;}
	.visual_tx {padding:20px 0 10px;}
	.visual_area .ctrlbox {width:200px; height:50px;}
	.visual_area .list_num {font-size:13px;}

	.quickIcon {padding:40px 5% 30px;}
	.quickIcon:before {bottom:-40px; left:2%; width:80px; height:80px;}
	.quickIcon ul li {display:inline-block; vertical-align:top; width:33.3%; margin-bottom:20px;}
	.quickIcon ul li a {padding-top:100px;}
	.quickIcon ul li a:before {width:90px; height:90px;}
}


/*main공통*/
.orange {color:#ff8e0f;}
.sectxt .txt_title {margin: 10px 0;}
.sectxt .txt_title .sm_title {font-size: 22px; font-weight: 700;}
.sectxt .txt_title h1{ font-size: 60px; font-weight: 400; margin: 12px 0 26px 0;  line-height: 1.15em; letter-spacing: -0.15rem;}
.sectxt .txt_title p{font-size: 24px; margin-top: 15px; color: #555;}
.sectxt .txt_titleB{display: flex; align-items: flex-end; justify-content: space-between;}
.sectxt .txt_titleB a p{color: #fff; background-color: #f58302; display: inline-block; padding: 12px 50px; border-radius: 30px; margin-right: 50px; font-size: 19px; font-weight: 500;}


@keyframes bounce {
	0% {
		transform: translate3d(0px, 0, 0px);
	}
	50% {
		transform: translate3d(0px, -15px, -15px);
	}
	100% {
		transform: translate3d(0px, 0, 0px);
	}
}



@media (max-width: 768px) {
    .cscroll_768 {
        -webkit-overflow-scrolling: touch;
        overflow-x: scroll;
        overflow-y: auto;
        width: 100%;
        margin-bottom: 10px;
    }
}



/*sec01*/
#sec_01{margin:150px 0 250px 0; position: relative}
#sec_01:before {position: absolute; content: ''; top: 215px; left: 0; width: 580px; height: 405px;  background: url(./image/main/deco.png) no-repeat center / cover; z-index: -5; animation: bounce 3s infinite; opacity: 0.8;}
#sec_01:after {position: absolute; content: ''; top: 215px; right: 20px; width: 630px;height: 414px; background: url(./image/main/deco2.png) no-repeat center / cover; z-index: -5; animation: bounce 3s infinite; opacity: 0.9;}
#sec_01 .sec01_2 {display: flex;}
#sec_01 .sec01_2 .s01_2_left{flex-basis: 65%;  flex-shrink: 0; position: relative;    padding: 200px 0 80px 80px;}
#sec_01 .sec01_2 .s01_2_left:before{position:absolute; content:''; z-index:-2; bottom:-1px; right:0; width:100%; height:100%; background:url('./image/main/sec01_1.jpg') no-repeat center center / 100% auto; transition:all 0.4s ease-out; border-radius: 30px; background-size: cover;}
#sec_01 .sec01_2 .s01_2_left a p{color: #f58302; background-color:rgba(255,255,255,0.8); display: inline-block; padding: 8px 46px; border-radius: 30px; margin: 100px 0 30px 0; font-size: 19px; font-weight: 500;}
#sec_01 .sec01_2 .s01_2_left p{ color: #fff; font-size: 22px; line-height: 28px;}
#sec_01 .sec01_2 .s01_2_right{flex-grow: 1;position: relative;}
#sec_01 .sec01_2 .s01_2_right ul { align-content: center;}
#sec_01 .sec01_2 .s01_2_right ul li{  background-image:url(./image/main/sec01_gray.png);  border-radius: 30px;padding: 0 50px; box-sizing: border-box; height: calc((100vh / 3) - 230px);display: flex; align-items: center;  background-repeat: no-repeat; background-size: 99% auto; position: relative; margin-left: 10px;    background-position: center;}
#sec_01 .sec01_2 .s01_2_right ul li:hover{  background-image:url(./image/main/sec01_orange.png);    background-position: center;} 
#sec_01 .sec01_2 .s01_2_right ul li:hover a{font-weight: 500; color: #fff;}
#sec_01 .sec01_2 .s01_2_right ul li a {margin-left: 44px; font-size: 23px; color: #666; display: flex; align-items: center; width: 100%; justify-content: space-between; transition: all .2.3s ease-in-out; font-weight: 400;}

#sec_01 .sec01_2 .s01_2_right ul li a .sec01icon1 { background-image:url(./image/icon/sec01_icon1_g.png); background-size: 100% auto;width: 60px;height: 60px; background-repeat: no-repeat;}
#sec_01 .sec01_2 .s01_2_right ul li a .sec01icon2{ background-image:url(./image/icon/sec01_icon2_g.png); background-size: 100% auto;width: 60px;height: 60px;background-repeat: no-repeat;}
#sec_01 .sec01_2 .s01_2_right ul li a .sec01icon3 { background-image:url(./image/icon/sec01_icon3_g.png); background-size: 100% auto;width: 60px;height: 60px;background-repeat: no-repeat;}
#sec_01 .sec01_2 .s01_2_right ul li:hover a .sec01icon1 { background-image:url(./image/icon/sec01_icon1_w.png);}
#sec_01 .sec01_2 .s01_2_right ul li:hover a .sec01icon2{ background-image:url(./image/icon/sec01_icon2_w.png);}
#sec_01 .sec01_2 .s01_2_right ul li:hover a .sec01icon3 { background-image:url(./image/icon/sec01_icon3_w.png);}

.ct_inner {max-width: 1470px; margin: 0 auto;}


/*sec02*/
#sec02 {position:relative; width:100%; transition:all ease .3s; background-color: #fff9f3; display: flex;}
#sec02 .s02_2_left{  background-image:url(./image/main/poster.jpg); border-radius: 0 30px 30px 0; padding: 0 50px; box-sizing: border-box; height: 1000px;display: flex; align-items: center;  background-repeat: no-repeat; background-size:100%; position: relative; width: 28%; background-size: cover;}
#sec02 .s02_2_right{width: 72%; padding: 50px 100px;}

#sec02 .program_contSlider {position:relative; width:100%;}
#sec02 .program_contSlider:before {position:absolute; content:''; top:270px; left:-160px; width:124px; height:101px; background:url('./image/main/music.png') no-repeat center / cover;}
#sec02 .imgSlide {position:relative; display:inline-block; vertical-align:center; width:380px; height:100%; margin:30px 30px 10px 30px; text-align:center; border-radius:20px; overflow:hidden; transition:all ease .3s;}
#sec02 .imgSlide:nth-child(even) {margin-top:80px;}
#sec02 .imgSlide:hover {transform:translate(0,-10px); box-shadow:0 10px 15px 0 rgba(153, 159, 183, 0.5);}
#sec02 .imgSlide > a {position:relative; display:block;}
#sec02 .imgSlide .thumb {height:260px; overflow:hidden;}
/*#sec02 .imgSlide.bg01 .thumb {background:url('./image/main/sec02_img01.jpg') no-repeat center / cover;}*/
#sec02 .imgSlide.bg02 .thumb {background:url('./image/main/sec02_img02.jpg') no-repeat center / cover;}
#sec02 .imgSlide.bg03 .thumb {background:url('./image/main/sec02_img03.jpg') no-repeat center / cover;}
#sec02 .imgSlide.bg04 .thumb {background:url('./image/main/sec02_img04.jpg') no-repeat center / cover;}
#sec02 .imgSlide.bg05 .thumb {background:url('./image/main/sec02_img05.jpg') no-repeat center / cover;}
#sec02 .imgSlide.bg06 .thumb {background:url('./image/main/sec02_img06.jpg') no-repeat center / cover;}
#sec02 .imgSlide.bg07 .thumb {background:url('./image/main/sec02_img07.jpg') no-repeat center / cover;}
#sec02 .imgSlide.bg08 .thumb {background:url('./image/main/sec02_img08.jpg') no-repeat center / cover;}
#sec02 .imgSlide.bg09 .thumb {background:url('./image/main/sec02_img09.jpg') no-repeat center / cover;}
#sec02 .imgSlide.bg10 .thumb {background:url('./image/main/sec02_img10.jpg') no-repeat center / cover;}
#sec02 .imgSlide .thumb img {width:100%;}
/*#sec02 .imgSlide .info {position:relative; display:block; height:270px; background:#fff; padding-top:40px;}*/
#sec02 .imgSlide .info .num {position:absolute; top:-20px; left:50%; margin-left:-90px; width:180px; height:40px; line-height:45px; background:#ff8e0f; color:#fff; border-radius:20px; font-size:15px; font-weight:400; font-family:'Gmarket Sans'; letter-spacing:0;}
#sec02 .imgSlide .info .tit {font-weight:700; color:#222;}
#sec02 .imgSlide .info .stit {font-weight:500; color:#ff8e0f;}
#sec02 .imgSlide .info .txt {font-weight:400; min-height:90px; opacity:0.7; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; text-overflow:ellipsis; white-space:normal; padding:0 15px;}
#sec02 .imgSlide:nth-child(3) {opacity:0.5;}
#sec02 .imgSlide .info .more {position:relative; transition:all 0.4s ease-out; opacity:0.7;}
#sec02 .imgSlide .info .more .arr-more {position:absolute; left:0; top:25px; width:80px; height:30px; display:block; z-index:2; font-size:0;}
#sec02 .imgSlide .info .more .arr-more:after {content:''; width:100%; height:2px; background:#fff; position:absolute; left:0; top:50%; margin-top:-1px; transition:all ease .3s;}
#sec02 .imgSlide .info .more .arr-more:before {content:''; width:2px; height:18px; background:#fff; position:absolute; left:93%; top:0; margin-left:-1px; transition:all ease .3s; transform:rotate(-45deg);}
#sec02 .imgSlide .info:hover .arr-more:after {width:160%;}
#sec02 .imgSlide .info:hover .arr-more:before {left:153%;}

#sec02 .slick-dots {position:absolute; bottom:-80px; left:15px; width:1220px; font-size:0; border-radius:4px; overflow:hidden; transition:all ease .3s;}
#sec02 .slick-dots li {float:left; width:calc(100%/10);}
#sec02 .slick-dots li button {width:100%; height:8px; font-size:0; background:#e0e0e0;}
#sec02 .slick-dots li.slick-active button {background:#ff8e0f; border-radius:4px;}

#sec02 .slick-button-prev{position:absolute; z-index:1; top:50%; left:-15px; width:40px; height:40px; transition:all ease .3s;}
#sec02 .slick-button-next{position:absolute; z-index:1; top:50%; right:0; width:40px; height:40px; transition:all ease .3s;}
#sec02 .ir {position:relative; display:block; width:70px; height:70px; font-size:0; background:#ff8e0f; border-radius:50%;}
#sec02 .ir:before {position:absolute; content:''; top:50%; left:50%; margin:-5px -4px; width:11px; height:11px; border:2px solid #fff; border-width:0 0 2px 2px; transform:rotate(45deg);}
#sec02 .slick-button-next {margin-left:45px;}
#sec02 .slick-button-next a {transform:rotate(180deg);}

.hoverbox {}
.hoverbox img { width: 100%;}
.hoverbox .hovertext { color: #fff; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.7); width: 100%;  padding: 15px; box-sizing: border-box;  opacity: 0; transition: opacity 0.35s ease-in-out; height: 100%;align-content: center; }
.hoverbox:hover .hovertext { opacity: 1;}
.hoverbox .hovertext span { background: #ff8e0f; color: #fff;  border-radius: 20px; font-size: 15px;  font-weight: 400; letter-spacing: 0; padding: 10px 16px; display: inline-block; }
.hoverbox .hovertext h5 {font-size: 32px; font-weight: 700; color: #ff8e0f; margin: 50px 0 20px 0;}
.hoverbox .hovertext p {color: #ddd; font-size: 17px;}



/*sec03*/
#sec03{margin:200px 0; position: relative;}
#sec03:before{position:absolute; content:''; bottom:0; left:0; width:1120px; height:710px; background:url('./image/main/sec03_bg1.png') no-repeat center / cover;}
#sec03:after{position:absolute; content:''; top:-200px; right:0; width:900px; height:878px; background:url('./image/main/sec03_bg2.png') no-repeat center / cover;}
.sec03_1 .s01_2_up{ display: flex;}
.sec03_1 .s01_2_up .sns{margin: 5px; position: relative;}
.sec03_1 .s01_2_up .sns a {}
.sec03_1 .s01_2_up .sns img {border-radius: 20px;}
.sec03_1 .s01_2_up .sns a img:hover {border: 2px solid #ff8e0f;}
.sec03_1 .s01_2_up .youtube:before{position:absolute; content:''; bottom:20px; right:20px; width:50px; height:50px; background:url('./image/icon/youtube.png') no-repeat center / cover;}
.sec03_1 .s01_2_down{display: flex;}
.sec03_1 .s01_2_down .s01_2_down1{width: 50%; position: relative; padding: 50px 0 0 20px;}
.sec03_1 .s01_2_down .s01_2_down1 h1{font-family: "Cafe24Decobox"; font-size: 64px; color:#ff8e0f; margin-bottom: 65px;}
.sec03_1 .s01_2_down .s01_2_down1 h1:before{position:absolute; content:''; top:20px; right:20px; width:115px; height:115px; background:url('./image/icon/arrow.png') no-repeat center / cover;}
.sec03_1 .s01_2_down .s01_2_down1 a{}
.sec03_1 .s01_2_down .s01_2_down1 a p{font-size: 30px; position: relative; padding: 5px 0 10px 65px; font-weight: 500;}
.sec03_1 .s01_2_down .s01_2_down1 a .youtube:after{position:absolute; content:''; top:0px; left:0px; width:50px; height:50px; background:url('./image/icon/youtube.png') no-repeat center / cover;}
.sec03_1 .s01_2_down .s01_2_down1 a .insta:after{position:absolute; content:''; top:0px; left:0px; width:50px; height:50px; background:url('./image/icon/insta.png') no-repeat center / cover;}
.sec03_1 .s01_2_down .s01_2_down2{display: flex;}
.sec03_1 .s01_2_down .s01_2_down2 .sns {margin: 5px; position: relative;}
.sec03_1 .s01_2_down .s01_2_down2 .sns img {border-radius: 20px;}
.sec03_1 .s01_2_down .s01_2_down2 .sns img:hover {border: 2px solid #ff8e0f;}
.sec03_1 .s01_2_down .s01_2_down2 .insta:before{position:absolute; content:''; bottom:20px; right:20px; width:50px; height:50px; background:url('./image/icon/insta.png') no-repeat center / cover;}


/*sec04*/
/*notice bbs css 위치: widgets>bbs>post01>main.php*/
#sec04{margin: 80px 0;}
#sec04 .inner{display: flex;}
#sec04 .inner .sectxt{flex-basis: 40%;  flex-shrink: 0}
#sec04tab{padding-left: 5%; flex-grow: 1;}
#sec04tab .tab_list{ display:flex; margin-bottom: 20px;}
#sec04tab .tab_list li{ list-style-type:none;width:16.66%; background-color:#f9f9f9; text-align:center; box-sizing:border-box; display: flex; align-items: center;  border-radius: 30px; border: 1px solid #f47e03; margin-right: 10px;}
#sec04tab .tab_list li.on{background-color:#f47e03; }
#sec04tab .tab_list li.on a{color:#fff; font-weight:500;}
#sec04tab .tab_list li a{display:inline-block; width:100%; padding:15px 0; font-size:19px; color:#f47e03;}

#sec04tab .tab_list_con .cont{display:none;}
#sec04tab .tab_list_con .cont.on{display:block;}



.privacy-container{ display:none;}


@media all and (max-width:1920px){	
	
	.sectxt .txt_title h1 { font-size: 56px; letter-spacing: -0.3rem;}

	#sec_01 {margin: 120px 0 150px 0;}
	#sec_01:before {  width: 332px;height: 281px;}
	#sec_01:after { right: 0px; width: 500px;height: 324px;}
	#sec_01 .sec01_2 .s01_2_left {padding: 135px 0 80px 80px;}
	#sec_01 .sec01_2 .s01_2_right ul li {height: calc((100vh / 3) - 130px);}

	#sec02 .s02_2_left {height: 800px;}
	#sec02 .imgSlide{margin: 10px;}
	#sec02 .imgSlide:nth-child(even) {margin-top:50px;}
	#sec02 .slick-dots { bottom: -40px;width: 100%;}
	.sectxt .txt_title p {margin-top: 0;}
	.hoverbox .hovertext h5 { font-size: 28px; margin: 20px 0 10px 0;}
	.hoverbox .hovertext p { font-size: 14px;}

	#sec03:before { width: 830px;height: 489px;}
	#sec03:after { width: 687px;height: 677px;}
	.sec03_1 .s01_2_up .sns {width: 25%;}
	.sec03_1 .s01_2_up .sns img {width: 100%;}
	.sec03_1 .s01_2_down .s01_2_down2 .sns {width: 50%;}
	.sec03_1 .s01_2_down .s01_2_down2 .sns img { width: 100%;}	
	.sec03_1 .s01_2_up .sns, .sec03_1 .s01_2_down .s01_2_down2 .sns{margin: 0; padding: 5px;}
	.sec03_1 .s01_2_down .s01_2_down1 h1 {font-size: 58px;}
	.sec03_1 .s01_2_down .s01_2_down1 h1:before { width: 100px; height: 100px;}
	.sec03_1 .s01_2_down .s01_2_down2 {width: 50%;}

	#sec04tab .tab_list li a{padding:12px 0;}
	
}

@media all and (max-width:1800px){	
	#sec_01 .sec01_2 .s01_2_right ul li {height: calc((100vh / 3) - 246px);}

}

@media all and (max-width:1600px){
	
	#sec_01 {margin: 100px 0 150px 0;}
	#sec_01 .sec01_2 .s01_2_right ul li{height: calc((100vh / 3) - 240px);}
	#sec_01:before {width: 150px; height: 224px;}
	#sec_01:after { width: 315px; height: 262px;}

	#sec02 .s02_2_left { height: auto; background-position: center; }
	.sectxt .txt_title p {font-size: 20px;}
	#sec02 .ir { width: 50px;height: 50px;}
	#sec02 .s02_2_right { padding: 50px 40px;}
	#sec02 .program_contSlider:before {top: -220px; left: 850px;}

	#sec03 {margin: 150px 0;}
	#sec03:after { width: 530px; height: 570px; top: -150px; }
	#sec03:before {width: 740px;  height: 410px;}

	#sec04 { padding-bottom: 0px; }
	#sec04 .inner .sectxt {flex-basis: 35%;}
	
}

@media all and (max-width:1400px){	
    #sec_01 .sec01_2 .s01_2_right ul li {height: calc((35vh / 3)); }
	#sec_01:after { width: 426px; height: 280px; top: 21px; right: -50px; }
	
	#sec02 .s02_2_left {display: none;}
	#sec02 .s02_2_right { width: 100%;}
}

@media all and (max-width:1200px){	

	.sectxt .txt_title h1 {font-size: 45px; margin: 10px 0;}
	
	#sec_01 .sec01_2 .s01_2_right ul li a { margin-left: 5px; font-size: 20px;}
	#sec_01 .sec01_2 .s01_2_left { padding: 110px 30px 50px 30px; }
	
	#sec03 { margin: 100px 0;}
	#sec03:after {width: 460px; height: 455px; top: -100px;}
	#sec03:before { width: 550px; height: 310px;}
	.sec03_1 .s01_2_down .s01_2_down1 h1 { font-size: 40px; margin-bottom: 20px;}
	.sec03_1 .s01_2_down .s01_2_down1 a p {font-size: 26px; padding: 5px 0 10px 45px;}
	.sec03_1 .s01_2_down .s01_2_down1 a .youtube:after,
	.sec03_1 .s01_2_down .s01_2_down1 a .insta:after,
	.sec03_1 .s01_2_up .youtube:before,
	.sec03_1 .s01_2_down .s01_2_down2 .insta:before{ width: 40px;height: 40px;}
	
	#sec04 { margin: 35px 0;}
	#sec04 .inner .sectxt {flex-basis: 30%; }
	
}

@media all and (max-width:940px){
	
	#sec_01 { margin: 80px 0;}
	#sec_01 .sec01_2 {display: block;}
	#sec_01 .sec01_2 .s01_2_right ul {display: flex; margin-top: 20px;}
	#sec_01 .sec01_2 .s01_2_right ul li { width: calc(100% / 3); background-image: none; border: 1px solid #ddd; padding: 0 30px;}
	#sec_01 .sec01_2 .s01_2_right ul li:hover { background-image: none; background-color: #f58302;}
	#sec_01 .sec01_2 .s01_2_right ul li:hover a{ }
	#sec_01:before, #sec_01:after{display: none;}

	#sec02 .program_contSlider:before { top: -176px; left: 460px; }
	.hoverbox .hovertext p {display: none;}
	
	#sec03:after { width: 320px; height: 330px;}
	#sec03:before { width: 440px; height: 280px;}
	.sec03_1 .s01_2_down .s01_2_down1 h1:before { width: 60px; height: 60px; }
	.sec03_1 .s01_2_down .s01_2_down1 {padding: 10px 20px;}
	
	#sec04 .inner {display: block;}
	#sec04tab {	padding-left: 0;}
	
}

@media all and (max-width:700px){
	.sectxt .txt_title h1 {font-size: 40px; letter-spacing: -0.1rem;}
	.sectxt .txt_title .sm_title {font-size: 18px;}
	
	#sec_01 .sec01_2 .s01_2_left { padding: 30px; }
	#sec_01 .sec01_2 .s01_2_right ul li a .sec01icon1,
	#sec_01 .sec01_2 .s01_2_right ul li a .sec01icon2,
	#sec_01 .sec01_2 .s01_2_right ul li a .sec01icon3 {width: 40px; height: 50px;}
	#sec_01 .sec01_2 .s01_2_right ul li a { margin-left: 0;font-size: 17px;}
	#sec_01 .sec01_2 .s01_2_right ul li { padding: 0 20px;}
	#sec_01 .sec01_2 .s01_2_left:before, #sec_01 .sec01_2 .s01_2_right ul li { border-radius: 15px;}
	#sec_01 .sec01_2 .s01_2_left p {font-size: 20px;line-height: 24px;}
	#sec_01 .sec01_2 .s01_2_right ul li {  height: calc((25vh / 3)); }
	
	#sec02 .program_contSlider:before {left: 73%;}
	#sec02 .imgSlide:nth-child(even) {margin-top:30px;}
	#sec02 .imgSlide { margin: 5px;}
	#sec02 .ir { width: 35px; height: 35px;}
	#sec02 .ir:before { width: 8px;	height: 8px;}
	#sec02 .slick-button-next {right: -20px;}
	.sectxt .txt_title p{display: none;}
	.sectxt .txt_titleB a p{ margin-right: 0px; font-size: 17px; padding: 12px 40px;}
	.hoverbox .hovertext h5 {font-size: 18px;}
	.hoverbox .hovertext span { font-size: 12px;padding: 5px 11px;}
	
	.sec03_1 .s01_2_down .s01_2_down1 h1 {font-size: 24px; margin-bottom: 5px; }
	.sec03_1 .s01_2_down .s01_2_down1 a p { font-size: 19px;  padding: 0px 0 0px 33px;}
	.sec03_1 .s01_2_down .s01_2_down1 a .youtube:after,
	.sec03_1 .s01_2_down .s01_2_down1 a .insta:after,
	.sec03_1 .s01_2_up .youtube:before,
	.sec03_1 .s01_2_down .s01_2_down2 .insta:before{ width: 25px;height: 25px;}
	.sec03_1 .s01_2_down .s01_2_down1 h1:before {  width: 40px;  height: 40px; }
	
	.privacy-container{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgb(0,0,0,0.5); display:block; z-index:99999}
	.privacy-content{ position:absolute; width:87%; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; cursor:pointer; text-align:right; }
	.privacy-content iframe{ width:100%; height:auto;}
	.privacy-content .close{ background:#333; color:#fff; display:block; padding:7px 15px; }
	
}

@media all and (max-width:500px){
	.sectxt .txt_title h1 { font-size: 28px;}
	
	#sec_01 {margin: 50px 0;}
	#sec_01 .sec01_2 .s01_2_left { padding: 40px 25px; }
	#sec_01 .sec01_2 .s01_2_left a p { margin: 15px 0; font-size: 17px;}
	#sec_01 .sec01_2 .s01_2_left p { font-size: 16px; line-height: 19px; }
    #sec_01 .sec01_2 .s01_2_right ul li { padding: 0 10px; margin:0 2px;}
	#sec_01 .sec01_2 .s01_2_right ul li a { font-size: 15px; }
	
	#sec02 .s02_2_right { padding: 50px 10px;}
	#sec02 .program_contSlider:before { width: 95px; height: 78px;}
	#sec02 .slick-button-prev, #sec02 .slick-button-next {display: none;}
	#sec02 .imgSlide {border-radius: 10px;}
	.sectxt .txt_titleB a p {font-size: 15px; padding: 8px 35px; }
	.hoverbox .hovertext span {font-size: 10px;}
	
	#sec03 { margin: 50px 0;}
	#sec03:after { width: 175px; height: 180px; top: -50px;}
	#sec03:before { width: 47%; height: 40%;}
	.sec03_1 .s01_2_up .sns img, .sec03_1 .s01_2_down .s01_2_down2 .sns img{border-radius: 10px;}
	.sec03_1 .s01_2_up .sns, .sec03_1 .s01_2_down .s01_2_down2 .sns {padding: 1.5px;}
	.sec03_1 .s01_2_down .s01_2_down1 h1 {font-size: 20px;}
	.sec03_1 .s01_2_down .s01_2_down1 {padding: 10px 0;}
    .sec03_1 .s01_2_down .s01_2_down1 a p { font-size: 16px;  padding: 5px 0 0px 33px;}
	.sec03_1 .s01_2_down .s01_2_down1 h1:before {width: 25px; height: 25px; top: 5px; right: 5px;}
	
	#sec04tab .tab_list li {width: 30%;}

}

@media all and (max-width:480px){
	.sectxt .txt_title .sm_title {font-size: 15px;}

	
    .sec03_1 .s01_2_down .s01_2_down1 h1 { font-size: 17px; }
	.sec03_1 .s01_2_down .s01_2_down1 a p {font-size: 15px;}
	.sec03_1 .s01_2_down .s01_2_down1 a .youtube:after, .sec03_1 .s01_2_down .s01_2_down1 a .insta:after, .sec03_1 .s01_2_up .youtube:before, .sec03_1 .s01_2_down .s01_2_down2 .insta:before { bottom: 13px; right: 13px;}
	
	.hoverbox .hovertext h5{font-size: 16px; margin: 10px 0;}
	
	#sec04tab .tab_list li a{font-size: 16px;   padding: 10px 0;}
}