@charset "utf-8";

@import url('reset.css');

@font-face {
	font-family:'LG Smart';
	font-weight:300;
	font-style:normal;
	src: url('/kr/business/asset/font/LGSmHaL.eot');
	src: url('/kr/business/asset/font/LGSmHaL.eot?#iefix') format("embedded-opentype"),
	url('/kr/business/asset/font/LGSmHaL.woff') format("woff"),
	url('/kr/business/asset/font/LGSmHaL.ttf') format("truetype");
}
@font-face {
	font-family:'LG Smart';
	font-weight:400;
	font-style: normal;
	src:url('/kr/business/asset/font/LGSmHaR.eot');
    src:url('/kr/business/asset/font/LGSmHaR.eot?#iefix') format('embedded-opentype'),
    url('/kr/business/asset/font/LGSmHaR.woff') format('woff'),
    url('/kr/business/asset/font/LGSmHaR.ttf') format('truetype');
}
@font-face {
	font-family:'LG Smart';
	font-weight:600;
	font-style:normal;
	src:url('/kr/business/asset/font/LGSmHanSB.eot');
    src:url('/kr/business/asset/font/LGSmHanSB.eot?#iefix') format('embedded-opentype'),
    url('/kr/business/asset/font/LGSmHanSB.woff') format('woff'),
    url('/kr/business/asset/font/LGSmHanSB.ttf') format('truetype');
}
@font-face {
	font-family:'LG Smart';
	font-weight:700;
	font-style:normal;
	src:url('/kr/business/asset/font/LGSmHaB.eot');
    src:url('/kr/business/asset/font/LGSmHaB.eot?#iefix') format('embedded-opentype'),
    url('/kr/business/asset/font/LGSmHaB.woff') format('woff'),
    url('/kr/business/asset/font/LGSmHaB.ttf') format('truetype');
}

/* 대체 텍스트 숨김 */
.ir_pm {display:block; overflow:hidden; font-size:0px; line-height:0; text-indent:-9999px;} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {display:block; overflow:hidden; position:relative; z-index:-1; width:100%; height:100%;} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen_out {overflow:hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px;} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */

/* z-index */
.header{z-index:100;}
.sticky_area{z-index:90;}
.quick{z-index:300;}
.footer{z-index:50;}
.popup{z-index:1000;}

/* layout */
.onM {display: none !important;}
body.show.lock{overflow:hidden;}

/* Box-Model */
.fl{float:left}
.fr{float:right}
.cl{clear:both}
.display_n{display:none;}
.display_b{display:block !important;}
.position_r{position:relative;}
.position_r01{position:relative;}
.position_r02{position:relative;}
.position_a{position:absolute;}
.c{text-align:center !important;}
.rr{text-align:right !important;}
.lf{text-align:left !important;}
.top{vertical-align:top;}
.txt_bottom{vertical-align:bottom;}
.mid{vertical-align:middle;}
.jt{text-align:justify;}

/* skip nav */
#skip_nav{height:0}
#skip_nav dt{overflow:hidden;position:absolute !important;width:1px;height:1px}
#skip_nav dd a{display:block;position:absolute;top:-10000px;left:0;z-index:999999;width:100%;font-size:16px;text-align:center}
#skip_nav dd a.on{position:absolute;top:0;left:0;height:14px;padding:20px 0;background:#272727;font-weight:bold;color:#fff}

/* btn-style */
.btn{display:inline-block; padding:0 15px; line-height:44px; border:1px solid transparent; border-radius:9px; font-size:16px; color:#1a1a1a; text-align:center; box-sizing:border-box; transition:all .2s; cursor:pointer;}
.btn-default{border-color:#ddd; background:#fff;}
.btn-default:hover,
.btn-default:focus{color:#fff; border-color:#1a1a1a; background:#1a1a1a;}
.btn-primary{border-color:#a50034; background:#a50034; color:#fff;}
.btn-primary:hover,
.btn-primary:focus{color:#fff; border-color:#cc0041; background:#cc0041;}

/* header */
.header{position:relative; width:100%; height:80px; border-bottom:1px solid #d1d1d1; background:#fff; box-sizing:border-box;}
.header .inner{position:relative; max-width:1600px; margin:0 auto; padding:0 50px; box-sizing:border-box;}
/*.header h1{float:left; margin-top:28px;}*/
.header h1{position:absolute; top:20px; left:50px;}
.header h1 img{width:164px;}
.btn-nav{display:none;}
.main-menu{font-weight:600; font-size:20px; line-height:1.2; text-align:center;}
/*.main-menu ul{width:850px; margin:0 auto;}*/
.main-menu ul{display:inline-block;}
.main-menu ul:after{content:''; display:block; clear:both;}
.main-menu ul li{float:left; padding:0 2.6316vw;}
.main-menu ul li a{transition:all .2s}
.main-menu ul li:hover a{color:#a50034; border-bottom:2px solid #a50034;}
.main-menu li a{display:block; padding:35px 0 33px; box-sizing:border-box; border-bottom:2px solid transparent; transition:color .2s;}
/* .main-menu li a.active{color:#a50034; border-bottom:2px solid #a50034;} */
/*.header .btn-area{float:right; margin-top:25px;}*/
.header .btn-area{position:absolute; top:25px; right:50px;}
.header .btn-area .btn{border-radius:25px;}
.header .btn-area .language{width:103px; background:#f4f4f4; color:#a6a6a6;}
.header .btn-area .language a.active{color:#1a1a1a; font-weight:bold;}
.header .btn-area .btn-buy{width:172px; font-weight:700; color:#fff;}
.headline{padding:100px 0 105px; text-align:center;}
.headline span{display:block; font-size:30px; font-weight:400;}

/* footer */
.footer{font-weight:600; font-size:14px; color:#848484; background:#313131;}
.footer-inner{max-width:1410px; margin:0 auto; padding:13px 245px 20px;}
.footer .footer-logo{display:inline-block; margin-bottom:10px;}
.footer-tab{float:right; display:inline-block; margin-top:20px;}
.footer-tab li{position:relative; float:left; margin-left:46px; padding:1px 0;}
.footer-tab li+li:before{position:absolute; top:4px; left:-23px; content:''; display:inline-block; width:1px; height:10px; background:#6f6f6f;}
.footer-tab li a{ display:block; transition:all .2s;}
.footer-tab li a:hover{color:#fff;}
.footer-tab li:first-child{padding-left:21px; background:url(/kr/business/asset/virtual-showroom/images/common/ico_lg.png) no-repeat 0 0;}
.footer p{padding-top:10px; box-sizing:border-box;}
.footer .info-wrap{border-top:1px solid #656565;}
.footer .info{width:88%;color:#848484;}

@media screen and (max-width: 1169px) {
	
}

@media screen and (max-width: 1199px) {	
	/* btn-style */
	.btn{padding:0 10px; line-height:28px; font-size:13px; transition:none;}
	
	/* header */
	.header{height:50px;}
	.header .inner{padding:0 20px;}
	.header h1{top:9px; left:20px;}
	.header h1 img{width:132px;}
	.btn-nav{position:absolute; top:22px; right:27px; display:block; padding:0; border:0; background:none; z-index:100;}
	.btn-nav:after{position:absolute; top:8px; left:0; width:100%; height:2px; content:''; background:#000; opacity:1; transition:all .2s;}
	.btn-nav span{display:block; width:23px; height:18px; overflow:hidden; text-indent:-9999px;}
	.btn-nav span:before{position:absolute; top:0; left:0; width:100%; height:2px; content:''; background:#000; transition:all .2s;}
	.btn-nav span:after{position:absolute; bottom:0; left:0; width:100%; height:2px; content:''; background:#000; transition:all .2s;}
	.btn-nav.active:after{opacity:0;}
	.btn-nav.active span:before{top:8px; transform:rotate(45deg);}
	.btn-nav.active span:after{bottom:8px; transform:rotate(-45deg);}

	.main-menu{position:fixed; top:66px; left:0; z-index:10; display:none; width:100%; height:calc(100% - 66px); box-sizing:border-box; padding:0 27px; background:#fff;}
	.main-menu ul{float:none; margin:0; width:100%;}
	.main-menu ul li{float:none; padding:0; font-size:18px; font-family:'LGSmHaB'; text-align:center; border-bottom:1px solid #d1d1d1;}
	.main-menu li a{display:block; padding:23px 0;}

	.header .btn-area{/* top:auto; bottom:27px; left:0; */position:static; float:none; margin-top:30px; width:100%; text-align:center;}
	.header .btn-area .btn-buy{min-width:300px; font-size:15px;}

	.headline{padding:40px 0;}
	.headline img{width:147px;}
	.headline span{font-size:32px;}

	/* footer */
	.footer-inner{padding:63px 27px 80px;}
	.footer-tab li{margin:0 0 0 25px;}
	.footer-tab li+li:before{top:4px; left:-12px;}
}

@media only screen and (max-width: 1080px){
    /* layout */
	.onW {display: none !important;}
	.onM {display: block !important;}
}

@media only screen and (max-width: 720px){
    /* footer */
	.footer{height:auto; font-size:13px;}
	.footer-inner{padding:23px 27px 25px;}
	.footer .footer-logo{display:none;}
	.footer-tab{float:none; margin:0 0 10px;}
	.footer-tab li{margin:0 40px 0 0;}
	.footer-tab li:last-child{margin:0;}
	.footer-tab li+li:before{left:-20px;}
	.footer p{padding-top:10px; font-size:10px;}
}