@charset "utf-8";


/* --------------------------------- 기본 CSS -------------------------------------- */


.wide_wrap td, .wide_wrap th {padding: 20px 0; }
.mt130 {margin-top:40px !important}
.mt150 {margin-top:150px !important}
.pb0 {padding-bottom:0 !important}
.pt0 {padding-top:0 !important}
.p70 {padding:70px !important}
.mt100 {margin-top: 100px!important;}
.mt70 {margin-top: 30px!important;}
.mb100 {margin-bottom: 50px!important;}

/* 정렬 */
.txt_l {text-align: left !important}
.txt_r {text-align: right !important}
.txt_c {text-align: center !important}
.txt_blue {color:#159fda !important; margin-top: 5px; font-size: 15px !important; font-weight: 100 !important;}
.txt_red { color: #ff4040 !important;}

.publog_none {display: none;}

/* 앱에서만 노출*/
.display_web {display: none!important;} /* 앱 css에만 사용*/

/* 미리보기 */
.back_wrap {position:relative; max-width:300px; width:100%;margin:0 auto;}

/* 반팔/긴팔 앞면 */
.back_wrap .front {position:absolute; top:28.1%; left:32.9%; width:34.2%; height:49.4%;}
.back_wrap .front img {width:100%;}

/* 반팔/긴팔 뒷면 */
.back_wrap .back {position:absolute; top:23.1%; left:32.9%; width:34.2%; height:49.4%;}
.back_wrap .back img {width:100%;}

/* 반팔/긴팔 목 */
.back_wrap .neck {position:absolute; top:23.7%; left:37.1%; width:27.2%; height:14.9%;}
.back_wrap .neck img {width:100%;}

/* 반팔 왼쪽/오른쪽 */
.back_wrap .left {position:absolute; top:49.8%; left:40.9%; width:18.1%; height:12.6%;}
.back_wrap .left img {width:100%;}

/* 긴팔 왼쪽/오른쪽 */
.back_wrap .left_long {position:absolute; top:40.7%; left:44.2%; width:11.6%; height:49.5%;}
.back_wrap .left_long img {width:100%;}

/* 후드 앞면 */
.back_wrap .front_hd {position:absolute; top:29.4%; left:39.1%; width:21.9%; height:20.2%;}
.back_wrap .front_hd img {width:100%;}

/* 후드/후드집업 뒷면 */
.back_wrap .back_hd {position:absolute; top:31.8%; left:39.1%; width:21.9%; height:31.4%;}
.back_wrap .back_hd img {width:100%;}

/* 후드/후드집업 왼쪽/오른쪽 */
.back_wrap .left_hd {position:absolute; top:49.6%; left:46.2%; width:7.6%; height:31.5%;}
.back_wrap .left_hd img {width:100%;}

/* 후드집업 앞면 */
.back_wrap .front_hdz {position:absolute; top:29.7%; left:57.5%; width:11.4%; height:16.2%;}
.back_wrap .front_hdz img {width:100%;}

/* 후드/후드집업 머리 */
.back_wrap .head_hd {position:absolute; top:20.6%; left:41%; width:17.7%; height:29.4%;}
.back_wrap .head_hd img {width:100%;}

/* 미리보기 CSS */
.kiz_back_wrap {position:relative; max-width:300px; width:100%;margin:0 auto;}

/* 아동 반팔/긴팔 앞면 */
.kiz_back_wrap .front {position:absolute; top:31.5%; left:30.7%; width:38.5%; height:49.2%;}
.kiz_back_wrap .front img {width:100%;}

/* 아동 반팔/긴팔 뒷면 */
.kiz_back_wrap .back {position:absolute; top:30.7%; left:31.7%; width:36.5%; height:51.8%;}
.kiz_back_wrap .back img {width:100%;}

/* 폴로 셔츠 */
/* 앞면 */
.back_wrap .front_polo {position:absolute; top:24%; left:56.7%; width:12.9%; height:12.7%;}
.back_wrap .front_polo img {width:100%;}
/* 목 */
.back_wrap .neck_polo {position:absolute; top:42.7%; left:28.2%; width:43.5%; height:16.7%;}
.back_wrap .neck_polo img {width:100%;}
/* 왼쪽/오른쪽 */
.back_wrap .left_polo {position:absolute; top:53.9%; left:35.1%; width:29.8%; height:19.7%;}
.back_wrap .left_polo img {width:100%;}
/* dry 왼쪽/오른쪽 */
.back_wrap .left_polo_dry {position:absolute; top:53.9%; left:33.7%; width:32.5%; height:19.7%;}
.back_wrap .left_polo_dry img {width:100%;}
/* //폴로 셔츠 */


/* 마우스패드 사각형 */
.pad_r {position:absolute; top:-0.1%; left:-0.1%; width:100.2%; height:100.3%;}
.pad_r img {width:100%;}

/* 마우스패드 원형 */
.pad_c {position:absolute; top:-0.1%; left:-0.1%; width:100.2%; height:100.3%;}
.pad_c img {width:100%;}

/* 장패드 */
.pad_l {position:absolute; top:-0.1%; left:-0.1%; width:100.2%; height:100.3%;}
.pad_l img {width:100%;}


/* --------------------------------- 티셔츠 CSS -------------------------------------- */


/* 메인 비주얼 */
.wide_wrap {width: 100%; position: relative; padding:50px 0 0 0; box-sizing: border-box;}
.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('https://www.publog.co.kr/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 {color:#888; text-align: center; cursor: pointer; border-bottom:1px solid #ececec;}
ul.tab_btn_wrap > li.active {z-index: 1; font-weight:bold; color:#000; border-bottom:1px solid #000;}
ul.tab_btn_wrap > li > span {display: table-cell; vertical-align: middle; }
.tab_cont_wrap .cont_box {}
.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 {}
ul.tab_btn_wrap {position: relative;}
ul.tab_btn_wrap::after {content: ""; display: table; clear: both;}
ul.tab_btn_wrap li {}
ul.tab_btn_wrap li {border-bottom:1px solid #ccc !important;}
ul.tab_btn_wrap li:first-child {}
ul.tab_btn_wrap li img {/*max-width:80px;*/ max-height:80px;}
article.left_wrap .preview_wrap ul.tab_btn_wrap {width:850px;}
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}
ul.tab_btn_wrap li.active, .ul.tab_btn_wrap li:hover {border-bottom:1px solid #222450 !important;}
article.left_wrap .preview_wrap ul.tab_btn_wrap li {width:100px !important; background:#f8f9fb}
.zoomContainer {height:0 !important}

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

/* 지금, 만들기 버튼(공통) */
a.make_now {position: relative; top: 60px; border-bottom: 1px solid #336bb2; padding: 0 11px 3px 0; color: #336bb2; right: 145px; background: url('https://www.publog.co.kr/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;}
.wide_wrap td, .wide_wrap th { padding: 10px 0;}
.tit_wrap .option_title h4 {font-size: 14px; color: #333; margin-bottom: 10px; letter-spacing:0.5px}
.tit_wrap .option_title h4 .logo {display: inline-block; width:25px; height:25px; margin-top:-3px; margin-right:10px; vertical-align: middle; border-radius: 50%;}

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

.mo_hidden {display: none;} /* 영역숨기기 */
.link {display:inline-block !important; opacity:0.4; width:17px; height:17px; margin-left:5px; background: url('https://www.publog.co.kr/sub_book_s8/img/detail/link@2x.png?t=1') no-repeat center; background-size: 100%}
.link:hover {opacity:1;}
.tb_option {margin-top:20px;}
.tb_option .h4 {margin-bottom:0 !important; padding: 5px 0 10px 0;font-weight: 600; color: #111;text-align: left;font-size: 13px;}
article.tit_wrap article.color_wrap ul li span {margin-bottom:0; border-radius:5px;}
article.tit_wrap article ul li {margin-right:5px;}
.pb30 {padding-bottom:30px !important;}
.tshirt_option {margin-top:-10px; 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:100%;}
.tshirt_option article.left_wrap .preview_wrap {width:100%}
.tshirt_option article.left_wrap .tab_cont_wrap article.cont_box {width:100%;}
.tshirt_option article.left_wrap .tab_cont_wrap article.cont_box .preview_img {width:100%;}
.tshirt_option article.tit_wrap {width:100%}
.tshirt_option article.tit_wrap .tit_box {padding:20px; background:#fff;}
.tshirt_option article.tit_wrap .option_title h3 {line-height:32px;}
.value_sum {display:flex}
article.tit_wrap .btn_make {float:none;}
article.tit_wrap .btn_make a {width:220px; padding:20px 0; text-align:center; background-image: none;}
article.tit_wrap .btn_make a:hover {padding:20px 0; background-image: none;}
.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.tit_wrap article.color_wrap ul li span {}
.btn_make .basket:hover {background:#b3b3b3}
article.tit_wrap .tb_option th {vertical-align: top;}
article.tit_wrap .td_select .radio_select {display:flex;}
.size_box .radio_select {display:flex;}
.size_box .radio_select label {display:table; width:45px; height:45px; margin-right:10px; line-height:15px; font-size:12px; color: #666; border-radius: 50%; vertical-align: top; transition:0.3s; background:#f5f5f5; border:none; box-sizing: border-box; cursor: pointer;}
.size_box .radio_select label:hover {border:none;}
.size_box .radio_select label.none {opacity: 0.5; cursor:default}
.size_box .radio_select label.none:hover {border: 1px solid #d4d4d4;}
.size_box .radio_select label > span {display: table-cell; vertical-align: middle; font-size:12px}
.size_box .radio_select input:checked + label {z-index: 1; position: relative; color: #1a1a1a; font-weight:600; background:#FFD659; border:none; transition:0.3s}
article.tit_wrap .td_select .size_btn {position:absolute; bottom:17px; right:0; font-size:12px; text-decoration: underline; color:#666}

span.none_text {display: block; font-size:10px;}
article.tit_wrap .tb_option th {padding:5px 0;}
article.tit_wrap .tb_option th, .value_sum dt {font-size:12px; font-weight:500;}
article.tit_wrap .tb_option td {padding:5px 0; font-size:12px;}
article.tit_wrap article.color_wrap {margin-top:20px;}
article.tit_wrap article.color_wrap h4 {margin-top:10px; cursor: pointer;}
article.tit_wrap article.color_wrap span.color {width:35px; height:35px; margin-right:10px; vertical-align: middle;}
article.tit_wrap article.color_wrap span.active {box-sizing:border-box;}
article.tit_wrap article.color_wrap .color_btn {position:absolute; top:39px; right:0; font-size:12px; color:#666}
article.tit_wrap article.color_wrap .color_btn img {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}
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;}
.color_box ul {display: flex; flex-wrap: wrap;}
.color_box ul li {margin:0 20px 20px 0; font-size:11px; text-align: center;}
.color_box ul li span {position:relative; width:25px !important; height:25px !important; margin-bottom:3px; border-radius: 50%; box-sizing:border-box;}
.color_box ul li.active span:before {content:""; position:absolute; top:0; left:0; width:25px; height:25px; background:url(https://www.publog.co.kr/apparel/tshirt/img/btn_check.png?t=1) center no-repeat; background-size: 9px}
.color_box ul li.active span.whi:before {background:url(https://www.publog.co.kr/apparel/tshirt/img/btn_check_blk.png?t=1) center no-repeat; background-size: 9px}
article.tit_wrap article.color_wrap .more_box li span.color:hover {background-image:none !important}

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

.cont_box .preview_box {}
.cont_box .preview_box:first-child {}
.preview_box img {width:100%;}
.preview_box_full img {width:100%;}
.cont_box_full .preview_box {width:850px; height:700px; background:#f7f7f7}

.preview_direct .preview_box {position:relative; width:100%; height:430px; text-align: center; line-height:695px; background:#f8f9fb}
.preview_direct_full .preview_box {position:relative; width:850px;}
.preview_direct .preview_box img {width: auto !important;height: auto !important;max-width: 100% !important;max-height: 100% !important;}
.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:first-child {padding:16px 0}
article.left_wrap .preview_direct ul.tab_btn_wrap li:first-child img {width:auto !important; max-height: 48px !important;}

.preview_direct .preview_box .back_wrap {position:absolute; top: 45% !important; left: 50%; transform: translate(-50%, -50%); height: 300px;}

.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;}


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

/* 수량 체크 */
.quantity_box_35, .quantity_box_45 {position:relative; float:left; width:100px; height:35px; border:1px solid #d4d4d4; box-sizing: border-box; border-radius: 5px}
.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('https://www.publog.co.kr/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('https://www.publog.co.kr/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:12px; color:#000; text-align: center; border:none;}

/* 공통 컨텐츠 css */
.wide_wrap img {vertical-align:top;}
.mt0 {margin-top:0 !important;}
.mt50 {margin-top:50px !important;}
.mt17 {margin-top:15px !important;}
.mt70 {margin-top:40px !important;}
.mt100 {margin-top:100px !important;}
.mt200 {margin-top:70px !important;}
.w1200 {position:relative; width:100%; margin:0 auto; text-align: center;}
.top_sec {text-align:center}
.top_sec img {width:100%}
.top_sec_full img {width:1200px;}
.model_sec {padding:50px 30px; box-sizing:border-box;}
.color_sec {padding:50px 30px; background:#f8f8f8;}
.point_sec {padding:50px 30px;}
.coolon_sec {padding:50px 0 0 0}
.front_sec {padding:50px 30px; border-top:1px solid #ededed}
.info_sec {padding:0 20px; box-sizing: border-box;}
.way_sec {padding-bottom: 150px;}
#size_go {padding:50px 20px}
.size_sec {font-size: 12px;}
.package_sec {width:100%; height:900px; image-rendering: -webkit-optimize-contrast;}
.tit_h2 {margin-bottom:40px; padding-top:40px; text-align: center; background: url('https://www.publog.co.kr/apparel/tshirt/img/content/h_line.png?t=1') top center no-repeat; background-size:15px;}
.tit_h2_none {background:none;}
.tit_h2_none p {line-height:25px;}
.tit_h2 h2 {margin-top:15px; font-size:24px; color:#000; line-height:36px; word-break:keep-all;}
.tit_h2 h3 {position: relative; display: inline-block; margin-top: 0px; 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:14px; color:#777; margin-top:30px; word-break: keep-all}
.tit_h2 p.tit_p {margin-top:25px; line-height:25px; word-break: keep-all}



.main_cut img {width:100%; image-rendering: -webkit-optimize-contrast;}
.main_cut_h img {width:100%; image-rendering: -webkit-optimize-contrast;}
.main_cut.preview_direct {width: 100% !important;}
.main_cut.preview_direct_full {width:850px !important;}
.main_cut.preview_direct > div {position:relative; height:400px; margin-bottom: 50px; background:#f8f9fb;}
.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%);}
.color_sec .ul_cut {display:flex; flex-wrap: wrap;}
.color_sec .ul_cut li {width:22%; margin:0 1.5% 20px 1.5%}
.color_sec .ul_cut li p {font-size:11px;}
.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;}

.plus_caution p {position: absolute; bottom: 0; font-size: 12px; color: white; z-index: 99; padding: 1% 5%;}
.plus_caution .img_wrap_caution {bottom: 0; position: absolute; width: 100%; height: 20%; background-color: black; opacity: 0.7;}


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

.ul_cut {margin-top:  0px !important;}
.ul_cut li {width:100%; margin-bottom:50px;}
.ul_cut li:last-child {margin-bottom:20px;}
.point_sec .ul_cut li {width:100%;}
.point_sec .ul_cut_full li {position:relative; width: 100%; margin: 0 0 60px 0;}
.point_sec .ul_cut_full .per60 img {width: 60% !important;}

.ul_cut li img {width:100%; image-rendering: -webkit-optimize-contrast;}
.ul_cut li h3 {margin-top:30px; font-size:16px; color:#000;}
.ul_cut li p {margin-top:10px; font-size:12px; color:#777; line-height:20px;}
.ul_cut li p span {margin-top:10px; font-size:12px; color:#777;}
.ul_cut_25 li {position: relative; width: 45% !important; margin: 20px 2.5% !important;}
.ul_cut_25 li span {position: absolute; right: 0px; width: 100%; height: 23px; bottom: 81px; font-size: 11px; color: #fff; background: #878787; box-sizing: border-box;}

.sub_p {margin-top:30px; font-size:13px; color:#777; line-height:22px; text-align:center; word-break: keep-all;}
.sub_p span {font-size: 15px; color: #000; font-weight: bold; margin-bottom: 15px; display: inline-block;}
.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:30px; font-size:13px; color:#c1c1c1; line-height:22px; text-align:center; word-break: keep-all;}
.sub_p_bottom {margin-top:30px; margin-bottom: 60px; font-size:13px; color:#777; line-height:22px; text-align:center; word-break: keep-all;}


/*에폭시 스티커*/
.ul_cut .horiz_list ol li {margin-bottom: 20px !important; text-align: left; list-style: square !important; font-size: 13px !important; color: #777!important;}
.ul_cut .horiz_list ol li:first-child {margin-top: 30px !important;}
.ul_cut .horiz_list ol li span.bold {font-weight: bold !important;padding-top: 8px;display: block;}
    



/* 테이블 */
.tb1 {width:700px !important; margin:0 auto; border-top:1px solid #333 !important; border-bottom:1px solid #ededed !important;}
.tb1 th {padding:10px 0 !important; font-size:12px !important; font-weight:normal; color:#333 !important; border-bottom:1px solid #ededed !important;}
.tb1 td {padding:10px 0 !important; font-size:12px !important; color:#777; border-bottom:1px solid #ededed !important; text-align: center;}
.tb_web {width: 100% !important; margin: 0 auto !important;}

.tb2 {width:100% !important; margin:0 auto; border-bottom:1px solid #ededed !important; word-break: keep-all; border-collapse: collapse; border-spacing: 0;}
.tb2 th {padding:10px 5px !important; font-size:12px !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:10px 5px !important; font-size:12px !important; line-height:18px; 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:5px; color:#333; line-height:22px;}
.tb2 td span.off {color:#b3b3b3}

.info_sec h2 {padding-bottom:20px; font-size:15px; color:#000; text-align: left; border-bottom:1px solid #333;}
.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-bottom:1px solid #eaeaea;}
.print_box ul.print_ul {display:flex; flex-wrap: wrap; padding:30px 0 0 0; border-bottom:1px solid #eaeaea;}
.print_box ul.print_ul li {width:50%; margin-bottom:30px; text-align:center; word-break: keep-all;}
.print_box ul.print_ul li p {margin-top:15px; font-size:12px; color:#333; line-height:18px;}
.print_box .ul_default {margin-top:0; padding:30px 0; background:none}
.print_box .ul_default li {font-size:12px; color:#777;}
.print_box ul.print_ul li img {height:70px; margin: 0 auto;}

.size_sec {display:flex; justify-content: space-between; flex-wrap: wrap;}
.size_sec h2 {margin-bottom:30px; font-size:17px; color:#000; text-align: left;}
.size_sec ul.size_ul {display:flex; justify-content: space-around;}
.size_sec ul.size_ul li {width:45%; text-align:center;}
.size_sec ul.size_ul li:first-child {}
.size_sec ul.size_ul li p {margin-top:15px; font-size:12px; color:#777;}
.size_sec .size_model {margin-top:30px}
.size_ul li .size_p {line-height:20px;}
.size_ul li .size_p span {display:block; margin-bottom:5px; font-size:16px; font-weight:600; color:#111}
.size_sec .ul_default {width:100%; margin-top:0; padding:30px 0px; background:none}

.laundry_img {}
.laundry_img img {display:none; width:20px; margin-right:10px; margin-top:-2px; vertical-align: middle; opacity: 0.5}
.warranty_btn {display:none;}

/* 셀렉트 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('https://www.publog.co.kr/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('https://www.publog.co.kr/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;}
.template_box {}
.template_box .option_select {width: 43%;}
.template_box .option_select select {padding: 0 0 0 15px; background: url(/login/new/img/sel_arrow@2x.png?t=1) no-repeat 92% 50%; background-size: 8px; }

/* 리스트 스타일 */
.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 {padding:65px 20px 0 20px; text-align: left;}
.option_box h3 {font-size:24px; font-family: 'Montserrat','YoonGothicPro760', sans-serif; color:#1a1a1a}
.list_box {width:100%; margin:0 !important;}
.list_box .option > div {padding:0 !important; font-size:13px;}
.list_box .option > div.left em {color:#1a1a1a; font-weight:500}
.list_box .option > div.right {display:flex; align-items: center;}
div.option_select {margin-right:15px}
div.option_select select {float: left; padding: 0 5px 0 10px; height:27px; width: 100%;border: none;font-size: 12px;color: #1a1a1a;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;background: url(/login/new/img/sel_arrow@2x.png?t=1) no-repeat 87% 50%; background-size: 8px; border-radius: 20px; border:1px solid #e5e5e5;}
.cont_wrap .list_wrap .option .right {float:none; margin-top:-7px}
.option_box .nav_h3 {margin-top:0;}
.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 {display:flex;}
.option_box .nav_h3 > ul > li {margin:0 25px 15px 0;}
.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 {width:60px; height:29px; padding-top:4px; margin-right:10px; color:#fff; text-align: center; background:#1a1a1a; border-radius: 20px; box-sizing: border-box; cursor: pointer;}
.filter_box span {margin-left:3px; font-weight:600; color:#fff}
.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}

.apparel_list {display:flex; justify-content: space-between; flex-wrap: wrap; width:100% !important; text-align: left; box-sizing: border-box;}
.apparel_list li {position:relative; width:49.5% !important; height:auto !important; margin:0 0 40px 0 !important}
.apparel_list li:hover div.cover .btn_box {opacity:1}
.apparel_list li div.cover {position:relative; background:#f8f9fb;}
.apparel_list li div.cover img {width:100%;}
.apparel_list li div.cover .btn_box {z-index:2; opacity:0; position: absolute; top:0; left:0; width:100%; height:380px; 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 .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:2px !important; padding: 5px 0;}
.apparel_list li div.info div.color {}
.apparel_list li div.info div.color span {display:block; width:3px; height:7px; box-sizing: border-box; border-radius: 2px;}
.apparel_list li div.info h4 {height:35px; font-size:13px; margin-top:7px !important; font-weight:500; color:#1a1a1a; line-height:17px;; word-break: keep-all;}
.apparel_list li div.info h5 {margin-top:10px; font-size:12px;}
.apparel_list li div.info h5 .logo {display:inline-block; width: 17px; height: 17px; margin-right: 7px; vertical-align: middle;border-radius: 50%;}
.list_group .apparel_list li p {margin:2px 0 !important; font-size:12px; line-height:17px;}
.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;}
.apparel_list li div.info {padding:0 5%; box-sizing:border-box;}
.loading {margin-bottom:50px; text-align: center;}
.loading img {margin: 0 auto; width: 40px;}

/* 라벨 */
div.label_default {z-index: 1; width: 50px;height: 50px;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:11px !important; color:#fff !important}
div.label_default.l_event {background:#eda9a7}
div.label_default p.event { color:#fff !important}

.label_all {position:absolute; bottom:4px; right:7px; line-height:21px;}
.bottom_label {}
.bottom_label span {display: inline-block; width:32px; height: 18px; margin-left: 4px;margin-top: -1px; font-size: 11px !important;color: #222450 !important;font-weight: 500;line-height: 17px;text-align: center;border: 1px solid #222450 !important;box-sizing: border-box;vertical-align: middle; border-radius: 3px;}
.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;}


/* 편집기 레이어 */
.edit_box {width:950px !important; margin:0 auto;}
.edit_box nav {margin-top:0 !important}
.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.tit_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:#f8f9fb}

.quanity_option table td {border-bottom:1px solid #ededed;}
.quanity_option table td.size {padding-top:23px !important; font-size:12px !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;}

.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('https://www.publog.co.kr/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('https://www.publog.co.kr/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;}
.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('https://www.publog.co.kr/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('https://www.publog.co.kr/apparel/img/help/arrow_down.png?t=1') center no-repeat }
.faq_list li.complete {color:#000;}
.faq_list li.complete button {background: url('https://www.publog.co.kr/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}

/* 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;}

/* 쿠폰 레이어 */
.cp_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; padding-left:17px;}
.cp_box article div ul li {width:100%; position:relative; font-size:12px; list-style:disc; 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 {font-family: 'Montserrat','YoonGothicPro740', sans-serif; padding-bottom:10px; margin-bottom:10px; font-size:15px; font-weight:400; 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;}

.wide_wrap {overflow-y: hidden}
.wide_wrap .all_btns {z-index: 9; display:flex; position:fixed; bottom:0; left:0; width:100%;}
.wide_wrap .all_btns button {height:55px; text-align: center;}
.wide_wrap .all_btns .reset_btn {width:30%;}
.wide_wrap .all_btns .reset_btn img {margin-right:0 !important;}
.wide_wrap .all_btns .apply_btn {width:70%;}
.list_box .nav_box div {top:-1px !important}
.list_box .option {display:flex; justify-content: space-between; align-items: center; margin-bottom:15px; padding:0 20px;}

.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 {padding-bottom:50px}
.design_list li {margin-bottom:1% !important;}
.design_list li div.cover {padding: 10% 22%; line-height:170px; text-align: center; background:#f8f9fb; box-sizing: border-box;}
.design_list li div.cover img {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 55px; line-height:185px; text-align: center; background:#f8f9fb; 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('https://www.publog.co.kr/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('https://www.publog.co.kr/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 {background: #333; width: 80px; height: 30px; font-size: 14px !important; color: #fff; font-weight: 500; line-height: 28px; text-align: center; box-sizing: border-box; vertical-align: middle; border-radius: 20px; margin-bottom: 30px;}

.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:#f8f9fb}
.main_cut.preview_direct_pad img {width:550px; padding: 0 !important}

/* TOP 고정 */
/*#wrap .nav-down {display:none !important;}*/
.fixed_box {z-index: 9; position:fixed; top:0; left:0; width:100%; height:45px; background: #fff; border-bottom:1px solid #e5e5e5; box-sizing: border-box;}

/* 모바일 팝업 */
.scrollOff {touch-action: none; overflow:hidden;}
.popCmmn {z-index: 9999; display:none; position:fixed; top:0;left:0;width:100%;height:100%;}
.popBg {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}
.layer_box {position: fixed;  bottom: -100%; width: 100%; background: #fff; transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); border-radius:30px 30px 0 0; box-sizing: border-box;}
.layer_box_full {height:100%; border-radius:0;}
.layer_box_on {bottom:0; transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);}
.layer_box .content article {margin-top:30px;}
.layer_box .content {width:100%; height:100%; padding:50px 25px 90px 25px; box-sizing:border-box; overflow-y: auto;}
.layer_box_full .content {padding:40px 25px 90px 25px; }
.layer_box .header {z-index: 9; position:absolute; top:10px; left:0; width:100%; height:60px; padding:22px 0 20px 25px; box-sizing: border-box;}
.layer_box_full .header {top:0; background: #fff;}
.layer_box .header h2 {font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-size:22px; font-weight:500; color:#1a1a1a}
.layer_box .content h4 {font-family: 'Montserrat','YoonGothicPro740', sans-serif; margin-bottom:10px; font-size:15px; font-weight:400; color:#1a1a1a}

.layer_box .all_btns {z-index: 9; display:flex; position: absolute; left:0; bottom: 0; width: 100%;}
.layer_box .all_btns button {width:50%; height:55px; text-align: center;}
.all_btns .reset_btn {background:#1a1a1a; color:#fff;}
.all_btns .apply_btn {color:#1a1a1a; background: #FFD659;}
.all_btns .apply_btn span {display: inline-block; font-weight: 600;}
.all_btns button img {width:17px; margin-right:10px; margin-top: -1px; vertical-align: middle; image-rendering: -webkit-optimize-contrast;}
.popCloseBtnCmmn {position:absolute; top:20px; right:23px; width:22px; height:22px; background: url('https://and100.publog.co.kr/number/img/btn_close.png') center no-repeat; background-size:17px;}

.active_box {display:flex; justify-content: space-between;}
.active_box li {width:49%; height:35px; font-size:12px; color:#1a1a1a; line-height:33px; text-align: center; border:1px solid #1a1a1a; border-radius: 4px; box-sizing:border-box; opacity: 0.3; transition: 0.3s}
.active_box li.active {opacity: 1;}

/* 상세 영역 */
/*.login_header {z-index: 99 !important; height: 50px !important; padding-top: 14px !important;}
.login_header h1 {font-size:16px !important; font-weight:500 !important; color:#1a1a1a;}
.login_header button.prev {position: absolute;top: 17px; left: 20px; width: 18px; height: 14px; background: url(/login/new/img/btn_prev.png?t=1) no-repeat; background-size: cover;
}*/
/*.preview_wrap div.tab_cont_wrap {padding-top:0 !important}*/
.detail_wrap {z-index: 2; position:relative; margin-top:-30px; padding:0 20px; background: #fff; border-radius: 30px 30px 0 0}
.detail_wrap .tit_wrap {width:100%; padding:20px 0; box-sizing: border-box;}
.tit_wrap .tit_box h3 {font-size: 16px; color: #1a1a1a; letter-spacing: -0.2px;}
.detail_wrap .benefits_wrap {padding:20px 0; border-top:1px solid #e5e5e5;}
.detail_wrap .benefits_wrap ul {margin-top:10px !important}
.detail_wrap .benefits_wrap ul li {margin-bottom:3px; font-size:12px;}
.detail_wrap .color_wrap {position:relative; padding:20px 0; border-top:1px solid #e5e5e5;}
.detail_wrap > article > h4 {font-family: 'Montserrat','YoonGothicPro740', sans-serif;margin-bottom: 10px;font-size: 15px;font-weight: 400;color: #1a1a1a;}
.detail_wrap > article > p {font-size:12px;}
.detail_wrap > article > p span.line {margin:0 7px; font-size:8px; vertical-align: bottom}
.detail_wrap .color_wrap h4 {margin-bottom: 0 !important; padding: 5px 0 10px 0; font-weight: 600;color: #111;text-align: left;font-size: 13px;}
.detail_wrap .color_wrap h4 span {display:inline-block;}
.detail_wrap .color_wrap h4 span.color {width: 45px; height: 45px; margin-right: 10px; vertical-align: middle; border-radius: 50%; box-sizing: border-box;}
.detail_wrap .color_wrap button.color_btn {position: absolute;top: 37px; right: 0; font-size: 12px;color: #666;}
.detail_wrap .color_wrap button.color_btn img {width: 13px; margin: 7px 0 0 5px;}


.fixed_nav_wrap {height: 50px; border-bottom: 1px solid #eee; box-sizing: border-box;}
ul.fixed_nav2 {text-align: center; display:flex; justify-content: space-between}
ul.fixed_nav2 li {width:100%}
.option_detail_wrap .detail_tab_box .detail_tab ul li div.btn_making span#sale_price_txt2 {font-size: 22px; font-weight: bold; padding-right: 5px;}
section.detail_con {margin-top:60px; border-top:1px solid #e5e5e5;}
.wide_wrap .make_go {}
.wide_wrap .make_go button {float:left;}
.thumb_swipe .swiper-pagination {position:absolute; top:45%; right:40px; left:auto; width:auto; font-size:0}
.thumb_swipe .swiper-pagination span {font-size:12px; font-weight:600; color:#222}
.thumb_swipe .swiper-progress-bar {position: absolute; right:-5px; top:45%; margin-top:-35px; width: 70px; display: block;z-index: 1; height: 2px; margin:0 auto; transform: rotate(90deg); background: rgba(0, 0, 0, 0.1);}
.thumb_swipe .swiper-progress-bar .slide_progress-bar {height: 2px; width: auto;clear: both;opacity: 0;}
.thumb_swipe .swiper-progress-bar .slide_progress-bar:after {position: absolute; top: 0; left: 0; background: #3e3e3e;height: 100%;width: 0;content: "";}
.thumb_swipe .swiper-progress-bar.active .slide_progress-bar {opacity: 1;}
.thumb_swipe .swiper-progress-bar.animate .slide_progress-bar:after {transition: width linear;transition-delay: unset;width: 100%;transition-duration: 5s;}
.thumb_swipe .swiper-pagination-current {position:absolute; top:-65px; width:20px; text-align: center;}
.thumb_swipe .swiper-pagination-total {position:absolute; top:45px; width:20px; text-align: center; }

/* section 8: 번개배송+해외배송 */
.cnt-main-title {display: none;}
.cnt-main-title p {text-align:center}
.cnt-box8 {width: 100%; background: #f7e8d3}
.cnt-box8 .cnt-delivery {width: 100%; margin: 0 auto; padding: 50px 0 30px 0; background: #f7e8d3}
.cnt-quick-disc {width: 100%; display: block; transition: .3s; }
.cnt-quick-disc:hover {opacity: .8; transition: .3s; cursor: pointer;}
.cnt-quick-disc .delivery-txt {width: 100%; text-align: center; color: #1a1a1a; box-sizing:border-box}
.cnt-quick-disc .delivery-txt h4 {font-size: 16px; font-weight: 400; line-height: 24px; padding-bottom: 5px;}
.cnt-quick-disc .delivery-txt h2 {font-size: 24px; color: #000; line-height: 32px;}
.cnt-quick-disc .delivery-txt p {display: none; font-size: 14px; font-weight: 400; color: #666; line-height: 26px; margin-bottom:5px}
.cnt-quick-disc .delivery-txt span {font-size:13px; color:#999}
.delivery-img1, .delivery-img2, .delivery-img3 {width: 100%; height: 200px;}
.delivery-img1 a, .delivery-img2 a {display: block;}
.delivery-img1 {background: url(/sub_printing_s3/images/deli-img-01.jpg) no-repeat; background-size: cover;}
.delivery-img2 {background: url(/sub_printing_s3/images/deli-img-02.jpg) no-repeat; background-size: cover;}
.delivery-img3 {background: #f7e8d3 url(https://www.publog.co.kr/sub_printing_s3/images/deli-img-03.jpg) center no-repeat; background-size: contain;}

/* 편집기 옵션 */
.layer_btn {position: absolute; top: auto; right: auto; bottom:10px; left:50%; width: 40px; height: 40px; margin-left:-20px; background: #1a1a1a url(/number/img/btn_close2.png) center no-repeat; background-size: 12px; border-radius: 50%;}
.layer_box .content .tab_cont_wrap .cont_box {display:none}
.layer_box .content .tab_cont_wrap .cont_box:first-child {display: block;}
.layer_box .content ul.tab_btn_wrap {display:flex; top:-10px;}
.layer_box .content ul.tab_btn_wrap li {width:30%; height:35px; font-size:16px; text-align:center; margin:0 5%;}
.layer_box .content ul.tab_btn_wrap li.active {border-bottom:2px solid #1a1a1a !important}
.layer_box .content ul.tab_btn_wrap li {border:none !important;}
.radio_select input {position: absolute !important;height: 1px;width: 0 !important;border: 0;overflow: hidden;}
.name_box {text-align: center;}
.name_box p {font-size:16px; color:#1a1a1a;}
.name_box button {display:inline-block; margin:20px 0 0 0;}

/* 스와이프 */
.con_swipe {position:relative; overflow:hidden; width:100%; margin:0 auto; text-align: center;}
.con_swipe img {width:100%; margin:0 auto;}
.con_swipe p {opacity: 70%;  left: 0px !important; top: auto !important; bottom:0;  width: 100% !important;  background-color: #000; position: absolute; font-size: 12px !important; color: #fff; padding: 7px !important; box-sizing: border-box}
.con_swipe span {position: absolute; top: 0; right: 175px; width: 70px; height: 45px; padding-top: 13px; color: #fff; background: #878787; box-sizing: border-box;}
.con_swipe .swipe_span {font-size: 12px!important; color: #777!important; margin-top: 10px!important; position: initial; background: space;}

.con_swipe .swiper-button-prev {top: auto !important; bottom:0; width:25px; height:35px; margin-top:-15px; left:15px; background:url('https://s3.ap-northeast-2.amazonaws.com/image.publog.co.kr/products/gift/content/a_prev_m.png?t=1') center no-repeat; background-size:cover;}
.con_swipe .swiper-button-next {top: auto !important; bottom:0; width:25px; height:35px; margin-top:-15px; right:15px; background:url('https://s3.ap-northeast-2.amazonaws.com/image.publog.co.kr/products/gift/content/a_next_m.png?t=1') center no-repeat; background-size:cover;}
.button_none{display: none;}

/* 상품 프리뷰 */
.preview_wrap ul.tab_btn_wrap li {display: inline-block; width: 50px !important; margin:1px !important; opacity: 0.5;}

/* 옵션 추가 */
.size_full {display:flex; align-items: center;}
.size_full .multiply {margin:0 10px}
.size_full 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;}
.size_full 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;}
.size_one {display:inline-block !important; width: 86% !important;}
.size_one div.input_box {width: 100%;}
.size_one .gray_txt {margin: 5px 0; color: #c1c1c1;}
.size_one .gray_txt span {font-weight: bold; color: #a7a7a7 !important;}
.size_one div.input_box label {margin-left: 81%;}
.size_one div.input_box input {width: 77% !important;}


.select_wrap {position:relative; margin-top:5px !important; cursor: pointer;}
.select_wrap h4 {padding: 0 15px 5px 15px !important; height: 40px; margin-top:0 !important; line-height:26px; border-bottom: 1px solid #d9d9d9; box-sizing:border-box;}
.select_wrap h4 span {font-size:14px; color:#1a1a1a; font-weight:normal; }
.select_wrap button.more_btn {position:absolute; top:10px; right:15px; padding:0 !important; }
.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:260px; border:1px solid #d9d9d9; background:#fff; overflow-y: auto; overflow-x: hidden; box-sizing:border-box;}
.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:-5px !important; border-radius: 0 !important}


/*원고지키링*/
.select_wrap .more_box li.style_abc img {width:155px;  height:auto; margin-right: 15px;}

/*디자인키링*/
.tit_ps {margin-bottom:40px; padding-top:40px; text-align: center; background: url('https://www.publog.co.kr/apparel/tshirt/img/content/ps_icon.png?t=1') top center no-repeat; background-size:30px;}
.tit_ps_none {background:none;}
.tit_ps_none p {line-height:25px;}
.tit_ps h2 {margin-top:15px; font-size:24px; color:#000; line-height:32px; word-break:keep-all;}
.tit_ps p {font-size:14px; color:#777;}
.tit_ps p.tit_p {margin-top:25px; line-height:25px; word-break: keep-all}
.model_sec2 {padding:60px 30px 50px 30px !important; box-sizing:border-box;}

/*디자인키링 - 사이즈*/
.size_img button {width:300px; height:60px; margin-top:70px; font-size:16px;}
.size_img div {display: none; margin-top:0px;}
.size_img ul {width: 100%; margin-bottom: 30px; display: flex; justify-content: space-between;}
.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 {display: block;}
.guide_size input#size-1:checked ~ .size_img .size_box1 .size_flex, .guide_size input#size-2:checked ~ .size_img .size_box2 .size_flex {display: block;}

.size_img .size_box1 .size_flex, .size_img .size_box2 .size_flex {display: flex !important; justify-content: space-between;}
.size_img .size_box1 .size_flex ul, .size_img .size_box2 .size_flex ul {margin: 5%;}
.size_img .size_box1 .size_flex .size_detail p:last-child, .size_img .size_box2 .size_flex .size_detail p:last-child {color: red;}

/*사이즈 - input - 박스형 */
input.input_box {height:45px; padding:0 15px; border:1px solid #d4d4d4; box-sizing: border-box;}
input.input_box:hover, input.input_box:focus {border:1px solid #000;}

/*사이즈 - Basic styles */
input[type="checkbox"], input[type="radio"] {position: absolute;opacity: 0;z-index: -1;}
.checkbox label {position: relative;display: inline-block;padding: 0 0 0 27px;height: 1.5em;line-height: 1.5;cursor: pointer;}
.checkbox label::before,
.checkbox label::after {position: absolute;top: 0;left: 0;display: block; width:17px; height:17px; border-radius: 3px}
.checkbox label::before { content: " "; border: 1px solid #d9d9d9; background:url(/include/img/login/checkbox.png) center no-repeat; background-size:17px;}

/*사이즈 - Radio */
.radiobox label {position: relative;display: inline-block; margin-right:60px; padding: 0 0 0 27px;height: 1.5em;line-height: 1.5;cursor: pointer;}
.radiobox label::before,
.radiobox label::after {position: absolute;top: 0;left: 0;display: block; width:17px; height:17px; border-radius: 100px}
.radiobox label::before { content: " "; border: 1px solid #d9d9d9; background:url(/include/img/login/checkbox.png) center no-repeat; background-size:17px;}

/*아크릴 톡*/
.notice_p {padding:10%!important; margin-bottom: 15%!important; width: 80%!important;}


/* 아크릴 목업 */
.cont_box_acryl {position:relative; overflow: hidden;}
.type_box {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

/* 원형 */
.clip_circle_box .type_box {width: 62%}
.clip_circle_box .clip_box {width: 45%;}
/* 자유형 */
.clip_free_box .type_box {width: 50%;}
.clip_free_box .clip_box {width: 45%;}
/* 자유형2 */
.clip_free_box2 .type_box {width: 53%;}
.clip_free_box2 .clip_box {width: 37%; left: 49.5%; top: 52.3%;}
/* 정사각 */
.clip_square_box .type_box {width: 62%}
.clip_square_box .clip_box {width: 45%;}
/* 직사각 */
.clip_rect_box .type_box {width: 63%;}
.clip_rect_box .clip_box {width: 29.5%;}
/* 와이드 */
.clip_wide_box .type_box {width: 66%;}
.clip_wide_box .clip_box {width: 52%;}
/* 타원 */
.clip_ellipse_box .type_box {width: 62%;}
.clip_ellipse_box .clip_box {width: 27.5%;}
/* 원고지형 */
.clip_text_box .type_box {width: 61%;}
.clip_text_box .clip_box {width: 45%; left: 49.7% }
/* 큐브 */
.clip_cube_box .type_box {width: 62%}
.clip_cube_box .clip_box {width: 47%;}


.clip_box {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.light_box {opacity: 0;height: 35%;animation: light_move 3s ease 1s infinite;}	
.light_box {opacity:0; width:400px; height: 400px; 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%;}
 }	
.type_box, .clip_box, .light_box {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.bg_box {position: absolute; top: -25.1%; right: -24.9%; width: 150%;}
.bg_all_box {display:flex; justify-content: center; flex-wrap: wrap;}
.bg_all_box li {position:relative; height:41.17px; overflow: hidden;}
/*.bg_all_box li div {height:41.17px;}*/
.bg_all_box li div {height: auto;}
.bg_all_box .type_box {height:auto;}
.bg_all_box .clip_box {width:auto; height:auto;}
.bg_all_box .bg_box {width:150%; top:-25%; right:-25%;}


/* html5 리스트 */
.list_html5_wrap {background: #f8f9fb !important;}
.list_html5_wrap #wrap {background: #f8f9fb !important;}
.html5_list li p {font-size:16px; font-weight: 600; color:#1a1a1a;}
.clip_box {max-width:100%; max-height:100%;}
.clip_box img {width: auto; height: auto; max-width: 100%; max-height: 100%; margin:0 auto; vertical-align: middle;}
.list_html5_wrap header.login_header {top:45px;}
.list_content {padding:100px 15px 40px 15px !important}
.list_content.placard_content {padding:140px 15px 40px 15px !important}
.list_content .html5_list li {margin-bottom:10px;}
.list_content .clip_box {height:auto;}
.list_content .bg_box {top:-45.1%; right:-44.9%; width:190%;}
.list_content .type_box {width:80%;}
.list_content .clip_circle_box .clip_box {width:56%;}
.list_content .clip_square_box .clip_box {width:56%;}
.list_content .clip_ellipse_box .clip_box {width:35%;}
.list_content .clip_rect_box .clip_box {width:37.5%;}
.list_content .clip_wide_box .clip_box {width:67%;}
.list_content .clip_text_box .clip_box {width:55%;}

/* html5 리스트 - 폰케이스 */
.cont_box_phonecase {position:relative; overflow: hidden; margin-top:20px}
.list_content .body_box, .list_content .case_box {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.list_content .p_design_box {width:48%;}
.list_content .p_design_box.s_img img {width: 85%; margin: 0 auto;}

/* html5 리스트 */
.html5_list.listbox {display:flex; flex-wrap: wrap; justify-content: space-between;}
.html5_list.listbox li {margin-top:10px;}
.html5_list.listbox li a div.img {display:flex; flex-wrap: wrap; justify-content: center; align-items: center; padding:20px; box-sizing: border-box;}
.html5_list.listbox li a div.img img {display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%;}
.html5_list.listbox li p {font-size:13px;}

.html5_list.listbox1 li {width:100%;}
.html5_list.listbox2 li {width:50%;}
.html5_list.listbox_vrtcl div {height:400px;}

.list_html5_wrap section.list_content div.option {display:flex; justify-content: space-between; align-items: center; margin:20px 0 0 0;}
.list_html5_wrap section.list_content div.option .left span {font-size:13px;}
.list_html5_wrap section.list_content div.option .left span em {font-weight: bold; color:#1a1a1a;}
.list_html5_wrap section.list_content div.option .right dl {display:flex; align-items: center;}
.list_html5_wrap section.list_content div.option .right dl dt {margin-right:5px; display: none;}
.list_html5_wrap section.list_content div.option .right dl dd {opacity: 0.2; width:18px; height:18px; margin-left:9px;}
.list_html5_wrap section.list_content div.option .right dl dd.active {opacity: 1;}
.list_html5_wrap section.list_content div.option .right dl dd.list1 { background:url('/products/include/img/list_1.png?t=1') no-repeat; background-size:18px;}
.list_html5_wrap section.list_content div.option .right dl dd.list2 { background:url('/products/include/img/list_2.png?t=1') no-repeat; background-size:18px;}
.filter_wrap.fixed_wrap {position:absolute; top:100px; left:0; width:100%; height:40px; background:#bfbfbf;}
.filter_wrap.fixed_wrap .title {display:flex; align-items: center; padding:8px 15px;}
.filter_wrap.fixed_wrap .title_box h3 {font-size:14px; color:#fff;}
.filter_wrap.fixed_wrap .title_box p {height:11px; padding-left: 10px; margin-left:10px; font-size:12px; color:#fff; line-height: 11px; border-left: 1px solid #fff;}
.filter_wrap.fixed_wrap .title_box p span {margin-right:5px;}

/* 디자인키링 원형 */
.clip_circle_box .clip_box img {clip-path:ellipse(50% 50% at 50% 50%);}

/* 디자인키링 타원형 */
.clip_ellipse_box .clip_box img {clip-path:ellipse(50% 50% at 50% 50%);}


/* 공지 등록 - 22.06.08 */
.notice_wrap {background: #f3f3f3; padding: 20px; 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: 14px; font-weight: bold; color: #010101;}
.notice_wrap dl p {font-size: 12px; color: #666; line-height: 20px;}

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


/* 활용 컷 swiper 추가 */
.uses_swiper {position:relative; overflow: hidden; height: 450px;}
.uses_swiper ul {justify-content: left;}
.uses_swiper ul li {width:100% !important; margin-right:10px !important;}
.uses_swiper ul li:last-child {margin-right:0 !important;}
.uses_swiper ul li h3 {font-family: 'Montserrat','YoonGothicPro740',sans-serif; font-size:18px; color:#1a1a1a; line-height: 24px;}
.uses_swiper .uses_prev {width:20px; height:20px; left:10px; margin-top:-95px; 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:20px; height:20px; right:10px; margin-top:-95px; 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;}

/* 포토카드 리뉴얼 컨텐츠 220722 */
.size_sec .size_model.size_model_ptcard { display: inline-block; }
.size_model_ptcard .size_img ul {width: 100%;  margin-bottom: 30px;}
.size_model_ptcard .size_img ul.photocard_pusize, .photocard_worksize {align-items: center; margin: 0 auto;flex-wrap: nowrap !important; justify-content: center !important; display: block; }
.size_model_ptcard .size_img ul.photocard_pusize li {width: 100%; }
.size_model_ptcard .size_img ul.photocard_pusize li p {font-size: 13px;}
.size_model_ptcard .size_img ul.photocard_pusize img {width: 75%; margin: 0 auto;}

.size_model_ptcard .size_img ul.photocard_worksize li {text-align: center !important;  justify-content: center;}
.size_model_ptcard .size_img ul.photocard_worksize li p:nth-child(1) {margin-bottom: 0 !important;}
.size_model_ptcard .size_img ul.photocard_worksize li p:nth-child(2) {margin-top: 3px !important;}
.size_model_ptcard .size_img ul.photocard_worksize li p {text-align: center !important;}
.size_model_ptcard .size_img ul.photocard_worksize li span.goods {display: inline-block; margin-right: 10px; width: 20px;  height: 10px;  background-color: #c62120;}
.size_model_ptcard .size_img ul.photocard_worksize li span.work {display: inline-block; 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: 170px;  display: flex;  justify-content: flex-start;  align-items: center;  margin: 20px auto;}
.size_model_ptcard .size_img ul.photocard_worksize li span.ai_icon a img {background-color: #300; width: 14%;  padding: 12px;  display: inline-block;margin-top: 0px !important;}
.size_model_ptcard .size_img ul.photocard_worksize li span.ai_icon a span {padding-left: 23px;}
*/

.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 {display: none !important;}
.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;}

/*용지_라벨*/
#paper .point_sec .ul_cut_full li .water_proof_icon {margin: 0 auto;  right: -2%;  position: absolute; width: 40%; top: 55%; display: block;}

/*코팅*/
#coating .point_sec .ul_cut_full {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
#coating .point_sec .ul_cut_full li {margin: 0px 0 30px 0 !important; width: 45% !important;}
#coating .point_sec .ul_cut_full li img {width: 100%}

/*뉴디자인 라벨*/
span.new_design {margin: 0 0 0px 7px; padding: 1px 7px 1px 7px; vertical-align: text-bottom; background-color: #ea0000; border-radius: 15px;  color: #fff;  font-size: 14px; line-height: 17px;}

/*커팅*/
.ul_cut_label {position: relative;}
#cutting .point_sec .ul_cut_full li p.tit_style { width: 70px; height: 70px; margin-top: 0px;  z-index: 1; 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; line-height:15px}

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



/* 유니폼 키링 리스트 */
.uniform_list {margin-top: 100px;}
.uniform_list .list_content {padding: 0px 15px 40px 15px!important;}
.uniform_list .img {display: block !important;  box-sizing: border-box; }
.uniform_list .img .center {display: table-cell; vertical-align: middle}
.uniform_list .img .center img {width:250px; vertical-align: top}
.uniform_list ul li div.list_cover img { border-radius: 10px;  display: inline-block;  width: auto;  height: auto;  max-width: 100%;  max-height: 100%;  vertical-align: middle;  box-shadow: 0 3px 7px 0 rgb(0 0 0 / 10%);  image-rendering: -webkit-optimize-contrast;}

.uniform_list .clip_box {max-width:100%; max-height:100%; margin-top:-21.1%; width: 54.1%; margin-left: 0.1%;}
.uniform_list .clip_box .short {width: 64.5%;}
.uniform_list .clip_box img {border-radius: 0 !important;}


/* 유니폼 키링 리스트 - 모양 */
/*
.uniform_list .half_box {background:url('https://s3.ap-northeast-2.amazonaws.com/image.publog.co.kr/products/gift/content/type/bak_list_half.png?t=1') center no-repeat; background-size:100%;}
.uniform_list .half_box .clip_box img {box-shadow: none;}
.uniform_list .short_box {background:url('https://s3.ap-northeast-2.amazonaws.com/image.publog.co.kr/products/gift/content/type/bak_list_short.png?t=1') center no-repeat; background-size:100%;}
.uniform_list .short_box .clip_box img {box-shadow: none;}
*/

/* 유니폼 키링 리스트 - 옵션선택 */
.uniform_list .list_select_box { width: 100%; background-color: #F7F7F7; box-sizing: border-box; padding: 3%;}
.uniform_list .list_select_box .con_box {  flex-wrap: wrap; }
.uniform_list .list_select_box .con_box div::-ms-expand {display: none;}
.uniform_list .list_select_box .con_box div {display: flex; justify-content: space-between; width: 100%;}
.uniform_list .list_select_box .con_box div.select-box { background-color: #fff; width: 30%;  float: left;  border: 1px solid #e5e5e5 !important;  padding-top: 0;  text-align: left;  height: 37px;  position: relative;  box-sizing: border-box; }
.uniform_list .list_select_box .con_box div.select-box select { background: url('https://www.publog.co.kr/apparel/tshirt/img/select_btn.png?t=1') center no-repeat; background-position: top 1px right 2px;background-repeat: no-repeat;display: block;height: 35px;width: 100%;cursor: pointer;padding-left: 15px; outline: none; letter-spacing: 1px; border: none;-webkit-appearance: none;-moz-appearance: none;line-height: 33px;color: #777;font-size: 12px; box-sizing: border-box}

/* 검색 btn */		
.uniform_list .list_select_box .con_box .serch_btn {display: flex;  color: #fff;  width: 60px;  font-size: 14px;  background-color: #222450;  justify-content: center; align-items: center;}
.uniform_list .list_select_box .con_box .serch_btn:hover {opacity: 90%;}
.uniform_list .list_select_box .con_box input { width: 100%;   padding: 2% 20px; border: 2px solid #222450 !important; caret-color: #222450;}
.uniform_list .list_select_box .con_box p { width: 100%;  text-align: right;  color: #A6A6A6;  font-size: 12px;  margin: 10px auto;}
.uniform_list .list_select_box .con_box p span {color: #222450; font-weight: 600;}

.uniform_list .list_select_box .con_box {background: #f7f7f7; padding: 20px 0 7px 0; opacity: .98;    display: flex; justify-content: space-between; position: relative; width: 100%; margin: 0 auto; text-align: left;}
.uniform_list .list_select_box .con_box .opt_list {}
.uniform_list .list_select_box .con_box .opt_list::after {display:block; contetn: ''; clear: both}
.uniform_list .list_select_box .con_box .opt_list ul {display: inline-block}
.uniform_list .list_select_box .con_box .opt_list ul li {float: left; font-size: 14px; color: #888; display: inline-block; transition: .2s;  margin-bottom: 15px;}
.uniform_list .list_select_box .con_box .opt_list ul li:hover {color: #111; transition: .2s;}
.uniform_list .list_select_box .con_box .opt_list ul li::after {    display: inline-block;   content: ""; font-size: 12px; margin: 0 10px; background-color: #ccc;  width: 2px;  height: 10px;}
.uniform_list .list_select_box .con_box .opt_list ul li:last-child::after {display: none}
.uniform_list .opt_list li a {font-size:12.5px}

/* 유니폼 키링 리스트 - 스와이프 */
.uniform_list .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 7px !important}
.uniform_list .list_swipe .swiper-pagination {bottom: 0px !important;}
.uniform_list .list_swipe .swiper-pagination-bullet { display: inline-block; background: #000;  opacity: .2; border-radius: 100%;}
.uniform_list .list_swipe .swiper-pagination-bullet-active { opacity: 1;  background: #222450;}

/* 유니폼 키링 리스트 - 검색불가 */
.uniform_list .serch_none {text-align: center;}
.uniform_list .serch_none img {width: 600px;}
.uniform_list .serch_none h4 { margin-bottom: 100px;  font-size: 19px;  color: #878787;}

/* 유니폼 키링 리스트 - 스와이프 */	
.uniform_list .list_set {position:relative; width: 100%;}
.uniform_list .list_swipe	{position: absolute; top: 50%;  left: 50%;  transform: translate(-50%,-50%); width: 100%;}
.uniform_list .case_box	{position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%);}			
.uniform_list .case_box img {width: 100%}
.uniform_list .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction		{bottom: -32px !important;  right: 0!important;  width: auto!important; left: auto!important;} 

/* 유니폼 키링 리스트 - 디자인없음 */	
.serch_none {text-align: center;}
.serch_none img {width: 600px;}
.serch_none h4 { margin-bottom: 100px;  font-size: 19px;  color: #878787;}

/*유니폼 키링 가이드영역 버튼*/
.filedown {width:200px; border-radius: 5px; margin: 0 auto; margin-top: 50px; background: #222450; text-align: center; display: none;}
.filedown button { font-size:14px; font-weight:400; margin: 20px; color: #fff; }
.filedown:hover {opacity: 80%}
.filedown button img {display: inline-block; width: 15px; margin: -3px 0px 0 6px; vertical-align: middle;}

/*유니폼 키링 PC보기 아이콘*/
 .uniformring span.ai_icon span.illustrator { margin: 10px auto 0px;  height: 28px;  width: 25px;}
 .uniformring span.ai_icon {    width: 60px;  display: inline-block;  border-radius: 12px; background-color: #300; padding: 0px 3px 3px 3px;}
 .uniformring span.pc_label { font-size: 12px !important; color: #ffffff !important;}

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

/* 컨텐츠 라벨 */
.ul_cut .box_gray_label {position: absolute;top: 0; right: 0;width: 80px; height: 70px; display: flex;justify-content: center;align-items: center; margin:0; background: rgba(0, 0, 0, 0.2);box-sizing: border-box;}
.ul_cut .box_gray_label p {margin-top:0; color:#fff;}


/*uv 스티커*/
.notice_dot_txt_list li { list-style: none; font-size: 12px; line-height: 22px; color: #777; text-align: center; margin-bottom: 12px;}
.notice_dot_txt_list li span { font-size: 12px; font-weight: 800; margin-right: 7px;}

/*uv 스티커 - 사이즈*/
.size_model.uv_sticker .size_img img {max-width: 60%;}

/*사이즈 버튼 사이 라인 없음*/
.size_model.uv_sticker .guide_size label.first {padding:0px 5px; margin:0; background:none;}

/*uv 스티커 사이즈 웹만 버튼 숨기기*/
.size_model.uv_sticker.uv_sticker_app .siz_tit_dp_none p { display: block; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px;}


/*아크릴 디오라마 리스트*/
.acrylic_diorama .clip_box img {clip-path:none !important;}
.acrylic_diorama {height: 300px !important;}

/*아크릴 디오라마 컨텐츠*/
.size_model_ptcard .size_img ul.acrylic_diorama img {width: 100%;}
.size_model_ptcard .size_img ul.acrylic_diorama li {width: 100%;}

/*쿠폰다운*/
.btn_coupon {float:none; }
.btn_coupon a {width:220px; padding:20px 0; text-align:center; background-image: none;}
.btn_coupon a {width: 100%; height: 60px;  font-size: 16px;  background: url(/sub_fancy/img/photocard/icon_main_arrow2.png?t=1) 260px 25px no-repeat; background-color: #ffcc45;
    color: #333;  transition: .5s;  padding: 20px 45px 20px 20px;  box-sizing: border-box;  display: inline-block;}
.btn_coupon a span { margin-right: 10px;  width: 70px;  height: 23px;     background-color: #333; border-radius: 7px; display: inline-block;}
.btn_coupon a span.coupon_tit {font-size: 11px;  color: #fff;  }
.btn_coupon p {font-size: 12px;  color: #333; text-align: center;    padding-top: 10px;  }


.ai_icon {display:none;}


/*노트*/
.springnote .model_sec .sub_p {margin-bottom: 50px;}
.springnote .size_model_ptcard .size_img ul {display: block; }
.springnote .size_model_ptcard .size_img ul li { box-sizing: border-box; width: 100% !important; padding: 0 30px 0 20px;   display: block;}
.springnote .size_model_ptcard .size_img ul .size_box3 {box-sizing: border-box;  width: 100%;  background-color: #f4f4f4;  padding: 10px 20px !important;}
.springnote .size_model_ptcard .size_img ul li img {margin-bottom: 20px;}


/*부채*/
.handfan .point_sec {padding-top: 100px;}
.handfan .point_sec	h1 {margin: 40px auto; font-size: 22px; color: #333; margin-bottom: 30px; width: 1200px;}
.handfan .point_sec	h1 .sub_t {    font-size: 18px;  color: #9c9c9c;    display: block;}
/*.handfan .workguide {margin: 0 auto; width: 200px;  border: 1px solid #d6d6d6;  font-size: 16px;  padding: 10px 20px;  margin-top: 20px;}*/
.handfan .workguide {display: none;}

.handfan .model_sec {height: 650px;}
.handfan .model_sec .sub_option_txt3 {     display: flex; justify-content: space-evenly;  padding-top: 70px;  width: 100%;  margin: 0 auto;}

.tab_default_handfan .tab_box ul {    justify-content: space-evenly; display: flex;  width: 100%; text-align: center;}
.tab_default_handfan .tab_box ul li {position:relative; display:inline-block; margin:0 10px; padding:0 11px; font-size:18px; 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 .point_sec h1 {    width: 100% !important; font-size: 16px !important;}
.handfan .point_sec h1 .sub_t {    font-size: 14px !important;  color: #9c9c9c;}



.handfan .size_img p {margin: 12px 0;}
.handfan .size_img img {top: -20px;  position: relative;  width: 100%; }
.handfan .guide_size {margin-top:30px; text-align: center; line-height: 30px;}
.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; 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;  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;  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;}	

.side_notice li img { padding-bottom: 30px; width:100% !important} 
.side_notice li { padding-bottom: 50px;} 

/*규조토 코스터*/
.gdtm .sub_p {width: 100%;}
.gdtm .sub_pp {display: block; font-size: 13px;  color: #8f8f8f; line-height: 25px;  text-align: center; FONT-WEIGHT: 200; margin: 30px 0px 50px;}
.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 {display: none;}
.gdtm .arrow::after { display: none;}
.gdtm .ul_cut li a {display: none;}

/*반짝이 씰스티커 추가 탭 배경,샘플 버튼*/
.uniform_list {margin-top: 100px;}
.opt_nav_wrap .opt_list2 {  height: 45px; background: #f3f3f3; white-space: nowrap; overflow-x: auto; /*margin-top: 15px;*/ display: block; padding: 0; font-size: 0; line-height: 0; height: 45px; text-align: left; background: #f3f3f3; border-top: 1px solid #e0e0e0;}
.opt_nav_wrap .opt_list2 a { opacity: 0.5; display: inline-block; width: auto !important; font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-size: 14px; line-height: 45px; color: #7a7a7a; box-sizing: border-box;}
.opt_nav_wrap .opt_list2 a.active_nav { opacity: 1; font-family: 'Montserrat','YoonGothicPro780', sans-serif;}	
.opt_nav_wrap .opt_list2 a.active_nav:after { content: ""; display: block; position: absolute;}

.opt_nav_wrap .opt_list2 ul {display: flex;}
.opt_nav_wrap .opt_list2 ul li { padding: 0 0 0 20px;}
.opt_nav_wrap .opt_list2 ul li:first-child { padding-left: 25px; margin-right: 5px;}

/*반짝이 씰스티커 컨텐츠*/
.list_content.twinkle_content {padding: 141px 15px 40px 15px !important;}
.list_content .twinkle_square { height: 315px !important;}
.list_content .twinkle_square .clip_box {width: 45%;}
.list_content .twinkle_square .clip_box.twinkle_box {width: 41.5%;}
.list_content .twinkle_square .clip_box.sample_box {width: 45%;}

/*반짝이씰*/
.ul_cut li p.half_sec {display: flex}
.ul_cut li p span.half {margin-top:10px; font-size:12px; width: 50%;}


/*포토카드 단면 세로리스트*/
.photocard_hg li>.photocard_h { height: 400px;  position: relative;    overflow: hidden;}
.photocard_hg li>.photocard_h .sample1 {width: 100% !important;  height: auto !important; backface-visibility: hidden;  box-shadow: -3px 3px 3px 2px rgb(0 0 0 / 3%) !important;	}

/*포토카드 양면 세로리스트*/
.photocard_hg li>.photocard_htwin { height: 400px;  position: relative;    overflow: hidden;}
.photocard_hg li>.photocard_htwin .clip_box { position: absolute;  top: 45%;  left: 37%; transform: translate(-50%,-50%);  height: 60%;}	
.photocard_hg li>.photocard_htwin .sample1 {width: 100% !important;  height: auto !important;  margin-bottom: 60px !important; backface-visibility: hidden;  box-shadow: -3px 3px 3px 2px rgb(0 0 0 / 3%) !important;	}
.photocard_hg li>.photocard_htwin .sample2 {position: absolute;  bottom: -40px;  right: -90px;  width: 100% !important;  height: auto !important; box-shadow: -3px 3px 3px 2px rgb(0 0 0 / 3%) !important;}

/*포토카드 단면 가로리스트*/
.photocard_hg li>.photocard_w { height: 300px;  position: relative;    overflow: hidden;}
.photocard_hg li>.photocard_w .clip_box {width: 70%!important;  position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); height:178px;}
.photocard_hg li>.photocard_w .sample1 {width: 100% !important;  height: auto !important;  margin-bottom: 60px !important; backface-visibility: hidden;  box-shadow: -3px 3px 3px 2px rgb(0 0 0 / 3%) !important;	}

/*포토카드 양면 가로리스트*/

.photocard_hg li>.photocard_wtwin { height: 400px;  position: relative;    overflow: hidden;}
.photocard_hg li>.photocard_wtwin .clip_box { position: absolute;  top: 46%;  left: 40%;  transform: translate(-50%,-50%);  width: 50%;}
.photocard_hg li>.photocard_wtwin .sample1 {width: 100% !important;  height: auto !important;  margin-bottom: 60px !important; backface-visibility: hidden;  box-shadow: -3px 3px 3px 2px rgb(0 0 0 / 3%) !important;	}
.photocard_hg li>.photocard_wtwin .sample2 {position: absolute;  bottom: -32px;  right: -75px;  width: 100% !important;  height: auto !important; box-shadow: -3px 3px 3px 2px rgb(0 0 0 / 3%) !important;}

	
/* 콘텐츠 내에서 링크이동 버튼 웹/앱 따로 css 생성*/
.btn_ddibu {text-align: center;}
.btn_ddibu .btn_ddibu_cont {display: inline-block;margin-bottom: 20%;width: 50%;background-color: #222450;color: #fff;box-sizing: border-box;text-align: center;padding: 5% 0;font-size: 16px; color: #fff !important;}
.btn_web, .btn_m_web {display: none !important;}


/* 반짝이 씰 리스트 리뉴얼 2310*/
.twinkle_list {margin-top: 100px;}
.twinkle_list .list_content {padding: 0px 15px 40px 15px!important;}
.twinkle_list .img {display: block !important;  box-sizing: border-box; }

.twinkle_list .clip_box {max-width:100%; max-height:100%; margin-top:0%; margin-left: 0.1%;}
.twinkle_list .clip_box img {border-radius: 0 !important; max-width:100%; max-height:100%;}

/* 반짝이 씰 리스트 - 스와이프 */
.twinkle_list .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 7px !important}
.twinkle_list .list_swipe .swiper-pagination {bottom: 0px !important;}
.twinkle_list .list_swipe .swiper-pagination-bullet { display: inline-block; background: #000;  opacity: .2; border-radius: 100%;}
.twinkle_list .list_swipe .swiper-pagination-bullet-active { opacity: 1;  background: #222450;}

/* 반짝이 씰 리스트 - 스와이프 */	
.twinkle_list .list_set {position:relative; width: 100%;}
.twinkle_list .list_swipe {position: absolute; top: 50%;  left: 50%;  transform: translate(-50%,-50%); width: 100%;}
.twinkle_list .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: -32px !important;  right: 0!important;  width: auto!important; left: auto!important;} 
.twinkle_list .swiper-slide {height: 1000px; width: inherit;}
.twinkle_list .swiper-slide img {max-width:100%!important; max-height:100%!important; height: auto; width: auto;}
			
/* 반짝이 씰 리스트 - 용지 */	
.twinkle_list .case_box	{position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.twinkle_list .case_box img {width: 100%}
.twinkle_list .case_box.paper {width: 45%!important}
.twinkle_list .case_box.paper.rec {width: 36%!important}
			
.twinkle_list .list_swipe.rec {width: 36%!important}
.twinkle_list .list_swipe.rec .img {width: 100%!important}
.twinkle_list .list_swipe.rec .img .clip_box {width: 100%!important}
.twinkle_list .list_swipe.rec .img .clip_box img {width: 100%!important}

/*디자인 리스트 옵션 졸업 버튼 추가*/
.twinkle_list1 {margin-top: 100px;}
.sc_optn .sc_optn_ul {background: #f3f3f3;}
.sc_optn .sc_optn_ul li.up_nav_menu_b .optn_li ul {height: 45px; padding: 0 25px; display: flex; margin-top: 15px;}
.sc_optn .sc_optn_ul li.up_nav_menu_b .optn_li ul li {line-height: 45px;  opacity: 0.5; font-size: 14px; font-family: 'Montserrat','YoonGothicPro760', sans-serif; color: #7a7a7a; }
.sc_optn .sc_optn_ul li.up_nav_menu_b .optn_li ul li.optn_dot { padding: 0 12px;}

/*디자인 리스트 옵션 졸업 버튼 추가->하기건 개발 파일에 직접 입력함*/
/*.sc_optn .sc_optn_ul li.up_nav_menu_b .optn_li ul li.this_on { opacity: 1; font-family: 'Montserrat','YoonGothicPro780', sans-serif;}	
.sc_optn .sc_optn_ul li.up_nav_menu_b .optn_li ul li.this_on:after { content: ""; display: block; position: absolute;}*/


/*옵션_수량*/
.form_group .numbers .quantity_box_35 {border-radius:0 !important; height: 40px !important; width: 100% !important;}
.form_group .numbers .quantity_box_35  button.up,button.down{    top: 3px !important;   right: -10px !important; z-index: 99999;}
.form_group .numbers input, .form_group textarea {position: relative; padding: 0px !important; border-bottom: 0px solid #e5e5e5; height: 40px !important; }
.size_full div.input_box label {font-size: 11px !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;}

/*아크릴 키링*/
.color_list .ul_cut {display: flex; flex-wrap: wrap; justify-content: space-between;}
.color_list .ul_cut li {width: 49% !important;}

/*에코백240312*/
.color_sec_app .ul_cut li {width:30%; margin:0 1.5% 20px 1.5%}
.ul_cut_app {display: flex;}

/*크로마룩스 코스터 240321*/
.stand { width: 100%; text-align: center; background-attachment: fixed; box-sizing: border-box;}
.stand h3 { margin-top: 40px; font-size: 14px; color: #000; text-align: center;  align-content: center;}
.stand .btns { padding-top: 50px; box-sizing: border-box; text-align: center;}
.stand .btns a { float: none; display: inline-block; width: 150px; height: 45px; padding-top: 11px; font-size: 14px; color: #333; border: 1px solid #ccc; box-sizing: border-box; transition: .3s;}


/*부채 작업가이드 영역*/
.workguide { width: auto!important; margin-top: 50px!important;}
.popup_print_box2 .content .pop_info ul {    flex-direction: column;}

/*부채 컨텐츠*/
.popup_print_box2 .content .pop_info .plc_tittxt {    line-height: 40px;  display: block;}