/*메인이미지*/
.m_visual{margin-top:0px; width:100%; height:600px; position:relative; overflow:hidden; z-index:3; clear:both;}
.m_visual #prcon li {width:100%;height:600px;display:inline-block;}
.m_visual #prcon li.visual1 {background:url(../img/main_visual1.jpg) no-repeat center top;background-size:cover;}
.m_visual #prcon li.visual2 {background:url(../img/main_visual2.jpg) no-repeat center top;background-size:cover;}
.m_visual #prcon li.visual3 {background:url(../img/main_visual3.jpg) no-repeat center top;background-size:cover;}
.visual_img{ background:url() no-repeat; position: absolute; top:0; left:0; z-index:5; width:100%}
.visual_text{ position:absolute; top:140px; width:100%; text-align:center; height:99px; left:0; z-index:7; display:none;}
.visual_text p{ width:625px; height:89px; margin:0 auto;}
.visual_sample{ display:none}
.m_visual #prnum { position:absolute; z-index:6; width:125px; height:20px; top:500px; left:50%; margin-left:-37px;}
.m_visual #prnum a{ display:inline-block; background:url(../img/visual_off.png) no-repeat; width:12px; height:12px; margin:0 1px;transition:all 0.3s ease}
.m_visual #prnum a.over{ background:url(../img/visual_on.png) no-repeat; width:30px; height:12px;transition:all 0.3s ease}

ul.text_effect {position:absolute;z-index:9999;left:50%;margin-left:-220px; top:180px; text-align:center; background:rgba(255,255,255,0.3); padding:30px 50px;}
ul.text_effect > li > .txt {display:inline-block; font-size:50px; color:rgba(0,0,0,0.9); letter-spacing:-1px; font-weight:700; line-height:60px; }
ul.text_effect > li > .txt p {position:relative; margin-bottom:10px; height:1px; ; background:#aaece6}
ul.text_effect > li > .txt p span {position:absolute; display:inline-block; width:100%; height:1px}
ul.text_effect > li > .txt p span.color1 {background:rgba(255,255,255,0.6); text-indent:-9999px;}
ul.text_effect > li > .txt p span.color2 {width:0; background:#fff; text-indent:-9999px;}

ul.text_effect > li > .txt2 {display:inline-block; font-size:20px; color:rgba(0,0,0,0.6); letter-spacing:-1px;}
ul.text_effect > li > .txt2 p {position:relative; margin-bottom:10px; height:1px; ; background:#aaece6;}
ul.text_effect > li > .txt2 p span {position:absolute; display:inline-block; width:100%; height:1px;}
ul.text_effect > li > .txt2 p span.color1 {background:#fff;text-indent:-9999px;}
ul.text_effect > li > .txt2 p span.color2 {width:0; background:#fff;text-indent:-9999px;}

ul.text_effect > li > .txt3 {display:inline-block; font-family: 'Montserrat', sans-serif; font-size:15px; color:rgba(255,255,255,0.6); letter-spacing:8px; font-weight:700; margin-top:10px;}
ul.text_effect > li > .txt3 p {position:relative; margin-bottom:10px; height:1px; ; background:#aaece6;}
ul.text_effect > li > .txt3 p span {position:absolute; display:inline-block; width:100%; height:1px;}
ul.text_effect > li > .txt3 p span.color1 {background:#fff;text-indent:-9999px;}
ul.text_effect > li > .txt3 p span.color2 {width:0; background:#fff;text-indent:-9999px;}

/*메인이미지*/

#main #cycle {margin-top:0px;}

/*메인중간이미지*/
#middle_bg{margin-top:0px;padding:30px 0 0 0;height:250px;background:#fff url(../img/main_visual33.jpg) no-repeat 50% 40%;background-attachment: fixed;background-size:cover;text-align:center;font-size:30px;color:#fff;z-index:29999 !important;}
#middle_bg span{font-weight:700;line-height:50px; }
#middle_bg .pro_category {margin:0 auto 0; width:100%; text-align:center;}
#middle_bg .pro_category .pro_category_in {width:90%; margin:20px auto 0;}

	.pro_category_in ul{float:left; width:100%; margin:0 auto; text-align:center; line-height:40px !important;}
	.pro_category_in ul li {display:inline-block; font-size:15px; font-weight:700; }
	.pro_category_in ul li a {padding:7px 30px; border-radius:30px; border:1px solid #fff; color:rgba(255,255,255,0.7);}
	.pro_category_in ul li a:hover {padding:7px 30px; border-radius:30px; border:1px solid #00f0ff; color:#fff;}
/*메인중간이미지*/

/*메인동영상*/
#mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity='80'); z-index:1000}
#videolayer {display:none; position:fixed; left:50%; width:60%; margin-left:-30%; z-index:1010}
.video_box {float:left; width:50%;height:200px;position:relative; cursor:pointer;background:url(../img/inq_img3_1off.jpg) no-repeat;background-size:cover;}
.video_box img {display:block;width:70px;}
.video_box .play {position:absolute; display:block; width:100%; top:70px; left:0; text-align:center; color:#eee; font-size:14px}
.video_box .play img {margin:0 auto 10px auto}
.video_box h2 {position:absolute; top:30px; left:20px; font-size:15px; color:#eee; z-index:30}
/*메인동영상*/


#main_con01 {padding:40px 0; width:100%; background-color:#f6dfdf;}
#main_con01:after{content:""; display:block; clear:both;}
#main_con01 .cont_center { width:1180px; margin:0 auto; overflow:hidden;  }
#main_con01 .title {overflow:hidden; margin-bottom:20px;}
#main_con01 .title h2 {float:left; font-size:22px; font-weight:bold;}
#main_con01 .title .set_ctrl {float:right; }
#main_con01 .img_slider {}
#main_con01 .img_slider li {width:260px; margin-right:20px;}
#main_con01 .img_slider li a {display:block; padding:0 0; box-sizing:border-box;}
#main_con01 .img_slider li a:hover {}
#main_con01 .img_slider li a .gal_img {width:100%; padding:20px; margin-bottom:20px; border:1px solid #d7afaf; box-sizing:border-box; }
#main_con01 .img_slider li .gal_img img {width:100%;}
#main_con01 .img_slider li a:hover .gal_img {border:1px solid #dac37b; box-sizing:border-box; }
#main_con01 .img_slider li .tit {height:40px; font-size:16px; font-weight:600; letter-spacing:-1px; line-height:22px; text-align:center; color:#555;}
#main_con01 .img_slider li a:hover .tit {color:#dac37b;}
#main_con01 .img_slider li .cont {height:66px; margin-top:15px; line-height:22px; font-size:13px; color:#888;}
#main_con01 .img_slider li .wrr {margin-top:20px;  font-weight:500; color:#555;}

#main_con02 {padding:60px 0; background-image:url(../img/main_visual33.jpg); background-repeat:no-repeat; background-position:top center; clear:both; background-attachment:fixed;}
#main_con02 .cont_center { width:1180px; margin:0px auto; overflow:hidden; }
#main_con02 h2 {margin-bottom:25px; text-align:center; font-size:35px; font-weight:600; letter-spacing:-2px; color:#fff;}
#main_con02 ul {overflow:hidden; }
#main_con02 ul li {float:left; width:25%; border-right:1px solid rgba(255,255,255,0.1); box-sizing:border-box; }
#main_con02 ul li:last-child {border-right:0;}
#main_con02 ul li .img { text-align:center;}
#main_con02 ul li p {width:60%; margin:0 auto;text-align:center; color:#fff;}
#main_con02 ul li p.tit {margin-top:10px; font-size:22px; font-weight:600; line-height:26px;}
#main_con02 ul li p.eng {margin-top:6px; font-family: 'Montserrat', sans-serif; font-size:11px;  opacity:0.5; letter-spacing:0;}
#main_con02 ul li p.ex {margin-top:10px; line-height:20px; }

#main_con03 {padding:40px 0; width:100%; overflow:hidden;}
#main_con03:after{content:""; display:block; clear:both;}
#main_con03 .cont_center { width:1180px; margin:0 auto; overflow:hidden;  }
#main_con03 .title {overflow:hidden; margin-bottom:20px;}
#main_con03 .title h2 {float:left; font-size:22px; font-weight:bold;}
#main_con03 .title .set_ctrl {float:right; }
#main_con03 .txt_slider {}
#main_con03 .txt_slider li {width:260px; margin-right:20px;}
#main_con03 .txt_slider li a {display:block; padding:40px 30px; border:1px solid #ccc; box-sizing:border-box;}
#main_con03 .txt_slider li a:hover {border:1px solid #dac37b;}
#main_con03 .txt_slider li p {line-height:20px; font-size:14px; color:#888;}
#main_con03 .txt_slider li p.tit {height:36px; font-size:16px !important; font-weight:600; letter-spacing:-1px; line-height:24px; color:#222;}
#main_con03 .txt_slider li a:hover .tit {color:#dac37b;}
#main_con03 .txt_slider li p.cont {height:auto; margin-top:20px; line-height:20px; font-size:14px !important; color:#888;}
#main_con03 .txt_slider li p.cont span {line-height:22px; font-size:13px !important;}
#main_con03 .txt_slider li p.wrr {margin-top:20px;  font-weight:500; color:#555;}


/*공지사항/갤러리*/
#m_cont{ width:100%; border-top:1px solid #ddd;}

/*공지사항/배너/고객센터*/
#m_cont .cont_center { width:1180px; margin:0px auto; overflow:hidden; }

#m_cont .News {float: left; width:450px; padding: 30px; vertical-align:top; border-left: 1px solid #ddd; box-sizing:border-box;}
#m_cont .News .title {position:relative; overflow:hidden; margin-bottom:13px;}
#m_cont .News .title h2 {float:left; font-size:22px; font-weight:bold;}
#m_cont .News .title a {position:absolute; right:0; top:10px;}
#m_cont .News ul li {overflow:hidden; padding:1px 0; font-size:14px;}
#m_cont .News ul li a {float:left;}
#m_cont .News ul li span {float:right; font-size:14px; color:#aaa;}

#m_cont .con_banner {float: left; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }

#m_cont .cs {display:block; float:left; width:330px; padding:30px; border-right: 1px solid #ddd; box-sizing:border-box;}
#m_cont .cs h2 {font-size:16px; font-weight:600;}
#m_cont .cs .tel {margin-top:0px; font-family: 'Montserrat', sans-serif; font-size:35px; font-weight:700; color:#c1962f; line-height:38px; }
#m_cont .cs .ct_tit {display:inline-block; margin-top:15px; padding:4px 20px; background-color:#eee; border-radius:50px; font-size:13px; color:#666; font-weight:700; }
#m_cont .cs .ct {margin-top:6px; font-size:13px; line-height:20px;}

#znb{ display:none}

/*배너*/
#m_cont2{ width:100%; border-top:1px solid #ddd;}

/*배너*/
#m_cont2 .cont_center { width:1180px; margin:20px auto; overflow:hidden; }
#m_cont2 .cont_center ul li {float:left; width: calc((100% - 2%)/2); margin: 0 0 0 2%; box-sizing:border-box; text-align:center; border:1px solid #ddd;}
#m_cont2 .cont_center ul li:first-child {margin: 0 0;}
#m_cont2 .cont_center ul li img {width:auto;}



@media screen and (max-width:970px) and (min-width:640px) {

#middle_bg {display:none; }
#middle_bg span{ display:none; }

body {background:#;}
.m_visual{ width:100%; overflow:hidden; height: 250px; margin-top:0px; }
.m_visual #prcon li {width:100%;height:250px;display:inline-block;}
.m_visual #prcon li.visual1 {background:url(../img/main_visual1.jpg) no-repeat center top;background-size:cover;}
.m_visual #prcon li.visual2 {background:url(../img/main_visual2.jpg) no-repeat center top;background-size:cover;}
.m_visual #prcon li.visual3 {background:url(../img/main_visual3.jpg) no-repeat center top;background-size:cover;}

ul.text_effect {left:50%; top:50px; margin-left:-150px; padding:20px 40px;}
ul.text_effect > li > .txt {font-size:35px; line-height:45px;}
ul.text_effect > li > .txt2 {font-size:18px;}
ul.text_effect > li > .txt3 {font-size:15px; letter-spacing:3px;}

#cycle{ float:left; width:100%;margin-top:0px;background:#ffffff url();}
#main #cycle{margin-top:0px;}
.visual_text{ top:39%;}
.visual_text p{ width:95%;}
.visual_sample{ visibility:hidden; display:block; z-index:1}
.m_visual #prnum{ display:none}

.video_box {width:100%;height:150px;}

#main_con01 {padding:30px 0; }
#main_con01 .cont_center { width:90%; margin:0 auto; overflow:hidden;  }
#main_con01 .title {margin-bottom:15px;}
#main_con01 .title h2 {font-size:20px;}
#main_con01 .title .set_ctrl {float:right;}
#main_con01 .img_slider {}
#main_con01 .img_slider li {}
#main_con01 .img_slider li a {}
#main_con01 .img_slider li a:hover {}
#main_con01 .img_slider li a .gal_img {margin-bottom:15px;}
#main_con01 .img_slider li .tit {overflow: hidden; display: block; height:auto; white-space: nowrap; text-overflow: ellipsis; font-size:15px; }
#main_con01 .img_slider li a:hover .tit {}
#main_con01 .img_slider li .cont {overflow:hidden; height:66px;}
#main_con01 .img_slider li .wrr {}

#main_con02 {padding:40px 0; background-size:cover;}
#main_con02 .cont_center {width:100%;}
#main_con02 h2 {margin-bottom:20px; font-size:26px; letter-spacing:-1px;}
#main_con02 ul {}
#main_con02 ul li {}
#main_con02 ul li:last-child {}
#main_con02 ul li .img {}
#main_con02 ul li img {height:30px;}
#main_con02 ul li p {width:70%;}
#main_con02 ul li p.tit {margin-top:10px; font-size:16px;}
#main_con02 ul li p.eng {display:none;}
#main_con02 ul li p.ex {letter-spacing:0; font-weight:300;}

#main_con03 {padding:30px 0; }
#main_con03 .cont_center { width:90%; margin:0 auto; overflow:hidden;  }
#main_con03 .title {margin-bottom:15px;}
#main_con03 .title h2 {font-size:20px;}
#main_con03 .title .set_ctrl {float:right;}
#main_con03 .txt_slider {}
#main_con03 .txt_slider li {}
#main_con03 .txt_slider li a {padding:25px;}
#main_con03 .txt_slider li a:hover {}
#main_con03 .txt_slider li .tit {overflow: hidden; display: block; height:auto; white-space: nowrap; text-overflow: ellipsis; font-size:15px; }
#main_con03 .txt_slider li a:hover .tit {}
#main_con03 .txt_slider li .cont {overflow:hidden; height:66px;}
#main_con03 .txt_slider li .wrr {}


/*공지사항/갤러리*/
#m_cont{ width:100%; }

/*공지사항/배너/고객센터*/
#m_cont .cont_center {width:100%; margin:0px auto; overflow:hidden;}

#m_cont .News {float: left; width:100%; padding: 30px 5%; vertical-align:top; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing:border-box;}
#m_cont .News .title {overflow:hidden; margin-bottom:13px;}
#m_cont .News .title h2 {float:left; font-size:20px; font-weight:bold;}
#m_cont .News .title a {float:right;}
#m_cont .News ul li {overflow:hidden; padding:1px 0; font-size:14px;}
#m_cont .News ul li a {float:left;}
#m_cont .News ul li span {float:right; font-size:14px; color:#aaa;}

#m_cont .con_banner {float: left; width:50%; border:0;}
#m_cont .con_banner img {width:100%; }

#m_cont .cs {display:block; float:left; width:50%; padding:30px 5%; text-align:center; border-right:0 solid #ddd; box-sizing:border-box;}
#m_cont .cs h2 {}
#m_cont .cs .tel {margin-top:0px; font-family: 'Montserrat', sans-serif; font-size:35px; font-weight:700; color:#c1962f; line-height:38px; }
#m_cont .cs .ct_tit {display:inline-block; margin-top:15px; padding:4px 20px; background-color:#eee; border-radius:50px; font-size:13px; color:#666; font-weight:700; }
#m_cont .cs .ct {margin-top:6px; font-size:13px; line-height:20px;}


/*배너*/
#m_cont2{ width:100%; border-top:1px solid #ddd;}

/*배너*/
#m_cont2 .cont_center { width:96%; margin:20px 2%; overflow:hidden; }
#m_cont2 .cont_center ul li {float:left; width: calc((100% - 4%)/3); margin: 0 0 0 2%; box-sizing:border-box;}
#m_cont2 .cont_center ul li:first-child {margin: 0 0 0 0;}
#m_cont2 .cont_center ul li img {width:100%; }

}


@media screen and (max-width:720px) and (min-width:639px) {
.datehidden td:last-child {display:none;}
}



/*********************************/
@media screen and (max-width:640px) and (min-width:10px) {
#middle_bg{ display:none; }
#middle_bg span{ display:none; }
body {background:#;}
.m_visual{ width:100%; overflow:hidden; height: auto; margin-top:0px;}
.m_search{ display:none;}
.m_searchtop{ display:none;}

.m_visual{ width:100%; overflow:hidden; height: 220px; margin-top:0px; }
.m_visual #prcon li {width:100%;height:200px;display:inline-block;}
.m_visual #prcon li.visual1 {background:url(../img/main_visual1.jpg) no-repeat center top;background-size:cover;}
.m_visual #prcon li.visual2 {background:url(../img/main_visual2.jpg) no-repeat center top;background-size:cover;}
.m_visual #prcon li.visual3 {background:url(../img/main_visual3.jpg) no-repeat center top;background-size:cover;}

ul.text_effect {left:50%; top:45px; margin-left:-100px; text-align:center; padding:15px 30px;}
ul.text_effect > li > .txt {font-size:22px; line-height:30px;}
ul.text_effect > li > .txt2 {font-size:15px;}
ul.text_effect > li > .txt3 {font-size:12px; letter-spacing:2px;}

#cycle{ background:#ffffff url();}

.visual_text{ top:39%;}
.visual_text p{ width:95%;}
.visual_sample{ visibility:hidden; display:block; z-index:1}
.m_visual #prnum{ display:none}

.video_box {width:100%;height:150px;}

#cycle{ margin-top:0px;}

#main_con01 {padding:30px 0;}
#main_con01 .cont_center { width:90%; margin:0 auto; overflow:hidden;  }
#main_con01 .title {margin-bottom:15px;}
#main_con01 .title h2 {float:none; width:100%;text-align:center;font-size:18px;}
#main_con01 .title .set_ctrl {display:none;}
#main_con01 .img_slider {}
#main_con01 .img_slider li {}
#main_con01 .img_slider li a {}
#main_con01 .img_slider li a:hover {}
#main_con01 .img_slider li .tit {overflow: hidden; display:block; height:auto; white-space: nowrap; text-overflow: ellipsis; font-size:14px; }
#main_con01 .img_slider li a:hover .tit {}
#main_con01 .img_slider li .cont {overflow:hidden; height:66px;}
#main_con01 .img_slider li .wrr {}

#main_con02 {padding:30px 0; background-size:cover;}
#main_con02 .cont_center {width:90%;}
#main_con02 h2 {margin-bottom:15px; font-size:20px; letter-spacing:-1px;}
#main_con02 ul {}
#main_con02 ul li {width:49%; padding:20px 0; margin-right:2%; margin-bottom:2%; box-sizing:border-box; border:1px solid rgba(255,255,255,0.2) }
#main_con02 ul li:nth-child(2n) { margin-right:0;}
#main_con02 ul li:last-child {border-right:1px solid rgba(255,255,255,0.2)}
#main_con02 ul li .img {}
#main_con02 ul li img {height:30px;}
#main_con02 ul li p {width:80%;}
#main_con02 ul li p.tit {margin-top:10px; font-size:14px;}
#main_con02 ul li p.eng {display:none;}
#main_con02 ul li p.ex {margin-top:6px; font-size:11px; line-height:16px; letter-spacing:0; font-weight:300;}

#main_con03 {padding:30px 0; }
#main_con03 .cont_center { width:90%; margin:0 auto; overflow:hidden;  }
#main_con03 .title {margin-bottom:15px;}
#main_con03 .title h2 {float:none; width:100%;text-align:center;font-size:18px;}
#main_con03 .title .set_ctrl {display:none;}
#main_con03 .txt_slider {}
#main_con03 .txt_slider li {}
#main_con03 .txt_slider li a {padding:25px;}
#main_con03 .txt_slider li a:hover {}
#main_con03 .txt_slider li .tit {overflow: hidden; display:block; height:auto; white-space: nowrap; text-overflow: ellipsis; font-size:14px; }
#main_con03 .txt_slider li a:hover .tit {}
#main_con03 .txt_slider li .cont {overflow:hidden; height:66px;}
#main_con03 .txt_slider li .wrr {}


#m_cont { width:100%; }
/*공지사항/배너/고객센터*/
#m_cont .cont_center { width:100%; margin:0px auto; overflow:hidden; }

#m_cont .News {float: left; width:100%; padding: 30px 5%; vertical-align:top; border-bottom: 1px solid #ddd; box-sizing:border-box;}
#m_cont .News .title {overflow:hidden; margin-bottom:13px;}
#m_cont .News .title h2 {float:left; font-size:18px; font-weight:bold;}
#m_cont .News .title a {float:right;}
#m_cont .News ul li {overflow:hidden; padding:1px 0; font-size:13px;}
#m_cont .News ul li a {float:left;}
#m_cont .News ul li span {float:right; font-size:13px; color:#aaa;}

#m_cont .con_banner {float: left; width:100%; border:0;}
#m_cont .con_banner img {width:100%; }

#m_cont .cs {display:block; float:left; width:100%; padding:30px 5%; text-align:center; border-right:0 solid #ddd; box-sizing:border-box; background-color:#d8b86c;}
#m_cont .cs h2 {color:#fff;}
#m_cont .cs .tel {margin-top:0px; font-family: 'Montserrat', sans-serif; font-size:35px; font-weight:700; color:#fff; line-height:38px; }
#m_cont .cs .ct_tit {display:inline-block; margin-top:15px; padding:4px 20px; background-color:#fff; border-radius:50px; font-size:13px; color:#c1962f; font-weight:700; }
#m_cont .cs .ct {margin-top:6px; font-size:13px; line-height:20px; color:#fff;}


/*배너*/
#m_cont2{ width:100%; border-top:1px solid #ddd;}

/*배너*/
#m_cont2 .cont_center { width:96%; margin:20px 2%; overflow:hidden; }
#m_cont2 .cont_center ul li {width:100%; margin: 0 0 2% 0; box-sizing:border-box;}
#m_cont2 .cont_center ul li:first-child {width:100%; margin: 0 0 2% 0; box-sizing:border-box;}
#m_cont2 .cont_center ul li img {width:100%; }


}