@charset "utf-8";

/* ----------------------------------------------------------------------------------------------------------------- */

/* common */
.area {position:relative; margin:0 auto; width:1050px;}
.cOrange {color:#fa6417 !important;}
.cRed {color:#e8474f !important;}
.cBlue {color:#00a8ff !important;}
.cLightGray {color:#999 !important;}
.nSquare {font-family:'NanumSquare', 'NanumGothic', '돋움', dotum, Helvetica, sans-serif;}
/* button */
.btnDefault {display:block; width:100%; height:74px; line-height:74px; font-size:20px; font-weight:600; text-align:center; border-radius:5px;}
.btnDefault.orange {color:#fff; border:1px solid #dd5813; background:#fa6417;}
.btnDefault.white {color:#fa6417; border:1px solid #dd5813; background:#fff;}
.btnDefault.black {color:#fff; border:1px solid #575757; background:#575757;}
/* page tab */
.pageTab li {float:left; width:50%; border:1px solid #e0e0e0; border-bottom:1px solid #fa6417; box-sizing:border-box;}
.pageTab li.active {border:1px solid #fa6417; border-bottom:0;}
.pageTab li a {display:block; height:56px; line-height:56px; color:#999; font-size:16px; font-weight:600; text-align:center; }
.pageTab li.active a {color:#fa6417;}
/* pagination */
.pagenation {font-size:0; text-align:center;}
.pagenation a {display:inline-block; margin:0; padding:0; width:34px; height:34px; line-height:34px; color:#818181; font-size:13px; border:1px solid #e8e8e8; border-left:0;}
.pagenation a.active {color:#fa6417; background:#f7f5f8;}
.pagenation a.first {border-left:1px solid #e8e8e8;}
.pagenation a.btnDirect {text-indent:-9999px;}
.pagenation a.first {background:url('../images/common/ico_pagenation_first.gif') no-repeat center;}
.pagenation a.prev {background:url('../images/common/ico_pagenation_prev.gif') no-repeat center;}
.pagenation a.next {background:url('../images/common/ico_pagenation_next.gif') no-repeat center;}
.pagenation a.last {background:url('../images/common/ico_pagenation_last.gif') no-repeat center;}
/* info list */
.infoList {margin-top:20px;}
.infoList li {margin-top:8px; color:#999; font-size:14px;}
.infoList li:first-child {margin-top:0;}
/* common list */
.commonList .listHeader {padding:30px 0 20px 4px;}
.commonList .listHeader .listInfo {float:left; line-height:40px; color:#666; font-size:14px;}
.commonList .listHeader .myPoint {float:left;}
.commonList .listHeader .myPoint dt,
.commonList .listHeader .myPoint dd {display:inline-block; line-height:40px;}
.commonList .listHeader .myPoint dt {font-size:14px;}
.commonList .listHeader .myPoint dd {margin-left:10px; font-size:20px; font-weight:600;}
.commonList .listHeader .date {float:right;}
.commonList .listHeader .date select {width:160px; height:40px;}
.commonList table {width:100%; table-layout:fixed; border-top:2px solid #fa6417;}
.commonList table th,
.commonList table td {font-size:14px; vertical-align:middle; text-align:center; border-bottom:1px solid #d9d9d9;}
.commonList table th {height:59px; color:#222;}
.commonList table td {padding:16px 0;}
.commonList table tr:hover td {background:#f9f9f9;}
.commonList table td.left {padding-left:10px; text-align:left;}
.commonList table td .subject {color:#444;}
.commonList table td .subject:hover {text-decoration:underline;}
.commonList table td .pic {float:left; width:70px; height:70px;}
.commonList table td .info {float:left; margin-left:26px; padding-top:15px;}
.commonList table td .info .name {color:#222; font-size:16px; font-weight:600;}
.commonList table td .info .onePrice,
.commonList table td .info .date {margin-top:10px; color:#999; font-size:14px;}
.commonList table td .totalPrice {color:#222; font-size:18px;}
.commonList table td .small {font-size:13px;}
.commonList table .check {position:relative; text-align:center;}
.commonList table .check input[type="checkbox"] {position:absolute; left:-9999px; top:0;}
.commonList table .check label {display:inline-block; width:23px; height:23px; background:url('../images/common/bg_agree_check_off.gif') no-repeat center;}
.commonList table .check input[type="checkbox"]:checked + label {background:url('../images/common/bg_agree_check_on.gif') no-repeat center;}
.commonList .commonStat {display:inline-block; width:82px; height:32px; line-height:32px; color:#fff; font-size:13px; text-align:center;}
.commonList .commonStat.red {background:#d61717;}
.commonList .commonStat.gray {background:#6d6d6d;}
.commonList .detail {padding:24px 20px; text-align:left; border-top:1px solid #cbcbcb; background:#f1f1f1;}
.commonList .detail .question {padding:0 5px; line-height:24px; color:#666; font-size:16px;}
.commonList .detail .answer {margin-top:20px; padding:22px 5px; border-top:1px solid #cbcbcb;}
.commonList .detail .answer strong {font-size:18px;}
.commonList .detail .answer p {margin-top:20px; line-height:24px; color:#666; font-size:16px;}
.prodStat {display:inline-block; width:82px; height:32px; line-height:32px; color:#fff; font-size:13px; text-align:center;}
.prodStat.ing {background:#29b828;}
.prodStat.preparing {background:#6d6d6d;}
.prodStat.orderComplete {background:#d61717;}
.prodStat.cancelComplete {background:#000;}
/* common detail */
.commonDetail table {width:100%; table-layout:fixed; border-top:2px solid #fa6417;}
.commonDetail table th,
.commonDetail table td {height:60px; text-align:left; vertical-align:middle; border-bottom:1px solid #d9d9d9;}
.commonDetail table th {padding-left:25px; color:#151515; font-size:16px; font-weight:400;}
.commonDetail table td {color:#999; font-size:14px;}
.commonDetail.priceTbl td strong {color:#151515; font-size:20px;}
.commonDetail.priceTbl td strong.finPrice {font-size:24px;}
/* common regist */
.commonRegist table {width:100%; table-layout:fixed; border-top:2px solid #fa6417;}
.commonRegist table th,
.commonRegist table td {height:60px; text-align:left; vertical-align:middle; border-bottom:1px solid #d9d9d9;}
.commonRegist table th {padding-left:25px; color:#151515; font-size:16px; font-weight:400;}
.commonRegist table tr.auto th {padding-top:25px; vertical-align:top;}
.commonRegist table tr.auto td {padding:10px 0; height:auto;}
.commonRegist table td input[type="text"] {padding:0 12px; height:48px; color:#151515; font-size:14px; border:1px solid #ccc; box-sizing:border-box;}
.commonRegist table td textarea {padding:12px; width:100%; height:236px; line-height:20px; color:#444; font-size:14px; border:1px solid #ccc; box-sizing:border-box; resize:none;}
.commonRegist table td .alert {float:right; margin-right:15px; line-height:48px; color:#d50000; font-size:13px;}

/* layout */
/* top bar banner */
.barBanner {height:41px; background:#fa6417;}
.barBanner.hide {margin-top:-42px; transition:all .3s;}
.barBanner .content {line-height:40px; text-align:center;}
.barBanner .content a {color:#fff; font-size:18px; font-weight:600;}
.barBanner .content a .mark {color:#ffe400;}
.barBanner .btnClose {display:block; position:absolute; right:-10px; top:0; width:41px; height:41px; background:url('../images/common/btn_top_bar_banner_close.gif') no-repeat center;}
/* header */
#header .rowTop {height:124px;}
#header .rowTop .bi {margin:0 auto; padding-top:35px; width:216px;}
#header .rowTop .links {position:absolute; right:0; top:25px;}
#header .rowTop .links > a {display:inline-block; position:relative; padding:0 15px; color:#666; font-size:12px; font-weight:600;}
#header .rowTop .links > a.last {padding:0 0 0 15px;}
#header .rowTop .links > a:after {display:block; content:""; position:absolute; left:0; top:2px; width:1px; height:10px; border-left:1px dotted #ccc;}
#header .rowTop .links > a.first:after {display:none;}
#header .rowTop .links .mypage {padding:0 25px 0 15px; background:url('../images/common/ico_header_mypage_arrow.gif') no-repeat right 11px center;}
#header .rowTop .links .mypage.active {background:url('../images/common/ico_header_mypage_arrow_active.gif') no-repeat right 11px center;}
#header .rowTop .links .mypage:after {display:none;}
#header .rowTop .links .mypageMenu {display:none; position:absolute; left:-18px; top:30px; z-index:1000; padding:10px 16px; background:#fff; border:1px solid #fa6417;}
#header .rowTop .links .mypageMenu.show {display:block;}
#header .rowTop .links .mypageMenu li {border-top:1px solid #f0f0f0;}
#header .rowTop .links .mypageMenu li:first-child {border-top:0;}
#header .rowTop .links .mypageMenu li a {display:block; padding-left:4px; width:96px; height:34px; line-height:34px; color:#666; font-size:12px; font-weight:600;}
#header .rowTop .links .mypageMenu li a:hover{background:#f7f7f7;}
#header .rowBottom {position:relative; height:71px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;}
#header .rowBottom .gnb {float:left;}
#header .rowBottom .gnb > ul > li {position:relative; float:left;}
#header .rowBottom .gnb > ul > li > a {display:block; padding:0 45px; line-height:71px; color:#222; font-size:16px; font-weight:600; text-align:center;}
#header .rowBottom .gnb > ul > li > a:after {display:block; content:""; position:absolute; left:0; top:30px; width:1px; height:10px; background:#ccc;}
#header .rowBottom .gnb > ul > li.all > div {padding:0 45px; line-height:71px; color:#222; font-size:16px; font-weight:600; text-align:center;}
#header .rowBottom .gnb > ul > li.all > div:after {display:none; content:""; position:absolute; left:0; top:30px; width:1px; height:10px; background:#ccc;}
#header .rowBottom .gnb > ul > li.all > div > span {display:inline-block; padding-left:35px; color:#fa6417; background:url('../images/common/ico_menu_all.gif') no-repeat left;}
#header .rowBottom .gnb > ul > li.all:hover {position:relative; top:-1px; right:-1px; z-index:10; border:1px solid #fa6417; border-bottom:0; box-sizing:border-box;}
#header .rowBottom .gnb > ul > li.all:hover > div {padding:0 45px 0 43px; cursor:pointer;}
#header .rowBottom .gnb > ul > li.all .allCategory {display:none; position:absolute; left:-1px; top:71px; width:1049px; z-index:10; background:#fff; border:1px solid #fa6417;}
#header .rowBottom .gnb > ul > li.all:hover .allCategory.show {display:block;}
#header .allCategory:after {display:block; content:""; position:absolute; top:-1px; left:0; width:217px; height:2px; background:#fff;}
#header .allCategory ul {border-top:1px solid #e9e9e9;}
#header .allCategory ul:first-child {border-top:0;}
#header .allCategory li {float:left; width:12.5%;}
#header .allCategory li a {display:block; text-align:center;}
#header .allCategory li img {display:block; width:100%;}
#header .allCategory li span {color:#444; font-size:14px; font-weight:600;}
#header .allCategory li:hover a span {text-decoration:underline;}
#header .rowBottom .search {position:relative; float:left; margin:15px 0 0 42px; padding-left:16px; width:238px; height:38px; border:1px solid #e6e6e6; background:#fafafa; border-radius:50em;}
#header .rowBottom .search input {height:38px; width:198px; border:0; background:#fafafa;}
#header .rowBottom .search .btnSearch {position:absolute; right:5px; top:0; width:38px; height:38px; text-indent:-9999px; overflow:hidden; background:url('../images/common/btn_header_saerch.gif') no-repeat center;}
#header .rowBottom .btnCart {display:block; position:absolute; top:15px; right:0; width:40px; height:40px; background:url('../images/common/btn_header_cart.gif') no-repeat center;}
#header .rowBottom .btnCart span {display:block; position:absolute; left:-13px; top:-5px; width:26px; height:26px; line-height:28px; color:#fff; font-weight:600; text-align:center; background:#1e1e1e; border-radius:50em;}
#footer {border-top:1px solid #e5e5e4;}
#footer .rowTop {padding:30px 0 25px;}
#footer .rowTop .title {margin-bottom:22px; color:#222; font-size:20px;}
#footer .rowTop .links > a,
#footer .rowTop .links > div {float:left;}
#footer .rowTop .links strong {display:inline-block; margin-bottom:20px; padding-right:28px; color:#fa6417; font-size:16px; font-weight:600; background:url('../images/common/ico_right_arrow_small_orange.gif') no-repeat right;}
#footer .rowTop .links .kakaoPlus {padding:3px 0 0 85px; height:54px; background:url('../images/common/ico_footer_kakao_plus.gif') no-repeat;}
#footer .rowTop .links .kakaoPlus .top {margin-bottom:12px; color:#444; font-size:13px;}
#footer .rowTop .links .kakaoPlus .bottom {color:#444; font-size:20px;}
#footer .rowTop .links .csTime {margin:0 60px 0 50px; padding-top:34px; line-height:20px; color:#444; font-size:13px;}
#footer .rowTop .links .default .top {margin-bottom:15px; color:#444; font-size:20px;}
#footer .rowTop .links .default .bottom {color:#999; font-size:12px;}
#footer .rowTop .links .benefit {float:right;}
#footer .rowMiddle {padding:32px 0; border-top:1px solid #e5e5e4; background:#fafafa;}
#footer .rowMiddle .links {margin-bottom:38px;}
#footer .rowMiddle .links .menu {float:left;}
#footer .rowMiddle .links .menu a {display:inline-block; position:relative; padding:0 26px; line-height:25px; color:#000; font-size:14px;}
#footer .rowMiddle .links .menu a:after {display:block; content:""; position:absolute; left:0; top:8px; width:1px; height:10px; border-left:1px dotted #8a8a8a;}
#footer .rowMiddle .links .menu a:first-child {padding:0 26px 0 0;}
#footer .rowMiddle .links .menu a:first-child:after {display:none;}
#footer .rowMiddle .links .sns {float:right;}
#footer .rowMiddle .links .sns .btn {display:inline-block; width:25px; height:25px; background:url('../images/common/ico_footer_instagram.gif') no-repeat center;}
#footer .rowMiddle .info {position:relative;}
#footer .rowMiddle .info > div {float:left;}
#footer .rowMiddle .info .second {margin-left:85px;}
#footer .rowMiddle .info p {line-height:20px; color:#999; font-size:12px;}
#footer .rowMiddle .info .ci {position:absolute; right:20px; top:25px;}
#footer .rowBottom {padding-bottom:26px; background:#fafafa;}
#footer .rowBottom .copyright {color:#999; font-size:12px;}
#footer .mark {color:#444;}

/* ----------------------------------------------------------------------------------------------------------------- */

/* page */
/* main */
.mainPage .mainBanners .list {text-align:center;}
.mainPage .mainBanners .list .swiper-pagination-bullet {opacity:1;}
.mainPage .mainBanners .list .swiper-pagination-bullet-active {background:#fa6417;}
.mainPage .area .title {padding:55px 0 40px; letter-spacing:-1px; color:#444; font-size:30px; font-weight:600; text-align:center;}
.mainPage .todayFreshList {border-top:1px solid #e6e6e6;}
.mainPage .recommendList {position:relative;}
.mainPage .recommendList .list {padding-bottom:60px;}
.mainPage .recommendList .list .defaultItemComp {border-radius:15px 15px 0 0;}
.mainPage .recommendList .controller {position:absolute; top:237px; left:0; width:100%;}
.mainPage .recommendList .controller .btn {display:block; position:absolute; top:0; z-index:100; width:52px; height:52px;}
.mainPage .recommendList .controller .btn.prev {left:-26px; background:url('../images/content/btn_slider_prev.png') no-repeat center;}
.mainPage .recommendList .controller .btn.next {right:-26px; background:url('../images/content/btn_slider_next.png') no-repeat center;}
.mainPage .todayFreshList .list li {float:left; margin:0 0 44px 30px; width:240px;}
.mainPage .todayFreshList .list li:first-child,
.mainPage .todayFreshList .list li:nth-child(4n+1) {margin-left:0;}
.mainPage .todayFreshList .list li .pic {height:240px;}
.mainPage .deliveryInfo {margin-top:60px;}
/* member */
.loginPage .area {padding:68px 0 100px;}
.loginPage .message {float:left;}
.loginPage .message .welcome {margin-bottom:32px; letter-spacing:-3px; color:#222; font-size:68px; font-weight:300;}
.loginPage .message .content {line-height:40px; letter-spacing:-1px; color:#666; font-size:24px; font-weight:400;}
.loginPage .loginForm {float:right; width:444px;}
.loginPage .loginForm .findAccount {padding:22px 0 32px; color:#fa6417; font-size:14px; text-align:right; border-bottom:1px solid #e5e5e5;}
.loginPage .loginForm .findAccount a {color:#fa6417;}
.loginPage .loginForm .memberQuestion {padding:55px 0 22px; color:#222; font-size:22px; text-align:center;}
.loginPage .loginForm .top {margin-top:0 !important;}
.loginPage .loginForm input[type="text"],
.loginPage .loginForm input[type="password"] {margin-top:14px; padding:0 28px; width:100%; height:66px; color:#7c7c7c; font-size:18px; border:1px solid #c3c3c3; border-radius:5px; box-sizing:border-box;}
.loginPage .loginForm .btnDefault {margin-top:14px;}
.joinPage .area {padding:50px 0 135px; width:590px;}
.joinPage .joinForm .title,
.joinPage .joinForm > .summary {text-align:center;}
.joinPage .joinForm .title {margin-bottom:30px; letter-spacing:-3px; color:#3a3a3a; font-size:60px; font-weight:300;}
.joinPage .joinForm > .summary {margin-bottom:40px; color:#888; font-size:20px;}
.joinPage .joinForm .row {position:relative; border-bottom:1px solid #dedede;}
.joinPage .joinForm .row .rowTitle {float:left; padding-left:12px; width:144px; height:80px; line-height:80px; color:#151515; font-size:18px; font-weight:400;}
.joinPage .joinForm .row input[type="text"],
.joinPage .joinForm .row input[type="password"] {float:right; width:calc(100% - 156px); height:80px; color:#444; font-size:15px; border:0;}
.joinPage .joinForm .row .alert,
.joinPage .joinForm .row .cnt {position:absolute; right:14px; top:0; line-height:80px;}
.joinPage .joinForm .row .alert {color:#d50000; font-size:13px;}
.joinPage .joinForm .row .cnt {color:#999; font-size:15px;}
.joinPage .joinForm .row .btn {display:block; position:absolute; right:0; top:14px; width:98px; height:48px; line-height:48px; color:#fff; font-size:14px; font-weight:600; text-align:center; border:1px solid #1d1d1d; background:#373737;}
.deliveryType {padding-bottom:20px;}
.deliveryType .types {position:relative; float:right; width:calc(100% - 156px);}
.deliveryType .types .type01,
.deliveryType .types .type02 {position:relative;}
.deliveryType .types .type01 > .clearFix,
.deliveryType .types .type02 > .clearFix {margin:0 0 10px 28px; width:332px;}
.deliveryType .types .type01 input[type="text"].left,
.deliveryType .types .type01 select.left {float:left; width:158px;}
.deliveryType .types .type01 input[type="text"].right,
.deliveryType .types .type01 select.right {float:right; width:158px;}
.deliveryType .types .type01 input[type="text"] {padding:0 12px; height:50px; border:1px solid #ccc; box-sizing:border-box;}
.deliveryType .types .type02 input[type="text"] {padding:0 12px; width:100%; height:50px; border:1px solid #ccc; box-sizing:border-box;}
.deliveryType .types .type01 .full select {float:none; width:100%;}
.deliveryType .types input[type="radio"] {position:absolute; left:-9999px; top:0;}
.deliveryType .types label {display:block; margin-bottom:20px; padding:30px 0 0 28px; background:url('../images/common/bg_radio_off.gif') no-repeat left 30px;}
.deliveryType .types input[type="radio"]:checked + label {background:url('../images/common/bg_radio_on.gif') no-repeat left 30px;}
.deliveryType .types input[type="radio"]:checked + label .type {color:#222;}
.deliveryType .types label .type {float:left; color:#999; font-size:15px; font-weight:400;}
.deliveryType .types label .btnAPTList {float:right; padding-right:18px; color:#fa6417; font-size:13px; font-weight:400; background:url('../images/common/ico_right_arrow_small_orange2.gif') no-repeat right 3px center;}
.deliveryType .types label .summary {margin-top:18px; color:#b0b0b0; font-size:13px; font-weight:400;}
.deliveryType .types .btnAddressSearch {display:block; margin:0 0 10px 28px; width:330px; height:48px; line-height:48px; color:#fff; font-size:14px; text-align:center; border:1px solid #1d1d1d; background:#373737 url('../images/common/ico_in_btn_search.gif') no-repeat right 15px center;}
.joinPage .policyTitle {margin-top:60px; padding-bottom:28px; color:#222; font-size:28px; font-weight:600; border-bottom:1px solid #dedede;}
.joinPage .policyBox {padding:42px 24px 46px; border-bottom:1px solid #dedede;}
.joinPage .policyBox .agreeAll,
.joinPage .policyBox .rowAgree {position:relative;}
.joinPage .policyBox .agreeAll {margin-bottom:32px;}
.joinPage .policyBox .rowAgree {margin-left:42px;}
.joinPage .policyBox .rowAgree.bottom {margin-top:16px;}
.joinPage .policyBox .agreeAll input[type="checkbox"],
.joinPage .policyBox .rowAgree input[type="checkbox"] {position:absolute; left:-9999px; top:0;}
.joinPage .policyBox .agreeAll label,
.joinPage .policyBox .rowAgree label {display:block; padding-left:40px; line-height:23px; font-weight:400; background:url('../images/common/bg_agree_check_off.gif') no-repeat left;}
.joinPage .policyBox .agreeAll input[type="checkbox"]:checked + label,
.joinPage .policyBox .rowAgree input[type="checkbox"]:checked + label {background:url('../images/common/bg_agree_check_on.gif') no-repeat left;}
.joinPage .policyBox .agreeAll label {color:#151515; font-size:18px;}
.joinPage .policyBox .rowAgree label {color:#999; font-size:16px;}
.joinPage .policyBox .rowAgree .btnviewContent {float:right; padding-right:18px; color:#fa6417; font-size:13px; font-weight:400; background:url('../images/common/ico_right_arrow_small_orange2.gif') no-repeat right 3px center;}
.joinPage .btnDefault {margin:48px auto 0; width:364px;}
/* product detail */
.productDetailPage .area {padding:40px 0 100px;}
.productDetailPage .detailHeader .picAndInfo {float:left;}
.productDetailPage .detailHeader .picAndInfo .pic {width:607px; height:506px;}
.productDetailPage .detailHeader .picAndInfo .info {margin-top:26px;}
.productDetailPage .detailHeader .picAndInfo .info strong {display:block; margin-bottom:14px; color:#444; font-size:18px; font-weight:400;}
.productDetailPage .detailHeader .picAndInfo .info li {margin-top:8px; color:#999; font-size:14px;}
.productDetailPage .detailHeader .picAndInfo .info li:first-child {margin-top:0;}
.productDetailPage .detailHeader .productIntro {float:right; padding-top:5px; width:412px;}
.productDetailPage .detailHeader .productIntro .name {line-height:28px; color:#fa6417; font-size:24px; font-weight:600;}
.productDetailPage .detailHeader .productIntro .summary {margin-top:10px; color:#444; font-size:15px;}
.productDetailPage .detailHeader .productIntro .group {padding-top:22px; border-bottom:1px solid #e3e3e3;}
.productDetailPage .detailHeader .productIntro .group dl {margin-bottom:22px;}
.productDetailPage .detailHeader .productIntro .group dt,
.productDetailPage .detailHeader .productIntro .group dd {float:left; line-height:18px;}
.productDetailPage .detailHeader .productIntro .group dt {padding-left:4px; width:114px; color:#999; font-size:15px;}
.productDetailPage .detailHeader .productIntro .group dd {width:calc(100% - 118px);}
.productDetailPage .detailHeader .productIntro .group dd .price {color:#fa6417; font-size:18px;}
.productDetailPage .detailHeader .productIntro .group dd .default {color:#222; font-size:14px;}
.productDetailPage .detailHeader .productIntro .group.multiLine {padding-top:10px;}
.productDetailPage .detailHeader .productIntro .group.multiLine dl {margin-bottom:10px;}
.productDetailPage .detailHeader .productIntro .group.multiLine dt {line-height:40px;}
.productDetailPage .detailHeader .productIntro .group.multiLine dd p {margin-top:4px; color:#f20000; font-size:12px;}
.productDetailPage .detailHeader .productIntro .group.inSelect {padding-top:10px;}
.productDetailPage .detailHeader .productIntro .group.inSelect dl {margin-bottom:10px;}
.productDetailPage .detailHeader .productIntro .group.inSelect dt {line-height:40px;}
.productDetailPage .detailHeader .productIntro .group.inSelect select {width:272px; height:40px; border:1px solid #a9a9a9;}
.productDetailPage .detailHeader .productIntro .totalPrice {padding:34px 0; color:#404040; font-size:24px; font-weight:600; text-align:right;}
.productDetailPage .detailHeader .productIntro .totalPrice span {color:#fa6417;}
.productDetailPage .detailHeader .productIntro .optionBox {position:relative; margin-top:8px; padding:14px 22px; background:#f8f8f8; border:1px solid #dadada;}
.productDetailPage .detailHeader .productIntro .optionBox .row {position:relative;}
.productDetailPage .detailHeader .productIntro .optionBox .row.bottom {margin-top:12px;}
.productDetailPage .detailHeader .productIntro .optionBox .option {float:left; line-height:27px; color:#444; font-size:14px;}
.productDetailPage .detailHeader .productIntro .optionBox .cnt {float:right; margin-right:46px; line-height:27px; color:#444; font-size:14px;}
.productDetailPage .detailHeader .productIntro .optionBox .cnt span {color:#fa6417;}
.productDetailPage .detailHeader .productIntro .optionBox .btnDelete {display:block; position:absolute; right:0; top:0; width:27px; height:27px; background:url('../images/content/btn_option_delete.gif') no-repeat center;}
.productDetailPage .detailHeader .productIntro .optionBox .price {float:right; line-height:30px; color:#444; font-size:18px;}
.productDetailPage .detailHeader .productIntro .optionBox .controlCnt {float:left;}
.controlCnt {position:relative; width:91px; height:28px; line-height:28px; background:#fff; border:1px solid #a9a9a9;}
.controlCnt .btn {position:absolute; top:0; width:29px; height:28px;}
.controlCnt .btn.minus {left:0; background:url('../images/content/btn_cnt_minus.gif') no-repeat center;}
.controlCnt .btn.plus {right:0; background:url('../images/content/btn_cnt_plus.gif') no-repeat center;}
.controlCnt .hopeTxt {display:block; width:100%; color:#444; font-size:14px; text-align:center;}
.productDetailPage .detailHeader .productIntro .btns .btn {width:197px; height:50px; line-height:50px; text-align:center;}
.productDetailPage .detailHeader .productIntro .btns .btn span {color:#fff; font-size:16px; font-weight:600;}
.productDetailPage .detailHeader .productIntro .btns .btn.addCart {float:left; background:#404040;}
.productDetailPage .detailHeader .productIntro .btns .btn.addCart span {display:inline-block; padding-left:30px; background:url('../images/common/ico_list_cart_old.png') no-repeat left; background-size:20px 18px;}
.productDetailPage .detailHeader .productIntro .btns .btn.buy {float:right; background:#fa6417;}
.productDetailPage .pageTabGroup {margin-top:50px;}
.productDetailPage .groupBox {position:relative;}
.productDetailPage .groupBox .title {margin-bottom:60px; text-align:center; font-size:0;}
.productDetailPage .pageTabGroup .infoList {position:relative; padding:54px 0 30px; border-bottom:2px solid #fa6417;}
.productDetailPage .pageTabGroup .infoList li {margin-top:6px; color:#666; font-size:14px;}
.productDetailPage .pageTabGroup .infoList li:first-child {margin-top:0;}
.productDetailPage .prodDescription {padding:20px 25px 45px;}
.productDetailPage .detailContent .groupBox {padding:25px 0 50px;}
.productDetailPage .detailContent .groupBox:after {display:block; content:""; position:absolute; bottom:0; left:0; width:100%; height:5px; box-sizing:border-box; border:1px solid #eaeaea; background:#f4f4f4;}
.productDetailPage .detailContent .groupBox.last:after {display:none;}
.productDetailPage .prodDescription .mainVisual {margin-bottom:38px;}
.productDetailPage .prodDescription .mainVisual img {display:block; margin:0 auto; width:auto; max-width:100%;}
.productDetailPage .prodDescription .prodSummary,
.productDetailPage .prodDescription .prodName {text-align:center;}
.productDetailPage .prodDescription .prodSummary {color:#999; font-size:18px;}
.productDetailPage .prodDescription .prodName {margin:16px 0 42px; color:#222; font-size:30px; font-weight:600;}
.productDetailPage .prodDescription .prodIntro {padding-top:25px; line-height:24px; letter-spacing:-1px; color:#666; font-size:16px; border-top:1px solid #dbdbdb;}
.productDetailPage .prodDescription .checkPoint dl {float:left; width:30%; text-align:center;}
.productDetailPage .prodDescription .checkPoint dl:nth-child(2) {margin:0 5%;}
.productDetailPage .prodDescription .checkPoint dt,
.productDetailPage .prodDescription .checkPoint dd {display:block;}
.productDetailPage .prodDescription .checkPoint dt {padding-top:128px; color:#222; font-size:24px;}
.productDetailPage .prodDescription .checkPoint .checkPoint01 dt {background:url('../images/content/ico_prod_checkpoint01.gif') no-repeat center 2px;}
.productDetailPage .prodDescription .checkPoint .checkPoint02 dt {background:url('../images/content/ico_prod_checkpoint02.gif') no-repeat center 1px;}
.productDetailPage .prodDescription .checkPoint .checkPoint03 dt {background:url('../images/content/ico_prod_checkpoint03.gif') no-repeat center top;}
.productDetailPage .prodDescription .checkPoint dd {margin-top:32px;}
.productDetailPage .prodDescription .checkPoint dd p {line-height:22px; color:#666; font-size:16px; text-align:left;}
.productDetailPage .prodDescription .pick .prodName {display:block; margin-bottom:25px; color:#222; font-size:30px; text-align:left;}
.productDetailPage .prodDescription .pick table {width:100%; table-layout:fixed;}
.productDetailPage .prodDescription .pick table th,
.productDetailPage .prodDescription .pick table td {vertical-align:middle;}
.productDetailPage .prodDescription .pick table th {text-align:left;}
.productDetailPage .prodDescription .pick .topTbl th,
.productDetailPage .prodDescription .pick .topTbl td {padding:12px 0;}
.productDetailPage .prodDescription .pick .topTbl th {color:#222; font-size:16px; font-weight:400;}
.productDetailPage .prodDescription .pick .topTbl td {color:#999; font-size:16px;}
.productDetailPage .prodDescription .pick .topTbl td img {max-width:100%;}
.productDetailPage .prodDescription .pick .bottomTbl th,
.productDetailPage .prodDescription .pick .bottomTbl td {padding:28px 0; line-height:22px; vertical-align:top; border-bottom:1px solid #dbdbdb;}
.productDetailPage .prodDescription .pick .bottomTbl th {color:#222; font-weight:400;}
.productDetailPage .prodDescription .pick .bottomTbl td {color:#999;}
.productDetailPage .prodDetail {padding-top:30px;}
.productDetailPage .prodDetail .commonStyle dl {float:left; width:31%;}
.productDetailPage .prodDetail .commonStyle dl:nth-child(2) {margin:0 2.33%;}
.productDetailPage .prodDetail .commonStyle dl dt,
.productDetailPage .prodDetail .commonStyle dl dd {display:block;}
.productDetailPage .prodDetail .commonStyle dl dt {line-height:30px; letter-spacing:-2px; font-size:24px; font-weight:600;}
.productDetailPage .prodDetail .why dl dt {padding-top:145px; color:#222;}
.productDetailPage .prodDetail .promise dl dt {padding-top:155px; color:#fa6417; text-align:center;}
.productDetailPage .prodDetail .why dl.why01 dt {background:url('../images/content/ico_prod_why01.gif') no-repeat center 11px;}
.productDetailPage .prodDetail .why dl.why02 dt {background:url('../images/content/ico_prod_why02.gif') no-repeat center 2px;}
.productDetailPage .prodDetail .why dl.why03 dt {background:url('../images/content/ico_prod_why03.gif') no-repeat center top;}
.productDetailPage .prodDetail .promise dl.promise01 dt {background:url('../images/content/ico_prod_promise01.gif') no-repeat center 11px;}
.productDetailPage .prodDetail .promise dl.promise02 dt {background:url('../images/content/ico_prod_promise02.gif') no-repeat center 2px;}
.productDetailPage .prodDetail .promise dl.promise03 dt {background:url('../images/content/ico_prod_promise03.gif') no-repeat center top;}
.productDetailPage .prodDetail .commonStyle dl dd {margin-top:22px; line-height:22px; letter-spacing:-1px; color:#666; font-size:14px;}
.productDetailPage .prodDetail .deliveryInfo .titleRow {margin-bottom:32px; padding:2px 0 12px 192px; background:url('../images/content/ico_prod_delivery_title.gif') no-repeat 43px center;}
.productDetailPage .prodDetail .deliveryInfo .titleRow .top {margin-bottom:18px; color:#222; font-size:28px; font-weight:600;}
.productDetailPage .prodDetail .deliveryInfo .titleRow .bottom {color:#666; font-size:14px;}
.productDetailPage .prodDetail .deliveryInfo .deliveryType {position:relative; padding-left:49px;}
.productDetailPage .prodDetail .deliveryInfo .deliveryType.type02 {margin:35px 0 58px;}
.productDetailPage .prodDetail .deliveryInfo .deliveryType .btnLink {display:block; position:absolute; right:0; top:10px; padding-top:24px; width:356px; height:75px; border-radius:46px; border:1px solid #e8474f;}
.productDetailPage .prodDetail .deliveryInfo .deliveryType .btnLink p {color:#e8474f; text-align:center;}
.productDetailPage .prodDetail .deliveryInfo .deliveryType .btnLink .top {font-size:22px; font-weight:600;}
.productDetailPage .prodDetail .deliveryInfo .deliveryType .btnLink .bottom {margin-top:12px; font-size:14px;}
.productDetailPage .prodDetail .contTitle {margin:25px 0 10px; color:#222; font-size:24px;}
.productDetailPage .prodDetail .deliveryInfo .infoTbl {width:100%; table-layout:fixed;}
.productDetailPage .prodDetail .deliveryInfo .infoTbl th,
.productDetailPage .prodDetail .deliveryInfo .infoTbl td {padding:28px 0; line-height:22px; vertical-align:top; text-align:left; border-bottom:1px solid #dbdbdb;}
.productDetailPage .prodDetail .deliveryInfo .infoTbl th {color:#222; font-weight:400;}
.productDetailPage .prodDetail .deliveryInfo .infoTbl td {color:#999;}
.productDetailPage .prodDetail .deliveryInfo .infoTbl td.cs .csInfo {margin-bottom:16px; color:#e8474f; font-size:24px; font-weight:600;}
.productDetailPage .prodDetail .deliveryInfo .infoTbl td.cs .time {width:284px;}
.productDetailPage .prodDetail .deliveryInfo .infoTbl td.cs .time.bottom {margin-bottom:26px;}
.productDetailPage .prodDetail .deliveryInfo .infoTbl td.cs .time dt,
.productDetailPage .prodDetail .deliveryInfo .infoTbl td.cs .time dd {line-height:26px; letter-spacing:-1px; color:#999; font-size:16px;}
.productDetailPage .prodDetail .deliveryInfo .infoTbl td.cs .time dt {float:left; width:82px;}
.productDetailPage .prodDetail .deliveryInfo .infoTbl td.cs .time dd {float:right; width:200px;}
.productDetailPage .prodDetail .deliveryInfo .defaultCont {margin-top:20px;}
.productDetailPage .prodDetail .specialDelivery .defaultCont {line-height:22px; color:#999; font-size:16px;}
.productDetailPage .prodDetail .specialDelivery .infoTbl {margin:20px 0 14px; width:100%; table-layout:fixed;}
.productDetailPage .prodDetail .specialDelivery .infoTbl th,
.productDetailPage .prodDetail .specialDelivery .infoTbl td {height:52px; text-align:center; vertical-align:middle; border:1px solid #e0e0e0;}
.productDetailPage .prodDetail .specialDelivery .infoTbl th {background:#f5f5f5;} 
.productDetailPage .reviewList .list {margin-bottom:30px;}
.productDetailPage .reviewList li {padding:30px 15px 25px; border-bottom:1px solid #d9d9d9;} 
.productDetailPage .reviewList li .info .name {float:left; color:#222; font-size:24px;}
.productDetailPage .reviewList li .info .date {float:left; margin:5px 0 0 20px; color:#999; font-size:14px;}
.productDetailPage .reviewList li .content {margin-top:18px;}
.productDetailPage .reviewList li .content .pic {display:block; margin:10px 0; max-width:80%;}
.productDetailPage .reviewList li .content p {line-height:22px; color:#999; font-size:16px;}
.productDetailPage .prodInquiry .btnInquiry {display:block; position:absolute; top:45px; right:0; width:196px; height:48px; line-height:48px; color:#fa6417; font-size:16px; font-weight:400; text-align:center; border:1px solid #fa6417; background:#fff;}
.productDetailPage .prodInquiry .inquiryList li {position:relative; border-bottom:1px solid #cacaca;}
.productDetailPage .prodInquiry .inquiryList li a {display:block;}
.productDetailPage .prodInquiry .inquiryList .qRow {padding:26px 0 26px 16px; }
.productDetailPage .prodInquiry .inquiryList .qRow .subject {width:82%; color:#222; font-size:24px; font-weight:600;}
.productDetailPage .prodInquiry .inquiryList .qRow .infoStat {margin-top:12px;}
.productDetailPage .prodInquiry .inquiryList .qRow .infoStat .info span {color:#999; font-size:16px;}
.productDetailPage .prodInquiry .inquiryList .qRow .infoStat .stat {position:absolute; right:0; top:30px; width:116px; height:37px; line-height:37px; letter-spacing:-1px; color:#fff; font-size:14px; text-align:center;}
.productDetailPage .prodInquiry .inquiryList li.wating .qRow .infoStat .stat {border:1px solid #575757; background:#616161;}
.productDetailPage .prodInquiry .inquiryList li.complete .qRow .infoStat .stat {border:1px solid #db6223; background:#fa6417;}
.productDetailPage .prodInquiry .inquiryList .detailRow {display:none; padding:26px 28px; background:#f1f1f1; border-top:1px solid #cacaca;}
.productDetailPage .prodInquiry .inquiryList li.active .detailRow {display:block;}
.productDetailPage .prodInquiry .inquiryList .detailRow .question {padding-bottom:26px;}
.productDetailPage .prodInquiry .inquiryList li.wating .detailRow .question {padding-bottom:0;}
.productDetailPage .prodInquiry .inquiryList .detailRow .answer {padding-top:20px; border-top:1px solid #cacaca;}
.productDetailPage .prodInquiry .inquiryList .detailRow .answer strong {display:block; margin-bottom:16px; color:#fa6417; font-size:20px;}
.productDetailPage .prodInquiry .inquiryList .detailRow .question p,
.productDetailPage .prodInquiry .inquiryList .detailRow .answer p {line-height:22px; letter-spacing:-1px; color:#666; font-size:16px;}
.productDetailPage .prodInquiry .inquiryList .detailRow .question p {color:#666;}
.productDetailPage .prodInquiry .inquiryList .pagenation {margin-top:30px;}
/* cart */
.cartPage .area {padding:44px 0 140px;}
.cartPage .title,
.cartPage .summary {text-align:center;}
.cartPage .title {color:#fa6417; font-size:40px;}
.cartPage .summary {margin-top:16px; color:#999; font-size:14px;}
.cartPage .infoList {position:relative; margin:40px 0 50px; padding:18px 20px; border:1px solid #dcdcdc; background:#f9f9f9;}
.cartPage .infoList li {margin-top:6px; color:#999; font-size:14px;}
.cartPage .infoList li:first-child {margin-top:0;}
.cartPage table {width:100%; table-layout:fixed; border-top:2px solid #fa6417;}
.cartPage table th,
.cartPage table td {vertical-align:middle; text-align:center; border-bottom:1px solid #d9d9d9;}
.cartPage table th {height:59px; color:#222; font-size:16px;}
.cartPage table td {padding:25px 0;}
.cartPage table td.left {text-align:left;}
.cartPage table .check {position:relative; text-align:center;}
.cartPage table .check input[type="checkbox"] {position:absolute; left:-9999px; top:0;}
.cartPage table .check label {display:inline-block; width:23px; height:23px; background:url('../images/common/bg_agree_check_off.gif') no-repeat center;}
.cartPage table .check input[type="checkbox"]:checked + label {background:url('../images/common/bg_agree_check_on.gif') no-repeat center;}
.cartPage table td a {display:inline-block; padding-left:20px;}
.cartPage table td .btnDelete {padding-left:0;}
.cartPage table td .pic {float:left; width:70px; height:70px;}
.cartPage table td .info {float:left; margin-left:26px; padding-top:15px;}
.cartPage table td .info .name {color:#222; font-size:16px; font-weight:600;}
.cartPage table td .info .onePrice {margin-top:10px; color:#999; font-size:14px;}
.cartPage table td .totalPrice {color:#222; font-size:18px;}
.cartPage table td .controlCnt {margin:0 auto;}
.cartPage .listControl {padding:18px 0 20px;}
.cartPage .listControl .allCheckList {position:relative; float:left;}
.cartPage .listControl .allCheckList input[type="checkbox"] {position:absolute; left:-9999px; top:0;}
.cartPage .listControl .allCheckList label {display:block; margin-right:28px; padding-left:58px; height:39px; line-height:40px; color:#222; font-size:16px; background:url('../images/common/bg_agree_check_off.gif') no-repeat 16px center;}
.cartPage .listControl .allCheckList input[type="checkbox"]:checked + label {background:url('../images/common/bg_agree_check_on.gif') no-repeat 16px center;}
.cartPage .listControl .btn {float:left; margin-right:16px; width:116px; height:37px; line-height:37px; color:#fff; font-size:14px; font-weight:600; text-align:center; border:1px solid #d95815; background:#fa6417; }
.cartPage .priceInfo {border-bottom:1px solid #d9d9d9;}
.cartPage .priceInfo dl {position:relative; float:left; padding-bottom:60px; width:33.33%;}
.cartPage .priceInfo dl:after {display:block; content:""; position:absolute; left:0; top:50%; margin-top:-65px; width:1px; height:130px; background:#d9d9d9;}
.cartPage .priceInfo dl:first-child:after {display:none;}
.cartPage .priceInfo dl:nth-child(2):before,
.cartPage .priceInfo dl:nth-child(3):before {display:block; content:""; position:absolute; left:-15px; top:50%; z-index:100; margin-top:-15px; width:30px; height:30px;}
.cartPage .priceInfo dl:nth-child(2):before {background:url('../images/content/ico_minus.gif') no-repeat center;}
.cartPage .priceInfo dl:nth-child(3):before {background:url('../images/content/ico_equal.gif') no-repeat center;}
.cartPage .priceInfo dl dt,
.cartPage .priceInfo dl dd {text-align:center;}
.cartPage .priceInfo dl dt {padding-top:60px; color:#666; font-size:20px; font-weight:600;}
.cartPage .priceInfo dl.deliveryPrice dt {padding-top:48px;}
.cartPage .priceInfo dl dt .option {margin-top:12px; color:#fa6417; font-size:14px; font-weight:400;}
.cartPage .priceInfo dl dd {margin-top:38px; letter-spacing:-2px; color:#222; font-size:30px;}
.cartPage .priceInfo dl.deliveryPrice dd {margin-top:25px;}
.cartPage .btns {padding-top:30px; font-size:0; text-align:right;}
.cartPage .btns .btn {display:inline-block; margin-left:10px; width:196px; height:50px; line-height:50px; color:#fff; font-size:16px; text-align:center;}
.cartPage .btns .btn.bOrange {background:#fa6417;}
.cartPage .btns .btn.bGray {background:#404040;}
/* order */
.orderPage .area {padding:44px 0 140px;}
.orderPage .title,
.orderPage .summary {text-align:center;}
.orderPage .title {color:#fa6417; font-size:40px;}
.orderPage .summary {margin:16px 0 60px; color:#999; font-size:14px;}
.orderPage .subTitle {margin-bottom:16px; color:#222; font-size:20px; font-weight:600;}
.orderPage .infoTbl {width:100%; table-layout:fixed; border-top:2px solid #fa6417;}
.orderPage .infoTbl th,
.orderPage .infoTbl td {vertical-align:middle; text-align:center; border-bottom:1px solid #d9d9d9;}
.orderPage .infoTbl th {height:59px; color:#222; font-size:16px;}
.orderPage .infoTbl td {padding:25px 0;}
.orderPage .infoTbl td.left {text-align:left;}
.orderPage .infoTbl td a {display:inline-block; padding-left:20px;}
.orderPage .infoTbl td .pic {float:left; width:70px; height:70px;}
.orderPage .infoTbl td .info {float:left; margin-left:26px; padding-top:15px;}
.orderPage .infoTbl td .info .name {color:#222; font-size:16px; font-weight:600;}
.orderPage .infoTbl td .info .onePrice {margin-top:10px; color:#999; font-size:14px;}
.orderPage .deliveryInfo {margin-top:30px;}
.orderPage .prodForm {width:100%; table-layout:fixed; border-top:2px solid #fa6417;}
.orderPage .prodForm th,
.orderPage .prodForm td {padding:7px 0; border-bottom:1px solid #d9d9d9;}
.orderPage .prodForm th {padding:22px 0 0 22px; color:#151515; font-size:16px; font-weight:400; text-align:left; vertical-align:top;}
.orderPage .prodForm td .defaultTxt {line-height:47px;}
.orderPage .prodForm td input[type="text"] {padding:0 15px; height:45px; color:#444; font-size:14px; border:1px solid #ccc; box-sizing:border-box;}
.orderPage .prodForm textarea {padding:15px; height:108px; line-height:20px; color:#444; font-size:14px; border:1px solid #ccc; box-sizing:border-box; resize:none;}
.orderPage .paymentArea {margin-top:30px;}
.orderPage .paymentArea .left {float:left; width:515px;}
.orderPage .paymentArea .right {float:right; width:496px;}
.orderPage .paymentArea .usePoint .rowTitle .subTitle {float:left;}
.orderPage .paymentArea .usePoint .rowTitle .option {float:right; margin-top:6px; font-size:13px;}
.orderPage .paymentArea .usePoint .prodForm {margin-bottom:30px;}
.orderPage .paymentArea .paymentType ul {border-top:2px solid #fa6417;}
.orderPage .paymentArea .paymentType li {position:relative; padding:6px 0; border-bottom:1px solid #cacaca; zoom:1;}
.orderPage .paymentArea .paymentType li:after {display:block; content:""; clear:both;}
.orderPage .paymentArea .paymentType li input[type="radio"] {position:absolute; top:0; left:-9999px;}
.orderPage .paymentArea .paymentType li label {display:block; float:left; padding-left:33px; height:46px; line-height:46px; color:#151515; font-size:16px; font-weight:400; background:url('../images/common/bg_radio_off.gif') no-repeat 7px center;}
.orderPage .paymentArea .paymentType li input[type="radio"]:checked + label {background:url('../images/common/bg_radio_on.gif') no-repeat 7px center;}
.orderPage .paymentArea .paymentType li select {float:left; margin-left:42px; width:200px;}
.orderPage .bankTransfer,
.orderPage .receipt,
.orderPage .receiptType,
.orderPage .individual,
.orderPage .business {display:none;}
.orderPage .bankTransfer {padding:15px 5px; border-bottom:1px solid #cacaca;}
.orderPage .bankTransfer .rowTitle {float:left; padding-left:26px; height:20px; line-height:20px; letter-spacing:-1px; color:#222; font-size:15px; font-weight:400;}
.orderPage .bankTransfer .box {float:right; width:72%;}
.orderPage .bankTransfer .box .choiceRow {position:relative;}
.orderPage .bankTransfer .box .choiceRow.receiptType {margin-top:12px;}
.orderPage .bankTransfer .box .choiceRow input[type="radio"] {position:absolute; top:0; left:-9999px;}
.orderPage .bankTransfer .box .choiceRow label {float:left; margin-right:14px; padding-left:24px; height:20px; line-height:20px; letter-spacing:-1px; color:#666; font-size:14px; font-weight:400; background:url('../images/common/bg_radio_off.gif') no-repeat left; background-size:17px;}
.orderPage .bankTransfer .box .choiceRow input[type="radio"]:checked + label {background:url('../images/common/bg_radio_on.gif') no-repeat left; background-size:17px;}
.orderPage .bankTransfer .box input[type="text"],
.orderPage .bankTransfer .box select {margin-top:10px; height:40px; font-size:14px; border:1px solid #ccc;}
.orderPage .bankTransfer .box input[type="text"] {padding:0 7px; width:100%; box-sizing:border-box;}
.orderPage .bankTransfer .box select {padding-left:7px; width:100%;}
.orderPage .paymentInfo {margin-bottom:32px; padding:18px 28px; border:4px solid #fa6417;}
.orderPage .paymentInfo .group.top {padding-bottom:15px;}
.orderPage .paymentInfo .group.bottom {padding-top:15px; border-top:1px solid #f0f0f0;}
.orderPage .paymentInfo dl dt,
.orderPage .paymentInfo dl dd {height:40px; line-height:40px; color:#151515;}
.orderPage .paymentInfo dl dt {float:left; font-size:16px; font-weight:400;}
.orderPage .paymentInfo dl dd {float:right; font-size:20px; font-weight:600;}
.orderPage .paymentInfo dl dd.fin {font-size:24px;}
.orderPage .rowAgree {position:relative;}
.orderPage .rowAgree input[type="checkbox"] {position:absolute; left:-9999px; top:0;}
.orderPage .rowAgree label {float:left; padding-left:40px; line-height:23px; color:#999; font-size:16px; font-weight:400; background:url('../images/common/bg_agree_check_off.gif') no-repeat left;}
.orderPage .rowAgree input[type="checkbox"]:checked + label {background:url('../images/common/bg_agree_check_on.gif') no-repeat left;}
.orderPage .rowAgree .btnviewContent {float:right; padding-right:18px; line-height:23px; color:#fa6417; font-size:13px; font-weight:400; background:url('../images/common/ico_right_arrow_small_orange2.gif') no-repeat right 3px center;}
.orderPage .btnDefault {margin:48px auto 0; width:364px;}
.orderCompletePage .area {margin:0 auto; padding:44px 0 140px; width:630px;}
.orderCompletePage .thx {text-align:center; font-size:0;}
.orderCompletePage .orderInfo {margin-top:80px; padding:24px 30px; border:1px solid #dcdcdc; border-radius:45px;}
.orderCompletePage .orderInfo table {width:100%; table-layout:fixed;}
.orderCompletePage .orderInfo table th,
.orderCompletePage .orderInfo table td {height:59px; vertical-align:middle; border-bottom:1px solid #d9d9d9;}
.orderCompletePage .orderInfo table th {padding-left:24px; color:#151515; font-size:16px; font-weight:400; text-align:left; }
.orderCompletePage .orderInfo table td div {color:#999;}
.orderCompletePage .orderInfo .infoList {margin-top:22px;}
.orderCompletePage .orderInfo .infoList li {padding-left:10px; text-indent:-10px; line-height:26px; letter-spacing:-1px; color:#999; font-size:14px;}
.orderCompletePage .btnDefault {margin:48px auto 0; width:364px;}
/* mypage */
.mypage {padding:40px 0 100px;}
.mypageHeader {border:1px solid #dddfe1;}
.mypageHeader .memberInfo {float:left; padding:50px 30px 0 46px; width:631px; height:176px; border-right:1px solid #dddfe1; box-sizing:border-box;}
.mypageHeader .memberInfo .gradeName {float:left;}
.mypageHeader .memberInfo .gradeName .grade {font-size:20px;}
.mypageHeader .memberInfo .gradeName .name {margin-top:14px; letter-spacing:-1px; color:#222; font-size:30px; font-weight:600;}
.mypageHeader .memberInfo .btns {float:right; padding-top:32px;}
.mypageHeader .memberInfo .btns .btn {display:inline-block; width:81px; height:30px; line-height:30px; font-size:13px; text-align:center;}
.mypageHeader .memberInfo .btns .btn.modify {color:#fff; background:#fa6417; border:1px solid #ca4f11;}
.mypageHeader .memberInfo .btns .btn.logout {color:#fa6417; border:1px solid #fa6417;}
.mypageHeader .gradeInfo {float:right;}
.mypageHeader .gradeInfo .point {position:relative; float:left; padding-top:104px; width:207px; text-align:center; background:url('../images/content/ico_point.gif') no-repeat center 21px; box-sizing:border-box;}
.mypageHeader .gradeInfo .point:after {display:block; content:""; position:absolute; right:0; top:30px; width:1px; height:120px; background:#dddfe1;}
.mypageHeader .gradeInfo .point dt {color:#151515; font-size:16px;}
.mypageHeader .gradeInfo .point dd {margin-top:14px; font-size:20px; font-weight:600;}
.mypageHeader .gradeInfo .gradeSummary {float:left; width:205px; padding:18px 0 0 18px; box-sizing:border-box;}
.mypageHeader .gradeInfo .gradeSummary .txtTop {line-height:20px; color:#151515; font-size:16px;}
.mypageHeader .gradeInfo .gradeSummary .txtBottom {margin-top:12px; line-height:20px; color:#999; font-size:13px;}
.mypageHeader .gradeInfo .gradeSummary .btnLink {display:inline-block; margin-top:14px; padding-right:22px; background:url('../images/content/ico_mypage_header_link_arrow.gif') no-repeat right 2px;}
.mypageHeader .gradeInfo .gradeSummary .btnLink span {display:inline-block; padding-bottom:10px; font-size:16px; border-bottom:1px solid #fa7236;}
.hasSubNavContainer {margin-top:44px;}
.hasSubNavContainer .subNav .title,
.hasSubNavContainer .contentArea .title {margin-bottom:28px; color:#222; font-size:28px;}
.hasSubNavContainer .subNav {float:left; width:200px;}
.hasSubNavContainer .subNav .menu {width:198px; border:1px solid #dcdbde;}
.hasSubNavContainer .subNav .menu li {background:#fff url('../images/common/ico_sub_nav_arrow.gif') no-repeat right 13px center; border-top:1px solid #dcdbde;}
.hasSubNavContainer .subNav .menu li.active {background:#f7f5f8 url('../images/common/ico_sub_nav_arrow_on.gif') no-repeat right 13px center;}
.hasSubNavContainer .subNav .menu li:first-child {border-top:0;}
.hasSubNavContainer .subNav .menu li a {display:block; height:50px; padding-left:15px; line-height:50px; color:#999; font-size:14px;}
.hasSubNavContainer .subNav .menu li:hover a,
.hasSubNavContainer .subNav .menu li.active a {color:#fa6417;}
.hasSubNavContainer .contentArea {float:right; padding-bottom:60px; width:820px; min-height:600px;}
.mypage .orderSummary {padding-bottom:28px; border-bottom:1px solid #d9d9d9;}
.mypage .orderSummary .orderNumber {float:left;}
.mypage .orderSummary .orderNumber dt {color:#222; font-size:20px; font-weight:600;}
.mypage .orderSummary .orderNumber dd {margin-top:22px; letter-spacing:-1px; font-size:30px;}
.mypage .orderSummary .prodStat {float:right; margin:40px 20px 0 0;}
.mypage .rowTitle {margin:28px 0 18px; color:#222; font-size:20px;}
.mypage .pageBtns {margin-top:55px; text-align:right;}
.mypage .pageBtns .btnDefault {float:right; margin-left:10px; width:264px;}
.mypage .cardList li {position:relative; padding:18px 10px; border-bottom:1px solid #e0e0e0;}
.mypage .cardList li:first-child {border-top:1px solid #e0e0e0;}
.mypage .cardList li .cardName {letter-spacing:-1px; color:#9c9c9c; font-size:14px;}
.mypage .cardList li .number {margin-top:14px; letter-spacing:-1px; color:#444; font-size:22px;}
.mypage .cardList li .btnDelete {display:block; position:absolute; right:12px; top:50%; margin-top:-16px; width:82px; height:32px; line-height:32px; color:#fff; font-size:13px; text-align:center; border:1px solid #7b7b7b; background:#888;}
.mypage .btnRegistCard {display:block; height:105px; line-height:105px; letter-spacing:-1px; color:#fa6417; font-size:22px; font-weight:600; text-align:center; border-bottom:1px solid #e0e0e0;}
.mypage .history {border-top:2px solid #fa6417;}
.mypage .history li {position:relative; padding:38px 24px 35px; border-bottom:1px solid #d1d1d1;}
.mypage .history li .info {float:left;}
.mypage .history li .info .subject {margin-bottom:14px; letter-spacing:-1px; color:#222; font-size:20px; font-weight:600;}
.mypage .history li .info .date {color:#999; font-size:13px; font-weight:600;}
.mypage .history li .point {float:right; padding-top:10px; letter-spacing:-1px; font-size:22px;}
.mypage .history li .point.red {color:#f90017;}
.mypage .history li .point.blue {color:#199bd8;}
.mypage .memberSecession .caution {padding:18px 15px; border-bottom:1px solid #e0e0e0;}
.mypage .memberSecession .caution strong {display:block; margin-bottom:18px; letter-spacing:-1px; font-size:20px;}
.mypage .memberSecession .caution li {margin-top:8px; letter-spacing:-1px; color:#9c9c9c; font-size:15px;}
.mypage .memberSecession .caution li:first-child {margin-top:0;}
.mypage .memberSecession .reason p,
.mypage .memberSecession .inputPassword p {margin-bottom:28px; letter-spacing:-1px; color:#222; font-size:20px; font-weight:600;}
.mypage .memberSecession .reason {padding:30px 15px; border-bottom:1px solid #e0e0e0;}
.mypage .memberSecession .reason li {position:relative; margin-top:22px;}
.mypage .memberSecession .reason li:first-child {margin-top:0;}
.mypage .memberSecession .reason li input[type="radio"] {position:absolute; top:0; left:-9999px;}
.mypage .memberSecession .reason li label {display:block; padding-left:36px; height:23px; line-height:23px; letter-spacing:-1px; color:#999; font-size:16px; font-weight:400; background:url('../images/common/bg_agree_check_off.gif') no-repeat left;}
.mypage .memberSecession .reason li input[type="radio"]:checked + label {background:url('../images/common/bg_agree_check_on.gif') no-repeat left;}
.mypage .memberSecession .reason li .hideForm {display:none; margin-top:18px;}
.mypage .memberSecession .inputPassword {padding:20px 15px 0;}
.mypage .memberSecession .inputPassword p {margin-bottom:30px;}
.mypage .memberSecession input[type="text"],
.mypage .memberSecession input[type="password"] {display:block; padding:0 15px; width:100%; border:0; height:50px; color:#444; font-size:15px; border:1px solid #ccc; box-sizing:border-box;}
.mypage .modifyMemberInfo .deliveryType .types {float:none;}
.mypage .modifyMemberInfo input[type="password"] {padding:0 12px; height:48px; color:#151515; font-size:14px; border:none; box-sizing:border-box;}
.mypage .modifyMemberInfo .pageBtns {margin-top:30px;}
.cs .noticeList {border-top:2px solid #fa6417;}
.cs .noticeList li {border-bottom:1px solid #dcdcdc;}
.cs .noticeList li a {display:block;}
.cs .noticeList li a:hover {background:#f9f9f9;}
.cs .boardDetail .boardHeadComp {border-top:2px solid #fa6417;}
.cs .boardDetail .boardContent {padding:25px 26px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.cs .boardDetail .boardContent p {line-height:24px; color:#666; font-size:16px;}
.cs .pageBtns {margin-top:55px; text-align:right;}
.cs .pageBtns .btnDefault {float:right; margin-left:10px; width:264px;}
.cs .faqList li {position:relative; margin-top:8px; border:1px solid #dcdcdc;}
.cs .faqList li:first-child {margin-top:0;}
.cs .faqList li .question {display:block; position:relative; padding:12px 55px 11px 66px; width:calc(100% - 35px - 79px); line-height:69px; color:#444; font-size:20px; font-weight:600; background:url('../images/content/ico_q.png') no-repeat 24px center;}
.cs .faqList li .question:after {display:block; content:""; position:absolute; right:0; top:0; width:79px; height:100%; background:url('../images/content/ico_faq_arrow.png') no-repeat center; border-left:1px solid #ddd;}
.cs .faqList li.active .question:after {background:url('../images/content/ico_faq_arrow_on.png') no-repeat center;}
.cs .faqList li .answer {display:none; padding:25px; line-height:24px; color:#666; font-size:16px; border-top:1px solid #dcdcdc; background:#fafafa;}
.cs .faqList li.active .answer {display:block;}
.cs .kakaotalkInfo .rowTop {padding:42px 246px; text-align:center; background:#ffd403;}
.cs .kakaotalkInfo .rowTop dl dt,
.cs .kakaotalkInfo .rowTop dl dd {display:block; color:#3c1e1e; font-weight:600;}
.cs .kakaotalkInfo .rowTop dl dt {padding-top:130px; letter-spacing:-2px; font-size:40px; background:url('../images/content/ico_kakaoplus.png') no-repeat center top;}
.cs .kakaotalkInfo .rowTop dl dd {margin-top:20px; letter-spacing:-4px; font-size:68px;}
.cs .kakaotalkInfo .rowTop .btnKakao {display:block; margin-top:50px; height:70px; line-height:70px; letter-spacing:-1px; color:#ffd403; font-size:28px; font-weight:600; background:#3c1e1e url('../images/content/ico_kakao.png') no-repeat left 16px center;}
.cs .kakaotalkInfo .rowBottom {padding:20px 0 30px;}
.cs .kakaotalkInfo .rowBottom .rowTitle {float:left; padding-top:8px; width:222px; letter-spacing:-1px; color:#222; font-size:22px;}
.cs .kakaotalkInfo .rowBottom .info {float:left; width:calc(100% - 222px);}
.cs .kakaotalkInfo .rowBottom .info .timeInfo {padding:0 0 20px 8px; line-height:30px; color:#666; font-size:16px;}
.cs .kakaotalkInfo .rowBottom .info ul {border-top:1px solid #e7e7e7;}
.cs .kakaotalkInfo .rowBottom .info li {margin-top:8px; padding-left:10px; text-indent:-8px; line-height:24px; letter-spacing:-1px; color:#999; font-size:16px;}
.cs .kakaotalkInfo .rowBottom .info li:first-child {margin-top:20px;}
.cs .gradeInfo .benefitList {padding-bottom:40px; border-bottom:1px solid #e7e7e7;}
.cs .gradeInfo .benefitList li {float:left; width:25%; text-align:center;}
.cs .gradeInfo .benefitList li dt,
.cs .gradeInfo .benefitList li dd {display:block;}
.cs .gradeInfo .benefitList li dt {padding-top:144px; height:105px; line-height:30px; letter-spacing:-1px; color:#222; font-size:22px; font-weight:600;}
.cs .gradeInfo .benefitList li.benefit01 dt {background:url('../images/content/ico_benefit_list01.png') no-repeat center 28px;}
.cs .gradeInfo .benefitList li.benefit02 dt {background:url('../images/content/ico_benefit_list02.png') no-repeat center 27px;}
.cs .gradeInfo .benefitList li.benefit03 dt {background:url('../images/content/ico_benefit_list03.png') no-repeat center 24px;}
.cs .gradeInfo .benefitList li.benefit04 dt {background:url('../images/content/ico_benefit_list04.png') no-repeat center 20px;}
.cs .gradeInfo .benefitList li dd {line-height:24px; color:#999; font-size:16px;}
.cs .gradeInfo .rowTitle {position:relative; z-index:1; color:#222; font-size:22px;}
.cs .gradeInfo .gradeDetail {padding:30px 0 40px; border-bottom:1px solid #e7e7e7;}
.cs .gradeInfo .gradeDetail .pic {position:relative; top:-18px;}
.cs .gradeInfo .keypoint {padding-top:30px;}
.cs .gradeInfo .keypoint .list {margin-top:32px;}
.cs .gradeInfo .keypoint .list li {margin-top:14px; line-height:26px; color:#999; font-size:18px;}
.cs .gradeInfo .keypoint .list li:first-child {margin-top:0;}
.cs .gradeInfo .keypoint .list li .number {display:inline-block; margin-right:18px; width:26px; height:26px; line-height:28px; color:#fff; font-size:16px; text-align:center; background:#fa6417; border-radius:50em;}
.introducePage .area {padding:56px 0 130px;}
.introducePage .title {font-size:0; text-align:center;}
.introducePage .rowTop {padding-bottom:65px; text-align:center; border-bottom:1px solid #e7e7e7;}
.introducePage .rowTop .txtTop {margin:26px 0 45px; line-height:28px; color:#999; font-size:20px; font-weight:600;}
.introducePage .rowTop .txtBottom {line-height:28px; letter-spacing:-1px; color:#fa6417; font-size:28px; font-weight:600;}
.introducePage .rowBottom {padding-top:50px; letter-spacing:-1px;}
.introducePage .rowBottom .title {margin-bottom:90px;}
.introducePage .rowBottom .promise li {margin-top:40px; padding:20px 0 20px 210px;}
.introducePage .rowBottom .promise li.promise01 {background:url('../images/content/ico_prod_why01.gif') no-repeat left 70px center;}
.introducePage .rowBottom .promise li.promise02 {background:url('../images/content/ico_prod_why03.gif') no-repeat left 40px center;}
.introducePage .rowBottom .promise li.promise03 {background:url('../images/content/ico_promise_list03.gif') no-repeat left 52px center;}
.introducePage .rowBottom .promise li .subject {margin-bottom:15px; letter-spacing:-1px; color:#222; font-size:22px; font-weight:600;}
.introducePage .rowBottom .promise li .detail {line-height:24px; color:#999; font-size:18px;}
.comingSoonPage .list li {position:relative; float:left; margin:0 0 40px 26px; width:512px;}
.comingSoonPage .list li:first-child,
.comingSoonPage .list li:nth-child(2n + 1) {margin-left:0;}
.comingSoonPage .list li .pic {height:270px; border-radius:10px;}
.comingSoonPage .list li .comingInfo {position:absolute; top:0; left:0; z-index:5; width:100%; height:270px; background:rgba(0,0,0,.6); border-radius:10px;}
.comingSoonPage .list li .comingInfo div {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); text-align:center;}
.comingSoonPage .list li .comingInfo div .top {letter-spacing:-1px; color:#fff; font-size:30px;}
.comingSoonPage .list li .comingInfo div .bottom {margin-top:10px; letter-spacing:-1px; color:#cecece; font-size:20px;}
.comingSoonPage .list li .name {margin-top:25px; letter-spacing:-1px; color:#000; font-size:20px; font-weight:600;}
.comingSoonPage .list li .summary {margin-top:18px; letter-spacing:-1px; color:#999; font-size:14px;}


/* components */
/* list title */
.listTitleRow {padding:50px 0 40px;}
.listTitleRow .title {float:left; line-height:32px; color:#444; font-size:30px;}
.listTitleRow .sort {float:right; height:32px; line-height:32px;}
.listTitleRow .sort a {display:inline-block; position:relative; padding:0 15px; color:#999; font-size:14px;}
.listTitleRow .sort a:after {display:block; content:""; position:absolute; left:0; top:11px; width:1px; height:11px; border-left:1px dotted #a9a9a9;}
.listTitleRow .sort a.active {color:#222;}
.listTitleRow .sort a:first-child:after {display:none;}
.listTitleRow .sort a:last-child {padding:0 5px 0 15px;}
/* product list */
.productList {padding:0 0 100px;}
.productList .list li {float:left; margin:0 0 44px 30px; width:240px; border-radius:15px;}
.productList .list li:nth-child(1),
.productList .list li:nth-child(4n+1) {margin-left:0;}
.productList .pagination {margin-top:60px;}
/* page tab */
.pageTabGroup .detailTab ul {border-bottom:1px solid #bfbfbf;}
.pageTabGroup .detailTab li {position:relative; top:1px; float:left; border:1px solid #bfbfbf; border-left:0;}
.pageTabGroup .detailTab li:first-child {border-left:1px solid #bfbfbf;}
.pageTabGroup .detailTab li.active {border-bottom:1px solid #fff;}
.pageTabGroup .detailTab li a {display:block; width:167px; height:45px; line-height:45px; color:#666; font-size:14px; text-align:center; background:#f0eef1; transition:all .2s;}
.pageTabGroup .detailTab li.active a {color:#222; background:#fff;}
.pageTabGroup .pageTabCont .cont {display:none;}
.pageTabGroup .pageTabCont .cont.active {display:block;}
/* default list item */
.defaultItemComp {position:relative; border-radius:10px 10px 0 0; overflow:hidden;}
.defaultItemComp .pic {width:100%; height:240px; border-radius:0 0 10px 10px;}
.defaultItemComp .info {margin-top:26px;}
.defaultItemComp .info .name {width:100%; height:20px; letter-spacing:-1px; color:#000; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.defaultItemComp .info .row {margin-top:22px;}
.defaultItemComp .info .left {float:left;}
.defaultItemComp .info .left .per {float:left; width:60px; height:50px; line-height:50px; text-align:center; border:1px solid #e36220; border-radius:5px;}
.defaultItemComp .info .left .per strong,
.defaultItemComp .info .left .per span {color:#fa6417; font-weight:600;}
.defaultItemComp .info .left .per strong {letter-spacing:-2px; font-size:20px;}
.defaultItemComp .info .left .per span {margin-left:2px; font-size:16px;}
.defaultItemComp .info .right {float:right; padding-top:2px; text-align:right;}
.defaultItemComp .info .right span {display:block; letter-spacing:-1px;}
.defaultItemComp .info .right .before {color:#999; font-size:16px; text-decoration:line-through;}
.defaultItemComp .info .right .after {margin-top:4px; letter-spacing:-2px; color:#fb771e; font-size:26px; font-weight:600;}
.defaultItemComp .bedge {display:block; position:absolute; top:0; left:0; width:100px; height:37px; line-height:37px; color:#fff; font-size:14px; font-weight:600; text-align:center; border-radius:0 20px 20px 0;}
.defaultItemComp .bedge.red {background:#de1212;}
.defaultItemComp .bedge.yellow {background:#de8a12;}
.defaultItemComp .bedge.blue {background:#127ede;}
.defaultItemComp .reviewCnt {position:absolute; right:66px; top:180px; padding-top:8px; width:50px; height:42px; text-align:center; background:rgba(0,0,0,.7); border-radius:50em;}
.defaultItemComp .reviewCnt dt,
.defaultItemComp .reviewCnt dd {color:#fff;}
.defaultItemComp .reviewCnt dt {margin-bottom:6px; font-size:12px;}
.defaultItemComp .reviewCnt dd {font-size:15px;}
.defaultItemComp .btnAddCart {display:block; position:absolute; right:8px; top:180px; width:50px; height:50px; background:url('../images/common/ico_list_cart.png') no-repeat center; border-radius:50em;}
/* notice */
.boardHeadComp {padding:32px 26px;}
.boardHeadComp .subject {margin-bottom:12px; line-height:28px; color:#444; font-size:20px; font-weight:600;}
.boardHeadComp .date {color:#999; font-size:13px; font-weight:600;}

/* layer content */
.popupContent {display:none; position:fixed; top:0; left:0; z-index:1100; width:100%; height:100%;}
.popupContent .dim {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7);}
.popupContent .content {position:fixed; top:100px; left:50%; z-index:1100; padding:0 25px 30px; background:#fff; border-top:3px solid #fa6417;}
.popupContent .title {padding:26px 0; color:#4c4c4c; font-size:24px; font-weight:600; border-bottom:1px solid #ccc;}
.popupContent .btnCloseLayer {position:absolute; top:-43px; right:0; width:40px; height:40px; background:url('../images/common/btn_layer_close.gif') no-repeat; cursor:pointer;}
.popupContent .content .btns .btn {display:block; height:54px; line-height:54px; font-size:16px; text-align:center;}
.popupContent .content .btns.two .btn {float:left; width:calc(50% - 2px); margin:0;}
.popupContent .content .btns .btn.white {color:#f46060; border:1px solid #f46060;}
.popupContent .content .btns .btn.darkgray {color:#fff; border:1px solid #090909; background:#474747;}
.popupContent .content .btns .btn.orange {color:#fff; border:1px solid #db5612; background:#fa6417;}
/* 공통(alert) */
.commonLayer .content {margin-left:-205px; width:410px;}
.commonLayer .txtDefault {padding:60px 0; line-height:28px; color:#222; font-size:20px; text-align:center;}
/* find info */
.findInfo .content {margin-left:-205px; width:410px;}
.findInfo .txtGuide {margin-bottom:30px; line-height:30px; color:#222; font-size:20px; text-align:center;}
.findInfo .box {padding:40px 0 30px;}
.findInfo .box input[type="text"] {padding:0 0 0 76px; width:100%; height:68px; color:#444; font-size:18px; border:0; border-bottom:1px solid #dbdbdb; box-sizing:border-box;}
.findInfo.fId input[type="text"] {background:url('../images/common/ico_phone.gif') no-repeat left 25px center;}
.findInfo.fPassword input[type="text"] {background:url('../images/common/ico_email.gif') no-repeat left 25px center;}
.findInfo .memberId {color:#fa6417; font-size:24px; text-align:center;}
/* common term */
.commonTermPopup .content {margin-left:-305px; width:610px;}
.commonTermPopup .box {padding:10px 0 0;}
.commonTermPopup .scrollArea {padding:20px 0 20px 20px; height:344px; overflow-y:auto; border:1px solid #ccc;}
.commonTermPopup .scrollArea h2,
.commonTermPopup .scrollArea h3 {color:#222; font-weight:600;}
.commonTermPopup .scrollArea h2 {font-size:18px;}
.commonTermPopup .scrollArea h3 {margin:25px 0 5px; font-size:16px;}
.commonTermPopup .scrollArea p {line-height:24px; color:#999; font-size:14px;}
/* 제휴 아파트 목록 */
.affiliatedAPT .content {margin-left:-205px; width:410px;}
.affiliatedAPT .searchBox {position:relative; margin:20px 0 10px; height:48px; border:1px solid #e6e6e6;}
.affiliatedAPT .searchBox input[type="text"] {padding:0 12px; width:100%; height:48px; color:#444; font-size:14px; border:0; box-sizing:border-box; background:#fafafa;}
.affiliatedAPT .searchBox .btnSearch {display:block; position:absolute; right:0; top:0; width:48px; height:48px; background:url('../images/common/btn_apt_search.png') no-repeat center;}
.affiliatedAPT .selectRow {margin-bottom:15px;}
.affiliatedAPT .selectRow select {width:199px; border:1px solid #a9a9a9;}
.affiliatedAPT .selectRow .left {float:left;}
.affiliatedAPT .selectRow .right {float:right;}
.affiliatedAPT .searchResult .resultCnt {line-height:34px; color:#999; font-size:18px;}
.affiliatedAPT .searchResult .resultCnt .cnt {color:#fa6417;}
.affiliatedAPT .searchResult .list {margin-bottom:20px;}
.affiliatedAPT .searchResult .list li a {display:block; padding:18px 0; border-bottom:1px solid #dbdbdb;}
.affiliatedAPT .searchResult .list li a .name {color:#000; font-size:18px;}
.affiliatedAPT .searchResult .list li a .address {margin-top:12px; color:#999; font-size:14px;}
/* 상품문의하기 */
.registInquiry .content {margin-left:-205px; width:410px;}
.registInquiry .box {padding-top:20px;}
.registInquiry input[type="text"],
.registInquiry textarea {display:block; padding:0 20px; width:100%; color:#444; font-size:14px; box-sizing:border-box; border:1px solid #e6e6e6;} 
.registInquiry input[type="text"] {height:48px;}
.registInquiry textarea {margin-top:10px; padding:20px; height:220px;}
.registInquiry .btns {margin-top:30px;}
/* 주문취소 */
.cancelOrder .content {margin-left:-205px; width:410px;}
.cancelOrder .txtGuide {padding:30px 0; text-align:center;}
.cancelOrder select {float:none; margin-bottom:10px; width:100%; height:38px; font-size:14px; border:1px solid #a9a9a9;}
.cancelOrder textarea {padding:12px; width:100%; height:180px; line-height:20px; font-size:14px; border:1px solid #e6e6e6; box-sizing:border-box; resize:none;}
.cancelOrder .btns {margin-top:30px;}
/* 카드등록 */
.registCard .content {margin-left:-205px; width:410px;}
.registCard .txtGuide {margin:25px 0; color:#222; font-size:20px; text-align:center;} 
.registCard .txtInfo {margin:20px 0; color:#999; font-size:14px; text-align:center;}
.registCard .choice {position:relative; margin-bottom:15px;}
.registCard .choice input[type="radio"] {position:absolute; left:-9999px; top:0;}
.registCard .choice label {float:left; margin-right:26px; padding-left:40px; line-height:23px; color:#999; font-size:16px; font-weight:400; background:url('../images/common/bg_agree_check_off.gif') no-repeat left;}
.registCard .choice input[type="radio"]:checked + label {color:#222; background:url('../images/common/bg_agree_check_on.gif') no-repeat left;}
.registCard input[type="text"],
.registCard input[type="password"] {margin-top:10px; padding:0 12px; width:100%; height:48px; font-size:14px; border:1px solid #e6e6e6; box-sizing:border-box;}
/* 후기작성 */
.registReview .content {margin-left:-205px; width:410px;}
.registReview textarea {margin:22px 0 10px; padding:12px; width:100%; height:180px; line-height:20px; font-size:14px; border:1px solid #e6e6e6; box-sizing:border-box; resize:none;}
.registReview .fileAttatch {margin-bottom:10px;}
.registReview .fileAttatch input[type="file"] {position:absolute; left:-9999px; top:0;}
.registReview .fileAttatch label {display:block; height:48px; line-height:48px; text-align:center; border:1px solid #fa6417;}
.registReview .fileAttatch label span {display:inline-block; padding-left:34px; color:#fa6417; background:url('../images/content/ico_attatch_file.gif') no-repeat left;}
.registReview .attatchFiles {margin-bottom:20px;}
.registReview .attatchFiles li {float:left; margin-right:15px; line-height:20px;}
.registReview .attatchFiles li span {color:#999; font-size:14px;}
.registReview .attatchFiles li .btnDelete {display:inline-block; margin-left:12px; width:19px; height:19px; vertical-align:middle; background:url('../images/content/btn_attatch_file_delete.gif') no-repeat;}