/* BASIC css start */
#blk_scroll_wings {top:1042px !important; }
.wings_fixed {position:fixed !important; padding-top:30px !important;}
#footer {margin-top:0px !important;}
#contentWrap {width:100% !important;}
#content {width:100% !important;}

/* 상단 소셜/커뮤니티메뉴 위치 */
.header_section3 {margin-bottom:0 !important;position:absolute;z-index:1000;!important;top:303px;border-bottom:1px solid #dedede;border-top:1px solid #dedede;}
.header_section3 ul {width:1200px !important;border:0px solid #dedede;background-color:#fff;}

#main .section_bg {width:100%; height:200px; background:url('/design/donginss75/0707fancyrang/diy_bg.jpg') repeat-x;background-attachment:fixed; background-size:cover;}
#main .section_bg a {display:block; text-align:center; color:#fff; font-size:80px; line-height:200px; font-family:Myriad Web,Arial, tahoma, verdana, dotum,sans-serif;}
#main .section_bg a:hover {text-decoration: none;}

.sliderkit {display:none;position:relative;}
.sliderkit a,
.sliderkit a:hover {text-decoration:none;}
.sliderkit .sliderkit-nav {z-index:10;position:absolute;text-align:center;}
.sliderkit .sliderkit-nav-clip {position:relative;overflow:hidden;margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul {position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
.sliderkit .sliderkit-nav-clip ul li {float:left;}
.sliderkit .sliderkit-nav-clip ul li a {display:block;overflow:hidden;}
.sliderkit .sliderkit-btn {z-index:10;}
.sliderkit .sliderkit-panel {z-index:1;position:absolute;}
.sliderkit .sliderkit-panel-active {z-index:5;}
.sliderkit .sliderkit-panel-old {z-index:4;}

/* 메인 스크립트배너 */
.main_img {width:100%;  height:446px; position:relative;clear:both; margin:0px; padding:0px; font-size:0px; }
.main_img .ban_middle {position:absolute;border:1px solid #dedede;bottom:-25px;left:50%;margin-left:-353px;z-index:11;}
.contentslider-main {width:100%; height:446px; margin:0px; padding-top:55px; }
.contentslider-main .sliderkit-panels{width:100%; height:446px; overflow:hidden; padding:0px; margin:0px; }
.contentslider-main .sliderkit-panel{width:100%; height:446px; overflow:hidden; padding:0px;margin:0px;}
.contentslider-main .sliderkit-panel p {width:1903px; height:446px; overflow:hidden; margin:-3px auto; background-color:#fff;}
.contentslider-main .sliderkit-go-btn {position:absolute; top:55px;z-index:10; }
.contentslider-main .sliderkit-go-prev {left:50px;}
.contentslider-main .sliderkit-go-next {right:100px;}
.contentslider-main .sliderkit-go-prev a{position:absolute;width:56px;height:55px;cursor:pointer;background:url("http://idtec.cafe24.com/img_mon/arrow_01.png") no-repeat;margin-top:195px;}
.contentslider-main .sliderkit-go-next a {position:absolute; width:56px;height:55px;cursor:pointer;background:url("http://idtec.cafe24.com/img_mon/arrow_02.png") no-repeat;margin-top:195px;}

.main_contents {width:1200px;margin:30px auto 0;}
.tab_area {width:1200px; clear:both; position:relative; margin:0 auto;}
.contentslider-tab { width:1200px;  text-align:center;margin-top:0px;margin-bottom:50px;}
.contentslider-tab .sliderkit-nav { position:relative; width:1200px; height:45px; }
.contentslider-tab .sliderkit-nav-clip{ position:absolute; top:0px; left:0px;}
.contentslider-tab .sliderkit-nav-clip li{ display:block; padding:0px; margin:0px; width:598px; height:45px; font-size:15px; list-style:none; float:left ;border:1px solid #e9e9e9;}
.contentslider-tab .sliderkit-nav-clip li:first-child {width:599px; border-right:0px;}
.contentslider-tab .sliderkit-nav-clip li a{ cursor:pointer; height:45px; color:#686f69; background-color:#fafafa; display:block; line-height:45px; font-size:15px;font-weight:700;}
.contentslider-tab .sliderkit-nav-clip li a:hover { color:#525252; background-color:#f5da99; display:block; font-weight:400;}
.contentslider-tab .sliderkit-nav-clip li.sliderkit-selected a {color:#fff; background-color:#7091b1; font-weight:700; height:45px;}
.contentslider-tab .sliderkit-panels {width:1198px; position:relative;height:auto;font-size:0px; background-color:#fff;}
.contentslider-tab .sliderkit-panel {width:1198px;position:relative !important;border:1px solid #e9e9e9; background-color:#fff; }
.contentslider-tab .sliderkit-panel .prd-list {width:97%;margin:0 auto;}

.main_contents .section2 { height:200px ;width:1200px; margin:40px auto;}
.main_contents .section2 ul li { float:left; position: relative; margin-left:24px; width:384px; height:200px; padding:0; overflow:hidden; vertical-align:top; background:#fff;}
.main_contents .section2 ul li:first-child {margin-left:0px;}
.main_contents .section2 ul li .mask1, 
.main_contents .section2 ul li .mask2 { position: absolute; width:220px; height:450px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.main_contents .section2 ul li .mask1 { background: rgba(150, 150, 150, 0.1); left: auto; right: 0; top: 0; -webkit-transform: rotate(56.5deg) translateX(-220px); -moz-transform: rotate(56.5deg) translateX(-220px); -ms-transform: rotate(56.5deg) translateX(-220px); -o-transform: rotate(56.5deg) translateX(-220px); transform: rotate(56.5deg) translateX(-220px); -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; transform-origin: 100% 0%; }
.main_contents .section2 ul li .mask2 { background: rgba(150, 150, 150, 0.1); top: auto; bottom: 0; left: 0; -webkit-transform: rotate(56.5deg) translateX(220px); -moz-transform: rotate(56.5deg) translateX(220px); -ms-transform: rotate(56.5deg) translateX(220px); -o-transform: rotate(56.5deg) translateX(220px); transform: rotate(56.5deg) translateX(220px); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; }
.main_contents .section2 ul li a:hover .mask1 { -webkit-transform: rotate(56.5deg) translateX(-23px); -moz-transform: rotate(56.5deg) translateX(-23px); -ms-transform: rotate(56.5deg) translateX(-23px); -o-transform: rotate(56.5deg) translateX(-23px); transform: rotate(56.5deg) translateX(-23px); }
.main_contents .section2 ul li a:hover .mask2 { -webkit-transform: rotate(56.5deg) translateX(22px); -moz-transform: rotate(56.5deg) translateX(22px); -ms-transform: rotate(56.5deg) translateX(22px); -o-transform: rotate(56.5deg) translateX(22px); transform: rotate(56.5deg) translateX(22px); }

.main_title {padding:50px 0;text-align:center;margin:0 auto;}
.main_title2  {padding-top:40px; padding-bottom:30px; text-align:center;margin:0 auto;}

.main_rolling { width:100%;overflow:visible;margin:50px auto 0;padding-bottom:30px;background-color:#fafafa;}
.main_rolling .sliderkit-nav {left:0;width:1200px;padding:0px;margin:0 auto;position:relative;text-align:center;}
.main_rolling .sliderkit-nav-clip ul li {float:left; margin:0px;padding:0px 14px 40px;line-height:normal;}
.main_rolling .sliderkit-nav-clip ul li a {display:block; margin:0px;padding:0;color:#555;}
.main_rolling .sliderkit-nav .sliderkit-nav-btn{position:absolute; top:0px;height:0px;}
.main_rolling .sliderkit-nav .sliderkit-nav-btn span{display:none;}
.main_rolling .sliderkit-nav .sliderkit-nav-btn a{display:block;}
.main_rolling .sliderkit-nav .sliderkit-nav-prev {left:10px;}
.main_rolling .sliderkit-nav .sliderkit-nav-next {right:20px;}
.main_rolling .sliderkit-nav .sliderkit-nav-prev a{ position:absolute;width:19px;height:40px;cursor:pointer;background:url("/design/donginss75/0707fancyrang/main_arrow_left.png") no-repeat; margin-top:80px;}
.main_rolling .sliderkit-nav .sliderkit-nav-next a{position:absolute; width:19px;height:40px;cursor:pointer;background:url("/design/donginss75/0707fancyrang/main_arrow_right.png") no-repeat; margin-top:80px;}
.main_rolling .sliderkit-nav-clip ul li a img {width:200px;}
.main_rolling .sliderkit-nav-clip ul li .thumb { width:200px;margin-left: auto; margin-right: auto; font-size:0; line-height: 0; border:0px solid #dedede; }
.main_rolling .sliderkit-nav-clip ul li .thumb:hover { border:0px solid #999;}
.main_rolling .sliderkit-nav-clip ul li .thumb img {width:198px;border-radius:50%;-webkit-border-radius:50%; -moz-border-radius:50%;border:1px solid #fafafa;}
.main_rolling .sliderkit-nav-clip ul li .thumb:hover img {border:1px solid #fafafa;}
.main_rolling .sliderkit-nav-clip ul li .dsc { margin:20px auto 0;color:#222;width:200px; text-align:center;font-weight:700;}
.main_rolling .sliderkit-nav-clip ul li .subname {margin:10px auto 0;width:200px;font-weight: normal; font-size:11px;line-height:17px;color:#888;text-align:center;}
.main_rolling .sliderkit-nav-clip ul li .price { margin-top:10px;color:#222;font-size:15px;text-align:center; font-weight:700;}
.main_rolling .sliderkit-nav-clip ul li .icon { margin-top:5px; }
.main_rolling .sliderkit-nav-clip ul li .icon img {padding-right:2px;}

.main_section3 {padding:50px 0;width:100%;background-color:#ffffff;} 
.main_section3 .width1200 .main_title {text-align:center;margin:0 auto;padding:0 0 30px;}
.main_section3 .prd-list {width:1200px; margin:0 auto; }
.main_section3 .prd-list table td {padding-bottom:40px;}
.main_section3 .prd-list .dsc {border-bottom:1px solid #dadada;}
.main_section3 .prd-list .thumb { width:200px;}
.main_section3 .prd-list .info {width:200px;background-color:transparent;}



/* BASIC css end */