@charset "utf-8";

/* Font */
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;600&display=swap');

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

@font-face {
   font-family: 'Luxury Gothic';
   font-style: normal;
   font-weight: 400;
   src: url(/assets/site/LET/css/fonts/LuxuryGothic_M.woff2) format('woff2'),
        url(/assets/site/LET/css/fonts/LuxuryGothic_M.woff) format('woff'),
        url(/assets/site/LET/css/fonts/LuxuryGothic_M.otf) format('opentype');
}
@font-face {
   font-family: 'Luxury Gothic';
   font-style: normal;
   font-weight: 600;
   src: url(/assets/site/LET/css/fonts/LuxuryGothic_B.woff2) format('woff2'),
        url(/assets/site/LET/css/fonts/LuxuryGothic_B.woff) format('woff'),
        url(/assets/site/LET/css/fonts/LuxuryGothic_B.otf) format('opentype');
}
@font-face {
   font-family: 'Luxury Gothic';
   font-style: normal;
   font-weight: 700;
   src: url(/assets/site/LET/css/fonts/LuxuryGothic_EB.woff2) format('woff2'),
        url(/assets/site/LET/css/fonts/LuxuryGothic_EB.woff) format('woff'),
        url(/assets/site/LET/css/fonts/LuxuryGothic_EB.otf) format('opentype');
}

@font-face {
  font-family: 'icomoon';
  src:  url('/assets/site/LET/css/fonts/icomoon.eot?pl6yqe');
  src:  url('/assets/site/LET/css/fonts/icomoon.eot?pl6yqe#iefix') format('embedded-opentype'),
    url('/assets/site/LET/css/fonts/icomoon.ttf?pl6yqe') format('truetype'),
    url('/assets/site/LET/css/fonts/icomoon.woff?pl6yqe') format('woff'),
    url('/assets/site/LET/css/fonts/icomoon.svg?pl6yqe#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="ico_"], [class*=" ico_"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ico_alarm:before {
  content: "\e90c";
}
.ico_allmenu:before {
  content: "\e913";
}
.ico_blank:before {
  content: "\e914";
}
.ico_main-search:before {
  content: "\e915";
}
.ico_download:before {
  content: "\e865";
}
.ico_file:before {
  content: "\e81e";
}
.ico_online:before {
  content: "\e839";
}
.ico_alarm-clock:before {
  content: "\e900";
}
.ico_interest:before {
  content: "\e901";
}
.ico_support:before {
  content: "\e902";
}
.ico_scrap:before {
  content: "\e903";
}
.ico_scrap-on:before {
  content: "\e904";
}
.ico_cancell:before {
  content: "\e905";
}
.ico_complete:before {
  content: "\e906";
}
.ico_completion:before {
  content: "\e907";
}
.ico_ongoing:before {
  content: "\e908";
}
.ico_prepare:before {
  content: "\e909";
}
.ico_receiving:before {
  content: "\e90a";
}
.ico_home:before {
  content: "\e90b";
}
.ico_se_arr:before {
  content: "\e90d";
}
.ico_kakao:before {
  content: "\e90e";
}
.ico_link:before {
  content: "\e90f";
}
.ico_naver:before {
  content: "\e910";
}
.ico_printer:before {
  content: "\e911";
}
.ico_search:before {
  content: "\e912";
}
.ico_interest-on:before {
  content: "\ea10";
}
.ico_play:before {
  content: "\ea1c";
}
.ico_pause:before {
  content: "\ea1d";
}




/* ===============================================================================================
	                                     
										 공통

 ================================================================================================ */

*	{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; outline:none }
html, body, div, section, main, 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, p, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend					{ margin:0; padding:0; border:0; vertical-align:baseline; word-wrap:break-word; word-break:keep-all;}
html 				{ overflow-x:hidden; -webkit-text-size-adjust:100%; font-family:'Noto Sans KR','Spoqa Han Sans','Montserrat',Dotum,돋움,Tahoma,Geneva,sans-serif; }
html, body 			{ width:100%; position:relative; -word-break:break-all;-ms-word-break:break-all; margin:0 auto; font-weight:400; letter-spacing:-0.65px}
body, div 			{ font-size:15px; color:#363636;}
select, input,
textarea, button 	{ font-family:inherit; font-size:15px; vertical-align:middle; color:rgba(0, 0, 0, 0.64);}
button, input[type='submit'], input[type='button']              { cursor:pointer }
h1, h2, h3,
h4, h5, h6 			{ font-size:100%; font-weight:normal;}
a					{ color:#363636; text-decoration:none; word-break:break-all; transition:all ease 0.3s;}
a:link,
a:visited,
a:hover,
a:active,
a:focus				{ text-decoration:none;}
input 				{ padding:0; margin:0;}
table 				{ border-collapse:collapse; border-spacing:0; vertical-align:top;}
table th 			{ font-size:16px;}
img,fieldset		{ border:0;}
ol, ul 				{ list-style:none;}
legend, caption,
.blind, .skip	 	{ position:absolute !important; width:1px !important; height:1px !important; overflow:hidden; clip:rect(0,0,0,0); clip-path:polygon(0 0, 0 0, 0 0);}
i, em 				{ font-style:normal;}
img 				{ max-width:100%;}


/* Select */
select::-ms-expand				{ display:none; } /* IE에서 Select box 화살표 제거 */
select 								{ -webkit-appearance:none; -moz-appearance:none; appearance:none; filter:alpha(opacity=0); background:url(/assets/site/LET/img/board/se_arr.svg) 94% 50% no-repeat #fff; background-size:12px auto; }


/* 라벨 */
.label									{ display:inline-block; margin:3px; padding:0; font-size:14px; font-weight:normal;}
.label.red								{ color:#d9534f}
.label.blue							{ color:#6ec173}
.label.gray							{ color:#999}
.label.green							{ color:#5cb85c}
.label.sky								{ color:#ff7c34}
.label.brown							{ color:#7b462f}
.label.black							{ color:#262626}
.label.purple						{ color:#8376ff}
.label.online							{ color:#ff8522}
.label.offline							{ color:#00cc99}
.label.online_app					{ background:#ff8522; color:#fff; border-radius:1em; margin-right:6px !important; line-height:initial; padding:0.25em 0.5em;}
.label.file_app						{ background:#999; color:#fff; border-radius:1em; margin-right:6px !important; line-height:initial; padding:0.25em 0.5em }
.board.btn 							{ margin-top:20px;}

.small									{ display:inline-block; height:25px; margin:3px 3px 3px 0; padding:0 10px; font-size:12px; font-weight:normal; vertical-align:1px; line-height:23px; letter-spacing:-1px; text-align:center; border-radius:15px; }
.small.red							{ background-color:#d21111; color:#fff}
.small.blue							{ background-color:#6ec173; color:#fff}
.small.gray							{ background-color:#999; color:#fff}
.small.green							{ background-color:#0dae2b; color:#fff}
.small.sky							{ border:1px solid #36bcb3; color:#36bcb3}
.small.brown						{ background-color:#7b462f; color:#fff}
.small.black							{ background-color:#262626; color:#fff}
.small.purple						{ background-color:#8376ff; color:#fff}
.small.orange						{ background:#ff7c34; color:#fff}
.small.online						{ border:1px solid #ff7c34; color:#ff7c34; }
.ico.small.online					{ background:#ff7c34; color:#fff; }
.small.offline						{ border:1px solid #66e0c2; color:#00cc99}
.board.btn 							{ margin-top:20px;}


/* Button */
.button::-moz-focus-inner 			{ border:0; padding:0;margin:0}
button.button::-moz-focus-inner 	{ margin:0}
.button								{ width:auto; display:inline-block; cursor:pointer; line-height:100%; border:none;  padding:10px 20px; font-size:15px; text-align:center; }
.button.small						{ padding:0 10px; height:30px; line-height:30px; font-size:13px}
.button.medium						{ padding:0 30px; height:40px; line-height:38px; font-size:15px}
.button.large						{ padding:0 35px; height:46px; line-height:46px; font-size:18px;font-weight:400;}
.button.large_square				{ padding:10px 10px;font-size:14px;font-weight:400;}
.button.course						{ padding:5px 30px; height:40px; line-height:30px; font-size:16px; border-radius:30px;}
.button.black						{ background-color: #333333;color: #fff;border:1px solid transparent;}
.button.black:hover					{ background-color: #000}
.button.white						{ background-color: #fff;color: #6ec173;border:1px solid #6ec173;}
.button.white:hover					{ background-color: #fff;border:1px solid #489c4d}
.button.blue						{ background-color: #6ec173;color: #fff;border:1px solid #6ec173}
.button.blue:hover					{ background-color: #489c4d;border:1px solid #489c4d}
.button.green						{ background-color: #6ec173;color: #fff;border:1px solid #6ec173}
.button.green:hover					{ background-color: #489c4d;border:1px solid #489c4d}
.button.sky							{ background-color: #6ec173;color: #fff;border:1px solid #6ec173}
.button.sky:hover					{ background-color: #489c4d;border:1px solid #489c4d}
.button.orange						{ background-color: #ee7700;color: #fff;border:1px solid #ee7700}
.button.orange:hover				{ background-color: #ee4900;border:1px solid #ee4900}
.button.red							{ background-color: #e84b4b;color: #fff;border:1px solid #e84b4b}
.button.red:hover					{ background-color: #da2828;border:1px solid #da2828}
.button.gray						{ background-color: #a3a3a3;color: #fff;border:1px solid #939393}
.button.gray:hover					{ background-color: #929292}
.button.long						{ padding-left:0;padding-right:0;width:78px}


/* Module */
.con_inner			{ position:relative; max-width:1300px; width:94%; margin-left:auto; margin-right:auto; }
.area					{ position:relative; max-width:1300px; width:100%; margin:0 auto; }
.after,
.clearfix				{ *zoom:1}
.after:after,
.clearfix:after		{ clear:both; display:block; content:"";}
.center				{ position:relative; width:100%; margin:0 auto; }
.center:after			{ clear:both; display:block; content:"";}
span.block			{ display:block }
.body_wrap			{ padding-left:110px; padding-top:100px; }
.mt5    				{ margin-top:5em; }
font.online			{ color:#ff7c34}
.blank					{ padding-right:22px; background:url(/assets/site/LET/img/common/icon_blank.png) 100% 46% no-repeat; }
.gnbM .blank		{ background:url(/assets/site/LET/img/common/icon_blank_w.png) 100% 46% no-repeat; }


@media all and (max-width:1367px){
	.area					{ width:96%; max-width:initial;}
}
@media all and (max-width:1067px) {
	/* 라벨 */
	.label								{ font-size:13px; }

	/* Button */
	.button								{ padding:10px 20px; font-size:14.5px; }
	.button.small						{ padding:0 10px; height:28px; line-height:28px; font-size:12.5px }
	.button.medium						{ padding:0 30px; height:38px; line-height:38px; font-size:14.5px }
	.button.large						{ padding:0 35px; height:44px; line-height:44px; font-size:17px; }
	.button.large_square				{ padding:10px 10px; font-size:13.5px;}
	.button.course						{ padding:5px 30px; height:38px; line-height:30px; font-size:15.5px; }
}
@media all and (max-width:667px) {
	/* 라벨 */
	.label								{ font-size:12px; }

	/* Button */
	.button								{ padding:7px 15px; font-size:14px; }
	.button.small						{ padding:0 7px; height:26px; line-height:26px; font-size:12px }
	.button.medium						{ padding:0 25px; height:34px; line-height:32px; font-size:13.5px }
	.button.large						{ padding:0 30px; height:40px; line-height:40px; font-size:16px; }
	.button.large_square				{ padding:7px 7px; font-size:13px;}
	.button.course						{ padding:5px 25px; height:34px; line-height:28px; font-size:14.5px; }

}
@media all and (max-width:467px) {
	/* 라벨 */
	.small								{ height:22px; line-height:20px; padding:0 8px; margin:2px 2px 2px 0}
}



/* =================================================================================================

												   상단

 ================================================================================================= */
#header											{ position:relative; width:100%; height:90px; background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.1); z-index:999; }

/* 로고 */
.headerInner .logo								{ position:absolute; top:16.5px; left:0; z-index:1;}
.headerInner .logo a								{ display:block;}

/* 상단메뉴 */
.headerInner .top_menu									{ position:absolute; right:0; top:2.5em; padding-right:2.5em; ;z-index:2 }
.headerInner .top_menu>ul>li							{ float:left; margin:0 10px; font-size:15px; letter-spacing:-.05em; }
.headerInner .top_menu>ul>li a						{ display:block; color:#000; font-weight:300; }
.headerInner .top_menu .gnb_alarm 					{ position:relative; padding:0; font-size:1.6em; background:none; border:0; }
.headerInner .top_menu .ico_alarm					{ vertical-align:top; }
.headerInner .top_menu .gnb_alarm .number		{ position:absolute; display:block; top:-5px; right:-5px; width:15px; height:15px; color:#fff; font-size:11px; line-height:15px; text-align:center; background:#ff7c34; border-radius:50%; }

/* PC 메뉴 */
.gnb													{ height:90px; width:auto; }
.gnb > ul											{ display:table; width:auto; margin:0 auto; text-align:center;  }
.gnb > ul > li										{ position:relative; float:left; text-align:center}
.gnb > ul > li > a									{ display:block; height:90px; padding:0 20px;}
.gnb > ul > li > a:hover,	
.gnb > ul > li.on > a								{ position:relative; }
.gnb > ul > li span:before						{ position:absolute; left:50%; bottom:0; width:0; height:3px; background:#e1560a; content:''; transition:all ease 0.3s;}
.gnb > ul > li.on span:before					{ width:100%; left:0;}
.gnb > ul > li > a > span						{ position:relative; display:block; height:90px; line-height:98px; font-size:21px; color:#000; font-weight:500; letter-spacing:-.05em;}
.gnb > ul > li > a:hover > span,
.gnb > ul > li.on > a > span					{ color:#ff7c34}
.gnb > ul > li .gnb_2dep						{ display:none; position:absolute; top:90px; left:0; width:100%; padding:0 .7em 1em; background-color:#ff7c34;}
.gnb > ul > li .gnb_2dep li a					{ display:block; padding:.7em 0; color:rgba(255,255,255,0.8); letter-spacing:-.05em; font-weight:400; font-size:15px; word-wrap:break-word; word-break:keep-all;}
.gnb > ul > li .gnb_2dep li:first-child a		{ border-top:none }
.gnb > ul > li .gnb_2dep li a:hover			{ font-weight:500; color:rgba(255,255,255,1)}
.gnb > ul > li > a[target="_blank"]>span::after			{ content:"\e914"; display:inline-block; margin:-.3em 0 0 .3em; font-size:.7em; opacity:.4; font-family:'icomoon' !important; speak:never; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; vertical-align:middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale;}
/*.gnb > ul > .gnb5 > a > span::after						{ content:"J-디지털"; position:absolute; top:1.35rem; left:0; color:#ff7c34; font-size:.7em; font-weight:700; line-height:1 }*/



/* =================================================================================================

											 알림창

 ================================================================================================= */
.alarm_box								{ width:0; right:-100%; opacity:0; transition:all .2s}
.alarm_box button					{ padding:0; background:none; border:0;}
.alarm_box .icon_read				{ position:relative; display:inline-block; margin-right:.2em; vertical-align:middle; border:2px solid #ff7c34; border-radius:100%}
.alarm_box .icon_read::before		{ position:absolute; top:20%; left:16%; width:60%; height:30%; border:solid #ff7c34; border-width:0 0 2px 2px;  transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(45deg); content:"";  }

.alarm_box.show 						{ position:fixed; top:0; left:0; right:0; width:100%; height:100vh; margin:0 auto; background:rgba(0,0,0,.9); opacity:1; z-index:11 }
.alarm_box>div						{ display:none; background:#fff; max-width:600px; width:90%; height:100vh; margin-left:auto; margin-right:0;; text-align:left; }
.alarm_box.show>div					{ display:block;}

.alarm_box .alarm_top				{ display:flex; align-items:center; height:90px; padding:0 1.5rem; font-size:1.5em; font-weight:700; color:#fff; background:#ff7c34}
.alarm_box .read						{ margin-left:1em; padding:.5em 1em .6em; vertical-align:middle; background:#fff; border-radius:1.5em}
.alarm_box .read .icon_read			{ width:15px; height:15px; margin-top:-2px }
.alarm_box .alarm_close				{ position:absolute; top:1.9em; right:1.5em; width:26px; height:26px; padding:0; background:none; border:0; }
.alarm_box .alarm_close:before,
.alarm_box .alarm_close:after		{ position:absolute; width:100%; height:2px; left:0; top:50%; background:#fff; content:"";  }
.alarm_box .alarm_close:before	{ transform:translateY(-50%) rotate(45deg); }
.alarm_box .alarm_close:after		{ transform:translateY(-50%) rotate(-45deg);}

.alarm_box .alarm_list						{ height:-webkit-calc(100% - 10em); height:-moz-calc(100% - 10em); height:calc(100% - 10em); padding:1.5rem; overflow-y:auto; margin-top:.5em; color:#181818;  }
.alarm_box .alarm_list	 .list				{ position:relative; padding:0 0 1em 2.5em; margin-bottom:1em; border-bottom:1px solid #eee}
.alarm_box .alarm_list .list .icon_read	{ position:absolute; left:0; top:.2em; width:25px; height:25px; }
.alarm_box .alarm_list	 .list .con		{ display:block; font-size:1.1em; letter-spacing:-.05em; line-height:1.3;}
.alarm_box .alarm_list	 .list .cate	{ display:inline-block; font-weight:500;}
.alarm_box .alarm_list	 .list .arrow	{ position:relative; display:inline-block; width:20px; margin-left:3px; letter-spacing:-.07em; opacity:.7 }
.alarm_box .arrow:after				{ position:absolute; right:0; bottom:4px; width:100%; height:1px; background:#999; content:""}
.alarm_box .arrow:before			{ position:absolute; right:2px; bottom:3px; width:1px; height:8px; background:#999; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(45deg); content:""}

.alarm_box .alarm_list .list time		{ display:block; color:#999}
.alarm_box>div>p						{ padding:0 1.5rem; color:#888; vertical-align:middle; letter-spacing:-.05em;}
.alarm_box>div>p	 .icon_read		{ width:20px; height:20px }

.alarm_box .alarm_list .more_btn		{ margin-top:1.5em;}
.alarm_box .alarm_list .more_btn a	{ display:block; padding:.8em; text-align:center; letter-spacing:-.05em; font-weight:400; background:#f6f6f6; border-radius:5px}





/* =================================================================================================

											  pc전체메뉴

 ================================================================================================= */
#allmenu 								{ position:absolute; right:0;  top:0; z-index:99999; width:0; transition:width .5s ease .2s;}
#allmenu .allmenu_bg 				{ position:absolute; right:0; top:0; width:0; height:100%; background-color:rgba(0,0,0,.9); content:''; opacity:0; transition:opacity .5s ease .2s;}

.all_menu .open 						{ position:absolute; overflow:hidden; top:1px; right:0; padding:0; text-align:center; color:#000; font-size:1.5em; background:none; border:0}
.all_menu .ico_allmenu				{ vertical-align:top; }

/* allmenu menu */
#allmenu .menu 										{ visibility:hidden; display:flex; justify-content:center; align-items:center; position:relative; right:-9999%; max-width:1300px; width:94%; height:100%; margin:0 auto; padding-bottom:10vh; z-index:1;  }
#allmenu .menu > ul									{ display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; width:100%}
#allmenu .menu > ul > li:first-child:nth-last-child(5),
#allmenu .menu > ul > li:first-child:nth-last-child(5)~li	{ width:19%}
#allmenu .menu > ul > li:first-child:nth-last-child(6),
#allmenu .menu > ul > li:first-child:nth-last-child(6)~li	{ width:16%}
#allmenu .menu .depth_01 > li							{ position:relative; }
#allmenu .menu .depth_01 > li > a 						{ display:block; position:relative; padding:15px 0; font-size:22px; font-weight:500; color:#fff; text-align:left; letter-spacing:-.05em;}
#allmenu .menu .depth_01 > li > a::before
#allmenu .menu .depth_01 > li > a[target="_blank"]::after			{ content:"\e914"; display:inline-block; margin:-.3em 0 0 .3em; font-size:.7em; opacity:.4; font-family:'icomoon' !important; speak:never; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; vertical-align:middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale;}
#allmenu .menu .depth_01 > li:before					{ position:absolute; left:0; top:0; width:20px; height:3px; background-color:#fff; content:'';}
/* #allmenu .menu .depth_01 > .group_05>a:before	{ content:"J-디지털 "} */
#allmenu .menu .depth_02>li:before 					{ position:absolute; right:15px; top:50%; z-index:1; margin-top:-15px; color:#d4d0cb; letter-spacing:-0.5px;}
#allmenu .menu .depth_02>li>a 							{ position:relative; display:block; border-bottom:1px solid rgba(255,255,255,0.1); font-size:16px; color:#fff; line-height:1.6; padding:10px 0}
#allmenu .menu .depth_02>li>a:before 				{ position:absolute; left:0; top:0; width:0; height:100%; background-color:#ff7c34; content:''; transition:width .2s ease;}
#allmenu .menu .depth_02>li>a span 					{ display: block; position:relative; z-index:1; padding-left:22px;}
#allmenu .menu .depth_02>li>a span:before 			{ position:absolute; left:5px; top:.9em; width:6px; height:6px; border-radius:100%; border:1px solid rgba(255,255,255,0.3); content:''; transition:background .2s ease; transform:translateY(-50%);}
#allmenu .menu .depth_02 a:hover,
#allmenu .menu .depth_02 a:focus,
#allmenu .menu .depth_02 a:active 						{ font-weight:500; color:#fff}
#allmenu .menu .depth_02 a:hover:before,
#allmenu .menu .depth_02 a:focus:before,
#allmenu .menu .depth_02 a:active:before 			{ width:100%;}
#allmenu .menu .depth_02 a:hover span:before,
#allmenu .menu .depth_02 a:focus span:before,
#allmenu .menu .depth_02 a:active span:before 		{ background-color:#fff;}

/* allmenu close */
#allmenu .close 							{ position:absolute; right:-990px; top:40px; width:40px; height:40px; border:1px solid #ededed; text-indent:-9999px; font-size:0;}
#allmenu .close:before,
#allmenu .close span:before			{ position:absolute; left:50%; top:50%; width:1px; height:20px; margin-top:-10px; background-color:#fff; content:''; transition:transform .1s ease; }
#allmenu .close:before 					{ transform:rotate(45deg);}
#allmenu .close span:before 			{ transform:rotate(-45deg);}
#allmenu .close:hover:before,
#allmenu .close:focus:before,
#allmenu .close:active:before 			{ transform:rotate(225deg);}
#allmenu .close:hover span:before,
#allmenu .close:focus span:before,
#allmenu .close:active span:before 	{ transform:rotate(135deg);}

/* allmenu active */
#allmenu.active 							{ position:fixed; width:100%; height:100%;}
#allmenu.active .allmenu_bg 			{ width:100%; opacity:1;}
#allmenu.active .menu 					{ visibility:visible; right:0;}
#allmenu.active .close					{ right:0 }

/* 상단 고정 */
#header.fixed								{ position:fixed; left:0; top:0; background:rgba(255,255,255,0.95);}



/* =================================================================================================

											  모바일 메뉴

 ================================================================================================= */
.gnb_open_btn	 							{ display:none; position:absolute; overflow:hidden; top:1.7em; right:0; padding:0; text-align:center; color:#000; font-size:1.5em; background:none; border:0}
.gnb_open_btn	 .ico_allmenu			{ vertical-align:top; }

/* close */
.close_box 							{ position:absolute; right:1%; top:0; width:40px; height:40px; text-indent:-9999px; font-size:0;}
.close_box:before 					{ position:absolute; left:50%; top:50%; width:1px; height:30px; margin-top:-10px; background-color:#fff; content:''; transform:rotate(45deg);
										transition:transform .2s ease;}
.close_box span:before 				{ position:absolute; left:50%; top:50%; width:1px; height:30px; margin-top:-10px; background-color:#fff; content:''; transform:rotate(-45deg);
										transition:transform .2s ease;}
.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);}


.gnbM.open								{ right:0px;}
.gnbM									{ width:220px; height:100%; position:fixed; top:0px; right:-100%; max-width:550px; background-color:#ff7c34; z-index:99999; overflow-y:auto;
										-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.gnbNavigation > ul						{ width:100%; overflow:hidden; margin-top:50px; border-top:1px solid rgba(255,255,255,0.1); }
.gnbNavigation > ul > li				{ position:relative; width:100%; border-bottom:1px solid rgba(255,255,255,0.1); }
.gnbM.open  .gnbNavigation> ul > li		{ animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);}
.gnbNavigation > ul > li > a			{ position:relative; display:block;  height:48px; line-height:48px; padding:0 7%; color:#fff; font-size:16px; letter-spacing:-0.25px;}
.gnbNavigation > ul > li .gnb_2dep		{ display:none; padding:13px 0; background-color:#353535}
.gnbNavigation > ul > li .gnb_2dep li	{}
.gnbNavigation > ul > li .gnb_2dep li a	{ display:block; color:rgba(255,255,255,0.5); font-size:14px; padding:10px 7%; position:relative}
.gnbNavigation > ul > li .gnb_2dep li a:hover{color:rgba(255,255,255,1)}
.gnbNavigation > ul > li .gnb_2dep li a.dep_3{background:url("/assets/site/LET/img/common/dep_3_arr.png") no-repeat right center; background-position:90% 50%; }
.gnbNavigation > ul > li .gnb_2dep li.active a.dep_3{ background:url("/assets/site/LET/img/common/dep_3_arr_on.png") no-repeat right center;  background-position:90% 50%;}

.gnbNavigation > ul > li .gnb_3dep		{ display:none; padding:13px 0; background-color:#535353}
.gnbNavigation > ul > li .gnb_3dep li	{}
.gnbNavigation > ul > li .gnb_3dep li a	{ display:block; color:rgba(255,255,255,0.5); font-size:13px; padding:10px 10%;}
.gnbNavigation > ul > li .gnb_3dep li a:hover{color:rgba(255,255,255,1)}

.gnbMenuBg								{ display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; cursor:pointer; background-color:#000; background-color:rgba(0,0,0,0.83); z-index:99998}
/* arr */
.gnbM.open .gnbNavigation> ul > li 			{ background:url("/assets/site/LET/img/common/gnb_arr.png") no-repeat right center;background-size:42px auto;}
.gnbM.open .gnbNavigation> ul > .active		{ background:url("/assets/site/LET/img/common/gnb_arr_on.png") no-repeat right top;background-size:42px auto; background-position:100% 6px;}
.gnbNavigation > ul > .gnb5 > a::before		{ content:"J-디지털 "}

/* sns */
.gnbM ul.sns									{ clear:both; display:table; width:auto; margin:1em auto; padding:0;}
.gnbM ul.sns li									{ display:inline-block; padding:0 0.5em }
.gnbM ul.sns li > a								{ display:block; position:relative; width:47px; height:47px; margin:0 auto; text-indent:100%; overflow:hidden; white-space:nowrap;
													transition:all 0.3s ease 0s; border-radius:100%}
.gnbM ul.sns li > a:before						{ content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff no-repeat; transition:all ease 0.3s; background-position-y:0;}
.gnbM ul.sns li > a[data-sns="face"]:before		{ background-image:url(/assets/site/LET/img/common/icon_face.png)}
.gnbM ul.sns li > a[data-sns="ebook"]:before	{ background-image:url(/assets/site/LET/img/common/icon_ebook.png)}
.gnbM .jblefe_logo								{ clear:both; display:table; margin:0 auto }




/* =================================================================================================

												   하단

 ================================================================================================= */
.footer										{ position:relative; padding:3.3em 0; text-align:center; background:#f5f5f5;  }
.footer .footer_link						{ width:100%; padding:0 0 1em; font-weight:300;}
.footer .footer_link li						{ display:inline-block; margin-right:1.5em;}
.footer .footer_link li a					{ position:relative; display:block; color:#464646; font-size:1.1em; letter-spacing:-.05em;}
.footer .footer_link li a:after				{ position:absolute; right:-.9em; top:.4em; height:.8em; width:1px; background:#464646; content:'' }
.footer .footer_link li:last-child a:after{ display:none }
.footer .address							{ font-style:normal; letter-spacing:-.05em; color:#6a6a6a; font-weight:300;}
.footer .address div *						{ display:inline-block; line-height:1.6; word-break:keep-all; font-size:1rem;}
.footer .address dl							{ margin-right:1em;}
.footer .address dt						{ margin-right:3px }
.footer .address dl:first-child dd		{ margin-left:-2px }
.footer .address .copy					{ font-size:1rem;}


@media all and (max-width:1467px){
	/* PC 메뉴 */
	.gnb > ul > li .gnb_2dep							{ padding:0 15px 15px; }
	.gnb > ul > li .gnb_2dep li a						{ font-size: 14.5px; }
}
@media all and (max-width:1367px){
	/* PC 메뉴 */
	.gnb > ul > li > a									{ padding:0 20px; }
	.gnb > ul > li .gnb_2dep							{ padding:0 10px 10px; }
}
@media all and (max-width:1267px){
	/* PC 메뉴 */
	.gnb > ul > li > a									{ padding:0 15px; }
	.gnb > ul > li .gnb_2dep li a						{ font-size:14px; }
}
@media all and (max-width:1167px){
	/* pc 전체메뉴 */
	#allmenu .menu .depth_01 > li > a 		{ font-size:19px; }
	
	/* PC 메뉴 */
	.gnb > ul > li > a									{ padding:0 10px; }
	.gnb > ul > li > a > span							{ font-size:19px; }
}
@media all and (max-width:1067px){
	/* 상단 고정 */
	#main.fixed	#header									{ background:rgba(255,255,255,0.9);}

	/* PC 메뉴 */
	.gnb,
	.all_menu								{ display:none;}
	
	/* 모바일 메뉴 */
	.headerInner .top_menu				{ right:2.5em; padding-right:0;}
	.gnb_open_btn							{ display:block; }
}
@media all and (max-width:960px){
    #header.pop                                         { top:80px;}
}
@media all and (max-width:767px){
	/* 하단 */
	.footer									{ padding:40px 0 60px }
}
@media all and (max-width:667px){
	/* 상단 */
	#header												{ height:70px; }
	.headerInner .logo									{ top:15px }
	.headerInner .logo img								{ max-height:38px; }
	
	/* 상단메뉴 */
	.headerInner .top_menu								{ top:25px; }
	.headerInner .top_menu>ul>li						{ margin:0 5px; font-size:13.5px; }
	
	/* 알림창 */ 
	.alarm_box .alarm_top							{ height:70px; padding:0 1rem; font-size:1.35em; }
	.alarm_box .alarm_close							{ top:1.4em}
	.alarm_box .read									{ padding:.3em .8em .4em}
	.alarm_box .alarm_list								{ padding:1rem; height:calc(100% - 8em)}
	.alarm_box .alarm_list .list .con					{ font-size:1.05em;}
	.alarm_box .alarm_list .list time					{ font-size:.95em;}
	.alarm_box>div>p									{ padding:0 1rem; font-size:.95em; }

	/* 모바일 메뉴 */
	.gnb_open_btn										{ top:1.15em }
	
	/* 하단 */
	.footer .footer_link li					{ font-size:15px;  margin-right:20px;}
	.footer .address div *,
	.footer .address p						{ font-size:14px }
}
@media all and (max-width:567px){
	/* 하단 */
	.footer										{ padding:30px 0 50px }
	.footer .footer_link li:last-child,
	.footer .footer_link li:nth-child(3) a:after{ display:none }
}
@media all and (max-width:500px){
    #header.pop                                         { top:90px;}
}
@media all and (max-width:467px){
	/* 상단 */
	#header												{ height:60px; }
	.headerInner .logo									{ top:10px }
	
	/* 상단메뉴 */
	.headerInner .top_menu								{ top:22.5px; }

	/* 알림창 */ 
	.alarm_box .alarm_top							{ height:60px; }
	.alarm_box .alarm_close							{ top:1.2em}
	.alarm_box .alarm_list .list						{ margin-bottom:.7em; padding:0 0 .7em 2em;}
	.alarm_box .alarm_list .list .icon_read			{ width:20px; height:20px}
	.alarm_box .alarm_list .list .con					{ font-size:1em;}
	.alarm_box .alarm_list .list time					{ font-size:.92em;}
	.alarm_box>div>p									{ font-size:.92em; }


	/* 모바일 메뉴 */
	.gnb_open_btn										{ top:.967em }
	
	/* 하단 */
	.footer .footer_link li								{ font-size:14.5px; }
}
@media all and (max-width:400px){
	/* 하단 */
	.footer												{ padding:20px 0 }
	.footer .footer_link li								{ font-size:14px;}
}
@media all and (max-width:360px){
	/* 하단 */
	.footer .footer_link li								{ margin-right:12px; }
	.footer .footer_link li a:after						{ right:-9px; }
}