@charset "utf-8";


/*///////////////////// common /////////////////////*/
.wrap_1200{position:relative;width:1200px;margin:0 auto;}
.wrap_1200:after{content:"";display:block;clear:both;}
.btn_st01{display:inline-block;font-size:20px;font-weight:900;padding:0 20px;line-height:50px;height:50px;border-radius:50px;outline:none;}
.btn_bg01{background-color:#fcb040;color:#fff;}

.btn_st02{display:inline-block;font-size:18px;width:98px;height:68px;text-align:center;line-height:68px;background:url("../img/main/section02_box_btnBg.png");outline:none;color:#fff;}
/*///////////////////// common End /////////////////////*/





/*///////////////////// header /////////////////////*/
#header{position:absolute;left:0;top:0;right:0;height:113px;   overflow:hidden;z-index:999;background-color:#e9e4de;}
#header:after{position:absolute;left:50%;margin-left:-242px;right:0;top:113px;bottom:0;content:"";display:block;background-color:#fbfbfb;}
#header.active{border-bottom:1px solid #d5d5d5;}
.header_top{background-color:#fbfbfb;border-bottom:1px solid #f4f4f4;}
.header_top .top_menu{text-align:right;}
.header_top .top_menu li{position:relative;display:inline-block;margin:0 4px;}
.header_top .top_menu li:after{position:absolute;left:-7px;top:50%;margin-top:-4px;height:8px;border-left:1px solid #ddd;content:"";display:block;}
.header_top .top_menu li:first-child:after{display:none;}
.header_top .top_menu li a{display:block;line-height:40px;}
.header_top .top_menu li a img{vertical-align:middle;}
.header_body{background-color:#FFF;border-bottom:2px solid #543e22;}
.header_body .logo{float:left;}
.header_body .logo a{display:block;line-height:70px;}
.header_body .logo a img{vertical-align:middle;}

#gnb{position:relative;float:right;width:770px;margin-right:-50px;z-index:99;}
#gnb > ul > li{position:relative;float:left;width:20%;text-align:center;}
#gnb > ul > li > a{position:relative;font-size:18px;font-family:"Nanum Square", sans-serif;color:#333;display:inline-block;line-height:70px;font-weight:bold;}
#gnb > ul > li > a:after{position:absolute;left:50%;margin-left:-6px; bottom:0;width: 0;   height: 0;   border-left: 6px solid transparent;  border-right: 6px solid transparent;   border-bottom: 6px solid transparent;content:"";display:block;
	transition:0.2s all;
}
#gnb > ul > li:hover > a:after,
#gnb > ul > li.active > a:after{border-bottom: 6px solid #543e22;}
#gnb > ul > li > .depth02{position:absolute;padding:25px 0;width:100%;box-sizing:border-box;}
#gnb > ul > li > .depth02 .depth02_list{display:inline-block;text-align:left;}
#gnb > ul > li > .depth02:after{position:absolute;left:0;top:30px;height: 235px;content:"";display:block;border-left:1px solid #d5d5d5;}
#gnb > ul > li:first-child .depth02:after{display:none;}
#gnb > ul > li > .depth02  li {padding: 8px 0;}
#gnb > ul > li > .depth02  li > a{position:relative;display:inline-block;font-size:15px;color:#666;padding-bottom:1px;}
#gnb > ul > li > .depth02  li > a:after{position:absolute;left:0;bottom:0;width:0;border-bottom:1px solid #543e22;content:"";display:block;
	transition: width 0.3s;}
#gnb > ul > li > .depth02   li.active a,
#gnb > ul > li > .depth02   li:hover a{color:#543e22;font-weight:bold;}
#gnb > ul > li > .depth02   li.active a:after,
#gnb > ul > li > .depth02   li:hover a:after{width:100%;}

.gnb_bg{position:relative;z-index:98;}
.gnb_bg:after{position:absolute;left:50%;margin-left:-242px;right:0;top:0;bottom:0;content:"";display:block;background-color:#fbfbfb;}
.gnb_banner{position:absolute;left:0;top:72px;z-index:99;}
.gnb_banner .gb_box{padding-left: 40px;padding-top: 18px;width:358px;/* height:360px; */box-sizing:border-box;background-color:#e9e4de;}
.gnb_banner .gb_box .tit01{font-size: 20px;line-height: 25px;color:#333;margin-bottom:10px;}
.gnb_banner .gb_box .txt01{font-size: 13px;color:#777;margin-bottom:10px;}
.gnb_banner .gb_box .more_link{font-size:12px;text-decoration:underline;color:#333;}
.dot_page{position:fixed;right:40px;top:50%;z-index:99;margin-top:-82px;}
.dot_page li{width:18px;height:18px;margin:8px 0;text-align:center;line-height:18px;}
.dot_page li a{display:inline-block;width:10px;height:10px;background-color:#888;vertical-align:middle;border-radius:50%;transition:0.3s all;}
.dot_page li.active a{width:18px;height:18px;background-color:#ff6600;}

.gnb_menu{position:absolute;left:3%;top:50%;margin-top:-10px;width:25px;height:20px;overflow:hidden;margin-bottom:13px;display:none;}
.gnb_menu.on{z-index:1;}
.gnb_menu span{position:absolute;display:block;width:100%;height:3px;background-color:#484848;
	transition: all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-webkit-transition: all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.gnb_menu span.top{top:0;}
.gnb_menu span.middle{top:50%;margin-top:-2px;}
.gnb_menu span.bottom{bottom:0;}
.gnb_menu.on span.top{top:0;
	transform: translate3d(0, 8px, 0) rotate(225deg);
	-webkit-transform: translate3d(0, 8px, 0) rotate(225deg);
	-moz-transform: translate3d(0, 8px, 0) rotate(225deg);
	-o-transform: translate3d(0, 8px, 0) rotate(225deg);
	-ms-transform: translate(0, 8px) rotate(45deg);
}
.gnb_menu.on span.middle{top:50%;margin-top:-2px;
	transform: translate3d(0, 150px, 0) rotate(-720deg);
	-webkit-transform: translate3d(0, 150px, 0) rotate(-720deg);
	-moz-transform: translate3d(0, 150px, 0) rotate(-720deg);
	-o-transform: translate3d(0, 150px, 0) rotate(-720deg);	
}
.gnb_menu.on span.bottom{bottom:0;
	transform: translate3d(0, -9px, 0) rotate(-225deg);
	-webkit-transform: translate3d(0, -9px, 0) rotate(-225deg);
	-moz-transform: translate3d(0, -9px, 0) rotate(-225deg);
	-o-transform: translate3d(0, -9px, 0) rotate(-225deg);
	-ms-transform: translate(0, -9px) rotate(-45deg);
}

/*///////////////////// header End /////////////////////*/






/*///////////////////// container /////////////////////*/
.sec_head_tit .tit01{font-size:50px;color:#fff;font-weight:normal;}
.sec_head_tit .txt01{font-size:20px;line-height:150%;}
/* #section01{background:url("../img/main/main_section01_visual01.jpg") no-repeat center center fixed;background-size:cover;} */
#section01 .section_in  {position:relative;z-index:55;}
#section01 .cont{width:50%;text-align:center;color:#fff;margin-top:40px;}
#section01 .sec_head_tit{margin-bottom:60px;}
#section01 .sec_head_tit .tit01{margin-bottom:20px;}
#section01 .sec_head_tit .tit01 strong{display:inline-block;font-size:60px;line-height:150%;}
#section01 .sec_head_tit .txt01{color:#f2e3d6;}
#section01 .sec_telNum{padding-top:90px;background:url("../img/main/icon_store.png") no-repeat center top;margin-bottom:38px;}
#section01 .sec_telNum .tit01 {font-size:20px;color:#fff;margin-bottom:8px;}
#section01 .sec_telNum .telNum{position:relative;display:inline-block;font-size:24px;color:#fff;padding:0 20px;}
#section01 .sec_telNum .telNum:after{position:absolute;left:0;top:50%;margin-top:-6px;height:12px;border-left:1px solid #c8bcab;content:"";display:block;}
#section01 .sec_telNum .telNum.bdn:after{display:none;}
#section01 .storeQna input{border-radius:50px;height:50px;line-height:46px;box-sizing:border-box;padding:0 20px;font-size:20px;background:none;color:#fff;border:2px solid #ccc2b5;outline:none;}
#section01 .storeQna input.inp_type01{width:160px;margin-right:7px;}
#section01 .storeQna input.inp_type02{width:200px;margin-right:12px;}
.storeQna input::-webkit-input-placeholder {color:#fff;}
.storeQna input::-moz-placeholder { color:#fff;}
.storeQna input:-ms-input-placeholder {color:#fff;}
.storeQna input:-moz-placeholder {color:#fff;}
.pageDown{position:absolute;left:50%;margin-left:-32px;bottom:30px;
	-webkit-animation: down  linear 0.5s infinite alternate;
		animation: down  linear 0.5s infinite alternate;
}
@-webkit-keyframes down {
		0% {  bottom: 43px;  }
		100% { bottom: 30px;  }
		}
	@-ms-keyframes myfirst {
		0% {  bottom: 43px;  }
			100% { bottom: 30px;  }
	}
.pageUp{position:absolute;left:50%;margin-left:-32px;bottom:30px;}
/* .bx-wrapper{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;}
.bx-viewport{height:100%;} */
.main_visual_slide .slick-list{height:100%;}
.main_visual_slide .slick-track{height:100%;}
.main_visual_slide{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;}
.main_visual_slide  li.slick-slide{width:100%;height:100%;background-size:cover;background-position:center bottom;background-repeat:no-repeat;}
/* .main_visual_slide .slick-dots{position:absolute;left:0;right:0;bottom:5%;text-align:center;}
.main_visual_slide .slick-dots li{display:inline-block;margin:0 10px;}
.main_visual_slide .slick-dots li button{width:100px;height:12px;background-color:#888888;font-size:0;text-indent:-9999%;}
.main_visual_slide .slick-dots li.slick-active button{background-color:#fcb040;} */
.main_visual_slide .slick-arrow{position:absolute;top:50%;margin-top:-30px;width:60px;height:60px;border-radius:50%;z-index:56;text-indent:-9999em;font-size:0;overflow:hidden;}
.main_visual_slide .slick-arrow.slick-prev{left:70px;background:rgba(255,254,254,0.7) url("../img/main/slide_arrow03_prev.png") no-repeat center center;}
.main_visual_slide .slick-arrow.slick-next{right:70px;background:rgba(255,254,254,0.7) url("../img/main/slide_arrow03_next.png") no-repeat center center;}
.main_visual_slide .mvs01{background-image:url('../img/main/main_section01_visual01.jpg');}
.main_visual_slide .mvs02{background-image:url('../img/main/main_section01_visual02.jpg');}
.main_visual_slide .mvs03{background-image:url('../img/main/main_section01_visual03.jpg');}

#section02{background:url("../img/main/main_section02_visual01.jpg") no-repeat center center fixed;background-size:cover;}
#section02 .section_in{text-align:center;}
#section02 .sec_head_tit{margin-bottom:38px;}
.banner_content .box_content:after{content:"";display:block;clear:both;;}
.banner_content .box_content .box{position:relative;float:left;width:400px;height:370px;box-sizing:border-box;}
.banner_content .box_content .box .more{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(92,117,44,0.8);opacity:0;
	transition:0.4s all;
}
.banner_content .box_content .box .more img{position:absolute;top:50%;margin-top:-48px;left:50%;margin-left:-30px;
	transition:0.3s all;
	transform:scale(1.2);
}
.banner_content .box_content .box:hover .more{opacity:1;}
.banner_content .box_content .box:hover .more img{transform:scale(1);}
.banner_content .box_content .box.box01{background: #7e654b url("../img/main/section02_box_bg01.png") no-repeat center top;}
.banner_content .box_content .box.box02{background:url("../img/main/section02_box_bg02.png") no-repeat center top; }
.banner_content .box_content .box.box03{background:url("../img/main/section02_box_bg03.png") no-repeat center top;}
.banner_content .box_content .box .box_top{padding-top:60px;}
.banner_content .box_content .box .box_top .tit{font-size:36px ;margin-bottom:8px;}
.banner_content .box_content .box .box_top .txt{font-size:18px;line-height:120%; }
.banner_content .box_content .box.box01 *{color:#fff;}
.banner_content .box_content .box.box02 *{color:#333;}
.banner_content .box_content .box.box03 *{color:#fff;}
.box_content .box.box01 .bb_list{margin-top:30px;}
.box_content .box.box01 .bb_list li{position:relative;display:inline-block;width:120px;font-size:16px;line-height:150%; }
.box_content .box.box01 .bb_list li:after{position:absolute;left:0;top:50%;height:30px;border-left:1px solid #8a8062;margin-top:-15px;content:"";display:block;}
.box_content .box.box01 .bb_list li:first-child:after{display:none;}
.box_content .box.box01 .bb_list li img{display:inline-block;} 
.box_content .box .box_body .tit{font-size:20px;margin:8px 0 0 0 ; }
.box_content .box .box_body .txt{font-size:16px; line-height:150%;}
.box_content .box .box_body .txt span{display:block;}
.box_content .box.box03 .box_body .txt{margin-top:28px;}
.banner_content .link_content .lc_box{float:left;}
.banner_content .link_content .lc_box:after{content:"";display:block;clear:both;;}
.banner_content .link_content .lc_box .box{position:relative;float:left;width:200px;height:140px;box-sizing:border-box;font-size:14px;cursor:pointer;}
.banner_content .link_content .lc_box .box:after{position:absolute;right:0;top:0;width: 0;   height: 0;   border-left: 40px solid transparent;  border-right: 0 solid transparent;   border-top: 40px solid #bcb5a8;content:"";display:block;}
.banner_content .link_content .lc_box .box .txt img{margin-top:15px;
	transition: 0.5s all;
}
.banner_content .link_content .lc_box .box:hover .txt img{
	transform: scale(1.2);
}
.banner_content .link_content .lc_box .box.box01,
.banner_content .link_content .lc_box .box.box03{background-color:#d3ccc0;color:#878072;}
.banner_content .link_content .lc_box .box.box02,
.banner_content .link_content .lc_box .box.box04{background-color:#a9a396;color:#e3ddd0;}
.banner_content .link_content .lc_box .box.box02:after,
.banner_content .link_content .lc_box .box.box04:after{border-top: 40px solid #807b6f;}
.banner_content .link_content .lc_box .box .more{position:absolute;right:7px;top:7px;z-index:5;}
.banner_content .link_content .wr_box{float:left;width:400px;height:140px;background-color:#e5e4dd;box-sizing:border-box;}
.banner_content .link_content .wr_box fieldset{padding:20px;box-sizing:border-box;}
.banner_content .link_content .wr_box .tit{font-size:18px;color:#333;text-align:left;padding:5px;}
.banner_content .link_content .wr_box .ta_wrbox{width:100%;}
.banner_content .link_content .wr_box .ta_wrbox input{box-sizing:border-box;width:100%;height:30px;}
.banner_content .link_content .wr_box .ta_wrbox td{padding:4px 5px;}

#section03{background:#eceae4;}
#section03 .section_in{text-align:center;}
#section03 .sec_head_tit{margin-bottom:25px;}
#section03 .sec_head_tit img{vertical-align:middle;}
#section03 .sec_head_tit *{color:#333;}
#section03 .sec_head_tit .tit01{margin-bottom:18px;}
#section03 .sec_head_tit .link{font-size:18px;margin-bottom:10px;}
#section03 .sec_head_tit .link span{text-decoration:underline;}
#section03 .sec_head_tit .txt01{font-size:20px;line-height:150%;}
/* .knowhow_content .kh_slide li{float:left;margin-left:12px;}
.knowhow_content .kh_slide li:first-child{margin-left:0;} */
.knowhow_content.web{display:block;}
.knowhow_content.mo{display:none;}
.knowhow_content {position:relative;}
.knowhow_content  .owl-nav div{position:absolute;top:50%;width:75px;height:75px;margin-top:-37px;font-size:0;overflow:hidden;text-indent:-9999%;transition:0.3s all;}
.knowhow_content  .owl-nav div.owl-prev{position:absolute;left:-75px;background:url("../img/main/slide_arrow01_prev.png") no-repeat center center;}
.knowhow_content  .owl-nav div.owl-next{position:absolute;right:-75px;background:url("../img/main/slide_arrow01_next.png") no-repeat center center;}
.knowhow_content  .owl-nav div:hover{opacity:0.6;}
.knowhow_content  .kh_box{position:relative;}
.knowhow_content  .kh_box .kh_over{position:absolute;left:0;right:0;top:0;bottom:0;text-align:center;opacity:0;
	transition: 0.3s all;
}
.knowhow_content  .kh_box .kh_over:hover{opacity:1;}
.knowhow_content  .kh_box .kh_over_cont{padding-top:94px;}
.knowhow_content  .kh_box .kh_over_cont  img{display:inline-block;margin-bottom:20px;width:80px;}
.knowhow_content  .kh_box .kh_over_cont .kh_txt{position:relative;padding-top:25px;font-size:24px;line-height:130%;color:#fff;}
.knowhow_content  .kh_box .kh_over_cont .kh_txt:after{position:absolute;left:50%;top:0;margin-left:-20px;width:40px;border-bottom:2px solid #5a89bf;display:block;content:"";}
.knowhow_content  .kh_box.kb01 .kh_over{background-color:#e67e22;}
.knowhow_content  .kh_box.kb01 .kh_over_cont .kh_txt:after{border-color:#ffb06b;}
.knowhow_content  .kh_box.kb02 .kh_over{background-color:#99abd5;}
.knowhow_content  .kh_box.kb02 .kh_over_cont .kh_txt:after{border-color:#b8c9f1;}
.knowhow_content  .kh_box.kb03 .kh_over{background-color:#27ae60;}
.knowhow_content  .kh_box.kb03 .kh_over_cont .kh_txt:after{border-color:#2ecc71;}
.knowhow_content  .kh_box.kb04 .kh_over{background-color:#f1bc36;}
.knowhow_content  .kh_box.kb04 .kh_over_cont .kh_txt:after{border-color:#ffe196;}
.knowhow_content  .kh_box.kb05 .kh_over{background-color:#3bb1d9;}
.knowhow_content  .kh_box.kb05 .kh_over_cont .kh_txt:after{border-color:#4ec2e7;}
.knowhow_content  .kh_box.kb06 .kh_over{background-color:#a5adb8;}
.knowhow_content  .kh_box.kb06 .kh_over_cont .kh_txt:after{border-color:#c7cbd4;}
.knowhow_content  .kh_box.kb07 .kh_over{background-color:#b377d9;}
.knowhow_content  .kh_box.kb07 .kh_over_cont .kh_txt:after{border-color:#cb93ee;}
.knowhow_content  .kh_box.kb08 .kh_over{background-color:#376ea3;}
.knowhow_content  .kh_box.kb08 .kh_over_cont .kh_txt:after{border-color:#5a89bf;}

.youtube_layer {position:absolute;width:900px;left:50%;top:50%;margin-left:-450px;margin-top:-300px;z-index:1000;text-align:center;display:none;}
.youtube_layer .yl_tit{padding:25px 50px;font-size:20px;color:#fff;background-color:#414141;}
.youtube_layer .yl_video iframe{width:100%;height:520px;}
.youtube_layer .btn_close{position:absolute;right:25px;top:25px;}

#section04{}
.desigh_visual{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;}
.desigh_visual li{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:120%;background-attachment: fixed;display:none;}
.desigh_visual li.active{display:block;}
.desigh_visual li.dv01{background-image:url("../img/main/main_section04_visual01.jpg");}
.desigh_visual li.dv02{background-image:url("../img/main/main_section04_visual02.jpg");}
.desigh_visual li.dv03{background-image:url("../img/main/main_section04_visual03.jpg");}
.desigh_visual li.dv04{background-image:url("../img/main/main_section04_visual04.jpg");}
.desigh_visual li.dv05{background-image:url("../img/main/main_section04_visual05.jpg");}
.desigh_visual li.dv06{background-image:url("../img/main/main_section04_visual06.jpg");}
#section04 .section_in{position:relative;z-index:100;}
#section04 .cont{width:50%;text-align:center;margin-top:50px;}
#section04 .cont *{color:#fff;}
#section04 .sec_head_tit{margin-bottom:32px;}
#section04 .sec_head_tit .tit01{font-weight:normal;}
#section04 .sec_head_tit .tit01 strong{display:inline-block;margin:8px 0 20px 0;}
#section04 .sec_head_tit .txt01{color:#ddd;opacity:0.6;}
.desigh_content.web{display:block;}
.desigh_content.mo{display:none;}
.desigh_content .ds_slide{width:612px;}
.desigh_content .ds_slide li{float:left;width:192px;height:132px;margin-right:12px;margin-bottom:11px;cursor:pointer;
	transition: 0.3s all;
}
.desigh_content .ds_slide li.ds01{background:url("../img/main/section04_box_img01.png") no-repeat;}
.desigh_content .ds_slide li.ds01.active{background:url("../img/main/section04_box_img01_on.png") no-repeat;}
.desigh_content .ds_slide li.ds02{background:url("../img/main/section04_box_img02.png") no-repeat;}
.desigh_content .ds_slide li.ds02.active{background:url("../img/main/section04_box_img02_on.png") no-repeat;}
.desigh_content .ds_slide li.ds03{background:url("../img/main/section04_box_img03.png") no-repeat;}
.desigh_content .ds_slide li.ds03.active{background:url("../img/main/section04_box_img03_on.png") no-repeat;}
.desigh_content .ds_slide li.ds04{background:url("../img/main/section04_box_img04.png") no-repeat;}
.desigh_content .ds_slide li.ds04.active{background:url("../img/main/section04_box_img04_on.png") no-repeat;}
.desigh_content .ds_slide li.ds05{background:url("../img/main/section04_box_img05.png") no-repeat;}
.desigh_content .ds_slide li.ds05.active{background:url("../img/main/section04_box_img05_on.png") no-repeat;}
.desigh_content .ds_slide li.ds06{background:url("../img/main/section04_box_img06.png") no-repeat;}
.desigh_content .ds_slide li.ds06.active{background:url("../img/main/section04_box_img06_on.png") no-repeat;}

#section05{background:#eceae4; text-align:center;}
#section05 .sec_head_tit .tit01{margin-bottom:20px;}
#section05 .sec_head_tit *{color:#333;}
.menu_content .menu_tab{margin:45px 0 35px 0;}
.menu_content .menu_tab li{display:inline-block;margin:0 13px;cursor:pointer;}
.menu_content .menu_tab li .tab_img{display:block;width:100px;height:100px;border:2px solid #777;box-sizing:border-box;border-radius:50%;margin-bottom:18px;
	background-repeat:no-repeat;
	background-position:center center;
}
.menu_content .menu_tab li .tab_tit{font-size:18px;color:#777;}
.menu_content .menu_tab li.active .tab_img{background-color:#444;border-color:#444;}
.menu_content .menu_tab li.active .tab_tit{color:#444;}
.menu_content .menu_tab li.mt01 .tab_img{background-image:url("../img/main/section05_tab_img01.png");}
.menu_content .menu_tab li.mt02 .tab_img{background-image:url("../img/main/section05_tab_img02.png");}
.menu_content .menu_tab li.mt03 .tab_img{background-image:url("../img/main/section05_tab_img03.png");}
.menu_content .menu_tab li.mt04 .tab_img{background-image:url("../img/main/section05_tab_img04.png");}
.menu_content .menu_tab li.mt05 .tab_img{background-image:url("../img/main/section05_tab_img05.png");}
.menu_content .menu_tab li.mt01.active .tab_img{background-image:url("../img/main/section05_tab_img01_on.png");}
.menu_content .menu_tab li.mt02.active .tab_img{background-image:url("../img/main/section05_tab_img02_on.png");}
.menu_content .menu_tab li.mt03.active .tab_img{background-image:url("../img/main/section05_tab_img03_on.png");}
.menu_content .menu_tab li.mt04.active .tab_img{background-image:url("../img/main/section05_tab_img04_on.png");}
.menu_content .menu_tab li.mt05.active .tab_img{background-image:url("../img/main/section05_tab_img05_on.png");}
.menu_content .menu_slide{width:1050px;margin:0 auto;display:none;}
.menu_content .menu_slide .ms_cont .menu_img{display:block;}
.menu_content .menu_slide .ms_cont .menu_tit{display:block;font-size:14px;color:#777;line-height:150%;}
.menu_content .menu_slide .ms_cont .menu_tit strong{font-size:20px;color:#333;display:inline-block;}
.menu_content .menu_slide .owl-nav div{position:absolute;top:50%;width:36px;height:75px;margin-top:-37px;font-size:0;overflow:hidden;text-indent:-9999%;transition:0.3s all;}
.menu_content .menu_slide .owl-nav div.owl-prev{position:absolute;left:-75px;background:url("../img/main/slide_arrow01_prev.png") no-repeat center center;}
.menu_content .menu_slide .owl-nav div.owl-next{position:absolute;right:-75px;background:url("../img/main/slide_arrow01_next.png") no-repeat center center;}
.menu_content .menu_slide .owl-nav div:hover{opacity:0.6;}

#section06{background:url("../img/main/main_section06_visual01.jpg") no-repeat center center;background-size:cover;text-align:center;}
#section06 .sec_head_tit *{color:#fff;}
#section06 .sec_head_tit .tit01{font-weight:normal;margin-bottom:32px;}
#section06 .sec_head_tit .txt01{color:#ddd;}
.system_content .sys_list{margin-top:86px;}
.system_content .sys_list li{display:inline-block;margin:0 20px;width:175px;}
.system_content .sys_list li .icon{display:inline-block;width:150px;height:150px;border:2px solid #a0a0a0;border-radius:50%;box-sizing:border-box;transition:0.3s all;
	background-repeat:no-repeat;
	background-position:center center;
}
.system_content .sys_list li.sl01 .icon{background-image:url("../img/main/section06_tab_img01.png");}
.system_content .sys_list li.sl02 .icon{background-image:url("../img/main/section06_tab_img02.png");}
.system_content .sys_list li.sl03 .icon{background-image:url("../img/main/section06_tab_img03.png");}
.system_content .sys_list li.sl04 .icon{background-image:url("../img/main/section06_tab_img04.png");}
.system_content .sys_list li:hover .icon{border-color:#d4973e;}
.system_content .sys_list li.sl01:hover .icon{background-image:url("../img/main/section06_tab_img01_on.png");}
.system_content .sys_list li.sl02:hover .icon{background-image:url("../img/main/section06_tab_img02_on.png");}
.system_content .sys_list li.sl03:hover .icon{background-image:url("../img/main/section06_tab_img03_on.png");}
.system_content .sys_list li.sl04:hover .icon{background-image:url("../img/main/section06_tab_img04_on.png");}
.system_content .sys_list li	.txt_cont{display:inline-block;}
.system_content .sys_list li	.txt_cont strong{display:block;font-size:24px;margin:25px 0;color:#fffefe;}
.system_content .sys_list li	.txt_cont .txt{font-size:14px;font-weight:bold;color:#a0a0a0;line-height:140%;}

#footer{background-color:#222;}
#footer .footer_top{position:relative;border-bottom:1px solid #333333;padding:25px 0;}
#footer .footer_top .tit{float:left;font-size:14px;color:#666;width:90px;height:30px;text-align:center;line-height:26px;border:2px solid #666;box-sizing:border-box;border-radius:30px;}
#footer .footer_top .bd_content{float:left;margin-left:10px;width:80%;}
#footer .footer_top .bd_slide li a{color:#bbb;font-size:14px;line-height:30px;}
.bd_content .bx-controls-direction{position:absolute;right:0;top:0;}
.bd_content .bx-controls-direction a{float:left;margin-left:-1px;width:30px;height:30px;border:1px solid #666;font-size:0;text-indent:-9999%;}
.bd_content .bx-controls-direction a.bx-prev{background:url("../img/main/slide_arrow02_prev.png") no-repeat center center;}
.bd_content .bx-controls-direction a.bx-next{background:url("../img/main/slide_arrow02_next.png") no-repeat center center;}

#footer .footer_body{padding:40px 0;}
#footer .footer_body address,
#footer .footer_body .copy{color:#666;font-size:14px;line-height:140%;}
#footer .footer_body address span{color:#b6b6b6;}
#footer .f_link{position:absolute;right:0;top:0;}
#footer .f_link .f_sns{float:left;margin-top:4px;}
#footer .f_link .f_sns li{display:inline-block;margin-left:8px;}
#footer .f_link .site_link{float:left;margin-left:15px;}
#footer .f_link .site_link > li{position:relative;}
#footer .f_link .site_link > li .depth02{display:none;position:absolute;left:0;right:0;bottom:0;box-sizing:border-box;border:1px solid #b6b6b6;padding:20px 10px;background-color:#4c4c4c;}
#footer .f_link .site_link > li .depth02 > li a{display:block;color:#ddd;font-size:13px;line-height:26px;}
#footer .f_link .site_link > li:hover .depth02{display:block;}
.layer_bg{position:fixed;left:0;right:0;top:0;bottom:0;z-index:999;background:rgba(0, 0, 0, 0.8); display:none;text-indent:-9999em;
/* 
IE8이하는 rgba가 동작하지 않기 때문에 배경 투명도 적용을 위해 filter의 gradient을 대체 이용한다. 
컬러값 60000000의 8자리 숫자의 의미: 앞 60 불투명도, 나머지 6자리 컬러값.
startColorstr와 endColorstr의 색을 같게 하여 배경 투명도 처리를 하는것.
하지만 원래는 그라데이션 처리하는 기법이기 때문에 같은 60% 투명도라고 해도 약간의 차이는 있다.
*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);}

br.mobr{display:none;}
/* tablet */
@media screen and (max-width: 1200px){
	img{max-width:100%;}
	.wrap_1200{width:98%;}

	.gnb_banner .gb_box{display:none;}
	.dot_page{display:none;}
	#header:after{left:0;margin-left:0;}
	/* #header{height:103px;} */
	.header_body .logo{float:none;text-align:center;}
	.header_top{display:none;}
	#gnb{float:none;width:100%;margin-right:0;}
	#gnb > ul > li{text-align:center;}
	#gnb > ul > li > a{line-height:64px;}
	#gnb > ul > li > .depth02{width:100%;top:66px;}
	.gnb_bg{background-color:#fbfbfb;}
	.gnb_bg:after{display:none;}
	.header_body .logo a{line-height:100%;padding-top:15px;}
	.main_visual_slide  li.slick-slide{background-size:cover;}
	#section02 .fp-tableCell,
	#section03 .fp-tableCell,
	#section04 .fp-tableCell,
	#section05 .fp-tableCell,
	#section06 .fp-tableCell{height:auto !important;}
	#section02,
	#section03,
	#section04,
	#section05,
	#section06{height:auto !important;}
	.section  .fp-tableCell{padding-top:60px;padding-bottom:60px;vertical-align:top;}
	.banner_content .box_content .box{width:33.33333%;}
	.banner_content .link_content .lc_box{width:66.66666%;}
	.banner_content .link_content .lc_box .box{width:25%;}
	.banner_content .link_content .wr_box{width:33.33333%;}
	.sec_head_tit .tit01{font-size:40px;}
	.sec_head_tit .txt01{font-size:16px;}
	#section01 .cont{margin-top:10%;}
	#section01 .sec_head_tit .tit01 strong{font-size:48px;}
	#section01 .sec_head_tit{margin-bottom:48px;}
	.banner_content .link_content .wr_box fieldset{box-sizing:border-box;padding:13px;}
	.box_content .box.box01 .bb_list li{width:92px;}
	.knowhow_content  .owl-nav div.owl-prev{left:0;}
	.knowhow_content  .owl-nav div.owl-next{right:0;}
	.menu_content .menu_slide{width:100%;}
	.menu_content .menu_slide .owl-nav div.owl-prev{left:0;}
	.menu_content .menu_slide .owl-nav div.owl-next{right:0;}
	
	.main_visual_slide .slick-arrow.slick-prev{left:2%;}
	.main_visual_slide .slick-arrow.slick-next{right:2%;}
	.desigh_visual li{background-size:cover;}
	
}

/* tablet */
@media screen and (max-width: 960px){
	
	.wrap_1200{width:96%;}

	
	#section01 .sec_telNum{background:none;padding-top:0;}
	#section01 .cont{width:65%;}
	.system_content .sys_list li{margin:0 7px;width:150px;vertical-align:top;}
	.system_content .sys_list li	.txt_cont br{display:none;}
	#footer .fp-tableCell{padding:0;}
	#footer .footer_body address,
	#footer .footer_body .copy{text-align:center;}
	#footer .footer_body .copy{}
	#footer .f_link{position:relative;text-align:center;}
	#footer .f_link .f_sns{float:none;margin:25px 0;}
	#footer .f_link .site_link{float:none;}

	
}


/* moblie */
@media screen and (max-width: 768px){
	br.mobr{display:block;}
	.wrap_1200{width:94%;}
	.btn_bg01{height:32px;line-height:32px;font-size:15px;}
	
	#header{height:57px !important;overflow:initial;}
	.dot_page{display:none;}	
	
	.header_top{display:none;}
	.header_top{display:none;}
	
	.header_body .wrap_1200{width:100%;padding:0 3%;box-sizing:border-box;}
	.header_body .logo{float:none;width:100%;text-align:center;}
	.header_body .logo a{display:inline-block;line-height:55px;padding:0;}
	.header_body .logo img{height:20px;}
	#gnb{position:absolute;left:0;right:0;border-top:1px solid #6d604f;background-color:#fff;float:none;width:100%;display:none;}
	#gnb > ul > li{width:100%;float:none;border-bottom:1px solid #ddd;text-align:center;}
	#gnb > ul > li > a{display:block;color:#333;background-color:#fff;line-height:40px;font-size:14px;font-weight:bold;}
	#gnb > ul > li > a:after{display:none;}
	#gnb > ul > li > .depth02 .depth02_list{text-align:center;display:block;}
	#gnb > ul > li > .depth02{position:relative;left:0;top:0;padding:8px 0;border-top:1px solid #ddd;background-color:#f3f3f3;text-align:center;display:none;}
	#gnb > ul > li > .depth02:after{display:none;}
	#gnb > ul > li > .depth02  li{padding:0;}
	#gnb > ul > li > .depth02  li > a{display:inline-block;line-height:30px;font-size:12px;color:#333;}
	#gnb > ul > li > .depth02 > li.active a,
	#gnb > ul > li > .depth02 > li:hover a{color:#333;}
	#gnb > ul > li > .depth02 > li.active a:after,
	#gnb > ul > li > .depth02 > li:hover a:after{width:100%;display:none;}
	.gnb_menu{display:block;z-index:50;}
	#section02 .fp-tableCell,
	#section03 .fp-tableCell,
	#section04 .fp-tableCell,
	#section05 .fp-tableCell,
	#section06 .fp-tableCell{height:auto !important;}
	#section02,
	#section03,
	#section04,
	#section05,
	#section06{height:auto !important;}
	.section  .fp-tableCell{padding-top:51px;padding-bottom:38px;vertical-align:top;box-sizing:border-box;}
	#section01 .cont{width:100%;margin:0;padding-top:53px;}
	#section01 .sec_head_tit{margin-bottom:21px;}
	#section01 .sec_head_tit .tit01 strong{font-size:38px;}		
	.sec_head_tit .tit01{font-size:30px;}
	.sec_head_tit .txt01{font-size:15px;}
	#section01 .sec_telNum{padding-top:0;background:none;margin-bottom:19px;}	
	#section01 .sec_telNum .telNum{font-size:15px;}
	#section01 .sec_telNum .tit01{font-size:15px;}
	#section01 .storeQna input{height:32px;font-size:15px;}
	#section01 .storeQna input.inp_type01{width:27%;}
	#section01 .storeQna input.inp_type02{width:34%;}
	
	.main_visual_slide .slick-dots li{margin:0 6px;}
	.main_visual_slide .slick-dots li button{width:60px;height:8px;}
	.main_visual_slide .slick-arrow{position:absolute;top:50%;margin-top:-19px;width:38px;height:38px;border-radius:50%;z-index:56;text-indent:-9999em;font-size:0;overflow:hidden;}
	.main_visual_slide .slick-arrow.slick-prev{left:3%;background:rgba(255,254,254,0.7) url("../img/main/slide_arrow03_prev.png") no-repeat center center;background-size:11px;}
	.main_visual_slide .slick-arrow.slick-next{right:3%;background:rgba(255,254,254,0.7) url("../img/main/slide_arrow03_next.png") no-repeat center center;background-size:11px;}
	.main_visual_slide .mvs01{background-image:url('../img/main/mo_main_section01_visual01.jpg');}
	.main_visual_slide .mvs02{background-image:url('../img/main/mo_main_section01_visual02.jpg');}
	.main_visual_slide .mvs03{background-image:url('../img/main/mo_main_section01_visual03.jpg');}
	.pageDown{margin-left:-16px;}
	.pageDown img{width:32px;}
	#section02 .sec_head_tit{margin-bottom:25px;}
	.banner_content .box_content .box{float:none;width:100%;height:176px;margin-top:13px;}
	.banner_content .box_content .box:first-child{margin-top:0;}
	.banner_content .box_content .box .box_top{padding-top:32px;}
	.banner_content .box_content .box .box_top .tit{font-size:23px;}
	.banner_content .box_content .box .box_top .txt{font-size:15px;}
	.banner_content .box_content .box .box_top .txt br{display:none;}
	.banner_content .box_content .box.box01{background:url("../img/main/section02_box_bg01.png") no-repeat center center;background-size:cover;}
	.banner_content .box_content .box.box02{background:url("../img/main/section02_box_bg02.png") no-repeat center center;background-size:cover;}
	.banner_content .box_content .box.box03{background:url("../img/main/section02_box_bg03.png") no-repeat center center;background-size:cover;}
	.box_content .box.box01 .bb_list li{font-size:12px;width:32%;padding-left:42px;box-sizing:border-box;text-align:left;}
	.box_content .box.box01 .bb_list li img{position:absolute;left:5px;top:50%;margin-top:-19px;width:38px;}
	.box_content .box.box01 .bb_list{margin-top:25px;}
	.box_content .box.box02 .box_body .txt{display:none;}
	.box_content .box .box_body .tit{margin-top:28px;font-size:18px;}
	.box_content .box.box03 .box_body .txt{display:inline-block;position:relative;width:75%;font-size:12px;padding-left:62px;box-sizing:border-box;text-align:left;}
	.box_content .box.box03 .box_body .txt img{position:absolute;left:5px;top:50%;margin-top:-26px;width:52px;}
	.box_content .box.box03 .box_body .txt br{display:none;}
	.box_content .box.box03 .box_body .txt{margin-top:25px;}
	.banner_content .link_content{display:none;}	
	
	#section03 .sec_head_tit .txt01{display:inline-block;font-size:12px;width:75%;}
	#section03 .sec_head_tit .tit01{margin-bottom:24px;}
	#section03 .sec_head_tit .link{font-size:11px;margin-bottom:24px;}
	#section03 .sec_head_tit .link span{font-weight:bold;}
	#section03 .sec_head_tit .link img{width:20px;}
	.knowhow_content.mo{display:block;}
	.knowhow_content.web{display:none;}
	
	.knowhow_content.mo .kh_box{float:left;width:48%;margin:3px 1%;}
	.knowhow_content  .kh_box .kh_over_cont{padding-top:10px;}
	.knowhow_content  .kh_box .kh_over_cont  img{width:50px;margin-bottom:12px;}
	.knowhow_content  .kh_box .kh_over_cont .kh_txt{font-size:15px;padding-top:16px;}
	.mo_kh_slide .slick-dots{position:relative;left:0;right:0;text-align:center;margin-top:15px;}
	.mo_kh_slide .slick-dots li{display:inline-block;margin:0 3px;}
	.mo_kh_slide .slick-dots li button{width:12px;height:12px;background-color:#888;font-size:0;text-indent:-9999%;border-radius:50%;}
	.mo_kh_slide .slick-dots li.slick-active button{background-color:#fcb040;} 
	
	.youtube_layer{width:96%;margin-left:-48%;margin-top:-97px;}
	.youtube_layer .yl_tit{font-size:14px;padding:12px 25px;}
	.youtube_layer .yl_video iframe{height:auto;}
	.youtube_layer .btn_close{right:12px;top:9px;}
	#section04 .cont{width:100%;margin-top:0;}
	#section04 .sec_head_tit .txt01 br{display:none;}
	.desigh_content.web{display:none;}
	.desigh_content.mo{display:block;}
	
	.menu_content .menu_tab:after{content:"";display:block;clear:both;}
	.menu_content .menu_tab li{margin:0;padding:0 10px;box-sizing:border-box;width:25%;float:left;}
	.menu_content .menu_tab li .tab_img{width:70px;height:70px;margin:0 auto;margin-bottom:10px;background-size:contain;}
	.menu_content .menu_tab li .tab_tit{font-size:15px;}
	.menu_content .menu_slide{width:100%;}
	.menu_content .menu_slide .owl-nav div{width:48px;height:48px;margin-top:-24px;}
	.menu_content .menu_slide .owl-nav div.owl-prev{left: 0;background-size:16px;background-position:left center;}
	.menu_content .menu_slide .owl-nav div.owl-next{right:0;background-size:16px;background-position:right center;}

	#section06{background:url("../img/main/main_section06_visual01_mo.jpg") no-repeat center center;background-size:100% 100%;}
	#section06 .sec_head_tit .txt01{display:inline-block;width:75%;}
	.system_content .sys_list{margin-top:32px;}
	.system_content .sys_list li{float:left;width:50%;margin:0;padding:19px 22px;box-sizing:border-box;}
	.system_content .sys_list li .icon{width:96px;height:96px;background-size:contain;}
	.system_content .sys_list li .icon img{width:96px;}
	.system_content .sys_list li	.txt_cont strong{font-size:15px;margin:18px 0 15px 0;}
	.system_content .sys_list li	.txt_cont .txt{font-size:11px;}
	.system_content .sys_list li	.txt_cont .txt br{display:none;}

	#footer{text-align:center;}
	#footer .footer_top{display:none;}
	#footer .fp-tableCell{padding:0;}
	#footer .footer_body{padding:37px 0;}
	#footer .footer_body address,
	#footer .footer_body .copy{font-size:12px;line-height:150%;}
	#footer .footer_body .copy{margin-top:18px;}
	#footer .f_link{position:relative;}
	#footer .f_link .f_sns{float:none;margin:25px 0;}
	#footer .f_link .site_link{float:none;}

	.ds_slide_mo  .slick-arrow{position:absolute;top:50%;margin-top:-15px;width:30px;height:30px;z-index:56;text-indent:-9999em;font-size:0;overflow:hidden;}
	.ds_slide_mo  .slick-arrow.slick-prev{left:0;background: url("../img/sub/btn_layerPrev.png") no-repeat center center;background-size:cover;}
	.ds_slide_mo  .slick-arrow.slick-next{right:0;background: url("../img/sub/btn_layerNext.png") no-repeat center center;background-size:cover;}
	.ds_slide_mo .slick-list{width:80%;margin:0 auto;}
	.desigh_content.mo .num{text-align:center;background-color:#333333;width:60px;line-height:25px;margin:12px auto;text-align:center;color:#999;border-radius:25px;}
	.desigh_content.mo .num span{font-size:14px;}
	.desigh_content.mo .num span.current{color:#fff;}
	#footer .f_link .site_link > li{display:inline-block;}

}