table {border-collapse:collapse; border-spacing:0}
.wide_wrap span {display: inline-block;}
.wide_warp div {overflow: hidden; height: auto; }
.wide_wrap * {box-sizing: border-box} 
.wide_wrap {width: 100%; position: relative; box-sizing: border-box;}
.wide_wrap img {scroll-behavior: smooth; user-select: none; -webkit-user-select: none; -ms-user-select: none;}
.w1200 {width: 1200px; margin: 0 auto; position: relative; display: block}
.fixed_box {z-index:999; position:fixed; top:0; left:0; width:100%; transition: 0.5s;}



/* 2020.08 1200width 기준 */


/* ----------------------------------------------------- 티셔츠 메인(section) -------------------------------------------------------- */

/* 셀렉트박스 - 기본 */
.cont_wrap .list_wrap .custom-select {position: relative}
.cont_wrap .list_wrap .custom-select+.custom-select {margin-top: 10px;}
.cont_wrap .list_wrap .custom-select select {display: none}
.cont_wrap .list_wrap .custom-select ul {display: none;position: absolute; left: 0; top: 100%; max-height: 500px; margin-top: -1px; right: 0; background: #fff; border: 1px solid #888; z-index: 3; overflow: auto; }
.cont_wrap .list_wrap .custom-select li {height:35px; text-align:center; line-height:35px; color: #000; cursor: pointer;}
.cont_wrap .list_wrap .custom-select li:hover {background: #ececec}
.cont_wrap .list_wrap .custom-select .new-select {position: relative; display: block; width: 100%; height:35px; padding:0 33px 0 0; font-size:14px; text-align: center; line-height: 33px; color: #000; border: 1px solid #888; cursor: pointer; box-sizing: border-box;}
.cont_wrap .list_wrap .custom-select .new-select:after {content: ""; position: absolute; top:0; right: 0; width:32px; height:33px; background: url('/sub_fancy/img/tshirts/select_btn.png?t=1') center no-repeat; background-position:0 0;}
.cont_wrap .list_wrap .custom-select .new-select.active:after {background: url('/sub_fancy/img/tshirts/select_btn.png?t=1') no-repeat; background-position:0 -34px;}

/* 셀렉트박스 - 커스텀 */
.cont_wrap .list_wrap .option_select .custom-select .new-select {height:45px; padding-left:20px; text-align: left; color:#777; line-height: 43px; border: 1px solid #d4d4d4; }
.cont_wrap .list_wrap .option_select .custom-select ul {border: 1px solid #d4d4d4;}
.cont_wrap .list_wrap .option_select .custom-select li {height:45px; padding-left:20px; text-align:left; line-height:45px; color: #777; cursor: pointer;}
.cont_wrap .list_wrap .option_select .custom-select .new-select:after {top: 5px;}


/* main visual */
.wide_wrap .main_visual {width: 100%; height: 330px; background: url('/sub_fancy/img/tshirts/t_section_mainban.jpg?t=1') top left no-repeat; background-size: 100%; }
.wide_wrap .main_visual .mv_txt {padding: 80px 0; text-align: left; color: #fff;}
.wide_wrap .main_visual .mv_txt h2 {font-size: 40px; line-height: 48px; margin-bottom: 10px; letter-spacing: -2px;}
.wide_wrap .main_visual .mv_txt h3 {font-size: 16px; line-height: 19px; margin-bottom: 50px;}
.wide_wrap .main_visual .mv_txt p.price {display: inline-block; font-size: 26px; line-height: 36px; color: #ffce2d; font-weight: 600; margin-right: 10px;}
.wide_wrap .main_visual .mv_txt p.price span { font-size: 23px;}
.wide_wrap .main_visual .mv_txt span.mv_label {display: inline-block; font-size: 14px; line-height: 16px; color: #ffce2d; padding: 5px 10px; border: 1px solid #ffce2d; border-radius: 5px; position: relative; top: -5px; }
/* list area */
.cont_wrap .top_nav {display: table; position: relative; padding: 25px 0; border-bottom: 1px solid #e6e6e6; width: 100%;}
.cont_wrap .top_nav::after {display: block; content: ""; clear: both;}
.cont_wrap .top_nav ul {display: table-cell; vertical-align: middle}
.cont_wrap .top_nav ul a {display: inline-block;}
.cont_wrap .top_nav ul li {display: inline-block; color: #aaa;}
.cont_wrap .top_nav ul.left {float: left}
.cont_wrap .top_nav ul.left li::after {display: inline-block; content: ""; margin: 0 8px; color: #ccc; width: 6px; height: 11px; background: url('/sub_fancy/img/tshirts/icon_arrow_next.png?t=1') no-repeat; background-size: 100%;}
.cont_wrap .top_nav ul.left li:last-child {color: #111; font-weight: bold;}
.cont_wrap .top_nav ul.left li:last-child::after {display: none; content: ""; padding-right: 0;}
.cont_wrap .top_nav ul.right {float: right}
.cont_wrap .top_nav ul.right li {padding-left: 15px; cursor: pointer; transition: .4s;}
.cont_wrap .top_nav ul.right li:hover {color: #111; transition: .4s;}
.cont_wrap .top_nav ul.right li:first-child {padding-left: 0;}
.cont_wrap .top_nav ul.right li.active {font-weight: bold; color: #111;}

.cont_wrap .list_wrap .option {position: relative; }
.cont_wrap .list_wrap .option::after {display: block; content: ""; clear: both;}
.cont_wrap .list_wrap .option .left {float: left; display: inline-block; padding: 35px 0; color: #333; font-size: 14px;}
.cont_wrap .list_wrap .option .left em {font-style: normal; font-weight: bold; color: #111;}
.cont_wrap .list_wrap .option .right {float: right; display: inline-block; padding: 28px 0;}
.cont_wrap .list_wrap .option .right .option_select {display: inline-block; width: 100px; margin-left: 15px;}
.cont_wrap .list_wrap .option .right .option_select .custom-select .new-select {height: 35px; padding-left: 15px; font-size: 13px; line-height: 33px;}
.cont_wrap .list_wrap .option .right .option_select .custom-select .new-select::after {top: 0;}
.cont_wrap .list_wrap .option .right .option_select .custom-select ul li {height: 35px; line-height: 33px;}

.cont_wrap .list_wrap ul.list_ul {width: 100%; text-align: left; position: relative; margin: 20px 0 80px;}
.cont_wrap .list_wrap ul.list_ul::after {display: block; content: ""; clear: both;}
.cont_wrap .list_wrap ul.list_ul>li {width: 368px; height: auto; position: relative; float: left; transition: .4s; margin: 0 48px 100px 0; color: #333;}
.cont_wrap .list_wrap ul.list_ul li:nth-child(3n) {margin-right: 0;}
.cont_wrap .list_wrap ul.list_ul li a {display: block}
.cont_wrap .list_wrap ul.list_ul li div.t_child {height: 480px; box-sizing: border-box}
.cont_wrap .list_wrap ul.list_ul li div.t_child img {width: 80% !important; margin: 20px auto 0;}
.cont_wrap .list_wrap ul.list_ul li div.pd_thumb {background-color: #f7f7f7; width: 100%; height: 480px;  padding: 65px 0 47px; position: relative; overflow: hidden; transition: .5s; text-align: center}
.cont_wrap .list_wrap ul.list_ul li div.pd_thumb:hover img {transform: scale(1.05); transition: .5s; opacity: .7;}
.cont_wrap .list_wrap ul.list_ul li div.pd_thumb img {width: 100%; vertical-align: top; transition: .5s;}
.cont_wrap .list_wrap ul.list_ul li div.pd_thumb div.label_default {width: 70px; height: 70px; display: table; text-align: center; position: absolute; top: 0; right: 0;}
.cont_wrap .list_wrap ul.list_ul li div.pd_thumb div.label_default p {display: table-cell; vertical-align: middle;}
.cont_wrap .list_wrap ul.list_ul li div.pd_thumb .label_p {background-color: #222450; color: #fff;}
.cont_wrap .list_wrap ul.list_ul li div.pd_thumb .label_y {background-color: #ffce2d; color: #000;}

.cont_wrap .list_wrap ul.list_ul li h4 {font-size: 18px; line-height: 24px;margin: 30px 0 0;  font-weight: 600;}
.cont_wrap .list_wrap ul.list_ul li ul.color {display: block; margin: 13px 0 16px;}
.cont_wrap .list_wrap ul.list_ul li ul.color li {width: 20px; height: 20px; border-radius: 50%; margin-right: 8px; display: inline-block;}
.cont_wrap .list_wrap ul.list_ul li ul.color li.c_whi {border: 1px solid #ccc; box-sizing: border-box}
.cont_wrap .list_wrap ul.list_ul li ul.color li.c_gry {background-color: #aaa;}
.cont_wrap .list_wrap ul.list_ul li ul.color li.c_blk {background-color: #000;}
.cont_wrap .list_wrap ul.list_ul li ul.color li.c_agy {background-color: #e1e1e1;}
.cont_wrap .list_wrap ul.list_ul li span.pd_info {display: block; color: #888; font-size: 15px; line-height: 19px; margin-bottom: 18px;}
.cont_wrap .list_wrap ul.list_ul li p.price {color: #222450; font-weight: 600; font-size: 20px; line-height: 19px;}
.cont_wrap .list_wrap ul.list_ul li p.price span:first-child {display: inline-block; color: #aaa; font-weight: 400; font-size: 16px; line-height: 19px; text-decoration: line-through; paddign: 0 2px; margin-right: 5px;}
.cont_wrap .list_wrap ul.list_ul li p.price span:last-child {font-size: 18px;}	



/* ----------------------------------------------------- 티셔츠 디자인 리스트(list) -------------------------------------------------------- */

/* Basic styles */
.checkbox input[type="checkbox"], .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; box-sizing: border-box}
.checkbox label::before,
.checkbox label::after {position: absolute;top: 0;left: 0;display: block; width: 20px; height: 20px; border-radius: 3px; box-sizing: border-box}
.checkbox label::before { content: " "; border: 1px solid #dedede; background:url(/sub_fancy/img/tshirts/checkbox.png?t=1) center no-repeat; background-size: 20px; box-sizing: border-box}
/* :checked */
.checkbox input[type="checkbox"]:checked + label::before {background:#222450 url('/sub_fancy/img/tshirts/checkbox_on.png?=1') center no-repeat; background-size:20px; border:1px solid #222450;}
.checkbox input[type="checkbox"] + label::after,.radiobox input[type=radio] + label::after {transform: scale(0);}
.checkbox input[type="checkbox"]:checked + label::after, .radiobox input[type=radio]:checked + label::after {transform: scale(1);}


/* header */
.header_wrap {width: 100%; position: relative}
.header_wrap article.filter_wrap .title_box {padding-top:13.5px; background: #222450; height:50px; }
.header_wrap article.filter_wrap .title_box .pd_title h3 {display: inline-block; vertical-align: middle; font-size:17px; color:#fff; }
.header_wrap article.filter_wrap .title_box .pd_title ul.option_info {display: inline-block; margin-left: 30px;}
.header_wrap article.filter_wrap .title_box .pd_title ul.option_info::before {display: inline-block; width: 1px; height: 14px; background-color: #fff; content: ""; position: relative; top: 3px;}
.header_wrap article.filter_wrap .title_box .pd_title ul.option_info li {display: inline-block; margin: 0 10px; color: #bfc1e1; font-size: 13px;}
.header_wrap article.filter_wrap .title_box .pd_title ul.option_info li:first-child {margin-left: 30px;}
.header_wrap article.filter_wrap .title_box .pd_title button {position:absolute; top:6px; right:0; width:19px; height:11px; background: url('/sub_fancy/img/tshirts/arrow_up_white.png?=1') no-repeat;}
.header_wrap article.filter_wrap .title_box .pd_title button.complete {background: url('/sub_fancy/img/tshirts/arrow_down_white.png?=1') no-repeat;}

.header_wrap article.filter_wrap div.option {height:160px; padding:25px 0; border-bottom:1px solid #e6e6e6; box-sizing: border-box; background:#fff;	}
.header_wrap article.filter_wrap div.option .option_box {position:relative; width:1200px; margin:0 auto;}
.header_wrap article.filter_wrap div.option .option_box::after {content: ""; display: table; clear: both;}
.header_wrap article.filter_wrap div.option .option_box article {float:left;}
.header_wrap article.filter_wrap div.option .option_box article h4 {margin-bottom:15px; font-size:15px; font-weight:bold; color:#000;}
.header_wrap article.filter_wrap div.option .option_box article.sector_wrap {width:370px; margin-right:70px;}
.header_wrap article.filter_wrap div.option .option_box article ul::after {content: ""; display: table; clear: both;}
.header_wrap article.filter_wrap div.option .option_box article ul li {float:left; margin:0 15px 4px 0; font-size:13px; cursor: pointer; box-sizing: border-box;}
.header_wrap article.filter_wrap div.option .option_box article.sector_wrap ul {height:75px; padding-right:10px;}
.header_wrap article.filter_wrap div.option .option_box article.sector_wrap ul .mCSB_scrollTools {opacity: 1; width:4px; margin:0; border-radius: 16px; background:#e6e6e6}
.header_wrap article.filter_wrap div.option .option_box article.sector_wrap ul .mCSB_dragger_bar {display: block; background: #222450}
.header_wrap article.filter_wrap div.option .option_box article.sector_wrap ul li:hover, article.sector_wrap ul li.active {color:#222450;}
.header_wrap article.filter_wrap div.option .option_box article.style_wrap {width :290px; margin-right:70px;}
.header_wrap article.style_wrap ul li{margin-bottom:12px !important;}
.header_wrap article.style_wrap ul li div.checkbox label {margin-right:5px;}
.header_wrap article.style_wrap ul li div.checkbox label::before, article.style_wrap ul li div.checkbox label::after {border-radius:5px}

.header_wrap article.filter_wrap div.option .option_box .btns {position:absolute; top:10px; right:0; width:130px; font-size: 14px}
.header_wrap article.filter_wrap div.option .option_box .btns button {width: 130px; height:40px;  transition:0.5s; background: #222450; color: #fff;}
.header_wrap article.filter_wrap div.option .option_box .btns button.filter_btn1 {margin-bottom:10px; color:#000; background: #e6e6e6;}
.header_wrap article.filter_wrap div.option .option_box .btns button.filter_btn1:hover {background: #d9d9d9; transition: .5s;}
.header_wrap article.filter_wrap div.option .option_box .btns button.filter_btn2:hover {background: #3B3FA7; transition: .5s;}
.header_wrap article.filter_wrap div.option .option_box article.color_wrap {width: 280px;}
.header_wrap article.filter_wrap div.option .option_box article.color_wrap h4 {margin-bottom:15px;}
.header_wrap article.filter_wrap div.option .option_box article.color_wrap ul li {width:25px; height:25px; margin-bottom:10px; border-radius:50%;}

.header_wrap article.color_wrap ul li.red {background:#ff0000}
.header_wrap article.color_wrap ul li.red:hover, .header_wrap article.color_wrap ul li.red.active {background:#ff0000 url(/sub_fancy/img/tshirts/checkbox_on.png) center no-repeat; background-size: 20px}
.header_wrap article.color_wrap ul li.pink {background:#fc3db3}
.header_wrap article.color_wrap ul li.pink:hover, .header_wrap article.color_wrap ul li.pink.active {background:#fc3db3 url(/sub_fancy/img/tshirts/checkbox_on.png) center no-repeat; background-size:20px}
.header_wrap article.color_wrap ul li.yellow {background:#ffce4c}
.header_wrap article.color_wrap ul li.yellow:hover, .header_wrap article.color_wrap ul li.yellow.active {background:#ffce4c url(/sub_fancy/img/tshirts/checkbox_on.png) center no-repeat; background-size: 20px}
.header_wrap article.color_wrap ul li.green {background:#3baa14}
.header_wrap article.color_wrap ul li.green:hover, .header_wrap article.color_wrap ul li.green.active {background:#3baa14 url(/sub_fancy/img/tshirts/checkbox_on.png) center no-repeat; background-size: 20px}
.header_wrap article.color_wrap ul li.sky {background:#7ccef4}
.header_wrap article.color_wrap ul li.sky:hover, .header_wrap article.color_wrap ul li.sky.active {background:#7ccef4 url(/sub_fancy/img/tshirts/checkbox_on.png) center no-repeat; background-size: 20px}
.header_wrap article.color_wrap ul li.blue {background:#159fda}
.header_wrap article.color_wrap ul li.blue:hover, .header_wrap article.color_wrap ul li.blue.active {background:#159fda url(/sub_fancy/img/tshirts/checkbox_on.png) center no-repeat; background-size: 20px}
.header_wrap article.color_wrap ul li.purple {background:#794bcb}
.header_wrap article.color_wrap ul li.purple:hover, .header_wrap article.color_wrap ul li.purple.active {background:#794bcb url(/sub_fancy/img/tshirts/checkbox_on.png) center no-repeat; background-size: 20px}
.header_wrap article.color_wrap ul li.brown {background:#6e3923}
.header_wrap article.color_wrap ul li.brown:hover, .header_wrap article.color_wrap ul li.brown.active {background:#6e3923 url(/sub_fancy/img/tshirts/checkbox_on.png) center no-repeat; background-size: 20px}
.header_wrap article.color_wrap ul li.white {background:#fff; border:1px solid #e5e5e5;}
.header_wrap article.color_wrap ul li.white:hover, .header_wrap article.color_wrap ul li.white.active {background:#fff url(/sub_fancy/img/tshirts/checkbox.png) center no-repeat; background-size: 20px}
.header_wrap article.color_wrap ul li.gray {background:#dddddd}
.header_wrap article.color_wrap ul li.gray:hover, .header_wrap article.color_wrap ul li.gray.active {background:#dddddd url(/sub_fancy/img/tshirts/checkbox_on.png) center no-repeat; background-size: 20px}
.header_wrap article.color_wrap ul li.black {background:#000}
.header_wrap article.color_wrap ul li.black:hover, .header_wrap article.color_wrap ul li.black.active {background:#000 url(/sub_fancy/img/tshirts/checkbox_on.png) center no-repeat; background-size: 20px}
	

.cont_wrap .list_wrap ul.list_ul li div.pd_thumb img.back {width: 100%; vertical-align: top; transition: .5s;}
.cont_wrap .list_wrap ul.list_ul li div.pd_thumb img.front {z-index: 99; position: relative; top: -370px}




/* ----------------------------------------------------- 티셔츠 디테일 페이지 (옵션선택) -------------------------------------------------------- */


.checkbox input[type="checkbox"], .radiobox input[type="radio"] {position: absolute;opacity: 0;z-index: -1;}
.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}
.radio_select {position:relative; padding:1px 0; font-size:0;}
.radio_select input {position: absolute !important; height: 0; width: 0;border: 0;overflow: hidden;}
.radio_select label {width:110px; height:45px; display:inline-block; margin-right:-1px; margin-top:-1px; font-size:13px; text-align: center; color:#777; line-height:43px; border: 1px solid #d4d4d4; background:#fff; transition: all 0.1s ease-in-out; box-sizing: border-box; cursor: pointer}
.radio_select label:hover {z-index: 1; position: relative; border:1px solid #222450; cursor: pointer;}
.radio_select input:checked + label {z-index: 1; position: relative; color:#222450; border:1px solid #222450;}

.radio_select .lb_no_select {opacity: .4 !important;}
.radio_select label span.size {font-size:11px}

.sub_option {padding: 70px 0;}
.sub_option::after {content: ""; display: table; clear: both;}
.sub_option article.left_wrap {float:left; width:750px;}
.sub_option article.right_wrap {float:right; width:400px; }
.sub_option ul.option_ul {float:right;}
.sub_option ul.option_ul::after {content: ""; display: table; clear: both;}
.sub_option ul.option_ul li {float:left; width: 85px; padding-bottom:5px; color:#bbb; text-align: center; border-bottom:2px solid #d4d4d4;}
.sub_option ul.option_ul li.active {font-weight:bold; color:#000; border-bottom:2px solid #000;}
.sub_option ul.option_ul li:last-child {width:100px;}
.sub_option ul.option_ul li span {margin-right:5px;}
	
/* LEFT: preview wrap */
article.left_wrap .tab_cont_wrap span.preview_tit {font-size: 14px; color: #222450; font-weight: bold; letter-spacing: 0.5px; position: absolute; top: 25px; left: 30px;}
article.left_wrap .tab_cont_wrap article.cont_box {width: 100%; height: 600px; overflow: hidden;}
article.left_wrap .tab_cont_wrap article.cont_box .preview_img {position: relative; display: inline-block; width:750px; height: 550px; text-align: center; top: 50px;}
article.left_wrap .tab_cont_wrap article.cont_box .preview_img img.back {position: relative; z-index: 0; width: 480px;}
article.left_wrap .tab_cont_wrap article.cont_box .preview_img img.front {position: relative; z-index: 3; top: -450px; left: 0;}

article.left_wrap .preview_wrap {width:750px;}
article.left_wrap .preview_wrap div.tab_cont_wrap {margin-top:0; position: relative; top: 0; left: 0;}
article.left_wrap .preview_wrap ul.tab_btn_wrap {padding:10px; position: relative; top: 0; left: 0;display: inline-block; width: 750px;}
article.left_wrap .preview_wrap ul.tab_btn_wrap::after {content: ""; display: table; clear: both;}
article.left_wrap .preview_wrap ul.tab_btn_wrap li {float:left; width:70px !important; height: auto !important;}
article.left_wrap .preview_wrap ul.tab_btn_wrap li {margin:5px; border:1px solid #e6e6e6 !important; transition:0.3s}
article.left_wrap .preview_wrap ul.tab_btn_wrap li:first-child {margin:5px !important}
article.left_wrap .preview_wrap ul.tab_btn_wrap li img {width: 100% !important; height: auto !important; min-width: 100% !important; min-height: auto !important;}
article.left_wrap .preview_wrap ul.tab_btn_wrap li.active, .preview_wrap ul.tab_btn_wrap li:hover {border:1px solid #222450 !important; transition:0.5s; box-sizing: border-box}	
	
/* RIGHT: option select wrap */	
article.right_wrap .option_title {padding-top:15px; text-align: left; margin-bottom: 10px}
article.right_wrap .option_title h3 {font-size: 23px; font-weight: 600; color: #333; letter-spacing: -0.2px;}
article.right_wrap .option_title p {font-size: 15px; color: #888; margin-top: 10px;}
article.right_wrap::after {display: table; content: ""; clear: both}
article.right_wrap span.td_note {color: #aaa; font-size: 13px; float: right;}
	
article.right_wrap .tab_default {width:100%;}
article.right_wrap .tab_default ul.tab_btn_wrap::after {content: ''; display: table; clear: both}
article.right_wrap .tab_default ul.tab_btn_wrap > li:first-child {border-right:none;}
article.right_wrap .tab_default ul.tab_btn_wrap > li:last-child {border-left:none;}
article.right_wrap .tab_default ul.tab_btn_wrap > li.active {z-index: 1; font-weight:bold; color:#000; border:1px solid #000;  border-bottom:none}
article.right_wrap .tab_default ul.tab_btn_wrap > li > span {display: table-cell; vertical-align: middle; }
.tab_cont_wrap .cont_box, .tab_cont_wrap2 .cont_box2, .tab_cont_wrap2_1 .cont_box2_1, .tab_cont_wrap3 .cont_box3 {display: none}
.tab_cont_wrap .cont_box:first-child, .tab_cont_wrap2 .cont_box2:first-child, .tab_cont_wrap2_1 .cont_box2_1:first-child, .tab_cont_wrap3 .cont_box3:first-child {display: block;}

article.right_wrap .option_change {text-align: center; }
article.right_wrap .tb_option {width:100%; text-align: left }
article.right_wrap .tb_option caption {display: none}
article.right_wrap .tb_option th, .value_sum dt  {padding:10px 0; font-weight:bold; color:#111; text-align: left; font-size: 14px;}
article.right_wrap .tb_option td {padding:10px 0; position: relative}
article.right_wrap .tb_option td.select_box .option_select {float:left; width:66.6%;}
article.right_wrap span.press:hover p.tooltip, article.right_wrap span.normal:hover p.tooltip {display: block;}
article.right_wrap .tb_option td.delivery span {margin-left:10px; padding-left:10px; background: url(/sub_fancy/img/tshirts/line.png?t=1) 0 center no-repeat; background-position: 0 5px}
article.right_wrap .td_select .radio_select label {width:33.3%; font-size:13px; height:40px; line-height:37px;}
article.right_wrap .td_select .radio_select span.cm {float:right; display: inline-block; margin-top:7px; font-size:13px; color:#999;}
article.right_wrap .size_select .radio_select label {width: 25%;} /* size quantity more than 6 */
	
/* select color */
article.right_wrap article ul::after {content: ""; display: table; clear: both;}
article.right_wrap article ul li {float:left; margin:0 15px 0 0; font-size:14px; cursor: pointer; box-sizing: border-box;}
article.right_wrap article.color_wrap {width:100%;}
article.right_wrap article.color_wrap h4 {margin-bottom:15px;}
article.right_wrap article.color_wrap ul li span{width:25px; height:25px; margin-bottom:10px; border-radius:50%;}
article.right_wrap article.color_wrap ul li span.whi {background:#fff; border:1px solid #e5e5e5;}
article.right_wrap article.color_wrap ul li span.whi:hover, article.color_wrap ul li span.whi.active {background:#fff url(/sub_fancy/img/tshirts/checkbox.png) center no-repeat !important; background-size: 20px !important}
article.right_wrap article.color_wrap ul li span.agy {background:#e6e6e6}
article.right_wrap article.color_wrap ul li span.agy:hover, article.color_wrap ul li span.agy.active {background:#dddddd url(/sub_fancy/img/tshirts/checkbox_on.png) center no-repeat !important; background-size: 20px !important}
article.right_wrap article.color_wrap ul li span.gry {background:#c9c9c9}
article.right_wrap article.color_wrap ul li span.gry:hover, article.color_wrap ul li span.gry.active {background:#c9c9c9 url(/sub_fancy/img/tshirts/checkbox_on.png) center no-repeat !important; background-size: 20px !important}
article.right_wrap article.color_wrap ul li span.blk {background:#000}
article.right_wrap article.color_wrap ul li span.blk:hover, article.color_wrap ul li span.blk.active {background:#000 url(/sub_fancy/img/tshirts/checkbox_on.png) center no-repeat !important; background-size: 20px !important}
article.right_wrap article.color_wrap ul li span.pink {background:#f2ced1}
article.right_wrap article.color_wrap ul li span.pink:hover, article.color_wrap ul li span.pink.active {background:#f2ced1 url(/sub_fancy/img/tshirts/checkbox_on.png) center no-repeat !important; background-size: 20px !important}

article.right_wrap span.tooltip {width: 17px; height: 17px; background: url('/sub_fancy/img/tshirts/icon_question.png?t=1') center no-repeat; position: relative; top: 4px; left: 2px;}
article.right_wrap button.size_pop {top: -2px; display: inline-block; width: 17px; height: 17px; background: url('/sub_fancy/img/tshirts/icon_info.png?t=1') center no-repeat; position: relative; left: 2px;}
/* tool tip */
p.tooltip {z-index:10; display: none; position:absolute; bottom:35px; right:-100px; width: 320px; padding:12px; font-size:12px; line-height:18px; color:#fff; background: rgba(0,0,0,0.85); border-radius: 10px; text-align: center}
p.tooltip::before {content: ''; position: absolute; right: 170px; bottom: -10px; border-style: solid; border-width: 11px 10px 2px 10px; border-color: #333 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);}	
span.normal {position:relative; display: inline-block; cursor: pointer;}
span.normal p.tooltip {left:-3px;}
span.normal p.tooltip::before {left: 39px; right:auto;}
span.normal:hover p.tooltip {display: block !important;}
	
article.right_wrap article.color_wrap ul.color li {position: relative; display: inline-block; cursor: pointer;}
article.right_wrap article.color_wrap ul.color li p.tooltip {bottom: 50px; right: -13px; padding: 7px; width: 50px; border-radius: 7px;}
article.right_wrap article.color_wrap ul.color li p.tooltip::before {left: 15px; right: auto; bottom: -8px; }
article.right_wrap article.color_wrap ul.color li p.w_5 {width: 75px; right: -25px;}
article.right_wrap article.color_wrap ul.color li p.w_5::before {content: ''; position: absolute; left: 27px; bottom: -8px; border-style: solid; border-width: 11px 10px 2px 10px; border-color: #333 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);}
article.right_wrap article.color_wrap ul.color li:hover p.tooltip {display: block !important;}	
/* price */
article.right_wrap .value_sum {margin-top:30px; padding:15px 0; font-size:15px; color:#111; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb}
article.right_wrap .value_sum dt {text-align: left; display: inline-block; width:20%; box-sizing: border-box; position: relative;}
article.right_wrap .value_sum dd {text-align: right; display: inline-block; width:79%; margin:0; padding:5px 0; box-sizing: border-box;}
article.right_wrap .value_sum dd span {padding-left: 5px;}
article.right_wrap .value_sum dd span.dis_percent {font-size: 18px; line-height: 22px; color: #ff4040; font-weight: 600;}
article.right_wrap .value_sum dd span.x_price {font-size: 18px; line-height: 22px; color: #aaa; font-weight: 400; text-decoration: line-through;}
article.right_wrap .value_sum dd span.n_price {font-size: 22px; line-height: 32px; color: #222450; font-weight: 700;}
article.right_wrap .btn_make {margin-top:30px; float: right; }
article.right_wrap .btn_make::after {display: block; content: ""; clear: both;}
article.right_wrap .btn_make a {width: 260px; height: 60px; font-size:16px; background: url(/sub_fancy/img/photocard/icon_main_arrow2.png?t=1) 205px 25px no-repeat; background-color: #222450; color: #fff; transition: .5s; padding: 20px 15px 20px 55px; box-sizing: border-box; display: inline-block}
article.right_wrap .btn_make a:hover {background: url(/sub_fancy/img/photocard/icon_main_arrow2.png?t=1) 215px 25px no-repeat; background-color: #3e4188; color: #fff; transition: .5s; padding-right: 15px; box-sizing: border-box;transition: .5s;}

article.right_wrap .btn_make2 {width:100%; margin-top:30px; }
article.right_wrap .btn_make2 a {width: 100%; height: 65px; font-size:17px; background:url(/sub_fancy/img/photocard/icon_main_arrow2.png?t=1) right 115px top 25px no-repeat; background-color: #222450; color: #fff; transition: .5s; padding: 20px 0 20px 0; text-align:center; box-sizing: border-box; display: inline-block}
article.right_wrap .btn_make2 a:hover {background: url(/sub_fancy/img/photocard/icon_main_arrow2.png?t=1) right 120px top 25px no-repeat; background-color: #3e4188; color: #fff; transition: .5s; padding-right: 15px; box-sizing: border-box;transition: .5s;}


/* ----------------------------------------------------- 티셔츠 사이즈 레이어팝업  -------------------------------------------------------- */
/* 레이어 팝업 */
.layer_wrap_t {display: none; background:#fff;}
.layer_wrap_t .layer_cont_t iframe {width:800px !important; height: 650px;}
.layer_wrap_t .b-close {position:absolute; top:20px; right:25px; width:20px; height:20px; background:url(/sub_banner/img/pop-close.png) no-repeat !important; background-size:20px !important}

/* 팝업 내부 */
section.layer_box h1 {padding: 20px 30px; font-size: 20px; color: #fff; background: #222450;}
section.layer_box article.cont_box {height: 500px; padding: 30px; text-align: center;}
section.layer_box article.cont_box::after {display: block; content: ''; clear: both}
section.layer_box article.cont_box p.size_info {font-size: 13px; color: #aaa; float: right; margin-bottom: 15px;}

section.layer_box .tb_size {width:100%; text-align:center; border-top: 1px solid #888; border-bottom:1px solid #888;}
section.layer_box .tb_size caption {display: none}
section.layer_box .tb_size th, section.layer_box .tb_size td {padding: 15px; color:#333; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
section.layer_box .tb_size th {font-size: 14px; font-weight: bold; background: #f7f7f7; padding: 20px 30px;}
section.layer_box .tb_size td {font-size: 13px;}
section.layer_box .tb_size td em {font-weight: bold; font-style: normal;}
section.layer_box .tb_size td.text_left {text-align: left;}
section.layer_box .tb_size th:last-child, .tb_size td:last-child {border-right: none !important}

/* ----------------------------------------------------- // 티셔츠 사이즈 레이어팝업  -------------------------------------------------------- */	

/* navigation bar width */
.tshirts_nav ul.fixed_nav2 {width: 1200px; text-align: center; display:flex; justify-content: space-between}
.tshirts_nav 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;}

/* input width */
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}
.wt_2 label {width:50% !important}
.wt_3 label {width:33.3% !important}
.wt_4 label {width:25% !important}

.fixed_nav_wrap ul.fixed_nav2 li {float:none; display:inline-block}

/* 마스크 추가 */
article.left_wrap .tab_cont_wrap article.cont_box .preview_img.full_preview {top: 0px;}

/* 스트랩 추가 */
.radio_select label span.thumb {display: none; z-index: 9; position:absolute; top:46px; left: -1px; width:105px; height:80px; border:2px solid #222450; box-sizing:border-box;}
.radio_select label span.thumb::after {position:absolute; top:-6px; left:48px; content:""; width: 0px;height: 0px;border-top:4px solid none;border-bottom:4px solid #222450;border-right: 4px solid transparent;border-left: 4px solid  transparent;}
.radio_select label span.thumb img {width:100%}
.radio_select label:hover > span.thumb {display: block}
/* 컬러 */
article.color_wrap ul li span.s_blk {background:#000;}
article.color_wrap ul li span.s_gry {background:#675e59;}
article.color_wrap ul li span.s_pur {background:#7e5985;}
article.color_wrap ul li span.s_navy {background:#030409;}
article.color_wrap ul li span.s_blue {background:#060e3f;}
article.color_wrap ul li span.s_sky {background:#6e91ad;}
article.color_wrap ul li span.s_ny {background:#f3fe00;}
article.color_wrap ul li span.s_np {background:#ff3455;}


article.color_wrap ul li span.s_blk.active {background: #000 url(/sub_fancy/img/tshirts/checkbox_on.png) center no-repeat !important; background-size:20px !important;}
article.color_wrap ul li span.s_gry.active {background: #675e59 url(/sub_fancy/img/tshirts/checkbox_on.png) center no-repeat !important; background-size:20px !important;}
article.color_wrap ul li span.s_pur.active {background: #7e5985 url(/sub_fancy/img/tshirts/checkbox_on.png) center no-repeat !important; background-size:20px !important;}
article.color_wrap ul li span.s_navy.active {background: #030409 url(/sub_fancy/img/tshirts/checkbox_on.png) center no-repeat !important; background-size:20px !important;}
article.color_wrap ul li span.s_blue.active {background: #060e3f url(/sub_fancy/img/tshirts/checkbox_on.png) center no-repeat !important; background-size:20px !important;}
article.color_wrap ul li span.s_sky.active {background: #6e91ad url(/sub_fancy/img/tshirts/checkbox_on.png) center no-repeat !important; background-size:20px !important;}
article.color_wrap ul li span.s_ny.active {background: #f3fe00 url(/sub_fancy/img/tshirts/checkbox_on.png) center no-repeat !important; background-size:20px !important;}
article.color_wrap ul li span.s_np.active {background: #ff3455 url(/sub_fancy/img/tshirts/checkbox_on.png) center no-repeat !important; background-size:20px !important;}

article.color_wrap ul li span.s_ny.active {background: #f3fe00 url(/sub_fancy/img/tshirts/checkbox_blk.png) center no-repeat !important; background-size: 20px !important;}

article.left_wrap .tab_cont_wrap article.cont_box .preview_img.full_preview img {width:100%; image-rendering: -webkit-optimize-contrast;}