/* BASIC css start */
@charset 'UTF-8';


/*bt*/  
.benner_bt {position:relative; } 

.banner1_inner {position:absolute; right:20%; top:34%; text-align:right; color:#000; font-family:'nanum gothic'; }
.banner1_inner .banner1_info div { text-align:right; margin-bottom:18px;  position:relative;  height:15px; }
.banner1_inner .banner1_info div img { position:absolute; top:0; right:0; }
.banner1_inner .banner1_info strong { font-size:35px; text-align:right; font-weight:normal; display:block; posiiton:relative; padding-bottom:30px; }
.banner1_inner .banner1_info strong:after { height:1px; background:#000;   display:inline-block; content:''; width:200px; position:absolute; right:0; bottom:130px; }
.banner1_inner .banner1_info em { font-size:18px; padding-top:10px; display:block; }
.banner1_inner .banner1_bt {  }

.banner1_bt { position:relative; text-align:center;}
.banner1_bt .benner_bt_1 { top:30px;  right:0; position:absolute;  border-radius:50px; display:inline-block; border:1px solid #000; background:rgba(255,255,255,0.5); width:130px; padding:15px 0; color:#000;  transition:0.3s; }
.banner1_bt .benner_bt_2 { top:30px; right: 150px; ; position:absolute;  border-radius:50px; display:inline-block; border:1px solid #000;  background:#000; width:130px; padding:15px 0; color:#fff; transition:0.3s; } 
.banner1_bt a {transition:0.3s;}
.banner1_bt a:hover {opacity:0.7; }





.banner2_info {position:absolute; top:32%; left:0; width:100%; }
.banner2_inner { width:100%; text-align:Center; }
.banner2_inner strong { font-size:35px; font-weight:normal; display:block; color:#2a2a4d; text-align:center; margin:20px 0 30px; }
.banner2_inner em { font-size:18px;  color:#2a2a4d; text-align:center; }
.banner2_ic img {display:block; width:210px; margin:0 auto;}





.banner3_info {position:absolute; bottom:0; right:18%; background:url('/design/deco0122/deetong/banner_3_ic.png') 0 0 no-repeat; height:584px; width:529px; }
.banner3_info div { padding-top:163px;    height:121px;}
.banner3_info div img { display:block; margin:0 auto;  }
.banner3_info em { display:block; color:#000; padding-top:70px; font-size:18px; line-height:27px; }





.wrap_img {display:block; width:100%; }



/* Arrows */

#main_slide img {display:block;}

.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 15px;
    height: 15px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '��';
}
[dir='rtl'] .slick-prev:before
{
    content: '��';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '��';
}
[dir='rtl'] .slick-next:before
{
    content: '��';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 50px;
}

.slick-dots
{
    position: absolute;
    bottom: 50px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 10px;
    height: 10px;
    margin: 0 10px;
    padding: 0;

    cursor: pointer;
	border: 1px solid #FFF; 
	border-radius: 100%;
}
.slick-dots li.slick-active {
	background-color: #ffffff;
}

.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;	
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    /*content: ' "';*/
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}}

/* BASIC css end */