@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap&subset=korean");
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
body,th,td,input,select,textarea,h2,h3,h4,h5,address{font-family:'Pretendard', 'Noto Sans KR', sans-serif; font-style:normal; font-weight:normal; font-size:14px; line-height:1.4; color:#666;}
em{font-style:normal;}
img{vertical-align:top;}

#header,
#header h1,
#header h1>a,
#header .mMenu>span,
#header .mMenu:before,
#header .mMenu:after,
#header #gnb:after,
#header #gnb:before,
#header #gnb>li>a:before,
#header #gnb>li>a i:before,
#header #gnb>li>a i:after,
#header #gnb>li,
#header #gnb a,
#header #gnb>li>a>span:before,
#header #gnb .gnbSub>li>a,
#header #gnb>li>a em,
#header #gnb>li>a em:after,
#header #gnb>li>a em:before,
#header #pc_menu:before,
#header #pc_menu>li>a,
#header #pc_menu>li>a i,
#header .language,

#header .tSchArea .tSch:before,
#header .tSchArea .tSch:after,
#header .tSchArea .tSch_in,

#header .allMenu>span,
#header .allMenu:before,
#header .allMenu:after,

#snb #nav>li>a,
#snb #nav>li>a i,
#snb #nav>li>a i:after,
#snb #nav>li>a i:before,
#snb #nav .lnbSub>a,

#container.portrait #snb #nav>li>a,
#container.portrait #snb #nav>li .d3>li>a{transition: all .3s ease-out; transform-origin: 50% 50%;}

a.goTop,
a.goTop:before{transition: all .5s ease-out;}

#header .gnbArea,
#header .gnbArea .gnbBg{transition: all .5s ease-out; transform-origin: 50% 50%;}

:root {
	/* color */
	--point: #00a0e9;

	/* font family */
	--play: "Play", sans-serif;
}
img.pVar,
img.ptVar{display:inline-block;}

br.mo{display:none;}

.pnt_txt{color:var(--point)!important}

.num_li{counter-reset:num_li;}
.num_li > *{counter-increment:num_li;}
.num_li > *::before{content:counter(num_li); display:inline-block;}


/*[s] Layout Style */
	img{max-width:100%; font-size:0 !important; line-height:0;
		image-rendering: -moz-crisp-edges; /* Firefox */
		image-rendering: -o-crisp-edges; /* Opera */
		image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
		image-rendering: crisp-edges;
	}
	html.hide{height:100vh; overflow:hidden;}

	.inConts{width:1320px; margin:0 auto; padding:0 20px; position: relative; box-sizing: border-box;}

	#ribbonArea{width:1920px; margin-left:-960px; font-size:0; line-height:0; overflow:hidden; position: relative; left:50%; display:none;}
	#ribbonArea .ribbon_close{width:1200px; margin:0 auto; text-align: right; position: absolute; left:0; right:0; bottom:12px; z-index:7;}
	#ribbonArea .ribbon_close .checkIn input[type=checkbox]+label{color: #fff;}

	#progressBar{width:0%; height:3px; background-color:#0000ff; font-size:0; line-height:0; position:fixed;left:0; top:0;z-index:11;
		background: #0000ff; /* Old browsers */
		background: -moz-linear-gradient(-45deg,  #0000ff 0%, #009ae0 99%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  #0000ff 0%,#009ae0 99%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  #0000ff 0%,#009ae0 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000ff', endColorstr='#009ae0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}

	#wrap{width:100%; min-width:1300px; margin:0 auto; position:relative; overflow:hidden; word-break:keep-all; word-wrap:break-word;}

	#header{width:100%; background-color:rgba(0,0,0,0.2); font-size:0; line-height:0; position: absolute; left:0; top:0; z-index:7;}
	#header:before{content: ""; width:100%; height:1px; background-color: transparent; font-size:0; line-height:0; position: absolute; left:0; top:100%; z-index:8; box-shadow:0 10px 20px rgba(0,0,0,0.5);}
	#header>.inConts{display:flex; justify-content:flex-end;}
	#header>.inConts>*{flex:0 1 auto; display:flex; align-items:center}
	#header h1{padding:15px 0 17px; height:90px; display:inline-block; position:absolute; left:20px;}
	#header h1>a{width:220px; height:40px; background:url('/img/logo.png') no-repeat center center; display:inline-block;}

	#header #gnb{text-align: center;}
	#header #gnb:before{content: ""; width:3600px; height:0; margin-left:-1800px; background-color:#f6f6f6; position: absolute; left:50%; top:100%; z-index:1;}
	#header #gnb:hover:before{height:65px;}
	#header #gnb.hi:before{height:0 !important; opacity: 0 !important;}
	#header #gnb>li{display:inline-block; vertical-align: top; position: relative;}
	#header #gnb>li>a{width:100%; height:90px; padding:0 15px; font-size:18px; line-height:1.4; color: #fff; font-weight:500; display:table; box-sizing: border-box;}
	#header #gnb>li>a>span{padding:5px 0; display:table-cell; vertical-align:middle; position: relative;}
	/*#header #gnb>li>a>span:before{content: ""; width: 0; height: 2px; background-color: #224ea1; margin-left:0%; display: inline-block; position:absolute; left: 50%; bottom:0; z-index:5;}*/

	#header #gnb .gnbSub{padding-left:15px; text-align: left; position: absolute; left:0; top:100%; z-index:4; display:none; white-space: nowrap;}
	#header #gnb .gnbSub>li{display:inline-block; vertical-align: top;}
	#header #gnb .gnbSub>li+li{}
	#header #gnb .gnbSub>li>a{width:100%; height:65px; padding:0; font-size:17px; line-height:1.3; color: #666; font-weight:500; text-align: center; display:table; box-sizing: border-box;}
	#header #gnb .gnbSub>li>a>span{padding:5px 10px; display:table-cell; vertical-align: middle; word-break:keep-all; word-wrap:break-word;}

	#header .language{width:80px; height:43px; padding-left:15px; border:2px solid #cac7ce; font-weight: 700; font-size:16px; line-height:1; color: #fff; display:inline-block; box-sizing: border-box; position: absolute; right:0; top:50%; transform: translateY(-50%); z-index:3;}
	#header .language{background:transparent url('../img/arr_language.png') no-repeat 57px center; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline-width: 0; outline:none; select-dummy: expression(this.hideFocus=true);}
	#header .language::-ms-expand{display:none;}
	#header .language option{color: #000; outline:none; }

    #header .language2{display: flex; gap: 20px; width: 80px; position: absolute; right:0; top:50%; transform: translateY(-50%); z-index:3;}
    #header .language2 a{font-size: 16px; line-height: 1; color: #fff; white-space: nowrap;}
    #header .language2 a.active{color: #009ae0 !important;}
    #header:is(.active, :hover) .language2 a{color: #000;}
    #wrap.sub #header .language2 a{color: #000;}

	#header .right-utill{margin-left:15px; justify-content: flex-end; position: relative; gap:30px;}

    #header .mMenu{width:50px; height:14px; background-color:transparent; border:none; font-size:0; line-height:0; z-index:4; cursor: pointer; display:block; position: relative;}
	#header .mMenu:before,
	#header .mMenu:after{content: ""; width: 100%; height:2px; background-color:rgba(255,255,255,0.9); display: inline-block; position:absolute; right:0; border-radius:2px;}

	#header .mMenu:before{top:0;}
	#header .mMenu:after{width:50%; bottom:0;}

	#header .mMenu.open:before,
	#header .mMenu.open:after{width:80%; bottom:auto; right:auto; left:50%; top:50%; transform:rotate(45deg) translate(-50%, -50%); transform-origin: 0% 0%;}
	#header .mMenu.open:after{transform:rotate(-45deg) translate(-50%, -50%);}

	/*
	#header #gnb>li:hover>a>span:before,
	#header #gnb>li.active>a>span:before,
	#header #gnb>li.oPage>a>span:before{width: 100%; margin-left:0px; left:0; opacity: 1}
	*/

	#wrap.sub #header{position: relative;}
	#wrap.sub #header,
	#header.active,
	#header:hover{background-color: #fff; border-color:#e9e9e9;}

	#wrap.sub #header:before,
	#header.active:before,
	#header:hover:before{background-color:#e6e6e6;}

	#wrap.sub #header h1>a,
	#header.active h1>a,
	#header:hover h1>a{background-image:url('/img/logo_on.png');}

	#wrap.sub #header .language,
	#header:hover .language{background-image:url('../img/arr_language_on.png'); border-color:#ababab; color: #888;}

	#wrap.sub #header #gnb>li>a,
	#header.active #gnb>li>a,
	#header:hover #gnb>li>a{color: #000;}
	
	#wrap.sub #header #gnb>li:hover>a,
	#wrap.sub #header #gnb>li.active>a,
	#wrap.sub #header #gnb>li.oPage>a,
	#header #gnb>li:hover>a,
	#header #gnb>li.active>a,
	#header #gnb>li.oPage>a{color: #4b71d0;}
	
	#wrap.sub #header #gnb .gnbSub>li>a:hover,
	#wrap.sub #header #gnb .gnbSub>li.active>a,
	#wrap.sub #header #gnb .gnbSub>li.oPage>a,
	#header #gnb .gnbSub>li>a:hover,
	#header #gnb .gnbSub>li.active>a,
	#header #gnb .gnbSub>li.oPage>a{color: #222; text-decoration:underline; text-underline-offset:4px;}
	
	#wrap.sub #header .mMenu:before, 
	#header:hover .mMenu:before, 
	#wrap.sub #header .mMenu:after,
	#header:hover .mMenu:after{background-color:#000;}

	#header #pcMenu,
	#header #pcMenu #list,
	#header #pcMenu #list>li,
	#header #pcMenu #list>li>a{height:90px;}

	#header #pcMenu{position: relative;}
	#header #pcMenu #list{width:100%; display: flex; justify-content: center;}
	#header #pcMenu #list>li{padding:0 100px 0 30px; display:inline-block; vertical-align: top; position: relative;}
	#header #pcMenu #list>li>a{width:100%; font-weight: 500; font-size:19px; line-height:1; color: rgba(255,255,255,0.9); text-align: center; display:table; position: relative; z-index:3;}
	#header #pcMenu #list>li>a>span{display:table-cell; vertical-align:middle; position: relative; transition:color 0.3s ease-out;}
	#header #pcMenu #list>li>a>span:before{content: ""; width: 0; height: 2px; background-color: var(--point); margin-left:0%; display: inline-block; position:absolute; left: 50%; bottom:-1px; z-index:5;}

	#header #pcMenu #list .gnbSub{width:100%; padding:30px 0; display:none; position: absolute; left:0; top:100%; white-space: nowrap; z-index:6;}
	#header #pcMenu #list .gnbSub>li{padding-left:30px;}
	#header #pcMenu #list .gnbSub>li>a{width:100%; height:35px; font-size:17px; line-height:1.4; color:#666; display:table;}
	#header #pcMenu #list .gnbSub>li>a>span{display:table-cell; vertical-align: middle; word-break:keep-all; word-wrap:break-word;}

	#header #pcMenu #list .gnbSub>li:is(:hover, .oPage)>a{font-weight:600; color:#1b1b1b; text-decoration: underline; text-underline-position:under;}
	#header.move #pcMenu #list>li.oPage>a>span,
    #header #pcMenu #list>li:is(:hover, .active)>a>span{color:var(--point);}
    #header.move #pcMenu #list>li.oPage>a>span:before,
	#header #pcMenu #list>li:is(:hover, .active)>a>span:before{width:100%; margin-left:0; left: 0; opacity: 1}

	#header #pcMenu #list>li.one .gnbSub,
	#header #pcMenu #list .gnbSub>li.hide{display:none !important;}

	#header .mMenu{width:50px; height:14px; background-color:transparent; border:none; font-size:0; line-height:0; z-index:4; cursor: pointer; display:block; position: relative;}
	#header .mMenu:before,
	#header .mMenu:after{content: ""; width: 100%; height: 2px; background-color:rgba(255,255,255,0.9); display: inline-block; position:absolute; right:0; border-radius:2px;}

	#header .mMenu:before{top:0;}
	#header .mMenu:after{width:50%; bottom:0;}

	#header .mMenu.open:before,
	#header .mMenu.open:after{width:80%; bottom:auto; right:auto; left:50%; top:50%; transform:rotate(45deg) translate(-50%, -50%); transform-origin: 0% 0%;}
	#header .mMenu.open:after{transform:rotate(-45deg) translate(-50%, -50%);}

	#header:is(:hover, .all, .move){background-color:#fff;}/*rgba(255,255,255,0.9)*/

	#header:is(:hover, .all, .move) h1>a img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
	#header:is(:hover, .all, .move) h1>a:before{opacity: 0;}
	#header:is(:hover, .all, .move) h1>a:after{opacity: 1;}

	#header:is(:hover, .all, .move) #pcMenu #list>li>a{color: #1b1b1b;}

	#header:is(:hover, .all, .move) .right-utill>.mall{border-color:#c2c2c2; color: #666;}
	#header:is(:hover, .all, .move) .right-utill>.mall strong{color: #dc952b;}

	#header:is(:hover, .all, .move) .mMenu:before,
	#header:is(:hover, .all, .move) .mMenu:after{background-color: #333;}

	#header.move:before{content:"";position:absolute;z-index:-1;top:0%;bottom:0;left:0;right:0; box-shadow:0 0 60px rgba(0,0,0,0.1);}

	#wrap[data-device='pc'] #header.all .gnbBg{height:370px; opacity:1;}
	#header.all #pcMenu #list .gnbSub{background-color: #fff;}

	/*  */
		#pt_Menu{width:100%; background-color: rgba(0,0,0,0.6); font-size:0; line-height:0; position: fixed; top:0; bottom:0; z-index:12; overflow:hidden; overflow-y:auto; transition:all 0.3s ease-out;}
		#pt_Menu #pt_MenuArea{width:1024px; min-height:100vh; padding:30px 100px; background-color: #fff; float:right;}
		#pt_Menu #pt_MenuArea .logo img{height:45px;}
		#pt_Menu #pt_MenuArea .head{padding:30px 0 35px; position: relative;}
		#pt_Menu #pt_MenuArea .head img{height:42px;}
		#pt_Menu #pt_MenuArea .head .closeMenu{width:36px; height:36px; position: absolute; right:0; top:0; -webkit-transition-delay: .6s; transition-delay: .6s;}
		#pt_Menu #pt_MenuArea .head .closeMenu:before,
		#pt_Menu #pt_MenuArea .head .closeMenu:after{content: ""; background-color: #666; display: inline-block; position:absolute; left: 50%; top:50%; transform: translate(-50%, -50%) rotate(45deg); box-sizing: border-box;}
		#pt_Menu #pt_MenuArea .head .closeMenu:before{width: 100%; height: 1px;}
		#pt_Menu #pt_MenuArea .closeMenu:after{width: 1px; height: 100%;}

		#pt_Menu #pt_Menu_list{}
		#pt_Menu #pt_Menu_list>li{position: relative; padding:30px 0; display: flex; align-items:flex-start; justify-content: space-between;}
		#pt_Menu #pt_Menu_list>li+li{border-top:1px solid #eee;}
		#pt_Menu #pt_Menu_list>li>a{width:190px; padding:0; font-weight: 600; font-size:28px; line-height:40px; color: #222; position: relative; display: flex; align-content: center; justify-content: flex-start;}
		#pt_Menu #pt_Menu_list>li>a>span{ white-space: nowrap;}
		#pt_Menu #pt_Menu_list>li>a i{display:none; position: absolute; left:0; top:0;}

		#pt_Menu #pt_Menu_list .gnbSub{padding:3px 0; width:calc(100% - 190px); display: flex; flex-flow: row wrap; gap:10px 45px;}
		#pt_Menu #pt_Menu_list .gnbSub>li{}
		#pt_Menu #pt_Menu_list .gnbSub>li>a{width:100%; font-size:20px; line-height:34px; color: #999; white-space: nowrap; display:block;}
		#pt_Menu #pt_Menu_list .gnbSub>li>a>span{}

		#pt_Menu #pt_Menu_list .gnbSub>li:is(:hover, .oPage, .active)>a{color:#111; font-weight:600; text-decoration: underline; text-underline-position:under;}

		#pt_Menu{right:-100%;}
		#pt_Menu.open{right:0;}
		/* #pt_Menu.open #pt_MenuArea .head .closeMenu{right:0; transform: rotate(180deg);} */


	#sVisual{width:100%; background-repeat: no-repeat; background-position: center center; background-size: cover; font-size:0; line-height:0; overflow:hidden; position: relative;}
	#sVisual .sVisual_in{width:100%; height:390px; display:table;}
	#sVisual h2{text-align: center; display:table-cell; vertical-align: middle; box-sizing:border-box;}
	#sVisual h2>strong{font-weight: 800; font-size:46px; line-height:1; color: #fff; letter-spacing: -0.07em; display:block;}
	#sVisual h2>p{padding-top:3px; font-weight: 400; font-size:20px; line-height:30px; color: #fff; letter-spacing: -0.05em; display:block;}

	#sVisual.bg_1{background-image:url('../img/img_sVisual_1.jpg')}
	#sVisual.bg_2{background-image:url('../img/img_sVisual_2.jpg')}
	#sVisual.bg_3{background-image:url('../img/img_sVisual_3.jpg')}
	#sVisual.bg_4{background-image:url('../img/img_sVisual_4.jpg')}
	#sVisual.bg_5{background-image:url('../img/img_sVisual_5.jpg')}
	#sVisual.bg_6{background-image:url('../img/img_sVisual_6.jpg')}
	#sVisual.bg_7{background-image:url('../img/img_sVisual_7.jpg')}
	#sVisual.bg_8{background-image:url('../img/img_sVisual_8.jpg')}
	#sVisual.bg_9{background-image:url('../img/img_sVisual_9.jpg')}

	#sVisual.bg_10,
	#sVisual.bg_11,
	#sVisual.bg_12,
	#sVisual.bg_99{background-image:url('../img/img_sVisual_99.jpg')}

	/* #snb{width:100%; background-color: #f6f6f6; font-size:0; line-height:0; position: relative; z-index:6;}
	#snb:before,
	#snb:after{content: ""; width:100%; height:1px; background-color: #ebebeb; display: block; position:absolute; left: 0;}
	#snb:before{top:0;}
	#snb:after{bottom:0;}
	#snb #nav{width:100%; border-left:1px solid #ebebeb; box-sizing:border-box; display: flex; justify-content: space-between; position: relative; z-index:2;}
	#snb #nav>li{width:100%; border-right:1px solid #ebebeb; display:inline-block; vertical-align:top; position:relative; box-sizing:border-box;}
	#snb #nav>li>a{width:100%; height:70px; font-weight: 400; font-size:19px; line-height:1.2; color:#666; letter-spacing: -0.05em; text-align: center; display:table; position: relative; box-sizing:border-box;}
	#snb #nav>li>a>span{padding:5px 0; display:table-cell; vertical-align: middle;}

	#snb #nav>li:hover,
	#snb #nav>li:hover>a,
	#snb #nav>li.oPage,
	#snb #nav>li.oPage>a{background-color: #fff; color: #222;}
	#snb #nav>li.oPage,
	#snb #nav>li.oPage>a{font-weight: 700;} */

	#snb{width:100%; background-color: #f2f2f2; border-bottom:1px solid #ddd; font-size:0; line-height:0; position: relative; z-index:8;}
	#snb #nav{width:100%; max-width:1300px; margin:0 auto; background-color: #f2f2f2; position: relative; z-index:2; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: flex-start;}
	#snb #nav>li{flex:0 1 24%; border-right:1px solid #ddd; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center; position:relative;}
	#snb #nav>li>a{width:100%; height:70px; padding:5px 50px 5px 20px; font-weight: 600; font-size:17px; line-height:1.2; color:#666; display: flex; align-items: center; position: relative;}
	#snb #nav>li>a>span{word-break:break-all !important;}

	#snb #nav>li>a i{width:15px; height:10px; margin-top:-5px; position: absolute; right:20px; top:50%; display:inline-block;}
	#snb #nav>li>a i:after,
	#snb #nav>li>a i:before{content: ""; width:10px; height: 2px; margin:0 0 0 0; background-color: #b2b2b2; display: block; position:absolute; top:50%;}
	#snb #nav>li>a i:after{right:6px; transform:rotate(45deg);}
	#snb #nav>li>a i:before{right:0px; transform:rotate(-45deg);}

	#snb #nav>li.home{border-left:1px solid #ddd; flex-basis: 70px; max-width:70px;}
	#snb #nav>li.home>a{width:100%; height:70px; padding:0; font-weight:500; font-size:18px; line-height:1; color: #fff; text-align: center; justify-content: center; background-color:#222;}
	/* #snb #nav>li.home>a:before{content: "H";} */
	#snb #nav>li.home>a img{display:none;}

	#snb #nav>li.sDepth02{flex-basis: 25%;}
	#snb #nav>li.sDepth02>a{color: #111;}
	#snb #nav>li.sDepth02>a i:after,
	#snb #nav>li.sDepth02>a i:before{background-color: #222;}
	#snb #nav>li.sDepth02>a>span:before{content: ""; width:100%; height: 2px; background-color: #111; display: block; position:absolute; left:0; bottom:-1px;}

	#snb #nav>li.sDepth03{display:none;}

	#snb #nav .lnbSub{background-color: #fff; border:1px solid #ddd; position:absolute; left:-1px; right:-1px; top:calc(100% - 1px); z-index:3; display:none;}
	#snb #nav .lnbSub>a{width:100%; height:60px; padding:5px 20px; font-size:16px; line-height:1.4; color:#666; display: flex; align-items: center;}
	#snb #nav .lnbSub>a>span{word-break:break-all !important;}
	#snb #nav .lnbSub>a+a{border-top:1px solid #ddd;}
	#snb #nav .lnbSub>a:is(:hover, .active){background-color: #f5f5f5; color: var(--point);}
	#snb #nav .lnbSub>a.active{font-weight: 600;}

	#snb #nav>li.active>a i{transform:rotate(180deg);}

	#pageTop{margin:0 auto; padding:80px 0 60px; font-size:0; line-height:0; text-align: center; position: relative;}
	#pageTop>h3{font-weight:700; font-size:40px; line-height:1; color: #222; letter-spacing: -0.05em; position: relative;}
	#pageTop>h3>strong{}
	#pageTop>h3+p{margin-top:10px; font-weight:400; font-size:18px; line-height:28px; color: #666; letter-spacing: -0.05em; position: relative;}

	#container{width:100%; min-height:400px; margin:0 auto; padding:0 0 140px; background-color: #fff; position: relative; box-sizing: border-box;}
	#container.full{width:100%; min-height:400px; margin:0 auto; padding:0 0 140px; background-color: #fff; position: relative; box-sizing: border-box;}

	.fullBox{width:1920px; margin-left:-960px; font-size:0; line-height:0; text-align: center; position: relative; left:50%; display:block;}
	.fullBox.gray{background-color: #f7f7f7;}
	.fullBox.gray .inConts.pd{padding:80px 0 120px;}
	.fullBox.pb_120,
	.inConts.pb_120{padding-bottom:120px;}

	#footer{width:100%; padding:98px 0; background-color: #444; font-size:0; line-height:0; position: relative;}

	#footer .link{border-left:1px solid #262b3a; position: relative; z-index:2;}
	#footer .link>a{min-width:136px; padding:0 30px; border-right:1px solid #262b3a; font-style: normal; font-weight: 400; font-size:15px; line-height:49px; color: #fff; text-align: center; letter-spacing: -0.05em; display:inline-block; vertical-align: top; position: relative;}
	/*#footer .link>a+a{margin-left:23px;}
	#footer .link>a+a:before{content: ""; width: 1px; height: 10px; margin-top:-5px; background-color: #9e9e9e; display: inline-block; position:absolute; left: -12px; top:50%;}*/
	#footer .link>a.point{color: #00a0e9;}

	#footer .logo{position: absolute; left:0; top:42px; display:inline-block; opacity:0.75;}
	#footer .text{padding:0 0 0 0; text-align: center; position: relative;}
	#footer .text>p{}
	#footer .text>address,
	#footer .text>p>span{font-style: normal; font-weight: 300; font-size:17px; line-height:24px; color: #f0f0f0; display:inline-block; vertical-align: top; position: relative;}
	#footer .text>p>span em{font-style: normal; color: #434343;}
	#footer .text>p>span+span{margin-left:15px;}
	/*#footer .text>p>span+span:before{content: ""; width: 1px; height: 10px; margin-top:-4px; background-color: #717070; display: inline-block; position:absolute; left: -6px; top:50%;}*/
	#footer .text>address{padding-top:0;}
	#footer .text>address>a{font-weight: 400; color: #fff;}

	a.goTop{width:50px; height:50px; background-color: #acacac; font-size:0; line-height:0; position: fixed; right:15px; bottom:15px; z-index:9; display:block; overflow:hidden; opacity: 0;}
	a.goTop.open{opacity: 1;}
	a.goTop:before{content: ""; width: 100%; height: 100%; background:url('../img/arr_goTop.png') no-repeat center center; display: block; position:absolute; left: 0; top:0px;}
	a.goTop:hover{background-color: #00a0e9; border-radius:50%; transform:rotate(180deg);}
	a.goTop:hover:before{transform:rotate(-180deg);}

	.quickArea{position: fixed; right:15px; bottom:80px; z-index:9; display:block; overflow:hidden; opacity: 1;}
	.quickArea:open {opacity: 1;}

	#quickArea{border:1px solid #ddd; font-size:0; line-height:0; display:inline-block; position: fixed; right:15px; top:50%; z-index:9; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
	#quickArea>*{display:block;}
	#quickArea>*+*{border-top:1px solid #ddd;}

	.quick-right{position:fixed; right:40px; top:50%; z-index:10; transform:translateY(-50%);}
	.quick-right a{display:block;}
	.quick-right a+a{margin-top:10px;}



/*[e] Layout Style */

:root,
html{font-size:16px;}

.pVar{display:block;}
.tVar{display:none;}
.mVar{display:none;}
.tmVar{display:none;}
.br_t{display:none;}
.br_p{}
/*
-webkit-transform: translateY(-50%); transform: translateY(-50%);
-webkit-transform: translateX(-50%); transform: translateX(-50%);
filter:grayscale(100%) blur(0px); -webkit-filter:grayscale(100%) blur(0px);
transition: all .5s linear;
transition: all .5s ease-out;
transform:rotate(180deg);
-webkit-transition-timing-function:ease-in linear; transition-timing-function:ease-in linear;
-webkit-transition-delay: .8s; transition-delay: .8s;
:before{content: ""; width: 24px; height: 24px; background-color: #fff; border:1px solid #666; display: inline-block; position:absolute; left: 0; top:0px; box-sizing: border-box;}
display: flex; justify-content: space-between; // 양쪽 끝 정렬
display: flex; justify-content: space-around; // 센터 정렬
display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; //한줄 감추기
display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; //두줄 감추기
active
:first-child
text-indent:-99999px;
!important
display:table;
table-layout:fixed;
display:table-row;
display:table-cell;
box-sizing:border-box;
word-break:keep-all; word-wrap:break-word;
border-radius:2px;
*/