@charset "euc-kr";

.M_visual  {margin:0 0 3.125rem;}
.M_visual .visual_slide img {width:100%;}
.M_visual .visual_slide .slick-dots {display:none !important;}
.M_visual .custom_bar {position:relative; display:block; height:.25rem; background:#f0f0f0; border-radius:.625rem; margin:1rem 1.25rem; -webkit-border-radius:.625rem; -moz-border-radius:.625rem; -ms-border-radius:.625rem; -o-border-radius:.625rem; }
.M_visual .custom_bar .current { position:absolute; top:0; left:0; width:0; height:.25rem; background:#046fd9; border-radius:.625rem; -webkit-border-radius:.625rem; -moz-border-radius:.625rem; -ms-border-radius:.625rem; -o-border-radius:.625rem; transition:width 2s ease-in-out; -webkit-transition:width 2s ease-in-out; -moz-transition:width 2s ease-in-out; -ms-transition:width 2s ease-in-out; -o-transition:width 2s ease-in-out;}

.M_contents > div[class*="column"] {padding:0 1.25rem;}
.new_column, .print_column {margin:0 0 4.375rem;}
.M_contents .sample_ttl {padding:0 .625rem; margin:0 0 1.5rem;}
.M_contents .sample_ttl .category {display:block; font-size:1.125rem; font-weight:700; line-height:2rem; color:#046fd9; text-transform:uppercase;}
.M_contents .sample_ttl h2 {font-size:1.75rem; font-weight:700; line-height:2rem; letter-spacing:-0.045rem; color:#000; white-space:pre-line; margin:1rem 0;}
.M_contents .sample_ttl p {font-size:.975rem; font-weight:500; line-height:1.5rem; letter-spacing:-0.025rem; color:#757575;}

.M_contents .sample_slide {margin:0 .625rem;}
.M_contents .sample_slide .slick-list {margin:0 -.75rem;}
.M_contents .sample_slide .sp_item {width:7.625rem; margin:0 .375rem;}
.M_contents .sample_slide .sp_item a {position:relative; display:block; padding:136% 0 0;}
.M_contents .sample_slide .sp_item img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:100%; max-height:100%; margin:auto;}

.M_contents .sample_slide1 {margin:0 .625rem;}
.M_contents .sample_slide1 .slick-list {margin:0 -.75rem;}
.M_contents .sample_slide1 .sp_item {width:7.625rem; margin:0 .375rem;}
.M_contents .sample_slide1 .sp_item a {position:relative; display:block; padding:136% 0 0;}
.M_contents .sample_slide1 .sp_item img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:100%; max-height:100%; margin:auto;}

.M_contents .sample_slide2 {margin:0 .625rem;}
.M_contents .sample_slide2 .slick-list {margin:0 -.75rem;}
.M_contents .sample_slide2 .sp_item {width:7.625rem; margin:0 .375rem;}
.M_contents .sample_slide2 .sp_item a {position:relative; display:block; padding:136% 0 0;}
.M_contents .sample_slide2 .sp_item img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:100%; max-height:100%; margin:auto;}

.M_contents .sample_slide3 {margin:0 .625rem;}
.M_contents .sample_slide3 .slick-list {margin:0 -.75rem;}
.M_contents .sample_slide3 .sp_item {width:7.625rem; margin:0 .375rem;}
.M_contents .sample_slide3 .sp_item a {position:relative; display:block; padding:136% 0 0;}
.M_contents .sample_slide3 .sp_item img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:100%; max-height:100%; margin:auto;}

.M_contents div[class*="_bar"] {position:relative; display:block; height:.25rem; background:#f0f0f0; border-radius:.625rem; margin:1rem 0; -webkit-border-radius:.625rem; -moz-border-radius:.625rem; -ms-border-radius:.625rem; -o-border-radius:.625rem; }
.M_contents div[class*="_bar"] .current { position:absolute; top:0; left:0; width:0; height:.25rem; background:#046fd9; border-radius:.625rem; -webkit-border-radius:.625rem; -moz-border-radius:.625rem; -ms-border-radius:.625rem; -o-border-radius:.625rem; transition:width 2.2s ease-in-out; -webkit-transition:width 2.2s ease-in-out; -moz-transition:width 2.2s ease-in-out; -ms-transition:width 2.2s ease-in-out; -o-transition:width 2.2s ease-in-out;}

.best_column {margin:0 0 4.375rem;}
.best_column .best_head {padding:0 .625rem; margin:0 0 1.25rem;}
.best_column .best_head h2 {font-size:1.75rem; font-weight:700; line-height:2rem; color:#000; margin:0 0 .75rem;}
.best_column .best_tab {display:flex;}
.best_column .best_tab li {width:7.5rem; height:2.5rem; font-size:.975rem; font-weight:500; line-height:2.375rem; letter-spacing:-0.02rem; color:#a0a0a3; border-width:1px 0 1px 1px; border-style:solid; border-color:#ddd; text-align:center; box-sizing:border-box;}
.best_column .best_tab li:last-child {border-right:1px solid #ddd;}
.best_column .best_tab .on {color:#000; border-color:#000;}
.best_column .best_tab .on + li {border-left-color:#000;}
.best_column .best_tab .on:last-child {border-right-color:#000;}

.best_slide .item {margin:0 .625rem .625rem;}
.best_slide .item img {max-width:100%;}

.full_banner a {display:block;}
.full_banner img {width:100%;}

.print_column {margin:4.375rem 0;}
.print_column .print_slide {margin:0 .625rem;}
.print_slide .slide:after {content:''; display:block; clear:both;}
.print_slide .slide .half {float:left; width:55.8%;}
.print_slide .slide .half a {display:block;}
.print_slide .slide .half a:first-child {margin-bottom:.625rem;}
.print_slide .slide .full {float:right; width:41.2%;}
.print_slide .slide img {max-width:100%;}

.bot_banner img {width:100%;}
.bot_banner .banner_slide .slick-arrow {position:absolute; bottom:0; right:2.8125rem; width:2.8125rem; height:2.8125rem; background:#000 url(../images/ico/wht_prev.png) 50% 50% no-repeat; background-size:.5rem auto; text-indent:-9999px; z-index:10;}
.bot_banner .banner_slide .slick-next {right:0; background-image:url(../images/ico/wht_next.png); border-left:1px solid rgba(221,221,221,.4);}
.bot_banner .banner_right {border-top:1px solid #fff;}

.quick_column {position:relative;}
.quick_column:before {content:''; position:absolute; top:11.875rem; left:0; width:100%; height:.625rem; background:#f7f7f7;}
.quick_column:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:.625rem; background:#f7f7f7;}
.quick_column .order_lnk {display:flex; justify-content:center; align-items:center; height:11.875rem; padding:0 .625rem;}
.quick_column .order_lnk li {width:33.33%; text-align:center;}
.quick_column .order_lnk a {position:relative; display:block; font-size:1rem; font-weight:700; letter-spacing:-0.04rem; color:#535557;}
.quick_column .order_lnk a:before {content:''; display:block; width:5rem; height:5rem; background:#f2f2f2 url(../images/ico/quick_lnk1.png) 50% 50% no-repeat; background-size:1.9375rem auto; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; margin:0 auto .625rem;}
.quick_column .order_lnk li:nth-child(2) a:before {background-image:url(../images/ico/quick_lnk2.png); background-size:2rem auto;}
.quick_column .order_lnk li:nth-child(3) a:before {background-image:url(../images/ico/quick_lnk3.png); background-size:2.0625rerem auto;}

.quick_column .webhard_row {padding:2.5rem .625rem; box-sizing:border-box;}
.quick_column .webhard_row h3 {font-size:1.125rem; font-weight:700; line-height:2rem; letter-spacing:-0.05rem; color:#535557; padding:0 0 0 2.8125rem; background:url(../images/ico/webhard_ico.png) 0 50% no-repeat; background-size:2.125rem auto; margin:0 0 .625rem;}
.quick_column .webhard_row p {font-size:.875rem; font-weight:500; line-height:1.375rem; letter-spacing:-0.025rem; color:#777;}
.quick_column .webhard_row .info {display:flex; margin:0 0 1rem;}
.quick_column .webhard_row .info li {font-size:.875rem; line-height:1.375rem; letter-spacing:-0.025rem; color:#464646; margin:0 .4rem 0 0;}
.quick_column .webhard_row .info strong {font-family:'Montserrat',sans-serif; font-weight:500; color:#999;}
.quick_column .webhard_row .more_lnk {display:block; width:12rem; height:2.5rem; border:1px solid #0d0d0d; font-size:.975rem; line-height:2.375rem; font-weight:500; letter-spacing:-0.05rem; color:#000; padding:0 0 0 2rem; background:url(../images/ico/bk_arr.png) 84% 50% no-repeat; background-size:1.25rem auto; box-sizing:border-box;}

.center_column {position:relative;}
.center_column:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:.625rem; background:#f7f7f7;}
.center_row {padding:1.875rem .625rem;}
.center_row .center_tel {padding:0 0 1rem; border-bottom:1px solid #eee; margin:0 0 1rem;}
.center_row h3 {font-size:1.125rem; font-weight:700; line-height:2rem; letter-spacing:-0.05rem; color:#535557; padding:0 0 0 3.25rem; background:url(../images/ico/center_ico.png) 1.25% 50% no-repeat; background-size:2.25rem auto;}
.center_row h3 + a {display:inline-block; font-family:'Montserrat',sans-serif; font-size:2.25rem; font-weight:700; line-height:3rem; color:#111c25; margin:.25rem 0;}
.center_row .tel {font-size:1.0625rem; font-weight:500; line-height:1.375rem; letter-spacing:-0.045rem; color:#000; padding:0 0 0 1.75rem; background:url(../images/ico/min_tel.png) 2% 50% no-repeat; background-size:.8125rem auto;}

.center_info li {font-size:.975rem; line-height:1.5rem; letter-spacing:-0.045rem; color:#656565; padding:0 0 0 1.75rem; background:url(../images/ico/center_min2.png) .125rem 50% no-repeat; background-size:1rem auto; margin:0 0 .5rem;}
.center_info li:first-child {background-image:url(../images/ico/center_min1.png); background-size:1.0625rem auto; background-position:.125rem .275rem; white-space:pre-line;}
.center_info li:last-child {background-image:url(../images/ico/center_min3.png); background-size:.975rem auto;}
.center_info li:last-child a {display:inline-block; padding:0 1.875rem 0 0; background:url(../images/ico/gry_arr.png) 100% 50% no-repeat; background-size:1.25rem auto;}

.bank_row {padding:1.875rem;}
.bank_row h3 {font-size:1.125rem; font-weight:700; line-height:2rem; letter-spacing:-0.05rem; color:#535557; padding:0 0 0 2.8125rem; background:url(../images/ico/bank_ico.png) 1.25% 50% no-repeat; background-size:1.75rem auto; margin:0 0 1rem;}
.bank_row h3 small {float:right; font-size:.875rem; font-weight:500; letter-spacing:-0.025rem; color:#999;}
.bank_row .bank_lst li {font-size:1rem; font-weight:500; line-height:2.5rem; letter-spacing:-0.045rem; color:#353535; background:url(/images/bank_lg1.png) 1% 50% no-repeat; background-size:auto 1.25rem; padding:0 0 0 7.875rem; border-bottom:1px solid #eee;}
.bank_row .bank_lst li:nth-child(2) {background-image:url(/images/bank_lg2.png); background-size:auto 1rem;}
.bank_row .bank_lst li:last-child {border-bottom:0; background-image:url(/images/bank_lg3.png); background-size:auto .875rem;}

.notice_box {position:relative; height:2.875rem; background:#0c0c0d url(../images/ico/noti_ico.png) 1.25rem 50% no-repeat; background-size:1.375rem auto; padding:0 3.125rem 0 3.75rem;}
.notice_box .notice_lst {width:100%;}
.notice_box .notice_lst .item {border:0;}
.notice_box .notice_lst .item a {display:block; font-size:.975rem; font-weight:500; line-height:2.875rem; letter-spacing:-0.045rem; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.notice_box .more_btn {position:absolute; top:0; right:0; width:3.125rem; height:2.875rem; background:url(../images/ico/plus_ico.png) 50% 50% no-repeat; background-size:.875rem auto; text-indent:-9999px;}

/* prd_list */
.prd_category .cat_history {height:3.125rem; padding:0 1.25rem; font-size:0; border-bottom:1px solid #eaeaea; box-sizing:border-box;}
.prd_category .cat_history span {display:inline-block; font-size:.975rem; font-weight:500; line-height:3.0625rem; color:#000; padding:0 .75rem 0 0; background:url(../images/ico/min_gry.png) 100% 49% no-repeat; background-size:.375rem auto; margin:0 .75rem 0 0; vertical-align:top;}
.prd_category .cat_history .one {color:#888;}
.prd_category .cat_history span:last-child {padding:0; background:none;}
.prd_category .cate_box:after {content:''; display:block; width:100%; height:.625rem; background:#f7f7f7;}

.prd_category .cat_lst {display:flex; flex-wrap:wrap; align-items:center; padding:.625rem 0;}
.prd_category .cat_lst > li {width:33.33%;}
.prd_category .cat_lst .menu {display:block;}
.prd_category .cat_lst .menu a {display:block; font-size:.975rem; font-weight:500; line-height:2.5rem; letter-spacing:-0.065rem; color:#444; text-align:center;}
.prd_category .cat_lst .menu.on a {font-weight:700; color:#046fd9;}
.prd_category .cate_box .all_show {display:block; width:100%; height:2.5rem; line-height:2.5rem; font-size:.975rem; font-weight:500; letter-spacing:-0.045rem; color:#444; text-align:center;}
.prd_category .cate_box .all_show:after {content:''; display:inline-block; width:1.25rem; height:2.5rem; background:url(../images/ico/cate_more.png) 98% 50% no-repeat; background-size:.625rem auto; vertical-align:top;}

.prd_viewtype {padding:1.25rem; border-bottom:1px solid #eaeaea;}
.prd_viewtype .viewtype {display:flex; margin:0 0 1rem;}
.prd_viewtype .viewtype li {width:33.33%; height:2.5rem; font-size:.975rem; font-weight:400; line-height:2.375rem; letter-spacing:-0.02rem; color:#a0a0a3; border-width:1px 0 1px 1px; border-style:solid; border-color:#ddd; text-align:center; box-sizing:border-box;}
.prd_viewtype .viewtype li:last-child {border-right:1px solid #ddd;}
.prd_viewtype .viewtype .on {font-weight:500; color:#000; border-color:#000;}
.prd_viewtype .viewtype .on + li {border-left-color:#000;}
.prd_viewtype .viewtype .on:last-child {border-right-color:#000;}

.prd_pager {display:flex; justify-content:flex-end; align-items:center;}
.prd_pager button {width:1.5rem; height:1.75rem; background:url(../images/ico/min_prev.png) 0 50% no-repeat; background-size:.4375rem auto; text-indent:-9999px; outline:none;}
.prd_pager .prd_next {background:url(../images/ico/min_next.png) 99% 50% no-repeat; background-size:.4375rem auto;}
.prd_pager .page_lst {font-size:.8rem; line-height:1.75rem; color:#888; padding:0 .25rem;}
.prd_pager .page_lst input[type="text"] {display:inline-block; width:3.75rem; height:1.75rem; border:1px solid #ddd; background:#fff; font-size:.8rem; color:#000; text-align:right; padding:0 .25rem; margin-right:.25rem; box-sizing:border-box; outline:none;}

/* horizontal */
.prd_lst .list_item {padding:1.875rem 1.25rem; border-bottom:1px solid #eaeaea;}
.prd_lst .no_item {width:100%; height:20rem; line-height:20rem; text-align:center; font-size:.9rem; letter-spacing:-0.045rem; color:#999;}
.list_item .img_box {margin:0 0 .625rem;}
.list_item .img_box img {width:100%;}
.list_item .prd_info_area {display:flex; align-items:center;}
.list_item .wish_btn {width:1.875rem; height:1.875rem; background:rgba(0,0,0,.2); border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; overflow:hidden; margin:0 .625rem 0 0; outline:none;}
.list_item .wish_btn svg {width:1rem;}
.list_item .wish_btn .heart {fill:transparent; transition:fill .2s; -webkit-transition:fill .2s; -moz-transition:fill .2s; -ms-transition:fill .2s; -o-transition:fill .2s;}
.list_item .wish_btn.on .heart {fill:#fff; }
.list_item .wish_btn.on svg {animation:heartBig .6s ease-in-out; -webkit-animation:heartBig .6s ease-in-out; }
.list_item .wish_btn.off svg {animation:heartSmall .6s ease-in-out; -webkit-animation:heartSmall .6s ease-in-out; }
.list_item .name {width:calc(41.5% - 2.5rem); font-size:.9375rem; font-weight:500; line-height:1.875rem; letter-spacing:-0.045rem; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0 .25rem 0 0; box-sizing:border-box;}
.list_item .prd_btn {width:58.5%; text-align:right; font-size:0;}
.list_item .prd_btn a, .list_item .prd_btn button {display:inline-block; width:48.75%; height:2.125rem; border:1px solid #ccc; font-size:.85rem; font-weight:500; letter-spacing:-0.065rem; color:#444; text-align:center; line-height:2rem; box-sizing:border-box;}
.list_item .prd_btn a {border-color:#81b7ec; color:#046ed9; margin:0 2.5% 0 0;}

.prd_lst + .prd_pager {margin:1.25rem 1.25rem 3.125rem;}

@keyframes heartBig{
    0% {
        transform:scale(1);
        -webkit-transform:scale(1)    ;
        -moz-transform:scale(1)    ;
        -ms-transform:scale(1)    ;
        -o-transform:scale(1)    ;
    }
    33% {
        transform:scale(.4);
        -webkit-transform:scale(.4);
        -moz-transform:scale(.4);
        -ms-transform:scale(.4);
        -o-transform:scale(.4);
}
    66% {
        transform:scale(1.3);
        -webkit-transform:scale(1.3);
        -moz-transform:scale(1.3);
        -ms-transform:scale(1.3);
        -o-transform:scale(1.3);
}
    100% {
        transform:scale(1);
        -webkit-transform:scale(1)    ;
        -moz-transform:scale(1)    ;
        -ms-transform:scale(1)    ;
        -o-transform:scale(1)    ;
    }
}

@keyframes heartSmall{
    0% {
        transform:scale(1);
        -webkit-transform:scale(1)    ;
        -moz-transform:scale(1)    ;
        -ms-transform:scale(1)    ;
        -o-transform:scale(1)    ;
    }
    33% {
        transform:scale(1.3);
        -webkit-transform:scale(1.3);
        -moz-transform:scale(1.3);
        -ms-transform:scale(1.3);
        -o-transform:scale(1.3);
}
    66% {
        transform:scale(.4);
        -webkit-transform:scale(.4);
        -moz-transform:scale(.4);
        -ms-transform:scale(.4);
        -o-transform:scale(.4);
}
    100% {
        transform:scale(1);
        -webkit-transform:scale(1)    ;
        -moz-transform:scale(1)    ;
        -ms-transform:scale(1)    ;
        -o-transform:scale(1)    ;
    }
}

/* vertical */
.prd_lst.view_col {display:flex; flex-wrap:wrap;}
.prd_lst.view_col .list_item {position:relative; width:50%; padding:1.875rem; box-sizing:border-box;}
.prd_lst.view_col .list_item:nth-child(odd):after {content:''; position:absolute; top:0; right:0; width:1px; height:100%; background:#f2f2f2;}
.prd_lst.view_col .list_item .prd_info_area {flex-wrap:wrap;}
.prd_lst.view_col .list_item .name {width:calc(100% - 2.5rem);}
.prd_lst.view_col .list_item .prd_btn {width:100%; margin:.5rem 0 0;}

/* poster */
.prd_lst.view_post .img_box {width:70.7%; margin:0 auto 1.25rem;}

/* print */
.prd_lst.view_print .img_box {width:70.7%; background:#f3f3f3; padding:.625rem; margin:0 auto 1.25rem; box-sizing:border-box;}
.prd_lst.view_print .prd_info_area {flex-wrap:wrap; width:70.7%; margin:0 auto;}
.prd_lst.view_print .prd_info_area .prd_btn {width:100%; margin:.625rem 0 0;}
.prd_lst.view_print .prd_info {width:calc(100% - 2.5rem); font-size:.9375rem; font-weight:500; line-height:1.875rem; letter-spacing:-0.045rem; color:#000; padding:0 .25rem 0 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; box-sizing:border-box;}
.prd_lst.view_print .name {display:inline; width:auto; font-size:.9375rem; text-overflow:inherit; overflow:unset;}
.prd_lst.view_print .name:before {content:''; display:inline-block; width:1px; height:.8rem; background:#ddd; margin:-.125rem .5rem 0 .4rem; vertical-align:middle;}

/* band */
.prd_lst.view_band {display:flex; flex-wrap:wrap;}
.prd_lst.view_band .list_item {position:relative; width:50%; padding:1.875rem 1.25rem; box-sizing:border-box;}
.prd_lst.view_band .list_item:nth-child(odd):after {content:''; position:absolute; top:0; right:0; width:1px; height:100%; background:#f2f2f2;}
.prd_lst.view_band .prd_info_area {flex-wrap:wrap;}
.prd_lst.view_band .prd_info_area .prd_btn {width:100%; margin:.625rem 0 0;}
.prd_lst.view_band .prd_info {width:calc(100% - 2.5rem); font-size:.9375rem; font-weight:500; line-height:1.875rem; letter-spacing:-0.065rem; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; box-sizing:border-box;}
.prd_lst.view_band .name {display:inline; width:auto; font-size:.9375rem; text-overflow:inherit; overflow:unset; padding:0;}
.prd_lst.view_band .name:before {content:''; display:inline-block; width:1px; height:.8rem; background:#ddd; margin:-.125rem .5rem 0 .4rem; vertical-align:middle;}
.prd_lst.view_band .prd_btn a {width:100%; margin:0;}

/* prd_sian */
.prd_sian_layer {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:201;}
.prd_sian_layer .sian_head {position:relative; height:3.125rem; line-height:3.125rem; text-align:center;}
.prd_sian_layer .sian_head:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#eaeaea;}
.prd_sian_layer .sian_head .status {display:inline-block; font-size:1.125rem; font-weight:700; letter-spacing:-0.065rem; color:#000; vertical-align:top;}
.prd_sian_layer .sian_head .sian_cls {position:absolute; top:0; right:0; width:3.75rem; height:3.125rem; background:url(../images/ico/cls_ico.png) 50% 50% no-repeat; background-size:1.25rem auto; text-indent:-9999px;}

.prd_sian_layer .sian_body {position:absolute; top:3.125rem; left:0; width:100%; height:calc(100% - 3.125rem); padding:1.5rem 1.25rem; overflow-y:auto; box-sizing:border-box;}
.prd_sian_layer .sian_body .name {display:block; font-size:1.125rem; font-weight:700; line-height:2rem; letter-spacing:-0.065rem; color:#000; text-align:center; margin:0 0 1.5rem;}
.prd_sian_layer .sian_lst {display:flex; flex-wrap:wrap; justify-content:space-between; }
.prd_sian_layer .sian_lst li {position:relative; width:48.7%; margin:0 0 .625rem;}
.prd_sian_layer .sian_lst .no_lst {width:100%; height:20rem; line-height:20rem; text-align:center; font-size:.9rem; letter-spacing:-0.045rem; color:#999;}
.prd_sian_layer .sian_lst .best {position:absolute; left:0; top:0; width:2.3125rem; height:2.3125rem; background:url(../images/ico/best_ico.png) no-repeat; background-size:contain; margin:-.1875rem 0 0; text-indent:-9999px; z-index:2;}
.prd_sian_layer .sian_lst .thumb_box {position:relative; width:100%; padding:100% 0 0; background:#f3f3f3; overflow:hidden;}
.prd_sian_layer .sian_lst .thumb_box img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:calc(100% - 1.25rem); max-height:calc(100% - 1.25rem); margin:auto;}

/* 시안 자세히보기 */
.prd_sian_layer .detail_sian_layer .sian_body {padding:1.5rem .625rem;}
.prd_sian_layer .detail_sian_layer .detail_sian {position:relative; height:100%;}
.prd_sian_layer .detail_sian_layer .detail_sian .inner {position:absolute; top:3.5rem; left:0; width:100%; height:calc(100% - 7rem);}
.prd_sian_layer .detail_sian_layer .detail_sian img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:100%; max-height:100%; margin:auto;}
.prd_sian_layer .detail_sian_layer .page_list {position:absolute; bottom:1.875rem; left:0; padding:0 1.25rem; box-sizing:border-box;}

.page_list {display:flex; align-items:center; justify-content:center; width:100%; height:2rem;}
.page_list .arr {width:1.6875rem; height:1.6875rem; margin:0 .125rem;}
.page_list .arr img {width:1.6875rem;}
.page_list .list {font-size:0; text-align:center; margin:0 .25rem;}
.page_list .list b, .page_list .list span, .page_list .list a {display:inline-block; width:1.6875rem; height:1.6875rem; line-height:1.6875rem; font-size:.85rem; font-weight:600; letter-spacing:-0.025rem; color:#444; vertical-align:middle; margin:0 .125rem;}
.page_list .list b {position:relative; font-weight:900; color:#000;}
.page_list .list b:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#000;}

/* prd_order */
.prd_order_wrap .prd_visual {position:relative; width:100%; padding:100% 0 0; overflow:hidden;}
.prd_order_wrap .prd_visual img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:calc(100% - 2.5rem); max-height:calc(100% - 2.5rem); margin:auto;}
.prd_order_wrap .prd_visual .zoom_btn {position:absolute; bottom:0; right:0; width:3.375rem; height:3.375rem; background:url(../images/ico/zoom_ico.png) 50% 50% no-repeat; background-size:1.1875rem auto; text-indent:-9999px; outline:none;}
.prd_order_wrap .prd_thumb {font-size:0; text-align:center; margin:1.25rem 1.25rem 2.5rem;}
.prd_order_wrap .prd_thumb .thumb {position:relative; display:inline-block; width:16%; padding:16% 0 0; margin:0 .625rem; vertical-align:top;}
.prd_order_wrap .prd_thumb .thumb img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:calc(100% - .25rem); max-height:calc(100% - .25rem); margin:auto;}
.prd_order_wrap .prd_thumb .thumb:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid rgba(0,0,0,.1); box-sizing:border-box;}
.prd_order_wrap .visual_column:after {content:''; display:block; width:100%; height:.625rem; background:#f7f7f7;}
.prd_order_wrap .visual_column .sample_btn { display:block; width:15.5rem; height:3rem; border:1px solid #74747c; border-radius:.45rem; -webkit-border-radius:.45rem; -moz-border-radius:.45rem; -ms-border-radius:.45rem; -o-border-radius:.45rem; font-size:1rem; font-weight:500; line-height:2.875rem; letter-spacing:-0.045rem; color:#3f3f46; margin:1.25rem auto 1.875rem; box-sizing:border-box;}

.opt_vis_bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.55); z-index:200;}
.opt_vis_column { position:fixed; bottom:-100%; left:0; width:100%; background:#fff; border-top-left-radius:2.5rem; border-top-right-radius:2.5rem; padding:0 1.875rem calc(2.5rem + env(safe-area-inset-bottom)); box-sizing:border-box; overflow:hidden; transition:bottom .4s; z-index:201; -webkit-transition:bottom .4s; -moz-transition:bottom .4s; -ms-transition:bottom .4s; -o-transition:bottom .4s;}
.opt_vis_column .vis_cls {display:block; width:100%; height:3.125rem; background:url(../images/ico/opt_cls.png) 50% 50% no-repeat; background-size:2rem auto; text-indent:-9999px; outline:none;}
.opt_vis_column .material_box {display:flex; justify-content:space-between; align-items:center;}
.opt_vis_column .material_box .img_box {position:relative; width:38.5%; padding:38.5% 0 0;}
.opt_vis_column .material_box .img_box img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:100%; max-height:100%; margin:auto;}
.opt_vis_column .material_box .opt_text {width:57%; font-size:.875rem; font-weight:500; line-height:1.25rem; letter-spacing:-0.045rem; }
.opt_vis_column .material_box .opt_text dt {color:#000;}
.opt_vis_column .material_box .opt_text dd {color:#888;}

.opt_vis_column.paper {padding:0 1.875rem 1.5rem;}
.paper_size .paper_box {display:flex; justify-content:space-between; align-items:flex-end; padding:.625rem 0;}
.paper_size .paper_box .a_size {position:relative; width:9.375rem; height:16rem; background:#fff; border:1px solid #000; box-sizing:border-box; box-shadow:0 0 0 1px #000;}
.paper_size .paper_box .a_size:after {content:''; position:absolute; top:0; left:0; width:10.625rem; height:17.25rem; margin:-1.25rem 0 0 -1.25rem; background:url(/images/shop/a_size.png) 0 0 no-repeat; background-size:contain;}
.paper_size .paper_box .b_size {position:relative; float:left; width:11.375rem; height:18rem; background:#fff; border:1px solid #000; box-sizing:border-box; box-shadow:0 0 0 1px #000;}
.paper_size .paper_box .b_size:after {content:''; position:absolute; top:0; left:0; width:12.625rem; height:19.25rem; margin:-1.25rem 0 0 -.125rem; background:url(/images/shop/b_size.png) 0 0 no-repeat; background-size:contain;}
.paper_size .paper_box div[class*="half"]:after {content:''; display:block; clear:both;}
.paper_size .paper_box .wid_half {position:relative; display:table; float:left; width:50%; height:100%; text-align:center; border-right:1px solid #000; box-sizing:border-box;}
.paper_size .paper_box .wid_half:last-child {border-right:0;}
.paper_size .paper_box .hei_half {position:relative; display:table; width:100%; height:50%; text-align:center; border-bottom:1px solid #000; box-sizing:border-box;}
.paper_size .paper_box .hei_half:last-child {border-bottom:0;}
.paper_size .paper_box div[class*="_size"]:before, .paper_size .paper_box div[class*="half"]:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/shop/paper_bg2.png) 50% 50% repeat; z-index:2; box-shadow:.3rem .3rem .625rem rgba(0,0,0,.3); opacity:0; transition:opacity .15s; -webkit-transition:opacity .15s; -moz-transition:opacity .15s; -ms-transition:opacity .15s; -o-transition:opacity .15s; }
.paper_size .paper_box div[class*="_size"].on:before, .paper_size .paper_box div[class*="half"].on:before {opacity:1;}
.paper_size .paper_box .val {display:table-cell; font-family:'Montserrat',sans-serif; font-size:.85rem; font-weight:500; color:#000; vertical-align:middle;}

.paper_size .size_box {display:flex; justify-content:space-between; margin:.625rem 0 0;}
.paper_size .size_box .size_lst {width:9.375rem; text-align:center; font-family:'Montserrat',sans-serif; font-size:.975rem; font-weight:500; line-height:1.5rem; color:#000;}
.paper_size .size_box .size_lst:last-child {width:11.375rem;}
.paper_size .size_box strong {color:#356eb6;}

.direction_box > div {margin:2.5rem auto 1.25rem; text-align:center;}
.direction_box .name {display:block; font-size:1.125rem; font-weight:500; line-height:1.875rem; letter-spacing:-0.045rem; color:#111; margin:0 0 1rem;}
.direction_box .name small {font-size:.975rem; color:#999;}
.direction_box img {max-width:100%;}
.direction_box .vertical {width:48%;}
.direction_box .horizontal {width:70%;}

/* sample zoom */
.sample_view {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); padding:3.125rem 1.25rem 5rem; box-sizing:border-box; z-index:201;}
.sample_view .sample_cls {position:absolute; top:0; right:0; width:4.375rem; height:3.125rem; background:url(../images/ico/wht_cls2.png) 50% 50% no-repeat; background-size:1.8125rem auto; text-indent:-9999px; outline:none;}
.sample_view .sv_slide {height:100%;}
.sample_view .sv_slide .slide {position:relative; width:100%; height:100%; outline:none;}
.sample_view .sv_slide .slide img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:100%; max-height:100%; margin:auto;}
.sample_view .sv_slide .slick-arrow { position:fixed; bottom:0; left:0; width:50%; height:5rem; background:url(../images/ico/wht_prev2.png) 50% 50% no-repeat; background-size:1.375rem auto; text-indent:-9999px; outline:none; transition:opacity .3s; -webkit-transition:opacity .3s; -moz-transition:opacity .3s; -ms-transition:opacity .3s; -o-transition:opacity .3s; }
.sample_view .sv_slide .slick-next {left:50%; background-image:url(../images/ico/wht_next2.png);}
.sample_view .sv_slide .slick-disabled {opacity:.4;}

/* prd_order opt */
.option_column {padding:1.25rem 1.25rem 3.75rem;}
.option_column .sp_name {font-size:.975rem; font-weight:700; line-height:2.875rem; letter-spacing:-0.045rem; border-bottom:1px solid #ccc;}
.option_column .opt_row {padding:1.25rem 0; border-bottom:1px solid #eee;}
.option_column .opt_row.edit {border-bottom:0;}
.option_column .opt_ttl {font-size:.975rem; font-weight:700; letter-spacing:-0.045rem; color:#2a2a2a; margin:0 0 .75rem;}
.option_column .opt_row.edit .text_ttl {display:block; font-size:.975rem; font-weight:700; letter-spacing:-0.045rem; color:#2a2a2a; margin:0 0 .75rem;}
.option_column .opt_cont {position:relative; display:flex; align-items:center; flex-wrap:wrap; font-size:.875rem; font-weight:500; letter-spacing:-0.045rem; color:#444;}
.option_column .opt_cont .btn {position:absolute; top:0; left:0; width:0; height:0; font-size:0; visibility:hidden;}
.option_column input.btn + label, .option_column .basic_btn {width:32.19%; height:2.5rem; line-height:2.375rem; border:1px solid #ddd; text-align:center; font-size:.875rem; font-weight:500; letter-spacing:-0.045rem; color:#444; margin:.4rem 0 0 1.715%; box-sizing:border-box;}
.option_column input.btn:nth-child(3n+1) + label {margin-left:0;}
.option_column input.btn + label:nth-of-type(-n+3), .option_column .basic_btn:nth-of-type(-n+3) {margin-top:0;}
.option_column input.btn:checked + label, .option_column input.gry.btn + label {background:#4d4d4d; border-color:#4d4d4d; color:#fff;}
.option_column .opt_cont > .opt {width:100%;}
.option_column .opt_cont input[type="text"] {height:2.25rem; border:1px solid #ddd; font-size:.875rem; font-weight:500; letter-spacing:-0.045rem; color:#444; box-sizing:border-box;}
.option_column .opt_cont input[name*="size"] {width:6.25rem; text-align:center; margin:0 .25rem 0 0; vertical-align:middle;}
.option_column .opt_cont input[name*="size"] + label {display:inline-block; width:auto;}
.option_column .opt_cont input[name*="size"] + label:before {top:50%; margin-top:-.53125rem;}
.option_column .opt_cont input[name*="size"] + label .gry {margin-left:.25rem;}
.option_column .opt_cont input[name*="size"] ~ input[name*="size"] {margin-left:.25rem;}
.option_column .amount_box {display:inline-block; border:1px solid #ddd; margin:0 .25rem 0 0;}
.option_column .amount_box button {float:left; width:2.375rem; height:2.375rem; background:#fff url(../images/ico/am_inc.png) 50% 50% no-repeat; background-size:.8125rem auto; text-indent:-9999px;}
.option_column .amount_box .dec_amount {background-image:url(../images/ico/am_dec.png); }
.option_column .amount_box button[disabled] {opacity:.5;}
.option_column .amount_box input[type="text"] {float:left; width:4.5rem; height:2.375rem; border-width:0 1px; border-style:solid; border-color:#ddd; font-size:.9375rem; font-weight:500; color:#000; text-align:center; box-sizing:border-box;}

.option_column .opt_cont .gry_box {width:100%; border:1px solid #f0f0f0; background:#fafafa; font-size:.875rem; font-weight:500; line-height:1.5rem; letter-spacing:-0.045rem; padding:.875rem 1.25rem; margin:.625rem 0 0; box-sizing:border-box;}
.option_column .opt {position:relative; display:block; font-size:.875rem; font-weight:500; letter-spacing:-0.045rem; color:#111; margin:0 0 .45rem;}
.option_column .opt:last-child {margin-bottom:0;}
.option_column .opt input[type="radio"], .option_column .opt input[type="checkbox"] {position:absolute; top:0; left:0; width:0; height:0; font-size:0; visibility:hidden;}
.option_column .opt label {position:relative; display:block; width:100%; font-size:.875rem; font-weight:500; line-height:1.5rem; letter-spacing:-0.045rem; color:#111; padding:0 0 0 1.625rem; box-sizing:border-box;}
.option_column .opt label:before { content:''; position:absolute; top:.2rem; left:0; width:1.0625rem; height:1.0625rem; border:1px solid #ddd; background:#fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; box-sizing:border-box;}
.option_column .opt input:checked + label:before {background:#046fd9 url(../images/ico/chk_ico.png) 50% 50% no-repeat; background-size:.625rem auto; border-color:#046fd9;}
.option_column .opt label .gry {display:inline-block; color:#999; vertical-align:top;}
.option_column .gry_box .detail_opt {display:none; line-height:1.875rem; padding-left:1.5rem;}
.option_column .gry_box .detail_opt input[name*="_count"] {width:2.5rem; height:1.75rem; text-align:center;}
.option_column .gry_box .detail_opt input[name*="_position"] {width:100%; height:1.75rem; padding:0 .25rem;}
.option_column .gry_box .detail_opt p {color:#999;}

.option_column .position_box {position:relative; display:flex; flex-wrap:wrap; align-items:center;}
.option_column .position_box .ttl {width:100%; margin:0 0 .625rem;}
.option_column .position_box .opt {width:50%; height:1.75rem;}
.option_column .position_box .opt:nth-child(2), .option_column .position_box .opt:nth-child(3) {margin-bottom:.25rem;}
.option_column .position_box .opt label { display:inline-block; width:1.75rem; height:1.75rem; background:#e3e3e3; line-height:1.75rem; text-align:center; font-size:.875rem; color:#bbb; border-radius:.25rem; -webkit-border-radius:.25rem; -moz-border-radius:.25rem; -ms-border-radius:.25rem; -o-border-radius:.25rem; padding:0; vertical-align:top; box-sizing:border-box; }
.option_column .position_box .opt label:before {display:none;}
.option_column .position_box .opt .txt_box {display:inline-block; width:3rem; height:1.75rem; line-height:1.625rem; border:1px solid #ddd; background:#e3e3e3; color:#bbb; text-align:center; font-size:.875rem; font-weight:500; letter-spacing:-0.045rem; margin:0 .125rem; vertical-align:top; box-sizing:border-box;}
.option_column .position_box .opt input[type="text"] {width:3rem; height:1.75rem; text-align:center; background:#e3e3e3; color:#bbb;}
.option_column .position_box .opt input[readonly] {cursor:default;}
.option_column .position_box .opt small {color:#999; margin-left:.25rem;}

.option_column .position_box .opt input:checked + label {background:#046fd9; color:#fff;}
.option_column .position_box .opt input:checked ~ .txt_box {background:#fff; color:#171717;}
.option_column .position_box .opt input:checked ~ input[type="text"] {background:#fff; color:#171717;}
.option_column .position_box .opt input:checked ~ small {color:#171717;}

.option_column .gry_box textarea {width:100%; height:3.75rem; border:1px solid #ddd; background:#fff; font-size:.875rem; font-weight:500; line-height:1.875rem; letter-spacing:-0.045rem; color:#171717; padding:.25rem .4rem; box-sizing:border-box; resize:none;}

.option_column .basic_btn + .gry {display:inline-block; font-size:.875rem; line-height:1.875rem; font-weight:500; letter-spacing:-0.045rem; color:#999;}
.option_column .basic_btn ~ .opt {margin:.25rem 0;}
.option_column #file_div .opt + div {width:100%;}
.option_column .upload_lst {width:100%; border:1px solid #ddd; padding:0 1.25rem; box-sizing:border-box;}
.option_column .upload_lst li {display:flex; align-items:center; height:2.25rem; border-bottom:1px solid #eee; box-sizing:border-box;}
.option_column .upload_lst li:last-child {border-bottom:0;}
.option_column .upload_lst .file_name {width:calc(100% - 5.625rem); font-size:.875rem; font-weight:500; line-height:2rem; letter-spacing:-0.045rem; color:#444; background:url(../images/ico/clip_ico.png) 0 50% no-repeat; background-size:1rem auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-left:2rem; box-sizing:border-box;}
.option_column .upload_lst .file_volume {width:3.75rem; font-size:.75rem; font-weight:400; line-height:2rem; letter-spacing:-0.025rem; color:#666; text-align:center;}
.option_column .upload_lst .file_del {width:1.875rem; font-size:.75rem; font-weight:400; line-height:2rem; letter-spacing:-0.025rem; color:#999; text-align:right;}

.option_btn {display:flex; justify-content:space-between; align-items:center;}
.option_btn button { width:49.5%; height:3rem; border:1px solid #777; border-radius:.3rem; -webkit-border-radius:.35rem; -moz-border-radius:.35rem; -ms-border-radius:.35rem; -o-border-radius:.35rem; text-align:center; font-size:1rem; line-height:2.875rem; font-weight:500; letter-spacing:-0.045rem; color:#3f3f46; box-sizing:border-box; }
.option_btn button small {display:inline-block; font-size:.8rem; color:#999; vertical-align:top;}
.option_btn .buy_btn {background:#4d4d4d; border-color:#4d4d4d; color:#fff;}

/* prd_order_B banner opt */
.option_column .install {font-size:.8rem; font-weight:500; line-height:2rem; letter-spacing:-0.065rem; color:#444; text-align:right; margin:0 0 0 auto;}
.option_column .install:hover {text-decoration:underline;}
.option_column .install:before {content:'!'; display:inline-block; width:1.0625rem; height:1.0625rem; background:#ededed; line-height:1.0625rem; font-size:.625rem; font-weight:500; letter-spacing:-0.045rem; color:#555; text-align:center; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; margin:-.125rem .25rem 0 0; vertical-align:middle;}

.option_column .set_etc_opt {display:block; width:100%; font-size:.875rem; letter-spacing:-0.045rem; margin:.25rem 0;}
.option_column .set_etc_opt select {width:100%; height:2.25rem;}
.option_column .set_chk_box {display:block; width:100%; background:#fafafa; border:1px solid #ddd; margin:.625rem 0 0; box-sizing:border-box;}
.option_column .set_chk_box li {display:flex; justify-content:space-between; align-items:center; height:2.875rem; border-bottom:1px solid #ddd; padding:0 .625rem; box-sizing:border-box;}
.option_column .set_chk_box li:last-child {border-bottom:0;}
.option_column .set_chk_box .opt_name {width:calc(100% - 12rem); font-size:.875rem; font-weight:500; line-height:2.25rem; letter-spacing:-0.045rem; color:#444; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.option_column .set_chk_box .opt_box {font-size:0; text-align:right;}
.option_column .set_chk_box .opt_p {display:inline-block; width:3.75rem; font-size:.875rem; font-weight:500; line-height:1.75rem; letter-spacing:-0.045rem; color:#444; text-align:center; vertical-align:top;}
.option_column .set_chk_box .opt_c {display:inline-block; width:6.25rem; border:1px solid #ddd; background:#fff; margin:0 .2rem 0 .4rem; box-sizing:border-box;}
.option_column .set_chk_box .opt_c button {float:left; width:1.625rem; height:1.625rem; background:#fff url(../images/ico/min_dec.png) 50% 50% no-repeat; background-size:.625rem auto; text-indent:-9999px;}
.option_column .set_chk_box .opt_c .inc_amount {background-image:url(../images/ico/min_inc.png);}
.option_column .set_chk_box button[disabled] {opacity:.5;}
.option_column .set_chk_box .input[type="text"] {float:left; width:calc(100% - 3.25rem); height:1.625rem; border-width:0 1px; border-style:solid; border-color:#ddd; font-size:.85rem;text-align:center; box-sizing:border-box;}
.option_column .set_chk_box .opt_d {float:right; width:1.125rem; height:1.75rem;; background:url(../images/ico/cls_gry.png) 100% 50% no-repeat; background-size:.875rem auto; text-indent:-9999px; outline:none;}

/* prd_order_B rollblind opt */
.option_column .opt.half label .tit {display:inline-block; width:3.75rem; vertical-align:middle;}
.option_column .opt.half p.gry {font-size:.875rem; font-weight:500; line-height:1.25rem; letter-spacing:-0.045rem; color:#999; margin:.25rem 0 0; padding:0 0 0 1.625rem;}

/* prd_order_P */
.option_column .opt_cont input[name*="size_p"] + label {width:32.19%;}
.option_column .opt_cont .min_gry {width:100%; padding:.625rem 0 0;}
.option_column .opt_cont .min_gry .gry_box {margin:0 0 .625rem;}
.option_column .min_gry .right {display:block; font-size:.875rem; line-height:1.25rem; letter-spacing:-0.045rem; color:#999; margin:.25rem 0 0;}
.option_column .min_gry p {font-size:.875rem; line-height:1.25rem; letter-spacing:-0.045rem; color:#999;}
.option_column .opt_cont input[name*="piece"] {width:6.25rem; text-align:center; margin:0 .25rem 0 0; vertical-align:middle;}

/* prd_order_P poster */
.prd_order_wrap .option_column .opt.inline {margin:.45rem 0 0;}

/* prd_order_P face */
.option_column .opt_cont input[name*="face_direct"] {width:6.25rem; text-align:center;}

/* prd_order_S */
.option_column .opt_cont input[name*="size_s"] + label {width:32.19%;}
.option_column .amount_box ~ small.gry {font-size:.875rem; font-weight:500; line-height:1.25rem; letter-spacing:-0.045rem; color:#999; margin-left:.25rem;}

/* prd_order sample chg */
.sample_chg .sian_body {padding:3.875rem 1.25rem 1.5rem;}
.sample_chg .sian_body .filter {position:absolute; top:.9375rem; right:1.25rem; font-size:.875rem; font-weight:500; line-height:1.875rem; letter-spacing:-0.04rem; color:#444; padding:0 1.5rem 0 0; background:url(../images/ico/filter_ico.png) 100% 50% no-repeat; background-size:1rem auto;}
.sample_chg .sc_bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.65); z-index:9;}
.sample_chg .sc_sch {display:none; position:fixed; top:0; right:0; width:100%; max-width:25rem; height:100%; background:#fff; padding:0 1.25rem; box-sizing:border-box; z-index:10;}
.sample_chg .sc_head {position:relative; height:5.625rem; line-height:5.625rem;}
.sample_chg .sc_head .sch_cls {position:absolute; top:0; right:0; width:3.125rem; height:3.125rem; background:url(../images/ico/cls_ico.png) 100% 50% no-repeat; background-size:1.25rem auto; text-indent:-9999px;}
.sample_chg .sc_head h3 {font-size:1.125rem; font-weight:700; letter-spacing:-0.065rem; color:#000;}
.sample_chg .sc_cat {position:absolute; top:5.625rem; left:0; right:0; height:calc(100% - 8.75rem); margin:0 1.25rem; overflow-y:auto;}
.sample_chg .sc_cat .category {position:relative; margin:0 0 .5rem;}
.sample_chg .sc_cat .category .name {height:2.5rem; line-height:2.375rem; font-size:.875rem; font-weight:500; color:#444; border:1px solid #ddd; padding:0 2.5rem 0 .625rem; background:#fff url(../images/ico/sel_ico.png) 95% 50% no-repeat; background-size:1rem auto; text-align:left; margin:0; box-sizing:border-box;}
.sample_chg .sc_cat .category .name.on {background-image:url(../images/ico/sel_up.png);}
.sample_chg .sc_cat .category .depth {display:none; position:absolute; top:100%; left:0; width:100%; max-height:11.5rem; background:#fff; overflow-y:auto; border-width:0 1px 1px; border-style:solid; border-color:#ddd; padding:.625rem 0; box-sizing:border-box; z-index:10;}
.sample_chg .sc_cat .category .depth li {height:2rem; line-height:2rem; font-size:.875rem; font-weight:500; letter-spacing:-0.045rem; color:#444; padding:0 .625rem;}
.sample_chg .sc_cat .sch_box {position:relative; margin:2.5rem 0 0;}
.sample_chg .sc_cat .sch_box input {width:100%; height:2.8125rem; border:1px solid #eee; border-radius:1.5rem; -webkit-border-radius:1.5rem; -moz-border-radius:1.5rem; -ms-border-radius:1.5rem; -o-border-radius:1.5rem; font-size:.875rem; font-weight:500; letter-spacing:-0.045rem; color:#333; padding:0 2.8rem 0 1.5rem; box-sizing:border-box;}
.sample_chg .sc_cat .sch_box .sch_btn {position:absolute; top:0; right:0; width:2.8125rem; height:2.8125rem; background:url(../images/ico/fix_ico3.png) 50% 50% no-repeat; background-size:1.0625rem auto; text-indent:-9999px; outline:none;}
.sample_chg .sc_btn {position:absolute; bottom:0; left:0; display:flex; width:100%;}
.sample_chg .sc_btn button {width:6.875rem; height:3.125rem; font-size:1rem; font-weight:700; letter-spacing:-0.045rem; background:#777; color:#fff; text-align:center;}
.sample_chg .sc_btn .sc_submit {width:calc(100% - 6.875rem); background:#000;}

/* company intro */
.intro_area {padding:1.875rem 1.25rem 2.5rem;}
.intro_area .vision_area {border-bottom:1px solid #eee; padding-bottom:11.25rem; background:url(/images/company/company_vis.png) 100% 92% no-repeat; background-size:65% auto; margin:0 0 3.875rem;}
.intro_area .vision_area h3 {font-family:'Montserrat',sans-serif; font-size:1.5rem; font-weight:700; letter-spacing:-0.025rem; margin:0 0 1.25rem;}
.intro_area .vision_area h3:before {content:'VISION'; display:block; width:5.625rem; font-family:'Montserrat',sans-serif; font-size:1rem; line-height:1.625rem; font-weight:500; color:#fff; padding:0 1.5rem 0 .625rem; background:url(../images/ico/intro_bg.png) 0 50% no-repeat; background-size:auto 1.625rem; margin:0 0 1.875rem; box-sizing:border-box;}
.intro_area .vision_area .cont p {font-size:.9375rem; font-weight:500; line-height:1.5rem; letter-spacing:-0.045rem; color:#666; white-space:pre-line; word-break:keep-all;}
.intro_area .vision_area .cont p:first-child {margin:0 0 2rem;}
.intro_area .company_img {display:flex; flex-wrap:wrap; padding:0 0 2.5rem; margin:0 0 3.875rem; border-bottom:1px solid #eee;}
.intro_area .company_img li {width:48.8%; font-size:1rem; font-weight:500; line-height:1.875rem; letter-spacing:-0.065rem; margin:0 2.4% 1.25rem 0;}
.intro_area .company_img li:nth-child(2n) {margin-right:0;}
.intro_area .company_img li img {max-width:100%;}
.intro_area .history_area h3 {position:relative; width:6.25rem; height:1.625rem; background:#046ed9; line-height:1.625rem; font-family:'Montserrat',sans-serif; font-size:1rem; font-weight:500; color:#fff; padding:0 0 0 .625rem; margin:0 0 1.875rem; box-sizing:border-box;}
.intro_area .history_area h3:after {content:''; position:absolute; top:0; left:100%; width:1.25rem; height:1.625rem; background:url(../images/ico/intro_bg.png) 100% 50% no-repeat; background-size:auto 1.625rem;}
.intro_area .history_area .his_column {border-top:1px solid #eee; padding:1.875rem 0 0; margin:1.875rem 0 0;}
.intro_area .history_area .his_lst li {position:relative; font-size:1rem; font-weight:500; line-height:1.875rem; letter-spacing:-0.045rem; color:#666; padding:0 0 0 6.25rem;}
.intro_area .history_area .his_lst .date {position:absolute; top:0; left:0; font-family:'Montserrat',sans-serif; font-weight:500; letter-spacing:0; color:#000;}

/* map */
.map_area {padding:1.875rem 1.25rem 2.5rem;}
.map_cont .map_box .root_daum_roughmap {width:100% !important;}
.map_cont .map_box .root_daum_roughmap .wrap_controllers {display:none;}
.map_cont .map_box .address {width:100%; line-height:1.25rem; background:#2d2d2d url(/images/ico/map_ico.png) 1rem 50% no-repeat; background-size:.9375rem auto; font-size:.875rem; color:#fff; padding:.625rem 1.25rem .625rem 2.5rem; box-sizing:border-box;}

.map_cont .map_tab {display:flex; margin:1.25rem 0 1.875rem;}
.map_cont .map_tab li {position:relative; width:33.33%; height:2.5rem; line-height:2.375rem; text-align:center; color:#a0a0a3; border-width:1px 1px 1px 0; border-style:solid; border-color:#ccc #ddd; font-size:.9375rem; font-weight:500; letter-spacing:-0.045rem;}
.map_cont .map_tab li:first-child {border-left:1px solid #ddd;}
.map_cont .map_tab li.on {color:#000;}
.map_cont .map_tab li.on:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #000; box-sizing:border-box;}
.map_cont .info_box {min-height:12rem;}
.map_cont .info_box dl {margin:0 0 1.25rem; padding:0 0  1.25rem; border-bottom:1px solid #ddd;}
.map_cont .info_box dl:last-child {margin:0; padding:0; border:0;}
.map_cont .info_box dt {font-size:1.0625rem; font-weight:500; font-weight:500; margin:0 0 1rem;}
.map_cont .info_box dd {font-size:.9375rem; line-height:1.4rem; color:#666; white-space:pre-line; word-break:keep-all;}
.map_cont .info_box .nine { display:inline-block; width:1.25rem; height:1.25rem; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; text-align:center; background:#bd9a31; color:#fff; font-size:.8125rem; font-weight:400; line-height:1.25rem; margin:0 .125rem 0 0;}

.map_cont .info_box dd[class] {background:url(/images/ico/bus_grn.png) 0 50% no-repeat; background-size:1rem auto; padding:0 0 0 1.625rem; margin:0 0 .25rem;}
.map_cont .info_box dd.b {background-image:url(/images/ico/bus_blu.png);}
.map_cont .info_box dd.yg {background-image:url(/images/ico/bus_ygr.png);}
.map_cont .info_box dd[class] span {display:inline-block; font-weight:500; color:#3cc344; margin:0 .625rem 0 0;}
.map_cont .info_box dd.b span {color:#386de8;}
.map_cont .info_box dd.yg span {color:#87c700;}

/* prd_search */
.prd_sch_wrap .sch_head {padding:1.25rem; border-bottom:.625rem solid #f7f7f7;}
.prd_sch_wrap .sch_head .count {display:block; font-size:.9rem; font-weight:500; line-height:1.25rem; letter-spacing:-0.045rem; margin:0 0 .5rem;}
.prd_sch_wrap .sch_head .count strong {color:#046fd9;}
.prd_sch_wrap .prd_sort {display:flex; flex-wrap:wrap; justify-content:space-between;}
.prd_sch_wrap .prd_sort select {width:48.8%; height:2.5rem; font-size:.875rem; font-weight:500; letter-spacing:-0.045rem; color:#222; margin:0 0 .5rem;}
.prd_sch_wrap .prd_sort input {width:73.1%; height:2.5rem; font-size:.9375rem; font-weight:500; letter-spacing:-0.045rem; color:#222; border:1px solid #ddd; padding:0 .625rem; box-sizing:border-box;}
.prd_sch_wrap .prd_sort .sch_btn {width:24.4%; height:2.5rem; background:#333; border-radius:.25rem; -webkit-border-radius:.25rem; -moz-border-radius:.25rem; -ms-border-radius:.25rem; -o-border-radius:.25rem; font-size:.9375rem; line-height:2.5rem; font-weight:500; letter-spacing:-0.045rem; color:#fff;}
.prd_sch_wrap .prd_sort .sch_btn:after {content:''; display:inline-block; width:.875rem; height:2.5rem; background:url(../images/ico/sch_wht.png) 50% 55% no-repeat; background-size:.75rem auto; vertical-align:top; margin-left:.25rem;}

.prd_lst.prd_sch .img_box {position:relative; width:70.7%; padding:70.7% 0 0; margin:0 auto 1.25rem;}
.prd_lst.prd_sch .img_box a {position:absolute; top:0; left:0; width:100%; height:100%;}
.prd_lst.prd_sch .img_box a:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid rgba(0,0,0,.1); box-sizing:border-box;}
.prd_lst.prd_sch .img_box img {position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto; max-width:100%; max-height:100%; margin:auto;}
.prd_lst.prd_sch .name {width:calc(100% - 2.5rem);}

/* center */
.bbs_container {padding:2.2rem 1.25rem 1.25rem;}
.bbs_container h2 {font-size:1.75rem; font-weight:700; letter-spacing:-0.045rem; color:#000; margin:0 0 .6rem; text-align:center;}
.center_cont > p:first-child {margin:0 0 1.5rem;}
.center_cont h3 {font-size:1.125rem; font-weight:500; line-height:1.4rem; letter-spacing:-0.045rem; margin:0 0 1.25rem; background:url(/images/ico/bul_ico.png) 0 50% no-repeat; background-size:.75rem auto; padding:0 0 0 1.5rem;}
.center_cont h4 {font-size:1rem; font-weight:500; margin:0 0 .625rem;}
.center_cont .inner {border:1px solid #eceded; padding:1.25rem; margin:0 0 2.5rem;}
.center_cont a {color:#046fd9; text-decoration:underline;}
.center_cont p {white-space:pre-line;}
.center_cont p, .center_cont li {font-size:.875rem; line-height:1.25rem; letter-spacing:-0.025rem; color:#555; margin:0 0 .625rem; word-break:keep-all;}
.center_cont p:last-child, .center_cont li:last-child {margin-bottom:0;}
.center_cont ul {text-indent:-1.25rem; padding-left:1.25rem;}
.center_cont ol {list-style-position:inside; list-style-type:decimal;}
.center_cont li > ol, .center_cont li > ul {padding-left:1.25rem; margin:.625rem 0;}
.center_cont li p, .center_cont li > ul:last-child, .center_cont li > ol:last-child {margin:.5rem 0 0;}
.center_cont table {width:100%; border-top:1px solid #333; margin:1.25rem 0 0;}
.center_cont table th, .center_cont td {padding:.75rem .875rem; font-size:.875rem; line-height:1.25rem; letter-spacing:-0.045rem; color:#555; border:1px solid #ddd; text-align:center;}
.center_cont table th {background:#f7f7f7; font-size:.9375rem; font-weight:500; color:#111;}

/* wishlist */
.wish_wrap .basket_lst .cart_row .prd_info {display:flex; align-items:center;}
.wish_wrap .basket_lst .cart_row .prd_info .thumb:after {display:none;}
.wish_wrap .basket_lst .cart_row .prd_info .thumb a {position:relative; display:block; width:100%; height:100%;}
.wish_wrap .basket_lst .cart_row .prd_info .thumb a:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid rgba(0,0,0,.1); box-sizing:border-box;}
.wish_wrap .basket_body {margin:0 0 1.25rem;}
.wish_wrap .wish_btn {padding:0 1rem; margin:1.25rem 0 0;}
.wish_wrap .wish_btn .l_btn {display:inline-block; width:5.625rem; height:2.25rem; border:1px solid #ddd; font-size:.875rem; font-weight:500; line-height:2.125rem; letter-spacing:-0.045rem; color:#888; margin-left:.25rem; text-align:center; box-sizing:border-box;}
.wish_wrap .wish_btn .l_btn:first-child {margin-left:0;}

.bbs_container h2 {font-size: 1.1rem;text-align: left;}
.bbs_container p {color:#555;font-size: 0.8rem; line-height: 1.1rem; font-weight: 400;}
.bbs_container .center_ttl {margin-bottom: 1.4rem;}

/* 210929 OJH 주문하기 분할출력 예시 팝업 */
.ordpop_bg {position: fixed;top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5);z-index: 20;}
.print-ex-wrap {/* display: none; */ position: fixed;  top: 50%; left: 50%;padding:20px; width:80%; background: #fff; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);z-index: 22; box-shadow:5px 5px 15px rgba(0,0,0,.4); }
.print-ex-img img {width:100%;}
.print-ex-wrap .orderPop-cls {position: absolute; top:30px;right:24px;color:transparent; background: url(/images/ico/cls_ico.png) 50% 50% no-repeat;z-index: 25;}
.print-ex-wrap .print-ex-txt {margin:10px 0 14px;line-height: 20px; font-size: 15px; font-weight: 500; color:#046ed9; }

/* rollposter.rollblind page */
.roll-guide .type__item {margin-bottom: 90px; font-weight: 400; color: #000;letter-spacing: -0.02rem;}
.roll-guide  .type__slide {position:relative; float: left;width:100%;margin-right: 50px;}
.roll-guide .type__img img {width:100%;}

.roll-guide .type__detail-txt {float:left;width:100%;}
.roll-guide .type-name {margin-bottom: 46px;}

.roll-guide .type__detail-txt dl {margin-bottom: 22px; font-size: 0;}
.roll-guide .type__detail-txt dt {vertical-align: top; display: inline-block; width:74px; font-size: 17px;font-weight: 500;}
.roll-guide .type__detail-txt dd {width:calc(100% - 74px); display: inline-block; font-size: 15px;font-weight: 500; color:#1c1c1c;}
.roll-guide .type__detail-txt dd em {display: inline-block; margin-left:8px; color:#ff0000;}
.roll-guide  .go__desc {display: block; margin: 12px 0 ; padding:0 18px; height:30px; line-height: 30px; background: #dedede; font-size: 13px;font-weight: 500; color:#262626; border-radius:14px ; -webkit-border-radius:14px ; -moz-border-radius:14px ; -ms-border-radius:14px ; -o-border-radius:14px; }
.roll-guide .type__detail-txt dd .spc {margin-left: 0;}
.roll-guide .prd__desc {margin-top: -2px;}
.roll-guide .prd__desc p {line-height: 25px;margin-bottom: 10px;}
.roll-guide  .caption_txt {margin: 30px 0 10px;}
.roll-guide  .cap__img {width: 100%;}
.roll-guide  .cap__img img {width: 100%;}
.cmn__detail__wrap .type__item .type-name {font-size: 30px;font-weight: 500; padding-bottom: 15px; margin-bottom: 35px; border-bottom:2px solid #141414;}
.cmn__detail__wrap .type__slide button{ position: absolute; top:50%; transform:translateY(-50%); width:40px; height:40px; background: rgba(0,0,0,.4) no-repeat; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);  text-indent:-9999px; -webkit-background-size: 10px 15px; background-size: 10px 15px; background-position:center;}
.cmn__detail__wrap .type__slide .type__cont-prev {left:20px; background-image: url(/images/ico/main_prev.png);}
.cmn__detail__wrap .type__slide .type__cont-next {right:20px; background-image: url(/images/ico/main_next.png);}

/* popup */
.txtr-desc_pop {display: none; position: fixed; overflow: scroll;top: 0;bottom: 0; right: 0; left: 0;padding:54px 0 90px; width:95%; background: #fff; margin: auto; z-index: 202; -webkit-box-sizing: border-box; box-sizing: border-box;}
.roll-guide .bg {display: none; position: fixed; top: 0;left: 0; bottom: 0; right: 0;background: rgba(0,0,0,.5);z-index: 201;}
.roll-guide .pop_cls {position: absolute; top:40px; right: 40px; width:20px; height:20px; background: url(/images/ico/cls_ico.png) no-repeat; background-size: contain; background-position: center; text-indent: -9999px; }
.roll-guide .txt__desc-wrap {width:90%; margin:0 auto;}
.txtr-desc_pop .pop__tit {font-size: 20px; font-weight: 700;margin-bottom: 34px; padding-bottom:26px; border-bottom:1px solid #ddd;}
.txtr-desc_pop  .txr_desc-item {margin-bottom: 28px;}
.txr_desc-item > div {float:left;}
.txr_desc-item .txr__img {width:138px; height: 138px;}
.txr_desc-item .txr__img img {width:100%; }
.txr_desc-item .txt__desc {padding:20px 0 0 34px; width:calc(100% - 144px); -webkit-box-sizing: border-box; box-sizing: border-box;}
.txtr-desc_pop .txt__desc strong {font-size: 16px; font-weight: 700;}
.txtr-desc_pop .txt__desc p {font-size:11px; line-height: 22px;}