@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }
html,body,p,ul,ol,header,footer,h1, h2, h3, h4, h5, h6 {margin:0;padding:0}
html,body {font-size:10.5px;line-height:10.5px}
html, body {overflow-x:hidden;overflow-y:auto}
html,body {position:relative;min-height:100vh;color:#111;font-family:"AritaDotum","Malgun Gothic",serif;font-weight:500;/* Arita-dotum-Medium */background-color:#fff;
text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;letter-spacing:-.5px;word-break: keep-all;}
br {font-family:Verdana, Tahoma, sans-serif}
ul,ol {list-style:none}
a {color:inherit;text-decoration:none}

p {word-break: keep-all;}
p span {display:inline-block}
.pc_dom{display:block}
.mob_dom {display:none}
p .pc_block {display:block}

.iScroll {position:fixed;font-size:1.4rem;color:#111;font-weight:bold;right:64px;bottom:20px;z-index:900;opacity:0;}
.iScroll img {display:inline-block;margin-left:12px;vertical-align:bottom;}

header {position:fixed;left:0;right:0;top:0;height:80px;padding:36px 50px 0;display:flex;align-items:center;justify-content:space-between;background-color:rgba(255,255,255,1);z-index:1100;
transition:padding-right 1s, background-color .5s, padding-top 1s, padding-left 1s;transition-delay: .5s;}
header .hcover {position: absolute;left: 0;right: 50%;top: 0;bottom: 0;background-color: #fff;}
header .hlogo {position:relative;overflow:hidden}
header .hlogo h1 .logo {display:inline-block;width:158px;height:16px;vertical-align:middle;background:url('/2019/src/images/logoS.png') left center no-repeat;background-size:auto 15px;transform:translate(0%, 150%)}
header .hlogo h1 span {display:none;margin-left:12px;font-size:1.6rem;letter-spacing:-1px;vertical-align:middle;opacity:0;color: transparent;font-size: 0;}

.desktopView.menuOpen header {padding-right: 15.55%;background-color:rgba(255,255,255,0);padding-top: 85px;padding-left: 8.35%;}
.desktopView.menuOpen header .hlogo h1 span {opacity:1}
.desktopView.menuOpen header .hlogo h1 .logo {transform:translate(0%, 0%)}

footer {position:relative;height:152px;margin:0 50px;display:flex;align-items:center;justify-content:space-between;background-color:#fff;z-index:200}
footer .copyright {padding-top:10px;color:#333;font-size:1.6rem;line-height:2.2rem;font-weight:bold;letter-spacing:-0.4px}
footer .copyright span {display:block;margin-top:0px;color:#999;font-family:'Noto Sans KR', sans-serif;font-size:1.2rem;letter-spacing:0;font-weight:400}
footer a {display:inline-block;padding-left:47px;color:#111;font-size:1.6rem;text-align:left;font-weight:bold;background:url('/2019/src/images/common/family_arr.png') left center no-repeat;}
footer a.y2018 {margin-right:48px;color:#3255a4;background-image:url('/2019/src/images/common/family_arr2.png');}
footer .aGroup {display:flex;}

.menu_btn {position:fixed;top:50%;left:40px;margin-top:-12px;opacity:0;cursor:pointer;z-index:900;padding: 10px 10px 10px 0;-moz-transition:all 1s;-webkit-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;transition-timing-function:ease-in-out}
.menu_btn .bar {display:inline-block;vertical-align:middle}
.menu_btn .bar span {display:block;height:2px;background-color:#000;-moz-transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;transition-timing-function:ease-in-out}
.menu_btn .bar span.line1,.menu_btn .bar span.line3 {width:2.1vw}
.menu_btn .bar span.line2 {margin:5px 0;width:1.5vw}
.menu_btn:hover .bar span {width:1.3vw}
.menu_btn .tmenu {display:inline-block;margin-left:1vw;color:#000;font-size:1.4em;font-weight:bold;line-height:1.4rem;vertical-align:middle}

.menu_btn.st {left:0;}


.ls0 {letter-spacing:0;font-style:normal;}
@media (min-width:768px) and (max-width:1024px) {/* ipad */
	html,body {font-size:16px;line-height:16px}
}
@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {/* ipad */
	html,body {font-size:8px;line-height:8px}
}
@media (min-width:1100px) and (max-width:1680px) {
	
	html,body {font-size:9px;line-height:9px}
}

/* 1023이하 해상도 ::테블릿 세로모드까지 모바일 디자인 */
@media (max-width:1023px) {
	.mob_dom{display:block}
	.pc_dom {display:none !important}
	p .pc_block {display:inline-block}
	.iScroll {right:15px;bottom:20px;font-size:1.2rem;}
	.iScroll img {width:20px;margin-left:8px;}
	header {padding:0;height:11vh;background-color:transparent;z-index: 900;}
	header .hlogo {position:fixed;left:8vw;top:4vh;opacity:0;width:50%;}
	header .hlogo h1 .logo {display:block;width:100%;height:14px;background-size: auto 100%;transform:translate(0%, 0%)}
	header .hlogo h1 span {display:none;margin-top:1vh;margin-left:0;font-size:1.3rem;line-height:1.3rem;opacity:1;font-weight: 600;letter-spacing: 0;}
	footer {height:12vh;width:86vw;margin:0 auto}
	footer .copyright {padding-top:0;font-size:1.3rem;line-height:1.5rem}
	footer .copyright span {font-size:1rem;line-height:1.5rem;font-weight:300}
	.menu_btn.st {
    left: auto;
}
	.menu_btn {top:2.2vh;left:auto;left:auto;right:0;margin-top:0;width:30px;cursor:pointer;padding-right:0;}
	.menu_btn .bar {display:block}
	.menu_btn .bar span {float:right}
	.menu_btn .bar span.line1 {width:30px}
	.menu_btn .bar span.line2 {margin:5px 0;width:22px}
	.menu_btn .bar span.line3 {width:30px}
	/* 모션버전작업 미결정부분 */
	.main01 header .hlogo h1 {position:relative;opacity:1}
	.main01 header .hlogo h1 img,
	.main01 header .hlogo h1 span {transform:translate(0%, 100%)}

	a.goHome {position:fixed;top:2vh;right:45px;width:40px;height:40px;background:url('/2019/src/images/common/icon_home.png') center center no-repeat;background-size:auto 20px;z-index:900;opacity:0;-moz-transition:all 1s;-webkit-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;transition-timing-function:ease-in-out}

	

}

/* 메뉴 */
body.menuOpen {overflow:hidden;}
.navigation {position:fixed;top:0;left:-100%;right:100%;bottom:0;z-index:1000;}
.navBG{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:#000;opacity: 0;}
.menuWrap {overflow-y:auto;overflow-x:hidden;max-height:100%;min-height:100%;padding: 6.5% 8.35% 5%;margin-right:7.2vw;background:#fff;}
.menuWrap {-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */}
.menuWrap::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
.switch-lang {position:relative;font-size:1.4rem;overflow:hidden;margin-right:-10px;}
.switch-lang > a {position:relative;display:inline-block;padding:0 10px;color:#bbb;font-size:1.4rem;font-weight:bold;line-height:1.4rem;letter-spacing:0;vertical-align:middle;}
.switch-lang > a::before {content:"";position:absolute;top:50%;right:0;margin-top:-6px; width:2px;height:10px;background-color:#ddd;transition:background-color 1s;transition-delay: .5s;}
.switch-lang > a.active {color:#3255a4}
.switch-lang > a:last-child::before {display:none;}
.switch-lang > a.home {width:31px;height:16px;font-size:0;background:url('/2019/src/images/common/home.png') left top no-repeat;background-size:auto 16px;}

ul.menuTree > li:after {content:'';display:block;clear:both;}
ul.menuTree > li {padding:3.65% 0 3.34%;border-bottom:1px solid #ddd;letter-spacing:-0.08em;transition:border-color 0.5s,padding-bottom .5s;cursor:pointer;}
ul.menuTree > li > i {display:block;width:100%;font-size:1.6rem;line-height:2.6rem;font-style:normal;font-weight:600;color:#999;}
ul.menuTree > li > strong {float:left;display:block;-ms-flex:1;flex:1;margin-top:1.8rem;font-size:4.4rem;line-height:6.0rem;font-weight:500;font-family:'AritaBuri';color:#aaa;}
ul.menuTree > li > strong > a > br {display:none;}
ul.menuTree > li > span {float:right;display:block;margin-top:2.1rem;width:30.7rem;font-size:1.5rem;line-height:2.4rem;color:#666;}
ul.menuTree > li > ul {display:none;margin-top:1.6rem;width:30.7rem;}
ul.menuTree > li > ul a {font-size:1.8rem;line-height:3.2rem;font-weight:600;}
ul.menuTree > li > ul a:hover {color:#004ed8;}
ul.menuTree > li.on {padding-bottom:5%;border-color:#bbb;}
ul.menuTree > li.on > span {display:none;}
ul.menuTree > li.on > ul {display:block;float:right;}
ul.menuTree > li.on > i {color:#666;}    
ul.menuTree > li.on > strong {color:#111;}
ul.menuTree > li.off > ul {display: none;}
ul.menuTree > li:hover > strong {color:#111;}
ul.menuTree > li.on > ul a.current {color:#3255a4;}
.navigation .btnClose:before,
.navigation .btnClose:after {content:'';display:block;position:absolute;top:50%;left:50%;margin:-1.8rem 0 0 2.5rem;width:0.2rem;height:3.6rem;background:#fff;transform:rotate(-45deg);}
.navigation .btnClose:after {transform:rotate(45deg)}
.navigation .btnClose {display:block;position:absolute;top:50%;right:0;padding-right:4.1rem;width:7.2vw;height:4.6rem;color:#fff;background:none;border:0;font-size:1.4rem;cursor:pointer;font-family:"AritaDotum",serif;font-weight:500;line-height:4.4rem;}

.info {display:none}
.menuCover {display: block;position: fixed;left: -200px;top: 0;bottom: 0;width: 180px;background-color: #fff;z-index: 899;}

body.en ul.menuTree > li {letter-spacing:0;}
body.en ul.menuTree > li > ul a {line-height:2.2rem;}
body.en ul.menuTree > li > ul li {padding:0 0 10px;}

/* main {max-width:1920px;margin:0 auto;} */

@media (max-width: 1440px) {
    .navigation .btnClose {overflow:hidden;padding-left:7.2vw;padding-right:0;width:0;white-space:nowrap;}
    .navigation .btnClose:before,
    .navigation .btnClose:after {margin-left:0rem;}
}

@media (max-width: 1023px) {
    ul.menuTree > li > strong,
    ul.menuTree > li > span,
    ul.menuTree > li > ul {width:100%;}
    ul.menuTree > li > span > br {display:none;}
}

@media (min-width: 768px) {
    ul.menuTree > li.off  {padding-top:2.3%;padding-bottom:1.93%;border-bottom-color:#eee;}
    ul.menuTree > li.off > i, 
    ul.menuTree > li.off > strong,
    ul.menuTree > li.off > span {color:#aaa;}
}

@media (max-width: 768px) {
	.navigation {left: 100%;right: -100%;}
    .menuWrap {height:100%;padding-top:calc(15% - 10px);padding-right:0;padding-left:10.6%;/* margin-left:17.4vw; */margin-right:0;overflow-x:visible;}
	.switch-lang {display:inline-block;margin-left:-10px;}
	.switch-lang::before {margin-top:-5px;}
	ul.menuTree {margin-top:calc(15% - 25px);}
    ul.menuTree > li {padding-top:calc(8% + 5px);padding-bottom:calc(6.5% + 5px);padding-right:7%;}
    /* ul.menuTree > li > strong:before,
    ul.menuTree > li > strong:after {content:'';display:block;position:absolute;bottom:0;right:1.5rem;width:1px;height:1.5rem;background:#000;transform:rotate(0deg);transition:transform 0.5s;} */
	ul.menuTree > li > strong:after {transform:rotate(-90deg);}
	ul.menuTree > li.depth04 > strong:before,
    ul.menuTree > li.depth04 > strong:after {display: none;}	   
    ul.menuTree > li > i {font-size:1.3rem;line-height:1;}
    ul.menuTree > li > span  {display:none;}
    ul.menuTree > li > strong {position:relative;margin-top:1.0rem;font-size:2.2rem;line-height:2.9rem;}
    ul.menuTree > li > strong > br {display:block;}
    ul.menuTree > li > ul {margin-top:1.8rem;}    
    ul.menuTree > li > ul a {font-size:1.5rem;color:#666;font-weight:500;}
    ul.menuTree > li.on {padding-bottom:7.2%;border-color:#333;}
    ul.menuTree > li.on > strong:before {transform:rotate(-90deg);}
    .navigation .btnClose {top:calc(10vw - 10px);right:0;left:auto;margin:0;padding-left:17.4vw;width:23px;height:23px;}
	.navigation .btnClose:before,
	.navigation .btnClose:after {background-color:#000;width:2px;height:23px;margin-top:-12px;}
	.menuCover {display:none;}

	body.en ul.menuTree > li > i {line-height:1.8rem;}

	
}
/* 자세히보기버튼 */

.bottomBar {position: fixed;left: 0;right: 0;bottom: 0;height: 50px;background-color: #fff;z-index: 100;}
@media (max-width:1023px) {
	.bottomBar {display: none;}
	a.link {font-size: 1.3rem;line-height: 2.1rem;}
}

aside {display:none}/* 모바일 가로모드 안내문구 */
@media (min-width:320px) and (max-width:768px) and (orientation:landscape) {
	body {overflow:hidden}
	main,header,footer,nav {display:none}
	aside {position:fixed;left:0;right:0;top:0;bottom:0;color:#111;font-size:2rem;line-height:3.4rem;display:flex;align-items:center;text-align:center;justify-content:center;border:10px solid;background:#fff;z-index:20000}
	.blue {color:#3255a4}
}/* mobile landscape */

em.inline {display:inline-block;font-style:normal;}
.wid100 {width:100%;}


/* EN */
body.en {letter-spacing:0;font-size:10px;line-height:10px;word-break:keep-all}
/* body.en ul.menuTree > li {letter-spacing:0;padding:7% 0 5%;} */


@media (max-width: 1680px) and (min-width: 1024px){
html, body.en {
    font-size: 9px;
    line-height: 9px;
}}

body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}
body.en {}