/* BASIC css start */
.common-view .item-view .recommend-products > ul > li > a figure img{
    height: auto !important;
}

/* 사이즈 차트 */
.box-btn-size-chart { width: 300px; padding: 10px; background: #D9DBDA; text-align: center; }
td.area-btn-size-chart a { color: #000000; font-size: 15px; font-weight: bold; }
#sizeChart { width:693px; position: absolute; display: none; }
#sizeChart .btn-close-box { width: 100%; position: relative; }
#sizeChart .btn-close-layer { position: absolute; display: block; width: 15px; height: 14px; top: 10px; right: 10px; color: #FFFFFF; font-size: 15px; font-weight: bold; }

.size-chart-box { width: 100%;  font-family: 'dotum'; border: 2px solid #3F4045;}
.size-chart-box h4 { width: 100%; margin:0; padding: 10px 0px; color: #FFFFFF; background: #3F4045; text-align: center; }
.size-chart-cont { background: #FFFFFF; text-align: center; padding: 5px; }
.size-chart-cont table { width: 100%; margin:0; padding:0; border-collapse: collapse; border: 1px solid #D9DBDA; }
.size-chart-cont table th, .size-chart-cont table td { font-family: 'dotum'; padding: 10px; text-align: center; border-bottom: 1px solid #D9DBDA; }
.size-chart-cont table th { background: #EBECF0; }
.size-chart-cont table tr:last-child { border-bottom: 1px solid #D9DBDA; }
.size-chart-cont img.sc-img-chart,
#sc_img_chart { width: 670px; height: 300px; }
.size-chart-cont img.sc-img-guide,
#sc_img_guide { width: 190px; height: 240px; }
.size-chart-cont p { margin-top: 10px; text-align: left; }

tr.cnt { display: none; }
.dnone { display:none; }
.nothing { height:200px;vertical-align:middle;text-align:center; }

.general-info {
	margin-bottom:50px;
}
.general-info h3 {
	padding:50px 0px 30px;
}
.general-info .table{
	border: 0;
	border-top: 2px solid #000;
	width:800px;
	margin: 0 auto;
}
.general-info .table th{
    width: 200px;
    font-size: 13px;
    color: #333;
    font-weight: 500;
    padding: 20px 0 20px 30px;
    border: 0;
    border-bottom: 1px solid #dfdfdf;
    background-color: #f8f8f8;
    text-align: left;
    padding-left: 30px;
    vertical-align: middle;
}
.general-info .table td{
    text-align: left;
    padding-left: 30px;
    vertical-align: middle;
}
.general-info .table td:last-child{
	border-bottom: 1px solid #ddd;
}


.submname{
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}


/*애널리언스 마이닝*/
.analyans-all .analyans-wrap.analyans-w02 .analyans-conts .analyans-slider-now dl dt img {width:166px;height: 166px !important;}
.analyans-all .analyans-wrap.analyans-w02 .analyans-conts .analyans-slider-now dl {width:170px;height: 210px !important;}
.analyans-all .analyans-wrap .analyans-conts .analyans-slider li dl dt img {width:170px;height: 170px !important;}
.analyans-all .analyans-wrap.analyans-w02 .analyans-conts .analyans-slider-now {float:left;width:219px;margin: 0 26px 0 94px !important;}
.analyans-all .analyans-wrap.analyans-w01 .analyans-conts .sect-wrap.sect-percent .per-wrap .per-graph {width:466px;height: 166px !important;}


/* 통옵 추가 구성 상품 */
#productDetail .thumb-info .info .table-opt td.add-option-tit { padding:15px 0 0; border-top:1px solid #e4e4e5; color:#000; font-size:14px; }
#productDetail .thumb-info .info .table-opt tr.add-option-start > td .add-option-img,
#productDetail .thumb-info .info .table-opt tr.add-option-start > td .add-option-wrap { border-bottom:1px dashed #e4e4e5; }
#productDetail .thumb-info .info .table-opt td.add-option-img { padding-top:10px; border-bottom:1px solid #e4e4e5; vertical-align:top; }
#productDetail .thumb-info .info .table-opt td.add-option-img .thumb-s img { max-width:100%; }
#productDetail .thumb-info .info .table-opt td.add-option-wrap { padding-top:10px; border-bottom:1px solid #e4e4e5; }
#productDetail .thumb-info .info .table-opt td.add-option-wrap .prd-icon,
#productDetail .thumb-info .info .table-opt td.add-option-wrap .tit-prd { padding-left:20px; padding-top:0; }
#productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt { padding-left:20px; }
#productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td select.basic_option,
#productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td select.addition_option { width:310px; }
#productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td input.basic_option,
#productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td input.addition_option { width:306px; height:22px; line-height:24px; }
#productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap { padding:5px 0 0 0; }
#productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap .tit { display:none; }
#productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap dd { width: 110px; }
#productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap select { width: 100px; }
#productDetail .thumb-info .info .table-opt td.add-option-wrap .table-opt td .opt-wrap input { width: 205px; }
#productDetail .thumb-info .info .table-opt tr.add-option-end .MK_p-tit { display:block; width:90%; height:100%; line-height:12px; color:#000; font-weight:bold; }
#productDetail .thumb-info .info .table-opt tr.add-option-end .MK_price { top:40px; right:0; }
#productDetail .thumb-info .info .table-opt tr.add-option-end .MK_btn-del { top:0; }


.MS_prod_img_s {width: 100%;}
.tit-prd {font-size: 15px; padding-bottom: 4%;}
.tb-left{font-size: 13px; font-weight: 400;}
.table-opt th{padding: 3px;}
.sel-btn {padding-top: 8%;}
.add-option-wrap {padding-top: 5%; padding-left: 3%; width: 60%;}
.add-option-tit{padding-top: 5%;}
.add-option-img { width: 30%; }

.comm { margin-top:30px; }


/* 원클릭옵션 */
.MK-oneclick-list { overflow:hidden; zoom:1; }
.MK-oneclick-list:after { content: ""; display: block; clear: both; }
.MK-oneclick-list li { float:left; margin: 0 10px 5px 0; }                                                                                
.MK-oneclick-list li a { border:1px solid rgb(232, 232, 232); display: inline-block; border-radius: 1px; box-sizing:border-box; } 
.MK-oneclick-list li.MK-oneclick-sel a { border:2px solid #000000; }
.MK-oneclick-list li.MK-oneclick-dis a { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; }
.MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a {  padding:1px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.MK-oneclick-list li a span { display: block; text-align: center; vertical-align: middle; line-height: 19px; }                         
.MK-oneclick-list li a img { width: 100%; height:100%;}
.MK-oneclick-list li.MK-oneclick-image a { }
.MK-oneclick-list li.MK-oneclick-image a img {width: auto; height: 30px;;}
.MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img {height:30px; width: auto;}
.MK-oneclick-list li.MK-oneclick-color { width:32px; height: 32px; } 
.MK-oneclick-list li.MK-oneclick-color a {}
.MK-oneclick-list li.MK-oneclick-color span { width: 32px; height: 32px; }
.MK-oneclick-list li.MK-oneclick-color .mk-oo-sel span { width: 27px; height: 27px; }
.MK-oneclick-list li.MK-oneclick-text  .MK-oneclick-list li.MK-oneclick-text {min-width:35px; max-width:100%; height: 50px; }
.MK-oneclick-list li.MK-oneclick-text a { padding: 2px; }
.MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a {padding:1px;}
.MK-oneclick-list li.MK-oneclick-text span { min-width: 29px; line-height: 44px;  max-width: 320px; overflow: hidden; height: 44px; }                                                                         
.MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span { min-width: 30px; line-height: 27px; }
.MK-oneclick-value { padding: 0; display:block; }
.MK-oneclick-only-text li.MK-oneclick-text { height: auto; }
.MK-oneclick-only-text li.MK-oneclick-text span { height: auto; line-height: 19px; max-width: 320px; overflow: hidden; height: 19px; }


 .image-select {
            padding: 1.5em;
            text-align: center; /* 텍스트를 중앙 정렬 */
        }
 .image-select p {
            margin: 0; /* 텍스트 마진 없애기 */
            font-size: 1.3em; /* 텍스트 크기 설정 */
        }
 .image-select h2 {
            margin: 0 0 2% 0;
            font-size: 2.5em;
            border-radius: 30px;
            background: #f66;
            color: #fff;
            width: 200px;
            height: 60px;
            line-height: 60px; /* 수직 정렬을 위해 추가 */
            display: inline-block; /* 중앙 정렬을 위해 필요 */
         }
     .image-wrapper {
            display: flex; /* Flexbox로 레이아웃 설정 */
            flex-wrap: wrap; /* 여러 줄에 배치될 수 있도록 설정 */
            gap: 1em; /* 항목 간의 간격을 1em으로 설정 */
            margin: 1em; /* 전체 컨테이너에 마진 추가 */
            width: 700px;
        }

        .image-container {
            text-align: center; /* 텍스트를 중앙 정렬 */
            flex-basis: 48%; /* 기본적으로 한 줄에 두 개의 항목이 들어가도록 설정 */
            margin-bottom: 1em; /* 항목 간 세로 간격을 설정 */
        }

        .image-container img {
            width: 100%; /* 이미지를 div에 맞게 크기 조정 */
            height: auto;
            display: block; /* 이미지 아래에 여백을 없애기 위해 block 속성 적용 */
            margin-bottom: 1em; /* 이미지 아래에 1em 마진 */
        }

        .image-container p {
            margin: 0; /* 텍스트 마진 없애기 */
            font-size: 1.2em; /* 텍스트 크기 설정 */
        }
       .image-container h2 {
            margin: 0 0 3% 0;
            font-size: 1.8em; /* 텍스트 크기 설정 */
        }
        
        .common-view .item-view .view-header{margin-top:60px}
        .common-view .item-view .view-header .details .product-title{color: #000;}
        .submname{color: #000;}
        .common-view .item-view .view-header .details .payment p{color:#000;}
        
        
/* 스마트쿠폰목록 */
.article-content .smart-coupon-list  { padding:20px 0; text-align:center;}
.article-content .smart-coupon-list ul {display: inline-block; *display:inline; zoom:1; overflow:hidden; }
.article-content .smart-coupon-list ul li {position:relative; float:left; width:344px; margin:0 0 30px 11px; border:1px solid #cecece; border-radius:10px; letter-spacing:-1px; overflow:hidden; text-align:left;}
.article-content .smart-coupon-list ul li:first-child {margin-left:0;}
.article-content .smart-coupon-list  ul li .c-info {position:relative; float:left; width:245px; padding:20px; border-right: 1px dashed #cecece; }
.article-content .smart-coupon-list  ul li .c-image a {display:block;}
.article-content .smart-coupon-list  ul li .c-image img { width:368px; height:128px;}
.article-content .smart-coupon-list  ul li p { padding-bottom:10px; line-height:18px; font-size:12px; color:#999; word-break:break-all; font-family:"Malgun Gothic"; }
.article-content .smart-coupon-list  ul li p:last-child {padding-bottom:0;}
.article-content .smart-coupon-list  ul li p.c-name { font-size:14px; color:#000; font-weight:bold; word-break: break-all; }
.article-content .smart-coupon-list  ul li p.c-price {font-size:26px; color:#ff3a34; font-weight:bold; line-height:24px;}
.article-content .smart-coupon-list  ul li.sc-style1.sc-reserve p.c-price {color:#3b6ce9;}
.article-content .smart-coupon-list  ul li .sc-btn-down {position:absolute; top:0; right:0; bottom:0; width:58px; margin:auto; vertical-align:middle; background:#f8f8f8; font-family:"Malgun Gothic"; } 
.article-content .smart-coupon-list  ul li .sc-btn-down > span {position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; height:22px; text-align:center; font-size:0; }
.article-content .smart-coupon-list  ul li .sc-btn-down > span > span.sc-complete {font-size:12px; color:#999;}
.article-content .smart-coupon-list  ul li .sc-btn-down > span a { font-size:0; display:inline-block; margin-top:-5px; }
.article-content .smart-coupon-list  ul li .sc-btn-down span a > span { font-size:0; text-indent:-9999px; display:inline-block; width:22px; height:22px; background:url('/images/common/ico_h11_down_black_l.png') no-repeat center center; }
.article-content .smart-coupon-list  ul li.sc-style2 {border:1px solid #fff;}
.article-content .smart-coupon-list  ul li.sc-style2 .c-info { background:#171940; border-color:#171940; }
.article-content .smart-coupon-list  ul li.sc-style2 p { color:#fff; }
.article-content .smart-coupon-list  ul li.sc-style2 p.c-txt { color:#999; }
.article-content .smart-coupon-list  ul li.sc-style2 .sc-btn-down { background:#ff3a34; border:0; color:#fff; }
.article-content .smart-coupon-list  ul li.sc-style2.sc-reserve .sc-btn-down { background:#3b6ce9; color:#fff; }
.article-content .smart-coupon-list  ul li.sc-style2 .sc-btn-down span a { color:#fff; }
.article-content .smart-coupon-list  ul li.sc-style2 .sc-btn-down span .num {color:#fff;}
.article-content .smart-coupon-list  ul li.sc-style2 .sc-btn-down span a > span { background:url('/images/common/ico_h11_down_white_l.png') no-repeat center center; }
.article-content .smart-coupon-list  ul li.sc-style3 { width:346px; border:0; border-radius:0; }
.article-content .smart-coupon-list  ul li.sc-style3 .c-info { width:244px; border:1px solid #000; border-right:2px dotted #272a4d; border-radius:10px; }
.article-content .smart-coupon-list  ul li.sc-style3 p.c-price { color:#eb3697;}
.article-content .smart-coupon-list  ul li.sc-style3 .sc-btn-down { background:#fff2f9 ; border:1px solid #272a4d; border-left:0; border-radius:10px; }
.article-content .smart-coupon-list  ul li.sc-style3 .sc-btn-down span a { color:#999; }
.article-content .smart-coupon-list  ul li.sc-style3 .sc-btn-down span a > span { background:url('/images/common/ico_h11_down_pink_l.png') no-repeat center center; }
.article-content .smart-coupon-list  ul li.sc-style3.sc-reserve .sc-btn-down { background:#eefff7; }
.article-content .smart-coupon-list  ul li.sc-style3.sc-reserve p.c-price {color:#18b776;}
.article-content .smart-coupon-list  ul li.sc-style3.sc-reserve .sc-btn-down span a > span { background:url('/images/common/ico_h11_down_green_l.png') no-repeat center center; }

/* BASIC css end */