@charset "utf-8";

body.noscroll { position: fixed; overflow: hidden; }

#wrap { position: relative; }

/*img { width: 100%; max-width: 100%; display: block; }*/

#header { position: relative; background: #fff; height: 98px; overflow: hidden; }
#header.fixed { position: fixed; left: 0; top: 0; z-index: 99; background: #fff; width:100%; }
#header .hd_top { position: relative; height: 52px; overflow: hidden; }
#logo { display: block; font-size:20px;font-weight:bold;letter-spacing:-1px; margin: 17px 0 0 64px; }
#menu { }
/* menu_open button */
#menu_open { }
#menu a span, #menu .inner, #menu li, #menu_open a, #menu_open span {
	transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;
	-moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;
	-o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;
}

#menu_open a { cursor: pointer; width: 40px; height: 40px; position: absolute; left: 6px; top: 8px; text-indent: -999em; }
#menu_open span { background: #18afd8; height: 3px; right: 8px; position: absolute; top: 10px; width: 23px; border-radius: 6px; }
#menu_open span + span { top: 18px; }
#menu_open span + span + span { top: 26px; }
#menu_open a.on span { background: #18afd8; }
#menu_open a.on span:first-child {
	transform: translate3d(0, 6px, 0) rotate(225deg);
	-webkit-transform: translate3d(0, 6px, 0) rotate(225deg);
	-moz-transform: translate3d(0, 6px, 0) rotate(225deg);
	-o-transform: translate3d(0, 6px, 0) rotate(225deg);
	-ms-transform: translate(0, 6px) rotate(45deg);
}
#menu_open a.on span + span { top: 23px; opacity: 0;
	transform: translate3d(0, 150px, 0) rotate(-720deg);
	-webkit-transform: translate3d(0, 150px, 0) rotate(-720deg);
	-moz-transform: translate3d(0, 150px, 0) rotate(-720deg);
	-o-transform: translate3d(0, 150px, 0) rotate(-720deg);
}
#menu_open a.on span + span + span { top: 29px; opacity: 1;
	transform: translate3d(0, -6px, 0) rotate(-225deg);
	-webkit-transform: translate3d(0, -6px, 0) rotate(-225deg);
	-moz-transform: translate3d(0, -6px, 0) rotate(-225deg);
	-o-transform: translate3d(0, -6px, 0) rotate(-225deg);
	-ms-transform: translate(0, -6px) rotate(-45deg);
}

#menu_close a { cursor: pointer; width: 40px; height: 40px; position: absolute; left: 6px; top: 10px; text-indent: -999em; z-index: 999; }
#menu_close span { background: #18afd8; height: 3px; right: 8px; position: absolute; top: 10px; width: 23px; border-radius: 6px; }
#menu_close span + span { top: 18px; }
#menu_close span + span + span { top: 26px; }
#menu_close a.on span { background: #18afd8; }
#menu_close a.on span:first-child {
	transform: translate3d(0, 6px, 0) rotate(225deg);
	-webkit-transform: translate3d(0, 6px, 0) rotate(225deg);
	-moz-transform: translate3d(0, 6px, 0) rotate(225deg);
	-o-transform: translate3d(0, 6px, 0) rotate(225deg);
	-ms-transform: translate(0, 6px) rotate(45deg);
}
#menu_close a.on span + span { top: 23px; opacity: 0;
	transform: translate3d(0, 150px, 0) rotate(-720deg);
	-webkit-transform: translate3d(0, 150px, 0) rotate(-720deg);
	-moz-transform: translate3d(0, 150px, 0) rotate(-720deg);
	-o-transform: translate3d(0, 150px, 0) rotate(-720deg);
}
#menu_close a.on span + span + span { opacity: 1;
	transform: translate3d(0, -6px, 0) rotate(-225deg);
	-webkit-transform: translate3d(0, -6px, 0) rotate(-225deg);
	-moz-transform: translate3d(0, -6px, 0) rotate(-225deg);
	-o-transform: translate3d(0, -6px, 0) rotate(-225deg);
	-ms-transform: translate(0, -6px) rotate(-45deg);
}



/* all menu */
#menu { display: block; position: fixed; right: -100%; top: 0; width: 100%; height: 100%; z-index: 990; visibility: hidden; }
#menu .back { position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; }
#menu .back:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: #000; display: block; opacity: 0.4; z-index: 1; }
#menu .inner { position: absolute; left: -100%; top: 0; width: 100%; height: 100%; margin-left: -100%; background: #f2f2f2; padding-bottom: 50px; /*background: rgba(24,175,216,1);*/ z-index: 990; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }

#menu .head_mymenu { position: relative; height: 60px; text-align: center; background: #fff; }
#menu .head_mymenu h2 { font-size: 20px; font-weight: bold; line-height: 60px; }
#menu .head_mymenu a.tu_mypage { position: absolute; top: 17px; right: 10px; width: 26px; height: 26px; background: url(../images/ico_mypage.png) left top no-repeat; }

#menu .mymenu_top_wrap { height: 158px; padding: 10px 0; text-align: center;  background: url(../images/bgleft.jpg) left center no-repeat; background-size:100%;}
#menu .mymenu_top_wrap .mymenu_top { margin: 10px; color: #fff; zoom: 1; }
#menu .mymenu_top_wrap .mymenu_top:after { content: ""; display: block; clear: both; } 
#menu .mymenu_top_wrap .mymenu_top .mymenu_top_box { float: left; width: 33.33333%; font-size: 14px; border-right: 1px dotted #b0d8ed; }
#menu .mymenu_top_wrap .mymenu_top .mymenu_top_box:last-child { border-right: none; }
#menu .mymenu_top_wrap .mymenu_top .mymenu_top_box .my_tit { font-size: 16px; font-weight: bold; }
#menu .mymenu_top_wrap .mymenu_top .mymenu_top_box a { font-size: 11px; color: #fff; }

#menu .mymenu_cont_wrap { padding: 0 20px; }
#menu .mymenu_cont_wrap .mymenu_cont_box { background: #fff; margin-top: 7px; padding: 15px 20px; overflow: hidden; }
#menu .mymenu_cont_wrap .mymenu_cont_box.first { margin-top: -30px; }
#menu .mymenu_cont_wrap .mymenu_cont_box .qc_influence { background: url(../images/jeonBI.jpg) left center no-repeat; background-size: 50px; }
#menu .mymenu_cont_wrap .mymenu_cont_box .qc_influence .qc_txt_box { margin-left: 70px; }
#menu .mymenu_cont_wrap .mymenu_cont_box .qc_influence .qc_txt_box .qc_tit { font-size: 18px; font-weight: bold; letter-spacing: -1px; }
#menu .mymenu_cont_wrap .mymenu_cont_box .qc_influence .qc_txt_box .qc_dec { font-size: 12px; color: #999; letter-spacing: -1px; }
#menu .mymenu_cont_wrap .mymenu_cont_box .qc_influence .qc_txt_box .qc_btn { display: block; text-align: center; margin-top: 8px; font-size: 13px; font-weight: bold; color: #fff; width: 82px; height: 25px; line-height: 25px; background: #486ea8; border-radius: 15px; }
#menu .mymenu_cont_wrap .mymenu_cont_box .mct { }
#menu .mymenu_cont_wrap .mymenu_cont_box .mct .mct_tit { font-size: 14px; font-weight: bold; letter-spacing: -1px; text-align: center; }
#menu .mymenu_cont_wrap .mymenu_cont_box .mct ul { margin-top: 10px; }
#menu .mymenu_cont_wrap .mymenu_cont_box .mct ul.column4 li { float: left; width: 25%; border-right: 1px solid #dee8f9; }
#menu .mymenu_cont_wrap .mymenu_cont_box .mct ul.column3 li { float: left; width: 33.33333%; border-right: 1px solid #dee8f9; }
#menu .mymenu_cont_wrap .mymenu_cont_box .mct ul li { font-size: 11px; text-align: center; }
#menu .mymenu_cont_wrap .mymenu_cont_box .mct ul li:last-child { border-right: none; }
#menu .mymenu_cont_wrap .mymenu_cont_box .mct ul li > a { display: block; }
#menu .mymenu_cont_wrap .mymenu_cont_box .mct ul li span { display: block; }
#menu .mymenu_cont_wrap .mymenu_cont_box .mct ul li span.num { font-size: 20px; font-weight: bold; color: #cacaca; }
#menu .mymenu_cont_wrap .mymenu_cont_box .mct ul li span.ico_img { width: 50px; height: 50px; margin: 0 auto; border: 1px solid #dadada; border-radius: 50%; margin-bottom: 8px; }
#menu .mymenu_cont_wrap .mymenu_cont_box .mct ul li span.ico_img img { width: 100%; max-width: 35px; margin-top: 6px; }
#menu .mymenu_cont_wrap .mymenu_cont_box .mct ul li span.has { color: #3399cc !important; }

#menu .set_service { margin-top: 7px; }
#menu .set_service ul { zoom: 1; }
#menu .set_service ul :after { content: ""; display: block; clear: both; } 
#menu .set_service ul li { float: left; width: 50%; border: 1px solid #f2f2f2; padding: 0 10px; background: #fff; }
#menu .set_service ul li a { display: block; font-size: 14px; line-height: 40px; clear: both; }
#menu .set_service ul li a span { float: right; }


#menu nav { }
#menu .all_ctgr_menu { margin-top: 58px; zoom: 1; }
#menu .all_ctgr_menu:after { content: ""; display: block; clear: both; }
#menu .all_ctgr_menu li { float: left; width: 25%; }
#menu .all_ctgr_menu li a { display: block; background: #fff; border: 1px solid #efefef; margin: -1px 0 0 -1px; }
#menu dl { display: none; margin: 0 auto 10px; }
#menu dt { font-size: 0; line-height: 0; visibility: hidden; }
#menu dd a { color: #fff; font-size: 18px; line-height: 37px; text-align: center; }
#menu .on > a { text-decoration: underline; }
#menu.show { visibility: visible; }
#menu.show .back { opacity: 0.7; }
#menu.show .inner { margin-left: 0; }
#menu.show .inner, #menu.show li {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

#top_util { position: absolute; right: 6px; top: 14px;}
#top_util a { position: relative; display: inline-block; width: 26px; height: 25px; margin: 0 10px; }
#top_util a.tu_search { background: url(../images/ico_search.png) left top no-repeat; }
#top_util a.tu_search.active { background: url(../images/ico_search_close.png) left top no-repeat; z-index: 9999; }


#top_menu { position: relative; width: 100%; border-top: 1px solid #d4d4d4; background:#18afd8; overflow: hidden; zoom: 1; }
#top_menu:after { content: ""; display: block; clear: both; }
/*
#top_menu.fixed { position: fixed; left: 0; top: 0; z-index: 99; background: #fff; margin-top: 0; border-top: none; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3); }
*/
#top_menu ul { float: left; display: block; width: 100%; height: 45px; font-size: 0; white-space: nowrap;
	/*
	transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;
	-moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;
	-o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;http://crowsok1.cafe24.com/quecue/images/ex_vi01.jpg
	-ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;
	*/
	transition: 200ms linear; 
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
#top_menu ul li { display: inline-block; width: 20%; }
#top_menu ul li.active {  }
#top_menu ul li a { display: block; color: #fff; font-size: 15px; height: 43px; line-height: 43px; font-weight: bold; text-align: center; }
#top_menu ul li a .menu_txt { display: block; border-bottom: 2px solid #18afd8; }
#top_menu ul li.active a .menu_txt { border-bottom: 2px solid #002e3a; }

/* 상단 검색 */
#hd_search_wrap { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 53px; background: #18afd8; z-index: 3; }
#hd_search_wrap .hd_search { position: relative; }
#hd_search_wrap .hd_search .scb_box { position: relative; display: block; margin: 6px 46px 6px 10px; }
#hd_search_wrap .hd_search .scb_box input { width: 100%; height: 40px; border: 0; color: #333; font-size: 13px; font-weight: normal; letter-spacing: -1px; line-height: 37px; text-indent: 5px; -webkit-appearance: none; -webkit-border-radius: 0; }
#hd_search_wrap .hd_search .scb_box label { display: none; }
#hd_search_wrap .hd_search .sc_btn { position: absolute; top: 3px; right: 57px; width: 34px; height: 34px; font-size: 0; border: 0 none; border-radius: 0; background: url(../images/ico_search2.png) left top no-repeat; }



#footer { padding: 24px 0; }
#footer .vline { padding: 0 4px; color: #838383; }
.footer_agreement { text-align: center; }
.footer_agreement a { display: inline-block; font-size: 13px; color: #838383; }
.company_info { margin: 10px 0; text-align: center; font-size: 13px; color: #838383; }
.copyright { text-align: center; font-size: 12px; color: #838383; }


/* main */
.mslide_wrap { background: #fff; }
/* BXSLIDER CONTROL */
.bx-controls { position: absolute; bottom: 12px; left: 0; width: 100%; text-align: center; }
.bx-default-pager, .bx-controls-auto { display: inline-block; }
.bx-default-pager .bx-pager-item, .bx-controls-auto .bx-controls-auto-item { display: inline-block; margin: 0 4px; overflow: hidden; vertical-align: middle; }
.bx-default-pager .bx-pager-item a { display: block; width: 16px; height: 16px; border-radius: 8px; vertical-align: middle; font-size: 0; text-indent: -9999px; background-color: #b4b4b4; opacity: .5;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.bx-default-pager .bx-pager-item a.active{ opacity: 1; background-color: #18afd8; }
.bx-controls-auto { margin-left: 20px; }
.bx-controls-auto .bx-controls-auto-item a { display: block; width: 8px; height: 9px; vertical-align: middle; font-size: 0; text-indent: -9999px; opacity: .5;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.bx-controls-auto .bx-controls-auto-item a.bx-start { background: url(../images/btn_start.png) left top no-repeat; }
.bx-controls-auto .bx-controls-auto-item a.bx-stop { background: url(../images/btn_stop.png) left top no-repeat; }
.bx-controls-auto .bx-controls-auto-item a.active { opacity: 1; }
.box_btn_move_control button { position: absolute; top: 50%; margin-top: -28px; display: block; width: 35px; height: 57px; font-size: 0; text-indent: -9999px; z-index: 60; opacity: .3; 
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.box_btn_move_control button:hover { opacity: 1; }
.box_btn_move_control button.btn_slide_prev { left: 80px; background: url(../images/btn_prev.png) left top no-repeat; }
.box_btn_move_control button.btn_slide_next { right: 80px; background: url(../images/btn_next.png) left top no-repeat; }

.section { margin: 10px 0; }
.section img { width: 100%; max-width: 640px; display: block; }

#swipe_container { width: 100%; margin: 0 auto; position: relative; overflow: hidden; background: #efefef; }
#swipe_container .swiper-slide {  } /*height: 100%; overflow: auto;*/


/* 상품 리스트 */
.article_wrap { width: 100%; padding: 14px; margin: 10px 0; background: #fff; border-bottom: 1px solid #e5e5e5; }
.article_wrap .article { }
.article_wrap .article .atc_img_box { }
.article_wrap .article .atc_img_box a { display: block; }
.article_wrap .article .atc_img_box .atc_img { position: relative; background: #000; }
.article_wrap .article .atc_img_box .atc_img .ico_play { position: absolute; left: 50%; top: 50%; width: 62px; height: 62px; background: url(../images/ico_play.png) left top no-repeat; opacity: 0.87; z-index: 2;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%); 
}
.article_wrap .article .atc_img_box .atc_img .play_time { position: absolute; left: 15px; bottom: 15px; width: 62px; height: 24px; line-height: 24px; text-align: center; font-size: 13px; color: #fff; background: #000; border-radius: 12px; z-index: 2; }
.article_wrap .article .atc_img_box .atc_img:hover .ico_play { opacity: 1; }
.article_wrap .article .atc_img_box .atc_img:hover img { opacity: 0.4; }
.article_wrap .article .atc_img_box .atc_img img { width: 100%; max-width: 640px; display: block; opacity: 0.8;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.article_wrap .article .atc_info_box { position: relative; margin-top: 8px; padding-bottom: 10px; }
.article_wrap .article .atc_info_box .atc_ctgr { position: absolute; left: 0; top: 0; width: 40px; height: 40px; line-height: 40px; color: #fff; font-size: 14px; text-align: center; border-radius: 50%; }
.article_wrap .article .atc_info_box .atc_ctgr.issue { background: #18afd8; }
.article_wrap .article .atc_info_box .atc_ctgr.leisure { background: #2e3192; }
.article_wrap .article .atc_info_box .atc_ctgr.specialty { background: #aa209b; }
.article_wrap .article .atc_info_box .atc_ctgr.food { background: #1c9476; }
.article_wrap .article .atc_info_box .atc_info { margin-left: 60px; }
.article_wrap .article .atc_info_box .atc_name1 { font-size: 14px; color: #838383; }
.article_wrap .article .atc_info_box .atc_name2 { font-size: 16px; font-weight: bold; }
.article_wrap .article .atc_info_box .atc_price { color: #18afd8; font-size: 19px; font-weight: bold; }
.article_wrap .article .atc_info_box .atc_data { position: absolute; right: 0; bottom: 0; }
/*
.article_wrap .article .atc_info_box .atc_data .atc_sns { position: relative; text-align: right; }
.article_wrap .article .atc_info_box .atc_data .atc_sns span { display: inline-block; margin: 0 2px; width: 6px; height: 6px; background: #18afd8; border-radius: 50%; }
*/
.article_wrap .article .atc_share_box { position: relative; margin-top: 8px; zoom: 1; color: #a2a2a2; }
.article_wrap .article .atc_share_box:after { content: ""; display: block; clear: both; }
.article_wrap .article .atc_share_box span { display: inline-block; margin: 0 7px; }
.article_wrap .article .atc_share_box button { color: #a2a2a2; }
.article_wrap .article .atc_share_box i { padding-right: 5px; }
.article_wrap .article .atc_share_box .atcs_l { float: left; font-size: 12px; }
.article_wrap .article .atc_share_box .atcs_r { float: right; }
.article_wrap .article .atc_share_box .atcs_r i.on { color: #18afd8; }

.article_wrap .article .atc_info_box .atc_data .sale_num { color: #fa1414; }

/*
.atc_data .atc_sns .sns_box { display: none; position: absolute; right: -14px; bottom: 41px; padding: 10px; width: 260px; height: 52px; text-align: center; background: #fff; }
.atc_data .atc_sns .sns_box.sns_on { display: block; z-index: 99; } 
.atc_data .atc_sns .sns_box a { display: inline-block; width: 32px; height: 32px; margin: 0 4px; background-image: url(../images/btn_share.png); background-repeat: no-repeat; }
.atc_data .atc_sns .sns_box .sns_facebook { background-position: 0 0; }
.atc_data .atc_sns .sns_box .sns_twitter { background-position: -32px 0; }
.atc_data .atc_sns .sns_box .sns_google { background-position: -64px 0; }
.atc_data .atc_sns .sns_box .sns_kakao { background-position: 0 -32px; }
.atc_data .atc_sns .sns_box .sns_story { background-position: -32px -32px; }
.atc_data .atc_sns .sns_box .sns_line { background-position: -64px -32px; }
.atc_data .atc_sns .sns_box .sns_blog { background-position: 0 -64px; }
*.

.article_wrap .article .atc_info_box .atc_data .sale_num .atc_sweet { margin-left: 14px; color: #c4c4c4; }




/* */
#header_video { position: relative; width: 100%; z-index: 1000; }
.video_header_wrap { position: relative; }
.video_view { position: relative; } /* box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3); */
.video_view .video_container { position: relative; padding-bottom: 56.25%; width: 100%; height: 100%; overflow: hidden; }
.video_view .video_container.fixed { position: fixed; width: auto; height: 74px; left: 10px; top: 55px; right: 10px; background: #fff; padding-bottom: 0; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3); zoom: 1; }
.video_view .video_container.fixed iframe { width: 172px; height: 74px; }
.video_view .video_container iframe, 
.video_view .video_container object,
.video_view .video_container embed { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; }
.video_view .video_container .fixed_tit { display: none; }
.video_view .video_container.fixed .fixed_tit { display: block; margin-left: 184px; padding-top: 14px; }
.video_view .video_container.fixed .fixed_tit .atc_name1 { font-size: 11px; color: #838383; }
.video_view .video_container.fixed .fixed_tit .atc_name2 { font-size: 13px; font-weight: bold; }



#detail_container { }
#detail_container #swipe_container .swiper-slide { height: auto; overflow: auto; } /* */

.hd_info { }
.hd_info .atc_share_box { position: relative; padding: 8px 16px; zoom: 1; color: #a2a2a2; border-bottom: 1px solid #f2f2f2; }
.hd_info .atc_share_box:after { content: ""; display: block; clear: both; }
.hd_info .atc_share_box span { display: inline-block; margin: 0 7px; }
.hd_info .atc_share_box button { color: #a2a2a2; }
.hd_info .atc_share_box i { padding-right: 5px; }
.hd_info .atc_share_box i.on { color: #18afd8 !important; }
.hd_info .atc_share_box .atcs_l { float: left; font-size: 12px; }
.hd_info .atc_share_box .atcs_r { float: right; }
.hd_info .atc_share_box .atcs_r i { font-size: 19px; }

.hd_info .atc_info_box { position: relative; padding: 16px; }
.hd_info .atc_info_box .atc_info { }
.hd_info .atc_info_box .atc_name1 { font-size: 14px; color: #838383; }
.hd_info .atc_info_box .atc_name2 { font-size: 16px; font-weight: bold; }
.hd_info .atc_info_box .atc_price { color: #18afd8; font-size: 19px; font-weight: bold; }


/*
.video_view.fixed { position: fixed; width: 192px; height: 84px; left: auto; top: auto; bottom: 80px; right: 10px; zoom: 1; }
.video_view.fixed iframe { height: 84px; } 
*/
.detail_info { position: relative; }
.detail_info #swipe_container { background: #fff; }
.swiper_detailinfo .swiper-slide {  }

#detail_tabnav { position: relative; width: 100%; border-bottom: 1px solid #e6e6e6; overflow: hidden; zoom: 1; }
#detail_tabnav:after { content: ""; display: block; clear: both; }
#detail_tabnav.fixed { position: fixed; left: 0; top: 0; z-index: 99; background: #fff; border-bottom: 1px solid #e6e6e6; }
#detail_tabnav ul { float: left; display: block; width: 100%; height: 45px; font-size: 0; white-space: nowrap; }
#detail_tabnav ul li { display: inline-block; width: 25%; }
#detail_tabnav ul li.active { border-bottom: 3px solid #18afd8;  }
#detail_tabnav ul li a { display: block; color: #000; font-size: 15px; height: 42px; line-height: 42px; font-weight: normal; text-align: center; }
#detail_tabnav ul li a .menu_txt { display: block; }
#detail_tabnav ul li.active a .menu_txt { color: #18afd8; }

/* 상세정보 */
.detail_view_wrap { }

/* 관련영상 */
.list_movie_wrap { background: #efefef; }
.list_movie { padding: 10px; }
.list_movie .list_item { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e6e6e6; zoom: 1; }
.list_movie .list_item:after { content: ""; display: block; clear: both; }
.list_movie .list_item .item_thumb { float: left; width: 120px; height: 70px; background: #999; overflow: hidden; }
.list_movie .list_item .item_thumb a { display: block; }
.list_movie .list_item .item_cont { float: left; margin-left: 10px; }
.list_movie .list_item .item_cont .item_tit { }
.list_movie .list_item .item_cont .date { font-size: 11px; }

/* 구매정보 */ 
.purchase_info_wrap { background: #efefef; }
.pcsInfo_atc { margin: 10px; padding: 16px 14px; border: 1px solid #e6e6e6; background: #fff; font-size: 13px; color: #797979; }
.pcsInfo_atc h4 { font-size: 15px; margin-bottom: 8px; color: #000; }
.pcsInfo_atc .dec { margin: 6px 0; }
.pcsInfo_atc strong { color: #000; }
.pcsInfo_atc ul, .pcsInfo_atc dl { margin-bottom: 6px; }
.pcsInfo_atc dl dt { margin: 6px 0 3px; }

/* 후기/문의 */
.dt_review_wrap { margin: 10px; }
.rw_hd { position: relative; padding-top: 8px; }
.rw_hd h2 { font-size: 17px; }
.rw_hd .cnt { position: absolute; left: 80px; top: 7px; }
.rw_hd .cnt em { color: #18afd8; font-style: normal; }
.rw_hd .dec { font-size: 13px; color: #797979; margin-top: 4px; } 

.rw_cont { border: 1px solid #e6e6e6; background: #fff; margin-top: 8px; }
.rw_cont .rcbx_wp { padding: 16px 14px; border-bottom: 1px solid #e6e6e6; }
.rw_cont .rcbx_wp .bx_txt { padding: 5px 0;}
.rw_cont .rcbx_wp .bx_txt button { display: block; width: 100%; text-align: center; font-size: 13px; color: #797979; }
.rw_cont .rcbx_wp .bx_txt button span { display: block; color: #000; }

.rw_cont .rcbx_wp.bdB0 { border-bottom: none; }
.rw_cont .rcbx_wp .avg_score { }
.rw_cont .rcbx_wp .avg_score .score_cnt { font-size: 20px; color: #18afd8; }

.rw_cont.rw_cmt { border-top: none; margin-top: 0; }
.rw_cont.rw_cmt .rcbx_wp { border-bottom: 1px dashed #e6e6e6; }
.rw_cont.rw_cmt .rcbx_wp:last-child { border-bottom: 0; }
.rw_cont .rcbx_wp .review_list { font-size: 14px; }
.rw_cont .rcbx_wp .review_list .rwlt_hd { }
.rw_cont .rcbx_wp .review_list .rwlt_hd .rw_asmt { display: inline-block; color: #18afd8; font-weight: bold; }
.rw_cont .rcbx_wp .review_list .rwlt_hd .rw_tit { display: inline-block; color: #797979; font-size: 13px; }
.rw_cont .rcbx_wp .review_list .rwlt_cont { margin: 8px 0 16px; }
.rw_cont .rcbx_wp .review_list .rwlt_mbinfo { font-size: 13px; color: #a6a6a6; }
.rw_cont .rcbx_wp .review_list .rwlt_mbinfo span { display: inline-block; padding: 0 8px; border-right: 1px solid #e3e6e9; }
.rw_cont .rcbx_wp .review_list .rwlt_mbinfo span:first-child { padding-left: 0; }
.rw_cont .rcbx_wp .review_list .rwlt_mbinfo span:last-child { border-right: none; padding-right: 0; }
.rw_cont .btn_rww { padding:10px; width: 100%; background: #fff; color: #18afd8; text-align: center ;margin-top: -1px; border: 1px solid #18afd8; overflow: auto; } 
.rw_cont .btn_rww .rww_txt { padding-right: 8px; }

.dt_qa_wrap { margin-top: 28px; }
.dt_qa_wrap .btn_qaw { margin-top: 10px; padding-top: 12px; width: 100%; height: 50px; background: #fff; color: #18afd8; font-size: 16px; text-align: center; border: 1px solid #18afd8; }
.dt_qa_wrap .btn_qaw .ico_qaw { margin-right: 7px; }
.dt_qa_wrap .btn_qaw .qaw_txt { padding-left: 8px;  } 
.rw_cont .qacbx_wp { padding: 16px 14px; border-bottom: 1px solid #e6e6e6; }
.rw_cont .qacbx_wp .qa_list { font-size: 14px; }
.rw_cont .qacbx_wp .qa_list .rwlt_hd { }
.rw_cont .qacbx_wp .qa_list .rwlt_hd .rw_asmt { display: inline-block; color: #18afd8; font-weight: bold; padding: 0 8px 0 0; border-right: 1px solid #e3e6e9; }
.rw_cont .qacbx_wp .qa_list .rwlt_hd .rw_tit { display: inline-block; color: #797979; font-size: 13px; padding: 0 8px; border-right: 1px solid #e3e6e9; }
.rw_cont .qacbx_wp .qa_list .rwlt_hd .rw_tit.rw_bk { color: #000; font-weight: bold; }
.rw_cont .qacbx_wp .qa_list .rwlt_hd .rw_tit:last-child { border-right: none; }
.rw_cont .qacbx_wp .qa_list .rwlt_cont { margin: 8px 0 16px; }
.rw_cont .qacbx_wp.re { background: #f7f7f7; }

.rw_cont .qacbx_wp .qa_list .rwlt_mbinfo { font-size: 13px; color: #a6a6a6; }
.rw_cont .qacbx_wp .qa_list .rwlt_mbinfo span { display: inline-block; padding: 0 8px; border-right: 1px solid #e3e6e9; }
.rw_cont .qacbx_wp .qa_list .rwlt_mbinfo span:first-child { padding-left: 0; }
.rw_cont .qacbx_wp .qa_list .rwlt_mbinfo span:last-child { border-right: none; padding-right: 0; }


.pg_cont_wrap { padding: 56px 0; background: #FFF; }


/* 하단 구매하기 옵션 */
.buy_button_wrap { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990; }
.buy_button_wrap .fixed_btn { position: relative; }
.buy_button_wrap .fixed_btn .btn_option { display: block; position: absolute; top: -27px; left: 50%; z-index: 300; width: 80px; height: 28px; font-size: 0; margin-left: -40px; background-image: url(../images/fixed_option_open.png); background-size: 100%; background-repeat: no-repeat; -webkit-appearance: none; }

.buy_button_wrap .fixed_btn .btn_list { padding: 6px; background: #e5e5e5; }
.buy_button_wrap .fixed_btn .btn_list .btn_buy_op { display: block; width: 100%; height: 49px; line-height: 49px; background: #18afd8; color: #fff; text-align: center; }

.buy_option_wrap { display: none; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 9994; }
.buy_option_wrap.show_option { display: block; }
.buy_option_wrap .fixed_btn { position: relative; }
.buy_option_wrap .fixed_btn .btn_close { display: block; position: absolute; top: -26px; left: 50%; z-index: 300; width: 80px; height: 28px; font-size: 0; margin-left: -40px; background-image: url(../images/fixed_option_open.png); background-size: 100%; background-position: 0 -28px; background-repeat: no-repeat; -webkit-appearance: none; }
.buy_option_wrap .fixed_btn .op_box { padding: 6px; background: #e5e5e5; }
.buy_option_wrap .fixed_btn .op_box .select_box { height: 38px; margin-bottom: 7px; }
.buy_option_wrap .fixed_btn .op_box .select_box select { position: relative; width: 100%; height: 38px; border: 2px solid #18afd8; padding: 0 35px 0 10px; background: #fff; -webkit-appearance: none; }

.buy_option_wrap .fixed_btn .btn_list { padding: 6px; background: #e5e5e5; zoom: 1; }
.buy_option_wrap .fixed_btn .btn_list:after { content: ""; display: block; clear: both; }
.buy_option_wrap .fixed_btn .btn_list .blfl { float: left; width: 50%; }
.buy_option_wrap .fixed_btn .btn_list .blfl:first-child { padding-right: 5px; }
.buy_option_wrap .fixed_btn .btn_list .btn_cart { display: block; width: 100%; height: 49px; line-height: 49px; background: #fff; color: #000; text-align: center; }
.buy_option_wrap .fixed_btn .btn_list .btn_buy { display: block; width: 100%; height: 49px; line-height: 49px; background: #18afd8; color: #fff; text-align: center; }

/* 하단 옵션선택 */
#csBar { }
.opSlt_wp { padding: 10px 6px; }
.opSlt_wp .dep_sel { height: 37px; border:1px solid #d0d0d0; background-color: #fff; color: #fff; zoom: 1; } 
.opSlt_wp .dep_sel:after { content: ""; display: block; clear: both; }
.opSlt_wp .dep_sel .tit { float: left; line-height: 35px; padding-left: 5px; }
.opSlt_wp .dep_sel .alw { float: right; border-left: 1px solid #d0d0d0; width: 35px; height: 35px;  cursor: pointer; text-align: center; }
.opSlt_wp .dep_sel .alw img.icoArrow { vertical-align: middle; margin-top: 7px; }
.opSlt_wp .divScroll { border: 1px solid #dbdbdb; border-top: none; background-color: #fff; }
.opSlt_wp .divScroll .selItem_wp { font-size: 14px; line-height: 34px; border-bottom: 1px solid #EAEAEA; padding: 0 8px; zoom: 1; }
.opSlt_wp .divScroll .selItem_wp:after { content: ""; display: block; clear: both; }
.opSlt_wp .divScroll .selItem_wp .selItem_tp { float: left; }
.opSlt_wp .divScroll .selItem_wp .selItem_tp .sout { color: #e76802; }
.opSlt_wp .divScroll .selItem_wp .selItem_ckb { float: right; vertical-align: middle; }

/* 공유하기 */
.sns_box_wrap { display: none; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 9996; }
.sns_box_wrap .sns_box h2 { font-size: 17px; font-weight: normal; line-height: 2; border-bottom: 1px solid #dbdbdb; }
.sns_box_wrap .sns_box { position: relative; width: 100%; background: #eee; padding: 12px; z-index: 1; }
.sns_box_wrap .sns_box ul { padding: 8px 0; }
.sns_box_wrap .sns_box ul li { margin: 8px 0; }
.sns_box_wrap .sns_box ul li a { display: block; font-size: 13px; line-height: 24px; }
.sns_box_wrap .sns_box span { display: inline-block; vertical-align: middle; width: 24px; height: 24px; margin: 0 4px; background-image: url(../images/btn_share.png); background-repeat: no-repeat; z-index: 1000; }
.sns_box_wrap .sns_box .sns_facebook { background-position: 0 0; }
.sns_box_wrap .sns_box .sns_twitter { background-position: -24px 0; }
.sns_box_wrap .sns_box .sns_google { background-position: -48px 0; }
.sns_box_wrap .sns_box .sns_kakao { background-position: 0 -24px; }
.sns_box_wrap .sns_box .sns_story { background-position: -24px -24px; }
.sns_box_wrap .sns_box .sns_line { background-position: -48px -24px; }
.sns_box_wrap .sns_box .sns_blog { background-position: 0 -48px; }
.sns_box_wrap .sns_box .btn_close { position: absolute; right: 12px; top: 10px; font-size: 1.5em !important; }
.sns_box_wrap .back { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: 0.7; }




.atc_ckent.h_eft { background-color:#efefef !important; }