@charset "utf-8";
/* ==========================================================================
   shop_popup.css — shop 모달 확장 (modal.css 이후)
   ========================================================================== */

/* --------------------------------------------------------------------------
   modal_Opstep — 옵션 스텝 모달
   -------------------------------------------------------------------------- */
	.modal_Opstep .modal-content{max-width:660px;height:740px}
	.modal_Opstep .modal-content.type_titS .modal-cont{padding:0 35px 25px}
	.modal_Opstep .modal-content.type_titS .btn_area{padding:30px 0 0 0;}
	.modal_Opstep .mt_list{max-height:145px}
	.op_tab a{color:#a0a0a0;font-size:13px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
	.op_tab a span{font-size:16px;margin-right:10px;}
	.op_tab:after{padding-bottom:15px;border-bottom:1px solid #f2f2f2;}
	.op_tab li{float:left;padding-bottom:15px;border-bottom:1px solid #f2f2f2;width:25%;text-align: center;}
	.op_tab li{position:relative;}
	.op_tab li:after{content:'';position:absolute;left:50%;bottom:-1px;right:0;width:0%;height:1px;background:#000;display:block;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;}
	.op_tab li.li_five{width:20%}
	.op_tab li.li_six{width:16.66%}
	.op_tab li.act:after{right:0;left:0;width:100%;}
	.op_tab li.act a{color:#000;}
	.op_tab li.last a{font-family:'Marian' !important}
	.op_tab li.last a{font-size:16px;}
	.op_changeLayer{padding-top:35px}
	.optab_slBox{float:left;width:212px;max-height:400px;overflow:hidden;}
	.optab_slBox ul li img{width:100%;max-width:212px}
	.op_Cbtn{display:none}
	.optab_slInfo{float:right;width:270px}
	.optab_slOp{float:right;width:270px;margin-top:30px;}
	.optab_slInfo .pd_shap li{font-size:14px;}
	.optab_slInfo .pd_name{font-size:22px;color:#000;line-height:1.3em;max-height:65px;margin-top:7px;margin-bottom:7px;overflow: hidden; text-overflow: ellipsis;white-space: normal;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

	.optab_slBox .slick-dots{position:relative;left:0;right:0;text-align: center;margin-top:40px;}
	.optab_slBox .slick-dots li{display:inline-block;}
	.optab_slBox .slick-dots li button{width:10px;height:10px;border-radius:50%;margin:0 10px;text-indent:-99999px;border:1px solid #000}
	.optab_slBox .slick-dots li.slick-active button{background:#000}
	.chipOp_info{font-family:'yoon';font-size:14px;position:absolute;left:0;top:0;color:#888}
	.chipOp_info b{color:#000}
	.op_Mselect{display:none}
	.chipOp_info br{display:none}
	.optab_slOp .color_chipOpBox{position:relative;padding-top:30px;width:270px}
	.optab_slOp .chip_box ul{width:290px;margin-left:-9px;}

	.colorOp_control{position:absolute;right:0;top:5px;width:42px}
	.colorOp_control button.slick-disabled{opacity:0.5}
	.colorOp_control .chipOp_prev{width:6px;height:11px;display:block;background:url(/resources/images/shop/chip_prev_02.png) no-repeat 0 0;position:absolute;left:0;top:0;text-indent:-99999px}
	.colorOp_control .chipOp_next{width:6px;height:11px;display:block;background:url(/resources/images/shop/chip_next_02.png) no-repeat 0 0;position:absolute;right:0;top:0;text-indent:-99999px}
	.opstep_sl{text-align: center;}
	.opstep_sl ul{width: 290px;margin-left: -9px;}
	.opstep_sl li button{width:28px;height:28px;border-radius:50%;position:relative;}
	.opstep_sl li button.on:before{content:"";position:absolute;left:-2px;right:-2px;top:-2px;bottom:-2px;border:2px solid #fff;border-radius:50%;}
	.opstep_sl li button.on{-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.49);-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.49);box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.49);}
	.opstep_sl li button:disabled{overflow:hidden;}
	.opstep_sl li button:disabled:after{content:"";position:absolute;width:1px;left:50%;right:0;top:0;bottom:0;background:#fff;transform: rotateZ(45deg);}
	.opstep_sl dd{float:left;margin:10px 10px}
	.opStep_list{margin-left:-40px;}
	.opStep_list li{float:left;width:240px;margin-left:40px;margin-bottom:50px;}
	.oplist_img{padding:35px 0;width:136px;background:#f7f5f5;text-align: center;}
	.oplist_img img{width:100%;max-width:76px}
	.opS_inner{position:relative;padding-right:104px;}
	.opS_inner .oplist_info{position:absolute;right:0;top:0;bottom:0}
	.opS_inner .oplist_info dl{display:table;width:85px;height:100%}
	.opS_inner .oplist_info dl dd{display:table-cell;vertical-align:middle;padding-left:0;}
	.btn_opEnd button{background:#000;font-size:16px;color:#fff;height:60px;line-height:60px;position:absolute;left:0;bottom:0;right:0;width:100%;}
	.btn_opEnd button span{padding-left:28px;background:url(/resources/images/shop/ico_check.png) no-repeat left center;}
/* --------------------------------------------------------------------------
   modal_pdView — 상품 퀵뷰
   -------------------------------------------------------------------------- */
	.modal_pdView .modal-content{max-width:660px;padding:60px 60px;}
	.pop_pdarea{position:relative;padding-left:260px;}
	.pop_pdSl{position: absolute;left:0;top:0;width:200px}
	.pop_pdSl > ul > li{visibility:hidden;}
	.pop_pdSl > ul > li.slick-slide{visibility:visible;}
	.pop_pdSl ul li img{max-width:200px;width:100%}
	.pop_pdSl .slick-dots{position:absolute;left:0;right:0;bottom:-30px;text-align:center;}
	.pop_pdSl .slick-dots li{display:inline-block;margin:0 7px}
	.pop_pdSl .slick-dots li button{width: 10px;height:10px;border-radius:50%;border:1px solid #000;text-indent:-9999px}
	.pop_pdSl .slick-dots .slick-active button{background:#000;}
	.choise_chipop .c_opt{max-width:280px;width:100%;font-size:14px;color:#000}
	.choise_chipop .c_opt .c_opt_title{padding-left:5px;font-size:22px;letter-spacing:1px;word-break:keep-all;color:#000;font-family:'yoonb';line-height:1.5}
	.choise_chipop .modal_chipOpBox{padding-top:30px;margin-top:30px;max-height:200px;overflow:hidden;position:relative;}
	.modal_pdView .select_list{max-height: 300px;overflow: auto;}
	.modal_chipInfo{position:absolute;left:0;top:0;font-family:'yoon';}
	.modal_chipInfo b{color:#000}
	.modal_Mselect{display:none}
	.modal_chipInfo br{display:none}

	.modal_chipctr{position:absolute;right:0;top:5px;width:42px}
	.modal_chipctr button.slick-disabled{opacity:0.5}
	.modal_chipctr .chipctr_prev{width:6px;height:11px;display:block;background:url(/resources/images/shop/chip_prev_02.png) no-repeat 0 0;position:absolute;left:0;top:0;text-indent:-99999px}
	.modal_chipctr .chipctr_next{width:6px;height:11px;display:block;background:url(/resources/images/shop/chip_next_02.png) no-repeat 0 0;position:absolute;right:0;top:0;text-indent:-99999px}
	.modal_chip{text-align: center;}
	.modal_chip ul{width: 290px;margin-left: -9px;}
	.modal_chip li button{width:28px;height:28px;border-radius:50%;position:relative;}
	.modal_chip li button.on:before{content:"";position:absolute;left:-2px;right:-2px;top:-2px;bottom:-2px;border:2px solid #fff;border-radius:50%;}
	.modal_chip li button.on{-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.49);-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.49);box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.49);}
	.modal_chip li button:disabled{overflow:hidden;}
	.modal_chip li button:disabled:after{content:"";position:absolute;width:1px;left:50%;right:0;top:0;bottom:0;background:#fff;transform: rotateZ(45deg);}
	.modal_chip dd{float:left;margin:10px 10px}
	.opStep_list{margin-left:-40px;}
	.opStep_list li{float:left;width:240px;margin-left:40px;margin-bottom:50px;}
	.oplist_img{padding:35px 0;width:136px;background:#f7f5f5;text-align: center;}
	.oplist_img img{width:100%;max-width:76px}
	.opS_inner{position:relative;padding-right:104px;}
	.opS_inner .oplist_info{position:absolute;right:0;top:0;bottom:0}
	.opS_inner .oplist_info dl{display:table;width:85px;height:100%}
	.opS_inner .oplist_info dl dd{display:table-cell;vertical-align:middle;padding-left:0;}

	.choise_chipop .c_opt .price{padding:12px 0 35px;font-family:'Marian';}
	.choise_chipop .c_opt .price:after{content:'';display:block;clear:both;}
	.choise_chipop .c_opt .price dl{line-height:30px;}
	.choise_chipop .c_opt .price dt,.choise_chipop .c_opt .price dd{font-family:'Marian';letter-spacing:1.2px}
	.choise_chipop .c_opt .price dt{float:left;font-size:17px}
	.choise_chipop .c_opt .price dd{float:right;font-size:25px;letter-spacing:-0.03em}
	.choise_chipop .c_opt .price dd span{font-size:29px;}

	.select_list{border-top:1px solid #000;margin-top:25px;}
	.select_list > ul > li,.select_list > .mCustomScrollBox > .mCSB_container > ul > li{border-bottom:1px solid #ccc;position:relative;}
	.select_list > ul > li button.btn_Pdel,.select_list > .mCustomScrollBox > .mCSB_container > ul > li button.btn_Pdel{width:20px;height:20px;display:block;text-indent:-9999px;background:url(/resources/images/shop/closeB_s.png) no-repeat center center;position:absolute;right:5px;top:20px;}
	.select_list div > ul > li button.btn_Pdel{width:20px;height:20px;display:block;text-indent:-9999px;background:url(/resources/images/shop/closeB_s.png) no-repeat center center;position:absolute;right:5px;top:20px;}
	.select_list li.no_pd p{padding:43px 0;text-align:center;}
	.select_list dl{padding:20px 5px}
	.select_list dl dt{padding-right:40px;}
	.select_list dl dt p{position:relative;padding-left:26px;}
	.select_list dl dt p span{width:12px;height:12px;border-radius:50%;position:absolute;top:3px;left:0px;}
	.select_list dl dd{position:relative;padding-left:150px;min-height:30px;margin-top:20px;}
	.select_list dl dd .mPD_num{position:absolute;left:0;bottom:0;max-width:140PX}
	.select_list dl dd p.select_price{text-align:right;font-size:16px;line-height:30px;}
	.select_list dl dd p.select_price span{font-size:14px;}

	.choise_chipop .c_opt .btn_area{position:relative;padding-right:54px;}
	.choise_chipop .c_opt .btn_area ul li button{font-size:20px;}
	.choise_chipop .c_opt .btn_area ul li button.btn_black{max-width:227px;line-height:48px;height:48px;}
	.choise_chipop .c_opt .btn_area li.modal_bst{position:absolute;right:0;top:0;}
	.choise_chipop .c_opt .btn_area li button.btn_cart{width:48px;height:48px;display:block;background:url(/resources/images/common/btn_bsk.png)no-repeat center center;text-indent:-9999px;border:1px solid #000;}
/* --------------------------------------------------------------------------
   modal_store — 매장
   -------------------------------------------------------------------------- */
	.modal_store .modal-content{max-width:660px;padding: 55px 33px;}
	.modal_store .store .modal-title{font-size:17px;color:#000;font-family:'yoonb'}
	.modal_store .store .store_inner{max-width:460px;width:100%;margin:50px auto}
	.modal_store .store .store_inner .store_list{padding-bottom:25px;border-bottom:1px solid #efefef}
	.modal_store .store .store_inner .store_list li.inner_title{font-size:14px;font-family:'yoonb';border-top:2px solid #000}
	.modal_store .store .store_inner .store_list li.inner_title dl dd.store_num{padding-right:15px}
	.modal_store .store .store_inner .store_list li dl{display:table;table-layout:fixed;width:100%}
	.modal_store .store .store_inner .store_list li dl dd{display:table-cell;vertical-align:middle;text-align:center;padding:15px 0;text-align:left;font-size:16px;color:#010101}
	.modal_store .store .store_inner .store_list li dl dd input{vertical-align:middle}
	.modal_store .store .store_inner .store_list li dl dd label{padding-left:35px}
	.modal_store .store .store_inner .store_list li dl dd.store_num{text-align:right;padding-right:55px}
	.modal_store .store .store_inner .store_list li.inner_title dl dd{padding:20px 0;display:table-cell;vertical-align:middle;font-size:13px}
	.modal_store .store .store_inner .store_list li.no_data dl dd{padding: 20px 20px;}
	.modal_store .store .store_inner .btn_area button{margin-top:35px;}
	.modal_store .store .store_inner .btn_area button:disabled{background:#9f9f9f;color:#fff;border:0}
	.modal_store .store_info{margin:50px 0 0}
	.modal_store .store_info p{margin-bottom:5px;font-size:13px;color:#000;font-family:'yoonb';}
	.modal_store .store_info .info_circle li{font-size:13px;color:#9f9f9f}
	.modal_store .no_data p{line-height:200px;height:200px;text-align: center;font-size:16px;color:#9f9f9f}
/* --------------------------------------------------------------------------
   modal_door — 도어 서비스
   -------------------------------------------------------------------------- */
	.modal_door .modal-content{max-width:660px;padding: 55px 33px;}
	.modal_door .dd_serv .title{color:#000;font-family:'yoonb'}
	.dd_serv_inner{max-width:460px;margin:10px auto 0;}
	.modal_door .dd_serv .dd_serv_inner ul > li.menu{border-top:2px solid #000}
	.modal_door .dd_serv .dd_serv_inner ul > li.menu dl dd{font-size:13px;font-family:'yoonb'}
	.modal_door .dd_serv .dd_serv_inner ul > li > dl{display:table;table-layout:fixed;width:100%;}
	.modal_door .dd_serv .dd_serv_inner ul > li > dl > dd{display:table-cell;vertical-align:middle;text-align:center;padding:24px 0;text-align:left;font-size:16px;color:#010101}
	.modal_door .dd_serv .dd_serv_inner ul > li > dl > dd:first-child{width: 40%}
	.modal_door .dd_serv .dd_serv_inner ul > li.select_adr > dl >dd:first-child{padding-left:0}
	.modal_door .dd_serv .dd_serv_inner ul > li.select_adr > dl{border-bottom:1px solid #e0e0e0}
	.modal_door .dd_serv .dd_serv_inner ul > li.select_cont{padding:30px 0 0;}
	.modal_door .dd_serv .dd_serv_inner ul > li.select_cont > dl{display:table;width:100%;height:100%}
	.modal_door .dd_serv .dd_serv_inner ul > li.select_cont > dl dt,.modal_door .dd_serv .dd_serv_inner ul > li.select_cont > dl dd{display:table-cell;width:100%;height:100%;vertical-align:middle;}
	.modal_door .dd_serv .dd_serv_inner ul > li.select_cont > dl dt{width:40%}
	.modal_door .dd_serv .dd_serv_inner ul > li.select_cont > dl dd{width:60%}
	.modal_door .dd_serv .dd_serv_inner ul > li.select_cont > dl dt img{max-width:160px;width:100%}
	.modal_door .dd_serv .dd_serv_inner ul > li.select_cont > dl > dd > p{max-height:45px;display: block;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;line-height:1.5}
	.modal_door .dd_serv .dd_serv_inner ul > li.select_cont > dl > dd > span{overflow: hidden;text-overflow: ellipsis;white-space:nowrap;color:#ff463a;font-size:13px;margin-top:10px;display:block}
	.modal_door .dd_serv .dd_serv_inner .mPD_num{margin-top:30px;}

	.modal_door .dd_serv .dd_serv_inner .select_cont .door_total_list{margin-top:20px;padding:10px 0;border-top:1px solid #f2f2f2;}
	.modal_door .dd_serv .dd_serv_inner .select_cont .door_total_list li{float:left;line-height:40px;font-size: 16px;font-family: 'Marian';}
	.modal_door .dd_serv .dd_serv_inner .select_cont .door_total_list p{padding-top:10px;font-size:16px;text-align:right}
	.modal_door .dd_serv .dd_serv_inner .select_cont .door_total_list .door_price{float:right;text-align:right;font-size:26px;letter-spacing:0;font-family:'Marian';font-weight:bold;}
	.modal_door .dd_serv .dd_serv_inner .select_cont .door_total_list .door_price span{font-size:30px;}
	.modal_door .info_star{padding-top:10px;}
	.modal_door .info_star li{font-size:13px;letter-spacing: 0;}
	.modal_door .btn_area{margin-top:50px;}
/* --------------------------------------------------------------------------
   modal_soldOut — 품절
   -------------------------------------------------------------------------- */
	.modal_soldOut .modal-content{max-width:360px;padding:30px 60px;}
	.modal_soldOut .modal-content.type_titS{padding:60px 20px 15px}
	.modal_soldOut .modal-content.type_titS .modal-title{padding-bottom:55px;text-align:center;font-size:18px;}
	.modal_soldOut .soldOut .btn_area button{width:49%;height: 40px;line-height:40px}
	.modal_soldOut .soldOut .soldOut_info{margin-top:25px;}
	.modal_soldOut .soldOut .soldOut_info dl:first-child{margin-bottom: 25px}
	.modal_soldOut .soldOut .soldOut_info dt{margin-bottom: 10px;color:#000;font-size:13px;letter-spacing: 0;font-family:'yoonb'}
	.modal_soldOut .soldOut .soldOut_info dd .info_circle li{color:#a0a0a0;font-size:12px}
/* --------------------------------------------------------------------------
   modal_share — 공유
   -------------------------------------------------------------------------- */
	.modal_share .modal-content.type_titS{padding-top:55px;padding-bottom: 20px}
	.modal_share .modal-content{max-width:360px;padding:30px 20px;}
	.modal_share .share ul{max-width: 250px;margin:0 auto;}
	.modal_share .share ul:after{content:'';display:block;clear:both;}
	.modal_share .share ul > li{float:left;/* margin: 0 15px; */width: 33.33%;text-align: center;padding: 10px  15px;}
	.modal_share .share ul > li > a{width:40px;height:40px;display: inline-block;/* margin-right:40px */}
	.modal_share .share ul > li.facebook > a{background:url(/resources/images/shop/ico_facebook_b.png)no-repeat center center;}
	.modal_share .share ul > li.insta > a{background:url(/resources/images/shop/ico_insta_b.png)no-repeat center center;}
	.modal_share .share ul > li.youtube > a{background:url(/resources/images/shop/ico_kakao_b.png)no-repeat center center;margin-right:0;/* margin-bottom:17px */}
	.modal_share .share ul > li.blog > a{background:url(/resources/images/shop/ico_blog_b.png)no-repeat center center;}
	.modal_share .share ul > li.twit > a{background:url(/resources/images/shop/ico_twitter_b.png)no-repeat center center;}
	.modal_share .share ul > li.mail > a{background:url(/resources/images/shop/ico_mail_b.png)no-repeat center center;margin-right:0;}
	.modal_share .share .share_url{position:relative;padding-left:5px;margin-top:17px;}
	.modal_share .share .share_url label{visibility: hidden;width:100%;position: absolute;top:0;left:0;right:0;margin-top:17px;}
	.modal_share .share .share_url a.url_btn{position:absolute;z-index:10;top:3px;right:-5px;width:30px;height:30px;background:url(/resources/images/shop/ico_url.png)no-repeat center center;}
	.modal_share input[type="text"]{height: 40px;line-height:40px;padding-right:40px;}
	.modal_share .url_input {display:inline-block;padding-right:38px;overflow:hidden;white-space:nowrap;word-break:normal;}
/* --------------------------------------------------------------------------
   modal_viewInfo — 상품정보
   -------------------------------------------------------------------------- */
	.modal_viewInfo .modal-content{max-width:450px;padding:55px 15px;height:650px;}
	.modal_viewInfo .modal-content.type_titS .modal-title{padding-bottom:15px;padding-left:20px;}
	.modal_viewInfo .viewInfo .viewInfo_inner{margin:20px auto;font-size: 14px;color:#000;line-height:24px;max-height:490px}
	.modal_viewInfo .viewInfo .viewInfo_inner .mCSB_container > dl{margin-bottom: 55px;padding:0 25px;}
/* --------------------------------------------------------------------------
   modal_caution — 주의사항
   -------------------------------------------------------------------------- */
	.modal_caution .modal-content{max-width:450px;padding:60px 40px 0 35px;height:580px}
	.modal_caution .modal-content.type_titS .modal-title{padding-left:5px;padding-bottom:20px;letter-spacing: 0;}
	.modal_caution .caution_inner{margin:15px auto 0;}
	.modal_caution .caution_inner dd{margin-bottom:35px;padding-left:20px;line-height: 1.7;text-indent:-15px;color:#000;letter-spacing: 0;}
	.modal_caution .modal-content .mCSB_inside{padding-right: 0;}

/* --------------------------------------------------------------------------
   modal_notic — 입고알림
   -------------------------------------------------------------------------- */
	.modal_notic .modal-content.type_titS{max-width:660px;padding:55px 35px;color:#000;}
	.modal_notic .modal-content.type_titS .modal-title{padding-bottom:30px;}
	.modal_notic .notic_top dl{display: table;table-layout: fixed;width: 100%;margin-bottom:30px;}
	.modal_notic .notic_top dl dt{display: table-cell;vertical-align: middle;text-align:left;font-size:22px;font-family:'yoonb';width:70%;line-height:1.5;}
	.modal_notic .notic_top dl dd{display: table-cell;vertical-align: middle;text-align:right;width:30%}
	.modal_notic .notic_top dl dd img{max-width:87px;width:100%}
	.notic_select .mt_btn {border:0;border-bottom:1px solid #000;margin-bottom:40px;font-size:16px;}
	.notic_select dl.phone_box{position:relative;padding-left:140px;}
	.notic_select dl.phone_box dt{position:absolute;left:0;top:-1px;width:120px;font-size:18px;font-family:'yoon';}
	.notic_select dl.sms_box{position:relative;padding-left:140px;}
	.notic_select dl.sms_box dt{position:absolute;left:0;top:-4px;width:120px;font-size:18px;font-family:'yoonb'}
	.notic_select .info_star{margin:60px 0}
	.notic_select .info_star li{font-size:13px;}
/* --------------------------------------------------------------------------
   modal_rates — 요금/요율
   -------------------------------------------------------------------------- */
	.modal_rates .modal-content{max-width:660px;padding: 50px 40px 60px;}
	.modal_rates .modal-content .modal-title{font-family:'Marian';padding-bottom: 50px;letter-spacing:1px;font-weight: bold;}
	.modal_rates .modal-cont p{font-size:16px;padding-bottom:30px;line-height:1.5;}
	.modal_rates .modal-cont p.notit{padding-bottom:10px}
	.modal_rates .modal-cont .rates_ul > li{float:left;width: 48%}
	.modal_rates .modal-cont .rates_ul > li + li{float:right;}
	.modal_rates .modal-cont .ttable{margin-top:40px;padding-bottom:20px;border-top:2px solid #000;border-bottom:1px solid #efefef}
	.modal_rates .modal-cont table{width: 100%;}
	.modal_rates .modal-cont table th,.modal_rates .modal-cont table td{width:50%;text-align:left}
	.modal_rates .modal-cont table th{padding:25px 0 50px;font-size:13px;font-family:'yoonb';color:#000;}
	.modal_rates .modal-cont table td{padding:14px 0;font-size: 16px;color:#000;}
	.modal_rates .modal-cont .nota{padding:110px 0 80px;}
	.modal_rates .modal-cont .nota p{width:100%;font-size:16px;color:#a0a0a0;text-align:center;}
/* --------------------------------------------------------------------------
   responsive — ≤1024px
   -------------------------------------------------------------------------- */
@media only all and (max-width:1024px){
	.optab_slOp .op_Mselect{display:none}

}
/* --------------------------------------------------------------------------
   responsive — ≤768px
   -------------------------------------------------------------------------- */
@media only all and (max-width:768px){
	.modal_rates .modal-content{max-width:295px;padding: 50px 25px 60px;}
	.modal_rates .modal-content .modal-title{padding-bottom:10px;font-size:22px;}
	.modal_rates .modal-cont p{font-size:12px;padding-bottom: 25px;}
	.modal_rates .modal-cont .rates_ul > li{float:inherit;width:100%}
	.modal_rates .modal-cont .rates_ul > li:first-child{margin-bottom: 15px}
	.modal_rates .modal-cont .rates_ul > li + li{float:inherit;}
	.modal_rates .modal-cont .ttable{padding-bottom:10px;border-top:1px solid #000}
	.modal_rates .modal-cont table th{padding:15px 5px;font-size:11px;line-height:1.5}
	.modal_rates .modal-cont table td{padding:7px 5px;font-size:12px;}
	.modal_rates .modal-cont .nota{padding:50px 0;}
	.modal_rates .modal-cont .nota p{font-size:12px;}
}
/* --------------------------------------------------------------------------
   responsive — ≤640px
   -------------------------------------------------------------------------- */
@media only all and (max-width:640px){
		.modal_pdView .modal-content{max-width:300px;padding:50px 25px 25px;}
		.pop_pdarea{position:relative;padding-left:0;}
		.pop_pdSl{position: relative;left:inherit;top:inherit;width:100%;padding-bottom:40px;min-height:287px;}
		.pop_pdSl ul li img{max-width:160px;width:100%;margin:0 auto}
		.pop_pdSl .slick-dots{bottom:-30px;}
		.pop_pdSl .slick-dots li{margin:0 3px}
		.pop_pdSl .slick-dots li button{width: 5px;height:5px;}
		.choise_chipop .c_opt{max-width:inherit;width:100%;font-size:14px;color:#000}
		.choise_chipop .c_opt .c_opt_title{padding-left:0;font-size:16px;letter-spacing:0}
		.choise_chipop .modal_chipOpBox{padding-top:30px;margin-top:10px;max-height:200px;overflow:hidden;position:relative;}
		.modal_chipInfo{position:absolute;left:0;top:0;font-family:'yoon';}
		.modal_chipInfo b{color:#000}
		.modal_Mselect{display:block;}
		.modal_Mselect select{border:0 !important;font-size:12px;width:auto;background:#fff}
		.modal_pdView .pd_select,.modal_chipctr{display:none}
		.choise_chipop .modal_chipOpBox{max-height:inherit;}
		.modal_chipctr{position:absolute;right:0;top:5px;width:42px}
		.modal_chipctr button.slick-disabled{opacity:0.5}
		.modal_chipctr .chipctr_prev{width:6px;height:11px;display:block;background:url(/resources/images/shop/chip_prev_02.png) no-repeat 0 0;position:absolute;left:0;top:0;text-indent:-99999px}
		.modal_chipctr .chipctr_next{width:6px;height:11px;display:block;background:url(/resources/images/shop/chip_next_02.png) no-repeat 0 0;position:absolute;right:0;top:0;text-indent:-99999px}
		.modal_chip ul{overflow-x: scroll;text-indent: 0px;width: 100%;overflow: hidden;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;-webkit-perspective: 1000;perspective: 1000;padding: 0 0;margin-left:0;}
		.modal_chip ul li:first-child{margin-left:-9px}
		.modal_chip ul dl .list_mh{width:240px;display:inline-block;}
		.modal_chip ul dl .list_mh:after{clear: both;display: block;content: "";height: 0;visibility: hidden;}
		.modal_chip li button{width:22px;height:22px;}
		.modal_chip dd{float:left;margin:9px 9px}
		.opStep_list{margin-left:-40px;}
		.opStep_list li{float:left;width:240px;margin-left:40px;margin-bottom:50px;}
		.oplist_img{padding:35px 0;width:136px;background:#f7f5f5;text-align: center;}
		.oplist_img img{width:100%;max-width:76px}

		.choise_chipop .c_opt .price{padding:12px 0 35px;}
		.choise_chipop .c_opt .price:after{content:'';display:block;clear:both;}
		.choise_chipop .c_opt .price dl{line-height:30px;}
		.choise_chipop .c_opt .price dt,.choise_chipop .c_opt .price dd{font-weight: bold;;letter-spacing:1.2px}
		.choise_chipop .c_opt .price dt{float:left;font-size:17px;line-height:1.5;}
		.choise_chipop .c_opt .price dd{float:right;font-size:25px;letter-spacing:-0.03em}
		.choise_chipop .c_opt .price dd span{font-size:29px;}

		.select_list dl{padding:15px 5px}
		.select_list dl dt p{padding-left:18px;}
		.select_list dl dt p span{width:12px;height:12px;border-radius:50%;position:absolute;top:1.5px;left:0px;}
		.select_list dl dd{position:relative;padding-left:150px;min-height:30px;margin-top:20px;}
		.select_list dl dd .mPD_num{max-width:100px}
		.select_list dl dd p.select_price{text-align:right;font-size:13px;line-height:30px;}
		.select_list dl dd p.select_price span{font-size:15px;}
		.select_list > ul > li button.btn_Pdel{top:10px}
		.select_list .mCSB_container > ul > li button.btn_Pdel{top:10px}

		.choise_chipop .c_opt .btn_area{position:relative;padding-right:51px;}
		.choise_chipop .c_opt .btn_area ul li button{font-size:20px;}
		.choise_chipop .c_opt .btn_area ul li button.btn_black{max-width:227px;line-height:42px;height:42px;}
		.choise_chipop .c_opt .btn_area li.modal_bst{position:absolute;right:0;top:0;}
		.choise_chipop .c_opt .btn_area li button.btn_cart{width:42px;height:42px;display:block;background:url(/resources/images/common/btn_bsk.png)no-repeat center center;text-indent:-9999px;border:1px solid #000;}
		.modal_Opstep.open{bottom:0;background:#fff;}
		.modal_Opstep.open .modal-content{height:100vh;overflow:auto;}
		.modal_Opstep .modal-content.type_titS {margin-top:0 !important;padding:50px 0 30px 0;}
		.modal_Opstep .modal-content.type_titS .modal-cont{padding:0 0 0;}
		.modal_Opstep .modal-content.type_titS .modal-title{padding:0 25px 30px 25px;font-size:14px;}

		.op_tab{display:none !important}
		.op_changeLayer{padding-top:0}
		.op_changeLayer > dd{background:#f7f5f5;}
		.optab_slInfo{float:none;width:100%;padding:30px 25px 30px;text-align: center;}
		.optab_slOp{float:none;width:100%;margin-top:0;}
		.optab_slBox{float:none;width:100%;max-height:inherit;overflow:hidden;}
		.optab_slBox ul li img{width:100%;max-width:200px;margin:0 auto;}
		.op_Cbtn{display:block;border-top:1px solid #e0e0e0;height:67px;line-height:67px;position:relative;}
		.op_Cbtn:after{content:"";position:absolute;right:20px;top:50%;margin-top:-3px;;width:12.5px;height:6px;display:block;background:url(/resources/images/shop/ico_aco_open.png) no-repeat center center;background-size:cover}
		.op_changeLayer.act .op_Cbtn:after{background:url(/resources/images/shop/ico_aco_close.png) no-repeat center center;background-size:cover}
		.op_Cbtn a{font-size:14px;font-family:'yoonb';color:#000;width:100%;height:100%;display:block;padding-left:25px;}

		.optab_slInfo{float:none;width:100%}
		.optab_slInfo .pd_shap li{font-size:12px;}
		.optab_slInfo .pd_name{font-size:24px;color:#000;line-height:1.3em;margin-top:10px;margin-bottom:10px;}
		.optab_slOp .color_chipOpBox{margin-top:25px;width:270px}
		.optab_slOp .color_chipOpBox .chip_box ul{width:290px;margin-left:-9px;}
		.optab_slOp .color_chipOpBox{position:relative;padding-top:0;width:325px;margin:0 auto;min-height:50px;}
		.optab_slBox .slick-dots{position:relative;left:0;right:0;text-align: center;margin-top:0px;}
		.optab_slBox .slick-dots li button{width:5px;height:5px;margin:0 5px}

		.optab_slOp .pd_select{display:none}
		.chipOp_info{font-size:10px;position:absolute;left:0;top:13px}
		.optab_slOp .op_Mselect{display:block}
		.optab_slOp .op_Mselect select{color:#000;background: url(/resources/images/shop/select_01_off.png) no-repeat right center;}
		.chipOp_info br{display:none}
		.colorOp_control{position:absolute;right:0;top:5px;width:42px}
		.colorOp_control button.slick-disabled{opacity:0.5}
		.colorOp_control .chipOp_prev{width:6px;height:11px;display:block;background:url(/resources/images/shop/chip_prev_02.png) no-repeat 0 0;position:absolute;left:0;top:0;text-indent:-99999px}
		.colorOp_control .chipOp_next{width:6px;height:11px;display:block;background:url(/resources/images/shop/chip_next_02.png) no-repeat 0 0;position:absolute;right:0;top:0;text-indent:-99999px}
		.opstep_sl ul{width: 325px;margin-left:0;}
		.opstep_sl li button{width:34px;height:34px}
		.opstep_sl dd{margin:10px 10px}
		.modal_Opstep .modal-content.type_titS .btn_area{padding:25px 25px 25px;background:#f7f5f5;}
		.op_tabArea .btn_area button{max-width:inherit;}
		.colorOp_control{position:relative;right:inherit;top:inherit;width:auto}
		.colorOp_control .chipOp_prev{top:48px;left:-6px}
		.colorOp_control .chipOp_next{top:48px;right:-6px}

		.op_changeLayer > dd{visibility: hidden;height: 0;overflow: hidden;}
		.op_changeLayer.act > dd{visibility: visible;height: auto;overflow: hidden;}
		.op_tabArea dt a.ff_mr{font-family:'Marian';font-size:18px;}

		.opStep_list{margin-left:0;background:#fff}
		.opStep_list li{float:left;width:50%;margin-left:0;margin-bottom:30px;}
		.opStep_list li:nth-child(even) .opS_inner{padding-left:5px;}
		.opStep_list li:nth-child(odd) .opS_inner{padding-right:5px;}
		.oplist_img{padding:50px 0;width:100%;background:#f7f5f5;text-align: center;}
		.oplist_img img{width:100%;max-width:110px;}
		.opS_inner{position:relative;padding-right:0;}
		.opS_inner .oplist_info{position:inherit;right:inherit;top:inherit;bottom:inherit;height:88px;margin-top:0;padding-top:18px;}
		.opS_inner .oplist_info dl{display:inherit;width:inherit;height:inherit}
		.opS_inner .oplist_info dl dd{display:inherit;vertical-align:inherit;padding-left:15px}
		.btn_opEnd{background:#fff;margin:0 25px;}
		.btn_opEnd button{background:#000;font-size:16px;color:#fff;height:60px;line-height:60px;position:inherit;left:inherit;bottom:inherit;right:inherit;width:100%;}
		.modal_store .modal-content{max-width:285px;padding-left:25px;}
		.modal_store .store .modal-title{font-size:16px;letter-spacing: 0;}
		.modal_store .store .store_inner{margin:20px auto;max-width:inherit;}
		.modal_store .store .store_inner .store_list{padding-bottom:0;border-bottom:0;}
		.modal_store .store .store_inner .store_list li.inner_title dl dd.store_num{padding-right:0;letter-spacing: 0;}
		.modal_store .store .store_inner .store_list li.inner_title{font-size:12px}
		.modal_store .store .store_inner .store_list li dl dd{padding:7px 0;font-size:12px}
		.modal_store .store .store_inner .store_list li dl dd label{padding-left:30px}
		.modal_store .store .store_inner .store_list li dl dd.store_num{padding-right:20px}
		.modal_store .store .store_inner .store_list li.inner_title dl dd{padding:10px 5px;font-size:12px}
		.modal_store .store .store_inner .btn_area button{margin-top:15px;max-width:inherit;height: 40px;line-height:40px;font-size:12px;}
		.modal_store .store_info{margin-top:30px;font-size:12px;}
		.modal_store .store_info p{font-size:11px;color:#000;letter-spacing: 0;}
		.modal_store .store_info .info_circle li{font-size:11px}
		.modal_store .no_data p{font-size:12px;letter-spacing: 0;height:100px;line-height:100px;}
		.modal_door .modal-content{max-width:295px;padding: 50px 25px 25px;}
		.modal_door .modal-content.type_titS .modal-title{padding-bottom:30px}
		.modal_door .dd_serv .dd_serv_inner ul > li.menu dl dd{font-size:12px;}
		.modal_door .dd_serv .dd_serv_inner ul > li > dl > dd:first-child{width:50%;}
		.modal_door .dd_serv .dd_serv_inner ul > li > dl > dd{padding:10px 5px;font-size:12px;}
		.modal_door .dd_serv .dd_serv_inner ul > li.select_adr > dl >dd:first-child{padding-left:5px;padding-top: 15px;}
		.modal_door .dd_serv .dd_serv_inner ul > li.select_adr > dl >dd{padding:5px 0 20px 5px;}
		.modal_door .dd_serv .dd_serv_inner ul > li.select_cont > dl > dd{padding:0px;}
		.modal_door .dd_serv .dd_serv_inner ul > li.select_cont > dl > dd > p{line-height: 20px;font-size:12px;letter-spacing:0;}
		.modal_door .dd_serv .dd_serv_inner ul > li.select_cont > dl > dd > span{margin-top:5px;font-size:12px}
		.modal_door .dd_serv .dd_serv_inner dl dd ul li a{width:27px;height:27px}
		.modal_door .dd_serv .dd_serv_inner .mPD_num{max-width:110px;margin-top:15px;}
		.modal_door .dd_serv .dd_serv_inner ul > li.select_cont{position: relative;min-height:185px;padding:10px 0 0;}
		.modal_door .dd_serv .dd_serv_inner ul > li.select_cont > dl dt{width:50%;text-align:center;}
		.modal_door .dd_serv .dd_serv_inner ul > li.select_cont > dl dd{width:50%}
		.modal_door .dd_serv .dd_serv_inner ul > li.select_cont > dl dt img{max-width:70px}
		.modal_door .dd_serv .dd_serv_inner .select_cont .door_total_list{padding:5px 0;position:absolute;bottom:15px;right:0;left:0;border-top:1px solid #000;font-family:'Marian';margin-top:0;}
		.modal_door .dd_serv .dd_serv_inner .select_cont .door_total_list .door_total{font-size:12px;line-height:30px;padding-left: 5px;}
		.modal_door .dd_serv .dd_serv_inner .select_cont .door_total_list .door_price{line-height: inherit;padding-left: 0;font-size:24px;}
		.modal_door .dd_serv .dd_serv_inner .select_cont .door_total_list .door_price span{font-size:24px;}
		.modal_door .info_star{padding-top:0;}
		.modal_door .info_star li{font-size:11px}
		.modal_door .btn_area{margin-top:25px;}
		.modal_door .btn_area button{max-width:49%;height:42px;line-height:42px;}
		.modal_soldOut .modal-content{max-width:295px;padding:30px 60px;letter-spacing:0;}
		.modal_soldOut .modal-content.type_titS{padding:55px 25px 10px;}
		.modal_soldOut .modal-content.type_titS .modal-title{padding-bottom:50px;font-size: 16px;}
		.modal_soldOut .soldOut .btn_area button{max-width:inherit;width:100%;height: 42px;line-height:42px;display:block;margin-bottom:5px;font-size:13px;}
		.modal_soldOut .soldOut .soldOut_info{margin-top:35px;}
		.modal_soldOut .soldOut .soldOut_info dl:first-child{margin-bottom:15px}
		.modal_soldOut .soldOut .soldOut_info dt{margin-bottom:5px;font-size:11px;font-family:'yoon';}
		.modal_soldOut .soldOut .soldOut_info dd .info_circle li{font-size:11px}
		.modal_share .modal-content.type_titS{padding:50px 30px;}
		.modal_share .modal-content{max-width:230px;padding:30px 20px;}
		.modal_share .share ul{max-width:225px}
		.modal_share .share .share_url{position:relative;padding-left:5px;margin-top:0;}
		.modal_share .share .share_url label{position: absolute;top:0;left:0;right:0;margin-top:17px;}
		.modal_share .share .share_url input{max-width:inherit;padding:0;}
		.modal_share .share .share_url a.url_btn{position:absolute;top:3px;right:-5px;width:30px;height:30px;}
		.modal_viewInfo .modal-content{max-width:inherit;padding:55px 20px;height:500px}
		.modal_viewInfo .modal-title{font-size:16px}
		.modal_viewInfo .viewInfo .viewInfo_inner{max-height:350px;font-size:12px;line-height:inherit;}
		.modal_viewInfo .viewInfo dd{line-height:1.8;}
		.modal_caution .modal-content{max-width:250px;padding:55px 20px;height:500px}
		.modal_caution .modal-content.type_titS .modal-title{padding-left:0;}
		.modal_caution .modal-title{font-size:16px}
		.modal_caution .caution_inner{margin-top:15px;}
		.caution_inner{margin:25px auto;font-size:12px;max-height: 360px}
		.caution_inner dt,.caution_inner dd{float:left;max-width: inherit;}
		.modal_caution .caution_inner dd{margin-bottom:10px;padding-left:7px;line-height:inherit;line-height:1.8;}

/* --------------------------------------------------------------------------
   notic — ≤640px
   -------------------------------------------------------------------------- */
		.modal_notic .modal-content.type_titS{max-width:340px;padding:25px 25px;}
		.modal_notic .modal-content.type_titS .modal-title{padding:30px 0 20px;letter-spacing:0;}
		.modal_notic .modal-content.type_titS .modal-cont{padding:0}
		.modal_notic .notic_top dl{display: table;table-layout: fixed;width: 100%;margin-bottom:0;}
		.modal_notic .notic_top dl dd{text-align: center;}
		.modal_notic .notic_top dl dd img{max-width:55px;}
		.modal_notic .notic_top dl dt{font-size:14px;line-height:1.5;width:50%;letter-spacing:0;}
		.notic_select .mt_btn {border:0;border-bottom:1px solid #000;margin-bottom:10px;font-size:13px;}
		.notic_select dl.phone_box{position:relative;padding-left:95px;}
		.notic_select dl.phone_box dt{position:absolute;left:0;top:-1px;width:80px;font-size:13px;font-family:'yoon';}
		.notic_select dl.phone_box select{font-size:13px;font-family:'yoon';}
		.notic_select .inp_a{margin-bottom:25px;}
		.notic_select dl.sms_box{position:relative;padding-left:0;}
		.notic_select dl.sms_box dt{position:relative;left:inherit;top:inherit;width:auto;font-size:13px;margin-bottom:15px;}
		.notic_select .info_star{margin:25px 0 35px}
		.notic_select .info_star li{font-size:11px;}
		.notic_select .btn_area button{height:42px;line-height:42px;max-width:250px;font-size:12px;}

}
/* --------------------------------------------------------------------------
   responsive — ≤360px
   -------------------------------------------------------------------------- */
@media only all and (max-width:360px){
		.chipOp_info{left:10px;}
		.optab_slOp .color_chipOpBox{width:290px}
		.opstep_sl dd{margin:10px 7px;}
		.opstep_sl ul {width: 300px;}
}
/* --------------------------------------------------------------------------
   responsive — ≥641px
   -------------------------------------------------------------------------- */
@media all and (min-width: 641px) {
	.modal_Opstep .modal-title {height: 60px;}
	.modal_Opstep .modal-content.type_titS .modal-cont {position:absolute;top:120px;left:35px;right:35px;bottom:35px;overflow:hidden;}
	.modal_Opstep .op_tab {z-index:10;position:absolute;top:0;left:0;width:100%;height:85px;padding:0 20px;background:#fff;}
	.modal_Opstep .op_tab:after {padding-bottom:8px;}
	.modal_Opstep .op_tab li {padding-bottom:0;}
	.modal_Opstep .op_tab a {padding:8px 2px;line-height:20px;}
	.modal_Opstep .op_tabArea.vis_show {position:absolute;top:0;bottom:0;left:0;right:0;padding:100px 0 0;overflow:hidden;}
	.modal_Opstep .modal-content.type_titS .btn_area {position:absolute;bottom:0;left:0;width:100%;padding:10px 0 20px;}
	.modal_Opstep .btn_opEnd {position:absolute;bottom:0;left:0;width:100%;}
	.modal_Opstep .op_changeLayer {position:absolute;top:100px;bottom:0;left:0;width:100%;overflow:hidden;background:#fff;}
	.modal_Opstep .op_changeLayer > dd.clearfix {position:absolute;top:0;left:0;width:100%;height:100%;}
	.modal_Opstep .op_changeLayer > dd:first-of-type:not(.clearfix),
	.modal_Opstep .optab_sInner {position:absolute;top:0;left:0;bottom:80px;width:100%;height:405px;padding:0 15px;overflow-y:auto;}
	.modal_Opstep .opStep_list {margin:0;}
	.modal_Opstep .opStep_list li {width:50%;height:214px;margin:0;padding:10px;}
	.modal_Opstep .oplist_img {width:128px;}
	.modal_Opstep .opS_inner .oplist_info {width:120px;padding:10px;margin:0;}
	.modal_Opstep .opS_inner .oplist_info dl {width:100%;}
	.modal_Opstep .stepChoise dd p {font-size:13px;letter-spacing:-0.04em;}
	.modal_Opstep .op_tab a span {margin-right:8px;font-family:'Marian';vertical-align: middle;line-height:20px;}
	.modal_Opstep  ::-webkit-scrollbar {width:6px;}
	.modal_Opstep  ::-webkit-scrollbar-thumb {background:#ccc;border-radius:3px;}
	.modal_Opstep  ::-webkit-scrollbar-track {background:#eaeaea;border-radius:2px;}
}

/* --------------------------------------------------------------------------
   hover
   -------------------------------------------------------------------------- */
@media (hover: hover) {
	.chip_box li button:hover:before{content:"";position:absolute;left:-2px;right:-2px;top:-2px;bottom:-2px;border:2px solid #fff;border-radius:50%;}
	.chip_box li button:hover{-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.49);-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.49);box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.49);}
	.chip_box li button:disabled:hover:before{content:none}
	.opstep_sl li button:hover:before{content:"";position:absolute;left:-2px;right:-2px;top:-2px;bottom:-2px;border:2px solid #fff;border-radius:50%;}
	.opstep_sl li button:hover{-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.49);-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.49);box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.49);}
	.opstep_sl li button:disabled:hover:before{content:none}
	.modal_chip li button:hover:before{content:"";position:absolute;left:-2px;right:-2px;top:-2px;bottom:-2px;border:2px solid #fff;border-radius:50%;}
	.modal_chip li button:hover{-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.49);-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.49);box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.49);}
	.modal_chip li button:disabled:hover:before{content:none}
}