@charset "utf-8";

/* Font */
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Noto+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');
@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-5Medium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/assets/site/LET/css/font/NotoSansKR-Light.woff2) format('woff2'),
       url(/assets/site/LET/css/font/NotoSansKR-Light.woff) format('woff'),
       url(/assets/site/LET/css/font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/assets/site/LET/css/font/NotoSansKR-Regular.woff2) format('woff2'),
        url(/assets/site/LET/css/font/NotoSansKR-Regular.woff) format('woff'),
        url(/assets/site/LET/css/font/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/assets/site/LET/css/font/NotoSansKR-Medium.woff2) format('woff2'),
        url(/assets/site/LET/css/font/NotoSansKR-Medium.woff) format('woff'),
        url(/assets/site/LET/css/font/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/assets/site/LET/css/font/NotoSansKR-Bold.woff2) format('woff2'),
        url(/assets/site/LET/css/font/NotoSansKR-Bold.woff) format('woff'),
        url(/assets/site/LET/css/font/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
	font-family: 'Blackjack';
	font-style: normal;
	font-weight: 300;
	src: url('/assets/site/LET/css/font/Blackjack.eot');
	src: url('/assets/site/LET/css/font/Blackjack.eot?#iefix') format('embedded-opentype'),
	url('/assets/site/LET/css/font/Blackjack.woff2') format('woff2'),
	url('/assets/site/LET/css/font/Blackjack.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local('Roboto Thin'),
  local('Roboto-Thin'),
  url(/assets/site/LET/css/font/Roboto-Thin.woff) format('woff'),
  url(/assets/site/LET/css/font/Roboto-Thin.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Roboto Light'),
  local('Roboto-Light'),
  url(/assets/site/LET/css/font/Roboto-Light.woff) format('woff'),
  url(/assets/site/LET/css/font/Roboto-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto Regular'),
  local('Roboto-Regular'),
  url(/assets/site/LET/css/font/Roboto-Regular.woff) format('woff'),
  url(/assets/site/LET/css/font/Roboto-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Roboto Medium'),
  local('Roboto-Medium'),
  url(/assets/site/LET/css/font/Roboto-Medium.woff) format('woff'),
  url(/assets/site/LET/css/font/Roboto-Medium.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Bold'),
  local('Roboto-Bold'),
  url(/assets/site/LET/css/font/Roboto-Bold.woff) format('woff'),
  url(/assets/site/LET/css/font/Roboto-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Roboto Black'),
  local('Roboto-Black'),
  url(/assets/site/LET/css/font/Roboto-Black.woff) format('woff'),
  url(/assets/site/LET/css/font/Roboto-Black.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans CJK TC';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: local('NotoSansCJKtc Thin'),
  local('NotoSansCJKtc-Thin'),
  src: url('/assets/site/LET/css/font/NotoSansCJKtc-Thin.eot');
  src: url('/assets/site/LET/css/font/NotoSansCJKtc-Thin.eot?#iefix') format('embedded-opentype'),
  url(/assets/site/LET/css/font/NotoSansCJKtc-Thin.woff) format('woff'),
  url(/assets/site/LET/css/font/NotoSansCJKtc-Thin.woff2) format('woff2'),
  url(/assets/site/LET/css/font/NotoSansCJKtc-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans CJK TC';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('NotoSansCJKtc Light'),
  local('NotoSansCJKtc-Light'),
  src: url('/assets/site/LET/css/font/NotoSansCJKtc-Light.eot');
  src: url('/assets/site/LET/css/font/NotoSansCJKtc-Light.eot?#iefix') format('embedded-opentype'),
  url(/assets/site/LET/css/font/NotoSansCJKtc-Light.woff) format('woff'),
  url(/assets/site/LET/css/font/NotoSansCJKtc-Light.woff2) format('woff2'),
  url(/assets/site/LET/css/font/NotoSansCJKtc-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans CJK TC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('NotoSansCJKtc Regular'),
  local('NotoSansCJKtc-Regular'),
  src: url('/assets/site/LET/css/font/NotoSansCJKtc-Regular.eot');
  src: url('/assets/site/LET/css/font/NotoSansCJKtc-Regular.eot?#iefix') format('embedded-opentype'),
  url(/assets/site/LET/css/font/NotoSansCJKtc-Regular.woff) format('woff'),
  url(/assets/site/LET/css/font/NotoSansCJKtc-Regular.woff2) format('woff2'),
  url(/assets/site/LET/css/font/NotoSansCJKtc-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans CJK TC';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('NotoSansCJKtc Medium'),
  local('NotoSansCJKtc-Medium'),
  src: url('/assets/site/LET/css/font/NotoSansCJKtc-Medium.eot');
  src: url('/assets/site/LET/css/font/NotoSansCJKtc-Medium.eot?#iefix') format('embedded-opentype'),
  url(/assets/site/LET/css/font/NotoSansCJKtc-Medium.woff) format('woff'),
  url(/assets/site/LET/css/font/NotoSansCJKtc-Medium.woff2) format('woff2'),
  url(/assets/site/LET/css/font/NotoSansCJKtc-Medium.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans CJK TC';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('NotoSansCJKtc Bold'),
  local('NotoSansCJKtc-Bold'),
  src: url('/assets/site/LET/css/font/NotoSansCJKtc-Bold.eot');
  src: url('/assets/site/LET/css/font/NotoSansCJKtc-Bold.eot?#iefix') format('embedded-opentype'),
  url(/assets/site/LET/css/font/NotoSansCJKtc-Bold.woff) format('woff'),
  url(/assets/site/LET/css/font/NotoSansCJKtc-Bold.woff2) format('woff2'),
  url(/assets/site/LET/css/font/NotoSansCJKtc-Bold.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans CJK TC';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('NotoSansCJKtc Black'),
  local('NotoSansCJKtc-Black'),
  src: url('/assets/site/LET/css/font/NotoSansCJKtc-Black.eot');
  src: url('/assets/site/LET/css/font/NotoSansCJKtc-Black.eot?#iefix') format('embedded-opentype'),
  url(/assets/site/LET/css/font/NotoSansCJKtc-Black.woff) format('woff'),
  url(/assets/site/LET/css/font/NotoSansCJKtc-Black.woff2) format('woff2'),
  url(/assets/site/LET/css/font/NotoSansCJKtc-Black.otf) format('opentype');
}
@font-face {
	font-family: 'ROKG';
	font-style: normal;
	font-weight: 300;
	src: url('/assets/site/LET/css/font/ROKG_R.woff2') format('woff2'),
		 url('/assets/site/LET/css/font/ROKG_R.woff') format('woff'),
		 url('/assets/site/LET/css/font/ROKG_R.otf') format('opentype');
}
/* Element Reset */
* {font-family: 'Noto Sans TC','Noto Sans CJK TC','Noto Sans SC','Noto Sans','Roboto','Noto Sans KR',dotum, '돋움', 'Malgun Gothic', '맑은 고딕', sans-serif;}
html, body, button, input, select, textarea, pre{  font-size:14px; }
ol, ul, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, figure	{margin:0;padding:0;/ word-break:keep-all; }
li														{ list-style:none }
table													{ border-spacing:0; border:0 }
table th, table td										{ padding:0 }

/* Common */
body							{ position:relative; margin:0 auto; overflow-x:hidden;}
*, *:before, *:after			{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; word-wrap:break-word;word-break:break-word;}
caption, .blind, .skip			{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); clip-path:polygon(0 0, 0 0, 0 0);}
.after							{ zoom:1}
.after:after					{ content:''; display:block; clear:both;}
.the					{ font-family:"Blackjack";}
/* Module */
.con_inner				{ position:relative; width:94%; max-width:1400px; margin-left:auto; margin-right:auto; }
.mt20                   { margin-top:20px }
.con_inner.w90			{ width:90%; max-width:inherit }
.con_inner.w1300		{ max-width:1300px }
.con_inner.w1600		{ max-width:1600px }
.con_inner.w1660		{ max-width:1660px }
.maxw_none              { max-width:inherit; }
@media all and (max-width:1967px){
	.maxw_none              { max-width:1400px; }
}

/* 로딩중 */
.loading .circle 					{ display:flex; position:relative; left:70%; top:19px }
.loading span 						{ display:inline-block; background: #fff; }
.loading .circle span 				{ width:5px; height:26px; margin:0 8px; background:#fff; }
@keyframes scale 					{ 0% { transform: scaleY(2); }  50% { transform: scaleY(1); } }
.loading .circle span:first-child 	{ animation: scale 0.7s ease-in-out infinite; }
.loading .circle span:nth-of-type(2){ animation: scale 0.7s ease-in-out 200ms infinite; }
.loading .circle span:nth-of-type(3){ animation: scale 0.7s ease-in-out 300ms infinite; }
@media all and (max-width:800px){
	.loading .circle 					{ left:50%; top:0; margin-left:-18px; }
	.loading .circle span 				{ width:4px; height:14px; margin:0 4px }
}


/* Header */
.header									{ position:fixed; left:0; top:0; width:100%; height:100px; margin:0 auto; -webkit-transition:all 300ms; -moz-transition:all 300ms;-o-transition:all 300ms;
											-ms-transition:all 300ms; transition:all 300ms; z-index:101; border-bottom: 1px solid rgba(0,0,0,0.1);}
.header h1.logo							{ position:absolute; width:310px; height:52px; top:24px; left:0; font-size:0;  font-weight:300;  line-height:130%; text-indent:-9999px; zoom:1}
.header h1.logo a						{ display:block; width:100%; height:100%; background:url(/assets/site/LET/img/common/img_logo_b.png) no-repeat 0 0; background-size:100%; }
.header .con_inner.w90					{ width:96% }
/* Top Menu */
.header .top_menu						{ position:absolute; right:0; top:0; color:#fff; padding:18px 0 0 0 }
.header .top_menu>div>*					{ display:inline-block; *display:inline; margin:5px 0; vertical-align:middle; line-height:1 }
.header .top_menu>div>ul>li				{ display:inline-block; *display:inline;  }
.header .sns							{ margin-left:.8em}
.header .sns li							{ margin:0 0 0 8px; }
.header .sns li.kr_none					{ display:none; }
.header .sns li a						{ display:block; width:auto; height:29px; background:url(/assets/site/LET/img/common/bg_sns_g.png) no-repeat 0 0}
.header .sns .fb						{ background-position:-29px 0}
.header .sns .youtube					{ background-position:-58px 0}
.header .sns .insta						{ background-position:-87px 0}
.header .sns .newsletter				{ background-position:-116px 0}
.header .sns .store						{ background:url(/assets/site/LET/img/common/icon_store.png) no-repeat}
.header .sns .store	span				{ display:inline-block; margin-left:35px; color:#000; line-height:29px; }
.header .link							{ width:100%; position:relative}
.header .link >li						{ font-size:.92em; letter-spacing:.03em; line-height:17px; }
.header .link >li+li					{ position:relative; margin-left:.65em; padding-left:.8em}
.header .link >li+li:before				{ position:absolute; left:0; display:inline; content:"|"}
.header li.lang_area					{ z-index:33; float:none; width:100%; background:url(/assets/site/LET/img/common/bg_lang_arrow.png) right center no-repeat; background-position:98% 50% }
.header li.lang_area button				{ position:relative; padding:0 63px 0 25px; color:rgba(0,0,0,0.64); border:0; outline:none; cursor:pointer;
											background:url(/assets/site/LET/img/common/bg_lang_g.png) no-repeat 0 50%}
.header li.lang_area .langBox			{ position:absolute; left:0; width:100%;  margin-top:5px; padding:.7em 1em; font-size:.9em; line-height:1.8; background:rgba(0,0,0,.2)}
.header li.lang_area .langBox a			{ display:block;}

/* PC 메뉴 */
.main_menu								{ height:100px;  margin:0 auto; text-align:center; padding-left:8em; }
.main_menu .gnb > li				{ position:relative; display:inline-block; *display:inline; width:auto; }
.main_menu .gnb > li:nth-last-child(2)				{ display:none; }
.main_menu .gnb > li > a			{ display:block; height:100%; padding:0; transition:all ease 0.3s;}
.main_menu .gnb > li > a:hover,
.main_menu .gnb > li.on > a			{ position:relative; }
.main_menu .gnb > li span:before	{ height:3px; background:#015595; position:absolute; width:0; left:50%; bottom:0; content:''; transition:all ease 0.3s;}
.main_menu .gnb > li.on span:before { width:180px; margin-left:-90px;}
.main_menu .gnb > li > a > span		{ display:block; height:100%; padding:0 30px; line-height:100px; font-size:1.65em; color:#000; font-weight:500; letter-spacing:-.065em;}
.main_menu .gnb > li > a:hover > span,
.main_menu .gnb > li.on > a > span	{ border-bottom-color:#00549d; color:#00549d}
.main_menu .gnb > li .gnb_2dep		{ display:none; position:absolute; width:180px; top:100px; left:50%; transform:translateX(-50%); padding:0 7px 10px 7px; background-color:#0c6db7;}
.main_menu .gnb > li .gnb_2dep li a	{ display:block; padding:10px 0; color:rgba(255,255,255,0.8); font-weight:400; font-size:15px; letter-spacing:-0.4px; line-height:20px; word-wrap:break-word;word-break:keep-all; border-top:1px dashed rgba(255,255,255,0.2); transition:all ease 0.3s;}
.main_menu .gnb > li .gnb_2dep li:first-child a		{ border-top:none;}
.main_menu .gnb > li .gnb_2dep li a:hover			{ font-weight:500; color:rgba(255,255,255,1)}
.main_menu .gnb > li.on .gnb_2dep	{ display:block;}


/* 헤더 고정 */
.header.fixed									{ position:fixed; top:0; height:85px; padding-top:0; background:rgba(255,255,255,.95); border-bottom:1px solid rgba(0,0,0,0.05); }
.header.fixed h1.logo							{ top:15px; }
.header.fixed .top_menu							{ padding-top:27px; }
.header.fixed .top_menu .sns,
.header.fixed .top_menu .link,
.header.fixed .top_menu:after					{ display:none }
.header.fixed .gnb_open_btn span				{ border-color:#57940f}
.header.fixed .gnb_open_btn span:before			{ background-color:#57940f}
.header.fixed .main_menu						{ height:85px; }
.header.fixed .main_menu .gnb > li > a > span	{ line-height: 85px;}
.header.fixed .main_menu .gnb > li .gnb_2dep	{ top:84px; }

/* 모바일 메뉴 */
.gnb_open_btn							{width: 28px;height: 19px;text-align:center;transition:right .2s ease;visibility:visible;opacity:1;filter:Alpha(opacity=100);transform:translateX(0);-moz-transform:translateX(0);display:block;font-size:0;line-height:100%;}
.gnb_open_btn span						{ position:absolute; left:0; top:0; width:100%; height:100%; margin:0; border-top:3px solid #262626; border-bottom:3px solid #262626; transition:height .2s ease .1s, top .2s ease .1s;}
.gnb_open_btn span:before 				{position:absolute;right:0;top: 41%;width:100%;height:3px;background-color:#262626;content:'';transition:width .2s ease;}
.gnb_open_btn:hover span,
.gnb_open_btn:focus span,
.gnb_open_btn:active span 				{top:22%; height:12px;}
.gnb_open_btn:hover span:before,
.gnb_open_btn:focus span:before,
.gnb_open_btn:active span:before		{width:0;}

/* 전체메뉴 */
.gnbMenuBg						{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; cursor:pointer; z-index:998}
.close_box 							{ position:absolute; width:40px; height:40px; text-indent:-9999px; }
.close_box:before		 			{ position:absolute; left:50%; top:50%; width:1px; height:35px; margin-top:-17.5px; background-color:#fff; content:''; transform:rotate(45deg); transition:transform .2s ease;}
.close_box span:before 			{ position:absolute; left:50%; top:50%; width:1px; height:35px; margin-top:-17.5px; background-color:#fff; content:''; transform:rotate(-45deg); transition:transform .2s ease;}



/* Footer */
.footer								{ padding:3em 0 4em; font-size:1em; background:#161616}
.footer_agency						{ margin-bottom:2em;  padding-bottom:2em; border-bottom:1px solid #2e2e2e }
.footer_logo *						{ display:inline-block; *display:inline; color:#fff; vertical-align:middle}
.footer_logo img                    { max-height:35px; }
.footer_logo>li+li					{ margin-left:2em}
.footer_logo li li					{ margin:0 2em 0 0 }
.footer_logo>li:last-child			{ margin-left:0; display:block; margin-top:1.5em }
.footer_logo>li:nth-child(n+3)			{ margin-left:0; display:block; margin-top:1.5em }
.footer_logo strong			    	{ font-size:1.14em; font-weight:400; letter-spacing:-.05em; margin-right:1.2em}
.footer .family_site					{ position:absolute; top:100px; right:0; width:100%; max-width:200px; z-index:2}
.footer .family_site .btn			{ position:relative; width:100%; padding:.7em .8em; font-size:.96em; color:#dfdfdf; text-align:left; background-color:transparent; background-image:url(/assets/site/LET/img/common/bg_family_site.png); background-position:90% 50%; background-repeat:no-repeat; border:1px solid #2e2e2e; cursor:pointer; outline:none}
.footer .family_site .btn.on			{ background-image:url(/assets/site/LET/img/common/bg_family_site_on.png);}
.footer .family_site .con				{ display:none; position:absolute; right:0; bottom:38px; width:100%; border:1px solid #989898; background-color:#fff;}
.footer .family_site .con ul			{ padding:1em}
.footer .family_site .con li a			{ position:relative; display:block; padding:5px 10px; font-size:.9em; line-height:1.4; color:#252525;}
.footer .family_site .con li a:before	{ position:absolute; left:0; top:15px; display:inline-block; width:6px; height:1px; background:#666; content:'';}

.footer .footer_link				{ clear: both; width:100%; padding-bottom:1em; font-weight:300;}
.footer .footer_link li				{ position:relative; display:inline-block; *display:inline; font-size:1.07em; color:#fff}
.footer .footer_link li+li			{ margin-left:.6em; padding-left:.6em}
.footer .footer_link li+li:after	{ position:absolute; top:5px; left:0; width:1px; height:10px; background:#a0a0a0; content:""}
.footer .address					{ float:left; width:60%}
.footer address *					{ display:inline-block; *display:inline; font-style:normal; font-family:'Spoqa Han Sans','Sans-serif'; color:#cfcfcf; line-height:1.6; word-break:keep-all;}
.footer address dl+dl				{ margin-left:1em;}
.footer address p					{ display:block; color:#a7a7a7}
.footer .property					{ clear:both; width:100%; margin:2em auto 0 auto; padding:2em 0 0 0; border-top:1px solid #2e2e2e; }
.footer .property p					{ font-size:.95em; color:#cfcfcf; padding:2px 0 }

.banner										{ position:absolute; margin:0 auto; width:444px; overflow:hidden; right:0; bottom:8em; height:115px}
.banner *									{ outline:none }
.banner	.bn_box								{ position:relative; width:100%; margin:0;}
.banner	.bn_box ul							{ margin:0;  }
.banner	.bn_box ul li						{ float:left; text-align:center; }
.banner	.bn_box ul li a						{ display: block; text-align:center}
.banner	.bn_box ul li a img					{ display:table; margin:0 auto; max-width:100% }
.banner	.bn_box .slick-arrow				{ position:absolute; bottom:-30px; right:0; width:9px; height:18px; margin-top:0; display:block; text-indent:-99999%; overflow:hidden; cursor:pointer; border:none }
.banner	.bn_box .slick-next					{ right:0; background:url('/assets/site/LET/img/common/bot_next.png') no-repeat center; top:inherit }
.banner	.bn_box .slick-prev					{ right:42px; background:url('/assets/site/LET/img/common/bot_prev.png') no-repeat center; top:inherit}
.banner	.bn_box .btn_box a					{ display:block; position:absolute; bottom:-22px; width:9px; height:18px; margin-top:0;  text-indent:-99999%; overflow:hidden;  }
.banner	.bn_box .btn_box .control a			{ right:21px; display:block; overflow:hidden; width:8px; height:18px; }
.banner	.bn_box .btn_box a.btn_stop			{ background:url('/assets/site/LET/img/common/bot_stop.png') no-repeat center; }
.banner	.bn_box .btn_box a.btn_play			{ display:none; background:url('/assets/site/LET/img/common/bot_play.png') no-repeat center; }

/* sky menu */
.skyBanner { position:fixed; right:3%; top:300px; z-index:55; transition:all ease 0.2s; }
.skyBanner .sky_con { width:100px; background:#005595; text-align:center; overflow:hidden; border-radius: 50px;}
.skyBanner .sky_con h2 { padding:24px 0 15px 0; color: #fff; font-size:18px; line-height:22px;}
.skyBanner .sky_con ul { width:100%; }
.skyBanner .sky_con ul li { border-top:1px solid rgba(255, 255, 255, 0.238);}
.skyBanner .sky_con ul li a { display:block; margin-top:16px;}
.skyBanner .sky_con ul li p  { padding:7px 0; color: #fff; font-size:13px; font-weight:300; letter-spacing:-.2px;}
.skyBanner .sky_con .sky_topbtn	{ display:block; padding:1.5em 0; color:#fff; background-color: #ff8a0f; }


@media all and (min-width:1301px){
	/* PC 전체메뉴 */
	.gnbM																	{ position:fixed; right:-100%; top:0; z-index:999; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
	.gnbM.open																{ right:auto; left:50%; width:1400px; margin-left:-700px}
	.gnbNavigation															{ margin:0 auto; padding:150px 0 0 0; width:100%; color:#181818; clear:both; }
	.gnbNavigation > ul.clearfix											{ display:table; width:100%; overflow:hidden;}
	.gnbNavigation > ul.clearfix > li										{ position:relative; padding:20px 15px; opacity:0; transform:translateX(30px); transition-property:opacity, transform; transition-duration:1s;
																				transition-timing-function:cubic-bezier(0.23, 1, 0.38, 1);  text-align:left; vertical-align:top;}
	.gnbNavigation > ul.clearfix > li+li									{ border-top:1px solid #e7e7e7;}
	.gnbNavigation > ul.clearfix > li:after									{ display:block; clear:both; content:''; }
	.gnbM.open .gnbNavigation > ul.clearfix > li:nth-child(2)			{ transition-delay:.4s; }
	.gnbM.open .gnbNavigation > ul.clearfix > li:nth-child(3)			{ transition-delay:.6s; }
	.gnbM.open .gnbNavigation > ul.clearfix > li:nth-child(4)			{ transition-delay:.8s; }
	.gnbM.open .gnbNavigation > ul.clearfix > li:nth-child(5)			{ transition-delay:1.0s; }
	.gnbM.open .gnbNavigation > ul.clearfix > li:nth-child(6)			{ transition-delay:1.2s; }
	.gnbM.open .gnbNavigation > ul.clearfix > li:nth-child(7)			{ transition-delay:1.4s; }
	.gnbM.open .gnbNavigation > ul.clearfix > li:nth-child(8)			{ transition-delay:1.5s; }
	.gnbM.open .gnbNavigation > ul.clearfix > li:nth-child(9)			{ transition-delay:1.6s; }
	.gnbM.open .gnbNavigation > ul.clearfix > li:nth-child(10)			{ transition-delay:1.7s; }
	.gnbM.open .gnbNavigation > ul.clearfix > li						{ opacity:1; transform:translateY(0); }
	.gnbM.open .gnbNavigation > ul.clearfix > li:nth-child(2):before    { display:none;}
	.gnbNavigation > ul.clearfix > li > a								{position:relative;float:left;width: 16%;color:#181818;font-size:25px;letter-spacing:-0.5px;font-weight:500;padding:2px 0}
	.gnbNavigation > ul.clearfix > li > a:before				{ position:absolute; left:50%; margin-left:-20px; width:40px; height:3px; color:#181818;  bottom:0; content:'';}
	.gnbNavigation > ul.clearfix > li .gnb_2dep					{float:right;width: calc(100% - 18%);}
	.gnbNavigation > ul.clearfix > li .gnb_2dep li				{ position:relative; float:left; margin-right:2em;  }
	.gnbNavigation > ul.clearfix > li .gnb_2dep li a			{ display:block; color:#737373; font-size:18px; font-weight:300; padding:7px 0; position:relative; z-index:22}
	.gnbNavigation > ul.clearfix > li .gnb_2dep li a:hover		{ color:#0c6db7}

	.close_box 													{ left:50%; top:0; margin-left:-20px; padding:35px; cursor:pointer; background:#0c6db7;}
	.close_box:before		 									{ width:3px; }
	.close_box span:before 										{ width:3px; }

	.close_box:hover:before,
	.close_box:focus:before,
	.close_box:active:before									{ transform:rotate(225deg);}
	.close_box:hover span:before,
	.close_box:focus span:before,
	.close_box:active span:before 								{ transform:rotate(135deg);}
	.gnbMenuBg													{ background-color:#fff; background-color:rgba(255,255,255,.95); }
}
@media all and (min-width:1025px){
	.mobile					{ display:none !important;}
}



@media all and (max-width:1800px){
	/* Header */
	.header .con_inner					{ max-width:100%}



	/* PC 메뉴 */
	.main_menu								{ height:100px; margin:0 auto; text-align:center; }
}
@media all and (max-width:1767px){
	.main_menu .gnb > li > a > span				{ padding:0 20px }
}
@media all and (max-width:1700px){
	/* Footer */
	.footer .footer_link,
	.footer .address					{ float:none; width:100%; text-align:center;}
	.footer                             { padding:3em 0 6em }
	.footer .family_site                { top:inherit; bottom:-4em; right:50%; margin-right: -100px;}
	.footer .property p					{ text-align:center }

	.banner									{ position:inherit; margin:15px auto }
	.banner .bn_box .btn_box .control a		{ right:50%; margin-left:-4px; }
	.banner .bn_box .slick-prev				{ right:50%; margin-right:25px; }
	.banner .bn_box .slick-next				{ right:50%; margin-right:-25px; }
}
@media all and (max-width:1667px){
	.main_menu .gnb > li > a > span				{ font-size:1.5em; padding:0 15px }
}
@media all and (max-width:1567px){
	.header h1.logo							{ width:290px; height:48px; }

	/* PC 메뉴 */
	.main_menu								{ padding-left:5em }
	.main_menu .gnb > li > a > span			{font-size: 1.4em;padding: 0 10px;}

    /* Sky 메뉴 */
    .skyBanner										{ left:inherit; right:2%; margin-left:0; top:inherit; bottom:5%; }
	.wrap.fixed .skyBanner							{ top:inherit; bottom:5%; }
	.skyBanner .sky_con .sky_btn					{ padding:1.5em 2%; position:relative }
	.skyBanner .sky_con .sky_btn:before				{ position:absolute; left:50%; bottom:8px; margin-right:-5.5px; width:2px; height:10px; content:''; background:#fff; transform:rotate(-45deg); }
	.skyBanner .sky_con .sky_btn:after				{ position:absolute; left:50%; bottom:8px; margin-left:-5.5px; width:2px; height:10px; content:''; background:#fff; transform:rotate(45deg); }
	.skyBanner .sky_con .sky_btn.on:before			{ transform:rotate(45deg); }
	.skyBanner .sky_con .sky_btn.on:after			{ transform:rotate(-45deg); }
	.skyBanner .sky_con .sky_menu					{ display:none; }
	.skyBanner .sky_con #back2top					{ padding:1em 0; }
}
@media all and (max-width:1467px){
.header h1.logo							{ width:270px; height:48px; }
}
@media all and (max-width:1350px){
	.header h1.logo                         { top:26px }
	.header.fixed h1.logo                   { top:19px }

	/* PC 메뉴 */
	.main_menu .gnb > li > a > span			{ font-size:1.35em; }
}
@media all and (max-width:1300px){
	/* PC 메뉴 */
	.main_menu							{ display:none }

	/* 모바일 메뉴 */
	.gnbM											{ position:fixed; top:0; right:-300vh; z-index:999; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}

	.gnb_open_btn									{ top:33.5px }
	.close_box 										{ right:10px; top:10px;}
	.gnbM.open										{ right:0; }
	.gnbM											{ width:270px; height:100%; max-width:550px; background-color:#00549d; overflow-y:auto;}
	.gnbNavigation									{ padding-top:60px }
	.gnbNavigation > ul.clearfix					{ border-top:1px solid rgba(255,255,255,0.1);}
	.gnbNavigation > ul.clearfix > li				{ width:100%; margin:0; border-bottom:1px solid rgba(255,255,255,0.1); animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1); }
	.gnbNavigation > ul.clearfix > li > a		{ position:relative; display:block; height:55px; line-height:48px; padding:0 5%; color:rgba(255,255,255,0.8); font-size:20px; letter-spacing:-0.5px; font-weight:500; text-align:center}

	.gnbNavigation > ul.clearfix > li > a			{ text-align:left; font-size:1.2em; font-weight:400; height:48px }
	.gnbNavigation > ul.clearfix > li > a:before	{ display:none }

	.gnbNavigation > ul.clearfix > li .gnb_2dep					{ display:none; padding:15px; background-color:#2c2c2c}
	.gnbNavigation > ul.clearfix > li .gnb_2dep li:before		{ display:none }
	.gnbNavigation > ul.clearfix > li .gnb_2dep li				{ padding:0; border-bottom:none }
	.gnbNavigation > ul.clearfix > li .gnb_2dep li:first-child	{ border-top:none }
	.gnbNavigation > ul.clearfix > li .gnb_2dep li a			{ display:block; color:rgba(255,255,255,0.5); font-size:1.1em; padding:.65em 0;}
	.gnbNavigation > ul.clearfix > li .gnb_2dep li a:before 	{ display:none }
	.gnbNavigation > ul.clearfix > li .gnb_2dep li a:hover		{ color:rgba(255,255,255,1)}
	.gnbNavigation> ul.clearfix > li 		{ background:url(/assets/site/LET/img/common/bg_family_site_on.png) no-repeat 93% 20px;}
	.gnbNavigation> ul.clearfix > .active	{ background:url(/assets/site/LET/img/common/bg_family_site.png) no-repeat 93% 20px;}
	.gnbMenuBg						{ background-color:#000; background-color:rgba(0,0,0,0.83);}

}
@media all and (max-width:1024px){
	/* Element Reset */
	html, body, button, input, select, textarea, pre { font-size:13px;}

	.pc						{ display:none !important;}

	/* Footer */
	.footer							{ position:relative; padding:5em 0;}
	.footer .con_inner				{ position:static;}
	.footer .family_site				{ max-width:100%; border:none; background:rgba(255,255,255,.2); top: inherit; bottom: 0; right: 0; margin-right: 0;}
	.footer .family_site .btn		{ padding:1em 3%; border:0; background-position-x:95%;}
	.footer .family_site .con		{ bottom:38px; background:#f7f7f7;}
	.footer .footer_logo			{ text-align:center;}
}
@media all and (max-width:800px){
	/* Header */
	.header							{ height:85px; padding-top:0;}
	.header h1.logo				{width: 220px;font-size:110%;height: 36px;top:20px}
	.header.fixed h1.logo							{ top:20px; }

	/* Top Menu */
	.header .top_menu			{ padding-top:15px}
	.header .top_menu:after		{ display:none;}
	.header .top_menu>div>*	{ margin:2px 0}
	.header li.lang_area .langBox { color:#181818; background:#fff;}

	/* 헤더 고정 */
	.header.fixed .top_menu		{ padding-top:29px;}

	/* Footer */
	.footer .footer_logo>li		 { display:block; }
	.footer .footer_logo>li+li	{ margin:1em 0 0}
}

@media all and (max-width:600px){
	/* Element Reset */
	html, body, button, input, select, textarea, pre{ font-size:12.5px; }

	/* Footer */
	.footer .family_site .con			{ bottom:35px;}
	.footer .family_site .btn			{ padding:1.1em; font-size:0.9em;}
	.footer .footer_link				{ padding-bottom:1.5em; text-align:center;}
	.footer .footer_link ul				{ overflow:hidden; border-top:1px solid rgba(255,255,255,.3); border-left:1px solid rgba(255,255,255,.3); }
	.footer .footer_link li				{ float:left; width:50%; margin:0 !important; line-height:2.5; border-right:1px solid rgba(255,255,255,.3); border-bottom:1px solid rgba(255,255,255,.3);}
	.footer .footer_link li+li:after	{ display:none}
	.footer_logo strong						{ display:block; margin-right:0; }
	.footer_logo ul>li:first-child:nth-last-child(1),
	.footer_logo ul>li:first-child:nth-last-child(1)~li	{ margin-right:0; }
	.footer .footer_logo li li			{ margin-top:.5em}
	.footer .footer_logo li li img	{ height:25px}
	.footer .ml15                           { margin-top:1em }
	.banner									{ width:80%; height:inherit; padding-bottom:25px; }
}

@media all and (max-width:468px){
	/* Header */
	.header h1.logo				                    {width: 200px;height: 34px;top: 24px;}
	.header.fixed h1.logo							{top: 26px;}
	.footer .footer_link ul li:nth-child(3)	{ width:100% !important; }
}
@media all and (min-width:401px){
	.gnbNavigation .none							{ display:none !important }
}

@media all and (max-width:400px){
	/* Header */
	.header							{ height:65px !important;}
	.header h1.logo				{ top:17.5px; }
	.header.fixed h1.logo							{top: 18px;}
	.gnb_open_btn					{ top:21px; }
	/* Top Menu */
	.header .top_menu						{ padding-top:20px; text-align:right}
	.header .link >li+li:before,
	.header .top_menu .sns,
	.header .link									{ display:none !important}

	/* 헤더 고정 */
	.header.fixed .top_menu		{ padding-top:20px;}

	/* 모바일 메뉴 */
	.gnbNavigation .none							{ display:block }
	.gnbNavigation > ul.clearfix > .lang_area		{ position:absolute; top:15px; left:5%; width:72%; background:none; border:1px solid rgba(255,255,255,0.5)}
	.gnbNavigation li.lang_area button				{ padding:.5em 40px .5em 35px; background:url(/assets/site/LET/img/common/bg_lang.png) no-repeat 10px 50%; color:#fff}
	.gnbNavigation li.lang_area button
	.gnbNavigation li.lang_area button:after		{ top:1em}
	.gnbNavigation li.lang_area .langBox			{ left:0; width:100%; margin-top:0; }
	.gnbNavigation li.lang_area .lang				{ position:relative }
	.gnbNavigation li.lang_area .lang:after			{ position:absolute; right:10px; top:10px; width:1px; height:9px; background:#fff; content:''; transform:rotate(45deg); }
	.gnbNavigation li.lang_area .lang:before		{ position:absolute; right:16px; top:10px;  width:1px; height:9px; background:#fff; content:''; transform:rotate(-45deg); }
	.gnbNavigation .sns								{ margin:2em 0; text-align:center;}
	.gnbNavigation .sns li							{ display:inline-block; margin:0 4px}
	.gnbNavigation .sns li a						{ width:29px; background:url(/assets/site/LET/img/common/bg_sns.png) no-repeat 0 0 }
	.gnbNavigation .sns .store						{ background:url(/assets/site/LET/img/common/icon_store_w.png) no-repeat}
}





/* =================================================================================
							              팝업
====================================================================================== */
#popup, #popup2							{ left:50% !important; transform:translateX(-50%); }
#popup, #popup2, .bMulti 				{ display: none;min-width:800px;padding:0; overflow:inherit !important;}
#popup, .bMulti 						{ min-height: 500px;}
/* 클릭할 버튼 */
.button 								{ cursor: pointer; display: inline-block; padding: 0; text-decoration: none;}
/* 닫기 버튼 */
.button.b-close, .button.bClose 		{ position:absolute; right:2%; top:2%; z-index:999; padding:0;}

.calender_pop							{ margin:0 auto; padding:0; width:100%; overflow:hidden }
.calender_pop .con						{ clear:both; width:100%; margin:50px auto 0 auto; padding:2%; background:#fff;  }
.calender_pop .con .year_box			{ clear:both; width:100%; margin:0 auto 20px auto; text-align:center; color:#3b3b3c; font-weight:bold }
.calender_pop .con .year_box small		{ font-size:x-large; font-weight:200 }
.calender_pop .con .calender_list		{ clear:both; width:100%; margin:0 auto; padding:0; overflow:hidden; overflow-y:scroll; overflow-x:hidden; max-height:300px }
.calender_pop .con .calender_list li	{ float:none; margin:0; padding:12px 2%; line-height:130%; border-bottom:1px dashed rgba(0,0,0,0.1); }
.calender_pop .con .calender_list li a	{ font-size:105%; color:rgba(0,0,0,0.84); font-weight:400 }
@media all and (max-width:867px){
	#popup, #popup2, .bMulti 				{ min-width:700px; max-width:700px;}
}
@media all and (max-width:767px){
	#popup, #popup2, .bMulti 				{ min-width:600px; max-width:600px;}
}
@media all and (max-width:667px){
	#popup, #popup2, .bMulti 				{ min-width:500px; max-width:500px;}
}
@media all and (max-width:567px){
	#popup, #popup2, .bMulti 				{ width:96% !important;  min-width:inherit; max-width:inherit;}
}



.sports_pop                                 { clear:both; width:100%; max-width:1100px; background:#fff; overflow:hidden; position:relative; left:50% !important; transform:translateX(-50%); }
.sports_pop  .b-close                       { position:absolute; right:0; top:0; width:50px; height:50px;  text-indent:-9999px; background:#003b83}
.sports_pop  .b-close:before                { position:absolute; left:50%; top:50%; width:1px; height:35px; margin-top:-17.5px; background-color:#fff; content:''; transform:rotate(45deg); transition:transform .2s ease;}
.sports_pop  .b-close span:before           { position:absolute; left:50%; top:50%; width:1px; height:35px; margin-top:-17.5px; background-color:#fff; content:''; transform:rotate(-45deg); transition:transform .2s ease;}
.sports_pop  .b-close:hover:before,
.sports_pop  .b-close:focus:before,
.sports_pop  .b-close:active:before         { transform:rotate(225deg);}
.sports_pop  .b-close:hover span:before,
.sports_pop  .b-close:focus span:before,
.sports_pop  .b-close:active span:before    { transform:rotate(135deg);}
.sports_pop  .sports_con                    { clear:both; margin:0; width:100%; padding:50px; overflow:hidden }
.sports_pop  .sports_con .sports_pop_slider	{float:left; width:50%; position:relative; border:1px solid #0d7fbe; font-size:0; line-height:1}
.sports_pop  .sports_con .sports_con_text	{ float:right; width:47%; }
.sports_pop  .sports_con .tit               { clear:both; width:100%; font-size:2.6em; font-weight:400; background:url(/assets/site/LET/img/content/img_logo.png) left center no-repeat; overflow:hidden;
                                             background-size:auto 25px; -moz-background-size:auto 25px; -webkit-background-size:auto 25px; padding:0 0 0 40px; color:#0c6db7 }
.sports_pop  .sports_txt                    { clear:both; width:100%; margin:2vh auto 0 auto; padding:2vh; border:1px solid rgba(0,0,0,0.1); overflow:hidden; font-size:1.1em; line-height:1.6; color:rgba(38,38,38,0.74) }
.sports_pop  .sports_btn                    { display:table; width:100%; margin:2vh auto 0 auto; padding:0; text-align:center; }
.sports_pop  .sports_btn li                 { width:100%; margin:0; padding:0 2px }
.sports_pop  .sports_btn li+li				{ margin-top: 2px;}
.sports_pop  .sports_btn li a               { display:block; width:auto; line-height:3; text-align:center; transition:all ease 0.3s; padding:0 .5em; }
.sports_pop  .sports_btn li:first-child a       { background:#136dbd; color:#fff;}
.sports_pop  .sports_btn li:nth-child(2) a		{ background:#d82227; color:#fff;}
.sports_pop  .sports_btn li:nth-child(3) a		{ background:#ff9800; color:#fff;}
.sports_pop  .sports_btn li:nth-child(4) a        {background: #a0cd44; color:#fff;}
.sports_pop  .sports_con .sports_pop_slider .slick-arrow		{ width:40px; height:40px; top:50%;  margin:0; padding:0; border:0; outline:0; position:absolute; z-index:5; font-size:0; box-sizing:border-box;
																	background:#135a81; cursor:pointer; transform:translateY(-50%);}
.sports_pop  .sports_con .sports_pop_slider .slick-arrow:before	{ width:14px; height:14px; border-width:1px 1px 0 0; border-color:#fff; opacity:0.6; border-style:solid; position:absolute; display:inline-block; content:"";  }

.sports_pop  .sports_con .sports_pop_slider .slick-prev			{ left:0%; -webkit-transform:inherit; -ms-transform:inherit; transform:inherit;}
.sports_pop  .sports_con .sports_pop_slider .slick-next			{ right:0%;  -webkit-transform:inherit; -ms-transform:inherit; transform:inherit;}
.sports_pop  .sports_con .sports_pop_slider .slick-prev:before	{ left:43%; top:46%; transform:rotate(-135deg) translate(0%, -50%); margin-top:-12px; margin-left:6px; }
.sports_pop  .sports_con .sports_pop_slider .slick-next:before 	{ right:45%; top:54%; transform:rotate(45deg) translate(0%, -50%); margin-top:-5px; margin-right:6px; }

.sports_pop  .sports_con .sports_pop_slider .list_none			{ padding-top:50%; padding-bottom:40%; font-size:25px; font-weight:400; color:rgba(0,0,0,.7); text-align:center;
																	background:url(/assets/site/LET/img/main/img_visual_03.png) 50% 36% no-repeat #136dbd; color:#fff; }

@media all and (max-width:1268px){
	.sports_pop                                 { width:94%; left:3%!important; transform:inherit;}
}
@media all and (max-width:1068px){
	.sports_pop  .sports_con                    { padding:40px;}
	.sports_pop  .sports_con .sports_pop_slider .slick-arrow		{ width:40px; height:40px;  }
	.sports_pop  .sports_con .sports_pop_slider .slick-arrow:before	{ width:15px; height:15px;}
	.sports_pop  .sports_con .sports_pop_slider .slick-prev:before	{ left: 40%;top: 48%;}
	.sports_pop  .sports_con .sports_pop_slider .slick-next:before 	{ right: 40%;top: 57%;}
	.sports_pop  .sports_con .sports_pop_slider .slick-prev			{ right:42px; }
}
@media all and (max-width:968px){
	.sports_pop  .sports_con                    					{ padding:50px; overflow-y:auto; max-height:40em; overflow-x:hidden}
	.sports_pop  .sports_con .sports_con_text						{ float:inherit; width:100%; }
	.sports_pop  .sports_con .sports_pop_slider						{ float:inherit; width:100%; margin-top:30px; }
}
@media all and (max-width:668px){
	.sports_pop .sports_con .tit                   					{ font-size:2.3em; }
	.sports_pop .sports_txt											{ padding:1.5vh; }
}
@media all and (max-width:568px){
	.sports_pop  .sports_con                    					{ padding:40px 30px; }
}
@media all and (max-width:468px){
	.sports_pop  .sports_btn li                 					{ display:block; width:100%; }
	.sports_pop  .sports_btn li+li									{ margin-top:2px; }
}