@charset "utf-8";
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);


html,body { font-family:'Spoqa Han Sans', 'Apple SD Gothic Neo','Malgun Gothic'; color: #212121;}
#doc {position:relative;min-width:320px; overflow:hidden;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
body {overflow-y:visible;overflow-x:hidden;}


/*=======================================================
  css default
=========================================================*/
.div-cont {position:relative;text-align:left;margin:0 auto; max-width:1920px; box-sizing:border-box; padding: 0 117.5px}
.div-cont:after {clear:both;content:"";display:block;}

.doc-pg{overflow:hidden;}
.body-slide-wr {position:relative;width:100%;transition:margin 0.3s ease;}
.body-slider-ovclick{position:fixed;z-index:2600;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
.header-slider-ovclick{position:fixed;z-index:2600;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
	@media only screen and (min-width:1001px){
		.header-slider-ovclick{display:none !important;}
	}

	@media only screen and (max-width:999px){
		.div-cont {padding: 0 20px;}
	}

/*=======================================================
    z-index dafault
=========================================================*/
#header-wrap{position:absolute;z-index:2005;}
#container-wrap{position:relative;z-index:1004; }
#footer-wrap{position:relative;z-index:1001; }

	@media only screen and (max-width:999px){
		#header-wrap{position:fixed;}
	}


/*=======================================================
    #header-wrap 
=========================================================*/
#header-wrap {width:100%; min-width:320px; left:0; top:0;}
#header-wrap:before{position:Absolute; left:50%; top:0; height:100%;background:transparent; width:20000px; margin-left:-10000px; display:block; content:"";-webkit-transition: background 0.3s ease-out;-moz-transition: background 0.3s ease-out;-o-transition: background 0.3s ease-out;transition: background 0.3s ease-out;}
#header-wrap.fix:before, #header-wrap.is-over:before, #header-wrap.is-show:before{background:#fff;}
/*#header-wrap.fix:before{box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1) ;-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1) ; -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);}*/
#header-wrap.is-show:before{box-shadow:none ;-webkit-box-shadow:none ; -moz-box-shadow:none;}
#header{position:relative;height:180px;}

.bt-mnall { display:none;position:absolute;z-index:2599; width:30px; height:30px; background:url(../_Img/Layout/bt-mnall.png)no-repeat center center; background-size:22px auto;left:10px; top:15px;}
.bt-mnclose {position:absolute;right:0;top:0;width:60px;height:60px; z-index:5400;border:0;background:url(../_Img/Layout/bt-mnclose.png) no-repeat center center #313131; background-size:20px auto}
.bt-search { display: none; position:absolute;z-index:2599; width:30px; height:30px; background:url(../_Img/Layout/bt-search.png)no-repeat center center; background-size:21px auto;right:20px; top:27px;}
.bt-search.active{background:url(../_Img/Layout/bt-mnclose.png)no-repeat center center; background-size:21px auto;}

#logo{ width:109px; height:77px; position:absolute; left:50%; text-align:center; top:20px; z-index:2010; margin-left: -54.5px; float: none; padding: 0;}
#logo a{display:block; background:url(../_Img/logo.png) no-repeat center center; background-size: contain; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}


.top-search{position:absolute;left:0; opacity:0;top:-9999em;  width:100%;  padding:17px 15px 17px 15px;box-sizing:border-box;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
.top-search.active{top:80px; opacity:1;}
.top-search:after{position:absolute;width:20000px; left:50%;margin-left:-10000px; top:0; height:100%;background:#f4f4f4; display:block; content:"";z-index:-1;box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25) ;-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25) ; -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.25);}
.top-search .con{ position:relative; padding-right:40px;}
.top-search .con .chk-input{width:100%;}
.top-search .con .chk-input input{height:40px;font-size:17px; padding:0 5px;letter-spacing:-0.03em;font-weight:400; color:#111  !important; border:none;background:none; width:100%; box-sizing:border-box;}
.top-search .con .chk-input.active input{color:#111 !important;}
.top-search .con .enter{width:40px;height:100%;position:absolute; right:0; top:0; background:url(../_Img/Layout/bt-searcho.png)no-repeat center center ; border:none}

#header-wrap .mn-bar {position:absolute;background:#fff;left:0;top:80px;width:20000px; left:50%;margin-left:-10000px;z-index:2000;box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05) ;-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05) ; -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05); display: none !important;}
	
.tr-menu {width: 50%; position: absolute; top: 120px; height: 40px; right: 0; padding-left: 0;}
.tr-menu ul {display: flex; justify-content: flex-end;}
.tr-menu li {margin-left: 30px;}
.tr-menu li a {display: flex; align-items: center; padding: 5px 0;}
.tr-menu li .tm01 .tm-ico {display: inline-block; width: 25px; height: 30px; background: url("../_Img/Layout/ico-tm.png") no-repeat left 4px;}
.tr-menu li .tm02 .tm-ico {display: inline-block; width: 25px; height: 30px; background: url("../_Img/Layout/ico-tm.png") no-repeat right 4px;}
.tr-menu li .tm03 .tm-ico {display: inline-block; width: 40px; height: 30px; background: url("../_Img/Layout/ico-tm_ikea.png") no-repeat left center;}
.tr-menu li .tm-txt {line-height: 30px; font-size: 17px; color: #757575; white-space: nowrap;}


	@media only screen and (max-width:1400px){
		.tr-menu {width: auto;}
		.tr-menu li {margin-left: 20px;}
		.tr-menu li .tm-txt {display: none;}
		

	}
	@media only screen and (max-width:999px){
		#header-wrap:before{border-bottom:1px solid rgba(255,255,255,0.35);}
		#header-wrap.is-show:before{background:#fff}
		#header-wrap.fix:before{background:#fff !important; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1) ;-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1) ; -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);}
		#header{height:60px;}
		.bt-mnall {display:block;}
		.bt-search {top:15px; right:15px;}
		.bt-search.active{background-size:17px auto;}
		
		#logo{width:130px; height:40px; left:50%;margin-left:-65px; top:50%; margin-top: -20px;}
		#logo a{height:100%; background-size:contain; background-position: center center;}

/*		#header-wrap.fix #logo a, #header-wrap.is-show #logo a{background:url(../_Img/logo-over.png) no-repeat center center; background-size: contain;}*/
		#header-wrap.fix .bt-mnall, #header-wrap.is-show .bt-mnall{ background:url(../_Img/Layout/bt-mnall.png)no-repeat center center;background-size:24px auto;}
		#header-wrap.fix .bt-search, #header-wrap.is-show .bt-search{ background:url(../_Img/Layout/bt-searcho.png) no-repeat center center; background-size:18px auto;}
		#header-wrap.fix .bt-search.active, #header-wrap.is-show .bt-search.active{background:url(../_Img/Layout/bt-close.png)no-repeat center center; background-size:18px auto;}
		
		.top-search{padding:10px 15px;}
		.top-search.active{top:60px;}
		.top-search .con .chk-input input{font-size:15px;}
		.top-search .con .enter{width:30px; background-size:18px auto;}

		#header-wrap .mn-bar{display:none !important}
		
		.tr-menu {top: 10px;}
	}
	@media only screen and (max-width:768px){
		#header{height:50px;}
		.bt-mnall{left:10px; top:10px; background-size:18px auto;}
		.bt-mnclose{height:50px; width:50px; background-size:18px;}
		.bt-search {top:10px; right:10px; background-size:18px auto;}

		#logo{width:110px; height:30px; left:50%;margin-left:-55px; margin-top: -15px;}
		#logo a{ background-size: contain; background-position: center center;}

		#header-wrap.fix .bt-mnall, #header-wrap.is-show .bt-mnall{background-size:19px auto;}
		#header-wrap.fix .bt-search.active, #header-wrap.is-show .bt-search.active{background-size:16px auto;}

		.top-search{padding:7px 10px;}
		.top-search.active{top:50px;}
		.top-search .con .chk-input input{font-size:14px;}
		
		.tr-menu {top: 5px;}
		.tr-menu li {margin-left: 10px;}
	}
	@media only screen and (max-width:480px){
		
	}

	/* #mainNavi-wrap */
	@media only screen and (min-width:1000px){
		#mainNavi-wrap {height:40px ;overflow:hidden;position:absolute;left:0;top: 120px;min-width:50%;display:block;z-index:2007; padding-right: 0;}
		#mainNavi-wrap .tm-top{display:none;}
		
		#mainNav {position:relative;}
		
		.topmenu {display:block;position:relative;text-align:left;}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu .tgl-btn {display:none;}
		.topmenu .mn_a1 {font-size:16px;padding:10px 0;line-height:150%;display:block;color:#212121; font-weight:500; letter-spacing:-0.035em; position:relative; text-align:center;}
		.topmenu .mn_a1 span {font-weight: 600; font-size: 17px;}
		.topmenu .mn_l1 {display:inline-block;vertical-align:top;position:relative;margin-right: 50px;}
		.topmenu .mn_l1:before {content: ""; width: 0; height: 3px; background: #a52e3a; display: block; position: absolute; bottom: 0; left: 0; transition: 0.4s;}
		.topmenu .mn_l1:hover:before {width: 100%;}
		.topmenu .is-open .mn_a1, .topmenu .is-over .mn_a1{color:#212121}

		.topmenu .depth2-wrap {position:absolute;top:40px;line-height:120%;display:none;visibility:hidden;padding:0; min-width:100px;text-align:center; background: #a62e3a; }
		.topmenu .depth2 {position:relative;height:auto;padding:10px;overflow:hidden; min-height:90px;}
		.topmenu .depth2 li {letter-spacing:-1px;line-height:150; width:auto;}
		.topmenu .depth2 .mn_l2 {text-align:left;}
		.topmenu .depth2 .mn_a2 {cursor:pointer; line-height:130%;padding:5px 5px 5px 10px; display:block; text-decoration: none;}
		.topmenu .depth2 .mn_a2 span {display:inline-block; padding:2px 0;text-transform:uppercase; position:relative;font-weight:500; font-size:15px;letter-spacing:-0.03em;color:#fff; white-space: nowrap;}
	
		#mainNavi-wrap .ovbar {position:absolute;top:69px;overflow:hidden; height:1px; display:none;}
		#mainNavi-wrap .ovbar:after {position:absolute;bottom:0;left:50%;margin-left:-35%;background:#fff; height:1px;content:"";display:block;z-index:200; width:70%;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
	}
	@media only screen and (max-width:999px) {
		#mainNavi-wrap{position:relative; z-index:4300; text-align:left; height:0 !Important}
		#mainNavi {position:fixed;background:#fff;transition:right 0.3s ease;z-index:7000;left:-260px;overflow-y:auto;overflow-x:hidden;top:0px;width:260px;height:100%;-webkit-transition: left 0.2s ease-out;-moz-transition: left 0.2s ease-out;-o-transition: left 0.2s ease-out;	transition: left 0.2s ease-out;}
		#mainNavi.mn-h-open {left:0;}

		.tm-top{position:relative;}
		.tm-top h3{ background:#fff url(../_Img/logo.png)no-repeat 15px center; background-size: auto 70%; height:60px; border-bottom:1px solid #444}
		
		.topmenu {width:100%;display:block;position:relative;}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu li {line-height:150%;position:relative;text-transform:uppercase}
		
		.topmenu .has-sub .tgl-btn {padding:0;display:block;width:20px;height:20px;position:absolute;right:15px;top:8px;border:0;z-index:100;text-indent:-9999em;background:transparent;}
		.topmenu .has-sub .tgl-btn:before {content:'';position:absolute;left:0;top:50%;width:60%;height:1px;background:#777;transform: rotate(45deg);}
		.topmenu .has-sub .tgl-btn:after {content:'';position:absolute;right:0;top:50%;width:60%;height:1px;background:#777;transform: rotate(-45deg);}
		.topmenu .mn_l1 > .tgl-btn {right:15px;top:13px;}
		.topmenu .mn_l1.is-open > .tgl-btn:before, .topmenu .mn_l1.over > .tgl-btn:before {left:2px;transform: rotate(0);}
		.topmenu .mn_l1.is-open > .tgl-btn:after, .topmenu .mn_l1.over > .tgl-btn:after {right:2px;transform: rotate(0);}
		.topmenu .mn_l2 > .tgl-btn {width:16px;height:16px;right:12px;top:16px;}
		.topmenu .mn_l2 > .tgl-btn:before, .topmenu .mn_l2 > .tgl-btn:after {height:1px;}
		.topmenu .mn_l2.is-open > .tgl-btn:before, .topmenu .mn_l2.over > .tgl-btn:before {transform: rotate(0);}
		.topmenu .mn_l2.is-open > .tgl-btn:after, .topmenu .mn_l2.over > .tgl-btn:after {transform: rotate(0);}

		.topmenu .mn_a1 {position:relative;display:block;border-bottom:1px solid #e6e6e6;z-index:101}
		.topmenu .mn_a1 span {display:block;padding:15px 30px 17px 17px;font-size:16px;font-weight:500;letter-spacing:-0.03em;color:#333;}
		.topmenu .over .mn_a1 span, .topmenu  .mn_a1:hover span {color:#111;}

		.topmenu li > div {display:none; opacity:0;}
		.topmenu .depth2-wrap {position:relative; width:auto !important}
		.topmenu .depth2 {position:relative;background:#f6f6f6;padding:15px 0;border-bottom:1px solid #e6e6e6;}
		.topmenu .depth2:after {clear:both;content:"";display:block}
		.topmenu .depth2 a {font-size:14px;line-height:1.3em;display:block;}
		.topmenu .depth2 .mn_l2:last-child{border-bottom:none}
		.topmenu .depth2 .mn_l2.first , .topmenu .depth2 .mn_l2:first-child {border-top:0px}
		.topmenu .depth2 .mn_a2 {display:block;padding:3px 45px 3px 17px; position:relative;font-size:14px;font-weight:400;cursor:pointer;color:#444; }
		.topmenu .depth2 .mn_a2:hover, .topmenu .depth2 .over .mn_a2{color:#444;text-decoration:underline}
		
		.mn-bar {display:none;}
	}
	@media only screen and (max-width:680px) {
		#mainNavi{left:-230px;width:230px;}
		.tm-top h3{height:50px;}
		.topmenu .mn_a1 span {padding:15px 30px 15px 17px;font-size:15px;}
		.topmenu .depth2 {padding:12px 0;}
		.topmenu .depth2 .mn_a2 {font-size:13px;}
		
	}
	



/* ======================================================
   #container 
=========================================================*/
#container-wrap{margin-top: 180px;}
#container-wrap.mcontainer #contents{min-height:1000px; padding: 0}
#container-wrap.scontainer #contents{padding-bottom:50px; min-height:700px;}

	@media only screen and (max-width:999px) {
		#container-wrap{margin-top: 60px;}
	}
	@media only screen and (max-width:768px) {
		#container-wrap{margin-top: 50px;}
	}



/* ======================================================
    #footer-wrap 
=========================================================*/
#footer-wrap {display:block; position:relative; background:#f5f5f5; padding:40px 0 50px;}
#footer {position:relative;text-align:left; display: flex; align-items: flex-start; color: #262626;}
#footer .btxt {font-size: 25px; line-height: 120%; font-weight: 900; margin-bottom: 15px;}
#footer .mtxt {font-size: 16px; line-height: 150%; font-weight: 600;}
#footer .stxt {font-size: 14px; line-height: 150%; }
#footer .fbox1 {}
#footer .fbox2 {margin-left: 75px; line-height: 180%;}
#footer .fbox2 .fmenu {display: flex; font-size: 16px; margin-bottom: 15px;}
#footer .fbox2 .fmenu li {margin-right: 35px; font-weight: 600;}
#footer .fbox2 .fcominfo {}
#footer .fbox2 .fcominfo ul {display: flex; line-height: 150%;}
#footer .fbox2 .fcominfo .bar {display: inline-block; width: 1px; height: 15px; margin: 3px 16px; background: #262626;}
#footer .fbox3 {position: absolute; top: 0; right: 117.5px;}
#footer .fbox3 .sns {display: flex; justify-content: space-between; width: 160px;}
#footer .fbox3 .sns li {width: 45px; height: 45px; border-radius: 50%; overflow: hidden; border: 1px solid #e4e4e4;}
#footer .fbox3 .sns li:nth-child(1) {background: url("../_Img/Layout/f-insta.png") no-repeat center center;}
#footer .fbox3 .sns li:nth-child(2) {background: url("../_Img/Layout/f-kakao.png") no-repeat center center;}
#footer .fbox3 .sns li:nth-child(3) {background: url("../_Img/Layout/f-blog.png") no-repeat center center;}
#footer .fbox3 .sns li a {display: block; width: 100%; height: 100%; }

	@media only screen and (max-width:1280px) {
		#footer-wrap {}
		#footer {flex-direction: column-reverse;}
		#footer .fbox1 {margin-bottom: 20px;}
		#footer .fbox2 {margin-left: 0; margin-bottom: 20px;}
		#footer .fbox2 .fmenu {flex-wrap: wrap;}
		#footer .fbox2 .fcominfo ul {flex-direction: column;}
		#footer .fbox2 .fcominfo .bar {display: none;}
		#footer .fbox3 {}
	}

	@media only screen and (max-width:999px) {
		#footer-wrap {margin-bottom: 16vw; /*#quick-menu height*/ padding: 4vw 0 5vw;}
		#footer {flex-direction: column;}
		#footer .btxt {font-size: 3vw;}
		#footer .mtxt {font-size: 2vw;}
		#footer .stxt {font-size: 1.8vw;}
		#footer .fbox1 {margin-bottom: 20px;}
		#footer .fbox2 {margin-left: 0; margin-bottom: 20px;}
		#footer .fbox2 .fmenu {flex-wrap: wrap;}
		#footer .fbox2 .fmenu a {font-size: 2vw;}
		#footer .fbox2 .fcominfo ul {flex-direction: column;}
		#footer .fbox2 .fcominfo li {font-size: 1.8vw;}
		#footer .fbox2 .fcominfo .bar {display: none;}
		#footer .fbox3 {position: relative; right: auto;}
	}
	@media only screen and (max-width:768px) {
		#footer-wrap {padding: 30px 0 35px;}
		#footer .btxt {font-size: 21px;}
		#footer .mtxt {font-size: 14px;}
		#footer .stxt {font-size: 13px;}
		#footer .fbox2 .fmenu a {font-size: 14px;}
		#footer .fbox2 .fcominfo li {font-size: 12px;}
	}
	@media only screen and (max-width:425px) {
		#footer-wrap {}
	}



.top-btn {background: url("../_Img/Layout/bt-top.png") no-repeat center center; display: block; width: 50px; height: 50px; border-radius: 50%; position: fixed; bottom: 50px; left: calc(50% - 910px); z-index: 1005;}
.btn_adm {display: none;}
	@media only screen and (max-width:999px) {
		.top-btn {width: 40px; height: 40px; left: auto; bottom: 100px; right: 30px;}
	}

/* ======================================================
    #quick-menu
=========================================================*/
#quick-menu {position: absolute; width: 45px; height: 215px; left: 50px; top: 300px; z-index: 1004;}
#quick-menu ul {display: flex; justify-content: space-between; flex-direction: column; height: 100%;}
#quick-menu li {}
#quick-menu a {display: block; width: 45px; height: 47px; }
#quick-menu .q-insta {background: url("../_Img/Layout/quick.png") no-repeat center top; }
#quick-menu .q-kk {background: url("../_Img/Layout/quick.png") no-repeat center -57px; }
#quick-menu .q-bl {background: url("../_Img/Layout/quick.png") no-repeat center -114px; }
#quick-menu .q-call {background: url("../_Img/Layout/quick.png") no-repeat center bottom; }

	@media only screen and (min-width:1920px) {
		#quick-menu {left: calc(50% - 910px)}
	}

	@media only screen and (max-width:999px) {
		#quick-menu {position: fixed; top: auto !important; bottom: 0 !important; left: 0; width: 100%; height: 60px; background: #fff; display: none;}
		#quick-menu ul {flex-direction: row; justify-content: space-around; margin-top: 10px;}
	}



/* ======================================================
    #mo-quick
=========================================================*/
#mo-quick {position: fixed; width: 100%; bottom: 0; left: 0; z-index: 1004; display: none;}
#mo-quick ul {display: flex; width: 100%; height: 16vw; max-height: 95px;}
#mo-quick li {background: #b73037; width: 50%; height: 100%;}
#mo-quick li:first-child {background: #3c3c3c;}
#mo-quick a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: #fff; font-size: 4.4vw;}
#mo-quick li img {margin-right: 3vw; width: 5.8vw; }
#mo-quick li:first-child img {width: 6.3vw;}

	@media only screen and (max-width:999px) {
		#mo-quick {display: block;}
	}