@charset "utf-8";

body{overflow:inherit; position:relative;}
body.active{overflow:hidden; position:fixed; width:100%;}

#wrap{opacity:0; overflow:hidden; transition:0.5s ease-out 0s;}
#wrap.active{opacity:1;}

#header{position:absolute; z-index:999; width:100%;}
#header .inr{position:relative; margin:0 auto;}
#header h1{position:absolute; top:16px; left:38px;}
#header h1 > a{display:block; width:200px; height:60px; background:url(../images/common/logo.png) no-repeat; background-size:100% 100%; text-indent:100%; font-size:0;}

#header nav{opacity:0; position:fixed; right:-50.1%; z-index:50; width:50.1%; min-height:930px; background:#fff; transition:all 0.4s ease-out 0s;}
#header nav.active{opacity:1; right:0; position:absolute;}
#header .gnb{padding-top:120px;}
#header .gnb > li{position:relative;}
#header .gnb > li > a{display:block; position:relative; padding:21px 15px 21px 85px; font-size:21px; color:#202020; font-weight:600; text-align:left; transition:all 0.3s ease 0s;}
/*#header .gnb > li > a:after{content:''; display:block; position:absolute; right:0px; top:0px; z-index:2; width:0; height:91px; background:rgba(11,25,107,0.8); transition:all 0.5s ease-out 0s;}*/
#header .gnb > li > a.active:after{width:100%; padding-right:10px;}
#header .gnb > li > a.active,
#header .gnb > li > a span:hover{box-shadow:0 -10px 0 rgba(0,0,0,0.1) inset; transition:all 0.6s ease 0s;}
#header .gnb > li > a span{position:relative; z-index:3;}
#header .gnb > li > ul > li > a{display:block; padding:10px 15px 10px 100px;}
#header .gnb > li > ul > li > a:hover{color:#aaa;}
#header .gnb > li > ul > li > a:before{content:''; position:absolute; margin-top:10px; left:85px; display:block; width:4px; height:1px; background:#ff6000;}
/*
#header .bg{opacity:0; position:absolute; top:0px; right:360px; z-index:1; width:0; height:950px; background:rgba(0,0,0,0.6); box-shadow:3px 3px 3px rgba(0,0,0,0.3); transition:all 0.4s ease-out 0s;}
#header .bg.active{opacity:1; width:230px;}
*/
.btn_open_menu.menu_box{display:block; position:absolute; top:23px; left:50%; margin-left:40px; width:105px; height:60px; box-sizing:border-box;}
.btn_open_menu{display:block; position:absolute; z-index:51; width:26px; height:26px; box-sizing:border-box; padding-top:11px;}
.btn_open_menu > em{display:block; position:absolute; top:22px; right:10px; font-weight:600; font-size:14px; letter-spacing:0.5px; color:#2e2e2e;}
.btn_open_menu span{display:block; margin:12px 0 0 10px; width:26px; height:3px; background:#2e2e2e; text-indent:100%; overflow:hidden; white-space:nowrap;}
.btn_open_menu:before{content:''; display:block; position:absolute; left:22px; width:14px; height:3px; background:#2e2e2e;}
.btn_open_menu:after{content:''; display:block; position:absolute; left:10px; width:26px; height:3px; background:#2e2e2e;}
.btn_open_menu:before{top:37px;}
.btn_open_menu:after{bottom:27px;}
.btn_open_menu em:after{}
.btn_open_menu.active.menu_box{width:calc(50% - 48px);}
.btn_open_menu.active span,
.btn_open_menu.active:after,
.btn_open_menu.active:before{background:#fe8335; transition:all 0.4s ease-out 0s;}
.btn_open_menu.active em{left:0px; padding-left:52px; color:#fe8335;}
.btn_open_menu.active em:after{content:''; display:block; position:absolute; top:-15px; right:15px; width:58px; height:58px; border:1px solid rgba(0,0,0,0.05); background:url(../images/common/btn_close.png) no-repeat 50% 50%;}

.area_util{position:absolute; top:0px; right:0px; width:320px; height:106px;}
.area_util > .top_tel{position:absolute; padding:25px 0 0 68px; top:0px; right:0px; width:320px; height:106px; color:#fff !important; letter-spacing:0.3px; box-sizing:border-box; background:#2e2e2e;}
.top_tel:before{z-index:3; content:''; position:absolute; top:50%; margin-top:-17px; left:23px; width:34px; height:34px; background:url(../images/common/img_tel.png) no-repeat 0 0; transition:all 0.8s ease 0s;}
.top_tel:hover:before,
.top_tel:focus:before{transform:translateX(-5px); transition:all 0.8s ease 0s;}
.top_tel > span{display:block; font-size:16px; font-weight:500;}
.top_tel > em{display:block; font-size:30px; font-weight:600;}

.area_quick{position:fixed; -webkit-backface-visibility:hidden; -webkit-transform:translateZ(0); -webkit-transform:translate3d(0, 0, 0); z-index:99; top:0px; right:0px; width:106px; height:100%; background:#2e2e2e;}
.area_quick > ul{width:106px; padding:212px 0 185px 0;}
.area_quick li a{display:block; padding-top:50px; margin:0 auto; width:80px; height:80px; background:url(../images/common/img_quick01.png) no-repeat 50% 0; font-size:15px; font-weight:300; color:#fff !important; text-align:center;}
.area_quick li:first-child a{background:url(../images/common/img_quick01.png) no-repeat 50% 0;}
.area_quick li:last-child a{background:url(../images/common/img_quick02.png) no-repeat 50% 0; color:rgba(255,255,255,0.7) !important;}
.area_quick > span{display:block; margin:0 auto; font-size:13px; font-weight:400; letter-spacing:1px; color:#fff; -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
.area_quick > i{display:block; position:relative; overflow:hidden; width:1px; height:180px; margin:75px auto 0; background:#fff;}
.area_quick > i:before{content:''; display:block; position:absolute; top:0; left:0; width:1px; height:50px; background:#6d6d6d; animation:scroll 4s cubic-bezier(0.48, 0.13, 0.09, 0.99) infinite;}
@keyframes scroll{
	0%{transform:translateY(-50px);}
	100%{transform:translateY(500%);}
}

.area_util_mo{position:absolute; bottom:0px; left:0px; width:100%; height:151px; background:url(../images/common/img_gnbbg.jpg) no-repeat 0 0; overflow:hidden;}
.area_util_mo > .top_tel{position:absolute; padding:25px 0 0 68px; top:25px; left:60px; width:320px; height:106px; color:#fff !important; letter-spacing:0.3px; box-sizing:border-box;}
.area_util_mo > .area_quick{position:absolute; bottom:0px; right:0px; width:290px; height:100%; z-index:99; background:transparent;}
.area_util_mo > .area_quick li a{display:inline-block; float:left; margin:45px 20px 0 20px;}

/* lnb */
.area_lnb{position:absolute; width:100%; margin:-160px auto 0 auto; z-index:50; text-transform:uppercase;}
.area_lnb .lnb{position:relative; width:1300px; line-height:1.3em; margin:0 auto; z-index:80;}
.area_lnb .lnb li{display:block; position:relative; float:left; width:calc(100% / 6 - 17.1px); margin-right:20px;}
.area_lnb .lnb li:last-child{margin-right:0;}
.area_lnb .lnb li a{display:block; height:200px; padding-top:120px; box-sizing:border-box; font-size:15px; color:#2e2e2e; text-align:center; font-weight:600; box-shadow:3px 3px 40px rgba(0,0,0,0.15); background-color:rgba(255,255,255,0.8); background-position:50% 28%; background-repeat:no-repeat !important;}
.area_lnb .lnb li a.on,
.area_lnb .lnb li a:hover{background-color:rgba(46,46,46,0.8); color:#fff;}
.area_lnb .lnb li a:hover:after{content:''; z-index:99; position:absolute; bottom:16px; right:23px; display:block; width:13px; height:10px; background-image:url(../images/common/img_go.png);}
.area_lnb .lnb li:first-child a{background-image:url(../images/common/img_icon01_off.png);}
.area_lnb .lnb li:first-child a.on,
.area_lnb .lnb li:first-child a:hover{background-image:url(../images/common/img_icon01_on.png);}
.area_lnb .lnb li:nth-child(2) a{background-image:url(../images/common/img_icon02_off.png);}
.area_lnb .lnb li:nth-child(2) a.on,
.area_lnb .lnb li:nth-child(2) a:hover{background-image:url(../images/common/img_icon02_on.png);}
.area_lnb .lnb li:nth-child(3) a{background-image:url(../images/common/img_icon03_off.png);}
.area_lnb .lnb li:nth-child(3) a.on,
.area_lnb .lnb li:nth-child(3) a:hover{background-image:url(../images/common/img_icon03_on.png);}
.area_lnb .lnb li:nth-child(4) a{background-image:url(../images/common/img_icon04_off.png);}
.area_lnb .lnb li:nth-child(4) a.on,
.area_lnb .lnb li:nth-child(4) a:hover{background-image:url(../images/common/img_icon04_on.png);}
.area_lnb .lnb li:nth-child(5) a{background-image:url(../images/common/img_icon05_off.png);}
.area_lnb .lnb li:nth-child(5) a.on,
.area_lnb .lnb li:nth-child(5) a:hover{background-image:url(../images/common/img_icon05_on.png);}
.area_lnb .lnb li:nth-child(6) a{background-image:url(../images/common/img_icon06_off.png);}
.area_lnb .lnb li:nth-child(6) a.on,
.area_lnb .lnb li:nth-child(6) a:hover{background-image:url(../images/common/img_icon06_on.png);}
.btn_m_lnb{display:none; position:relative; padding:19px 4% 18px 4%; font-weight:600; line-height:1.2em; background-color:rgba(255,255,255,0.8); color:#2e2e2e !important; font-size:13px; transition:all 0.3s ease 0s;}
.btn_m_lnb:after{content:''; display:block; position:absolute; right:20px; top:50%; width:14px; height:7px; background:url(../images/common/ico_arrow.png) no-repeat 50% 50%; background-size:100%; transform:rotate(0deg); transition:all 0.3s ease 0s;}
.btn_m_lnb.active{background:rgba(46,46,46,1); color:#fff !important;}
.btn_m_lnb.active:after{transform:rotate(180deg); transition:all 0.3s ease 0s;}

.area_snb{width:1300px; overflow:hidden; background:#2e2e2e; color:#fff; margin:90px auto -20px auto; text-transform:uppercase;}
.area_snb .snb ul{text-align:center;}
.area_snb .snb li{display:inline-block; position:relative; padding:18px 25px;}
.area_snb .snb li:before{content:''; display:block; position:absolute; top:55%; left:-2px; width:1px; height:9px; margin-top:-7px; background:rgba(255,255,255,0.17);}
.area_snb .snb li:first-child:before{display:none;}
.area_snb .snb li > a{display:inline-block; font-size:15px; font-weight:500; color:rgba(255,255,255,0.5); transition:all 0.3s ease 0s;}
.area_snb .snb li > a.on,
.area_snb .snb li > a:hover{color:rgba(255,255,255,1);}
.area_snb .snb li > a.on:after{transform:translateX(-50%) scaleX(1);}
.area_snb .snb li > a br{display:none;}
.area_snb .snb ul[class^="col"]{display:table; width:100%; font-size:0px;}
.area_snb .snb ul[class^="col"] li{width:20%; box-sizing:border-box; padding:15px 10px;}
.area_snb .snb ul[class^="col"] li > a{line-height:1.3em; text-align:center; vertical-align:middle;}

/* footer */
#footer{position:relative; width:100%; padding:60px 0; float:left; background:#f2f2f2; text-align:left; font-size:14px; font-weight:300; box-sizing:border-box;}
#footer .inr{position:relative; width:1300px; margin:0 auto; text-align:left;}
#footer .flogo{display:block; position:absolute; top:-60px; left:0px; padding:0 13px; width:150px; height:218px; background:url(../images/common/img_fbg.jpg) no-repeat 50% 50%; color:#fff; box-sizing:border-box;}
#footer .flogo > em{display:block; padding:63px 0 14px 0; font-size:15px; font-weight:300;}
#footer .flogo > span{display:block; font-size:22px; font-weight:800; font-family:Raleway;}
#footer address{position:relative; margin-left:193px; color:#444; font-size:15px; word-break:keep-all;}
#footer address > div:last-child{display:block; margin-top:10px; font-weight:600;}
#footer address span{display:inline-block; margin:0 10px; line-height:1.5em;}
#footer p{margin-left:193px; margin-top:30px; font-size:13px; font-weight:300; color:#8e8e8e; display:block;}
#footer .area_ficon{ position:absolute; top:0px; right:0px;}
#footer .area_ficon li{display:inline-block;}
#footer .area_ficon li:first-child{margin-right:25px;}

.btn_top{display:block; position:absolute; top:65px; right:0; width:60px; height:60px; padding-top:30px; line-height:1.4em; font-weight:400; font-size:12px; color:#fff !important; text-align:center; box-sizing:border-box; background:#68686a url(../images/common/btn_top.png) no-repeat 50% 33%;}

/* 하단영역 */
.area_bottom{position:relative; float:left; margin:40px 0 -90px 0; width:100%; height:675px; padding-right:310px; font-weight:400; color:#fff; background:#f2f2f2; box-sizing:border-box;}
.area_bottom:after{content:''; display:block; clear:both;}

/* 오시는길 */
.area_map{float:left; position:relative; width:calc(100% - 650px); height:520px;}
.map_txt{position:absolute; bottom:-65px; left:0px; padding:25px 0 25px 16%; width:100%; height:65px; line-height:1.5em; font-size:14px; font-weight:300; color:#444; border-bottom:1px solid #e0e0e0; box-sizing:border-box;}
.map_txt > span{display:block; vertical-align:middle; float:right; width:70%;}
.map_txt > span:before{content:''; display:inline-block; margin-right:10px; vertical-align:middle; width:17px; height:20px; background:url(../images/common/img_map01.png) no-repeat 0 50%;}
#map{width:100%; height:520px;}
.btn_map{position:absolute; display:block; z-index:50; right:0px; bottom:0px;}
.btn_map01{position:absolute; z-index:60; bottom:0px; right:175px; display:block; padding-left:55px; width:175px; height:110px; line-height:110px; color:#444 !important; font-size:14px; letter-spacing:-0.2px; font-weight:300; box-sizing:border-box; background:#fff;}
.btn_map01:before{z-index:3; content:''; position:absolute; top:50%; margin-top:-15px; left:15px; width:30px; height:30px; background:url(../images/common/img_map02.png) no-repeat 0 0; transition:all 0.8s ease 0s;}
.btn_map01:hover:before,
.btn_map01:focus:before{transform:translateX(-5px); transition:all 0.8s ease 0s;}
.btn_map02{position:absolute; z-index:60; bottom:0px; right:0px; display:block; padding-left:55px; width:175px; height:110px; line-height:110px; color:#444 !important; font-size:14px; letter-spacing:-0.2px; font-weight:300; box-sizing:border-box; background:#faf9f2;}
.btn_map02:before{z-index:3; content:''; position:absolute; top:50%; margin-top:-15px; left:15px; width:30px; height:30px; background:url(../images/common/img_map03.png) no-repeat 0 0; transition:all 0.8s ease 0s;}
.btn_map02:hover:before,
.btn_map02:focus:before{transform:translateX(-5px); transition:all 0.8s ease 0s;}

/* 견적문의 */
.area_contact{position:relative; z-index:30; float:right; margin-top:-90px; width:650px; height:100%; padding:88px 190px 88px 58px; box-sizing:border-box; background:#2e2e2e; overflow:hidden; box-shadow:3px 3px 50px rgba(0,0,0,0.4);}
.area_contact > h4{display:block; font-size:30px; font-weight:400; color:#fff;}
.area_contact > h4 > span{display:block; margin-bottom:10px; font-size:16px; font-weight:300;}
.area_contact .agree{padding-top:50px; position:relative; float:left; display:block; font-size:13px; font-weight:300; color:rgba(255,255,255,0.5);}
.area_contact ul{margin-top:50px;}
.area_input li{position:relative; float:left; width:100%; height:80px;}
.input--nao em{opacity:0; display:inline-block; width:4px; height:1px; line-height:0px; background:#fff; font-size:0px; text-indent:100%; transition:all 0.5s ease 0s;}
.input--filled em{opacity:1; transition:all 0.5s ease 0s;}

/* 기본스타일 제거 */
input[type=text],
input[type=password],
input[type=tel],
input[type=date],
input[type=email],
textarea{padding:7px 8px !important; margin:12px 0px !important; border:none !important; background:transparent !important;}
.area_input .input{position:relative; z-index:1; display:inline-block; width:100%; vertical-align:top;}
.input__field{border:none; font-weight:300; -webkit-appearance:none; /* for box shadows to show on iOS */}
.input__field:focus{outline:none;}
.input--filled input{font-size:18px;}
.input__label{display:inline-block;float:right;padding:0 1em;width:40%;color:rgba(255,255,255,0.5); font-weight:300;font-size:14px;-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.input__label-content{position:relative; display:block; padding:1.8em 0; width:100%; font-size:14px;}
.input--nao{overflow:hidden; padding-top:0.5em; border-bottom:1px solid rgba(255,255,255,0.5); height:60px;}
.input__field--nao{padding:0.5em 0em 0.25em; width:100%; background:transparent; color:rgba(255,255,255,1);}
.input__field--nao02{padding:0.5em 0em 0.25em; width:calc(100% / 3 - 9px); background:transparent; color:rgba(255,255,255,1);}
.input__label--nao{position:absolute;top:-5px;font-size:18px;left:0px;display:block;width:100%;text-align:left;padding:0em;pointer-events:none;-webkit-transform-origin:0 0;transform-origin:0 0; -webkit-transition:-webkit-transform 0.2s 0.15s, color 1s;	transition:transform 0.2s 0.15s, color 1s;	-webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;  transition:all 0.5s ease 0s;}
.input--filled .input__label--nao{top:-20px; color:#ffa035; text-align:right; transition:all 0.5s ease 0s;}
#go_send{display:block; position:absolute; bottom:0px; right:0px; width:100px; height:248px; padding-top:70px; box-sizing:border-box; color:#fff !important; text-align:center; font-size:18px; font-weight:600; background:url(../images/common/img_sendbg.jpg) no-repeat 50% 50%; background-size:cover; transition:all 0.3s ease 0s;}
#go_send:before{content:''; display:block; margin:0 auto 20px auto; width:14px; height:10px; background:url(../images/common/btn_send.png) no-repeat 50% 50%;}
#go_send:hover,
#go_send:focus{box-shadow:3px 3px 30px rgba(0,0,0,0.2);}

.area_subVisual{overflow:hidden; position:relative; width:100%; height:362px; box-sizing:border-box;}
.area_subVisual.sub01{background:url(../images/content/img_sub_visual01.jpg) no-repeat 50% 50%; background-size:cover;}
.area_subVisual.sub02{background:url(../images/content/img_sub_visual02.jpg) no-repeat 50% 50%; background-size:cover;}
.area_subVisual.sub03{background:url(../images/content/img_sub_visual03.jpg) no-repeat 50% 50%; background-size:cover;}
.area_subVisual.sub04{background:url(../images/content/img_sub_visual04.jpg) no-repeat 50% 50%; background-size:cover;}
.area_subVisual.sub05{background:url(../images/content/img_sub_visual05.jpg) no-repeat 50% 50%; background-size:cover;}
.area_subVisual.sub06{background:url(../images/content/img_sub_visual06.jpg) no-repeat 50% 50%; background-size:cover;}

/* video pop */
.videoBox > div{max-width:600px; height:auto; background:rgba(0,0,0,0.8);}
.videoBox > div img{max-width:100%; width:100%; min-width:200px; height:auto;}

/* pop layout */
.popLayer{opacity:0; position:fixed; top:0px; left:0px; z-index:-99; width:100%; height:100%; background:rgba(0,0,0,0.5); transition:opacity 0.3s ease-out 0s;}
.popLayer > div{position:absolute; left:50%; top:50%; margin:0 auto; transform:translate(-50%, -50%); box-shadow:10px 10px 0px rgba(0,0,0,0.4);}
.popLayer.active{opacity:1; z-index:99;}
.popLayer .close{display:block; position:absolute; top:-60px; right:0px; width:42px; height:42px; background:url(../images/common/btn_m_close.png) no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap;}

@media all and (max-width:1920px){
	.map_txt{position:absolute; bottom:-65px; padding:25px 0 25px 300px; left:0px; width:100%; height:65px; line-height:1.5em; font-size:14px; font-weight:300; color:#444; border-bottom:1px solid #e0e0e0; box-sizing:border-box;}
	.map_txt > span{display:block; float:inherit; width:100%; margin:0 2%;}
	
}

@media all and (max-width:1500px){
	.area_lnb{width:88%; margin:-140px 0 0 6%;}
	.area_lnb .lnb{width:100%;}
	.area_lnb .lnb li a{font-size:13px; height:160px; padding-top:100px;}
	.area_lnb .lnb li{width:calc(100% / 6 - 9.1px); margin-right:10px;}
	
	#footer{padding:15px 0;}
	#footer .inr{position:relative; max-width:100%; width:100%; padding:40px 0px;}
	#footer address{font-size:14px;}
	#footer address span{margin:0 10px;}
	#footer address span:first-child{margin:0 10px 0 20px;}
	#footer .flogo{top:-15px; background-size:cover;}
	
	#wrap > .area_quick{display:none;}
	
	.btn_open_menu.menu_box{top:10px; margin-left:20px;}
	.btn_open_menu.active em:after{top:-5px; right:-15px; width:35px; height:35px;}
	.area_util_mo > .area_quick li a{margin:30px 0; width:calc(90% / 2); height:100%;}
	.area_util_mo > .area_quick{width:40%;}
	.area_util_mo > .top_tel{left:60px;}
	.area_quick li a{padding-top:35px; font-size:12px;}
	.area_util_mo{height:100px;}
	.area_util_mo > .top_tel{padding:5px 0 0 0; width:auto; height:auto;}
	#header nav{min-height:700px;}
	#header .gnb > li > a{padding:12px 2% 12px 6%; font-size:16px;}
	#header .gnb > li > ul > li > a{padding:6px 2% 6px 8.5%; font-size:14px;}
	#header .gnb > li > ul > li > a:before{left:6%;}
	.area_util > .top_tel{width:205px; height:80px; padding:20px 0 0 50px;}
	.area_util_mo > .top_tel:before{left:-30px;}
	.top_tel:before{margin-top:-10px; width:20px; height:20px; background-size:cover;}
	.top_tel > span{font-size:12px;}
	.top_tel > em{font-size:20px;}
	
	.input__label-content{font-size:12px;}
	.input--filled input{font-size:14px;}
	.input__label--nao{font-size:14px;}
	.input--filled .input__label--nao{top:-10px; font-size:10px !important;}
	input[type=text], input[type=password], input[type=tel], input[type=date], input[type=email], textarea{padding:15px 8px !important;}
	.area_contact ul{margin-top:30px;}
	.area_input li,
	.area_input .input{height:55px;}
	
	.area_bottom{padding-right:0px; width:100%; height:500px;}
	.area_map{width:50%; height:350px;}
	.area_contact{width:50%;}
	#map{height:350px;}
	.map_txt{padding:20px 0 15px 0; bottom:-60px; height:60px; font-size:13px;}
	.area_contact{padding:40px 5% 40px 5%;}
	
	#go_send{width:160px; height:70px; padding-top:0; font-size:16px;}
	#go_send:before{margin:17px auto 5px auto;}
	
	.btn_map01{right:165px;}
	.btn_map01,
	.btn_map02{width:165px; height:60px; line-height:60px; font-size:13px;}
	
	.area_subVisual{height:300px;}
	
	.area_snb{width:88%; margin:80px auto -50px auto;}
	.area_snb .snb li > a{font-size:13px;}
	.area_snb .snb li{padding:18px 15px;}
}

@media all and (max-width:1024px){
	#wrap{overflow:inherit !important; transform:none !important;}
	
	#footer .area_ficon{top:80px; right:10px;}
	#footer .area_ficon li:first-child{margin-right:5px;}
	#footer .area_ficon li > img{max-width:45px; width:100%;}
	#footer{line-height:1.9em;}
	#footer .flogo{top:-15px;}
	#footer address span{display:block; margin:0;}
	#footer address span:first-child{margin:0 0 10px 0;}
	#footer .inr{padding:0;}
	#footer p{margin-top:0px;}
	
	.area_lnb{margin:-100px 0 0 6%;}
	.area_lnb .lnb{display:none; position:absolute; top:52px; left:0px; width:100%; height:inherit; line-height:1.5em; padding:0; border:0; margin:0; z-index:80; box-sizing:border-box; border-top:0 !important; box-shadow:0 0 0 rgba(0,0,0,0);}
	.area_lnb .lnb li{float:inherit; width:100%; margin-right:0;}
	.area_lnb .lnb li a{height:inherit; padding:12px 4% 12px 60px; font-size:13px; border-bottom:1px solid #e0e0e0; background:rgba(255,255,255,0.9); margin:0; font-weight:600; color:#444; text-align:left; background-size:50px auto; background-position:0 50%; box-shadow:0 0 0 rgba(0,0,0,0);}
	/*.area_lnb .lnb li a.on{border:0 !important; color:#1d4585 !important; background:transparent;}
	.area_lnb .lnb li a:hover{background-color:rgba(46,46,46,0.9);}*/
	.area_lnb .lnb li a > br{display:none;}
	.area_lnb .lnb li:first-child a{padding-top:17px !important;}
	.area_lnb .lnb li:last-child a{padding-bottom:17px !important; border:0;}
	.btn_m_lnb{display:block;}
	
	#header nav{min-height:600px;}
	#header .gnb{padding-top:90px;}
	
	.area_contact > h4{font-size:25px;}
	.area_contact > h4 > span{font-size:14px;}
	
	.area_bottom{margin:40px 0 0 0;}
	.area_contact{margin-top:0; float:left;}
	.map_txt{bottom:-150px; height:150px; padding:60px 0;}
	
	.area_snb{width:88%; margin:40px auto 0 auto;}
}

@media all and (max-width:768px){
	.area_lnb .lnb li a{font-size:12px; padding:12px 4% 12px 50px;}
	
	#footer p{line-height:1.6em;}
	#footer .flogo{position:relative; top:-30px; width:100%; height:80px; background:#bbb; background-size:cover;}
	#footer .flogo > em{padding:10px 0 0 0; font-size:14px;}
	#footer .flogo > span{font-size:18px;}
	#footer p{margin:10px 0 30px 15px; font-size:12px;}
	#footer address{margin-left:15px; font-size:13px;}
	
	.area_util > .top_tel{display:none;}
	.area_util_mo > .area_quick{width:40%;}
	.area_util_mo > .top_tel{left:40px;}
	.area_util_mo{background:#2e2e2e;}
	
	.area_util{width:auto; height:auto;}	
	#header nav{width:100%; right:-100%;}
	#header h1{top:15px; left:15px;}
	#header h1 > a{width:150px; height:44px; background:url(../images/common/logo@x2.png) no-repeat; background-size:100%;}
	#header .gnb > li > a{font-size:14px;}
	#header .gnb > li > ul > li > a{font-size:12px;}
	
	.area_bottom{margin:40px 0 15px 0;}
	
	.area_subVisual{height:260px;}

	.area_map{width:100%;}
	.area_bottom{height:auto;}
	.area_contact{width:100%; padding:40px 5% 100px 5%;}
	.btn_map{bottom:60px;}
	.map_txt{background:#f2f2f2; bottom:0px; padding:10px 0; height:60px; font-size:12px;}
	
	.btn_map{width:100%;}
	.btn_map01{width:50%; right:inherit; left:0px; font-size:12px;}
	.btn_map02{width:50%; font-size:12px;}
	
	.area_bottom{margin:40px 0 15px 0;}
	.area_contact ul{margin-top:10px;}
	.area_contact .agree{padding-top:30px;}
	.area_contact .agree{line-height:1.6em;}
}

@media all and (max-width:480px){
	.btn_open_menu.menu_box{margin-left:30px;}
	.btn_open_menu.active.menu_box{width:auto; margin-left:30px;}
	.btn_open_menu.active em:after{display:none;}
	.btn_open_menu.active:before{display:none;}
	.btn_open_menu.active span{margin:20px 0 0 10px; transform:rotate(45deg); background:#aaa;}
	.btn_open_menu.active:after{bottom:25px; transform:rotate(-45deg); background:#aaa;}
	
	#footer{font-size:13px;}
	
	.top_tel > em{font-size:18px;}
	.area_quick li a{padding-top:25px;}
	.area_quick li:first-child a,
	.area_quick li:last-child a{background-size:20px auto;}
	
	.area_lnb{margin:-75px 0 0 6%;}
	
	.input--filled input{font-size:13px;}
	.area_contact > h4{font-size:20px;}
	.area_contact > h4 > span{font-size:13px;}
	
	.area_subVisual{height:240px;}
}


@media all and (max-width:375px){
	.area_contact > h4{font-size:18px;}
	
	.videoBox > div video{height:40vh;}
}