/*
========================================================================
RESET
========================================================================
*/
/* global rest */
html, body {     height: 100%;
}


a,area { blr:expression(this.onFocus=this.blur()) }
:focus { -moz-outline-style: none; }



html, body, pre,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, li, ol,
th, td, p, blockquote,
form, fieldset, legend,
menu, nav, section, hgroup, article, aside,
input, select, textarea, button {
    margin:0;
    padding:0;
}

body,
h1, h2, h3, h4, h5, h6, table,
input, select, textarea, a {
    font-size:12px;
    line-height:20px;
    color:#333; 
    font-weight:300; 
    font-family:'Roboto', 'Nanum Gothic', 'Open Sans', 'arial', 'Verdana', Dotum, AppleGothic, sans-serif; 
}
h1, h2, h3, h4, h5, h6 {
    font-weight:bold;
}
img, fieldset,button {
    border:0 none;
}
img {
    vertical-align:top;
}
li {
    list-style:none;
}
hr, caption, legend {
    display:none;
}
a { 
    color:#333;
    text-decoration:none;
    vertical-align:top;
}
a:hover {
}
button {
    overflow:hidden;
    cursor:pointer;
}
button span {
    visibility:hidden;
}
address, em {
    font-style:normal;
}
button, input, select, textarea {
    vertical-align:middle;
}
select {
    line-height:20px;
    height:20px;
}
input:focus {
    outline:none;
}

input { padding:4px; line-height:14px; /*border:1px solid #d9d9d9;*/ }

table {
    width:100%;
    border-collapse:collapse;
    border-spacing:0;
    table-layout:fixed;
    word-wrap:break-word;
    word-break:keep-all;
}
/*
========================================================================
°øÅë class
========================================================================
*/
/* image replace, hidden text */
.ir *,
.blind { z-index:-1; position: absolute; display: block; left: 0; top: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; text-indent: -9999px; }
/* block, inline */
.d-block { display: block;}
.d-inline { display: inline;}

/* form */
.txt-right { text-align: right; }
.txt-input1 { padding: 2px 0 0 2px; height: 17px; line-height: 17px; border: 1px solid #e2e9ef; border-top: 1px solid #aaadb2; }
.txt-input2 { padding: 2px 0 0 2px; height: 17px; line-height: 17px; border: 1px solid #dcdcdc; }
.MS_input_txt { margin-right:5px; padding:4px; line-height:14px; border:1px solid #d9d9d9; }
.txt-disabled { background-color: #f6f6f6; }
.chk-rdo { width: 13px; height: 13px; vertical-align: middle; }
.txt-area1 { overflow-y: scroll; padding: 2px 0 0 2px; line-height: 17px; border: 1px solid #d9d9d9; /*border-top: 1px solid #aaadb2;*/ }

/* file add trick */
.file-wrap { display: inline-block; overflow: hidden; position: relative; height: 23px; width: 280px; vertical-align: middle; background: url(/images/btn/h20_trick_fileadd.gif) no-repeat right 0; }
.file-wrap .file-txt { float: left; border: 0 none; height: 18px; font-size: 12px; line-height: 18px; width: 198px; border: 1px solid #ccc; }
.file-wrap .file-trick { cursor: pointer; position: absolute; right: 0px; top: 0; right: 0; width: 100px; height: 20px; background: none; border: 0 none; opacity: 0; filter: alpha(opacity=0); }

/* font-color */
.fc-red { color: #c96670; }
.fc-blue { color: #c96670; }
.MS_option_price { color: #c96670; }

/* bold */
.bold { font-weight: bold; }

/* float clear */
.clear {zoom: 1;}
.clear:after {content: ""; display: block; clear: both;}

/* margin */
.mr-5 { margin-right: 5px;}
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }

/* padding */
.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-30 { padding-left: 30px; }
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }

.pb-20 { padding-bottom: 20px; }
/* table */
table img { vertical-align: middle; }
.tb-bold { font-weight: bold; }
.tb-left,
.tb-center,
.tb-right { padding: 0 10px; }
.tb-btn { padding: 0; }
.tb-left { text-align: left; }
.tb-center { text-align: center; }
.tb-right { text-align: right; }
.tb-label-r5 label { margin-right: 5px; }
.tb-label-r10 label { margin-right: 10px; }
.tb-label-r10 label.last,
.tb-label-r5 label.last{ margin-right: 0; }

/* table-type-1 */
.table-type-1 { border-top: 1px solid #ddd;  }
.table-type-1 th,
.table-type-1 td { padding: 8px 0 8px; background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 bottom; }
.table-type-1 tr.nbg th,
.table-type-1 tr.nbg td { background-image: none; }
.table-type-1 tr.bg th,
.table-type-1 tr.bg td { background-color: #f8f8f8; }
.table-type-1 th { font-weight: normal; }

/* table-type-2 */
.table-type-2 { border-top: 1px solid #ddd; }
.table-type-2 th,
.table-type-2 td { padding: 8px 0 8px; background: url(/images/d3/modern_simple/common/dot_h1_w10.gif) repeat-x 0 bottom; }
.table-type-2 th { font-weight: normal; }
.table-type-2 tr.nbg th,
.table-type-2 tr.nbg td { background-image: none; }

/* »óÇ°¸®½ºÆ® (¸ÞÀÎ/°Ë»ö/»óÇ°¸®½ºÆ®) */
.prd-list { margin-top: 10px; }
.prd-list table td { border: 0; vertical-align: top; }
.prd-list table .tb-center { padding: 0 10px; }
.prd-list table .info { padding: 5px 0; }
.prd-list .thumb { width: 226px; height:336px; margin-left: auto; margin-right: auto; font-size:0; line-height: 0; border: 2px solid #e4e4e4; }
.prd-list .thumb a,
.prd-list .thumb img { display: block; width: 226px; height: 165px; }
.prd-list .dsc { margin-top: 15px; font-weight: bold; }
.prd-list .price { margin-top: 5px; font-weight: bold; color: #333; }

/* Àå¹Ù±¸´Ï ¸®½ºÆ®, ÁÖ¹®»óÇ° ¸®½ºÆ® */
.table-cart { margin-top: 0px; margin-bottom :17px; border-bottom: 1px solid #dedede; }
.table-cart thead th { padding:5px 0; height:20px; line-height:20px; font-size:11px; font-weight:bold; color:#555; vertical-align:middle; background:#f7f7f7; border-bottom:1px solid #ddd; text-transform:uppercase; }
.table-cart tbody td,
.table-cart tfoot { border-top:1px solid #dedede; }
.table-cart tbody td { padding: 15px 0; }
.table-cart tbody td .thumb { width: 50px; height: 50px; margin-left: auto; margin-right: auto; font-siez: 0; line-height: 0; border: 0px solid #dedede; }
.table-cart tbody td .thumb a,
.table-cart tbody td .thumb img { display:block; width:50px; height:50px; }
.table-cart tbody td .thumb a { font-size: 0; line-height: 0; }
.table-cart tbody td .d-block { padding-bottom: 3px; }
.table-cart tbody tr.nbg td { background-image: none; }
.table-cart tfoot td { padding: 10px 0; /*font-weight: bold;*/ }
.table-cart tfoot strong { color: #666; }

/* ¼ö·® ÄÁÆ®·Ñ */
.table-cart .opt-spin { position: relative; width: 36px; height: 20px; margin-left: auto; margin-right: auto; padding-bottom: 3px; }
.table-cart .opt-spin .txt-spin,
.table-cart .opt-spin .btns { float: left; }
.table-cart .opt-spin .txt-spin { width: 22px; height: 18px; padding-right: 2px padding-top: 2px; border: 1px solid #acacac; font-size: 11px; text-align: right; }
.table-cart .opt-spin .btns { width: 12px; height: 20px; margin-top: 3px; }
.table-cart .opt-spin .btns img { overflow: hidden; float: left; text-indent: -999px; background: none; }

/* ÁÖ¹® - ÁÖ¹®Á¤º¸ Å×ÀÌºí */
.table-order-info { margin-top: 10px; border-top:1px solid #ddd; }
.table-order-info tbody th,
.table-order-info tbody td { padding: 10px 0; border-bottom:1px solid #dedede; }
.table-order-info tbody th { letter-spacing: -1px; /*background-color: #ededed;*/ background-color: #none; }
.table-order-info tbody th .d-block { font-weight: normal; letter-spacing: 0; }
.table-order-info tbody tr.nbg th,
.table-order-info tbody tr.nbg td { background-image: none; }

/* ¸¶ÀÌÆäÀÌÁö µðÀÚÀÎ Å¸ÀÔ2 Å×ÀÌºí ¸®½ºÆ®, Å¸ÀÌÆ² */
.tit-tb-list { margin-top: 60px; font-size: 12px; color: #5f5f5f; padding-left: 10px; background: url(/images/d3/modern_simple/common/bull_h3_sqr_gray.gif) no-repeat 0 45%; }
.table-d2-list { border-bottom: 1px solid #dedede; }
.table-d2-list thead th { padding: 5px 0; line-height:20px; font-size:11px; font-weight:bold; color:#555; vertical-align:middle; background:#f7f7f7; border-bottom:1px solid #ddd; }
.table-d2-list tbody td { padding: 15px 0; line-height:20px; border-top: 1px solid #dedede; }

/* ¸¶ÀÌÆäÀÌÁö µðÀÚÀÎ Å¸ÀÔ2 Å×ÀÌºí ºä */
.table-d2-view { margin-top: 0px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.table-d2-view th, 
.table-d2-view td { padding: 10px 0; border-bottom: 0px solid #dedede; }
.table-d2-view th { font-weight: bold; background-color:none; }

/* paging */
.paging { clear:both; padding-top: 30px; text-align: center; vertical-align: top; }
.paging li { display: inline;}
.paging li a { overflow: hidden; width: auto; height: 15px; padding: 0 7px; color: #999; cursor: pointer; }
.paging li a:hover,
.paging li.now a { font-weight: bold; letter-spacing: -1px; }
.paging li.first a,
.paging li.prev a,
.paging li.next a,
.paging li.last a { padding: 0 3px; }
.paging li.prev { margin-right: 10px; }
.paging li.next { margin-left: 10px; }

/* ÇöÀçÀ§Ä¡ */
.loc-navi { text-align: right; }
.loc-navi,
.loc-navi a { color: #999; text-transform: capitalize; }

/* ÆäÀÌÁö Å¸ÀÌÆ² */

/* Å¸ÀÔ 1*/
#content .tit-page { position: relative; margin-top: 20px; font-size: 0; line-height:0; padding-bottom: 12px; border-bottom: 1px solid #d0d0d0; }
#content .tit-page .dsc { position: absolute; right: 0px; top: 15px; font-size: 11px; color: #a5a5a5; letter-spacing: -1px; }
#content .tit-page .dsc em { color:#333; }

/* Å¸ÀÔ 2 */
#content .tit-page-2 { position: relative; margin-top: 15px; padding-bottom: 6px; border-bottom: 1px solid #d0d0d0; }
#content .tit-page-2 .dsc { letter-spacing: -1px; display: inline-block; padding-top: 2px; margin-left: 30px; color: #9b9b9b; }

/* »óÇ° total/Á¤·Ä */
.total-sort { zoom: 1; overflow: hidden; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; }

/* total */
.total-sort .total { float: left; width: auto; }
.total-sort .total dt,
.total-sort .total dd { display: inline; }
.total-sort .total dd { font-weight: bold; }
.total-sort .total dt { text-transform: capitalize; }

/* sort */
.total-sort .sort { float: right; width: auto; display: inline; margin-right: 20px; }
.total-sort .sort li,
.total-sort .sort li a { float: left; width: auto; }
.total-sort .sort li { display: inline; margin-left: 10px; }

/* °Ô½ÃÆÇ ÃÑ°Ô½Ã±Û,PAGE */
.total-page { zoom: 1; overflow: hidden; }
.total-page .total { float: left; width: auto; line-height:16px; }
.total-page .page { float: right; width: auto;}

* È¸¿ø µî±Þ Ç¥½Ã */

/* Å¸ÀÔ 1 */
.mem-lvl { zoom: 1; overflow: hidden; padding: 15px 50px 15px 180px; /*background-color: #ededed;*/ border:2px solid #e4e4e4; }
.mem-lvl .lvl-img,
.mem-lvl p { position: relative; float: left; }
.mem-lvl .lvl-img { left: -120px; margin-right: -120px; width: 120px; }
.mem-lvl p { width: 100%; padding-top: 10px; line-height: 16px; }
.mem-lvl p em { color: #49b7df; font-weight: bold; }
.mem-lvl span.MS_group_reserve_msg,
.mem-lvl span.MS_group_dc_msg {
    color:#49b7df;
}
/* Å¸ÀÔ 2 */
.mem-lvl-2 { zoom: 1; overflow: hidden; padding: 15px 50px 15px 150px; border: 5px solid #ededed; }
.mem-lvl-2 .lvl-img,
.mem-lvl-2 p { position: relative; float: left; }
.mem-lvl-2 .lvl-img { left: -130px; margin-right: -130px; width: 120px; border-right: 1px solid #ededed; }
.mem-lvl-2 p { width: 100%; padding-top: 10px; line-height: 16px; }
.mem-lvl-2 p em { color: #be101a; font-weight: bold; }
.mem-lvl-2 span.MS_group_reserve_msg,
.mem-lvl-2 span.MS_group_dc_msg {
    color:#F26622;
}

/* ¸¶ÀÌÆäÀÌÁö »ó´Ü ¸Þ½ÃÁö ¹Ú½º */
.t-box-msg { /*padding: 10px 20px; border: 5px solid #ededed;*/ padding:0px; }
.t-box-msg strong { color:#333; }

/*
========================================================================
°øÅë - ·¹ÀÌ¾î
========================================================================
*/
/*
========================================================================
°øÅë - ·¹¾Æ¿ô
========================================================================
*/


/* z-index */
#layerWrap { z-index:1; }




/**************** Layout ****************/


#headerin,
#layerWrap,
#contentWrap,
#ftLink .link { position:relative; /*width:100%;*/ margin:0 auto; }
#contentWrapper { position:relative; margin:0 auto; }

#main_wrap { position:relative; width:100%; min-width:320px; margin:0 auto; }
#wrap { min-width:800px; }

media all {
#contentWrap { /*max-width:1440px;*/ max-width:1500px; width:1200px; margin:0 auto; }
}
/*
@media all and (min-width:1480px) {
#contentWrap { width:1440px; margin:0 auto; }
}

@media all and (max-width:1240px) {
#contentWrap { width:960px; margin:0 auto; }
}

@media all and (max-width:980px) and (min-width:0px) {
#contentWrap { min-width:320px; width:100%; margin:0 auto; }
}
*/

#contentWrap { *zoom:1; }
#contentWrap:after { content:""; display:block; clear:both; }

#main_contentWrap { width:100%; margin:0 auto; *zoom:1; }
#main_contentWrap:after { content:""; display:block; clear:both; }

#content,
#main_content { position:relative; clear:both; margin:0 auto; min-height:350px; padding:30px 0 70px; }
#content { padding-left:30px; padding-right:30px; }
#main_content { width:100%; padding:0 0 70px; }


/**** Common ****/

.wrapper { padding-left:30px !important; padding-right:30px !important; }
.wrapper2 { padding-left:30px !important; padding-right:0 !important; }


/* ¸ÞÀÎ Å¸ÀÌÆ² */
h2.main_title { line-height:24px; font-size:14px; font-weight:normal; letter-spacing:1px; background:url(/design/showway/onedesign2/images/line_title.png) 0 center no-repeat; padding-left:25px; margin-bottom:38px; }
h2.main_title span {}




/*
==================================================================

                          ¿øµðÀÚÀÎ ÀÛ¾÷¼Ò½º

                02)1599-3360  / Http://e-onedesign2.com

==================================================================
*/

html { overflow:scroll; overflow-x: auto;}
a {outline:none; select-dummy: expression(this.hideFocus=true); }

body { margin:0; padding:0; color:#333; } 
img { border:0; } /*vertical-align:middle;*/
a:hover { text-decoration:none; }
* { margin: 0; padding: 0; }
* html { height: 1px; }
* { -webkit-text-size-adjust: none; }

::selection {
color:white;
background-color:rgb(224, 177, 182);
}

nobr {display:none;}
.preview_label {display:none;}




/**** Header ****/

#header { position:relative; clear:both; width:100%; z-index:9; }
#header .topArea { position:relative; height:70px; padding:25px 0; *zoom:1; z-index:10; background:#fff; border:0; }
#header .topArea::after { content:""; display:block; clear:both; }
#header .topArea h1 { left:20px; text-align:left; }
#header .topArea h1 img { max-width:300px; max-height:70px; }

/* »ó´Ü ¸Þ´º */
#header .topArea .topMenu { display:block; position:absolute; top:45px; right:30px; font-size:0; line-height:0; }
#header .topArea .topMenu li { display:inline-block; *display:inline; *zoom:1; margin-left:30px; height:30px; vertical-align:top; }
#header .topArea .topMenu li:first-child { /*margin-left:0;*/ }
#header .topArea .topMenu li.topMenu_line { position:relative; margin-right:40px; }
#header .topArea .topMenu li.topMenu_line span { display:block; content:""; position:absolute; top:0px; left:0; *left:40px; width:1px; height:30px; background:#ececec; }
#header .topArea .topMenu .icon_cart { margin-left:0; }
#header .topArea .topMenu li.icon_my { margin-left:7px; }

#header .topArea .topMenu a { display:block; font-size:12px; color:#999; line-height:30px; }
#header .topArea .topMenu .icon_cart a,
#header .topArea .topMenu .icon_my a { font-size:0; line-height:0; width:30px; height:30px; }
#header .topArea .topMenu .icon_cart a { background:url(/design/showway/onedesign2/images/icon_cart.png) 0 0 no-repeat; }
#header .topArea .topMenu .icon_my a { background:url(/design/showway/onedesign2/images/icon_my.png) 0 0 no-repeat; }


/**** display none ****/
#header .topArea .topMenu2 { display:none; }




/**************** ¾ÆÀÌÆÐµå ****************/
@media screen and (max-width:1024px) {

/**** Common ****/
#content { padding-left:20px !important; padding-right:20px; transition:all 0.3s ease; }
.wrapper { padding-left:20px !important; padding-right:20px !important; transition:all 0.3s ease; }
.wrapper2 { padding-left:20px !important; padding-right:0 !important; }

/* »ó´Ü ¸Þ´º */
#header .topArea { border-bottom:1px solid #ececec; }
#header .topArea .topMenu2 { display:block; position:absolute; top:40px; right:20px; font-size:0; line-height:0; }
#header .topArea .topMenu2 li { position:relative; display:inline-block; *display:inline; *zoom:1; width:40px; height:40px; margin-left:5px; vertical-align:top; }
#header .topArea .topMenu2 li:first-child { margin-left:0; }
#header .topArea .topMenu2 a { display:block; width:100%; height:100%; font-size:0; line-height:0; }
#header .topArea .topMenu2 a.icon_topmenu_01 { background:url(/design/showway/onedesign2/images/icon_top_menu_01.png) 0 0 no-repeat; }
#header .topArea .topMenu2 a.icon_topmenu_02 { background:url(/design/showway/onedesign2/images/icon_top_menu_02.png) 0 0 no-repeat; }
#header .topArea .topMenu2 a.icon_topmenu_03 { background:url(/design/showway/onedesign2/images/icon_top_menu_03.png) 0 0 no-repeat; }
#header .topArea .topMenu2 a.icon_topmenu_04 { background:url(/design/showway/onedesign2/images/icon_top_menu_04.png) 0 0 no-repeat; }
#header .topArea .topMenu2 a.icon_topmenu_05 { background:url(/design/showway/onedesign2/images/icon_top_menu_05.png) 0 0 no-repeat; }

/* ÀüÃ¼ ¸Þ´º */
.categoryBtn-open { top:120px !important; }

/* ¸¶ÀÌ ¸Þ´º */
#category .mymenu { clear:both; width:100%; background:#ddd; }
#category .mymenu li { clear:both; }

/**** display none ****/
#header .topArea .topMenu,
#header #category .search { display:none; }

}

/* Ä«Å×°í¸® */
#category { position:relative; width:100%; background:#f6f6f6; text-align:center; z-index:9; }
#category .position { padding-right:60px !important; }
#category .position > ul { font-size:0px; line-height:0px; }
#category .position > ul > li { position:relative; z-index:10; display:inline-block; *display:inline; *zoom:1; height:60px; /*margin-right:38px;*/ margin:0 30px; }
#category .position > ul > li a { display:block; line-height:60px; color:#333; font-size:14px; font-weight:normal; word-spacing:0px; letter-spacing:0px; }
#category .position > ul > li a span { color:#417be6; }
#category .position > ul > li a span.red { color:#ff0000; }
#category .position > ul > li a:hover { color:#c96670; }

/* ÁßºÐ·ù Ä«Å×°í¸® */
#category .subcate { display:none; position:absolute; top:60px; left:-10px; z-index:99999; width:100%; min-width:110px; border:0px solid #ececec; background:#f6f6f6; text-align:left; }
#category .subcate ul { padding:5px 10px; }
#category .subcate a { display:block; line-height:20px !important; padding:0 !important; font-size:11px !important; letter-spacing:0; color:#777 !important; transition:all 0.3s ease; }
#category .subcate a:hover { color:#333 !important; margin-left:5px; transition:all 0.3s ease; }

/* Ä¿¹Â´ÏÆ¼ */
.cate_com { position:relative; }
.com_wrap { display:none; position:absolute; top:60px; left:-10px; z-index:99999; width:100%; min-width:110px; border:0px solid #ececec; background:#f6f6f6; text-align:left; }
.com_wrap ul { padding:5px 10px; }
.com_wrap a { display:block; line-height:20px !important; padding:0 !important; font-size:11px !important; letter-spacing:0; color:#777 !important; transition:all 0.3s ease; }
.com_wrap a:hover { color:#333 !important; margin-left:5px; transition:all 0.3s ease; }




@media screen and (max-width:1480px) {
#category .position > ul > li { margin:0 20px; }
#category .position > ul > li a { font-size:13px; }
}
@media screen and (max-width:1240px) {
#category .position > ul > li { margin:0 12px; }
#category .position > ul > li a { font-size:12px; }
}

@media screen and (max-width:1024px) {

#category { text-align:center; position:absolute; top:0; left:0; clear:none; transition:all 0.3s ease; }
#category .position { padding-right:20px !important; }
#category .position > ul > li { margin-right:20px; transition:all 0.3s ease; }
#category .position > ul > li > a { font-size:12px; transition:all 0.3s ease; }

/* ÁßºÐ·ù */
#category .subcate { display:none !important; }

/* Ä¿¹Â´ÏÆ¼ */
.cate_com div { display:none !important; }

}




@media screen and (max-width:512px) {

#category .position > ul { padding:5px 0; }
#category .position > ul > li { height:30px; }
#category .position > ul > li > a { line-height:30px; font-size:11px; transition:all 0.3s ease; }

/* ÁßºÐ·ù */
#category .subcate { display:none !important; }

/* Ä¿¹Â´ÏÆ¼ */
.cate_com div { display:none !important; }

}


/* °Ë»öÃ¢ */
.search { position:absolute; top:0; right:0; width:60px; height:60px; }
.search form { font-size:0; line-height:0; }
.search fieldset { }
.search span input { display:none; position:absolute; top:0; right:60px; z-index:10; width:180px; height:60px; line-height:60px; padding:0 10px; border:0; font-size:12px; color:#555; background:#ececec; }
.search a input { width:18px; height:18px; padding:21px; background:#ececec; transition:background-color 0.5s ease; }
.search:hover a input { background:#ddd; }




/**** Footer ****/

#footer { }

/* ÇÏ´Ü Á¤º¸ */
.footer_wrap { width:100%; padding:50px 0 70px; background:#f6f6f6; }
.footer_wrap .wrapper { max-width:1440px; margin:0 auto; font-size:0; line-height:0; text-align:center; }
.footer_content { display:inline-block; *display:inline; *zoom:1; width:20%; vertical-align:top; text-align:left; }
.footer_info { width:40%; }

.footer_content h3 { clear:both; width:100%; line-height:30px; font-size:14px; font-weight:bold; letter-spacing:1px; color:#333; margin-bottom:15px; }
.footer_content p { clear:both; line-height:25px; font-size:11px; color:#999; }
.footer_content ul { font-size:0; line-height:0; }
.footer_content li { display:inline; line-height:25px; font-size:11px; color:#999; margin-right:10px; }
.footer_content li b { font-weight:bold; }
.footer_content a { display:block; line-height:25px; font-size:11px; color:#999; }
.footer_content a:hover { color:#666; }

.footer_company div { clear:both; line-height:25px; font-size:11px; color:#999; }
.footer_company a { display:inline-block; }

/* ÇÏ´Ü ÀúÀÛ±Ç */
.footer_copy { clear:both; width:100%; line-height:60px; font-size:11px; color:#999; letter-spacing:1px; text-align:center; text-transform:uppercase; background:#ececec; }
.footer_copy span { color:#c96670; }
.footer_copy a { line-height:60px; font-size:11px; color:#999; }
.footer_copy a:hover { color:#c96670; }


@media screen and (max-width:1024px) {
.footer_wrap { padding-bottom:40px; transition:all 0.3s ease; }
.footer_content { width:33.33%; transition:all 0.3s ease; }
.footer_info { clear:both; width:100%; padding-top:40px; margin-top:40px; border-top:1px solid #ececec; }
.footer_info h3 { display:none; }
}

@media all and (max-width:500px) and (min-width:0px) {
.footer_content { width:50%; transition:all 0.3s ease; }
.footer_company { clear:both; width:100%; padding-top:20px; margin-top:40px; border-top:1px solid #ececec; }
.footer_company h3 { display:none; }
.footer_company div { clear:none; display:inline-block; *display:inline; *zoom:1; margin-right:5px; }
.footer_info { width:100%; margin-top:20px; transition:all 0.3s ease; }
}




/**************** Main ****************/

/**** ¸ÞÀÎ ½½¶óÀÌµå (Ãß°¡ ½ºÅ¸ÀÏ) ****/
#slide_wrap { display:inline-block; width:100%; }
.swiper-container { width:100%; height: 100%; max-height:500px; }
.swiper-slide { 
text-align:center; font-size:0px; background:#fff;
/* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-slide a { display:inline-block; width:100%; } 
.swiper-slide a img { width:100%; } 
/* È­»ìÇ¥ */
.swiper-container .arrow { filter:alpha(opacity=00); opacity:0.0; -moz-opacity:0.0; }
.swiper-container:hover .arrow { filter:alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; }
.swiper-container .arrow:hover { filter:alpha(opacity=100); opacity:1.0; -moz-opacity:1.0; }

/**** ¸ÞÀÎ ½½¶óÀÌµå ****/
.swiper-container-horizontal>.swiper-pagination { background:none center bottom no-repeat; }

.swiper-container { margin:0 auto; position:relative; overflow:hidden; z-index:1; }
.swiper-container-no-flexbox .swiper-slide { float:left; }
.swiper-container-vertical>.swiper-wrapper { -webkit-box-orient:vertical; -moz-box-orient:vertical; -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; }

.swiper-wrapper { position:relative; width:100%; height:100%; z-index:1;
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; 
-webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d;
-webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; 
-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; }

.swiper-container-android .swiper-slide,.swiper-wrapper { -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
.swiper-container-multirow>.swiper-wrapper { -webkit-box-lines:multiple; -moz-box-lines:multiple; -ms-fles-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
.swiper-container-free-mode>.swiper-wrapper{ -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto; }
.swiper-slide {-webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative; }

/* ¹öÆ° */
.swiper-container .swiper-notification { position:absolute; left:0; top:0; pointer-events:none;opacity:0; z-index:-1000; }
.swiper-wp8-horizontal { -ms-touch-action:pan-y; touch-action:pan-y; }
.swiper-wp8-vertical { -ms-touch-action:pan-x; touch-action:pan-x; }

/* È­»ìÇ¥ ¹öÆ° */
.swiper-button-next,
.swiper-button-prev { position:absolute; top:50%; margin-top:-20px; z-index:10; width:40px; height:40px; cursor:pointer;
-moz-background-size:40px 40px; -webkit-background-size:40px 40px; background-size:40px 40px; background-position:center; background-repeat:no-repeat; }
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled { opacity:.35; cursor:auto; pointer-events:none; }
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next { background-image:url("/design/showway/onedesign2/images/arrow_slider_01.png"); left:30px; right:auto; }
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev { background-image:url("/design/showway/onedesign2/images/arrow_slider_02.png"); right:30px; left:auto; }
@media screen and (max-width:1024px) {
	.swiper-button-prev,
	.swiper-container-rtl .swiper-button-next { left:20px; }
	.swiper-button-next,
	.swiper-container-rtl .swiper-button-prev { right:20px; }
}
.swiper-pagination { position:absolute; text-align:center; 
-webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms;transition:300ms; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10; }

/* ÅÇ ¹öÆ° */
.swiper-pagination.swiper-pagination-hidden { opacity:0; }
.swiper-pagination-bullet { display:inline-block; width:24px; height:24px; border-radius:100%; background:url(/design/showway/onedesign2/images/btn_slider_01.png) left top no-repeat; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor:pointer; }
.swiper-pagination-white .swiper-pagination-bullet { background:#fff; }
.swiper-pagination-bullet-active { opacity:1; background:url(/design/showway/onedesign2/images/btn_slider_02.png) left top no-repeat; }
.swiper-pagination-white .swiper-pagination-bullet-active { background:#fff; }
.swiper-pagination-black .swiper-pagination-bullet-active { background:#000; }
.swiper-container-vertical>.swiper-pagination { right:10px; top:50%; -webkit-transform:translate3d(0,-50%,0); -moz-transform:translate3d(0,-50%,0); -o-transform:translate(0,-50%); -ms-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0); }
.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet { margin:5px 0; display:block; }
.swiper-container-horizontal>.swiper-pagination { bottom:-1px; left:0; width:100%; padding:0 0 10px; transition:none !important; }
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet { /*margin:0 7px;*/ }

.main_cs { clear:both; width:100%; margin:70px auto 70px; }
.main_cs h2 { text-align:center; font-weight:700; font-size:14px; color:#555; text-transform:uppercase; letter-spacing:1px; }
.main_cs .info { text-align:center; font-weight:400; font-size:12px; color:#a2a2a2; text-transform:uppercase; letter-spacing:1px; line-height:21px; }
.bottom_line { width:65px; height:1px; margin:31px auto 31px; border-bottom:1px solid #c1c1c1; }

/**** À§Å¬¸® º£½ºÆ® ÅÇÈ­¸é ****/
#tab_box { position:relative; width:100%; max-width:1440px; margin:40px auto 0; }
#tab_box h2 { line-height:40px; }

/* ÅÇÈ­¸é ¹öÆ° */
#tab_box .tabs { position:absolute; top:8px; right:30px; clear:both; width:auto; height:24px; text-align:right; font-size:0; line-height:0; }
#tab_box .tabs li { display:inline-block; *display:inline; *zoom:1; width:24px; height:24px; text-align:right; margin-left:0; }
#tab_box .tabs li:first-child { margin-left:0; }
#tab_box .tabs .tit { width:24px; height:24px; display:block; background:url(/design/showway/onedesign2/images/btn_slider_01.png) 0 0 no-repeat; cursor:pointer; }
#tab_box .tabs li.active .tit { background:url(/design/showway/onedesign2/images/btn_slider_02.png) 0 0 no-repeat; }

@media screen and (max-width:1024px) {
#tab_box .tabs { right:20px; transition:all 0.3s ease; }
}

/* ÅÇÈ­¸é ÄÁÅÙÃ÷ */
#tab_box .main_tab_container { clear:both; float:left; width:100%; height:auto; padding-top:0px; overflow:hidden; }
#tab_box .main_tab_container .main_tab_content { display:none; }

/* ÅÇÈ­¸é »óÇ°Á¤º¸ */
.prdList .item .box { position:relative; }
.prdText { position:absolute; top:0; left:0; display:none; width:100%; height:100%; }
.prdText_wrap { width:100%; height:100%; cursor:pointer; background:url(/design/showway/onedesign2/images/bg_proimg.png) 0 0 repeat; opacity:1; display:table; -webkit-transition:opacity 500ms linear; -moz-transition:opacity 500ms linear; -o-transition:opacity 500ms linear; transition:opacity 500ms linear; }
.prdText_content { position:relative; width:90%; padding:5%; display:table-cell; vertical-align:middle; *top:35%; }
.prdText_content li { text-align:center !important; padding-bottom:5px; margin-bottom:0 !important; }


/**** ¿¥µð ÃÊÀÌ½º ****/
.md_wrap { clear:both; width:100%; }
.md_title { clear:both; text-align:center; margin:0 auto 70px; padding:50px 20px 0; }
.md_title h1 { font-size:25px; line-height:30px; font-weight:bold; letter-spacing:2px; color:#333; padding-bottom:20px; margin-bottom:20px; background:url(/design/showway/onedesign2/images/line_md_title.png) center bottom no-repeat; }
.md_title h1 span { clear:both; display:block; font-size:14px; color:#c96670; margin-top:4px; }
.md_title p { line-height:30px; font-size:12px; letter-spacing:0.5px; color:#999; }

@media all and (max-width:512px) and (min-width:0px) {
.md_title { margin:0 auto 50px; padding-top:30px; transition:all 0.3s ease; }
.md_title p { line-height:20px; }
}

/* ¿¥µð »óÇ° ½½¶óÀÌµå */
#slider { /*display:none;*/ }
.slider { width:100%; height:214px; overflow:hidden; background:#f6f6f6; }
.slider .slider-horizontal { width:100%; margin:45px auto; }
.slider .www_FlowSlider_com-branding { display:none !important; }

/* ÀÎ±â »óÇ° ÄÁÅÙÃ÷ */
.slider_content { width:300px; height:214px; /*margin:0 25px;*/ text-align:center; }
.slider_content a { display:block; width:100%; height:100%; cursor:pointer; }
.slider_content p, 
.slider_content p img { width:300px; height:214px; }
.slider_content p img { display:inline; vertical-align:top; /*border-radius:70px;*/ }

@media screen and (max-width:1024px) {
.slider { height:143px; transition:all 0.3s ease; }
.slider_content,
.slider_content p, 
.slider_content p img { width:200px; height:143px; transition:all 0.3s ease; }
}

/* ÀÌ¹ÌÁö ¹× ¿À¹ö */
.slider_content p.slider_img { position:relative; }
.slider_content p.slider_img em { display:none; position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; background:url(/design/showway/onedesign2/images/bg_slider_over.png) 0 0 repeat; }


/**** Áß¾Ó ¹è³Ê ****/
.banner_wrap { width:100%; }
.banner_wrap .wrapper { max-width:1440px; margin:0 auto; }
.banner_wrap .banner_inner { position:relative; width:100%; }
.banner_wrap .banner_text { float:left; width:60%; position:relative; vertical-align:middle; margin-top:100px; }
.banner_wrap .banner_text h3 { line-height:20px; font-size:14px; font-weight:normal; color:#333; letter-spacing:1px; background:url(/design/showway/onedesign2/images/line_title.png) 0 center no-repeat; padding-left:25px; margin-bottom:10px; }
.banner_wrap .banner_text h2 { line-height:30px; font-size:25px; font-weight:bold; color:#c96670; letter-spacing:3px; }
.banner_wrap .banner_text .banner_info { line-height:30px; font-size:12px; color:#333; margin-top:40px; }

.banner_wrap .banner_img { float:right; display:inline-block; *display:inline; *zoom:1; width:40%; }
.banner_wrap .banner_img img { width:100%; height:auto; }

@media all and (max-width:512px) and (min-width:0px) {
.banner_wrap .banner_text { width:100%; text-align:center; transition:all 0.3s ease; }
.banner_wrap .banner_text h3 { text-align:left; }
.banner_wrap .banner_img { width:100%; margin-bottom:40px; transition:all 0.3s ease; }
}

/* ´õº¸±â ¹öÆ° */
.about_btn { clear:both; margin-top:40px; padding-bottom:40px; }
.about_btn span { display:block; }
.about_btn span a { display:inline-block; width:150px; line-height:38px; font-size:11px; font-weight:bold; text-align:center; letter-spacing:2px; color:#333; border:1px solid #333; transition:background-color 0.3s ease; }
.about_btn span a:hover, 
.about_btn span a:active { color:#fff; border:1px solid #c96670; background:#c96670; }

@media all and (max-width:1240px) {
.banner_wrap .banner_text { margin-top:50px; transition:all 0.3s ease; }
}
@media all and (max-width:980px) and (min-width:0px) {
.banner_wrap .banner_text { margin-top:30px; transition:all 0.3s ease; }
.banner_wrap .banner_text .banner_info { line-height:25px; font-size:11px; margin-top:30px; transition:all 0.3s ease; }
.about_btn { clear:both; margin-top:30px; transition:all 0.3s ease; }
}


/**** ÀÌº¥Æ® ****/
.event_wrapper { clear:both; width:100%; background:#f6f6f6; }
.event_wrapper .wrapper { max-width:1440px; margin:0 auto; padding-top:40px; padding-bottom:90px; }
.event_wrap { width:100%; font-size:0; line-height:0; }

/* ÀÌº¥Æ® ³»¿ë */
.event_content { position:relative; display:inline-block; *display:inline; *zoom:1; width:50%; *width:49.9%; text-align:center; vertical-align:top; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.event_content img { width:100%; }
.event_content h2 { display:block; line-height:30px; font-size:20px; font-weight:bold; letter-spacing:2px; color:#333; margin-bottom:25px; }
.event_content h2 span { display:block; clear:both; font-size:11px; color:#c96670; }
.event_content p { line-height:20px; font-size:11px; color:#999; margin-bottom:40px; }

.event_content a { display:block; }

.event_content a .event_btn { width:150px; margin:0 auto; display:block; line-height:38px; font-size:11px; font-weight:bold; letter-spacing:2px; color:#333; border:1px solid #333; transition:all 0.3s ease; }
.event_content a:hover .event_btn { color:#fff; border:1px solid #c96670; background:#c96670; }

.event_content fiqure { width:100%; line-height:1; }
.event_content .event_img_bg1 { display:block; }
.event_content .event_img_bg2 { display:none; }
.event_content .event_caption { position:absolute; top:0; left:0; z-index:10; width:100%; height:100%; }
.event_content .event_caption_inner { position:relative; top:50%; *top:30%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }

/* ÀÌº¥Æ® ´Ù¸¥ ÇØ»óµµ */
@media all and (max-width:980px) {
.event_content h2 { line-height:25px; font-size:17px; margin-bottom:15px; transition:all 0.3s ease; }
.event_content p { line-height:18px; font-size:10px; letter-spacing:-0.2px; margin-bottom:25px; transition:all 0.3s ease; }
}

@media all and (max-width:800px) and (min-width:0px) {
.event_content { width:100%; transition:all 0.3s ease; }
.event_content .event_img_bg1 { display:none; }
.event_content .event_img_bg2 { display:block; }

.event_content h2 { line-height:30px; font-size:20px; margin-bottom:25px; transition:all 0.3s ease; }
.event_content p { line-height:20px; font-size:11px; letter-spacing:0; margin-bottom:40px; transition:all 0.3s ease; }
}

@media all and (max-width:500px) and (min-width:0px) {
.event_content h2 { line-height:25px; font-size:17px; margin-bottom:15px; transition:all 0.3s ease; }
.event_content p { line-height:18px; font-size:10px; letter-spacing:-0.2px; margin-bottom:15px; transition:all 0.3s ease; }
}

@media all and (max-width:420px) and (min-width:0px) {
.event_content h2 { line-height:25px; font-size:15px; margin-bottom:15px; transition:all 0.3s ease; }
.event_content p { display:none; }
}




/**************** °øÅë ****************/

/* Å¸ÀÌÆ² */
.titleArea { clear:both; /*min-height:30px;*/ height:30px; margin:0 auto 30px; }
.titleArea h2 { display:inline-block; *display:inline; *zoom:1; line-height:30px; color:#333; font-size:13px; font-weight:bold; letter-spacing:1px; }
.titleArea p { clear:both; display:inline-block; *display:inline; *zoom:1; }
.titleArea ul { color:#999; line-height:30px; }
.titleArea ul li { margin-left:15px; }

/* Å¸ÀÌÆ² ºÐ·ù */
.top_sub { display:inline; font-size:0; line-height:0; }
.top_sub li { display:inline-block; *display:inline; *zoom:1; width:auto; margin-left:15px; font-size:12px; line-height:30px; vertical-align:top; }
.top_sub li a { font-weight:normal; color:#999; line-height:30px; }
.top_sub li a:hover { color:#999; text-decoration:underline; }

/* ¹öÆ° */
.btn_black { display:inline-block; *display:inline; *zoom:1; text-align:center; background:#000; color:#fff; vertical-align:middle; cursor:pointer; }
.btn_black:hover { background:#444; transition:all 0.3s ease; }
.btn_dark { display:inline-block; *display:inline; *zoom:1; text-align:center; background:#aaa; color:#fff; vertical-align:middle; cursor:pointer; }
.btn_dark:hover { background:#bbb; transition:all 0.3s ease; }
.btn_light { display:inline-block; *display:inline; *zoom:1; text-align:center; background:#e6e6e6; color:#333; vertical-align:middle; cursor:pointer; }
.btn_light:hover { background:#eee; transition:all 0.3s ease; }

.btn_box_01 { height:30px; line-height:30px; padding:0 10px; font-size:11px; } /* ÀÛÀº ¹öÆ° */
.btn_box_02 { width:100%; height:40px; line-height:40px; font-size:12px; } /* Å« ¹öÆ° */
.btn_box_03 { height:24px; line-height:24px; padding:0 15px; font-size:11px; } /* ÀÛÀº ¹öÆ° (Á¦ÀÏ ¸¹ÀÌ ¾²ÀÓ) */
.btn_box_04 { width:49%; max-width:350px; height:40px; line-height:40px; font-size:12px; } /* Å« ¹öÆ° 50% */
.btn_box_05 { height:40px; line-height:40px; padding:0 20px; font-size:12px; } /* Å« ¹öÆ° (°¡·Î »çÀÌÁî ¾øÀ½) */
.btn_box_06 { max-width:60px; height:56px; line-height:56px; padding:0 20px; font-size:12px; } /* Å« ¹öÆ° (°Ô½ÃÆÇ ´ñ±Û ¹öÆ°) */

.btn_box_01 span,
.btn_box_02 span,
.btn_box_03 span,
.btn_box_04 span,
.btn_box_05 span,
.btn_box_06 span { display:inline-block; /*line-height:24px;*/ vertical-align:middle; margin:0 !important; }




/**************** »óÇ° (ÀÏ¹Ý) ****************/

.xans-product-normal { width:1440px; max-width:1550px; margin:0 auto; padding:0; }
.xans-product-normal #columns { width:1470px; margin:0 auto; padding:0; }
.xans-product-normal .product { /* float:left;*/ width:330px; border:5px solid transparent; display: inline-block; margin-bottom: 20px; margin-right: 23px; vertical-align: top; *display:inline: ; *zoom:1: ; }
.xans-product-normal .xans-product-listitem { margin:0; }
.xans-product-normal .xans-product-listitem li .title { font-weight:normal; vertical-align:top; }
.xans-product-normal .xans-product-listitem li .title span { vertical-align:top; }

.prolist_content { position:relative; width:100%; margin:0; }
.prolist_content .thumb { width:100%; }

/* »óÇ°Á¤º¸ */
.prolist_content .prolist_info { position:relative; clear:both; width:100%; line-height:15px; padding-bottom:20px; box-sizing:border-box; zoom:1; font-family:'Nanum Gothic'; }
/* »óÇ°¸í */
.prolist_content .prolist_info .name { text-align:left; border-bottom:1px solid #ececec; padding:5px 0; margin-bottom:5px; }
.prolist_content .prolist_info .name a { line-height:15px; }
.prolist_content .prolist_info .name .title { font-weight:normal; }
/* ¹Ì¸®º¸±â & ¾ÆÀÌÄÜ */
.prolist_content .prolist_info .status { /*padding:0 80px 4px 0;text-align:right;*/ line-height:0; *zoom:1; }
.prolist_content .prolist_info .status:after { content:""; display:block; clear:both; }
.prolist_content .prolist_info .icon { float:left; text-align:left; }
.prolist_content .prolist_info .icon img { /*margin:0 -3px 6px 0;*/ vertical-align:middle; }
.prolist_content .prolist_info .button { display:none; margin:0 -80px 0 0; *zoom:1; }
.prolist_content .prolist_info .button img { margin:0 0 6px -3px; cursor:pointer; }
.prolist_content .prolist_info .button .option { display:inline; position:relative; *zoom:1; }
/* ±âÅ¸ */
.prolist_content .prolist_info .mileage { display:block; }
.prolist_content .prolist_info span.grid { display:block; }

/* °øÅë */
.xans-product-listitem li { text-align:left; line-height:15px; margin-bottom:10px; }

/***************************************************************/
/* »óÇ°¸í */
.xans-product-normal .name { font-size:11px; color:#555; }
.xans-product-normal .name a { font-size:11px; color:#555; }
/* Ãß°¡»óÇ°¸í */
.xans-product-normal .prd-subname { font-size:11px; color:#999; }
/* »óÇ°°¡°Ý */
.xans-product-normal .prd-price { font-size:11px; color:#555; font-weight:normal; padding-left:1px; }
/* ¼ÒºñÀÚ°¡°Ý */
.xans-product-normal .prd-consumer { font-size:11px; color:#999; text-decoration:line-through; }

/* »óÇ°¸í */
.box .name { font-size:12px; color:#555; }
.box .name a { font-size:12px; color:#555; }
/* Ãß°¡»óÇ°¸í */
.box .prd-subname { font-size:11px; color:#999; display:none; }
/* »óÇ°°¡°Ý */
.box .prd-price { font-size:12px; color:#c96670; font-weight:bold; }
/* ¼ÒºñÀÚ°¡°Ý */
.box .prd-consumer { font-size:12px; color:#999; text-decoration:line-through; }
/***************************************************************/




/**************** »óÇ° (ÀÏ¹Ý) »çÀÌÁîº° ****************/
/*
@media screen and (max-width:1480px) { 
.xans-product-normal .product { width:190px; }
}

@media screen and (max-width:1240px) { 
.xans-product-normal .product { width:215px; }
}

@media screen and (max-width:1000px) { 
.xans-product-normal .product { width:220px; }
}

@media screen and (max-width:630px) { 
.xans-product-normal .product { width:137px; border:2px solid transparent; }
}

@media screen and (max-width:512px) { 
.xans-product-normal .product { width:145px; border:2px solid transparent; }
}

*/


/**************** »óÇ° (¸ÞÀÎ ÃßÃµ»óÇ°) ****************/

.xans-product-1 { max-width:1440px; margin:30px auto 0; }
.xans-product-1 ul.prdList { display:table; width:100%; /*min-width:756px;*/ margin:0; font-size:0; line-height:0; }
.xans-product-1 ul.prdList li.item { display:inline-block; margin-bottom:100px; color:#555; vertical-align:top; *display:inline; *zoom:1; }
.xans-product-1 ul.prdList li.item .box { margin:0 auto; font-size:12px; line-height:15px; text-align:center; }

.xans-product-1 ul.prdList .thumb { margin:0 0 20px; }
.xans-product-1 ul.prdList .name { text-align:left; padding-bottom:10px; }
.xans-product-1 ul.prdList .name a { line-height:15px; }
.xans-product-1 ul.prdList .name .title { font-weight:normal; }
.xans-product-1 ul.prdList .status { text-align:right; line-height:0; *zoom:1; }
.xans-product-1 ul.prdList .status:after { content:""; display:block; clear:both; }
.xans-product-1 ul.prdList .icon { float:left; text-align:left; }
.xans-product-1 ul.prdList .icon img { vertical-align:middle; }

/* Áø¿­¹æ½Ä */
.xans-product-1 ul.column2 li.item { width:50%; *width:49.9%; }
.xans-product-1 ul.column2 li.item .box { padding-right:30px; }
.xans-product-1 ul.column2 li.item .thumb { max-width:100%; width:100%; }


/**************** ¾ÆÀÌÆÐµå ****************/
@media screen and (max-width:1024px) {
.xans-product-1 ul.column2 li.item .box { padding-right:20px; transition:all 0.3s ease; }
}


/**************** °¶·°½Ã ³ëÆ® ****************/
@media screen and (max-width:512px) {

.xans-product-1 ul.prdList li.item { margin-bottom:30px; transition:all 0.3s ease; }
.xans-product-1 ul.column2 li.item { width:100%; transition:all 0.3s ease; }

}




/**************** »óÇ° (¸ÞÀÎ »ó´Ü Ãß°¡»óÇ°) ****************/

/* °øÅë */
.xans-product-3 { }
.xans-product-3 ul.prdList { display:table; width:100%; /*min-width:756px;*/ margin:0; font-size:0; line-height:0; }
.xans-product-3 ul.prdList li.item { display:inline-block; margin-bottom:30px; color:#555; vertical-align:top; *display:inline; *zoom:1; }
.xans-product-3 ul.prdList li.item .box { margin:0 auto; font-size:12px; line-height:15px; text-align:center; }

.xans-product-3 ul.prdList .thumb { /*margin:0 0 5px;*/ }
.xans-product-3 ul.prdList .name { text-align:center; line-height:15px; padding-bottom:5px; }
.xans-product-3 ul.prdList .name a { }
.xans-product-3 ul.prdList .name .title { font-weight:normal; }
.xans-product-3 ul.prdList .status { text-align:right; line-height:0; *zoom:1; }
.xans-product-3 ul.prdList .status:after { content:""; display:block; clear:both; }
.xans-product-3 ul.prdList .icon { /*float:left;*/ text-align:center; }
.xans-product-3 ul.prdList .icon img { /*margin:0 -3px 6px 0;*/ vertical-align:middle; }

/* Áø¿­¹æ½Ä */
.xans-product-3 ul.column3 li.item { width:33.33%; *width:33.33%; }
.xans-product-3 ul.column3 li.item .box { margin-right:30px; }
.xans-product-3 ul.column3 li.item .thumb { max-width:100%; width:100%; }


/**************** ¾ÆÀÌÆÐµå ****************/
@media screen and (max-width:1024px) {
.xans-product-3 ul.prdList li.item { margin-bottom:20px; transition:all 0.3s ease; }
.xans-product-3 ul.column3 li.item .box { margin-right:20px; transition:all 0.3s ease; }
}


/**************** °¶·°½Ã ³ëÆ® ****************/
@media screen and (max-width:512px) {

.xans-product-3 ul.column3 li.item { width:50%; }

}




/* °³º°ÆäÀÌÁö °øÅë */
#subpage { clear:both; widht:100%; text-align:center; }
#subpage img { max-width:100%; }








/* »óÇ° ¹Ì¸®º¸±â ·¹ÀÌ¾î */
#detailpage { position: absolute; top: 100px; display: block; width: 640px; padding: 10px 10px 40px; border: 3px solid #93a4b3; background-color: #fff; }
#detailpage .loc { zoom: 1; overflow: hidden; }
#detailpage .loc span { float: right; width: auto; }
/*
#detailpage .loc span { float: right; width: auto; padding-left: 10px; background: url(/images/d3/modern_simple/common/bull_h5_arow_blue.gif) no-repeat 0 6px; }
*/
#detailpage .hd {
    margin-top: 10px; padding: 5px 10px 5px 30px; border: 1px solid #becbd7; background: #e0e6ec url(/images/d3/modern_simple/common/bull_h11_sqr_arow.gif) no-repeat 10px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#detailpage .hd h2 { font-weight: bold; font-size: 16px; color: #666; }
#detailpage .detail { zoom: 1; overflow: hidden; margin-top: 20px; padding-left: 300px; }
#detailpage .thumb-wrap,
#detailpage .txt-wrap { position: relative; float: left; }
#detailpage .close-layer { position: absolute; right: 0px; bottom: 0px; _bottom: -1px; }
/* thumb-wrap */
#detailpage .thumb-wrap { width: 300px; left: -300px; margin-right: -300px; text-align: center; }
#detailpage .thumb-wrap .btns { margin-top: 10px; font-size: 0; line-height: 0;}
#detailpage .thumb-wrap .btns a { margin-left: 5px; }
#detailpage .thumb-wrap .thumb img { width: 250px; }
/* txt-wrap */
#detailpage .txt-wrap { width: 100%; }
#detailpage .txt-wrap .ptit { font-weight: bold; font-size: 14px; color: #333; border-bottom:2px solid #ccc; }
#detailpage .txt-wrap .opt { margin-top: 5px; }
#detailpage .txt-wrap .opt li { padding: 3px 0; }
#detailpage .txt-wrap .opt li.s-price { color: #a00000; }
#detailpage .txt-wrap .f-btns { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ccc; font-size: 0; line-height: 0; }
#detailpage .txt-wrap .f-btns a { margin-right: 5px; }
/* opt-spin */
#detailpage .opt-spin { display: inline-block; position: relative; width: 36px; height: 20px; }
#detailpage .opt-spin .txt-spin { width: 22px; height: 18px; padding-right: 2px padding-top: 2px; border: 1px solid #acacac; font-size: 11px; text-align: right; }
#detailpage .opt-spin .btns { position:absolute; left: 35px; top:0px; width: 12px; height: 20px; }
#detailpage .opt-spin .btns img { overflow: hidden; float: left; text-indent: -999px; background: none; }
#detailpage .thumb-wrap .btns { margin-top: 10px; font-size: 0; line-height: 0;}
#detailpage .thumb-wrap .btns a { margin-left: 5px; }

/* °Ô½ÃÆÇ °øÅë - ÀÏ¹Ý, °Ö·¯¸®, ÄÁÅÙÃ÷¸µÅ©, ÀÚ·á½Ç, ¹Ì´ÏÈ¨ÇÇ, ¹æ¸í·Ï, µ¿¿µ»ó */
/* »ó´Ü */
.bbs-hd { padding: 0px 0 20px; background: url(/images/d3/modern_simple/common/dot_bbs_hd.gif) repeat-x 0 bottom; }
.bbs-hd .link { text-align: center; font-size: 0; line-height: 0; }
.bbs-hd .link li { display: inline; }
.bbs-hd .link li a { padding: 0 8px; color: #9c9c9c; letter-spacing: -0.5px; background: url(/images/d3/modern_simple/common/bull_bbs_hd_link.gif) no-repeat left 50%; }
.bbs-hd .link li.last a { background-image: none; }
/* Å¸ÀÌÆ² */
.bbs-tit { margin-bottom: 30px; margin-top: 20px; text-align: center; }
.bbs-tit .braket { padding: 0 15px; font-weight: bold; color: #cfcfcf; font-size: 14px; vertical-align: middle; }
.bbs-tit em { margin-left: 10px; font-size: 11px; color: #898989;}
/* °Ë»ö */
.bbs-sch { margin-top: 20px; margin-bottom : 10px; text-align:left; float:left; }
.bbs-sch label { margin-right: 10px; }
.bbs-sch .key-wrap { font-size: 0; line-height: 0; }
.bbs-sch .key-wrap,
.bbs-sch .keyword,
.bbs-sch img { vertical-align: middle; }
.bbs-sch .keyword { width: 125px; height: 14px; padding: 2px 0 0 2px; margin-right: 3px; line-height: 14px; border: 1px solid #ededed; }
/* °Ô½ÃÆÇ ±Û¾²±â, ¸ñ·Ï ÀÌµ¿ ¸µÅ© */
.bbs-link { /*font-size:0;*/ line-height:0; }
.bbs-link a { display: inline-block; /* padding: 0 2px; line-height: 14px; color: #9b9b9b; */ font-size: 11px; padding:0 15px; line-height:24px; }
.bbs-link a.write {  }
/* °Ô½ÃÆÇ ±Û¾²±â, ¸ñ·Ï ÀÌµ¿ ¸µÅ© */
.bbs-link a.none { /*background: url('');*/ }
.bbs-link span { /*font-size:11px; color:#555; line-height:14px;*/ }
/* °Ô½ÃÆÇ ÇÑÁÙ°øÁö */
.bbs-online-notice { margin-top: 10px; margin-bottom: -10px; padding: 7px 10px; color: #9d9d9d; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
/* °Ô½ÃÆÇ Å¸ÀÔ - ¸®½ºÆ® */
.bbs-table-list { margin-top: 0px; border-bottom:1px solid #dedede; }
.bbs-table-list thead th { padding:5px 0; line-height:20px; background:none; font-size:11px; font-weight:bold; color:#555; vertical-align:middle; background:#f7f7f7; border-bottom:1px solid #ddd; text-transform:uppercase; }
.bbs-table-list tbody td  { padding:15px 0; } 

.bbs-table-list tbody td { /*background: url('/images/d3/modern_simple/common/dot_bbs_list.gif') repeat-x 0 bottom;*/ border-top:1px solid #dedede; }
/* °Ô½ÃÆÇ Å¸ÀÔ - º¸±â */
.bbs-table-view { margin-top: 0px; }
.bbs-table-view thead th { line-height:20px; padding: 5px 0; } 
.bbs-table-view tbody td { line-height:20px; padding: 15px 0; } 
.bbs-table-view thead th { font-size:11px; color:#555; font-weight:bold; background:#f7f7f7; border-bottom:1px solid #ddd; text-transform:uppercase; }
.bbs-table-view tbody td.line { /*background: url('/images/d3/modern_simple/common/dot_bbs_list.gif') repeat-x 0 bottom;*/ border-bottom:1px solid #dedede; }
.bbs-table-view .btn-dwn { margin-top:15px;}

/* ¹Ì´ÏÈ¨ÇÇ, ¹æ¸í·Ï °Ô½Ã±Û ºä */
/* »ó´Ü */
.visit-vhd { margin-top: 10px; border-top: 1px solid #e5e5e5; }
.visit-vhd th,
.visit-vhd td { padding: 3px 0; border-bottom: 1px solid #e5e5e5; font-family: Dotum; } 
.visit-vhd .tb-left{ padding: 0 3px; }
.visit-vhd td .tb-no { color: #9c9c9c; }
.visit-vhd td .tb-ctrl,
.visit-vhd td .tb-ctrl a { font-size: 11px; color: #9c9c9c; }
/* ³»¿ë*/
.visit-vcont { background: url('/images/d3/modern_simple/common/dot_bbs_list.gif') repeat-x 0 bottom; }
.visit-vcont th,
.visit-vcont td { padding: 6px 0; border-bottom: 1px solid #e5e5e5;} 
.visit-vcont th { font-weight: normal; font-family: Dotum; color: #9d9d9d; }
.visit-vcont tr.no-line th,
.visit-vcont tr.no-line td { padding-bottom: 0; border-bottom: 0; }
.visit-vcont tr.dot-line th,
.visit-vcont tr.dot-line td { padding-top: 2px; border-bottom: 1px dotted #e5e5e5; }
.visit-vcont tr.info td .tb-left { padding-left: 0; color: #555;}
.visit-vcont .tb-left{ padding: 0 3px; }
.visit-vcont td .tb-cont { padding: 5px 0; min-height: 250px; _height: 250px; }
.visit-vcont td .tb-cont img { max-width: 100%; }
/* ÄÚ¸àÆ® */
.visit-vcmt th,
.visit-vcmt td { padding: 6px 0; vertical-align: top; border-bottom: 1px solid #e5e5e5; }
.visit-vcmt th { color: #c5c5c5; }
.visit-vcmt .tb-tit { font-weight: bold; background: url('/images/d3/modern_simple/common/bull_bbs_hd_link.gif') repeat-y right 0; }
.visit-vcmt td .tb-txt { min-height: 30px; _height: 30px; padding-left: 10px; color: #555; }
.visit-vcmt td .date,
.visit-vcmt td .ctrl { display: block; font-size: 11px; }
.visit-vcmt td .date { color: #555; }
.visit-vcmt td .ctrl { margin-top: 5px; }
.visit-vcmt td .ctrl a { margin-left: 2px; margin-right: 2px; color: #999; font-size: 11px; }
/* ÀÛ¼º */
.vist-vcmt-reg { margin-top: 10px; border-bottom: 1px solid #e5e5e5; }
.vist-vcmt-reg th,
.vist-vcmt-reg td ,#comment_reply_input th { padding: 6px 0;}
.vist-vcmt-reg th ,#comment_reply_input th { font-weight: normal; color: #9d9d9d; font-family: Dotum; }
.vist-vcmt-reg .tb-left ,#comment_reply_input .tb-left{ padding: 0 3px; }
.vist-vcmt-reg th .tb-left { padding-left: 10px; background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 45%; }

/* °Ô½ÃÆÇ Å¸ÀÔ - ¾²±â */
.bbs-table-write { margin-top:0px; border-top:0px solid #ddd; border-bottom:1px solid #ddd; }
.bbs-table-write tbody th,
.bbs-table-write tbody td  { padding:10px 0 8px; border-top:1px solid #ddd; color:#555; font-weight:normal; font-size:12px; } 

/* °Ô½ÃÆÇ Å¸ÀÔ - ºñ¹Ð¹øÈ£Ã£±â */
.bbs-table-pwd { margin-top:25px;}
.bbs-table-pwd table { width:260px; margin-left:auto; margin-right:auto;}
.bbs-table-pwd tbody th,
.bbs-table-pwd tbody td  { padding:6px 0;  border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; color:#9d9d9d; font-weight:normal; font-size:12px;} 
/* °øÅëÀ¸·Î ¾²´Â°Å */
textarea { width:600px; height:47px; padding:2px; border:1px solid #dedede;}        
.input-style { padding:2px; height:14px; line-height:14px; border:1px solid #dedede;}

.cont-sub-des { position:relative;}
.cont-sub-des span { margin-right:15px; color:#555;}
.cont-sub-des span em { font-family: 'Arial', sans-serif; font-size:11px; color:#666; }
.cont-sub-des .hit { position:absolute; top:15px; right:0;}
.cont-sub-des .hit span { margin-right:0;}

.comment-box { border-bottom:1px solid #ddd;}
.bbs-table-view .comment-box td { padding-bottom:20px; border-top:1px solid #e5e5e5; vertical-align:top;}
.comment-box .com-name { margin-right:8px; padding:0 8px; background: url('/images/d3/modern_simple/common/bull_bbs_hd_link.gif') repeat-y 100% 0; font-weight:bold; color:#c5c5c5;}
.bbs-table-view td.com-wrt-box { border:0;}
.com-wrt-box label { padding-left:7px; background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 50%; font-famiy: 'Arial', sans-serif; font-size:11px; color:#666;}
.com-wrt-box .input-style { margin:0 10px 0 7px; padding:2px; height:14px; line-height:14px; border:1px solid #EDEDED;}
.com-wrt-box .wrt { margin-top:7px;}

.view-link { padding:20px 0 60px;}

/* °Ô½ÃÆÇ È¸¿ø °Ô½Ã±Û °Ë»ö */
.search_id { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DADADA; display: block; padding: 3px; position: absolute; width: 90px; }

/* °³ÀÎÁ¤º¸º¸È£Á¤Ã¥ µ¿ÀÇ */
.new-privercy-contract { text-align: left; padding: 5px; }
.new-privercy-contract p { font-weight: bold; margin: 0; margin-bottom: 10px; margin-top: 20px; text-align: left; }
.privercy-contract-tap { position: relative; height:40px; }
.privercy-contract-tap ul { list-style: none; margin: 0; padding: 0; position: absolute; bottom: -1px; *bottom: -2px; }
.privercy-contract-tap li { border: 1px solid #e9e9e9; border-right: none; background: #333; float:left; display: inline-block; }
.privercy-contract-tap li a { display: block; padding: 10px 10px; text-decoration: none; color:#fff; }
.privercy-contract-tap li.end { border-right: 1px solid #e9e9e9; }
.privercy-contract-tap li.sel { background: #FFFFFF; border-bottom: 1px solid #FFFFFF; }
.privercy-contract-tap li.sel a { color:#333; }
.privercy-contract { clear: both; }
.privercy-contract textarea { clear: both; border: 1px solid #CCC; height: 60px; background: #FFFFFF; padding: 10px; width: 660px; color:#888; font-size:11px; }
.privercy-agree { margin: 10px 0; }
.privercy-agree label{ margin-right: 10px; }

/*
========================================================================
casual style layout
========================================================================
*/
#contentWrap { /*clear:both; width: 1200px; margin:0 auto;*/ }
/*
========================================================================
casual style common class
========================================================================
*/
/* .item-wrap */
.item-wrap .item-hd { width: 1200px; padding: 25px 0; text-align: center; background:none;  }
.item-wrap .item-info { zoom: 1; overflow: hidden; padding: 35px 0 10px 0;  }
.item-wrap .item-info .item-total { float: left; font-size:12px; }
.item-wrap .item-info .item-order { /*float: right;*/ }
.item-wrap .item-info .item-order li { /*float: left; padding: 0 5px;*/ }
.item-wrap .item-info .item-order li a { /*font-size: 12px;*/ }
.item-wrap .item-cont { zoom: 1; overflow: hidden; }
.item-wrap .item-cont:after { content: ""; display: block; clear: both; }






/* ½æ³×ÀÏ ÀÌ¹ÌÁö */



.item-wrap  { width:100%; }

.item-wrap .item-list { clear:both; margin: 0px 0 0px -30px; width:1230px; }
.item-wrap .item-list td { vertical-align:top; }
.item-wrap .item-list ul { float:left; width:380px; /*height:405px;*/ vertical-align:top; margin:0 0 0 30px; padding-bottom:55px; }
.item-wrap .item-list ul .box { margin:0 auto; font-size:11px; line-height:16px; text-align:center; }
.item-wrap .item-list li { text-align:left; margin-bottom:5px; }
.item-wrap .item-list li a { line-height:16px; }

.item-wrap .item-page { margin-top: 40px; text-align: center; }
.item-wrap .item-page a { padding: 0 5px; }
.item-wrap .item-page a:hover,
.item-wrap .item-page a.now { font-weight: bold; letter-spacing: -1px; }
.item-wrap .item-desc { margin-bottom: 40px; }
.item-wrap .item-none { padding-top: 40px; text-align: center; }











/* .navi */
.navi p { padding: 0 0 10px 30px; border-bottom: 1px solid #eee; font-size: 11px; }
.navi p a { font-size: 11px; }
.page-hd { padding: 15px 0 15px 30px; }



/* .cate-wrap */
.cate-wrap { display:inline; font-size:0; line-height:0; }
.cate-wrap .bcate { font-size:13px; color:#333; text-transform:uppercase; padding-bottom:5px; line-height:14px; }
.cate-wrap .bcate { display:inline-block; }

/* ÁßºÐ·ù */
.cate-wrap .mcate { display:inline; font-size:0; line-height:0; }
.cate-wrap .mcate > li { display:inline-block; *display:inline; *zoom:1; width:auto; margin-left:15px; font-size:12px; line-height:30px; vertical-align:top; }
.cate-wrap .mcate > li > a { font-weight:normal; color:#999; line-height:30px; }
.cate-wrap .mcate > li > a:hover { color:#999; text-decoration:underline; }




/* .list-hd */
.item-wrap .list-hd { zoom: 1; overflow: hidden; padding: 25px; background: url(/images/d3/casual_style/common/bg_w10_h8_line.gif) repeat-x 0 85%; }
.item-wrap .list-hd .title { float: left; }
.item-wrap .list-hd .navi { float: right; font-size: 11px; }
.item-wrap .list-hd .navi a { font-size: 11px; }











