/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
font-family: 'Nanum Gothic', sans-serif;

@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
font-family: 'Nanum Myeongjo', serif;

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
font-family: 'Noto Sans KR', sans-serif;
 */

@font-face {
    font-family: ng;
    src: url(../css/font/NanumGothic.eot);
    src: local(��), url(../css/font/NanumGothic.woff) format(��woff��)
}

html {
    min-width: 100%;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    /*font: inherit;
	vertical-align: baseline;*/
}


/* HTML5 ������ ���� ���� */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    font-family: NanumGothic, '³ª´®°íµñ', '������ï¿?', ng, sans-serif;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

strong {
    font-weight: bold;
}

* {
    outline: none;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
    line-height: 1px;
    height: 1px;
}

i,
em {
    font-style: italic;
}

a {
    text-decoration: none;
}

p {
    line-height: 17px;
}

input[type="text"],
textarea {
    padding: 0 10px;
    border-width: 1px;
    font-size: 13px;
    margin-top: 7px;
}

input,
textarea,
select {
    color: #202020;
    font-size: 12px;
}

textarea {
    resize: none;
    padding: 14px;
}

caption,
legend {
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}


/* ����, ��Ʈ */

.mt5 {
    margin-top: 5px !important
}

.mt10 {
    margin-top: 10px !important
}

.mt15 {
    margin-top: 15px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt25 {
    margin-top: 25px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt35 {
    margin-top: 35px !important
}

.mt40 {
    margin-top: 40px !important
}

.mt42 {
    margin-top: 42px !important
}

.mt45 {
    margin-top: 45px !important
}

.mt50 {
    margin-top: 50px !important
}

.mt54 {
    margin-top: 54px !important
}

.mt55 {
    margin-top: 55px !important
}

.mt60 {
    margin-top: 60px !important
}

.mt70 {
    margin-top: 70px !important
}

.mt3 {
    margin-top: 3px
}

.mt7 {
    margin-top: 7px
}

.mt8 {
    margin-top: 8px !important
}

.mt9 {
    margin-top: 9px !important
}

.mt12 {
    margin-top: 12px !important
}

.mt13 {
    margin-top: 13px
}

.mt14 {
    margin-top: 14px !important
}

.mr10 {
    margin-right: 10px
}

.mr15 {
    margin-right: 15px
}

.mt18 {
    margin-top: 18px
}

.mt19 {
    margin-top: 19px !important
}

.mr20 {
    margin-right: 20px
}

.mt23 {
    margin-top: 23px !important
}

.ml10 {
    margin-left: 10px;
}

.mb20 {
    margin-bottom: 20px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.pl5 {
    padding-left: 5px
}

.pl8 {
    padding-left: 8px
}

.pl10 {
    padding-left: 10px
}

.pl15 {
    padding-left: 15px
}

.pl20 {
    padding-left: 20px
}

.pl25 {
    padding-left: 25px
}

.pl36 {
    padding-left: 36px
}

.pr20 {
    padding-right: 20px
}

.tit1 {
    font-size: 17px;
    font-weight: bold;
    color: #333
}

.tit2 {
    font-size: 15px;
    font-weight: bold
}

.tit3 {
    font-size: 13px;
    font-weight: bold
}


/*color*/

.blue {
    color: #1A3BA6
}

.blueB {
    color: #1A3BA6;
    font-weight: bold
}

.org {
    color: #e23000
}

.blue12 {
    font-size: 12px;
    color: #848484
}

.blackB {
    color: #333;
    font-weight: bold
}

.greenB {
    color: #003333;
    font-weight: bold
}

.red {
    font-weight: bold;
    color: #e23000
}

.black {
    font-weight: bold;
    color: #000
}

.blue2 {
    font-weight: bold;
    color: #b8783a
}


/*input placeholder*/

input:-ms-input-placeholder {
    color: #666;
    font-family: NanumGothic, '�������, ng, sans-serif;
} // Internet Explorer 10 �̻� ����
input::-webkit-input-placeholder {
    color: #666;
    font-family: NanumGothic, '�������, ng, sans-serif;
} //  Webkit, Blink, Edge�� ����
input::-moz-placeholder {
    color: #666;
    font-family: NanumGothic, '�������, ng, sans-serif;
} // Mozilla Firefox 4 ���� 18�� ����
input::-moz-placeholder {
    color: #666;
    font-family: NanumGothic, '�������, ng, sans-serif;
} // Mozilla Firefox 19 �̻� ����

/* ���� */

.taC {
    text-align: center !important
}

.taR {
    text-align: right !important
}

.taL {
    text-align: left !important
}

.disB {
    display: block;
}

.disinB {
    display: inline-block;
}

.verM {
    vertical-align: middle
}

.overF {
    overflow: hidden
}

.fL {
    float: left
}

.fL_login {
    float: left;
    margin-left: 10px;
}

.fR {
    float: right;
    clear: both;
}

.subScript {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.lH23 {
    line-height: 23px !important;
}

.lH30 {
    line-height: 30px
}

.ls1 {
    letter-spacing: -1px !important
}

.ls5 {
    letter-spacing: -0.5px !important
}

.linePds {
    padding-left: 20px;
    line-height: 23px;
    letter-spacing: -0.5px
}

.mr5 {
    margin-right: 5px
}

.mr80 {
    margin-right: 80px
}

.imgcenter {
    display: block;
    margin: 0 auto;
}

.btn_gray {
    background-color: #7a7a7a;
    color: #fff;
    overflow: hidden;
    padding: 3px 5px;
    margin-bottom: 10px;
}

.btn_gray a {
    color: #fff;
}

.btn_gray img {
    margin-bottom: -3px;
}

.btn_white {
    border: 1px solid #acacac;
    background-color: #fff;
    color: #7d7d7d;
    overflow: hidden;
    padding: 3px;
    margin-bottom: 10px;
}

.btn_white img {
    margin-bottom: -2px;
}

.btn_pink {
    background-color: #d3242d;
    color: #fff;
    overflow: hidden;
    padding: 3px;
    margin-bottom: 10px;
}


/* ���̾��˾� */

.popWrap .popCnt {
    background: rgba(0, 0, 0, 0) url("../images/icon_bg.png") no-repeat scroll 224px top;
    padding-top: 110px;
    text-align: center;
}

.popWrap .popCnt .colorDark {
    font-weight: bold;
}

.popup.loading {
    background: url('../images/preloader.gif') no-repeat center center #eee;
    box-shadow: 0 0 50px #ccc inset, 0 0 5px #666;
    top: 0 !important;
    left: 0 !important;
    right: 0;
    bottom: 0;
    margin: auto;
    border-width: 0 !important;
}

.frameCacheDiv iframe {
    border: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: fixed;
    z-index: 10010;
}

.popupBG {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 10000;
}

.layerPopWrap {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #d3242d;
    border-image: none;
    border-style: solid;
    border-width: 5px 1px 1px;
    /* left: 50%;*/
    position: absolute;
    /* top: 50%;*/
    width: 560px;
    z-index: 1;
}

.layerPopWrap.small {
    width: 500px;
}

.layerPopWrap.large {
    width: 880px;
}

.layerPopWrap .popWrap {
    background: #fff none repeat scroll 0 0;
    overflow: hidden;
    padding: 24px 0 0 0px;
    position: relative;
}

.layerPopWrap .popWrap .popTlt {
    padding-right: 30px;
}

.popWrap .popCnt .agreeContents {
    background-color: #f5f5f5;
    line-height: 20px;
    margin: 20px 0 0;
    padding: 20px 0;
}

#pop_email .popWrap .popCnt .agreeContents span {
    display: block;
    text-align: center;
}


/* �Ϲ� ����Ʈ�ڽ� */

.general-select .jquery-selectbox {
    margin: 0;
    border-width: 1px;
    height: 34px;
    padding: 0;
}

.general-select .jquery-selectbox .jquery-selectbox-item {
    padding: 0 0 0 18px;
    line-height: 1.9em;
}

.general-select .jquery-selectbox .jquery-selectbox-currentItem {
    line-height: 34px;
}

.general-select .jquery-selectbox .jquery-selectbox-moreButton {
    width: 100%;
}

.general-select .jquery-selectbox .jquery-selectbox-moreButton {
    background: url(../images/ico_arrow5.png) no-repeat right 12px;
}

.general-select .jquery-selectbox.selecthover .jquery-selectbox-moreButton {
    background: url(../images/ico_arrow5_hover.png) no-repeat right 12px;
}

.general-select .jquery-selectbox .jquery-selectbox-currentItem {
    padding-left: 18px;
}

.general-select .jquery-selectbox .jquery-selectbox-list {
    padding: 5px 0 13px 0;
    box-shadow: none;
}


/* �Ϲ� ����Ʈ�ڽ� �� */


/* ----------------------------------- ���ν�Ÿ�� ��� �׵θ�  -----------------------------------*/


/* HEADER �÷� �׵θ� */

.topbar,
#showcase.jcarousel .nivo-controlNav a:first-child:hover {
    background-color: #2E2E2E !important;
}

.jquery-selectbox {
    border-style: solid;
    border-color: #2E2E2E;
}


/* ///HEADER �÷� �׵θ� */


/* ���� */

.topbar,
#footer {
    background-image: none;
    background-repeat: repeat;
}


/* //���� */


/* FOOTER �÷� �׵θ� */

#footer {
    background-color: #fff;
}

#footer-top,
#footer-bottom .payment {}


/* ///FOOTER �÷� �׵θ� */


/*  �Է�â ���� */

form.search2 .third span,
.search2 .jquery-selectbox span,
.detail-block .price-col div,
.detail-block .quat-col .listmenu,
.ui-tabs .ui-tabs-nav li span,
.cloud-zoom-loading,
.accordin-panel h5 span,
.block1st .graycol,
table th span,
table#cart tr td .input,
.shopping .left .labeltop span,
.contact h5 span,
#cart-content ul li .cont:hover,
.topnav li.info ul li:hover,
.jquery-selectbox .jquery-selectbox-item.listelementhover,

/*table tr:hover td*/

{
    background-color: #f4f4f4;
}


/*   �Է�â ���� �� */


/*  �Է�â ���� */

.search {
    background-color: #fff;
    /* ȸ������ */
}


/*  �Է�â ���� �� */


/* �׵θ� ������׸��� ��Ÿ�� */

input[type="text"],
textarea,
.general-select .jquery-selectbox,
.currency .jquery-selectbox.selecthover,
.divisory,
.topnav li.info ul,
.topnav ul:first-child>li.info:hover>a,
.jquery-selectbox .jquery-selectbox-list,
form .error .jquery-selectbox,
#header-right .cart #cart-content,
.cart,
.feature,
#menu-bar,
#navigation ul:first-child>li,
#navigation ul li ul.sub,
#navigation ul li ul.sub li+li+li h3,
#navigation ul li ul.sub2,
#showcase,
#leftcol,
.gallery ul li,
.gallery .top-block,
.gallery .imgb,
.gallery ul li .cart-button,
.partner li,
#rightcol,
#rightcol .rightcol-block,
.offer li .imgb,
#cart-content ul li .imgb,
#cart-content ul li,
.button-cart,
.banner .imgb,
.category,
#wrapper-border,
.nivo-controlNav,
.slider-wrapper-cycle ul li,
.breadcrumb,
.common3,
.common3 .imgb2,
form.search2 .select,
form.search2 .select2,
form.search2 .third,
.product-detail .imgb5,

/*.button-default.cart,*/

.pagination2 li,
.search2 .jquery-selectbox,
.search2 .jquery-selectbox .jquery-selectbox-list,
.detail-left .imgb,
.detail-block ul.thumbnail li a,
.detail-block .price-col,
.detail-block .quat-col div.listmenu-border,
.info-content,
.cloud-zoom-big,
.cloud-zoom-loading,
.customer-left,
.customer h4,
.customer-form .input,
.accordin-panel h5.ui-accordion-header,
.accordin-block .input,
.accordin-block .listmenu,
.pro-col li .imgb,
.Featured .block1st,
.block1st h4,
.post-col .date,
.post-col .imgb1,
.post-col .txtb h1,
table th,
table th:first-child,
table td,
table tr.padding.bot td,
table#cart td .imgb,
table#cart tr td .input,
.shopping .left .labeltop,
.shopping .left .select,
.shopping .right .col1,
.shopping .right .total,
.shopping .right .total,
.submit-review,
.submit-login,
.contact h5,
.fill-form .col1 .input,
.fill-form .input2,
.fill-form .textarea,
.review-list li,
.ui-tabs .ui-tabs-nav li,
.feature2-left,
.feature2-right,
.about-txt,
.team-container,
.team img {
    border-color: #DDD;
    /* ������ */
    border-style: solid;
}


/* �ڽ������� ����
.topnav li.info ul, .jquery-selectbox .jquery-selectbox-list, .search2 .jquery-selectbox .jquery-selectbox-list {
	box-shadow: 0 2px 4px #DDD;
}
#header-right .cart #cart-content, #navigation ul li ul.sub, #navigation ul li ul.sub2 {
 box-shadow: 0 0 4px #DDD;
}
.gallery ul li:hover, #fancybox-outer {
	box-shadow: 0 0 4px 1px #DDD;
}
*/

#showcase.jcarousel .nivo-controlNav a.last-child:hover,
.nivo-controlNav a {
    background: #DDD;
}


/* /// �׵θ����� �׸��ڽ�Ÿ�� */


/* Ÿ��Ʋ ��Ÿ�� */

h1,
h2,
h3,
h4,
h5,
h6,
a:hover,
textarea,
.general-select .jquery-selectbox .jquery-selectbox-currentItem,
.topnav ul:first-child>li.info:hover>a,
.topnav li.info ul li a,
.jquery-selectbox.selecthover .jquery-selectbox-currentItem,
.jquery-selectbox .jquery-selectbox-item,
form .error .jquery-selectbox,
.cart,
.cart h6 a,
.feature .heading,
.feature a,
#navigation ul:first-child>li,
#navigation ul:first-child>li>a,
#navigation>ul:first-child>li>ul.sub>li>ul>li>a,
#navigation ul li ul.sub2 li a,
.gallery h3,
.gallery h3 a,
.gallery .view a,
.subnav li,
.subnav li a,
.offer li .txtb .title,
.offer li .txtb .title a,
#cart-content ul li .txtb .title,
#cart-content ul li .txtb .title a,
#cart-content ul li .quantity,
#cart-content .totalbox span strong,
.nivo-caption a,
.breadcrumb li a,
.row span a.num,
form.search2 label,
.pro-left h4 a,
.pro-right li a,
.pagination2 li.previous,
.pagination2 li.next a,
.pagination2 li.previous a,
.search2 .jquery-selectbox.selecthover .jquery-selectbox-currentItem,
.search2 .jquery-selectbox .jquery-selectbox-item,
.detail-block .quat-col label,
.review-list li a,
.ui-widget-content a,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited,
.cloud-zoom-loading,
#fancybox-error,
.fancybox-title-inside,
.customer-left p a:hover,
.customer-form .forgot a:hover,
.accordin-panel h5 a,
.accordin-block .input,
.accordin-block .listmenu,
.accordin-block .select a:hover,
.pro-col li,
.pro-col li a,
ul.catelist li,
ul.catelist li a,
.post-col .txtb h1 a:hover,
table th,
table#cart tr td.prod-col p,
table#cart tr td.prod-col a,
table#cart tr td.prod-col+td+td+td,
table#cart tr td .input,
table#cart tr td .input+span a,
table#cart tr td span.orange a:hover,
.shopping .right .col1,
.shopping .right .total,
.shopping .right .total,
.shopping .button-default.cart span.hover,
.shopping .button-default.cart.dark span.hover,
.shopping .submit-review a.sub-hover,
.contact h5 span,
.fill-form .col1 .input,
.fill-form .input2,
.fill-form span.gray a:hover,
.contact .accordin-block span.gray a:hover,
.gallery ul li .cart-button a.hov,
.gallery ul li .detail-button a.hov.gallery ul li .cart-button a.hov,
.gallery ul li .detail-button a.hov,
.error-page,
.ui-tabs .ui-tabs-nav li a,
.button-default.cart.light span.hover,
.team strong {
    color: #333;
    font-family: NanumGothic, '�������, ng, sans-serif;
}


/* edit the color here */


}
input[type="text"] {
    font-family: NanumGothic, '�������, ng, sans-serif;
}

/* ��� �׵θ� */
.gallery ul li .detail-button a,
.button-default.cart.dark span,
.button-default.cart span.hover,
.accordin-block .shopping .submit-review a.sub-hover,
.post-col .date .gray,
.submit-review a.sub-hover,
.button-cart.dark a {
    background: #333;
}
.cloud-zoom-lens {
    border: 4px solid #333;
}
.detail-block ul.thumbnail li a:hover {
    border-color: #333;
}

/* Ÿ��Ʋ ��Ÿ�� �� */

/* Ÿ��Ʋ ��Ÿ��2 */
.topnav li strong,
.tb-right,
.tb-right .language li a,
#navigation ul li ul.sub h3,
.gallery ul li .price.sale,
.gallery ul li .price span,
.offer li .txtb .price span,
#cart-content ul li .txtb .price span,
#cart-content ul li .quantity span,
.cscenter li .date,
#footer .list li,
#footer .list li a,
#footer-bottom,
#footer-bottom .common4 ul li a,
#footer-bottom a,
.pro-right span.price2.sale,
.search2 .jquery-selectbox,
.review-list li,
.info-content .date,
table#cart tr td.prod-col span,
.shopping .right .col2,
.team span {
    color: #999;
}

/* Ÿ��Ʋ ��Ÿ��2 �� */

/* TEXT ��Ÿ�� */
a,
body,
.topnav li.info ul li a:hover,
.feature,
.feature a:hover,
.search .input,
#showcase .title span,
.subnav li ul li,
.subnav li ul li a,
.nivo-caption a:hover,
.search2 .jquery-selectbox .jquery-selectbox-currentItem,
.customer-form .input,
.post-col .txtb p,
table#cart tr td.prod-col+td+td,
.breadcrumb li a:hover,
.pro-right li a:hover,
ol.general span {
    color: #666;
}

/* ��� �׵θ� */
.thumbnail-zoom span span.thumb-arrow,
.pro-col,
.ui-widget-overlay {
    background: #666;
}

/* TEXT ��Ÿ�� ��*/

/* TEXT ��Ÿ��2 */
.cart:hover .item a,
#navigation ul:first-child>li:hover>a,
#navigation ul:first-child>li>a.active,
.gallery ul li .cart-button a,
.gallery ul li .detail-button a,
.button-cart a,
#footer .list h5,
#footer-bottom .common4 ul li a:hover,
#footer-bottom .copyright,
#footer-bottom a:hover,
.thumbnail-zoom span span.thumb-arrow,
.pro-col .thumb-arrow,
.button-default.cart span,
.button-default.cart span.hover,
.pagination2 li a:hover,
.pagination2 li a.active,
.pagination2 li span.current,
.fancybox-title-outside,
.fancybox-title-over,
#fancybox-title-float-main,
.customer-form .button,
.step1 .button,
.accordin-block .shopping .submit-review a.sub-hover,
.post-col .date .first,
.post-col .date .gray,
.post-col .date .gray,
.shopping .left .button,
.shopping .left .button3,
.submit-review a.sub-hover,
.fill-form .button,
.submit-review a,
.jquery-selectbox .jquery-selectbox-currentItem,
.tb-right .language li,
.tb-right .language li:hover a,
.topnav li,
.topnav li a,
.topnav li a:hover,
.post-col .date .gray span {
    color: #FFF;
}
::selection,
 ::-moz-selection {
    color: #FFF;
}

/* TEXT ��Ÿ��2 �� */

/* ��ũ��Ÿ�� */
.red,
ol.general,
blockquote,
.cart .item a,
.detail-block .price-col span,
.breadcrumb span,
.feature .heading a:hover,
.feature.number .heading,
#showcase .title,
.gallery h3 a:hover,
.gallery ul li .price,
.offer li .txtb .price,
#cart-content ul li .txtb .price,
.cscenter li a,
.row span a:hover,
.row span a.active,
.pro-left h4 a:hover,
.pro-right span.price2,
.pagination2 li.next a:hover,
.pagination2 li.previous a:hover,
.review-list li a:hover,
.customer-form .forgot,
.customer-form .forgot a,
.accordin-panel h5:hover a,
.accordin-panel h5.ui-state-active a,
.accordin-block label.title strong,
.accordin-block .select a,
.pro-col li a:hover,
.pro-col li span.price,
ul.catelist li a:hover,
.post-col .txtb p a,
table#cart tr td.prod-col a:hover,
.heading2 h2.small2,
.customer-left p a,
.post-col .txtb h1 a,
table#cart tr td span.orange a,
.shopping .right .col2 .total,
.fill-form span.gray a,
.contact h5 span a,
.contact .accordin-block span.gray a,
.typography p a,
.error-page a,
span.bullet {
    color: #d3242d;
}

/* ��� �׵θ� */
.cart:hover .item a,
#navigation ul:first-child>li:hover>a,
#navigation ul:first-child>li>a.active,
.gallery ul li .cart-button a,
.button-cart a,
.nivo-controlNav a.active,
.nivo-controlNav a:hover,
#showcase.jcarousel .nivo-controlNav a:first-child:hover,
#showcase.jcarousel .nivo-controlNav a.last-child,
.button-default.cart span,
.button-default.cart.dark span.hover,
.pagination2 li a:hover,
.pagination2 li a.active,
.pagination2 li span.current,
.post-col .date .first,
.post-col .date .gray,
.submit-review a {
    background: #7e7e7e;
}

/* ��ũ��Ÿ�� �� */
::selection,
 ::-moz-selection {
    background-color: #d3242d;
}

/* ----------------------------------- ���ν�Ÿ��, ��� �׵θ� ��  -----------------------------------*/
h1 {
    font-size: 20px;
}
h2 {
    font-size: 18px;
}
h2 span {
    font-size: 12px;
    color: #7A7A7A;
}
h3 {
    font-size: 17px;
}
h4 {
    font-size: 16px;
}
h5 {
    font-size: 14px;
}
h6 {
    font-size: 13px;
}
.bk {
    color: #313131 !important;
}
#leftcol {
    padding-bottom: 52px !important;
}
#leftcol.medium {
    padding-bottom: 120px !important;
}
#leftcol.big {
    padding-bottom: 180px !important;
}
.divisory {
    clear: both;
    border-bottom-width: 1px;
    padding-bottom: 44px;
    margin-bottom: 45px;
}
.column_grid p {
    padding-bottom: 14px !important;
}
.column_grid div.last-child {
    margin-bottom: -24px;
}
.column_grid .one {
    width: 100%;
}
.column_grid .two {
    padding-right: 26px;
    float: left;
    width: 359px;
}
.column_grid .two+.two {
    padding-right: 0;
    float: right;
}
.column_grid .three {
    width: 230px;
    float: left;
    padding-right: 26px;
}
.column_grid .three+.three+.three {
    float: right;
    padding-right: 0;
}
.column_grid .one-two {
    width: 486px;
    float: right;
}
.column_grid .two-one {
    width: 486px;
    float: left;
    padding-right: 26px;
}
.column_grid .two-one+.three {
    padding-right: 0;
}
ol.general,
ul.general {
    margin-top: -3px;
    margin-bottom: -3px;
}
ol.general span,
ul.general span {
    line-height: 1.9em;
}
ol.general li {
    list-style: decimal;
    padding: 0 0 0px 0;
}
ul.general.plus li {
    background: url(../images/bg_divider.png) no-repeat left 10px;
    padding: 0 0 0 13px;
}
ul.general li {
    background: url(../images/bg_bullet.png) no-repeat left 10px;
    padding: 0 0 0 13px;
}
blockquote {
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 18px;
    padding: 0 10px;
}
blockquote p {
    font-size: 18px !important;
}

/* ----------------------------------- ����  -----------------------------------*/
.hideall {
    visibility: hidden;
}
html,
body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
body {
    background: #fff;
    font-size: 13px;
}
.box {
    width: 1060px;
    margin: 0 auto;
}
.cart h6,
#footer .list h5 {
    font-weight: bold;
}

/* topbar */
.topbar {
    width: 100%;
    height: 30px;
    overflow: hidden;
}
.topbar .link_bar {
    float: left;
}
.header-top {
    width: 100%;
    background: #011a4d;
	padding: 15px 0;
}

.header-top .box{
	overflow:hidden;
	width:1200px;
}

.ht_left {
    float: left;
}
.ht_right {
    float: right;
    width: 690px;
}
.ht_right .htr_top {
    float: right;
    margin-bottom: 10px;
}
.ht_right .htr_top li {
    float: left;
    font-size: 12px;
    background: url(../images/main/ht_bar.gif) no-repeat center right;
    padding: 0 10px 0 7px;
}
.ht_right .htr_top li.nobg {
    background: none;
}
.ht_right .htr_top li a {
    color: #e8e8e8;
}
.ht_right .htr_bot {
    width: 100%;
    clear: both;
}
.ht_right .htr_bot .mt_cs {
    display: block;
    float: left;
    margin-right: 15px;
}
.ht_right .htr_bot a {
    float: left;
	text-align:center;
}
.ht_right .htr_bot .sns_s {
    /*margin-right: 4px;*/
	margin: 0 4px;
}

.ht_right .htr_bot .sns_s img{
	/*width: 34px;*/
}

.ht_right .htr_bot .sns_s p{
	font-size: 11px;
	color: #fff;
}

/* ���� �����̵� ����  */
#subflash_html {
    float: left;
    position: relative;
    height: auto;
    background-position: center top;
}
.slideshow-wrapper2 {
    float: left;
    position: relative;
    width: 944px;
    height: 320px;
    overflow: hidden;
}
/* overflow:hidden; */
.slideshow-wrapper-box2 {
    float: center;
    position: absolute;
    width: 944px;
    height: 320px;
    overflow: hidden;
    z-index: 1;
    left: 0px;
    top: 0px;
    margin-left: 52px;
}
/* overflow:hidden; */
.slideshow-wrapper-box2 img {
    border-width: 1px;
}

/* �����̵� ��ư*/
.slideshow-wrapper2 .wrapper-Num {
    float: left;
    position: absolute;
    width: 100%;
    height: 20px;
    margin-top: 300px;
    z-index: 2;
    text-align: center;
    left: 10px;
}

/* ���� �ѹ��� ���������϶� */
.slideshow-wrapper2 .wrapper-Num .num {
    float: none;
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    border: 2px solid #bccf24;
    cursor: pointer;
}
.slideshow-wrapper2 .wrapper-Num .num:hover {
    background-color: #bccf24;
}
.slideshow-wrapper2 .wrapper-Num .num.active {
    background-color: #bccf24;
}

/* ���� �ѹ��� ���������϶� */

/* ���� �ѹ��� �̹��������϶� */
.slideshow-wrapper2 .wrapper-Num .numimg {
    float: none;
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
}
.slideshow-wrapper-box2 .wrapper-li {
    float: left;
    position: absolute;
    width: 894px;
    height: 286px;
    overflow: hidden;
}
.slideshow-wrapper-box2 .wrapper-li .part {
    float: left;
    position: absolute;
    height: 286px;
    overflow: hidden;
}
.slideshow-wrapper-box2 .wrapper-li .part .zindex10 {
    z-index: 10
}
.slideshow-wrapper-box2 .wrapper-li .part .zindex20 {
    z-index: 20
}
.slideshow-wrapper-box2 .wrapper-li .part .zindex30 {
    z-index: 30
}

/* ���� �����̵� ���� ��  */

/* �������������Ʈ�ڽ� - JQUERY PLUGIN  */
.jquery-selectbox {
    position: relative;
    height: 16px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    min-width: 46px;
    z-index: 0;
    float: left;
    height: 22px;
    display: inline;
    margin: -7px 0 0 0;
    padding: 7px 0 0 0;
}
.jquery-selectbox.selecthover {
    background-color: #FFF;
    z-index: 700;
}
.jquery-selectbox .jquery-selectbox-currentItem {
    padding: 0px 0px 0px 6px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}
.jquery-selectbox.selecthover .jquery-selectbox-currentItem {
    cursor: pointer;
}
.jquery-selectbox .jquery-selectbox-list {
    display: none;
    position: absolute;
    top: 29px;
    background: #FFF;
    left: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 1000;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    margin: 0 0 0 -1px;
    padding: 0 0 13px 0;
    min-width: 46px;
}
.jquery-selectbox .jquery-selectbox-moreButton {
    float: right;
    background: url(../images/ico_arrow2.png) no-repeat right 2px;
    height: 22px;
    cursor: pointer;
    width: inherit;
    min-width: 46px;
    position: absolute;
}
.jquery-selectbox.selecthover .jquery-selectbox-moreButton {
    background: url(../images/ico_arrow2_hover.png) no-repeat right 2px;
}
.jquery-selectbox .jquery-selectbox-item {
    display: block;
    cursor: pointer;
    padding: 0px 0px 0px 6px;
    height: 23px;
    line-height: 2.2em;
    background: #FFF;
}

/* �������������Ʈ�ڽ� �� */
.tb-right .language {
    float: right;
}
.tb-right .language li {
    float: left;
    padding: 0 0 11px 10px;
    text-transform: uppercase;
    position: relative;
    margin-top: 1px;
}
.tb-right .language li.active {
    /*background:url(../images/bg_flag_top.png) bottom no-repeat;*/
}
.tb-right .language li span {
    width: 16px;
    height: 11px;
    background: url(../images/bg_flag.png) bottom no-repeat;
    display: block;
    padding: 3px 4px 3px 4px;
    position: absolute;
    left: 5px;
    bottom: -21px;
    visibility: hidden;
}
.tb-right .language li:hover span {
    visibility: visible;
}

/* header */
#header {
    width: 100%;
}
.logotable {
    padding: 28px 0 25px
}
.logotable td {
    padding: 0!important;
    border: none!important;
    width: auto!important;
    text-align: left!important;
}
.logotable tr:hover td {
    background: none;
}
.logotable tr {
    width: 100%;
}
#logo {
    float: left;
}
#logo img:hover,
.button-cart:hover a,
.button-cart.hover a {
    opacity: 0.7;
    filter: alpha(opacity=7);
    /* IE8�������� ���*/
}
#header-right {
    float: right;
    position: relative;
}
#header-right .cart {
    min-width: 133px;
}
#header-right .cart .cart-box {
    display: inline-block;
}
#header-right .cart #cart-container {
    padding-top: 22px;
    right: 0;
    position: absolute;
    z-index: 9;
    display: none;
}
#header-right .cart:hover #cart-container {
    display: block;
}
#header-right .cart #cart-content {
    width: 289px;
    padding: 20px 20px 12px 20px;
    background: #FFF;
    display: inline-block;
    border-width: 1px;
}
.cart {
    text-align: center;
    /*padding:10px 0 11px 0;*/
    /*border-width:1px;*/
    
    float: right;
}
.cart h6 {
    padding: 0 0 8px 0;
}
.cart .item {
    display: inline-block;
    font-size: 12px;
}
.cart .item a {
    padding: 0 5px;
    cursor: default;
    margin: 0 5px;
}
.feature {
    float: right;
    padding: 0 33px;
    margin: 11px 0 0 0;
    border-left-width: 1px;
    font-size: 11px;
}
.feature .heading {
    display: block;
    font-size: 14px;
    line-height: 15px;
    padding: 0 0 10px 0;
}
.feature .heading img {
    float: left;
    margin: 0 6px 0 0;
}
.feature.number {
    border: none;
}
#menu-bar {
    width: 1158px;
    height: 50px;
    border-width: 1px;
}

/* ����׺� */
#navigation {
    float: left;
    margin-right: 3px;
}
#navigation ul:first-child>li {
    font-size: 13px;
    font-family: NanumGothic, '�������, ng, sans-serif;
    line-height: 44px;
    position: relative;
    float: left;
    padding: 3px;
    /*border-right-width:1px;*/
}
#navigation ul:first-child>li>a {
    display: block;
    line-height: 44px;
    padding: 0 20px;
}
#navigation ul li ul.sub {
    position: absolute;
    background: #FFF;
    padding: 20px 22px 2px 22px;
    display: none;
    border-width: 1px;
    z-index: 10000;
    margin: 14px 0 0 -4px;
    font-size: 13px;
    width: 317px;
}
#navigation ul li ul.sub h3 {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    clear: both;
    line-height: 1em;
    padding-bottom: 16px;
}
#navigation ul li ul.sub li+li+li h3 {
    border-top-width: 1px;
    padding: 22px 0 16px 3px;
    margin-top: 4px;
}
#navigation ul li ul.sub li ul {
    display: inline-block;
    margin-left: -43px;
}
#navigation>ul:first-child>li>ul.sub>li>ul>li>span.bullet {
    padding-right: 6px;
    background: none;
    margin-left: -12px;
}
#navigation>ul:first-child>li>ul.sub>li>ul>li {
    line-height: 1.9em;
    width: 109px;
    padding: 0 5px 0 0;
    float: left;
    margin-left: 54px;
    position: relative;
}
#navigation>ul:first-child>li>ul.sub>li>ul>li>a {
    word-wrap: break-word;
    margin-left: 1px;
}
#navigation ul li ul.sub2 {
    position: absolute;
    display: none;
    background: #FFF;
    padding: 14px 12px 14px 12px;
    border-width: 1px;
    z-index: 999;
    font-size: 12px;
    margin: 14px 0 0 -4px;
    width: 120px;
}
#navigation ul li ul.sub2 li {
    line-height: 2em;
}
#navigation ul li ul .space {
    position: absolute;
    height: 20px;
    display: inline-block;
    width: 100%;
    top: -15px;
    left: 0;
}
#navigation ul li:hover ul {
    display: block;
}
#navigation ul li ul li ul.sub2 {
    left: 0;
    margin: 3px 0 0 -2px;
    display: none;
}
#navigation ul li ul li ul li:hover ul.sub2 {
    display: block;
}

/*�ϴ� �׺�*/
div.sub_navigation {
    margin: 0 5px 0 0;
    /*float: left;*/
    
    width: 215px;
    padding: 0px 0 20px 0;
    /* border-right: 2px solid #30646D;*/
}
.sub_navigation ul {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #cccccc;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    color: #3e3f3e;
    font-size: 14px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 213px;
    z-index: 10;
}
.sub_navigation ul li {
    background: transparent url("../images/left_menubar_bg.png") no-repeat scroll center 18px;
    border-bottom: 1px solid #cccccc;
    font-weight: bold;
    margin: 0;
    padding: 16px 34px;
    position: relative;
    text-align: left;
    z-index: 12;
}
.sub_navigation ul li span.dir {
    /*background: transparent url(../images/31.gif) no-repeat scroll center right;*/
    
    padding-right: 25px;
    cursor: pointer;
    display: block;
}
.sub_navigation ul li:hover {
    background-color: #dbdbdb;
    font-size: 14px;
}
.sub_navigation ul li a {
    display: block;
    padding: 0;
    margin: 0 5px;
    ;
    text-decoration: none;
    color: #3e3f3e;
    font-weight: bold;
    background-color: transparent;
    z-index: 15;
}
.sub_navigation ul li ul {
    display: none;
    position: absolute;
    z-index: 15;
    top: -1px;
    left: 213px;
    margin: 0;
    text-align: left;
    width: 182px;
    /* Set the width of the successive list */
}
.sub_navigation ul li ul li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 12px;
    padding: 17px 8px;
    text-align: left;
}
.sub_navigation ul li ul li a {
    font-size: 12px;
}
.sub_navigation ul li ul li ul {
    display: none;
    position: absolute;
    z-index: 15;
    top: -1px;
    left: 213px;
    margin-left: -31px;
    text-align: left;
    width: 220px;
    /* Set the width of the successive list */
}
.sub_navigation ul li ul li ul li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 11px;
    padding: 16px 8px;
    text-align: left;
}
.sub_navigation ul li ul li ul li:hover {
    background-color: #dbdbdb;
    font-size: 12px;
}
.sub_navigation ul li:hover>ul {
    display: block;
    z-index: 199;
}

/*����˻�*/
.search {
    width: 260px;
    height: 36px;
    /*background-image:url(../images/ico_search.png);
	background-repeat: no-repeat;
	background-position: 12px 12px;*/
    
    overflow: hidden;
    position: relative;
    /*margin:11px;*/
    
    margin-top: 20px;
    padding: 0 0 0 18px;
    float: left;
    border: 3px solid #d3242d;
}
.search .input {
    width: 100%;
    height: 15px;
    margin: 10px 0 0 0;
    padding: 0;
    vertical-align: baseline;
    background: none;
    border: none;
    font-size: 12px;
    font-weight: bold;
    color: #838383;
}
.search .button {
    width: 14px;
    height: 12px;
    border: none;
    margin: 12px 0 0 0;
    cursor: pointer;
    top: 0;
    left: 12px;
    background: none;
    position: absolute;
}

/* showcase */
#showcase {
    width: 100%;
    /*border-bottom-width:1px;*/
    /*padding:0 0 28px 0;*/
    
    position: relative;
    overflow: hidden;
    clear: both;
}
#showcase .title {
    font-size: 12px;
    padding: 0 0 12px 0;
}
#showcase .title span {
    position: absolute;
    margin: -1px 0 0 5px;
    display: inline-block;
    font-size: 13px;
}

/* container */
#container {
    width: 100%;
}
#leftcol {
    float: left;
    padding: 20px 0 0 52px;
    width: 894px;
}
.content {
    width: 100%;
    padding: 0 0 36px 0;
}
.content p {
    line-height: 28px;
    font-size: 14px;
    padding: 15px 20px 0 0;
}
.gallery {
    width: 100%;
}
.gallery.category-grid {
    padding-top: 32px;
    margin-bottom: -46px;
}
.gallery h2 {
    padding: 0 0 25px 0;
    clear: both;
}
.gallery ul li {
    border-width: 1px;
    float: left;
    margin: 0 26px 45px 0;
    width: 202px;
}
.gallery ul {
    margin: 0 -33px 0 0;
}
.gallery .top-block {
    width: 194px;
    padding-top: 33px;
    margin-bottom: 10px;
    /*border-bottom-width:1px;*/
    
    text-align: center;
}
.gallery h3 {
    /* font-size:14px;

	margin:0 0 0px 0;
	max-height:16px;
	max-width:194px;
	height:16px;
	width:194px;
	overflow:hidden; */
}
.gallery .imgb {
    width: 194px;
    height: 169px;
    padding: 0 0 3px 0;
    margin-bottom: 17px;
}
.gallery ul li p {
    clear: both;
    margin: 0 0 0 0;
    line-height: 1.4em;
    max-height: 72px;
    overflow: hidden;
}
.gallery ul li .price {
    font-size: 16px;
}
.gallery ul li .price.sale {
    background: url(../images/price-dot.jpg) repeat-x 0 10px;
    margin-right: 7px;
}
.gallery ul li .price span {
    text-decoration: line-through;
    padding: 0 12px 0 0;
}
.gallery ul li .cart-button {
    width: 95px;
    height: 28px;
    padding: 3px;
    float: left;
    line-height: 2.0em;
    overflow: hidden;
    position: relative;
}
.gallery ul li .cart-button a {
    display: block;
    height: 28px;
    font-weight: bold;
    font-size: 11px;
    padding: 0;
    position: absolute;
    width: 95px;
    text-align: center;
}
.gallery ul li .cart-button a span {
    display: inline-block;
}
.gallery ul li .cart-button a span img {
    float: left;
    margin-right: 11px;
}
.gallery ul li .cart-button a.hov {
    margin-top: -32px;
    background: #FFF;
}
.gallery ul li .detail-button {
    width: 95px;
    height: 28px;
    padding: 3px;
    float: left;
    line-height: 2.0em;
    overflow: hidden;
    position: relative;
}
.gallery ul li .detail-button a {
    display: block;
    height: 28px;
    font-weight: bold;
    text-align: center;
    font-size: 11px;
    position: absolute;
    width: 95px;
}
.gallery ul li .detail-button a span {
    display: inline-block;
}
.gallery ul li .detail-button a span img {
    float: left;
    margin-right: 11px;
}
.gallery ul li .detail-button a.hov {
    margin-top: -32px;
    background: #FFF;
}
.gallery .view {
    padding: 4px 0 0 0;
}
.gallery .view a {
    text-decoration: underline;
}
.gallery .view a:hover {
    text-decoration: none;
}
.feature2 {
    width: 100%;
    padding: 2px 0 43px 0;
    text-transform: uppercase;
}
.feature2-left {
    margin-right: 33px;
    float: left;
    text-align: center;
    border-width: 1px;
}
.feature2-right {
    float: left;
    border-width: 1px;
}
.feature2-left:hover img,
.feature2-right:hover img {
    opacity: 0.7;
    filter: alpha(opacity=7);
    /* IE8 �������� ���*/
}
.top-block {
    position: relative;
    text-align: center;
    margin: 0 auto;
}
.top-block .over {
    position: absolute;
    top: 16px;
    left: 13px;
    text-align: left;
    z-index: 1
}
.partner {
    width: 100%;
    padding: 0 0 0 0;
    position: relative;
}
.partner h3 {
    padding: 0 0 28px 0;
}
.partner ul {
    margin: 0 -38px 0 0;
}
.partner li {
    width: 116px;
    height: 75px;
    float: left;
    border-width: 1px;
    margin: 0 38px 0 0;
    position: relative;
}
.partner li img {
    opacity: 0.50;
    filter: alpha(opacity=50);
    /* IE8 �������� ���*/
}
.partner li.last,
.partner li.last-child {
    margin-left: 2px;
}

/* ���޴� */
#recent_list_count {
    color: #e22a40;
    font-weight: bold;
}
#quickmemu {
    position: absolute;
    height: 600px;
    /* ���޴�, ����̹����� ���� */
    
    width: 111px;
    /* ���޴�, ����̹����� �ʺ�*/
    
    margin: 0px 0px 0px 550px;
    /* ���� �������� ��ġ�� ȭ�� ������� �󸶸�ŭ ���������� ���̾ ���� ������ ����  */
    
    top: 94px;
    /* �����ܿ����󸶳� ����߸�������*/
    
    left: 57%;
    /* ���̾��� �������� �������� ���� 50% ���� */
    
    text-align: left;
    padding: 0px;
}
#quick {
    position: absolute;
    top: 0;
    width: 111px;
    z-index: 100;
    text-align: center;
    background: #fff;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
}
#quick .quick_tit {
    width: 100%;
    height: 110px;
    background: #fff;
    padding-top: 18px;
}
#quick .quick_tit .q_top {
    display: block;
    margin: 0 auto;
}
#quick .quick_ul {
    width: 100%;
    overflow: hidden;
}
#quick .quick_ul li a {
    width: 76px;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #ccc;
    display: block;
    padding-left: 35px;
    text-align: left;
    font-size: 12px;
}
#quick .quick_ul li a.q01 {
    background: url(../images/quick/search.png) no-repeat 0px 50%;
}
#quick .quick_ul li a.q02 {
    background: url(../images/quick/q2.gif) no-repeat 5px 50%;
}
#quick .quick_ul li a.q03 {
    background: url(../images/quick/airplane.png) no-repeat 0px 50%;
}
#quick .quick_ul li a.q04 {
    background: url(../images/quick/q4.png) no-repeat 7px 50%;
    border-bottom: none;
    height: 40px;
    margin-top: 7px;
    line-height: 1.4;
}
.q_kakao {
    width: 100%;
    height: 104px;
    background: url(../images/quick/quick_insta.jpg) no-repeat top center;
    display: block;
}
.q_cs {
    width: 100%;
    overflow: hidden;
    padding: 10px 0;
    background: #F8F8F8;
}
.q_cs img {
    display: block;
    margin: 0 auto;
}
#quick li {
    margin-top: -2px;
}
#quick img {
    margin-top: -1px;
}
#quick .fav_box {
    background-color: #fff;
    border: 1px solid #dbdbdb;
    padding: 10px 6px;
}
#quick .fav_box .price {
    color: #d3242d;
}
#quick .fav_box ul li {
    background: rgba(0, 0, 0, 0) url("../images/dottedbg.jpg") repeat-x scroll center bottom;
    display: block;
    padding: 22px 0 10px;
    font-size: 11px;
}
#quick .bnn_box {
    margin-top: 20px;
}
#quick .bnn_box h2 {
    display: none;
}

/*fixed ���޴�*/

/*#fixed_quick{width:111px; height:440px; postion:absolute; top:150px; right:0; background:#fff;}
#fixed_quick .quick_tit{width:100%; height:138px; background:#dbdbdb;}
#fixed_quick .quick_tit .q_top{display:block; margin:18px auto 0;}*/

/* JCAROUSEL �����̴� (���� ������)*/
.jcarousel-skin-partner .jcarousel-direction-rtl {
    direction: rtl;
}
.jcarousel-skin-partner .jcarousel-container-horizontal {
    width: 100%;
}
.jcarousel-skin-partner .jcarousel-clip {
    overflow: hidden;
}

/**
 *  �����Æ?
 */
.jcarousel-skin-partner .jcarousel-next-horizontal {
    position: absolute;
    top: -40px;
    right: 0;
    width: 6px;
    height: 9px;
    cursor: pointer;
    background: transparent url(../images/ico_arrow4.png) no-repeat right bottom;
}
.jcarousel-skin-partner .jcarousel-next-horizontal:hover,
.jcarousel-skin-partner .jcarousel-next-horizontal:focus,
.jcarousel-skin-partner .jcarousel-next-horizontal:active {
    background-position: right bottom;
}
.jcarousel-skin-partner .jcarousel-next-disabled-horizontal,
.jcarousel-skin-partner .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-partner .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-partner .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: right top;
}
.jcarousel-skin-partner .jcarousel-prev-horizontal {
    position: absolute;
    top: -40px;
    right: 16px;
    width: 6px;
    height: 9px;
    cursor: pointer;
    background: transparent url(../images/ico_arrow4.png) no-repeat left bottom;
}
.jcarousel-skin-partner .jcarousel-prev-horizontal:hover,
.jcarousel-skin-partner .jcarousel-prev-horizontal:focus,
.jcarousel-skin-partner .jcarousel-prev-horizontal:active {
    background-position: left bottom;
}
.jcarousel-skin-partner .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-partner .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-partner .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-partner .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: left top;
}

/* PARTNER JCAROUSEL ��*/

/* FEATURED JCAROUSEL */
.jcarousel-skin-featured .jcarousel-direction-rtl {
    direction: rtl;
}
.jcarousel-skin-featured .jcarousel-container-horizontal {
    width: 740px;
    padding-right: 10px;
    margin-top: -10px;
}
.jcarousel-skin-featured .jcarousel-item.jcarousel-item-horizontal {
    margin-top: 10px;
}
.jcarousel-skin-featured .jcarousel-clip {
    overflow: hidden;
    padding: 0 10px;
    margin-left: -10px;
    width: 100%;
}

/**
 *  �����Æ?
 */
.jcarousel-skin-featured .jcarousel-next-horizontal {
    position: absolute;
    top: -37px;
    right: 6px;
    width: 6px;
    height: 9px;
    cursor: pointer;
    background: transparent url(../images/ico_arrow4.png) no-repeat right bottom;
}
.jcarousel-skin-featured .jcarousel-next-horizontal:hover,
.jcarousel-skin-featured .jcarousel-next-horizontal:focus,
.jcarousel-skin-featured .jcarousel-next-horizontal:active {
    background-position: right bottom;
}
.jcarousel-skin-featured .jcarousel-next-disabled-horizontal,
.jcarousel-skin-featured .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-featured .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-featured .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: right top;
}
.jcarousel-skin-featured .jcarousel-prev-horizontal {
    position: absolute;
    top: -37px;
    right: 22px;
    width: 6px;
    height: 9px;
    cursor: pointer;
    background: transparent url(../images/ico_arrow4.png) no-repeat left bottom;
}
.jcarousel-skin-featured .jcarousel-prev-horizontal:hover,
.jcarousel-skin-featured .jcarousel-prev-horizontal:focus,
.jcarousel-skin-featured .jcarousel-prev-horizontal:active {
    background-position: left bottom;
}
.jcarousel-skin-featured .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-featured .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-featured .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-featured .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: left top;
}

/* FEATURED JCAROUSEL �� */
#rightcol {
    width: 215px;
    max-width: 215px;
    /*overflow:hidden;*/
    
    float: left;
    margin-left: -1px;
    /*border-left-width:1px;*/
}
#rightcol .rightcol-block {
    border-bottom-width: 1px;
}
#rightcol .rightcol-block ul li {
    line-height: 26px;
    font-size: 12px;
}
#rightcol .rightcol-block ul li strong {
    color: #252525;
}
#rightcol .rightcol-block:first-child {
    padding-top: 0 !important;
}
#rightcol .rightcol-block.last-child {
    border-bottom: none;
}
.subnav {
    width: 100%;
    padding: 43px 0 38px 0 !important;
}
#rightcol h4 {
    padding: 0 0 18px 0;
}
.subnav li {
    line-height: 26px;
}
.subnav li strong {
    font-weight: bold;
}
.subnav li span,
#navigation ul li ul li span {
    background: url(../images/ico_arrow.png) no-repeat right center;
    padding: 0 15px 0 0;
}
.subnav li ul {
    margin: 0 0 0 20px;
}
.subnav li ul li {
    font-size: 12px;
    line-height: 24px;
    list-style-image: url(../images/li-dot.png)
}
.common {
    padding: 44px 0;
}
.offer {
    width: 100%;
}
#rightcol .offer h4 {
    padding-bottom: 26px;
}
.offer.common {
    padding-bottom: 25px;
    padding-top: 25px;
}
.offer li,
#cart-content ul li {
    padding: 22px 0 23px 0;
    display: block;
    background: url(../images/dottedbg.jpg) repeat-x bottom;
}
.offer li.first,
.offer li:first-child {
    padding-top: 0;
}
.offer li.last,
.offer li.last-child {
    padding-bottom: 0;
    background: none;
}
.offer li .imgb,
#cart-content ul li .imgb {
    width: 54px;
    height: 54px;
    padding: 2px;
    border-width: 1px;
    float: left;
    position: relative;
}
.offer li .txtb,
#cart-content ul li .txtb {
    width: 109px;
    float: left;
    padding: 0 0 0 10px;
    line-height: 18px;
    text-align: left;
}
.offer li .txtb span,
#cart-content ul li .txtb span {
    display: block;
}
.offer li .txtb .title,
.offer li .txtb .title a,
#cart-content ul li .txtb .title,
#cart-content ul li .txtb .title a {
    text-align: left;
}
.offer li .txtb .price,
#cart-content ul li .txtb .price {
    font-size: 14px;
    text-align: left;
}
.offer li .txtb .price {
    margin-bottom: -4px;
}
.offer li .txtb .price span,
#cart-content ul li .txtb .price span {
    text-decoration: line-through;
}
.offer li .txtb.gap,
#cart-content ul li .txtb.gap {
    padding-top: 12px;
}
#cart-content ul li .quantity {
    padding-top: 14px;
}
#cart-content ul {
    margin: -20px 0 20px 0;
}
#cart-content ul li {
    border-bottom-width: 1px;
    position: relative;
    padding: 3px 0;
    background: none;
}
#cart-content ul li .cont {
    padding: 19px 0 18px 0;
}
#cart-content ul li .txtb {
    width: 130px;
    max-width: 130px;
    overflow: hidden;
    text-align: left;
}
#cart-content ul li .txtb span {
    display: inline-block;
}
#cart-content ul li .quantity {
    float: right;
}
.button-cart {
    border-radius: 47px;
    border-width: 1px;
    display: inline-block;
    margin-bottom: 7px;
    padding: 3px;
}
.button-cart a {
    width: 89px;
    height: 27px;
    font-size: 10px;
    text-align: center;
    line-height: 2.5em;
    text-transform: uppercase;
    display: block;
    font-weight: bold;
}
.button-cart.general a {
    border-radius: 45px;
    font-size: 14px;
    height: 64px;
    line-height: 2.4em;
    padding-top: 26px;
}
.totalbox span {
    margin-bottom: 11px;
    display: block;
    text-align: left;
}
.banner {
    width: 100%;
    padding: 25px 0;
}
.banner .imgb {
    width: 215px;
    height: 222px;
    padding: 2px;
    border-width: 1px;
}
.banner img:hover {
    opacity: 0.7;
    filter: alpha(opacity=7);
    /* IE8���������� ���*/
}
.widget {
    width: 182px;
    margin-right: -35px;
    padding: 25px 0 25px 0;
}
.widget a:hover span {
    text-decoration: underline;
}
#rightcol .widget h4 {
    padding-bottom: 18px;
}
#rightcol .widget p {
    line-height: 26px;
}
.category {
    width: 100%;
    border-top-width: 1px;
    padding: 44px 0 31px 0;
    margin-top: -1px;
    overflow-x: hidden;
}
.category h3 {
    padding: 0 0 17px 0;
}
.category .common2 {
    width: 310px;
    float: left;
}
.category .common2 ul li {
    line-height: 26px;
    font-size: 12px;
}
.category .common2 .bb_cs_tel {
    font-size: 24px;
    height: 30px;
}
.category .common2 .bb_time {
    font-size: 12px;
}
.category .common2.first {
    width: 275px;
    padding: 0 35px 12px 0;
}
.category .common2.first p {
    line-height: 26px;
}
.category .common2.last {
    width: 250px;
    padding: 0 0 0 55px;
    float: right;
}
.cscenter li {
    background: url(../images/ico_coma.png) no-repeat 2px 8px;
    padding: 0 0 12px 30px;
    line-height: 26px;
    font-style: italic;
}
.cscenter li .date {
    display: block;
}
.cscenter li a:hover {
    text-decoration: underline;
}
.facebook .fb-box {
    margin-top: 8px;
    margin-left: 1px;
}

/* footer */
#footer {
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
    background: #434c5b;
}
#footer .box {
    position: relative;
}
#footer_l,
#footer_mid,
#footer_r {
    height: 120px;
    float: left;
    background: url(../images/main/ft_bar.gif) no-repeat center right;
}
#footer_l,
#footer_r {
    width: 170px;
}
.ft_info li {
    margin-bottom: 8px;
    padding-left: 20px;
}
.ft_info li.ft_i1 {
    background: url(../images/main/ft_i1.gif) no-repeat center left;
}
.ft_info li.ft_i2 {
    background: url(../images/main/ft_i2.gif) no-repeat center left;
}
.ft_info li.ft_i3 {
    background: url(../images/main/ft_i3.gif) no-repeat center left;
}
.ft_info li.ft_i4 {
    background: url(../images/main/ft_i4.gif) no-repeat center left;
}
.ft_info li.ft_i5 {
    background: url(../images/main/ft_i5.gif) no-repeat center left;
}
.ft_info li.ft_i6 {
    background: url(../images/main/ft_i6.gif) no-repeat center left;
}
.ft_info li.ft_i7 {
    background: url(../images/main/ft_i7.gif) no-repeat center left;
}
.ft_info li.ft_i8 {
    background: url(../images/main/ft_i8.gif) no-repeat center left;
}
.ft_info li a {
    color: #dcdcdc;
    font-size: 12px;
}
#footer_mid {
    padding: 0 30px;
    width: 608px;
}
#footer_mid .address {
    font-style: normal;
    font-size: 13px;
    line-height: 17px;
    color: #dcdcdc;
}
#footer_mid .address .ft_admin {
    color: #7c7d7f;
    margin-left: 17px;
    text-transform: uppercase;
}
#footer_r {
    background: none;
    padding-left: 35px;
    text-transform: uppercase;
}
.ft_tit {
    text-transform: uppercase;
    color: #f4f4f4;
    padding-bottom: 10px;
}
.copyright {
    color: #989898;
    padding-top: 12px;
}

/* ��ǰȮ�� �ҽ�  */

/* --- Container ���� ---------------------------------------------------------- */
.thumbnail-zoom {
    float: left;
    height: 144px;
    overflow: hidden;
    position: relative;
    width: 194px;
}

/* �̺κ��� ���� */
.no-margin {
    margin-right: 0;
}

/* --- �̹��� �� ��ũ ����----------------------------- */
.thumbnail-zoom a {
    display: block;
    position: relative;
}
.thumbnail-zoom a img {
    border: 1px solid #e4e4e4;
    height: 167px;
    position: relative;
    width: 167px;
}
.thumbnail-zoom .sale-img {
    width: 50px;
    height: 38px;
    background: url(../images/sale.png);
    text-align: center;
    padding-top: 12px;
    font-size: 16px;
    position: absolute;
    display: block;
    top: 12px;
    right: 12px;
    color: #FFF;
}
.thumbnail-zoom .sale-img span {
    font-size: 11px;
    display: block;
}

/* --- light hover background ------------------------------------------------------------ */
.light-background {
    background: url(../images/thumbnail-bg.png) repeat;
}

/**
 * �������� ���� ���Ŭ���� ���� ���� */

/* ��ǰȮ�� �ҽ� �� */

/* NIVO SLIDER */

/* Nivo Slider styles */
#wrapper {
    width: 960px;
    height: 362px;
    padding-top: 24px;
    margin-top: -24px;
    overflow-x: hidden;
}
#wrapper-border {
    padding: 3px;
    border-width: 1px;
}
.nivoSlider {
    position: relative;
}
.nivoSlider img {
    position: absolute;
    top: 0px;
    left: 0px;
}

/* �̹��� ��ũ�Ǹ� */
.nivoSlider a.nivo-imageLink {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 6;
    display: none;
}

/* �����̵� �ڽ� */
.nivo-slice {
    display: block;
    position: absolute;
    z-index: 5;
    height: 100%;
}
.nivo-box {
    display: block;
    position: absolute;
    z-index: 5;
}

/* Caption styles */
.nivo-caption {
    position: absolute;
    left: 68px;
    top: -35px;
    opacity: 0.8;
    width: 100%;
    z-index: 8;
}
.nivo-caption p {
    padding: 5px;
    margin: 0;
}
.nivo-caption a {
    display: inline !important;
    padding: 0 0px 0 0;
}
.nivo-html-caption {
    display: none;
}

/* �¿� ���� ��ư */
.nivo-directionNav a {
    position: absolute;
    top: 45%;
    z-index: 9;
    cursor: pointer;
}
.nivo-prevNav {
    left: 0px;
}
.nivo-nextNav {
    right: 0px;
}

/* Ž����Ÿ�� ���� (e.g. 1,2,3...) */
.nivo-controlNav {
    text-align: center;
    border-width: 1px;
    padding: 3px 0 3px 3px;
    height: 6px;
    position: absolute;
    bottom: -31px;
}
.nivo-controlNav a {
    z-index: 9;
    cursor: pointer;
    width: 42px;
    height: 6px;
    float: left;
    margin: 0 3px 0 0;
    text-indent: -9999px;
    display: block;
}
#slider {
    width: 952px;
    /* �̹��� ���� ũ�� Ȯ�� */
    
    height: 322px;
    /* �̹��� ���� ũ�� Ȯ�� */
    
    margin: 0;
    padding: 0;
}

/* NIVO SLIDER �� */

/* TOP LINK ������ */
#top-container {
    bottom: 38px;
    left: 50%;
    margin-left: 520px;
    position: fixed;
    z-index: 9999;
    cursor: pointer;
}
#top-link {
    background: url("../images/up-arrow.png") no-repeat scroll left 0 transparent;
    display: block;
    height: 20px;
    margin-bottom: 7px;
    width: 35px;
}
#top-link:hover {
    background-position: left -34px;
}

/* TOP LINK ������ �� */

/* ��ǰ�̹��� �ε� */
span.lazy {
    background: url(../images/ajax-loader.gif) no-repeat center center;
    display: block;
    height: 144px;
    width: 194px;
}
span.lazy img {
    display: none;
}

/* ��ǰ�̹��� �ε� �� */

/*�ʼ�
 */
.jspContainer {
    overflow: hidden;
    position: relative;
}
.jspPane {
    position: absolute;
}
.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 100%;
    background: red;
}
.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red;
}
.jspVerticalBar *,
.jspHorizontalBar * {
    margin: 0;
    padding: 0;
}
.jspCap {
    display: none;
}
.jspHorizontalBar .jspCap {
    float: left;
}
.jspTrack {
    background: #dde;
    position: relative;
}
.jspDrag {
    background: #bbd;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}
.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}
.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d;
}
.jspVerticalBar .jspArrow {
    height: 16px;
}
.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%;
}
.jspVerticalBar .jspArrow:focus {
    outline: none;
}
.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}

/* ie�ȼ����� */
* html .jspCorner {
    margin: 0 -3px 0 0;
}

/* ----------------------------------- ���� ��//  -----------------------------------*/

/* ----------------------------------- START INDEX 2  -----------------------------------*/

/* ----------------------------------- START INDEX 2 ����  -----------------------------------*/

/* ----------------------------------- ī�װ�  -----------------------------------*/
.breadcrumb {
    width: 100%;
    border-bottom-width: 1px;
    padding: 13px 0 11px 0;
}
.breadcrumb span {
    float: left;
    font-size: 12px;
    display: block;
    padding-right: 8px;
    font-weight: bold;
}
.breadcrumb li {
    background: url(../images/breadcrum-divisory.jpg) no-repeat right 2px;
    padding: 0 10px 0 0;
    display: inline-block;
}
.breadcrumb li.last-child {
    background: none;
}
.common3 {
    width: 100%;
    border-bottom-width: 1px;
}
.common3 .txtb {
    display: table;
    height: 100px;
}
.common3 .txtb div {
    display: table-cell;
    vertical-align: middle;
}
.common3 h1 {
    padding: 0 0 23px 0;
}
.common3 .imgb2 {
    width: 114px;
    padding: 2px;
    border-width: 1px;
    margin: 0 21px 45px 0;
    float: left;
}
.common3 p {
    line-height: 28px;
    font-size: 14px;
}
.common3 h2 {
    /*padding:30px 0 21px 0;*/
}
.common3 ul {
    background: #fff url("../images/product_list_tit_bg.jpg") repeat scroll 0 0;
    float: left;
    margin: 0 0 20px;
    min-width: 112px;
}
.common3 li {
    background: rgba(0, 0, 0, 0) url("../images/bg_bullet.png") no-repeat scroll 10px 18px;
    border: 1px solid #cbcbcb;
    margin-left: -1px;
    padding: 13px 18px;
}
.common3.none {
    border: none;
}
.common3.none h2 {
    padding: 43px 0 19px 0;
}
.row {
    width: 100%;
    height: 32px;
}
.row .col1 {
    float: left;
    height: 32px;
}
.row .sel0,
.row .sel1,
.row .sel2,
.row .third {
    float: left;
}
.row span a:hover,
.row span a.active {
    text-decoration: underline;
    line-height: 32px;
}
form.search2 {
    float: right;
    height: 32px;
}
form.search2 label {
    width: 46px;
    line-height: 32px;
    float: left;
}
form.search2 .select {
    /*width:60px;*/
    
    height: 32px;
    float: left;
    line-height: 32px;
    border-width: 1px;
    padding: 6px 5px 5px 5px;
}
form.search2 .select2 {
    float: left;
    height: 32px;
    margin: 0 0 0 12px;
    border-width: 1px;
    padding: 6px 5px 5px 5px;
    font-size: 13px;
}
form.search2 .third {
    width: 66px;
    height: 24px;
    float: left;
    border-width: 1px;
    margin: 0 0 0 12px;
    padding: 3px;
    position: relative;
}
form.search2 .third span {
    display: block;
    width: 100%;
    height: 100%;
}
form.search2 .third .imgb3,
form.search2 .third .imgb3.active:hover {
    width: 14px;
    height: 10px;
    background: url(../images/bg_bitmap.png) no-repeat right top;
    float: left;
    display: block;
    margin: 7px 10px 0 11px;
}
form.search2 .third .imgb3.active,
form.search2 .third .imgb3.active:hover,
form.search2 .third .imgb3:hover {
    background: url(../images/bg_bitmap.png) no-repeat left top;
}
form.search2 .third .imgb4 {
    width: 16px;
    height: 8px;
    background: url(../images/bg_bitmap2.png) no-repeat right top;
    float: left;
    display: block;
    margin: 8px 0 0 0;
}
form.search2 .third .imgb4.active,
form.search2 .third .imgb4.active:hover,
form.search2 .third .imgb4:hover {
    background: url(../images/bg_bitmap2.png) no-repeat left top;
}
.product-detail {
    width: 100%;
}
.pro-detail {
    width: 100%;
    background: url(../images/dottedbg.jpg) repeat-x bottom;
    padding: 33px 0 33px 0;
}
.product-detail .imgb5 {
    width: 191px;
    float: left;
    border-width: 1px;
    margin: 0 23px 0px 0;
}
.product-detail .imgb5 .imgb.thumbnail-zoom {
    width: inherit;
}
.product-detail .imgb5 .imgb.thumbnail-zoom .thumb-arrow {
    bottom: 3px;
    right: 2px;
}
.pro-content {
    width: 528px;
    float: left;
}
.pro-left {
    width: 336px;
    height: 144px;
    float: left;
    display: table;
}
.pro-left div {
    display: table-cell;
    vertical-align: middle;
}
.pro-left h4 {
    line-height: 19px;
    padding: 0 0 7px 0;
}
.pro-left p {
    line-height: 25px;
    font-size: 13px;
}
.pro-right {
    float: right;
    text-align: center;
    padding: 22px 0 0 0;
}
.pro-right.mod {
    /*padding:0 0 0 20px !important;*/
    
    float: right;
}
.pro-right.mod ul li a {
    background-color: #7a7a7a;
    color: #fff;
    padding: 3px 6px;
}
.pro-right ul {
    display: inline-block;
}
.pro-right span.price2 {
    font-size: 18px;
    padding: 0 0 13px 0px;
    clear: both;
    display: inline-block;
}
.pro-right span.price2.sale {
    background: url(../images/price-dot.jpg) repeat-x 0 10px;
    margin-right: 7px;
}
.bb_opt {
    margin-top: 15px;
}
.bb_opt .img_more {
    color: #999;
    float: left;
    font-size: 11px;
    letter-spacing: -1px;
    padding: 5px 3px;
}
.bb_opt .img_more::before {
    background-color: #fbfbfb;
    border: 1px solid #dcdcdc;
    border-radius: 50%;
    color: #a7a7a7;
    content: "+";
    display: inline-block;
    font-size: 14px;
    height: 11px;
    line-height: 13px;
    margin-right: 3px;
    position: relative;
    text-indent: -3px;
    top: -1px;
    vertical-align: top;
    width: 11px;
}
.bb_opt .bb_sns {
    float: right;
    padding-right: 74px;
}
.bb_opt .bb_sns dt,
.bb_opt .bb_sns dd {
    color: #999;
    display: inline-block;
    font-size: 11px;
    letter-spacing: -1px;
    vertical-align: middle;
}
.bb_opt .bb_sns dt a,
.bb_opt .bb_sns dd a {
    background-image: url("../images/ic_sprite.png");
    background-repeat: no-repeat;
    display: block;
    height: 23px;
    overflow: hidden;
    text-indent: -1000px;
    width: 23px;
}
.bb_opt .bb_sns dt.url a,
.bb_opt .bb_sns dd.url a {
    background-position: 0 -166px;
}
.bb_opt .bb_sns dt.twitter a,
.bb_opt .bb_sns dd.twitter a {
    background-position: -27px -166px;
}
.bb_opt .bb_sns dt.facebook a,
.bb_opt .bb_sns dd.facebook a {
    background-position: -54px -166px;
}
.bb_opt .bb_sns dt.hms a,
.bb_opt .bb_sns dd.hms a {
    background-position: -81px -166px;
}
.bb_opt .bb_sns dt.googleplus a,
.bb_opt .bb_sns dd.googleplus a {
    background-position: -108px -166px;
}
.bb_opt .bb_sns dt.kakaotalk a,
.bb_opt .bb_sns dd.kakaotalk a {
    background-position: 0 -362px;
}
.bb_opt .bb_sns dt.kakaostory a,
.bb_opt .bb_sns dd.kakaostory a {
    background-position: -25px -362px;
}
.button-default.cart {
    height: 48px;
    /*border-width:1px;*/
    /*padding:3px;*/
    /*margin:0 0 11px 0;*/
    
    clear: both;
    overflow: hidden;
    width: 116px;
}
.button-default.cart span {
    display: block;
    line-height: 2.7em;
    height: 40px;
    font-size: 14px;
    padding: 0 10px 0 10px;
    font-weight: bold;
}
.button-default.cart span.hover {
    margin-bottom: 4px;
    margin-top: -48px;
}
.button-default.cart span img {
    float: left;
    margin-left: -10px;
}
.pro-right li {
    float: left;
    /*background:url(../images/bg_divider.png) no-repeat left 4px;*/
    
    padding: 0 12px 0 13px;
    display: block;
    font-size: 12px;
}
.pro-right li.gap {
    padding-right: 0px;
}
.pagination2 {
    width: 100%;
    height: 30px;
    margin: 46px 0 0 0;
}
.pagination2 ul {
    text-align: center;
}
.pagination2 li {
    width: 23px;
    height: 24px;
    text-align: center;
    display: inline-block;
    border-width: 1px;
    padding: 2px;
    margin: 0 8px 0 0;
}
.pagination2 li a,
.pagination2 li span {
    display: block;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
}
.pagination2 li.previous {
    width: 76px;
    border: none;
    background: none;
    padding: 3px 0 0 0;
}
.pagination2 li.next {
    width: 51px;
    background: none;
    border: none;
    padding: 3px 0 0 5px;
}
.pagination2 li.next a,
.pagination2 li.previous a {
    font-weight: normal;
}
.pagination2 li.next a:hover,
.pagination2 li.previous a:hover {
    background: none;
}

/* ī�װ� ����Ʈ�ڽ� - JQUERY PLUGIN  */
.search2 .sel1 {
    margin-right: 12px;
}
.search2 .jquery-selectbox {
    position: relative;
    border-width: 1px;
    background: #FFF;
    min-width: 46px;
    z-index: 0;
    float: left;
    height: 24px;
    display: inline;
    margin: 0;
    padding: 3px;
    line-height: 1.9em;
}
.search2 .jquery-selectbox span {
    display: block;
    width: 100%;
    height: 100%;
}
.search2 .jquery-selectbox.selecthover {
    background-color: #FFF;
    z-index: 700;
}
.search2 .jquery-selectbox .jquery-selectbox-currentItem {
    padding: 0px 0px 0px 6px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}
.search2 .jquery-selectbox.selecthover .jquery-selectbox-currentItem {
    cursor: pointer;
}
.search2 .jquery-selectbox .jquery-selectbox-list {
    display: none;
    position: absolute;
    top: 29px;
    background: #FFF;
    left: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 1000;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    margin: -2px 0 0 -1px;
    padding: 11px 3px 13px 3px;
    min-width: 46px;
}
.search2 .jquery-selectbox .jquery-selectbox-moreButton {
    float: right;
    background: url(../images/ico_arrow2.png) no-repeat right 7px;
    height: 24px;
    cursor: pointer;
    width: inherit;
    min-width: 46px;
    position: absolute;
}
.search2 .jquery-selectbox.selecthover .jquery-selectbox-moreButton {
    background: url(../images/ico_arrow2_hover.png) no-repeat right 7px;
}
.search2 .jquery-selectbox .jquery-selectbox-item.listelementhover {
    background: #F8F8F8;
}
.search2 .jquery-selectbox .jquery-selectbox-item {
    display: block;
    cursor: pointer;
    padding: 0px 0px 0px 9px;
    height: 24px;
    line-height: 1.9em;
    width: 100%;
    background: #FFF;
    margin-left: -3px;
}

/* ī�װ� ����Ʈ�ڽ� ��*/

/* ----------------------------------- /// ī�װ�������  -----------------------------------*/

/* ----------------------------------- ��ǰ ������������  -----------------------------------*/
.detail-block {
    width: 100%;
    padding: 0 0 26px 0;
}
.detail-block h1 {
    padding-bottom: 5px;
    font-weight: bold;
}
.detail-block .detail-txt {
    padding-bottom: 20px;
}
.detail-left {
    width: 380px;
    float: left;
}
.detail-block table {
    border-collapse: collapse;
    width: 100%;
}
.detail-block table tr th,
.product_info table tr td {
    line-height: 20px;
    text-align: left;
    padding: 10px 0;
}
.detail-blocko table tr .s_title {
    color: #606060;
    font-size: 11px;
    padding: 10px 0 0;
}
.detail-block table tr td {
    padding: 5px 3px;
}
.detail-block table tr td select {
    width: 100%;
}
.detail-block table tr td select option:disabled {
    color: #fe6aa8;
}
.detail-block table tr td.bb_price_del {
    color: #9c9c9c;
    font-weight: 700;
}
.detail-block table tr td .bb_price {
    color: #333;
}
.detail-block table tr td .bb_price strong {
    font-size: 16px;
}
.detail-block table tr.bottom_line th,
.detail-block table tr:last-child th,
.detail-block table tr.bottom_line td,
.detail-block table tr:last-child td {
    background: rgba(0, 0, 0, 0) url("../images/dottedbg.jpg") repeat-x scroll center bottom;
}
.selected_item {
    display: none;
}
.selected_opt_list {
    border-bottom: 1px solid #e3e3e3;
    display: table;
    padding: 15px 0;
    width: 100%;
    font-size: 12px;
    line-height: 16px;
}
.selected_opt_list li {
    min-height: 25px;
}
.selected_opt_list li .bb_opt_name,
.product_info .selected_opt_list li .bb_opt_price {
    vertical-align: middle;
}
.selected_opt_list li .bb_opt_name {
    float: left;
    font-size: 11px;
    letter-spacing: -1px;
    line-height: 18px;
    min-height: 20px;
}
.selected_opt_list li.add_opt .bb_opt_name {
    color: #d3242d;
}
.selected_opt_list li .bb_opt_price {
    /*float: right;*/
    
    font-size: 11px;
    text-align: left;
    width: 360px;
    padding-left: 10px;
}
.selected_opt_list li .bb_opt_price .bb_count {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
    width: 84px;
}
.selected_opt_list li .bb_opt_price .bb_count button {
    background-color: #fff;
    background-image: url("../images/ic_sprite.png");
    background-repeat: no-repeat;
    border: 1px solid #c6c7c7;
    display: block;
    height: 20px;
    overflow: hidden;
    text-indent: -1000px;
    width: 20px;
}
.selected_opt_list li .bb_opt_price .bb_count button.bb_minus {
    background-position: -124px 0;
    float: left;
    margin-right: 3px;
}
.selected_opt_list li .bb_opt_price .bb_count button.bb_plus {
    background-position: -152px 0;
    float: right;
}
.detail-block .selected_opt_list li .bb_opt_price .bb_count input[type="text"] {
    float: left;
    height: 18px;
    line-height: 18px;
    text-align: center;
    width: 16px;
    margin-top: 0;
}
.detail-block .selected_opt_list li .bb_opt_price .bb_count::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}
.detail-block .selected_opt_list li .bb_opt_price .bb_pri {
    display: inline-block;
    margin-right: 5px;
    text-align: right;
    vertical-align: middle;
    /*width: 90px;*/
    
    font-size: 14px;
    font-weight: bold;
    color: #000;
}
.selected_opt_list li .bb_opt_price .bb_opt_del {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}
.selected_opt_list li .bb_opt_price .bb_opt_del span {
    display: none;
}
.selected_opt_list li .bb_opt_price .bb_opt_del::after {
    border: 1px solid #d7d7d7;
    border-radius: 1px;
    content: "��";
    display: inline-block;
    font-size: 12px;
    height: 10px;
    line-height: 10px;
    text-indent: 0;
    vertical-align: middle;
    width: 10px;
}
.blind {
    font-size: 0;
    height: 0;
    left: -1000px;
    line-height: 0;
    position: absolute;
    top: -1000px;
    width: 0;
}
button {
    background-color: transparent;
    border: 0 none;
    color: #676767;
    cursor: pointer;
    margin: 0;
    padding: 0;
}
.product_info .selected_opt_list li::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}
.detail-right {
    width: 514px;
    float: left;
}
.detail-left .imgb {
    width: 300px;
    /*height:242px;*/
    
    padding: 3px;
    border-width: 1px;
    margin: 0 0 18px 0;
}
.detail-block ul.thumbnail li {
    width: 88px;
    height: 70px;
    float: left;
    padding: 0 22px 18px 0;
}
.detail-block ul.thumbnail li a {
    background: #fff;
    width: 80px;
    height: 62px;
    display: block;
    border-width: 1px;
    padding: 3px;
}
.detail-block ul.listline {
    display: block;
    background: url(../images/dottedbg.jpg) repeat-x bottom;
    padding: 0 0 19px 0;
    margin: -2px 0 0 0;
}
.detail-block ul.listline li {
    display: block;
    font-size: 14px;
    padding: 0 0 13px 0;
}
.detail-block .price-col {
    float: right;
    white-space: nowrap;
}
.detail-block .price-col div {
    display: block;
}
.detail-block .price-col span {
    font-family: verdana;
    font-weight: bold;
    font-size: 26px;
    padding-bottom: 7px;
}
.detail-block .quat-col {
    width: 100%;
    /*background:url(../images/dottedbg.jpg) repeat-x bottom;*/
    /*padding:33px 0 31px 0;*/
    
    margin: 0 0 32px 0;
    clear: both;
}
.detail-block .quat-col label {
    width: 31px;
    height: 37px;
    float: left;
    line-height: 3em;
    font-size: 13px;
}
.detail-block .quat-col div.listmenu-border {
    border-width: 1px;
    padding: 3px;
    display: inline-block;
}
.detail-block .quat-col .listmenu {
    width: 58px;
    height: 29px;
    text-align: center;
    float: left;
    margin: 0;
    padding: 0;
    border: none;
}
.detail-block .pro-right {
    padding: 0;
}
.detail-block .review-list {
    width: 100%;
    float: left;
    padding: 0 0 18px 0;
}
.review-list .star {
    width: 95px;
    float: left;
}
.review-list .star img {
    float: left;
    margin-right: 2px;
}
.review-list li {
    float: left;
    font-size: 13px;
    height: 13px;
    margin: 1px 0;
    border-left-width: 1px;
    padding: 0 17px;
}
.review-list li.first,
.review-list li:first-child {
    border-left: none;
    padding-left: 0;
}
.review-list li.last,
.review-list li.last-child {
    cursor: pointer;
}
.more-info {
    width: 100%;
    font-size: 12px;
    padding: 0 0 0 0;
    margin-bottom: -7px;
}
.heading2 h1 {
    padding: 0 0 15px 0;
}
.heading2 h2 {
    padding: 0 0 15px 0;
}
.heading2 h2.small2 {
    font-size: 16px;
    padding: 31px 0 0 0;
    margin-bottom: -10px;
}
.info-content {
    border-width: 1px;
    display: inline-block;
    margin-top: -1px;
    padding: 0 25px 40px;
    width: 840px;
}
.info-content p {
    line-height: 24px;
    padding: 0 0 13px 0;
}
.info-content li {
    padding: 25px 0 26px 0;
    background: url(../images/dottedbg.jpg) repeat-x bottom;
}
.info-content h3 {
    font-weight: bold;
    padding: 0 0 10px 0;
}
.info-content .date {
    font-size: 12px;
    display: block;
    padding: 0 0 20px 0;
}
.info-content .star.rating {
    float: right;
}
.info-content li p {
    line-height: 22px;
    padding: 0;
}
.info-content li.last-child {
    border-bottom-width: 1px;
    background: none;
    padding-bottom: 34px;
}
.info-content .review-form {
    padding: 0 0 0 27px;
}
.info-content .review-form label {
    display: block;
    margin-top: 38px;
}
.info-content .review-form div+div+div+div label {
    margin-top: 36px;
}
.info-content .review-form div+div+div+div+div+div label {
    margin-top: 37px;
}
.info-content .review-form img {
    margin: 7px 0 0 10px;
}
.info-content .review-form input[type="text"] {
    height: 33px;
    width: 174px;
}
.info-content .review-form textarea {
    width: 548px;
    height: 104px;
}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,
div.star-rating {
    float: left;
    width: 17px;
    height: 15px;
    margin-top: 8px;
    text-indent: -999em;
    cursor: pointer;
    display: block;
    background: transparent;
    overflow: hidden
}
div.rating-cancel,
div.rating-cancel a {
    background: url(../images/delete.gif) no-repeat 0 -16px
}
div.star-rating,
div.star-rating a {
    background: url(../images/star.gif) no-repeat 0 0px
}
div.rating-cancel a,
div.star-rating a {
    display: block;
    width: 16px;
    height: 100%;
    background-position: 0 0px;
    border: 0
}
div.star-rating-on a {
    background-position: 0 -16px!important
}
div.star-rating-hover a {
    background-position: 0 -32px
}

/*  CSS�� �б� */
div.star-rating-readonly a {
    cursor: default !important
}

/* �� css */
div.star-rating {
    background: transparent!important;
    overflow: hidden!important
}
div.rating-cancel {
    display: none;
}

/* jQuery.Rating Plugin CSS �� */

/* JQUERY TABS */

/*!
 * jQuery UI CSS Framework 1.8.20
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
 */

/* �������
----------------------------------*/
.ui-widget {}
.ui-widget .ui-widget {}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {}
.ui-widget-content {}
.ui-widget-header {}

/* ��ȣ�ۿ�
----------------------------------*/
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {}
.ui-state-hover a,
.ui-state-hover a:hover {
    text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    background: #ffffff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    color: #eb8f00;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    text-decoration: none;
}
.ui-widget :active {
    outline: none;
}

/* ��ȣ�ۿ� ����
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c url(../images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
    color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900 url(../images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

/* Icons
----------------------------------*/

/* �� �̹��� */
.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(../images/ui-icons_222222_256x240.png);
}
.ui-widget-content .ui-icon {
    background-image: url(../images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
    background-image: url(../images/ui-icons_ffffff_256x240.png);
}
.ui-state-default .ui-icon {
    background-image: url(../images/ui-icons_ef8c08_256x240.png);
    display: none;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(../images/ui-icons_ef8c08_256x240.png);
    display: none;
}
.ui-state-active .ui-icon {
    background-image: url(../images/ui-icons_ef8c08_256x240.png);
    display: none;
}
.ui-state-highlight .ui-icon {
    background-image: url(../images/ui-icons_228ef1_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(../images/ui-icons_ffd27a_256x240.png);
}

/* �����Ŵ� */
.ui-icon-carat-1-n {
    background-position: 0 0;
}
.ui-icon-carat-1-ne {
    background-position: -16px 0;
}
.ui-icon-carat-1-e {
    background-position: -32px 0;
}
.ui-icon-carat-1-se {
    background-position: -48px 0;
}
.ui-icon-carat-1-s {
    background-position: -64px 0;
}
.ui-icon-carat-1-sw {
    background-position: -80px 0;
}
.ui-icon-carat-1-w {
    background-position: -96px 0;
}
.ui-icon-carat-1-nw {
    background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}
.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}
.ui-icon-arrow-4 {
    background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}
.ui-icon-extlink {
    background-position: -32px -80px;
}
.ui-icon-newwin {
    background-position: -48px -80px;
}
.ui-icon-refresh {
    background-position: -64px -80px;
}
.ui-icon-shuffle {
    background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}
.ui-icon-folder-open {
    background-position: -16px -96px;
}
.ui-icon-document {
    background-position: -32px -96px;
}
.ui-icon-document-b {
    background-position: -48px -96px;
}
.ui-icon-note {
    background-position: -64px -96px;
}
.ui-icon-mail-closed {
    background-position: -80px -96px;
}
.ui-icon-mail-open {
    background-position: -96px -96px;
}
.ui-icon-suitcase {
    background-position: -112px -96px;
}
.ui-icon-comment {
    background-position: -128px -96px;
}
.ui-icon-person {
    background-position: -144px -96px;
}
.ui-icon-print {
    background-position: -160px -96px;
}
.ui-icon-trash {
    background-position: -176px -96px;
}
.ui-icon-locked {
    background-position: -192px -96px;
}
.ui-icon-unlocked {
    background-position: -208px -96px;
}
.ui-icon-bookmark {
    background-position: -224px -96px;
}
.ui-icon-tag {
    background-position: -240px -96px;
}
.ui-icon-home {
    background-position: 0 -112px;
}
.ui-icon-flag {
    background-position: -16px -112px;
}
.ui-icon-calendar {
    background-position: -32px -112px;
}
.ui-icon-cart {
    background-position: -48px -112px;
}
.ui-icon-pencil {
    background-position: -64px -112px;
}
.ui-icon-clock {
    background-position: -80px -112px;
}
.ui-icon-disk {
    background-position: -96px -112px;
}
.ui-icon-calculator {
    background-position: -112px -112px;
}
.ui-icon-zoomin {
    background-position: -128px -112px;
}
.ui-icon-zoomout {
    background-position: -144px -112px;
}
.ui-icon-search {
    background-position: -160px -112px;
}
.ui-icon-wrench {
    background-position: -176px -112px;
}
.ui-icon-gear {
    background-position: -192px -112px;
}
.ui-icon-heart {
    background-position: -208px -112px;
}
.ui-icon-star {
    background-position: -224px -112px;
}
.ui-icon-link {
    background-position: -240px -112px;
}
.ui-icon-cancel {
    background-position: 0 -128px;
}
.ui-icon-plus {
    background-position: -16px -128px;
}
.ui-icon-plusthick {
    background-position: -32px -128px;
}
.ui-icon-minus {
    background-position: -48px -128px;
}
.ui-icon-minusthick {
    background-position: -64px -128px;
}
.ui-icon-close {
    background-position: -80px -128px;
}
.ui-icon-closethick {
    background-position: -96px -128px;
}
.ui-icon-key {
    background-position: -112px -128px;
}
.ui-icon-lightbulb {
    background-position: -128px -128px;
}
.ui-icon-scissors {
    background-position: -144px -128px;
}
.ui-icon-clipboard {
    background-position: -160px -128px;
}
.ui-icon-copy {
    background-position: -176px -128px;
}
.ui-icon-contact {
    background-position: -192px -128px;
}
.ui-icon-image {
    background-position: -208px -128px;
}
.ui-icon-video {
    background-position: -224px -128px;
}
.ui-icon-script {
    background-position: -240px -128px;
}
.ui-icon-alert {
    background-position: 0 -144px;
}
.ui-icon-info {
    background-position: -16px -144px;
}
.ui-icon-notice {
    background-position: -32px -144px;
}
.ui-icon-help {
    background-position: -48px -144px;
}
.ui-icon-check {
    background-position: -64px -144px;
}
.ui-icon-bullet {
    background-position: -80px -144px;
}
.ui-icon-radio-off {
    background-position: -96px -144px;
}
.ui-icon-radio-on {
    background-position: -112px -144px;
}
.ui-icon-pin-w {
    background-position: -128px -144px;
}
.ui-icon-pin-s {
    background-position: -144px -144px;
}
.ui-icon-play {
    background-position: 0 -160px;
}
.ui-icon-pause {
    background-position: -16px -160px;
}
.ui-icon-seek-next {
    background-position: -32px -160px;
}
.ui-icon-seek-prev {
    background-position: -48px -160px;
}
.ui-icon-seek-end {
    background-position: -64px -160px;
}
.ui-icon-seek-start {
    background-position: -80px -160px;
}
.ui-icon-seek-first {
    background-position: -80px -160px;
}
.ui-icon-stop {
    background-position: -96px -160px;
}
.ui-icon-eject {
    background-position: -112px -160px;
}
.ui-icon-volume-off {
    background-position: -128px -160px;
}
.ui-icon-volume-on {
    background-position: -144px -160px;
}
.ui-icon-power {
    background-position: 0 -176px;
}
.ui-icon-signal-diag {
    background-position: -16px -176px;
}
.ui-icon-signal {
    background-position: -32px -176px;
}
.ui-icon-battery-0 {
    background-position: -48px -176px;
}
.ui-icon-battery-1 {
    background-position: -64px -176px;
}
.ui-icon-battery-2 {
    background-position: -80px -176px;
}
.ui-icon-battery-3 {
    background-position: -96px -176px;
}
.ui-icon-circle-plus {
    background-position: 0 -192px;
}
.ui-icon-circle-minus {
    background-position: -16px -192px;
}
.ui-icon-circle-close {
    background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}
.ui-icon-circle-check {
    background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

/* ��Ÿ �̵��
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    background-image: url(../images/ui-bg_diagonals-thick_20_666666_40x40.png);
    background-position: 50% 50%;
    background-repeat: repeat;
    opacity: .50;
    filter: Alpha(Opacity=50);
}
.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000000 url(../images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
    opacity: .20;
    filter: Alpha(Opacity=20);
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
/*!
 * jQuery UI Tabs 1.8.20
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs {
    position: relative;
    padding: 0 0 45px 0;
}
/* ��ũ�ѹ��� �� "fixed") */
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
    height: 44px;
}
.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    height: 37px;
    background: #FFF;
    float: left;
    border-width: 1px;
    border-bottom: none;
    margin: 0 20px 0 0;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    padding: 3px;
    font-size: 14px;
    line-height: 37px;
    text-align: center;
    border-bottom: 0 !important;
    white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li span {
    display: inline-block;
    height: 37px;
}
.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: 0 20px;
    text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    padding-bottom: 4px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected span,
.ui-tabs .ui-tabs-nav li.ui-state-hover span {
    background: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}
/* �׷� ù��° ���� ���׿� �ʿ��� ����*/
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
}
.ui-tabs .ui-tabs-hide {
    display: none !important;
}

/* JQUERY TABS ��  */

/* CLOUD ZOOM */

/* ���콺������ �Ʒ� �����̴� ���� ���簢�� */
.cloud-zoom-lens {
    margin: -4px;
    /* ���̳ʽ� �׵θ� �β��� ���� */
    
    background-color: #fff;
    cursor: move;
}

/* �� â */
.cloud-zoom-big {
    border-width: 1px;
    overflow: hidden;
}

/* �ε��޼��� */
.cloud-zoom-loading {
    padding: 3px;
    border-width: 1px;
}

/* CLOUD ZOOM ��*/

/* FANCYBOX PLUGIN(�̹��� Ŭ���� Ȯ��) */

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 *
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}
#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url('../images/fancybox.png');
}
#fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    display: none;
}
#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}
#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 1101;
    outline: none;
    display: none;
}
#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
}
#fancybox-content {
    width: 0;
    height: 0;
    padding: 0;
    outline: none;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    border: 0px solid #fff;
}
#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1101;
}
#fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: transparent url('../images/fancybox.png') -40px 0px;
    cursor: pointer;
    z-index: 1103;
    display: none;
}
#fancybox-error {
    font: normal 12px/20px Arial;
    padding: 14px;
    margin: 0;
}
#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
}
#fancybox-frame {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}
#fancybox-left,
#fancybox-right {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    background: transparent url('../images/blank.gif');
    z-index: 1102;
    display: none;
}
#fancybox-left {
    left: 0px;
}
#fancybox-right {
    right: 0px;
}
#fancybox-left-ico,
#fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block;
}
#fancybox-left-ico {
    background-image: url('../images/fancybox.png');
    background-position: -40px -30px;
}
#fancybox-right-ico {
    background-image: url('../images/fancybox.png');
    background-position: -40px -60px;
}
#fancybox-left:hover,
#fancybox-right:hover {
    visibility: visible;
    /* IE6 */
}
#fancybox-left:hover span {
    left: 20px;
}
#fancybox-right:hover span {
    left: auto;
    right: 20px;
}
.fancybox-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}
#fancybox-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
}
#fancybox-bg-ne {
    top: -20px;
    right: -20px;
    background-position: -40px -162px;
}
#fancybox-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-position: -20px 0px;
}
#fancybox-bg-se {
    bottom: -20px;
    right: -20px;
    background-position: -40px -182px;
}
#fancybox-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-position: 0px -20px;
}
#fancybox-bg-sw {
    bottom: -20px;
    left: -20px;
    background-position: -40px -142px;
}
#fancybox-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
}
#fancybox-bg-nw {
    top: -20px;
    left: -20px;
    background-position: -40px -122px;
}
#fancybox-title {
    font-family: Helvetica;
    font-size: 12px;
    z-index: 1102;
}
.fancybox-title-inside {
    padding-bottom: 10px;
    text-align: center;
    background: #fff;
    position: relative;
}
.fancybox-title-outside {
    padding-top: 10px;
}
.fancybox-title-over {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
}
#fancybox-title-over {
    padding: 10px;
    background-image: url('../images/fancy_title_over.png');
    display: block;
}
.fancybox-title-float {
    position: absolute;
    left: 0;
    bottom: -20px;
    height: 32px;
}
#fancybox-title-float-wrap {
    border: none;
    border-collapse: collapse;
    width: auto;
}
#fancybox-title-float-wrap td {
    border: none;
    white-space: nowrap;
}
#fancybox-title-float-left {
    padding: 0 0 0 15px;
    background: url('../images/fancybox.png') -40px -90px no-repeat;
}
#fancybox-title-float-main {
    line-height: 29px;
    font-weight: bold;
    padding: 0 0 3px 0;
    background: url('../images/fancybox-x.png') 0px -40px;
}
#fancybox-title-float-right {
    padding: 0 0 0 15px;
    background: url('../images/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */
.fancybox-ie6 #fancybox-close {
    background: transparent;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_close.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-left-ico {
    background: transparent;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_nav_left.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-right-ico {
    background: transparent;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_nav_right.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-over {
    background: transparent;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_over.png', sizingMethod='scale');
    zoom: 1;
}
.fancybox-ie6 #fancybox-title-float-left {
    background: transparent;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_left.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-float-main {
    background: transparent;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_main.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-title-float-right {
    background: transparent;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_right.png', sizingMethod='scale');
}
.fancybox-ie6 #fancybox-bg-w,
.fancybox-ie6 #fancybox-bg-e,
.fancybox-ie6 #fancybox-left,
.fancybox-ie6 #fancybox-right,
#fancybox-hide-sel-frame {
    height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 {
    position: absolute;
    margin-top: 0;
    top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2: document.body.clientHeight/2) + ( ignoreMe=document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop)) + 'px');
}
#fancybox-loading.fancybox-ie6 div {
    background: transparent;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_loading.png', sizingMethod='scale');
}

/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg {
    background: transparent !important;
}
.fancybox-ie #fancybox-bg-n {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_n.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-ne {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_ne.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-e {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_e.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-se {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_se.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-s {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_s.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-sw {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_sw.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-w {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_w.png', sizingMethod='scale');
}
.fancybox-ie #fancybox-bg-nw {
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_nw.png', sizingMethod='scale');
}

/* FANCYBOX PLUGIN �� */

/* ----------------------------------- ���������  -----------------------------------*/
.customer {
    width: 100%;
    padding: 0 0 0 0;
}
.customer-left {
    border: 1px solid #d3d3d3;
    float: left;
    min-height: 268px;
    padding: 30px 20px;
    width: 335px;
}
.customer h4 {
    padding-bottom: 22px;
    margin-bottom: 17px;
    border-bottom-width: 1px;
}
.customer-left p {
    line-height: 27px;
}
.customer-left p a {
    font-weight: bold;
}
.customer-right {
    border: 1px solid #d3d3d3;
    float: left;
    margin-left: 20px;
    min-height: 268px;
    padding: 30px 20px;
    width: 350px;
}
.customer-form label {
    font-size: 12px;
    line-height: 18px;
    display: block;
    padding: 6px 0 25px 0;
}
.customer-form .input {
    background-color: #fafafa;
    border-color: #d3d3d3 #e9e9e9 #e9e9e9 #d3d3d3;
    border-style: solid;
    border-width: 1px;
    width: 160px;
    height: 40px;
    padding: 0 14px;
    font-size: 14px;
    margin: 0 0 24px 0;
}
.customer-width {
    width: 160px;
    float: left;
}
.customer-form .input.last {
    margin: 0;
}
.customer-form .forgot {
    font-size: 11px;
    display: block;
    padding: 7px 0 0 0;
    /*float:right;*/
}
.customer-form .forgot a {
    background-color: #7A7A7A;
    color: #fff;
    padding: 3px 6px;
}
.customer-form .button,
.step1 .button {
    width: 80px;
    height: 35px;
    border: none;
    background: url(../images/bg_button.png) no-repeat left top;
    float: left;
    margin: 33px 11px 0 0;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
}
.customer-form .button.second,
.step1 .button.second,
.customer-form .button:hover {
    background-position: left bottom;
}
.customer-form .button.second:hover {
    background-position: left top;
}

/* ----------------------------------- üũ�ƿ�  -----------------------------------*/
.accordin-panel {
    width: 100%;
}
.accordin-panel h1 {
    padding: 0 0 31px 0;
}
.accordin-panel h5.ui-accordion-header {
    border-width: 1px;
    padding: 3px;
    margin-bottom: -1px;
    cursor: pointer;
}
.accordin-panel h5 span {
    display: block;
    line-height: 36px;
    padding: 0 24px 0 21px;
}
.accordin-panel h5 a.link {
    float: right;
    font-size: 12px;
}
.accordin-block {
    width: 790px;
    /*padding:47px 0px 45px 0px;*/
}
.accordin-block p {
    line-height: 27px;
    margin: -8px 0 -8px 0;
}
#checkout .accordin-block.step1 {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.accordin-block.last-child {
    margin-bottom: -3px;
    padding-bottom: 0;
}
.accordin-block input[type="checkbox"] {
    margin-right: 8px;
    margin-left: 0;
}
.accordin-block input[type="text"] {
    margin-top: 0;
}
.accordin-block textarea {
    height: 102px;
    width: 654px;
    margin-bottom: 21px;
}
.accordin-block.step4 p,
.accordin-block.step5 p {
    margin-top: -6px;
    margin-bottom: 14px;
}
.accordin-block.step4 input[type="radio"],
.accordin-block.step5 input[type="radio"] {
    margin: 0 8px 18px 0;
}
.accordin-block .row1 {
    background: rgba(0, 0, 0, 0) url("../images/dottedbg.jpg") repeat-x scroll center bottom;
    display: inline-block;
    padding: 10px 26px 10px 0;
    width: 880px;
}
.accordin-block .row1 a {
    background-color: #7a7a7a;
    color: #fff;
    overflow: hidden;
    padding: 3px;
}
.accordin-block .row1 p {
    display: block;
    float: left;
    font-size: 14px;
    margin-left: 10px;
    padding: 11px 0 7px;
}
.accordin-block .accordin-half {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.accordin-block .accordin-half+.accordin-half row1 {
    padding-right: 0;
}
.accordin-block .title {
    width: 150px;
    display: block;
    font-size: 14px;
    padding: 11px 0 7px 0;
    margin-left: -1px;
    float: left;
}
.accordin-block label.title {
    width: 150px;
    display: block;
    font-size: 14px;
    padding: 11px 0 7px 0;
    margin-left: -1px;
    float: left;
}
.accordin-block label a:hover {
    text-decoration: underline;
}
.accordin-block .customer {
    padding: 0;
}
.accordin-block .customer-left {
    padding: 30px 24px 25px 24px;
}
.accordin-block .customer-left h4 {
    margin-bottom: 23px;
}
.accordin-block .customer-left .submit-review {
    margin: 15px 0 0 0;
}
.accordin-block .customer-left .submit-login {
    margin: 15px 0 0 0;
    float: left;
}
.accordin-block .submit-login {
    margin: 0;
}
.accordin-block .submit-review {
    margin: 0;
}
.accordin-block .customer-right input {
    width: 354px;
}
.accordin-block .customer-right .submit-review {
    margin: 37px 0 0 0;
}
.accordin-block .customer-left input[type="radio"] {
    margin: 0;
    float: left;
    margin-right: 10px;
}
.accordin-block .customer-left label {
    display: inline-block;
    padding-bottom: 16px;
}
.accordin-block .customer-left p {
    margin-top: -6px;
}
.accordin-block .input,
.accordin-block .listmenu {
    width: 300px;
    height: 18px;
    /*float:left;*/
    
    line-height: 18px;
    font-size: 13px;
    border-width: 1px;
    padding: 8px 18px;
    background-color: #fafafa;
    border-color: #d3d3d3 #e9e9e9 #e9e9e9 #d3d3d3;
    border-style: solid;
    border-width: 1px;
}
.accordin-block .input[type="radio"] {
    width: 50px;
}
.accordin-block .listmenu {
    width: 368px;
    height: 34px;
}
.accordin-block .select {
    float: left;
    padding: 8px 18px;
    background-color: #fafafa;
    border-color: #d3d3d3 #e9e9e9 #e9e9e9 #d3d3d3;
    border-style: solid;
    border-width: 1px;
}
.accordin-block .select option {
    padding: 5px 0;
}
.accordin-block .select-check {
    float: left;
    padding: 8px 0 18px 0;
}
.accordin-block .shopping {
    padding: 0;
}
.accordin-block .shopping .right {
    width: 294px;
}
.accordin-block .shopping .left {
    width: 398px;
}
.accordin-block .shopping .col2 {
    width: 146px !important;
}
.accordin-block .shopping .right .col2 .total {
    width: 116px;
}
.accordin-block .shopping .submit-review {
    float: right;
    margin-top: 24px;
}
.accordin-block table#checkout-tab {
    padding: 0;
}
table#checkout-tab tr td:first-child {
    width: 233px;
}
table#checkout-tab tr td:first-child+td {
    width: 110px;
}
table#checkout-tab tr td:first-child+td+td {
    width: 90px;
}
table#checkout-tab tr td:first-child+td+td+td {
    width: 83px;
}
table#checkout-tab tr td.last-child {
    width: 116px;
}
.pro-col {
    width: 100%;
    padding: 0 0 4px 0;
    margin: 0 0 0 0;
}
.pro-col h2 {
    padding-bottom: 30px;
}
.pro-col li {
    width: 152px;
    float: left;
    text-align: center;
    font-size: 14px;
    padding: 33px 0 0 33px;
}
.pro-col li.first,
.pro-col li:nth-child(1) {
    padding-left: 0;
}
.pro-col li.first,
.pro-col li:nth-child(6) {
    padding-left: 0;
}
.pro-col li.first,
.pro-col li:nth-child(11) {
    padding-left: 0;
}
.pro-col li.first,
.pro-col li:nth-child(16) {
    padding-left: 0;
}
.pro-col li.last,
.pro-col li:nth-child(21) {
    padding-right: 0;
}
.pro-col li.last,
.pro-col li:nth-child(26) {
    padding-right: 0;
}
.pro-col li.last,
.pro-col li:nth-child(31) {
    padding-right: 0;
}
.pro-col li.last,
.pro-col li:nth-child(36) {
    padding-right: 0;
}
.pro-col li .imgb {
    width: 145px;
    height: 120px;
    display: block;
    position: relative;
    padding: 3px;
    border-width: 1px;
    margin: 0 0 20px 0;
}
.pro-col li a.fadeable {
    position: relative;
    display: inline-block;
}
.pro-col li span.price {
    display: block;
    font-size: 16px;
    padding-top: 9px;
}
.Featured {
    width: 100%;
}
.Featured h1 {
    padding-bottom: 30px;
}
.Featured .block1st {
    width: 100%;
    border-width: 1px;
    margin: 0 0 33px 0;
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #dadde1 !important;
    box-shadow: 1px 3px 4px -3px #e9e9e9 inset;
}
.Featured .block1st.last-child {
    margin-bottom: 0;
}
.block1st .graycol {
    display: inline-block;
    padding: 4%;
    width: 90%;
    margin: 0 auto;
}
.privacy p {
    line-height: 18px;
    font-size: 12px;
}
.graycol table tr td {
    background: rgba(0, 0, 0, 0) url("../images/dottedbg.jpg") repeat-x scroll center bottom;
    line-height: 22px;
}
.block1st h4 {
    border-bottom-width: 1px;
    padding: 0 0 21px 0;
    margin: 0 0 22px 0;
}
ul.catelist {
    padding: 0 40px 0 0;
}
ul.catelist li {
    background: url(../images/bg_bullet.png) no-repeat left 5px;
    display: block;
    padding: 0 0 18px 14px;
}

/* ----------------------------------- �ֹ� ���̺�  -----------------------------------*/
.shopping {
    width: 100%;
    padding: 0 0 0 0;
}
.shopping .heading2 h1 {
    padding: 0;
}
table {
    width: 100%;
    /*padding:43px 0 0 0;*/
    
    border-collapse: separate;
}
table#cart {
    width: 100%;
    padding: 23px 0 0 0;
    border-collapse: separate;
}
table#cart th {
    background: #fff url("../images/product_list_tit_bg.jpg") repeat scroll 0 0;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    margin: 0;
    padding-bottom: 3px;
    padding-top: 3px;
}
table#cart th:first-child {
    border-left-width: 1px;
    padding-left: 3px;
}
table#cart th.last-child {
    padding-right: 3px;
}
table#cart th span {
    height: 100%;
    display: block;
}
table#cart tr span.cart-hover {
    background: black;
    height: 100%;
    display: block;
}
table#cart th:first-child span {
    padding-left: 21px;
    text-align: left;
}
table#cart th.last-child span {
    padding-right: 26px;
    text-align: right;
}
table#cart td:first-child {
    border-left-width: 1px;
}
table#cart td {
    /*����*/
    
    border-bottom-width: 1px;
    padding: 20px 0;
    text-align: center;
    vertical-align: middle;
}
table#cart td:last-child {
    /*����*/
    
    border-right-width: 1px;
}
table#cart tr.padding td {
    padding: 3px 0 0 0;
    border-bottom: none;
    background: none;
}
table#cart tr.padding.bot td {
    padding: 3px 0 0 0;
    background: none;
    border-bottom-width: 1px;
}
table#cart tr.padding.bot td.last-child {
    border-right: none;
}
table#cart td:first-child {
    /*padding-left:26px;*/
    
    padding: 10px;
    /*text-align:left;*/
    /*width:106px;*/
}
table#cart td:first-child {
    /*border-right:none;*/
    
    font-weight: bold;
    /*color:#d3242d;*/
}
table#cart td.last-child {
    border-right: none;
}

/*

table#cart td:first-child + td {
	font-size:15px;
}
table#cart td:first-child + td + td {
	font-size:15px;
}
table#cart td:first-child + td + td + td {
	font-size:15px;
}
table#cart td:first-child + td + td + td + td {
	font-size:15px;
}
table#cart td:first-child + td + td + td + td + td {
	font-size:15px;
}
table#cart td:first-child + td + td + td + td + td + td {
	font-size:15px;
}

*/
table#cart td .imgb {
    width: 78px;
    margin: 0;
    padding: 3px;
    border-width: 1px;
    float: left;
    background: #FFF;
}
table#cart tr td.prod-col {
    /*text-align:left;*/
    
    padding: 34px 0 32px 0;
}
table#cart tr td.prod-col p {
    font-size: 14px;
    line-height: 20px;
}
table#cart tr td.prod-col span {
    font-size: 12px;
    line-height: normal;
    /*display:block;*/
}
table#cart tr td.prod-col .total span {
    font-family: verdana;
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 7px;
    color: #d3242d;
}

/*
table#cart tr td.prod-col + td + td {
	font-size:15px;
}
table#cart tr td.prod-col + td + td + td {
	font-size:15px;
}
table#cart tr td.prod-col + td + td + td + td{
	font-size:15px;
}
table#cart tr td.prod-col + td + td + td + td + td {
	font-size:15px;
}

*/
table#cart tr td .input {
    width: 34px;
    height: 30px;
    font-size: 15px;
    text-align: center;
    border-width: 1px;
    margin-top: 0;
    padding: 0;
    background-color: #fafafa;
    border-color: #d3d3d3 #e9e9e9 #e9e9e9 #d3d3d3;
    border-style: solid;
    border-width: 1px;
}
table#cart tr td .input+span a {
    font-size: 11px;
    line-height: 16px;
    padding: 7px 0 2px 0;
    display: block;
    font-weight: bold;
}
table#cart tr td span.orange a {
    font-size: 11px;
}
table td.last-child {
    padding-right: 30px;
    text-align: right;
}
.shopping .left {
    width: 418px;
    padding: 47px 0 0 0;
    float: left;
}
.shopping .left form+form+form .step-toggle {
    margin-bottom: 34px;
}
.shopping .left form+form+form .step-toggle .toggeable {
    margin-bottom: -34px;
}
.shopping .left .toggeable {
    width: 346px;
    padding-left: 24px;
}
.shopping .left .toggeable input[type="text"] {
    height: 34px;
    margin: 1px 0 0 0;
}
.shopping .left .labeltop {
    padding: 3px;
    border-width: 1px;
    width: 344px;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    display: block;
    margin-top: -1px;
}
.shopping .left .labeltop span {
    width: 100%;
    height: 100%;
    display: block;
}
.shopping .left .radio {
    margin: 15px 14px 0 24px;
    float: left;
}
.shopping .left p {
    font-size: 14px;
    line-height: 25px;
    padding: 26px 0 2px 0;
}
.shopping .left .toggeable label {
    padding: 21px 0 9px 0;
    display: block;
}
.shopping .left .toggeable .submit-review {
    margin: 23px 0 33px 0;
}
.shopping .left .select {
    background: #fff;
    width: 324px;
    border-width: 1px;
    margin: 8px 0 22px 24px;
    padding: 0 4px 0 18px;
}
.shopping .left .button,
.shopping .left .button3 {
    background: url(../images/bg_button2.png) no-repeat left top;
    width: 98px;
    height: 35px;
    margin: 1px 0 32px 24px;
    border: none;
    text-align: center;
    cursor: pointer;
    float: left;
}
.shopping .left .button3,
.shopping .left .button:hover {
    background-position: left bottom;
}
.shopping .left .button3 {
    margin-left: 14px;
}
.shopping .left .button3:hover {
    background-position: left top;
}
.shopping .right {
    width: 324px;
    float: right;
}
.shopping .right .col1 {
    width: 147px;
    padding: 37px 0 0 0;
    border-right-width: 1px;
    text-align: right;
    float: left;
}
.shopping .right .col1 span,
.shopping .right .col2 span {
    font-size: 15px;
    line-height: 30px;
    display: block;
    padding-right: 30px;
}
.shopping .right .total,
.shopping .right .total {
    border-top-width: 1px;
    border-bottom-width: 1px;
    margin: 6px 0 0 0;
    padding: 23px 30px 28px 0;
    font-size: 19px;
    text-align: right;
}
.shopping .right .col2 {
    width: 176px;
    text-align: right;
    padding: 37px 0 0 0;
    float: left;
}
.shopping .right .col2 .total {
    width: 146px;
}
.shopping .right .button-default.cart.dark {
    float: left
}
.shopping .right .button-default.cart {
    margin: 24px 0 0 0;
    float: right;
    clear: none;
}
.button-default.cart.light span {
    font-size: 14px;
    /*line-height:2.4em;*/
}
.submit-review {
    padding: 3px;
    border-width: 1px;
    float: left;
    margin-top: 37px;
    overflow: hidden;
    height: 27px;
}
.submit-review a {
    padding: 0 12px 0 12px;
    height: 27px;
    line-height: 2.2em;
    font-size: 12px;
    font-weight: bold;
    border: none;
    margin: 0;
    cursor: pointer;
    display: block;
}
.submit-review a.sub-hover {
    margin-top: -30px;
    margin-bottom: 3px;
}
.submit-login {
    padding: 3px;
    border-width: 1px;
    float: left;
    margin-top: 37px;
    overflow: hidden;
    height: 27px;
}
.submit-login a {
    padding: 0 12px 0 12px;
    height: 27px;
    line-height: 2.2em;
    font-size: 12px;
    font-weight: bold;
    border: none;
    margin: 0;
    cursor: pointer;
    display: block;
}
.submit-login a.sub-hover {
    margin-top: -30px;
    margin-bottom: 3px;
}
.button-default.cart.light span.hover {
    background: #FFF;
}
.button-default.cart.dark.light span.hover {
    background: #FFF;
}
.shopping .submit-review a.sub-hover {
    background: #FFF;
}

/* -----------------------------------��ã¹?¿½ï¿?-----------------------------------*/
.contact {
    width: 100%;
}
.contact h5 {
    background: #fff;
    border-width: 1px;
    margin: 30px 0 20px 0;
    padding: 3px;
}
.contact h5 span {
    display: block;
    font-size: 13px;
    line-height: 30px;
    padding: 0 0 0 22px;
    background-color: #f4f4f4;
}
.fill-form {
    padding: 0 0 0 24px;
    display: inline-block;
}
.fill-form .col1 {
    /*width:314px;*/
    
    margin: 0 0 17px 0;
    /*float:left;*/
}
.fill-form .col1 {
    /*width:314px;*/
    
    margin: 0 0 17px 0;
    /*float:left;*/
}
.fill-form .col1 .box {
    background-color: #f3f3f3;
    border-bottom: 4px solid #fff;
    border-top: 4px solid #fff;
    padding: 14px 0 14px 50px;
    text-align: left;
    width: 190px;
    float: left;
}
.fill-form label {
    font-size: 14px;
    display: block;
}
.fill-form label .box {
    background-color: #f3f3f3;
    border-bottom: 4px solid #fff;
    border-top: 4px solid #fff;
    padding: 14px 0 14px 50px;
    text-align: left;
    width: 190px;
    float: left;
}
.fill-form .col1 .input,
.fill-form .input2 {
    width: 234px;
    height: 34px;
    margin: 7px 0 0 0;
    padding: 0 18px;
    border-width: 1px;
    background-color: #fafafa;
    border-color: #d3d3d3 #e9e9e9 #e9e9e9 #d3d3d3;
    border-style: solid;
    border-width: 1px;
    font-size: 13px;
}
.fill-form .textarea {
    width: 530px;
    height: 127px;
    margin: 6px 0 21px 0;
    padding: 10px 0 0 18px;
    border-width: 1px;
    background-color: #fafafa;
    border-color: #d3d3d3 #e9e9e9 #e9e9e9 #d3d3d3;
    border-style: solid;
    font-size: 13px;
}
.fill-form .row {
    width: 100%;
    height: auto;
    padding: 0 0 35px 0;
}
.fill-form .input2 {
    width: 240px;
    height: 30px;
    margin: 8px 10px 0 0;
    float: left;
}
.fill-form img {
    /*margin:8px 0 0 0;
	height:32px;*/
}
.fill-form .checkbox {
    float: left;
    margin-left: 0;
    margin-right: 12px;
}
.fill-form span.gray {
    padding: 4px 0 0 6px;
    display: block;
}
.fill-form .submit-review {
    margin-top: 17px;
}
.fill-form .button {
    background: url(../images/bg_button2.png) no-repeat left top;
    width: 98px;
    height: 35px;
    line-height: 33px;
    margin: 20px 0 0 -15px;
    border: none;
    text-align: center;
    cursor: pointer;
}
.fill-form .button:hover {
    background-position: left bottom;
}
.widget.contact-page {
    padding-bottom: 39px!important;
}
.widget.contact-page h4 {
    padding-bottom: 19px!important;
}
.widget.contact-page p {
    line-height: 1.8em !important;
}
#ajax-status {
    display: none;
    clear: both;
}
#status {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 19px 0 0 0;
    display: inline-block;
    padding: 0 0 0 26px;
    height: 16px;
}
#status.ok {
    background: url("../images/ok.png") no-repeat scroll left top transparent;
}
#status.error {
    background: url("../images/cross.png") no-repeat scroll left top transparent;
}
.TitBx {
    height: 140px;
    margin: 0 auto;
    text-align: center;
    color: #000;
}
.b {
    font-weight: bold;
}
.TitBx .menuTit {
    background: rgba(0, 0, 0, 0) url("../images/bg_title_bar.gif") no-repeat scroll center bottom;
    font-size: 38px;
    padding: 0px 0 38px;
}
.TitBx .titCont {
    font-size: 26px;
    padding-top: 15px;
    letter-spacing: -1px;
}
.onlineNoti {
    background: rgba(0, 0, 0, 0) url("../images/icon_check.png") no-repeat scroll 0 0;
    color: #8a8a8a;
    font-size: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
}
.onlineTb th .check_on {
    background: rgba(0, 0, 0, 0) url("../images/icon_check.png") no-repeat scroll 0 0;
    padding-left: 25px;
}
.onlineTb th {
    background-color: #f3f3f3;
    border-bottom: 1px solid;
    padding: 14px 0 14px 5px;
    text-align: left;
    min-width: 120px;
}
.onlineTb td {
    padding: 5px 0 5px 5px;
}
.onlineTb td input {
    border: 1px solid #d7d7d7;
    font-size: 15px;
    padding: 5px 0px;
}
.onlineTb td input[type="file"] {
    background: #fff;
    border: none;
    padding-left: 0;
}
.onlineTb td select {
    border: 1px solid #d7d7d7;
    font-size: 15px;
    height: 32px;
}
.onlineTb td input.file {
    background-color: #fff;
    border: medium none;
    height: 30px;
    padding: 0;
}
.cen {
    text-align: center;
}
.pdTop50 {
    padding-top: 50px;
}

/* ----------------------------------- ����������-----------------------------------*/
.accordin-panel.register-page {
    margin-top: -2px;
}
.accordin-panel.register-page .accordin-block {
    padding: 0;
    width: 100%;
}
.accordin-panel.register-page h2 {
    padding-bottom: 29px;
}
.contact .accordin-block {
    /*padding:30px 26px 0px 26px;*/
}
.contact h5 span a:hover {
    text-decoration: underline;
}
.contact .accordin-block span.checkbox {
    float: left;
    margin-left: 0;
    margin-right: 12px;
}
.contact .accordin-block span.gray {
    padding: 4px 0 0 6px;
    font-size: 14px;
}
.contact .accordin-block span.gray a:hover {
    text-decoration: none;
}
.contact .accordin-block .select-check {
    padding-top: 15px;
}

/* ----------------------------------- �ֹ�����Ʈ  -----------------------------------*/
table#cart.wish {
    margin-top: -1px;
}
table#cart.wish td:first-child+td {
    width: ;
}
table#cart.wish td:first-child+td+td {
    width: ;
}
table#cart.wish td:first-child+td+td+td {
    width: ;
}
table#cart.wish td:first-child+td+td+td+td+td {
    border-right: ;
    /*padding-right:3px;*/
    /*text-align:right;*/
}
table#cart.wish th.last-child span,
table#cart.wish td.last-child {
    padding-right: 0;
    text-align: center;
}
table#cart.wish td:first-child+td+td+td+td+td+td {
    padding-left: 3px;
    /*text-align:left;*/
}

/* ----------------------------------- ���� -----------------------------------*/
.typography .typ-block {
    padding-top: 39px;
}
.typography .typ-block h1,
h2,
h3,
h4,
h5,
h6 {
    padding-bottom: 20px;
}
.typography p {
    padding-bottom: 22px;
    line-height: 28px;
    font-size: 14px;
}
.typography .typ-block p.last-child {
    padding-bottom: 0;
    margin-bottom: -6px;
}
.typography .typ-block p a:hover {
    text-decaration: underline;
}

/* ----------------------------------- ��ü���������  -----------------------------------*/
.buttons-block .mypage-menu {
    width: 100%;
}
.buttons-block .mypage-menu ul {
    background-image: url("../images/mypage_memu_bg.png");
    float: left;
    padding: 15px 25px 0;
}
.buttons-block .mypage-menu ul li {
    clear: none;
    float: left;
    margin-bottom: 30px;
    margin-right: 32px;
}
.buttons-block .mypage-menu ul li:last-child {
    margin-right: 0px;
}
.buttons-block .button-default.cart,
.buttons-block .button-cart {
    float: left;
    clear: none;
    margin-right: 32.4px;
    margin-bottom: 40px;
}
.buttons-block .button-default.cart,
.buttons-block .button-cart:last-child {
    margin-right: 0px;
}
.buttons-block .button-default.cart:first-child {
    margin-right: 29px;
}
.buttons-block .button-cart.last-child {
    margin-right: 0;
    margin-left: 1px;
}
.info-box {
    padding: 17px 20px;
}
.info-box.warning {
    background: none repeat scroll 0 0 #FCF8E2;
    border: 1px solid #F0D53F;
    color: #945000;
}
.info-box.error {
    background: none repeat scroll 0 0 #FCE2E2;
    border: 1px solid #FB8E8E;
    color: #940000;
}
.info-box.success {
    background: none repeat scroll 0 0 #ebebeb;
    border: 1px solid #5674b9;
    color: #333;
}
.info-box.info {
    background: none repeat scroll 0 0 #BBE5F5;
    border: 1px solid #7DB4DA;
    color: #004973;
}
.full-elements h1 {
    padding-bottom: 41px;
}
.full-elements .buttons-block,
.full-elements #tabs,
.full-elements .accordin-div,
.info-box-content {
    padding-top: 10px;
}
.full-elements .ui-tabs {
    padding-bottom: 0px;
}
.full-elements .divisory {
    padding-bottom: 48px;
}
.full-elements .accordin-div {
    padding-bottom: 1px;
}
.full-elements .accordin-block.last-child {
    padding-bottom: 0px;
}
.full-elements .accordin-block.last-child p {
    margin-bottom: -10px;
}
.full-elements table {
    padding-top: 11px;
}
.pro-col.full {
    margin-bottom: -7px;
}
.column_grid.full p {
    line-height: 27px;
    margin-top: 1px;
    margin-bottom: 1px;
}

/* -----------------------------------����������  -----------------------------------*/
.error-page {
    font-size: 18px;
    line-height: 1.95em;
    margin-top: 22px;
}
.error-page span {
    font-size: 84px;
    padding-bottom: 15px;
    display: block;
}
.error-page a {
    text-decoration: underline;
}
.error-page a:hover {
    text-decoration: none;
}

/* ----------------------------------- �Ұ�������  -----------------------------------*/
.about-txt {
    font-size: 14px;
    line-height: 200%;
    padding-top: 33px;
    padding-bottom: 37px;
    margin-bottom: 43px;
}
@media (max-width: 480px) {
    #quickmemu {
        display: none;
    }
}
.top_info {
    width: 100%;
    margin: 0 auto;
    height: 104px;
    background: url(../images/common/bg_top_info.jpg) no-repeat center center;
}
.top_info .info_wrap {
    width: 1060px;
    margin: 0 auto;
    overflow: hidden;
    height: 104px;
}
.top_info .info_wrap .info_left {
    float: left;
    margin-left: 115px;
}
.top_info .info_wrap .info_left p {
    line-height: 20px;
    font-size: 38px;
    color: #fff;
    margin-top: 24px;
    text-align: right;
}
.top_info .info_wrap .info_left p span {
    font-weight: bold;
    color: #ffc946;
}
.top_info .info_wrap .info_left p span.mini {
    font-size: 14px;
    color: #fff;
}
.top_info .info_wrap .info_right {
    float: left;
    margin-left: 195px;
}
.top_info .info_wrap .info_right ul.tel {
    overflow: hidden;
    margin-top: 14px;
}
.top_info .info_wrap .info_right ul.tel li {
    float: left;
}
.top_info .info_wrap .info_right ul.tel li.phone {
    padding: 2px 0 2px 28px;
    margin-top: 8px;
    background: url(../images/common/icon_tel.png) no-repeat left center;
    color: #ffb71c;
    font-family: 'Noto Sans KR';
    font-size: 18px;
}
.top_info .info_wrap .info_right ul.tel li.number {
    color: #fff;
    font-family: 'Noto Sans KR';
    font-size: 35px;
}
.top_info .info_wrap .info_right ul.time {
    overflow: hidden;
    margin-top: 10px;
}
.top_info .info_wrap .info_right ul.time li {
    float: left;
    padding: 3px 0 3px 46px;
    background: url(../images/common/icon_time.png) no-repeat left center;
    font-size: 14px;
    color: #fff;
    font-family: 'Noto Sans KR';
    margin-right: 10px;
    letter-spacing: -0.03em;
}
.top_info .info_wrap .info_right ul.time li.week {
    background: url(../images/common/icon_time2.png) no-repeat left center;
}
#header {
    width: 100%;
}

/*GNB*/
.gnb_wrap {
    width: 100%;
    position: relative;
    height: 80px;
    z-index: 10;
    clear: both;
    background: url(../images/bg/gnb_wrap_bg.png) left top repeat-x;
    border-bottom: 1px solid #ebebeb;
}
.in {
    width: 1060px;
    margin: 0 auto;
}
.logo {
    float: left;
    padding-top: 20px;
}
.nav {
    width: 840px;
    margin-left: 20px;
    float: left;
    z-index: 100;
}
.nav>ul {
    position: relative;
    z-index: 2;
    *zoom: 1;
}
.nav>ul:after {
    content: "";
    display: block;
    clear: both;
}
.nav>ul>li {
    float: left;
    position: relative;
    width: 120px;
}
.nav>ul>li>a {
    display: block;
    height: 81px;
    line-height: 81px;
    /*padding:0 22px 0 21px;*/
    
    color: #333;
    font-weight: bold;
    text-align: center;
    font-size: 15px;
}
.nav>ul>li>a.on,
.nav>ul>li>a:hover {
    height: 77px;
    line-height: 73px;
    color: #1a408e;
    border-top: 4px solid #1a408e;
}
.nav>ul>li.gnb07>a {
    padding-right: 0;
}
.nav>ul>li>div {
    display: none;
    position: absolute;
    z-index: 20;
    left: 0;
    top: 81px;
    width: 120px;
    height: 250px;
    border-right: 1px solid #ddd;
}
.nav>ul>li>div>ul {
    height: 230px;
    padding: 20px 0 0;
}
.nav>ul>li>div>ul:hover {
    background: #1a408e;
}
.nav>ul>li>div>ul>li {
    padding: 0 10px;
}
.nav>ul>li>div>ul>li a {
    display: block;
    height: 24px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #333;
}
.nav>ul>li>div>ul>li a.letter {
    display: block;
    height: 24px;
    line-height: 24px;
    letter-spacing: -1px;
    color: #333;
}
.nav>ul>li>div>ul>li a.letter2 {
    display: block;
    height: 24px;
    line-height: 24px;
    letter-spacing: -0.5px;
    color: #333;
}
.nav>ul>li>div>ul:hover a {
    color: #fff;
}
.nav>ul>li>div>ul:hover a.letter {
    color: #fff;
}
.nav>ul>li>div>ul:hover a.letter2 {
    color: #fff;
}
.nav>ul>li>div>ul:hover a:hover {
    text-decoration: underline;
}
.nav.on .nav_bg {
    display: block;
    position: absolute;
    left: 0;
    top: 81px;
    z-index: 0;
    width: 100%;
    height: 250px;
    border-bottom: 2px solid #1a408e;
    background: #fff;
}
.nav .nav_bg span {
    position: relative;
    left: 50%;
    display: block;
    width: 1400px;
    height: 250px;
    margin-left: -700px;
    overflow-x: hidden;
    background: url(../images/nav_bg.gif) no-repeat 0 bottom;
}
.nav>ul>li>div>ul.on {
    background: #1a408e;
}
.nav>ul>li>div>ul>li>a.mon {
    color: #fff;
}

/* main */
.mainVisu {
    width: 100%;
    height: 438px;
    overflow: hidden;
}
.mainVisu .mainSlider {
    height: 438px;
}
.mainVisu .mainSlider li {
    width: 100%;
    margin: auto;
    height: 438px;
}
.mainVisu .mainSlider li p {
    width: 100%;
    height: 438px;
}
.mainVisu .btn_wrap {
    position: relative;
    width: 1060px;
    margin: 0 auto;
    opacity: 0;
    filter: alpha(opacity=0)
}
.mainVisu:hover .btn_wrap {
    opacity: 1;
    filter: alpha(opacity=100)
}
.mainVisu .btn_wrap div a {
    display: block;
    position: absolute;
    top: -264px;
    height: 73px;
    text-indent: -9999px;
}
.mainVisu .btn_wrap div.main_next_btn a {
    display: block;
    background: url(../images/main/btn_rarr.png) no-repeat center center;
    width: 37px;
    height: 73px;
    right: -50px;
}
.mainVisu .btn_wrap div.main_pre_btn a {
    display: block;
    background: url(../images/main/btn_larr.png) no-repeat center center;
    width: 37px;
    height: 73px;
    left: -50px;
}
.mid_ban {
    width: 100%;
    background: url(../images/main/midbar_Bg.gif) repeat-y top center;
    height: 54px;
    margin-bottom: 20px;
}
.m_b_l {
    width: 360px;
    height: 35px;
    padding-top: 19px;
    float: left;
    background: #1a408e;
    text-transform: uppercase;
}
.m_b_r {
    width: 700px;
    float: left;
    height: 54px;
    line-height: 54px;
}
.mr_l {
    color: #ffffff;
    float: left;
    padding-left: 32px;
    line-height: 54px;
    font-size: 16px;
}
.mr_r {
    float: right;
    color: #c2c6db;
}
.mr_r:hover {
    color: #fff;
}
.pass_review {
    width: 100%;
    height: 177px;
    margin: 0 auto;
    background: #464646
}
.pass_review .title_area {
    width: 1060px;
    height: 59px;
    margin: 0 auto;
    display: none;
}
.pass_review .title_area p {
    font-family: 'Noto Sans KR';
    font-size: 17px;
    color: #fff;
    height: 59px;
    line-height: 59px;
    margin-left: 470px;
}
.pass_review .review_area {
    width: 1060px;
    height: 177px;
    margin: 0 auto;
    overflow: hidden;
}
.pass_review .review_area .tit_area {
    float: left;
    width: 217px;
    height: 177px;
    background: url(../images/main/bg_review_tit.png) no-repeat 133px top;
}
.pass_review .review_area .tit_area .tit {
    color: #fffefe;
    font-size: 25px;
    font-weight: bold;
    margin: 35px 0 0 10px;
    line-height: 30px;
}
.pass_review .review_area .tit_area .txt_area {
    overflow: hidden;
    margin: 10px 0 0 10px;
    width: 207px;
}
.pass_review .review_area .tit_area .txt_area p.txt {
    float: left;
    color: #a9a9a9;
    font-size: 13px;
    font-family: 'Noto Sans KR';
}
.pass_review .review_area .tit_area .txt_area p.more {
    float: left;
    margin-left: 20px;
}
.pass_review .review_area .con {
    float: left;
    width: 840px;
    padding-top: 15px;
}
.pass_review .review_area .con .reviewSlide {
    width: 840px;
}
.pass_review .review_area .con .reviewSlide li {
    width: 117px;
    height: 150px;
    margin-right: 15px;
    float: left;
}
.pass_review .review_area .con .reviewSlide li a img {
    width: 117px;
    height: 150px;
    margin-right: 15px;
    float: left;
}
.section1,
.section2,
.section3,
.section4,
.section5,
.section6,
.section7 {
    width: 100%;
    overflow: hidden;
}

/*section1*/
.section1 {
    margin-bottom: 20px;
}
.section1 .left_con {
    float: left;
    width: 760px;
}
.section1 .left_con .btn_wrap {
    position: relative;
    width: 760px;
}
.section1 .left_con .btn_wrap div a {
    display: block;
    position: absolute;
    top: -205px;
    width: 16px;
    height: 48px;
    text-indent: -9999px;
    opacity: 0.3;
}
.section1 .left_con .btn_wrap div a:hover {
    opacity: 1;
}
.section1 .left_con .btn_wrap div.air_next_btn a {
    display: block;
    background: url(../images/main/btn_slide_next.png) no-repeat center center;
    width: 16px;
    height: 48px;
    right: 10px;
}
.section1 .left_con .btn_wrap div.air_pre_btn a {
    display: block;
    background: url(../images/main/btn_slide_pre.png) no-repeat center center;
    width: 16px;
    height: 48px;
    left: 10px;
}
.section1 .left_con .banner_slider .bx-wrapper .bx-viewport {
    height: 371px !important;
}
.section1 .right_con {
    float: right;
    width: 282px;
    border: 1px solid #ececec;
}

/* .section1 .right_con .cus_tel{background:#f5f5f5; padding:28px 25px; height:128px; border-bottom:1px solid #ececec;} */
.section1 .right_con .cus_tel {
    background: #f5f5f5;
    padding: 28px 25px;
    width: 100%;
    box-sizing: border-box;
    height: 184px;
    border-bottom: 1px solid #ececec;
}
.section1 .right_con .cus_tel .m_cs_tit_l {
    margin-bottom: 9px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #1c1c1c;
    font-weight: bold;
    float: left;
    display: inline-block;
}
.section1 .right_con .cus_tel .m_cs_tit_r {
    margin-bottom: 9px;
    height: 20px;
    line-height: 20px;
    float: right;
    font-size: 11px;
    font-weight: normal;
    color: #7a7a7a;
    letter-spacing: -0.3px;
    display: inline-block;
}
.section1 .right_con .cus_tel .day {
    text-align: center;
}
.section1 .right_con .cus_tel .day b {
    font-weight: bold;
    margin-right: 3px;
    color: #484848;
}
.section1 .right_con .cus_tel .day span {
    word-spacing: -10px;
}
.section1 .right_con .cus_tel .day .pr {
    padding-right: 20px;
}
.section1 .right_con .cus_tel .imgcenter {
    margin: 0 auto 5px;
    display: block;
}
.m_online {
    width: 100%;
    clear: both;
    margin-top: 10px;
    padding: 0 30px;
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
    display: block;
    background: #2558b8 url(../images/main/online_arrow.png) no-repeat 90% 50%;
    color: #fff;
    transition: background-color 0.3s;
}
.m_online:hover {
    color: #fff;
    background: #011A4D url(../images/main/online_arrow.png) no-repeat 90% 50%;
}
.section1 .right_con .quick {
    width: 100%;
    overflow: hidden;
    background: #fff;
}
.section1 .right_con .quick li a {
    display: block;
    font-size: 12px;
    color: #646464;
    width: 33.3%;
    float: left;
    text-align: center;
    box-sizing: border-box;
    height: 92px;
    line-height: 140px;
}
.section1 .right_con .quick li.bg01 a,
.section1 .right_con .quick li.bg02 a,
.section1 .right_con .quick li.bg04 a,
.section1 .right_con .quick li.bg05 a {
    border-right: 1px solid #ececec;
}
.section1 .right_con .quick li.bg01 a,
.section1 .right_con .quick li.bg02 a,
.section1 .right_con .quick li.bg03 a {
    border-bottom: 1px solid #ececec;
}
.section1 .right_con .quick li.bg01 a {
    background: url(../images/main/m_icon1.jpg) no-repeat 50% 13px;
}
.section1 .right_con .quick li.bg02 a {
    background: url(../images/main/m_icon2.jpg) no-repeat 50% 13px;
}
.section1 .right_con .quick li.bg03 a {
    background: url(../images/main/m_icon3.jpg) no-repeat 50% 13px;
}
.section1 .right_con .quick li.bg04 a {
    background: url(../images/main/m_icon4.jpg) no-repeat 50% 13px;
}
.section1 .right_con .quick li.bg05 a {
    background: url(../images/main/m_icon5.jpg) no-repeat 50% 13px;
}
.section1 .right_con .quick li.bg06 a {
    background: url(../images/main/m_icon6.jpg) no-repeat 50% 13px;
}

/*section2*/
.cur_box {
    width: 340px;
    height: 309px;
    float: left;
    margin: 0 20px 20px 0;
    overflow: hidden;
    padding: 50px 30px;
    box-sizing: border-box;
}
.cur_box .cur_desc {
    font-size: 13px;
    line-height: 18px;
    color: #fff;
    margin: 20px 0;
}
.cur_box .cur_more {
    color: #fff;
    border: 1px solid #fff;
    display: block;
    text-align: center;
    width: 123px;
    height: 30px;
    line-height: 30px;
    transition: background-color 0.3s;
}
.cur_box .cur_more:hover {
    background: #fff;
    color: #1a408e;
}
.cur_box .long {
    width: 140px;
}
.cur_box .bl {
    border: 1px solid #1a408e;
    color: #1a408e;
    transition: background-color 0.3s;
}
.cur_box .bl:hover {
    background: #1a408e;
    color: #fff;
}
.cur1 {
    background: url(../images/main/cur_1.jpg) no-repeat top center;
}
.cur2 {
    background: url(../images/main/cur_2.jpg) no-repeat top center;
}
.cur3 {
    background: url(../images/main/cur_3.jpg) no-repeat top center;
    margin-right: 0;
}
.cur4 {
    background: url(../images/main/cur_4.jpg) no-repeat top center;
    margin-bottom: 0;
}
.cur5 {
    background: url(../images/main/cur_5.jpg) no-repeat top center;
    margin-bottom: 0;
}
.cur6 {
    background: url(../images/main/cur_6.jpg) no-repeat top center;
    margin: 0;
}

/*section3*/
.section3 {
    background: url(../images/main/quick_bg.png) no-repeat top center;
    width: 100%;
    height: 91px;
    margin: 10px 0;
}
.section3 .q_tit {
    background: url(../images/main/quick_logo.jpg) no-repeat bottom center;
    width: 210px;
    height: 75px;
    padding-top: 16px;
    float: left;
}
.section3 .q_cont {
    padding: 16px 0 0 25px;
    height: 75px;
    line-height: 75px;
    float: left;
}
.section3 .q_small {
    float: left;
    padding-left: 30px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    margin-right: 25px;
}
.section3 .qs1 {
    background: url(../images/main/q_i1.gif) no-repeat center left;
    padding-left: 22px;
}
.section3 .qs2 {
    background: url(../images/main/q_i2.gif) no-repeat center left;
    padding-left: 35px;
}
.section3 .qs3 {
    background: url(../images/main/q_i3.gif) no-repeat center left;
    padding-left: 22px;
}
.section3 .qs4 {
    background: url(../images/main/q_i4.gif) no-repeat center left;
}
.section3 .qs5 {
    background: url(../images/main/q_i5.gif) no-repeat center left;
}

/*section4*/
.section4 {
    margin-bottom: 10px;
}
.new_board {
    width: 457px;
    height: 173px;
    border: 1px solid #e5e5e5;
    float: left;
    margin: 10px 20px 10px 0;
    padding: 30px;
}
.guidebook {
    background: url(../images/main/m_book1.jpg) no-repeat 32px 25px;
    position: relative;
}
.guidebook2 {
    background: url(../images/main/m_book2.jpg) no-repeat 32px 25px;
    position: relative;
}
.book_plus {
    width: 75px;
    height: 75px;
    position: absolute;
    top: -10px;
    right: 0;
}
.book_cont {
    position: absolute;
    top: 45px;
    left: 210px;
}
.bk_desc {
    margin: 12px 0;
}
.bk_more {
    color: #fff;
    background: #1a408e;
    border: 1px solid #1a408e;
    display: block;
    text-align: center;
    width: 160px;
    height: 30px;
    line-height: 30px;
    transition: background-color 0.3s;
}
.bk_more:hover {
    background: #fff;
    color: #1a408e;
}
.nomr {
    margin-right: 0;
}
.b_pl_btn {
    float: right;
}
.nb_top {
    width: 100%;
    height: 39px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
}
.nb_top .fs22 {
    float: left;
    display: block;
    padding: 0;
    font-size: 22px;
    font-weight: bold;
}

/*section5*/
.section5 {
    margin-bottom: 20px;
}
.notice,
.gallery {
    width: 278px;
    height: 179px;
    border: 1px solid #e5e5e5;
    padding: 30px;
    margin-right: 20px;
    float: left;
}
.m_fb {
    width: 278px;
    height: 239px;
    margin-right: 0;
    float: left;
}
.m_fb iframe {
    padding: 0;
    margin: 0;
}
.board_area {
    overflow: hidden;
    width: 1060px;
    margin: 10px auto 0px auto;
}
.board_area .board {
    border: 1px solid #e1e1e1;
    float: left;
    width: 304px;
    height: 261px;
    margin-right: 18px;
    padding: 15px;
}
.board_area .board.end {
    margin-right: 0;
    margin-left: -5px;
    width: 325px;
}
.board_area .board .tit_area {
    border-bottom: 1px solid #959595;
    overflow: hidden;
    height: 42px;
}
.board_area .board .tit_area .tit {
    float: left;
    font-size: 25px;
    font-family: 'Noto Sans KR';
    color: #575757;
    padding-top: 7px;
    font-weight: 500;
}
.board_area .board .tit_area .more {
    float: right;
    padding-top: 9px;
}
.board_area .board .tit_area .more a {
    color: #ed0000;
    font-size: 15px;
    font-family: 'Noto Sans KR';
}
.board_area .board .tit_area .morewt {
    float: right;
    padding-top: 9px;
}
.board_area .board .tit_area .morewt a {
    color: #fcb12e;
    font-size: 15px;
    font-family: 'Noto Sans KR';
}
.board_area .board .con {
    margin-top: 15px;
}
.class {
    overflow: hidden;
    width: 100%;
    padding: 10px 0;
    background: #f1f1f1;
}
.class ul {
    width: 1060px;
    margin: 0 auto;
}
.class li {
    width: 516px;
    height: 266px;
    position: relative;
}
.class li.bg01 {
    background: url(../images/main/class_link01.jpg) no-repeat center center;
}
.class li.bg02 {
    background: url(../images/main/class_link02.jpg) no-repeat center center;
}
.class li.bg03 {
    background: url(../images/main/class_link03.jpg) no-repeat center center;
}
.class li.bg04 {
    background: url(../images/main/class_link04.jpg) no-repeat center center;
}
.class li .con {
    width: 235px;
    height: 140px;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 45px 0 0 24px;
    ;
}
.class li .con p {
    color: #fff;
}
.class li .con .txt {
    font-size: 13px;
}
.class li .con .tit {
    font-size: 30px;
    text-shadow: 2px 2px 2px #333;
    line-height: 36px;
    font-weight: 500;
}
.class li .con .link a {
    display: inline-block;
    padding: 7px;
    color: #fff;
    border: 1px solid #fff;
    font-size: 13px;
    margin-top: 28px;
}
.class li.bg04 .con .link a {
    margin-top: 9px;
}
.class li .con .link a:hover {
    color: rgba(0, 0, 0, 0.4);
    background: #fff;
}

/* Section5 - New Book list */

.book_list{
    overflow: hidden;
}

.book_list li{
    float: left;
}

.book_list li:first-child{
    margin-right: 8px;
}

.book_list li img{
    display: block;
    margin: 0 auto;
}

.book_list li a{
    display: block;
    width: 100%;
    background: #1a408e;
    padding: 8px 0;
    text-align: center;
    color: #fff;
    letter-spacing: -1px;
}

/*section6*/
.section6 {
    margin-bottom: 20px;
}
.banner_con {
    width: 1060px;
    overflow: hidden;
    float: left;
}
.banner_con .btn_wrap {
    position: relative;
    width: 1060px;
}
.banner_con .btn_wrap div a {
    display: block;
    position: absolute;
    top: -343px;
    width: 35px;
    height: 66px;
    text-indent: -9999px;
}
.banner_con .btn_wrap div.lesson_next_btn a {
    display: block;
    background: url(../images/main/class_next.png);
    width: 35px;
    height: 35px;
    right: 11px;
}
.banner_con .btn_wrap div.lesson_pre_btn a {
    display: block;
    background: url(../images/main/class_pre.png);
    width: 35px;
    height: 35px;
    right: 48px;
}
.lesson_top {
    z-index: 222;
    position: absolute;
    top: -343px;
    display: block;
    background: url(../images/main/m_class_tit.png);
    width: 290px;
    height: 223px;
}
.main_tab {
    width: 100%;
    margin: 0 auto 20px;
    overflow: hidden;
}
.main_tab li a {
    display: block;
    float: left;
    width: 256px;
    height: 58px;
    text-align: center;
    line-height: 58px;
    font-size: 19px;
    color: #fff;
    font-weight: bold;
    background: #011a4d;
    margin-right: 12px;
}
.main_tab li a:hover {
    background: #00297c;
}
.main_tab li.end a {
    margin-right: 0;
}
.teacher_area {
    width: 100%;
    background: url(../images/main/bg_teacher.jpg);
    height: 317px;
    padding: 78px 0 85px;
}
.teacher_area .teacher_wrap {
    width: 1060px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.teacher_area .teacher_wrap .tit {
    float: left;
    padding-left: 25px;
    overflow: hidden;
    width: 202px;
}
.teacher_area .teacher_wrap .tit .txt1 {
    display: inline-block;
    padding: 7px 12px;
    background: #32384a;
    color: #fff;
    font-size: 16px;
    line-height: 100%;
}
.teacher_area .teacher_wrap .tit .txt2 {
    font-size: 65px;
    color: #153d9a;
    line-height: 35px;
    margin-top: 17px;
}
.teacher_area .teacher_wrap .tit .txt2 span {
    font-size: 25px;
    color: #191919;
}
.teacher_area .teacher_wrap .tit .txt {
    font-size: 16px;
    line-height: 22px;
    margin-top: 13px;
    letter-spacing: -0.05em;
}
.teacher_area .teacher_wrap .con {
    float: left;
    overflow: hidden;
    width: 781px;
    height: 317px;
    margin-left: 27px;
}
.teacher_area .teacher_wrap .con li {
    float: left;
    width: 187px;
    height: 317px;
}
.teacher_area .teacher_wrap .con li a {
    display: block;
    width: 187px;
    height: 317px;
}
.teacher_area .teacher_wrap .con li a .position {
    font-size: 16px;
    padding-left: 22px;
    color: #575757;
    margin-top: 22px;
}
.teacher_area .teacher_wrap .con li a .name {
    font-size: 22px;
    padding-left: 22px;
    color: #2a2a2a;
    margin-top: 6px;
    font-weight: bold;
}
.teacher_area .teacher_wrap .teacher_btn {
    position: relative;
    width: 225px;
}
.teacher_area .teacher_wrap .teacher_btn div a {
    display: block;
    position: absolute;
    top: 283px;
    width: 27px;
    height: 34px;
    text-indent: -9999px;
}
.teacher_area .teacher_wrap .teacher_btn div.teacher_next_btn a {
    display: block;
    background: url(../images/main/btn_teacher_next.jpg) no-repeat center center;
    width: 27px;
    height: 34px;
    right: 30px;
}
.teacher_area .teacher_wrap .teacher_btn div.teacher_pre_btn a {
    display: block;
    background: url(../images/main/btn_teacher_pre.jpg) no-repeat center center;
    width: 27px;
    height: 34px;
    right: 60px;
}
.teacher_area .teacher_wrap .teacher_btn div.more a {
    width: 27px;
    height: 34px;
    text-indent: 0;
    right: 0;
}

/*section7*/
.section7 {
    width: 100%;
    height: 380px;
    margin-bottom: 20px;
}
.section7 .sec7_a {
    background: url(../images/main/m_tc_bg.jpg) no-repeat top center;
    width: 100%;
    height: 380px;
    display: block;
}

/* sub_Page */

/*sky.html*/
.skypro_box {
    background: url(../images/sky/sky_pro.png) no-repeat top center;
    width: 790px;
    height: 905px;
}
.bigboldp {
    width: 790px;
    height: 321px;
    padding: 45px 0 0 30px;
}
.bigboldp p {
    font-size: 30px;
    color: #fff;
    line-height: 40px;
}
.bigboldp .blackb {
    color: #343434;
    font-weight: bold;
    background: #fff;
    padding: 3px 7px;
    display: inline-block;
}
.bigboldp .orangeb {
    color: #ffb525;
    font-weight: bold;
}
.bigboldp p.w14 {
    font-size: 14px;
    margin-top: 25px;
    line-height: 20px;
}
.bottompbox {
    margin-top: 45px;
    padding-left: 30px;
}
.bottompbox p {
    margin-bottom: 27px;
    font-size: 14px;
    line-height: 21px;
}

/*sky.04.html*/
.college {
    width: 100%;
    overflow: hidden;
    clear: both;
}
.college .colLi {
    width: 148px;
    height: 40px;
    float: left;
    margin-bottom: 12px;
    margin-right: 12px;
}
.college .colLi_last {
    width: 148px;
    height: 40px;
    float: left;
    margin-bottom: 12px;
    margin-right: 0;
}

/* container */
#containWrap {
    width: 100%;
}
#subVisu {
    width: 100%;
    height: 246px;
    background: url(../images/common/subVisu.jpg) no-repeat 50% center;
}
#subVisu .tit_wrap {
    width: 1060px;
    margin: 0 auto;
    overflow: hidden;
}
#subVisu .tit_wrap .tit {
    font-size: 35px;
    font-weight: 500;
    color: #2c2c2c;
    margin-top: 77px;
    padding-bottom: 34px;
    background: url(../images/common/bg_subvisu_tit.gif) no-repeat left bottom;
}
#subVisu .tit_wrap .txt {
    font-size: 16px;
    color: #3b3b3b;
    margin-top: 15px;
}
#container {
    width: 100%;
    margin: 0 auto;
}
#container:after {
    display: block;
    clear: both;
    content: ''
}
.conWrap {
    width: 1060px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 25px;
}
.conWrap .submenu {
    float: left;
    width: 225px;
    overflow: hidden;
}
.conWrap .submenu #subNav .subTitle {
    width: 225px;
    height: 90px;
    line-height: 120px;
    color: #fff;
    font-size: 23px;
    font-weight: bold;
    background: url(../images/common/bg_left_menu_tit.gif);
    margin-bottom: 13px;
    text-align: center;
}
.conWrap .submenu #subNav ul {
    border: 1px solid #d7d7d7;
}
.conWrap .submenu #subNav li a {
    display: block;
    font-size: 16px;
    width: 189px;
    border-bottom: 1px solid #d7d7d7;
    height: 43px;
    color: #535353;
    line-height: 43px;
    margin: 0 16px;
    background: url(../images/common/left_off.gif) no-repeat right center;
    letter-spacing: -0.05em;
}
.conWrap .submenu #subNav li.end a {
    border-bottom: 0;
}
.conWrap .submenu #subNav li a:hover,
.conWrap .submenu #subNav li a.on,
.conWrap .submenu #subNav li.big_line a:hover,
.conWrap .submenu #subNav li.big_line a.on {
    color: #1a3ba6;
    background: url(../images/common/left_over.gif) no-repeat right center;
    font-weight: bold;
}
.conWrap .conArea {
    float: left;
    width: 790px;
    margin-left: 30px;
}
.conWrap .conArea .titleArea {
    width: 100%;
    overflow: hidden;
    margin-top: 15px;
    background: url(../images/common/bg_con_tit.gif) no-repeat left bottom;
}
.conWrap .conArea .titleArea .title {
    float: left;
    font-size: 30px;
    color: #303030;
    font-weight: 500;
}
.conWrap .conArea .titleArea .local {
    float: right;
    margin-top: 20px;
}
#contents {
    min-height: 500px;
    margin-top: 30px;
}

/*map ã�ƿ��ô±�*/
#contents .map {
    margin-bottom: 50px;
    display: block;
}
#contents .map h3 {
    color: #434343;
    font-size: 17px;
}
#contents .map .map_table {
    width: 100%;
    font-size: 15px;
}
#contents .map .map_table tr {
    border-bottom: 1px solid #cecece;
    display: block;
}
#contents .map .map_table th {
    padding: 15px 20px;
    font-weight: 600;
    width: 100px;
    text-align: left;
}
#contents .map .map_table td {
    padding: 15px 20px;
}
.daum_map {
    margin-bottom: 20px;
}
.con_bot_tab {
    margin: 20px 0 50px;
    overflow: hidden;
}
.con_bot_tab li a {
    display: block;
    float: left;
    width: 188px;
    height: 59px;
    text-align: center;
    line-height: 59px;
    font-size: 16px;
    color: #fff;
    background: url(../images/common/con_bot_tab_off.gif);
    margin-right: 12px;
}
.con_bot_tab li a:hover {
    background: url(../images/common/con_bot_tab_over.gif);
}
.con_bot_tab li.end a {
    margin-right: 0;
}
.pay_form {
    padding-top: 40px;
    margin-top: 50px;
    background: url(../images/sky/bg_map_tit.gif) no-repeat center top;
}
.pay_form .tit {
    text-align: center;
    font-size: 40px;
    letter-spacing: -0.07em;
    color: #333;
    font-weight: 300;
    line-height: 1em;
}
.pay_form .txt {
    text-align: center;
    font-size: 17px;
    letter-spacing: -0.02em;
    color: #91959f;
    font-weight: 300;
    line-height: 1em;
    margin: 20px 0;
}

/*air.html*/
.tabs {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}
.tabs li {
    width: 120px;
    margin-left: 10px;
    float: left;
    margin-bottom: 10px;
    cursor: pointer;
}
.airline_tit {
    width: 740px;
    height: 215px;
    margin-bottom: 20px;
    padding: 70px 0 0 50px;
}
#al_tit1 {
    background: url(../images/air/al_tit1.png) no-repeat top center;
}
#al_tit2 {
    background: url(../images/air/al_tit2.png) no-repeat top center;
}
#al_tit3 {
    background: url(../images/air/al_tit3.png) no-repeat top center;
}
#al_tit4 {
    background: url(../images/air/al_tit4.png) no-repeat top center;
}
#al_tit5 {
    background: url(../images/air/al_tit5.png) no-repeat top center;
}
#al_tit6 {
    background: url(../images/air/al_tit6.png) no-repeat top center;
}
#al_tit7 {
    background: url(../images/air/al_tit7.png) no-repeat top center;
}
#al_tit8 {
    background: url(../images/air/al_tit8.png) no-repeat top center;
}
.bigtit {
    font-size: 50px;
    font-weight: bold;
    color: #3e3e3e;
    padding: 20px 0 20px 0;
}
.air_h3 {
    margin-bottom: 10px;
    background: url(../images/air/bullet-1.png) no-repeat center left;
    font-size: 20px;
    padding: 8px 0 8px 25px;
}
.fs {
    font-size: 15px;
    margin-left: 20px;
}
.grbg {
    background: #f8f8f8;
    padding: 20px;
    overflow: hidden;
    width: 730px;
    margin: 0 auto 20px;
    line-height: 20px;
}
.air_box {
    padding-left: 25px;
}
.air_h4 {
    background: url(../images/air/subdot.gif) no-repeat center left;
    padding: 0;
    padding-left: 15px;
    font-size: 17px;
    height: 20px;
    line-height: 20px;
}
.sub_con_box {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 25px;
    overflow: hidden;
}
.ci_box {
    border: 1px solid #eeeeee;
    float: left;
    margin-right: 20px;
    width: 312px;
    height: 265px;
}
#jejuimg {
    margin-top: 25px;
}
.ci_p_box {
    float: left;
    padding-top: 40px;
}
#jejubox {
    padding-top: 0;
}
.ci_p_box .ci_top {
    font-weight: bold;
    margin: 15px 0 10px 0;
    color: #444;
    font-size: 17px;
}
.inlineBx {
    margin-top: 10px;
}
.air_tab {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}
.air_tab li a {
    float: left;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 49.5%;
    border: 1px solid #ebebeb;
    font-size: 16px;
}
.air_tab li a.on {
    border: 1px solid #ebebeb;
    background: #ebebeb;
}

/*air_02.html*/
.pintab {
    padding: 10px 0 10px 0;
}
.smalltit {
    font-size: 15px;
}
.airgo_btn {
    display: block;
    width: 170px;
    padding: 10px 20px;
    height: 15px;
    text-align: center;
    border: 1px solid #666;
    margin-top: 20px;
}
#al_2_tit1 {
    background: url(../images/air/al_2_tit1.png) no-repeat top center;
}
#al_2_tit2 {
    background: url(../images/air/al_2_tit2.png) no-repeat top center;
}
#al_2_tit3 {
    background: url(../images/air/al_2_tit3.png) no-repeat top center;
}
#al_2_tit4 {
    background: url(../images/air/al_2_tit4.png) no-repeat top center;
}
#al_2_tit5 {
    background: url(../images/air/al_2_tit5.png) no-repeat top center;
}
#al_2_tit6 {
    background: url(../images/air/al_2_tit6.png) no-repeat top center;
}
#al_2_tit7 {
    background: url(../images/air/al_2_tit7.png) no-repeat top center;
}
#al_2_tit8 {
    background: url(../images/air/al_2_tit8.png) no-repeat top center;
}
#al_2_tit9 {
    background: url(../images/air/al_2_tit9.png) no-repeat top center;
}
#al_2_tit10 {
    background: url(../images/air/al_2_tit10.png) no-repeat top center;
}
#al_2_tit11 {
    background: url(../images/air/al_2_tit11.png) no-repeat top center;
}
#al_2_tit12 {
    background: url(../images/air/al_2_tit12.png) no-repeat top center;
}
#al_2_tit13 {
    background: url(../images/air/al_2_tit13.png) no-repeat top center;
}
#al_2_tit14 {
    background: url(../images/air/al_2_tit14.png) no-repeat top center;
}
#al_2_tit15 {
    background: url(../images/air/al_2_tit15.png) no-repeat top center;
}

/*sky_05.html*/
.bookbox {
    padding-left: 396px;
    height: 411px;
    padding-top: 155px;
    background: url(../images/sky/book-bg.png) no-repeat top left;
}
.buylink {
    margin-top: 20px;
}
.booklink {
    margin-right: 14px;
}
.bk14 {
    font-size: 14px;
    line-height: 22px;
}
.w20 {
    font-size: 20px;
    color: #fff;
    padding: 8px;
    background: #262626;
    display: inline-block;
}
.auth_l {
    width: 320px;
    float: left;
    overflow: hidden;
}
.auth_l img,
.auth_l .present_p {
    float: left;
}
.auth_l .present_p {
    margin-left: 20px;
    line-height: 20px;
}
.auth_top {
    width: 300px;
    height: 240px;
    background: url(../images/sky/book-1.png) no-repeat top center;
    padding-top: 100px;
    padding-left: 140px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
#author {
    padding: 22px;
    border-top: 4px solid #464646;
    border-bottom: 4px solid #464646;
    width: 100%;
    overflow: hidden;
    margin: 50px 0 30px 0;
}
.auth_r {
    float: left;
    margin-left: 20px;
    background: url(../images/sky/past.gif) no-repeat top left;
    width: 430px;
    overflow: hidden;
    padding-top: 50px;
    margin-top: 30px;
}
.auth_r p {
    line-height: 20px;
}
.auth_top .font_big {
    font-size: 40px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #272727;
}
.booklist {
    background: url(../images/sky/book-list.png) no-repeat top center;
    width: 753px;
    height: 532px;
    margin: 0 auto;
    position: relative;
}
.booklist a {
    display: block;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #999;
    font-weight: bold;
    border-radius: 5px;
    text-align: center;
    width: 170px;
    height: 15px;
    line-height: 15px;
    position: absolute;
    top: 495px;
    right: 150px;
}

/*ktx*/
.ktx_title {
    background: url(../images/curri/ktx_title.png) no-repeat top center;
    width: 750px;
    height: 306px;
    padding-left: 40px;
}
.ktx_title h3 {
    font-size: 40px;
    line-height: 48px;
    padding-top: 45px;
    color: #fff;
}
.ktx_title .orl {
    float: left;
    width: 47px;
    height: 4px;
    margin: 15px 0;
    clear: both;
    background: #ff9000;
}
.ktx_title p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    clear: both;
}
.ktx_title p .orangep {
    color: #ff9000;
}
#ktxh3 {
    margin: 23px 0 10px 0;
}
.ktx_content {
    background: url(../images/curri/ktx_img.png) no-repeat top right;
    width: 790px;
    height: 437px;
    margin: 0 auto;
}
.ktx_content p:first-child {
    font-size: 15px;
    line-height: 22px;
    color: #2e2e2e;
}
.ktx_content .ktx_icon {
    clear: both;
    overflow: hidden;
    padding-bottom: 20px;
}
.ktx_content .ktx_icon img,
.ktx_content .ktx_icon .text {
    float: left;
}
.ktx_content .ktx_icon img {
    margin-right: 15px;
    display: block;
}
.ktx_content .ktx_icon .text .fs19bl {
    font-size: 19px;
    color: #414499;
    font-weight: bold;
    margin-top: 7px;
}
.ktx_content .ktx_icon .text p {
    font-size: 15px;
    color: #2e2e2e;
    margin-top: 5px;
}
.ktx_content .ktx_icon .text p .ltgr {
    color: #666;
    padding: 5px 0 0 10px;
}

/*sky_07.html*/
.sub7_tit {
    width: 790px;
    height: 325px;
    background: url(../images/sky/sky7-tit.png) no-repeat top center;
    padding-top: 72px;
}
.sub7_tit .wtb {
    font-size: 40px;
    font-weight: bold;
    display: block;
    height: 40px;
}
.sub7_tit p {
    text-align: center;
    color: #fff;
}
.orline {
    width: 50px;
    height: 2px;
    background: #f7941d;
    margin: 11px auto;
}
.sub7_tit img {
    display: block;
    margin: 25px auto 0;
}
.sky7_class {
    clear: both;
    margin-top: 20px;
}
.sky7_class li {
    float: left;
    margin-right: 20px;
    margin-bottom: 22px;
}
.sky7_class li:nth-child(2n) {
    margin-right: 0;
}
.sky7_class li div {
    width: 100%;
    background: #222;
    color: #fff;
    padding: 3px 0 3px 0;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-top: -3px;
}

/* sky02 */
#contents .teacher .tit {
    font-size: 25px;
    padding-bottom: 20px;
    background: url(../images/sky/bg_teacher.gif) no-repeat center bottom;
    text-align: center;
    font-weight: bold;
    color: #191919;
}
#contents .teacher .txt {
    font-size: 15px;
    color: #575757;
    text-align: center;
    margin: 7px 0 30px;
    line-height: 140%;
}
#contents .teacher .teacher_con {
    width: 100%;
    overflow: hidden;
}

/*#contents .teacher .teacher_con li { float: left; margin-left:20px; width: 365px; height: 285px; overflow: hidden; margin-bottom: 30px; }
#contents .teacher .teacher_con li .pic { float: left; width: 201px; height: 283px; border:1px solid #e3e3e3; }
#contents .teacher .teacher_con li .con { float: left; width: 147px; padding-left: 15px; }
#contents .teacher .teacher_con li .con .name { font-size:16px; margin-top: 20px; color: #21435f; font-weight:bold; }*/
#contents .teacher .teacher_con li {
    float: left;
    margin-right: 15px;
    width: 253px;
    overflow: hidden;
    margin-bottom: 25px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    padding: 15px;
}
#contents .teacher .teacher_con li:nth-child(3n+1) {
    clear: left;
}
#contents .teacher .teacher_con li:nth-child(3n) {
    margin-right: 0;
}
#contents .teacher .teacher_con li .pic {
    width: 201px;
    /*height: 341px;*/
    
    height: 300px;
    overflow: hidden;
    margin: 0 auto;
}
#contents .teacher .teacher_con li .pic img {
    width: 201px;
}
#contents .teacher .teacher_con li .bkline {
    width: 20px;
    height: 1px;
    background: #666;
    margin: 12px auto;
}
#contents .teacher .teacher_con li .con {
    clear: both;
    width: 100%;
    margin: 15px auto 0;
    letter-spacing: -0.10em;
    overflow: hidden;
}
#contents .teacher .teacher_con li .con .name {
    font-size: 23px;
    color: #011A4D;
    font-weight: bold;
    text-align: center;
}
#contents .teacher .teacher_con li .con .position {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}
#contents .teacher .teacher_con li .con p {
    font-size: 14px;
    color: #888;
    line-height: 130%;
}

/******************************************************************************************************************************************************/

/*sitemap*/
#sitemap_title {
    width: 100%;
    overflow: hidden;
    padding-left: 30px;
    box-sizing: border-box;
}
#sitemap_title li.smap_title {
    width: 250px;
    height: 300px;
    overflow: hidden;
    font-size: 12pt;
    font-family: '���� ���, 'Malgun Gothic', dotum, "����", sans-serif;
    font-weight: bold;
    float: left;
    background-image: url(../images/common/bg_subvisu_tit.gif);
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: 30px;
    color: #1a3ba6;
}
#sitemap_title li.smap_title ul.sitemap_sub {
    margin-top: 25px;
    width: 200px;
    overflow: hidden;
    padding-left: 10px;
    font-size: 10pt;
    font-family: '���� ���, 'Malgun Gothic', dotum, "����", sans-serif;
    font-weight: normal;
    line-height: 24px;
}
#sitemap_title li.smap_title ul.sitemap_sub li a {
    color: #000;
}
#sitemap_title li.smap_title ul.sitemap_sub li a:hover {
    color: #1a3ba6;
}

/*��㿹����û*/
#datepicker {
    margin-right: 10px;
    float: left;
}

/*university*/
#contents .sky_in_box {
    width: 790px;
    height: 275px;
    overflow: hidden;
    background-image: url(../images/sky_in_box.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}
#contents .sky_in_box p {
    padding-top: 60px;
    padding-left: 205px;
    box-sizing: border-box;
}
#contents .sky_in_box p:nth-child(1) {
    font-size: 17px;
}
#contents .sky_in_box p:nth-child(2) {
    margin-top: -40px;
    line-height: 20px;
}
#contents .sky_in_box span {
    font-size: 20pt;
}
.unive_bold {
    margin-top: 20px;
    font-size: 15pt;
    background-image: url(../images/univ_bar.jpg);
    background-repeat: no-repeat;
    background-position-x: 110px;
}
.univ_eng {
    font-size: 12px;
    margin-left: 10px;
}
.unive_name {
    margin-left: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 17px;
}
.gray_box {
    background-color: #eeeeee;
    width: 750px;
    overflow: hidden;
    font-size: 14px;
    padding: 15px;
    margin-left: 10px;
    margin-bottom: 20px;
}
.gray_box p {
    line-height: 24px;
}
.univ_grade {
    background-image: url(../images/grade_point.jpg);
    background-position-y: 3px;
    background-repeat: no-repeat;
    margin-left: 40px;
    margin-bottom: 10px;
}
.grade_lo {
    margin-left: 15px;
}
.grade_cont {
    margin-left: 50px;
    margin-bottom: 10px;
    line-height: 20px;
}
.unive_bg {
    background-position-x: 137px;
    margin-bottom: 20px;
}
.univ_table {
    width: 730px;
    margin-left: 40px;
    overflow: hidden;
    border-bottom: 1px solid #d7d7d7;
}
.table_st_1 {
    width: 100px;
    background-color: #cbdfff;
    text-align: center;
    border-right: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
}
.table_st_2 {
    width: 630px;
    padding: 10px;
    line-height: 20px;
    border-top: 1px solid #d7d7d7;
}

/* Footer SSL Mark */
.f_mark {
    position: absolute;
    right: 245px;
    top: 74px;
}

/* Join - Grade */
.contact .row1 #grade {
    height: 36px;
    background: #fafafa;
    border-style: solid;
    border-width: 1px;
    border-color: #d3d3d3 #e9e9e9 #e9e9e9 #d3d3d3;
}