@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");

a {
    selector-dummy: expression(this.hideFocus=true);
}

img {
    border: 0
}

ul,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

body {
    width: 100%;
    margin: 0px auto;
    padding: 0px;
    /*text-align: center;*/
}

#wrap {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: top;
}

#wrap #header {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    height: 242px;
    text-align: center;
    background-color: #fff;
}


/* header */
#header .section1 {
    width: 100%;
    height: 32px;
    margin: 0 auto;
    padding: 0px;
    border-bottom: 1px solid #e1e1e1;
}

/* header section */
#header .section2 {
    padding: 0px;
    position: relative;
    width: 1040px;
    height: 210px;
    margin: 0 auto;
}

#header .section2 .top_logo {
    padding-top: 30px;
	text-align:center;
}

/* header section */
#header .section2 .search {
    position: absolute;
    top: 53px;
    right: 12px;
    font-size: 0px;
}

.top_ban {
    width: 320px;
    height: 102px;
    position: absolute;
    top: 0px;
    left: 13px;
}

/* top */
#comment_top {
    width: 100%;
    position: absolute;
    top: 182px;
    padding: 0px;
    height: 51px;
    z-index: 999;
    background-color: #fff;
}

#comment_top.fixed {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 5555;
    border-bottom: 1px solid #dedede;
}

/* top menu */
#top_menu {
    width: 100%;
    height: 61px;
    background-color: #c74802;
}

#top_menu .top_menu_area {
    position: relative;
    width: 1040px;
    height: 61px;
    margin: 0 auto;
}

#top_menu .top_menu_area li {
    position: relative;
    float: left;
    height: 61px;
    line-height: 61px;
    text-align: center;
    width: 148px;
}

#top_menu .top_menu_area li a {
    color: #fff;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 61px;
    border-left: 1px solid #b13e00;
    display: inline-block;
    width: 100%;
    text-shadow: rgb(29, 47, 3) 0px 0px 1px;
    text-decoration: none;
    ;
}

#top_menu .top_menu_area li:first-child > a {
    border: 0px;
    background-color: #a53a00;
}

#top_menu .top_menu_area li a:hover {
    color: #fff000;
}

#top_menu .top_menu_area li.menu_shop {
    background-color: #a53a00;
}

#submenu1 {
    position: absolute;
    display: none;
    width: 172px;
    top: 61px;
    right: 0px;
    background-color: #fff;
    z-index: 2222;
    border: 1px solid #be040e;
}

#submenu1 .shop {
    float: left;
    margin-top: 0px;
}

#submenu1 .shop a,
#top_menu .top_menu_area li #submenu1 .shop a {
    display: block;
    width: 172px;    
    height: 30px;
    line-height: 30px;
    border-top: 1px solid #dedede;
    text-align: center;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 13px;
    font-weight:300;
    color: #555;
    text-decoration: none;
}

#submenu1 .shop a:first-child {
    border-top:none;
}

#submenu1 .shop a:hover {
    color: #be040e;
}

/* main slider */
.main_slider {
    position: absolute;
    width: 100%;
    min-width: 1040px;
    height: 498px;
    overflow: hidden;
    left: 0;
    text-align: center;
}

/* .main_slider {position:relative;width:100%; min-width:1040px; height:498px; padding-top:47px; overflow:hidden;text-align:center;} */
.main_slider .main_img_box {
    position: relative;
    left: 50%;
    width: 1040px;
    margin-left: -520px
}

.main_slider .main_img_box li {
    width: 1040px;
    overflow: hidden;
}

.main_slider .main_img_box li img {
    display: block;
    width: 1040px;
    height: 498px;
}

.main_slider .tempWrap {
    overflow: visible !important;
}

.main_slider .tempWrap ul {
    margin-left: -1040px !important;
}

.main_slider .main_img_icon {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 30px;
    width: 100%;
    height: 8px;
    text-align: center;
}

.main_slider .main_img_icon li {
    display: inline-block;
    width: 50px;
    height: 5px;
    margin: 0 5px;
    overflow: hidden;
    background: url(../images/slider_off.png) no-repeat;
    cursor: pointer;
    font-size: 0;
}

.main_slider .main_img_icon li.on {
    background: url(../images/slider_on.png) no-repeat;
}

.main_slider .main_img_btn {
    position: absolute;
    z-index: 1;
    top: 0px;
    width: 100%;
    height: 470px;
    cursor: pointer;
}

.main_slider .prev {
    left: -50%;
    margin-left: -520px;
}

.main_slider .next {
    left: 50%;
    margin-left: 520px;
}

.main_slider .main_img_btn .blackBg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 498px;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.main_slider .main_img_btn .arrow {
    display: none;
    position: absolute;
    z-index: 1;
    top: -1px;
    width: 70px;
    height: 498px;
}

.main_slider .main_img_btn .arrow:hover {
    opacity: 0.8;
    filter: alpha(opacity=60);
}

.main_slider .prev .arrow {
    right: -70px;
    background: url(../images/arrow_left.png) no-repeat;
}

.main_slider .next .arrow {
    left: -70px;
    background: url(../images/arrow_right.png) no-repeat;
}


/*  wrap */
#wrap #center_con {
    width: 1040px;
    clear: both;
    margin: 0 auto;
    padding-top: 500px;
    position: relative;
    font-size: 0px;
}

#wrap #center_con .quick_left {
    position: absolute;
    top: 29px;
    left: -106px;
}

#wrap #center_con .quick_right {
    position: absolute;
    top: 29px;
    right: -103px;
}

/* wrap detail  */
#wrap #center_con .detail_info {
    z-index: 998;
    width: 469px;
    position: absolute;
    top: 418px;
    left: 994px;
}

/* wrap  */
#wrap #center_con .detail_info .detail_btn {
    float: right;
}

#wrap #center_con .detail_info .detail_btn li {
    float: left;
}

/* wrap */
#wrap #footer {
    width: 100%;
    height: 345px;
    background-color: #f8f5f0;
    margin: 0 auto;
    margin-top: 35px !important;
    font-size: 0px;
}


/* wrap */
#wrap .detail {
    width: 1040px;
    clear: both;
    margin: 0 auto;
}

#wrap .detail .detail_img {
    float: left;
    padding: 51px 0 0 89px;
}

#wrap .detail .detail_information {
    float: left;
    padding: 51px 0 0 41px;
}

#wrap .detail .detail_information .dt_info {
    position: relative;
}

#wrap .detail .detail_information .dt_info .right_ban {
    position: absolute;
    top: -104px;
    left: 590px;
}

#wrap .detail .detail_information ul {
    z-index: 998;
    width: 469px;
    position: absolute;
    top: 306px;
    left: 18px;
}

#wrap .detail .detail_information ul li {
    float: left;
}

#wrap .detail .detail_img2 {
    float: left;
}


/*
 *  PLUGIN BASICS
 *  ------------------------------------------------
 */
.sliderkit {
    display: none;
    position: relative;
    overflow: hidden;
    text-align: left;
}

.sliderkit a,
.sliderkit a:hover {
    text-decoration: none;
}

.sliderkit a:focus {
    outline: 1px dotted #000;
    /*optional*/
}

.sliderkit img {
    border: 0;
}

/*---------------------------------
 *  Navigation
 *---------------------------------*/
.sliderkit .sliderkit-nav {
    z-index: 10;
    position: absolute;
    text-align: center;
}

/* Nav > Clip */
.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;
}

/*---------------------------------
 *  Buttons
 *---------------------------------*/
.sliderkit .sliderkit-btn {
    z-index: 10;
}

/*---------------------------------
 *  Panels
 *---------------------------------*/
.sliderkit .sliderkit-panel {
    z-index: 1;
    position: absolute;
    overflow: hidden;
}

.sliderkit .sliderkit-panel-active {
    z-index: 5;
}

.sliderkit .sliderkit-panel-old {
    z-index: 4;
}

/* Panels > Overlay */
.sliderkit .sliderkit-panel .sliderkit-panel-textbox {
    position: absolute;
    z-index: 1;
}

.sliderkit .sliderkit-panel .sliderkit-panel-text {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
}

.sliderkit .sliderkit-panel .sliderkit-panel-overlay {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}

/*---------------------------------
 *  Counter
 *---------------------------------*/
.sliderkit .sliderkit-count {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 10;
    padding: 5px;
    color: #fff;
    background: #000;
}

/*---------------------------------
 *  Loader
 *---------------------------------*/
.sliderkit .sliderkit-timer {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    height: 3px;
    background: #ccc;
}

/*---------------------------------
 *  쨩처쨈횥 2쨈횥 쨔챔쨀횎
 *---------------------------------*/
.contentslider-std {
    width: 266px;
    height: 149px;
    padding: 0px;
    margin: 0px;
}

/* Panel */
.contentslider-std .sliderkit-panels {
    width: 266px;
    height: 149px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    background: transparent;
}

.contentslider-std .sliderkit-panel {
    width: 266px;
    height: 149px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    background: transparent;
}

/* Panels buttons */
.contentslider-std .sliderkit-go-btn {
    position: absolute;
    top: 109px;
    z-index: 2222;
}

.contentslider-std .sliderkit-go-prev {
    left: 13px;
}

.contentslider-std .sliderkit-go-next {
    left: 0px;
}

.contentslider-std .sliderkit-go-btn a {
    display: block;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background: transparent url("../images/btn.gif") no-repeat 0 0;
}

.contentslider-std .sliderkit-go-prev a {
    background-position: -13px 0;
}

.contentslider-std .sliderkit-go-next a {
    background-position: 0 0;
}

.contentslider-std .sliderkit-go-prev a:hover {
    background-position: -39px 0;
}

.contentslider-std .sliderkit-go-next a:hover {
    background-position: -26px 0;
}

.contentslider-std .sliderkit-go-btn span {
    display: none;
}


/* banners */
#bans {
    margin: 0 auto;
    padding-left: 10px;
    height: 244px;
    margin-bottom: 70px;
    clear: both;
}

#bans ul {
    margin: 0px;
}

#bans ul li {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 250px;
    text-align: center;
}

#bans .img_mover li .hideimg {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
}

#bans .img_mover li p {
    margin: 0px;
    padding: 0px;
}

#bans .img_mover li {
    position: relative;
}

#bans .img_mover li {
    float: left;
    padding-right: 7px;
}

.fst {
    font-size: 14px;
    color: #222;
    font-weight: bold;
    font-family: dotum;
    padding-top: 20px;
}

.snd {
    font-size: 12px;
    color: #666666;
    font-weight: normal;
    font-family: dotum;
    padding-top: 13px;
}

.ban_line {
    width: 3px;
}

.history_title {
    padding-top: 30px;
    padding-bottom: 25px;
}


#layout_body table .clearbox div {
    /*width: 100%;
    margin: 20px auto;*/
}