@charset "UTF-8";


/*COMMON*/
html {
    overflow: hidden;
}
body {
    background: #ffffff;
}

/* HEADER */

header {
    background: url("../img/header_bg.jpg") repeat-x;
    position: relative;
    z-index: 100;
}
header .inner {
    width: 1000px;
    height: 188px;
    margin: 0 auto;
    position: relative;
}
header .toggle {
    display: block;
    background: url("../img/toggle_off.png") no-repeat;
    width: 48px;
    height: 44px;
    /*float: left;*/
    /*margin-top: 43px;*/
    cursor: pointer;
    position: absolute;
    top: 43px;
    left: 0;
}

header .toggle:hover {
    background: url("../img/toggle_on.png") no-repeat;
}
header .logo {
    position: absolute;
    top: 31px;
    left: 386px;
}

header .search {
    position: absolute;
    top: 50px;
    right: 77px;
}

header .search input{
    width: 189px;
    height: 28px;
    border-radius: 19px;
    outline: none;
    border: 2px solid #808284;
    padding: 0 10px;
}

header .search img {
    position: absolute;
    top: 8px;
    left: 184px;
    cursor: pointer;
}

header .language {
    position: absolute;
    top: 52px;
    right: 0;
    background: url("../img/kor.png") no-repeat;
    width: 55px;
    height: 28px;
    cursor: pointer;

}

/* 1 DEPS */

header .menu {
    position: absolute;
    bottom: 0;
    left: 0;
}
header .menu > li {
    float: left;
    position: relative;
}
header .menu > li > a {
    width: 166px;
    height: 52px;
    display: block;
}
header .menu > li:nth-child(1) > a { background: url("../img/menu01_off.jpg"); }
header .menu > li:nth-child(2) > a { background: url("../img/menu02_off.jpg"); }
header .menu > li:nth-child(3) > a { background: url("../img/menu03_off.jpg"); }
header .menu > li:nth-child(4) > a { background: url("../img/menu04_off.jpg"); }
header .menu > li:nth-child(5) > a { background: url("../img/menu05_off.jpg"); }
header .menu > li:nth-child(6) > a { background: url("../img/menu06_off.jpg"); }

header .menu > li:nth-child(1) > a:hover { background: url("../img/menu01_on.jpg"); }
header .menu > li:nth-child(2) > a:hover { background: url("../img/menu02_on.jpg"); }
header .menu > li:nth-child(3) > a:hover { background: url("../img/menu03_on.jpg"); }
header .menu > li:nth-child(4) > a:hover { background: url("../img/menu04_on.jpg"); }
header .menu > li:nth-child(5) > a:hover { background: url("../img/menu05_on.jpg"); }
header .menu > li:nth-child(6) > a:hover { background: url("../img/menu06_on.jpg"); }

header .menu > li.on:nth-child(1) > a { background: url("../img/menu01_on.jpg"); }
header .menu > li.on:nth-child(2) > a { background: url("../img/menu02_on.jpg"); }
header .menu > li.on:nth-child(3) > a { background: url("../img/menu03_on.jpg"); }
header .menu > li.on:nth-child(4) > a { background: url("../img/menu04_on.jpg"); }
header .menu > li.on:nth-child(5) > a { background: url("../img/menu05_on.jpg"); }
header .menu > li.on:nth-child(6) > a { background: url("../img/menu06_on.jpg"); }

header .menu > li.active:nth-child(1) > a { background: url("../img/menu01_on.jpg"); }
header .menu > li.active:nth-child(2) > a { background: url("../img/menu02_on.jpg"); }
header .menu > li.active:nth-child(3) > a { background: url("../img/menu03_on.jpg"); }
header .menu > li.active:nth-child(4) > a { background: url("../img/menu04_on.jpg"); }
header .menu > li.active:nth-child(5) > a { background: url("../img/menu05_on.jpg"); }
header .menu > li.active:nth-child(6) > a { background: url("../img/menu06_on.jpg"); }

header .menu > li >  ul {
    position: absolute;
    top: 52px;
    left: 0;
    z-index: 1;
    display: none;
}
header .menu > li > ul li {

}
header .menu > li > ul li a {
    width: 166px;
    height: 44px;
    display: block;
}
header .menu > li:nth-child(1) > ul li:nth-child(1) a { background: url("../img/menu_sub1_1_off.jpg"); }
header .menu > li:nth-child(1) > ul li:nth-child(2) a { background: url("../img/menu_sub1_2_off.jpg"); }
header .menu > li:nth-child(1) > ul li:nth-child(3) a { background: url("../img/menu_sub1_3_off.jpg"); }
header .menu > li:nth-child(1) > ul li:nth-child(4) a { background: url("../img/menu_sub1_4_off.jpg"); }

header .menu > li:nth-child(2) > ul li:nth-child(1) a { background: url("../img/menu_sub2_1_off.jpg"); }
header .menu > li:nth-child(2) > ul li:nth-child(2) a { background: url("../img/menu_sub2_2_off.jpg"); }
header .menu > li:nth-child(2) > ul li:nth-child(3) a { background: url("../img/menu_sub2_3_off.jpg"); }
header .menu > li:nth-child(2) > ul li:nth-child(4) a { background: url("../img/menu_sub2_4_off.jpg"); }

header .menu > li:nth-child(3) > ul li:nth-child(1) a { background: url("../img/menu_sub3_1_off.jpg"); }
header .menu > li:nth-child(3) > ul li:nth-child(2) a { background: url("../img/menu_sub3_2_off.jpg"); }
header .menu > li:nth-child(3) > ul li:nth-child(3) a { background: url("../img/menu_sub3_3_off.jpg"); }
header .menu > li:nth-child(3) > ul li:nth-child(4) a { background: url("../img/menu_sub3_4_off.jpg"); }

header .menu > li:nth-child(4) > ul li:nth-child(1) a { background: url("../img/menu_sub4_1_off.jpg"); }

header .menu > li:nth-child(5) > ul li:nth-child(1) a { background: url("../img/menu_sub5_1_off.jpg"); }
header .menu > li:nth-child(5) > ul li:nth-child(2) a { background: url("../img/menu_sub5_2_off.jpg"); }
header .menu > li:nth-child(5) > ul li:nth-child(3) a { background: url("../img/menu_sub5_3_off.jpg"); }

header .menu > li:nth-child(6) > ul li:nth-child(1) a { background: url("../img/menu_sub6_1_off.jpg"); }


header .menu > li:nth-child(1) > ul li:nth-child(1)  a:hover { background: url("../img/menu_sub1_1_on.jpg"); }
header .menu > li:nth-child(1) > ul li:nth-child(2)  a:hover { background: url("../img/menu_sub1_2_on.jpg"); }
header .menu > li:nth-child(1) > ul li:nth-child(3)  a:hover { background: url("../img/menu_sub1_3_on.jpg"); }
header .menu > li:nth-child(1) > ul li:nth-child(4)  a:hover { background: url("../img/menu_sub1_4_on.jpg"); }

header .menu > li:nth-child(2) > ul li:nth-child(1)  a:hover { background: url("../img/menu_sub2_1_on.jpg"); }
header .menu > li:nth-child(2) > ul li:nth-child(2)  a:hover { background: url("../img/menu_sub2_2_on.jpg"); }
header .menu > li:nth-child(2) > ul li:nth-child(3)  a:hover { background: url("../img/menu_sub2_3_on.jpg"); }
header .menu > li:nth-child(2) > ul li:nth-child(4)  a:hover { background: url("../img/menu_sub2_4_on.jpg"); }

header .menu > li:nth-child(3) > ul li:nth-child(1)  a:hover { background: url("../img/menu_sub3_1_on.jpg"); }
header .menu > li:nth-child(3) > ul li:nth-child(2)  a:hover { background: url("../img/menu_sub3_2_on.jpg"); }
header .menu > li:nth-child(3) > ul li:nth-child(3)  a:hover { background: url("../img/menu_sub3_3_on.jpg"); }
header .menu > li:nth-child(3) > ul li:nth-child(4)  a:hover { background: url("../img/menu_sub3_4_on.jpg"); }

header .menu > li:nth-child(4) > ul li:nth-child(1)  a:hover { background: url("../img/menu_sub4_1_on.jpg"); }

header .menu > li:nth-child(5) > ul li:nth-child(1) a:hover { background: url("../img/menu_sub5_1_on.jpg"); }
header .menu > li:nth-child(5) > ul li:nth-child(2) a:hover { background: url("../img/menu_sub5_2_on.jpg"); }
header .menu > li:nth-child(5) > ul li:nth-child(3) a:hover { background: url("../img/menu_sub5_3_on.jpg"); }

header .menu > li:nth-child(6) > ul li:nth-child(1) a:hover { background: url("../img/menu_sub6_1_on.jpg"); }

header .top_menu {
    background: #1F2427;
    width: 100%;
    position: absolute;
    top: 136px;
    left: 0;
    z-index: 200;
    border-bottom: 4px solid gray;
    display: none;
}
header .top_menu .top_menu_img {
    background: url("../img/top_menu_img.png") no-repeat center;
    width: 100%;
    height: 314px;
}
header .top_menu .x_btn{
    position: absolute;
    bottom: -54px;
    left: 50%;
    margin-left: -30px;
    background: url("../img/x_btn.jpg") no-repeat;
    width: 59px;
    height: 59px;
    cursor: pointer;
}


/* SECTION 01 */
.sec1 {

}
.sec1 .inner {
    height: 628px;
    position: relative;
}
.sec1 .slider {
    width: 1920px;
    height: 628px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    overflow: hidden;
}
.sec1 .slider > * {
    z-index: 100;
}
.sec1 .detail_view {
    display: block;
    position: absolute;
    top: 288px;
    left: 509px;
    width: 100px;
    height: 29px;
    background: url("../img/rotation_bn_off.png") no-repeat;
}

.sec1 .detail_view:hover {
    background: url("../img/rotation_bn_on.png") no-repeat;
}

.sec1 .slider .pager {
    position: absolute;
    top: 395px;
    left: 511px;
    cursor: pointer;
}
.sec1 .slider .pager .bx-pager-item {
    float: left;
    margin-right: 10px;
}
.sec1 .slider .pager .bx-pager-item a {
    background: url("../img/btn_off.png") no-repeat;
    width: 12px;
    height: 12px;
    display: block;
    text-indent: -9999px;
}
.sec1 .slider .pager .bx-pager-item a.active {
    background: url("../img/btn_on.png") no-repeat;
}
.sec1 .controls {
    position: absolute;
    top: 395px;
    left: 577px;
}
.sec1 .play {
    width: 12px;
    height: 12px;
    background: url("../img/btn_play.png") no-repeat;
    cursor: pointer;
    display: none;
}
.sec1 .pause {
    display: block;
    width: 12px;
    height: 12px;
    background: url("../img/btn_stop.png") no-repeat;
    cursor: pointer;
}

/* SECTION 02 */

.sec2 {
    width:100%;
    height: 64px;
    background: #cb9647;
}
.sec2 .inner {
    width: 1000px;
    margin: 0 auto;
}
.sec2 .title {
    display: block;
    width: 160px;
    height: 64px;
    background: url("../img/notice_title.png") no-repeat;
    float: left;

}
.sec2 .slider {
    width: 804px;
    height: 64px;
    float: left;
}

.sec2 .controls {
    margin-left: 969px;
    cursor: pointer;
}

.sec2 .controls .bx-prev {
    display: block;
    width: 31px;
    height: 32px;
    background: url("../img/top_off.png") no-repeat;
    text-indent: -9999px;
}
.sec2 .controls .bx-prev:hover {
    background: url("../img/top_on.png") no-repeat;
}
.sec2 .controls .bx-next {
    display: block;
    width: 31px;
    height: 32px;
    background: url("../img/bottom_off.png") no-repeat;
    text-indent: -9999px;
}
.sec2 .controls .bx-next:hover {
    background: url("../img/bottom_on.png") no-repeat;
}


/* SECTION 03 */
.sec3 {
    width: 100%;
    height: 835px;
}
.sec3 .inner {
    width: 1000px;
    margin: 0 auto;
    padding-top: 90px;
    padding-bottom: 45px;
    position: relative;
}
.sec3 .bn01 {
    display: block;
    width: 999px;
    height: 248px;
    position: absolute;
    top: 90px;
    left: 0;
    background: url("../img/bn01.jpg") no-repeat;

}
.sec3 .detail_view {
    position: absolute;
    top: 168px;
    left: 44px;
    display: block;
    width: 102px;
    height: 33px;
    cursor: pointer;
    background: url("../img/bn01_btn_off.png") no-repeat;
}
.sec3 .detail_view:hover {
    background: url("../img/bn01_btn_on.png") no-repeat;
}
.sec3 .mid_bn {
    position: absolute;
    top: 424px;
}

.sec3 .mid_bn li {
    float: left;
    margin-right: 29px;
}
.sec3 .mid_bn li:last-child {
    margin-right: 0;
}
.sec3 .mid_bn li a {
    width: 314px;
    height: 317px;
    display: block;
    cursor: pointer;
    transition: all .25s;
}
.sec3 .mid_bn li:nth-child(1) a {    background: url("../img/bn02_off.jpg") no-repeat; }
.sec3 .mid_bn li:nth-child(2) a {    background: url("../img/bn03_off.jpg") no-repeat; }
.sec3 .mid_bn li:nth-child(3) a {    background: url("../img/bn04_off.jpg") no-repeat; }

.sec3 .mid_bn li:nth-child(1) a:hover {    background: url("../img/bn02_on.jpg") no-repeat;   }
.sec3 .mid_bn li:nth-child(2) a:hover {    background: url("../img/bn03_on.jpg") no-repeat;  }
.sec3 .mid_bn li:nth-child(3) a:hover {    background: url("../img/bn04_on.jpg") no-repeat;   }


/* SECTION 04 */

.sec4 {
    width: 100%;
    height: 350px;
    background: url("../img/mid_bg.jpg") no-repeat bottom center fixed;
    background-size: auto 100%;

}
.sec4 .inner {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.sec4 .mtxt {
    position: absolute;
    top: 38px;
    left: 303px;
    width: 389px;
    height: 78px;
    background: url("../img/b_txt.png") no-repeat;
}
.sec4 .f_bns {
    position: absolute;
    top: 150px;
    left: 96px;
}
.sec4 .f_bns li {
    float: left;
    margin-right: 40px;
}
.sec4 .f_bns li a {
    width: 102px;
    height: 147px;
    display: block;
    cursor: pointer;
    transition: all .25s;
}
.sec4 .f_bns li:nth-child(1) a {    background: url("../img/b_bn01_off.png") no-repeat;   }
.sec4 .f_bns li:nth-child(2) a {    background: url("../img/b_bn02_off.png") no-repeat;   }
.sec4 .f_bns li:nth-child(3) a {    background: url("../img/b_bn03_off.png") no-repeat;   }
.sec4 .f_bns li:nth-child(4) a {    background: url("../img/b_bn04_off.png") no-repeat;   }
.sec4 .f_bns li:nth-child(5) a {    background: url("../img/b_bn05_off.png") no-repeat;   }
.sec4 .f_bns li:nth-child(6) a {    background: url("../img/b_bn06_off.png") no-repeat;   }

.sec4 .f_bns li:nth-child(1) a:hover {    background: url("../img/b_bn01_on.png") no-repeat;  }
.sec4 .f_bns li:nth-child(2) a:hover {    background: url("../img/b_bn02_on.png") no-repeat;  }
.sec4 .f_bns li:nth-child(3) a:hover {    background: url("../img/b_bn03_on.png") no-repeat;  }
.sec4 .f_bns li:nth-child(4) a:hover {    background: url("../img/b_bn04_on.png") no-repeat;  }
.sec4 .f_bns li:nth-child(5) a:hover {    background: url("../img/b_bn05_on.png") no-repeat;  }
.sec4 .f_bns li:nth-child(6) a:hover {    background: url("../img/b_bn06_on.png") no-repeat;  }


/* SECTION 05 */
.sec5 {
    width: 100%;
    height: 572px;
}
.sec5 .inner {
    width: 1000px;
    /*padding-top: 76px;*/
    margin: 0 auto;
    position: relative;
}
.sec5 .center {
    position: absolute;
    top: 76px;
}
.sec5 .center li {
    margin-right: 29px;
    float: left;
}
.sec5 .center li:last-child {
    margin-right: 0;
}
.sec5 .detail_view {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 166px;
    left: 508px;
    width: 105px;
    height: 33px;
    background: url("../img/store_btn_off.jpg") no-repeat;
 }
.sec5 .detail_view:hover {
    background: url("../img/store_btn_on.jpg") no-repeat;
}

/* FOOTER */

footer {
    width: 100%;
    height: 227px;
    background: url("../img/footer_bg.jpg") repeat-x;
}
footer .inner {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
footer .f_logo {
    position: absolute;
    top: 3px;
    left: 0;
}
footer .txt {
   cursor: pointer;
   display: block;
   position: absolute;
   top: 3px;
   left: 180px;
}
footer .txt li {
    float: left;
}
footer .txt li:last-child {
    margin-right: 221px;
}

footer .txt li:nth-child(1) { background: url("../img/f_txt_01_off.png") no-repeat; width: 147px; height: 73px; }
footer .txt li:nth-child(2) { background: url("../img/f_txt_02_off.png") no-repeat; width: 109px; height: 73px; }
footer .txt li:nth-child(3) { background: url("../img/f_txt_03_off.png") no-repeat; width: 135px; height: 73px; }

footer .txt li:nth-child(1):hover { background: url("../img/f_txt_01_on.png") no-repeat;}
footer .txt li:nth-child(2):hover { background: url("../img/f_txt_02_on.png") no-repeat;}
footer .txt li:nth-child(3):hover { background: url("../img/f_txt_03_on.png") no-repeat;}

footer .sns {
    position: absolute;
    left: 780px;
}
footer .sns li {
    float: left;
}
footer .copy {
    position: absolute;
    top: 90px;
    left: 0;
}


.sub .contents {
    text-align: center;
}