@charset "utf-8";
/**
 * all.css
 * Base Adjust + Layout[main+sub] Mobile First!
 * 20210427 | @m | 최초 등록
 * 20210430 | @m | 요구반영. 결함개선. 고도화.
 * 20210604 | @m | 
 * 20210820 | @m | 로고크기수정
 * 20210902 | @m | 
 */

/* Table of contents ))
 | Base Adjust
 | Layout[main+sub] Mobile First!
 | clearfix
 | #head, ..
 | ETC
 | @media print{} ))) sub.css
 | RWD ◇◆
 | @keyframes ◇◆
 */

/* Base ◆◆◆ 20210517 */


body{
	background:#fff;
	color:#555; /* ☆ */
	font-weight:400; /* ☆ */
	font-size:1em; /* (((16px */
	line-height:1.75; /* (((☆ */
	letter-spacing:-.03125em; /* (-.5px/16px) */
}

[lang|='ko'],
[lang|='ko']>*{
	font-family:
		'Play',
		/* 'Apple SD Gothic Neo', */
		'본고딕','Noto Sans KR','Noto Sans CJK KR',NotoSans, /* ☆ */
		'Open Sans',OpenSans,
		'Microsoft JhengHei',
		'Meiryo',
		'나눔고딕',NanumGothic,'Nanum Gothic',
		'맑은 고딕','Malgun Gothic',
		'돋움',Dotum,
		Helvetica,'Helvetica Neue',
		Arial,
		sans-serif;
}

/* ☆ */
[href]{
	color:inherit;
}


/* ◇◆ Layout[main+sub] ◇◆◇◆◇◆◇◆◇◆ */


/* 배치.전체 20210514. ☆ z-index 쌓임맥락은 개별 콘텐츠에서 지정 권장! */
html,
body,
#container, #wrap, #body{min-height:100%;}
.container{ /* ★ )) 개별 선언 */
	position:relative;
	min-width:280px; /* ☆ */
	margin:auto;
}
#container{
	position:relative;
	overflow-x:hidden; /* ★ Mobile 가로범람 방지 */
}
	#head{
		clear:both;
		/* z-index:20; */ /* ☆ */
		position:relative;
		box-sizing:border-box; /* ☆ */
		max-width:2000px;
		margin:auto;
		padding:0 4%; /* (80/2000) */
	}
		div.bg2head{
			display:block;
			z-index:10; /* z > #vpr1 */
			position:absolute;left:0;right:0;top:0;bottom:0;
			background:#fff;
			opacity:0; /* ☆ */
		}
		#head_s1{}
		#head_s2{}
			#head_s1>.container{}
			#head_s2>.container{}
	#wrap{
		clear:both;
		position:relative;
		min-height:50px; /* ☆ 펼친 콘텐츠 높이 고려. */
		margin-top:-70px;
		/* background:#fff; */
	}
		#wrap>.container{} /* ))) sub.css, main.css */
			#body{
				/* z-index:0; ☆ 다른 펼쳐지는거 보다 낮춤 */
				position:relative;
			}
	#foot{
		clear:both;
		position:relative;
		word-break:keep-all;
	}
		#foot_s1{}
		#foot_s2{}
			#foot_s1>.container{
				width:92%;
				max-width:1720px;
				padding:40px 0;
			}
			#foot_s2>.container{
				width:92%;
				max-width:1720px;
				padding:30px 0;
				border-top:1px solid #ddd;
			}


/* ◇◆ 공통 조정 ◇◆ */
/* none  */


/* only Desktop BG image Preload 20210430 */
/* none */


/* ☆ 감춤 20210514 */
/* none */
#gn1,
#gn2{display:none;}


/* ☆ 공용 20210514 */
/* none */
.init img{max-width:100%;} /* ☆ */


/* 배치.유틸 20210603 */
/* ☆ */
.show-default{display:inherit;}
.show-over{display:none;}
/* ☆ (푸터,서브비주얼,..) */
.width1s1{
	width:88.888888888888888888888888888889%; /* (320/360)~(1120/1260) */
	width:92%; /* >(1720/1904) */
	max-width:1720px;
	margin:auto;
}
/* ☆ (본문기본) */
.width1s2{
	width:92%;
	max-width:1250px;
	margin:auto;
}
/* ☆ (내 강의실..) */
.width1s3{
	width:92%;
	max-width:1478px; /* ((227*6)+58*2) */
	margin:auto;
}
/* ☆ (AI러닝소개..) */
.width1s4{
	width:92%;
	max-width:1460px;
	margin:auto;
}



/* #head */


/* 로고 20210430 */
h1#logo{
	display:inline-block;
	position:relative;
	margin:0 100px 0 0; /* (우요소) */
	font-size:0;
	line-height:0;
	text-align:left;
}
h1#logo>a{display:block;
	position:relative;
	z-index:40; /* ☆ */
	white-space:nowrap;
}
h1#logo img{
	width:auto;
	height:28px; /* (높이*1/2) */
	padding:21px 0 21px;
	vertical-align:middle;
}


/* #tnb1 ))) 미디어쿼리 max-width:1259px 안으로 보냄 */


/* #wing */


/* #foot */


/* 작성자(연락처) 20210430 */
#author1{
	position:relative;
	margin:0 0 1.5em;
	overflow:hidden;
}
#author1 .h2{
	display:block;
	color:#000;
	font-size:1.875em;
}
#author1 .tg1{
	margin:1em 0;
	color:#777;
	line-height:1.75;
	overflow:hidden;
}
#author1 .tg1c{
	margin:0 0 0 -.75em;
}
#author1 .t1{
	display:inline-block;
	position:relative;
	margin:0 .75em 0 0;
	padding:0 0 0 calc(.75em + 1px);
	vertical-align:middle;
}

#author1 .t1:before{content:''; /*│*/
	display:block;
	position:absolute;left:0;top:50%;
	width:0;
	height:.75em;
	margin:-.375em 0;
	border-left:1px solid rgba(0,0,0, .2);
}


/* 대표전화 20210430 */
#contact1{
	position:relative;
	/* margin:0 0 1.5em; */
	overflow:hidden;
}
#contact1 .h1{
	display:block;
	color:#000;
	font-size:1.3125em;
}
#contact1 .h2{
	display:block;
	margin:.25em  0;
	color:#000;
	font-size:1.75em;
}
#contact1 .tg1{
	margin:0 0 1em;
	color:#777;
	line-height:1.75;
	overflow:hidden;
}
#contact1 .tg1c{
	margin:0 0 0 -.75em;
}
#contact1 .t1{
	display:inline-block;
	position:relative;
	margin:0 .75em 0 0;
	padding:0 0 0 calc(.75em + 1px);
	vertical-align:middle;
}
#contact1 .t1:before{content:''; /*│*/
	display:block;
	position:absolute;left:0;top:50%;
	width:0;
	height:.75em;
	margin:-.375em 0;
	border-left:1px solid rgba(0,0,0, .2);
}


/* 펼침메뉴(관련사이트) 20210430 */
#fn2{
	display:inline-block;
	position:relative;
	margin:.625em 1.5em .625em 0;
	vertical-align:middle;
}
#fn2 .wrap1{
	position:relative;
	width:246px;
}
#fn2 .h1{}
#fn2 a.toggle{
	display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	padding:8px 18px 8px 0;
	border:1px solid transparent;
	border-bottom-color:#333;
	background:#fff;
	color:#888;
	font-weight:400;
	font-size:.92375em;
	line-height:20px;
	overflow:hidden;
	transition:.2s;
}
#fn2 a.toggle .t1{}
#fn2 a.toggle .ic1{display:inline-block;
	position:absolute;right:0;top:50%;
	width:0;height:0;
	margin:-3px 10px;
	border:0 solid transparent;
	border-bottom-color:#888;
	border-width:0 4px 5px;
	transition:.2s;
}
#fn2 a.toggle.on{
	padding-left:18px;
	border:1px solid #888;
}
#fn2 a.toggle.on .ic1{
	transform:rotate(180deg);
}
#fn2c{display:none;
	z-index:30;
	position:absolute;left:0;right:0;bottom:100%;
	margin:0 0 -1px;
	border:1px solid #888;
	border-bottom:1px solid #d7d7d7;
	background:#fff;
}
#fn2 ul{}
#fn2 li{}
#fn2 .a1{display:block;
	padding:10px 18px;
	color:#555;
	font-weight:400;
	font-size:13px;
	line-height:18px;
	transition:.2s;
}
#fn2 li~li .a1{
	border-top:1px solid rgba(0,0,0, .1);
}
#fn2 .a1 .ic1,
#fn2 .a1 .t1{display:inline-block;
	vertical-align:middle;
}
#fn2 .a1:hover,
#fn2 .a1:focus{
	color:#000;
}


/* 소셜링크. 20210430 */
#snslink1{
	display:inline-block;
	position:relative;
	margin:.875em 0;
	vertical-align:middle;
}
#snslink1 ul{
	margin:0 -24px 0 0;
	font-size:0;
}
#snslink1 li{display:inline-block;
	position:relative;
	margin:0 24px 0 0;
	vertical-align:top;
}
#snslink1 .a1{display:block;
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:30px;height:30px;
}
#snslink1 .a1 .ic1{
	float:left;
	position:absolute;left:50%;top:50%;
	width:30px;height:30px;
	margin:-15px;
	background:url() no-repeat center center / contain;
	opacity:.3;
	transition:.2s;
}
#snslink1 .instagram .a1 .ic1{background-image:url(../../img/inc/sns1instagram1@2x.png);}
#snslink1 .facebook .a1 .ic1{background-image:url(../../img/inc/sns1facebook1@2x.png);}
#snslink1 .twitter .a1 .ic1{background-image:url(../../img/inc/sns1twitter1@2x.png);}
#snslink1 .blog .a1 .ic1{background-image:url(../../img/inc/sns1blog1@2x.png);}
#snslink1 .mail .a1 .ic1{background-image:url(../../img/inc/sns1mail1@2x.png);}
/* ☆ */
#snslink1 .a1:hover .ic1,
#snslink1 .a1:focus .ic1{
	opacity:1;
}


/* 푸터내비. 20210430 */
#fn1{
	position:relative;
	margin:0 0 1.5em;
	overflow:hidden;
}
#fn1 ul{
	margin:0 0 0 -.75em;
	font-size:.9375em;
}
#fn1 li{
	display:inline-block;
	position:relative;
	margin:0 .75em 0 0;
	padding:0 0 0 calc(.75em + 1px);
	vertical-align:middle;
}
#fn1 li:before{content:''; /*│*/
	display:block;
	position:absolute;left:0;top:50%;
	width:0;
	height:.75em;
	margin:-.375em 0;
	border-left:1px solid rgba(0,0,0, .2);
}
#fn1 li>a{display:block;
	padding:.375em 0;
	color:#333;
	white-space:nowrap;
}
#fn1 li>a b{}
#fn1 .em{
	color:inherit;
	font-weight:inherit;
}


/* 저작권 20210430 */
#copyright1{
	position:relative;
	margin:0 0 1.5em;
	color:#959595;
	font-size:.875em;
}


/* ◇◆ ETC ◇◆ (공통콘텐츠) */


/* 위로 20210514 */
#gotop1{
	display:inline-block;
	float:right;
	z-index:10;
	position:absolute;
	right:4%;
	top:-16px;
	text-align:center;
}
#gotop1 .ic1{display:block;
	width:32px;height:32px;
	margin:auto;
	background:#888 url(../../img/inc/ic20a1c0up1.png) no-repeat center center / 10px;
	border-radius:9999px;
	transition:.2s;
}
#gotop1 .t1{}
#gotop1:hover .ic1,
#gotop1:focus .ic1{
	background-color:#737047;
}
/* ◇◆ */
@media all and (min-width:768px){
	#gotop1{
		top:-34px;
	}
	#gotop1 .ic1{
		width:64px;height:64px;
		background-size:20px;
	}
}


/* 펼침메뉴(퀵메뉴) 20210514 */
#qmenu1{
	z-index:10;
	position:absolute;
	right:4%;
	bottom:70px;
}
#qmenu1 .wrap1{}
#qmenu1 .h1{}
#qmenu1 a.toggle{
	display:block;
	position:relative;
	width:63px;
	height:63px;
}
#qmenu1 a.toggle .t1{
	position:absolute;
	left:-9999px;
}
#qmenu1 a.toggle .ic1{display:block;
	width:100%;
	height:100%;
	background:url(../../img/main/qmenu1s.png) no-repeat center top / cover;
}
#qmenu1 a.toggle.on .ic1{
	background-position:center bottom;
}
#qmenu1c{display:none;
	z-index:30;
	position:absolute;right:-.75em;
	bottom:117.46%;
	width:150px;
	border-radius:.625em;
	background:#fae100;
	overflow:hidden;
}
#qmenu1c.on{}
#qmenu1 ul{}
#qmenu1 li{}
#qmenu1 .a1{
	display:block;
	display:flex; /* ☆ */
	align-items:center;
	margin:0 0 -1px;
	padding:1.25em 1em;
	color:#222;
	font-weight:400;
	font-size:14px;
	line-height:18px;
	transition:.2s;
}
#qmenu1 li~li .a1{
	border-top:1px solid rgba(255,255,255, .2);
}
#qmenu1 .a1 .t1{display:inline-block;
	vertical-align:middle;
}
#qmenu1 .a1 .ic1{display:inline-block;
	width:30px;height:30px;
	margin:0 .5em 0 0;
	background:url() no-repeat center center / contain;
	vertical-align:middle;
	transition:.2s;
}
#qmenu1 .m1 .a1 .ic1{background-image:url(../../img/main/qmenu1p01@2x.png);}
#qmenu1 .m2 .a1 .ic1{background-image:url(../../img/main/qmenu1p02@2x.png);}
#qmenu1 .m3 .a1 .ic1{background-image:url(../../img/main/qmenu1p03@2x.png);}
/* ☆ */
#qmenu1 .a1:hover,
#qmenu1 .a1:focus{
	position:relative;
	border-color:transparent;
	background:#edd00f;
}
/* ◇◆ */
@media all and (min-width:768px){
	#qmenu1 a.toggle{
		width:126px;
		height:126px;
	}
}


/* ◇◆ StyleName. YYYYMMDD. @Who	 ◇◆ */


/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */
@media all and (max-width:1259px){ /* small medium large ◇◆◇◆◇◆◇◆◇◆ */


/* 주메뉴 20210514. makeActive2ClickHover('#tnb1'); */
#tnb1{
	position:absolute;left:0;right:0;top:0;
	width:100%;
	margin:auto;
	line-height:1.375;
	word-wrap:break-word;
	word-break:keep-all;
}
#tnb1 .b1.toggle{float:left;
	z-index:20; /* ☆(화면확인) */
	position:absolute;
	right:0;
	top:35px; /* (상단높이/2) */
	box-sizing:border-box; /* ☆ */
	width:40px;height:40px;
	margin:-20px -5px;
	border-radius:2px;
	background:none;
	overflow:hidden;text-indent:-9999px;
}
#tnb1 .b1.toggle .ic1{float:left;position:absolute;left:50%;top:50%;
	width:40px;height:40px;margin:-20px;
	background:url(../../img/inc/ic80a1c0bars2@2x.png) no-repeat center center / contain;
	opacity:1;
}
#tnb1 .b1.toggle.on{}
#tnb1 .b1.toggle.on .ic1{
	/* background-image:url(../../img/inc/ic80a1c0close1@2x.png); */
}
#tnb1c{display:block !important; /* ☆ */
	visibility:hidden; /* ☆ */
	z-index:100; /* ☆ */
	position:fixed; /* ☆ */
	left:auto;
	right:-320px;
	top:0;bottom:0;
	width:calc(100% - 40px);
	max-width:320px;
	height:auto !important; /* ☆ PC용 JS로 마든 style 속성 초기화 */
	/* margin:100px 0 0; */ /* (#height 높이) */
	overflow-y:visible; /* ☆ */
	transition:.0s;
	/* ★☆ToEdit) 확인용 */
	/* visibility:visible !important;
	right:0 !important; */
}
#tnb1c.on{
	display:block;
	visibility:visible;
	right:0;
	transition:.2s .2s;
}
#tnb1c>.bg{visibility:hidden;
	position:fixed;left:0;right:0;top:0;bottom:0;
	/* margin:100px 0 0; */ /* (#height 높이) */
	background:#000;
	background-color:rgba(0,0,0, .6);
	opacity:0;
	transition:.0s;
}
#tnb1c.on>.bg{visibility:visible;
	opacity:1;
	transition:.2s;
}
/* ☆ */
#tnb1c .b2{display:inline-block;
	z-index:110;
	position:absolute;right:10px;top:9px;
	width:40px;height:40px;
}
#tnb1c .b2>.ic1{float:left;
	position:absolute;left:50%;top:50%;
	width:24px;height:24px;
	margin:-12px;
	background:url() no-repeat center center;
}
#tnb1c .b2.close{}
#tnb1c .b2.close>.ic1{background-image:url(../../img/inc/b1x1c0.png);}
#tnb1c .d1 ~ .b2.close>.ic1{
	opacity:0;
}
/* ☆ */
#tnb1c>div.cont{
	display:none; /* [All]키보드지나감방지 */
	position:relative;
	right:-200%;
	box-sizing:border-box; /* ☆ */
	width:100%;
	height:100%;
	background:#fff;
	overflow-y:auto; /* ☆ */
	/* ★☆ToEdit) 확인용 */
	/* display:block; */
	/* right:0 !important; */
}
#tnb1c.on>div.cont{
	display:block;
	right:0;
}
/* ☆ */
#tnb1head_s1{
	box-sizing:border-box; /* ☆ */
	padding:15px;
	background:#00a3ba;
}
#tnb1gn1{
	position:relative;
	box-sizing:border-box; /* ☆ */
	font-size:0;
}
#tnb1gn1 ul{
	overflow:hidden;
}
#tnb1gn1 li{
	display:inline-block;
}
#tnb1gn1 a{
	display:inline-block;
	padding:5px .75em;
	color:#fff;
	font-size:13px;
	line-height:20px;
}
/* depth1~depth4 */
#tnb1 .smain{display:block;}
/* depth1 */
#tnb1 div.d1{
	clear:both;
	position:relative;
	/* min-height:100%; ☆ */
	margin:.875em;
	border-bottom:1px solid rgba(0,0,0, .1);
	border-radius:4px;
	background:#fff;
	overflow:hidden;
}
#tnb1 div.d1>ul{position:relative;
	margin:-1px 0 0;
	overflow:hidden;
}
#tnb1 div.d1>ul>li{display:inline;position:relative;} /* ☆ */
#tnb1 div.d1>ul>li>a{display:table;
	table-layout:fixed; /* ☆ */
	z-index:20; /* .d2 보다 높여준다 */
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:100%;
	border-top:1px solid rgba(0,0,0, .1);
	background:url(../../img/inc/tnb1d1bg1.png) no-repeat 12px 50%;
	color:#000;
	font-size:17px;
	word-break:keep-all;
	word-wrap:break-word;
}
#tnb1 div.d1>ul>li>a>.t1{display:block; /* ☆ */
	padding:.75em 18px .75em 30px; /* ☆ */
	vertical-align:middle;
}
#tnb1 div.d1>ul>li.hasSub>a{
	background-image:url(../../img/inc/tnb1d1bg1has.png);
}
#tnb1 div.d1>ul>li>a:hover,
#tnb1 div.d1>ul>li>a:focus{}
/* depth1 활성 */
#tnb1 div.d1>ul>li.on>a{
	background-image:url(../../img/inc/tnb1d1bg1on.png);
	font-weight:600;
}
/* depth2~3 */
#tnb1 li>div[class^='d']{
	display:none;visibility:hidden;
	height:0;opacity:0;
	/* transition:.2s; */
}
#tnb1 li.on>div[class^='d']{
	display:block;visibility:visible;
	height:auto;opacity:1;
}
/* depth2 */
#tnb1 li>div.d2{
	padding:.75em 0;
	border-top:1px solid rgba(0,0,0, .1);
	background:#fff;
}
#tnb1 div.d2>.bg{display:none;} /* ☆ */
#tnb1 div.d2>.hg1{display:none;} /* ☆ */
#tnb1 div.d2>ul{}
#tnb1 div.d2>ul>li{position:relative;}
#tnb1 div.d2>ul>li>a{display:block;
	z-index:10;
	position:relative;
	padding:.75em 30px;
	/* border-top:1px solid rgba(0,0,0, .1); */
	background:url(../../img/inc/tnb1d2bg1.png) no-repeat 13px 1em;
	color:#333;
	font-size:15px;
	transition:.2s;
}
#tnb1 div.d2>ul>li.hasSub>a{
	background-image:url(../../img/inc/tnb1d2bg1has1.png);
}
#tnb1 li.on>div.d2>ul>li.on>a{
	background-image:url(../../img/inc/tnb1d2bg1on.png);
	color:#07b;
	font-weight:	500;
}
#tnb1 li.on>div.d2>ul>li.hasSub.on>a{
	/* margin:.5em 0 0; */
	background-color:#69c;
	background-image:url(../../img/inc/tnb1d2bg1has1on.png);
	color:#fff;
	font-weight:400;
}
#tnb1 li.on>div.d2>ul>li:first-child.hasSub.on>a{
	/* margin:-12px 0 0; */
}
/* depth3 */
#tnb1 li>div.d3{
	margin:-1px 0 .5em;
	padding:.625em 0;
	border:1px solid rgba(0,0,0, .1);
}
#tnb1 div.d3>.bg{display:none;} /* ☆ */
#tnb1 div.d3>ul{margin:-1px 0 0;}
#tnb1 div.d3>ul>li{position:relative;}
#tnb1 div.d3>ul>li>a{display:block;
	z-index:10;
	position:relative;
	padding:.625em 30px;
	/* border-top:1px solid rgba(0,0,0, .1); */
	background:url(../../img/inc/tnb1d3bg1.png) no-repeat 14px .875em;
	color:#666;
	font-size:14px;
}
#tnb1 div.d3>ul>li.hasSub>a{
	background-image:url(../../img/inc/tnb1d3bg1has.png);
}
#tnb1 li.on>div.d3>ul>li.on>a{
	background-color:#f7f7f7;
	background-image:url(../../img/inc/tnb1d3bg1on.png);
	color:#000;
	font-weight:600;
}
/* depth4 */
#tnb1 li>div.d4{
	padding:.5em 0;
	background:#fff;
}
#tnb1 div.d4>.bg{display:none;} /* ☆ */
#tnb1 div.d4>ul{margin:-1px 0 0;}
#tnb1 div.d4>ul>li{position:relative;}
#tnb1 div.d4>ul>li>a{display:block;
	z-index:10;
	position:relative;min-height:0;
	padding:.375em 30px;
	border-top:0 solid #666;
	background:url(../../img/inc/tnb1d4bg1.png) no-repeat 15px .625em;
	color:#666;
	font-size:13px;
}
#tnb1 div.d4>ul>li.hasSub>a{
	/* background-image:url(../../img/inc/tnb1d4g1has.png); */
}
#tnb1 li.on>div.d4>ul>li.on>a{
	/* background-image:url(../../img/inc/tnb1d4bg1on.png); */
	color:#000;
	font-weight:600;
}
/* 서브메인링크 */
#tnb1 div[class]>a.smain{display:block;
	z-index:10;
	position:relative;
	/* margin:calc(-.625em + 1px) 0 0; */
	padding:.625em 30px;
	/* border-bottom:1px solid rgba(0,0,0, .1); */
	background:url(../../img/inc/tnb1d3bg0.png) no-repeat 14px .875em;
	color:#666;
	font-size:14px;
}
#tnb1 div[class]>a.smain>.t1{
	font-weight:400;
}
#tnb1 div[class]>a.smain>.ic1{
	position:absolute;right:0;top:50%;
	height:20px;
	margin:-10px 10px;
	padding:0 .25em;
	border-radius:9999px;
	background:#888;
	color:#fff;
	font-size:12px;
	line-height:20px;
}
#tnb1 div[class]>a.smain>.ic1:before{
	content:'GO';
}
/* ☆ */


/* 20210430 새 창 */
#tnb1 div.d2>ul>li>a[target='_blank']:after,
#tnb1 div.d3>ul>li>a[target='_blank']:after,
#tnb1 div.d4>ul>li>a[target='_blank']:after{ /* [IE8+] */
	content:'';
	display:inline-block;
	width:11px;height:11px;
	margin:0 0 4px 4px;
	background:url(../../img/inc/ic11newwindow.png) no-repeat 0 0 / contain;
	vertical-align:middle;
}


} /* /(max-width:1259px) */
@media all and (max-width:767px){ /* small ◇◆◇◆◇◆◇◆◇◆ */


/* Mobile font-size 20210430 */
html{
	font-size:.875em; /* ☆(14/16) */
}
.fs1rem{
	font-size:.875rem !important; /* ☆(14/16) */
}


} /* /(max-width:767px) */
@media all and (min-width:768px){ /* medium ◇◆◇◆◇◆◇◆◇◆ */


#foot_s2>.container{
	position:static;
}


} /* /(min-width:768px) */
@media all and (min-width:1000px){ /* large ◇◆◇◆◇◆◇◆◇◆ */


#author1{
	float:left;
	width:550px;
	margin:0 4% 0 0; /* (70/1720) */
}

#contact1{
	float:left;
	width:calc(100% - 550px - 4%);
	max-width:500px;
	margin-top:7px;
}

.w1fn2a{
	clear:both;
}

#fn1{
	float:left;
}

#copyright1{
	float:right;
	margin-top:7px;
}


} /* /(min-width:1000px) */
@media all and (min-width:1260px){ /* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */


#wrap{
	margin-top:-100px;
}


/* ◇◆ 공통 조정 ◇◆ */


/* ☆ #head 호버 */
body.in-head div.bg2head{
	opacity:1;
}
body.in-head .show-default{
	display:none;
}
body.in-head .show-over{
	display:inherit;
}
body.in-head #gn1 a{
	color:#000;
	text-shadow:none;
}
body.in-head #gn1 li:before{
	border-left:1px solid rgba(0,0,0, .2);
}
body.in-head #gn2 .sitemap .ic1{
	background-image:url(../../img/inc/ic80a1c1bars3@2x.png);
}
body.in-head #tnb1 div.d1>ul>li>a{
	color:#000;
}
body.in-head #tnb1 div.d1>ul>li>a>.t1{
	color:#000;
	text-shadow:none;
}

h1#logo img{
	height:60px;
	padding:20px 0;
}
/* 20210818 1.5배 크게 수정 요청
 h1#logo img{
	height:42px;
	padding:29px 0;
} 
*/


/* ◇◆◇◆ */


/* 주메뉴 20210902. makeActive2ClickHover('#tnb1'); ))) 모바일과 많이 다르니 미디어쿼리별 따로 정의 (분리 사용 가능)
 * 배치 1차인라인.2차스택.모두열림
 * #tnb1 div.d1.over )))) #tnb1c.over (상위요소클래스할당하여 범용성 증대)
 */
#tnb1{ /* z-index:20; ☆쌓임맥락만들지마요! */
	float:left;
	position:absolute;left:0;right:0;top:0;
	height:100px; /* ☆ */
	letter-spacing:-.0625em;
}
/* 데스크탑 감춤 */
#tnb1 .b1.toggle,
#tnb1c .b2,
#tnb1logo,
#tnb1head_s1,
#tnb1head_s2,
#tnb1c>div.cont>.bg,
#tnb1c>div.cont:before,
#tnb1 div[class]>a.smain{
	display:none;
}
#tnb1c{
	display:block !important; /* ☆ */
	visibility:visible; /* ☆ */
	z-index:20; /* z > #location1 */
	position:relative; /* ☆ */
	height:100%;
	overflow:hidden; /* ☆ */
	transition:.01s; /* 키보드운용 ((( 0s */
}
#tnb1c.on{
	display:block;visibility:visible;
	right:auto; /* ☆ */
}
#tnb1c>.bg{
	position:absolute;left:0;right:0;
	top:100px;
	bottom:0;
	border-top:1px solid rgba(0,0,0, .1);
	/* background:rgba(255,255,255, .7); */
	background:rgba(255,255,255, .9);
	overflow:hidden;
}
#tnb1c>.bg:before{content:'';
	display:block;
	z-index:20;
	position:absolute;left:0;right:0;
	bottom:0;
	border-bottom:1px solid rgba(0,0,0, .1);
}
#tnb1c>div.cont{
	position:relative;
	width:1000px;
	height:100%;
	margin:auto;
	text-align:center;
}
#tnb1c>div.cont>.bg{
	display:inline-block;
	position:absolute;
	right:-360px;
	bottom:0;
	width:262px;
	height:273px;
	/* background:url(../../img/inc/tnb1p01.png) no-repeat center center / contain; */
	opacity:0;
}

/* depth1~depth4 */
/* depth1 */
#tnb1 div.d1{
	display:inline-block;
	position:relative;
	height:100%;
	padding:0 0px; /* (#tnb1 li>div.d2 좌우마진) */
	overflow:visible; /* ☆ visible; 하면 >.bg 좌우 넘친거 보임 */
	transition:.4s ease height;
}
#tnb1 div.d1>.bg{}
#tnb1 div.d1>ul{
	height:100%;
}
#tnb1 div.d1>ul>li{
	float:left;
	/* position:relative; */ /* ☆ */
	width:160px; /* (( 210px ((100/6 */
	height:100%;
}
/* 화면확인 (( (개별글수/전체글수) */
#tnb1 div.d1>ul>li.m1{}

/* ☆1차메뉴노출제외 )) /_res/사이트키/share/css/style.css */
#tnb1 div.d1>ul>li.m4 ~ li{display:none;}

#tnb1 div.d1>ul>li>a{display:block;
	z-index:10;
	position:relative;
	padding:35px 22px; /* ((100-30)/2)  (여유 둠) */
	background:rgba(0,0,0, 0); /* [IE9]fix) */
	color:#fff;
	font-weight:500;
	font-size:0;
	text-align:center;
}
#tnb1 div.d1>ul>li>a>.ic1{display:inline-block;
	width:0;
	height:100%;
	vertical-align:middle;
}
#tnb1 div.d1>ul>li>a>.t1{display:inline-block;
	position:relative;
	width:auto;
	box-sizing:border-box; /* ☆ */
	font-size:22px;
	line-height:30px;
	vertical-align:middle;
	text-shadow: 0 -1px .125em rgba(0,0,0, .1), -1px 0 .125em rgba(0,0,0, .1), 0 1px .125em rgba(0,0,0, .1), 1px 0 .125em rgba(0,0,0, .1);
}
#tnb1 div.d1>ul>li>a>.t1:before{content:'';
	display:block;
	position:absolute;left:100%;bottom:0;
	width:6px;
	height:6px;
	margin:0 0 6px calc(6px + 6px);
	border-radius:9999px;
	background:#ffa800;
	opacity:0;
	transition:.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
#tnb1 div.d1>ul>li.hasSub>a{}
#tnb1 div.d1>ul>li.on>a{
	background:none;
	font-weight:600;
}

/* ★ 주메뉴 전체 오버(포커스) */
#tnb1c.over{
	height:358px; /* (100+(20*2+36*6+2))  ((1차메뉴높이+ .d2 최대 높이) ☆ auto 는 전환 효과 안됨 */
	margin:0 -1000px;
	overflow:hidden;
	transition:.6s cubic-bezier(0.34, 1.56, 0.64, 1) height, 0s padding;
}
#tnb1c.over>.bg{
	/* border-top:1px solid #ddd; */
}
#tnb1c.over>div.cont>.bg{
	opacity:1;
	transition:.6s .1s;
}

/* ★ 1차 메뉴별 오버(포커스) + 온추가? */
/* .over 우선순위는 body[data-layout*='main'] #tnb1 div.d1>ul>li.on>a{} 보다 높아야한다. */
#tnb1 div.d1>ul>li.on[class][class]>a{
	/* color:#000; */
}
#tnb1 div.d1>ul>li.over[class][class]>a{
	z-index:20;
	/* color:#036; */
}
#tnb1 div.d1>ul>li.over[class][class]>a>.ic1{}
#tnb1 div.d1>ul>li.over[class][class]>a>.t1:before{
	margin-left:6px;
	opacity:1;
}
#tnb1 div.d1>ul>li>a:hover,
#tnb1 div.d1>ul>li>a:focus{}


/* depth2~3 (공통만 먼저 정의) */
#tnb1 li>div[class^='d']{
	display:block;visibility:hidden;
	height:0;
	opacity:0;
	overflow:hidden;
}
#tnb1 li>div[class^='d']:after{content:'';display:table;clear:both;}

/* depth2 */
#tnb1 li>div.d2{ /* 우선순위값 #tnb1 li>div[class^='d'] 와 동일 */
	/* height:auto; opacity:1; 하면 모두열림 */
	display:block;
	visibility:visible;
	z-index:10;
	position:absolute;
	left:0;
	top:auto;
	box-sizing:border-box; /* ☆ */
	height:400px; /* (디자인) */
	margin:1px auto; /* (border안겹치게) (좌우확장값) */
	padding:0;
	border-left:1px solid #d7d7d7;
	background:#fff;
	text-align:center;
	opacity:1;
}
#tnb1 li.m1>div.d2{left:0;
	border-left:0;
}
#tnb1 li.m2>div.d2{left:160px;} /* (( 210px */
#tnb1 li.m3>div.d2{left:320px;} /* (( 420px */
#tnb1 li.m4>div.d2{left:480px; /* (( 630px */
	/* border-right:1px solid #d7d7d7; */
}
#tnb1 div.d2>.bg{}
/* 데스크탑 only 1차제목.. */
#tnb1 div.d2>.hg1{}
#tnb1 div.d2>.hg1 .h1{
	position:absolute;left:-9999px;
}
#tnb1 div.d2>.hg1 .h2{}
#tnb1 div.d2>.hg1 .ic1{}
#tnb1 div.d2>ul{
	position:relative;
	box-sizing:border-box; /* ☆ */
	width:160px; /* (( 210px */
	padding:20px; /* ☆ */
}
#tnb1 div.d2>ul>li{
	clear:both; /* ☆ */
	position:relative;
}
#tnb1 div.d2>ul>li>a{
	display:block;
	position:relative;
	width:auto;
	margin:.125em 0;
	padding:.375em .75em;
	/* background:url(../../img/inc/tnb1d2bg2.png) no-repeat 12px 50%; */
	color:#333;
	font-weight:400;
	font-size:16px;
	/* transition:.2s; */
}
#tnb1 div.d2>ul>li.hasSub>a{
	/* background-image:url(../../img/inc/tnb1d2bg1has.png); */
}
#tnb1 div.d2>ul>li.on>a{
	/* color:#000; */
	/* background-image:url(../../img/inc/tnb1d2bg2on.png); */
}
#tnb1 div.d2>ul>li.hasSub.on>a{
	/* background-image:url(../../img/inc/tnb1d2bg1hason.png); */
}

/* ★ 오버(포커스) */
#tnb1 li.over>div.d2{
	opacity:1;
	/* overflow:visible; */
}
#tnb1 li.over>div.d2:before{content:''; /* △ */
	display:inline-block;
	z-index:10;
	position:absolute;left:50%;top:0;width:0;height:0;
	/* margin:0 -6px;
	border:6px solid transparent;border-bottom-color:#e00;border-top:0;
	overflow:hidden;text-indent:100%; */
}
#tnb1 li.over>div.d2>ul{}
#tnb1 li.over>div.d2>ul>li>a{}
#tnb1 div.d2>ul>li.over>a{
	/* background-image:url(../../img/inc/tnb1d2bg2on.png); */
}
#tnb1 div.d2>ul>li.hasSub.over>a{}
#tnb1 div.d2>ul>li.on.over>a{}
#tnb1 div.d2>ul>li.hasSub.on.over>a{}
#tnb1 div.d2>ul>li>a:hover,
#tnb1 div.d2>ul>li>a:focus{
	color:#ffa800;
}
#tnb1 div.d2>ul>li.on>a:hover,
#tnb1 div.d2>ul>li.on>a:focus{}

/* ☆ */
#tnb1 div.d2>ul>li>a>.t1{
	/* display:inline-block; 이면 부모 a 요소 underline 안됨 */
	display:inline-block;
	position:relative;
}
#tnb1 div.d2>ul>li>a>.t1:after{content:''; /* ─ */
	display:block;
	position:absolute;left:0;right:0;bottom:0;
	width:0;
	height:0;
	margin:auto;
	border-bottom:1px solid #ffa800;
	transition:.2s;
}
#tnb1 div.d2>ul>li.on>a>.t1:after{}
#tnb1 div.d2>ul>li>a:hover>.t1:after,
#tnb1 div.d2>ul>li>a:focus>.t1:after{
	width:100%;
}

/* depth3 */
#tnb1 li>div.d3{display:none !important;}

/* depth4 */
#tnb1 div.d4{display:none !important;}

/* 20210430 새 창 */
#tnb1 div.d2>ul>li>a[target='_blank']:after,
#tnb1 div.d3>ul>li>a[target='_blank']:after{ /* [IE8+] */
	content:'';
	display:inline-block;
	width:12px;height:12px;
	margin:0 0 4px 0;
	background:#fff url(../../img/inc/ic11newwindow.png) no-repeat;
	vertical-align:middle;
}


/* ◇◆◇◆ only Desktop Contents ◇◆◇◆ */


/* 글로벌내비.분리 20210430 */
#gn1{
	display:block;
	z-index:40;
	position:absolute;right:50px;top:0;
	padding:35px 0;
	overflow:hidden;
}
#gn1 ul{
	float:right;
	font-size:15px;
	text-align:right;
}
#gn1 li{
	float:left;
	position:relative;
}
#gn1 li~li:before{content:''; /*│*/
	display:block;
	position:absolute;left:0;top:50%;
	width:0;
	height:.625em;
	margin:-.3125em 0;
	border-left:1px solid rgba(255,255,255, .4);
}
#gn1 a{display:block;
	position:relative;
	padding:5px 1.25em;
	font-weight:600;
	color:#fff;
	letter-spacing:.0625em;
	text-shadow: 0 -1px .125em rgba(0,0,0, .1), -1px 0 .125em rgba(0,0,0, .1), 0 1px .125em rgba(0,0,0, .1), 1px 0 .125em rgba(0,0,0, .1);
}
#gn1 a .t1{}
#gn1 a .ic1{}


/* 글로벌내비.분리 20210430 */
#gn2{
	display:block;
	z-index:40;
	position:absolute;right:0;top:0;
	padding:30px 0 30px 10px;
	overflow:hidden;
}
#gn2 ul{
	float:right;
	text-align:right;
}
#gn2 li{
	float:left;
	position:relative;
}
#gn2 a{display:block;}
#gn2 .t1{}
#gn2 .ic1{
	display:block;
	width:40px;
	height:40px;
	background:url() no-repeat center center / contain;
}
#gn2 .sitemap .ic1{background-image:url(../../img/inc/ic80a1c0bars3@2x.png);}



} /* /(min-width:1260px) */
@media all and (min-width:1460px){ /* xxlarge ◇◆◇◆◇◆◇◆◇◆ */


#tnb1 div.d1>ul>li{
	width:210px;
}
#tnb1 li.m2>div.d2{left:210px;}
#tnb1 li.m3>div.d2{left:420px;}
#tnb1 li.m4>div.d2{left:630px;}
#tnb1 div.d2>ul{
	width:210px;
}

.w1fn2a{
	clear:none;
	float:right;
	width:246px;
}


} /* /(min-width:1460px) */

@media only screen and (-webkit-min-device-pixel-ratio:1.3){ /* (O) mobile ◇◆◇◆◇◆◇◆◇◆ */
}/* /(min-device-pixel-ratio:1.3) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆ */

/* ◇◆ animation ◇◆◇◆◇◆◇◆◇◆ */


/* @keyframes [IE10+] 20210430 */
@keyframes kf1mix1{
	50%{transform:scale(1.05) rotate(-0.25deg);}
}


/* ◇◆ /animation ◇◆◇◆◇◆◇◆◇◆ */