@charset "utf-8";

/* --------------------------------- 티셔츠 CSS -------------------------------------- */
.wide_wrap td, .wide_wrap th {padding: 20px 0; }
.mb10 {margin-bottom: 10px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;} 	
.w100 {width:100% !important;}
.mt10 {margin-top: 10px !important;}
.mt25 { margin-top: 25px !important;}
.mt40 {margin-top: 40px !important;}
.mt120 {margin-top:120px !important}
.mt130 {margin-top:130px !important}
.mt140 {margin-top:140px !important}
.mt150 {margin-top:150px !important}
.mt160 {margin-top:160px !important}
.mt170 {margin-top:170px !important}
.mt50 {margin-top:50px !important}
.pb0 {padding-bottom:0 !important}
.pb50 {padding-bottom:50px !important}
.pb70 {padding-bottom:70px !important}
.pb100 {padding-bottom:100px !important}
.pb200 {padding-bottom:200px !important}
.pt0 {padding-top:0 !important}
.pt30 {padding-top:30px !important}
.pt150 {padding-top: 150px !important;}
.p70 {padding:0 70px !important}
.mb20  {margin-bottom:20px !important}
.mb30  {margin-bottom:30px !important}
.mb100 {margin-bottom:100px !important}
.mb150 {margin-bottom:150px !important}
.mmb200 {margin-bottom:-200px !important}
.wpt0 {padding-top: 0px!important;}/*웹에만 반영*/
.wpt150 {padding-top: 150px;}/*웹에만 반영*/

.pc_pb70 {padding-bottom:70px !important}
.lh30 {line-height: 30px;}

.img_render{image-rendering: -webkit-optimize-contrast;}
.emb_none {display: none;}

/* 웹에서만 반영하기 */
.w_mt50 {margin-top:50px !important}
.w_mt150 {margin-top:150px !important}
.w_mt170 {margin-top:170px !important}

/*이미지 준비중*/
.img_none {
    background-size: 130% !important;
    height: 500px;
    background: url(https://s3.ap-northeast-2.amazonaws.com/image.bizfactory.co.kr/file_guide/img_none.jpg) center no-repeat;}

/* 웹에서만 숨기기(앱/모바일 웹만 노출) */
.display_app {display: none!important;} /*웹 css에만 사용*/
.diaplay_mo_web {display: none!important;} /*모바일웹,웹 css에만 사용*/

/* 정렬 */
.txt_l {text-align: left !important;}
.txt_r {text-align: right !important}
.txt_c {text-align: center !important}

/* 강조 */
.txt_red {color:#ff4040 !important;}
.txt_red13 {color:#ff4040 !important; font-size: 13px!important; }
.txt_blue {color:#159fda !important; margin-top: 5px; font-size: 15px !important; font-weight: 100 !important;}
.over_none {overflow: inherit !important;}
.txt_400 {font-weight: 600; color:#000}
.txt_600 {font-weight: 600; color:#333; font-size: 13px!important; margin-top: 0px!important;}
.txt_12px {color: #999!important; font-size: 12px!important;}
.txt_gray {font-size: 12px;  text-align: left;  color: #c1c1c1;  cursor: auto !important;  line-height: 20px;}
.txt_black {font-size: 12px;  text-align: left;  color: #333;  cursor: auto !important;  line-height: 20px;}

/*옵션 가격 안내 추가*/
.txt_black.price { line-height: 25px; margin-top: 5px;}
.txt_black.price h5 { font-size: 13px; font-weight: 600;}
.txt_black.price .info { font-size: 13px; }
.txt_black.price .info .txt_bold { font-weight: 600;}
.txt_black.price .info .txt_red { color: #ff4040; font-size: 13px;}

span.pc_label {    display: inline-block;  width: 60px; height: 17px; margin-left: 4px;  margin-top: -25px;  font-size: 12px !important;  color: #ffffff !important;  text-align: center;  vertical-align: middle;}

/* 메인 비주얼 */
.wide_wrap {width: 100%; position: relative; overflow-x: hidden;}
.wide_main_bg::after {display: block; clear: both; content: ""}
.wide_main_bg .wide_main_cont {width: 1000px; margin: 0 auto; text-align: left !important; position: relative; top: 120px; letter-spacing: -0.8px;}
.wide_main_bg .wide_main_cont .main_textarea {float: right; display: inline-block; position: relative; right: 100px; top: 40px !important;}
.wide_main_bg .wide_main_cont h1 {font-size: 36px; padding-bottom: 20px; color: #000;}
.wide_main_bg .wide_main_cont p {font-size: 16px; color: #555; font-weight: 100; line-height: 28px;}
table.main_option {width: 300px; letter-spacing: 0 !important; margin: 25px 0 10px}
table.main_option tbody {font-size: 14px; color: #333;}
table.main_option tbody tr th {color: #000; text-align: left !important;}
table.main_option .td_select {padding: 10px 0}
table.main_option .td_select .radio_select label {width:30%; height:38px; line-height:38px;}
table.main_option .td_select .box3 label {width:70px !important;}

table.main_option .td_select .radio_select span.cm {float:right; display: inline-block; margin-top:7px; font-size:13px; color:#999;}
table.main_option .td_select .radio_select {position:relative; padding:1px 0; overflow: hidden; font-size:0;}
table.main_option .td_select .radio_select input {position: absolute !important; height: 1px;width: 1px;border: 0;overflow: hidden;}
table.main_option .td_select .radio_select label {width:104px; height:40px; display:inline-block; margin-right:-1px; margin-top:-1px; font-size:13px; text-align: center; color:#888; line-height:38px; border: 1px solid #999; transition: all 0.1s ease-in-out; box-sizing: border-box;}
table.main_option .td_select .radio_select label:hover {z-index: 1; position: relative; border:1px solid #222450;  cursor: pointer;}
table.main_option .td_select .radio_select input:checked + label {z-index: 1; position: relative; color:#222450; border:1px solid #222450 !important;}

.wide_main_bg .wide_main_cont span.main_price::before {display: inline-block; content:""; background: url('/sub_fancy/img/photocard/price_code.png?t=1') top center no-repeat; background-size: contain;  width: 18px; height: 15px; margin-right: 5px;}
.wide_main_bg .wide_main_cont span#selling_price_txt {color:#888; font-size:17px; font-weight:normal; text-decoration:line-through; letter-spacing: .4px;}
.wide_main_bg .wide_main_cont span.main_price {font-weight: 600; font-size: 25px; color: #e42727; display: block; letter-spacing: .4px;}
.wide_main_bg .wide_main_cont span.main_price>span {color: #e42727; font-size: 20px; font-weight: 600; letter-spacing: .4px;}
.wide_main_bg .wide_main_cont a.btn_make {color: #fff; padding: 16px 105px 16px 80px; background: url(/sub_fancy/img/photocard/icon_main_arrow2.png?t=1) 200px 20px no-repeat; border: 1px solid #222450; margin-top: 40px; transition: .4s; display: inline-block; letter-spacing: -.2px; font-size: 15px; background-color: #222450}
.wide_main_bg .wide_main_cont a.btn_make:hover {color: #fff; background: url(/sub_fancy/img/photocard/icon_main_arrow2.png?t=1) 210px 20px no-repeat;border: 1px solid #3e4188; background-color: #3e4188; transition: .4s;}

/* 좌측 상품 프리뷰 */
ul.tab_btn_wrap::after {content: ''; display: table; clear: both}
ul.tab_btn_wrap > li {display: flex; float:left; width:60px; height:60px !important; font-size:16px; color:#888; text-align: center; cursor: pointer; border:1px solid #ececec;}
ul.tab_btn_wrap > li.active {z-index: 1; font-weight:bold; color:#000; border:1px solid #000;  border-bottom:none; width: 60px; height: 60px !important;}
ul.tab_btn_wrap > li > span {display: table-cell; vertical-align: middle; }
.tab_cont_wrap .cont_box {display: none }
.tab_cont_wrap .cont_box:first-child {display: block;}
.tab_cont_wrap .cont_box span.preview_title {color: #222450; font-size: 15px; font-weight: 700; text-align: left; position: absolute; top: -20px; left: 50px; letter-spacing: 0;} /* title */
.tab_cont_wrap .cont_box span.preview_title::after {display: block; content: ""; width: 20px; height: 3px; margin-top: 10px; background-color: #222450;}
div.tab_cont_wrap {display: inline-block; position: absolute; left: -50px; top: -7px; width:100%;}
ul.tab_btn_wrap {position: relative; top: 440px; left: 55px; display: inline-block; width: 430px;}
ul.tab_btn_wrap::after {content: ""; display: table; clear: both;}
ul.tab_btn_wrap li {float:left; width:60px; height:60px !important;}
ul.tab_btn_wrap li {margin: 0 5px; border:1px solid #ccc !important; transition:0.3s}
ul.tab_btn_wrap li:first-child {margin-left: 0 !important;}
ul.tab_btn_wrap li img {/*max-width:80px;*/ max-height:80px;}
article.left_wrap .preview_wrap ul.tab_btn_wrap {width:850px; justify-content: flex-start; display: flex; flex-wrap: wrap;}
article.left_wrap .preview_wrap ul.tab_btn_wrap li img {min-width:auto !important;}
article.left_wrap .preview_wrap ul.tab_btn_wrap li img:nth-child(2) {margin-left:2px}
article.left_wrap .preview_wrap ul.tab_btn_wrap li .sum_txt {position: absolute;}

ul.tab_btn_wrap li.active, .ul.tab_btn_wrap li:hover {border:1px solid #222450 !important; transition:0.5s}
article.left_wrap .preview_wrap ul.tab_btn_wrap li {width:100px !important; background:#f8f9fa}
.zoomContainer {height:0 !important}
.radio_select label.active {z-index: 1; position: relative; color:#222450 !important; border:1px solid #222450 !important;}

/* 좌측 상품 프리뷰 툴팁*/
.cont_box .preview_box .tooltip { position: absolute !important; bottom: 0; left: 0; width: 100%; padding: 20px 30px;  color: #fff; background-color: rgba(0, 0, 0, 0.6);  box-sizing: border-box;	text-align: left;
    z-index: 9;}
.cont_box .preview_box .tooltip p { font-size: 17px; margin-bottom: 5px;}

/*--------------------------- 상세콘텐츠 시작 -----------------------------*/

/* 지금, 만들기 버튼(공통) */
a.make_now {position: relative; top: 60px; border-bottom: 1px solid #336bb2; padding: 0 11px 3px 0; color: #336bb2; right: 145px; background: url('/sub_fancy/img/photocard/icon_btn_arrow.png?t=1') right 5px no-repeat; transition: .3s; display: inline-block;}
a.make_now:hover {transform: translateX(10px); transition: .3s;}

/* 상세 정보 */
.w1000 {width: 1000px; margin: 0 auto;}
.textarea {text-align: left; top: 250px; display: inline-block; position: relative;}

/*#sale_price_txt {font-weight: 600;font-size: 25px;color: #e42727;letter-spacing: .4px;}
#sale_price_txt2 {font-weight: 600;font-size: 25px;letter-spacing: .4px; padding-right:0;}
/*#sale_price_txt {margin-left: 5px;font-size: 13px;font-weight: 500;color: #fff;padding: 2px 7px;background: #FF4040;border-radius: 5px; vertical-align: text-bottom;}*/

.dis_percent {margin-left: 5px;font-size: 13px !important; font-weight: 500 !important; color: #fff !important; padding: 2px 7px !important; background: #FF4040;border-radius: 5px; vertical-align: text-bottom;}

.wide_wrap td, .wide_wrap th { padding: 10px 0;}
.right_wrap .option_title h4 {font-size: 14px; color: #333; margin-bottom: 10px; letter-spacing:0.5px}
.right_wrap .option_title h4 .logo {width:25px; height:25px; margin-top:-3px; margin-right:10px; vertical-align: middle; border-radius: 50%;}

/* 버튼_disabled */
.btn_disabled {opacity: 50%; background-color: #f9f9f9;}

/* 부가 설명글 */
.box_gray_label {position: absolute; top: 0; right: 0; padding: 20px 30px; display: flex !important; justify-content: center; align-content: center; background: rgba(0, 0, 0, 0.5); box-sizing: border-box;}
.box_gray_label > p {color: #fff !important; margin: auto !important; text-align: center;}

/* 로고 추가 */
.logo.printstar {background:url('/apparel/tshirt/img/logo/printstar.jpg?t=1') no-repeat; background-size: 100%}
.logo.glimmer {background:url('/apparel/tshirt/img/logo/glimmer.jpg?t=1') no-repeat; background-size: 100%}
.logo.fillit {background:url('/apparel/tshirt/img/logo/fillit.jpg?t=1') no-repeat; background-size: 100%}
.logo.publog {background:url('/apparel/tshirt/img/logo/publog.jpg?t=1') no-repeat; background-size: 100%}
.logo.gildan {background:url('/apparel/tshirt/img/logo/gildan.jpg?t=1') no-repeat; background-size: 100%}
.logo.putz {background:url('/apparel/tshirt/img/logo/putz.jpg?t=1') no-repeat; background-size: 100%}
.logo.biz {background:url('/apparel/tshirt/img/logo/biz.jpg?t=1') no-repeat; background-size: 100%}
.logo.bethechef {background:url('/apparel/tshirt/img/logo/bethechef.jpg?t=1') no-repeat; background-size: 100%}
.logo.apple {background:url('/phonecase/img/logo/apple.jpg?t=1') no-repeat; background-size: 100%}
.logo.samsung {background:url('/phonecase/img/logo/samsung.jpg?t=1') no-repeat; background-size: 100%}
.logo.illustrator {background:url('/sub_fancy/img/photocard/illustrator_icon.svg?t=1) no-repeat center') no-repeat; background-size: 100%}


.option_title.tit_box {position:relative;}
.link {position:absolute; top:16px; right:0; display:inline-block !important;  opacity:0.5; padding-left:25px; width:50px; height:17px; font-size:12px; margin-left:5px; background: url('/apparel/img/icon/link@2x.png?t=1') no-repeat left center; background-size: 20px; transition: .3s}
.link:hover {opacity:1; transition: .3s}


.tb_option .h4 {margin-bottom:0 !important; padding: 5px 0 10px 0;font-weight: 600; color: #111;text-align: left;font-size: 13px;}
.td_select h4 {margin-bottom:0 !important; padding: 5px 0 10px 0;font-weight: 600; color: #111;text-align: left;font-size: 13px;}
.td_select h4 span.sub_tit {font-size:12px; color:#666; font-weight:normal;}
article.right_wrap article.color_wrap ul li span {margin-bottom:0; border-radius:5px;}
article.right_wrap article ul li {margin-right:5px;}
.pb30 {padding-bottom:30px !important;}
.tshirt_option {padding:50px 0; word-break: keep-all}
.tshirt_option .nav_box .left {position:relative !important; left:auto !important; text-align: left; margin-bottom: 20px;}
.tshirt_option article.left_wrap {width:850px;}
.tshirt_option article.left_wrap .preview_wrap {width:850px}
.tshirt_option article.left_wrap .tab_cont_wrap article.cont_box {height:700px;}
.tshirt_option article.left_wrap .tab_cont_wrap article.cont_box .preview_img {width:850px;}
.tshirt_option article.right_wrap {width:300px;}
.tshirt_option article.right_wrap .option_title h3 {line-height:32px;}
.tshirt_option article.right_wrap .option_title h3 span {color: #949494; padding: 0 10px; font-size: 13px;}

.value_sum {display:flex}
article.right_wrap .btn_make {float:none;}
article.right_wrap .btn_make a {width:220px; padding:20px 0; text-align:center; background-image: none;}
article.right_wrap .btn_make a:hover {padding:20px 0; background-image: none;}

/* 두번째 버튼 */
.wrap2btn {display: flex !important; justify-content: space-between !important;}
.wrap2btn .btn_uploadPdf {width: 49% !important;}
.wrap2btn .btn_listProduct {width: 49% !important; background-color: #333!important;}
.wrap2btn .btn_listProduct a:hover {width: 100% !important; background-color: #888888;}
.wrap2btn .btn_uploadPdf a.fileupload {background: #999 !important; color: #fff !important}
.wrap2btn .btn_uploadPdf a.fileupload:hover {background: #b3b3b3 !important}

.btn_make {display:flex;; justify-content: space-between; width: 100%}
.btn_make .basket {width:70px; height:60px; margin-right:10px; color:#fff; background:#ccc}
article.right_wrap article.color_wrap ul li span {}
.btn_make .basket:hover {background:#b3b3b3}
article.right_wrap .tb_option th {vertical-align: top;}
article.right_wrap .td_select .radio_select {display:flex;}
article.right_wrap .td_select .radio_select label {display:table; width:12%; height:35px; margin-right:2%; line-height:15px; font-size:11px; vertical-align: top}
article.right_wrap .td_select .radio_select label.none {opacity: 0.5; cursor:default}
article.right_wrap .td_select .radio_select label.none:hover {border: 1px solid #d4d4d4;}
article.right_wrap .td_select .radio_select label > span {display: table-cell; vertical-align: middle;  line-height: 20px; }
article.right_wrap .td_select .radio_select label.tooltip_full > span:hover {text-indent: 0.8px;}
article.right_wrap .td_select .size_btn {position:absolute; bottom:17px; right:0; font-size:12px; text-decoration: underline; color:#666}


article.right_wrap .td_select .radio_full {justify-content: space-between}
article.right_wrap .td_select .radio_full label {min-width:12%; width:24% !important; height:45px !important; margin-right:0}
article.right_wrap .td_select .radio_full1 {justify-content: space-between; flex-wrap: wrap;}
article.right_wrap .td_select .radio_full1 label { width: 100% !important; height: 45px !important; margin-right: 0; margin-bottom: 6px;}
article.right_wrap .td_select .radio_full2 {justify-content: space-between; flex-wrap: wrap;}
article.right_wrap .td_select .radio_full2 label { width: 49% !important; height: 45px !important; margin-right: 0; margin-bottom: 6px;}
article.right_wrap .td_select .radio_full3 {justify-content: left; flex-wrap: wrap}
article.right_wrap .td_select .radio_full3 label {min-width:12%; width:32.4% !important; height:45px !important; margin-right:4px; margin-bottom: 6px;}
article.right_wrap .td_select .radio_full3 label:nth-child(3n) {margin-right:0}
article.right_wrap .td_select .radio_full4 {justify-content: space-between}
article.right_wrap .td_select .radio_full4 label {min-width:12%; width:24% !important; height:45px !important; margin-right:0}

article.right_wrap .td_select .radio_full2 .select_wrap { width: 46% !important; height: 45px !important; margin-right: 0; margin-bottom: 6px;}
article.right_wrap .td_select .radio_full2 .x_line {font-size:12px; line-height:45px}

article.right_wrap .td_select .radio_full_img label { min-width: 12%; height: 72px !important; display: flex; flex-direction: column !important;}
article.right_wrap .td_select .radio_full_img img {width:72px; padding: 2px 13px; margin: 0 auto;}


span.none_text {display: block; font-size:10px;}
article.right_wrap .tb_option th {padding:5px 0;}
article.right_wrap .tb_option th, .value_sum dt {font-size:12px; font-weight:500;}
article.right_wrap .tb_option td {padding:5px 0; font-size:12px;}
article.right_wrap .tb_option td .gray_txt {color: #c1c1c1; cursor: auto !important;}
article.right_wrap .tb_option td .gray_txt2 {color: #c1c1c1; margin-top: 6px; cursor: auto !important;}
article.right_wrap .tb_option td .gray_txt span, td .gray_txt2 span {font-weight: bold; color: #a7a7a7;}
article.right_wrap article.color_wrap {margin-top:20px;}
article.right_wrap article.color_wrap h4 {margin-top:10px; cursor: pointer;}
article.right_wrap article.color_wrap span.color {width:35px; height:35px; margin-right:10px; vertical-align: middle;}
article.right_wrap article.color_wrap span.active {box-sizing:border-box;}
article.right_wrap article.color_wrap .color_btn {position:absolute; top:39px; right:0; font-size:12px; color:#666}
article.right_wrap article.color_wrap .color_btn img {display:inline-block; width:11px; margin:4px 0 0 5px}
article.color_wrap .more_box {display:none; z-index:9; position:absolute; top:70px; left:0; width:100%; max-height:322px; padding:15px; border:1px solid #d9d9d9; background:#fff; overflow-y: auto; overflow-x: hidden;}
article.color_wrap .more_box li {float:none; width:100%; margin-bottom:7px; font-size:12px !important; text-align: left;}
article.color_wrap .more_box li:last-child {margin-bottom:0;}
article.color_wrap .more_box li span {width:20px !important; height:20px !important; margin-top:-5px !important; border-radius: 0 !important}
article.right_wrap article.color_wrap .more_box li span.color:hover {background-image:none !important}

/*포토액자 호버상쇄*/
article.right_wrap article.color_wrap .more_box li span.awb:hover {background-image:url('/apparel/tshirt/css/frame_color/frame_antique_woodbrown.jpg?t=1') !important} /*엔틱우드브라운*/
article.right_wrap article.color_wrap .more_box li span.awh:hover {background-image:url('/apparel/tshirt/css/frame_color/frame_antique_white.jpg?t=1') !important} /*엔틱화이트*/
article.right_wrap article.color_wrap .more_box li span.mts:hover {background-image:url('/apparel/tshirt/css/frame_color/frame_metalsilver.jpg?t=1') !important} /*메탈실버*/
article.right_wrap article.color_wrap .more_box li span.mtg:hover {background-image:url('/apparel/tshirt/css/frame_color/frame_metalgold.jpg?t=1') !important} /*메탈골드*/
article.right_wrap article.color_wrap .more_box li span.sgd:hover {background-image:url('/apparel/tshirt/css/frame_color/frame_sculptgold.jpg?t=1') !important} /*조각금색*/
article.right_wrap article.color_wrap .more_box li span.ssv:hover {background-image:url('/apparel/tshirt/css/frame_color/frame_sculptsilver.jpg?t=1') !important} /*조각은색*/



article.right_wrap .option_title p {font-size:13px;}

.cont_box .preview_box {float:left;}
.cont_box .preview_box:first-child {margin-right:10px;}
.preview_box img {width:420px;}
.preview_box_full img {width:100%;}
.cont_box .preview_box {width:420px; height:700px; background:#f7f7f7}
.cont_box_full .preview_box {width:850px !important; height:700px; background:#f7f7f7}

.acrylic_tok .preview_direct .preview_box {line-height: 22px!important;}
.preview_direct .preview_box {position:relative; width:420px; height:700px; text-align: center; line-height:420px; background:#f8f9fa}
.preview_direct_full .preview_box {position:relative; width:850px;}
.preview_direct .preview_box img::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#333;}

.preview_direct ul.tab_btn_wrap li {}
.preview_direct ul.tab_btn_wrap li img {}
article.left_wrap .preview_direct_full ul.tab_btn_wrap li img {width:100% !important; margin:0 auto !important;}
article.left_wrap .preview_direct ul.tab_btn_wrap li.sticker_thumb {position:relative; height:82px !important; padding:10px; overflow: hidden;}
article.left_wrap .preview_direct ul.tab_btn_wrap li.sticker_thumb img {position:absolute; width:80% !important; padding:5px; top:50%; left:50%; transform: translate(-50%, -50%);}article.left_wrap .preview_direct ul.tab_btn_wrap li:first-child {position:relative; height:82px !important; padding:10px; overflow: hidden;}
article.left_wrap .preview_direct ul.tab_btn_wrap li:first-child img {position:absolute; width:80% !important; padding:5px; top:50%; left:50%; transform: translate(-50%, -50%);}
article.left_wrap .preview_direct ul.tab_btn_wrap li.thumb_back {position:relative; height:82px !important; padding:10px; overflow: hidden;}
article.left_wrap .preview_direct ul.tab_btn_wrap li.thumb_back img {position:absolute; width:80% !important; padding:5px; top:50%; left:50%; transform: translate(-50%, -50%);}
.preview_direct .preview_box .back_wrap {position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height:420px;}
.preview_direct .preview_box img {width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100% !important;}
.preview_direct .preview_box .back_wrap > img {vertical-align: middle;}
.apparel_list li div.cover .preview_direct .back_wrap {position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.apparel_list li div.cover .preview_direct .back_wrap img {width:100% !important; height:auto !important; transform: none !important;}
.apparel_list li div.cover .preview_direct .kiz_back_wrap {position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.apparel_list li div.cover .preview_direct .kiz_back_wrap img {width:100% !important; height:auto !important; transform: none !important;}
/* 행잉 액자 */
.preview_direct .preview_box .back_wrap .hf1_front img {width: 29.4% !important; margin-top:4.5%;}
.preview_direct .preview_box .back_wrap .hf2_front img {width: 28.3% !important; margin-top:5.5%;}
.preview_direct .preview_box .back_wrap .hf3_front img {width: 26% !important; margin-top:7.3%;}
.preview_direct .preview_box .back_wrap.hf_preview_a2 {top: 40px; left: -140px; transform: none !important;}
.preview_direct .preview_box .back_wrap.hf_preview_a2 .pad_l img {mix-blend-mode: darken;}

article.left_wrap .preview_direct ul.tab_btn_wrap li.thumb_full {padding:0 !important}
article.left_wrap .preview_direct ul.tab_btn_wrap li.thumb_full img {width:100% !important; padding:0 !important;}

/*스티커*/
article.left_wrap .preview_direct ul.tab_btn_wrap li.sticker_thumb {padding:0 !important}
article.left_wrap .preview_direct ul.tab_btn_wrap li.sticker_thumb img {width:auto !important; padding:10px !important;}

/*다꾸스티커-70x200mm*/
article.left_wrap .preview_direct ul.tab_btn_wrap li.sticker_thumb.diary_sticker_70x200 img {width:44px !important; height: 80px !important;  padding:10px !important;}	

article.right_wrap .value_sum {margin:20px 0 10px 0; padding:0; font-size:15px; color:#111; border-top:none; border-bottom:none}
article.right_wrap .value_sum dt {text-align: left; display: inline-block; width:0%; box-sizing: border-box; position: relative;}
article.right_wrap .value_sum dd {text-align: left; display: inline-block; width:100%; margin:0; padding:5px 0; box-sizing: border-box;}
article.right_wrap .value_sum dd span {padding:0}
article.right_wrap .value_sum dd span.n_price {font-weight:500; color:#333}
article.right_wrap .value_sum dd span.x_price {margin-left:5px; font-size:15px;}
.delivery {margin-top:20px; font-size:13.5px; text-align:left;}
.delivery span {margin-left: 10px; padding-left: 10px; background: url('/apparel/tshirt/img/line.png?t=1') 0 center no-repeat; background-position: 0 5px;}
span.normal {cursor:default;}

.un_line::after {
    content: '';
    display: block;
    height: 1px;
    background-color: #c8c8c8;
    width: 100%;
}


/* 수량 체크 */
.quantity_box_35, .quantity_box_45 {position:relative; float:left; width:100px; height:35px; border:1px solid #d4d4d4; box-sizing: border-box; }
.quantity_box_35::after, .quantity_box_45::after {content: ""; display: table; clear: both;}
.quantity_box_35 button.down, .quantity_box_45 button.down {position:absolute; top:0; left:0; width:33px; height:33px; background: url('/apparel/tshirt/img/quantity_down.png?t=1') no-repeat;}
.quantity_box_35 button.up, .quantity_box_45 button.up {position:absolute; top:0; right:0; float:left; width:32px; height:32px; background: url('/apparel/tshirt/img/quantity_up.png?t=1') no-repeat;}
.quantity_box_35 input, .quantity_box_45 input {float:left; width:100%; height:33px; padding:0; font-size:14px; color:#000; text-align: center; border:none;}

/* 공통 컨텐츠 css */
.wide_wrap img {display:inline-block; vertical-align:top;}
.wide_wrap section .left_wrap .tab_default .tab_cont_wrap .cont_box img {width: 100%;}

.mt0 {margin-top:0 !important;}
.mt20 {margin-top:20px !important;}
.mt50 {margin-top:50px !important;}
.mt70 {margin-top:70px !important;}
.mt100 {margin-top:100px !important;}
.mt200 {margin-top:200px !important;}
.mb0 {margin-bottom:0 !important;}
.w1200 {position:relative; width:1200px; margin:0 auto; text-align: center;}
.top_sec {padding-top:150px; text-align:center}
.top_sec img {width:1000px;}
.top_sec_full img {width:1200px;}
.model_sec {padding:200px 0;}
.color_sec {padding:200px 0; background:#f8f8f8;}
.point_sec {padding:200px 0;}
.coolon_sec {padding:200px 0}
.front_sec {padding:200px 0; border-top:1px solid #ededed}
.info_sec {}
.way_sec {padding-bottom: 150px;}
#size_go {padding:100px 0 200px 0}
.package_sec {width:100%; height:900px; image-rendering: -webkit-optimize-contrast;}



/* 옵션영역 문구 */
.op_t10 {top:10px !important;}

.tit_ps {margin-bottom:100px; padding-top:80px; text-align: center; background: url('/apparel/tshirt/img/content/ps_icon.png?t=1') top center no-repeat;}
.tit_ps h2 {margin-top:25px; font-size:36px; color:#000; line-height:36px;}
.tit_ps p {font-size:17px; color:#777;}
.tit_ps p.tit_p {margin-top:50px; line-height:27px;}

.tit_h2 {margin-bottom:100px; padding-top:80px; text-align: center; background: url('/apparel/tshirt/img/content/h_line.png?t=1') top center no-repeat;}
.tit_h2_none {background:none;}
.tit_h2_none p {line-height:25px;}
.tit_h2 h2 {margin-top:30px; font-size:36px; color:#000; line-height:57px;}
.tit_h2 h2.line2 {line-height:45px;}
.tit_h2 h3 {position:relative; display: inline-block; margin-top:150px; padding:0 5px; font-size:32px; color:#000; line-height:32px;}
.tit_h2 h3::after {z-index: -1; position: absolute; bottom:-3px; left:0; content:""; width:100%; height:8px; background: #ffca52; opacity: 0.7}
.tit_h2 p {font-size:17px; color:#777; line-height: 28px;}
.tit_h2 p.tit_p {margin-top:50px; line-height:27px;}

.main_cut img {width:700px; image-rendering: -webkit-optimize-contrast;}
.main_cut_h img {width:850px; image-rendering: -webkit-optimize-contrast;}
.main_cut_h_auto img  {width:1200px !important; height: auto; image-rendering: -webkit-optimize-contrast;}
.main_cut_h_auto li {width:100% !important; }

.plus_caution p {position: absolute; z-index: 10; bottom: 14px; left: 50%; transform: translate(-50%,-50%); color: white; font-size: 16px; line-height: 26px;}
.plus_caution .img_wrap_caution {width: 850px; height: 80px; background-color: black; opacity: 0.4; position: absolute; left: 175px; bottom: 0; z-index: 2;}


.main_cut.preview_direct {width:700px !important;}
.main_cut.preview_direct_full {width:850px !important;}
.main_cut.preview_direct > div {position:relative; height:1167px; background:#f7f7f7;}
.main_cut.preview_direct_full > div {height:700px;}
.main_cut.preview_direct > div:first-child {margin-bottom:50px;}
.main_cut.preview_direct > div .back_wrap {position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.p_step {position:absolute; top:0; left:0; width:45px; height:45px; margin:0 !important; font-size:15px !important; color:#fff!important; font-weight:500; line-height:44px; background:#333;}
.p_tit {margin-top:30px !important; font-size:14px; line-height:24px}

.main_cut.preview_direct_full > div .back_wrap {width:auto;}

.ul_cut {display:flex; justify-content:center}
.ul_cut li {width:595px; margin:0 7px;}
.point_sec .ul_cut li {position:relative; width:385px;}
.point_sec .ul_cut_full li {width: 595px; margin: 0 7px;}
.dibu_large {width: 800px !important;}
.dibu_large2 {width: 1100px !important;}
.dibu_large3 {width: 1000px !important;}

.point_sec > .main_cut_h {padding: 120px 0 20px 0;}
.point_sec > h3 {margin-top: 40px; font-size: 17px; color: #000; line-height: 25px; text-align: center;}

.color_sec .ul_cut {flex-wrap: wrap; /*justify-content:flex-start*/}
.color_sec .ul_cut li {width: 200px; margin: 30px 20px;}
.sub_box {line-height: 39px;  text-align: center;  background-color: #222450;  width: 70px;  height: 40px; margin-top: 50px; margin-bottom: 30px;}
.sub_box span {color: #fff;}

.ul_cut li img {width:100%; image-rendering: -webkit-optimize-contrast;}
.ul_cut li h3 {margin-top:40px; font-size:17px; color:#000; line-height:25px;}
.ul_cut li p {margin-top:25px; font-size:13px; color:#777; line-height: 22px;}
.ul_cut li p span {margin-top:10px; font-size:12px; color:#777;}
.ul_cut_25 li {position: relative; width: 370px !important;margin: 30px 10px !important;}
.ul_cut_25 li span {position: absolute; right: 0px; width: 100%; height: 30px; padding-top: 5px; bottom: 95px; font-size: 13px; color: #fff; background: #878787; box-sizing: border-box;}
.ul_cut li h3.txt2 {    display: flex;  justify-content: space-around;}



/*
.gdk1 h3 {margin-top:40px; font-size:17px; color:#000; line-height:25px;}
.gdk1 p{margin-top: 25px; margin-bottom: 10px; color: #777;}
.gsk1 h3 {margin-top:40px; font-size:17px; color:#000; line-height:25px;}
.gsk1 p{margin-top: 25px; margin-bottom: 10px; color: #777;}
*/

.sub_h3 { margin-top: 100px; font-size: 17px; color: #000; line-height: 25px; text-align: center;}	

.sub_p {margin-top:100px; font-size:15px; color:#777; line-height:25px; text-align:center;}
.sub_p2 {margin-top:25px; font-size:13px; color:#777; line-height:25px; text-align:center;}
.sub_p span, .sub_p2 span {margin-bottom: 20px; font-size: 17px; color: #000;}
.sub_p span.tip, .sub_p2 span.tip {margin-bottom: 20px; margin-top: 5px; font-size: 16px; font-weight: 100;}
.sub_p span.span_txt_red {color: #ff4040; font-size: 15px !important; font-weight: 100 !important;}
.sub_pb {margin-top:100px; font-size:15px; color:#159fda; line-height:25px; text-align:center;}
.sub_pr {margin-top:100px; font-size:15px; color:#ea0000; line-height:25px; text-align:center;}
.sub_p_info {margin-top: 50px; font-size:15px; color: #c3c3c3;}


/* 테이블 */
.tb1 {width:550px !important; margin:0 auto; border-top:2px solid #333 !important; border-bottom:1px solid #ededed !important;}
.tb1 th {padding:15px 0 !important; font-size:14px !important; font-weight:normal; color:#333 !important; border-bottom:1px solid #ededed !important;}
.tb1 td {padding:15px 0 !important; font-size:13px !important; color:#777; border-bottom:1px solid #ededed !important; text-align: center;}
.tb_p td {padding:10px 0 !important;}
.tb_web {width: 1200px !important; margin: 0 auto !important;}

.tb2 {width:1200px !important; margin:0 auto; border-top:1px solid #333 !important; border-bottom:1px solid #ededed !important;}
.tb2 th {padding:20px 30px !important; font-size:14px !important; font-weight:normal; color:#333 !important; text-align:left !important; line-height:22px; vertical-align: top; border-bottom:1px solid #ededed !important; background:none !important}
.tb2 td {padding:20px 30px !important; font-size:13px !important; line-height:23px; color:#777; text-align:left !important; border-bottom:1px solid #ededed !important; letter-spacing: 0.4px}
.tb2 td button {float:right; padding:7px 17px; color:#999; border:1px dashed #999; border-radius: 20px}
.tb2 td button:hover {color:#222450; border:1px dashed #222450;}
.tb2 td span {margin-right:20px; color:#333;}
.tb2 td span.off {color:#b3b3b3}

.info_sec h2 {margin-bottom:30px; font-size:17px; color:#000; text-align: left;}
.warranty_box {display:none; padding:50px; text-align:left; background:#f7f7f7}
.warranty_box h3 {font-size:15px; color:#333;}
.warranty_box h4 {margin-top:30px; font-size:13px; color:#333;}
.warranty_box p {margin-top:30px; font-size:13px; color:#777;}
.warranty_box ul {margin-top:20px; padding:0;}
.warranty_box ul li {font-size:13px; color:#777;}

.print_box {border-top:1px solid #333; border-bottom:1px solid #eaeaea;}
.bt_x {border-bottom: none !important;}
.print_box ul.print_ul {display:flex; justify-content:space-around; padding:50px 0; border-bottom:1px solid #eaeaea;}
.print_box ul.print_ul li {text-align:center;}
.print_box ul.print_ul li p {margin-top:40px; font-size:14px; color:#333;}
.print_box .ul_default {margin-top:0; padding:50px; background:none}
.print_box .ul_default li {font-size:13px; color:#777;}

.size_sec {display:flex; justify-content: space-between; flex-wrap: wrap;}
#size_go .size_sec {justify-content: center !important;}
.size_sec h2 {margin-bottom:30px; font-size:17px; color:#000; text-align: left;}
.size_sec ul.size_ul {display:flex; justify-content: space-between;}
.size_sec ul.size_ul li {text-align:center;}
.size_sec ul.size_ul li:first-child {margin-right:30px;}
.size_sec ul.size_ul li p {margin-top:20px; font-size:13px; color:#777;}
.size_sec .size_model {}
.size_sec .size_model h2 {display:none;}
.size_ul li .size_p {line-height:23px;}
.size_ul li .size_p span {display:block; margin-bottom:5px; font-size:18px; font-weight:600; color:#111}
.size_sec .ul_default {width:100%; margin-top:0; padding:50px; background:none}
.size_sec .size_img li span.goods {margin-right: 10px; width: 20px;  height: 10px;  background-color: #c62120;}
.size_sec .size_img li span.work {margin-right: 10px;  width: 20px;  height: 10px;  background-color: #b3b3b3;}


/*사진인화 사이즈*/
.printing_size {display: flex; align-items: flex-end; margin-bottom: 100px; justify-content: space-evenly;}
.printing_size li  {margin: 0 25px}
.printing_size li img {width: 100%; image-rendering: -webkit-optimize-contrast;}
.printing_size p { margin: 10px 0; font-size: 13px;	color: #333;}

/*사진인화 최저가격 테이블*/
.printing_tb {position: relative; display: flex; }
.printing_tb .tb_default {margin:0 20px}
.printing_tb .tb_line::after {content: "";  width: 15%;  height: 120%;  position: absolute;  border: 5px solid #222450;  top: -24px;  left: 234px;}
.printing_tb em {font-weight:bold; font-style: normal; color: #222450; font-size: 20px}
.printing_tb .tb_default .notice {font-style: normal; color: #fff; font-size: 20px; background-color: #222450; line-height: 25px;}
.printing_tb .tb_default .notice em {font-weight:bold; font-style: normal; color: #ffdb29; font-size: 25px; line-height: 30px;}

.laundry_img {line-height:35px !important;}
.laundry_img img {width:20px; margin-right:10px; margin-top:-2px; vertical-align: middle; opacity: 0.5}

/* 셀렉트 css */
.cont_wrap .list_wrap .option {text-align:left;}
.cont_wrap .list_wrap .option .right .option_select {width:90px}
.cont_wrap .list_wrap .custom-select .new-select:after {content: ""; position: absolute; top:0; right: 0; width:32px; height:33px; background: url('/apparel/tshirt/img/select_btn.png?t=1') center no-repeat; background-position:0 0;}
.cont_wrap .list_wrap .custom-select .new-select.active:after {background: url('/apparel/tshirt/img/select_btn.png?t=1') no-repeat; background-position:0 -34px;}
.cont_wrap .list_wrap .option .right .option_select .custom-select .new-select {margin-top:1px; font-size:12px; border:none}
.cont_wrap .list_wrap .option .right .option_select .custom-select ul li {font-size:12px;}

/* 리스트 스타일 */
.ul_default {margin-top:40px;}
.ul_default li {margin-bottom:8px; padding-left:9px; text-align: left; background:url(/number/img/bullet.png?t=1) left 10px  no-repeat; background-size:2px; word-break: keep-all;}
.ul_default li:last-child {margin-bottom:0;}

/* 리스트 css */
.list_wrap {padding:70px 0}
.flex_box {display:flex; justify-content: space-between}
.option_box {width:200px; text-align: left;}
.option_box h3 {font-family:'Montserrat', 'YoonGothicPro760', sans-serif; font-size:22px; color:#1a1a1a}
.list_box {width:950px !important; margin:0 !important;}
.list_box .option > div {padding:0 !important}
.cont_wrap .list_wrap .option .right {float:none; margin-top:-7px}
.option_box .nav_h3 {margin-top:40px;}
.option_box .nav_h3 h4.nav_h4 {margin-bottom:15px; font-size: 16px; color: #1a1a1a; font-family: 'Montserrat','YoonGothicPro760', sans-serif;}
.option_box .nav_h3 .sel_box .option_select {width:100%}
.option_box .nav_h3 > ul > li {margin-bottom:15px;}
.option_box .nav_h3 > ul > li.active a {font-family: 'Montserrat', 'YoonGothicPro760', sans-serif; color:#1a1a1a; border-bottom:1px solid #1a1a1a;}
.option_box .nav_h3 > ul > li a {font-size:14px; color:#999;}
.filter_box {margin-top:35px;}
.filter_box h4 {padding-bottom:20px; font-family: 'Montserrat', 'YoonGothicPro760', sans-serif; font-size:14px; color:#1a1a1a; border-bottom:1px solid #eee;}
.filter_box article {padding:23px 0; border-bottom:1px solid #eee;}
.filter_box article h5 {position:relative; font-size:14px; color:#1a1a1a; cursor:pointer;}
.filter_box article h5 button {position: absolute; top: 7px; right: 10px;}
.filter_box article h5 button img {width:12px}
.filter_ul {margin-top:23px;}
.filter_ul li {margin-bottom:15px;}
.filter_ul li:last-child {margin-bottom:0}
.filter_none .filter_ul {display:block; margin-top:0}

/* 리스트 리뉴얼 */
.option_box .new_nav {margin-top: 50px;}
.option_box .new_nav h4.nav_h4 {margin:40px 0 0 0; cursor: pointer;}
.option_box .new_nav ul {margin-top:25px;}
.option_box .new_nav ul {display:none;}
.option_box .new_nav ul.active {display:block;}
.option_box .new_nav ul li a {font-size:13px; color:#a6a6a6;}
.option_box .new_nav ul li a {position:relative; transition: all .3s ease-in-out;}
.option_box .new_nav ul li.active a {border-bottom: none !important;}
.option_box .new_nav ul li a:hover {color:#1a1a1a; transition: all .3s ease-in-out;}
.option_box .new_nav ul li.active a:after {width:100%;}
.option_box .new_nav ul li a:after {content:""; z-index: -1; display:block; position: absolute; bottom:-2px; width:0; height:1px; background-color:#1a1a1a; transition: all .2s ease-in-out;}
.option_box .new_nav ul li a:hover:after{width:100%;}

.option_box .new_filter {position:relative; margin-top:70px;}
.option_box .new_filter h4.nav_h4 {font-size: 16px; color: #1a1a1a; font-family: 'Montserrat','YoonGothicPro760', sans-serif;}
.option_box .new_filter button.reset_btn {position:absolute; top:2px; right:0; opacity:0.5; font-size:12px; color:#1a1a1a; transition: .3s}
.option_box .new_filter button.reset_btn img {width:14px; margin-right:7px; vertical-align: sub;}
.option_box .new_filter button.reset_btn:hover {opacity:1; transition: .3s}
.option_box .new_filter article {padding:0; margin:25px 0 0 0; border-bottom:none;}
.option_box .new_filter article h5 {margin-bottom:15px; font-size:13px; cursor:auto;}
.option_box .new_filter .radio_select {display:flex; flex-wrap: wrap;}
.option_box .new_filter .radio_select label {width:44px; height:38px; margin-right:8px; margin-bottom:8px; font-size:11px; line-height:35px;}
.option_box .new_filter .radio_select label:nth-child(8n) {margin-right:0;}
.option_box .new_filter .radio_select.w_full label {width:auto; padding:0 13px;}
.option_box .new_filter .radio_select.w_full label:nth-child(8n) {margin-right:8px;}
.option_box .new_filter .radio_select.color_select label {width:36px; height:35px; margin-right:5px; margin-bottom:5px; border:none;}
.option_box .new_filter .radio_select.color_select label:nth-child(10n) {margin-right:0;}
.option_box .new_filter .radio_select.color_select input:checked + label:before {content:""; z-index: 1; position: absolute; top:0; left:0; width:36px; height:35px; background:url(/apparel/img/icon/color_check@2x.png?t=1) !important; background-size: cover !important;}
.radio_select label:hover {border: 1px solid #d4d4d4;}


.apparel_list {width:100% !important; text-align: left}
.apparel_list li {width:300px !important; height:auto !important; margin:0 25px 70px 0 !important}
.apparel_list li:nth-child(3n) {margin-right:0 !important;}
.apparel_list li:hover div.cover .btn_box {opacity:1}
.apparel_list li div.cover {position:relative; height:380px !important; border-radius:0 !important; background:#f8f9fa !important;}
.apparel_list li div.cover img {width:300px !important; height:380px !important; }
.apparel_list li div.cover .btn_box {z-index:2; opacity:0; position: absolute; top:0; left:0; width:100%; height:380px; line-height:20px; background-color: rgba(0, 0, 0, 0.15); transition:0.3s}
.apparel_list li div.cover .btns {display:flex; justify-content: space-between; position: absolute; bottom:0; left:0; width:100%; height:60px; padding:0 10px; box-sizing:border-box;}
.apparel_list li div.cover .btns button {width:49%; height:50px; font-size:13px; color:#fff; background:#222450;}
.apparel_list li div.cover .btns button:first-child {background:#999;}

/*품절시_리스트*/
.apparel_list li div.cover .soldout_btns {display:flex; justify-content: space-between; position: absolute; bottom:0; left:0; width:100%; height:60px; padding:0 10px; box-sizing:border-box;}
.apparel_list li div.cover .soldout_btns button {width:100%; height:50px; font-size:13px; color:#fff; background:#989898;}

/*품절시_페이지*/
article.right_wrap .soldout_btn_make {float:none;}
article.right_wrap .soldout_btn_make a { height: 60px; font-size:16px; background-color: #989898; color: #fff; padding: 20px 15px; box-sizing: border-box; display: inline-block}


.apparel_list li div.cover .btn_box .full_box {width:100%}
.apparel_list li div.cover .btn_box .full_box button {width:100% !important; line-height:20px}
.apparel_list li div.info div {display: flex;}
.apparel_list li div.info div p {margin-right:4px !important; padding: 5px 0;}
.apparel_list li div.info div.color {margin-top:7px;}
.apparel_list li div.info div.color span {display:block; width:4px; height:10px; box-sizing: border-box}
.apparel_list li div.info h4 {margin:15px 0 10px 0 !important;}
.apparel_list li div.info h5 {margin-top:20px;}
.apparel_list li div.info h5 .logo {display:inline-block; width: 25px;height: 25px;margin-right: 10px;vertical-align: middle;border-radius: 50%;}
.list_group .apparel_list li p {margin:2px 0 !important;}
.apparel_list li div.info .price_p {color:#000;}
.apparel_list li div.info .price_p span {margin-right:3px; color:#b3b3b3; text-decoration:line-through}
.cont_wrap .list_wrap .option .right .option_select .custom-select ul {width:100%; padding-top:0}
.cont_wrap .list_wrap .option .right .option_select .custom-select ul li {width:100%; margin:0;}

/* 라벨 */
div.label_default_middle {z-index: 1; width: 100%; position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); color: #fff; padding: 20px 30px;}
div.label_default_middle p {font-size: 17px; margin-bottom: 5px; color: #fff;}
div.label_default_middle span {font-size: 13px; color: #fff;}
div.label_default_middle span.blur {font-size: 16px; color: #d1d1d1 !important;}

div.label_default_left {z-index: 1; width: 100%; position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); color: #fff; padding: 20px 30px; text-align: left;}
div.label_default_left p {font-size: 17px; margin-bottom: 5px; color: #fff;}
div.label_default_left span {font-size: 13px; color: #fff;}
div.label_default_left span.blur {font-size: 16px; color: #d1d1d1 !important;}

div.label_default {z-index: 1; width: 75px;height: 75px;display: table;text-align: center;position: absolute;top: 0;right: 0; background:#b2b2b2;}
div.label_default p {display: table-cell; vertical-align: middle; font-size:12px !important; color:#fff !important}
div.label_default.l_event {background:#eda9a7}
div.label_default p.event { color:#fff !important}

.label_all {position:absolute; bottom:2px; right:7px; display:flex}
.bottom_label {}
.bottom_label span {display: inline-block; height: 22px;margin-left: 4px;margin-top: -1px; padding:0 7px; font-size: 11px !important;color: #222450 !important;font-weight: 500;line-height: 20px;text-align: center;border: 1px solid #222450 !important;box-sizing: border-box;vertical-align: middle;}
.bottom_label span.l_hit {color: #fff !important;border: 1px solid #ff7373 !important; background: #ff7373;}
.bottom_label span.l_new {color: #ff4040 !important; border: 1px solid #ff4040 !important;}

span.new_full {padding: 1px 10px !important;  height: 18px; width: auto; margin-left: 0;}
span.new_lun {padding: 1px 7px !important;  height: 18px; width: auto;}
span.new_design  {margin: 0 0 1px 7px; padding: 1px 7px 1px 7px;  vertical-align: text-bottom;  background-color: #ea0000;  border-radius: 15px;  color: #fff;  font-size: 12px; line-height: 17px;}
span.cutline_gray {color: #9E9E9E !important; border: 1px solid #9E9E9E !important; margin: 0 7px 0px 0px; padding: 1px 7px 1px 7px; vertical-align: text-bottom; font-size: 12px; line-height: 13px;}
span.cutline_red {color: #FF4040 !important; border: 1px solid #FF4040 !important; margin: 0 7px 0px 0px; padding: 1px 7px 1px 7px; vertical-align: text-bottom; font-size: 12px; line-height: 13px;}

/*마우스 패드 리스트 팝업*/
.edit_notice {display: inline-block;position: absolute;}
.edit_notice p {z-index: 9999; color: #ff7373 !important;}
.edit_notice_btn {margin-left:5px; vertical-align: middle; transition: 0.3s; opacity: 0.7; cursor: pointer; padding: 10px 5px 7px;}
.edit_notice_btn:hover {transition:0.3s; opacity:1;}
.edit_notice_btn:hover + .edit_notice_layer {z-index: 9; display:block; position: absolute; bottom: 8px;  left: 151px;} 
.edit_notice_layer img {width: 650px; image-rendering: -webkit-optimize-contrast;}
.edit_notice_layer {display:none;}


/* 편집기 메뉴 */
.menu_con_wrap {display:none;}
.menu_content {border-top:1px solid #f0f0f0; display:flex; flex-wrap: wrap; margin:30px 0 50px 0;}
.menu_content .menu_box {width:33%; margin-top:40px;}
.menu_content .menu_box h4 {margin-bottom:20px; font-size:16px; color:#1a1a1a;}
.menu_content .menu_box ul {display:block;}
.menu_content .menu_box ul li {display:block; margin-bottom:15px; color:#777;}
.menu_content .menu_box ul li.active {color:#1a1a1a; font-size:14px; text-decoration:underline;}

/* 편집기 레이어 */
.edit_box {width:950px !important; margin:0 auto;}
.edit_box nav {position:relative; margin-top:0 !important}
.edit_box nav h4 {font-size:18px; color:#1a1a1a; cursor: pointer;}
.edit_box nav h4.menu_open button {margin:-3px 0 0 5px;}
.edit_box nav .option_select {position:absolute; right:0; top:0;}
.edit_box nav .option_select .selectbox {border:0;}
.edit_box ul {display: flex; width:100%;}
.edit_box ul li {margin-right:30px;}
.btn_change {margin-top:20px; text-align: left;}
.btn_change button {width:100px; height:40px; color:#666; border:1px solid #999; transition: 0.3s}
.btn_change button:hover {color:#222450; border:1px solid #222450; transition: 0.3s}

article.right_wrap .option_title p span.tit {display:block; margin-bottom:5px; font-family: 'Montserrat', 'YoonGothicPro760'; font-size:16px; color:#1a1a1a;}
.preview_swipe {height:700px; background:#f8f9fa}

.quanity_option table td {border-bottom:1px solid #ededed;}
.quanity_option table td.size {padding-top:23px !important; font-size:14px !important; font-weight:500; color:#1a1a1a; vertical-align: top;}
.quanity_option table td.text {padding-right:15px !important; text-align:right; color:#FF0020;}
.quanity_option table td.text span {margin-right:5px; color:#b3b3b3; text-decoration: line-through}
.quanity_option table td.td_select {padding:15px 0 !important; text-align:right;}
.quanity_option table td.td_select div {float:none; width:100%}
.quanity_option table td.td_select .off_box {opacity:0.5;}
.quanity_option dl dt {width:50% !important; font-family:'Montserrat', 'YoonGothicPro760', sans-serif; font-size:13px;}
.quanity_option dl dd {/*width:50% !important;*/}
.quanity_option table td.td_select div.radio_full2 {justify-content: flex-start;}
table td.td_select div.select_full2 {display: flex; justify-content: space-between; flex-wrap: wrap;}
table td.td_select div.select_full2 > .select_wrap {width: 165px;}
table td.td_select div.select_full2 .select_btn {padding: 10px 35px; background-color: #ebebeb; color: #7b7b7b; margin-bottom: 5px; transition: 0.7s;}
table td.td_select div.select_full2 .select_btn:hover {background-color: #737373; color: #fff; transition: 0.7s;}
table td.td_select .select_change {width: 170px;}

.preview_wrap {position:relative;}
.preview_wrap .preview_swipe {padding-top:25px; overflow:hidden;}
.preview_wrap .preview_swipe article img {width:500px;}
.preview_wrap .thumb_swipe {position:absolute !important; top:auto !important; bottom:50px !important; left:0 !important; width:850px; display: flex !important; justify-content: center;}
article.left_wrap .preview_wrap ul.thumb_swipe li {display:block !important; width:75px !important; height:75px !important; margin:5px !important; font-size:12px; color:#b3b3b3; cursor:pointer; border:1px solid #e5e5e5; box-sizing:border-box;}
.preview_wrap .thumb_swipe .swiper-wrapper {display:flex; justify-content: center}
.preview_wrap .thumb_swipe .swiper-slide {width:75px !important; height:75px; margin:0 5px; font-size:12px; color:#b3b3b3; cursor:pointer; border:1px solid #e5e5e5; box-sizing:border-box;}
article.left_wrap .preview_wrap ul.thumb_swipe li img {display:block !important; width:35px !important; margin:8px auto 3px auto;}
article.left_wrap .preview_wrap ul.thumb_swipe li.active {font-weight:normal; color:#222450; border:1px solid #222450}
.preview_wrap .thumb_swipe .swiper-slide-thumb-active {color:#222450; border:1px solid #222450}
.preview_wrap .swiper-button-next, .preview_wrap .swiper-button-prev {width: 15px; height: 30px; margin-top: -15px;}
.preview_wrap .swiper-button-next {right:40px}
.preview_wrap .swiper-button-prev {left:40px}
.preview_wrap .swiper-button-next.swiper-button-white, .preview_wrap .swiper-container-rtl .swiper-button-prev.swiper-button-white {background: url('/apparel/tshirt/img/edit/next2@2x.png?t=1') no-repeat !important; background-size:15px 30px !important;}
.preview_wrap .swiper-button-prev.swiper-button-white, .preview_wrap .swiper-container-rtl .swiper-button-next.swiper-button-white {background: url('/apparel/tshirt/img/edit/prev2@2x.png?t=1') no-repeat !important; background-size:15px 30px !important;}
.preview_wrap .swiper-button-next.swiper-button-disabled, .preview_wrap .swiper-button-prev.swiper-button-disabled {opacity:0.2 !important}

/* 고객센터 */
.nav_box {}
.nav_box div {position:absolute; right:0; top:0; z-index:9;}
.nav_box div a {font-size:12px; color:#999;}
.nav_box div a.active {color:#333; cursor: auto}
.nav_box div span {margin:0 5px; font-size:13px; color:#999;}

.content_wrap {text-align:left; letter-spacing: 0.3px;}
.content_wrap h2 {font-family: 'Montserrat', 'YoonGothicPro760', sans-serif; font-size:22px; color:#1a1a1a;}

.how_wrap {}
.how_wrap h3 {font-size:18px; color:#1a1a1a; line-height: 30px;}
.how_wrap p {font-size:12px; padding-top: 20px;}
.how_wrap ol {margin-top:20px;}
.how_wrap ol li {margin:0 0 10px 13px; padding-left:2px; list-style: decimal}
.how_wrap ol li img {display:block; margin:20px 0 70px 0; width:100%;}

.guide_wrap {}
.guide_wrap > ul > li {display:flex; margin-bottom:70px; align-items: center;}
.guide_wrap > ul > li img {width:400px; height:250px; margin-right:50px; background:#f7f7f7;}
.guide_wrap > ul > li div {}
.guide_wrap > ul > li div h4 {font-family: 'Montserrat', 'YoonGothicPro760', sans-serif; font-size:16px; color:#1a1a1a;}
.guide_wrap > ul > li div p {margin-top:20px; font-size:13px; line-height:23px; word-break: keep-all; color:#999;}

.inquiry_wrap {font-size:14px; line-height:24px; color:#666;}
.inquiry_wrap p a {text-decoration: underline; font-weight:500; color:#1a1a1a;}

.request_ul {display:flex; justify-content: space-between; margin-top:50px;}
.request_ul li {width:48%; border-radius:20px; color:#1a1a1a; background:#f0f0f0; transition:.3s}
.request_ul li:hover {transition:.3s; box-shadow: 3px 3px 10px 0px #f5f5f5;}
.request_ul li.kakao {background:#ffda37 url('/apparel/img/help/kakao.png?t=1') 290px -55px no-repeat; background-size:47%;}
.request_ul li a {display:block; padding:50px 40px;}
.request_ul li .btn {margin-bottom:40px; color:#1a1a1a;}
.request_ul li .btn span {display:block; margin-bottom:20px; font-size:24px; font-weight:700; color:#1a1a1a;}
.request_ul li .btn img {width:22px; margin-left:7px; vertical-align: middle}
.request_btn {float:right; margin-top:30px; font-size:15px; color:#999; text-decoration: underline;}
.request_btn img {width:25px; margin-right: 10px; margin-top:-2px; vertical-align: middle;transition: 0.3s;opacity: 0.4;cursor: pointer;}
.request_btn:hover {color:#333; transition:0.3s; }
.request_btn:hover img {transition:0.3s; opacity:0.9;}

.request_ol {margin-top:20px;}
.request_ol li {margin:0 0 10px 13px; padding-left:2px; list-style: decimal}

.writing_ul li div {padding-top:10px !important;}

.faq_list {border-top:1px solid #1a1a1a;}
.faq_list li {position:relative; font-size:14px; border-bottom:1px solid #ececec;}
.faq_list li.question {padding:20px 30px; cursor: pointer;}
.faq_list li.question em {font-style: normal; margin-right:10px; color:#1a1a1a;}
.faq_list li.question button {position:absolute; top:16px; right:25px; width:30px; height:30px; background: url('/apparel/img/help/arrow_down.png?t=1') center no-repeat }
.faq_list li.complete {color:#000;}
.faq_list li.complete button {background: url('/apparel/img/help/arrow_up.png?t=1') center no-repeat}
.faq_list li.answer {padding:30px; box-sizing: border-box;}
.faq_list li.answer::after {content: ""; display: table; clear: both;}
.faq_list li.answer .title {float:left; width:3%; font-size:17px; font-weight: bold; color:#ff4c4c}
.faq_list li.answer .content {float:left; width:97%; font-size:13px; line-height:24px; color:#666; word-break: keep-all}
.answer {display: none}

/*납품사례*/
.delivery_case {padding-top:  60px !important;}
.delivery_case li div.cover {height: 300px !important;}
.delivery_case li div.cover .btn_box  {height: 300px !important;}
.delivery_case li div.cover > img {height: auto !important;}
.delivery_case li div.cover .btns button {width: 73% !important; background-color: #1a1a1a;}
.delivery_case li div.cover .btns button:first-child {width: 25% !important; background-color: #e5e5e5;}
.delivery_case li div.cover .btns button:first-child img {display:inline-block; width:30px !important; height:auto !important;}


/* NEWS CSS */
/* notice */
#notice_content { position:relative; }
#notice_content h2 { padding-bottom:10px; }
#notice_content .notice_box th { height:25px; line-height:25px; background:#f6f6f6; border-top:1px solid #222450; border-bottom:1px solid #e8e8e8; text-align:center;}
#notice_content .notice_box td {padding:0;}
#notice_content .notice_box td img {vertical-align:middle;}
#notice_content .notice_box td a {vertical-align:middle;}

/* 견적문의 */
#bp_content {padding-bottom:70px; text-align: left !important;}
#bp_content .bp_write {padding:0 !important; border:none !important;}
#bp_content .impt {color:red; margin-left:5px;}
#bp_content .bp_write .bp_table .bp_left {padding:15px 20px !important;}
#bp_content .bp_write .bp_table .bp_right {padding:15px 20px !important;}
#bp_content .bp_write .contents_list li select, ul.contents_list li input {padding:0 15px !important;}
#bp_content #tel1 {width:80px !important;}

.request_wrap > ul > li img {width:250px; height:250px; margin-right:70px; background:#f7f7f7; border-radius: 50%;}

.copyright_box {display:none; margin-top:70px; padding:30px; border:1px solid #e5e5e5; border-radius: 20px;}
.copyright_box h4 {font-family:'Montserrat', 'YoonGothicPro760', sans-serif; font-size:18px; color:#1a1a1a;}
.copyright_box ul {margin-top:20px;}
.copyright_box ul li {word-break: keep-all; margin-top:10px; margin-left:15px; list-style: disc; font-size:12px;}

.pop_cpbtn {display:block; margin:10px 0 20px 0; font-size: 12px;text-decoration: underline;color: #666;}

/* 쿠폰 레이어 */
.cp_box {display:none; z-index:9; position:absolute; top:80px; right:0px; width:310px; min-height:200px; height:auto; padding:25px 20px; background:#fff; border:2px solid #1a1a1a; box-sizing:border-box;}
.cp_box h5 {font-family:'Montserrat', 'YoonGothicPro760', sans-serif; font-size:18px; color:#1a1a1a; }
.cp_box article {margin-top:20px;}
.cp_box article div {position:relative; margin-top:15px;}
.cp_box article div p.tit {font-size:13px; color:#333; font-weight:bold;}
.cp_box article div dl {margin-top:10px;}
.cp_box article div ul {margin-top:7px;}
.cp_box article div ul li {width:100%; position:relative; font-size:12px; margin-top:3px; cursor: default}
.cp_box div.btns {margin-top:20px; display:flex; justify-content: space-between}
.cp_box div.btns button {width:49%; height:35px; font-size:12px; background:#1a1a1a; color:#fff;}
.cp_box div.btns button.my {color:#1a1a1a; background:#d5d5d5;}
.cp_box h6 {padding-bottom:10px; font-family:'Montserrat', 'YoonGothicPro760', sans-serif; font-size:14px; color:#1a1a1a; border-bottom:1px solid #e5e5e5}
.cp_close {position:absolute; top:17px; right:17px;}
.cp_close img {width:19px;}
.cp_box article div ul li .cp_down {position:absolute; right:0; top:-6px; display:inline-block;}
.cp_box .cp_down {position:absolute; right:0; top:-3px; padding:3px 5px; margin-top:5px; font-size:11px; border:1px solid #1a1a1a;}
.cp_box .cp_down img {width:13px; margin-right:5px;}

span.normal .cp_down { padding:3px 5px; margin-top: -2px; margin-left: 5px;font-size:11px; border:1px solid #1a1a1a;}
span.normal .cp_down img {width:13px; margin-right:5px;}


.wide_wrap {overflow-y: hidden}
.list_box .nav_box div {top:-1px !important}

.tshirt_option .b-close {right:0}
.tshirt_option .b-close img {display:none;}

/* 디자인 리스트 추가 */
.design_box {display:inline-block; margin-left:15px; font-size:12px; color:#999;}
.design_list {}
.design_list li div.cover {padding: 105px 65px; line-height:165px; text-align: center; background:#f7f7f7; box-sizing: border-box;}
.design_list li div.cover img {display:inline-block; width:auto !important; height:auto !important; max-width: 100% !important; max-height: 100% !important; vertical-align: middle; filter: drop-shadow(3px 3px 3px #d9d9d9);}
.design_tooltip {display: inline-block; font-size: 12px; color: #999; width: 100%; background: #f7f7f7; margin-top: 40px; padding: 9px 0;}

/* 퍼블로그 리스트 추가 */
.products_list {}
.products_list li div.cover {padding: 95px 35px; line-height:185px; text-align: center; background:#f8f9fa !important; box-sizing: border-box;}
.products_list li div.cover img {width:auto !important; height:auto !important; max-width: 100% !important; max-height: 100% !important; vertical-align: middle;}

/* 셀렉트 css */
.select_all {display:flex; margin-top:25px;}
.select_all .sel_box {margin-right:10px;}
.sel_box .option_select {width:170px}
.sel_box .custom-select .new-select {height:35px !important; line-height:33px !important; border:1px solid #e5e5e5 !important}
.sel_box .custom-select .new-select:after {content: ""; position: absolute; top:0 !important; right: 0; width:32px; height:33px; background: url('/apparel/tshirt/img/select_btn.png?t=1') center no-repeat; background-position:0 0;}
.sel_box .custom-select .new-select.active:after {background:url('/apparel/tshirt/img/select_btn.png?t=1') no-repeat; background-position:0 -34px;}
.sel_box .option_select .custom-select .new-select {font-size:12px}
.sel_box .option_select .custom-select ul {border:1px solid #e5e5e5 !important}
.sel_box .option_select .custom-select ul li {height:35px !important; line-height:35px !important; font-size:12px;}

.tooltip_box {display:flex; align-items: center; clear: both; margin-left:20px; padding-top:15px; text-align:left;}
.tooltip_box p {margin-left:13px;}
.tooltip_box img {width:31px; height:31px;}

/* 쿨론 컨텐츠 추가 */
.coolon_sec .coolon_box {margin-top:150px; text-align: center; background:#14779f}

/* 소재별 편집 유의사항 */
.cool_notice {border-top:1px solid #333; border-bottom:1px solid #eaeaea;}
.cool_notice ul.cool_notice_ul {display:flex; justify-content: space-between; padding:80px 0; border-bottom:1px solid #eaeaea;}
.cool_notice ul.cool_notice_ul li {position:relative; text-align:center;}
.cool_notice ul.cool_notice_ul li .material {padding: 5px 15px; background: #333; margin: 0 auto 30px; width: fit-content; font-size: 14px !important; color: #fff; font-weight: 500; text-align: center; box-sizing: border-box; vertical-align: middle; border-radius: 25px; }

.cool_notice ul.cool_notice_ul li p  {display:block; line-height:23px;margin-top:40px; font-weight:600; font-size:18px; color:#333;}
.cool_notice ul.cool_notice_ul li h4 {display:block; margin-bottom:5px; font-size:14px; color:#777;}
.cool_notice_ul .label_box {position:absolute; top:60px; left:0;}
.cool_notice_ul .label_box span {display:inline-block; height:33px; padding:7px 10px; font-size:12px; color:#666; background:#f7f7f7}
.cool_notice_ul .label_box span.sub2 {position:absolute; top:140px; left:0; width:100%;}

/* 패드류 추가 */
.apparel_list li div.cover .list_pad_r {position: absolute; top: 40%; left: 40%; transform: translate(-33.5%, -24.5%)}
.apparel_list li div.cover .list_pad_r img {width: 100% !important; height: auto !important; transform: none !important;}
.apparel_list li div.cover .list_pad_c {position: absolute; top: 40%; left: 45%; transform: translate(-41%, -26.5%)}
.apparel_list li div.cover .list_pad_c img {width: 100% !important; height: auto !important; transform: none !important;}
.apparel_list li div.cover .list_pad_l {position: absolute; top: 20%; left: 10%; transform: translate(-6%, 46.5%)}
.apparel_list li div.cover .list_pad_l img {width: 100% !important; height: auto !important; transform: none !important;}
.thumb_pad_l {padding:10px !important;}
article.left_wrap .preview_direct_full ul.tab_btn_wrap li.thumb_pad_l img {width:100% !important;}

.main_cut.preview_direct_pad {width:850px !important; padding: 100px; background:#f8f9fa}
.main_cut.preview_direct_pad img {width:550px; padding: 0 !important}


/* 멀티액자 추가 */
/* 거치대 버튼 */
.stand {width: 100%; padding-top: 185px; text-align: center; background-attachment: fixed; box-sizing: border-box;}
.stand .btns {margin-top:50px;}
.stand .btns a {display:inline-block; width:150px; height:45px; padding-top:11px; margin:0 4px; font-size:14px; color:#333; border:1px solid #ccc; box-sizing:border-box; transition: .3s}
.stand .btns a:hover {border:1px solid #333; transition:.3s}
.stand h3 {margin-top: 40px; font-size: 17px; color: #000;}
.stand .sub_p {margin-top: 10px; font-size: 13px; color: #777;}

/* 옵션 */
.multiframe_option {background: #f3f3f3; padding: 30px 40px; box-sizing: border-box;}
.multiframe_option::after {content: ""; display: block; clear: both;}
.multiframe_option img.option2_img1 {float: left; display: inline-block; margin: 0 0 0 30px;}
.multiframe_option img.option2_img2 {float: right; display: inline-block; margin: 0 80px 0 0px;}
.multiframe_option dl {float: left; display: inline-block; margin:25px 0px 0 50px; text-align: left;}
.multiframe_option dl h2 {font-size: 16px; font-weight: bold; margin-bottom: 10px; color: #010101;}
.multiframe_option dl p {font-size: 15px; color: #666; line-height: 28px;}	

/* 스와이프 */

.con_swipe, .con_swipe2 {position:relative; overflow:hidden; width:1200px; margin:0 auto; text-align: center;}
.con_swipe img, .con_swipe2 img {width:850px; margin:0 auto;}

.con_swipe p, .con_swipe2 p {left: 175px; top: 10px; width: 850px; background-color: #fff; position: relative; font-size: 17px; color: #000; padding: 50px; line-height: 26px;}
.con_swipe > span, .con_swipe2 > span {position: absolute; top: 0; right: 175px; width: 70px; height: 45px; padding-top: 13px; color: #fff; background: #878787; box-sizing: border-box;}
.con_swipe p span  {font-size: 13px; color: #777; margin-top: 10px;}

.con_swipe .swiper-button-prev, .con_swipe2 .swiper-button-prev {top: 50% !important; width:50px; height:50px; margin-top:-25px; left:70px; background:url('/products/img/preview/multiframe/TF10/A_prev.png?t=1') center no-repeat;}
.con_swipe .swiper-button-next, .con_swipe2 .swiper-button-next {top: 50% !important; width:50px; height:50px; margin-top:-25px; right:70px; background:url('/products/img/preview/multiframe/TF10/A_next.png?t=1') center no-repeat;}

.con_swipe p.p_desc, .con_swipe2 p.p_desc {opacity: 60%; position: absolute; left: 175px; top:auto; bottom: 0; width: 850px; background-color: #000; font-size: 16px; color:#fff; padding: 20px !important; line-height:25px;}
.con_swipe p.p_desc em, .con_swipe2 p.p_desc em {font-family:'Montserrat', 'YoonGothicPro720', sans-serif; font-size: 13px; font-style: normal;}

.model_sec .multif p {left: 175px; top: 10px;  width: 1025px; position: absolute; padding: 0 !important;}
.model_sec .multif p span {position: absolute; right: 175px; width: 70px; height: 70px; padding-top: 20px;  color: #fff;  background: #878787; font-size: 13px;  margin-top: -10px;  }

/* 연관 상품 */
.relation_box {margin-top:40px; text-align: left;}
.relation_box h4 {font-size:12px}
.relation_box .info {display:flex; align-items: center; margin-top:10px; padding-top:10px; border-top:1px solid #e5e5e5;}
.relation_box .info > img {width:100px}
.relation_box .info div {width:47%; margin-left:5px;}
.relation_box .info div h5 {margin-bottom:5px; font-size:16px;}
.relation_box .info div p {font-size:12px; color:#ff4040}
.relation_box .info div p span {margin-right:5px; color:#aaa; text-decoration: line-through;}
.relation_box .info button {padding:18px; background:#ccc}
.relation_box .info button img {width:25px;}

/* 에코백 */
.p_box {margin-top:70px; padding:20px 0; background:#f3f3f3;}
.processing_btn {width:20px; margin-left:5px; vertical-align: middle; transition: 0.3s; opacity: 0.4; cursor: pointer;}
.processing_btn:hover {transition:0.3s; opacity:1;}
.processing_layer {display:none;}
.processing_btn:hover + .processing_layer {z-index: 9; display:block; position:absolute; top:50px; left:0; width:430px; padding:30px 0 0 0; background:#fff; border:1px solid #e5e5e5; box-sizing: border-box;} 
.processing_layer h5 {padding:0 30px; font-size:18px; color:#1a1a1a; font-weight:600;}
.processing_layer h4 {padding:20px 30px; font-size:13px; color:#1a1a1a; font-weight:600; text-align: center;}
.processing_layer ul {padding:30px 20px; display:flex; justify-content: space-between;}
.processing_layer ul li {width:50%; text-align: center;}
.processing_layer ul p {margin-top:20px; font-size:12px; color:#666; font-weight: normal;}
.processing_layer > p {padding:10px 0; text-align: center; font-size:12px; color:#999; font-weight: normal; background:#f3f3f3;}
.processing_layer span {padding:10px 30px; font-size:13px; color:#1a1a1a; font-weight:600; background-color: #f7f7f7; border-radius: 20px; margin-bottom: -20px; }

/* 툴팁 레이어 */
.notice_btn {width:20px; margin-left:5px; vertical-align: middle; transition: 0.3s; opacity: 0.4; cursor: pointer;}
.notice_btn:hover {transition:0.3s; opacity:1;}
.notice_layer {display:none;}
.notice_btn:hover + .notice_layer {z-index: 9; display:block; position:absolute; top: 48px; left:0px; width:auto; padding:10px 15px; background:#1a1a1a !important; box-sizing: border-box; white-space: nowrap; border-radius: 5px; color: #fff !important; font-weight: normal;}
.notice_btn:hover + .notice_layer ul li {list-style: disc; list-style-position : inside}

/* 실시간 배송안내 툴팁 레이어*/
.notice_btn:hover + .notice_layer.notice_delivery {z-index: 9; display:block; position:absolute; top: 77px; left:0px; width:auto; padding:7px 15px; background:#1a1a1a; box-sizing: border-box; white-space: nowrap; border-radius: 5px;}

/*.notice_layer:before {border: solid; border-color: transparent #1a1a1a; border-width: 7px 7px 7px 0; content: ""; left:-5px; top:9px; position: absolute;}*/
.notice_layer > p {font-size:12px; color:#fff; font-weight: normal; letter-spacing: 0.4px;}

/* 툴팁 레이어2 */
.notice_layer.notice_layer_txt1 span.op_tit {font-weight: 600; font-size: 14px; padding-bottom: 10px;}
.notice_layer.notice_layer_txt1 p { padding: 10px;}


/* 툴팁 레이어 - 포토카드, 투명포토카드*/
.photocard.notice_btn {width:20px; margin-left:5px; vertical-align: middle; transition: 0.3s; opacity: 0.4; cursor: pointer;}
.photocard.notice_btn:hover {transition:0.3s; opacity:1;}
.photocard.notice_layer {display:none;}
.photocard.notice_btn:hover + .notice_layer {z-index: 9; display:block; position:absolute; top:0px; left:70px; width:auto; padding:7px 15px; background:#fff; box-sizing: border-box; white-space: nowrap; border-radius: 5px; border: 1px solid #dcdcdc}
	
.photocard .notice_layer:before {border-width: 0px !important; content: ""; left:-7px; top:9px; position: absolute;}
/*.notice_layer:before {border-width: 7px 7px 7px 0; content: ""; left:-7px; top:9px; position: absolute; border: 1px solid #dcdcdc}*/
	
.photocard.notice_layer > ul{font-size:12px; color:#333; font-weight: normal; letter-spacing: 0.4px; padding: 10px 0px 0px 10px; width: 400px;  margin: 2%;  border-top: 1px solid #dddddd;}
.photocard.notice_layer ul li { padding: 2px 0!important; text-align: left; font-size: 12px; color: #999;  font-weight: normal; letter-spacing: -0.5px; list-style: disc;}
.photocard.notice_layer p.list {padding: 2px 0px 15px!important; text-align: left; font-size: 12px; color: #333;  font-weight: normal; letter-spacing: -0.1px;}
.photocard.notice_layer > h5 {padding: 20px  10px 10px; font-size: 18px; color: #1a1a1a;  font-weight: 600;}
.photocard.notice_layer > h6  { font-size: 12px; color: #1a1a1a;  font-weight: 700;}	



/* 툴팁 레이어 - 아래쪽 */

.tooltip {position: relative;display: block;}
.tooltip .tooltiptext {font-weight: normal;
    font-size: 12px;
    visibility: hidden;
    width: 100%;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    letter-spacing: 0.4px;
}
.tooltip:hover .tooltiptext { visibility: visible;}
.tooltip .tooltiptext::after { content: " "; position: absolute; border-style: solid; border-width: 5px;}
.tooltip .tooltip-bottom {width: 200px;top: 130%;left: 50%;margin-left: -60px;}
.tooltip .tooltip-bottom::after {bottom: 100%; left: 50%;margin-left: -5px; border-color: transparent transparent black transparent;}


/* 스마트톡 */
.smarttok .notice {background: #f3f3f3; padding: 30px 40px; box-sizing: border-box;}
.smarttok .notice::after {content: ""; display: block; clear: both;}
.smarttok .notice dl {display: inline-block; text-align:center;}
.smarttok .notice dl h2 {font-size: 16px; font-weight: bold; margin-bottom: 10px; color: #010101;}
.smarttok .notice dl p {font-size: 15px; color: #666; line-height: 28px;}

/* 옵션 추가 */
.size_full {display:flex; align-items: center;}
td .multiply {margin:0 10px}
td div.input_box {position: relative; display:flex; align-items: center; width: 137px; height: 40px; padding: 0 15px; border: 1px solid #d4d4d4; box-sizing: border-box; cursor: auto !important;}
td div.input_box span {cursor: auto !important;}
td div.input_box input {width: 100%; height: 38px; padding: 0 5px 0 0; font-size: 13px; text-align:right !important; color: #000; text-align: center; border: none;}
td div.input_two {width: 165px !important;}
td div.input_one {width: 100% !important;}
.select_wrap {position:relative; margin:0px 0px 6px 0px!important; cursor: pointer;}
.select_wrap h4 {padding: 10px 15px !important; margin-top:0 !important; border: 1px solid #d9d9d9;}
.select_wrap h4 span {font-size:12px; color:#666; font-weight:normal; }
.select_wrap button.more_btn {position:absolute; top:18px; right:15px }
.select_wrap button.more_btn img {width:13px;}
.select_wrap .more_box {display:none; z-index:9; position:absolute; top:0; left:0; width:100%; max-height:300px; border:1px solid #d9d9d9; background:#fff; overflow-y: auto; overflow-x: hidden;}
.select_wrap .more_box li {display:flex; align-items: center; float:none; width:100%; padding:5px 10px; font-size:12px !important; text-align: left; border-bottom:1px solid #f2f2f2}
.select_wrap .more_box li img {width:70px; margin-right:15px;}
.select_wrap .more_box li:first-child {padding-top:10px}
.select_wrap .more_box li:last-child {padding-bottom:10px; border:none;}
.select_wrap .more_box li:hover {background:#f8f9fa}
.select_wrap .more_box li:hover p {text-decoration: underline; color:#1a1a1a;}
.select_wrap .more_box li span {width:20px !important; height:20px !important; margin-top:-2px !important; border-radius: 0 !important; margin-right: 10px;}

/* 원고지 키링 */
article.right_wrap .td_select .radio_select.text_label label {height:50px; width:70px;}
article.right_wrap .td_select .radio_select.text_label :last-child {margin-right:0;}
/*article.right_wrap .td_select .radio_select.text_label label span{padding:5px; display: block}*/

article.right_wrap .td_select .radio_select.text_label_icon label img{ width:38px; padding-top:7px; padding-bottom: 0; margin: auto }
article.right_wrap .td_select .radio_select.text_label_icon label span{padding:5px; display: block}
article.right_wrap .td_select .radio_select.text_label_icon label {display: table; width: 69px;}
.ul_cut li .sub_p2 {margin-top:0px; font-size:13px; color:#FF0000;}
.option_info1 { width: 20%; padding: 0 90px 0 20px; }

/* 티켓홀더 툴팁 */
.processing_th ul li p {padding-top: 10px;}
.processing_th ul:last-child {padding-top: 20px;}
.processing_btn02:hover + .processing_th {width: 400px !important;}
.processing_btn02:hover + .processing_th2 {width: 300px !important;}
.processing_th2 > img {width: 100%;}

.td_select .tk_text_box {width: 100%; padding: 10px 15px !important; margin-top: 0 !important; border: 1px solid #d9d9d9; resize: none;}
textarea::placeholder { padding: 0px 0 0px 0; font-weight: normal; color: #aaa; text-align: left; font-size: 12px; }
.p_box {margin-top:70px; padding:20px 0; background:#f3f3f3;}
.processing_btn02 {width:20px; margin-left:5px; vertical-align: middle; transition: 0.3s; opacity: 0.4; cursor: pointer;}
.processing_btn02:hover {transition:0.3s; opacity:1;}
.processing_layer02 {display:none;}
.processing_btn02:hover + .processing_layer02 {z-index: 9; display:block; position:absolute; top:50px; left:0; width:500px; padding:30px 0; background:#fff; border:1px solid #e5e5e5; box-sizing: border-box;} 
.processing_layer02 h5 {padding:0 30px; font-size:18px; color:#1a1a1a; font-weight:600;}
.processing_layer02 h4 {padding:20px 20px; font-size:13px; color:#1a1a1a; font-weight:600; text-align: center;}
.processing_layer02 h3 {padding: 5px 0 20px 0; font-size:16px; color:#1a1a1a; font-weight:600; text-align: center;}
.processing_layer02 ul {padding: 0 20px 0px; display:flex; justify-content: space-between;}
.processing_layer02 ul li {width:50%; text-align: center;}
.processing_layer02 ul p {margin-top:20px; font-size:12px; color:#666; font-weight: normal;}
.processing_layer02 > p {padding:10px 0; text-align: center; font-size:12px; color:#999; font-weight: normal; background:#f3f3f3;}
.processing_layer02 > p.title {padding:0 20px !important; background:#ffffff; margin-bottom: 20px;}
.processing_layer02 > p.caution {padding:10px 0; text-align: center; font-size:12px; color:#fff; font-weight: normal; background:#222450;}
.processing_layer02 ul li p {margin-top:0px; font-size:12px; color:#666; font-weight: normal;}

.processing_layer02 .txt_list {display: flex; flex-direction: column; padding:20px 35px 0px!important;}
.processing_layer02 .txt_list li {list-style: disc; text-align: left; width: 100%; padding: 5px 0; font-weight: 400; color: #333;}			


.processing_layer08 {display:none;}
.processing_btn02:hover + .processing_layer08 {z-index: 9; display:block; position:absolute; top:50px; left:0; width:450px !important; padding:30px 0 0 0; background:#fff; border:1px solid #e5e5e5; box-sizing: border-box;} 
.processing_layer08 h5 {padding:0 30px; font-size:18px; color:#1a1a1a; font-weight:600;}
.processing_layer08 h4 {padding:20px 20px; font-size:13px; color:#1a1a1a; font-weight:600; text-align: center;}
.processing_layer08 h3 {padding: 5px 0 20px 0; font-size:16px; color:#1a1a1a; font-weight:600; text-align: center;}
.processing_layer08 ul {padding: 0 20px 20px; display:flex; justify-content: space-between;}
.processing_layer08 ul li {width:47%; text-align: center;}
.processing_layer08 ul p {margin-top:20px; font-size:12px; color:#666; font-weight: normal;}
.processing_layer08 > p {padding:10px 0; text-align: center; font-size:12px; color:#999; font-weight: normal; background:#f3f3f3;}
.processing_layer08 > p.title {padding:0 20px !important; background:#ffffff; margin-bottom: 20px;}
.processing_layer08 > p.caution {padding:10px 0; text-align: center; font-size:12px; color:#fff; font-weight: normal; background:#222450;}
.processing_layer08 ul li p {margin-top:0px; font-size:12px; color:#666; font-weight: normal;}
.processing_layer08 ul li img {width: 190px;}





ul.notice_list {position: relative; display: block; margin-left: 0px; vertical-align: top; text-align: left; top: 0px;}
ul.notice_list li {display: block; padding: 12px 0 0; line-height: 25px;font-size: 15px;}
ul.notice_list li::before {display: inline-block; content:"ㆍ"; padding-right: 7px; font-size: 15px; font-weight: bold; color: #888;}


.notice_img {display: inline-block; vertical-align: middle;}
.content1 {position: relative; width: 600px;}
.content2 {position: relative; width: 600px; text-align: left;}	

/*포토카드 사이즈 가이드*/
.processing_layer02 ul.guide_pop {padding:20px 0px 0px 20px!important; margin: 3%!important; border-top: 1px solid #efefef!important; display: block;}
.processing_layer02 ul.guide_pop li {width: 100% !important; padding: 2px 0!important; list-style: disc !important;  text-align: left; font-size:12px; color:#999; font-weight: normal; letter-spacing: -0.5px;}
.processing_layer02 ul.guide_pop span {font-size: 13px; font-weight: 600; padding-top: 20px;}
.processing_layer02 ul.guide_pop p {margin-top: 0px;}

.select_wrap .more_box_new {max-height: 500px;}
.select_wrap .more_box.more_box_new li {padding:12px 15px;}
.select_wrap .more_box.more_box_new span.menutit { width: 100%;   border-top: 1px solid #333;   padding: 20px 15px 10px;  font-size: 15px;   font-weight: bold;   color: #333;}                        
.select_wrap .more_box.more_box_new span:first-child { border-top: 0px solid #333; }    
.select_wrap .more_box.more_box_new li span.l_hit {  width: 16px !important;  height: 16px !important;  margin-top: 0px !important;  border-radius: 3px !important;}






.ul_cut .img_rendering img {width:100%; image-rendering: auto;}
.select_wrap .more_box .style_abc img {width: auto; margin-right: 15px; height:70px;}
.ul_cut2 {display:flex; justify-content:center; margin-top: 110px}
.ul_cut2 li h3 { margin-top: 140px; margin-left: 100px; text-align:left; font-size: 17px; color: #000; line-height: 25px;}

/*사이즈*/
.guide_size {text-align: center;}
.size_img {text-align: center; display: table; margin: 0 auto;}
.size_img img {margin-top: 10px; vertical-align: bottom;}
.size_img button {width:300px; height:60px; margin-top:70px; font-size:16px;}
.size_img div {display: none; margin-top:0px;}
.size_img ul {margin-bottom: 30px; display: flex;}
.size_img ul.ul_size {width: 1000px; margin-bottom: 30px; display: flex; justify-content: space-between;}
.size_img h3 { font-size: 17px; color: #000; line-height: 25px;}


.size_img p {margin: 12px 0;}
.guide_size {margin-top:30px; text-align: center;}
.guide_size label {display: inline-block; margin:0 0 0 20px; padding-left:20px; font-size:16px; color:#888; cursor: pointer; background: url("https://www.bizfactory.co.kr/include/img/line.png") 0 center no-repeat;}
.guide_size label.first {padding:0; margin:0; background:none;}

.guide_size input:checked + label {font-weight:bold; color:#000;}
.guide_size input#size-1:checked ~ .size_img .size_box1,
.guide_size input#size-2:checked ~ .size_img .size_box2,
.guide_size input#size-3:checked ~ .size_img .size_box3,
.guide_size input#size-4:checked ~ .size_img .size_box4,
.guide_size input#size-5:checked ~ .size_img .size_box5,
.guide_size input#size-6:checked ~ .size_img .size_box6,
.guide_size input#size-7:checked ~ .size_img .size_box7,
.guide_size input#size-8:checked ~ .size_img .size_box8,
.guide_size input#size-9:checked ~ .size_img .size_box9,
.guide_size input#size-10:checked ~ .size_img .size_box10,
.guide_size input#size-11:checked ~ .size_img .size_box11,
.guide_size input#size-12:checked ~ .size_img .size_box12,
.guide_size input#size-13:checked ~ .size_img .size_box13,
.guide_size input#size-14:checked ~ .size_img .size_box14,
.guide_size input#size-15:checked ~ .size_img .size_box15,
.guide_size input#size-16:checked ~ .size_img .size_box16,
.guide_size input#size-17:checked ~ .size_img .size_box17,
.guide_size input#size-18:checked ~ .size_img .size_box18,
.guide_size input#size-19:checked ~ .size_img .size_box19,
.guide_size input#size-20:checked ~ .size_img .size_box20 {display: block;}

.guide_size input[type="checkbox"], .guide_size input[type="radio"] {position: absolute;opacity: 0;z-index: -1;}

/* 공지 등록 - 22.02.21 */
.notice_wrap {background: #f3f3f3; padding: 30px 40px; box-sizing: border-box;}
.notice_wrap::after {content: ""; display: block; clear: both;}
.notice_wrap dl {display: inline-block; text-align:center;}
.notice_wrap dl h2 {font-size: 16px; font-weight: bold; color: #010101;}
.notice_wrap dl p {font-size: 15px; color: #666; line-height: 28px;}

.notice_wrap > p {font-size: 16px; line-height: 30px; }
.notice_wrap > p em {font-weight: bold; font-style: normal;}

/* 유니폼 css - 220301 */
.over_none .left_wrap {position: sticky; top:30px;}
.emb_tb_wrap {display:none;}
.select_wrap .emb_more_box li {border-bottom:none !important;}
.select_wrap .emb_more_box li span {width:35px !important; height:35px !important; margin-right:15px; box-sizing: border-box}

.file_up {background:#444;}
.file_up label.file_label {display: table; width:100%; height:120px; font-size:17px; text-align: center; color:#fff; cursor: pointer; transition:.3s; box-sizing: border-box;}
.file_up label.file_label div {position:relative; display:table-cell; padding:0 30px; vertical-align:middle;}
.file_up label.file_label div img {width:20px; margin-right:5px; vertical-align: bottom;}
.file_up label.file_label div span img {width:16px; margin-right:5px; vertical-align: middle;}
.file_up label.file_label div button {position:absolute; top:17px; right:17px; width:19px; height:19px; background: url('/apparel/tshirt/img/close2@2x.png?t=1') no-repeat; background-size: cover;}
.file_up label.file_label span {margin-top:10px; font-size:12px; line-height:18px; opacity: 0.6;}
.file_up label.file_label:hover {background: #1a1a1a; transition:.3s}
.file_up input.file_input {display:none;}



/* 유니폼 css - 옵션추가공지 */
.processing_layer_emb {display:none;}
.processing_btn:hover + .processing_layer_emb {z-index: 9; display:block; position:absolute; top:50px; left:0; width:500px; padding:20px 0 0 0; background:#fff; border:1px solid #e5e5e5; box-sizing: border-box;} 
.processing_layer_emb ul.list li {display: flex; padding: 2px 10px!important; list-style: none;}	
.processing_layer_emb ul.list { padding: 20px 0px 0px 0px!important;}
.processing_layer_emb h5 {padding:0 30px; font-size:18px; color:#1a1a1a; font-weight:600;}
.processing_layer_emb h6 {padding:5px 10px; font-size:15px; color:#1a1a1a; font-weight:600; text-align: left;}
.processing_layer_emb h6 p {font-size:12px; color:#006fc0; font-weight:400; text-align: left;}
.processing_layer_emb h6 em {color:#006fc0; font-style: normal;}
.processing_layer_emb h6 span {font-size:12px; font-weight:400; padding: 3px 0px 7px;}
.processing_layer_emb ul {padding:20px 0px 0px 20px; list-style: disc !important; width: 460px; margin: 3%; border-top: 1px solid #efefef;}
.processing_layer_emb ul li {padding: 2px 0!important; text-align: left; font-size:12px; color:#999; font-weight: normal; letter-spacing: -0.5px;}
.processing_layer_emb ul li img {height:50px; width:50px; margin-right: 10px;}
.processing_layer_emb ul.line_none {padding-top:0 !important; margin-top:0 !important; border-top:none !important;}
.processing_layer_emb ul.line_none li {font-size:12px; font-weight:500; color:#1a1a1a;}

/* 공지 레이어 */
.click_btn {width:20px; margin-left:5px; vertical-align: middle; transition: 0.3s; opacity: 0.4; cursor: pointer;}
.box_open {z-index: 9; position:absolute; top:50px; left:0; width:500px; padding:20px 0 0 0; background:#fff; border:1px solid #e5e5e5; box-sizing: border-box;}
.box_open button.close_btn {position:absolute; top:20px; right:20px; width:19px; height:19px; background: url('/apparel/img/icon/close_blk@2x.png?t=1') no-repeat; background-size: cover;}

/* 아크릴 타입 추가 */
.type_box, .clip_box, .light_box {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.bg_box {position: absolute; top: 0; left:0; width:100%;}
/* 원형 */
.clip_circle_box .type_box {height: 350px;}
.clip_circle_box .clip_box {height: 250px;}
/* 자유형 */
.clip_free_box .type_box {height: 290px;}
.clip_free_box .clip_box {height: 230px;}
/* 자유형2 */
.clip_free_box2 .type_box {height: 295px;}
.clip_free_box2 .clip_box {height: 228px; top: 51.5%; left: 49.8%;}
/* 정사각 */
.clip_square_box .type_box {height: 347px;}
.clip_square_box .clip_box {height: 245px;}
/* 직사각 */
.clip_rect_box .type_box {height: 353px;}
.clip_rect_box .clip_box {height: 255px;}
/* 와이드 */
.clip_wide_box .type_box {height: 387px;}
.clip_wide_box .clip_box {height: 98px;}
/* 타원 */
.clip_ellipse_box .type_box {height: 346px;}
.clip_ellipse_box .clip_box {height: 255px;}
/*원고지형*/
.clip_text_box .type_box {height: 350px;}
.clip_text_box .clip_box {height: 93px;}
/*큐브형*/
.clip_cube_box .type_box {height: 350px;}
.clip_cube_box .clip_box {height: 270px;}

article.left_wrap .preview_direct ul.bg_all_box li:first-child img {position: relative; width: 100% !important; padding:0; top:auto; left:auto; transform: none;}
article.left_wrap .preview_direct ul.bg_all_box li .type_box {height: auto;}
article.left_wrap .preview_direct ul.bg_all_box li .clip_box {width:29%; height:auto;}

.light_box {opacity:0.8; height: 350px; animation: light_move 3s ease 1s infinite;}
@keyframes light_move {
    0% {top:0; left:0;}
    50% {opacity:0.5;}
    100% {opacity:0.8; top:100%; left:100%;}
 }

.radio_select label span.tooltip {display: none !important; z-index: 9; position:absolute; top:80px; left: -40px; width:150px; height:150px; border:2px solid #222450; background:#fff; box-sizing:border-box;}
.radio_select label span.tooltip::after {position:absolute; top:-6px; left:70px; content:""; width: 0px;height: 0px;border-top:4px solid none;border-bottom:4px solid #222450;border-right: 4px solid transparent;border-left: 4px solid  transparent;}
.radio_select label span.tooltip img {width:100% !important; padding:0 !important;}
.radio_select label:hover > span.tooltip {display: block !important; z-index: 999}



/* 스티커 리뉴얼 220422 */
.sticker_thumb {}
.sticker_thumb .paper_box, .sticker_thumb .paper_box2, .sticker_thumb .shape_box, .sticker_thumb .coating_box {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width:300px;}
.sticker_thumb .paper_box {box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .12);}
article.left_wrap .preview_direct ul.tab_btn_wrap li:first-child .sticker_thumb img {width: auto !important; padding:20px !important;}
.tooltip_full:hover span.tooltip {z-index: 9}
.tooltip_full span.tooltip {display:block !important; top:57px !important; left:0 !important; width:300px !important; height:auto !important; text-align: left;}
.tooltip_full span.tooltip.paper_tooltip1 {}
.tooltip_full span.tooltip.paper_tooltip2 {left:-101px !important;}
.tooltip_full span.tooltip.paper_tooltip2::after {left:145px !important;}
.tooltip_full span.tooltip.paper_tooltip3 {left:-202px !important;}
.tooltip_full span.tooltip.paper_tooltip3::after {left:245px !important;}

.tooltip_full span.tooltip div {padding:25px 20px 20px 20px;}
.tooltip_full span.tooltip div h5 {font-size:17px; color:#1a1a1a;}
.tooltip_full span.tooltip div .tit_explain {font-size:13px !important; color:#c1c1c1!important; margin-top: 5px;}
.tooltip_full span.tooltip div p {padding-top:20px; font-size:11px; color:#666; line-height: 18px; letter-spacing: -0.5px}
.tooltip_full span.tooltip::after {left:45px !important}
.radio_select input:checked + label {z-index: auto !important}

/* 다꾸 스티커 240626 */
.diary_sticker {}
.diary_sticker .paper_box, .diary_sticker .paper_box2, .diary_sticker .shape_box, .diary_sticker .coating_box {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width:300px;}
.diary_sticker .paper_box {box-shadow: 30px 0px 10px 1px rgba(0, 0, 0, .12);}
.diary_sticker .paper_box2 {opacity: 10%;}

/*다꾸 스티커 사이즈별-70x200*/
.diary_sticker .preview_direct .preview_box_70x200 img {width: 200px !important; height: 536px !important; max-width: 100% !important; max-height: 100% !important;}
.diary_sticker .paper_box_70x200, .diary_sticker .paper_box2_70x200, .diary_sticker .shape_box_70x200, .diary_sticker .coating_box_70x200 {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width:200px;}
.diary_sticker .paper_box2_70x200 {opacity: 10%;}

/*다꾸 스티커 사이즈별-90x130*/
.diary_sticker .preview_direct .preview_box_90x130 img {width: 265px !important; height: 378px !important; max-width: 100% !important; max-height: 100% !important;}
.diary_sticker .paper_box_90x130, .diary_sticker .paper_box2_90x130, .diary_sticker .shape_box_90x130, .diary_sticker .coating_box_90x130 {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width:265px; height: 378px}
.diary_sticker .paper_box2_90x130 {opacity: 10%;}


/*다꾸스티커 미리보기-기본사이즈*/
.diary_sticker_preview { position: relative; height: 700px;}
.diary_sticker_preview.preview_box_full img {width: 100%;}
.diary_sticker_preview .paper_box, .diary_sticker_preview .paper_box2, .diary_sticker_preview .shape_box, .diary_sticker_preview .coating_box {position: absolute; left: 50%;transform: translate(-50%,-50%);width:500px;}
.diary_sticker_preview .paper_box2 {opacity: 10%;}
.diary_sticker_preview.preview_box_full img {width: 100%; height: 700px;}

/*다꾸스티커 미리보기-70x200*/
.diary_sticker_preview.diary_sticker_70x200 .paper_box, .diary_sticker_preview.diary_sticker_70x200 .paper_box2, .diary_sticker_preview.diary_sticker_70x200 .shape_box, .diary_sticker_preview.diary_sticker_70x200 .coating_box {position: absolute; left: 50%;transform: translate(-50%,-50%);width:300px;}

.select_txt {background: #222450; margin: 70px auto 30px; border: 2px solid; text-align: center; font-size: 20px; padding: 20px 30px; font-weight: bold;border-radius: 50px; width: 28%; color: #fff;}




/* phonecase */
.phone_right_wrap .btn_make .basket {background: #1a1a1a;}
.phone_right_wrap .btn_make .basket img {width:25px;}
/*.phone_right_wrap .btn_make a {color:#1a1a1a !important; background: #ffcc45 !important;}*/
.phone_cont_wrap .cont_box {background:#f8f9fa !important}
/*.phone_cont_wrap .cont_box > div > img {width:330px !important;}
*/.phone_cont_wrap .cont_box > div.body_box > img {width:328px;}
.phone_cont_wrap .cont_box > div.p_design_box > img {width:305px;}
.phone_cont_wrap .cont_box > div.p_design_box.s_img > img {width:270px;}

.apparel_list li div.phone_cover {background:#fff !important}
.apparel_list li div.phone_cover .btns {bottom:-100px; transition:.3s}
.apparel_list li div.phone_cover .btn_box {background-color: rgba(0, 0, 0, 0); border-radius: 15px;}
.apparel_list li:hover div.phone_cover .btns {opacity:1; bottom:0; transition:.3s}

.apparel_list li div.phone_cover .btns button {border-radius: 10px;}
/*
.apparel_list li div.phone_cover .btns button:first-child {background: #1a1a1a;}
.apparel_list li div.phone_cover .btns button:last-child {color: #1a1a1a; background: #ffcc45;}
*/

.body_box, .case_box {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }


.wide_wrap .phonecase .left_wrap .tab_default .tab_cont_wrap .cont_box img {width: 80%}

.apparel_list li div.phone_cover > div img {width:240px !important; height:auto !important; backface-visibility: hidden;}
.apparel_list li div.phone_cover > div.body_box img {width:238px !important;}
.apparel_list li div.phone_cover > div.p_design_box img {width:220px !important;}
.apparel_list li div.phone_cover > div.p_design_box.s_img img {width:195px !important;}
/* z플립4 하드 css */
.apparel_list li div.phone_cover > div.szf4_hd img {width:230px !important;}

/* 아이폰 14 이후 부터 사용 */
.apparel_list li div.phone_cover.phone_cover_new {background:#f8f9fa !important}
.apparel_list li div.phone_cover.phone_cover_new > div img {width:220px !important; height:auto !important; backface-visibility: hidden;}
.apparel_list li div.phone_cover.phone_cover_new > div.body_box img {width:218px !important;}
.apparel_list li div.phone_cover.phone_cover_new > div.p_design_box img {width:200px !important;}
.apparel_list li div.phone_cover.phone_cover_new > div.p_design_box.s_img img {width:175px !important;}
/* z플립4 하드 css */
.apparel_list li div.phone_cover.phone_cover_new > div.szf4_hd img {width:210px !important;}

article.left_wrap .preview_direct ul.phone_btn_wrap li:first-child img {position:relative !important; top:0; left:0; transform: none;}
article.left_wrap .preview_direct ul.phone_btn_wrap li:first-child div.body_box > img {width:100% !important; height:auto}
article.left_wrap .preview_direct ul.phone_btn_wrap li:first-child div.p_design_box > img {width:100% !important; height:auto}
/*article.left_wrap .preview_direct ul.phone_btn_wrap li:first-child div.p_design_box > img {width:75% !important; height:auto}*/

.phone_list_case {display:flex; flex-wrap: wrap;}
.phone_list_case li {display:inline-block; width: auto; padding: 0 13px; margin-right: 8px; margin-bottom: 8px; font-size: 11px; line-height: 35px; text-align: center; color:#777; border: 1px solid #d4d4d4; background:#fff; cursor: pointer; transition: all 0.1s ease-in-out; box-sizing: border-box; cursor: pointer}
.phone_list_case li.active {color: #222450; border: 1px solid #222450;}

.phone_clr_wrap {position: relative; margin-top:0 !important; }
.phone_clr_wrap h4 {margin-top:0 !important}
.phone_clr_wrap h4 button {top:15px !important;}
.phone_clr_wrap .more_box {top:50px !important;}

.list_hidden {height:350px; overflow: hidden}
.list_more_btn {display:none;}
.list_more_btn.active {display:block;}
.list_more_btn img {margin-top:10px}



/* 포토카드 리뉴얼 220722 */
.ul_cut_label {position: relative;}
/* 썸네일 내 텍스트*/
.tool_text { position: absolute;  bottom: 0;  left: 0;  width: 100%; padding: 20px 30px;  color: #fff; background-color: rgba(0, 0, 0, 0.6);  box-sizing: border-box;	text-align: left;
    z-index: 9;}
.tool_text p { font-size: 17px; margin-bottom: 5px;}
.photocard_left .preview_direct .preview_box .coating_sum {width: 210px !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); line-height: normal; box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .12);}



	
/*인기옵션*/
.photocard_right .popular_opt {border: 2px solid #d5d5d5; padding: 0 20px 20px;}
.photocard_right .popular_opt button.select_chain {margin-right: 5px;}
.photocard_right .popular_opt button.select_chain img {width: 13px; vertical-align: middle;}
.photocard_right .popular_opt h4 { padding: 7px 0 17px 0;}
.photocard_right .popular_opt .radio_select {display:flex; justify-content: center; align-items: center; }
.photocard_right .popular_opt .radio_select label {padding:0 20px; height: 60px !important; color:#bfbfbf; cursor: pointer; transition: .3s; background: url('https://s3.ap-northeast-2.amazonaws.com/image.publog.co.kr/products/gift/content/checkbox_off.jpg?t=1') no-repeat;  position: relative;   display: flex; align-items: center; justify-content: end;  text-align: right;}
.photocard_right .td_select .popular_opt .radio_select label { padding: 20px; height: 60px !important;  color: #bfbfbf;  cursor: pointer;  transition: .3s;  background: url(https://s3.ap-northeast-2.amazonaws.com/image.publog.co.kr/products/gift/content/checkbox_off.jpg?t=1) no-repeat; position: relative;  display: flex !important;  align-items: center;  justify-content: end;  text-align: left;
    border: 0px;}

.photocard_right .popular_opt .radio_select label > span {font-size: 13px;}
.photocard_right .popular_opt .radio_select label p {font-size: 11px;}
.photocard_right .popular_opt .radio_select label:hover {color:#292d86; transition: .3s; background: url('https://s3.ap-northeast-2.amazonaws.com/image.publog.co.kr/products/gift/content/checkbox_hover.jpg?t=1') no-repeat;}	
.photocard_right .popular_opt .radio_select input:checked + label {color: #fff; background: url('https://s3.ap-northeast-2.amazonaws.com/image.publog.co.kr/products/gift/content/checkbox_on.jpg?t=1') no-repeat;  height: 60px!important;}	


/*포토카드 옵션 사이즈 안내 팝업*/
.photocard_right .tb_option .photocard_size {box-sizing: border-box; width: 350px; padding: 15px 15px 0px;  text-align: center; position: absolute; z-index: 99;} 
.photocard_right .tb_option .photocard_size p {font-weight:normal;} 
.photocard_right .tb_option .photocard_size th {display: table-cell; vertical-align: middle;  text-align: center;} 
.photocard_right .tb_option .photocard_size tr {font-weight:normal;} 
.photocard_right .tb1 tbody tr.border_none td {border-bottom:none !important;}
.photocard_right .tb1 {border-bottom:none !important;}

/*오른쪽 탭 썸네일	*/
.photocard_right .select_wrap .photocard_style { z-index: 9;  position: absolute;  top: 0;  left: 0; width: 100%;  max-height:none;  border: 1px solid #e5e5e5;  background: #fff;}
.photocard_right .select_wrap .photocard_style ul {display: flex; flex-wrap: wrap; justify-content: space-around; }
.photocard_right .select_wrap .photocard_style li {margin-right:0 !important; border: 1px solid #e5e5e5; width: 150px; padding: 20px; font-size: 11px; margin-bottom: -1px;  box-sizing:border-box;}
.photocard_right .select_wrap .photocard_style li:hover { opacity: 1;  bottom: 0;  transition: .3s; background: #f3f3f3; z-index: 99}
.photocard_right .select_wrap .photocard_style li img { width: 110px;margin-right: 0px;}
.photocard_right .select_wrap .photocard_style li span { height: 20px; margin-top: -5px; border-radius: 0;}
.photocard_right .select_wrap .photocard_style li> .set { margin: 7px 0 0 65px !important; float: right; background-color: #9d9d9d; height: 45px; width: 45px; text-align: center;  position: absolute;    vertical-align: text-bottom;  border-radius: 50px;  color: #ffffff;  font-size: 11px;  line-height: 45px; }
.photocard_right .select_wrap .photocard_style p { padding-top: 10px;}
.photocard_right .select_wrap .photocard_style p span { font-size: 12px ;  color: #000;	font-weight: bold;}
.photocard_right .select_wrap .photocard_style li:nth-child(even) { margin-left: -1px; border-right:0;}
.photocard_right .select_wrap .photocard_style li:nth-child(odd) { margin-left: -1px;}
.photocard_right .select_wrap .photocard_style li:nth-child(1), .photocard_right .select_wrap .photocard_style li:nth-child(2) { margin-top: -1px;}

.photocard_right .select_wrap .photocard_style ul li { text-align: center; position: absolute; top: 0; right: -200%; bottom: 0; left: -200%;}
.photocard_right .select_wrap .photocard_style .coting_sum {height: 90px !important; overflow: hidden;  position: relative; width: 100%; }
.photocard_right .select_wrap .photocard_style .coting_sum span>img{  max-width: 100%; max-height: 100%;}
.photocard_right .td_select .radio_select label {font-size: 12px !important;}
	
	
/*정보*/
.photocard_right .standard_size ul {padding: 30px 0px 0px 20px; list-style: disc;}
.photocard_right .standard_size ul li {padding: 2px 0; text-align: left; font-size:12px; color:#999; font-weight: normal; letter-spacing: -0.5px;}
.photocard_right .standard_size ul li img {height:50px; width:50px; margin-right: 10px;}
.photocard_right .standard_size ul.line_none {padding-top:0; margin-top:0; border-top:none;}
.photocard_right .standard_size ul.line_none li {list-style: disc;font-weight:500; color:#1a1a1a; font-size:12px; }

/*아래툴팁*/
.photocard_right .tooltip_tipbox { position: absolute; display: inline-block; width: 100%;  left:0px;  height: 100%;}
.photocard_right .tooltip_tipbox .tooltiptext {line-height: 18px;  text-align: left;  left: -30px;  font-size: 12px; visibility: hidden; width: 180px;  background-color: #FFCE2D; color: #333; border-radius: 6px;  padding: 5px 10px;  position: absolute;  z-index: 1;  top: 70px; }
.photocard_right .tooltip_tipbox:hover .tooltiptext {visibility: visible;}
.photocard_right .tooltiptext::after {    bottom: 100%;  left: 50%;  margin-left: -5px;  border-color: transparent transparent #FFCE2D transparent;  content: " ";  position: absolute;  border-style: solid;  border-width: 5px;}


/* 포토카드 리뉴얼 컨텐츠 220722 */
.size_sec .size_model.size_model_ptcard { display: inline-block;  width: 1200px;}
.size_model_ptcard .size_img .photocard_pusize li.worksize {margin:100px 50px 0px 50px; text-align: left;}
.size_model_ptcard .size_img .photocard_pusize dl { padding: 10px 0px;}
.size_model_ptcard .size_img .photocard_pusize dd.ai_icon {width: 220px;  height: 68px; background-color: #222450; color: #fff}
.size_model_ptcard .size_img .photocard_pusize dd.ai_icon img {background-color: #2a0202; margin-right: 20px; width: 70px; padding: 7px; margin-top: 0px !important;}
.size_model_ptcard .size_img .photocard_pusize dd.ai_icon span {margin: 23px auto;  font-size: 14px;}
.size_model_ptcard .size_img .photocard_pusize .worksize span.work {margin-right: 20px; width: 20px; height: 10px; background: #ea0000;}
.size_model_ptcard .size_img .photocard_pusize .worksize span.goods {margin-right: 20px; width: 20px; height: 10px; background: #9A9A9A ;}
.size_model_ptcard .size_img ul.photocard_pusize {justify-content: space-evenly;}

.size_sec .size_model.size_model_ptcard { display: inline-block; width: 1200px;}

.size_model_ptcard .size_img ul {width: 100%;  margin-bottom: 30px;  display: flex; flex-wrap: wrap;}
.size_model_ptcard .size_img ul.photocard_pusize {display: flex;  justify-content: center; padding: 0 250px; display: flex; justify-content: center;}
.size_model_ptcard .size_img ul.photocard_pusize li p {font-size: 15px;}

.size_model_ptcard .size_img ul {display: flex; width: 100%; display: block;}
.size_model_ptcard .size_img ul.photocard_none li {display: block !important;}
.size_model_ptcard .size_img ul.photocard_worksize li {justify-content: center; text-align: center;  display: flex; align-items: center;}
.size_model_ptcard .size_img ul.photocard_worksize li p {padding: 0 30px;}
.size_model_ptcard .size_img ul.photocard_worksize li.size_detail p {padding: 20px 0 0 0;}
.size_model_ptcard .size_img ul.photocard_worksize .size_detail p:last-child {padding: 0 !important; color: red;}
.size_model_ptcard .size_img ul.photocard_worksize li span.goods {margin-right: 10px; width: 20px;  height: 10px;  background-color: #c62120;}
.size_model_ptcard .size_img ul.photocard_worksize li span.work {margin-right: 10px;  width: 20px;  height: 10px;  background-color: #b3b3b3;}
.size_model_ptcard .size_img ul.photocard_worksize li span.ai_icon a {background-color: #330000;  color: #fff;  width: 200px;  display: flex;  align-items: center;  margin: 20px auto;  padding: 5px 10px;  justify-content: space-evenly;}
.size_model_ptcard .size_img ul.photocard_worksize li span.ai_icon a img {background-color: #300; width: 50px;  padding: 12px;  display: inline-block;margin-top: 0px !important;}
.size_model_ptcard .size_img ul.photocard_worksize li span.ai_icon a span.illustrator {    margin: 10px;  height: 25px; width: 25px;}

.size_model_ptcard .size_img .size_flex {display: flex; justify-content: center;}
.size_model_ptcard .size_img .size_flex ul {margin-right: 30px;}
.size_model_ptcard .size_img .size_flex ul:last-child {margin-right: 0 !important;}


/*용지_라벨*/
#paper .point_sec .ul_cut_full li .water_proof_icon {right: -10px; position: absolute; width: 30%; top: 400px;}

/*코팅*/
#coating .point_sec .ul_cut_full li img {width: 85% !important;}
.point_sec .ul_cut_full .per60.per40 img {width: 40% !important;}
.point_sec .ul_cut_full .per60 img {width: 60% !important;}
.point_sec .ul_cut_full .per80 img {width: 80% !important;}

/*커팅*/
#cutting .point_sec .ul_cut_full li p.tit_style { margin-top: 0px;  z-index: 1;  width: 100px;  height: 100px;  display: flex;  position: absolute;  top: 0;  right: 0;  background: #b2b2b2;    justify-content: center;
    align-items: center;}
#cutting .point_sec .ul_cut_full li p span { font-size: 12px !important;   margin: 0;  color: #fff !important;}
#cutting .notice_wrap ul { text-align: left; display: flex; justify-content: space-evenly;}
#cutting .notice_wrap li{ font-size: 14px;}
#cutting .notice_wrap li em { font-size: 14px; font-weight: bold; font-style: normal;}
#cutting .notice_wrap li img {position: absolute;  width: 200px; transform: rotate(10deg); margin-top: -35px; box-shadow: 5px 5px 5px #e1e1e1;}




/* 원목액자 */
.td_select .size_abs {position:absolute; top:20px; right:0;}
.frame_thumb div {line-height:normal;}
.frame_thumb .frame_box, .frame_thumb .img_box {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width:300px; /*box-shadow: -20px 0px 25px 0 rgba(0, 0, 0, .15);*/}
.frame_thumb .img_box.table:before {content: "";position: absolute;top: 2px;left: -6%;width: 50px; height: 100%;background: rgba(0, 0, 0, 0.20); transform: skewX(173deg);transform-origin: right;z-index: -1; filter: blur(17px);}

.app_quantity {width:50%; height:45px;}
.app_quantity input {height:43px;}
.app_quantity button.up, .app_quantity button.down {top:5px;}

/* 원목액자 썸네일 위치 */
.frame_thumb .table {left:33%}
.frame_thumb .table_4x6 {width:14%; top:77%;}
.frame_thumb .table_5x7 {width:16%; top:75%;}
.frame_thumb .table_6x8 {width:19%; top:73%;}
.frame_thumb .table_8x10 {width:26%; top:70%;}
.frame_thumb .table_A4 {width:30%; top:64%;}
.frame_thumb .table_11x14 {width:33%; top:64%;}
.frame_thumb .table_A3 {width:37%; top:58%;}
.frame_thumb .table_4x6_w {width:20%; top:80%;}
.frame_thumb .table_5x7_w {width:23%; top:78%;}
.frame_thumb .table_6x8_w {width:26%; top:76%;}
.frame_thumb .table_8x10_w {width:32%; top:73%;}
.frame_thumb .table_A4_w {width:39%; top:72%;}
.frame_thumb .table_11x14_w {width:39%; top:70%;}
.frame_thumb .table_A3_w {width:50%; top:67%;}
.frame_thumb .wall_A3 {top:40%; left:50%; width:18%; box-shadow: 7px 3px 10px 0 rgb(0 0 0 / 10%);}
.frame_thumb .wall_16x20 {top:40%; left:50%; width:25%; box-shadow: 7px 3px 10px 0 rgb(0 0 0 / 10%);}
.frame_thumb .wall_20x24 {top:40%; left:50%; width:31%; box-shadow: 7px 3px 10px 0 rgb(0 0 0 / 10%);}
.frame_thumb .wall_A3_w {top:40%; left:50%; width:25%; box-shadow: 7px 3px 10px 0 rgb(0 0 0 / 10%);}
.frame_thumb .wall_16x20_w {top:40%; left:50%; width:29%; box-shadow: 7px 3px 10px 0 rgb(0 0 0 / 10%);}
.frame_thumb .wall_20x24_w {top:40%; left:50%; width:35%; box-shadow: 7px 3px 10px 0 rgb(0 0 0 / 10%);}
.frame_thumb .wall_A3::before, .frame_thumb .wall_A3_w::before, .frame_thumb .wall_16x20::before, .frame_thumb .wall_16x20_w::before, .frame_thumb .wall_20x24::before, .frame_thumb .wall_20x24_w::before {display:none;}
.frame_thumb .img_box img {padding:2%;}

.tab_btn_wrap .frame_thumb div.table {left:50%;}
.tab_btn_wrap .frame_thumb div.table img  {max-width:60px}

/* 활용 컷 swiper 추가 */
.uses_swiper {position:relative; overflow: hidden;}
.uses_swiper ul {justify-content: left;}
.uses_swiper ul li {width:800px !important; text-align: left;}
.uses_swiper ul li h3 {font-family: 'Montserrat','YoonGothicPro740',sans-serif; font-size:22px; color:#1a1a1a; line-height: 28px;}
.uses_swiper .uses_prev {width:40px; height:38px; left:20px; margin-top:-50px; background: url(https://www.publog.co.kr/sub_book_s8/img/detail/prev2@2x.png?t=1) center no-repeat}
.uses_swiper .uses_next {width:40px; height:38px; right:20px; margin-top:-50px; background: url(https://www.publog.co.kr/sub_book_s8/img/detail/next2@2x.png?t=1) center no-repeat}
.uses_swiper .swiper-button-next.swiper-button-disabled, .uses_swiper .swiper-button-prev.swiper-button-disabled {opacity: .15;}

/* 스타일 추가 - 22.08.12 */
.main_full {position:relative;}
.main_full img {width: 100%;}
.main_full .sub_p {position:absolute; top:17%; margin:0; width:100%; font-family: 'Montserrat','YoonGothicPro720',sans-serif; font-size:28px; line-height: 40px; text-align: center; color:#1a1a1a;}
.bg_parallax {height:700px; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center;}


/*버즈/에어팟 런칭*/
.earphone .phone_cont_wrap .cont_box > div > img {width: 500px;}
.earphone .processing_layer02 ul li img {width: 200px;}
.tb_option .processing_layer02 ul li img {width: 150px;}

.earphone .processing_btn02:hover + .processing_layer02 {width: 480px;}
span.span_box {color: #9E9E9E; border: 1px solid #e8e8e8; border-radius: 2px; margin: 0 7px 0px 0px; padding: 1px 7px 1px 7px;  vertical-align: text-bottom; font-size: 12px; line-height: 13px; font-weight: 400; }
span.span_text {margin: 4px 0px 10px 0px; font-size: 12px; color: #666; font-weight: normal; display: block;}
span.span_line {width: 14px; height: 1px; background-color: #9E9E9E; margin-bottom: 2px;}


/*에어팟 옵션 사이즈 안내*/
.processing_layer03 {display:none;}
.processing_btn02:hover + .processing_layer03 {z-index: 9; display:block; position:absolute; top:50px; left:0; width:380px; padding:30px 0 0 0; background:#fff; border:1px solid #e5e5e5; box-sizing: border-box;} 
.processing_layer03 ul.list li {display: flex; padding: 0px 10px 10px!important; list-style: none;}	
.processing_layer03 ul.list li:last-child {padding-bottom: 0px!important;}
.processing_layer03 ul.list { padding: 20px 0px!important;}
.processing_layer03 h5 {padding:0 30px; font-size:18px; color:#1a1a1a; font-weight:600;}
.processing_layer03 ul {padding:20px 0px 0px 20px; list-style: disc !important; width: 460px; margin: 3%;}
.processing_layer03 ul li {padding: 2px 0!important; text-align: left; font-size:12px; color:#999; font-weight: normal; letter-spacing: -0.5px;}
.processing_layer03 ul li img {width: 140px; margin-right: 10px;}

.processing_layer03 ul li dl {margin-left: 20px;}
.processing_layer03 ul li dl dd { list-style-type: circle;}

.option_link_btn1 { display: inline-block; margin: 0px 0px 0px 121px; font-size: 11px; color: #666;}
.option_link_btn1 img,.option_link_btn2 img { width: 10px; margin-top: 7px;}
.option_link_btn2 { display: inline-block; margin: 0px 0px 0px 131px; font-size: 11px; color: #666;}

.option_link_btn {display: inline-block; font-size: 11px; color: #b1b1b1; margin: 7px 0 12px;}
.option_link_btn img {width: 10px; margin: 5px 7px 5px 7px;}
.option_link_btn > span {font-weight: bold; color: #222450;}


/*유니폼키링 썸네일*/
.uniform_sum .clip_box {display: flex; height: auto !important}
.uniform_sum .clip_box .uniformimg1 { margin: 40px 33px 0 33px; width: 315px !important;   height: auto !important;  max-width: none !important;  max-height: none !important;}	
.uniform_sum .clip_box .uniformimg2 { margin: 40px 33px 0 33px; width: 315px !important;   height: auto !important;  max-width: none !important;  max-height: none !important;}
.uniform_sum .light_box { width: 2000px;  opacity: 0;  height: 550px; animation: light_move 3s ease 1s infinite;}
.uniform_sum .uniform_sum .thumb_full_preview img::before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#F8F9FA;}
/* 썸네일 */	
.clip_box_sum {  display: flex;  position: absolute;  width: 38%;  top: 53%;  left: 50%;  transform: translate(-100%,-50%);}
.clip_box_sum img { margin: 0 4px 0 -3px;}

/*유니폼키링 컨텐츠*/
/*가이드영역 타이틀간격*/
.model_sec2 li h3 {margin: 20px 0px;}
/*가이드영역 버튼*/
.uniformring .filedown {width:200px; border-radius: 5px; margin: 0 auto; margin-top: 50px; background: #222450; text-align: center;}
.uniformring .filedown button { font-size:14px; font-weight:400; margin: 20px; color: #fff; }
.uniformring .filedown:hover {opacity: 80%}
.uniformring .filedown button img {display: inline-block; width: 15px; margin: -3px 0px 0 6px; vertical-align: middle;}
.uniformring span.ai_icon { width: 70px;  border-radius: 12px;  background-color: #300;  padding: 2px 4px 0px 3px;}
.uniformring span.ai_icon span.illustrator {    margin: 10px;  height: 25px; width: 25px;}

/*저작권 안내*/
.notice_wrap.copyright { background: #f3f3f3; padding: 28px 40px 40px 40px; box-sizing: border-box;}
.notice_wrap.copyright > p { font-size: 13px; line-height: 25px; text-align: center;}
.notice_wrap.copyright > p em { font-size: 16px; line-height: 50px!important; font-weight: bold; font-style: normal;}


/*UV 스티커*/
.model_sec ul.notice_dot_txt_list { position: relative; display: block; margin-left: 0px; vertical-align: top; text-align: center;}
.model_sec ul.notice_dot_txt_list li { list-style: none; margin: 0 0 12px 5px !important; font-size: 13px; line-height: 22px; color:#777; }
.model_sec ul.notice_dot_txt_list li span {font-size: 13px; font-weight:800; margin-right:7px;}

.processing_layer02.uv_sticker  { padding: 25px !important; width: 300px !important;}
.processing_layer02.uv_sticker h5 {padding: 0 0 18px 0; border-bottom: 1px solid #efefef; font-size: 15px;}
.processing_layer02.uv_sticker ul { padding: 0 30px 8px 30px; display: flex; justify-content: space-between;}
.processing_layer02.uv_sticker h4 { padding: 30px 20px 16px 20px; font-size: 13px; color: #006fc0; font-weight: 600; text-align: center;}
.processing_layer02.uv_sticker .hover_box_tit { display: flex; justify-content: space-between;}

/*uv 스티커 사이즈*/
.size_model.uv_sticker.uv_sticker_web .guide_size {margin-top:0px; text-align: center;}
.size_model.uv_sticker.uv_sticker_web .size_img img {margin-top: 10px; width: 100%;}
.size_model.uv_sticker.uv_sticker_web .size_img div {display: block; margin-top:0px;}
.size_model.uv_sticker.uv_sticker_web .size_img.printing_size {display: flex; align-items: flex-end; margin-bottom: 60px; justify-content: space-evenly;}
.size_model.uv_sticker.uv_sticker_web .size_img.printing_size li  {margin: 0 25px}
.size_model.uv_sticker.uv_sticker_web .size_img.printing_size li img {width: 100%; image-rendering: -webkit-optimize-contrast;}
.size_model.uv_sticker.uv_sticker_web .size_img.printing_size p { margin: 10px 0; font-size: 13px;	color: #333;}	
	
/*uv 스티커 사이즈 웹만 버튼 숨기기*/
.size_model.uv_sticker.uv_sticker_web .siz_tit_dp_none label {display: block; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px;}
.size_model.uv_sticker.uv_sticker_web .siz_tit_dp_none input {display: block; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px;}


/* 아크릴 디오라마 */
.size_model_ptcard .size_img ul.acrylic_diorama li {width: 100% !important; padding: 0px !important;}
.size_model_ptcard .size_img ul.acrylic_diorama li img {width: 100%; }


/*쿠폰다운받기*/
article.right_wrap .btn_coupon {float:none; margin-top: 30px;}
article.right_wrap .btn_coupon a {width:220px; padding:20px 0; text-align:center; background-image: none;}
/*article.right_wrap .btn_coupon a:hover {padding:20px 0; background-image: none;}*/
article.right_wrap .btn_coupon a {width: 100%; height: 60px;  font-size: 16px; background-color: #ffcc45;
    color: #333;  transition: .5s;  padding: 20px 41px 20px 20px;  box-sizing: border-box;  display: inline-block;}
article.right_wrap .btn_coupon a span { margin-right: 10px;  width: 60px;  height: 20px;     background-color: #333; border-radius: 7px; }
article.right_wrap .btn_coupon a span.coupon_tit {font-size: 11px;  color: #fff;  }
article.right_wrap .btn_coupon .sub_txt {    margin-top: 20px; font-size: 12px; text-align: left;} 


/*이미지, 텍스트 양쪽정렬*/
.side_notice { margin-bottom: 30px;  display:block; }
.side_notice img { width: 500px;}
.side_notice li {padding: 10px;  align-items: center;  display: flex;     justify-content:start; width: 65%; margin: 0 auto;  text-align: left;}
.side_notice .area_txt { line-height: 26px; font-size: 16px;    margin-left: 20px;}


/*부채*/
.handfan .model_sec .sub_option_txt3 {     display: flex; justify-content: space-evenly;  padding-top: 70px;  width: 1000px;  margin: 0 auto;}

.tab_default_handfan .tab_box ul {width:1000px; margin:0 auto; text-align: center}
.tab_default_handfan .tab_box ul li {position:relative; display:inline-block; margin:0 50px; padding:0 11px; font-size:22px; color:#a6a6a6; cursor:pointer}
.tab_default_handfan .tab_box ul li.active {color:#222450}
.tab_default_handfan .tab_box ul li.active:before {position:absolute; top:16px; left:0%; content: ''; width:100%; height:9px; background: #e3e4ea; z-index: -1;}
.tab_default_handfan .tab_cont_wrap_handfan {margin:70px auto 0 auto}
.tab_default_handfan .tab_cont_wrap_handfan .cont_box {display:none;}
.tab_default_handfan .tab_cont_wrap_handfan .cont_box:first-child {display:block}	


.handfan .size_img p {margin: 12px 0;}
.handfan .size_img img {top: -20px;  position: relative;  width: 120%;  left: -70px;}
.handfan .guide_size {margin-top:30px; text-align: center;}
.handfan .guide_size label {display: inline-block; margin:0 0 0 20px; padding-left:20px; font-size:16px; color:#888; cursor: pointer; background: url("https://www.bizfactory.co.kr/include/img/line.png") 0 center no-repeat;}
.handfan .guide_size label.first {padding:0; margin:0; background:none;}
	
.handfan .guide_size input:checked + label {font-weight:bold; color:#000;}
.handfan .guide_size input#size-1:checked ~ .size_img .size_box1, 
.handfan .guide_size input#size-2:checked ~ .size_img .size_box2, 
.handfan .guide_size input#size-3:checked ~ .size_img .size_box3, 
.handfan .guide_size input#size-4:checked ~ .size_img .size_box4, 
.handfan .guide_size input#size-5:checked ~ .size_img .size_box5, 
.handfan .guide_size input#size-6:checked ~ .size_img .size_box6, 
.handfan .guide_size input#size-7:checked ~ .size_img .size_box7, 
.handfan .guide_size input#size-8:checked ~ .size_img .size_box8, 
.handfan .guide_size input#size-9:checked ~ .size_img .size_box9, 
.handfan .guide_size input#size-10:checked ~ .size_img .size_box10, 
.handfan .guide_size input#size-11:checked ~ .size_img .size_box11, 
.handfan .guide_size input#size-12:checked ~ .size_img .size_box12,
.handfan .guide_size input#size-13:checked ~ .size_img .size_box13 {display: block;}
.handfan .guide_size input[type="checkbox"], .guide_size input[type="radio"] {position: absolute;opacity: 0;z-index: -1;}

.handfan .size_model_ptcard .tab_default_handfan .cont_box .size_img ul li p {text-align: left !important; display: flex; padding-bottom: 20px;}
.handfan .size_model_ptcard .tab_default_handfan .cont_box .size_img ul li p .work  {width: 70px;  height: 70px; border: 2px solid #6398d6; padding-right: 70px; margin-right: 20px;}	
.handfan .size_model_ptcard .tab_default_handfan .cont_box .size_img ul li p .foundation  {width: 70px;  height: 70px; border: 2px solid #da4641; padding-right: 70px; margin-right: 20px;}	
.handfan .size_model_ptcard .tab_default_handfan .cont_box .size_img ul li p .safety  {width: 70px;  height: 70px; background-color: #ededed;  padding-right: 70px; margin-right: 20px;}	
.handfan .size_model_ptcard .tab_default_handfan .cont_box .size_img ul li p span.area_txt  { line-height: 20px; font-size: 12px;  margin-top: 10px;}	

	
/*파일다운*/
.handfan .size_model_ptcard .size_img ul.photocard_pusize li span.ai_icon a {background-color: #330000;  color: #fff;  width: 200px;  display: flex;  align-items: center;  margin: 20px auto;  padding: 5px 10px;  justify-content: space-evenly;}
.handfan .size_model_ptcard .size_img ul.photocard_pusize li span.ai_icon a img {background-color: #300; width: 50px;  padding: 12px;  display: inline-block;margin-top: 0px !important;}
.handfan .size_model_ptcard .size_img ul.photocard_pusize li span.ai_icon a span.illustrator {    margin: 10px;  height: 25px; width: 25px;}
.handfan .size_sec .ul_default {    display: inline-block!important; width: auto!important;}


/*아크릴 거치대*/
.acrylic_phone_stand .size_abs.stbox {top: -28px !important;}

/* 스프링노트 */
.springnote	.size_model_ptcard .size_img ul { justify-content: space-between !important;    flex-wrap: nowrap!important; padding: 0px!important;}
.springnote .size_model_ptcard .size_img ul li {width: 100% !important; padding:0 30px 0 20px;}
.springnote	.size_model_ptcard .size_img ul li img {width: 100%; }
.springnote	.size_model_ptcard .size_img ul div {    position: relative; display: inline-block; width: 540px; margin-left: 50px; vertical-align: top; top: 9px;}    
.springnote .size_model_ptcard .size_img ul .size_box3 {width: 100%; background-color: #f4f4f4; padding: 10px 20px !important;}
.springnote .model_sec .sub_size {display: flex; justify-content: space-evenly; padding-top: 30px;  font-size: 17px;}	
.springnote .ul_cut li img {    image-rendering: auto !important;}	
.point_sec .ul_cut li.img_400 {width: 400px !important;}
.point_sec .ul_cut li span.bold {margin-top: 10px; font-weight: 600;}

/* 증명사진 */
.flex_wth1 {flex-wrap: wrap;}
.flex_wrap {display:flex; justify-content: center; align-items: center; width:1200px !important; margin-bottom:30px !important;}
.flex_wrap img {width:55% !important;}
.horiz_list {padding-left:50px; text-align: left;}
.horiz_list h3 {margin:0 0 20px 0 !important;}
.horiz_list ol {padding-left:15px;}
.horiz_list ol li {margin:20px 0; list-style: square; font-size: 13px; color: #777; line-height: 22px;}
.horiz_list a.a_btn {display:inline-block; margin-top:20px; padding:13px 20px; color:#fff; font-size:12px; border-radius: 7px; background:#222450;}
.horiz_list li em {font-style:normal; color:#1a1a1a; font-weight: bold;}


/* 규조토 코스터 */
.gdtm .sub_p {width: 100%;}
.gdtm .sub_pp {font-size: 13px; color: #8f8f8f;  line-height: 25px;  text-align: center; font-weight:normal; margin-top: 30px;}
.gdtm .sub_p_safe {font-size: 13px; color: #179ede;  line-height: 25px;  text-align: center; font-weight:normal; margin-top: 30px;}
.gdtm .sub_p_work {font-size: 13px; color: #5c5c5c;  line-height: 25px;  text-align: center; font-weight:normal;}
.gdtm .arrow {position: relative;}

.gdtm .arrow::after { position: absolute;
	right: -12px; 
	top: 9px; 
	content: '';
	width: 5px; /* 사이즈 */
	height: 5px; /* 사이즈 */
	border-top: 1px solid #8f8f8f; /* 선 두께 */
	border-right: 1px solid #8f8f8f; /* 선 두께 */
	transform: rotate(45deg); /* 각도 */
}


/*투명 포토카드*/
.transparency_card article.right_wrap .td_select .radio_select label { display: table; width: 50%;  height: 40px;  margin-right: 2%;  line-height: 35px;  font-size: 12px;  vertical-align: top;}

/*반짝이씰*/
.ul_cut li p.half_sec {display: flex; justify-content: space-around;}
.ul_cut li p span.half {margin-top:25px; font-size:13px; width: 50}
	


.processing_layer04 h5 {padding:0 30px; font-size:18px; color:#1a1a1a; font-weight:600;}
.processing_layer04 ul.list { width: 100%; padding: 10px 0 0; display: flex;}
.processing_layer04 ul.list li {padding: 0px 10px 10px!important; list-style: none;}	
.processing_layer04 ul.list li:last-child {padding-bottom: 0px!important;}
.processing_layer04 ul.list li img {text-align: center; width: 100%;}
.processing_layer04 p {margin-top: 10px; text-align: center;}

/*홀로그램 포카 호버*/
.processing_btn:hover + .processing_layer.img_1cut {z-index: 9; display:block; position:absolute; top:50px; left:0; width:250px; padding:0; background:#fff; border:1px solid #e5e5e5; box-sizing: border-box;} 
.processing_layer.img_1cut h5 {padding:30px 30px 0px 30px; font-size:18px; color:#1a1a1a; font-weight:600;}
.processing_layer.img_1cut h5 p {font-size: 12px; color: #666; display: inline; font-weight: 400;}
.processing_layer.img_1cut .processing_layer_txt {padding: 0px; display:block; text-align: center;}
.processing_layer.img_1cut .processing_layer_txt img {width:70%; text-align: center; padding: 10px 0;}
.processing_layer.img_1cut .processing_layer_txt p {margin-top:0px; font-size:12px; color:#666; font-weight: normal; display: block;}	
.processing_layer.img_1cut .processing_layer_txt > p {padding:10px 0; text-align: center; font-size:12px; color:#999; font-weight: normal; background:#f3f3f3;}


/* 콘텐츠 내에서 링크이동 버튼 웹/앱 따로 css 생성*/
.btn_ddibu {text-align: center;}
.btn_ddibu .btn_ddibu_cont {display: inline-block; margin-top: 55px; background-color: #222450; color: #fff; box-sizing: border-box; text-align: center; padding: 20px 40px; transition: .5s; font-size: 17px;}
.btn_ddibu .btn_ddibu_cont:hover {transition: .5s; background-color: #4248a5;}
.btn_app, .btn_m_web {display: none !important;}

/*PDF 직접올리기*/
.btn_make_sub {width: 49%; font-weight: 600; padding: 7px 5px; text-align: left; color: #222450; transition: .3s;}
.btn_make_sub a:hover {color: #5a5dd2; transition: .3s;}
.btn_make_sub::after {padding: 10px 5px; width: 100%; height: 5px;}

.harpoon { position: relative; } 
.harpoon .right-up, .harpoon .right-up::after {     border: 1px solid black;  border-radius: 1px;  position: absolute;} 
.harpoon .right-up {right: 0;  width: 15px;  bottom: 9px;} 
.harpoon .right-up::after {  height: 5px;   top: -6px;   right: 1px;  transform: rotate(316deg);  content: "";} 


/* 옵션영역_템플릿다운로드 */
.td_select .size_abs_sub {    margin: 0px 0px 15px;} /* 서브문구 */
.tb_option .op_downbtn { position: absolute;  top: 20px;  right: 0;  width: 120px;  height: 25px;  padding: 3px 9px;  font-size: 12px;  font-weight: 500;  background: #f4f4f4 url(https://biz.publog.co.kr/include/img/down@2x.png?t=1) 65px center no-repeat;   background-size: 12px;  background-position: 90% 55%;	color: #111;}

.tb_option .op_bizdownbtn { position: absolute;  top: 8px;  right: 0;  width: 120px;  height: 25px;  padding: 3px 9px;  font-size: 12px;  font-weight: 500;  background: #f4f4f4 url(https://biz.publog.co.kr/include/img/down@2x.png?t=1) 65px center no-repeat;   background-size: 12px;  background-position: 90% 55%;	color: #111;}
.tb_option .op_bizdownbtn:hover{color: #fff;  padding: 4px 8px; background:#159fda url(https://biz.publog.co.kr/include/img/down_whi@2x.png?t=1) 65px center no-repeat; background-size: 12px; background-position: 90% 55%; }

/*엽서 리뉴얼*/

/*편집기 옵션변경 팝업 231130*/
.wide_wrap .option_pop {margin:0 auto;}
.wide_wrap .option_pop .option_pop_tit {margin-bottom: 20px;}
.wide_wrap .option_pop .option_pop_tit h2 {font-weight: 600; color: #111; text-align: left; font-size: 18px;}
.wide_wrap .option_pop .option_pop_tit p {margin-top: 10px; color:#777;}
.wide_wrap .option_pop .right_wrap {margin: 0 auto; box-sizing: border-box; min-width: 100%; max-width: 100%; padding: 3%;}
.wide_wrap .option_pop .select_wrap .more_box_new {max-height: 160px!important;}

/*사이즈 영역*/
.ai_icon.exclusive {justify-content: center;}
.ai_icon.exclusive a { background-color: #330000; color: #fff; width: 200px; display: flex; align-items: center; margin: 20px auto; padding: 5px 10px; justify-content: space-evenly;}
.ai_icon.exclusive a span.illustrator { margin: 10px; height: 25px; width: 25px;}
.ul_default.bg_none {background: none;}
.main_cut_h.w1100 img {width: 1100px;}

/*가로 라인 삭제시*/
.border-bottom0 {border-bottom: 0px!important;}


/*아크릴 키링*/
.sub_p_box {margin:50px 0; text-align: center;}
.sub_p_box .sub_p3 { padding: 5px 13px 5px 13px; vertical-align: text-bottom; background-color: #333; color: #fff; font-size: 14px; line-height: 17px; display: inline-block; border-radius: 15px;}

.diy_keyring ul.notice_list {position: relative; display: block; margin-left: 0px; vertical-align: top; text-align: left;}
.diy_keyring ul.notice_list li {list-style: disc; margin:0 0 20px 5px !important; font-size:14px; line-height: 22px;}

.diy_keyring .sec_img_info {display: inline-block; vertical-align: middle;}
.diy_keyring .content1 {position: relative; width:100%; margin-bottom:20px !important;}
.diy_keyring .content2 {position: relative; width:100%; margin-bottom:20px !important; text-align: left; display: flex;  align-items: center;}	

.diy_keyring .flex_wrap { display: flex; justify-content: center; align-items: center; width: 1200px !important; padding: 20px; background-color: #ededed;}
.diy_keyring .option_info {    width: 40px !important;  height: 40px !important;  margin-right: 20px;}
.diy_keyring .option_info_list { text-align:left;}
.diy_keyring .option_h3 {margin: 0 !important; font-size: 13px !important}
.diy_keyring .option_h3 em {font-style: normal; font-weight: 600;}

/*아크릴키링 업그레이드*/
.lh0 {line-height: inherit!important;}

/*아크릴 키링 업그레이드 옵션 호버*/
.processing_layer04 {display:none;}
.processing_btn02:hover + .processing_layer04 {z-index: 9; display:block; position:absolute; top:50px; left:0; width:150px; height:150px; padding:15px 0px 0px 0px; background:#fff; border:1px solid #e5e5e5; box-sizing: border-box;} 

/*아크릴 키링 뒷면출력 호버 추가 231211*/
.processing_layer05 {display:none;}
.processing_btn02:hover + .processing_layer05 {z-index: 9; display:block; position:absolute; z-index: 99; top:50px; left:0; width:500px; padding:30px 0 0 0; background:#fff; border:1px solid #e5e5e5; box-sizing: border-box;} 

.processing_layer05 { padding: 30px 25px 20px 25px !important;  width: 300px !important;}
.processing_layer05 h3 { padding: 5px 0 20px 0; font-size: 16px; color: #1a1a1a; font-weight: 600; text-align: center;}
.processing_layer05 ul.list { padding: 0px !important; display:flex; justify-content: space-between; flex-wrap: wrap;}
.processing_layer05 ul.list li { display: block;  padding-bottom: 0px !important;  list-style: none;}
.processing_layer05 ul.list li img { width: 120px;}
.processing_layer05 ul.list li h5 { font-size: 13px; font-weight: 400; padding-top: 20px; text-align: center;}
.processing_layer05 ul.list li p { font-size: 12px; font-weight: 400; padding: 10px 0; text-align: center;}
.processing_layer05 ul.list li:nth-child(3n){ padding-bottom: 0px;}
.processing_layer05 ul.list li:nth-child(4n){ padding-bottom: 0px;}
.processing_layer05 .txt_list {    line-height: 10px;    display: flex;    flex-direction: column;}
.processing_layer05 .txt_list li {list-style: disc; text-align: left; width: 100%; padding: 5px 0; font-weight: 400; color: #333;}			




/*버즈 호버 리뉴얼 240119*/				
.processing_layer05.img_1cut ul.list li { margin: 0 auto!important;}
.processing_layer05.img_1cut ul.list li { margin: 0 auto!important;}
.processing_layer05.img_1cut ul.list li img { width: 180px; height: auto; display: block; align-content: center;  text-align: center; margin: 0 auto;}
.processing_layer05.img_1cut ul li p { padding-top: 20px;}

/*클립펜 옵션 컬러 - 일반*/
.oclp_white {background-color: #f2f2f2;}
.oclp_pink {background-color: #facfd8;}
.oclp_s_pink {background-color: #ff88a6;}
.oclp_u_blue {background-color: #9397e0;}
.oclp_m_blue {background-color: #7699eb;}
.oclp_s_blue {background-color: #b4d9f4;}
.oclp_p_green {background-color: #7dd9d4;}
.oclp_mint {background-color: #00a9a6;}
.oclp_yellow {background-color: #f7b310;}
.oclp_orange {background-color: #ff5608;}
.oclp_red {background-color: #dd201c;}
.oclp_sn_blue {background-color: #154bb7;}
.oclp_black {background-color: #252525;}
.oclp_gray {background-color: #515b65;}
.oclp_green {background-color: #00653d;}
.oclp_bora {background-color: #4c13a0;}

/*클립펜 옵션 컬러 - 형광*/
.oclp_n_red {background-color: #ff4eaf;}
.oclp_n_orange {background-color: #ff7b66;}
.oclp_n_lemon {background-color: #fff56e;}
.oclp_n_green {background-color: #58ff4b;}
.oclp_n_bora {background-color: #9063cf;}


/*공통영역 인쇄방식 인클루드 추가 생성 (크로마룩스 코스터) 240322*/
.printing_method_print ul.printing_method_ul {flex-wrap: wrap; display: flex;  justify-content: space-around; margin: 0 auto; width: 800px;}
.printing_method_print ul.printing_method_ul li {align-items: center; position: relative; list-style-type: none;  width: 100%; border-bottom: 1px solid #f3f3f3;}
.printing_method_print ul.printing_method_ul li:nth-child(3n) {border-bottom: 0px solid #f3f3f3;}
.printing_method_print ul.printing_method_ul li .notice {display: flex; align-items: center;}

.printing_method_print ul.printing_method_ul li img {width: 25%; margin: 3%;}
.printing_method_print ul.printing_method_ul li h4  {margin: 0 auto; line-height:23px;font-weight:600; font-size:18px; color:#333;}
.printing_method_print ul.printing_method_ul li p {margin: 10px auto; font-size:14px; color:#333;}
.printing_method_print ul.printing_method_ul li em {color: #006fc0; font-style: normal;}

.printing_method_print ul.printing_method_ul .tit {text-align: left;}
.printing_method_print ul.printing_method_ul .label_box p {text-align: left;}
.printing_method_print ul.printing_method_ul .label_box {padding: 20px 0px;}
.printing_method_print ul.printing_method_ul .notice ul.label_box li {list-style: inside; border-bottom: none;line-height: 24px; }

/*포인트 타이틀*/
.point_sec .point_tit {margin: 0 auto; width: 10%; padding: 10px; border: 1px solid; margin-bottom: 30px;}

/*미니L홀더 호버 240327*/
.processing_layer06 {display:none;}
.processing_btn02:hover + .processing_layer06 {z-index: 9; display:block; position:absolute; top:50px; left:0; width:475px; padding:30px 0 0 0; background:#fff; border:1px solid #e5e5e5; box-sizing: border-box;} 
.processing_layer06 ul.list li {display: flex; padding: 0px 10px 10px!important; list-style: none;}	
.processing_layer06 ul.list li:last-child {padding-bottom: 0px!important;}
.processing_layer06 ul.list { padding: 20px 0px!important;}
.processing_layer06 h5 {padding:0 30px; font-size:18px; color:#1a1a1a; font-weight:600;}
.processing_layer06 ul {padding:20px 0px 0px 20px; list-style: disc !important; width: 460px; margin: 3%;}
.processing_layer06 ul li {padding: 2px 0!important; text-align: left; font-size:12px; color:#999; font-weight: normal; letter-spacing: -0.5px;}
.processing_layer06 ul li img {width: 140px; margin-right: 10px;}

.processing_layer06 ul li dl {margin-left: 20px;}
.processing_layer06 ul li dl dd { list-style-type: circle;}

/* 어패럴 소재별 편집 유의사항 */
section #material {width:1200px; margin:0 auto; text-align: center;}

/* 소재별 편집 유의사항 */
.make_wrap {width: 1200px; margin: 0 auto;}
.emb_option_notice ul.emb_option_notice_ul {display: flex;  justify-content: space-around; padding: 0px 150px 50px;}
.emb_option_notice ul.emb_option_notice_ul li {position:relative; text-align:center; list-style-type: none;}
.emb_option_notice ul.emb_option_notice_ul li img {width: 50%}
.emb_option_notice ul.emb_option_notice_ul li h4  {display:block; line-height:23px; margin: 30px 20px 20px; font-weight:600; font-size:18px; color:#333;}
.emb_option_notice ul.emb_option_notice_ul li p {display:block; margin-bottom:5px; font-size:14px; color:#777;}
.emb_option_notice ul.emb_option_notice_ul li em {color: #006fc0; font-style: normal;}

.emb_option_notice ul.emb_option_notice_ul .tit {height: 120px; border-bottom: solid 1px #ededed}
.emb_option_notice ul.emb_option_notice_ul .label_box p {text-align: center}
.emb_option_notice ul.emb_option_notice_ul .label_box {padding: 20px 0px;}
.emb_option_notice ul.emb_option_notice_ul .label_box span.arrow {width:20px; height:20px; background: url(https://stay.publog.co.kr/re_181207/images/icon_play_n.png?t=1); background-size: cover; transform: rotate(90deg);}

.emb_option_notice .notice_line {width: 900px;  background-color: #f0f0f0;  padding: 20px;  margin: 0 auto;}
.emb_option_notice .notice_line .notice_tit {text-align: center;}
.emb_option_notice .notice_line .notice_tit p {line-height: 25px; font-size: 14px; letter-spacing: -.4px; color: #777;}

.emb_option_notice .tit .option {font-weight: normal;color: #999;font-size: 12px;}

/* 유니폼 css - 옵션추가공지 */
.emb_option_notice .notice {text-align: left;}
.emb_option_notice .notice ul {margin: 0 auto; padding: 30px 0px 30px 20px; width: 900px; list-style: disc;}
.emb_option_notice .notice ul li {margin-bottom: 5px; font-size: 14px;  color: #777; padding: 2px 0!important;  text-align: left; color: #999;}
.emb_option_notice .notice ul.line_none {padding-top:0 !important; margin-top:0 !important; border-top:none !important;}
.emb_option_notice .notice ul.line_none li {font-size:12px; font-weight:500; color:#1a1a1a;}
.emb_option_notice .notice ul h5 { font-weight: 600; font-size: 18px;}

/*굿즈 포장 키트*/
.btn_con { display: inline-block; width: auto!important; height: 0!important; margin-top: 30px!important; color: #666; text-decoration:underline; }
.tb_content {display: block!important; height: 483px;}
.tb_content .tb_default {display: inline-table; width: 50%;}


/*호텔키링*/
.hotel_keyring .color_list ul {flex-wrap: wrap;}
.hotel_keyring .color_list ul li{width: 200px; margin: 30px 20px;}

/*보조배터리*/
/*옵션 호버*/
.processing_layer07 {display:none; padding: 0!important; width: 300px !important;}
.processing_btn02:hover + .processing_layer07 {z-index: 9; display:block; position:absolute; z-index: 99; top:50px; left:0; width:500px; padding:30px 0 0 0; background:#fff; border:1px solid #e5e5e5; box-sizing: border-box;} 
			
.processing_layer07 h3 { padding: 30px 0 20px 0; font-size: 16px; color: #1a1a1a; font-weight: 600; text-align: center;}
.processing_layer07 ul.list { padding: 0px 22px 22px !important; display: flex; justify-content: space-between; flex-wrap: wrap;}
.processing_layer07 ul.list li { width: 48.5%; display: block; padding-bottom: 0px !important; list-style: none;}
.processing_layer07 ul.list li img { width: 100%;}
.processing_layer07 ul.list li p { font-size: 12px; font-weight: 400; padding: 10px 0 20px 0; text-align: center;}
.processing_layer07 ul.list li:nth-child(3n){ padding-bottom: 0px;}
.processing_layer07 ul.list li:nth-child(4n){ padding-bottom: 0px;}	
.processing_layer07 p.txt_box { margin-top: 0; padding: 10px 0; text-align: center; font-size: 12px; color: #999; font-weight: normal; background: #f3f3f3;}			
.processing_layer07 .img_1cut img { width: 100%; text-align: center; }
.processing_layer07 .img_1cut p { font-size: 12px; font-weight: 400; padding: 10px 0; text-align: center;}


/*다꾸스티커 썸네일*/
.diary_sticker .preview_direct .tab_cont_wrap .sticker_thumb .shape_box {left: 46% !important;}
.diary_sticker .preview_direct .tab_cont_wrap .sticker_thumb .shape_box img {    max-width: 120% !important;  max-height: 120% !important;}
.diary_sticker .preview_direct .tab_cont_wrap .sticker_thumb .paper_box {left: 46% !important;}
.diary_sticker .preview_direct .tab_cont_wrap .sticker_thumb .paper_box img {    max-width: 120% !important;  max-height: 120% !important;}
.diary_sticker .preview_direct .tab_cont_wrap .sticker_thumb .paper_box2 {left: 46% !important;}
.diary_sticker .preview_direct .tab_cont_wrap .sticker_thumb .paper_box2 img {    max-width: 120% !important;  max-height: 120% !important;}
.diary_sticker .preview_direct .tab_cont_wrap .sticker_thumb .coating_box {left: 46% !important;}
.diary_sticker .preview_direct .tab_cont_wrap .sticker_thumb .coating_box img {    max-width: 120% !important;  max-height: 120% !important;}

.diary_sticker .paper_box_70x200 {box-shadow: 1px -1px 10px 1px rgba(0, 0, 0, .12);}



/*캘린더 리뉴얼 241031*/

/*스와이프 네비게이션 노출 오류*/
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: none!important;}
		
/*카드 리스트*/	
.card_list_calendar { margin: 0 -18px; text-align: left; display: flex; flex-wrap: wrap; }
.card_list_calendar li { display: block; position: relative; margin-top: 36px; padding: 0 18px; vertical-align: top; box-sizing: border-box; padding: 25px 24px 0;}
.card_list_calendar .card_item {width: 361px; background-color: #fff; overflow: hidden; position: relative; border-radius: 14px; box-shadow: 4px 12px 30px 6px rgba(0, 0, 0, .09); border: solid 1px #fff;}
	
.card_list_calendar .thumbnail { height: auto;}		
.card_list_calendar .thumbnail img { display: block; width: 100%; min-height: 100%;}		
.card_list_calendar .info {font-family: 'Montserrat', 'YoonGothicPro740', sans-serif; line-height: normal; padding: 50px 35px 35px 35px; text-align: left!important;}	
.card_list_calendar .info .tit {font-size: 28px; color: #111111; display: block; font-weight: 700; padding-top: 0!important; text-align: left!important;}		
.card_list_calendar .info .txt {font-size: 14px; margin-top: 20px; color: #666666; display: block; line-height: 25px; height: 72px;}

.card_list_calendar .card_item.hover_block {box-shadow: none!important;}
.card_list_calendar .hover_block>.info { background-color: #edf2ff; height: 346px;}
.card_list_calendar .hover_block>.info .txt {font-size: 20px; margin-top: 30px; color: #333333; display: block; line-height: 35px; height: 200px; text-align: center; align-content: center;}
.card_list_calendar .hover_block>.info .txt .txt_sub {font-size: 15px; color: #666; line-height: 25px; margin-top: 20px;}
.card_list_calendar .hover_block>.info .txt.no_btn {height: 295px;}
.card_list_calendar .hover_block>.info .btn {width: 100%; height: 60px; color: #FFFFFF; font-size: 17px; background-color: #676bbf; text-align: center; align-content: center; display: block; border-radius: 10px; position: relative; bottom: -55px; cursor: pointer;}
.card_list_calendar .hover_block>.info .btn:hover {background-color: #5256af; opacity: 1;}
.card_list_calendar .hover_block {position: absolute; top: 23px; left: 24px; z-index: 1; display: none;}		
.card_list_calendar .hover_style:hover .hover_block, .hover_style .hover_block:hover {display: block; }
.card_list_calendar .touch .hover_block {display: none !important;}

		
/*카드 스와이프*/
.swiper_calendar_table {width: 100%;margin: 50px auto 30px;background: #fff;}
.swiper_calendar_table .swiper-wrapper {transition-timing-function: linear;/* 선형 이동 */column-gap: 0;}
.swiper_calendar_table .swiper-wrapper .swiper-slide {display: flex; justify-content: center; align-items: center; padding: 20px; width: 360px!important; height: 452px!important; transition: transform 0.3s; will-change: transform;}
.swiper_calendar_table .swiper-wrapper .swiper-slide:hover {transform: translate3d(0, -10px, 0);/* GPU 가속 */}
.swiper_calendar_table .swiper-wrapper .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.swiper_calendar_table .swiper-button-next:after, .swiper-button-prev:after {visibility: hidden !important;}

	
/*쉬운 편집기능*/
.calendar_table_edit { width: 100%; height: 760px; position: relative; top: 372px; display: contents;}
.calendar_table_edit ul.tabs {margin: 20px auto 0; height: 50px; width: 1000px; font-size:12px; position: relative; top: -2px;}
.calendar_table_edit ul.tabs li {float: left; text-align:center; cursor: pointer; width:123px; height: 50px; position: relative; color: #5262ff;}
.calendar_table_edit .tab_container {margin: 0 auto; position: relative; text-align: center;}
.calendar_table_edit .tab_content { display: none; }
.calendar_table_edit .tab_content img {width: 850px;}
.calendar_table_edit .tab_content img {box-shadow:20px 20px 15px 0px #eeeeee }
.calendar_table_edit .tab_container .tab_content ul { width:100%; margin:0px; padding:0px;}
.calendar_table_edit .tab_container .tab_content ul li { padding:5px; list-style:none;}
.calendar_table_edit .size_txt {font-size: 12px; line-height: 24px; color: #2e2e2e;}

/*ul 리스트 가로 줄 바꿈(웹 3개, 앱 2개)*/
.ul_cut_w32{flex-wrap: wrap; white-space: nowrap; }
.ul_cut_w32 li {width: 32%; margin-bottom: 100px; }
.ul_cut_w32 li:nth-last-child(-n+3) {margin-bottom:0; }

/*//캘린더 리뉴얼 241031*/



/*옵션페이지 섹션배너*/
.wide_wrap .section_linebnr {position: relative; margin: 20px; text-align: center; }
.wide_wrap .section_linebnr a { display: inline-block; transition: .3s;}
.wide_wrap .section_linebnr a:hover {opacity: .8; transition: .3s;}

/*테이블 내 다운로드 버튼*/
.btn_td_download { width: 100%; }
.btn_td_download a { padding-left: 78px; display: inline-block; height: 100%; text-align: start; width: 50%;}
.down_file_icon { background: url(https://s3.ap-northeast-2.amazonaws.com/image.publog.co.kr/products/gift/content/down_icon_bk.png?t=1) no-repeat 0% 50%; background-size: 14px;
    bottom: -3px; margin-left: 10px; height: 19px; width: 19px; position: relative; display: inline-block;}



/*달력 폼 다운로드*/
.tit_h3 h3 { position: relative; display: inline-block; font-size: 32px; color: #000; padding: 0 5px;}
.tit_h3 h3::after {z-index: -1; position: absolute; bottom: -9px; left: 0; content: ""; width: 100%; height: 8px; background: #e3e8eb; opacity: 0.7;}			
			
/*달력 폼 파일 다운로드 리스트*/			
.template_list {flex-wrap: wrap; white-space: nowrap; display: flex; justify-content: center; }
.template_list .template_item { cursor: pointer; position: relative; width: 32%; margin-bottom: 100px; }
.template_list .template_area:hover > .name .glasses_icon {
background: url(https://s3.ap-northeast-2.amazonaws.com/image.publog.co.kr/products/calendar/content/glasses-on.png?t=1) no-repeat 0% 50%;
background-size: 23px; bottom: -5px; margin-left: 10px; height: 23px; width: 23px; position: relative; display: inline-block;}
			
.template_list .template_area .thumbnail {overflow: hidden; width: 300px; height: 250px; display: inline-block; background-color: #f7f7f7; box-sizing: border-box; border-radius: 10px; position: relative;}
.template_list .template_area .thumbnail img { max-width: 70%; left: 15.5%; top: 16%; position: absolute; display: inline-flex;}
.template_list .template_area .name { margin-top: 30px; font-size: 20px; color: #000; line-height: 25px; }
.template_list .template_area .name .glasses_icon  {
background: url(https://s3.ap-northeast-2.amazonaws.com/image.publog.co.kr/products/calendar/content/glasses-off.png?t=1) no-repeat 0% 50%;
background-size: 23px; bottom: -5px; margin-left: 10px; height: 23px; width: 23px; position: relative; display: inline-block;}

.template_list .btn_wrap {margin-top: 20px;}
.template_list .btn_wrap .btn {color:#999 ; border-radius: 20px; margin: 0 2px; padding: 6px 12px; border: solid 1px #999; display: inline-block; font-size: 16px; background-color: #fff} 
.template_list .btn_wrap .btn:hover {color: #333; border: solid 1px #333;}
			
/*리스트 팝업*/
.popup_area { display: none; position: fixed; top: 50%; left: 50%;transform: translate(-50%, -50%); background-color: white; padding: 20px; z-index: 9998; width: 50%;}
.popup_area h2 {color: #333; font-size: 23px; padding: 30px 0 30px 0; font-weight: 600;}
.popup_area	.popup_con { display: flex; align-items: flex-end; justify-content: space-evenly; padding: 0px 40px 40px 40px; }	
.popup_area	.popup_con li img {width: 100%;}	
.popup_area	.popup_con li p {font-size: 14px;}
.popup_overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999;}

/*컨텐츠 더보기*/
.con_more_wrap { height: 105px; overflow: hidden; position: relative; margin: 0;}
.con-close-btn, .con-more-btn { display: block; width: 100%; padding: 80px 0 0; position: absolute; bottom: 0; left: 0; text-align: center; background: -moz-linear-gradient( top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60% ); background: -webkit-linear-gradient( top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60% ); background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60% ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0 );}
.con-close-btn { background: none;}
.con-slide-up { height: 105px; padding-bottom: 0; overflow: hidden;}
.con-slide-down { height: auto; overflow: visible; padding-bottom: 50px;}
.con-more-btn p { display: inline-block; color: #333; cursor: pointer; background: #fff; padding: 12px 20px; width: 20%; border-radius: 5px; font-size: 14px; border: solid 1px #333; font-size: 14px;}
.con-close-btn { padding: 0;}
.con-close-btn p { background: #fff;}

.size_img3 ul { display: flex; justify-content: center;}
.size_img3 img { vertical-align: bottom;}
.size_img3 p { margin: 12px 0;}

/*//달력 폼 다운로드*/


/*추가 안내*/
.ul_notice {border: 1px solid #f3f3f3; height: 275px;}
.ul_notice li.notice_img {left: 50px ; position: relative; top: -25px; width: 60%;}
.ul_notice li.notice_img img {left: 50px; position: relative; top: 42px; width: 60%;}
.ul_notice li.notice_txt {align-items: center;display: flex;}

/*쿠션키링*/
/*극세사*/
.ck_m_wh {background:#ffffff !important; border: 1px solid #d9d9d9 !important;} /* 화이트 */
.ck_m_whi {background:#ffffff !important; border: 1px solid #d9d9d9 !important;} /* 화이트 */
.ck_m_crm {background:#f4f4e7 !important} /* 크림아이보리 */
.ck_m_yel {background:#ffd628 !important} /* 허니옐로우 */
.ck_m_mel {background:#d1eb4d !important} /* 라임그린 */
.ck_m_skb {background:#95dbe6 !important} /* 스카이 */


.processing_layer07 ul.list .tit {font-weight: 600; display: block; margin-bottom: 5px;}



/*LED 아크릴 원형 응원봉*/
/*비디오 스타일*/
.content_video {border-radius: 10px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); max-width: 100%; height: auto; }

/*응원봉 컬러 안내*/
.color_change {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 25px 12px; padding: 50px 20px; width: 550px; margin: 0 auto; text-align: center; }

/* 원형 스타일 설정 */
.color_change .circle { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 16px; font-weight: bold; position: relative; }

/* 화살표 스타일 설정 */
.color_change .arrow { font-size: 14px; color: #cfcfcf; align-self: center;}

/* 각 원형의 고유 색상 지정 */
.color_change.circle_color .color-1 { background-color: #ff3b45; }
.color_change.circle_color .color-2 { background-color: #3bf459; }
.color_change.circle_color .color-3 { background-color: #415dff; }
.color_change.circle_color .color-4 { background-color: #ef40ff; }
.color_change.circle_color .color-5 { background-color: #ffffff; }
.color_change.circle_color .color-6 { background-color: #fef95f; }
.color_change.circle_color .color-7 { background-color: #5770fe; }
.color_change.circle_color .color-8 { background-color: #3cf3a0; }
.color_change.circle_color .color-9 { background-color: #b750ff; }
.color_change.circle_color .color-10 { background-color: #ffa73f; }
.color_change.circle_color .color-11 { background-color: #f363ff; }
.color_change.circle_color .color-12 { background-color: #2846ff; }
.color_change.circle_color .color-13 { background-color: #c1ff60; }
.color_change.circle_color .color-14 { background-color: #34fee4; }
.color_change.circle_color .color-15 { background-color: #ff212c; }

 /* 각 원형의 고유 색상 지정 */
.color_change.semicircle_color .color-1 { background-color: #ff3b45; }
.color_change.semicircle_color .color-2 { background-color: #3bf459; }
.color_change.semicircle_color .color-3 { background-color: #5e5dff; }
.color_change.semicircle_color .color-4 { background-color: #ff3ca2; }
.color_change.semicircle_color .color-5 { background-color: #ffffff; }
.color_change.semicircle_color .color-6 { background-color: #ff8339; }
.color_change.semicircle_color .color-7 { background-color: #6bff9d; }
.color_change.semicircle_color .color-8 { background-color: #7c4dff; }
.color_change.semicircle_color .color-9 { background-color: #ff62c1; }
.color_change.semicircle_color .color-10 { background-color: #fe9a78; }
.color_change.semicircle_color .color-11 { background-color: #f256ff; }
.color_change.semicircle_color .color-12 { background-color: #ff5641; }
.color_change.semicircle_color .color-13 { background-color: #14ffb4; }
.color_change.semicircle_color .color-14 { background-color: #5ea5ff; }
.color_change.semicircle_color .color-15 { background-color: #80ff6f; }

.color_change .border_color { border: 2px solid #999; color: #666 !important;}	

/* 반응형 디자인을 위한 미디어 쿼리 */
@media (max-width: 600px) {
	.color_change .circle {
		width: 50px;
		height: 50px;
		font-size: 16px;
	}
	.color_change .arrow {
		font-size: 20px;
	}
}


/*O X △ 모양*/

.shape_container {position: absolute; top: -40px; width: 80px; border-radius: 50%; padding: 40px; display: flex; justify-content: center; align-items: center; background-color: #333; height: 50px;}
.shape_container .shape {width: 80px; height: 30px; display: flex; justify-content: center; align-items: center; font-size: 50px; font-weight: bold;}
.shape_container .circle { border: 22px solid #006f2f; border-radius: 50%;}
.shape_container .circle::before { border-radius: 50%;  content: '';  position: absolute;  border: 10px solid #333;}
.shape_container .cross {position: relative;}
.shape_container .cross::before, .cross::after {	content: '';position: absolute;	width: 50px; height: 10px;	background-color: #ea0000;}
.shape_container .cross::before {transform: rotate(45deg);}
.shape_container .cross::after {	transform: rotate(-45deg);}
.shape_container .triangle { width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent;	border-bottom: 45px solid #ff9900;	position: relative;}
.shape_container .triangle::before {	content: ''; position: absolute; top: 16px;	left: -10px; width: 0; height: 0;	border-left: 10px solid transparent;	border-right: 10px solid transparent;	border-bottom: 20px solid #333;}


/*반칼스티커*/
.size_img.w390 ul li {width: 390px;}
.size_img.w390 ul li.table_li {padding: 20px 40px;}

.fw600 {font-weight: 600}
						
.worksize_info li { justify-content: center; text-align: center; align-items: center;}
.worksize_info li p { padding: 0 30px;}	
.worksize_info li .worksize_color {margin-right: 10px; width: 20px; height: 10px;}
.worksize_info li .red { background-color: #c62120 !important;}	
.worksize_info li .blue { background-color: #008aff !important;}
.worksize_info li .black { background-color: #000 !important;}

/*띠부씰_야구*/
.ul_cut li .txt_flex { margin-top: 25px; font-size: 13px; color: #777; line-height: 22px; display: flex; text-align: start; justify-content: center;}
.ul_cut li .txt_flex p { margin-top: 0;}
.ul_cut li .txt_flex p span {margin-top: 0;}

.ul_cut .ex_btn {display: inline-block; margin-top: 0 !important; color: #fff !important; box-sizing: border-box; text-align: center; padding: 8px 10px; transition: .5s; font-size: 11px !important; height: 38px; width: 100px; margin-right: 15px; position: relative; bottom: 6px;}
.ul_cut .ex_btn1 {background-color: #222450;}
.ul_cut .ex_btn2 {background-color: #999;}