@charset 'utf-8';

/* common */
#wrap { min-width:1560px; }
.inner_box { max-width:1560px; margin:0 auto; box-sizing:border-box; }
.clearfix:after { content:''; display:block; clear:both; }

/* header */
#header { position:fixed; left:0; right:0; top:0; background:#fff; z-index:9999; }
#header.sub { background:#f5f5f5; }
#header .inner_box { position:relative; height:120px; }
#header h1 { position:absolute; left:0; top:50%; transform:translateY(-50%); }
#btn_menu { position:absolute; right:0; top:50%; width:34px; transform:translateY(-50%); }
#btn_menu:before, #btn_menu:after, #btn_menu span { content:''; display:block; width:100%; height:4px; background:#414141; }
#btn_menu span { margin:6px 0; }
#gnb { position:absolute; right:225px; top:0; }
#gnb > ul > li { float:left; position:relative; }
#gnb > ul > li > a { display:block; line-height:120px; padding:0 83px 0 20px; font-size:19px; font-weight:500; color:#53565a; }
#gnb > ul > li:hover > a, #gnb > ul > li.on > a { color:#a57664; }
#gnb .submenu { display:none; position:absolute; left:0; right:0; top:99px; background:#a57664; }
#gnb .submenu li { border-top:1px solid #a97d6c; }
#gnb .submenu li:first-child { border-top:none; }
#gnb .submenu li.on, #gnb .submenu li:hover { border-color:#c39f89; background:#c39f89; }
#gnb .submenu li a { display:block; padding-left:20px; line-height:40px; font-size:14px; font-weight:300; color:#fff; }
#gnb .submenu li.on a, #gnb .submenu li:hover a { background:url(/img/common/gnb.png) 90% center no-repeat; }
.langSelect { position:absolute; right:106px; top:41px; width:126px; border-bottom:1px solid #acacac; }
.langSelect a { position:relative; display:block; line-height:37px; display:none; padding-left:10px; font-size:13px; font-weight:300; color:#464749; text-transform:uppercase; border:1px solid #acacac; border-bottom:none; }
.langSelect a:first-child { display:block;  }
.langSelect a:first-child:before { content:''; display:block; position:absolute; right:16px; top:50%; width:9px; height:5px; margin-top:-3px; background:url(/img/common/lang.png); -webkit-transition-duration:.2s; -o-transition-duration:.2s; transition-duration:.2s; }
.langSelect.ov a:first-child:before { -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg); }
.langSelect a img { margin-right:10px; vertical-align:middle; }

.pc-topBox { position:absolute; right:0; top:5px; }
.pc-topBox > ul { display:flex; }
.pc-topBox > ul > li { position:relative;}
.pc-topBox > ul > li:not(:last-child):before  { content:''; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background:#ccc }
.pc-topBox > ul > li:not(:last-child) { margin-right:10px; padding-right:10px; }
.pc-topBox > ul > li > a { color:#53565a; font-size:14px; line-height:1.3; }


.m-topBox { position:absolute; left:150px; top:20px; }
.m-topBox > ul { display:flex; }
.m-topBox > ul > li { position:relative; }
.m-topBox > ul > li:not(:last-child):before  { content:''; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:10px; background:#ccc }
.m-topBox > ul > li:not(:last-child) { margin-right:10px; padding-right:10px; }
.m-topBox > ul > li > a { color:#53565a; font-size:14px; line-height:1.3;  width:100%; height:50px; display:flex; align-items:center; justify-content:center; }


/* total menu */
.totalBg { display:none; position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.7); z-index:9995; }
#totalMenu { display:none; position:fixed; left:0; right:0; top:0; bottom:0; padding-top:70px; text-align:center; background:rgba(54,75,106,.95); z-index:9999; overflow-y:auto; }
#tclose { display:block; position:relative; width:40px; margin:0 auto 100px; padding:18px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
#tclose:before { content:''; display:block; width:100%; height:4px; background:#fff; }
#tclose:after { content:''; display:block; position:absolute; left:50%; top:0; bottom:0; width:4px; margin-left:-2px; background:#fff; }
#totalMenu .t_lang { display:none; }
#totalMenu nav { max-width:1100px; margin:0 auto; }
#totalMenu nav > ul > li { float:left; width:25%; }
#totalMenu nav > ul > li > a { display:block; width:80%; margin:0 auto; padding-bottom:25px; font-size:21px; font-weight:500; color:#fff; border-bottom:1px solid rgba(255,255,255,.2); }
#totalMenu .submenu { margin-top:30px; }
#totalMenu .submenu li { margin-bottom:15px; }
#totalMenu .submenu li a { display:inline-block; position:relative; padding-bottom:5px; font-weight:300; color:#fff; font-size:18px; opacity:.6; -webkit-transition-duration:.2s; -o-transition-duration:.2s; transition-duration:.2s; }
#totalMenu .submenu li a:hover, #totalMenu .submenu li.on a { opacity:1; }
#totalMenu .submenu li a:before { content:''; display:block; position:absolute; left:0; right:0; bottom:0; width:0; height:1px; margin:0 auto; background:#fff; -webkit-transition-duration:.2s; -o-transition-duration:.2s; transition-duration:.2s; }
#totalMenu .submenu li.on a:before, #totalMenu .submenu li a:hover:before { width:100%; }


/* footer */
#footer { position:relative; padding:45px 0; font-size:15px; line-height:1.3em; color:#9d9d9d; font-weight:300; border-top:1px solid #e7e7e7; }
#btn_top { position:absolute; right:27px; top:45px; width:56px; height:56px; background:url(/img/common/btn_top.png) center no-repeat #e5e5e5; overflow:hidden; text-indent:-5000px; z-index:10; }
#footer address { float:left; }
#footer address p + p { margin-top:8px; }
#footer address span { display:inline-block; margin-right:12px; }
#footer address span:last-child { margin-right:0; }
#footer .right { float:right; text-align:right; }
#footer .right a { position:relative; display:inline-block; color:#9d9d9d; }
#footer .right a:first-child { margin-right:23px; }
#footer .right a:first-child:before { content:''; display:block; position:absolute; right:-16px; top:50%; width:1px; height:15px; margin-top:-8px; background:#dfdfdf; }
#footer .copyright { margin-top:35px; font-family: 'Lato', sans-serif; }


/* content */
.tabCon:not(.on) { display:none; }




/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; font-size:15px;	line-height: 140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#a57664;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; }
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }


@keyframes vsT1 {
	0% { -webkit-transform:translateX(-100px); -ms-transform:translateX(-100px); transform:translateX(-100px); opacity: 0;}
	100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity: 1;}
}