@charset "utf-8";
@import url(/include/css/swiper.min.css);

/* 구. 상품 컨텐츠 (임시) */
/* 상품 상세 비쥬얼 */
.option_detail_wrap {}
.option_detail_wrap .detail_tab_box.sticky {z-index: 99 !important; position:fixed !important; top:0; left:0;}
.option_detail_wrap .detail_tab {height:45px; position:inherit; display: flex; width:100%; height:45px; margin:0 auto; background: #f5f5f5}
.option_detail_wrap .detail_tab ul {width:1200px; margin:0 auto;}
.option_detail_wrap .detail_tab ul::after {content: ""; display: table; clear: both;}
.option_detail_wrap .detail_tab ul li {float:left; width:50%; height:45px; text-align: center; cursor: pointer; box-sizing: border-box;}
.option_detail_wrap .detail_tab ul li a {display: flex; justify-content: center; align-items: center; height:45px; font-size:13px; color:#999; box-sizing: border-box;}
.option_detail_wrap .detail_tab ul li a.active {font-weight:bold; color:#1a1a1a; border-bottom:2px solid #159fda;}
.option_detail_wrap .fixed {z-index:1; position:fixed; top:0; left:0; width:100%; background:#fff;}
.option_detail_wrap .detail_tab span.slider {position: absolute;bottom: -1px;width: 0;height: 2px;background: #159fda;}
.detail_tab_box {width:100%; top:0; left:0;background:#fff; }
.scrollto {outline: none}


.option_detail_wrap > section > article {padding:50px 0 0 0; text-align: center; box-sizing: border-box;}
.option_detail_wrap section article h3 {padding:0 15px; font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-size:22px; color:#000; line-height: 32px;}
.option_detail_wrap section article h3 span {display:inline-block; height:19px; margin-bottom:20px; padding:0 12px; font-size:14px; font-weight: 500; line-height:22px; background: url(/include/img/my/lnb_line.png) left bottom repeat-x;}
.option_detail_wrap > section > article > p {padding:0 15px; margin-top:30px; font-size:14px; color:#1a1a1a; line-height:24px;}

.option_detail_wrap article.info {}
.option_detail_wrap article.info .placard_bg {height:430px; margin-top:50px; background: url(/include/img/option/detail/placard/01_img.jpg) center; background-size: cover}
.option_detail_wrap article.info .banner_bg {height:430px; margin-top:50px; background: url(/include/img/option/detail/banner/01_img.jpg) center; background-size: cover}
.option_detail_wrap article.info .mnbanner_bg {height:300px; margin-top:50px; background: url(/include/img/option/detail/banner/mnbanner/01_img.jpg) center; background-size: cover}
.option_detail_wrap article.info .sticker_bg {height:430px; margin-top:50px; background: url(/include/img/option/detail/sticker/01_img.jpg) center; background-size: cover}
.option_detail_wrap article.info .sticker_custom_bg {height:270px; margin-top:50px; background: url(/include/img/option/detail/sticker/custom/01_img.jpg) center; background-size: cover}
.option_detail_wrap article.info .fsign_bg {height:250px; margin-top:50px; background: url(/include/img/option/detail/sign/fsign/01_img.jpg) top center; background-size: cover}
.option_detail_wrap article.info .msign_bg {height:330px; margin-top:50px; background: url(/include/img/option/detail/sign/msign/01_img.jpg) top center; background-size: cover}
.option_detail_wrap article.info .shoulder_bg {width:100%;  height:200px; margin-top:50px; background: url(/include/img/option/detail/shoulder/01_img.jpg) top center; background-size: cover}
.option_detail_wrap article.info p.pb_100 {padding-bottom: 60px;}
.option_detail_wrap article.info p span {color: #888;}

.option_detail_wrap article.size {padding-bottom:100px;}
.option_detail_wrap article.size img {width:100%; margin:50px auto 0 auto;}

.option_detail_wrap article.type {padding-bottom:60px;}
.option_detail_wrap article.type img {width:100%; margin:40px auto 0 auto;}
.option_detail_wrap article.type .ul_default {padding:0 15px;}

.option_detail_wrap article.placardtype h3 {padding-bottom: 60px;}
.option_detail_wrap article.placardtype img {margin:0 auto;}
.option_detail_wrap article.placardtype p.line_em {margin-top:5px; height: 60px; font-size:15px; color:#000; background-color: #dadada; line-height: 60px;}
.option_detail_wrap article.placardtype p.line_em span {color: #888;}

.option_detail_wrap article.bannertype h3 {padding-bottom: 60px;}
.option_detail_wrap article.bannertype img {margin:0 auto;}
.option_detail_wrap article.bannertype {background:#fff; padding-bottom: 100px;}
.option_detail_wrap article.bannertype h3 {line-height: 32px}
.option_detail_wrap article.bannertype h3 span {line-height: 22px}
.option_detail_wrap article.bannertype ul {width:1200px; margin:0 auto;}
.option_detail_wrap article.bannertype ul::after {content: ""; display: table; clear: both;}
.option_detail_wrap article.bannertype ul li {width:400px; float:left; margin-top:0px;}
.option_detail_wrap article.bannertype ul li:nth-child(n+3) {width:400px; float:left; }
.option_detail_wrap article.bannertype ul li h4 {margin-top:30px; font-size:13px; color:#666; line-height: 25px;}
.option_detail_wrap article.bannertype li {position:relative; margin-top:50px;}
.option_detail_wrap article.bannertype li span {position:absolute; line-height: 1.5; top:0; left:0; width:70px; height:70px; padding-top:17px; color:#fff; background:#333; box-sizing: border-box;}
.option_detail_wrap article.bannertype p {margin-top:50px; height: 60px; font-size:13px; color:#000;}


.option_detail_wrap article.option {padding-bottom:100px; background:#f5f4f6}
.option_detail_wrap article.option .option1 {width:1000px; margin:60px auto 0 auto;}
.option_detail_wrap article.option .option1::after {content: ""; display: table; clear: both;}
.option_detail_wrap article.option .option1 li {float:left; width:475px; margin:0 50px 50px 0;}
.option_detail_wrap article.option .option1 li:nth-child(2n) {margin-right:0;}
.option_detail_wrap article.option .option2 {width:1000px; margin:0 auto;}
.option_detail_wrap article.option .option2::after {content: ""; display: table; clear: both;}
.option_detail_wrap article.option .option2 li {float:left; width:300px; height:350px; margin-right:50px; background:#fff;}
.option_detail_wrap article.option .option2 li:nth-child(3n) {margin-right:0;}
.option_detail_wrap article.option .option2 li h4 {padding:20px 0 10px 0; margin:0 20px; font-size:17px; font-weight: bold; color:#000; border-bottom:1px solid #eeeeee;}
.option_detail_wrap article.option .option2 li p {margin-top:15px; font-size: 14px; color:#000;}
.option_detail_wrap article.option .pla_option li {position:relative; margin-top:50px;}
.option_detail_wrap article.option .pla_option li span {position:absolute; top:0; right:0; width:60px; height:60px; padding-top:17px; color:#fff; background:#333; box-sizing: border-box;}
.option_detail_wrap article.option .option_sub {width: 1000px; height: 300px; margin: 80px auto 0 auto; background-color: #eeeff0;}
.option_detail_wrap article.option .option_sub::after {content: ""; display: table; clear: both;}
.option_detail_wrap article.option .option_sub dl {float: left; text-align: left; padding: 100px;}
.option_detail_wrap article.option .option_sub dt {font-size: 18px; font-weight: bold; color: #000; margin-bottom: 20px;}
.option_detail_wrap article.option .option_sub dd {font-size: 14px; line-height: 28px; margin: 0;}
.option_detail_wrap article.option .option_sub ul {float: left; position: relative; padding: 40px 60px 40px 30px;}
.option_detail_wrap article.option .option_sub ul li {display: inline-block; margin-left: 20px; text-align: center;}
.option_detail_wrap article.option .option_sub ul li:first-child {margin-left: 0;}
.option_detail_wrap article.option .option_sub ul li p {padding-top: 10px;}

.option_detail_wrap article.how {padding-bottom:60px; background:#f5f4f6}
.option_detail_wrap article.how h3 {line-height: 32px}
.option_detail_wrap article.how h3 span {line-height: 22px}
.option_detail_wrap article.how ul {margin:0 auto;}
.option_detail_wrap article.how ul::after {content: ""; display: table; clear: both;}
.option_detail_wrap article.how ul li {width:100%; margin-top:50px; text-align: center;}
.option_detail_wrap article.how ul li img {width:100%;}
.option_detail_wrap article.how ul li p {margin-top:30px; font-size:15px; color:#000;}

.option_detail_wrap article.point {background:#f5f4f6; border-bottom: 1px solid #ededed;}
.option_detail_wrap article.point h3 {line-height: 32px}
.option_detail_wrap article.point h3 span {line-height: 22px}
.option_detail_wrap article.point ul {width:100%; margin:0 auto;}
.option_detail_wrap article.point ul li {width:100%; margin-top:50px;}
.option_detail_wrap article.point ul li img {width:100%;}
.option_detail_wrap article.point ul li.w1200 {width:100% !important;}
.option_detail_wrap article.point ul li p {margin-top:30px; font-size:15px; color:#000;}
.option_detail_wrap article.point p.line_em {padding:20px 15px; margin-top:50px; font-size:12px; color:#000; background-color: #dadada; line-height: 22px;}
.option_detail_wrap article.point p.line_em span {color: #888;}
.option_detail_wrap article.point .fsign_option li {position:relative; margin-top:50px;}
.option_detail_wrap article.point .fsign_option li span {position:absolute; top:0; left:0; width:70px; height:70px; padding-top:13px; color:#fff; background:#333; box-sizing: border-box;}
.option_detail_wrap article.point .fsign_option h4 {font-size:15px; color:#000;}
.option_detail_wrap article.point .fsign_option p {font-size:13px; line-height:22px; color:#666;}

.option_detail_wrap article.detail {padding-bottom:60px; background:#fff}
.option_detail_wrap article.detail h3 {line-height: 32px}
.option_detail_wrap article.detail h3 span {line-height: 22px}
.option_detail_wrap article.detail ul {width:100%; margin:0 auto;}
.option_detail_wrap article.detail ul li {width:100%; margin-top:50px;}
.option_detail_wrap article.detail ul li img {width:100%;}
.option_detail_wrap article.detail ul li p {margin-top:30px; font-size:15px; color:#000;}

.option_detail_wrap article.free {padding-bottom:60px; border-top:1px solid #ededed; border-bottom:1px solid #ededed;}
.option_detail_wrap article.free h3 {line-height: 32px}
.option_detail_wrap article.free h3 span {line-height: 22px}
.option_detail_wrap article.free img {width:100%; margin:50px auto 0 auto;}

.option_detail_wrap article.guide {padding-bottom:60px;}
.option_detail_wrap article.guide img {margin:0 auto;}
.option_detail_wrap article.guide p {font-size:13px; line-height:22px; color:#666;}
.option_detail_wrap article.guide div {margin-top:50px;}
.option_detail_wrap article.guide div button {width: 300px; height:60px; margin:0 4px; font-size: 18px}
.option_detail_wrap article.guide div p {margin-top:50px;}
.option_detail_wrap article.guide .guide_size .size_img p, .option_detail_wrap article.bnr_guide > p {padding-top: 50px; width: 600px; margin: 0 auto; text-align: left; line-height: 26px}
.option_detail_wrap article.guide .guide_size .size_img p a, .option_detail_wrap article.bnr_guide > p a {color: #000 !important; font-weight: bold;}
.option_detail_wrap article.guide .guide_size .size_img p .tool_ai, .option_detail_wrap article.bnr_guide > p .tool_ai {display: inline-block; background: url(/include/img/guide/ico_ai.png?t=1); background-size: contain;width: 25px; height: 25px; vertical-align: -8px; margin-top: 5px;}
.option_detail_wrap article.guide .guide_size .size_img p .tool_ps, .option_detail_wrap article.bnr_guide > p .tool_ps {display: inline-block; background: url(/include/img/guide/ico_psd.png?t=1); background-size: contain; width: 25px; height: 25px; vertical-align: -8px; margin-top: 5px;}
.option_detail_wrap article.guide .guide_size .size_img p {font-size: 13px;} 
.option_detail_wrap article.guide .guide_size .size_img p span {line-height: 5; font-size: 13px;} 

.option_detail_wrap article.guide ul {margin:0 auto;}
.option_detail_wrap article.guide ul::after {content: ""; display: table; clear: both;}
.option_detail_wrap article.guide ul li {width:100%; margin-top:50px;}
.option_detail_wrap article.guide ul li img {width:100%;}
.option_detail_wrap article.guide ul li p {margin-top:30px; font-size:15px; color:#000;}

.option_detail_wrap article.edit {padding-bottom:60px;}
.option_detail_wrap article.edit img {width:100%; margin:50px auto 40px auto;}
.option_detail_wrap article.edit .detail_op {margin-top:20px; padding:0 15px;}
.option_detail_wrap article.edit .detail_op h4 {font-family: 'Montserrat','YoonGothicPro760', sans-serif; font-size:14px; font-weight: 500; color:#1a1a1a;}
.option_detail_wrap article.edit .detail_op p {font-size:12px; color:#999;}
.option_detail_wrap article.edit .detail_op span {font-size:12px}

.option_detail_wrap article.delivery_box {position:relative; padding-bottom:100px; background:#f5f4f6}
.option_detail_wrap article.delivery_box img {margin:50px auto 0 auto;}
.option_detail_wrap article.delivery_box h3 em {display: inline-block; margin-bottom:15px; font-size:18px; font-weight:600; font-style: italic; color:#159fda;}
.option_detail_wrap article.delivery_box p.label {position:absolute; top:0; left:50%; width:115px; height:115px; margin-left:-180px; background: url(/include/img/option/detail/delivery_label.png) no-repeat;}

.option_detail_wrap article.notice {width:1200px; margin:0 auto; padding:80px 150px; text-align: left; box-sizing:border-box;}
.option_detail_wrap article.notice h4 {padding-bottom:12px; font-size:18px; font-weight:bold; color:#000; background: url(/include/img/option/detail/notice_h4.gif) 0 bottom no-repeat; }
.option_detail_wrap article.notice p {margin-top:25px;}
.option_detail_wrap article.notice p.line span {display: inline-block; margin-right:12px; padding-right:17px; background: url(/include/img/line.png) right center no-repeat;}
.option_detail_wrap article.notice p.line span:last-child {background:none;}
.option_detail_wrap article.notice p.line span em {color:#000;}
.option_detail_wrap article.notice ul {margin-top:25px;}

.option_detail_wrap article.more {position:relative; height:510px; margin-bottom:100px; background: #f6f5f7;}
.option_detail_wrap article.more ul {position:absolute; top:250px; left:50%; width:1000px; margin-left:-500px;}
.option_detail_wrap article.more ul::after {content: ""; display: table; clear: both;}
.option_detail_wrap article.more ul li {position:relative; float:left; height:310px; margin:0 35px; box-shadow: 0px 5px 7px 0px #d9d9d9;}
.option_detail_wrap article.more ul li a {display: inline-block; overflow: hidden;}
.option_detail_wrap article.more ul li a img {transform: scale(1); transition:0.5s;}
.option_detail_wrap article.more ul li a:hover img {transform: scale(1.1); transition:0.5s}
.option_detail_wrap article.more ul li p {position:absolute; bottom:0; left:0; width: 260px; padding:25px; font-size:18px; color:#000; text-align: left; background: #fff; box-sizing: border-box;}

.option_detail_wrap article.review {padding-bottom:90px; border-top:1px solid #ededed;}
.option_detail_wrap article.review .review_box {width:1200px; margin:70px auto 0 auto; text-align: left}
.option_detail_wrap article.review .review_list {}
.option_detail_wrap article.review .point_wrap {margin-top:50px;}
.option_detail_wrap article.review .point_wrap a {position: absolute; top: 19px; right: 30px; width: 90px; height: 30px; text-align: center; padding-top:3px; box-sizing: border-box;}

.option_detail_wrap article.review .menu_wrap {height:65px; border-top:1px solid #000; border-bottom:1px solid #dbdbdb;}
.option_detail_wrap article.review .menu_wrap ul.left {}
.option_detail_wrap article.review .menu_wrap ul.left li {float:left; padding:22px 30px; font-size:16px; color:#888; cursor: pointer}
.option_detail_wrap article.review .menu_wrap ul.left li:hover, .option_detail_wrap article.review .menu_wrap ul.left li.active {color:#000; font-weight:bold;}
.option_detail_wrap article.review .menu_wrap div.right {float:right; padding-right:30px;}
.option_detail_wrap article.review .menu_wrap div.right span {display: inline-block; margin:22px 0 22px 20px; font-size:15px; color:#888; cursor: pointer }
.option_detail_wrap article.review .menu_wrap div.right span.active2, .option_detail_wrap article.review .menu_wrap div.right span:hover {color:#000; text-decoration: underline;}


/* 어깨띠 */

/* - 종류*/
.option_detail_wrap .shoulder article.category {background:#f6f5f7; padding-bottom: 100px;}
.option_detail_wrap .shoulder article.category h3 {line-height: 32px}
.option_detail_wrap .shoulder article.category h3 span {line-height: 22px}
.option_detail_wrap .shoulder article.category ul {width:100%; margin:0 auto;}
.option_detail_wrap .shoulder article.category ul::after {content: ""; display: table; clear: both;}
.option_detail_wrap .shoulder article.category ul li {width:100%; margin-top:50px;}
.option_detail_wrap .shoulder article.category ul li img {width:100%;}
.option_detail_wrap .shoulder article.category ul li h4 {margin-top:30px; font-size:15px; color:#000;}

/* - 포인트*/
.option_detail_wrap .shoulder article.point {background:#fff; padding-bottom: 100px;}
.option_detail_wrap .shoulder article.point h3 {line-height: 32px}
.option_detail_wrap .shoulder article.point h3 span {line-height: 22px}
.option_detail_wrap .shoulder article.point ul {width:100%; margin:0 auto;}
.option_detail_wrap .shoulder article.point ul li {width:100%; margin-top:50px;}
.option_detail_wrap .shoulder article.point ul li img {width:100%;}
.option_detail_wrap .shoulder article.point ul li.w1200 {width:100% !important;}
.option_detail_wrap .shoulder article.point ul li p {margin-top:30px; font-size:15px; color:#000;}
.option_detail_wrap .shoulder article.point .point li {position:relative; margin-top:50px;}
.option_detail_wrap .shoulder article.point .point li span {position:absolute; top:0; left:0; width:70px; height:70px; padding-top:13px; color:#fff; background:#333; box-sizing: border-box;}
.option_detail_wrap .shoulder article.point .point h4 {font-size:15px; color:#000;}
.option_detail_wrap .shoulder article.point .point p {font-size:13px; line-height:22px; color:#000;}

/* - 옵션*/
.option_detail_wrap .shoulder article.option {padding-bottom:0; background:#f5f4f6;}
.option_detail_wrap .shoulder article.option h3 {line-height: 32px}
.option_detail_wrap .shoulder article.option h3 span {line-height: 22px}
.option_detail_wrap .shoulder article.option ul {width:100%; margin:0 auto;}
.option_detail_wrap .shoulder article.option ul li {width:100%; margin-top:50px;}
.option_detail_wrap .shoulder article.option ul li img {width:100%;}
.option_detail_wrap .shoulder article.option ul li.w1200 {width:100% !important;}
.option_detail_wrap .shoulder article.option ul li p {margin-top:30px; font-size:13px; color:#000;}
.option_detail_wrap .shoulder article.option p.line_em {padding:20px 15px; margin-top:50px; font-size:12px; color:#000; background-color: #dadada; line-height: 22px;}
.option_detail_wrap .shoulder article.option .option li {position:relative;}
.option_detail_wrap .shoulder article.option .option li span {position:absolute; top:0; left:0; width:70px; height:70px; padding-top:13px; color:#fff; background:#333; box-sizing: border-box;}
.option_detail_wrap .shoulder article.option .option p {font-size:13px; line-height:22px; color:#000;}

/* - 가이드*/
.option_detail_wrap .shoulder article.guide {padding-bottom:100px; text-align: center; padding-top: 100px;}
.option_detail_wrap .shoulder article.guide img {margin:0 auto;}
.option_detail_wrap .shoulder article.guide p {font-size:13px; line-height:22px; color:#666;}
.option_detail_wrap .shoulder article.guide div {margin-top:50px;}
.option_detail_wrap .shoulder article.guide div button {width: 300px; height:60px; margin:0 4px; font-size: 18px}
.option_detail_wrap .shoulder article.guide div p {margin-top:50px;}
.option_detail_wrap .shoulder article.guide .guide_size .size_img p, .option_detail_wrap article.bnr_guide > p {padding-top: 50px; width: 600px; margin: 0 auto; text-align: left;}
.option_detail_wrap .shoulder article.guide .guide_size .size_img p a, .option_detail_wrap article.bnr_guide > p a {color: #000 !important; font-weight: bold;}
.option_detail_wrap .shoulder article.guide .guide_size .size_img p .tool_ai, .option_detail_wrap article.bnr_guide > p .tool_ai {display: inline-block; background: url(/include/img/guide/ico_ai.png?t=1); background-size: contain;width: 25px; height: 25px; vertical-align: -8px; margin-top: 5px;}
.option_detail_wrap .shoulder article.guide .guide_size .size_img p .tool_ps, .option_detail_wrap article.bnr_guide > p .tool_ps {display: inline-block; background: url(/include/img/guide/ico_psd.png?t=1); background-size: contain; width: 25px; height: 25px; vertical-align: -8px; margin-top: 5px;}
.option_detail_wrap .shoulder article.guide .guide_size .size_img p {font-size: 16px;} 
.option_detail_wrap .shoulder article.guide .guide_size .size_img p span {line-height: 5; font-size: 13px;} 

.option_detail_wrap .shoulder article.guide ul {width:1200px; margin:0 auto;}
.option_detail_wrap .shoulder article.guide ul::after {content: ""; display: table; clear: both;}
.option_detail_wrap .shoulder article.guide ul li {width:400px; float:left; margin-top:70px;}
.option_detail_wrap .shoulder article.guide ul li p {margin-top:30px; font-size:15px; color:#000;}

/*편집기 유의사항*/
.option_detail_wrap .shoulder article.edit {}
.option_detail_wrap .shoulder article.edit h3 span {line-height: 22px;}
.option_detail_wrap .shoulder article.edit ul {width:100%; padding:0 15px; box-sizing: border-box}