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

.language,
.language>a,
.language>a:before,
#header,
#header h1,
#header h1>a,
#header h1 img,
#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 .pcMenu,
/*.pc_menu,*/
.pc_menu:before,
.pc_menu>li,
.pc_menu>li:before,
.pc_menu>li>a,
.pc_menu>li>a i,
.pc_menu>li>a>span:before,
.pc_menu .gnbSub>li>a,

.menuLayer .gnb>li>a,
.menuLayer .gnb>li>a i,
.menuLayer .gnb>li>a i:after,
.menuLayer .gnb>li>a i:before,
.menuLayer .gnb .gnbSub>li>a,

#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,

#snbPc .inConts a,
#snbMobile>a i,
#snbD3 .inConts a,
#snbD3 .inConts a>span:before,

#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;}

.menuLayer{transition: all .5s ease-in-out; transform-origin: 50% 50%;}

.menuLayer .head .closeMenu{transition: all .7s ease-in-out; transform-origin: 50% 50%;}

:root,
html{font-size: 10px}


th.pVar,
td.pVar{display:table-cell;}
.tVar{display:none;}
img.mVar{display:none;}
.mVar{display:none;}
.ptVar{display:block;}
.tmVar{display:none;}
.br_t{display:none;}
.br_p{}

img.ptVar,
img.pVar{display:inline-block;}


.f_poppins,
.language>a,
.visionArea .missionArea ol.nums>li:before{font-family: 'Poppins', sans-serif !important;}

.f_prompt,
.mScroll:before,
.historyArea .historyList .histore_re>.year{font-family: 'Prompt', sans-serif !important;}

/*[s] Layout Style */
	html.hide{height:100vh; overflow:hidden;}
	img{max-width:100%;
		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;
	}
	#progressBar{width:0%; height:3px; background-color:#003876; font-size:0; line-height:0; position:fixed;left:0; top:0;z-index:9}

	.inConts{width:calc(100vw - 6rem); max-width:1200px; margin:0 auto; position: relative; box-sizing: border-box;}

	.language>a{padding:0.6rem 0; font-weight: 600; font-size:1.8rem; line-height:1.2; color: #fff; text-align: center; display:inline-block; vertical-align: top; position: relative;}
	.language>a:before{content: ""; width: 0; height: 1px; background-color: #fff; display: inline-block; position:absolute; left: 50%; bottom:0; z-index:5;}
	.language>a:hover:before,
	.language>a.active:before{width: 100%; margin-left:0px; left:0;}

	#wrap{width:100%; margin:0 auto; position:relative; overflow:hidden;}
	#wrap *{letter-spacing: -0.04em; word-break:keep-all; word-wrap:break-word;}

	#header{width:100%; font-size:0; line-height:0; text-align: center; position: fixed; left:0; top:0; z-index:8;}
	#header .inConts,
	#sub_head .inConts{max-width:1680px; padding:0 !important;}
	#header h1,
	#sub_head h1{padding:5.4rem 0 6.2rem; display:inline-block; position: relative;}
	#header h1 a,
	#sub_head h1 a{display:inline-block;}
	#header h1 img,
	#sub_head h1 img{width:18.9rem; height:5rem;}
	#header h1 img.m,
	#sub_head h1 img.m{display:none;}
	#header .hTxt,
	#sub_head .hTxt{font-family: 'Roboto', serif !important; font-weight: 400; font-size:2.6rem; line-height:1.2; color: #fff; opacity: 1; display:none; cursor: default;}
	.main #header .hTxt{padding-top:2.1rem; display:block;}
	#header .hTxt>span,
	#sub_head .hTxt>span{color: #ed174b;}

	#header .language,
	#sub_head .language{margin-top:5.4rem; display:inline-block; position: absolute; right:0; top:0; z-index:4;}
	#header .language>a{}
	#header .language>a:before{}
	#header .language>a+a,
	#sub_head .language>a+a{margin-left:2.5rem;}

	.main #header h1 img.s{display:none;}
	.main #header h1 img.m{display:block;}
	.main #header .hTxt{color: #fff;}
	.main #header .hTxt>span{color: #ed174b;}

	.pcMenu{padding-top:6rem; position: absolute; left:0; top:0; z-index:5;}
	.pcMenu .mMenu{width:3rem; height:2rem; background-color: transparent; border:none; font-size:0; line-height:0; display:none; cursor: pointer; position: relative; z-index:3; overflow: visible;}
	.pcMenu .mMenu>p{margin-top:0.8rem; padding-left:0rem; font-weight: 500; font-size:1.1rem; line-height:1; color: #fff; text-align: center; display:block; position:absolute; left: 0; top:100%; z-index:5;}
	.pcMenu .mMenu>span,
	.pcMenu .mMenu:before,
	.pcMenu .mMenu:after{content: ""; width: 100%; height: 0.2rem; background-color: #fff; display: inline-block; position:absolute; left:50%; top:50%; transform: translateX(-50%) translateY(-50%);}

	.pcMenu .mMenu:before{margin-top:-30%;}
	.pcMenu .mMenu>span{margin-top:-0.05rem;}
	.pcMenu .mMenu:after{margin-top:30%;}

	.pc_menu{margin-top:0rem; text-align: left; display:block; position: relative; z-index:0;}
	.pc_menu>li{position: relative;}
	.pc_menu>li+li{}
	.pc_menu>li:before{content: ""; width: auto; height: 1px; margin-right:7px; background-color: #fff; display: none !important; position:absolute; left:0; right:100%; top:25px;}
	.pc_menu>li.logo{padding-bottom:6px;}
	.pc_menu>li>a{width:100%; height:4rem; font-weight: bold; font-size:2.2rem; line-height:1.2; color: rgba(255,255,255,0.7); display:table; box-sizing: border-box;}
	.pc_menu>li>a>span{display:table-cell; vertical-align:middle; position: relative;}
	.pc_menu>li>a>span:before{content: ""; width: 2.5rem; height: 0.6rem; background: url("/images/bul_gnb_on.png") no-repeat left top; background-size:cover; display: inline-block; position:absolute; right:0px; top:7px; opacity: 0;}
	.pc_menu>li.logo>a>span:before{display:none !important;}

	.pc_menu .gnbSub{padding:2px 0 0 35px; position: absolute; left:99%; top:0.6rem; z-index:4; display:none; white-space: nowrap;}
	.pc_menu .gnbSub>li{position: relative; opacity: 0.7;}
	.sub .pc_menu .gnbSub>li{margin-right:12px; display:inline-block; vertical-align: top; }
	.pc_menu .gnbSub>li>a{width:100%; height:26px; font-weight: 500; font-size:16px; line-height:1.3; color: #fff; display:table; box-sizing: border-box;}
	.pc_menu .gnbSub>li>a>span{display:table-cell; vertical-align: middle;}

	.pc_menu>li:hover,
	.pc_menu>li.active,
	.pc_menu>li.oPage{opacity: 1}

	.pc_menu>li:hover:before,
	.pc_menu>li.active:before,
	.pc_menu>li.oPage:before{left:-12vw}

	.pc_menu>li:hover>a,
	.pc_menu>li.active>a,
	.pc_menu>li.oPage>a{color: rgba(255,255,255,1);}

	.pc_menu>li:hover>a>span:before,
	.pc_menu>li.active>a>span:before,
	.pc_menu>li.oPage>a>span:before{right:-30px; top:7px; opacity: 1;}

	.pc_menu>li .gnbSub>li:hover,
	.pc_menu>li .gnbSub>li.active,
	.pc_menu>li .gnbSub>li.oPage{opacity: 1}

	.pc_menu>li.oPage .gnbSub{display:block;}


    /* 영문 */
    .pc_menu>li.en>a>span:before{top:9px;}
    .pc_menu>li.en:hover>a>span:before,
    .pc_menu>li.en.active>a>span:before,
    .pc_menu>li.en.oPage>a>span:before{top: 9px;}

    .pc_menu>li.en:nth-child(1) span:before{}
    .pc_menu>li.en:nth-child(2) span:before{right:100px}
    .pc_menu>li.en:nth-child(3) span:before{right:60px}

    .pc_menu>li.en:nth-child(1):hover span:before,
    .pc_menu>li.en:nth-child(1).active span:before,
    .pc_menu>li.en:nth-child(1).oPage span:before{right: -1px;}

    .pc_menu>li.en:nth-child(2):hover span:before,
    .pc_menu>li.en:nth-child(2).active span:before,
    .pc_menu>li.en:nth-child(2).oPage span:before{right: 107px;}

    .pc_menu>li.en:nth-child(3):hover span:before,
    .pc_menu>li.en:nth-child(3).active span:before,
    .pc_menu>li.en:nth-child(3).oPage span:before{right: 46px;}

    .pc_menu>li.en:nth-child(1) .gnbSub{transform: translateX(0px);}
    .pc_menu>li.en:nth-child(2) .gnbSub{transform: translateX(-90px);}
    .pc_menu>li.en:nth-child(3) .gnbSub{transform: translateX(-40px);}

	.main.en .pc_menu>li.en:nth-child(2){margin:20px 0;}



    /* 베트남 */
    .pc_menu>li.vn>a>span:before{top:9px;}
    .pc_menu>li.vn:hover>a>span:before,
    .pc_menu>li.vn.active>a>span:before,
    .pc_menu>li.vn.oPage>a>span:before{top: 9px;}

    .pc_menu>li.vn:nth-child(1) span:before{right: 50px;}
    .pc_menu>li.vn:nth-child(2) span:before{right:40px}
    .pc_menu>li.vn:nth-child(3) span:before{right:40px}

    .pc_menu>li.vn:nth-child(1):hover span:before,
    .pc_menu>li.vn:nth-child(1).active span:before,
    .pc_menu>li.vn:nth-child(1).oPage span:before{right: 44px;}

    .pc_menu>li.vn:nth-child(2):hover span:before,
    .pc_menu>li.vn:nth-child(2).active span:before,
    .pc_menu>li.vn:nth-child(2).oPage span:before{right: 18px;}

    .pc_menu>li.vn:nth-child(3):hover span:before,
    .pc_menu>li.vn:nth-child(3).active span:before,
    .pc_menu>li.vn:nth-child(3).oPage span:before{right: 31px;}

    .pc_menu>li.vn:nth-child(1) .gnbSub{transform: translateX(-20px);}
    .pc_menu>li.vn:nth-child(2) .gnbSub{transform: translateX(0px);}
    .pc_menu>li.vn:nth-child(3) .gnbSub{transform: translateX(-20px);}

    .pc_menu>li.vn:nth-child(1):hover>a>span:before,
    .pc_menu>li.vn:nth-child(2).active>a>span:before,
    .pc_menu>li.vn:nth-child(3).oPage>a>span:before{}




	.menuLayer{width:100%; padding-right:60%; background-color: rgba(0,0,0,0.3);font-size:0; line-height:0; position: fixed; top:0; bottom:0; z-index:12; overflow:hidden; overflow-y:auto; box-sizing: border-box;}
	.menuLayer .head{height:12rem; background-color: #fff; text-align: center; position: relative;}
	.menuLayer .head .logo{width:14.1rem; padding:3rem 0 3.2rem; display:none; vertical-align: top;}
	.menuLayer .head .closeMenu{width:3.6rem; height:3.6rem; position: absolute; right:10rem; top:50%; transform: translateY(-50%); -webkit-transition-delay: .6s; transition-delay: .6s;}
	.menuLayer .head .closeMenu:before,
	.menuLayer .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;}
	.menuLayer .head .closeMenu:before{width: 100%; height: 2px;}
	.menuLayer .head .closeMenu:after{width: 2px; height: 100%;}

	.menuLayer .language{padding:2.4rem 3rem 3rem; background-color: #f6f6f6; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; display:none;}
	.menuLayer .language>a{font-size:2.2rem; line-height:2.7rem; color: #222;}
	.menuLayer .language>a:before{background-color: #222;}
	.menuLayer .language>a+a{margin-left:3rem;}

	.menuLayer .gnb{min-height:calc(100vh - 12rem); padding:0 4rem; background-color: #fff;}
	.menuLayer .gnb>li{padding:3.5rem 0; display: flex; justify-content: flex-start; position: relative;}
	.menuLayer .gnb>li+li{border-top:1px solid #e8e8e8;}
	.menuLayer .gnb>li>a{width:20.3rem; font-weight: bold; font-size:2.6rem; line-height:1.4; color: #003976; box-sizing: border-box; position: relative;}
	.menuLayer .gnb>li>a>span{}
	.menuLayer .gnb>li>a i{display:none;}
	.menuLayer .gnb>li>a i{width:1.8rem; height:1.8rem; border:0.3rem solid #8e979d; border-right:none; border-bottom:none; position: absolute; right:4rem; top:50%; transform:translateY(-50%) rotate(-135deg); display:none; box-sizing: border-box;}

	.menuLayer .gnb .gnbSub{}
	.menuLayer .gnb .gnbSub>li+li{}
	.menuLayer .gnb .gnbSub>li>a{width:100%; height:4rem; font-weight: 500; font-size:1.8rem; line-height:1.2; color: #666; text-align: left; display:table; position: relative; box-sizing: border-box;}
	.menuLayer .gnb .gnbSub>li>a>span{display:table-cell; vertical-align:middle; position: relative;}

	.menuLayer .gnb>li.logo{display:none !important;}
	.menuLayer .gnb>li.logo+li{border-top:none;}

	#menuArea{left:-100%;}
	#menuArea.open{left:0;}
	#menuArea.open .head .closeMenu{right:6rem; transform: translateY(-50%) rotate(180deg);}

	.sub #header,
	#sub_head{background-color: #fff; border-bottom:1px solid #6e7a86;}

	.sub #header .pcMenu,
	#sub_head .pcMenu{padding-top:2.5rem;}

	.sub #header .pcMenu .mMenu,
	#sub_head .pcMenu .mMenu{margin-left: 2.1rem; display:block;}

	.sub #header .pcMenu:before{content: ""; width:38rem; height:8.5rem; background-color: #fff; display: inline-block; position:absolute; left: 0; top:0; z-index:2;}
	.sub #header .pcMenu .pc_menu,
	#sub_head .pcMenu .pc_menu{position: absolute; left:0rem; top:112px; z-index:0;}

	.sub #header .pcMenu .pc_menu.en,
	#sub_head .pcMenu .pc_menu.en{top:128px;}

	.sub #header h1,
	#sub_head h1{padding:2.2rem 0 2.4rem;}
	.sub #header h1 img,
	#sub_head h1 img{height:4rem;}

	.sub #header .language>a,
	#sub_head .language>a{color: #8e979d;}

	.sub #header .language>a:before,
	#sub_head .language>a:before{background-color: #003976;}

	.sub #header .language>a:hover,
	#sub_head .language>a:hover,
	.sub #header .language>a.active,
	#sub_head .language>a.active{color: #003976;}

	.sub #header .language,
	#sub_head .language{margin-top:2.4rem;}

	.sub #header .pcMenu .mMenu>p,
	#sub_head .pcMenu .mMenu>p{color: #003976;}

	.sub #header .pcMenu .mMenu>span,
	.sub #header .pcMenu .mMenu:before,
	.sub #header .pcMenu .mMenu:after,
	#sub_head .pcMenu .mMenu>span,
	#sub_head .pcMenu .mMenu:before,
	#sub_head .pcMenu .mMenu:after{background-color: #003976;}


	#sub_head{width:100%; background-color: #fff; font-size:0; line-height:0; text-align: center; position: fixed; left:0; top:0; z-index:6;}

	#sub_head .pc_menu>li{opacity:1;}
	#sub_head .pc_menu>li:before{background-color: #003976;}
	#sub_head .pc_menu>li>a{color: #8e979d;}

	#sub_head .pc_menu .gnbSub>li{opacity:1;}
	#sub_head .pc_menu .gnbSub>li>a{color: #8e979d;}

	#sub_head .pc_menu>li:hover>a,
	#sub_head .pc_menu>li.active>a,
	#sub_head .pc_menu>li.oPage>a{color: #003976;}

	#sub_head .pc_menu>li .gnbSub>li:hover>a,
	#sub_head .pc_menu>li .gnbSub>li.active>a,
	#sub_head .pc_menu>li .gnbSub>li.oPage>a{color: #003976;}


	#sVisual{width:100%; background-repeat: no-repeat; background-position: center top; background-size: cover; font-size:0; line-height:0; overflow:hidden; position: relative; z-index:7;}
	#sVisual .inConts{height:35rem; display:table;}
	#sVisual h2{padding:8.6rem 0 0; text-align: center; display:table-cell; vertical-align: middle; text-shadow:0px 2px 5px rgba(0,0,0,0.3);}
	#sVisual h2>strong{font-weight:bold; font-size:4.5rem; line-height:1; color: #fff; display:inline-block; vertical-align: top; position: relative; text-transform : uppercase;}
	#sVisual h2>p{padding-top:3rem; font-weight:400; font-size:2.2rem; line-height:1; color: #fff; text-transform : uppercase;}

	#sVisual.bg01{background-image:url('../../images/img_sVisual_01.jpg');}
	#sVisual.bg02{background-image:url('../../images/img_sVisual_02.jpg');}
	#sVisual.bg03{background-image:url('../../images/img_sVisual_04.jpg');}
	#sVisual.bg04{background-image:url('../../images/img_sVisual_04.jpg');}
	#sVisual.bg05{background-image:url('../../images/img_sVisual_01.jpg');}

	#sVisual.bg10{background-image:url('../../images/img_sVisual10.jpg');}
	#sVisual.bg11{background-image:url('../../images/img_sVisual11.jpg');}
	#sVisual.bg12,
	#sVisual.bg13{background-image:url('../../images/img_sVisual_01.jpg');}

	#snb{width:1px; height:1px; font-size:0; line-height:0; position: fixed; left:-1px; top:-1px; z-index:-999; overflow:hidden; opacity: 0;}
	/*#snb{width:100%; background-color: #fff; border-bottom:1px solid rgba(191,191,191,0.6); font-size:0; line-height:0; position: relative; z-index:6;}*/
	#snb #nav{max-width:1200px; margin:0 auto; border-left:1px solid rgba(191,191,191,0.6); box-sizing:border-box;}
	#snb #nav>li{min-width:240px; border-right:1px solid rgba(191,191,191,0.6); display:inline-block; vertical-align:top; position:relative; box-sizing:border-box;}
	#snb #nav>li>a{width:100%; height:49px; padding:0 50px 0 20px; font-weight: 300; font-size:15px; line-height:1.2; color:#666; 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>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: #333; 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{width:61px; min-width:60px;}
	#snb #nav>li.home>a{width:60px; height:49px; padding:0; background:url('../../images/icon_home.gif') no-repeat center center; font-size:0; line-height:0;}
	#snb #nav>li.home>a:before{content: ""; display:none;}

	#snb #nav>li:last-child>a{font-weight: 400; color: #333;}

	#snb #nav .lnbSub{background-color: #fff; border:1px solid rgba(191,191,191,0.6); position:absolute; left:-1px; right:-1px; top:49px; display:none; box-sizing:border-box;}
	#snb #nav .lnbSub>a{width:100%; height:41px; padding:0px 20px; font-weight: 300; font-size:15px; line-height:1.2; color:#666; display:table; box-sizing:border-box;}
	#snb #nav .lnbSub>a>span{padding:5px 0; display:table-cell; vertical-align: middle;}
	#snb #nav .lnbSub>a+a{border-top:1px solid #fafafa;}
	#snb #nav .lnbSub>a:hover,
	#snb #nav .lnbSub>a.active{color: #333;}
	#snb #nav .lnbSub>a.active{font-weight: 400;}

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

	#pageTop{padding:8rem 0 4rem; font-size:0; line-height:0; text-align: center; position: relative;}
	#pageTop>h3{font-weight: bold; font-size:3.3rem; line-height:1; color: #222; position: relative;}
	#pageTop>p{padding-top:1.5rem; font-weight: 500; font-size:1.6rem; line-height:1.5; color: #666;}

	#container{width:100%; margin:0 auto; background-color: #fff; position: relative; box-sizing: border-box;}
	#contents{width:100%; max-width:1200px; min-height:46rem; margin:0 auto; padding:0 0 14rem; position: relative; box-sizing: border-box;}

	#container #contents.full{width:100%; padding-bottom:0px; overflow:hidden;}
	#container #contents.full .fullBox{width:1920px; margin-left:-960px; position: relative; left:50%;}
	#container #contents.full .fullBox.gray{background-color: #f7f7f7;}
	#container #contents.full .inConts{padding:80px 0;}


	#footer{width:100%; background-color: #03101f; font-size:0; line-height:0; text-align: left; position: relative;}
	#footer:before{content: ""; width: 100%; height: 1px; background-color: #14202e; display: block; position:absolute; left: 0; top:7.9rem;}

	#footer .link{}
	#footer .link>a{font-style: normal; font-weight: 400; font-size:1.7rem; line-height:8rem; color: #cacaca; display:inline-block; vertical-align: top; position: relative;}
	#footer .link>a+a{margin-left:30px;}
	#footer .link>a+a:before{content: ""; width: 0.2rem; height: 2rem; margin-top:-1rem; background-color: #717070; display: inline-block; position:absolute; left: -1.6rem; top:50%;}
	#footer .link>a.point{font-weight: 500; color: #fff;}

	#footer .text{padding:4.5rem 0 4.5rem 17rem; background:url('/images/h1_logo.png') no-repeat left 5.4rem; background-size:12.8rem;}
	#footer .text>p{}
	#footer .text>address,
	#footer .text>p>span{padding:0 0.7rem; font-style: normal; font-size:1.6rem; line-height:2.3rem; color: #cacaca; display:inline-block; vertical-align: top; position: relative;}
	/*
	#footer .text>p>span+span{margin-left:12px;}
	#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:1.5rem;}
	#footer .text>address>span{color: #fff;}

	#footer .text+.text{margin-top:-1rem; padding-top:0; background:url('/images/h1_logo_vina.png') no-repeat left 1.4rem; background-size:12.8rem;}

	#footer .famArea{display:inline-block; position: absolute; right:0; top:16px; z-index: 3;}
	#footer .famArea select{width:220px; height:44px; padding:0 4rem 0 2rem; border:none; font-size:15px; line-height:44px; color: #cacaca; text-align: left; display:inline-block; vertical-align: top; box-sizing: border-box;}
	#footer .famArea select{background:#06192e url("/images/arr_family.png") no-repeat right center; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
	#footer .famArea select::-ms-expand{display:none;}
	#footer .famArea select+select{margin-left:1rem;}

	#footer .famArea .famLay{width:220px; background:#06192e url("/images/arr_family.png") no-repeat right center; display:inline-block; vertical-align: top; position: relative;}
	#footer .famArea .famLay>p{height:44px; padding:0 4rem 0 2rem; border:none; font-size:15px; line-height:44px; color: #cacaca; text-align: left; display:block; box-sizing: border-box;}
	#footer .famArea .famLay .in_fam{width:100%; max-height:20rem; padding:1rem 0; background-color: #06192e; position: absolute; left:0; bottom:44px; box-sizing: border-box; overflow:hidden; overflow-y:auto; display:none;}
	#footer .famArea .famLay .in_fam>a{height:34px; padding:0 4rem 0 2rem; border:none; font-size:14px; line-height:34px; color: #cacaca; text-align: left; display:block; box-sizing: border-box;}

	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('../../images/arr_goTop.png') no-repeat center center; display: block; position:absolute; left: 0; top:0px;}
	a.goTop:hover{background-color: #003876; border-radius:25px; transform:rotate(180deg);}
	a.goTop:hover:before{transform:rotate(-180deg);}

	#footer.en .inConts,
	#footer.vn .inConts{padding-top:8rem;}
/*[e] Layout Style */



@media only screen and (max-width : 1260px){
	#contents{padding:0 3rem 14rem !important;}
}
@media only screen and (max-width : 1240px){
	/*
	#snb .inConts{padding:0 !important;}
	#contents{padding:8rem 2rem 12rem;}
	*/
}
@media only screen and (max-width : 1024px){
	:root,
	html{}

	.pVar,
	th.pVar,
	td.pVar{display:none;}
	.tVar{display:block;}
	.mVar{display:none;}
	.br_t{display:block;}
	.ptVar{display:block;}
	.tmVar{display:block;}
	.br_p{display:none;}
	table .br_t{display:table-cell;}

	img.ptVar,
	img.tmVar{display:inline-block;}
	img.pVar{display:none;}

	.inConts{/*padding:0 3rem !important;*/}

	/* MENU */
		.sub #header .pcMenu:before{display:none;}
		.pcMenu .mMenu{width:3.8rem; height:2.5rem; display:block;}
		.pcMenu .mMenu>p{padding-left:0.1rem; font-size:1.3rem;}
		.pcMenu .mMenu>span,
		.pcMenu .mMenu:before,
		.pcMenu .mMenu:after{height: 0.3rem;}

		.pc_menu{margin-left:-200px; opacity: 0;}
		.menuLayer{padding-right:15%;}
		.menuLayer .head{height:auto;}
		.menuLayer .head .logo{display:inline-block;}
		.menuLayer .head .closeMenu{right:6rem;}

		.menuLayer .gnb{padding:0;}
		.menuLayer .gnb>li+li{border-top:none;}
		.menuLayer .gnb>li{padding:0; border-bottom:1px solid #e2e2e2; display: block;}
		.menuLayer .gnb>li>a{width:100%; height:9rem; padding:0 7rem 0 4rem; line-height:1.2; color: #8e979d; display:table; box-sizing: border-box;}
		.menuLayer .gnb>li>a>span{display:table-cell; vertical-align:middle; }
		.menuLayer .gnb>li>a i{display:inline-block;}

		.menuLayer .gnb .gnbSub{display:none;}
		.menuLayer .gnb .gnbSub>li{border-top:1px solid #e2e2e2;}
		.menuLayer .gnb .gnbSub>li>a{height:9rem; padding:0 7rem 0 4rem; color: #003976;}

		.menuLayer .language{display:block;}

		.menuLayer .gnb>li.active>a,
		.menuLayer .gnb>li.oPage>a{background-color: #003976; color: #fff;}
		.menuLayer .gnb>li.active>a i{border-color:#fff; transform:translateY(-50%) rotate(45deg);}

		.menuLayer .gnb .gnbSub>li.active>a,
		.menuLayer .gnb .gnbSub>li.oPage>a{color: #003976;}

		.menuLayer .gnb>li.one>a i{transform:translateY(-50%) rotate(135deg);}

		#menuArea.open .head .closeMenu{right:3rem;}

		#sub_head{display:none;}

	a.goTop{display:none;}
	/*
	a.goTop{width:3.75rem; height:3.75rem; right:0.9375rem; bottom:0.9375rem;}
	a.goTop:before{background-size:14px 14px;}
	a.goTop:hover{}
	*/
}
@media only screen and (max-width : 840px){
	.pVar{display:none;}
	.tVar{display:none;}
	.mVar{display:block;}
	.ptVar{display:none;}
	.tmVar{display:block;}
	.br_t{display:block;}
	.br_p{display:none;}
	table .br_t{display:table-cell;}

	img.ptVar{display:none;}

	img.tmVar,
	img.mVar{display:inline-block;}

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

	.language>a{font-size:2.2rem;}

	/* MENU */
		.menuLayer{padding-right:0;}
		.menuLayer .head .logo{width:14.1rem; padding:3rem 0 3.2rem;}
		.menuLayer .head .closeMenu{width:3.9rem; height:3.9rem;}

		.menuLayer .gnb{}
		.menuLayer .gnb>li+li{}
		.menuLayer .gnb>li{}
		.menuLayer .gnb>li>a{font-size:3rem;}
		.menuLayer .gnb .gnbSub>li>a{font-size:2.4rem;}

		.pcMenu{padding-top:3.4rem;}

	/* HEADER */
		#header{}
		#header .inConts{}
		#header h1{padding:3rem 0 6rem;}
		#header h1 a{width:14.1rem;}
		#header .hTxt{font-size:3rem;}

		#header .language{margin-top:3.4rem;}

	/* FOOTER */
		#footer{padding-bottom:9rem;}
		#footer:before{display:none;}

		#footer .link{padding:3rem 0;}
		#footer .link>a{font-size:2.1rem;}
		#footer .link>a+a{margin-left:3.6rem;}
		#footer .link>a+a:before{height:2.4rem; margin-top:-1.2rem; left: -1.8rem;}

		#footer .text{padding:7rem 0 4rem 0 ; background:url('/images/h1_logo.png') no-repeat left top; background-size:14.1rem;}
		#footer.vn .text,
		#footer.en .text{background:url('/images/h1_logo.png') no-repeat left top 40px;padding:13rem 0 4rem 0 ;background-size:14.1rem;}
		#footer .text>p{}
		#footer .text>address,
		#footer .text>p>span{padding:0 1rem; font-size:2.1rem; line-height:3rem;}
		/*
		#footer .text>p>span+span{margin-left:12px;}
		#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:1.5rem;}
		#footer .text>address>span{color: #fff;}

		#footer .text+.text{margin-top:0; padding-top:7rem; background-size:18.5rem;}

		#footer .famArea{display: flex; justify-content: space-between; position: static;}
		#footer .famArea select{width:100%; height:6rem; padding:0 4rem 0 2rem; background-size:4.1rem; border:none; font-size:2.1rem; line-height:6rem;}

		#footer .famArea .famLay{width:100%; background-size:4.1rem; }
		#footer .famArea .famLay>p{height:8rem; font-size:2.4rem; line-height:8rem;}
		#footer .famArea .famLay .in_fam{max-height:none; bottom:8rem;}
		#footer .famArea .famLay .in_fam>a{height:5rem; font-size:2rem; line-height:5rem;}
}

/*
-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;
*/