/************************************************************************
* FONT *
************************************************************************/
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css);

@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');

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



@font-face {
  font-family:'Nanum Gothic';
  font-style:normal;
  font-weight:400;
  src:local('NanumGothic'), url(http://fonts.gstatic.com/s/nanumgothic/v8/PN_3Rfi-oW3hYwmKDpxS7F_D-djY.woff) format('woff');
}
@font-face {
  font-family:'Nanum Gothic';
  font-style:normal;
  font-weight:700;
  src:local('NanumGothic Bold'), local('NanumGothic-Bold'), url(http://fonts.gstatic.com/s/nanumgothic/v8/PN_oRfi-oW3hYwmKDpxS7F_LQv3LyVsg.woff) format('woff');
}
@font-face {
  font-family:'Nanum Gothic';
  font-style:normal;
  font-weight:800;
  src:local('NanumGothic ExtraBold'), local('NanumGothic-ExtraBold'), url(http://fonts.gstatic.com/s/nanumgothic/v8/PN_oRfi-oW3hYwmKDpxS7F_LXv7LyVsg.woff) format('woff');
}




@font-face {
    font-family:'GmarketSansBold';
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'GmarketSansMedium';
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:'GmarketSansLight';
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}



@font-face {
    font-family: 'Pretendard-Thin';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Black';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}



@font-face {
    font-family: 'KCC-Sonkeechung';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KCC-Sonkeechung.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Cafe24Ssurround';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.fGSB,.fGSB *{font-family:'GmarketSansBold';}
.fGSM,.fGSM *{font-family:'GmarketSansMedium';}
.fGSL,.fGSL *{font-family:'GmarketSansLight';}

@media screen and (max-width:640px) {
.fGSB,.fGSB *{font-family:'Pretendard-ExtraBold' !important;}
.fGSM,.fGSM *{font-family:'Pretendard-Bold' !important;}
.fGSL,.fGSL *{font-family:'Pretendard-SemiBold' !important;}
}

.fNMJ,.fNMJ *{font-family:'Nanum Myeongjo';}
.fKCS,.fKCS *{font-family:'KCC-Sonkeechung';}
.fJM,.fJM *{font-family:'Jeju Myeongjo';}
.fMC,.fMC *{font-family:'Marcellus';}
.fCS,.fCS *{font-family:'Cafe24Ssurround';}
.fMont{font-family: "Montserrat" !important;}
.fSaira{font-family: "Saira", sans-serif !important;}
.fCR{font-family: "Cormorant", serif !important;}
.fPop{font-family: "Poppins", sans-serif !important;}
.fManR{font-family: "Manrope", sans-serif !important;}
.fTtm{font-family: "Titillium Web", sans-serif;}

.fP100,.fP100 *{font-family:'Pretendard-Thin';}
.fP200,.fP200 *{font-family:'Pretendard-ExtraLight';}
.fP300,.fP300 *{font-family:'Pretendard-Light';}
.fP400,.fP400 *{font-family:'Pretendard-Regular';}
.fP500,.fP500 *{font-family:'Pretendard-Medium';}
.fP600,.fP600 *{font-family:'Pretendard-SemiBold';}
.fP700,.fP700 *{font-family:'Pretendard-Bold';}
.fP800,.fP800 *{font-family:'Pretendard-ExtraBold';}
.fP900,.fP900 *{font-family:'Pretendard-Black';}



.lh120 {line-height: 120% !important;}
.lh130 {line-height: 130% !important;}



/************************************************************************
* HTML_RESET *
************************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,header,hgroup,main,menu,nav,section,summary,button,input{
	margin:0;
	padding:0;
	border:0;
	vertical-align:top;
	background:transparent;
	word-break:break-all;
}
body{font-size:16px;font-weight:normal;color:#0d0d0d;position:relative;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
ol,ul,li{list-style:none;}
table{max-width:100%;border-collapse:collapse;border-spacing:0;}
form,fieldset,iframe{display:block;border:0;}
img,button{border:0 none;vertical-align:middle;}
i,em,address{font-style:normal;}
label,button{cursor:pointer;}
caption,legend{display:none;} 
input,textarea,select{margin:0;padding:0;vertical-align:middle;outline:none;}
textarea{border:1px solid #666;resize:none;}
button{overflow:visible;margin:0;padding:0;border:0 none;background:none;font-size:0;vertical-align:top;cursor:pointer;display:block;}
button::-moz-focus-inner{border:0;padding:0;}
a,img{outline:none;}
b{font-weight:900;}
font,span{display:block;}
hr{height:1px;margin:60px 0;border:none;color:#ddd;background:#ddd;}
img{max-width:100%;}

@media screen and (max-width:1500px){
hr{margin:50px 0;}
}
@media screen and (max-width:1280px){
hr{margin:40px 0;}
}
@media screen and (max-width:1100px){
hr{margin:35px 0;}
}
@media screen and (max-width:960px){
hr{margin:30px 0;}
}
@media screen and (max-width:767px){
hr{margin:25px 0;}
}
 
a{color:#000;text-decoration:none;word-break:break-all;}
a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none;}

*::-moz-selection{background-color:#000000;color:#ffffff;}
*::selection{background-color:#d0d6dd;color:#000000;}




@media (prefers-reduced-motion:no-preference){
:root{scroll-behavior:smooth;}
}



.blind{text-indent:-9999px;font-size:0;line-height:0;overflow:hidden;}







/************************************************************************
* COMMON *
************************************************************************/
#wrap{width:100%;max-width:100%;overflow-x:hidden;}

.WRAP{max-width:1640px;margin:0 auto;position:relative;transition:all 0.4s ease;}
.WRAP-1800{max-width:1800px;margin:0 auto;position:relative;transition:all 0.4s ease;}
.WRAP-1700{max-width:1700px;margin:0 auto;position:relative;transition:all 0.4s ease;}
    @media screen and (max-width:1820px){
    .WRAP-1800{width:94% !important;max-width:100% !important;}
    }
    @media screen and (max-width:1720px){
    .WRAP-1700{width:94% !important;max-width:100% !important;}
	.WRAP{width:94% !important;max-width:100% !important;}
    }
    @media screen and (max-width:1650px){
    .WRAP{width:94% !important;max-width:100% !important;}
    }
	@media screen and (max-width:980px) {
	.WRAP{width:94% !important;max-width:100% !important;}
	}

	@media screen and (min-width:768px) {
	.PH{display:none !important;}
	}
	@media screen and (max-width:767px) {
	.MH{display:none !important;}
	.WRAP{width:94% !important;max-width:100% !important;}
	}

.disF{display:flex;justify-content:space-between;flex-wrap:wrap;}
.disF.jc{justify-content:center;}
.disF.js{justify-content:flex-start;}
.disF.je{justify-content:flex-end;}
.disF.ac{align-items:center;}
.disF.as{align-items:flex-start;}
.disF.ae{align-items:flex-end;}
.disF.no{flex-wrap: nowrap!important;}

.LEFT{clear:both;}
.LEFT>li{float:left;}

.TC{text-align:center !important;}
.TL{text-align:left !important;}
.TR{text-align:right !important;}
.TsI{font-style:italic !important;}
.TtU{text-transform:uppercase !important;}

.FBD{font-weight:bold;}

.Mauto{margin-left:auto !important;margin-right:auto !important;display:block;}

.fcol_black,.fcol_black a{color:#000 !important;}
.fcol_white,.fcol_white a{color:#fff !important;}
.fcol_gray,.fcol_gray a{color:#6c6c6c !important;}
.fcol_red,.fcol_red a{color:#d50113 !important;}
.fcol_yellow,.fcol_yellow a{color:#fff113 !important;}
.fcol_green,.fcol_green a{color:#008078 !important;}
.fcol_brown,.fcol_brown a{color:#8e726a !important;}
.fcol_pink,.fcol_pink a{color:#a97a71 !important;}
.fcol_lgreen,.fcol_lgreen a{color:#62ac07 !important;}
.fcol_navy,.fcol_navy a{color:#293f85 !important;}
.fcol_orange,.fcol_orange a{color:#bd8a39 !important;}
.fco_lblue,.fco_lblue a{color:#dde8f1 !important;}
.fcol_dgray,.fcol_dgray a{color:#2f2f2f !important;}
.fcol_blue,.fcol_blue a{color:#2316cb !important;}
.fcol_dblue,.fcol_dblue a{color:#00307f !important;}
.fcol_dblue2,.fcol_dblue2 a{color:#0055bf !important;}
.fcol_skyblue,.fcol_skyblue a{color:#4093d5 !important;}
.fcol_mint,.fcol_mint a{color:#61bc96 !important;}
.fcol_bmint,.fcol_bmint a{color:#16bdca !important;}
.fcol_blue1,.fcol_blue1 a{color:#1a33b2 !important;}

.bgf9f9f9{background: #f9f9f9 !important;}

.fw100{font-weight:100 !important;}
.fw200{font-weight:200 !important;}
.fw300{font-weight:300 !important;}
.fw400{font-weight:400 !important;}
.fw500{font-weight:500 !important;}
.fw600{font-weight:600 !important;}
.fw700{font-weight:700 !important;}
.fw800{font-weight:800 !important;}
.fw900{font-weight:900 !important;}

.w5{width:5% !important;}
.w10{width:10% !important;}
.w15{width:15% !important;}
.w20{width:20% !important;}
.w25{width:25% !important;}
.w30{width:30% !important;}
.w35{width:35% !important;}
.w40{width:40% !important;}
.w45{width:45% !important;}
.w50{width:50% !important;}
.w55{width:55% !important;}
.w57{width:57% !important;}
.w60{width:60% !important;}
.w65{width:65% !important;}
.w70{width:70% !important;}
.w75{width:75% !important;}
.w80{width:80% !important;}
.w85{width:85% !important;}
.w90{width:90% !important;}
.w95{width:95% !important;}
.w100{width:100% !important;}

.uli1 li{width:100%;}
.uli2 li{width:50%;}
.uli3 li{width:33.33%;}
.uli4 li{width:25%;}
.uli5 li{width:20%;}
.uli6 li{width:16.6666%;}
.uli7 li{width:14.2857%;}
.uli8 li{width:12.5%;}
.uli9 li{width:10.27%;}


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

@media screen and (max-width:1280px) {
.mt10{margin-top:8px !important;}
.mt20{margin-top:15px !important;}
.mt30{margin-top:20px !important;}
.mt40{margin-top:30px !important;}
.mt50{margin-top:38px !important;}
.mt60{margin-top:44px !important;}
.mt70{margin-top:52px !important;}
.mt80{margin-top:60px !important;}
.mt90{margin-top:70px !important;}
.mt100{margin-top:80px !important;}
.mt110{margin-top:86px !important;}
.mt120{margin-top:90px !important;}
.mt140{margin-top:100px !important;}
.mt160{margin-top:110px !important;}
.mt200{margin-top:150px !important;}
}
@media screen and (max-width:767px) {
.mt160{margin-top:90px !important;}
.mt200{margin-top:120px !important;}
}
@media screen and (max-width:640px) {
.mt10{margin-top:5px !important;}
.mt20{margin-top:10px !important;}
.mt30{margin-top:15px !important;}
.mt40{margin-top:20px !important;}
.mt50{margin-top:25px !important;}
.mt60{margin-top:30px !important;}
.mt70{margin-top:35px !important;}
.mt80{margin-top:40px !important;}
.mt90{margin-top:45px !important;}
.mt100{margin-top:50px !important;}
.mt110{margin-top:55px !important;}
.mt120{margin-top:60px !important;}
.mt140{margin-top:70px !important;}
.mt160{margin-top:80px !important;}
.mt200{margin-top:90px !important;}
}
@media screen and (max-width:560px) {
.mt160{margin-top:60px !important;}
.mt200{margin-top:70px !important;}
}
@media screen and (max-width:460px) {
.mt160{margin-top:40px !important;}
.mt200{margin-top:50px !important;}
}



.mAuto{margin-left:auto;margin-right:auto;display:block;}


.pl30{padding-left:30px;}
.pl20{padding-left:20px;}
.pl10{padding-left:10px;}
@media screen and (max-width:1500px){
.plr7{padding-left:5%;padding-right:5%;}
}
@media screen and (max-width:1280px){
.plr7{padding-left:3%;padding-right:3%;}
.pl30{padding-left:20px;}
}
@media screen and (max-width:1100px){
.plr7{padding-left:0;padding-right:0;}
}
@media screen and (max-width:960px){
.pl30{padding-left:10px;}
.pl20{padding-left:10px;}
}
@media screen and (max-width:640px){
.pl30{padding-left:5px;}
.pl20{padding-left:5px;}
.pl10{padding-left:5px;}
}




.bbsol1{border-bottom:solid 1px #f3f3f3;}


.paddb140{padding-bottom:120px;}

@media screen and (max-width:1280px) {
.paddb140{padding-bottom:100px;}
}
@media screen and (max-width:960px) {
.paddb140{padding-bottom:80px;}
}
@media screen and (max-width:767px) {
.paddb140{padding-bottom:60px;}
}
@media screen and (max-width:640px) {
.paddb140{padding-bottom:40px;}
}
@media screen and (max-width:560px) {
.paddb140{padding-bottom:30px;}
}






h1{font-size:72px;line-height:110%;font-weight:900;letter-spacing:-0.02em;word-wrap:break-word;display:block;word-break:keep-all;}
h2{font-size:60px;line-height:120%;font-weight:900;letter-spacing:-0.02em;word-wrap:break-word;display:block;word-break:keep-all;}
h3{font-size:50px;line-height:120%;font-weight:900;word-wrap:break-word;display:block;word-break:keep-all;}
h4{font-size:40px;line-height:120%;font-weight:700;word-wrap:break-word;display:block;word-break:keep-all;}
h5,h5>*{font-size:34px;line-height:120%;font-weight:900;word-wrap:break-word;display:block;word-break:keep-all;}

@media screen and (max-width:1500px){
h1{font-size:65px;}
h2{font-size:56px;}
h3{font-size:46px;}
h4{font-size:36px;}
h5,h5>*{font-size:31px;}
}
@media screen and (max-width:1280px){
h1{font-size:60px;}
h2{font-size:50px;}
h3{font-size:40px;}
h4{font-size:32px;}
h5,h5>*{font-size:28px;}
}
@media screen and (max-width:1100px){
h1{font-size:50px;}
h2{font-size:44px;}
h3{font-size:38px;}
h4{font-size:30px;}
h5,h5>*{font-size:25px;}
}
@media screen and (max-width:767px){
h1{font-size:45px;}
h2{font-size:40px;}
h3{font-size:32px;}
h4{font-size:28px;}
h5,h5>*{font-size:20px;}
}
@media screen and (max-width:640px){
h1,h1>*{font-size:40px;}
h2,h2>*{font-size:34px;}
h3,h3>*{font-size:26px;}
h4,h4>*{font-size:27px;}
h5,h5>*{font-size:18px;}
}


.txt{font-weight:300;line-height:140%;word-wrap:break-word;display:block;word-break:keep-all;}
.txt.type80{font-size:80px;}
.txt.type30{font-size:30px;}
.txt.type29{font-size:29px;}
.txt.type28{font-size:28px;}
.txt.type27{font-size:27px;}
.txt.type26{font-size:26px;}
.txt.type25{font-size:25px;}
.txt.type24{font-size:24px;}
.txt.type23{font-size:23px;}
.txt.type22{font-size:22px;}
.txt.type21{font-size:21px;}
.txt.type20{font-size:20px;}
.txt.type19{font-size:19px;}
.txt.type18{font-size:18px;}
.txt.type17{font-size:17px;font-weight:400;}
.txt.type16{font-size:16px;font-weight:400;}
.txt.type15{font-size:15px;font-weight:400;}
.txt.type14{font-size:14px;font-weight:400;}
.txt.type13{font-size:13px;font-weight:400;}
.txt.type12{font-size:12px;font-weight:400;}
.txt.type11{font-size:11px;font-weight:400;}
.txt.type10{font-size:10px;font-weight:400;}
@media screen and (max-width:1500px){
.txt.type80{font-size:75px;}
.txt.type30{font-size:28px;}
.txt.type29{font-size:27px;}
.txt.type28{font-size:26px;}
.txt.type27{font-size:25px;}
.txt.type26{font-size:24px;}
.txt.type25{font-size:23px;}
.txt.type24{font-size:22px;}
.txt.type23{font-size:21px;}
.txt.type22{font-size:20px;}
.txt.type21{font-size:19px;}
.txt.type20{font-size:18px;}
.txt.type19{font-size:17px;font-weight:400;}
.txt.type18{font-size:16px;font-weight:400;}
.txt.type17{font-size:15px;}
.txt.type16{font-size:14px;}
.txt.type15{font-size:13px;}
.txt.type14{font-size:12px;}
.txt.type13{font-size:11px;}
.txt.type12{font-size:10px;}
.txt.type11{font-size:9px;}
.txt.type10{font-size:8px;}
}
@media screen and (max-width:1380px){
.txt.type80{font-size:65px;}
}
@media screen and (max-width:1280px){
.txt.type80{font-size:55px;}
.txt.type30{font-size:26px;}
.txt.type29{font-size:25px;}
.txt.type28{font-size:24px;}
.txt.type27{font-size:23px;}
.txt.type26{font-size:22px;}
.txt.type25{font-size:21px;}
.txt.type24{font-size:20px;}
.txt.type23{font-size:19px;}
.txt.type22{font-size:18px;}
.txt.type21{font-size:17px;}
.txt.type20{font-size:16px;}
.txt.type19{font-size:15px;}
.txt.type18{font-size:14px;}
.txt.type17{font-size:13px;}
}
@media screen and (max-width:980px){
.txt.type80{font-size:40px;}
}
@media screen and (max-width:767px){
.txt.type80{font-size:55px;}
.txt.type30{font-size:26px;}
.txt.type29{font-size:25px;}
.txt.type28{font-size:22px;}
.txt.type27{font-size:21px;}
.txt.type26{font-size:20px;}
.txt.type25{font-size:19px;}
.txt.type24{font-size:18px;}
.txt.type23{font-size:17px;}
.txt.type22{font-size:16px;}
.txt.type21{font-size:15px;}
.txt.type20{font-size:14px;}
.txt.type19{font-size:13px;}
.txt.type18{font-size:12px;}
.txt.type17{font-size:11px;}
}





.lih120,.lih120 *{line-height:120% !important;}
.lih140,.lih140 *{line-height:140% !important;}
.lih160,.lih160 *{line-height:160% !important;}
.lih180,.lih180 *{line-height:180% !important;}



.stroke{color: transparent;-webkit-text-stroke-color: rgba(0,0,0,.1);-webkit-text-stroke-width: 1px;}
.stroke2{color: transparent;-webkit-text-stroke-color: #646464;-webkit-text-stroke-width: 1px;}
.stroke3{color: transparent;-webkit-text-stroke-color: rgba(11,182,195,1);-webkit-text-stroke-width: 1px;}





:root {
    --common-border-radius:50px;
}

@media screen and (max-width:1500px) {
:root {
    --common-border-radius:40px;
}
}
@media screen and (max-width:1280px) {
:root {
    --common-border-radius:30px;
}
}
@media screen and (max-width:960px) {
:root {
    --common-border-radius:20px;
}
}
@media screen and (max-width:767px) {
:root {
    --common-border-radius:10px;
}
}





/************************************************************************
* keyframes animation *
************************************************************************/
@keyframes gnbSub{
	0%{
		transform:translateY(30px);
		opacity:0;
	}
		100%{transform:translateY(0);
		opacity:1;
	}
}




@keyframes line_ani{
	0%{
		width:0;
	}
	100%{
		width:520px;
	}
}



@keyframes line_ani2{
	0%{
		width:0;opacity:0;
	}
	100%{
		width:108%;opacity:1;
	}
}

@keyframes scroll-down-ani{
	0%{
		opacity:0;
		transform:translateY(-50%) rotateX(90deg)
	}
	
	20%,80%{
		opacity:1;
		transform:translateY(0) rotateX(0)
	}
	
	100%{
		opacity:0;
		transform:translateY(50%) rotateX(-90deg)
	}
}





@keyframes text-up{
	from{
	    transform:translate3d(0, 120%, 0);
	}
	  to{
	    transform:translate3d(0, 0, 0);
        opacity:1;
	}
}



@keyframes moveX {
	0%{
		transform:translateX(120px);
		opacity:0;
	}
	100%{
		transform:translateX(0);
		opacity:1;
	}
}



@keyframes moveY {
	0%{
		transform:translateY(120px);
		opacity:0;
	}
	100%{
		transform:translateY(0);
		opacity:1;
	}
}



@keyframes moveLeft {
	0%{
		transform:translateX(100px);
		opacity:0;
	}
	100%{
		transform:translateX(0);
		opacity:1;
	}
}

@keyframes moveRight {
	0%{
		transform:translateX(-100px);
		opacity:0;
	}
	100%{
		transform:translateX(0);
		opacity:1;
	}
}





@keyframes moveUp {
	0%{
		transform:translateY(100px);
		opacity:0;
	}
	100%{
		transform:translateY(0);
		opacity:1;
	}
}


@keyframes moveDown {
	0%{
		transform:translateY(-100px);
		opacity:0;
	}
	100%{
		transform:translateY(0);
		opacity:1;
	}
}




@keyframes width100 {
	0%{
		width:0;
	}
	100%{
		width:100%;
	}
}




@keyframes scaleone {
	0%{
		opacity:0;
		transform:scale(1.6);
	}
	100%{
		opacity:1;
		transform:scale(1);
	}
}

@keyframes scaleminus {
	0%{
		opacity:0;
		transform:scale(0.6);
	}
	100%{
		opacity:1;
		transform:scale(1);
	}
}






@keyframes gnbSub {
	0%{transform:translateY(30px);opacity:0;}
	100%{transform:translateY(0);opacity:1;}
}


@keyframes line_w1 {
	0%{width:0;}
	100% {width:520px;}
}
@media screen and (max-width:1600px){
	@keyframes line_w1 {
		0%{width:0;}
		100% {width:375px;}
	}
}
@media screen and (max-width:1250px){
	@keyframes line_w1 {
		0%{width:0;}
		100% {width:320px;}
	}
}
@media screen and (max-width:640px){
	@keyframes line_w1 {
		0%{width:0;}
		100% {width:0;}
	}
}



@-webkit-keyframes scale{
	0%{-webkit-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15);}
	100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
@keyframes scale{
	0%{-webkit-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15);}
	100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}


@-webkit-keyframes slideInUp {
	0% {opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px);}
	100% {opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes slideInUp {
	0% {opacity:0;-webkit-transform:translateY(80px);-ms-transform:translateY(80px);transform:translateY(80px);}
	100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}



@keyframes maintxtani {
	form { transform:translateY(100px);opacity:0;}
	30% { transform:translateY(0);opacity:1;}
	70% { transform:translateY(0);opacity:1;}
	to { transform:translateY(0);opacity:1;}
}
@-webkit-keyframes maintxtani {
	form { transform:translateY(100px);opacity:0;}
	30% { transform:translateY(0);opacity:1;}
	70% { transform:translateY(0);opacity:1;}
	to { transform:translateY(0);opacity:1;}
}





@keyframes upslide{
	0%{opacity:0;transform:translateY(100%)}
	to{opacity:1;transform:translateY(0%)}
}
@keyframes leftslide{
	0%{opacity:0;transform:translateX(100%)}
	to{opacity:1;transform:translateX(0%)}
}
@keyframes rightslide{
	0%{opacity:0;transform:translateX(-100%)}
	to{opacity:1;transform:translateX(0%)}
}
@keyframes downslide{
	0%{opacity:0;transform:translateY(-100%)}
	to{opacity:1;transform:translateY(0%)}
}

@keyframes fade{
	0%{opacity:0;}
	50%{opacity:1;}
	to{opacity:0;}
}

@keyframes scaleminus {
	0%{
		opacity:0;
		transform:scale(0.8);
	}
	100%{
		opacity:1;
		transform:scale(1);
	}
}

@keyframes scaleplus {
	0%{
		opacity:0;
		transform:scale(1.05);
	}
	100%{
		opacity:1;
		transform:scale(1);
	}
}




@keyframes css3translate{
	0%,50%,100%{ transform:translateY(0px);}
	25%,75%{ transform:translateY(10px);}
}




/************************************************************************
* "ani.js" activate *
************************************************************************/
.ex{opacity:0;}
.ex.in-view{animation-name:fadeUpAni;animation-duration:0.7s;animation-fill-mode:forwards;animation-delay:0.5s;}




.effect{opacity:0;}

.in-view .effect.up-1{animation-name:moveUp;animation-duration:1s;animation-fill-mode:forwards;}
.in-view .effect.up-2{animation-name:moveUp;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.3s;}
.in-view .effect.up-3{animation-name:moveUp;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.6s;}
.in-view .effect.up-4{animation-name:moveUp;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.9s;}
.in-view .effect.up-5{animation-name:moveUp;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.2s;}
.in-view .effect.up-6{animation-name:moveUp;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.5s;}
.in-view .effect.up-7{animation-name:moveUp;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.8s;}
.in-view .effect.up-8{animation-name:moveUp;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.1s;}
.in-view .effect.up-9{animation-name:moveUp;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.4s;}
.in-view .effect.up-10{animation-name:moveUp;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.7s;}
.in-view .effect.up-11{animation-name:moveUp;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.0s;}
.in-view .effect.up-12{animation-name:moveUp;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.3s;}
.in-view .effect.up-14{animation-name:moveUp;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.6s;}
.in-view .effect.up-15{animation-name:moveUp;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.9s;}
.in-view .effect.up-16{animation-name:moveUp;animation-duration:1s;animation-fill-mode:forwards;animation-delay:4.2s;}


.in-view .effect.left-1{animation-name:moveLeft;animation-duration:1s;animation-fill-mode:forwards;}
.in-view .effect.left-2{animation-name:moveLeft;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.3s;}
.in-view .effect.left-3{animation-name:moveLeft;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.6s;}
.in-view .effect.left-4{animation-name:moveLeft;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.9s;}
.in-view .effect.left-5{animation-name:moveLeft;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.2s;}
.in-view .effect.left-6{animation-name:moveLeft;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.5s;}
.in-view .effect.left-7{animation-name:moveLeft;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.8s;}
.in-view .effect.left-8{animation-name:moveLeft;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.1s;}
.in-view .effect.left-9{animation-name:moveLeft;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.4s;}
.in-view .effect.left-10{animation-name:moveLeft;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.7s;}
.in-view .effect.left-11{animation-name:moveLeft;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.0s;}
.in-view .effect.left-12{animation-name:moveLeft;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.3s;}
.in-view .effect.left-14{animation-name:moveLeft;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.6s;}
.in-view .effect.left-15{animation-name:moveLeft;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.9s;}
.in-view .effect.left-16{animation-name:moveLeft;animation-duration:1s;animation-fill-mode:forwards;animation-delay:4.2s;}


.in-view .effect.right-1{animation-name:moveRight;animation-duration:1s;animation-fill-mode:forwards;}
.in-view .effect.right-2{animation-name:moveRight;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.3s;}
.in-view .effect.right-3{animation-name:moveRight;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.6s;}
.in-view .effect.right-4{animation-name:moveRight;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.9s;}
.in-view .effect.right-5{animation-name:moveRight;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.2s;}
.in-view .effect.right-6{animation-name:moveRight;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.5s;}
.in-view .effect.right-7{animation-name:moveRight;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.8s;}
.in-view .effect.right-8{animation-name:moveRight;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.1s;}
.in-view .effect.right-9{animation-name:moveRight;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.4s;}
.in-view .effect.right-10{animation-name:moveRight;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.7s;}
.in-view .effect.right-11{animation-name:moveRight;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.0s;}
.in-view .effect.right-12{animation-name:moveRight;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.3s;}
.in-view .effect.right-14{animation-name:moveRight;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.6s;}
.in-view .effect.right-15{animation-name:moveRight;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.9s;}
.in-view .effect.right-16{animation-name:moveRight;animation-duration:1s;animation-fill-mode:forwards;animation-delay:4.2s;}


.in-view .effect.down-1{animation-name:moveDown;animation-duration:1s;animation-fill-mode:forwards;}
.in-view .effect.down-2{animation-name:moveDown;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.3s;}
.in-view .effect.down-3{animation-name:moveDown;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.6s;}
.in-view .effect.down-4{animation-name:moveDown;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.9s;}
.in-view .effect.down-5{animation-name:moveDown;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.2s;}
.in-view .effect.down-6{animation-name:moveDown;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.5s;}
.in-view .effect.down-7{animation-name:moveDown;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.8s;}
.in-view .effect.down-8{animation-name:moveDown;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.1s;}
.in-view .effect.down-9{animation-name:moveDown;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.4s;}
.in-view .effect.down-10{animation-name:moveDown;animation-duration:1s;animation-fill-mode:forwards;animation-delay:2.7s;}
.in-view .effect.down-11{animation-name:moveDown;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.0s;}
.in-view .effect.down-12{animation-name:moveDown;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.3s;}
.in-view .effect.down-14{animation-name:moveDown;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.6s;}
.in-view .effect.down-15{animation-name:moveDown;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3.9s;}
.in-view .effect.down-16{animation-name:moveDown;animation-duration:1s;animation-fill-mode:forwards;animation-delay:4.2s;}





.in-view .effect.scal-1{animation-name:scaleone;animation-duration:3s;animation-fill-mode:forwards;}
.in-view .effect.scal-2{animation-name:scaleone;animation-duration:3s;animation-fill-mode:forwards;animation-delay:0.3s;}
.in-view .effect.scal-3{animation-name:scaleone;animation-duration:3s;animation-fill-mode:forwards;animation-delay:0.6s;}
.in-view .effect.scal-4{animation-name:scaleone;animation-duration:3s;animation-fill-mode:forwards;animation-delay:0.9s;}
.in-view .effect.scal-5{animation-name:scaleone;animation-duration:3s;animation-fill-mode:forwards;animation-delay:1.2s;}
.in-view .effect.scal-6{animation-name:scaleone;animation-duration:3s;animation-fill-mode:forwards;animation-delay:1.5s;}
.in-view .effect.scal-7{animation-name:scaleone;animation-duration:3s;animation-fill-mode:forwards;animation-delay:1.8s;}
.in-view .effect.scal-8{animation-name:scaleone;animation-duration:3s;animation-fill-mode:forwards;animation-delay:2.1s;}
.in-view .effect.scal-9{animation-name:scaleone;animation-duration:3s;animation-fill-mode:forwards;animation-delay:2.4s;}
.in-view .effect.scal-10{animation-name:scaleone;animation-duration:3s;animation-fill-mode:forwards;animation-delay:2.7s;}
.in-view .effect.scal-11{animation-name:scaleone;animation-duration:3s;animation-fill-mode:forwards;animation-delay:3.0s;}
.in-view .effect.scal-12{animation-name:scaleone;animation-duration:3s;animation-fill-mode:forwards;animation-delay:3.3s;}
.in-view .effect.scal-14{animation-name:scaleone;animation-duration:3s;animation-fill-mode:forwards;animation-delay:3.6s;}
.in-view .effect.scal-15{animation-name:scaleone;animation-duration:3s;animation-fill-mode:forwards;animation-delay:3.9s;}
.in-view .effect.scal-16{animation-name:scaleone;animation-duration:3s;animation-fill-mode:forwards;animation-delay:4.2s;}







.in-view .effect.scalm-1{animation-name:scaleminus;animation-duration:3s;animation-fill-mode:forwards;}
.in-view .effect.scalm-2{animation-name:scaleminus;animation-duration:3s;animation-fill-mode:forwards;animation-delay:0.3s;}
.in-view .effect.scalm-3{animation-name:scaleminus;animation-duration:3s;animation-fill-mode:forwards;animation-delay:0.6s;}
.in-view .effect.scalm-4{animation-name:scaleminus;animation-duration:3s;animation-fill-mode:forwards;animation-delay:0.9s;}
.in-view .effect.scalm-5{animation-name:scaleminus;animation-duration:3s;animation-fill-mode:forwards;animation-delay:1.2s;}
.in-view .effect.scalm-6{animation-name:scaleminus;animation-duration:3s;animation-fill-mode:forwards;animation-delay:1.5s;}
.in-view .effect.scalm-7{animation-name:scaleminus;animation-duration:3s;animation-fill-mode:forwards;animation-delay:1.8s;}
.in-view .effect.scalm-8{animation-name:scaleminus;animation-duration:3s;animation-fill-mode:forwards;animation-delay:2.1s;}
.in-view .effect.scalm-9{animation-name:scaleminus;animation-duration:3s;animation-fill-mode:forwards;animation-delay:2.4s;}
.in-view .effect.scalm-10{animation-name:scaleminus;animation-duration:3s;animation-fill-mode:forwards;animation-delay:2.7s;}
.in-view .effect.scalm-11{animation-name:scaleminus;animation-duration:3s;animation-fill-mode:forwards;animation-delay:3.0s;}
.in-view .effect.scalm-12{animation-name:scaleminus;animation-duration:3s;animation-fill-mode:forwards;animation-delay:3.3s;}
.in-view .effect.scalm-14{animation-name:scaleminus;animation-duration:3s;animation-fill-mode:forwards;animation-delay:3.6s;}
.in-view .effect.scalm-15{animation-name:scaleminus;animation-duration:3s;animation-fill-mode:forwards;animation-delay:3.9s;}
.in-view .effect.scalm-16{animation-name:scaleminus;animation-duration:3s;animation-fill-mode:forwards;animation-delay:4.2s;}