@charset "utf-8"; /*─────────────────────────────────────────────────────────── 레이아웃 ───────────────────────────────────────────────────────────*/ body {width:100%; height:auto; -webkit-overflow-scrolling:touch;} div, p, span, h1, h2, h3, h4, h5, h6, li, dt, dd, td, th, address, em, strong {white-space:normal;word-break:keep-all;word-wrap:break-word;} #wrap {min-width:320px; width:100%; height:100%; -webkit-overflow-scrolling:touch;overflow:hidden;} .ly_wrap {overflow:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch;} #container {width:100%;} address, em {font-style:normal;} /* clear type */ .clear, .after_div {*zoom:1;} .clear:after, .after_div:after {content:"";display:block;clear:both;} .fl {float:left;} .fr {float:right;} .clear_fl {clear:both;float:left;} /* display type */ .db {display:block;} .dn {display:none;} .di {display:inline-block;} .dt {display:table;} .dr {display:table-row;} .dc {display:table-cell;} /* 일반 */ .w_custom {width:100%;padding-left:15px;padding-right:15px;box-sizing:border-box;margin:0;} @media only screen and (max-width:320px) { .w_custom {padding-left:10px;padding-right:10px;} } /*─────────────────────────────────────────────────────────── 상단 outline/header ───────────────────────────────────────────────────────────*/ /*** 상단 ***/ #header_wrap {} #header_wrap header {width:100%;min-width:320px;background-repeat:no-repeat !important;background-size:cover !important;background-position:50% 50% !important;background-color:#fff;z-index:300;border:0;outline:0;} #header_wrap header.h_on {position:fixed;top:0;left:0;background:#fff !important;} #header_wrap header .header_box {vertical-align:top;text-align:Center;border:0;position:relative;z-index:1;} #header_wrap header .header_box:before {width:100%;height:1px;background:#ddd;left:0;bottom:0;position:absolute;display:inline-block;content:"";opacity:0;} #header_wrap header.h_on .header_box {} #header_wrap header.h_on .header_box:before {opacity:1;} #header_wrap header .header_box .h_logo {width:auto;padding:21px 0;margin:0 auto;line-height:0;text-align:center;vertical-align:top;display:inline-block;} #header_wrap header .header_box .h_logo a {font-size:0;line-height:0;vertical-align:top;} #header_wrap header .header_box .h_logo img {width:auto;height:19px;vertical-align:top;} #header_wrap header .header_box .left_menu {position:absolute;top:9px;left:0;} #header_wrap header .header_box .right_menu {position:absolute;top:18px;right:15px;} #header_wrap header .header_box .right_menu a {height:25px;line-height:23px;font-size:14px;font-weight:400;padding:0 5px;border:1px #222 solid;background:#fff;color:#222;box-sizing:border-box;text-align:center;display:inline-block;vertical-align:top;} #header_wrap header .header_box .side_menu {display:inline-block;padding:15px;vertical-align:top;cursor:pointer;margin:0;border:0;outline:0;} #header_wrap header .header_box .side_menu span {display:inline-block;width:17px;height:15px;font-size:0;background:url('../img/icon/icon_menu.png') no-repeat center;background-size:cover;vertical-align:top;} /*** 카테고리 ***/ #wrap nav {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1001;} #wrap nav .bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:1001;} #wrap nav .left_close {position:absolute;right:0;top:6px;display:inline-block;width:57px;height:57px;background:url('../img/icon/icon_left_x.png') no-repeat center;background-size:17px; z-index:1002;} #wrap nav .nav_bg_box {position:relative;} #wrap nav .nav_bg_box .nav_box {position:fixed; top:0; left:0; width:85.3%; height:100%; margin:0 0 0 -85.3%; background:#fff; z-index:1001;} #wrap nav .nav_bg_box .nav_box .nav_iscroll_box {position:relative; overflow: hidden; width:100%; height:100%;} #wrap nav .nav_bg_box .nav_box .nav_iscroll_box {position:absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);} /* 로고 */ .nav_logo {padding:25px 20px;position:relative;z-index:1;box-sizing:border-box;width:100%;} .nav_logo h1 {display:inline-block;vertical-align:top;font-size:0;} .nav_logo h1 a, .nav_logo h1 img {vertical-align:top;} .nav_logo h1 img {width:auto;height:19px;} /* gnb 링크 */ .nav_login {padding:0 20px 18px;position:relative;z-index:1;box-sizing:border-box;width:100%;} .nav_login ul {font-size:0;} .nav_login ul li {display:inline-block;padding:0;vertical-align:top;line-height:34px;} .nav_login ul li + li {margin-left:29px;} .nav_login ul li a {font-size:16px;color:#555;display:inline-block;line-height:inherit;vertical-align:top;} .nav_login ul li.btn_search {float:right;margin-left:0;} .nav_login ul li.btn_search a {font-size:0;width:21px;height:34px;background:url(../img/icon/icon_search.png) no-repeat 50% 50%;background-size:21px;} /* 네비 탭메뉴 */ .nav_tabmenu_box {margin:0 20px;width: calc(100% - 40px);box-sizing:border-box;border-top:2px #222 solid;padding:6px 0 0;} /* 카테고리 proc/_category_all.html */ #wrap .category_side {width:100%;margin:0;padding:0;} #wrap .category_side > li {padding:0;} #wrap .category_side > li ul {display:none;border:0;background:#f5f5f5;margin:5px 0;padding:10px 0;} #wrap .category_side > li a {position:relative;display:block;box-sizing:border-box;color:#666;line-height:1em;font-weight:400;margin:0;padding:0;vertical-align:top;font-family: 'Open Sans','YESGothic',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;} #wrap .category_side > li a > img{max-width:100%;} /* 1차 카테고리 타이틀 */ #wrap .category_side > li > a {padding:16px 0;font-size:17px;color:#111;font-weight:600;} #wrap .category_side > li > a.on {color:#111;} /* 2차 카테고리 타이틀 */ #wrap .category_side > li > ul > li > a {padding:15px 25px;font-size:16px;} #wrap .category_side > li > ul > li > a.on {color:#333;font-weight:inherit;} #wrap .category_side > li > ul > li > a .icon_plus{right:15px;} /* 3차 카테고리 타이틀 */ #wrap .category_side > li > ul > li > ul {padding:5px 0;} #wrap .category_side > li > ul > li > ul > li > a {padding:12px 25px;font-size:15px;color:#777;} #wrap .category_side > li > ul > li > ul > li > a.on {color:#333;font-weight:inherit;} /* 4차 카테고리 타이틀 */ #wrap .category_side > li > ul > li > ul > li > ul > li > a {padding:9px 25px;font-size:14px;color:#888;} #wrap .category_side > li > ul > li > ul > li > ul > li > a.on {color:#333;font-weight:inherit;} /* 하위카테고리가 있을경우 아이콘 */ #wrap .category_side li a span.icon_plus {position:absolute; top:50%; right:5px; display:block; width:14px; height:14px; margin:-7px 0 0 0; background:url('../img/da_image/icon_toggle_plus.png') no-repeat center; font-size:0; vertical-align:middle; background-size:14px 14px;} #wrap .category_side li a.on span.icon_plus {background:url('../img/da_image/icon_toggle_minus.png') no-repeat center; background-size:14px 14px;} #wrap .category_side > li a span.icon_plus {right:0;} /* 하위카테고리가 없을경우 아이콘 */ #wrap .category_side li a.icon_arrow {/*background:url('../img/icon/icon_arrow_right.png') no-repeat right center; background-size:6px 10px;*/} /* sns */ .nav_sns {padding:41px 20px;box-sizing:border-box;width:100%;} .nav_sns ul {font-size:0;vertical-align:top;text-align:left;} .nav_sns li {vertical-align:top;display:inline-block;} .nav_sns li + li {margin-left:25px;} .nav_sns li a, .nav_sns li img {vertical-align:top;display:inline-block;} .nav_sns li a {} .nav_sns li a img {width:auto;height:25px;} /* 다국어 선택 */ .nav_language {display:table; position:relative; width:100%; background:#fff; } .nav_language .tit {display:table-cell; width:30%; font-size:15px; padding:13px 15px 13px 15px; color:#262626; font-weight:bold; box-sizing:border-box;} .nav_language .language_box {display:table-cell; width:70%; box-sizing:border-box;} /*** 중앙 위치 ***/ .sub_top {position:relative;padding:0 45px;box-sizing:border-box;background:#fff;border-bottom:1px #ddd solid;} /*#header_wrap header.h_on .sub_top {background:#fff !important;}*/ .sub_top .sub_top_left {position:absolute;top:0;left:0;}/* 좌측 이전 */ .sub_top .all_page_prev {padding:22px;background:#fff;} .sub_top .all_page_prev:before {border-width:1px 1px 0 0;width:13px;height:13px;display:inline-block;content:"";position:absolute;left:50%;top:50%;transform:translate(-25%, -50%) rotate(-135deg);border-style:solid;border-color:#333;} .sub_top h2 {overflow:hidden;display:block;width:100%;padding:10px 0;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:700;letter-spacing:0.5px;line-height:24px;height:44px;text-align:center;box-sizing:border-box;font-family: 'YESGothic','Open Sans',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;} .sub_top .sub_top_right2 {position:absolute;top:5px;right:5px;}/* 목록가기 글쓰기 위치 */ .sub_cont_deps {margin:0;padding:20px 14px 28px;font-size:0;text-align:center;line-height:21px;vertical-align:top;width:100%;box-sizing:border-box;} .sub_cont_deps li {font-size:15px;font-weight:400;color:#666;line-height:inherit;display:inline-block;vertical-align:top;} .sub_cont_deps li a {font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;padding-bottom:1px;position:relative;z-index:1;font-family: 'YESGothic','Open Sans',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;} .sub_cont_deps li a:before {width:0;height:1px;background:#222;position:absolute;left:0;bottom:0;display:inline-block;content:"";} .sub_cont_deps li + li {margin-left:25px;} .sub_cont_deps.deps_features li + li {margin-left:11px;} .sub_cont_deps li.on {color:#222;font-weight:700;} .sub_cont_deps li.on a {} .sub_cont_deps li.on a:before {width:100%;} .sub_hd_bnr {height:0;padding:0;padding-top:46.8%;position:relative;z-index:1;background-repeat:no-repeat !important;background-position:50% 50% !important;background-size:cover !important;width:100%;} .sub_hd_bnr .sub_hd_tit {text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);} .sub_hd_bnr .sub_hd_tit h2, .sub_hd_bnr .sub_hd_tit p {color:#fff;text-align:center;margin:0 auto;padding:0;display:block;} .sub_hd_bnr .sub_hd_tit h2 {font-size:30px;line-height:32px;font-weight:600;} .sub_hd_bnr .sub_hd_tit p {font-size:14px;line-height:20px;font-weight:500;margin-top:17px;} .sub_hd_deps {height:41px;background:#fff;border-bottom:1px #ddd solid;box-sizing:border-box;} .sub_hd_deps ul {line-height:40px;height:40px;text-align:center;font-size:0;} .sub_hd_deps ul li {font-size:14px;line-height:20px;font-weight:400;color:#666;font-family: 'Open Sans',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;display:inline-block;vertical-align:top;box-sizing:border-box;} .sub_hd_deps ul li + li {margin-left:32px;} .sub_hd_deps ul li a {padding:10px 0;line-height:inherit;font-size:inherit;font-weight:inherit;color:inherit;font-family:inherit;display:inline-block;vertical-align:top;position:relative;z-index:1;} .sub_hd_deps ul li a:before {left:0;bottom:-1px;height:2px;background:#222;position:absolute;display:inline-block;content:"";transition:all 0.3s;} .sub_hd_deps ul li.on {font-weight:600;color:#222;} .sub_hd_deps ul li.on a {z-index:2;} .sub_hd_deps ul li.on a:before {width:100%;} /*** 네비게이터 ***/ .navi_g { background:#f9f9f9; border-top:1px solid #dbdcde;} .navi_g ul {padding:6px 10px 6px 10px; font-size:0;} .navi_g ul li {display:inline-block; font-size:12px; text-indent:17px; background:url('../img/icon/icon_arrow_next.png') no-repeat 5px center; background-size:7px 11px;} .navi_g ul li:nth-child(1) {text-indent:0; background:none;} .navi_g ul li a {font-size:12px; text-indent:15px;} @media only screen and (max-width:374px) { .nav_login ul li + li{margin-left:18px;} .nav_login ul li a{font-size:14px;} .sub_cont_deps li{font-size:13px;} } @media only screen and (max-width:340px) { .sub_cont_deps.deps_features li + li{margin-left:6px;} } @media only screen and (max-width:330px) { .nav_login ul li + li{margin-left:10px;} .nav_login ul li a{font-size:13px;} } @media only screen and (max-width:320px) { #header_wrap header .header_box .h_logo {margin-left:-10px;} #header_wrap header .header_box .right_menu a {font-size:13px;} #header_wrap header .header_box .right_menu {right:10px;} .nav_logo, .nav_login, .nav_sns {padding-left:10px;padding-right:10px;} .nav_login ul li + li {margin-left:20px;} .nav_tabmenu_box {margin:0 10px;width: calc(100% - 20px);} #wrap .category_side > li > a {padding:14px 0;font-size:16px;} #wrap .category_side > li > ul > li > a {padding:14px 20px;font-size:15px;} #wrap .category_side > li > ul > li > ul > li > a {padding:11px 20px;font-size:14px;} #wrap .category_side > li > ul > li > ul > li > ul > li > a {padding:9px 20px;font-size:13px;} .nav_sns li + li {margin-left:20px;} } /*─────────────────────────────────────────────────────────── 하단 outline/footer ───────────────────────────────────────────────────────────*/ /* pc 일반 */ #footer {margin:0;padding:45px 0 0;width:100%;border:0;} #footer .ft_list .w_custom {position:relative;z-index:1;} #footer .ft_list {border:0;border-top:1px #ddd solid;width:100%;padding:0;margin:0;} #footer .ft_list ul {font-size:0;text-align:left;vertical-align:top;display:inline-block;} #footer .ft_list ul li {display:inline-block;vertical-align:top;margin:0;padding:12px 0;background:none;border:0;} #footer .ft_list ul li + li {margin-left:19px;} #footer .ft_list ul li a {color:#666;font-weight:400;font-size:14px;line-height:21px;margin:0;padding:0;border:0;display:inline-block;vertical-align:top;} #footer .ft_list ul li a strong {font-weight:700;color:#222;font-size:inherit;line-height:inherit;display:inline-block;vertical-align:top;} #footer .foot_cont {background:#333;margin:0;padding:40px 0;} #footer .foot_cont .w_custom {} #footer .foot_cont .ft_info {width:100%;} #footer .foot_cont .ft_cs {width:100%;padding:25px 0 0;} #footer .foot_cont .ft_logo {font-size:0;vertical-align:top;float:left;} #footer .foot_cont .ft_logo a, #footer .foot_cont .ft_logo img {vertical-align:top;} #footer .foot_cont .ft_logo img {width:auto;height:26px;} #footer .foot_cont .ft_sns {float:right;font-size:0;vertical-align:top;padding:1px 0 0;text-align:right;} #footer .foot_cont .ft_sns li {display:inline-block;vertical-align:top;} #footer .foot_cont .ft_sns li + li {margin-left:25px;} #footer .foot_cont .ft_sns li a, #footer .foot_cont .ft_sns li img {vertical-align:top;} #footer .foot_cont .ft_sns li img {width:auto;height:25px;} #footer .foot_cont .cs_center {width:100%;text-align:left;margin:0;} #footer .foot_cont .cs_center h3 {font-size:14px;font-weight:700;color:#fff;line-height:21px;} #footer .foot_cont .cs_center strong {display:block;margin:7px 0 6px;line-height:25px;font-size:23px;font-weight:700;color:#fff;font-family: 'Open Sans',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;} #footer .foot_cont .cs_center p {font-size:14px;font-weight:400;color:#ccc;line-height:21px;margin-top:0;font-family:'Open Sans','YESGothic',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;} #footer .foot_cont p {margin-top:23px;text-align:left;} #footer .foot_cont p, #footer .foot_cont p a {line-height:21px;font-size:13px;font-weight:400;color:#ccc;} #footer .foot_cont p + p {margin-top:16px;line-height:17px;font-size:13px;font-weight:400;color:#aaa;font-family: 'Open Sans',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;} #footer .foot_cont p span.bar {height:10px;width:1px;margin:8px 13px;background:#717171;display:inline-block;vertical-align:top;} /* 바로가기 */ #footer .shortcut {text-align:center; background:#2f2f2f;} #footer .shortcut a {display:block; padding:12px 0 12px 0;} #footer .shortcut a span {position:relative; display:inline-block; color:#e0e0e0; height:36px; line-height:36px; padding:0 0 0 46px; background-size:36px; background-repeat:no-repeat;} #footer .shortcut a span em {color:#ff353b; font-style:normal;} /* 브랜드 검색 버튼 */ .btn_nav_brand_search {position:relative; display:block; padding-left:15px; margin:8px 8px 0 8px;; height:46px; line-height:46px; color:#1c1c1c; font-size:16px; font-weight:bold; letter-spacing:-1px; border:1px solid #e6e6e6;} .btn_nav_brand_search:after {position:absolute; top:17px; right:17px; display:inline-block; content:''; width:6.5px; height:12px; background:url('../img/icon/icon_brand_arrow.png') no-repeat 0 0; background-size:6.5px 12px;} /* 증명 마크 로고 영역 */ .foot_certify{padding:10px 0 0; text-align:left; background:none;} .foot_certify span{display:inline-block;margin-left:-4px;} .foot_certify span:first-child{margin-left:0;} .foot_certify img{height:45px; margin:0 7px 15px;} @media only screen and (max-width:320px) { } /*─────────────────────────────────────────────────────────── 상품 공통 goods/list ───────────────────────────────────────────────────────────*/ /* pc 일반 */ /* goods/list/list_01.html - 갤러리형 */ #wrap .goods_list .goods_list_category{margin-bottom:10px;} @media only screen and (max-width:375px) { } @media only screen and (max-width:320px) { } /*─────────────────────────────────────────────────────────── 서브 분류, 검색, 상세 goods/goods_list, goods_search, goods_detail ───────────────────────────────────────────────────────────*/ /* 검색 */ .search_again_box {width:100%;box-sizing:border-box;padding:20px 15px 0;font-size:0;text-align:center;} .search_again_box .search_input{width:100%;font-size:0;text-align:left;} .search_again_box .search_input li{display:inline-block;} .search_again_box .search_input li:first-child, .search_again_box .search_input li:last-child{display:block;} .search_again_box .search_input li:first-child{margin-bottom:10px;} .search_again_box .search_input li:last-child{margin-top:10px;} .search_again_box .search_input li dl dt, .search_again_box .search_input li dl dd{display: inline-block;vertical-align:top;} .search_again_box .search_input li input{height:35px;line-height:35px;border:1px solid #ccc;width:115px;box-sizing:border-box;padding-left:10px;font-size:13px;color:#333;font-weight:400;} .search_again_box .search_input li:first-child dd{width:83.5%;} .search_again_box .search_input li:first-child input{width:100%;background:none;} .search_again_box .search_input li:nth-child(3){margin-left:10px;} .search_again_box .search_input li:nth-child(3) dd{margin-left:9px;} .search_again_box .search_input li dl dt{font-size:14px;color:#333;font-weight:normal;width:40px;line-height:35px;font-family:'YESGothic';} .search_again_box .search_input li dl dd{margin-left:16px;} .search_again_box .search_input li dl dd span{font-size:14px;color:#666;font-weight:normal;line-height:35px;margin-left:7px;font-family:'YESGothic';} .search_again_box .search_input li dl dd .write_date{display:inline-block;} .search_again_box .search_input li dl dd .write_date.month{margin-left:18px;} .search_again_box input.keyword_input, .search_again_box button.btn_goods_search, .search_again_box .inp_chk {box-sizing:border-box;margin:0;padding:0;display:inline-block;vertical-align:top;outline:0;border:0;} .search_again_box input.keyword_input, .search_again_box button.btn_goods_search {height:36px;line-height:34px;font-size:14px;font-weight:400;} .search_again_box input.keyword_input {width: calc(100% - 70px);border:1px #ddd solid;} .search_again_box button.btn_goods_search {width:100px;border:1px #222 solid;background:#222;color:#fff;font-weight:500;height:45px;line-height:45px;font-size:15px;margin-top:10px;} .text_result_box{border-top:1px solid #ddd;width:calc(100% - 30px);box-sizing:border-box;margin:0 auto;text-align:center;margin-top:30px;padding-top:30px;} .text_result_box .search_text_result{font-size:15px;color:#777;font-weight:500;font-family:'YESGothic';} .text_result_box .search_text_result span{font-size:inherit;color:#222;font-weight:700;font-family:inherit;} #wrap #container .list_tit .goods_top_box .pick_list_num, #wrap #container .list_tit .goods_top_box .goods_arr_box {width: calc(50% - 5px);} #wrap #container .list_tit .goods_top_box .goods_arr_box .goods_sort {width:100%;} #wrap #container .goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_sort .inp_sel {width:100%;} #wrap .list_tit .goods_top_box .goods_arr_box {} #wrap .list_tit .goods_top_box .pick_list_num {float:left;min-width:36%;} @media only screen and (max-width:375px) { } @media only screen and (max-width:320px) { .search_again_box {padding-left:10px;padding-right:10px;} } /*─────────────────────────────────────────────────────────── 메인 main/index ───────────────────────────────────────────────────────────*/ /* pc 일반 */ /* 움직이는배너 노출 */ .main_wideslider {width:100%;margin:0;padding:0;overflow:hidden;position:relative;z-index:1;} .main_wideslider .slick-slide {vertical-align:top;font-size:0;} .main_wideslider .slick-slide img {width:auto;max-width:none;height:auto;vertical-align:top;} /* arrows */ .main_wideslider .slick-slider .slick-prev, .main_wideslider .slick-slider .slick-next {background:none !important;width:32px !important;height:32px !important;top:50% !important;margin-top:-16px !important;position:absolute !important;z-index:3 !important;transform:translate(0, 0) !important;opacity:1;transition: all .2s linear;} .main_wideslider .slick-slider .slick-prev {left:15px !important;} .main_wideslider .slick-slider .slick-next {right:15px !important;} .main_wideslider .slick-slider .slick-prev:after, .main_wideslider .slick-slider .slick-next:after {border-width:2px 2px 0 0;border-style:solid;border-color:#000;opacity:0.4;width:18px;height:18px;position:absolute;display:inline-block;content:"";left:50%;top:50%;} .main_wideslider .slick-slider .slick-prev:after {transform:translate(-25%, -50%) rotate(-135deg);} .main_wideslider .slick-slider .slick-next:after {transform:translate(-75%, -50%) rotate(45deg);} /* 하단 */ .main_wideslider .slider-banner-81393231 .slick-prev, .main_wideslider .slider-banner-81393231 .slick-next {top:44.2% !important;} /* 비주얼 */ .main_wideslider .slider-banner-2505697183 .slick-prev:after, .main_wideslider .slider-banner-2505697183 .slick-next:after {opacity:1;border-color:#fff;} /* dots */ .main_wideslider .slick-slider .slick-dots {text-align:center !important;vertical-align:top !important;font-size:0 !important;display:inline-block !important;margin:0 auto !important;padding:0 !important;bottom:10px !important;left:50% !important;height:8px !important;line-height:8px !important;position:absolute !important;z-index:3 !important;transform:translate(-50%, 0) !important;opacity:1;transition: all .2s linear;width:auto !important;} .main_wideslider .slick-slider .slick-dots li {display:inline-block !important;font-size:0 !important;vertical-align:top !important;margin:0 !important;padding:0 !important;height:inherit !important;line-height:inherit !important;width:8px !important;border:0 !important;border-radius:100% !important;overflow:hidden !important;transform:translate(0, 0) !important;background:none !important;position:static !important;box-sizing:border-box;opacity:1;} .main_wideslider .slick-slider .slick-dots li button {display:inline-block !important;border:0 !important;outline:0 !important;vertical-align:top !important;margin:0 !important;padding:0 !important;height:inherit !important;width:inherit !important;line-height:inherit !important;width:inherit !important;background: rgba(34, 34, 34, 0.2) !important;transition: all .2s linear;position:static !important;box-sizing:border-box;opacity:1;} .main_wideslider .slick-slider .slick-dots li.slick-active {background:none !important;border:0 !important;margin:0 !important;opacity:1;} .main_wideslider .slick-slider .slick-dots li.slick-active button {background: rgba(34, 34, 34, 1) !important;opacity:1;} .main_wideslider .slick-slider .slick-dots li + li, .main_wideslider .slick-slider .slick-dots li.slick-active + li, .main_wideslider .slick-slider .slick-dots li + li.slick-active {margin-left:7px !important;} /* 일반배너 노출 */ .main_bigbnr_wrap {padding-top:46px;padding-bottom:30px;} .main_bigbnr_wrap ul {margin-bottom:20px;} .main_bigbnr_wrap ul li {font-size:0;vertical-align:top;position:relative;z-index:1;} .main_bigbnr_wrap ul li + li {margin-top:20px;} .main_bigbnr_wrap ul li a, .main_bigbnr_wrap ul li img {vertical-align:top;margin:0;padding:0;} .main_bigbnr_wrap ul li img {width:auto;max-width:100%;height:auto;} /* 게시글 자동노출 */ .main_bbs {} .main_feature {background:#f5f5f5;} .main_bbs .main_tit {padding:54px 0 19px;margin:0 auto;font-size:25px;line-height:30px;font-weight:600;color:#333;font-family: 'Open Sans',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-seriff;text-align:center;} .main_feature.main_bbs .main_tit {padding-top:44px;} .bbs_type_a, .bbs_type_b, .bbs_type_c, .bbs_type_d {font-size:0;vertical-align:top;} .bbs_type_a:after, .bbs_type_b:after, .bbs_type_c:after {clear:both;content:"";display:block;} .bbs_type_a > li, .bbs_type_b > li, .bbs_type_c > li {margin:0;padding:0;display:inline-block;vertical-align:top;position:relative;z-index:1;float:left;box-sizing:border-box;} .bbs_type_a > li:nth-of-type(3n + 1), .bbs_type_b > li:nth-of-type(2n + 1), .bbs_type_c > li:nth-of-type(2n + 1) {margin-left:0;clear:both;float:left;} .bbs_type_a > li > a, .bbs_type_b > li > a, .bbs_type_c > li > a {position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:3;} .bbs_type_a > li > .thumb, .bbs_type_b > li > .thumb, .bbs_type_c > li > .thumb {position:relative;z-index:1;width:100%;overflow:hidden;} .bbs_type_a > li > .thumb img, .bbs_type_b > li > .thumb img, .bbs_type_c > li > .thumb img, .bbs_type_d > li > .thumb img {width:auto;min-width:100%;height:auto;} .bbs_type_a > li > .txt, .bbs_type_b > li > .txt, .bbs_type_c > li > .txt {width:100%;border:0;background:#fff;margin:0;padding:0;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;display:block;} .bbs_type_d > li > .txt {box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;border:0;} .bbs_type_a > li > .txt em, .bbs_type_a > li > .txt strong, .bbs_type_a > li > .txt p, .bbs_type_b > li > .txt em, .bbs_type_b > li > .txt strong, .bbs_type_b > li > .txt p, .bbs_type_c > li > .txt p, .bbs_type_d > li > .txt strong, .bbs_type_d > li > .txt p {font-weight:400;display:block;width:100%;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;font-family: 'Open Sans','YESGothic',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-seriff;} .bbs_type_a > li > .txt em, .bbs_type_a > li > .txt strong, .bbs_type_b > li > .txt em, .bbs_type_b > li > .txt strong, .bbs_type_c > li > .txt p, .bbs_type_d > li > .txt strong, .bbs_type_d > li > .txt p {white-space:nowrap;} .bbs_type_a {padding-bottom:60px;} .bbs_type_a > li {padding:0; width:100%;background:#fff;} .bbs_type_a > li + li {margin-top:25px;} .bbs_type_a > li > .thumb {height:0;padding:0;width:100%;padding-top:72.23%;position:relative;z-index:1;} .bbs_type_a > li > .thumb img {width:auto;max-width:none;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);} .bbs_type_a > li > .txt {padding:21px 20px 23px;} .bbs_type_a > li > .txt em {font-size:12px;line-height:17px;font-weight:400;color:#222;margin-bottom:16px;} .bbs_type_a > li > .txt strong {font-size:17px;line-height:25px;font-weight:700;color:#333;margin-bottom:10px;} .bbs_type_a > li > .txt p {font-size:15px;line-height:25px;max-height:50px;color:#888;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} .bbs_type_b {padding-bottom:32px;} .bbs_type_b > li {margin-bottom:25px;width: calc(50% - 8px);} .bbs_type_b > li + li {margin-left:16px;} .bbs_type_b > li > .thumb {width:100%;height:0;padding:72.42% 0 0;position:relative;z-index:1;} /* .bbs_type_b > li > .thumb:after {display:inline-block;content:"";position:absolute;left:0;bottom:0;z-index:2;width: calc(100% - 15px);background:#fff;height:25px;} */ .bbs_type_b > li > .thumb img {position:absolute;left:0;top:0;width:100%;height:auto;z-index:1;} .bbs_type_b > li > .txt {width:100%;left:0;bottom:0;padding:0;position:static;z-index:2;background:none;margin-top:10px;} .bbs_type_b > li > .txt em {font-size:13px;line-height:21px;font-weight:500;color:#555;margin-bottom:6px;display:block;width: calc(100% - 15px);} .bbs_type_b > li > .txt strong {font-size:16px;line-height:22px;font-weight:700;color:#333;margin-bottom:7px;} .bbs_type_b > li > .txt p {font-size:13px;line-height:21px;height:63px;color:#666;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;} .bbs_type_c {padding-bottom:0;} .bbs_type_c > li {width: calc(50% - 8px);} .bbs_type_c > li + li {margin-left:16px;} .bbs_type_c > li > .thumb {width:100%;height:0;padding:48.28% 0 0;position:relative;z-index:1;} .bbs_type_c > li > .thumb img {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);min-width:100%;width:auto;max-width:none;height:100%;} .bbs_type_c > li > .txt {height:49px;line-height:20px;padding:9px 0;} .bbs_type_c > li > .txt p {font-size:14px;font-weight:400;color:#333;line-height:inherit;height:40px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} .bbs_type_d {text-align:center;vertical-align:top;font-size:0;} .bbs_type_d > li {padding:0;width: calc(100% - 30px);float:none;display:table;table-layout:fixed;margin:0 auto;} .bbs_type_d > li + li {margin-top:25px;} .bbs_type_d > li > .thumb {width:31.8%;overflow:hidden;display:table-cell;vertical-align:middle;box-sizing:border-box;position:relative;z-index:1;} .bbs_type_d > li > .thumb a {background:url(../img/da_image/bg_circle.png) no-repeat 50% 50%;background-size:100% 100%;position:absolute;left:0;top:0;display:block;width:100%;height:100%;z-index:3;} .bbs_type_d > li > .thumb span {padding:0;height:0;width:100%;padding-top:100%;overflow:hidden;position:relative;z-index:1;display:block;margin:0 auto;vertical-align:middle;} .bbs_type_d > li > .thumb span img {width:auto;max-width:none;height: calc(100% - 1px);position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);z-index:1;} .bbs_type_d > li > .txt {padding:0 0 0 30px;display:table-cell;vertical-align:middle;box-sizing:border-box;text-align:left;position:relative;z-index:1;} .bbs_type_d > li > .txt a {position:absolute;left:0;top:0;display:block;width:100%;height:100%;z-index:3;} .bbs_type_d > li > .txt strong {font-size:15px;line-height:22px;font-weight:700;color:#222;margin-bottom:7px;letter-spacing:-0.4px;} .bbs_type_d > li > .txt p {font-size:13px;line-height:19px;max-height:38px;color:#555;letter-spacing:-0.2px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} @media only screen and (max-width:375px) { } @media only screen and (max-width:320px) { .main_wideslider .slick-slider .slick-prev {left:10px !important;} .main_wideslider .slick-slider .slick-next {right:10px !important;} .bbs_type_a > li > .txt {padding-left:12px;padding-right:12px;} .bbs_type_b > li, .bbs_type_c > li {width: calc(50% - 5px);} .bbs_type_b > li + li, .bbs_type_c > li + li {margin-left:10px;} .bbs_type_b > li > .thumb:after, .bbs_type_b > li > .txt em {width: calc(100% - 10px);} .bbs_type_d > li > .txt {padding-left:20px;} .bbs_type_a > li > .txt em {font-size:12px;line-height:16px;margin-bottom:14px;} .bbs_type_a > li > .txt strong {font-size:16px;line-height:24px;margin-bottom:8px;} .bbs_type_a > li > .txt p {font-size:14px;line-height:24px;max-height:48px;} .bbs_type_b > li > .txt em {font-size:12px;line-height:20px;margin-bottom:5px;} .bbs_type_b > li > .txt strong {font-size:14px;line-height:21px;margin-bottom:6px;} .bbs_type_b > li > .txt p {font-size:12px;line-height:20px;height:63px;} .bbs_type_c > li > .txt p {font-size:13px;} .bbs_type_d > li > .txt strong {font-size:14px;line-height:21px;margin-bottom:6px;} .bbs_type_d > li > .txt p {font-size:12px;line-height:18px;max-height:36px;} } /*─────────────────────────────────────────────────────────── 결제관련 - 장바구니, 주문하기, 주문완료 ───────────────────────────────────────────────────────────*/ /*** 장바구니 ***/ /* pc 일반 */ @media only screen and (max-width:375px) { } @media only screen and (max-width:320px) { } /*** 주문하기 ***/ /* pc 일반 */ @media only screen and (max-width:375px) { } @media only screen and (max-width:320px) { } /*** 주문완료 ***/ /* pc 일반 */ @media only screen and (max-width:375px) { } @media only screen and (max-width:320px) { } /*─────────────────────────────────────────────────────────── 개별페이지 관련 ───────────────────────────────────────────────────────────*/ /*** 공통 serive/about us, serive/archive ***/ .inner{width:100%;padding:0 15px;box-sizing:border-box;margin:0 auto; text-align:center; } .sub_content .sub_tit > h3{position:relative; font-size:24px; color:#111; padding:24px 0 32px; font-weight:700;} .sub_content .sub_tit > h3:after{position:absolute; content:""; width:24px; height:2px; background:#333; left:50%; margin-left:-12px; bottom:-8px;} /*** About us ***/ /* 일반 */ /*어바웃*/ .sub_content .about .about_us{padding-top:28px;} .sub_content .about .about_us > h3{font-size:20px; color:#222; margin-bottom:20px; font-weight:700;} .sub_content .about .about_us > p{font-size:14px; color:#666; letter-spacing:-0.3px; line-height:23px; margin-bottom:13px;} .sub_content .about .about_us > p.top_st{display:block; margin-top:14px; margin-bottom:38px;} .sub_content .about .about_us > p.bottom_st{display:block; margin-top:14px; margin-bottom:0;} .sub_content .about .about_us > p > strong{color:#222222; font-weight:normal;} .sub_content .about .about_us > p.bottom_st + p {margin-bottom:0;padding-bottom:40px;} .sub_content .about .about_us > p .m_br {display:none;} /*사업분야*/ .sub_content .about .business .abolut_tit{margin-top:45px;} .sub_content .about .business .abolut_tit > h4{font-size:20px; color:#111; font-weight:500; margin-bottom:7px; letter-spacing:-0.2px;} .sub_content .about .business .abolut_tit > h5{font-size:16px; color:#333; margin-bottom:20px; letter-spacing:-0.2px; font-weight:normal;} .sub_content .about .business .about_txt{padding-bottom:40px; border-bottom:1px solid #ddd; margin-bottom:50px;} .sub_content .about .business .about_txt:last-child{padding-bottom:0; border-bottom:0;} .sub_content .about .business .about_txt > span{display:block; margin-bottom:30px;} .sub_content .about .business .about_txt > span img {width:auto;vertical-align:top;} .sub_content .about .business .about_txt.about_txt01 > span img {height:52px;} .sub_content .about .business .about_txt.about_txt02 > span img {height:auto;} .sub_content .about .business .about_txt.about_txt03 > span img {height:104px;} .sub_content .about .business .about_txt.about_txt04 > span img {height:120px;} .sub_content .about .business .about_txt > p{text-align:left; font-size:14px; color:#444; letter-spacing:-0.3px; line-height:23px; margin-bottom:13px;} .sub_content .about .business .about_txt > p > strong{display:block; font-size:15px; color:#444; font-weight:700; margin-bottom:1em; line-height:1.5em; } /*어바웃 배너*/ .sub_content .about .about_bnr{background:url(../img/da_image/about_btm_bnr.jpg) no-repeat center center;background-size:cover;text-align:center;height:88vw;min-height:320px;max-height:360px;display:flex; align-items:center; justify-content:center;} .sub_content .about .about_bnr .bnr_inner > div h3{position:relative; font-size:24px; color:#fff; font-weight:700; margin-bottom:32px;} .sub_content .about .about_bnr .bnr_inner > div h3:after{position:absolute; content:""; width:24px; height:2px; background:#fff; left:50%; margin-left:-12px; bottom:-8px;} .sub_content .about .about_bnr .bnr_inner > div p{font-size:14px; letter-spacing:-0.2px; color:#fff; line-height:22px;} .sub_content .about .about_bnr .bnr_inner > div p + p {margin-top:8px;} /*오시는 길*/ .location.inner {padding-top:24px;} .sub_content .about .location ul.tab_btn{font-size:0; margin-bottom:20px;} .sub_content .about .location ul.tab_btn li{display:inline-block; font-size:15px; width:calc(100% / 2); height:45px; line-height:45px; border-bottom:1px solid #333; background:#f5f5f5; cursor:pointer; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .sub_content .about .location ul.tab_btn li.active{position:relative; background:#fff; border-left:1px solid #333333; border-top:1px solid #333333; border-right:1px solid #333333; border-bottom:1px solid #fff;} .sub_content .about .location ul.tab_btn li.active:before{position:absolute; content:""; width:1px; height:45px; background:#333; left:-1px;} .sub_content .about .location ul.tab_btn li.active:after{position:absolute; content:""; width:1px; height:45px; background:#333; right:-1px;} .sub_content .about .location .item{height:0; overflow:hidden; width:100%; padding:0; margin:0;} .sub_content .about .location .item.active{overflow:visible; height:100%;} .sub_content .about .location .item > div.map {position:relative;width:100%;height:70vw;min-height:260px;max-height:300px;padding:0;z-index:1;overflow:hidden;border:1px #ddd solid;box-sizing:border-box;} .sub_content .about .location .item > div.map iframe, .sub_content .about .location .item > div.map > .root_daum_roughmap {position:absolute;left:50%;top:-1px;height: calc(100% + 2px);transform:translate(-50%, -0%);z-index:1;} .sub_content .about .location .address ul{font-size:0; text-align:left; padding:30px 0;} .sub_content .about .location .address ul li{display:block; font-size:12px;width:100%;vertical-align:middle;box-sizing:border-box;} .sub_content .about .location .address ul li.txt01{font-size:18px; color:#111; font-weight:700;} .sub_content .about .location .address ul li.txt02{font-size:14px; color:#555;margin-top:10px;margin-bottom:15px;} .sub_content .about .location .address ul li.txt02 strong{display:block; margin-bottom:2px; font-size:14px; color:#111; font-weight:700;} .sub_content .about .location .address ul li.txt03{position:relative;} .sub_content .about .location .address ul li.txt03 > span{display:none;} .sub_content .about .location .address ul li.txt03:after {width:1px;height:12px;background:#ddd;position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-block;content:"";} .sub_content .about .location .address ul li.txt03, .sub_content .about .location .address ul li.txt04{font-size:14px; color:#333;display:inline-block;vertical-align:top;} .sub_content .about .location .address ul li.txt03 {width:54%;} .sub_content .about .location .address ul li.txt04 {width:46%;padding-left:10px;} .sub_content .about .location .subway{text-align:left; padding:15px 0; border-top:1px solid #000;} .sub_content .about .location .subway .right_box{border-top:1px solid #ddd;margin-top:15px;padding-top:10px;} .sub_content .about .location .subway .left_box, .sub_content .about .location .subway .right_box{width:100%;} .sub_content .about .location .subway ul {font-size:0;} .sub_content .about .location .subway ul li {vertical-align:top;} .sub_content .about .location .subway ul li p {font-size:13px; letter-spacing:-0.2px; color:#555; line-height:22px;} .sub_content .about .location .subway ul li p + p {margin-top:8px;} .sub_content .about .location .subway ul li p strong {font-size:15px; letter-spacing:-0.2px; color:#222;} .sub_content .about .location .subway ul li p em{color:#222;font-weight:600;} @media only screen and (max-width:359px) { .sub_content .about .about_us > p .m_br + br {display:none;} } @media only screen and (max-width:320px) { .inner{padding:0 10px;} } /*** Archive ***/ /* 일반 */ /*archive*/ .archive{padding:0 0 60px; background:#f5f5f5} .archive .archive_inner{margin-bottom:40px;} .archive .archive_inner .archive_txt > p{font-size:14px; color:#555; line-height:23px; margin-bottom:13px;} .archive .archive_inner .archive_txt > p strong{font-size:18px; color:#111; display:block; margin:12px 0;} .archive .archive_inner .archive_txt span, .archive .archive_inner .archive_txt span img {vertical-align:top;font-size:0;} .archive .archive_inner .archive_txt span img {width:100%;height:auto;} .archive .m_br {display:none;} /*history*/ .archive .history ol{position:relative;padding:0;} .archive .history ol:after{position:absolute; content:""; width:1px; height: calc(100% - 17px); background:#ddd; top:9px; left:4px;} .archive .history ol li{margin-bottom: 46px;} .archive .history ol li:first-child {margin-top:-10px} .archive .history ol li > div{width:100%;text-align:left;padding-left:35px;position:relative;z-index:1;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .archive .history ol li > div:first-child {margin-bottom:15px;} .archive .history ol li > div > p{position:relative;font-size: 13px;color:#666;line-height: 22px;letter-spacing:-0.3px;} .archive .history ol li > div > p strong{font-size:15px;color:#333;letter-spacing:0;display:block;margin-bottom: 8px;} .archive .history ol li > div > p:first-child:after{position:absolute; content:""; width:17px; height:17px; border:1px solid #333; top:2px; left:-40px; border-radius:100%; z-index:1;} .archive .history ol li div > p strong:before{position:absolute; content:""; width:5px; height:5px; background:#333; top:9px; left:-33px; border-radius:100%; z-index:1;} .archive .history ol li div > p strong:after{position:absolute; content:""; width:26px; height:1px; background:#333; top:11px; left:-31.5px; z-index:1;} .archive .history ol li > div:last-child > p:first-child:after{} .archive .history ol li div:last-child > p strong:before{} .archive .history ol li div:last-child > p strong:after{} .archive .history ol li .his_img > span{display:inline-block;margin:0 auto 0 0;padding:0;box-shadow:2px 2px 8px rgba(0,0,0,0.13);font-size:0;} .archive .history ol li .his_img.right{} .archive .history ol li .his_img.left{} .archive .history ol li .his_img > div{padding:5px 0 0;} .archive .history ol li .his_img > div p span{color:#666} .archive .history ol li .his_img.right > div p{font-size:12px; padding-left:0;} .archive .history ol li .his_img.left > div p{font-size:12px; padding-right:0;} .archive .history ol li .his_img.img2{display:block;} .archive .history ol li .his_img.img2 > div{margin-top:15px;} .archive .history ol li .his_img.img2 > div p{padding-right:0;} @media only screen and (max-width:359px) { .archive .m_br + br {display:none;} } @media only screen and (max-width:320px) { } /*─────────────────────────────────────────────────────────── button ───────────────────────────────────────────────────────────*/ /* 옵션 변경 */#wrap .cart_option_modify {display:inline-block;padding:5px 5px 5px 5px;text-align:center;background:#ffffff;border: 1px solid #777777;color: #555555;font-weight:bold;box-sizing:border-box;border-radius:2px;} /* 선택상품 삭제 */#wrap .cart_select_del_btn {display:inline-block; width:100%; padding:10px 0 10px 0; text-align:center; background:#ffffff; border:1px solid #5d4638; color:#222222; font-weight:bold; box-sizing:border-box; font-size:14px;} /* 선택상품 주문 */#wrap .cart_select_order_btn {display:inline-block; width:100%; padding:10px 0 10px 0; text-align:center; background:#ffffff; border:1px solid #5d4638; color:#222222; font-weight:bold; box-sizing:border-box; font-size:14px;} /* 전체주문 */#wrap .cart_all_order_btn {display:inline-block; width:100%; padding:10px 0 10px 0; text-align:center; background:#222; border:1px solid #222; color:#ffffff; font-weight:bold; box-sizing:border-box; font-size:14px;} /* 우편번호 */ #wrap .zipcode_btn1 {display:inline-block;width:100%;padding:5px 0 6px 0;text-align:center;background: #fff;border:1px solid #222;color: #000000;font-weight:bold;box-sizing:border-box;} /* 쿠폰 조회 및 적용 */ #wrap .coupon_search_apply_btn {display:inline-block; padding:5px 10px 5px 10px; text-align:center; background:#fff; border:1px solid #222; color:#222; font-weight:bold; box-sizing:border-box;} /*─────────────────────────────────────────────────────────── 결제관련 - 장바구니, 주문하기, 주문완료 ───────────────────────────────────────────────────────────*/ /*** 장바구니 | mobile/order/cart.php ***/ #wrap .cart {} #wrap .cart .cart_content_box {background:#f5f5f5;padding:0 0 5px;} #wrap .cart .cart_content_box .allchk {margin:0 0 5px 0;padding: 10px 10px 0 10px;} #wrap .cart .cart_content_box .my_goods {padding:0 0 5px 0;} #wrap .cart .cart_content_box .my_goods > li {position:relative; margin:0 10px 10px 10px; padding:10px 10px 10px 10px; border:1px solid #cccccc; background:#fff;margin-top: -1px;} /* 상품정보 */ #wrap .cart .cart_content_box .my_goods li .mid_box .right_box {display:table-cell; width:100%; padding:0 0 0 5px; vertical-align:top;} #wrap .cart .cart_content_box .my_goods li .mid_box .right_box .info {display:table; width:100%; padding:10px 0 0 0;} #wrap .cart .cart_content_box .my_goods li .mid_box .right_box .info > a {display:inline-block; width:100%; margin:0 10px 0 0px;} #wrap .cart .cart_content_box .my_goods li .mid_box .right_box .info .itemhead {display:table-cell; vertical-align:top;} #wrap .cart .cart_content_box .my_goods li .mid_box .right_box .info .itemhead .thmb_box {position:relative; line-height:0; } #wrap .cart .cart_content_box .my_goods li .mid_box .right_box .info .itemhead .thmb_box .thmb {line-height:0; font-size:0;} #wrap .cart .cart_content_box .my_goods li .mid_box .right_box .info .itemhead .thmb_box .thmb img {width:90px;} #wrap .cart .cart_content_box .my_goods li .mid_box .right_box .info .itemhead .thmb_box .timesale_box {position:absolute; bottom:0; left:0; width:100%; padding:10px 0 10px 0; text-align:center; background:rgba(0,0,0,0.5);} #wrap .cart .cart_content_box .my_goods li .mid_box .right_box .info .itemhead .thmb_box .timesale_box img {width:15px; height:15px; vertical-align:-3px;} #wrap .cart .cart_content_box .my_goods li .mid_box .right_box .info .itemhead .thmb_box .timesale_box .timetext {margin:0 0 0 4px; color:#fff; font-size:12px;} #wrap .cart .cart_content_box .my_goods li .mid_box .right_box .info .itembody {display:table-cell; padding:0 0 0 10px; vertical-align:middle;} #wrap .cart .cart_content_box .my_goods li .mid_box .right_box .info .itembody p {font-size:12px;line-height:16px;color: #666;} #wrap .cart .cart_content_box .my_goods li .mid_box .right_box .info .itembody p.name {padding:0 0 3px 0; font-weight:bold; color:#333;} #wrap .cart .cart_content_box .my_goods li .mid_box .right_box .info .itembody p.excl {padding: 0 0 3px 0;} #wrap .cart .cart_content_box .my_goods li .mid_box .right_box .info .itembody .prc {display:block;padding:10px 0 0 0;font-size:15px;color: #333333;font-weight:bold;} /* 주문정보2 */ #wrap .cart .my_buy {padding:10px 10px 10px 10px;} #wrap .cart .my_buy dl {display:table; width:100%; margin:0 0 15px 0;} #wrap .cart .my_buy dl dt {display:table-cell; width:50%; font-size:13px; color:#5e5e5e;} #wrap .cart .my_buy dl dd {display:table-cell;width:50%;text-align:right;font-size:15px;color: #666;} #wrap .cart .my_buy dl.total {padding:15px 0 0 0; border-top:1px solid #c3c3c3;} #wrap .cart .my_buy dl.total dd {color:#222; font-size:17px;} @media only screen and (max-width:375px) { } @media only screen and (max-width:320px) { } /*** 주문서 작성 | order/order.html ***/ #wrap .order {margin-top:-1px;} #wrap .order .order_tit {border-top:1px solid #cccccc;/* border-bottom: 1px solid #ccc; */background:#f5f5f5;color:#222222;font-size:14px;line-height:36px;padding-left:15px;} #wrap .order .order_tit span {} #wrap .order .order_tit > span img {width:18px; vertical-align:middle;} #wrap .order .order_tit > div img{height:18px;} #wrap .order .pay {} /* 주문 상품 */ #wrap .order .pay .my_goods {} #wrap .order .pay .my_goods > li {position:relative;} #wrap .order .pay .my_goods li .info {display:table; width:100%; padding:10px 15px 10px 15px; box-sizing:border-box;} #wrap .order .pay .my_goods li .info > a {display:inline-block; margin:0 10px 0 0px;} #wrap .order .pay .my_goods li .info .select_del_box {position:absolute; top:3px; right:3px;} #wrap .order .pay .my_goods li .info .itemhead {display:table-cell; vertical-align:top;} #wrap .order .pay .my_goods li .info .itemhead .thmb_box {position:relative; line-height:0; } #wrap .order .pay .my_goods li .info .itemhead .thmb_box .thmb {line-height:0; font-size:0;} #wrap .order .pay .my_goods li .info .itemhead .thmb_box .thmb img {width:90px;} #wrap .order .pay .my_goods li .info .itemhead .thmb_box .timesale_box {position:absolute; bottom:0; left:0; width:100%; padding:10px 0 10px 0; text-align:center; background:rgba(0,0,0,0.5);} #wrap .order .pay .my_goods li .info .itemhead .thmb_box .timesale_box img {width:15px; height:15px; vertical-align:-3px;} #wrap .order .pay .my_goods li .info .itemhead .thmb_box .timesale_box .timetext {color:#fff; font-size:12px; margin-left:3px;} #wrap .order .pay .my_goods li .info .itembody {display:table-cell; padding:0 0 0 15px; vertical-align:middle;} #wrap .order .pay .my_goods li .info .itembody p {font-size:12px;line-height:16px;color: #666;} #wrap .order .pay .my_goods li .info .itembody p.name {padding:0 0 3px 0; font-weight:bold; color:#333;} #wrap .order .pay .my_goods li .info .itembody p.excl {padding: 0 0 3px 0;} #wrap .order .pay .my_goods li .info .itembody .prc {font-weight:bold; color:#222;} #wrap .order .order_box {padding:0 0 10px 0;} #wrap .order .order_box fieldset {} #wrap .order .order_box fieldset legend {display:none;} /* input 박스 */ #wrap .order .order_box input:not([type="radio"]):not([type="checkbox"]) {width:100%;height:31px;padding:0 10px 0 10px;font-size:14px;color:#333333;background:#ffffff;border: 1px solid #dddddd;box-sizing:border-box;margin-bottom: 0;line-height: 1;} #wrap .order .order_box .cell_bx {display:table; width:100%;} #wrap .order .order_box .cell_bx .cell {display:table-cell; width:50%; vertical-align:top;} #wrap .order .order_box .cell_bx .cell .inp_sel {margin-left:5px;} /* 주문서 작성 */ #wrap .table_style4 {/* border-top: 0; */} #wrap .table_style4 caption {display:none;} #wrap .table_style4 th {width:82px;padding: 10px;border-bottom: 1px solid #ddd;background:#f9f9f9;font-weight:normal;color:#5e5e5e;font-size:13px;text-align:left;} #wrap .table_style4 th.required {background: #f9f9f9;} #wrap .table_style4 th.required label {padding-right:10px;background: url('../img/da_image/icon_squre_red.png') no-repeat top right;} #wrap .table_style4 td {padding: 10px 10px 10px 14px;border-bottom: 1px solid #ddd;color:#5e5e5e;font-size:12px;text-align:left;word-break:keep-all;} #wrap .table_style4 .add_currency {color: #717171;} /* 우편번호 */ #wrap .order .order_box .zipcode_box .zipcode_num {margin-bottom:5px;} #wrap .order .order_box .zipcode_box input:not([type="radio"]):not([type="checkbox"]) + input:not([type="radio"]):not([type="checkbox"]) {margin-top:5px;} /* 마일리지 & 예치금 */ #wrap .order .order_box .table_box {} #wrap .order .order_box .table_box_guest {padding-top:0;} /* 결제정보 */ #wrap .order .order_box .re_confirm label strong {color:#c62241;} /* 약관동의 */ #wrap .join_agreement_wrap .my_tit {padding: 20px 15px 7px;border-top: 1px solid #ddd;} #wrap .join_agreement_wrap .c_red {color:#c62241;} #wrap .join_agreement_wrap .inp_chk label {color:#222222;font-weight:700;} #wrap .join_agreement_wrap .order_box:nth-of-type(2) {border-bottom:1px solid #ddd;margin-bottom:10px;} /* 수집동의 */ #wrap .order .order_box .guest_info {} #wrap .order .order_box .guest_info .g_content {overflow:hidden;overflow-y:scroll;height:120px;margin: 15px;padding:5px 15px 5px 15px;border: 1px solid #ddd;} #wrap .order .order_box .guest_info .inp_chk {padding: 0 15px 0 15px;border-top: 0;} /* 결제하기 */ #wrap .order .btn_pay_wrap {margin:20px 0 0;} /*** 주문서 완료 | order/order_end.html ***/ #wrap .order_end{} #wrap .order_end_completion{margin: 15px 15px 5px 15px;padding: 30px 0;text-align:center;border:1px solid #ddd;} #wrap .order_end_completion p{padding: 0;line-height:2;} #wrap .order_end_completion strong{display:block;font-size: 18px;line-height:1;font-weight: 500;color:#222222;padding-top: 18px;} #wrap .order_end_completion em{display:block;font-size: 13px;line-height: 22px;font-weight:400;color:#666666;padding:20px 50px 0;} #wrap .order_end .order_table_type{margin:0 0 50px 0;} #wrap .order_end .order_end_box {position:relative;margin: 15px 15px 15px 15px;padding: 20px 20px;background: #f5f5f5;border: 1px solid #ddd;border-radius:2px;text-align: left;} #wrap .order_end .order_end_box h2 {padding:0 0 10px 0;font-size:13px;color:#333333;font-weight: 700;} #wrap .order_end .order_end_box h2 strong{font-size:14px;vertical-align: middle;} #wrap .order_end .order_end_box .tx {font-size:12px;line-height: 21px;color:#5e5e5e;} #wrap .order_end .order_end_box .tx ul {display:inline-block; margin:0 auto;} #wrap .order_end .order_end_box .tx ul li {text-align:left; color:#666;} #wrap .order_end .order_end_box .tx ul li .prc {font-size:14px; color:#222; font-weight:bold;} #wrap .order_end .order_end_box .tx ul li strong {font-size:14px;} #wrap .order_end .tx2 {margin: 0 15px 11px;padding: 15px 20px;font-size:12px;text-align: left;line-height:17px;color: #666;border: 1px solid #ddd;} #wrap .order_end .tx2 span {display:inline-block;text-align:left;font-size: 13px;line-height: 19px;} #wrap .order_end .tx2 strong {display: block;color:#222;padding-bottom: 6px;} #wrap .order_end .btn_pay_wrap {display:table; width:100%; padding:15px 15px 15px 15px; box-sizing:border-box;} #wrap .order_end .btn_pay_wrap li {display:table-cell;} #wrap .order_end .btn_pay_wrap li:first-child {width:50%; padding:0 1px;} #wrap .order_end .btn_pay_wrap li:last-child {padding:0 1px;} /*─────────────────────────────────────────────────────────── 게시판 board/list, board/view, board/write 게시판 타입 skin ───────────────────────────────────────────────────────────*/ /*** feature 목록 - 에세이, 트랜드, 여행, 음식, 건축, 문화, people ***/ /* pc 일반 */ .board_features {width: 100%; box-sizing: border-box; padding: 0 10px;} .board_features .board_inner {border-top: 1px solid #333; padding-top: 30px; text-align: center;} .board_features .boardlist .goods_gallery_ul {padding: 0;} .board_features .boardlist .goods_gallery_ul li {text-align: left;} .board_features .boardlist .goods_gallery_ul li .goods_gallery_img {position: relative; height: 236px; margin-bottom: 14px; overflow: hidden;} .board_features .boardlist .goods_gallery_ul li .goods_gallery_img img {position: absolute; left: 0; top: 50%; transform: translateY(-50%);} .board_features .boardlist .goods_gallery_ul li .goods_gallery_content .goods_list_info a {line-height: 1.7;} .board_features .boardlist .goods_gallery_ul li .goods_gallery_content .goods_list_info strong {display: block; margin-bottom: 8px; font-size: 19px;} .board_features .boardlist .goods_gallery_ul li .goods_gallery_content .goods_list_info p {font-size: 13px; color: #666; word-break: keep-all;} .board_features .boardlist .goods_gallery_ul li .goods_gallery_content .goods_list_info .board_date{font-size: 13px; color: #666; word-break: keep-all;} @media only screen and (max-width:375px) { } @media only screen and (max-width:320px) { } /*** feature 보기 - 에세이, 트랜드, 여행, 음식, 건축, 문화, people ***/ /* pc 일반 */ .board_features .board_view_tit {position: relative; border-top: 1px solid #333; padding-top: 30px; text-align: center;} .board_features .board_view_tit h3 {background: none; padding: 0; font-size: 28px; color: #111; line-height: 1.6;} .board_features .board_view_tit .feature_btn_box {margin: 14px 0 4px;} .board_features .board_view_tit .feature_btn_box > .board_recom_wrap {display: inline-block; margin-right: 10px;} .board_features .board_view_tit .feature_btn_box > .board_recom_wrap a {display: inline-block; width: 28px; height: 26px; background:url('../img/da_image/icon_board_recom.png')no-repeat center; background-size: cover;vertical-align: middle;} .board_features .board_view_tit .feature_btn_box > .board_recom_wrap a.btn_rec {background:url('../img/da_image/icon_board_recom.png')no-repeat center; background-size: auto 25px;} .board_features .board_view_tit .feature_btn_box > .board_recom_wrap a.btn_rec.script_on {background:url('../img/da_image/icon_board_recom_ov.png')no-repeat center; background-size: auto 25px;} .board_features .board_view_tit .feature_btn_box > .board_recom_wrap.script_on a {background:url('../img/da_image/icon_board_recom_ov.png')no-repeat center; background-size: 100%;} .board_features .board_view_tit .feature_btn_box > .board_recom_wrap span {display: inline-block; vertical-align: middle; line-height: 26px; padding-left: 4px;} .board_features .board_view_tit .feature_btn_box > a {display: inline-block; width: 26px; height: 26px;} .board_features .board_view_tit .feature_btn_box > a + a {margin-left: 18px;} .board_features .board_view_tit .feature_btn_box > a {display: inline-block; width: 26px; height: 26px;vertical-align:top;} .board_features .board_view_tit .feature_btn_box > a.btn_rec{background:url('../img/da_image/icon_board_star.png')no-repeat center;background-size: auto 26px;} .board_features .board_view_tit .feature_btn_box > a.btn_rec.script_on{background:url('../img/da_image/icon_board_star_ov.png')no-repeat center;background-size: auto 26px;} .board_features .board_view_tit .feature_btn_box.bbs_freewrite > a.btn_rec{background:url('../img/da_image/icon_board_recom.png')no-repeat center;background-size: auto 25px;} .board_features .board_view_tit .feature_btn_box.bbs_freewrite > a.btn_rec.script_on{background:url('../img/da_image/icon_board_recom_ov.png')no-repeat center;background-size: auto 25px;} .board_features .board_view_tit .feature_btn_box .layer_area {position: relative; z-index: 150; display: none;} #wrap .board_features .sns_layer {position: absolute; top: 14px; left: 50%; transform: translateX(-50%); width: 260px; background: #fff; box-sizing: border-box; padding: 12px 20px; border: 1px solid #aaa; text-align: left;} #wrap .board_features .sns_layer .ly_tit {background: none; padding: 0;} #wrap .board_features .sns_layer .ly_tit strong {float: none; font-size: 12px; color: #111; font-weight: bold;} #wrap .board_features .sns_layer .ly_cont {padding: 0;} #wrap .board_features .sns_layer .ly_cont .sns_list ul:after {content: ""; display: block; clear: both;} #wrap .board_features .sns_layer .ly_cont .sns_list ul li {float: left; width: calc(50% - 10px); margin-right: 5px; margin-bottom: 14px; text-align: center;} #wrap .board_features .sns_layer .ly_cont .sns_list ul li:last-child {margin-right: 0;} #wrap .board_features .sns_layer .ly_cont .sns_list ul li a {display: block; width: 100%; height:auto;box-sizing: border-box; border:none;} #wrap .board_features .sns_layer .ly_cont .sns_list ul li a img {height:40px;} #wrap .board_features .sns_layer .ly_cont .sns_copy_url {position: relative; margin: 20px 0 0 0;font-size:0;} #wrap .board_features .sns_layer .ly_cont .sns_copy_url input[type="text"] {width:60%; height: 35px; margin-bottom: 0; line-height: 35px;box-sizing:border-box;font-size:13px;display: inline-block;vertical-align: top;} #wrap .board_features .sns_layer .ly_cont .sns_copy_url button {width:40%; height: 35px; background: #f5f5f5; border: 1px solid #ddd; font-size: 12px; color: #111; font-weight: 500; line-height: 33px;vertical-align: top;} #wrap .board_features .sns_layer .ly_close {position: absolute; right: 9px; top: 4px; padding: 11px;} .board_features .view_wrap .view_box .view_info_box .view_info {border-bottom: 0; text-align: center;} .board_features .view_wrap .view_box .view_info_box .view_info .date {padding: 0; margin: 0; font-size: 13px; color: #777; font-family: 'Open Sans', sans-serif;} .board_features .view_wrap .view_box .view_info_box .view_info .date:after {display: none;} .board_features .view_wrap .contents_holder {padding-top: 30px;} .board_features .view_wrap .contents_holder p {font-size: 13px; color: #666; text-align: left;} /* 공유하기 레이어 팝업 */ .board_features .ly_share {position:fixed; top:0px; left:0; width:100%; height:100%; padding:0 0 0px 0; z-index:1000;} .board_features .ly_share .ly_share_bg {width:100%; height:100%; background:rgba(0,0,0,0.8);} .board_features .ly_share .ly_share_content {position:absolute; top:50%; left:50%; margin:0 0 0 -145px;} .board_features .ly_share .ly_share_content .ly_share_box {position:relative; width:290px; background:#ffffff;} .board_features .ly_share .ly_share_content .ly_share_box h3 {padding:10px 0 10px 0; background:#f2f3f3;text-align:center;} .board_features .ly_share .ly_share_content .ly_share_box ul {width:240px; margin:0 auto; padding:20px 25px 0 25px; font-size:0; text-align:left;} .board_features .ly_share .ly_share_content .ly_share_box ul li {display:inline-block; width:33.3%; padding:0 0 20px 0; vertical-align:top; text-align:center;} .board_features .ly_share .ly_share_content .ly_share_box ul li a {font-size:11px; color:#888888;} .board_features .ly_share .ly_share_content .ly_share_box ul li a img {width:47px;} .board_features .ly_share .ly_share_content .ly_share_box .copy {width:100%; display:table; padding-bottom:20px; text-align:center;} .board_features .ly_share .ly_share_content .ly_share_box .copy div.input {padding:0 10px 0 10px;} .board_features .ly_share .ly_share_content .ly_share_box .copy div.input input {width:210px; height:31px; padding:0 10px 0 10px; font-size:14px; font-weight:bold; background:#fafafa; border:1px solid #dadada; box-sizing:border-box;} .board_features .ly_share .ly_share_content .ly_share_box .copy div.btn {padding:5px 40px 0 40px;} .board_features .ly_share .ly_share_content .ly_share_box .btn_box {position:absolute; top:0; right:0;} .feature_keyword {padding:7px 0 27px;width:100%;overflow:hidden;} .feature_keyword ul {font-size:0;vertical-align:top;width: calc(100% + 8px);margin:0 -4px;text-align:left;} .feature_keyword li {margin:3px 4px;height:30px;border-radius:30px;font-size:12px;text-align:center;padding:6px 9px;line-height:18px;background:#f5f5f5;color:#666;font-weight:400;display:inline-block;vertical-align:top;box-sizing:border-box;} @media only screen and (max-width:375px) { } @media only screen and (max-width:320px) { } /*** 투고 목록 ***/ /* pc 일반 */ @media only screen and (max-width:375px) { } @media only screen and (max-width:320px) { } /*** 투고 작성 ***/ /* pc 일반 */ .contribution.write {width: 100%; box-sizing: border-box; padding: 0 10px;} .contribution_tit > p {word-break: keep-all;} .contribution.write .write_default {text-align: left; box-sizing: border-box; padding: 30px 20px; border-top: 1px solid #111;} .contribution.write .write_wrap dl dt {display:inline-block; width:90px; text-indent:10px; vertical-align:middle;} .contribution.write .write_wrap dl dt label {font-size:14px; color:#333333; font-weight:bold;} .contribution.write .write_wrap dl dd {display:inline-block; width: calc(100% - 94px); height:auto; padding: 5px 0; font-size:14px; vertical-align:middle; box-sizing:border-box;} .contribution.write .write_wrap dl dd input {width:100%; height:40px; font-size:14px; box-sizing:border-box; margin-bottom: 0; line-height: 40px; box-sizing: border-box; padding-left: 6px;} .contribution.write .write_wrap dl dd input.upload_text {width: calc(100% - 74px);} .contribution.write .write_wrap dl.b_content {display:block; padding-bottom:0;} .contribution.write .write_wrap dl.b_content dt {position:relative; display:inline-table; width:100%; padding:5px 0 5px 0;} .contribution.write .write_wrap dl.b_content dt .b_content_chk {position:absolute; top:5px; right:10px;} .contribution.write .write_wrap dl.b_content dd {display:inline-table; width:100%; padding-right:0;} .contribution.write .write_wrap dl.b_content dd .textarea_box {} .contribution.write .write_wrap dl.b_content dd .textarea_box textarea {width:99%; height:150px; border:none; font-size:14px; margin-left: 0.5%; box-sizing:border-box; border: 1px solid #ddd; padding:5px 10px 5px 10px; resize:none;} .contribution.write .write_wrap dl.b_content dd .textarea_box textarea:focus{border:1px solid #333;} input.upload_text {float:left;width:100%;height:19px;line-height:19px; padding:0 3px; border:1px solid #ddd;} div.upload-btn_wrap input.input_file {position:absolute;top:0;right:0;cursor:pointer;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-moz-opacity:0;} div.upload-btn_wrap {overflow:hidden;position:relative;float:left;width:70px;/*width, height 값은 button(찾아보기)값과 같아야함 */height:40px;padding-left:3px;} div.upload-btn_wrap button {width:70px;height:40px;font-weight:bold;background:#888;border:1px solid #888;color:#fff;} .contribution.write2 {width: 100%; box-sizing: border-box; padding: 0 10px;} .contribution.write2 .write_default {text-align: left; box-sizing: border-box; padding: 30px 0; border-top: 1px solid #111;} .contribution.write2 .write_wrap dl {box-sizing: border-box; padding: 0 20px;} .contribution.write2 .write_wrap dl dt {display:inline-block; width:90px; text-indent:10px; vertical-align:middle;} .contribution.write2 .write_wrap dl dt label {font-size:14px; color:#333333; font-weight:bold;} .contribution.write2 .write_wrap dl dd {display:inline-block; width: calc(100% - 94px); height:auto; padding: 5px 0; font-size:14px; vertical-align:middle; box-sizing:border-box;} .contribution.write2 .write_wrap dl dd input {width:100%; height:40px; font-size:14px; box-sizing:border-box; margin-bottom: 0; line-height: 40px; box-sizing: border-box; padding-left: 6px;} .contribution.write2 .write_wrap dl dd input#writerMobile {border: 1px solid #ddd;} .contribution.write2 .write_wrap dl dd input#writerMobile:focus{border:1px solid #333;} .contribution.write2 .write_wrap dl dd input + input {margin-top: 10px;} .contribution.write2 .write_wrap dl dd input.upload_text {width: calc(100% - 74px);} .contribution.write2 .zipcode_box .zipcode_top {position:relative; padding-right:70px; margin-bottom: 10px;} .contribution.write2 .zipcode_box .zipcode_top .zipcode_num {} .contribution.write2 .zipcode_box .zipcode_top .zipcode_btn_box {position:absolute; top:0; right:0; width:66px;} .contribution.write2 .zipcode_btn {height: 40px; line-height: 38px; padding: 0; background: #fff; font-size: 12px; color: #000;} .contribution.write2 .zipcode_box input {margin:0 0 5px 0;} .contribution.write2 .board_write_agree {border-top: 1px solid #ddd; margin-top: 30px; padding-top: 30px;} .contribution.write2 .board_write_agree .board_commen_agree {border-bottom: 0;} .contribution.write2 .board_write_agree .board_commen_agree + .board_commen_agree {margin-top: 20px;} .contribution.write2 .board_write_agree .board_commen_agree .form_element {display: block;} .contribution.write2 .board_write_agree .agree_tit {margin-bottom: 10px;} .contribution.write2 .board_write_agree .agree_tit h5 {display: inline-block; font-size: 14px; color: #222; font-weight: bold;} .contribution.write2 .board_write_agree .agree_tit h5 span {color: #c62241;} .contribution.write2 .board_write_agree .agree_choice_box {display: inline-block; margin-left: 20px;} .contribution.write2 .board_write_agree .form_element label {min-height: 22px; padding: 0 0 0 28px; font-size: 13px; color: #333;} .contribution.write2 .board_write_agree textarea {width: 100%; box-sizing: border-box; padding: 10px; border: 1px solid #ddd; font-size: 12px; color: #777;} .contribution.write2 .board_write_agree ul li {display: table; color: #666;} .contribution.write2 .board_write_agree ul li + li {margin-top: 4px;} .contribution.write2 .board_write_agree ul li::before {content: "-"; display: table-cell; padding-right: 4px; } .contribution.write .btn_box {margin-top: 30px; text-align: center;} .contribution.write2 .btn_box {margin-top: 30px; text-align: center;} .btn_contribution {width: 120px; height: 44px; line-height: 44px; font-size: 14px; margin: 0 auto; margin-top: 20px; font-family: 'YESGothic'; font-weight: 400; color: #fff; background: #000; border: 0;} @media only screen and (max-width:375px) { } @media only screen and (max-width:320px) { } /*** 투고 완료, 투고 내역 ***/ /* pc 일반 */ .contribution.end .contribution_tit {margin-bottom: 30px;} .contribution .end_box {width: 90%; height: 130px; margin: 0 auto; box-sizing: border-box; border: 1px solid #333; padding: 30px 50px; text-align: left;} .contribution .end_box dl {line-height: 2.5; font-size: 14px; color: #222;} .contribution .end_box dt {display: inline-block; font-weight: bold;} .contribution .end_box dd {display: inline-block;} .contribution.end .btn_contribution {width: 160px; margin-top: 30px;} @media only screen and (max-width:375px) { } @media only screen and (max-width:320px) { } /*─────────────────────────────────────────────────────────── 게시판 board/list, board/view, board/write 게시판 타입 skin ───────────────────────────────────────────────────────────*/ /*** 일반형 목록 - 공지사항 등 ***/ /* pc 일반 */ .list_default .boardlist .goods_area .notice_list {margin-top: 10px; box-sizing: border-box; padding: 0 10px;} .list_default .boardlist .goods_area .notice_list li {min-height: 40px;} .list_default .boardlist .goods_area .notice_list li:first-child {border-top: 1px solid #333;} .list_default .boardlist .goods_area .notice_list li .notice_box {line-height: 40px;} .list_default .boardlist .goods_area .notice_list li .notice_box .notice_title {padding-bottom: 0;} .list_default .boardlist .goods_area .notice_list li .notice_box .notice_title .icon + .text {width: 50%;} .list_default .boardlist .goods_area .notice_list li .notice_box .notice_title .text {width: 80%; font-size: 14px; color: #000; letter-spacing: -0.3px; vertical-align: middle;} .list_default .boardlist .goods_area .notice_list li .notice_box .notice_title .icon img {vertical-align:middle !important;} .list_default .boardlist .goods_area li .notice_bottom {display: inline-block; vertical-align: middle;} .list_default .boardlist .goods_area li .notice_bottom .notice_data {font-size: 12px; color: #aaa; font-family: 'Open Sans', sans-serif;} #wrap .list_default .boardlist .goods_area .notice_list li {min-height: 40px;} #wrap .list_default .boardlist .goods_area .notice_list li .notice_box .notice_img {display: none;} /* #wrap .list_default .boardlist .goods_area li .notice_bottom {display: block;} #wrap .list_default .boardlist .goods_area .notice_list li .notice_box .notice_title {padding-bottom: 0;} */ #wrap .list_default .boardlist .goods_area .notice_list li .notice_box:after {content: ""; display: block; clear:both;} #wrap .list_default .boardlist .goods_area .notice_list li .notice_box .notice_title {padding:3px 0 0;display: block;font-size:14px;line-height:1em;vertical-align:middle;} #wrap .list_default .boardlist .goods_area .notice_list li .notice_box .notice_title > span, #wrap .list_default .boardlist .goods_area .notice_list li .notice_box .notice_title > em {display:inline-block;vertical-align:middle;line-height:1em;} #wrap .list_default .boardlist .goods_area .notice_list li .notice_box .notice_title > em {font-weight:400;font-size:13px;color:#666;} #wrap .list_default .boardlist .goods_area .notice_list li .notice_box .notice_title > img {} #wrap .list_default .boardlist .goods_area .notice_list li .notice_box .notice_title .text {width: calc(100% - 108px);} #wrap .list_default .boardlist .goods_area li .notice_bottom {float:right;} #wrap .list_default .boardlist .goods_area li .notice_cnt{clear:both;padding-top:20px;line-height:initial;} #wrap .list_default .boardlist .goods_area li .notice_cnt span{display: inline-block;vertical-align: top;font-size: 12px;color: #999;line-height:initial;line-height:1em;} #wrap .view_default .view_wrap .view_box .view_info_box .view_info .date + .writer, #wrap .view_default .view_wrap .view_box .view_info_box .view_info .writer + .writer {font-size:12px;display:inline-block;line-height:1em;border-left:1px #ccc solid;padding-left:9px;margin-left:5px;} #wrap .view_default .view_wrap .view_box .view_info_box .view_info .writer b {font-size:inherit;font-weight:500;color:#333;} @media only screen and (max-width:1297px) { } /*** 갤러리 목록 - 이벤트 등 ***/ /* pc 일반 */ #wrap .list_event .boardlist .goods_area .notice_list {width: 100%; margin-top: 10px; box-sizing: border-box; padding: 0 10px;} #wrap .list_event .boardlist .goods_area .notice_list li {display: inline-block; width: calc(50% - 7px); margin-right: 10px; margin-bottom: 30px; box-sizing: border-box; padding: 0; border-bottom: 1px solid #333; vertical-align: top;} #wrap .list_event .boardlist .goods_area .notice_list li:first-child {border-top: 0;} #wrap .list_event .boardlist .goods_area .notice_list li:nth-child(2n) {margin-right: 0;} #wrap .list_event .boardlist .goods_area .notice_list li .notice_box .notice_img {position: relative; display: block; width: 100%; height: 120px; overflow: hidden;} #wrap .list_event .boardlist .goods_area .notice_list li .notice_box .notice_img img {position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: auto; height: 100%;} #wrap .list_event .boardlist .goods_area .notice_list li .notice_box .notice_title {display: block; padding: 12px 0 14px;} #wrap .list_event .boardlist .goods_area .notice_list li .notice_box .notice_title .text {width: 100%; font-size: 13px; font-weight: 600; letter-spacing: -0.6px;} #wrap .board_event_day {margin-top: 15px;} #wrap .board_event_day span {font-size: 12px; color: #555; font-family: 'Open Sans', sans-serif;} @media only screen and (max-width:1297px) { } /*** 일반형, 갤러리 게시판 보기 - 공지사항 등 ***/ /* pc 일반 */ .view_default .board_default {box-sizing: border-box; padding: 0 10px;} .view_default .board_default .board_view_tit {width: 100%; box-sizing: border-box; padding: 20px 10px; border-top: 1px solid #333; border-bottom: 1px solid #ddd;} .view_default .board_default .board_view_tit h3 {display: block; width: 100%; margin-bottom: 10px; padding: 0; background: none; font-size: 14px; color: #111; font-weight: 400; line-height: 1.6; vertical-align: middle;} .view_default .board_default .view_info_day {font-size: 12px; line-height: 1.6; color: #aaa; font-family: 'Open Sans', sans-serif;} .view_default .board_default .view_wrap .contents_holder {color: #666;border-bottom:1px solid #ddd;margin-bottom:15px;} .view_default .board_default .view_wrap .view_info_box {border-bottom:1px solid #ddd;padding:0 10px 15px;} .view_event .board_default {box-sizing: border-box; padding: 0 10px;} .view_event .board_default .board_view_tit {width: 100%; box-sizing: border-box; padding: 20px 10px; border-top: 1px solid #333; border-bottom: 1px solid #ddd;} .view_event .board_default .board_view_tit h3 {display: block; width: 100%; margin-bottom: 10px; padding: 0; background: none; font-size: 14px; color: #111; font-weight: 400; line-height: 1.6; vertical-align: middle;} .view_event .board_default .view_info_day {font-size: 12px; line-height: 1.6; color: #aaa; font-family: 'Open Sans', sans-serif;} .view_event .board_default .view_wrap .contents_holder {color: #666;} @media only screen and (max-width:1297px) { } /*─────────────────────────────────────────────────────────── 회원가입 관련 ───────────────────────────────────────────────────────────*/ /*** 가입선택 ***/ /* pc 일반 */ #wrap .sns_login.join li{width:100%; margin-right:0;} #wrap .join_method h4#btnJoin{padding:0; background:#fff; border:1px solid #222; height:40px; line-height:40px; text-align:center; margin:25px 0;} #wrap .join_method h4#btnJoin a{color:#333; font-size:15px;} #wrap .join_method > h5{font-size:15px; color:#333; margin-bottom:15px} #wrap .sns_login.join li{font-size:14px; color:#333; line-height:42px;} @media only screen and (max-width:1297px) { } /*** 약관동의 ***/ /* pc 일반 */ #wrap .join_step{padding:15px;} #wrap .inp_chk label{font-weight:700; font-size:14px; color:#222;} #wrap .inp_chk label > p{font-size:12px; color:#666; padding-left:28px;} #wrap .inp_chk label > span{color:#c62241} #wrap .inp_chk label > a{font-size:12px; color:#333; text-decoration:underline; background:url('../img/icon/icon_arrow_03.png') no-repeat right center; padding:0 10px 0 5px;} #wrap .join_agreement{padding-top:10px;} #wrap .join_agreement .all_chk{padding:15px 0; margin:0 15px; border-bottom:1px solid #333;} #wrap .join_agreement .privacy_big_box .privacy_box dl{border-bottom:0;} #wrap .join_agreement .privacy_big_box .privacy_box .privacy_content{display:block;} #wrap .join_agreement .privacy_big_box .privacy_box .privacy_content > div{padding:15px; border:1px solid #ddd; height:155px; overflow-y:scroll;} #wrap .join_agreement .member_confirm_btn{padding:15px;} @media only screen and (max-width:375px) { #wrap .join_step ul li{font-size:13px;} #wrap .inp_chk label{font-size:13px;} } @media only screen and (max-width:320px) { #wrap .inp_chk label > a{display:none;} } /*** 정보입력 (회원가입 정보입력, 마이페이지 정보변경) ***/ #wrap .join_view .tit, .join_view_business .tit, .join_view_other .tit{font-size:14px; color:#222; border-bottom:1px solid #333; margin:0;} #wrap .input_wrap .input_title{vertical-align:middle; width:27%; border-bottom:1px solid #ddd; padding:0 0 0 15px; background:#f5f5f5} #wrap .input_wrap .input_content{width:73%; padding:15px 0px 15px 15px; border-bottom:1px solid #ddd;} #wrap .join .input_title.required{background:#f5f5f5; font-size:13px; color:#333; font-weight:700;} #wrap .input_wrap{padding:0;} #wrap .join_view input[type="text"]{margin:0;} #wrap .join_view input[type="text"], #wrap .join_view input[type="password"]{width:100%; height:33px; line-height:33px; border:1px solid #ddd !important;} #wrap .join_view input[type="text"]::-webkit-input-placeholder {color:#888; font-size:12px} #wrap .join_view input[type="text"]:-input-placeholder {color:#888;font-size:12px} #wrap .join_view input[type="text"]:-ms-input-placeholder {color:#888; font-size:12px} #wrap .join_view input[type="text"]::-moz-input-placeholder {color:#888;font-size:12px} #wrap .join_view input[type="password"]::-webkit-input-placeholder {color:#888; font-size:12px} #wrap .join_view input[type="password"]:-input-placeholder {color:#888;font-size:12px} #wrap .join_view input[type="password"]:-ms-input-placeholder {color:#888; font-size:12px} #wrap .join_view input[type="password"]::-moz-input-placeholder {color:#888;font-size:12px} #wrap .input_wrap .input_content .inp_chk label{font-size:12px; color:#444; font-weight:400;} #wrap .input_wrap .description{padding:0;} #wrap .join_view .inp_chk{display:inline-block; margin-top:10px} #wrap .join_view .inp_chk input{border:1px solid #aaa; background:#fff;} #wrap .join_view .inp_chk input:checked {background: url('../img/icon/icon_chk_on.gif') no-repeat center; background-size: 100%; border:none;} #wrap .input_wrap select, .input_wrap .email_select{border:1px solid #ddd; background: #fff url('../img/icon/icon_bg_select.png') no-repeat 95% 50%; background-size:auto;} #wrap .input_wrap .input_title label{font-size:12px; color:#333; font-weight:700;} #wrap .input_wrap .input_title label:after{display:inline-block; content:"*"; font-size:13px; color:#ff1901; margin-left:3px;} #wrap .join_view .zipcode_box .zipcode_top .zipcode_num{width:calc(100% - 28px);} #wrap .join_view .zipcode_box .zipcode_top .zipcode_btn_box{width:auto;} #wrap .join_view .zipcode_btn{width:90px; height:33px; background:#fff; border:1px solid #333; color:#000; padding:0;} #wrap .join_view .zipcode_box input[type="text"]{margin-bottom:8px;} #wrap .join_view .zipcode_box input[type="text"]:last-child{margin-bottom:0;} #wrap .join_view_other .inp_sel select{width:calc(100% / 3 - 2.5px) !important} #wrap .join_view_other{margin-top:30px;} #wrap .join .join_btn_box{text-align:center;} #wrap .join_cancel_btn, #wrap .join_ok_btn{width:30%; font-size:15px; height:40px; line-height:40px; padding:0; vertical-align:top;} #wrap .join_cancel_btn{background:#fff; color:#000; border:1px solid #000;} @media only screen and (max-width:375px) { #wrap .inp_chk input{width:16px; height:16px; margin:-3px 0px 0 0;} } @media only screen and (max-width:320px) { #wrap .input_wrap .input_title{padding:0 0 0 10px;} #wrap .input_wrap .input_content{padding:10px 0 10px 10px} #wrap .input_wrap .input_content .inp_chk label{font-size:11px;} } /*** 가입완료 ***/ #wrap .join_ok{padding:55px 0 0;} #wrap .join_ok .join_content{border:1px solid #ddd;width: calc(100% - 30px);margin: 0 auto;} #wrap .join_ok .join_content > h4{font-size:25px; color:#222; font-weight:400; margin-bottom:5px;} #wrap .join_ok .join_content > p{font-size:15px; color:#666; line-height:22px;} #wrap .join_ok .btn{text-align:center; padding:25px 10px 10px 10px;} #wrap .join_login_btn{height:45px; line-height:45px; font-size:15px; border:none; width:30%; padding:0; font-weight:400;} @media only screen and (max-width:375px) { #wrap .join_ok .join_content > h4{font-size:24px;} #wrap .join_ok .join_content > p{font-size:13px;} } /*─────────────────────────────────────────────────────────── 로그인 관련 ───────────────────────────────────────────────────────────*/ /*** 로그인 ***/ /*공통*/ .login_form input[type="text"]{margin-bottom:15px;} .login_form input[type="text"]:focus, input[type="password"]:focus{border:1px solid #333;} .login_form input[type="text"], .login_form input[type="password"]{width:460px; height:45px; line-height:45px; text-indent:5px; font-size:14px; color:#333; font-family:'YESGothic'; font-weight:normal; border:1px solid #ddd; box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .login_form input[type="text"]::-webkit-input-placeholder {color:#999; font-family:'YESGothic'; font-weight:normal;} .login_form input[type="text"]:-input-placeholder {color:#999; font-family:'YESGothic'; font-weight:normal;} .login_form input[type="text"]:-ms-input-placeholder {color:#999; font-family:'YESGothic'; font-weight:normal;} .login_form input[type="text"]::-moz-input-placeholder {color:#999; font-family:'YESGothic'; font-weight:normal;} .login_form input[type="password"]::-webkit-input-placeholder {color:#999; font-family:'YESGothic'; font-weight:normal;} .login_form input[type="password"]:-input-placeholder {color:#999; font-family:'YESGothic'; font-weight:normal;} .login_form input[type="password"]:-ms-input-placeholder {color:#999; font-family:'YESGothic'; font-weight:normal;} .login_formi input[type="password"]::-moz-input-placeholder {color:#999; font-family:'YESGothic'; font-weight:normal;} .login_btn button{width:460px; height:60px; line-height:60px; font-size:18px; font-family:'YESGothic'; font-weight:700; color:#fff; background:#000; margin:30px auto; border:none;} ul.member_btn{position:relative; width:460px; margin:0 auto; display:flex; align-items:center; justify-content:flex-end; margin-top:30px; padding-bottom:50px; border-bottom:1px solid #ddd;} ul.member_btn li:first-child{position:absolute; left:0; top:0;} ul.member_btn li input[type="checkbox"]{display:none; position:relative;} ul.member_btn li input[type="checkbox"] + label:before, ul.member_btn li input[type="checkbox"] + label::before{position:absolute; content:""; width:18px; height:18px; border:1px solid #aaa; left:0; top:-1px;} ul.member_btn li input[type="checkbox"]:checked + label:before, ul.member_btn li input[type="checkbox"]:checked + label::before{width:20px; height:20px; background:#000 url(../img/da_image/check_box_on.png) no-repeat center center; border:none;} ul.member_btn li label{color:#444; font-size:14px; padding-left:25px;} ul.member_btn li a{font-size:14px; color:#777;} ul.member_btn li a:after{display:inline-block; content:""; width:1px; height:10px; background:#ddd; margin:0 13px} ul.member_btn li:last-child a{color:#333;} ul.member_btn li:last-child a:after{display:none;} .login .login_box dl dd input, .login .guest_order_box dl dd input {line-height: 37px;} /*** COMMUNITY - 투고 /board/contribution ***/ /*공통*/ .contribution input[type="text"]{margin-bottom:15px;} .contribution input[type="text"]:focus, input[type="password"]:focus{border:1px solid #333;} .contribution input[type="text"], .contribution input[type="password"]{width:460px; height:45px; line-height:45px; text-indent:5px; font-size:14px; color:#333; font-family:'YESGothic'; font-weight:normal; border:1px solid #ddd; box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .contribution input[type="text"]::-webkit-input-placeholder {color:#999; font-family:'YESGothic'; font-weight:normal;} .contribution input[type="text"]:-input-placeholder {color:#999; font-family:'YESGothic'; font-weight:normal;} .contribution input[type="text"]:-ms-input-placeholder {color:#999; font-family:'YESGothic'; font-weight:normal;} .contribution input[type="text"]::-moz-input-placeholder {color:#999; font-family:'YESGothic'; font-weight:normal;} .contribution input[type="password"]::-webkit-input-placeholder {color:#999; font-family:'YESGothic'; font-weight:normal;} .contribution input[type="password"]:-input-placeholder {color:#999; font-family:'YESGothic'; font-weight:normal;} .contribution input[type="password"]:-ms-input-placeholder {color:#999; font-family:'YESGothic'; font-weight:normal;} .contribution input[type="password"]::-moz-input-placeholder {color:#999; font-family:'YESGothic'; font-weight:normal;} .contribution{text-align:center;} .contribution_tit{margin-bottom:40px;} .contribution_tit > h3{font-size:28px; color:#222; font-family:'YESGothic'; font-weight:700; margin-bottom:8px;} .contribution_tit > p{font-size:16px; color:#666; font-family:'YESGothic'; font-weight:normal; line-height:24px;} /*contribution*/ .contribution .non_member{position:relative; width:460px; margin:55px auto 0; text-align:left;} .contribution .non_member > p{font-size:13px; color:#777;} .contribution .non_member > p strong{font-size:15px; color:#333; font-weight:700; display:block; margin-bottom:2px;} .contribution .non_member > a{position:absolute; top:0; right:0; display:block; text-align:center; font-size:15px; color:#222; width:140px; height:50px; line-height:50px; border:1px solid #222; font-weight:700;} @media only screen and (max-width:469px) { .login_form input[type="text"], .contribution input[type="text"]{margin-bottom:10px;} .login_form input[type="text"], .login_form input[type="password"], .contribution input[type="text"], .contribution input[type="password"]{width:90%; height:44px; line-height:44px;} .login_btn button{width:90%; height:44px; line-height:44px; font-size:16px; margin-top:20px;} ul.member_btn{width:90%;} .contribution .non_member{width:90%;} .contribution .non_member > a{height:44px; line-height:44px;} } @media only screen and (max-width:395px) { .contribution_tit > h3{font-size:25px;} .contribution_tit > p{font-size:15px;} .login_form input[type="text"], .login_form input[type="password"], .contribution input[type="text"], .contribution input[type="password"]{font-size:15px;} ul.member_btn{justify-content:center; margin-top:40px; padding-bottom:30px;} ul.member_btn li:first-child{top:-30px; left:0;} ul.member_btn li:nth-child(2) a{padding:0 13px 0 0;} .contribution .non_member{margin:30px auto 0;} } @media only screen and (max-width:320px) { .contribution .non_member > a{position:relative; width:100%; margin-top:10px;} } /*로그인*/ .login_form{text-align:center;} .login_form .item{height:0;overflow:hidden;width:100%;padding:0;margin:0} .login_form .item.active{overflow:visible; height:100%;} .login_form ul.tab_btn{font-size:0; width:100%; margin:0 auto; margin-bottom:30px;} .login_form ul.tab_btn li{display:inline-block;font-size:15px; width:50%; height:45px; line-height:45px; background:#f5f5f5; color:#666; border-bottom:1px solid #333; vertical-align:top; box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .login_form ul.tab_btn li.active{background:#fff; border:1px solid #333; border-bottom:0; color:#000;} .login_form .tab_con .item p{font-size:13px; color:#777; margin-top:10px; word-break:keep-all; text-align:left;} .login .login_box dl dd input{color: #333;} .login .login_box .member_btn{position:relative; display:flex; align-items:flex-start; justify-content:flex-end; margin-top:10px; margin-bottom:15px;} .login .login_box .inp_chk{padding:0; position:absolute; left:0; top:0;} .login .login_find{padding:0;} .login .login_box .inp_chk label{font-size:13px; color:#444; font-weight:400;} .login .login_find li a{font-size:13px; color:#777; font-weight:400;} .login .login_find li:last-child a{color:#333;} .login .login_box dl dd{padding:0;} .login .login_box .inp_chk input{background:url('../img/icon/check_off.png')} .login .login_box .inp_chk input:checked{background:url('../img/icon/checked_on.png')} #wrap .login .login_box .sns_login{text-align:left;font-size:0;} .sns_login li{position:relative; display:inline-block; width:calc(100% / 2 - 5px); margin-right:10px !important; margin-top:0; margin-bottom:10px; margin-top:0 !important; border:1px solid #ddd; box-sizing:border-box;} .sns_login li a{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:14px; width:100%; height:100%; } .sns_login li a span{position:relative; top:4px; display:inline-block; width:22px; height:22px; margin-right:5px;} .sns_login li a span img{width:22px; height:22px !important; margin-right:5px;} .sns_login li:nth-child(even){margin-right:0 !important;} .login .login_box .sns_login li{background:none !important; padding:0 !important; line-height:42px;} .login .login_box .non_member{position:relative;} .login .login_box .non_member .guest_txt{text-align:left;} .login .login_box .non_member .guest_txt strong{font-size:12px; color:#777; font-weight:normal; text-align:left;} .login .login_box .non_member .member_login_order_btn{position:absolute; top:0; right:0; width:130px; height:45px; border:1px solid #333; color:#222; background:#fff; margin:0;} .find_password .find_txt{padding:0 0 12px 0; color:#888; font-size:13px;} .find_password .find_txt strong{font-size:15px; color:#333; display:block; margin-bottom:3px;} .login_form .guest_order_box dl dd{padding:0;} .login_form input#orderNo{margin-bottom:10px;} @media only screen and (max-width:395px) { .login .login_box .member_btn{justify-content:center; padding-bottom:10px;} .login .login_find{margin-top:30px;} .login .login_box .non_member .member_login_order_btn{position:relative; width:100%; margin-top:10px;} } @media only screen and (max-width:320px) { .sns_login li a{font-size:13px;} .sns_login li a span{width:18px; height:18px;} .sns_login li a span img{width:18px; height:18px !important; margin-right:0} .find_password .find_txt{font-size:12px;} } /*** 비밀번호 재확인 (마이페이지 정보변경) ***/ @media only screen and (max-width:1297px) { } /*** 아이디찾기&비번찾기 ***/ #wrap .inp_rdo{padding:5px 0 12px 0;} #wrap .inp_rdo input{margin:-3px 0 0 0; background-size:15px;} #wrap .inp_rdo input:checked{background-size:15px;} #wrap .find_id .input_email{width:calc(100% - 110px) !important;} #wrap .find_id .email_select_box{width:100px} #wrap .find_id .email_select{background:url('../img/icon/select_arrow.png') no-repeat 88% 50%;} #wrap .btn_member_sec ul{font-size:0; text-align:center; margin-top:20px;} #wrap .btn_member_sec ul li{display:inline-block; font-size:14px;} #wrap .btn_member_sec ul li .btn_comfirm, #wrap .btn_member_sec ul li .btn_member_white{border:0; background:none;} #wrap .btn_member_sec ul li .btn_comfirm{position:relative; color:#333; margin-right:15px;} #wrap .btn_member_sec ul li .btn_comfirm:after{position:absolute; content:""; width:1px; height:12px; right:-8.5px; top:4.5px; background:#ddd;} #wrap .btn_member_sec ul li .btn_member_white{color:#777} /*** 비밀번호 찾기 인증 ***/ #wrap .user_certification .tit strong{font-size:15px; color:#333; font-weight:700;} #wrap .user_certification .tit span{font-size:13px; color:#888; font-weight:400;} #wrap .user_certification fieldset{border:1px solid #ddd; padding:20px; margin-bottom:10px;} #wrap .user_certification .inp_tx{border:0; padding:0; margin:0 0 20px 0;} #wrap .user_certification .inp_tx:last-child{margin:0;} #wrap .user_certification .inp_tx label{font-size:14px; color:#333;} #wrap .inp_tx > strong, #wrap .inp_tx > span{font-size:14px; font-weight:normal; color:#333;} #wrap .user_certification .inp_tx p{font-size:12px; color:#888; font-weight:400; padding-left:24px;} #wrap .user_certification .inp_rdo{padding:0px 0 0 0;} #wrap .user_certification .caution_msg1{text-align:center;} @media only screen and (max-width:375px) { #wrap .user_certification .inp_tx label, .inp_tx > strong, .inp_tx > span{font-size:13px;} } @media only screen and (max-width:320px) { #wrap .user_certification{padding:15px;} #wrap .user_certification .tit strong{font-size:14px;} #wrap .user_certification .tit span{font-size:12px;} #wrap .certification_box{padding:10px;} #wrap .user_certification .inp_tx label, .inp_tx > strong, #wrap .inp_tx > span{font-size:12px;} } /*** 아이디&비번찾기 완료 ***/ /* pc 일반 */ @media only screen and (max-width:1297px) { } /*─────────────────────────────────────────────────────────── 마이페이지 관련 ───────────────────────────────────────────────────────────*/ /*** 마이페이지 메인 ***/ #wrap .member_summary .member_grade{border:1px solid #ddd;} #wrap .member_summary .member_grade .grade_text1{text-align:left;} #wrap .member_summary .member_grade .grade_text{font-size:15px; color:#666; text-align:left; width:90%;} #wrap .member_summary .member_grade .grade_text .rank{line-height:25px;} #wrap .member_summary .member_grade .grade_text span{font-size:14px; color:#666; font-weight:400;} #wrap .member_summary .member_grade .grade_text span strong{font-size:14px; color:#333; font-weight:700;} #wrap .member_summary .btn_group{display:flex;justify-content: flex-end;align-items: center; margin-top:5px;} #wrap .member_summary .btn_gray_list .btn_gray_small{display:inline-block; padding:0; color:#333; text-align:center; border:1px solid #000;} #wrap .member_summary .btn_gray_list .btn_gray_small em {padding:0 10.5px; background:none; height:27px; line-height:27px;} #wrap .member_summary .member_grade .grade_text .btn_layer{margin:0;} #wrap .member_summary .member_grade .grade_text .btn_layer.first{margin-right:10px;} #wrap .member_summary .mypage_number_summary{border:none; padding:15px 0 0 0;} #wrap .member_summary .mypage_number_summary ul li:nth-child(2){border-left:1px solid #ddd; border-right:0;} /*** 마이페이지 레이어 ***/ #wrap .ly_wrap{opacity:1 !important; height:auto;} #wrap .ly_wrap.grade_layer{width:305px; top:0px; left:-203px;} #wrap .ly_wrap.grade_layer strong{font-size:12px;} #wrap .ly_wrap .grade_list dl{overflow:hidden; padding:10px 5px 10px 5px; border-top:1px solid #e8e8e8;} #wrap .ly_wrap .grade_list dl:first-child{border-top:none 0;} #wrap .ly_wrap .grade_list dt{float:left; width:80px; font-weight:bold;} #wrap .ly_wrap .grade_list dd{float:left; width:180px;} #wrap .member_summary .mypage_number_summary ul li a{font-size:13px; font-family: 'NanumBarunGothic'; font-weight:700; color:#000} #wrap .member_summary .mypage_number_summary ul li a span{font-size:13px; color:#555;} #wrap .member_summary .mypage_number_summary ul li a span strong{font-family:'Open+Sans'; font-weight:400; font-size:23px; color:#000;} #wrap .layer_area strong{color:#333333;} #wrap .layer_area{position:relative; z-index:150; } #wrap .ly_wrap{position:absolute; top:0px; left:0px; min-width:250px; text-align:left; border:1px solid #999999; background:#ffffff; } #wrap .ly_wrap .ly_tit{padding:13px 35px 11px 15px; font-size:12px; background:#f4f4f4; opacity:1;} #wrap .ly_wrap .ly_tit strong{display:block; color:#222222; font-weight:bold;} #wrap .ly_wrap .ly_cont{padding:0 15px 15px 15px;} .ly_wrap .ly_tit{} #wrap .ly_wrap .ly_close{display:block; position:absolute; top:0px; right:0px; padding:11px;} @media only screen and (max-width:375px) { #wrap .member_summary .member_grade .grade_text span{display:block;} #wrap .member_summary .btn_group{justify-content:center; margin-top:15px;} #wrap .ly_wrap.grade_layer{left:-57px;} } /*** 마이페이지 메뉴 ***/ #wrap .mypage_index .mypage_menu{padding:7px 0 0 0;} #wrap .mypage_index .mypage_menu h3{border-bottom:1px solid #333;} #wrap .mypage_index .mypage_menu ul li a{position:relative; padding:13px 0; padding-left:47px; font-weight:normal; border-bottom:1px solid #ddd;} #wrap .mypage_index .mypage_menu ul li a:before{position:absolute; content:""; width:28px; height:28px; left:9px; top:50%; margin-top:-15px;} #wrap .mypage_index .mypage_menu ul li:nth-child(1) a:before{background:url('../img/icon/mypage_list_img01.png') no-repeat;} #wrap .mypage_index .mypage_menu ul li:nth-child(2) a:before{background:url('../img/icon/mypage_list_img02.png') no-repeat;} #wrap .mypage_index .mypage_menu ul li:nth-child(3) a:before{background:url('../img/icon/mypage_list_img03.png') no-repeat;} #wrap .mypage_index .mypage_menu ul li:nth-child(4) a:before{background:url('../img/icon/mypage_list_img04.png') no-repeat;} #wrap .mypage_index .mypage_menu ul li:nth-child(5) a:before{background:url('../img/icon/mypage_list_img05.png') no-repeat;} #wrap .mypage_index .mypage_menu ul li:nth-child(6) a:before{background:url('../img/icon/mypage_list_img06.png') no-repeat;} #wrap .mypage_index .mypage_menu ul li:nth-child(7) a:before{background:url('../img/icon/mypage_list_img10.png') no-repeat;} #wrap .mypage_index .mypage_menu ul li:nth-child(8) a:before{background:url('../img/icon/mypage_list_img07.png') no-repeat;} #wrap .mypage_index .mypage_menu ul li:nth-child(9) a:before{background:url('../img/icon/mypage_list_img08.png') no-repeat;} #wrap .mypage_index .mypage_menu ul li:nth-child(10) a:before{background:url('../img/icon/mypage_list_img09.png') no-repeat;} /*** 마이페이지 내역 (주문내역, 취소/반품/교환내역, 환불/입금내역) ***/ #wrap .order_list .form_box{background:#fff;} #wrap .inp_sel select{border:1px solid #ddd; font-size:12px; outline:none;} #wrap #writerEmail + .inp_sel {display: inline-block; width: 48%;} #wrap #writerEmail + .inp_sel select {height: 40px;} #wrap .order_list .form_box fieldset .inp_sel{padding:0 10px 10px 10px;} #wrap .order_goods_list .order_top_date{background:#f5f5f5;font-size:13px; padding:0; border:0; color:#666; font-family:'Open+Sans'; display:table-cell;} #wrap .order_goods_list .orderlist_wrap{background:#fff;} #wrap .order_goods_list .orderlist_wrap .order_number_box{background:#f5f5f5; padding:5px 10px; border-top:1px solid #333; border-bottom:1px solid #ddd;} #wrap .order_goods_list .orderlist_wrap .order_number_box .order_number_left{font-size:13px; color:#333; font-family:'Open+Sans'; text-align:right; width:50%;} #wrap .order_btn{background:#fff; border:1px solid #000; font-size:12px; color:#333;} #wrap .order_goods_list .orderlist_wrap .my_goods{padding:0; margin:10px;} #wrap .order_goods_list .orderlist_wrap .my_goods:nth-child(3n), .order_goods_list .orderlist_wrap .my_goods:nth-child(4n), .order_goods_list .orderlist_wrap .my_goods:nth-child(5n){border-top:1px dashed #ddd; padding:10px 0 10px} #wrap .order_goods_list .my_goods .info{border:0; padding:10px 0;} #wrap .order_goods_list .my_goods .info .order_info .info_box .info2{font-size:13px; color:#666;} #wrap .order_goods_list .my_goods .info .order_info .info_box .info2 strong{color:#333;} #wrap .order_ing_btn{background:none; color:#666; font-size:13px; font-family: 'NanumBarunGothic';} #wrap .order_goods_list .my_goods .info .itemhead .img, .order_goods_list .my_goods .info .itemhead .img img{width:34px; height:51px;} #wrap .order_goods_list .my_goods .info > a{padding:0 0 17px;} #wrap .order_goods_list .my_goods .info .itemhead{width:auto; padding-right:15px; padding-left:15px;} #wrap .order_goods_list .my_goods .info .itembody{width:auto;} #wrap .order_goods_list .my_goods .info .itembody dl dt{font-size:13px; color:#333;} #wrap .order_goods_list .my_goods .info .itembody dl dd{font-size:12px; color:#777;} @media only screen and (max-width:1297px) { } /*** 마이페이지 내역상세 (주문, 취소/반품/교환, 환불/입금 상세내역) ***/ #wrap .order_view h3{background:#fff; font-size:16px; color:#222; padding-top:20px; font-weight:400; border-bottom:0;} #wrap .order_view .view_box{padding:0; border-top:1px solid #333;} #wrap .order_view .view_box dl{padding:0; border-bottom:1px solid #ddd;} #wrap .order_view .view_box.last{border-bottom:1px solid #ddd;} #wrap .order_view .view_box dl dt{padding:15px; color:#333; background:#f5f5f5; border-right:1px solid #ddd; vertical-align:middle;} #wrap .order_view .view_box dl dd{padding:15px; color:#222;} #wrap .order_view .view_box dl dd > strong{font-size:15px; color:#222} #wrap .order_view .view_box dl dd ul.discount li{font-size:13px; color:#333;} #wrap .order_view .view_box dl dd ul li > strong{color:#555;} #wrap .order_view .view_box dl dd ul.discount li strong{font-weight:400;} #wrap .order_view .view_box > p{background:#f5f5f5; padding:15px; text-align:center;} /*** 회원정보 ***/ #wrap .my_page_password{padding:28px 15px;} #wrap .my_page_password > h4{font-size:21px; color:#222; text-align:center; margin-bottom:5px;} #wrap .my_page_password .text{font-size:14px; color:#666; text-align:center; word-break:keep-all;} #wrap .my_page_password fieldset{border:1px solid #ddd; padding:30px 15px 20px 15px;} #wrap .my_page_password fieldset dl dt{font-size:14px; color:#333; font-weight:400;} #wrap .my_page_password fieldset dl.pw dt{display:table-cell;} #wrap .my_page_password fieldset dl dd{font-size:14px; color:#777; font-weight:400;} #wrap .my_page_password fieldset dl.pw dd input{font-size:14px; height:34px; line-height:34px;} #wrap .my_page_password .c_msg{margin:0;} #wrap .btn_center_box{text-align:center; margin-top:30px;} #wrap .btn_center_box .btn_pw_cancel, #wrap .btn_center_box .pw_confirm_btn{width:30%; height:40px; line-height:40px; font-size:14px; font-weight:400; text-align:center; display:inline-block; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; } #wrap .btn_center_box .btn_pw_cancel{border:1px solid #333; color:#333; margin-right:5px;} @media only screen and (max-width:320px) { #wrap .my_page_password fieldset{padding:30px 10px 20px 10px} #wrap .my_page_password fieldset dl dt{font-size:13px;} } /*** 회원정보 수정 ***/ #wrap .modify_pw_btn{border:1px solid #777; background:#fff; color:#555; font-size:12px; background: url('../img/btn/modify_pw_btn_arrow.png') no-repeat 90% 50%; padding-right: 25px;} #wrap .join_view .modify_pw{margin-top:10px;} #wrap .join_view .modify_pw label{font-size:12px; color:#555;} #wrap .join_view .modify_pw input["password"]{height:34px; line-height:34px;} #wrap .modify_btn_box{text-align:center; margin-top:20px;} /*** 위시리스트 ***/ #wrap .wish_list .wish_content_box{background:#fff;} #wrap .wish_list .wish_content_box .my_goods li .chk_box{top:50%;} #wrap .wish_list .wish_content_box .my_goods li .info .itembody{font-size:13px; color:#666} #wrap .wish_list .wish_content_box .my_goods li .info .itembody .name{font-size:14px; color:#333; font-weight:700;} #wrap .wish_list .wish_content_box .my_goods li .info .itembody .prc{font-size:13px; color:#333;} #wrap .cart_option_modify{border:1px solid #777; border-radius:0; width:90px; height:30px; line-height:30px; padding:0; margin-top:5px; font-size:12px;} #wrap .select_prd_del_btn, .wish_cart_add_btn{background:#fff; border:1px solid #aaa; height:40px; line-height:40px; padding:0; color:#666; font-weight:700;} #wrap .view_order_goods:first-child{height:120px;} #wrap .ly_wrap .ly_cont, #wrap .ly_wrap .ly_ct{height:auto !important;} @media only screen and (max-width:1297px) { } /*** 관심기사 ***/ #wrap .wish_list .wish_content_box .my_goods li .info{padding:10px 0 5px 0;} #wrap .wish_list.article .wish_content_box .my_goods li .info > a{margin:0 0 0 40px; height:71px; overflow-y:hidden; text-overflow:ellipsis; white-space:nowrap;} #wrap .wish_list.article .wish_content_box .my_goods li .info .itemhead, .wish_list.article .wish_content_box .my_goods li .info .itemhead .thmb_box .thmb img{width:90px; height:70px;} #wrap .wish_list.article .wish_content_box .my_goods li .info .itembody{} #wrap .wish_list.article .wish_content_box .my_goods li .info .itembody .name{margin-bottom:3px;} #wrap .wish_list.article .wish_content_box .my_goods li .info .itembody .name, .wish_list.article .wish_content_box .my_goods li .info .itembody > p:nth-child(3){overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:260px} #wrap .wish_list.article .wish_content_box .my_goods li .info .itembody > p:nth-child(4), .wish_list.article .wish_content_box .my_goods li .info .itembody > p:nth-child(5){display:none;} #wrap .wish_list.article .wish_content_box .my_goods li .info .itembody > p.write {margin-top:10px;color:#666;} #wrap .wish_list.article .wish_content_box .my_goods li .info .itembody > p.write strong {font-weight: 500;color:#333;} #wrap .wish_list.article .wish_content_box .my_goods li .info .itembody .notice_bottom {padding-top:5px;} #wrap .wish_list.article .wish_content_box .my_goods li .info .itembody .notice_bottom:after {content:'';display:block;clear:both;} #wrap .wish_list.article .wish_content_box .my_goods li .info .itembody .notice_bottom span {float:left;font-size:12px;color:#999;} #wrap .wish_list.article .wish_content_box .my_goods li .info .itembody .notice_bottom span + span:before {content:'';display:inline-block;width:1px;height:8px;background: #ddd;margin: 0 11px;} @media only screen and (max-width:431px) { #wrap .wish_list.article .wish_content_box .my_goods li .info .itembody .name, .wish_list.article .wish_content_box .my_goods li .info .itembody > p:nth-child(3){width:200px} #wrap .wish_list.article .wish_content_box .my_goods li .info > a{height:auto;} #wrap .wish_list.article .wish_content_box .my_goods li .info .itemhead, .wish_list.article .wish_content_box .my_goods li .info .itemhead .thmb_box .thmb img{height:auto;} } @media only screen and (max-width:395px) { #wrap .wish_list.article .wish_content_box .my_goods li .info .itembody .name, .wish_list.article .wish_content_box .my_goods li .info .itembody > p:nth-child(3){width:165px} } @media only screen and (max-width:325px) { #wrap .wish_list.article .wish_content_box .my_goods li .info > a {width:calc(100% - 73px);} #wrap .wish_list.article .wish_content_box .my_goods li .info .itembody .name, .wish_list.article .wish_content_box .my_goods li .info .itembody > p:nth-child(3){width:100px} #wrap .wish_list.article .wish_content_box .my_goods li .info .itembody .notice_bottom span + span:before {margin:0 5px;} } /*** 쿠폰내역 ***/ #wrap .coupon h3{background:#fff;} #wrap .coupon h3 span{font-weight:400;} #wrap .coupon .tab_menu{background:#fff; padding:10px;} #wrap .coupon .tab_menu ul li{background:#f5f5f5; border:0; border-bottom:1px solid #333;} #wrap .coupon .tab_menu ul li:first-child{border-left:0;} #wrap .coupon .tab_menu ul li a{font-size:14px; color:#666;} #wrap .coupon .tab_menu ul li.active{background:#fff; border:1px solid #333; border-bottom:1px solid #fff;} #wrap .coupon .tab_menu ul li.active a{color:#333;} #wrap .coupon .coupon_bx{background:#fff; padding:10px;} #wrap .coupon .coupon_bx li{border:0; border-top:1px solid #333;} #wrap .coupon .coupon_bx dl{padding-bottom:1px;} #wrap .coupon .coupon_bx dl dt{background:#f5f5f5;} #wrap .coupon .coupon_bx dd strong{font-size:12px; color:#333; margin:0 20px 0 0;} #wrap .coupon .coupon_bx dl dd em{font-weight:700; color:#333;} #wrap .coupon .ly_wrap{left:-5px; top:-1px;} #wrap .coupon .ly_wrap .ly_close img{width:100%;} #wrap .coupon .ly_wrap .ly_cont dl dt, #wrap .coupon .ly_wrap .ly_cont dl dd{background:#fff; font-size:13px; padding:0; font-weight:400; color:#666;} #wrap .coupon .ly_wrap .ly_cont dl dt{border-bottom:0; margin:0; height:auto; line-height:145%; } #wrap .coupon .coupon_bx .ly_wrap .ly_tit strong{width:auto;} #wrap .coupon .btn_layer{display:inline-block;} #wrap .coupon .coupon_bx dl dd{padding:0 15px 5px 15px; font-weight:400;} #wrap .coupon .coupon_bx dl dd > span{position:relative; left:-5px;} #wrap .coupon .coupon_bx dl dd label{padding-left:62px !important;} #wrap .coupon .coupon_bx .limit{color:#666;} #wrap .coupon .btn_layer .btn_gray_small.coupon em{position:relative; width:75px; height:23px; line-height:23px; border:1px solid #777; display:inline-block; text-align:center; padding-right:10px; left:-5px; font-weight:400; font-size:12px;} #wrap .coupon .btn_layer .btn_gray_small.coupon em:after{position:absolute; content:""; background:url('../img/common/coupon_arrow.png') no-repeat center center; width:7px; height:4px; top:45%; right:7px;} @media only screen and (max-width:1297px) { } /*** 적립금 ***/ #wrap .mileage h3{background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} #wrap .table_style1 th{background:#f5f5f5; border-top:1px solid #222; border-bottom:1px solid #ddd; font-weight:700; color:#333;} #wrap .mileage .money_history{border:0;} #wrap .table_style1 td{color:#666; font-weight:400;} #wrap .table_style1 td > strong{color:#333} #wrap .mileage_more_btn{background:#f5f5f5; color:#666; font-weight:400; border-bottom:1px solid #ddd;} #wrap .mileage_more_btn:after{ background-size:80%;} @media only screen and (max-width:1297px) { } /*** 배송지 관리***/ #wrap .shipping .s_content{ border:1px solid #ddd; border-left:0; border-right:0;} #wrap .shipping .s_content .s_tit{border-top:1px solid #222; border-bottom:1px solid #ddd; background:#f5f5f5; font-size:13px;} #wrap .shipping .s_content .s_tit > span{color:#666; font-weight:400;} #wrap .shipping .s_content .s_address{color:#666; font-size:13px;} #wrap .shipping .s_content .s_data dl dt{font-size:13px; color:#333; font-weight:700;} #wrap .shipping .s_content .s_data dl dd{font-size:13px; color:#666;} #wrap .add_address_btn{background:#fff; border:1px solid #333; color:#000; height:40px; line-height:40px; font-size:13px; padding:0;} #wrap .modify_address_btn, #wrap .del_address_btn{width:40px; height:25px; line-height:25px; padding:0; border:1px solid #ccc; border-radius:0; color:#555; box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;} #wrap .basic_address_btn{background:#fff; color:#333; border-radius:0; border:1px solid #333} /*** 팝업 ***/ #wrap .ly_show.ly_effect_3 .ly_wrap{width:90% !important; height:auto !important; top:5%; left:50%; margin-left:-45%;} #wrap .ly_show.ly_effect_3#popupBoard .ly_wrap {width: 100% !important; height: 100% !important; top:0; left:0; margin-left:0; border: 0 !important;} #wrap .ly_head{background:#000; padding:0 0 0 15px;} #wrap .ly_head .h_tit{text-align:left; color:#fff; font-size:17px; font-family: 'NanumBarunGothic'; font-weight:400;} #wrap .lys_close_btn{background-size:auto;} #wrap .layer_shipping_address_regist .ly_content h4{font-size:16px; color:#333; font-weight:400;} #wrap .layer_shipping_address_regist .ly_content{position:relative; padding:25px 15px 25px 15px} #wrap .layer_shipping_address_regist .inp_chk_box{position:absolute; top:15px; right:15px;} #wrap .inp_chk label > b{font-weight:normal;} #wrap .table_style2 {margin-top: 15px;border-top: 1px solid #333;} #wrap .table_style2 input[type="text"]{margin-bottom:0;} #wrap .table_style2 tbody th, .table_style2 tbody td{border-bottom:1px solid #ddd;} #wrap .table_style2 tbody th{vertical-align:middle; padding:0 15px; background:#f5f5f5;} #wrap .table_style2 tbody th label{font-size:13px; color:#333;} #wrap .table_style2 tbody td{padding:10px 15px;} #wrap .table_style2 tbody th.important label{position:relative;} #wrap .table_style2 tbody th.important label:after{position:absolute; content:""; width:5px; height:4px; background: url('../img/da_image/icon_dot_03.png') no-repeat; top:1px;right:-8px;} #wrap .layer_shipping_address_regist td input[type=text]{border:1px solid #ddd; font-size:13px; height:36px; line-height:36px; text-indent:5px;} #wrap .layer_shipping_address_regist .zipcode_box .zipcode_top{padding-right:108px;} #wrap .layer_shipping_address_regist .zipcode_box .zipcode_top .zipcode_btn_box{width:100px;} #wrap .zipcode_btn{padding:0; font-weight:400; background:#fff; border:1px solid #333; height:36px; line-height:36px; color:#000;} #wrap .layer_shipping_address_regist .zipcode_box input[type="text"]{margin-bottom:10px; font-size:13px;} #wrap .layer_shipping_address_regist .zipcode_box > input[type="text"]:last-child{margin-bottom:0px;} #wrap .layer_shipping_address_regist .btn_box{padding:25px 0 0 0;} #wrap .address_cancel_btn{border:1px solid #333; font-size:13px; color:#333;} #wrap .address_save_btn{background:#000; font-size:13px; color:#fff;} @media only screen and (max-width:375px) { #wrap .table_style2 tbody th{padding:0 0 0 10px} } /*** 회원탈퇴 ***/ #wrap .dropOut h3{background:#fff; border:0; margin-top:15px; font-size:15px; color:#333; font-weight:400;} #wrap .dropOut_terms{padding:15px; margin:0 10px; border:1px solid #ddd; height:auto;} #wrap .dropOut_form{padding:0; margin:0 10px; border-top:1px solid #333;} #wrap .dropOut_form .input_wrap{padding:0;} #wrap .dropOut_form .input_wrap .input_title{padding:0 15px; vertical-align:middle;} #wrap .dropOut input[type="text"], #wrap .dropOut input[type="password"]{height:34px; line-height:34px; width:80%;} #wrap .dropOut .inp_sel select{height:34px; line-height:34px;} #wrap .dropOut_form .input_wrap .input_content textarea{border:1px solid #ddd;} #wrap .dropOut .btn_box{display: flex;justify-content: center;align-items: center; margin-top:20px;} #wrap .dropOut .btn_box .btn_pw_cancel, #wrap .dropOut .btn_box .member_login_order_btn{width:49%; height:40px; line-height:40px; text-align:center; margin:0;font-size:15px; font-weight:400; box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;} #wrap .dropOut .btn_box .btn_pw_cancel{border:1px solid #333; color:#333; margin-right:2%;} @media only screen and (max-width:1297px) { } /*─────────────────────────────────────────────────────────── 팝업 관련 ───────────────────────────────────────────────────────────*/ /*** 팝업 ***/ /* pc 일반 */ @media only screen and (max-width:1297px) { } /*─────────────────────────────────────────────────────────── 개별페이지 관련 ───────────────────────────────────────────────────────────*/ /*** About us ***/ /* pc 일반 */ @media only screen and (max-width:1297px) { } /*** Archive ***/ /* pc 일반 */ @media only screen and (max-width:1297px) { }