html, body { width: 100%; }

.inner { padding: 0 6px;}
.inner::after { content: ''; clear: both; display: block; width: 0; height: 0; font-size: 0; line-height: 0; }
.min_inner {padding: 0 12px;}
.unit {font-family: Arial, sans-serif !important;}
.overlay {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.05); z-index: 0; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}
#wrap {position: relative; overflow: hidden;}
.space_line {height: 7px; background: #f6f7f8;}

/* header */
#header {position: relative; height: 60px; z-index: 310;}
#header .header_con {width: 100%;}
#header .header_con .min_inner {position: relative; display: flex; justify-content: space-between; align-items: center; height: 60px;}
#header .header_con h1 {width: 65px; margin-right: 12px;}
#header .header_con h1 img {margin-top: -6px; vertical-align: middle;}
#header .header_con h2 {font-size: 1.154rem;}
#header .header_con h2.btn_view_depth {position: relative; padding-right: 16px; cursor: pointer;}
#header .header_con h2.btn_view_depth::after {content: ''; position: absolute; top: 50%; right: 0; width: 9px; height: 10px; margin-top: -4px; background: url('/img/mobile/rn201/icon/icon_arrow01.png') no-repeat center center; background-size: 100%;}
#header .header_con h2.btn_view_depth.active::after {transform: rotate(180deg);}
#header .header_con h2 b {color: #00b6f0;}

#header .header_con .page_tit_area {display: flex; align-items: center;}
#header .header_con .page_tit_area .btn_back {width: 44px; height: 35px; margin-left: -12px; background: url('/img/mobile/rn201/icon/icon_back.png') no-repeat center center; background-size: 12px; font-size: 0; line-height: 0; text-indent: -9999px;}
#header .header_con .page_tit_area .btn_global_ship {width: 25px; height: 25px; margin: 0 5px; background: url('/img/mobile/rn201/icon/icon_f_m02.png') no-repeat center center; background-size: 100%; font-size: 0; line-height: 0; text-indent: -9999px; vertical-align: middle;}
#header .header_con .page_tit_area .btn_home {width: 25px; height: 25px; margin-left: 5px; background: url('/img/mobile/rn201/icon/icon_f_m03.png') no-repeat center center; background-size: 100%; font-size: 0; line-height: 0; text-indent: -9999px; vertical-align: middle;}

#header .header_con .h_menu {display: none; position: absolute; left: 0; top: 60px; width: 100%; padding: 25px 0; border-top: 1px solid #eee; background: #fff; border-radius: 0px 0px 10px 10px; z-index: 10; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);}
#header .header_con .h_menu li {margin-top: 10px; line-height: 25px;}
#header .header_con .h_menu li:first-child {margin-top: 0;}
#header .header_con .h_menu li a {display: block; font-size: 1.077rem; font-weight: 600; text-align: center; color: #999;}
#header .header_con .h_menu li.on a {color: #000;}
#header .header_con .h_menu_bg {display: none; position: fixed; top: 60px; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.05); z-index: 0; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}

#header .header_con .search_area {position: relative;height: 35px; flex: 1;}
#header .header_con .search_area input.sch_text {width: 100%; height: 35px; border: none; padding: 0 40px 0 10px; background: #f1f3f5; border-radius: 3px; box-sizing: border-box;}
#header .header_con .search_area .btn_sch {position: absolute; top: 0; right: 0; width: 40px; height: 100%; border: none; background: url('/img/mobile/rn201/icon/icon_search.png') no-repeat center center; background-size: 55%; cursor: pointer;}
#header .header_con .top_quick_menu {margin-left: 12px;}
#header.fixed .header_con {position: fixed; top: 0; left: 0; border-bottom: 1px solid #eee; background: #fff;}

#header .header_con.h_tit h1 {display: none;}
#header .header_con.active_sch {background: #fff;}
#header .header_con.h_tit .search_area input.sch_text, 
#header .header_con.h_tit .search_area input.btn_sch,
#header .header_con.active_sch h2,
#header .header_con.active_sch .btn_home {display: none;}
#header .header_con.active_sch .search_area input.sch_text, 
#header .header_con.active_sch .search_area input.btn_sch  {display: block;}
#header .header_con.active_sch .search_area button.btn_sch  {display: none;}

.top_quick_menu {position: relative;}
.top_quick_menu > ul {display: flex; align-items: center;}
.top_quick_menu > ul li {margin-left: 40px;}
.top_quick_menu > ul li:first-child {margin-left: 0;}
.top_quick_menu > ul li a {position: relative; display: block;}
.top_quick_menu > ul li i {display: block; width: 20px; height: 25px; background-repeat: no-repeat; background-position: center center; background-size: 100%;}
.top_quick_menu > ul li.n1 i {background-image: url('/img/mobile/rn201/icon/icon_top_util_01.png');}
.top_quick_menu > ul li.n2 i {width: 22px; background-image: url('/img/mobile/rn201/icon/icon_top_util_02.png');}
.top_quick_menu > ul li.n3 i {width: 25px; background-image: url('/img/mobile/rn201/icon/icon_top_util_03.png');}
.top_quick_menu > ul li.n4 i {background-image: url('/img/mobile/rn201/icon/icon_top_util_04.png');}
.top_quick_menu > ul li.n5 i {background-image: url('/img/mobile/rn201/icon/icon_top_util_05.png');}
.top_quick_menu > ul li span {position: absolute; left: 50%; bottom: -2px; min-width: 16px; height: 16px; line-height: 16px; padding: 0 4px; background: #00b6f0; text-align: center; font-size: 9px; font-weight: 400; color: #fff; z-index: 1; box-sizing: border-box; border-radius: 25px;}
.top_quick_menu > ul li span.bg_gray {background: #888;}

#wrap.sub #gnb {border-bottom: 1px solid #eee;}
#gnb {margin-top: -10px; -ms-touch-action: none; touch-action: none;}
#gnb .menu {display: flex; padding: 0 12px; align-items: center;}
#gnb .menu > li {position: relative; margin-left: 20px; font-size: 1.143rem; font-weight: 600;}
#gnb .menu > li:first-child {margin-left: 0;}
#gnb .menu > li > a {display: block; color: #999; white-space: nowrap; transition: all 0.2s; line-height: 3.571rem;}
#gnb .menu > li.on > a {color: #000;}
#gnb .menu.depth3 > li {font-size: 1.077rem; font-weight: 400;}

#submenu {background: #f6f7f8; -ms-touch-action: none; touch-action: none;}
#submenu .depth2 {display: flex; padding: 0 12px; align-items: center;}
#submenu .depth2 li {margin-left: 20px; font-size: 1.077rem; line-height: 3.077rem; font-weight: 400;}
#submenu .depth2 li:first-child {margin-left: 0;}
#submenu .depth2 li a {display: block; color: #999; white-space: nowrap;}
#submenu .depth2 li.on > a {color: #000;}

/* search : 최근 본 상품 레이어 */
#searchLayer {display: none; position: fixed; top: 60px; left: 0; width: 100%; height: calc(100% - 60px); padding: 5px 12px 12px; background: #fff; overflow-y: auto; box-sizing: border-box;}
#searchLayer .tt {margin-bottom: 15px; font-size: 1.154rem; font-weight: 600;}
#searchLayer .tt .num {color: #00b6f0;}

/* 전체메뉴 */
#allMenu {position: fixed; top: 0; left: -100%; width: 100%; height: 100%; padding: 20px 20px 30px 20px; background: #fff; z-index: 940; box-sizing: border-box; overflow-y: auto; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
#allMenu.active {left: 0;}

#allMenu .all_menu_wrap {position: relative; display: flex; width: 100%; min-height: 100%; flex-direction: column;}
#allMenu .all_menu_close {position: absolute; top: 0; right: 0; width: 20px; height: 20px; background: url('/img/mobile/rn201/icon/icon_close.png') no-repeat center center; background-size: 100%; font-size: 0; line-height: 0; text-indent: -9999px;}
#allMenu .global_ship_area {margin-bottom: 40px; font-size: 0.923rem;}
#allMenu .global_ship_area .icon {display: block; width: 20px; height: 20px; margin-bottom: 5px; background: url('/img/mobile/rn201/icon/icon_f_m02.png') no-repeat center center; background-size: 100%;}

#allMenu .welcome_area {margin-bottom: 40px;}
#allMenu .welcome_area .welcome_txt {font-size: 1.846rem;}
#allMenu .welcome_area .top_quick_menu {margin-top: 20px;}
#allMenu .welcome_area .btn_login {display: inline-block; margin-top: 20px; padding-right: 15px; background: url('/img/mobile/rn201/icon/icon_arrow02.png') no-repeat right 55%; background-size: 5px; color: #00b6f0; font-weight: 600;}
#allMenu .welcome_area .btn_logout {display: inline-block; margin-top: 20px; border-bottom: 1px solid #00b6f0; font-size: 0.846rem; font-weight: 400; color: #00b6f0; line-height: 1.2;}

#allMenu .all_menu_con dl {margin-top: 25px;}
#allMenu .all_menu_con dl:first-child {margin-top: 0;}
#allMenu .all_menu_con dl dt {margin-bottom: 8px; font-size: 0.846rem; color: #999; font-weight: 600;}
#allMenu .all_menu_con dl ul {display: flex; flex-wrap: wrap;}
#allMenu .all_menu_con dl li {position: relative; width: 50%; padding-left: 10px; font-size: 1.154rem; font-weight: 600; line-height: 2.462rem; box-sizing: border-box;}
#allMenu .all_menu_con dl li::before {content: ''; position: absolute; top: 15px; left: 0; width: 2.5px; height: 2.5px; background: #000; border-radius: 100%;}

@media only screen and (max-width:340px){
  #allMenu .welcome_area {margin-bottom: 30px;}
  #allMenu .welcome_area .top_quick_menu {margin-top: 15px;}
  #allMenu .all_menu_con dl {margin-top: 20px;}
  #allMenu .all_menu_con dl dt {margin-bottom: 5px;}
  #allMenu .all_menu_con dl li {line-height: 2.308rem;}
}

/* Category */
#category {margin-top: -40px; margin-bottom: 30px; -ms-touch-action: none; touch-action: none; border-bottom: 1px solid #eee;}
#category .menu {display: flex; padding: 0 12px; align-items: center;}
#category .menu > li {position: relative; margin-left: 20px; font-size: 1.077rem; font-weight: 400;}
#category .menu > li:first-child {margin-left: 0;}
#category .menu > li > a {display: block; color: #999; white-space: nowrap; transition: all 0.2s; line-height: 3.571rem;}
#category .menu > li.on > a {color: #000;}

.contentsArea.pdT0 #category {margin-top: -10px;}

/* 메인 */
#mainVisual {position: relative; overflow: hidden;}
#mainVisual .mainSlider img {width: 100%; max-width: 100%;}

#mainVisual .mainControl {position: absolute; right: 12px; bottom: 12px; display: flex; align-items: center; z-index: 20;}
#mainVisual .mainControl .mvisual_control {width: 25px; height: 25px; background: #fff; border-radius: 100%;}
#mainVisual .mainControl .mvisual_control span {display: inline-block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: 7px; cursor: pointer; font-size: 0; line-height: 0; text-indent: -9999px; vertical-align: top;}
#mainVisual .mainControl .mvisual_control .pause {background-image: url('/img/mobile/rn201/main/btn_visual_pause.png');}
#mainVisual .mainControl .mvisual_control .play {display: none; background-image: url('/img/mobile/rn201/main/btn_visual_play.png');}
#mainVisual .mainControl .mvisual_pager {width: 60px; height: 25px; margin-left: 3px; background: #fff; text-align: center; border-radius: 25px; line-height: 25px;}
#mainVisual .mainControl .mvisual_pager .paging {padding-right: 12px; font-size: 11px; font-weight: 600; color: #999;}
#mainVisual .mainControl .mvisual_pager .paging .current {color: #000;}
#mainVisual .mainControl .mvisual_pager .btn_visual_all {position: absolute; top: 0; right: 0; width: 25px; height: 25px; border: none; background: url('/img/mobile/rn201/main/btn_visual_more.png') no-repeat center center; background-size: 9px; font-size: 0; line-height: 0; text-indent: -9999px; cursor: pointer;}

.slick-prev{ display:none !important; }
.slick-next{ display:none !important; }

.mainContents .main_section {padding: 40px 0;}
.mainContents .main_section h2 {margin-bottom: 30px; font-size: 1.571rem; font-weight: 300; text-align: center;}

/* 메인비주얼 전체보기 레이어 */
#mainVisualAll {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 1000;}

#mainVisualAll .mv_list {position: relative; height: calc(100% - 60px); z-index: 10; overflow-y: auto;}
#mainVisualAll .mv_list li {margin-top: 2%;}
#mainVisualAll .mv_list li:first-child {margin-top: 0;}

/* 서브 */ 
.contentsArea {padding: 30px 0 50px;}
.contentsArea.pdT0 {padding-top: 0px !important;}
.contentsArea.pdT0 #titleArea {margin-bottom: 0;}
.contentsArea.pdT0 #titleArea .location {line-height: 60px;}
.contentsArea .section {margin-top: 50px;}
.contentsArea .p_section {padding: 50px 0;}
.contentsArea .section_02 {padding: 30px 12px;}
.contentsArea .section_03 {margin-top: 25px; line-height: 1.4;}

.tt_area {position: relative; margin-bottom: 15px;}
.tt_area.bd_type {padding-bottom: 15px; border-bottom: 1px solid #eee;}
.tt_area h3 {font-size: 1.154rem;}
.tt_area h3 .num {color: #00b6f0;}
.tt_area p {padding-top: 10px; line-height: 1.231rem;}
.tt_area .caution {display: block; padding-top: 5px; font-size: 0.923rem; color: #e00000;}

/* List Style */
.list_type01 li {position: relative; margin-top: 6px; padding-left: 8px; font-size: 0.923rem; color: #555; line-height: 1.4; word-break: keep-all;}
.list_type01 li:first-child {margin-top: 0;}
.list_type01 li::before {content: ''; position: absolute; top: 7px; left: 0; width: 1.5px; height: 1.5px; background: #555;}

.list_type02 > li {position: relative; margin-top: 6px; padding-left: 15px; color: #555; line-height: 1.4; word-break: keep-all;}
.list_type02 > li.wide {padding-left: 24px;}
.list_type02 > li:first-child {margin-top: 0;}
.list_type02 > li .num {position: absolute; top: 0; left: 0;}

.list_type03 > li {position: relative; margin-top: 6px; padding-left: 20px; color: #555; line-height: 1.4; word-break: keep-all;}
.list_type03 > li:first-child {margin-top: 0;}
.list_type03 > li .num {position: absolute; top: 0; left: 0;}

/* 서브메뉴 */
#snb {position: absolute; top: 0; right: 0; width: 170px; z-index: 10;}
#snb .page_title {position: relative; display: block; height: 20px; padding-left: 30px; background: url('/img/mobile/rn201/icon/icon_snb.png') no-repeat left center; font-size: 15px; font-weight: 600; line-height: 20px; color: #999; cursor: pointer; transition: all 0.2s;}
#snb .page_title::after {content: ''; position: absolute; top: 50%; right: 0; width: 9px; height: 11px; margin-top: -5px; background: url('/img/mobile/rn201/icon/icon_arrow06.png') no-repeat center center; transition: all 0.2s;}
#snb .page_title.on {background-image: url('/img/mobile/rn201/icon/icon_snb_on.png'); color: #00b6f0;}
#snb .page_title.on::after {transform: rotate(180deg);}
#snb ul {display: none; position: absolute; top: 30px; left: 0; width: 100%; padding: 20px 30px; background: #fff; border: 1px solid #000; z-index: 15; box-sizing: border-box;}
#snb ul li {font-weight: 400; line-height: 35px;}
#snb ul li a {display: block; color: #777; transition: color 0.2s;}
#snb ul li a:hover {color: #000;}

/* 재품 - 리스트 */
#prdListTop {display: flex; align-items: center; justify-content: space-between; padding: 0 2%; margin-bottom: 35px; font-size: 0.923rem;}
#prdListTop .tab_sort {position: relative;}
#prdListTop .tab_sort .selected {position: relative; padding-right: 15px; font-weight: 400; line-height: 2;}
#prdListTop .tab_sort .selected::after {content: ""; position: absolute; top: 10px; right: 0; width: 8px; height: 4px; background: url('/img/mobile/rn201/icon/icon_arrow01.png') no-repeat center center; background-size: 100%;}
#prdListTop .tab_sort .select_ul {display: none; position: absolute; top: 25px; right: 0; padding: 10px 15px; border: 1px solid #000; background: #fff; z-index: 50;}
#prdListTop .tab_sort .select_ul li {line-height: 2; white-space: nowrap;}
#prdListTop .tab_sort .select_ul li a {color: #555;}
#prdListTop .tab_sort .select_ul li:hover a,
#prdListTop .tab_sort .select_ul li.on a {font-weight: 400; color: #000;}
#prdListTop .tab_sort.active .selected::after {transform: rotate(-180deg);}

#prdList .prd_list {display: flex; flex-wrap: wrap;}
#prdList .prd_list li {position: relative; width: calc(50% - 3px); margin-top: 30px; margin-left: 6px; background: #f6f7f8; box-sizing: border-box; transition: background-color 0.2s;}
#prdList .prd_list li:nth-child(2n-1) {margin-left: 0;}
#prdList .prd_list li:nth-child(-n+2) {margin-top: 0;}
#prdList .prd_list li > a {position: relative; display: block; height: 100%;}
#prdList .prd_list .thumb_img_area {padding: 10% 0; background: #fff;}
#prdList .prd_list .thumb_img_area img {width: 100%;}

#prdList .prd_list .prd_info_area {padding: 15px 10px;}
#prdList .prd_list .prd_info_area .pname {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 2.77rem; line-height: 1.385rem; text-overflow: ellipsis; overflow: hidden;}
#prdList .prd_list .prd_info_area .price_area {margin-top: 8px; font-size: 0.923rem; line-height: 1.538rem;}
#prdList .prd_list .prd_info_area .price_area .pv {margin-left: 4px; color: #00b6f0;}
#prdList .prd_list .prd_info_area .price_area .price_02 {font-size: 0.846rem; color: #999;}
#prdList .prd_list .prd_info_area .price_area .sold_out {color: #e00000;}

#prdList .prd_list .prd_btn_area {position: absolute; top: 8px; right: 8px; z-index: 20;}
#prdList .prd_list .prd_btn_area .button {display: block; width: 30px; height: 30px; margin-top: 5px; border: none; padding: 0; background-color: #fff; background-repeat: no-repeat; background-position: center center; background-size: 12px; border-radius: 100%; font-size: 0; line-height: 0; text-indent: -9999px; cursor: pointer; transition: all 0.2s; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;}
/*#prdList .prd_list .prd_btn_area .button:hover,*/
#prdList .prd_list .prd_btn_area .button.on {background-color: #00b6f0;}
#prdList .prd_list .prd_btn_area .button:first-child {margin-top: 0;}
#prdList .prd_list .prd_btn_area .button.btn_wish {background-image: url('/img/mobile/rn201/icon/icon_wish.png');}
#prdList .prd_list .prd_btn_area .button.btn_cart {background-image: url('/img/mobile/rn201/icon/icon_cart.png');}
#prdList .prd_list .prd_btn_area .button.btn_tooltip {background-image: url('/img/mobile/rn201/icon/icon_tooltip.png');}
#prdList .prd_list .prd_btn_area .button.btn_wish.on {background-image: url('/img/mobile/rn201/icon/icon_wish_on.png');}
#prdList .prd_list .prd_btn_area .button.btn_cart.on {background-image: url('/img/mobile/rn201/icon/icon_cart_on.png');}
#prdList .prd_list .prd_btn_area .button.btn_tooltip.over {background-image: url('/img/mobile/rn201/icon/icon_tooltip_on.png');}
/*
#prdList .prd_list .prd_btn_area .button.btn_tooltip:hover {background-image: url('/img/mobile/rn201/icon/icon_tooltip_on.png');}
*/
/* 재품 - 상세 */
#productDetail .prd_detail_box .thumb_area {position: relative; padding-bottom: 30px;}
#productDetail .prd_detail_box .thumb_area img {width: 100%;}
#productDetail .prd_detail_box .thumb_area .paging {position: absolute; right: 15px; bottom: 15px; height: 25px; padding: 0 15px; background: #f6f7f8; text-align: center; font-size: 11px; font-weight: 600; color: #999; border-radius: 25px; line-height: 25px; z-index: 50;}
#productDetail .prd_detail_box .thumb_area .paging .current {color: #000;}
#productDetail .prd_detail_box .thumb_area .sold_out {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2);}
#productDetail .prd_detail_box .thumb_area .sold_out p {display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; font-size: 2.692rem; font-weight: 600; color: #fff;}

#productDetail .prd_detail_box .sales_time {position: relative; padding: 12px; background: #000; color: #fff;}
#productDetail .prd_detail_box .sales_time .time {font-size: 1.077rem; font-weight: 600;}
#productDetail .prd_detail_box .sales_time .time .num {font-size: 1.385rem;}
#productDetail .prd_detail_box .sales_time p {padding-top: 5px; font-size: 0.769rem; color: #999; line-height: 1.2;}

#productDetail .prd_detail_box .prd_info_area {padding: 30px 0;}
#productDetail .prd_detail_box .prd_info_area .prd_name_wrap .prd_name {font-size: 1.154rem; line-height: 1.4; font-weight: 600;}
#productDetail .prd_detail_box .prd_info_area .prd_name_wrap .s_txt {padding-top: 10px;}
#productDetail .prd_detail_box .prd_info_area .price_area {padding-bottom: 30px; margin-top: 20px; margin-bottom: 30px; border-bottom: 1px solid #eee;}
#productDetail .prd_detail_box .prd_info_area .price_area .price_01 {display: block; padding-bottom: 5px; font-size: 1.385rem; font-weight: 600;}
#productDetail .prd_detail_box .prd_info_area .price_area .price_02 {color: #999;}
#productDetail .prd_detail_box .prd_info_area .price_area .pv {padding-left: 10px; color: #00b6f0;}
#productDetail .prd_detail_box .prd_info_area .price_area .sold_out {color: #e00000; line-height: 1.4;}
#productDetail .prd_detail_box .prd_info_area .price_area .sold_out .time {font-weight: 400;}

#productDetail .prd_detail_box .prd_info_area .notice_area {margin-top: 20px; color: #555; line-height: 1.4;}
#productDetail .prd_detail_box .prd_info_area .notice_area dl {margin-top: 20px;}
#productDetail .prd_detail_box .prd_info_area .notice_area dl:first-child {margin-top: 0;}
#productDetail .prd_detail_box .prd_info_area .notice_area dl dt {margin-bottom: 5px; font-weight: 400;}

#productDetail .prd_detail_box .prd_info_area .prd_detail {margin-top: 20px;}
#productDetail .prd_detail_box .prd_info_area .prd_detail dl {display: flex; margin-top: 6px; line-height: 1.4; color: #555;}
#productDetail .prd_detail_box .prd_info_area .prd_detail dl:first-child {margin-top: 0;}
#productDetail .prd_detail_box .prd_info_area .prd_detail dl dt {width: 100px; flex-shrink: 0; font-weight: 400;}

#productDetail .prd_detail_image .image_wrap {position: relative; height: 180vw; text-align: center; overflow: hidden;}
#productDetail .prd_detail_image .image_wrap::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 35px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255)); z-index: 10;}
#productDetail .prd_detail_image .btn_area_wrap {padding-top: 20px; text-align: center;}
#productDetail .prd_detail_image .btn_area_wrap .button {width: 100%;}
#productDetail .prd_detail_image .video_area {position: relative; padding-bottom: 56.25%; margin: 10px 0;}
#productDetail .prd_detail_image .video_area iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
#productDetail .prd_detail_image.open .image_wrap {height: auto;}
#productDetail .prd_detail_image.open .image_wrap::after {display: none;}
#productDetail .prd_detail_image.open .btn_area_wrap {display: none;}

#productDetail .prd_detail_info {margin-top: 30px;}
#productDetail .prd_detail_info .list {border-bottom: 1px solid #eee;}
#productDetail .prd_detail_info .list .tt {position: relative; padding: 12px 30px 12px 12px; font-size: 0.923rem; font-weight: 400; line-height: 1.4;}
#productDetail .prd_detail_info .list .tt::after {content: ''; position: absolute; top: 50%; right: 12px; width: 8px; height: 8px; margin-top: -4px; background: url('/img/mobile/rn201/icon/icon_arrow01.png') no-repeat center center; background-size: 100%;}
#productDetail .prd_detail_info .list.active .tt::after {transform: rotate(180deg);}
#productDetail .prd_detail_info .list .detail {display: none; border-top: 1px solid #eee; background: #f6f7f8; padding: 25px 12px; font-size: 0.846rem; color: #555; line-height: 1.4;}
#productDetail .prd_detail_info .list .detail dl {margin-top: 15px;}
#productDetail .prd_detail_info .list .detail dl:first-child {margin-top: 0;}
#productDetail .prd_detail_info .list .detail dl dt {font-weight: 400;}
#productDetail .prd_detail_info .list .detail dl dd {margin-top: 4px;}

#relatedProducts h3 {margin-bottom: 20px; font-size: 1.538rem; font-weight: 400;}
#relatedProducts #prdList .prd_list {flex-wrap:unset; align-items:stretch;}
#relatedProducts #prdList .prd_list li {width: 42%; height: auto !important; margin-top: 0px !important;}
#relatedProducts #prdList .prd_list li:nth-child(2n-1) {margin-left: 6px;}
#relatedProducts #prdList .prd_list li:first-child {margin-left: 12px;}
#relatedProducts #prdList .prd_list li:last-child {margin-right: 12px;}
#relatedProducts #prdList .prd_list .prd_info_area .price_area .pv {display: block; margin-left: 0;}

#prdFixedBottom {position: fixed; left: 0; bottom: 0; width: 100%; background: #fff; z-index: 400;}
#prdFixedBottom .min_inner {padding: 8px 12px;}
#prdFixedBottom .btn_area_wrap {position: relative;}
#prdFixedBottom .btn_area_wrap::before {content: ''; position: absolute; left: 0; top: -29px; width: 100%; height: 30px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255)); z-index: 10;}
#prdFixedBottom .btn_area_wrap .min_inner {display: flex; align-items: center; justify-content: space-between;}
#prdFixedBottom .btn_area_wrap .btn_wish,
#prdFixedBottom .btn_area_wrap .btn_share {flex-shrink: 0; display: block; width: 22px; height: 22px; margin-right: 20px; font-size: 0; line-height: 0; text-indent: -9999px;}
#prdFixedBottom .btn_area_wrap .btn_wish {margin-left: 6px; background: url('/img/mobile/rn201/icon/icon_wish_02.png') no-repeat center center; background-size: 100%;}
#prdFixedBottom .btn_area_wrap .btn_wish.on {background-image: url('/img/mobile/rn201/icon/icon_wish02_on.png');} 
#prdFixedBottom .btn_area_wrap .btn_share {background: url('/img/mobile/rn201/icon/icon_share.png') no-repeat center center; background-size: 100%;}
#prdFixedBottom .btn_area {display: flex; flex:1; align-items: center;}
#prdFixedBottom .btn_area a,
#prdFixedBottom .btn_area button {flex: 1; padding: 0; margin-left: 6px;}
#prdFixedBottom .btn_area a:first-child,
#prdFixedBottom .btn_area button:first-child {margin-left: 0;}

#prdFixedBottom .total_price_area {display: none;}
#prdFixedBottom .total_price_area .min_inner {position: relative; padding-top: 30px; background: #fff; border-radius: 15px 15px 0 0; z-index: 10; box-shadow: 0px -5px 10px 0px rgba(0, 0, 0, 0.1);}
#prdFixedBottom .total_price_area .quantity_box {width: 100%;}
#prdFixedBottom .total_price_area .total_price {margin-top: 15px;}
#prdFixedBottom .total_price_area .total_price dl {display: flex; align-items: center; justify-content: space-between;}
#prdFixedBottom .total_price_area .total_price dl dt {color: #555; font-weight: 400;}
#prdFixedBottom .total_price_area .total_price dl dd .price {font-size: 1.385rem; font-weight: 600;}
#prdFixedBottom .total_price_area .total_price dl dd .pv {padding-left: 5px; font-weight: 300; color: #00b6f0;}
#prdFixedBottom .total_price_area .btn_area {width: 100%; margin-top: 20px;}

/* 장바구니 */
#orderList .section:first-child {margin-top: 0;}
.prd_list_check_wrap {display: flex; justify-content: space-between; margin-bottom: 15px;}
.prd_list_check_wrap .check_ship_from .check_type_b .icon {margin-top: -2px; margin-right: 6px;}
.prd_list_check_wrap .btn_empty {border-bottom: 1px solid #999; color: #999; font-weight: 400;}

.order_tbl {width: 100%; border-top: 1px solid #000; border-bottom: 1px solid #000; table-layout: fixed;}
.order_tbl tbody td {padding: 25px 0 25px 10px; border-top: 1px solid #eee; vertical-align: top;}
.order_tbl tbody tr:first-child td {border-top: none;}
.order_tbl tbody td:first-child {padding-left: 0;}
.order_tbl tbody td .cols_wrap {display: flex;}
.order_tbl tbody td .cols_wrap .cols_left {flex: 1;}
.order_tbl tbody td .cols_wrap .cols_right {display: flex; flex-direction: column; justify-content: space-between; min-height: 110px; align-items: flex-end; flex-shrink: 0; padding-left: 10px;}

.order_tbl tbody td .prd_info_area .price_area {margin-top: 10px; font-size: 0.923rem; line-height: 1.4;}
.order_tbl tbody td .prd_info_area .qty {padding-right: 4px;}
.order_tbl tbody td .prd_info_area .price_01 {font-weight: 400;}
#orderList .order_tbl tbody td .prd_info_area .price_01 {font-size: 1.077rem; font-weight: 600;}
.order_tbl tbody td .prd_info_area .price_02 {color: #999; }
.order_tbl tbody td .prd_info_area .shipping_fee {padding-top: 2px;}
.order_tbl tbody td .prd_info_area .pv {color: #00b6f0;}
.order_tbl tbody td .prd_info_area .price_area .sold_out {margin-top: 25px; color: #e00000; font-weight: 400;}
.order_tbl tbody td .pname,
.order_tbl tbody td .pname a {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 2.77rem; line-height: 1.385rem; text-overflow: ellipsis; overflow: hidden;}
.order_tbl td .pv {display: block; padding-top: 2px;}
.order_tbl tbody td .quantity_box {margin-top: 15px;}

.order_tbl tbody td .btn_delete {width: 14px; height: 14px; border: none; padding: 0; background: url('/img/mobile/rn201/icon/icon_delete.png') no-repeat 0 0; background-size: 100%; font-size: 0; line-height: 0; text-indent: -9999px; cursor: pointer; border-radius: 0;}
.order_tbl tbody td .thumb_area {text-align: right;}
.order_tbl tbody td .thumb_area img {width: 65px;}

.order_tbl tbody td .btn_area {display: flex; margin-top: 15px;}
.order_tbl tbody td .btn_area .btn_cart {width: 28px; height: 28px; margin-left: 4px; border: 1px solid #ccc; background: url('/img/mobile/rn201/icon/icon_cart02.png') no-repeat center center; background-size: 12px; font-size: 0; line-height: 0; text-indent: -9999px; border-radius: 3px; box-sizing: border-box;}

.prd_total_price {margin-top: 20px;}
.prd_total_price dl {display: flex; justify-content: space-between; margin-top: 10px;}
.prd_total_price dl:first-child {margin-top: 0;}
.prd_total_price dl dt {font-weight: 500; color: #999;}
.prd_total_price dl.total dt {color: #000;}
.prd_total_price dl dd {text-align: right;}
.prd_total_price dl .price_01 {font-size: 1.154rem; line-height: 1.4;}
.prd_total_price dl .price_02 {padding-top: 2px; font-size: 0.923rem; color: #999; line-height: 1.4;}
.prd_total_price dl .pv {font-size: 1rem; color: #00b6f0; line-height: 1.4;}

.bottom_btn_area {display: flex; justify-content: space-between; align-items: center; margin-top: 30px;}
.bottom_btn_area .button {width: 100%; padding: 0;}

/* 주문/결제 */
#orderForm {position: relative;}
#orderForm .order_form .prd_tt_area {position: relative; padding-right: 25px;}
#orderForm .order_form .prd_tt_area::after {content: ''; position: absolute; top: 50%; right: 0; width: 12px; height: 10px; margin-top: -5px; background: url('/img/mobile/rn201/icon/icon_arrow03.png') no-repeat center center; background-size: 100%;}
#orderForm .order_form .prd_tt_area .ship_from {font-size: 1.154rem;}
#orderForm .order_form .prd_tt_area p {display: none; padding-top: 5px; font-size: 0.923rem;}
#orderForm .order_form .prd_tt_area p .items {font-weight: 400;}
#orderForm .order_form .order_prd_list.minimize {margin-bottom: 30px;}
#orderForm .order_form .order_prd_list.minimize .prd_tt_area::after {transform: rotate(180deg);}
#orderForm .order_form .order_prd_list.minimize .prd_tt_area .ship_from .num {display: none;}
#orderForm .order_form .order_prd_list.minimize .prd_tt_area p {display: block;}

#orderForm .order_form .order_tbl {border-top: none; border-bottom: none;}
#orderForm .order_form .sales_date_box .date {display: block; padding-bottom: 8px; font-weight: 400;}

#orderForm .board_form .check_order_list li {position: relative; padding-left: 25px; margin-top: 12px; color: #555; line-height: 1.4;}
#orderForm .board_form .check_order_list li:first-child {margin-top: 0;}
#orderForm .board_form .check_order_list li .checkLabel {position: absolute; top: -1px; left: 0; margin-right: 0;}
#orderForm .board_form .check_order_list li .red {padding-top: 5px; font-size: 0.846rem;}

.order_summary {padding: 30px 12px; box-sizing: border-box;}
.order_summary .tt_area {margin-bottom: 5px;}
.order_summary .payment_info .box_line {border-bottom: 1px solid #000;}
.order_summary .payment_info dl {display: flex; padding: 20px 0; line-height: 1.4; justify-content: space-between;}
.order_summary .payment_info dl + dl {padding-top: 0; margin-top: -5px;}
.order_summary .payment_info dl dt {color: #999; font-weight: 400;}
.order_summary .payment_info dl dd {text-align: right;}
.order_summary .payment_info dl dd .price_02 {display: block; padding-top: 2px; color: #999;}
.order_summary .payment_info .total dl dt {color: #000;}
.order_summary .payment_info .total dl dd .price_01 {font-size: 1.154rem; font-weight: 600; color: #000;}
.order_summary .payment_info .total dl dd .price_02 {font-size: 0.923rem;}

/* 결제 레이어 */
#paymentLayer .order_detail_box > dl {margin-top: 20px;}
#paymentLayer .order_detail_box > dl:first-child {margin: 0;}
#paymentLayer .order_detail_box > dl > dt {margin-bottom: 8px; color: #555; font-weight: 400;} 
#paymentLayer .order_detail_box > dl > dd {padding: 15px 12px; background: #f6f7f8; border-radius: 3px;}

#paymentLayer .order_detail_box ul li.address_area {display: flex;}
#paymentLayer .order_detail_box ul li.address_area .tt {width: 4.231rem; flex-shrink: 0;}

#paymentLayer .order_detail_box .payment_info dl {display: flex; margin-top: 4px; justify-content: space-between; line-height: 1.4;}
#paymentLayer .order_detail_box .payment_info dl:first-child {margin-top: 0;}
#paymentLayer .order_detail_box .payment_info dl dt {position: relative; padding-left: 8px; color: #555; font-weight: 400;}
#paymentLayer .order_detail_box .payment_info dl dt::before {content: ''; position: absolute; top: 7px; left: 0; width: 1.5px; height: 1.5px; background: #555;}
#paymentLayer .order_detail_box .payment_info dl dd .price_01 {color: #555;}
#paymentLayer .order_detail_box .payment_info dl dd .price_02 {color: #999;}

/* 마이페이지 */
#myPage {margin-top: -60px;}
.mypage_index {padding: 80px 18px 50px; background: #d9e2ec;}
.mypage_index .my_info_area {border-bottom: 1px solid #c2cbd6;}
.mypage_index .welcome_txt {font-size: 1.846rem;}

.mypage_index .my_quick_menu {padding: 25px 0 30px;}
.mypage_index .my_quick_menu ul {display: flex; justify-content: center;}
.mypage_index .my_quick_menu ul li {flex: 1; border-left: 1px solid #c2cbd6; text-align: center;}
.mypage_index .my_quick_menu ul li:first-child {border-left: none;}
.mypage_index .my_quick_menu ul li a {display: block;}
.mypage_index .my_quick_menu ul li i {display: inline-block; width: 22px; height: 25px; background-repeat: no-repeat; background-position: center center; background-size: 100%; vertical-align: top;}
.mypage_index .my_quick_menu ul li i.icon_01 {width: 25px; background-image: url('/img/mobile/rn201/icon/icon_top_util_03.png');}
.mypage_index .my_quick_menu ul li i.icon_02 {background-image: url('/img/mobile/rn201/icon/icon_top_util_02.png');}
.mypage_index .my_quick_menu ul li i.icon_03 {background-image: url('/img/mobile/rn201/icon/icon_top_util_04.png');}
.mypage_index .my_quick_menu ul li span {display: block; padding-top: 2px; font-size: 0.846rem; color: #999; font-weight: 400;}
.mypage_index .my_quick_menu ul li .num {display: block; padding-top: 2px; font-size: 1.154rem;}

.mypage_index .my_info {display: flex; flex-wrap: wrap; margin-top: 20px;}
.mypage_index .my_info dl {width: 50%; margin-top: 15px;}
.mypage_index .my_info dl:nth-child(-n+2) {margin-top: 0;}
.mypage_index .my_info dl dt {padding-bottom: 2px; font-size: 0.923rem; color: #999; font-weight: 400;}

#myPage .order_tbl {border-top: none; border-bottom-color: #eee;}
#myPage .order_tbl tbody tr:first-child td {padding-top: 10px;}

#myPage .sub_menu .menu_tt {display: block; margin-bottom: 10px; font-size: 0.846rem; color: #999; font-weight: 600;}
#myPage .sub_menu ul {display: flex; flex-wrap: wrap;}
#myPage .sub_menu li {width: 50%; font-size: 1.154rem; font-weight: 600; line-height: 2.462rem;}

/* 주문내역 테이블 */
.order_history_tbl .list {padding-top: 10px; border-top: 1px solid #000;}
.order_history_tbl .prd_list {padding: 20px 0 25px; border-top: 1px solid #eee;}
.order_history_tbl .prd_list:first-child {border-top: none; padding-top: 0;}

.order_history_tbl .date {margin-bottom: 15px;}
.order_history_tbl .date a {position: relative; display: block; font-weight: 600;}
.order_history_tbl .date .order_number {display: block; padding-top: 2px; color: #00b6f0; font-size: 0.923rem; font-weight: 400;}
.order_history_tbl .date a::after {content: ''; position: absolute; top: 1px; right: 0; width: 7px; height: 15px; background: url('/img/mobile/rn201/icon/icon_arrow04.png') no-repeat center center; background-size: 100%;}

.order_history_tbl .prd_detail {display: flex; width: 100%;}
.order_history_tbl .prd_detail .prd_info {width: 100%; padding-right: 30px;}
.order_history_tbl .prd_detail .prd_info .pname,
.order_history_tbl .prd_detail .prd_info a {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 2.77rem; line-height: 1.385rem; text-overflow: ellipsis; overflow: hidden;}
.order_history_tbl .prd_detail .prd_info .price_area {margin-top: 10px; font-size: 0.923rem; line-height: 1.4;}
.order_history_tbl .prd_detail .prd_info .qty {padding-right: 4px;}
.order_history_tbl .prd_detail .prd_info .price_01 {font-weight: 400;}
.order_history_tbl .prd_detail .prd_info .price_02 {color: #999; }
.order_history_tbl .prd_detail .prd_info .pv {display: block; padding-top: 2px; color: #00b6f0;}
.order_history_tbl .prd_detail .prd_info .price_area .sold_out {margin-top: 25px; color: #e00000; font-weight: 400;}
.order_history_tbl .prd_detail .img_area {flex-shrink: 0;}
.order_history_tbl .prd_detail .img_area img {width: 65px; height: 65px;}

.order_history_tbl .status {margin-top: 20px;}
.order_history_tbl .status a,
.order_history_tbl .status button {margin-top: 15px;}
.order_history_tbl .status .order_num {color: #00b6f0;}

/* 주문내역 상세 */
#myOrder .order_number_area {margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #eee; font-size: 0.923rem;}
#myOrder .order_number_area .date {display: block; margin-bottom: 8px; font-size: 1.154rem;}
#myOrder .order_number_area .ship_from {font-weight: 400; color: #00b6f0;}
#myOrder .order_number_area .order_number {padding-top: 2px; color: #555;}

#myOrder .order_tbl {border: none;}
#myOrder .order_tbl tbody tr:first-child td {padding-top: 10px;}
#myOrder .section_02 .order_tbl tbody tr:last-child td {padding-bottom: 0;}

#myOrder .order_detail_info {line-height: 1.4;}
#myOrder .order_detail_info .name {display: block; font-weight: 400;}
#myOrder .order_detail_info .order_info {margin-top: 4px;}
#myOrder .order_detail_info .order_info .bul {display: inline-block; width: 1px; height: 10px; margin: -3px 8px 0; background: #ccc; font-size: 0; line-height: 0; text-indent: -9999px; vertical-align: middle;}
#myOrder .order_detail_info .address {margin-top: 15px;}

/* 즐겨찾기 */
#myFavorite .order_tbl {border-bottom-color: #eee;}

/* 최근 본 상품 */
.recently_prd .prd_list li {margin-top: 10px;}
.recently_prd .prd_list li:first-child {margin-top: 0;}
.recently_prd .prd_list li a {display: flex; width: 100%; align-items: center; transition: background-color 0.2s;}
.recently_prd .prd_list li a:hover,
.recently_prd .prd_list li .thumb_img_area {background: #f6f7f8;}
.recently_prd .prd_list li .thumb_img_area img {width: 90px; height: 90px;}
.recently_prd .prd_list li .prd_info_area {width: calc(100% - 90px); padding-left: 8px; box-sizing: border-box;}
.recently_prd .prd_list li .prd_info_area .pname {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 2.77rem; line-height: 1.385rem; text-overflow: ellipsis; overflow: hidden;}
.recently_prd .prd_list li .price_area {margin-top: 5px; font-size: 0.923rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.recently_prd .prd_list li .price_area .price_01 {font-weight: 600;}
.recently_prd .prd_list li .price_area .pv {padding-left: 4px; color: #00b6f0;}
.recently_prd .prd_list li .price_area .sold_out {color: #e00000;} 

/* 쇼핑가이드 */
.summary_box {position: relative; padding-top: 30px !important; background: #f6f7f8;}
.summary_box::before {content: ''; position: absolute; top: -100px; left: 0; width: 100%; height: 100px; background: #f6f7f8;}
.summary_box h2 {font-size: 1.769rem; font-weight: 600;}
.summary_box h3 {margin-bottom: 10px; font-size: 1.154rem;}
.summary_box h4 {margin-top: 20px; margin-bottom: 5px; font-size: 1.077rem; font-weight: 400;}
.summary_box .section_03 .btn_s_blackLine {width: 100%;}
.summary_box .section_03 p + .btn_s_blackLine {margin-top: 15px;}
.summary_box p strong {font-weight: 400;}

.summary_box .inner_section h4 + p,
.summary_box .inner_section h4 + ol,
.summary_box .inner_section h4 + ul {padding-left: 10px;}
.summary_box .inner_section p + ul,
.summary_box .inner_section p + ol {padding-top: 5px; padding-left: 10px;}
.summary_box .inner_section ol ul,
.summary_box .inner_section ol ol {padding-left: 0; padding-top: 6px;}
.summary_box .inner_section ul + p,
.summary_box .inner_section ol + p {padding-left: 10px; padding-top: 10px;}

#Guide .process_box {background: #d9e2ec;}
#Guide .process_box h2 {margin-bottom: 40px; font-size: 1.692rem; color: #00b6f0;}

.order_process .tt {display: block; margin-bottom: 25px; font-size: 1.154rem;}
.order_process ol li {display: flex; align-items: center; border-top: 1px solid #c2cbd6; padding: 12px 0; font-size: 0.923rem; color: #555; line-height: 1.2;}
.order_process ol li:first-child {padding-top: 0; border-top: none;}
.order_process ol li:last-child {padding-bottom: 0;}
.order_process ol li .img_area {width: 45px; margin-right: 20px;}
.order_process ol li .num {margin-right: 10px; font-size: 0.846rem; color: #000;}

.section_line.p_section {padding-bottom: 0 !important;}
.section_line .section_title .tt_con {margin-bottom: 20px;}
.section_line .section_title .tt_con .tt {display: block; font-size: 1.692rem; font-weight: 400;}
.section_line .section_title .tt_con p {margin-top: 5px; color: #00b6f0;}
.section_line .section_title .preview_con ul {border: 1px solid #e5e5e5;}
.section_line .section_title .preview_con ul li {position: relative; display: flex; align-items: center; padding: 12px; line-height: 1.2;}
.section_line .section_title .preview_con ul li::before {content: ''; position: absolute; top: -7px; left: 30px; width: 2px; height: 50px; background: url('/img/mobile/rn201/icon/dot_step.png') no-repeat 0 0; background-size: 100%;}
.section_line .section_title .preview_con ul li:first-child::before {display: none;}
.section_line .section_title .preview_con ul li::after {content: ''; position: absolute; right: 12px; bottom: 0; width: calc(100% - 80px); height: 1px; background: #eee;}
.section_line .section_title .preview_con ul li:last-child::after {display: none;}
.section_line .section_title .preview_con ul li .img_area {width: 45px; margin-right: 20px;}
.section_line .section_title .preview_con ul li p {font-size: 0.923rem; color: #555;}
.section_line .section_title + .section_con {margin-top: 20px;}

/* 이용약관, 개인정보처리방침 */
#Agreement .p_section  {padding-bottom: 0 !important;}
#Agreement .summary_box {background: #fff;}
#Agreement .summary_box::before {display: none;}
#Agreement .list_type01 li,
#Agreement .list_type02 li,
#Agreement .list_type03 li {color: #000;}
#Agreement li .board_view_tbl_02 {margin-left: -30px; margin-top: 10px;}
#Agreement .board_view_tbl_02 {overflow-x: auto;}
#Agreement .board_view_tbl_02 table {min-width: 700px;}

/* 로그인 */
#loginArea {padding: 60px 0;}
#loginArea .login_con {width: 90%; margin: 0 auto;}
#loginArea .login_con .tt_area {margin-bottom: 30px; text-align: center;}
#loginArea .login_con .tt_area .logo {width: 100px; margin: 0 auto;}
#loginArea .login_con .tt_area p {padding-top: 10px; font-size: 0.923rem; line-height: 1.231rem; color: #555;}
#loginArea .login_con table {width: 100%;}
#loginArea .login_con table td {padding-top: 6px;}
#loginArea .login_con table tr:first-child td {padding-top: 0;}
#loginArea .login_con table td input.text {width: 100%; background: #eff4f9;}
#loginArea .login_con table td input::placeholder { color:#999; opacity: 1; }                     
#loginArea .login_con table td input::-webkit-input-placeholder { color:#999; opacity: 1; }
#loginArea .login_con table td input:-moz-placeholder { color:#999; opacity: 1; }             
#loginArea .login_con table td input::-moz-placeholder { color:#999; opacity: 1; }           
#loginArea .login_con table td .btn_loigin {width: 100%; background: #00b6f0; font-size: 1.154rem; font-weight: 600; color: #fff;}
#loginArea .login_con .login_util {display: flex; margin-top: 30px; justify-content: space-between;}
#loginArea .login_con .login_util .btn_find_id_pw {text-decoration: underline; font-size: 0.923rem; font-weight: 400; transition: color 0.2s;}
#loginArea .login_con .login_util .btn_find_id_pw:hover {color: #00b6f0;}

/* Layer Popup */
.LayerPop {position: relative; display: none; z-index: 1000;}
.LayerPop .layer_wrap {display: none; position: fixed; left: 0; bottom: 0; width: 100%; padding: 25px 12px; background: #fff; border-radius: 15px 15px 0 0; z-index: 10; overflow: hidden; box-sizing: border-box; box-shadow: 0px -5px 10px 0px rgba(0, 0, 0, 0.1);}
.LayerPop .conArea {max-height: 50vh; overflow-y: auto;}
.LayerPop .conArea .input_area:first-child {margin-top: 5px;}
.LayerPop .conArea .input_area textarea {width: 100%; border: none; padding: 10px; background: #f1f3f5; border-radius: 3px; resize:none;}
.LayerPop .conArea .input_area p {padding-top: 10px; font-size: 0.923rem; color: #555; line-height: 1.4;}

.LayerPop .btn_area {margin-top: 20px;}
.LayerPop .btn_area > button {width: 100%;}
.LayerPop .btn_area .btn_con {display: flex;}
.LayerPop .btn_area .btn_con button {margin-left: 10px;}
.LayerPop .btn_area .btn_con button:first-child {margin-left: 0;}
.LayerPop .btn_area .link_con {display: flex; align-items: center; justify-content: space-between; margin-top: 20px;}
.LayerPop .btn_area .link_con a {color: #555; font-weight: 400; text-decoration: underline;}
.LayerPop .btn_area .link_con .btn_b_skyblue {width: 180px; max-width: 55%; padding: 0;}
.LayerPop .layer_bg {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.05); z-index: 0; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);}
.LayerPop #pagenation {margin: 20px 0 10px;}
.LayerPop .list_empty {height: 300px;}

.layer_title_area {position: sticky; top: 0; display: flex; align-items: center; justify-content: space-between; padding: 0 12px; line-height: 60px;}
.layer_title_area .layer_title {font-size: 15px;}
.layer_title_area .btn_mv_close {width: 20px; height: 60px; background: url('/img/mobile/rn201/icon/icon_close.png') no-repeat center center; background-size: 100%; font-size: 0; line-height: 0; text-indent: -9999px; z-index: 150;}

/* 장바구니 담기 레이어 */
#cartAlertLayer {display: none;}
#cartAlertLayer .alert_overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.05); z-index: 0; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: 500;}

.alert_layer {position: fixed; top: 50%; left: 50%; width: 92%; transform: translate(-50%, -50%); border: 1px solid #ddd; background: #fff; border-radius: 3px; z-index: 510; box-sizing: border-box; overflow: hidden;}
.alert_layer .layer_title_area {display: flex; align-items: center; justify-content: space-between; background: #00b6f0; color: #fff; line-height: 45px;}
.alert_layer .layer_title_area .tt {display: block; font-size: 1.077rem;}
.alert_layer .layer_title_area .btn_close {width: 15px; height: 15px; border: none; padding: 0; background: url('/img/mobile/rn201/icon/icon_close_w.png') no-repeat center center; background-size: 100%; font-size: 0; line-height: 0; text-indent: -9999px;}
.alert_layer .layer_con {padding: 15px;}
.alert_layer .layer_con .btn_area {display: flex; align-items: center; justify-content: space-between; margin-top: 15px;}
.alert_layer .layer_con .btn_area a,
.alert_layer .layer_con .btn_area button {flex: 1; padding: 0; margin-left: 4px;}
.alert_layer .layer_con .btn_area a:first-child,
.alert_layer .layer_con .btn_area button:first-child {margin-left: 0;}

/* footer */
#foot {border-top: 1px solid #eee;}
#foot .noticeSlider {width: 100%; padding: 10px 12px 10px calc(6% + 14px); border-bottom: 1px solid #eee; background: url('/img/mobile/rn201/icon/icon_notice.png') no-repeat 12px center; background-size: 14px; overflow: hidden; box-sizing: border-box;}
#foot .noticeSlider .slick-slide {display: flex; justify-content: space-between; align-items: center;}
#foot .noticeSlider .slick-slide a {display: block; width: 55vw; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#foot .noticeSlider .slick-slide a:hover {text-decoration: underline;}
#foot .noticeSlider .slick-slide .date {font-size: 0.846rem; color: #999;}
#foot .footer_wrap {padding: 30px 0;}

#foot .footer_wrap .f_quick {margin-bottom: 25px;}
#foot .footer_wrap .f_quick ul {display: flex; flex-wrap: wrap;}
#foot .footer_wrap .f_quick ul li {width: calc(50% - 3px); margin-top: 6px; margin-left: 6px; background: #f6f7f8; text-align: center; font-size: 0.923rem; line-height: 2.692rem; border-radius: 2px; overflow: hidden;}
#foot .footer_wrap .f_quick ul li:nth-child(2n-1) {margin-left: 0;}
#foot .footer_wrap .f_quick ul li:nth-child(-n+2) {margin-top: 0;}
#foot .footer_wrap .f_quick ul li strong {font-weight: 400;}
#foot .footer_wrap .f_quick ul li a {display: block;}

#foot .footer_wrap .corp_info {font-size: 0.846rem;}
#foot .footer_wrap .corp_info .corp_nm {display: block; margin-bottom: 10px; color: #555;}
#foot .footer_wrap .corp_info address {color: #555; line-height: 1.231rem;}
#foot .footer_wrap .corp_info .copyright {margin-top: 10px; font-size: 0.692rem; color: #888;}
#foot .footer_wrap .corp_info b {font-weight: 400;}

/* 하단 fixed menu */
#fixedMenu {position: fixed; left: 0; bottom: 0; width: 100%; background: #fff; z-index: 300;}
#fixedMenu:before {content: ''; position: absolute; left: 0; top: -39px; width: 100%; height: 40px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255)); z-index: 10;}
#fixedMenu ul {display: flex; align-items: center; justify-content: center;}
#fixedMenu ul li {flex: 1; text-align: center;}
#fixedMenu ul li a {display: block; padding: 10px 0;}
#fixedMenu ul li .icon {display: inline-block; width: 25px; height: 25px; background-repeat: no-repeat; background-position: center center; background-size: 100%; font-size: 0; line-height: 0; text-indent: -9999px; vertical-align: middle;}
#fixedMenu ul li .icon.f_m01 {background-image: url('/img/mobile/rn201/icon/icon_f_m01.png');}
#fixedMenu ul li .icon.f_m02 {background-image: url('/img/mobile/rn201/icon/icon_f_m02.png');}
#fixedMenu ul li .icon.f_m03 {background-image: url('/img/mobile/rn201/icon/icon_f_m03.png');}
#fixedMenu ul li .icon.f_m04 {background-image: url('/img/mobile/rn201/icon/icon_f_m04.png');}
#fixedMenu ul li .icon.f_m05 {background-image: url('/img/mobile/rn201/icon/icon_f_m05.png');}
#fixedMenu ul li.on .icon.f_m01 {background-image: url('/img/mobile/rn201/icon/icon_f_m01_on.png');}
#fixedMenu ul li.on .icon.f_m02 {background-image: url('/img/mobile/rn201/icon/icon_f_m02_on.png');}
#fixedMenu ul li.on .icon.f_m03 {background-image: url('/img/mobile/rn201/icon/icon_f_m03_on.png');}
#fixedMenu ul li.on .icon.f_m04 {background-image: url('/img/mobile/rn201/icon/icon_f_m04_on.png');}
#fixedMenu ul li.on .icon.f_m05 {background-image: url('/img/mobile/rn201/icon/icon_f_m05_on.png');}

.sod_opt {color: #7d62c3;}