@charset "UTF-8"; /*공통*/ .title_wrap{position:relative;text-align:center} .title_wrap h2.sub_tit01{text-align:center;color:#1b1b1b;font-size:30px;position:relative;padding-bottom:20px;display:inline-block;letter-spacing:10px} .title_wrap h2.sub_tit01::after{content:'';position:absolute;bottom:0;left:0;height:1px;width:98%;background:#1b1b1b} .title_wrap h2.sub_tit02{text-align:center;color:#1b1b1b;font-size:30px;position:relative;padding-bottom:20px;display:inline-block} .title_wrap h2.sub_tit02::after{content:'';position:absolute;bottom:0;left:0;height:1px;width:98%;background:#1b1b1b} .title_wrap .more_btn{position:absolute;right:0;bottom:0;color:#1b1b1b;font-size:16px} .title_wrap .more_btn i{margin-right:10px} .mypage_right h2.sub_tit02{text-align:center;color:#1b1b1b;font-size:30px !important;position:relative;padding-bottom:20px;display:inline-block;margin-bottom:50px;line-height:33px} .mypage_right h2.sub_tit02::after{content:'';position:absolute;bottom:0;left:0;height:1px;width:98%;background:#1b1b1b} .hover_wrap{display:none;position:absolute;left:0;top:0;width:100%;height:100%} .hover_wrap ul{height:64px;width:220px;position:absolute;top:50%;margin-top:-32px;left:50%;margin-left:-110px} .hover_wrap ul li{display:inline-block;float:left;margin-right:14px} .hover_wrap ul li button{border:0;background:none;padding:0} .hover_wrap ul li:last-child{margin-right:0} .mypage_right .register_wrap .register_top{margin:0px 0 40px} .mypage_right .register_wrap{margin:16px 0 30px} .mypage_right .register_wrap > h2{font-size:20px;padding:0 0 20px} .mypage_right .sub_tit02{padding:30px 0 20px 0} #pg_map{padding:40px 0 70px;text-align:right} #pg_map a{color:#afafaf;font-size:16px;line-height:24px} #pg_map a.active{color:#1b1b1b;font-weight:400} #pg_map span{color:#afafaf;font-style:italic;margin:0 20px} #pg_map span.active{color:#1b1b1b;font-weight:400;font-style:normal;margin:0;font-size:16px;line-height:24px;top:0} .txt_col01{color:#f08200 !important} .txt_col02{color:#e40f23 !important} .txt_col03{color:#a40000 !important} .txt_col04{color:blue !important} .txt_col05{color:#ff0000} legend,caption{display:none !important} input::placeholder{color:#999} /* Chrome/Opera/Safari */ input::-webkit-input-placeholder{color:#999} /* Firefox 19+ */ input::-moz-placeholder{color:#999} /* IE 10+ */ input:-ms-input-placeholder{color:#999} /* Firefox 18- */ input:-moz-placeholder{color:#999} /*로그인*/ .login_wrap{border:1px solid #313131;width:576px;padding:55px;margin:70px auto} .login_wrap h3{text-align:center;padding-bottom:43px;font-size:17px} .login_wrap ul{} .login_wrap ul li{margin-bottom:15px} .login_wrap ul li:nth-child(3){margin:20px 0 24px;height:17px} .login_wrap ul li:nth-child(3) label{float:left;line-height:17px;margin:0;font-weight:300} .login_wrap ul li:last-child{margin:0;display:inline-block;width:100%;margin-top:16px} .login_wrap ul li input[type="text"]{width:100%;border:1px solid #d9d9d9;padding:0 10px;height:44px;font-size:16px;line-height:42px} .login_wrap ul li input[type="password"]{width:100%;border:1px solid #d9d9d9;padding:0 10px;height:44px;font-size:16px;line-height:42px} .login_wrap ul li input[type="text"]::placeholder{color:#999;font-size:16px} .login_wrap ul li input[type="password"]::placeholder{color:#999;font-size:16px} /* Chrome/Opera/Safari */ .login_wrap ul li input[type="text"]::-webkit-input-placeholder{color:#999;font-size:16px} .login_wrap ul li input[type="password"]::-webkit-input-placeholder{color:#999;font-size:16px} /* Firefox 19+ */ .login_wrap ul li input[type="text"]::-moz-placeholder{color:#999;font-size:16px} .login_wrap ul li input[type="password"]::-moz-placeholder{color:#999;font-size:16px} /* IE 10+ */ .login_wrap ul li input[type="text"]:-ms-input-placeholder{color:#999;font-size:16px} .login_wrap ul li input[type="password"]:-ms-input-placeholder{color:#999;font-size:16px} /* Firefox 18- */ .login_wrap ul li input[type="text"]:-moz-placeholder{color:#999;font-size:16px} .login_wrap ul li input[type="password"]:-moz-placeholder{color:#999;font-size:16px} .login_wrap ul li input[type="checkbox"]{width:17px;height:17px;margin-right:5px;float:left} .login_wrap ul li label{color:#1b1b1b;font-size:17px;margin-bottom:10px;display:inline-block;font-weight:400} .login_wrap ul li a{color:#1b1b1b;float:right;font-size:17px} .login_wrap ul li button{background:#f08200;color:#fff;width:100%;border:0;line-height:42px;font-size:18px} .login_wrap ul li:last-child a{color:#1b1b1b;width:33.333%;float:none;text-align:center;line-height:16px;font-size:17px;float:left;border-right:1px solid #1b1b1b} .login_wrap ul li:last-child a:last-child{border-right:0} /*가입완료*/ .re_re_wrap{} .re_re_wrap > h2{font-size:30px;color:#f08200;text-align:center;padding:50px 0 35px;font-weight:300} .re_re_wrap h3{text-align:center;font-size:18px} .re_re_wrap ul.re_type_top{padding:15px 30px 30px;border:1px solid #313131;width:576px;margin:60px auto 140px} .re_re_wrap ul.re_type_top li{display:inline-block;width:100%} .re_re_wrap ul.re_type_top li:nth-child(1){background:url(/images/sub/re_re_icon01-73d307df653f417398a7ab30c39a954c.png)45px center no-repeat;padding:40px 0 40px 195px;border-bottom:1px solid #000000} .re_re_wrap ul.re_type_top li:nth-child(2){background:url(/images/sub/re_re_icon02-3a053fce08285774f858eb2f352be9e8.png)45px center no-repeat;padding:40px 0 40px 195px} .re_re_wrap ul.re_type_top li h2{font-size:18px;font-weight:600} .re_re_wrap ul.re_type_top li h2 strong{background:#f08200;color:#fff;width:65px;height:30px;display:inline-block;text-align:center;border-radius:20px;line-height:30px;font-size:15px;font-weight:400;margin-right:11px} .re_re_wrap ul.re_type_top li h2 span{padding-left:75px;display:inline-block;font-size:15px;margin-top:10px} .re_re_wrap ul.re_type_top li a{background:#f08200;color:#fff;width:253px;margin-right:6px;text-align:center;line-height:44px;font-size:17px;display:inline-block;float:left} .re_re_wrap ul.re_type_top li a:last-child{background:#fff;border:1px solid #000;color:#000;margin:0} .re_re_wrap ul.re_type_ban{float:left;padding:0;width:100%;margin:50px auto 20px;text-align:center;padding:0 10%} .re_re_wrap ul.re_type_ban li{float:left;width:50%;padding:0 10px} .re_re_wrap ul.re_type_ban li a{float:left;width:100%} .re_re_wrap ul.re_type_ban li a:last-child{height:auto} .re_re_wrap ul.re_type_ban li img{float:left;width:100%} .re_re_wrap ul.re_type_link{float:left;padding:0;width:100%;margin:50px 0 150px} .re_re_wrap ul.re_type_link li{display:inline-block;width:100%;text-align:center} .re_re_wrap ul.re_type_link li a{background:#f08200;color:#fff;width:253px;text-align:center;line-height:44px;font-size:17px;display:inline-block;margin:0 5px} .re_re_wrap ul.re_type_link li a:last-child{background:#fff;border:1px solid #000;color:#000} /*아이디ㆍ비밀번호찾기*/ .id_lost_wrap{padding:55px 52px;border:1px solid #313131;width:576px;margin:70px auto 280px;position:relative} .id_lost_wrap .tab_wrap{text-align:center} .id_lost_wrap .tab_wrap button{border:0;background:transparent;color:#000000;/* width:120px;*/font-size:20px;padding-bottom:3px;margin-right:80px;border-bottom:2px solid #cccccc} .id_lost_wrap .tab_wrap button:last-child{margin:0} .id_lost_wrap .tab_wrap button.active{border-bottom:2px solid #f08200} .id_lost_wrap .tab_con{} .id_lost_wrap .tab_con > h2{font-size:16px;text-align:center;padding:45px 0 36px;line-height:26px} .id_lost_wrap .tab_con#id_lost > h2{padding:45px 0 40px} .id_lost_wrap .tab_con ul{display:inline-block} .id_lost_wrap .tab_con ul li{margin-bottom:14px;display:inline-block;width:100%;float:left} .id_lost_wrap .tab_con#id_lost ul li{margin-bottom:10px} .id_lost_wrap .tab_con#id_lost ul li:last-child{margin:0} .id_lost_wrap .tab_con ul li input[type="text"]{border:1px solid #d9d9d9;width:100%;padding:0 10px;font-size:16px;height:44px;line-height:42px} .id_lost_wrap .tab_con ul li input[type="text"]::placeholder{color:#999;font-size:16px} /* Chrome/Opera/Safari */ .id_lost_wrap .tab_con ul li input[type="text"]::-webkit-input-placeholder{color:#999;font-size:16px} /* Firefox 19+ */ .id_lost_wrap .tab_con ul li input[type="text"]::-moz-placeholder{color:#999;font-size:16px} /* IE 10+ */ .id_lost_wrap .tab_con ul li input[type="text"]:-ms-input-placeholder{color:#999;font-size:16px} /* Firefox 18- */ .id_lost_wrap .tab_con ul li input[type="text"]:-moz-placeholder{color:#999;font-size:16px} .id_lost_wrap .tab_con ul li input[type="password"]{border:1px solid #d9d9d9;width:100%;padding:0 10px;font-size:16px;height:44px;line-height:42px} .id_lost_wrap .tab_con ul li input[type="password"]::placeholder{color:#999;font-size:16px} /* Chrome/Opera/Safari */ .id_lost_wrap .tab_con ul li input[type="password"]::-webkit-input-placeholder{color:#999;font-size:16px} /* Firefox 19+ */ .id_lost_wrap .tab_con ul li input[type="password"]::-moz-placeholder{color:#999;font-size:16px} /* IE 10+ */ .id_lost_wrap .tab_con ul li input[type="password"]:-ms-input-placeholder{color:#999;font-size:16px} /* Firefox 18- */ .id_lost_wrap .tab_con ul li input[type="password"]:-moz-placeholder{color:#999;font-size:16px} .id_lost_wrap .tab_con ul li input.input_st02{width:85%;float:left} .id_lost_wrap .tab_con ul li.s01 button{width:14%;height:44px;margin-bottom:0;margin-left:1%;font-size:12px} .id_lost_wrap .tab_con ul li.s01 em{font-style:normal;margin-top:5px;display:inline-block;font-size:13px;font-weight:400} .id_lost_wrap .tab_con ul li:last-child{margin-bottom:0} .id_lost_wrap .tab_con ul li:last-child button{width:232px;float:left;display:inline-block;line-height:40px;font-size:16px;margin-right:6px} .id_lost_wrap .tab_con ul li:last-child button:last-child{margin-right:0} .id_lost_wrap .tab_con ul li label{font-size:16px;margin-bottom:10px;display:block;font-weight:400} .id_info,.ps_info{position:absolute;bottom:-130px;text-align:center;width:100%;left:0} .id_info p,.ps_info p{padding-top:10px;font-size:15px} .id_info img,.ps_info img{} /*회원가입*/ .register .title_wrap{text-align:left} .register .title_wrap h2.sub_tit01{letter-spacing:0} .register_wrap{} .register_wrap .title_wrap h2{} .register_wrap h2.register_tit{font-size:25px;border-bottom:3px solid #000;padding-bottom:20px;font-weight:500} .mypage_right .register_wrap h2.register_tit{font-weight:300} .register_wrap .register_tit02{font-size:16px;padding-bottom:20px;font-weight:600} .register_wrap .register_tit03{font-size:15px;margin-bottom:25px} .register_wrap .register_top{margin:60px 0 40px} .register_wrap .register_top dl{border-bottom:1px solid #c9c9c9;padding:15px 0;display:inline-block;width:100%} .register_wrap .register_top dt{display:inline-block;width:125px;float:left;line-height:44px} .register_wrap .register_top dt label{font-size:15px;font-weight:500} .register_wrap .register_top dt label span{margin:0 5px 0 8px;vertical-align:middle} .register_wrap .register_top dd{display:inline-block;width:calc(100% - 125px)} .register_wrap .register_top dd input{padding:15px 10px;font-size:15px;border:1px solid #d9d9d9;height:44px;line-height:42px;width:505px} .register_wrap .register_top dd input::placeholder{color:#999} /* Chrome/Opera/Safari */ .register_wrap .register_top dd input::-webkit-input-placeholder{color:#999} /* Firefox 19+ */ .register_wrap .register_top dd input::-moz-placeholder{color:#999} /* IE 10+ */ .register_wrap .register_top dd input:-ms-input-placeholder{color:#999} /* Firefox 18- */ .register_wrap .register_top dd input:-moz-placeholder{color:#999} .register_wrap .register_top dd button{height:44px;line-height:34px;width:96px} .register_wrap .register_top dd em{font-style:normal;line-height:44px;margin-left:11px} .register_wrap .register_top dl.id dd input,.register_wrap dl.email dd input,.register_wrap dl.id dd button,.register_wrap dl.email dd button{float:left} .register_wrap .register_top dl.id dd input{margin-right:6px;width:405px} .register_wrap .register_top dl.email dd input{width:405px;margin-right:5px} .register_wrap .register_top dl.email dd .email_input02{width:400px} .register_wrap .register_top dl.email dd button{margin-right:5px;width:96px;padding:0} .register_wrap .register_top dl.email dd button:last-child{margin-right:0} .register_wrap .register_top dl.phone dd input{width:75px} .register_wrap .register_top dl.reco_id dt{line-height:1.5;padding-left:20px} .register_wrap .register_top dl.reco_id dt label{} .register_wrap .register_top .auth_method{padding:20px 0;border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;display:inline-block;width:100%} .register_wrap .register_top .auth_method dl{} .register_wrap .register_top .auth_method dd{display:inline-block;width:20%;float:left} .register_wrap .register_top .auth_method dd input[type="radio"]{height:17px;width:17px;margin-right:5px;/* float:left;*/} .register_wrap .register_top .auth_method dd label{font-size:15px;vertical-align:middle;line-height:17px;color:#1b1b1b} .register_wrap .register_top dl.two_con{} .register_wrap .register_top dl.two_con dt{} .register_wrap .register_top dl.two_con dd{width:calc(50% - 125px);float:left} .register_wrap .register_top dl.two_con dd input{width:80%} .register_wrap .all_ck{padding:30px 0} .register_wrap .all_ck h3{display:inline-block;padding:0} .register_wrap .all_ck span{display:inline-block;float:right} .register_wrap .all_ck span label{font-size:15px;vertical-align:middle;line-height:17px} .register_wrap .all_ck span input[type="checkbox"]{width:17px;height:17px;margin-right:5px} .privacy{border-top:1px solid #c9c9c9;margin-bottom:45px} .privacy input[type="checkbox"]{margin-right:5px;height:17px;width:17px} .privacy label{font-size:15px;vertical-align:middle;line-height:17px;color:#1b1b1b;margin-right:20px} .privacy a{width:100%} .privacy a span{float:right;padding-right:15px;color:#bfbfbf} .privacy a span .fa-chevron-down{display:none} .privacy a span .fa-chevron-up{display:block} .privacy a.collapsed span .fa-chevron-down{display:block} .privacy a.collapsed span .fa-chevron-up{display:none} .privacy2{border-top:1px solid #c9c9c9;margin-bottom:45px} .privacy2 input[type="checkbox"]{margin-right:5px;height:17px;width:17px} .privacy2 label{font-size:15px;vertical-align:middle;line-height:17px;color:#1b1b1b;margin-right:20px} .privacy2 a{float:right} .privacy2 a span{float:right;padding-right:15px;color:#bfbfbf} .privacy2 a span .fa-chevron-down{display:none} .privacy2 a span .fa-chevron-up{display:block} .privacy2 a.collapsed span .fa-chevron-down{display:block} .privacy2 a.collapsed span .fa-chevron-up{display:none} .register_wrap .email_sms{padding:20px 0;border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;display:inline-block;width:100%} .register_wrap .email_sms dl{} .register_wrap .email_sms dd{display:inline-block;width:50%;float:left} .register_wrap .email_sms dd input[type="checkbox"]{height:17px;width:17px;margin-right:5px;/* float:left;*/} .register_wrap .email_sms dd label{font-size:15px;vertical-align:middle;line-height:17px;color:#1b1b1b} .register_wrap .btn_wrap{text-align:center;margin:85px 0 180px} .register_wrap .btn_wrap button{width:232px;height:44px;line-height:42px;font-size:16px} /*기업회원가입*/ .register_wrap .register_top dl.office dt{float:left} .register_wrap .register_top dl.office dt.dt02{margin:0 22px 0 122px;width:auto} .register_wrap .register_top dl.office dd{float:left;width:auto} .register_wrap .register_top dl.office dd input{float:left;width:407px} .register_co.register_wrap .register_top dd input{width:432px} .register_co.register_wrap .register_top dl.id dd input{width:432px} .register_wrap .register_co_top{margin:60px 0 40px} .register_wrap .register_co_top dl{border-bottom:1px solid #c9c9c9;padding:15px 0;display:inline-block;width:100%} .register_wrap .register_co_top dt{display:inline-block;min-width:125px;float:left;line-height:44px} .register_wrap .register_co_top dt label{font-size:15px;font-weight:500} .register_wrap .register_co_top dt label span{margin:0 5px 0 8px;vertical-align:middle} .register_wrap .register_co_top dd{display:inline-block} .register_wrap .register_co_top dd input{padding:15px 10px;font-size:15px;border:1px solid #d9d9d9;height:44px;line-height:42px;width:432px} .register_wrap .register_co_top dd input::placeholder{color:#999} /* Chrome/Opera/Safari */ .register_wrap .register_co_top dd input::-webkit-input-placeholder{color:#999} /* Firefox 19+ */ .register_wrap .register_co_top dd input::-moz-placeholder{color:#999} /* IE 10+ */ .register_wrap .register_co_top dd input:-ms-input-placeholder{color:#999} /* Firefox 18- */ .register_wrap .register_co_top dd input:-moz-placeholder{color:#999} .register_wrap .register_co_top dd button{height:44px;line-height:34px;width:147px;margin-left:6px} .register_wrap .register_co_topregister_co_top dl.company dt{float:left} .register_wrap .register_co_top dl.company dt.dt02{margin-left:25px} .register_wrap .register_co_top dl.company dd{float:left} .register_wrap .register_co_top dl.company dd input{float:left;width:432px} .register_wrap .register_co_top dl.entre dd input,.register_wrap .register_co_top dl.entre dd button{float:left} .register_wrap .register_co_top dl.entre dd input{margin-right:6px;width:405px} .register_wrap .register_co_top dl.co_info dd{display:block;color:#1b1b1b;font-size:13px;line-height:1.7} .register_wrap .register_co_top dl.co_info dd i{color:#f08200;margin-right:5px} /*회원가입 종류*/ .re_type_wrap{} .re_type_wrap .re_type_top{display:inline-block;width:100%;margin:100px 0 120px} .re_type_wrap .re_type_top li{display:inline-block;width:50%;text-align:center;float:left;padding:160px 0 0} .re_type_wrap .re_type_top li:first-child{background:url(/images/sub/re_type_icon01-ee8109dfdbf630de00b8d4e7169bb613.png)center top no-repeat;border-right:1px solid #000000} .re_type_wrap .re_type_top li:last-child{background:url(/images/sub/re_type_icon02-d977f92db1a748bea2c3dc6fbce62057.png)center top no-repeat} .re_type_wrap .re_type_top li h2{border-top:1px solid #333333;border-bottom:1px solid #333;display:inline-block;font-size:20px;padding:5px 0;margin-bottom:50px} .re_type_wrap .re_type_top li p{font-size:16px} .re_type_wrap .re_type_top li p span{margin-top:25px;display:block;font-weight:400} .re_type_wrap .re_type_top li a{margin-top:70px;width:235px;height:44px;line-height:42px;font-size:16px} .re_type_wrap .re_type_btm{margin-bottom:130px;display:inline-block;width:100%} .re_type_wrap .re_type_btm li{display:inline-block;float:left;margin-right:13px} .re_type_wrap .re_type_btm li:last-child{margin:0} .re_type_wrap .re_type_btm li img{} /*브랜드*/ .brand_top{background:#f2f2f2;padding:55px 0} .brand_top .brand_con_top{padding:50px 0 0} .brand_top .brand_con_top > li{display:inline-block;width:275px;float:left;margin-right:13px;background:url(/images/main/main_con02_con_bg-a46c8b439c4a8cb4cd59e1846370ca98.png)center top no-repeat;padding-top:190px;position:relative} .brand_top .brand_con_top > li:last-child{margin-right:0} .brand_top .brand_con_top > li a.link_brand{position:absolute;top:20px;width:130px;height:160px;left:50%;margin-left:-65px;text-align:center;background-color:transparent;border:0} .brand_top .brand_con_top > li a.link_brand p{margin-top:2px;color:#1b1b1b;font-size:17px} .brand_top .brand_con_top > li a.link_brand p i{margin-left:5px} .brand_top .brand_con_top > li a{position:relative;float:left;width:100%;background-color:#fff;border:1px solid #e5e5e5} .brand_top .brand_con_top > li a:hover .hover_wrap{display:block;background:rgba(0, 0, 0, .4)} .brand_top .brand_con_top > li a figure{position:relative;float:left;width:100%} .brand_top .brand_con_top > li a figure .icon_wrap{position:absolute;left:15px;top:15px;width:55px} .brand_top .brand_con_top > li a figure .icon_wrap span{width:55px;height:20px;line-height:18px;text-align:center;font-size:10px;display:block;margin-bottom:4px;background-color:#fff} .brand_top .brand_con_top > li a figure .icon_wrap span.icon_st01{border:1px solid #f08200;color:#f08200} .brand_top .brand_con_top > li a figure .icon_wrap span.icon_st02{border:1px solid #009e96;color:#009e96} .brand_top .brand_con_top > li a figure .icon_wrap span.icon_st03{border:1px solid #448aca;color:#448aca} .brand_top .brand_con_top > li a figure .icon_wrap span.icon_st04{border:1px solid #8f82bc;color:#8f82bc} .brand_top .brand_con_top > li a figure .icon_wrap span.icon_st05{border:1px solid #000000;color:#000000} .brand_top .brand_con_top > li a figure .icon_wrap span.icon_st06{border:1px solid #01285c;color:#01285c} .brand_top .brand_con_top > li a figure .icon_wrap span.icon_st07{border:1px solid #f57e06;color:#f57e06} .brand_top .brand_con_top > li a figure .icon_wrap span.icon_st08{border:1px solid #868686;color:#868686} .brand_top .brand_con_top > li a figure img{float:left;width:100%} .brand_top .brand_con_top > li a figure figcaption{float:left;width:100%;display:inline-block;width:100%;padding:15px 20px} .brand_top .brand_con_top > li a figure figcaption p.info01{float:left;width:100%;color:#1b1b1b;font-size:14px} .brand_top .brand_con_top > li a figure figcaption p.info01 span.brand{color:#fff;text-align:center;background:#bfbfbf;border-radius:100%;margin-right:5px;width:15px;height:15px;display:inline-block;ul line-height:15px;font-size:11px} .brand_top .brand_con_top > li a figure figcaption p.info02{float:left;width:100%;color:#1b1b1b;font-size:18px;padding:10px 0 30px} .brand_top .brand_con_top > li a figure figcaption h2.dis_price{color:#f08200;font-size:20px;font-weight:500;display:inline-block;float:left;line-height:35px} .brand_top .brand_con_top > li a figure figcaption h2.dis_price .won{font-size:20px;margin-left:1px} .brand_top .brand_con_top > li a figure figcaption h2.dis_price span.price{float:left;color:#8b8b8b;font-size:13px;margin-right:10px;line-height:20px;margin-top:10px} .brand_top .brand_con_top > li a figure figcaption strong.percent{color:#fff;background:#e40f23;float:right;margin-top:7px;width:50px;height:26px;border-radius:15px;text-align:center;line-height:25px;font-size:15px;font-weight:400} .brand_btm{} .brand_btm .brand_btm_con{} .brand_btm .brand_btm_con li{display:inline-block;border:1px solid #d4d4d4;float:left;margin-right:32px;margin-bottom:32px;height:135px;width:135px} .brand_btm .brand_btm_con li:nth-child(7n){margin-right:0} .brand_btm .brand_btm_sch{padding:55px 0} .brand_btm .brand_btm_sch dl{border:1px solid #a0a0a0;padding:35px 0;background:url(/images/sub/brand_sch-9be4327081ea2103976cd5397920f9ba.png)57px center no-repeat;display:inline-block;width:100%} .brand_btm .brand_btm_sch dt{display:inline-block;padding-left:155px;float:left;font-size:20px;line-height:40px} .brand_btm .brand_btm_sch dd{display:inline-block;float:left;margin-left:55px} .brand_btm .brand_btm_sch dd button{background:#fff;border:1px solid #a0a0a0;color:#a0a0a0;text-align:center;width:40px;height:40px;font-size:16px;display:inline-block;float:left;margin-right:7px} .brand_btm .brand_btm_sch dd button:nth-child(n+16){width:55px} .brand_btm .brand_btm_sch dd button:hover,.brand_btm .brand_btm_sch dd button.active{color:#f08200;border:1px solid #f08200} .brand_top .title_wrap{text-align:left} .brand #pg_map{padding:40px 0 20px} /*리스트*/ .list_left{display:inline-block;float:left;width:190px;margin-right:28px;padding-top:20px;margin-bottom:50px} .list_left ul li,.list_left ul li ul li{position:relative;top:0;bottom:0;padding-bottom:15px} .list_left ul li input[type="checkbox"]{display:inline-block;margin-right:7px;width:17px;height:17px;vertical-align:text-top} .list_left ul li ul{} .list_left li{list-style-type:none} .list_left li a{position:relative;display:inline-block;color:#888} .list_left li.depth01{border-bottom:1px solid #c9c9c9;padding:15px 0 0 0} .list_left li.depth01 a.depth01_tit{color:#1b1b1b !important;font-size:20px;padding-bottom:15px} .list_left li.depth01 > a.toogle{line-height:30px;font-size:17px;width:100%;z-index:99;text-align:right} .list_left li.depth01:first-child > a.toogle{} .list_left li.depth01:first-child > a.toogle .fa-plus{} .list_left li.depth01:first-child > a.toogle .fa-minus{} .list_left li.depth01 > ul{border-top:1px solid #c9c9c9;padding-top:15px} .list_left li.depth02 a i{color:#9e9e9e} .list_left li.depth02 > ul{/*border-top:1px solid #c9c9c9;*/ padding:15px;padding-bottom:0} .list_left li a:hover{text-decoration:none} .list_left li a.toogle{position:absolute;right:0;width:100%;text-align:right;z-index:1} .list_left li.hasSubmenu02.active > a{font-weight:400} .list_left li.hasSubmenu02.active > a.toogle{font-weight:300} .list_left li.hasSubmenu02.active a{color:#1b1b1b} .list_left li.hasSubmenu02.active > a.toogle > i{color:#1b1b1b} .list_left .btn_wrap{margin-top:15px;display:inline-block;width:100%} .list_left .btn_wrap button{width:90px;height:40px;line-height:38px;display:inline-block;float:left;background:#fff;border:1px solid #1b1b1b;color:#1b1b1b;font-size:16px} .list_left .btn_wrap button:last-child{margin-left:10px;margin-right:0} .list_left ul li label, .list_left ul li ul li label{font-size:14px;color:#1b1b1b} .left_price input{display:inline-block;width:85px;height:30px;line-height:28px;padding:0 9px;border:1px solid #d9d9d9} /* Chrome/Opera/Safari */ .left_price input::-webkit-input-placeholder{color:#999} /* Firefox 19+ */ .left_price input::-moz-placeholder{color:#999} /* IE 10+ */ .left_price input:-ms-input-placeholder{color:#999} /* Firefox 18- */ .left_price input:-moz-placeholder{color:#999} .left_price div{padding-top:10px} .list_right{width:919px;border-top:1px solid #c9c9c9;display:inline-block} .list_right #pg_map{padding:40px 0 20px 0} .list_right .title_wrap{border-top:1px solid #c9c9c9;text-align:left;padding:30px 0} .list_right .title_wrap h2{display:inline-block;font-size:20px} .list_right .title_wrap h2 strong{font-size:25px;font-weight:400;margin:0 3px} .list_right .title_wrap select{float:right;width:150px;height:30px;line-height:30px;color:#1b1b1b;border:1px solid #d9d9d9;padding:0 0 0 5px} .list_right #product_list_none{} .list_right #product_list_none li{padding:100px 0} .list_right #product_list_none li h2{text-align:center;font-size:20px;padding-bottom:0;color:#1b1b1b} .list_right #product_list{} .list_right #product_list > ul > li{display:inline-block;width:223px;float:left;margin:0 9px 9px 0;background:#fff;border:1px solid #e5e5e5} .list_right #product_list ul li:nth-child(4n){margin-right:0} .list_right #product_list ul li a{position:relative;width:100%;float:left} .list_right #product_list ul li a:hover .hover_wrap{display:block;background:rgba(0, 0, 0, .4)} .list_right #product_list ul li a figure{position:relative;float:left;width:100%} .list_right #product_list ul li a figure .icon_wrap{position:absolute;left:15px;top:15px;width:55px} .list_right #product_list ul li a figure .icon_wrap span{width:55px;height:20px;line-height:18px;text-align:center;font-size:10px;display:block;margin-bottom:4px} .list_right #product_list ul li a figure .icon_wrap span.icon_st01{border:1px solid #f08200;color:#f08200;background:#fff} .list_right #product_list ul li a figure .icon_wrap span.icon_st02{border:1px solid #009e96;color:#009e96;background:#fff} .list_right #product_list ul li a figure .icon_wrap span.icon_st03{border:1px solid #448aca;color:#448aca;background:#fff} .list_right #product_list ul li a figure .icon_wrap span.icon_st04{border:1px solid #8f82bc;color:#8f82bc;background:#fff} .list_right #product_list ul li a figure .icon_wrap span.icon_st05{border:1px solid #000000;color:#000000;background:#fff} .list_right #product_list ul li a figure .icon_wrap span.icon_st06{border:1px solid #01285c;color:#01285c;background:#fff} .list_right #product_list ul li a figure .icon_wrap span.icon_st07{border:1px solid #f57e06;color:#f57e06;background:#fff} .list_right #product_list ul li a figure .icon_wrap span.icon_st08{border:1px solid #868686;color:#868686;background:#fff} .list_right #product_list ul li a figure img{float:left;width:100%} .list_right #product_list ul li a figure figcaption{float:left;width:100%;padding:0 7px 10px} .list_right #product_list ul li a figure figcaption p.info01{float:left;width:100%;color:#1b1b1b;font-size:14px} .list_right #product_list ul li a figure figcaption p.info01 span.brand{color:#fff;text-align:center;background:#bfbfbf;border-radius:100%;margin-right:5px;width:15px;height:15px;display:inline-block;ul line-height:15px;font-size:11px} .list_right #product_list ul li a figure figcaption p.info02{float:left;width:100%;color:#1b1b1b;font-size:18px;padding:10px 0 20px;word-spacing:-1px;letter-spacing:-1px} .list_right #product_list ul li a figure figcaption h2.dis_price{color:#f08200;font-size:20px;font-weight:500;display:inline-block;float:left;line-height:30px} .list_right #product_list ul li a figure figcaption h2.dis_price .won{font-size:17px;margin-left:1px} .list_right #product_list ul li a figure figcaption h2.dis_price span.price{float:left;color:#8b8b8b;font-size:13px;margin-right:7px;text-decoration:line-through;text-decoration-color:#8b8b8b;;line-height:20px;margin-top:7px} .list_right #product_list ul li a figure figcaption h2.dis_price span.price span{font-size:13px} .list_right #product_list ul li a figure figcaption strong.percent{color:#fff;background:#e40f23;float:right;margin-top:5px;width:42px;height:22px;border-radius:15px;text-align:center;line-height:20px;font-size:15px;font-weight:400} .list_right #product_list ul li a figure figcaption strong.percent span{font-size:11px;margin-left:2px} /* 페이징 */ .pg_wrap{clear:both;margin:30px 0;text-align:center;width:100%} .pg_wrap:after{display:block;visibility:hidden;clear:both;content:""} .pg_page, .pg_current{display:inline-block;vertical-align:middle;background:#ffffff;border:1px solid #bfbfbf} .pg a:focus, .pg a:hover{text-decoration:none} .pg_page{color:#bfbfbf;font-size:13px;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none} .pg_page:hover{border-color:#1b1b1b;color:#1b1b1b} .pg_prev{text-indent:-999px;overflow:hidden;background:url('/images/sub/pg_prev-670e764d34e3137ad0506eb0e6552aad.png') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb} .pg_next{text-indent:-999px;overflow:hidden;background:url('/images/sub/pg_next-c3e21d3feb6bf363d6f085d1989d1e5d.png') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb} .pg_end{text-indent:-999px;overflow:hidden;background:url('/images/sub/pg_end-9170d1c4249b7b195732748bf4705b7f.png') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb} .pg_first{text-indent:-999px;overflow:hidden;background:url('/images/sub/pg_first-bff7d48c0e5f66ec213e7d0a7de7a2ee.png') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb} .pg_page.active{border-color:#1b1b1b;color:#1b1b1b} /*뷰페이지*/ #view{} #view #pg_map{padding:40px 0 20px} #view .top_con{} #view .top_con .view_img{display:inline-block;width:523px;height:523px;float:left} #view .top_con .view_img img{border:1px solid #c9c9c9} #view .top_con .view_info{margin-left:48px;display:inline-block;width:569px;border-top:1px solid #c9c9c9} #view .top_con .view_info ul{position:relative} #view .top_con .view_info ul li{position:relative;width:100%;display:inline-block;float:left} #view .top_con .view_info ul li:nth-child(2){border-bottom:1px solid #c9c9c9} #view .top_con .view_info ul li dl{margin-bottom:15px;float:left;width:100%} #view .top_con .view_info ul li dl:first-child{padding-top:20px} #view .top_con .view_info ul li dl:last-child{padding-bottom:23px;border-bottom:1px solid #c9c9c9} #view .top_con .view_info ul li dt{float:left;display:inline-block;color:#1b1b1b;font-size:18px;min-width:115px;line-height:26px} #view .top_con .view_info ul li dd{float:left;display:inline-block;color:#1b1b1b;font-size:16px;line-height:26px} #view .top_con .view_info ul li.icon_wrap{padding:30px 0} #view .top_con .view_info ul li.icon_wrap span{width:66px;height:20px;line-height:18px;text-align:center;font-size:11px;display:inline-block;float:left;margin-right:5px} #view .top_con .view_info ul li.icon_wrap span.icon_st01{border:1px solid #f08200;color:#f08200} #view .top_con .view_info ul li.icon_wrap span.icon_st02{border:1px solid #009e96;color:#009e96} #view .top_con .view_info ul li.icon_wrap span.icon_st03{border:1px solid #448aca;color:#448aca} #view .top_con .view_info ul li.icon_wrap span.icon_st04{border:1px solid #8f82bc;color:#8f82bc} #view .top_con .view_info ul li.icon_wrap span.icon_st05{border:1px solid #000000;color:#000000} #view .top_con .view_info ul li.icon_wrap span.icon_st06{border:1px solid #01285c;color:#01285c} #view .top_con .view_info ul li.icon_wrap span.icon_st07{border:1px solid #f57e06;color:#f57e06} #view .top_con .view_info ul li.icon_wrap span.icon_st08{border:1px solid #868686;color:#868686} #view .top_con .view_info ul li.icon_wrap h1.name{width:100%;display:inline-block;font-size:30px;color:#1b1b1b;line-height:40px;padding-right:90px;margin-top:25px} #view .top_con .view_info ul li.icon_wrap p.brand_name{display:inline-block;font-size:25px;color:#1b1b1b;width:100%;text-align:left;margin-top:25px;padding-right:90px} #view .top_con .view_info ul li.icon_wrap a{position:absolute;right:0;top:30px;width:80px;text-align:center} #view .top_con .view_info ul li.icon_wrap a img.brand_logo{max-height:100px;position:relative} #view .top_con .view_info ul li.icon_wrap a:hover{} #view .top_con .view_info ul li.icon_wrap a:hover::after{content:'+ 전체보기';position:absolute;width:80px;height:80px;left:0;top:0;line-height:80px;text-align:center;color:#fff;font-size:14px;background:rgba(0,0,0,.5);border-radius:80px} #view .top_con .view_info ul li.icon_wrap a:hover span.brand_name{font-weight:600} #view .top_con .view_info ul li.icon_wrap a span.brand_name{display:block;width:100%;color:#1b1b1b;font-size:14px;margin-top:3px;font-weight:normal} #view .top_con .view_info ul li h4.re_price{color:#8b8b8b;text-decoration:line-through;text-decoration-color:#8b8b8b;font-size:18px;float:left;width:100%;line-height:28px} #view .top_con .view_info ul li h2.dis_price{font-size:30px;color:#f08200;padding:17px 0 20px;display:inline-block;float:left;line-height:45px} #view .top_con .view_info ul li strong.percent{float:left;width:66px;height:32px;color:#fff;background:#e40f23;border-radius:20px;display:inline-block;font-size:20px;text-align:center;margin-right:15px;margin:25px 0px 25px 10px;line-height:32px} #view .top_con .view_info ul li strong.percent span{font-size:15px;margin-left:2px} #view .top_con .view_info ul li.btn_wrap button{width:184px;height:58px;line-height:56px;display:inline-block;float:left;text-align:center;margin-right:7px;font-size:16px;font-weight:500;padding:0} #view .top_con .view_info ul li.btn_wrap button.view_btn01{color:#1b1b1b;background:#fff;border:1px solid #1b1b1b} #view .top_con .view_info ul li.btn_wrap button.view_btn02{color:#fff;background:#f08200;border:0} #view .top_con .view_info ul li.btn_wrap button.view_btn03{color:#fff;background:#004ea2;margin-right:0;border:0} #view .top_con .view_info ul li.btn_wrap button.view_btn04{color:#afafaf;border:1px solid #afafaf;background:#eaeaea;margin-right:0;cursor:not-allowed} #view .top_con .view_info ul li.btn_wrap button img{vertical-align:middle;margin-right:7px} #view .view_tab{padding:30px 0 0 0} #view .view_tab ul{display:inline-block;width:100%;margin-bottom:120px} #view .view_tab ul li{width:33.33333%;display:inline-block;float:left;text-align:center;border-color:#bcbcbc;border-style:solid;border-width:1px 1px 1px 0;line-height:55px;font-size:18px} #view .view_tab ul li:first-child{border-width:1px} #view .view_tab ul li a{font-weight:300;display:inline-block;width:100%;color:#333;height:100%} #view .view_tab ul li.active{background:#f08200} #view .view_tab ul li.active a{color:#fff} #view .view_tab ul.tab01{} .view_content .panel-title a{display:block;position:relative;width:100%;text-align:left;border-bottom:2px solid #1b1b1b;line-height:45px;font-size:20px;font-weight:400;color:#1b1b1b;padding-left:6px} .view_content.design02 .panel-title a{border:2px solid #f08200;background-color:#ffeedb;color:#f08200;padding-left:20px} .view_content .panel-title a:after{content:"";background-image:url( "/images/common/con_close-c824a61c406e0589f3ad895d3dd48983.png?v=20190924");width:27px;height:29px;position:absolute;right:6px;top:50%;margin-top:-14px} .view_content .panel-title a:after{ -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s; } .view_con{padding:0 20px} .view_con p{font-size:14px;line-height:22px} .view_content .panel-title{margin:0 0 30px;padding:70px 0 0} .view_content .panel-title a.collapsed:after{content:"";background-image:url( "/images/common/con_open-517e0cad3b212c67c3ad2943abf63515.png?v=20190924");width:27px;height:29px;position:absolute;right:6px;top:50%;margin-top:-14px} .view_content .panel-body.memberGrade{padding:0} .view_content .panel-body.memberGrade table{width:100%;text-align:center;border:1px solid #444;border-collapse:collapse} .view_content .panel-body.memberGrade table th , .view_content .panel-body.memberGrade table td{font-size:16px;line-height:25px;border:1px solid #444;padding:5px} .view_content .panel-body.memberGrade table th{font-weight:400;color:#444;background-color:#f5f5f5;text-align:center} .view_content .panel-body.memberGrade table td{} .view_content .panel-body.memberGrade table th.active{color:#f08200} .view_content .panel-body.memberGrade table td.active{color:#f08200;font-weight:400} /*주문페이지*/ #order{} #order.mypage01_edit{margin-bottom:50px} #order.mypage01_edit fieldset{position:relative} #order.mypage01_edit #order_con{position:relative;float:left;width:100%} #order.mypage01_edit .msg_time{float:left;width:100%} #order .layout_wrap{position:relative} #order .layout_wrap fieldset{position:relative} #order .layout_wrap fieldset #order_con{position:relative} #order .title_wrap{text-align:left;padding-bottom:60px} #order .sms_type{border:1px solid #c9c9c9;margin-bottom:25px;padding:20px} #order .sms_type dl{display:inline-block;margin-right:20px} #order .sms_type dt{display:inline-block;margin-right:5px} #order .sms_type dt input{margin:0;width:20px;height:20px} #order .sms_type dd{display:inline-block} #order .sms_type dd label{color:#1b1b1b;font-size:15px} #order_left{display:inline-block;width:790px;float:left;padding:0 20px;border:1px solid #ddd;border-top:3px solid #000} #order .order_left_sec{position:relative} #order .order_left_sec .order_left_tit{font-size:25px} #order .order_left_sec.order_sec05 .order_left_tit{padding:0} #order .order_left_sec.order_sec06 .order_left_tit{padding:0} #order .order_left_sec.order_sec07 .order_left_tit{padding:10px 0} #order_right{width:325px;display:inline-block;margin-left:25px;clear:both;border-top:3px solid #000;position:absolute;right:0} #order_right h2{padding:15px 0 45px;margin:0;font-size:23px} #order_right dl{display:inline-block;width:100%;margin-bottom:20px} #order_right dl dt{display:inline-block;color:#1b1b1b;width:50%;float:left;font-weight:500;font-size:15px} #order_right dl dd{display:inline-block;color:#1b1b1b;width:50%;text-align:right;font-size:15px} #order_right dl.total{border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;padding:25px 0;margin-top:10px;margin-bottom:35px} #order_right dl.total dt{font-size:25px} #order_right dl.total dd{font-size:25px} #order_right button{width:100%;height:45px;line-height:45px;font-size:17px;padding:0;border:0} .order_sec01{margin-bottom:25px} .order_sec01 ul{padding:15px;border:1px solid #c9c9c9;border-right:0;border-left:0;display:inline-block;width:100%} .order_sec01 ul li{display:inline-block;float:left} .order_sec01 ul li span{font-size:25px;margin-right:45px;vertical-align:sub} .order_sec01 ul li dl{margin-right:25px;line-height:35px} .order_sec01 ul li dt{display:inline-block;margin-right:5px} .order_sec01 ul li dt input{margin:0;width:20px;height:20px} .order_sec01 ul li dd{display:inline-block;color:#1b1b1b;font-size:15px} .order_sec01 ul li dd label.disabled{color:#aaa} .order_sec01 ul li .form-group{display:inline-block;margin:0;margin-right:10px;float:left} .order_sec01 ul li .form-group .form-control{background:#fff url('/images/sub/date_icon-47e1eea1a896bbfa1d048e8fd169ad92.png') 95% center no-repeat;box-shadow:none;border-radius:2px;color:#2c2c2c;width:160px;height:32px;border:1px solid #d9d9d9} .order_sec01 ul li .form-group#date01 .input-group-addon{display:none} .order_sec01 ul li .form-group select{border:1px solid #d9d9d9;height:32px;line-height:32px;vertical-align:baseline} .order_sec01 ul li .form-group em{font-style:normal;color:#1b1b1b;font-size:15px} .order_sec01 ul li.dateForm .alertText{float:left;width:auto;line-height:28px} .order_sec01 ul li.modify{margin-left:20px;padding:3px 0} .order_sec02{margin:0px;border-bottom:1px solid #c9c9c9} .order_sec02 .order_left_tit{padding:20px 0} .order_sec02 .panel-group{margin-bottom:0} .order_sec02 .panel-group .panel{margin-bottom:0;border-radius:4px;border:0;box-shadow:none} .order_sec02 .panel-group .panel+.panel{margin-top:5px} .order_sec02 .panel-group .panel-heading{border-bottom:0;background:transparent;border:0;padding:0;position:absolute;top:21px;right:5px;height:25px;width:25px} .order_sec02 .panel-title{width:100%;height:100%} .order_sec02 .panel-title a{background:url('/images/sub/order_minus-01fa2fcf344dd5658780111aa56a4b49.png') center center no-repeat;height:100%;width:100%} .order_sec02 .panel-title a.collapsed{background:url('/images/sub/order_plus-da5f21b3e0bdbba8ab3c0476b041dd42.png') center center no-repeat} .order_sec02 .panel-title a img{vertical-align:middle} .order_sec02 .panel-group .panel-heading+.panel-collapse>.panel-body{padding:0;border-top:0} .order_sec02 .panel-body table{} .order_sec02 .panel-body .table > caption+thead > tr > th{border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;color:#1b1b1b;font-weight:500;font-size:15px;text-align:center} .order_sec02 .panel-body .table > caption+thead > tr > th:first-child{} .order_sec02 .panel-body table > tbody > tr > td{border-top:0;border-bottom:1px solid #c9c9c9;vertical-align:middle;text-align:center;font-size:15px;color:#1b1b1b} .order_sec02 .panel-body table > tbody > tr > td:first-child{text-align:left} .order_sec02 .panel-body table > tbody > tr > td > img{vertical-align:middle;display:inline-block} .order_sec02 .panel-body table > tbody > tr > td span.name{vertical-align:middle;display:inline-block;text-align:left;width:290px;line-height:20px} .order_sec02 .panel-body table > tbody > tr > td span.name > span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .order_sec02 .panel-body table > tbody > tr > td span.name strong.brand_name{display:block;margin-bottom:5px} .order_sec02 .panel-body table > tbody > tr > td.re_price{text-decoration:line-through;text-decoration-color:#1b1b1b} .order_sec02 .panel-body table > tbody > tr > td.dis_price{} .order_sec02 .panel-body table > tbody > tr > td.dis_price .percent{display:block;background:#e40f23;width:40px;height:20px;border-radius:20px;color:#fff;margin:5px auto 0;font-size:13px;line-height:20px} .mypage_right .order_sec02 .panel-body table > tbody > tr > td span.name{width:250px} .mypage_right .order_sec04 .form-group{width:70%;padding:15px;border:1px solid #d9d9d9;overflow:hidden;overflow-y:scroll;height:190px} .mypage_right .order_sec04 .form-group input[type="text"].input_st01{width:300px;height:34px;line-height:32px;margin-left:0;margin-bottom:5px} .mypage_right .order_sec04 .form-group button{height:34px;font-size:15px;line-height:34px;margin-left:5px;width:auto;padding:0 10px} .mypage_right .order_sec06 .order_sec06_con dl:last-child dd{width:calc(100% - 100px)} .mypage_right .order_sec06 .order_sec06_con dl:last-child dd ul{display:inline-block;width:100%} .mypage_right .order_sec06 .order_sec06_con dl:last-child dd img{max-width:100%} .mypage_right .order_sec07 ul li input[type="text"]{width:268px} input[type="text"].input_st01{border:1px solid #d9d9d9;padding:0 10px;font-size:15px;height:45px;margin:0 5px 0 18px} input[type="text"].input_st01::placeholder{color:#999} /* Chrome/Opera/Safari */ input[type="text"].input_st01::-webkit-input-placeholder{color:#999} /* Firefox 19+ */ input[type="text"].input_st01::-moz-placeholder{color:#999} /* IE 10+ */ input[type="text"].input_st01:-ms-input-placeholder{color:#999} /* Firefox 18- */ input[type="text"].input_st01:-moz-placeholder{color:#999} #order .order_left_sec.order_sec03{padding-bottom:30px} .order_sec03{border-bottom:1px solid #c9c9c9} .order_sec03 .order_left_tit{} .order_sec03 input[type="text"].input_st01{margin:0;width:400px} .mypage_right #order .order_left_sec.order_sec03 input[type="text"].input_st01{width:400px} .order_sec03.emailType input[type="text"].input_st01{} .order_sec03 input[type="text"].input_st01::placeholder{color:#999} /* Chrome/Opera/Safari */ .order_sec03 input[type="text"].input_st01::-webkit-input-placeholder{color:#999} /* Firefox 19+ */ .order_sec03 input[type="text"].input_st01::-moz-placeholder{color:#999} /* IE 10+ */ .order_sec03 input[type="text"].input_st01:-ms-input-placeholder{color:#999} /* Firefox 18- */ .order_sec03 input[type="text"].input_st01:-moz-placeholder{color:#999} .order_sec03 .select_sns{display:inline-block;margin:10px 0 20px} .order_sec03 #excel_info{} .order_sec03 #excel_info .sel_sns_info{font-size:15px;display:inline-block;float:left} .order_sec03 #excel_info .sel_sns_info img,.order_sec03 #excel_info button img,.order_sec03 #excel_info .excel_fail_info img{vertical-align:middle;margin-right:5px} .order_sec03 #excel_info button{border:0;padding:0;margin-left:20px} .order_sec03 #excel_info .excel_fail_info{color:#ff0000;border:1px solid #1b1b1b;text-align:center;padding:25px 130px;margin-top:25px} .order_sec03 dl{clear:both;margin-bottom:15px} .order_sec03 dl:last-child{margin-bottom:0} .order_sec03 dl dt{display:inline-block;width:100px;color:#1b1b1b;font-size:15px;float:left;height:45px;line-height:45px} .order_sec03 dl dt label{font-weight:500} .order_sec03 dl dd{display:inline-block;width:calc(100% - 100px);position:relative} .order_sec03 dl dd input[type="text"]{height:45px;width:90%;margin-right:15px;border:1px solid #d9d9d9;font-size:15px;padding:10px;font-weight:300} .mypage_right #order .order_left_sec.order_sec03 dl dd input[type="text"]{width:88%} .order_sec03 dl dd input[type="text"]::placeholder{color:#999} /* Chrome/Opera/Safari */ .order_sec03 dl dd input[type="text"]::-webkit-input-placeholder{color:#999} /* Firefox 19+ */ .order_sec03 dl dd input[type="text"]::-moz-placeholder{color:#999} /* IE 10+ */ .order_sec03 dl dd input[type="text"]:-ms-input-placeholder{color:#999} /* Firefox 18- */ .order_sec03 dl dd input[type="text"]:-moz-placeholder{color:#999} .order_sec03 dl dd span{color:#1b1b1b;font-size:14px;float:right;line-height:45px} .order_sec04{} .order_sec04 .order_left_tit{padding:40px 0 25px} .order_sec04 .form-group{display:inline-block;margin:0;width:100%;float:left} .order_sec04 .form-group label{color:#1b1b1b;font-weight:500;font-size:15px;float:left;line-height:45px;margin-right:10px} .order_sec04 .form-group .fl{float:left;width:425px;padding-left:18px} .order_sec04 .form-group input[type="text"].input_st01{width:400px;float:left;height:45px;line-height:43px;padding:0 10px;margin:0} .order_sec04 .form-group input[type="text"].input_st01::placeholder{color:#999} /* Chrome/Opera/Safari */ .order_sec04 .form-group input[type="text"].input_st01::-webkit-input-placeholder{color:#999} /* Firefox 19+ */ .order_sec04 .form-group input[type="text"].input_st01::-moz-placeholder{color:#999} /* IE 10+ */ .order_sec04 .form-group input[type="text"].input_st01:-ms-input-placeholder{color:#999} /* Firefox 18- */ .order_sec04 .form-group input[type="text"].input_st01:-moz-placeholder{color:#999} .order_sec04 .form-group button{width:95px;height:45px;float:left;font-size:15px;padding:0;border:0;line-height:45px} .order_sec04 .btn-wrap{display:inline-block;width:100%;margin:28px 0 17px} .order_sec04 .btn-wrap button{width:185px;height:45px;line-height:41px;font-size:16px;display:inline-block;float:left;margin-right:5px} .order_sec04 .btn-wrap button img{vertical-align:middle} .order_sec04 .btn-wrap button:last-child{color:#1e7145;border:1px solid #1e7145} .order_sec04 .select_sns{display:inline-block} .mypage01_edit .order_sec04 .select_sns{display:inline-block;width:27%;margin-left:15px} .order_sec04 .select_sns .select_sns_left{width:471px;height:192px;overflow:hidden;overflow-y:scroll;border:1px solid #d9d9d9;padding:15px 20px;display:inline-block;float:left} .order_sec04 .select_sns textarea.select_sns_left{font-size:15px;padding:10px} .order_sec04 .select_sns .select_sns_left li{margin-bottom:10px} .order_sec04 .select_sns .select_sns_left li .sel_phone_num{display:inline-block;font-size:15px} .order_sec04 .select_sns .select_sns_left li button{width:15px;height:15px;margin-left:5px;color:#fff;border-radius:15px;border:0;background:#c9c9c9;text-align:center;padding:0} /*.order_sec04 .select_sns .select_sns_left{width:471px;height:192px;overflow:hidden;overflow-y:scroll;border:1px solid #d9d9d9;padding:10px 15px;display:inline-block;float:left;font-size:15px;line-height:22px}*/ /*.order_sec04 .select_sns .select_sns_left li{margin-bottom:10px}*/ /*.order_sec04 .select_sns .select_sns_left li .sel_phone_num{display:inline-block;font-size:15px}*/ /*.order_sec04 .select_sns .select_sns_left li button{width:15px;height:15px;margin-left:5px;color:#fff;border-radius:15px;border:0;background:#c9c9c9;text-align:center;padding:0}*/ .order_sec04 .select_sns .select_sns_right{margin-left:12px;width:211px;height:192px;border:1px solid #d9d9d9;padding:17px 20px;display:inline-block} .mypage01_edit .order_sec04 .select_sns .select_sns_right{margin-left:0;width:176px;height:190px;border:1px solid #d9d9d9;padding:15px;display:inline-block} .order_sec04 .select_sns .select_sns_right li{font-size:14px;margin-bottom:5px} .order_sec04 .select_sns .select_sns_right li:first-child{font-size:16px;margin:0} .order_sec04 .select_sns .select_sns_right li:nth-child(2){margin:0;text-align:right} .order_sec04 .select_sns .select_sns_right li span.refresh{float:right;width:50px;height:22px;line-height:20px;border:1px solid #ccc;font-size:13px;text-align:center;cursor:pointer} .order_sec04 .select_sns .select_sns_right li strong{font-size:30px;margin:10px 0;display:inline-block} .order_sec04 #excel_info{margin-top:20px} .order_sec04 #excel_info .sel_sns_info{font-size:15px;display:inline-block;float:left} .order_sec04 #excel_info .sel_sns_info img,.order_sec04 #excel_info button img,.order_sec04 #excel_info .excel_fail_info img{vertical-align:middle;margin-right:5px} .order_sec04 #excel_info button{border:0;padding:0;margin-left:20px} .order_sec04 #excel_info .excel_fail_info{color:#ff0000;border:1px solid #1b1b1b;text-align:center;padding:25px 0;margin-top:25px} .order_sec05{margin:30px 0 35px;padding:25px 0 30px;border-bottom:1px solid #c9c9c9} .order_sec05 .order_left_tit{display:inline-block} .order_sec05 .btn-wrap{display:inline-block;float:right;margin-bottom:25px} .order_sec05 .btn-wrap button{width:196px;height:45px;line-height:45px;float:left;margin-left:5px} .order_sec05 dl{clear:both;margin-bottom:15px} .order_sec05 dl dt{display:inline-block;width:100px;color:#1b1b1b;font-size:15px;float:left;height:45px;line-height:45px} .order_sec05 dl dt label{font-weight:500} .order_sec05 dl dd{display:inline-block;width:calc(100% - 100px);position:relative} .order_sec05 dl dd input[type="text"] , .order_sec05 dl dd textarea{height:45px;width:90%;margin-right:15px;border:1px solid #d9d9d9;font-size:15px;padding:10px;font-weight:300} .mypage_right #order .order_left_sec.order_sec05 dl dd input[type="text"] , .mypage_right #order .order_left_sec.order_sec05 dl dd textarea{width:88%} .order_sec05 dl dd input[type="text"]::placeholder{color:#999} .order_sec05 dl dd textarea::placeholder{color:#999} /* Chrome/Opera/Safari */ .order_sec05 dl dd input[type="text"]::-webkit-input-placeholder{color:#999} .order_sec05 dl dd textarea::-webkit-input-placeholder{color:#999} /* Firefox 19+ */ .order_sec05 dl dd input[type="text"]::-moz-placeholder{color:#999} .order_sec05 dl dd textarea::-moz-placeholder{color:#999} /* IE 10+ */ .order_sec05 dl dd input[type="text"]:-ms-input-placeholder{color:#999} .order_sec05 dl dd textarea:-ms-input-placeholder{color:#999} /* Firefox 18- */ .order_sec05 dl dd input[type="text"]:-moz-placeholder{color:#999} .order_sec05 dl dd textarea:-moz-placeholder{color:#999} .order_sec05 dl dd p{margin-top:5px;line-height:2;font-size:14px} .order_sec05 dl dd p strong{display:block} .order_sec05 dl dd textarea{height:160px;display:inline-block;margin-right:5px} .order_sec05 dl dd span{color:#1b1b1b;font-size:14px;float:right;line-height:45px} .order_sec05 dl dd span.textAreaCnt{position:absolute;top:127px;right:0} .order_sec05 dl dd.text_save > div{float:left;margin-left:30px} .order_sec05 dl dd.text_save > div:first-child{margin-left:0} .order_sec05 dl dd.text_save > p{float:left;width:100%;line-height:20px} .order_sec05 dl:last-child dd:last-child{padding-left:100px;width:auto;margin-top:15px} .order_sec05 dl:last-child dd:last-child input[type="checkbox"]{width:17px;height:17px;float:left;margin:0} .order_sec05 dl:last-child dd:last-child label{line-height:17px;color:#1b1b1b;margin-left:10px} .order_sec06 .order_sec06_con{border-left:1px solid #c9c9c9;border-right:1px solid #c9c9c9;margin-top:17px;border-bottom:1px solid #c9c9c9} .order_sec06 .order_sec06_con dl{padding:20px;border-top:1px solid #c9c9c9} .order_sec06 .order_sec06_con dl:last-child{} .order_sec06 .order_sec06_con dl dt{display:inline-block;color:#1b1b1b;font-weight:500;border-right:1px solid #c9c9c9;width:60px;font-size:15px;margin-right:20px;float:left;height:24px;line-height:24px} .order_sec06 .order_sec06_con dl dd{display:inline-block} .order_sec06 .order_sec06_con dl dd.default-image-area{max-height:560px;overflow-y:auto;} .order_sec06 .order_sec06_con dl dd ul{} .order_sec06 .order_sec06_con dl dd ul li{display:inline-block;margin-right:10px} .order_sec06 .order_sec06_con dl dd ul li input[type="radio"]{width:20px;height:20px} .order_sec06 .order_sec06_con dl dd ul li label{color:#1b1b1b;margin-left:5px;font-size:13px;line-height:24px} .order_sec06 .order_sec06_con dl dd ul li input[type="text"]{border:1px solid #d9d9d9;font-size:15px;padding:0 10px;font-weight:300;width:314px;height:45px;float:left;margin-right:5px} .order_sec06 .order_sec06_con dl dd ul li input[type="text"]::placeholder{color:#999} /* Chrome/Opera/Safari */ .order_sec06 .order_sec06_con dl dd ul li input[type="text"]::-webkit-input-placeholder{color:#999} /* Firefox 19+ */ .order_sec06 .order_sec06_con dl dd ul li input[type="text"]::-moz-placeholder{color:#999} /* IE 10+ */ .order_sec06 .order_sec06_con dl dd ul li input[type="text"]:-ms-input-placeholder{color:#999} /* Firefox 18- */ .order_sec06 .order_sec06_con dl dd ul li input[type="text"]:-moz-placeholder{color:#999} .order_sec06 .order_sec06_con dl dd ul li > button{width:96px;height:45px;font-size:15px} .order_sec06 .order_sec06_con dl:last-child dd ul li:last-child{} .order_sec06 .order_sec06_con dl dd ul li.img_upload{} .order_sec06 .order_sec06_con dl dd ul li.img_upload input.disp_search_file{border:1px solid #d9d9d9;font-size:13px;padding:0 5px;font-weight:300;width:485px;height:28px;float:left;margin-left:5px;margin-right:0;background-color:#fff;line-height:26px} #order.mypage01_edit .order_sec06 .order_sec06_con dl dd ul li.img_upload input.disp_search_file{width:395px} .order_sec06 .order_sec06_con dl dd ul li.img_upload .real_search_file{position:relative;float:left} .order_sec06 .order_sec06_con dl dd ul li.img_upload .real_search_file *{width:100px;height:28px;font-size:15px;color:#fff;background-color:#f08200;line-height:28px;margin:0;text-align:center} .order_sec06 .order_sec06_con dl dd ul li.img_upload .real_search_file input{position:absolute;z-index:1} .order_sec06 .order_sec06_con dl dd ul li.img_upload .real_search_file label{position:relative;z-index:2} .img_upload_wrap{width:600px} .img_upload_wrap li{width:33.3333333333%;padding:0 10px 0 0;float:left;margin-right:0 !important} .img_upload_wrap li figure{display:block;margin:10px 0} .img_upload{display:block !important;width:100% !important} .order_sec06 .btn_wrap button{width:232px;height:45px;font-size:16px} .order_sec06 .btn_wrap{text-align:center;margin:45px 0} .order_sec06 .order_sec06_info{padding:40px 0 30px} .order_sec06 .order_sec06_info li{background:url('/images/sub/order_sec06_info-bf358b817e95415ca3fdc8d7c83b66c4.png') left 3px no-repeat;padding-left:24px;margin-bottom:10px;font-size:14px} .order_sec06.saveImage{margin-bottom:35px} .order_sec06.saveImage .order_sec06_con dl dt{height:48px} .order_sec06.saveImage .order_sec06_con dl dd .img_upload_wrap li figure{margin:0} .order_sec07{padding:40px 0;border-bottom:1px solid #c9c9c9} .order_sec07 ul{padding-top:25px;display:inline-block;width:1005} .order_sec07 ul li{display:inline-block;float:left;height:45px;line-height:42px} .order_sec07 ul li.cash{width:325px} .order_sec07 ul li.cert_phone{width:390px} .order_sec07 ul li.cert_pwd{width:600px} .order_sec07 ul li input[type="text"]{margin:0;font-size:15px;font-weight:300;width:305px;margin-right:16px} .order_sec07 ul li input[type="text"]::placeholder{color:#999} /* Chrome/Opera/Safari */ .order_sec07 ul li input[type="text"]::-webkit-input-placeholder{color:#999} /* Firefox 19+ */ .order_sec07 ul li input[type="text"]::-moz-placeholder{color:#999} /* IE 10+ */ .order_sec07 ul li input[type="text"]:-ms-input-placeholder{color:#999} /* Firefox 18- */ .order_sec07 ul li input[type="text"]:-moz-placeholder{color:#999} .order_sec07 ul li input[type="checkbox"]{width:17px;height:17px;margin:0} .order_sec07 ul li label{color:#1b1b1b;font-size:14px;margin-right:42px;vertical-align:middle} .order_sec07 ul li p{display:inline-block;font-size:14px;color:#1b1b1b} .order_sec07 ul li p strong{margin:0 14px} .order_sec07 ul li button{width:106px;height:45px;font-size:15px} .order_sec07 #cert_info{display:inline-block;margin:10px 0;} .order_sec07 #cert_info .sel_cert_info{color:red;font-size:14px;display:inline-block;float:left;height:25px;line-height:22px} .order_sec07 .alertCount{position:absolute;top:237px;right:170px;width:66px;font-size:13px;line-height:44px;text-align:center;color:#e40f23;font-weight:400} .order_sec08{padding:40px 0;border-bottom:1px solid #c9c9c9} .order_sec08 ul{padding-top:20px} .order_sec08 ul li{display:inline-block;margin-right:33px} .order_sec08 ul li input[type="radio"]{width:20px;height:20px;float:left} .order_sec08 ul li label{color:#1b1b1b;margin-left:7px;font-size:13px;line-height:20px} .order_sec09{padding:40px 0} .order_sec09 .order_left_tit{display:inline-block} .order_sec09 .form-group{display:inline-block;float:right;margin:0;text-align:ri} .order_sec09 .form-group input[type="checkbox"]{width:17px;height:17px;margin:0} .order_sec09 .form-group label{color:#1b1b1b;font-size:14px;vertical-align:middle;margin-left:6px} .order_sec09 div.agree{height:193px;width:100%;margin-right:15px;border:1px solid #d9d9d9;font-size:15px;padding:23px 30px;font-weight:300;font-size:15px;margin-top:20px;overflow:hidden;overflow-y:scroll} .order_sec09 div.agree p{display:block;margin-bottom:10px} .order_sec09 div.agree p:last-child{margin-bottom:0} /*결제실패*/ #payment_fail{} #payment_fail .popupLayer-body{text-align:center} #payment_fail .popupLayer-body p{font-size:15px;color:#000} #payment_fail .popupLayer-body p.p1{padding:40px 0 30px} #payment_fail .popupLayer-body p.p2{border-top:1px solid #000;padding:38px 0 40px} #payment_fail .popupLayer-body a{height:45px;width:180px;font-size:15px;font-weight:400;line-height:43px} #payment_fail .popupLayer-body a:hover{color:#fff} /*발송문구 불러오기*/ #order_phrase{} #order_phrase .popupLayer-body{margin:45px 0} #order_phrase .popupLayer-body .table_wrap.table-responsive{height:300px;overflow:hidden;overflow-y:scroll} #order_phrase .popupLayer-body .table_wrap table{margin:0} #order_phrase .popupLayer-body .table_wrap:first-child{padding-right:17px} #order_phrase .popupLayer-footer{display:inline-block;width:100%;text-align:center} #order_phrase .popupLayer-footer button{float:inherit;height:45px;width:180px;font-size:15px;font-weight:400} #order_phrase .popupLayer-footer button:first-child{margin-right:8px} /*이메일발송수신자레이어*/ #email_receiver{} #email_receiver .popupLayer-body{text-align:left;margin:35px 0 19px} #email_receiver .popupLayer-body textarea{width:100%;border:1px solid #c9c9c9;text-align:left;padding:10px 15px;font-size:13px;line-height:20px} #email_receiver .popupLayer-body ul{padding:23px;width:100%;height:191px;overflow:hidden;overflow-y:scroll} #email_receiver .popupLayer-body ul li{text-align:left;font-size:15px;line-height:1.6} #email_receiver .popupLayer-footer ul{} #email_receiver .popupLayer-footer ul li{text-align:left} #email_receiver .popupLayer-footer ul li:first-child{margin-bottom:22px} #email_receiver .popupLayer-footer ul li:first-child p{font-size:15px;color:#000;display:inline-block;line-height:20px} #email_receiver .popupLayer-footer ul li:first-child p span{margin-left:7px} #email_receiver .popupLayer-footer ul li:first-child button{height:20px;color:#333;background:#fff;border:0;margin-left:12px;padding:0 10px;border:1px solid #333} #email_receiver .popupLayer-footer ul li:last-child{text-align:center} #email_receiver .popupLayer-footer ul li:last-child button{height:45px;width:180px;font-size:15px;font-weight:400;line-height:43px} #email_receiver .popupLayer-footer ul li:last-child button:first-child{margin-right:8px} /*주문결제 미리보기*/ #order_preview{overflow:auto} #order_preview .popupLayer-body{background:url('/images/sub/order_preview02-bc87a7103e86ae79c2aa2004000321cb.png') no-repeat center top / auto 100%;width:100%;height:720px;padding:88px 79px 86px 77px;margin-top:35px} #order_preview .popupLayer-body ul{padding:23px} #order_preview .popupLayer-body ul li{text-align:left;font-size:15px;line-height:1.6} #order_preview .popupLayer-body .popupLayer-body-top{display:inline-block;width:100%} #order_preview .popupLayer-body .popupLayer-body-top ul{padding:0} #order_preview .popupLayer-body .popupLayer-body-top ul li:last-child img{margin-top:20px} #order_preview .popupLayer-body .popupLayer-body-top ul li{display:inline-block;float:left} #order_preview .popupLayer-body .popupLayer-body-top ul li p{margin-top:14px;font-size:15px;letter-spacing:-1px;line-height:22px} #order_preview .popupLayer-body .popupLayer-body-top ul li p strong{display:block;margin-bottom:11px;font-size:17px} #order_preview .popupLayer-body .popupLayer-body-btm{height:546px;overflow:hidden;overflow-y:scroll} #order_preview .popupLayer-body .popupLayer-body-btm > img{float:left;width:100%} #order_preview .popupLayer-body .popupLayer-body-btm > p.barcode{float:left;width:100%;font-size:18px;line-height:26px;font-weight:400;text-align:center;margin:5px 0} #order_preview .popupLayer-body .popupLayer-body-btm > table{float:left;width:100%;padding:0 10px;margin:10px 0} #order_preview .popupLayer-body .popupLayer-body-btm > table.goods td{vertical-align:middle} #order_preview .popupLayer-body .popupLayer-body-btm > table.goods td > img{float:left;width:100px;height:100px} #order_preview .popupLayer-body .popupLayer-body-btm > table.goods td.sample{position:relative} #order_preview .popupLayer-body .popupLayer-body-btm > table.goods td.sample > span{position:absolute;top:50%;left:0;float:left;width:100%;height:30px;line-height:26px;border:2px solid #ccc;font-size:15px;text-align:center;background-color:#fff;letter-spacing:2px;font-weight:400;margin-top:-15px} #order_preview .popupLayer-body .popupLayer-body-btm > table.goods td.goodsTitle{padding-left:15px;font-size:13px;line-height:20px} #order_preview .popupLayer-body .popupLayer-body-btm > table.goods td.goodsTitle > strong{display:block;width:100%;text-align:center} #order_preview .popupLayer-body .popupLayer-body-btm .table > tbody > tr > th , #order_preview .popupLayer-body .popupLayer-body-btm .table > tbody > tr > td{padding:5px 10px;line-height:22px;color:#000;border:0;font-size:14px} #order_preview .popupLayer-body .popupLayer-body-btm .table > tbody > tr > th{text-align:left;font-weight:500;;width:30%} #order_preview .popupLayer-body .popupLayer-body-btm .table > tbody > tr > td{} #order_preview .popupLayer-body .popupLayer-body-btm .table > tbody > tr:first-child > th , #order_preview .popupLayer-body .popupLayer-body-btm .table > tbody > tr:first-child > td{border-top:1px solid #d9d9d9;padding-top:15px} #order_preview .popupLayer-body .popupLayer-body-btm > dl{float:left;width:100%;padding:10px} #order_preview .popupLayer-body .popupLayer-body-btm dl.info{padding-bottom:20px} #order_preview .popupLayer-body .popupLayer-body-btm dl.info dt{padding-top:20px} #order_preview .popupLayer-body .popupLayer-body-btm dl dt{font-size:14px;margin-bottom:10px;line-height:22px;padding:0 10px} #order_preview .popupLayer-body .popupLayer-body-btm dl dd{font-size:14px;line-height:22px;padding:0 10px} /* 2021-12-23 추가 v2 */ #order_preview .popupLayer-body.v2{height: 790px;margin-top: 15px;padding: 121px 30px 130px 29px;background: url(/images/sub/order_preview03-e6a92f7450ab50265eae3f72909800c7.png) no-repeat center top / auto 100%} #order_preview .popupLayer-body.v2 .popupLayer-body-btm{height:539px} #order_preview .popupLayer-body.v2 .popupLayer-body-btm > table.goods{margin:0;padding:0} #order_preview .popupLayer-body.v2 .popupLayer-body-btm > table.goods td > img{width:200px;height:200px;margin-left:1px;} #order_preview .popupLayer-body.v2 .popupLayer-body-btm > table.goods td .badge-logo{position: absolute;top: 8px;left: 8px;width: 50px;height: 50px;border-radius: 50%;} #order_preview .popupLayer-body.v2 .popupLayer-body-btm .table > tbody > tr:first-child > th, #order_preview .popupLayer-body.v2 .popupLayer-body-btm .table > tbody > tr:first-child > td{padding-top: 0;border-top: 0} #order_preview .popupLayer-body.v2 .popupLayer-body-btm > p.barcode+p{float: left;width: 100%;margin:24px 0 12px;padding: 14px 0;font-size: 18px;font-weight: 500;text-align: center;line-height: 26px} #order_preview .popupLayer-body.v2 .popupLayer-body-btm > img{margin-left:1px;} #order_preview .popupLayer-body.v2 .popupLayer-body-btm > img.bottom-text{border-bottom: 3px solid #b9b9b9;} /* 2024-01-18 추가 v3 (업무번호14348:템플릿변경) */ #order_preview .popupLayer-body.v3{height: 800px;padding: 96px 23px;background: url(/images/sub/order_preview02-bc87a7103e86ae79c2aa2004000321cb.png) no-repeat center top / auto 100%;} #order_preview .popupLayer-body.v3 .popupLayer-body-all{height: 609px;overflow:hidden;overflow-y:scroll;} #order_preview .popupLayer-body.v3 .popupLayer-body-all .popupLayer-body-top{background: url(/images/sub/order_preview_background-26974fa77248eb76a6eefc103cb2a1c3.jpg) no-repeat top / auto 100%;background-color:#004EA1;height:570px;padding: 10px 10px;} #order_preview .popupLayer-body.v3 .popupLayer-body-all .popupLayer-body-top > table.userImg{float:none;width:100%;margin-top:3px;margin-left:5px;} #order_preview .popupLayer-body.v3 .popupLayer-body-all .popupLayer-body-top > table.userImg td{vertical-align:middle;} #order_preview .popupLayer-body.v3 .popupLayer-body-all .popupLayer-body-top > table.userImg td > img{width:313px;height:152px;} #order_preview .popupLayer-body.v3 .popupLayer-body-all .popupLayer-body-top > table.goods{float:none;width:100%;margin-top:10px;margin-left:22px;} #order_preview .popupLayer-body.v3 .popupLayer-body-all .popupLayer-body-top > table.goods td{vertical-align:middle;} #order_preview .popupLayer-body.v3 .popupLayer-body-all .popupLayer-body-top > table.goods td > img{float:left;width:100px;height:100px;border-radius:12px;} #order_preview .popupLayer-body.v3 .popupLayer-body-all .popupLayer-body-top > table.brand{float:none;width:100%;margin-top:25px;margin-left:22px;} #order_preview .popupLayer-body.v3 .popupLayer-body-all .popupLayer-body-top > table.brand td{vertical-align:middle;} #order_preview .popupLayer-body.v3 .popupLayer-body-all .popupLayer-body-top > table.brand td > img{float:left;width:49x;height:49px;border-radius:12px;} #order_preview .popupLayer-body.v3 .popupLayer-body-all .popupLayer-body-top > table.brand td.brandlogo{position:relative;} #order_preview .popupLayer-body.v3 .popupLayer-body-all .popupLayer-body-top > table.brand td.brandTitle{float: left;width:210px;height:18px;margin-left:2px;font-size:13px;font-weight: 400;line-height:18px;color:#888;} #order_preview .popupLayer-body.v3 .popupLayer-body-all .popupLayer-body-top > table.brand td.productTitle{float: left;width:210px;height:32px;margin-left:2px;font-size:13px;font-weight: 400;line-height:16px;color:#1b1b1b;} #order_preview .popupLayer-body.v3 .popupLayer-body-all .popupLayer-body-top > table.exchange{float:none;width:100%;margin-top:20px;margin-left:64px;padding:0px;} #order_preview .popupLayer-body.v3 .popupLayer-body-all .popupLayer-body-top > table.exchange td{vertical-align:middle;} #order_preview .popupLayer-body.v3 .popupLayer-body-all .popupLayer-body-top > table.exchange td.exchangeTitle{float: left;width:220px;height:26px;margin-left:20px;font-size:13px;font-weight: 400;text-align: right;line-height: 26px;color:#1b1b1b;} #order_preview .popupLayer-body.v3 .popupLayer-body-all .popupLayer-body-top > table.exchange td.expireTitle{float: left;width:220px;height:26px;margin-left:20px;font-size:13px;font-weight: 400;text-align: right;line-height: 26px;color:#1b1b1b;} #order_preview .popupLayer-body.v3 .popupLayer-body-all .popupLayer-body-top > table.barcode{float:none;width:100%;margin-top:19px;margin-left:14px;} #order_preview .popupLayer-body.v3 .popupLayer-body-all .popupLayer-body-top > table.barcode td{vertical-align:middle;} #order_preview .popupLayer-body.v3 .popupLayer-body-all .popupLayer-body-top > table.barcode td > img{float:left;width:90%;} #order_preview .popupLayer-body.v3 .popupLayer-body-all .popupLayer-body-top > table.barcode td.barcodeImage{position:relative;} #order_preview .popupLayer-body.v3 .popupLayer-body-all .popupLayer-body-btm{width:100%;height:auto;overflow:hidden;} #order_preview .popupLayer-body.v3 .popupLayer-body-all .popupLayer-body-btm > dl{float:none;width:100%;padding:10px} #order_preview .popupLayer-body.v3 .popupLayer-body-all .popupLayer-body-btm dl.info{padding-bottom:20px;} #order_preview .popupLayer-body.v3 .popupLayer-body-all .popupLayer-body-btm dl.info dt{padding-top:20px;} #order_preview .popupLayer-body.v3 .popupLayer-body-all .popupLayer-body-btm dl dt{font-size:13px;margin-bottom:10px;line-height:26px;padding:0 10px;} #order_preview .popupLayer-body.v3 .popupLayer-body-all .popupLayer-body-btm dl dd{font-size:13px;line-height:26px;padding:0 10px;} /* 2024-01-18 추가 v3 (업무번호14348:템플릿변경_스마일콘) */ #order_preview .popupLayer-body.smilecon{height: 800px;padding: 97px 23px;background: url(/images/sub/order_preview02-bc87a7103e86ae79c2aa2004000321cb.png) no-repeat center top / auto 100%;} #order_preview .popupLayer-body.smilecon .popupLayer-body-all{height: 608px;overflow:hidden;overflow-y:scroll;} #order_preview .popupLayer-body.smilecon .popupLayer-body-all .popupLayer-body-top{background: url(/images/sub/order_smilecon_background-dcda58a3af62c2589cc00547c1e2902c.jpg) no-repeat top / auto 100%;background-color:#FFBF35;height:600px;padding: 10px 10px;} #order_preview .popupLayer-body.smilecon .popupLayer-body-all .popupLayer-body-top > table.goods{float:none;width:100%;margin-top:1px;margin-left:5px;} #order_preview .popupLayer-body.smilecon .popupLayer-body-all .popupLayer-body-top > table.goods td{vertical-align:middle;} #order_preview .popupLayer-body.smilecon .popupLayer-body-all .popupLayer-body-top > table.goods td > img{float: none;width:314px;height:316px;} #order_preview .popupLayer-body.smilecon .popupLayer-body-all .popupLayer-body-top > table.brand{float:none;width:92%;margin-top:5px;margin-left:13px;} #order_preview .popupLayer-body.smilecon .popupLayer-body-all .popupLayer-body-top > table.brand td{vertical-align:middle;} #order_preview .popupLayer-body.smilecon .popupLayer-body-all .popupLayer-body-top > table.brand td > img{float:none;margin-top:1px;margin-left:9px;width:47px;height:44px;border-radius:12px;} #order_preview .popupLayer-body.smilecon .popupLayer-body-all .popupLayer-body-top > table.brand td.brandlogo{position:relative;} #order_preview .popupLayer-body.smilecon .popupLayer-body-all .popupLayer-body-top > table.brand td.brandTitle{float: left;margin-left:10px;width:210px;height:18px;font-size:13px;font-weight: 400;line-height:18px;color:#888;} #order_preview .popupLayer-body.smilecon .popupLayer-body-all .popupLayer-body-top > table.brand td.productTitle{float: left;margin-left:10px;width:210px;height:32px;font-size:13px;font-weight: 400;line-height:16px;color:#1b1b1b;} #order_preview .popupLayer-body.smilecon .popupLayer-body-all .popupLayer-body-top > table.exchange{float:none;width:92%;margin-top:25px;margin-left:64px;padding:0px;} #order_preview .popupLayer-body.smilecon .popupLayer-body-all .popupLayer-body-top > table.exchange td{vertical-align:middle;} #order_preview .popupLayer-body.smilecon .popupLayer-body-all .popupLayer-body-top > table.exchange td.exchangeTitle{float: left;width:220px;height:26px;margin-left:20px;font-size:13px;font-weight: 400;text-align: right;line-height: 26px;color:#1b1b1b;} #order_preview .popupLayer-body.smilecon .popupLayer-body-all .popupLayer-body-top > table.exchange td.expireTitle{float: left;width:220px;height:26px;margin-left:20px;font-size:13px;font-weight: 400;text-align: right;line-height: 26px;color:#1b1b1b;} #order_preview .popupLayer-body.smilecon .popupLayer-body-all .popupLayer-body-btm{width:100%;height:auto;overflow:hidden;} #order_preview .popupLayer-body.smilecon .popupLayer-body-all .popupLayer-body-btm > dl{float:none;width:100%;padding:10px} #order_preview .popupLayer-body.smilecon .popupLayer-body-all .popupLayer-body-btm dl.info{padding-bottom:20px} #order_preview .popupLayer-body.smilecon .popupLayer-body-all .popupLayer-body-btm dl.info dt{padding-top:20px} #order_preview .popupLayer-body.smilecon .popupLayer-body-all .popupLayer-body-btm dl dt{font-size:13px;margin-bottom:10px;line-height:26px;padding:0 10px} #order_preview .popupLayer-body.smilecon .popupLayer-body-all .popupLayer-body-btm dl dd{font-size:13px;line-height:26px;padding:0 10px} /*주문완료*/ .or_re_wrap{} .or_re_wrap > h2{font-size:30px;color:#f08200;text-align:center;padding:50px 0 35px;font-weight:300} .or_re_wrap h4{text-align:center;font-size:16px;line-height:26px} .or_re_wrap ul{margin:60px auto 200px;text-align:center} .or_re_wrap ul li{display:inline-block} .or_re_wrap ul li button{font-size:18px;font-weight:400;width:253px;height:45px} /*마이페이지_취소환불내역*/ .list_left.mypage_left li.depth01 > a{display:none} .list_left.mypage_left li.depth01 strong.depth01_tit{position:relative;display:inline-block;color:#1b1b1b;font-size:20px;padding-bottom:15px;font-weight:300} /*.mypage_left{display:inline-block;float:left;width:190px;margin-right:28px;padding-top:20px;margin-bottom:50px}*/ /*.mypage_left ul li,.mypage_left ul li ul li{position:relative;top:0;bottom:0;line-height:15px}*/ /*.mypage_left ul .depth02{padding-bottom:15px}*/ /*.mypage_left ul .depth02 ul li{line-height:2}*/ /*.mypage_left ul .depth02 ul li a.active{color:#f08200}*/ /*.mypage_left ul li ul{}*/ /*.mypage_left li{list-style-type:none}*/ /*.mypage_left li a{position:relative;display:inline-block;color:#888}*/ /*.mypage_left li.depth01{padding:15px 0 0 0}*/ /*.mypage_left li.depth01 a.depth01_tit{color:#1b1b1b !important;font-size:20px;padding-bottom:28px}*/ /*.mypage_left li.depth01 > a.toogle{line-height:30px;font-size:17px}*/ /*.mypage_left li.depth01 > ul{border-top:1px solid #c9c9c9;padding-top:35px}*/ /*.mypage_left li.depth02 a i{color:#9e9e9e}*/ /*.mypage_left li.depth02 > a.depth02_tit{color:#1b1b1b}*/ /*.mypage_left li.depth02 > ul{padding:20px 0 5px}*/ /*.mypage_left li a:hover{text-decoration:none}*/ /*.mypage_left li a.toogle{position:absolute;right:0}*/ .mypage_right{width:919px;display:inline-block} .mypage_right #pg_map{padding:40px 0 20px 0} .mypage_right .title_wrap{text-align:left;padding:20px 0 30px} .mypage_right .title_wrap h2{display:inline-block;font-size:20px;line-height:33px} .mypage_right .title_wrap h2 strong{font-size:25px;font-weight:400;margin:0 3px} .mypage_right .title_wrap select{float:right;width:150px;height:30px;line-height:30px;color:#a3a3a3;border:1px solid #d9d9d9;padding:0 0 0 13px} .mypage_right #table-wrap{} .mypage_right #table-wrap table{} .mypage_right #table-wrap .table > thead > tr > th{text-align:center;color:#000;font-size:12px;border-top:3px solid #000;font-weight:500;border-bottom:0;height:60px;vertical-align:middle;padding:0;border-bottom:1px solid #d9d9d9} .mypage_right #table-wrap .table > tbody > tr > td{border-bottom:1px solid #d9d9d9;font-size:12px;color:#000;text-align:center;vertical-align:middle;padding:13px 0;border-top:0;line-height:18px} .mypage_right #table-wrap .table > tbody > tr > td a{color:#000} .mypage_right #table-wrap .table > tbody > tr > td a:hover{color:#000;text-decoration:underline;text-decoration-color:#000;text-underline-position:under} .mypage_right #table-wrap .table > tbody > tr > td > #example{display:inline-block;padding:0;background:transparent;border:0;width:15px;height:15px;margin-left:2px;margin-top:-2px;outline:none;cursor:help} .mypage_right #table-wrap .table > tbody > tr > td > #example img{float:right;width:15px;height:15px} .mypage_right #table-wrap .table > tbody > tr > td:nth-child(3){} .mypage_right #table-wrap .table > tbody > tr > td > button{width:60px;height:32px;margin:2px auto;padding:0;line-height:30px} .mypage_right #table-wrap .table > tbody > tr > td > img{display:inline-block;max-height:91px;vertical-align:middle} .mypage_right #table-wrap .table > tbody > tr > td > span{vertical-align:middle;display:inline-block;text-align:left} .mypage_right #table-wrap .table > tbody > tr > td > span strong{font-weight:300} /*.mypage_right #table-wrap .table > tbody > tr > td > span.alertText{display:none}*/ .mypage_right #table-wrap .table > tbody > tr > td > span.alertText.on{display:inline-block} /*마이페이지 주문/발송 내역*/ .mypage_hd{margin-bottom:20px} .mypage_hd .mypage01_right_con01{display:inline-block;border:1px solid #c9c9c9;padding:24px;width:100%} .mypage_hd .mypage01_right_con01 ul{float:left;width:100%} .mypage_hd .mypage01_right_con01 ul li{display:inline-block;float:left;height:100%;position:relative} .mypage_hd .mypage01_right_con01 ul li:nth-child(1){margin-right:31px} .mypage_hd .mypage01_right_con01 ul li:nth-child(1) img{margin-top:20px} .mypage_hd .mypage01_right_con01 ul li:nth-child(2){width:47%} .mypage_hd .mypage01_right_con01 ul li:nth-child(2) > span{color:#f08200;display:block;height:26px;margin-top:10px;font-size:17px;line-height:26px} .mypage_hd .mypage01_right_con01 ul li:nth-child(2) h2{font-size:23px;display:inline-block;line-height:30px;float:left;margin:5px 0 15px;width:100%} .mypage_hd .mypage01_right_con01 ul li:nth-child(2) h2 strong{font-weight:500} .mypage_hd .mypage01_right_con01 ul li:nth-child(2) h2 span{font-weight:600} .mypage_hd .mypage01_right_con01 ul li:nth-child(2) .info{float:left;width:100%;min-height:44px} .mypage_hd .mypage01_right_con01 ul li:nth-child(2) p{float:left;width:100%;height:22px;color:#6f6f6f;font-size:14px;line-height:22px} .mypage_hd .mypage01_right_con01 ul li:nth-child(3){margin-left:15px} .mypage_hd .mypage01_right_con01 ul li:nth-child(3) span{display:table-cell;height:130px;vertical-align:middle} .mypage_hd .mypage01_right_con01 ul li:nth-child(3) button{width:100px;height:30px;line-height:26px;font-size:14px} .mypage_hd .mypage01_right_con01 ul li:nth-child(4){padding:23px 0 23px 24px;border-left:1px solid #c9c9c9;margin-left:24px} .mypage_hd .mypage01_right_con01 ul li:nth-child(4) dl dt{padding-bottom:20px;font-size:20px;line-height:19px} .mypage_hd .mypage01_right_con01 ul li:nth-child(4) dl dd button{width:80px;height:45px;font-size:15px;padding:0;color:#f08200;background:transparent;border:1px solid #f08200;margin-left:8px;line-height:17px;float:right} .mypage_hd .mypage01_right_con01 ul li:nth-child(4) dl dd{color:#000;font-size:30px;font-weight:400} .mypage_hd .mypage01_right_con01 ul li:nth-child(4) dl dd span{font-size:15px;margin-left:10px} .mypage_hd .mypage01_right_con01 ul li:nth-child(4) dl dd.date{ font-size:14px; color:#6f6f6f; font-weight:300; margin-top:10px; } .mypage_hd .mypage01_right_con01 ul li.mypage01_right_con01_link{width:165px;padding:20px 5px 5px 20px;margin-left:15px; text-align: center} .mypage_hd .mypage01_right_con01 ul li.mypage01_right_con01_link dl dt{padding-bottom:10px;font-size:17px;line-height:19px} .mypage_hd .mypage01_right_con01 ul li.mypage01_right_con01_link dl dd button{width:80px;height:45px;font-size:13px;padding:0;color:#f08200;background:transparent;border:1px solid #f08200;margin-left:8px;line-height:17px;float:right} .mypage_hd .mypage01_right_con01 ul li.mypage01_right_con01_link dl dd{color:#000;font-size:17px;font-weight:400} .mypage_hd .mypage01_right_con01 ul li.mypage01_right_con01_link dl p{padding-bottom:10px;color:darkgray;font-size:14px;font-weight:400} .mypage_hd .mypage01_right_con01 ul li.mypage01_right_con01_link dl dd span{font-size:13px;margin-left:5px} .mypage_hd .mypage01_right_con01 ul li.mypage01_right_con01_link dl dd.date{ font-size:10px; color:#6f6f6f; font-weight:300; margin-top:11px; font-size:12px; } .mypage_right .mypage01_right_con02{margin:16px 0 30px} .mypage_right .mypage01_right_con02 > h2{font-size:20px;padding:0 0 20px} .mypage_right .mypage01_right_con02 ul{border:1px solid #e2e2e2;padding:20px 0 16px;position:relative} .mypage_right .mypage01_right_con02 ul li{padding:0 30px} .mypage_right .mypage01_right_con02 ul li dl{} .mypage_right .mypage01_right_con02 ul li dl dt{display:inline-block;width:75px;font-size:15px;float:left;line-height:34px} .mypage_right .mypage01_right_con02 ul li dl dd{display:inline-block} .mypage_right .mypage01_right_con02 ul li:nth-child(1){margin-bottom:15px} .mypage_right .mypage01_right_con02 ul li:nth-child(1) dl dd select{width:97px;height:34px;border:1px solid #d9d9d9;padding:0 0 0 10px;line-height:32px;font-size:15px} .mypage_right .mypage01_right_con02 ul li:nth-child(2){} .mypage_right .mypage01_right_con02 ul li:nth-child(2) dl dd{} .mypage_right .mypage01_right_con02 ul li:nth-child(2) dl dd button{border:1px solid #888;background:#fff;color:#888;height:34px;width:78px;float:left;margin-right:5px;font-size:15px;line-height:32px;padding:0} .mypage_right .mypage01_right_con02 ul li:nth-child(2) dl dd button.active{border:1px solid #f08200;color:#f08200} .mypage_right .mypage01_right_con02 ul li:nth-child(2) dl dd .date{display:inline-block;margin:0;float:left;margin:0 5px} .mypage_right .mypage01_right_con02 ul li:nth-child(2) dl dd .date input{} .mypage_right .mypage01_right_con02 ul li:nth-child(2) dl dd .date span{display:none} .mypage_right .mypage01_right_con02 ul li:nth-child(2) dl dd button.mypage_sch_btn{background:#f08200;color:#fff;border:1px solid #f08200;width:96px;height:34px;margin-left:4px;float:left;font-size:15px;line-height:30px} .mypage_right .mypage01_right_con02 ul li:nth-child(2) dl dd .form-group .form-control{background:url('/images/sub/date_icon02-7a74a8c0da7544b9f1a922229de729a8.png') 95% center no-repeat #fff;box-shadow:none;border-radius:2px;width:121px;height:34px;border:1px solid #888;margin:0;padding:0 10px;line-height:32px;font-size:15px;color:#000;border-radius:0} .mypage_right .mypage01_right_con02 .product_name{text-align:center;padding:9px 0 30px} .mypage_right .mypage01_right_con02 .product_name a{} .mypage_right .mypage01_right_con02 .product_name a.my01_view_prev{float:left;font-size:25px;margin-top:3px} .mypage_right .mypage01_right_con02 .product_name a.my01_view_next{float:right;font-size:25px;margin-top:3px} .mypage_right .mypage01_right_con02 .product_name select{display:inline-block;font-size:15px;height:44px;width:100%;line-height:42px;border:1px solid #d9d9d9;padding:0 0 0 10px} .mypage_right .mypage01_right_con02 #wish_list{padding-bottom:0} .mypage_right .mypage01_right_con02 ul li.sch-date{margin-bottom:15px} .mypage_right .mypage01_right_con02 ul li.sch-date dl dt{width:100px} .mypage_right .mypage01_right_con02 ul li.sch-date dl dd button{border:1px solid #888;background:#fff;color:#888;height:34px;width:78px;float:left;margin-right:5px;font-size:15px;line-height:32px;padding:0} .mypage_right .mypage01_right_con02 ul li.sch-date dl dd button.active{border:1px solid #f08200;color:#f08200} .mypage_right .mypage01_right_con02 ul li.sch-date dl dd .date{display:inline-block;margin:0;float:left;margin:0 5px} .mypage_right .mypage01_right_con02 ul li.sch-date dl dd .date input{} .mypage_right .mypage01_right_con02 ul li.sch-date dl dd .date span{display:none} .mypage_right .mypage01_right_con02 ul li.sch-date dl dd button.mypage_sch_btn{background:#f08200;color:#fff;border:1px solid #f08200;width:96px;height:34px;margin-left:4px;float:left;font-size:15px;line-height:30px} .mypage_right .mypage01_right_con02 ul li.sch-date dl dd .form-group .form-control{background:url('/images/sub/date_icon02-7a74a8c0da7544b9f1a922229de729a8.png') 95% center no-repeat #fff;box-shadow:none;border-radius:2px;width:121px;height:34px;border:1px solid #888;margin:0;padding:0 10px;line-height:32px;font-size:15px;color:#000;border-radius:0} .mypage_right .mypage01_right_con02 ul li.sch-text dl dt{width:100px} .mypage_right .mypage01_right_con02 ul li.sch-text input{box-shadow:none;border-radius:2px;width:200px;height:34px;border:1px solid #888;margin:0;padding:0 10px;line-height:32px;font-size:15px;color:#000;border-radius:0} .mypage_right .mypage01_right_con02 ul li.sch-text dl dd button.mypage_sch_btn{background:#f08200;color:#fff;border:1px solid #f08200;width:96px;height:34px;margin-left:4px;float:left;font-size:15px;line-height:30px} .warringText{display:block;font-size:13px;line-height:1.7;margin-top:10px;color:#1b1b1b} .warringText.mt0{margin-top:0} .warringText.mt5{margin-top:5px} .warringText i{color:#f08200;margin-right:5px} /*마이페이지 주문/발송 수정*/ .mypage_right .mypage01_right_con05{margin:16px 0 0} .mypage_right .mypage01_right_con05 > h2{font-size:20px;padding:0 0 20px} .mypage_right #order_left{display:inline-block;width:694px;float:left} .mypage_right #order .order_left_sec{position:relative} .mypage_right #order .order_left_sec .order_left_tit{font-size:25px} .mypage_right #order .order_left_sec .order_left_tit.mbottom{margin-bottom:25px} .mypage_right #order .order_left_sec .order_left_tit input[type="checkbox"]{width:17px;height:17px;margin:-3px 0 0 10px} .mypage_right #order .order_left_sec .order_left_tit .tit{display:inline-block} .mypage_right #order .order_left_sec .order_left_tit .tit .btn_modify{float:right;margin:2px 0 0 20px} .order_left_tit{font-size:25px} .mypage_right #order_right{width:200px;display:inline-block;margin-left:25px;clear:both;border-top:3px solid #000} .mypage_right #order_right h2{padding:15px 0 30px;margin:0;font-size:23px} .mypage_right #order_right dl{display:inline-block;width:100%;margin-bottom:20px} .mypage_right #order_right dl dt{display:inline-block;color:#1b1b1b;width:40%;float:left;font-weight:500;font-size:13px} .mypage_right #order_right dl dd{display:inline-block;color:#1b1b1b;width:60%;text-align:right;font-size:13px} .mypage_right #order_right dl:nth-child(6){border-top:0;padding:0} .mypage_right #order_right dl.total{border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;padding:25px 0;margin-top:10px;margin-bottom:35px} .mypage_right #order_right dl.total dt{font-size:13px} .mypage_right #order_right dl.total dd{font-size:13px} /*마이페이지 캐쉬리워드 내역/결제내역*/ .mypage_right .mypage02_right_pay .title_wrap > select {float: right;margin-bottom: 15px;border: 1px solid #d9d9d9;color: #1b1b1b;width: 105px;height: 32px;font-size: 15px;padding: 0 0 0 9px;} .msg_time{padding:15px;border:1px solid #c9c9c9;border-right:0;border-left:0;margin:25px 0 50px;display:inline-block;width:100%} .msg_time > h2{font-size:25px;margin-right:45px;vertical-align:sub;display:inline-block} .msg_time ul{} .msg_time ul li{display:inline-block;float:left} .msg_time ul li span{font-size:25px;margin-right:45px;vertical-align:sub} .msg_time dl{margin-right:20px;display:inline-block;float:left} .msg_time dl dt input{margin-right:5px} .msg_time dl dt{color:#1b1b1b;font-size:15px} .msg_time dl dt label.disabled{color:#aaa} .msg_time dt{display:inline-block;margin-right:5px;float:left;line-height:32px} .msg_time dt input{margin:0;width:20px;height:20px} .msg_time dd{display:inline-block;color:#1b1b1b;font-size:15px;float:left;line-height:32px} .msg_time ul li .form-group{display:inline-block;margin:0;margin-left:10px} .msg_time ul li .form-group .form-control{background:#fff url('/images/sub/date_icon-47e1eea1a896bbfa1d048e8fd169ad92.png')95% center no-repeat;box-shadow:none;border-radius:2px;color:#2c2c2c;width:135px;height:32px;border:1px solid #d9d9d9} .msg_time ul li .form-group#date01 .input-group-addon{display:none} .msg_time ul li .form-group select{border:1px solid #d9d9d9;height:32px;line-height:32px;vertical-align:baseline} .msg_time ul li .form-group em{font-style:normal;color:#1b1b1b;font-size:15px} /*마이페이지 취소환불/내역*/ .mypage_right .mypage02_right_con02{margin:16px 0 30px} .mypage_right .mypage02_right_con02 > h2{font-size:20px;padding:0 0 20px} .mypage_right .mypage02_right_con02 ul{border:1px solid #c9c9c9;padding:20px 0 16px;position:relative} .mypage_right .mypage02_right_con02 ul li{padding:0 30px} .mypage_right .mypage02_right_con02 ul li dl{} .mypage_right .mypage02_right_con02 ul li dl dt{display:inline-block;width:75px;font-size:15px;float:left;line-height:34px} .mypage_right .mypage02_right_con02 ul li dl dd{display:inline-block} .mypage_right .mypage02_right_con02 ul li{} .mypage_right .mypage02_right_con02 ul li dl dd{} .mypage_right .mypage02_right_con02 ul li dl dd button{border:1px solid #888;background:#fff;color:#888;height:34px;width:78px;float:left;margin-right:5px;font-size:15px;line-height:32px;padding:0} .mypage_right .mypage02_right_con02 ul li dl dd button.active{border:1px solid #f08200;color:#f08200} .mypage_right .mypage02_right_con02 ul li dl dd .date{display:inline-block;margin:0;float:left;margin:0 5px} .mypage_right .mypage02_right_con02 ul li dl dd .date input{} .mypage_right .mypage02_right_con02 ul li dl dd .date span{display:none} .mypage_right .mypage02_right_con02 ul li dl dd button.mypage_sch_btn{background:#f08200;color:#fff;border:1px solid #f08200;width:96px;height:34px;margin-left:4px;float:left;font-size:15px;line-height:30px} .mypage_right .mypage02_right_con02 ul li dl dd .form-group .form-control{background:url('/images/sub/date_icon02-7a74a8c0da7544b9f1a922229de729a8.png') 95% center no-repeat #fff;box-shadow:none;border-radius:2px;width:121px;height:34px;border:1px solid #888;margin:0;padding:0 10px;line-height:32px;font-size:15px;color:#000;border-radius:0} .mypage_right .mypage02_right_con02 .product_name{text-align:center;padding:30px 0 50px} .mypage_right .mypage02_right_con02 .product_name a{} .mypage_right .mypage02_right_con02 .product_name a.my01_view_prev{float:left;font-size:20px} .mypage_right .mypage02_right_con02 .product_name a.my01_view_next{float:right;font-size:20px} .mypage_right .mypage02_right_con02 .product_name h2{display:inline-block;color:#1b1b1b;font-size:18px;line-height:28px} .mypage_right .mypage02_right_con02 .product_name h2 strong{text-align:left} .mypage_right .mypage02_right_con03 #table-wrap .table > tbody > tr > td > button{display:inline-block} /*마이페이지 전자거래명세서 팝업*/ #statement02{} #statement02 .popupLayer-body .table_wrap{} #statement02 .popupLayer-body .table_wrap table{margin:0} #statement02 .popupLayer-body .table_wrap table > thead > tr > th{font-size:12px;border-top:3px solid #000} #statement02 .popupLayer-body .table_wrap > h2{font-size:18px;color:#1b1b1b;padding:20px 0 10px} #statement02 .popupLayer-body .pop_table > tbody > tr > th{font-size:12px;font-weight:500;border:1px solid #d9d9d9;border-top:0;vertical-align:middle;text-align:left} #statement02 .popupLayer-body .pop_table > tbody > tr > th{color:#000;background-color:#d9d9d9;text-align:center;border-color:#fff;border-left-color:#d9d9d9} #statement02 .popupLayer-body .pop_table > tbody > tr:nth-child(6) > th{border-bottom-color:#d9d9d9} #statement02 .popupLayer-body .pop_table > tbody > tr:nth-child(4) > th:nth-child(3){border-bottom-color:#d9d9d9} #statement02 .popupLayer-body .pop_table > tbody > tr:nth-child(2) > th{text-align:center;background:#d9d9d9;color:#000;padding:11px 0} #statement02 .popupLayer-body .pop_table > tbody > tr:nth-child(2) > th:last-child{border-left:0;border-right:1px solid #d9d9d9} #statement02 .popupLayer-body .pop_table > tbody > tr:nth-child(5) > th:nth-child(3){border-bottom-color:#d9d9d9} #statement02 .popupLayer-body .pop_table.orderDetail > tbody > tr > td:last-child{border-right:1px solid #d9d9d9} #statement02 .popupLayer-body .pop_table > tbody > tr:nth-child(6) > td:nth-child(4){border-right-color:#fff} #statement02 .popupLayer-body .pop_table > tbody > tr > td{font-size:12px;padding:13px} #statement02 .popupLayer-body .pop_table.orderDetail > tbody > tr > td{text-align:left} #statement02 .popupLayer-body .pop_table.orderDetail > tbody > tr:first-child > td{border-bottom-color:#fff} #statement02 .popupLayer-body .pop_table > tbody > tr > td:last-child{} #statement02 .popupLayer-body .pop_table > tbody > tr > td p{text-align:left} #statement02 .popupLayer-body .pop_table.orderDetail{margin-bottom:20px} #statement02 .popupLayer-body .pop_table.orderDetail > tbody > tr:last-child > td{border-left:1px solid #d9d9d9} #statement02 .popupLayer-body .pop_table > tbody > tr:last-child > td:last-child{} #statement02 .popupLayer-body .pop_table > tfoot > tr > td{vertical-align:middle;text-align:center;border-top:0;font-weight:500;background:#d9d9d9;color:#000} #statement02 .popupLayer-body .btn_wrap{display:inline-block;width:100%;margin:30px 0;text-align:center} #statement02 .popupLayer-body .btn_wrap button{float:inherit;height:45px;width:180px;font-size:15px;font-weight:400} #statement02 .popupLayer-footer{padding:30px 20px 0} #statement02 .popupLayer-footer ul{} #statement02 .popupLayer-footer ul li{text-align:center;font-size:16px;font-weight:600;margin-bottom:10px} #statement02 .popupLayer-footer ul li button{float:inherit;height:45px;width:180px;font-size:15px;font-weight:400;margin-top:75px} #statement02 .popupLayer-footer ul li.sign{position:relative} #statement02 .popupLayer-footer ul li.sign > img{position:absolute;top:-135%;right:33%;float:left;width:80px} /*마이페이지 취소환불내역팝업*/ #mypage02_pop{} #mypage02_pop .popupLayer-body .table_wrap.table-responsive{height:300px;overflow:hidden;overflow-y:scroll} #mypage02_pop .popupLayer-body .table_wrap table{margin:0} #mypage02_pop .popupLayer-body .table_wrap:nth-child(1){padding-right:17px} #mypage02_pop .popupLayer-body .btn_wrap{display:inline-block;width:100%;margin:30px 0;text-align:center} #mypage02_pop .popupLayer-body .btn_wrap button{float:inherit;height:45px;width:180px;font-size:15px;font-weight:400} /*마이페이지 캐쉬*/ .mypage_right .mypage03_right_con02{margin:16px 0 30px} .mypage_right .mypage03_right_con02 > h2{font-size:20px;padding:0 0 20px} .mypage_right .mypage03_right_con02 ul{border:1px solid #c9c9c9;padding:30px 0;position:relative;display:inline-block;width:100%} .mypage_right .mypage03_right_con02 ul li{display:inline-block;float:left} .mypage_right .mypage03_right_con02 ul li.btn_group{float:right;margin-right:30px} .mypage_right .mypage03_right_con02 ul li:first-child{padding:0 0 0 30px} .mypage_right .mypage03_right_con02 ul li dl{float:left} .mypage_right .mypage03_right_con02 ul li dl dt{display:inline-block;font-size:15px;float:left;margin-right:40px;line-height:34px;font-weight:500} .mypage_right .mypage03_right_con02 ul li dl dd{display:inline-block;font-size:15px;line-height:34px} .mypage_right .mypage03_right_con02 ul li dl dd span{float:left;margin-right:3px;font-size:21px;font-weight:400;line-height:34px} .mypage_right .mypage03_right_con02 ul li button{width:82px;height:34px;float:left;margin-left:4px;padding:0;line-height:32px;font-size:14px} .mypage_right .mypage03_right_con02 ul li button.btn_width01{width:129px} .mypage_right .mypage03_right_con02 ul li button.btn_width02{width:110px} .mypage_right .mypage03_right_con02 ul li.expireInfo{float:right;font-size:15px;line-height:34px;color:#999;padding-right:30px} .mypage_right .mypage03_right_con03{margin:16px 0 30px} .mypage_right .mypage03_right_con03 #table-wrap .table > tbody > tr > td > button{display:inline-block} .mypage_right .mypage03_right_con03 #table-wrap > select{float:right;margin-bottom:15px;border:1px solid #d9d9d9;color:#1b1b1b;width:105px;height:32px;font-size:15px;padding:0 0 0 9px} .mypage_right .mypage03_right_con03 .title_wrap{/* padding-top:50px;*/padding:0} .mypage_right .mypage03_right_con03 .title_wrap h2{font-size:20px;padding:0 0 20px} .mypage_right .mypage03_right_con03 .title_wrap > button{float:right;width:105px;height:45px;font-size:14px;padding:0} .mypage_right .mypage03_right_con03 .btn_wrap button{width:105px;height:45px;font-size:14px;margin-right:8px} /*마이페이지 상세보기*/ .mypage01_right_con03{margin-bottom:80px} .mypage01_right_con03 ul{float:right;margin-top:12px} .mypage01_right_con03 ul li{display:inline-block;margin-right:5px;font-size:12px;line-height:18px} .mypage01_right_con03 > h2{font-size:25px;padding:0 0 20px;display:inline-block} .mypage_right .mypage01_right_con03 #table-wrap table{margin-bottom:5px} .mypage_right .mypage01_right_con03 #table-wrap table.title{margin-bottom:0;padding-right:17px} .mypage_right .mypage01_right_con03 #table-wrap .table_body{height:320px;overflow:hidden;overflow-y:scroll} .mypage01_right_con03 .btn_wrap{display:inline-block;width:100%} .mypage01_right_con03 .btn_wrap ul{display:inline-block;width:100%} .mypage01_right_con03 .btn_wrap ul li{display:inline-block;float:left} .mypage01_right_con03 .btn_wrap ul li button{font-size:14px;font-weight:400;height:32px;line-height:30px} .mypage01_right_con03 .btn_wrap ul li.btn_left{width:70%;margin:0} .mypage01_right_con03 .btn_wrap ul li.btn_left button{float:left;margin-right:8px;width:auto;padding:0 7px;line-height:30px} .mypage01_right_con03 .btn_wrap ul li.btn_left button.yellow{color:#f08200;background:transparent;border:1px solid #f08200} .mypage01_right_con03 .btn_wrap ul li.btn_right{float:right;text-align:right;width:30%;margin:0} .mypage01_right_con03 .btn_wrap ul li.btn_right button{float:right;margin-left:8px;padding:0 7px;line-height:30px} .mypage_right .mypage01_right_con03 ul li:nth-child(2) .date{display:inline-block;margin:0;float:left;margin:0 5px} .mypage_right .mypage01_right_con03 ul li:nth-child(2) .date input{} .mypage_right .mypage01_right_con03 ul li:nth-child(2) .date span{display:none} .mypage_right .mypage01_right_con03 ul li:nth-child(2) .form-group .form-control{background:url('/images/sub/date_icon02-7a74a8c0da7544b9f1a922229de729a8.png') 95% center no-repeat #fff;box-shadow:none;border-radius:2px;width:121px;height:34px;border:1px solid #888;margin:0;padding:0 10px;line-height:32px;font-size:15px;color:#000;border-radius:0} .my01_view_msg{text-align:center;position:relative;display:inline-block;width:100%;/* float:left;*/padding:0;margin:20px 0 50px;border:1px solid #d9d9d9} .my01_view_msg dl{float:left;display:inline-block;width:100%;padding:20px 0} .my01_view_msg dl dt{display:inline-block;width:15%;font-size:15px;float:left;color:#1b1b1b;font-weight:500;text-align:left;padding-left:25px} .my01_view_msg dl dd{display:inline-block;width:85%;float:left;text-align:left;font-size:14px} .my01_view_msg .my01_view_msg_btn.collapsed{position:relative;width:105px;height:25px;border-radius:0;border:0;margin:0;background:#999 url('/images/sub/my01_view_msg_btn_on-3cbbf12b5f080ee12db5a92364e94f6f.png') 80% center no-repeat;padding:0 8px;position:absolute;bottom:-25px;left:50%;margin-left:-52.5px} .my01_view_msg .my01_view_msg_btn.collapsed::after{content:'펼치기';position:absolute;color:#fff;width:100%;left:0;height:100%;top:0;line-height:25px;text-align:left;text-indent:25px} .my01_view_msg .my01_view_msg_btn{position:relative;width:105px;height:25px;border-radius:0;border:0;margin:0;background:#999 url('/images/sub/my01_view_msg_btn-4cffec0bf676541109dbe300091b377c.png') 75% center no-repeat;padding:0 8px;position:absolute;bottom:-25px;left:50%;margin-left:-52.5px;z-index:99} .my01_view_msg .my01_view_msg_btn::after{content:'접기';position:absolute;color:#fff;width:100%;left:0;height:100%;top:0;line-height:25px;text-align:left;text-indent:30px} .my01_view_msg .collapse.in{} .my01_view_msg_btm_con.collapse{border:0} .my01_view_msg .my01_view_msg_btm_con .well{float:left;width:100%;border-radius:0;background:#fff;border-top:0;box-shadow:none;margin:0;padding:0;border:0} .my01_view_msg .my01_view_msg_btm_con .well dl{padding-top:0} .my01_view_msg .collapse.in{float:left;display:inline-block;width:100%} .my01_view_msg_top{float:left;width:100%} .my01_view_msg_btm{float:left;width:100%} .mypage_right #table-wrap .table > tbody > tr > th{vertical-align:middle} .mypage01_right_con04 #table-wrap .table > tbody > tr > th{text-align:center;color:#000;font-size:14px;font-weight:400;border-bottom:0;vertical-align:middle;border-bottom:1px solid #ffffff;border-right:1px solid #ffffff;border-top:0;border-left:1px solid #ffffff;background:#d9d9d9;padding:0} .mypage01_right_con04 #table-wrap .table > tbody > tr > td{font-size:13px;color:#000;text-align:right;border-bottom:1px solid #d9d9d9;padding:13px} .mypage01_right_con04 #table-wrap .table > tbody > tr > td.textCenter{text-align:center} .mypage01_right_con04 #table-wrap .table > tbody > tr:first-child > th{border-top:1px solid #d9d9d9} .mypage01_right_con04 #table-wrap .table > tbody > tr:first-child > th:first-child{border-bottom:1px solid #d9d9d9} .mypage01_right_con04 #table-wrap .table > tbody > tr:last-child > th{border-bottom:1px solid #d9d9d9} .mypage01_right_con04 #table-wrap .table > tbody > tr:first-child > td{border-top:1px solid #d9d9d9} .mypage01_right_con04 .btn_wrap{text-align:right;display:inline-block;width:100%} .mypage01_right_con04 .btn_wrap button{float:right;padding:0 7px;line-height:30px;font-size:14px;font-weight:400} .mypage01_right_con04 .btn_wrap ul{} .mypage01_right_con04 .btn_wrap ul li{width:100%;float:left;display:block;text-align:center} .mypage01_right_con04 > h2{font-size:25px;padding:0 0 20px} .mypage01_view_btn{width:184px;height:45px;line-height:44px;display:inline-block;text-align:center;margin-right:7px;font-size:16px;font-weight:500;padding:0;margin:50px 0} .mypage01_view_btn:hover{color:#fff} /*마이페이지-발송문구관리*/ .mypage_right .mypage03_right_con03.mypage06 .title_wrap h2{margin-bottom:5px} .mypage_right .mypage03_right_con03.mypage06 #table-wrap > button{float:right;width:105px;height:36px;font-size:14px;padding:0;margin-bottom:10px;line-height:34px} .mypage_right .mypage03_right_con03.mypage06 .btn_wrap button{height:36px;line-height:34px;padding:0} .mypage_right .mypage06_edit_right_con03{margin:16px 0 30px} .mypage_right .mypage06_edit_right_con03 > h2{font-size:20px;padding:0 0 20px;margin-bottom:25px} .mypage06_edit_right_con03 #table-wrap{border-top:1px solid #d9d9d9} .mypage06_edit_right_con03 #table-wrap .table{} .mypage06_edit_right_con03 #table-wrap .table > tbody > tr > th{font-size:15px;padding:20px 10px;font-weight:500} .mypage06_edit_right_con03 #table-wrap .table > tbody > tr > th span{margin-right:5px} .mypage06_edit_right_con03 #table-wrap .table > tbody > tr > th label{font-weight:500} .mypage06_edit_right_con03 #table-wrap .table > tbody > tr > td{text-align:left;padding:20px 10px} .mypage06_edit_right_con03 #table-wrap .table > tbody > tr > td input{width:92%;height:44px;border:1px solid #d9d9d9;padding:0 10px;line-height:42px;font-size:15px} /* Chrome/Opera/Safari */ .mypage06_edit_right_con03 #table-wrap .table > tbody > tr > td input::-webkit-input-placeholder{color:#999} /* Firefox 19+ */ .mypage06_edit_right_con03 #table-wrap .table > tbody > tr > td input::-moz-placeholder{color:#999} /* IE 10+ */ .mypage06_edit_right_con03 #table-wrap .table > tbody > tr > td input:-ms-input-placeholder{color:#999} /* Firefox 18- */ .mypage06_edit_right_con03 #table-wrap .table > tbody > tr > td input:-moz-placeholder{color:#999} .mypage06_edit_right_con03 #table-wrap .table > tbody > tr > td textarea{width:92%;border:1px solid #d9d9d9;padding:10px;height:300px;font-size:15px;line-height:20px} /* Chrome/Opera/Safari */ .mypage06_edit_right_con03 #table-wrap .table > tbody > tr > td textarea::-webkit-input-placeholder{color:#999} /* Firefox 19+ */ .mypage06_edit_right_con03 #table-wrap .table > tbody > tr > td textarea::-moz-placeholder{color:#999} /* IE 10+ */ .mypage06_edit_right_con03 #table-wrap .table > tbody > tr > td textarea:-ms-input-placeholder{color:#999} /* Firefox 18- */ .mypage06_edit_right_con03 #table-wrap .table > tbody > tr > td textarea:-moz-placeholder{color:#999} .mypage06_edit_right_con03 #table-wrap .table > tbody > tr > td em{font-style:normal;font-size:12px;margin-left:5px;color:#1b1b1b} .mypage06_edit_right_con03 #table-wrap .table > tbody > tr > th{border-top:0;border-bottom:1px solid #d9d9d9} .mypage06_edit_right_con03 .btn_wrap{display:inline-block;width:100%;text-align:center;margin:40px auto 100px} .mypage06_edit_right_con03 .btn_wrap button{float:inherit;width:105px;height:45px;font-size:14px;margin-right:8px} /*마이페이지- 회원정보수정*/ .mypage_right .register_wrap .register_top dd input{width:350px} .mypage_right .register_wrap .register_top dl.email dd input{width:290px} .mypage_right .register_wrap .register_top dl.email dd{position:relative} .mypage_right .register_wrap .register_top dl.email dd .alertCount{position:absolute;top:0;right:98px;width:66px;font-size:13px;line-height:44px;text-align:center;color:#e40f23;font-weight:400} .mypage_right .register_wrap .register_top dt{} .mypage_right .register_wrap .register_top dt.dt_st02{line-height:normal;padding-left:38px;text-indent:-20px;text-align:left} .mypage_right .register_wrap .register_top dt.dt_st02 label{line-height:inherit} .mypage_right .register_wrap .register_top dl.id dd{font-size:15px;line-height:45px;color:#1b1b1b;font-weight:500} .mypage_right .register_wrap .register_top dl.bank dd ,.mypage_right .register_wrap .register_top dl.bank dd{width:calc(50% - 125px);float:left} .mypage_right .register_wrap .register_top dl.bank dd input , .mypage_right .register_wrap .register_top dl.bank dd select{width:95%;margin-right:5px;font-size:15px;border:1px solid #d9d9d9;height:44px;line-height:42px} .mypage_right .register_wrap .register_top dl.bank dd select{padding:0 0 0 10px} .mypage_right .register_wrap .register_top dl.bank dd .bank_input02{width:95%} .mypage_right .register_wrap .register_top dl.bank dt.bank_dt02{text-align:left} .mypage_right .register_wrap .register_top dl dd span.tit{font-size:15px;line-height:45px;color:#1b1b1b;font-weight:400} /*마이페이지- 회원탈퇴*/ .mypage09_right_con{text-align:center;margin:16px 0 30px} .mypage09_right_con .title_wrap{/* padding-top:50px;*/padding:0} .mypage09_right_con .title_wrap h2.sub_tit02{font-size:20px;padding:0 0 20px} .mypage09_right_con > h2{font-size:30px;text-align:left;padding:0 0 35px;font-weight:300;font-size:25px;border-bottom:3px solid #000;padding-bottom:20px;font-weight:500} .mypage09_right_con h3{text-align:left;font-size:18px;line-height:28px} .mypage09_right_con ul{padding:30px 0;border:1px solid #1b1b1b;width:100%;margin:60px auto 40px;display:inline-block} .mypage09_right_con ul li{display:inline-block;width:50%;display:inline-block;float:left} .mypage09_right_con ul li:nth-child(1){border-right:1px solid #1b1b1b} .mypage09_right_con ul li:nth-child(2){} .mypage09_right_con ul li h2{font-size:21px;font-weight:400;color:#000} .mypage09_right_con ul li h2 strong{text-align:center;font-size:18px;font-weight:400;display:block;color:#1b1b1b;margin-bottom:30px} .mypage09_right_con ul li h2 span{padding-left:75px;display:inline-block;font-size:15px;margin-top:10px} .mypage09_right_con dl{width:100%;display:inline-block;background:#eee;padding:20px 0 16px} .mypage09_right_con dl dt{width:125px;display:inline-block;line-height:32px;font-size:15px} .mypage09_right_con dl dt label{font-size:15px;font-weight:500;line-height:32px;float:left;text-align:center;width:100%} .mypage09_right_con dl dd{display:inline-block;text-align:left} .mypage09_right_con dl dd input{float:left;width:300px;background:#fff;border:1px solid #d9d9d9;padding:0 10px;height:32px;font-size:15px;line-height:30px} .mypage09_right_con dl dd input::placeholder{color:#999} /* Chrome/Opera/Safari */ .mypage09_right_con dl dd input::-webkit-input-placeholder{color:#999} /* Firefox 19+ */ .mypage09_right_con dl dd input::-moz-placeholder{color:#999} /* IE 10+ */ .mypage09_right_con dl dd input:-ms-input-placeholder{color:#999} /* Firefox 18- */ .mypage09_right_con dl dd input:-moz-placeholder{color:#999} .mypage09_right_con .btn_wrap{display:inline-block;width:100%;margin:100px auto 20px;text-align:center} .mypage09_right_con .btn_wrap button{float:inherit;width:232px;font-size:18px;height:44px;font-weight:400;padding:0;vertical-align:middle;line-height:42px} /*마이페이지 서브회원 관리*/ .mypage_right .mypage10_right_con02{margin:16px 0 30px} .mypage_right .mypage10_right_con02 .title_wrap{padding:0} .mypage_right .mypage10_right_con02 .title_wrap .sub_tit02{padding:0 0 20px} .mypage_right .mypage10_right_con02.mypage10_form .title_wrap .sub_tit02{margin-bottom:20px} .mypage_right .register_wrap.mypage10_form{border-top:3px solid #000} .mypage10_right_con02{text-align:center} .mypage10_right_con02 > h2{font-size:30px;text-align:left;padding:50px 0 35px;font-weight:300;font-size:25px;border-bottom:3px solid #000;padding-bottom:20px;font-weight:500} .mypage10_right_con02 h3{text-align:left;padding-top:20px;font-size:18px;line-height:1.7} .mypage10_right_con02 ul{border:1px solid #c9c9c9;padding:30px 0;position:relative;display:inline-block;width:100%} .mypage10_right_con02 ul li{display:inline-block;float:left} .mypage10_right_con02 ul li:first-child{padding:0 0 0 30px} .mypage10_right_con02 ul li dl{float:left} .mypage10_right_con02 ul li dl dt{display:inline-block;font-size:15px;float:left;margin-right:40px;line-height:34px;font-weight:500} .mypage10_right_con02 ul li dl dd{display:inline-block;font-size:15px;line-height:34px} .mypage10_right_con02 ul li dl dd span{float:left;margin-right:3px;font-size:21px;font-weight:400;line-height:34px} .mypage10_right_con02 ul li.subInfo{position:absolute;top:23px;right:0;float:right;margin-right:30px;text-align:right} .mypage10_right_con02 ul li.subInfo > div{float:left;width:100%;font-size:15px;line-height:24px;color:#999} .mypage10_right_con02 ul li.subInfo > div > span{display:inline-block;margin:0 10px} .mypage10_right_con02 ul li.subInfo > div > span.bar{width:1px;background-color:#999;height:10px;margin:0 5px} .mypage10_right_con02 ul li.subInfo > div > strong{color:#242424} .mypage_right .mypage10_right_con03 #table-wrap > button{float:left;width:105px;height:32px;padding:0;font-size:15px;line-height:30px} .mypage_right .mypage10_right_con03 #table-wrap > select{float:right;margin-bottom:15px;border:1px solid #d9d9d9;color:#1b1b1b;width:105px;height:32px;font-size:15px;padding:0 0 0 9px} .mypage_right .mypage10_right_con03 #table-wrap .table > tbody > tr > td > select{float:left;width:70px;height:32px;padding:0 0 0 5px;line-height:30px;margin:2px auto;border-color:#d9d9d9} /*마이페이지 서브회원 수정*/ .register_wrap .btn_wrap.mypage10_01_btn{margin-bottom:0} .register_wrap .btn_wrap.mypage10_01_btn button{float:inherit} .register_wrap .btn_wrap.mypage10_01_btn button:first-child{margin-right:8px} /*마이페이지 뷰페이지 팝업01*/ #mypage_view_pop01{} #mypage_view_pop01 .tab_wrap{display:inline-block;width:100%;margin-bottom:30px} #mypage_view_pop01 .tab_wrap button{width:50%;float:left;display:inline-block;background:#fff;color:#1b1b1b;border:1px solid #1b1b1b;font-size:15px;height:45px} #mypage_view_pop01 .tab_wrap button.active{color:#fff;background:#f08200;border:1px solid #f08200} #mypage_view_pop01 .popupLayer-footer{text-align:center;padding:0;margin-top:35px;border:0} #mypage_view_pop01 .popupLayer-footer button{width:232px;height:45px;font-size:15px} #mypage_view_pop01 .popupLayer-body .table_wrap.table-responsive{height:300px;overflow:hidden;overflow-y:scroll} #mypage_view_pop01 .popupLayer-body .table_wrap table{margin:0} #mypage_view_pop01 .popupLayer-body .tab_con .table_wrap:nth-child(2){padding-right:17px} #mypage_view_pop01 .popupLayer-body .btn_wrap{display:inline-block;width:100%;margin:0 0 30px;text-align:center} #mypage_view_pop01 .popupLayer-body .btn_wrap button{float:inherit;height:45px;width:180px;font-size:15px;font-weight:400} #mypage_view_pop01 .popupLayer-body .btn_wrap .top{margin:10px 0 30px;display:inline-block;width:100%} #mypage_view_pop01 .popupLayer-body .btn_wrap .top em{float:left;line-height:32px;font-size:14px;font-style:normal} #mypage_view_pop01 .popupLayer-body .btn_wrap .top em strong{font-size:18px;margin-right:5px;vertical-align:bottom} #mypage_view_pop01 .popupLayer-body .btn_wrap .top button{float:right;width:105px;height:32px;line-height:30px;padding:0} #mypage_view_pop01 .popupLayer-body .btn_wrap .btm{text-align:center} #mypage_view_pop01 .popupLayer-body .btn_wrap .btm button{height:45px} #mypage_view_pop01 .popupLayer-body .btn_wrap .btm button:first-child{margin-right:8px} #mypage_view_pop01 .tab_con >span{margin-bottom:5px;display:block} /*마이페이지 뷰페이지 팝업02*/ #mypage_view_pop02{} #mypage_view_pop02 .tab_wrap{display:inline-block;width:100%;margin-bottom:30px} #mypage_view_pop02 .tab_wrap button{width:50%;float:left;display:inline-block;background:#fff;color:#1b1b1b;border:1px solid #1b1b1b;font-size:15px;height:45px} #mypage_view_pop02 .tab_wrap button.active{color:#fff;background:#f08200;border:1px solid #f08200} #mypage_view_pop02 .tab_wrap ul{float:left;width:100%;margin-top:5px} #mypage_view_pop02 .tab_wrap ul > li{float:left} #mypage_view_pop02 .tab_wrap ul > li.bar{margin:5px 7px 0;width:1px;height:12px;background-color:#ccc} #mypage_view_pop02 .tab_wrap ul > li > a{font-size:13px;line-height:22px} #mypage_view_pop02 .tab_wrap ul > li > a.active{color:#f08200} #mypage_view_pop02 .popupLayer-footer{text-align:center;padding:0;margin-top:35px;border:0} #mypage_view_pop02 .popupLayer-footer button{width:232px;height:45px;font-size:15px} #mypage_view_pop02 .popupLayer-body .table_wrap.table-responsive{height:300px;overflow:hidden;overflow-y:scroll} #mypage_view_pop02 .popupLayer-body .table_wrap table{margin:0} #mypage_view_pop02 .popupLayer-body .tab_con .table_wrap:nth-child(2){padding-right:17px} #mypage_view_pop02 .popupLayer-body .btn_wrap{display:inline-block;width:100%;margin:0 0 30px;text-align:center} #mypage_view_pop02 .popupLayer-body .btn_wrap button{float:inherit;height:45px;width:180px;font-size:15px;font-weight:400} #mypage_view_pop02 .popupLayer-body .btn_wrap .top{margin:5px 0 30px;display:inline-block;width:100%} #mypage_view_pop02 .popupLayer-body .btn_wrap .top em{float:left;line-height:32px;font-size:14px;font-style:normal} #mypage_view_pop02 .popupLayer-body .btn_wrap .top em strong{font-size:18px;margin-right:5px;vertical-align:bottom} #mypage_view_pop02 .popupLayer-body .btn_wrap .top button{float:right;width:105px;height:32px;margin:0;line-height:30px;padding:0} #mypage_view_pop02 .popupLayer-body .btn_wrap .btm{text-align:center} #mypage_view_pop02 .popupLayer-body .btn_wrap .btm button{height:45px} #mypage_view_pop02 .popupLayer-body .btn_wrap .btm button:first-child{margin-right:8px} #mypage_view_pop02 .tab_con >span{margin-bottom:5px;display:block} /*마이페이지 뷰페이지 팝업03*/ #mypage_view_pop03{} #mypage_view_pop03 .popupLayer-footer{text-align:center;padding:0;margin-top:35px;border:0} #mypage_view_pop03 .popupLayer-footer button{width:232px;height:45px;font-size:15px} #mypage_view_pop03 .popupLayer-body .table_wrap.table-responsive{height:300px;overflow:hidden;overflow-y:scroll} #mypage_view_pop03 .popupLayer-body .table_wrap table{margin:0} #mypage_view_pop03 .popupLayer-body .table_wrap:nth-child(3){padding-right:17px} #mypage_view_pop03 .popupLayer-body .btn_wrap{display:inline-block;width:100%;margin:0 0 30px;text-align:center} #mypage_view_pop03 .popupLayer-body .btn_wrap button{float:inherit;height:45px;width:180px;font-size:15px;font-weight:400} #mypage_view_pop03 .popupLayer-body .btn_wrap .top{margin:5px 0 20px;display:inline-block;width:100%} #mypage_view_pop03 .popupLayer-body .btn_wrap .top em{float:left;line-height:32px;font-size:14px;font-style:normal} #mypage_view_pop03 .popupLayer-body .btn_wrap .top em strong{font-size:18px;margin-right:5px;vertical-align:bottom} #mypage_view_pop03 .popupLayer-body .btn_wrap .top button{float:right;width:105px;height:32px;line-height:30px;margin:0;padding:0} #mypage_view_pop03 .popupLayer-body .btn_wrap .mid{text-align:left} #mypage_view_pop03 .popupLayer-body .btn_wrap .mid h2{font-size:15px;color:#1b1b1b;font-weight:400} #mypage_view_pop03 .popupLayer-body .btn_wrap .mid dl{border:1px solid #d9d9d9;display:inline-block;width:100%;margin:10px 0 40px} #mypage_view_pop03 .popupLayer-body .btn_wrap .mid dt{margin:0;display:inline-block;border-right:1px solid #d9d9d9;width:150px;text-align:center;font-size:15px;font-weight:400;padding:7px 0;float:left;background:#d9d9d9;color:#000} #mypage_view_pop03 .popupLayer-body .btn_wrap .mid dd{display:inline-block;padding:7px;text-align:right;font-size:15px;width:calc(100% - 150px);color:#1b1b1b} #mypage_view_pop03 .popupLayer-body .btn_wrap .btm{text-align:center} #mypage_view_pop03 .popupLayer-body .btn_wrap .btm button{height:45px} #mypage_view_pop03 .popupLayer-body .btn_wrap .btm button:first-child{margin-right:8px} #mypage_view_pop03 .popupLayer-body > span{margin-bottom:5px;display:block} /*마이페이지 뷰페이지 팝업04*/ #mypage_view_pop04{} #mypage_view_pop04 .popupLayer-footer{text-align:center;padding:0;margin-top:35px;border:0} #mypage_view_pop04 .popupLayer-footer button{width:232px;height:45px;font-size:15px} #mypage_view_pop04 .popupLayer-body .btn_wrap{display:inline-block;width:100%;margin:30px 0;text-align:center} #mypage_view_pop04 .popupLayer-body .btn_wrap button{float:inherit;height:45px;width:180px;font-size:15px;font-weight:400} #mypage_view_pop04 .popupLayer-body .btn_wrap .mid{text-align:left} #mypage_view_pop04 .popupLayer-body .btn_wrap .mid h2{font-size:15px;color:#1b1b1b;font-weight:400} #mypage_view_pop04 .popupLayer-body .btn_wrap .mid dl{border:1px solid #d9d9d9;display:inline-block;width:100%;margin:10px 0 40px} #mypage_view_pop04 .popupLayer-body .btn_wrap .mid dt{margin:0;display:inline-block;border-right:1px solid #d9d9d9;width:160px;text-align:center;font-size:15px;font-weight:400;padding:7px 0;float:left;background:#d9d9d9;color:#000} #mypage_view_pop04 .popupLayer-body .btn_wrap .mid dd{display:inline-block;padding:7px;text-align:right;font-size:15px;width:calc(100% - 160px);color:#1b1b1b;border-bottom:1px solid #d9d9d9} #mypage_view_pop04 .popupLayer-body .btn_wrap .mid dd:last-child{border-bottom:0} #mypage_view_pop04 .popupLayer-body .btn_wrap .btm{text-align:center} #mypage_view_pop04 .popupLayer-body .btn_wrap .btm button{height:45px} #mypage_view_pop04 .popupLayer-body .btn_wrap .btm button:first-child{margin-right:8px} #mypage_view_pop04 .popupLayer-body > span{margin-bottom:5px;display:block} /*마이페이지 뷰페이지 팝업05*/ #mypage_view_pop05{} #mypage_view_pop05 .popupLayer-footer{text-align:center;padding:0;margin-top:35px;border:0} #mypage_view_pop05 .popupLayer-footer button{width:232px;height:45px;font-size:15px} #mypage_view_pop05 .popupLayer-body .btn_wrap{display:inline-block;width:100%;margin:30px 0;text-align:center} #mypage_view_pop05 .popupLayer-body .btn_wrap button{float:inherit;height:45px;width:180px;font-size:15px;font-weight:400} #mypage_view_pop05 .popupLayer-body .btn_wrap .mid{text-align:left} #mypage_view_pop05 .popupLayer-body .btn_wrap .mid h2{font-size:15px;color:#1b1b1b;font-weight:400} #mypage_view_pop05 .popupLayer-body .btn_wrap .mid dl{border:1px solid #d9d9d9;display:inline-block;width:100%;margin:10px 0 40px} #mypage_view_pop05 .popupLayer-body .btn_wrap .mid dt{margin:0;display:inline-block;border-right:1px solid #d9d9d9;width:150px;text-align:center;font-size:15px;font-weight:400;padding:7px 0;float:left;background:#d9d9d9;color:#000} #mypage_view_pop05 .popupLayer-body .btn_wrap .mid dd{display:inline-block;padding:7px;text-align:right;font-size:15px;width:calc(100% - 150px);color:#1b1b1b;border-bottom:1px solid #d9d9d9} #mypage_view_pop05 .popupLayer-body .btn_wrap .mid dd:last-child{border-bottom:0} #mypage_view_pop05 .popupLayer-body .btn_wrap .btm{text-align:center} #mypage_view_pop05 .popupLayer-body .btn_wrap .btm button{height:45px} #mypage_view_pop05 .popupLayer-body .btn_wrap .btm button:first-child{margin-right:8px} #mypage_view_pop05 .popupLayer-body > span{margin-bottom:5px;display:block} /*마이페이지 뷰페이지 테이블 공통*/ table.pop_table > thead > tr:first-child > th{border-top:3px solid #000;border-bottom:1px solid #d9d9d9;height:auto;padding:13px 0;font-size:12px} table.pop_table > thead > tr > th{text-align:center;color:#000;font-size:13px;font-weight:500;border-bottom:0;height:60px;vertical-align:middle;padding:0} table.pop_table > tbody > tr > td{border-bottom:1px solid #d9d9d9;font-size:13px;color:#000;text-align:center;vertical-align:middle;padding:15px 0;border-top:0} table.pop_table > tbody > tr > td > button{width:63px;height:27px;font-size:10px;display:block;margin-bottom:8px} table.pop_table > tbody > tr > td > img{display:inline-block;max-height:91px;vertical-align:middle} table.pop_table > tbody > tr > td > span{vertical-align:middle;display:inline-block;text-align:left} table.pop_table > tbody > tr > td > span > strong{display:block} /*마이페이지 캐쉬 팝업01*/ #mypage_pop01{} #mypage_pop01 .popupLayer-footer{display:inline-block;width:100%;margin:30px 0;text-align:center} #mypage_pop01 .popupLayer-footer button{float:inherit;height:45px;width:180px;font-size:15px;font-weight:400} #mypage_pop01 .popupLayer-footer button:first-child{margin-right:8px} #mypage_pop01 .popupLayer-body dl{margin-bottom:30px} #mypage_pop01 .popupLayer-body dl:last-child{padding:10px;background-color:#eaeaea} #mypage_pop01 .popupLayer-body dl:last-child dd:last-child{margin-bottom:0} #mypage_pop01 .popupLayer-body dl dt{margin-bottom:18px;font-size:14px;color:#1b1b1b;font-weight:400} #mypage_pop01 .popupLayer-body dl:first-child dt{margin-bottom:8px;font-weight:300} #mypage_pop01 .popupLayer-body dl dd{display:inline-block} #mypage_pop01 .popupLayer-body dl:first-child dd{font-size:15px;line-height:44px} #mypage_pop01 .popupLayer-body dl dd input[type="radio"]{width:20px;height:20px;margin-right:7px;float:left} #mypage_pop01 .popupLayer-body dl dd label{color:#1b1b1b;margin-right:33px;line-height:20px;font-size:14px} #mypage_pop01 .popupLayer-body dl dd input[type="text"]{float:left;border:1px solid #d9d9d9;width:441px;height:44px;padding:0 10px;margin-right:6px;line-height:42px;font-size:15px} #mypage_pop01 .popupLayer-body dl dd input[type="text"]::placeholder{color:#999} /* Chrome/Opera/Safari */ #mypage_pop01 .popupLayer-body dl dd input[type="text"]::-webkit-input-placeholder{color:#999} /* Firefox 19+ */ #mypage_pop01 .popupLayer-body dl dd input[type="text"]::-moz-placeholder{color:#999} /* IE 10+ */ #mypage_pop01 .popupLayer-body dl dd input[type="text"]:-ms-input-placeholder{color:#999} /* Firefox 18- */ #mypage_pop01 .popupLayer-body dl dd input[type="text"]:-moz-placeholder{color:#999} #mypage_pop01 .popupLayer-body dl:last-child dd{display:block;margin-bottom:5px} /*마이페이지 캐쉬 팝업02*/ .popupLayer-body .cash_wrap{display:inline-block;width:100%;margin:10px 0 0;padding:20px;border:3px solid #d9d9d9} .popupLayer-body .cash_wrap dt{float:left;font-size:16px;line-height:25px} .popupLayer-body .cash_wrap dd{float:left;font-size:16px;line-height:25px;font-weight:500;margin-left:20px} /*마이페이지 캐쉬 팝업02*/ .popupLayer-body .sub_cash_wrap{display:inline-block;width:100%;margin:10px 0 0;padding:20px;background: #eee;} .popupLayer-body .sub_cash_wrap dt{float:left;font-size:16px;line-height:15px} .popupLayer-body .sub_cash_wrap dd{float:left;font-size:16px;line-height:15px;margin-left:20px} #mypage_view_pop04.mypage_pop02 .popupLayer-body .btn_wrap .mid dl{margin-bottom:30px} #mypage_view_pop04.mypage_pop02 .popupLayer-body .btn_wrap .mid .textarea{display:inline-block;width:100%;margin:10px 0 40px} #mypage_view_pop04.mypage_pop02 .popupLayer-body .btn_wrap .mid .textarea textarea{height:138px;width:100%;border:1px solid #d9d9d9;padding:10px;font-weight:300;font-size:15px;white-space:pre-line;text-align:left} #mypage_view_pop04.mypage_pop02 .popupLayer-body .btn_wrap .mid .textarea textarea::placeholder{color:#999} /* Chrome/Opera/Safari */ #mypage_view_pop04.mypage_pop02 .popupLayer-body .btn_wrap .mid .textarea textarea::-webkit-input-placeholder{color:#999} /* Firefox 19+ */ #mypage_view_pop04.mypage_pop02 .popupLayer-body .btn_wrap .mid .textarea textarea::-moz-placeholder{color:#999} /* IE 10+ */ #mypage_view_pop04.mypage_pop02 .popupLayer-body .btn_wrap .mid .textarea textarea:-ms-input-placeholder{color:#999} /* Firefox 18- */ #mypage_view_pop04.mypage_pop02 .popupLayer-body .btn_wrap .mid .textarea textarea:-moz-placeholder{color:#999} #mypage_view_pop04.mypage_pop02 .popupLayer-body .btn_wrap .mid .textarea em{font-style:normal;text-align:right;width:100%;display:inline-block} /*마이페이지 캐쉬 팝업03*/ #mypage_pop03{} #mypage_pop03 .popupLayer-footer{display:inline-block;width:100%;margin:30px 0;text-align:center} #mypage_pop03 .popupLayer-footer button{float:inherit;height:45px;width:180px;font-size:15px;font-weight:400} #mypage_pop03 .popupLayer-body .table_wrap{} #mypage_pop03 .popupLayer-body .table_wrap table{margin-bottom:0} #mypage_pop03 .popupLayer-body .table_wrap.table-responsive{height:360px;overflow:hidden;overflow-y:scroll} #mypage_pop03 .popupLayer-body .table_wrap:nth-child(2){padding-right:17px} #mypage_pop03 .table_wrap .table > thead > tr:first-child > th{border-top:3px solid #000;border-bottom:1px solid #d9d9d9;height:auto;padding:13px 0;font-size:12px} #mypage_pop03 .table_wrap .table > thead > tr > th{text-align:center;color:#000;font-size:13px;border-top:3px solid #000;font-weight:500;border-bottom:0;height:60px;vertical-align:middle;padding:0} #mypage_pop03 .table_wrap .table > tbody > tr > td{border-bottom:1px solid #d9d9d9;font-size:13px;color:#000;text-align:center;vertical-align:middle;padding:15px 0;border-top:0} #mypage_pop03 .table_wrap .table > tbody > tr > td > button{width:63px;height:27px;font-size:10px;display:block;margin-bottom:8px} #mypage_pop03 .table_wrap .table > tbody > tr > td > img{display:inline-block;max-height:91px;vertical-align:middle} #mypage_pop03 .table_wrap .table > tbody > tr > td > span{vertical-align:middle;display:inline-block;text-align:left} #mypage_pop03 .table_wrap .table > tbody > tr > td > span > strong{display:block} #mypage_pop03 .popupLayer-body > span{margin-bottom:5px;display:block;font-size:13px;line-height:20px} /*마이페이지 캐쉬 팝업04*/ #mypage_pop04{} #mypage_pop04 .popupLayer-footer{display:inline-block;width:100%;margin:30px 0;text-align:center} #mypage_pop04 .popupLayer-footer button{float:inherit;height:45px;width:180px;font-size:15px;font-weight:400} #mypage_pop04 .popupLayer-body h2{font-size:18px;font-weight:400} #mypage_pop04 .popupLayer-body ul.info{margin-top:10px;border:1px solid #d9d9d9;padding:10px} #mypage_pop04 .popupLayer-body ul.info li{display:block;font-size:13px;line-height:20px} #mypage_pop04 .popupLayer-body textarea{height:250px;width:100%;margin-right:15px;border:1px solid #d9d9d9;padding:23px 23px 30px 23px;font-weight:300;font-size:15px;white-space:pre-line;margin-top:20px;text-align:left} /*마이페이지 캐쉬내역 팝업01*/ #mypage10_pop01{} #mypage10_pop01 .popupLayer-footer{display:inline-block;width:100%;margin:30px 0;text-align:center} #mypage10_pop01 .popupLayer-footer button{float:inherit;height:45px;width:180px;font-size:15px;font-weight:400} #mypage10_pop01 .popupLayer-body .table_wrap{} #mypage10_pop01 .popupLayer-body .table_wrap table{margin-bottom:0} #mypage10_pop01 .popupLayer-body .table_wrap.table-responsive{height:360px;overflow:hidden;overflow-y:scroll} #mypage10_pop01 .popupLayer-body .table_wrap:nth-child(1){padding-right:17px} #mypage10_pop01 .table_wrap .table > thead > tr:first-child > th{border-top:3px solid #000;border-bottom:1px solid #d9d9d9;height:auto;padding:13px 0;font-size:12px} #mypage10_pop01 .table_wrap .table > thead > tr > th{text-align:center;color:#000;font-size:13px;border-top:3px solid #000;font-weight:500;border-bottom:0;height:60px;vertical-align:middle;padding:0} #mypage10_pop01 .table_wrap .table > tbody > tr > td{border-bottom:1px solid #d9d9d9;font-size:13px;color:#000;text-align:center;vertical-align:middle;padding:15px 0;border-top:0} #mypage10_pop01 .table_wrap .table > tbody > tr > td > button{width:63px;height:27px;font-size:10px;display:block;margin-bottom:8px} #mypage10_pop01 .table_wrap .table > tbody > tr > td > img{display:inline-block;max-height:91px;vertical-align:middle} #mypage10_pop01 .table_wrap .table > tbody > tr > td > span{vertical-align:middle;display:inline-block;text-align:left} #mypage10_pop01 .table_wrap .table > tbody > tr > td > span > strong{display:block} /*마이페이지 캐쉬내역 팝업02*/ .mypage10_pop02{} .mypage10_pop02 .popupLayer-body h2{font-size:16px} .mypage10_pop02 .popupLayer-body .top dl{border:1px solid #d9d9d9;display:inline-block;width:100%;padding:20px 10px} .mypage10_pop02 .popupLayer-body .top dl dt{display:inline-block;width:50%;float:left;font-size:18px;line-height:28px} .mypage10_pop02 .popupLayer-body .top dl dd{display:inline-block;width:50%;color:#f08200;font-size:20px;font-weight:500} .mypage10_pop02 .popupLayer-body .top h2{background:#eee;padding:10px;margin:20px 0} .mypage10_pop02 .popupLayer-body .top h2 strong{margin-left:5px} .mypage10_pop02 .popupLayer-body .btm dl{float:left;width:100%} .mypage10_pop02 .popupLayer-body .btm dl:last-child{margin-top:15px} .mypage10_pop02 .popupLayer-body .btm dl dt{font-size:14px;margin-bottom:8px;color:#1b1b1b} .mypage10_pop02 .popupLayer-body .btm dl dd{font-size:15px;line-height:44px} .mypage10_pop02 .popupLayer-body .btm dl dd input{float:left;border:1px solid #d9d9d9;width:441px;height:44px;padding:0 10px;margin-right:6px;line-height:42px;font-size:15px} .mypage10_pop02 .popupLayer-body .btm dl dd input::placeholder{color:#999} /*마이페이지 캐쉬 카드충전캐쉬*/ .mypage_right .register_wrap.charge_form h2.sub_tit02{text-align:center;color:#1b1b1b;font-size:30px;position:relative;padding-bottom:20px;display:inline-block;font-weight:500;margin-bottom: 25px} .mypage_right .register_wrap.charge_form h2.sub_tit02::after{content:'';position:absolute;bottom:0;left:0;height:2px;width:136%;background:#1b1b1b} .mypage_right .register_wrap.charge_form h2.register_tit{font-size:22px;border-bottom:1px solid #000;padding-bottom:20px;font-weight:500} .mypage_right .register_wrap.charge_form .register_top dd input{width:350px} .mypage_right .register_wrap.charge_form .register_top dl.email dd input{width:290px} .mypage_right .register_wrap.charge_form .register_top dl.email dd{position:relative} .mypage_right .register_wrap.charge_form .register_top dl.email dd .alertCount{position:absolute;top:0;right:98px;width:66px;font-size:13px;line-height:44px;text-align:center;color:#e40f23;font-weight:400} .mypage_right .register_wrap.charge_form .register_top dt{} .mypage_right .register_wrap.charge_form .register_top dt.dt_st02{line-height:normal;padding-left:38px;text-indent:-20px;text-align:left} .mypage_right .register_wrap.charge_form .register_top dt.dt_st02 label{line-height:inherit} .mypage_right .register_wrap.charge_form .register_top dl.id dd{font-size:15px;line-height:45px;color:#1b1b1b;font-weight:500} .mypage_right .register_wrap.charge_form .register_top dl.bank dd ,.mypage_right .register_wrap .register_top dl.bank dd{width:calc(50% - 125px);float:left} .mypage_right .register_wrap.charge_form .register_top dl.bank dd input , .mypage_right .register_wrap.charge_form .register_top dl.bank dd select{width:95%;margin-right:5px;font-size:15px;border:1px solid #d9d9d9;height:44px;line-height:42px} .mypage_right .register_wrap.charge_form .register_top dl.bank dd select{padding:0 0 0 10px} .mypage_right .register_wrap.charge_form .register_top dl.bank dd .bank_input02{width:95%} .mypage_right .register_wrap.charge_form .register_top dl.bank dt.bank_dt02{text-align:left} .mypage_right .register_wrap.charge_form .register_top dl dd span.tit{font-size:15px;line-height:45px;color:#1b1b1b;font-weight:400} /* Chrome/Opera/Safari */ .mypage10_pop02 .popupLayer-body .btm dl dd input::-webkit-input-placeholder{color:#999} /* Firefox 19+ */ .mypage10_pop02 .popupLayer-body .btm dl dd input::-moz-placeholder{color:#999} /* IE 10+ */ .mypage10_pop02 .popupLayer-body .btm dl dd input:-ms-input-placeholder{color:#999} /* Firefox 18- */ .mypage10_pop02 .popupLayer-body .btm dl dd input:-moz-placeholder{color:#999} .mypage10_pop02 .popupLayer-body .btn_wrap{display:inline-block;width:100%;margin:30px 0;text-align:center} .mypage10_pop02 .popupLayer-body .btn_wrap button{float:inherit;height:45px;width:180px;font-size:15px;font-weight:400} .mypage10_pop02 .popupLayer-body .btn_wrap button:first-child{margin-right:8px} /*마이페이지 기업회원전환 팝업*/ #mypage_pop05{} #mypage_pop05 .popupLayer-footer{display:inline-block;width:100%;margin:30px 0;text-align:center} #mypage_pop05 .popupLayer-footer button{float:inherit;height:45px;width:180px;font-size:15px;font-weight:400} #mypage_pop05 .popupLayer-footer button:first-child{margin-right:8px} #mypage_pop05 .popupLayer-body dl{margin-bottom:30px} #mypage_pop05 .popupLayer-body dl:last-child{padding:10px;background-color:#eaeaea} #mypage_pop05 .popupLayer-body dl:last-child dd:last-child{margin-bottom:0} #mypage_pop05 .popupLayer-body dl dt{margin-bottom:18px;font-size:14px;color:#1b1b1b;font-weight:400} #mypage_pop05 .popupLayer-body dl:first-child dt{margin-bottom:8px;font-weight:300} #mypage_pop05 .popupLayer-body dl dd{display:inline-block} #mypage_pop05 .popupLayer-body dl:first-child dd{font-size:15px;line-height:44px} #mypage_pop05 .popupLayer-body dl dd input[type="radio"]{width:20px;height:20px;margin-right:7px;float:left} #mypage_pop05 .popupLayer-body dl dd label{color:#1b1b1b;margin-right:33px;line-height:20px;font-size:14px} #mypage_pop05 .popupLayer-body dl dd input[type="text"]{float:left;border:1px solid #d9d9d9;width:441px;height:44px;padding:0 10px;margin-right:6px;line-height:42px;font-size:15px} #mypage_pop05 .popupLayer-body dl dd input[type="text"]::placeholder{color:#999} /* Chrome/Opera/Safari */ #mypage_pop05 .popupLayer-body dl dd input[type="text"]::-webkit-input-placeholder{color:#999} /* Firefox 19+ */ #mypage_pop05 .popupLayer-body dl dd input[type="text"]::-moz-placeholder{color:#999} /* IE 10+ */ #mypage_pop05 .popupLayer-body dl dd input[type="text"]:-ms-input-placeholder{color:#999} /* Firefox 18- */ #mypage_pop05 .popupLayer-body dl dd input[type="text"]:-moz-placeholder{color:#999} #mypage_pop05 .popupLayer-body dl dd input[type="file"]{float:left;width:441px;height:44px;margin-right:6px;line-height:42px;font-size:15px} #mypage_pop05 .popupLayer-body dl:last-child dd{display:block;margin-bottom:5px} /*고객센터*/ .content-area{margin-bottom:100px} .content-area.customer_faq{margin-bottom:50px} .content-area dl{} .content-area dl:first-child{border-top:3px solid #000} .content-area dl:last-child{margin-bottom:30px;border-bottom:1px solid #e0e0e0} .content-area dl:first-child dt{border-top:none} .content-area dt{background:#fff url('/images/sub/arrow_down-4ab9d945641f69c3cd647f915206db61.png')98% center no-repeat;border-style:solid;border-color:#e0e0e0;border-width:1px 1px 0 1px;padding:20px 0 20px 23px;cursor:pointer} .content-area dl.selected dt{background:#fff url('/images/sub/arrow_up-eec4e054a7361c87898d3e28d988d21f.png')98% center no-repeat} .content-area dt a{color:#242424;font-size:18px} .content-area dt a .faq_p01{color:#000;font-size:18px;width:100px;display:inline-block;font-weight:400} .content-area dt a .faq_p02{color:#000;font-size:20px;margin-right:37px;font-weight:400} .content-area dd{color:#242424;display:none;font-size:15px;padding:23px 75px;border-top:1px solid #c9c9c9;border-right:1px solid #e0e0e0;border-left:1px solid #e0e0e0;position:relative;line-height:25px} .content-area dd p{display:block;font-size:15px;line-height:25px} .content-area dd .faq_p02{color:#f08200;font-size:20px;font-weight:400;position:absolute;top:22px;left:25px} .content-area dl.selected dd{display:block} .content-area.customer_faq p.noneList{border:1px solid #e0e0e0;border-top:3px solid #000;text-align:center;font-size:18px;line-height:30px;padding:20px 0} .sch_top{text-align:center} .sch_top .form_group{border:2px solid #e2e2e2;padding:33px 90px;margin:40px 0;display:inline-block;width:100%} .sch_top .form_group select{border:1px solid #d9d9d9;width:123px;height:45px;padding:0 0 0 13px;font-size:15px;color:#1b1b1b;margin:0 12px 0 22px;float:left} .sch_top .form_group h2{display:inline-block;font-size:20px;line-height:45px;float:left} .sch_top .form_group input{width:635px;height:45px;border:1px solid #d9d9d9;float:left;font-size:15px;padding:0 10px;color:#000} .sch_top .form_group input::placeholder{color:#999;font-size:15px} /* Chrome/Opera/Safari */ .sch_top .form_group input::-webkit-input-placeholder{color:#999;font-size:15px} /* Firefox 19+ */ .sch_top .form_group input::-moz-placeholder{color:#999;font-size:15px} /* IE 10+ */ .sch_top .form_group input:-ms-input-placeholder{color:#999;font-size:15px} /* Firefox 18- */ .sch_top .form_group input:-moz-placeholder{color:#999;font-size:15px} .sch_top .form_group button{width:96px;height:45px;margin-left:4px;float:left;font-size:15px} .sch_top ul{text-align:center;display:inline-block;margin:0 auto 40px} .sch_top ul li{display:inline-block;width:96px;height:45px;text-align:center;line-height:43px;margin-right:10px;float:left} .sch_top ul li.selected a{color:#f08200;border:1px solid #f08200} .sch_top ul li:last-child{margin:0} .sch_top ul li a{border:1px solid #888;display:inline-block;width:100%;height:100%;font-size:15px;color:#888} /*공지사항*/ .table_wrap02 table{border-bottom:none;border-top:3px solid #000000} .table_wrap02 .qa_table tr:last-child td{border-bottom:1px solid #e0e0e0} .table_wrap02 .qa_table th{color:#000;text-align:center;text-indent:0;padding:15px 0;font-size:15px} .table_wrap02 .qa_table td{color:#1b1b1b;text-align:center;padding:15px 0;font-size:15px} .table_wrap02 .qa_table td.lef{text-align:left} .table_wrap02 .qa_table tr:hover .lef a{text-decoration:underline;text-decoration-color:#000;text-underline-position:under} .table_wrap02 .qa_table td:first-child{color:rgba(27, 27, 27, .75)} .table_wrap02 .qa_table td a{color:#666} .table_wrap02 .qa_table td a img{margin-left:5px} .table_wrap02 .qa_table td:nth-child(2) a{color:#000} .table_wrap02 .qa_table tr:last-child th{border-bottom:1px solid #000000} .form_group02{margin:50px 0 20px;float:right} .form_group02 select{float:left;margin-right:10px;width:128px;color:#606060;border:1px solid #d9d9d9;min-height:38px;padding:0 0 0 5px} .form_group02 input[type="text"]{border:1px solid #e0e0e0;padding:10px;float:left;width:294px;min-height:38px} .form_group02 input[type="text"]::placeholder{color:#999} /* Chrome/Opera/Safari */ .form_group02 input[type="text"]::-webkit-input-placeholder{color:#999} /* Firefox 19+ */ .form_group02 input[type="text"]::-moz-placeholder{color:#999} /* IE 10+ */ .form_group02 input[type="text"]:-ms-input-placeholder{color:#999} /* Firefox 18- */ .form_group02 input[type="text"]:-moz-placeholder{color:#999} .form_group02 button{background-color:#4a4a4a;color:#fff;border:none;width:68px;clear:both;font-weight:500;outline:none;line-height:36px} .table_wrap02 .pg_wrap{margin:45px 0 90px} #bo_view{margin-top:45px} #bo_view #view_info{border-top:3px solid #000;border-bottom:1px solid #d9d9d9;padding:25px 5px} #bo_view #view_info dl{font-size:16px} #bo_view #view_info dt{color:#6b6868;margin-bottom:17px} #bo_view #view_info dd{color:#1b1b1b;font-size:22px} #bo_view #view_info dd span{width:56px;height:25px;display:inline-block;border:1px solid #f08200;text-align:center;color:#f08200;border-radius:20px;float:right;font-size:13px;margin-top:5px;line-height:23px} #bo_view #view_info ul{margin-top:25px;border-top:1px solid #d9d9d9;padding-top:25px} #bo_view #view_info ul li{display:inline-block} #bo_view #view_info ul li:first-child{font-size:15px;font-weight:400} #bo_view #view_info ul li:last-child{font-size:14px;margin-left:15px} #bo_view #view_info ul li:last-child > a:hover{text-decoration:underline;text-decoration-color:#000;text-underline-position:under} #bo_view #view_con{display:inline-block;width:100%;padding:45px 5px;border-bottom:1px solid #000;color:#1b1b1b;font-size:15px;line-height:2} #bo_view #view_con > p{display:block;color:#1b1b1b;font-size:15px;line-height:2} #bo_view #view_btm{} #bo_view .btn-wrap{text-align:center;margin:35px 0 100px} #bo_view .btn-wrap button{border:1px solid #1b1b1b;width:106px;color:#1b1b1b;font-size:15px;background:#fff;line-height:45px;height:45px;padding:0} /*기획전*/ .sub02_01 #pg_map{padding:37px 0 20px} .prd_list{padding:40px 0 120px 0} .exhibition.prd_list{padding:0px 0 40px 0} .exhibition.prd_list .title_wrap{padding:20px 0 30px} .prd_list .title_wrap{padding:65px 0 90px} .prd_list > ul > li{display:inline-block;width:275px;float:left;margin:0 13px 13px 0;background:#fff;border:1px solid #bfbfbf;overflow:hidden} .prd_list ul li:nth-child(4n){margin-right:0} .prd_list ul li a{position:relative;float:left;width:100%} .prd_list ul li a:hover .hover_wrap{display:block;background:rgba(0, 0, 0, .4)} .prd_list ul li a figure{position:relative;float:left;width:100%} .prd_list ul li a figure .icon_wrap{position:absolute;left:15px;top:15px;width:55px} .prd_list ul li a figure .icon_wrap span{width:55px;height:20px;line-height:18px;text-align:center;font-size:10px;display:block;margin-bottom:4px;background-color:#fff} .prd_list ul li a figure .icon_wrap span.icon_st01{border:1px solid #f08200;color:#f08200} .prd_list ul li a figure .icon_wrap span.icon_st02{border:1px solid #009e96;color:#009e96} .prd_list ul li a figure .icon_wrap span.icon_st03{border:1px solid #448aca;color:#448aca} .prd_list ul li a figure .icon_wrap span.icon_st04{border:1px solid #8f82bc;color:#8f82bc} .prd_list ul li a figure .icon_wrap span.icon_st05{border:1px solid #000000;color:#000000} .prd_list ul li a figure .icon_wrap span.icon_st06{border:1px solid #01285c;color:#01285c} .prd_list ul li a figure .icon_wrap span.icon_st07{border:1px solid #f57e06;color:#f57e06} .prd_list ul li a figure .icon_wrap span.icon_st08{border:1px solid #868686;color:#868686} .prd_list ul li a figure img{float:left;width:100%} .prd_list ul li a figure figcaption{float:left;width:100%;display:inline-block;width:100%;padding:15px 20px} .prd_list ul li a figure figcaption p.info01{float:left;width:100%;color:#1b1b1b;font-size:14px} .prd_list ul li a figure figcaption p.info01 span.brand{color:#fff;text-align:center;background:#bfbfbf;border-radius:100%;margin-right:5px;width:15px;height:15px;display:inline-block;ul line-height:15px;font-size:11px} .prd_list ul li a figure figcaption p.info02{float:left;width:100%;color:#1b1b1b;font-size:18px;padding:10px 0 30px} .prd_list ul li a figure figcaption h2.dis_price{color:#f08200;font-size:20px;font-weight:500;display:inline-block;float:left;line-height:35px} .prd_list ul li a figure figcaption h2.dis_price .won{font-size:20px;margin-left:1px} .prd_list ul li a figure figcaption h2.dis_price span.price{float:left;color:#8b8b8b;font-size:13px;margin-right:10px;line-height:20px;margin-top:10px} .prd_list ul li a figure figcaption strong.percent{color:#fff;background:#e40f23;float:right;margin-top:7px;width:50px;height:26px;border-radius:15px;text-align:center;line-height:25px;font-size:15px;font-weight:400} /*이벤트*/ .sub02_02_con .tab_wrap{text-align:center;padding:35px 0 60px} .sub02_02_con .tab_wrap ul{display:inline-block} .sub02_02_con .tab_wrap ul li{border-bottom:3px solid #bfbfbf;display:inline-block;float:left;width:245px;padding:18px 0;margin-right:2px} .sub02_02_con .tab_wrap ul li:last-child{margin-right:0} .sub02_02_con .tab_wrap ul li a{font-size:20px;color:#bfbfbf} .sub02_02_con .tab_wrap ul li.active{border-bottom:3px solid #f08200} .sub02_02_con .tab_wrap ul li.active a{color:#f08200} .sub02_02_con{} .sub02_02_con .event_list{} .sub02_02_con .event_list li{display:inline-block;float:left;margin:0 22px 22px 0;width:365px} .sub02_02_con .event_list li a{position:relative;float:left;width:100%} /*.sub02_02_con .event_list li a::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:none}*/ /*.sub02_02_con .event_list li a:hover::after{display:block}*/ .sub02_02_con .event_list li:nth-child(3n){margin-right:0} .sub02_02_con .event_list li figure{position:relative;border:1px solid #a0a0a0;float:left;width:100%} .sub02_02_con .event_list li figure > img{float:left;width:100%} .sub02_02_con .event_list li figure .event_icon{position:absolute;right:30px;top:0} .sub02_02_con .event_list li figure .event_icon.dday > span{position:absolute;top:0;left:0;float:left;width:100%;font-size:19px;line-height:30px;color:#fff;font-weight:400;text-align:center;padding-bottom:5px;margin-top:7px} .sub02_02_con .event_list li figure .event_icon.text > span{position:absolute;top:0;left:0;float:left;width:100%;font-size:22px;line-height:30px;color:#fff;font-weight:400;text-align:center;padding-bottom:5px;margin-top:15px} .sub02_02_con .event_list li figure figcaption{float:left;width:100%;padding:30px 15px;text-align:center;border-top:0} .sub02_02_con .event_list li figure figcaption p{color:#1b1b1b;font-size:18px;padding:16px 0 0px} .sub02_02_con .event_list li figure figcaption h2{color:#1b1b1b;font-size:20px;font-weight:500;display:inline-block;float:left;width:100%;margin-bottom:10px;border-bottom:1px solid #fff;padding-bottom:5px} .sub02_02_con .event_list li figure figcaption h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .sub02_02_con .event_list li figure figcaption h2{ -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; } /*.sub02_02_con .event_list li a:hover figure figcaption h2{border-bottom-color:#1b1b1b}*/ .sub02_02_con .event_list li a:hover figure figcaption h2{text-decoration:underline;text-decoration-color:#1b1b1b;text-underline-position:under} .sub02_02_con .event_list_none{} .sub02_02_con .event_list_none li{text-align:center} .sub02_02_con .event_list_none li h1{} .sub02_02_con .event_list_none li h2{font-size:30px;padding:50px 0 20px;font-weight:600} .sub02_02_con .event_list_none li h3{font-size:15px} .sub02_03 .sub02_02_con .event_list li figure > .thumb{position:relative;float:left;width:100%} .sub02_03 .sub02_02_con .event_list li figure > .thumb > img{float:left;width:100%} .sub02_03 .sub02_02_con .event_list li figure > .thumb::after{position:absolute;content:'이벤트가 종료 되었습니다.';width:100%;height:100%;background:rgba(0,0,0,0.47);left:0;top:0;color:#fff;font-size:20px;text-align:center;padding-top:120px;max-height:229px;font-weight:500} /*이벤트 뷰페이지*/ .event_view #bo_view #view_info{position:relative} .event_view #bo_view #view_info dt{display:inline-block;width:100%;margin-bottom:15px;font-size:16px;line-height:22px} .event_view #bo_view #view_info dt > span{float:left;font-size:16px;line-height:22px} .event_view #bo_view #view_info dt > span.bar{width:2px;height:13px;margin:6px 12px 0px;background-color:#d9d9d9} .event_view #bo_view #view_info h2{position:absolute;right:0;top:25px;font-size:55px;font-weight:300} .event_view #bo_view #view_con{padding:10px 0;border-bottom:1px solid #d9d9d9} .event_view #bo_view .prd_list{padding:25px 0} .event_view #bo_view .prd_list .title_wrap{padding:0 0 25px 0} .view_con_btm{margin-top:30px} /*.event_view .prd_list > ul > li{border:0}*/ .event_view.event_view03 #bo_view .prd_list{background-position:top left;background-size:100% 1px;padding:100px 50px} .event_view.event_view03 .prd_list > ul > li{width:250px} .event_view.event_view03 .prd_list > ul > li a{position:relative;width:100%;float:left} .event_view.event_view03 .prd_list > ul > li a:hover .hover_wrap{display:block;background:rgba(0, 0, 0, .4)} .event_view.event_view03 .prd_list > ul > li a figure{position:relative;float:left;width:100%} .event_view.event_view03 .prd_list > ul > li a figure .icon_wrap{position:absolute;left:15px;top:15px;width:55px} .event_view.event_view03 .prd_list > ul > li a figure .icon_wrap span{width:55px;height:20px;line-height:18px;text-align:center;font-size:10px;display:block;margin-bottom:4px} .event_view.event_view03 .prd_list > ul > li a figure .icon_wrap span.icon_st01{border:1px solid #f08200;color:#f08200;background:#fff} .event_view.event_view03 .prd_list > ul > li a figure .icon_wrap span.icon_st02{border:1px solid #009e96;color:#009e96;background:#fff} .event_view.event_view03 .prd_list > ul > li a figure .icon_wrap span.icon_st03{border:1px solid #448aca;color:#448aca;background:#fff} .event_view.event_view03 .prd_list > ul > li a figure .icon_wrap span.icon_st04{border:1px solid #8f82bc;color:#8f82bc;background:#fff} .event_view.event_view03 .prd_list > ul > li a figure .icon_wrap span.icon_st05{border:1px solid #000000;color:#000000;background:#fff} .event_view.event_view03 .prd_list > ul > li a figure .icon_wrap span.icon_st06{border:1px solid #01285c;color:#01285c;background:#fff} .event_view.event_view03 .prd_list > ul > li a figure .icon_wrap span.icon_st07{border:1px solid #f57e06;color:#f57e06;background:#fff} .event_view.event_view03 .prd_list > ul > li a figure .icon_wrap span.icon_st08{border:1px solid #868686;color:#868686;background:#fff} .event_view.event_view03 .prd_list > ul > li a figure img{float:left;width:100%} .event_view.event_view03 .prd_list > ul > li a figure figcaption{float:left;width:100%;padding:10px 15px} .event_view.event_view03 .prd_list > ul > li a figure figcaption p.info01{float:left;width:100%;color:#1b1b1b;font-size:14px} .event_view.event_view03 .prd_list > ul > li a figure figcaption p.info01 span.brand{color:#fff;text-align:center;background:#bfbfbf;border-radius:100%;margin-right:5px;width:15px;height:15px;display:inline-block;ul line-height:15px;font-size:11px} .event_view.event_view03 .prd_list > ul > li a figure figcaption p.info02{float:left;width:100%;color:#1b1b1b;font-size:18px;padding:10px 0 20px;word-spacing:-1px;letter-spacing:-1px} .event_view.event_view03 .prd_list > ul > li a figure figcaption h2.dis_price{color:#f08200;font-size:20px;font-weight:500;display:inline-block;float:left;line-height:30px} .event_view.event_view03 .prd_list > ul > li a figure figcaption h2.dis_price .won{font-size:17px;margin-left:1px} .event_view.event_view03 .prd_list > ul > li a figure figcaption h2.dis_price span.price{float:left;color:#8b8b8b;font-size:13px;margin-right:10px;text-decoration:line-through;text-decoration-color:#8b8b8b;;line-height:20px;margin-top:7px} .event_view.event_view03 .prd_list > ul > li a figure figcaption h2.dis_price span.price span{font-size:13px} .event_view.event_view03 .prd_list > ul > li a figure figcaption strong.percent{color:#fff;background:#e40f23;float:right;margin-top:5px;width:45px;height:22px;border-radius:15px;text-align:center;line-height:21px;font-size:15px;font-weight:400} .event_view.event_view03 .prd_list > ul > li a figure figcaption strong.percent span{font-size:11px;margin-left:2px} #view_con{display:inline-block} .view_con_top{float:left;width:100%;margin:0} .view_con_top img{float:left;width:100%} .prd_list{float:left;width:100%;margin:0} .view_con_btm{float:left;width:100%} .view_con_btm img{float:left;width:100%} .event_view03 .view_con_btm{margin:0} /*1:1문의*/ .table_agree{margin-top:50px} .table_agree h2{color:#222;font-size:20px;display:inline-block;font-weight:400} .table_agree textarea{width:100%;height:250px;padding:15px;font-size:13px;white-space:pre-line;margin:20px 0 48px;color:#242424;border:1px solid #d9d9d9;font-weight:300} .table_agree span{color:#999;font-size:13px} .table_agree input[type="checkbox"]{width:17px;height:17px;margin-right:5px} .table_agree input[type="checkbox"] + label{font-size:15px;vertical-align:middle;line-height:17px;color:#242424} .table_agree .checkbox_wr{display:inline-block;float:right;line-height:29px} .qa_table{width:100%;border-top:3px solid #000;border-bottom:1px solid #c9c9c9;margin-bottom:15px;border-collapse:collapse;margin-top:70px} .qa_table th{color:#1b1b1b;padding:23px 0;border-bottom:1px solid #c9c9c9;text-align:left;font-size:15px;vertical-align:top;width:123px} .qa_table th:last-child{border-bottom:none} .qa_table td{border-bottom:1px solid #c9c9c9;padding:12px;width:446px} .qa_table tr:last-child th{border-bottom:none} .qa_table tr:last-child td{border-bottom:none} .qa_table td input{max-height:44px;line-height:42px;height:44px;padding:0 10px;font-size:15px;border:1px solid #d9d9d9;width:405px} .qa_table td font{line-height:42px;height:45px;text-indent:3px;color:#444;font-size:15px;font-weight:normal} .qa_table td input::placeholder{color:#999} /* Chrome/Opera/Safari */ .qa_table td input::-webkit-input-placeholder{color:#999} /* Firefox 19+ */ .qa_table td input::-moz-placeholder{color:#999} /* IE 10+ */ .qa_table td input:-ms-input-placeholder{color:#999} /* Firefox 18- */ .qa_table td input:-moz-placeholder{color:#999} .qa_table td .qa_name{width:405px} .qa_table td #qa_email{width:110px} .qa_table td #qa_email2{width:110px} .qa_table td #qa_email3{width:130px} .qa_table td .qa_subject{width:974px} .qa_info{background:url('/images/sub/qa_check-3cf5cc251cd30b0c509c3f39a6ec3e5a.png')left 5px no-repeat;display:block;padding-left:20px;padding-bottom:10px} .qa_table td select{height:30px;width:170px;border:1px solid #d9d9d9;padding:0 0 0 10px; -webkit-appearance:none; -moz-appearance:none; appearance:none; } .qa_table td select::-ms-expand{display:none} .qa_table td select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(/images/sub/sub_select02-d1cd698c37aeb47f189bb112685bb6f6.png) no-repeat 95% 50%;border:1px solid #d9d9d9;width:405px;height:44px;line-height:42px;font-size:15px} .qa_table td select.order_kind{width:974px;background-position:98% 50%} .qa_table td select::-ms-expand{display:none} .qa_table td textarea{width:974px;min-height:400px;border:1px solid #d9d9d9;padding:10px;font-size:15px;line-height:20px} .qa_table tr:last-child td span{width:100%;margin-top:5px} .qa_table tr:last-child td span em{font-style:normal;color:#020000} .required, textarea.required{background-image:url('/images/common/require-79f6527d7d2fa70c2d6e77d749ad2da7.png') !important;background-repeat:no-repeat !important;background-position:left center !important} .qa_table th label{font-weight:500;padding-left:15px} .qa_view .btn_wrap , .table_agree .btn_wrap{margin:0 auto 100px;text-align:center} .qa_view .btn_wrap button , .table_agree .btn_wrap button{width:105px;text-align:center;line-height:42px;font-size:15px;height:44px;padding:0;font-weight:400} .qa_view .qa_table td{color:#000;font-size:15px;vertical-align:middle} .table_agree .btn_wrap .btn_st01{margin-left:15px} .table_agree .btn_wrap{ text-align:center; } .table_agree .btn_wrap button{float:inherit} .qa_list_top{border:2px solid #e2e2e2;padding:36px;margin:40px 0;display:inline-block;width:100%;position:relative} .qa_list_top p{color:#1b1b1b;font-size:14px;line-height:27px} .qa_list_top a{position:absolute;right:97px;width:96px;height:45px;text-align:center;line-height:42px;top:40px;font-size:15px} .qa_list_top a:hover{color:#fff} /*리워드 혜택*/ .sub08_01_con{margin-top:50px} .sub08_01_con dl{margin-bottom:44px} .sub08_01_con dl dt{width:40px;height:40px;display:inline-block;margin-right:20px;background:#f08200;color:#fff;font-size:20px;text-align:center;border-radius:40px;line-height:40px;float:left} .sub08_01_con dl dd{display:inline-block} .sub08_01_con dl dd:last-child{display:block;width:100%;margin-top:35px} .sub08_01_con dl dd p{font-size:15px} .sub08_01_con dl dd h2{font-size:20px;margin:5px 0 13px;font-weight:500} .sub08_01_con dl dd textarea{width:100%;height:380px} .sub08_01_info{margin-bottom:100px} .sub08_01_info h2{font-size:20px;padding:50px 0 10px} .sub08_01_info ul{} .sub08_01_info ul li{font-size:12px;color:#1b1b1b;background:url('/images/sub/qa_check-3cf5cc251cd30b0c509c3f39a6ec3e5a.png')left 5px no-repeat;display:block;padding-left:20px;line-height:1.8} /*발송방법안내*/ .sub08_02_top{padding:45px 0 35px;margin:50px 0 95px;border:1px solid #d9d9d9;text-align:center;background-color:#f5f5f5;border-radius:15px} .sub08_02_top h2{display:inline-block;padding-bottom:10px;margin-bottom:45px;font-size:20px;border-bottom:2px solid #000;font-size:22px;line-height:30px;font-weight:400} .sub08_02_top h2.o_bg{background-color:#f08200;color:#fff;border-radius:20px;border:0;padding:5px 30px} .sub08_02_top img{display:inline-block} .sub08_02_top ul{display:inline-block;width:1071px;margin-top:10px} .sub08_02_top ul li{float:left;width:180px;margin-right:43px;font-size:20px;line-height:30px;font-weight:300} .sub08_02_top ul li:nth-child(3){margin-right:42px} .sub08_02_top ul li:last-child{margin-right:0} ul.check{} ul.check li{font-size:12px;color:#1b1b1b;background:url('/images/sub/qa_check-3cf5cc251cd30b0c509c3f39a6ec3e5a.png')left 5px no-repeat;display:block;padding-left:20px;line-height:1.8} .sub08_01_con ul.check{margin-top:18px} .sub08_01_con .btn-wrap{display:inline-block;width:100%;text-align:center} .sub08_01_con .btn-wrap button{float:inherit;height:45px;width:180px;font-size:15px;font-weight:400} .sub08_01_con .btn-wrap button:first-child{margin-right:8px} /*회원등급*/ .sub08_03_con{} .sub08_03_con .sub08_03_con_top{padding:35px 60px;margin:50px 0 0} .sub08_03_con .sub08_03_con_top{background:url('/images/sub/sub08_03_A1-041532d3db76038ab01a5f2d923909a8.png') no-repeat center right} .sub08_03_con .sub08_03_con_top h2{color:#1b1b1b;font-size:32px;font-weight:300;line-height:40px} .sub08_03_con .sub08_03_con_top h2 strong{font-weight:500} .sub08_03_con .sub08_03_con_top span{color:#1b1b1b;font-size:15px;margin:20px 0 0;display:block} .sub08_03_con .sub08_03_con_btm{margin-top:25px;text-align:center} .sub08_01_info.sub08_03_con h2{padding-top:0} /*발송대행 안내*/ .sub08_04_con{} .sub08_04_con .sub08_04_con_top{padding:35px 60px;margin:50px 0} .sub08_04_con .sub08_04_con_top{background:url('/images/sub/sub08_03_A1-041532d3db76038ab01a5f2d923909a8.png') no-repeat center right} .sub08_04_con .sub08_04_con_top h2{color:#1b1b1b;font-size:32px;font-weight:300;line-height:40px} .sub08_04_con .sub08_04_con_top span{color:#1b1b1b;font-size:15px;margin:20px 0 0;display:block} .sub08_04_con .sub08_04_con_top p{color:#1b1b1b;font-size:20px;font-weight:500;margin-top:17px} .sub08_04_con .sub08_04_con_mid{display:inline-block;padding:45px 0 35px;margin:0;border:1px solid #d9d9d9;text-align:center;background-color:#f5f5f5;border-radius:15px} .sub08_04_con .sub08_04_con_mid h2{display:inline-block;padding-bottom:10px;margin-bottom:45px;font-size:20px;border-bottom:2px solid #000;font-size:22px;line-height:30px;font-weight:400} .sub08_04_con .sub08_04_con_mid h2.o_bg{background-color:#004f9e;color:#fff;border-radius:20px;border:0;padding:5px 30px} .sub08_04_con .sub08_04_con_mid > img{display:inline-block} .sub08_04_con .sub08_04_con_mid .con{display:inline-block;width:911px} .sub08_04_con .sub08_04_con_mid figure{float:left;position:relative;width:184px;margin-right:58px} .sub08_04_con .sub08_04_con_mid figure:nth-child(2){margin-right:59px} .sub08_04_con .sub08_04_con_mid figure:last-child{margin-right:0} .sub08_04_con .sub08_04_con_mid figure .thumb{text-align:center} .sub08_04_con .sub08_04_con_mid figure figcaption{padding-top:20px;text-align:center} .sub08_04_con .sub08_04_con_mid figure figcaption a{color:#004ea2;text-decoration:underline;text-decoration-color:#004ea2;text-underline-position:under} .sub08_04_con .sub08_04_con_mid figure p{color:#1b1b1b;font-size:15px;text-align:center} .sub08_04_con .sub08_04_con_mid figure:nth-child(1) figcaption a{color:#1e7145;border:1px solid #1e7145;width:185px;height:45px;line-height:41px;font-size:16px;display:inline-block;margin-top:17px;text-decoration:none;background-color:#fff} .sub08_04_con .sub08_04_con_mid figure a img{vertical-align:middle} /*.sub08_04_con .sub08_04_con_btm{display:inline-block;width:100%;margin-top:50px}*/ /*.sub08_04_con .sub08_04_con_btm .con{float:left;width:100%;padding:0 129px 0 100px;margin-top:-85px}*/ /*.sub08_04_con .sub08_04_con_btm figure{float:left;position:relative;width:184px;margin-right:58px}*/ /*.sub08_04_con .sub08_04_con_btm figure:nth-child(2){margin-right:59px}*/ /*.sub08_04_con .sub08_04_con_btm figure:last-child{margin-right:0}*/ /*.sub08_04_con .sub08_04_con_btm figure .thumb{text-align:center}*/ /*.sub08_04_con .sub08_04_con_btm figure figcaption{padding-top:20px;text-align:center}*/ /*.sub08_04_con .sub08_04_con_btm figure figcaption a{color:#004ea2;text-decoration:underline;text-decoration-color:#004ea2;text-underline-position:under}*/ /*.sub08_04_con .sub08_04_con_btm figure p{color:#1b1b1b;font-size:15px;text-align:center}*/ /*.sub08_04_con .sub08_04_con_btm figure:nth-child(1) figcaption a{color:#1e7145;border:1px solid #1e7145;width:185px;height:45px;line-height:41px;font-size:16px;display:inline-block;margin-top:17px;text-decoration:none}*/ /*.sub08_04_con .sub08_04_con_btm figure a img{vertical-align:middle}*/ /*관심상품*/ #wish_list{padding-bottom:100px} #wish_list > h2{font-size:25px;padding:0} #wish_list .wish_top h2{} #wish_list .btn_wrap{display:inline-block;float:right} #wish_list .wish_top{margin:50px 0 0 0;display:inline-block;width:100%} #wish_list .wish_top h2{display:inline-block;float:left;font-size:20px;color:#1b1b1b} #wish_list .wish_top h2 strong{font-size:25px;margin:0 3px;font-weight:400} #wish_list .btn_wrap button{font-size:15px;font-weight:400;margin-right:8px;width:100px;height:32px;line-height:28px} #wish_list .btn_wrap button:last-child{margin-right:0} #wish_list .table_wrap{margin-top:30px} #wish_list .table_wrap table{} #wish_list .table_wrap .table > caption+thead > tr > th{border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;color:#1b1b1b;font-weight:500;font-size:15px;text-align:center} #wish_list .table_wrap table > tbody > tr > th:nth-child(3) ,#wish_list .table_wrap table > tbody > tr > td:nth-child(3){text-align:left} #wish_list .table_wrap table > tbody > tr > td{border-top:0;border-bottom:1px solid #c9c9c9;vertical-align:middle;text-align:center;font-size:15px;color:#1b1b1b} #wish_list .table_wrap table > tbody > tr > td a{} #wish_list .table_wrap table > tbody > tr > td a{color:#000} #wish_list .table_wrap table > tbody > tr > td a:hover{color:#000;text-decoration:underline;text-decoration-color:#000;text-underline-position:under} #wish_list .table_wrap table > tbody > tr > td > img{width:100%;vertical-align:middle} #wish_list .table_wrap table > tbody > tr > td span.name{vertical-align:middle;display:inline-block;text-align:left} #wish_list .table_wrap table > tbody > tr > td span.name strong.brand_name{display:block;margin-bottom:5px;font-weight:normal} #wish_list .table_wrap table > tbody > tr > td a.name{vertical-align:middle;display:inline-block;text-align:left;cursor:pointer} #wish_list .table_wrap table > tbody > tr > td a.name strong.brand_name{display:block;margin-bottom:5px;font-weight:normal} #wish_list .table_wrap table > tbody > tr > td.re_price{ text-decoration:line-through; text-decoration-color:#1b1b1b; } #wish_list .table_wrap table > tbody > tr > td.dis_price{} #wish_list .table_wrap table > tbody > tr > td.dis_price .percent{display:block;background:#e40f23;width:40px;height:20px;border-radius:20px;color:#fff;margin:5px auto 0;font-size:13px;line-height:20px} #wish_list .table_wrap table > tbody > tr > td button{width:105px;height:32px;display:block;margin:0 auto;line-height:28px} #wish_list .table_wrap table > tbody > tr > td button:last-child{margin-top:5px} #wish_list .table_wrap table > tbody > tr > td .wish_list03_txt{padding:50px 0} #wish_list .table_wrap table > tbody > tr > td .wish_sold_out{position:relative;width:109px;height:109px;display:inline-block} #wish_list .table_wrap table > tbody > tr > td .wish_sold_out img{vertical-align:middle} #wish_list .table_wrap table > tbody > tr > td .wish_sold_out::after{content:'SOLD OUT';background:rgba(0,0,0,.5);position:absolute;width:100%;height:100%;left:0;top:0;color:#fff;font-weight:500;font-size:14px;text-align:center;line-height:109px;letter-spacing:1px} #wish_list .table_wrap table > tbody > tr > td .wish_pre_order{position:relative;width:109px;height:109px;display:inline-block} #wish_list .table_wrap table > tbody > tr > td .wish_pre_order img{width:100%;vertical-align:middle} #wish_list .table_wrap table > tbody > tr > td .wish_pre_order::after{content:'판매대기';background:rgba(0,0,0,.5);position:absolute;width:100%;height:100%;left:0;top:0;color:#fff;font-weight:400;font-size:14px;text-align:center;line-height:109px;letter-spacing:2px} /*이용약관*/ .terms_area{} .terms_area .clause_btn{padding:30px 45px;border:1px solid #eee} .terms_area .clause_btn > h2{font-size:18px;margin-bottom:20px;color:#1b1b1b} .terms_area .clause_btn a{display:inline-block;width:33.333%;font-size:14px;float:left;line-height:1.9;font-weight:400;position:relative;padding-left:15px;color:#1b1b1b} .terms_area .clause_btn a:before{content:'';position:absolute;left:0;top:10px;background:#adadad;width:5px;height:5px} .terms_area .clause_btn a:hover{color:#f08200} .terms_area .clause_con{padding:50px;margin:30px 0;border:1px solid #eee} .terms_area [id^="clause"]{padding-bottom:40px} .terms_area #clause17{padding-bottom:0} .terms_area [id^="clause"] h2{color:#1b1b1b;position:relative;font-size:16px;line-height:2;padding-left:15px;margin-bottom:15px} .terms_area [id^="clause"] h2:before{content:'';position:absolute;left:0;top:10px;background:#f08200;width:5px;height:45%;border-radius:5px} .terms_area [id^="clause"] ul li{color:#1b1b1b;font-size:14px;line-height:1.8} .terms_area [id^="clause"] ul li ul{margin:5px 0} .terms_area [id^="clause"] ul li ul li{} /*개인정보처리방침*/ .privacy_area{padding:50px;margin:30px 0;border:1px solid #eee} .privacy_area section{padding-bottom:40px} .privacy_area section:last-child{padding-bottom:0} .privacy_area #clause17{padding-bottom:0} .privacy_area section h2{color:#222222;position:relative;font-size:16px;line-height:2;padding-left:15px;margin-bottom:15px} .privacy_area section h2:before{content:'';position:absolute;left:0;top:10px;background:#f08200;width:5px;height:45%;border-radius:5px} .privacy_area section ul li{color:#666;font-size:14px;line-height:1.8} .privacy_area section ul li ul{margin:5px 0} .privacy_area section ul li ul li{padding-left:15px} /*고객센터*/ .sub_customer_info{background:#f8f8f8;padding:30px 40px;margin-bottom:30px;margin-top:40px} .sub_customer_info p{color:#606060;position:relative;font-size:13px;line-height:2;padding-left:15px} .sub_customer_info p:before{content:'';position:absolute;left:0;top:10px;background:#adadad;width:5px;height:5px} .sub_customer_info span{color:#606060;position:relative;font-size:13px;line-height:2} .sch_list_tit{text-align:center;border-top:1px solid #d9d9d9} .sch_list_tit h2{padding:20px 0;font-size:20px} .sch_list_tit.padding50 h2{padding:50px 0} .sch_list_tit.sch_list_tit02 h2{padding:100px 0} .sch_list_tit h2 span{font-size:30px;font-weight:600} .privacy .panel{ background-color:#fff; border-radius:0; border:0; border-bottom:1px solid #c9c9c9; box-shadow:none; } .privacy .panel-body{ padding:15px; border-top:0 !important; } .privacy .panel-heading{ padding:20px 0; border-bottom:1px solid transparent; border-radius:0; display:inline-block; width:100%; background-color:transparent } .privacy .panel-heading > .dropdown .dropdown-toggle{ color:inherit; } .privacy .panel-title{ margin-top:0; margin-bottom:0; font-size:16px; color:inherit; } .privacy2 .panel{ background-color:#fff; border-radius:0; border:0; border-bottom:1px solid #c9c9c9; box-shadow:none; } .privacy2 .panel-body{ padding:15px; border-top:0 !important; } .privacy2 .panel-heading{ padding:15px 0; border-bottom:1px solid transparent; border-radius:0; display:inline-block; width:100%; background-color:transparent } .privacy2 .panel-heading > .dropdown .dropdown-toggle{ color:inherit; } .privacy2 .panel-title{ margin-top:0; margin-bottom:0; font-size:16px; color:inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a{ color:inherit; } .privacy .panel-footer{ padding:10px 15px; background-color:#f5f5f5; border-top:1px solid #ddd; border-bottom-right-radius:3px; border-bottom-left-radius:3px; } .privacy .panel > .list-group, .privacy .panel > .panel-collapse > .list-group{ margin-bottom:0; } .privacy .panel > .list-group .list-group-item, .privacy .panel > .panel-collapse > .list-group .list-group-item{ border-width:1px 0; border-radius:0; } .privacy .panel > .list-group:first-child .list-group-item:first-child, .privacy .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child{ border-top:0; border-top-left-radius:3px; border-top-right-radius:3px; } .privacy .panel > .list-group:last-child .list-group-item:last-child, .privacy .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child{ border-bottom:0; border-bottom-right-radius:3px; border-bottom-left-radius:3px; } .privacy .panel-group .panel+.panel{margin:0} .privacy2 .panel-footer{ padding:10px 15px; background-color:#f5f5f5; border-top:1px solid #ddd; border-bottom-right-radius:3px; border-bottom-left-radius:3px; } .privacy2 .panel > .list-group, .privacy2 .panel > .panel-collapse > .list-group{ margin-bottom:0; } .privacy2 .panel > .list-group .list-group-item, .privacy2 .panel > .panel-collapse > .list-group .list-group-item{ border-width:1px 0; border-radius:0; } .privacy2 .panel > .list-group:first-child .list-group-item:first-child, .privacy2 .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child{ border-top:0; border-top-left-radius:3px; border-top-right-radius:3px; } .privacy2 .panel > .list-group:last-child .list-group-item:last-child, .privacy2 .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child{ border-bottom:0; border-bottom-right-radius:3px; border-bottom-left-radius:3px; } .privacy2 .panel-group .panel+.panel{margin:0} .collapse.in{ display:block; } .collapse{ display:none; } .collapsing{ position:relative; height:0; overflow:hidden; -webkit-transition-timing-function:ease; -o-transition-timing-function:ease; transition-timing-function:ease; -webkit-transition-duration:.35s; -o-transition-duration:.35s; transition-duration:.35s; -webkit-transition-property:height, visibility; -o-transition-property:height, visibility; transition-property:height, visibility; } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 1.4; visibility: visible; filter: alpha(opacity=0); opacity: 0; } .tooltip.in { filter: alpha(opacity=90); opacity: .9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: left; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25); border-left-width: 0; } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25); } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25); } .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; } /* 쿠폰 인증 */ #coupon_agree{width:100%;max-width:622px;padding:0 10px;text-align:center;margin:40px auto 0} #coupon_agree > div.onlyWrap{width:100%;background-color:#fff;border-radius:0 0 20px 20px;border:1px solid #646464} #coupon_agree > div.onlyWrap table{width:100%;border-spacing:0;border-collapse:collapse} #coupon_agree > div.onlyWrap table th , #coupon_agree > div.onlyWrap table td{vertical-align:middle} #coupon_agree > div.onlyWrap table.style01{text-align:left;margin:0 0 40px} #coupon_agree > div.onlyWrap table.style01 tr td.borderTop{font-size:15px;line-height:22px;border-bottom:2px solid #004f9f;padding:0px;width:100%;background-color:#eaeaea} #coupon_agree > div.onlyWrap table.style01 tr td.logo{text-align:left;vertical-align:middle;padding:10px} #coupon_agree > div.onlyWrap table.style01 tr td.logo a , #coupon_agree > div.onlyWrap table.style01 tr td.logo img{float:left;border:0;width:130px} #coupon_agree > div.onlyWrap table.style01 tr td.bg{font-size:15px;line-height:22px;padding:30px 10px;width:100%;background-color:#e8f3ff} #coupon_agree > div.onlyWrap table.style01 tr td.bg p{padding:0 30px;margin:0} #coupon_agree > div.onlyWrap table.style01 tr td.bg p.style01_01 *{font-size:20px;line-height:30px;font-weight:500} #coupon_agree > div.onlyWrap table.style01 tr td.bg p.style01_02{font-size:15px;line-height:22px;font-weight:400} #coupon_agree > div.onlyWrap form{width:100%;padding:0 40px} #coupon_agree > div.onlyWrap table.style02{width:100%;border-spacing:0;border-collapse:collapse;text-align:left;border-top:1px solid #646464} #coupon_agree > div.onlyWrap table.style02 tr th.style02_01 , #coupon_agree > div.onlyWrap table.style02 tr td.style02_01{font-size:13px;line-height:20px;border-bottom:1px solid #646464;padding:10px} #coupon_agree > div.onlyWrap table.style02 tr th.style02_01{width:25%;background-color:#eaeaea;text-align:center;font-weight:500} #coupon_agree > div.onlyWrap table.style02 tr td.style02_01{width:75%} #coupon_agree > div.onlyWrap table.style02 tr td.style02_01 input{float:left;width:100px;height:30px;padding:4px;border:1px solid #ccc;line-height:20px;font-size:14px} #coupon_agree > div.onlyWrap table.style02 tr td.style02_01 input.ml{margin-left:5px} #coupon_agree > div.onlyWrap table.style02 tr td.style02_02{font-size:15px;line-height:22px;padding:10px 0;width:100%} #coupon_agree > div.onlyWrap table.style02 tr td.style02_02 p{display:inline-block;width:100%;padding:10px;margin:0;border:1px solid #ddd} #coupon_agree > div.onlyWrap table.style02 tr td.style02_02 p input{float:left;width:16px;height:16px;margin:2px 4px 2px 0} #coupon_agree > div.onlyWrap table.style02 tr td.style02_02 p label{float:left;font-size:14px;line-height:20px} #coupon_agree > div.onlyWrap table.style02 tr td.style02_02 p a{float:right;text-decoration:none;color:#f08200;font-size:14px;line-height:20px} #coupon_agree > div.onlyWrap table.style02 tr td.style02_03{font-size:15px;line-height:22px;padding:10px;width:100%;text-align:center} #coupon_agree > div.onlyWrap table.style02 tr td.style02_03 a{display:inline-block;padding:10px 35px;background-color:#f08200;color:#fff;text-decoration:none;margin:20px 0} #coupon_agree > div.onlyWrap table.style02 tr td.style02_03 a{ -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } #coupon_agree > div.onlyWrap table.style02 tr td.style02_03 a:hover{border-radius:15px} #coupon_agree > div.onlyWrap table.style03{margin-top:50px;text-align:left} #coupon_agree > div.onlyWrap table.style03 tr td{font-size:15px;line-height:22px;padding:10px;width:100%;background-color:#646464;text-align:center;border-radius:0 0 15px 15px} #coupon_agree > div.onlyWrap table.style03 tr td p{font-size:12px;line-height:20px;color:#fff;padding:0;margin:0} /* 쿠폰 인증 :: 팝업 */ .coupon_popup .popupLayer-dialog{width:100%;max-width:400px;padding:40px 50px} .coupon_popup.coupon_popup_agree .popupLayer-dialog{max-width:700px} .coupon_popup .popupLayer-body{margin-top:0;text-align:center} .coupon_popup .popupLayer-body > dl{display:inline-block;padding:0;margin:0;background-color:#fff;padding:20px 0 0;border-radius:15px} .coupon_popup .popupLayer-body > dl > dt{float:left;width:100%;padding:0;margin:0 0 20px;font-size:17px;line-height:30px;font-weight:600;color:#f08200} .coupon_popup .popupLayer-body > dl > dd{float:left;width:100%;padding:0;margin:0;font-size:13px;line-height:22px;font-weight:400} .coupon_popup .popupLayer-body > dl > dd.txt > #sendTel{font-size:19px;font-weight:500;color:#004f9f} .coupon_popup .popupLayer-body > dl > dd.btn{padding:30px 0 10px} .coupon_popup .popupLayer-body > dl > dd.btn > a{display:inline-block;width:115px;padding:10px 0;background-color:#f08200;border:1px solid #f08200;color:#fff;text-decoration:none;font-size:14px;line-height:22px;margin:0 2px} .coupon_popup .popupLayer-body > dl > dd.btn > a{ -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .coupon_popup .popupLayer-body > dl > dd.btn > a:hover{border-radius:15px} .coupon_popup .popupLayer-body > dl > dd.btn > a#cancel{background-color:#fff;border-color:#ccc;color:#777;font-weight:300} .coupon_popup .popupLayer-body > dl > dd.btn > a#cancel:hover{border-color:#444;color:#444} .coupon_popup .popupLayer-body > dl > dd.btn > a#send , .coupon_popup .popupLayer-body > dl > dd.btn > a#close{font-weight:300} .coupon_popup.coupon_popup_agree .popupLayer-body > dl > dd.txt{text-align:left;height:300px;overflow-y:auto;padding:15px 20px;border:1px solid #ccc} /* 쿠폰 인증 :: 모바일 대응 */ @media only screen and (max-width:767px){ #coupon_agree{margin-top:10px} #coupon_agree > div.onlyWrap table.style01{margin-bottom:20px} #coupon_agree > div.onlyWrap table.style01 tr td.bg{padding:10px} #coupon_agree > div.onlyWrap table.style01 tr td.bg p{padding:0 10px} #coupon_agree > div.onlyWrap table.style01 tr td.bg p.style01_01 *{font-size:18px;line-height:26px} #coupon_agree > div.onlyWrap table.style01 tr td.bg p.style01_02{font-size:13px;line-height:20px} #coupon_agree > div.onlyWrap form{padding:0 10px} #coupon_agree > div.onlyWrap table.style02 tr th.style02_01 , #coupon_agree > div.onlyWrap table.style02 tr td.style02_01{font-size:12px;line-height:18px;padding:5px} #coupon_agree > div.onlyWrap table.style02 tr th.style02_01{width:30%} #coupon_agree > div.onlyWrap table.style02 tr td.style02_01{width:70%} #coupon_agree > div.onlyWrap table.style02 tr td.style02_01 input{width:100%} #coupon_agree > div.onlyWrap table.style02 tr td.style02_01 input[type="tel"]{width:32%} #coupon_agree > div.onlyWrap table.style02 tr td.style02_01 input[type="tel"].ml{margin-left:2%} #coupon_agree > div.onlyWrap table.style02 tr td.style02_02 p label{font-size:13px} #coupon_agree > div.onlyWrap table.style02 tr td.style02_02 p a{font-size:13px} #coupon_agree > div.onlyWrap table.style02 tr td.style02_03 a{margin:5px 0} #coupon_agree > div.onlyWrap table.style03{margin-top:20px} .coupon_popup .popupLayer-dialog{max-width:320px;padding:10px} .coupon_popup.coupon_popup_agree .popupLayer-dialog{max-width:320px} } /* 이벤트 상세 페이지 상품 가운데 정렬 */ .prd_list > ul.sub02_02_view{text-align:center} .prd_list > ul.sub02_02_view > li{text-align:left;float:none;margin:0 9px 3px 0} .prd_list > ul.sub02_02_view > li:nth-child(4n){margin-right:0} .prd_list > ul.sub02_02_view > li:last-child{margin-right:0} .event_view.event_view03 .prd_list > ul.sub02_02_view03{text-align:center} .event_view.event_view03 .prd_list > ul.sub02_02_view03 > li{text-align:left;float:none;margin:0 9px 3px 0} .event_view.event_view03 .prd_list > ul.sub02_02_view03 > li:nth-child(4n){margin-right:0} .event_view.event_view03 .prd_list > ul.sub02_02_view03 > li:last-child{margin-right:0} input.disabled{background-color:#efefef; opacity: 0.5;} #linkMember_join_pop01 .popupLayer-footer{text-align:center;padding:0;margin-top:35px;border:0} #linkMember_join_pop01 .popupLayer-footer button{width:232px;height:45px;font-size:15px} #linkMember_join_pop01 .popupLayer-body .btn_wrap{display:inline-block;width:100%;text-align:center} #linkMember_join_pop01 .popupLayer-body .btn_wrap button{float:inherit;height:45px;width:180px;font-size:15px;font-weight:400} #linkMember_join_pop01 .popupLayer-body .btn_wrap .mid{text-align:left} #linkMember_join_pop01 .popupLayer-body .btn_wrap .mid h2{font-size:15px;color:#1b1b1b;font-weight:400} #linkMember_join_pop01 .popupLayer-body .btn_wrap .btm{text-align:center} #linkMember_join_pop01 .popupLayer-body .btn_wrap .btm button{height:45px} #linkMember_join_pop01 .popupLayer-body .btn_wrap .btm button:first-child{margin-right:8px} #linkMember_join_pop01 .popupLayer-body > span{margin-bottom:5px;display:block;font-size: 13px;} #linkMember_join_pop01 .popupLayer-body .txt_s15{font-size: 15px;} #linkMember_join_pop01 .popupLayer-body .txt_s15_col01{font-size: 15px;color: #f08200;} #linkMember_join_pop01 .popupLayer-body .btn_wrap .mgb35{margin-bottom: 35px;} #linkMember_join_pop01.mypage_pop06 .popupLayer-body .tbl_wrap {margin-top:20px;} #linkMember_join_pop01.mypage_pop06 .popupLayer-body .tbl_wrap table{width: 100%;border-collapse:collapse; margin-top:15px; margin-bottom: 5px;} #linkMember_join_pop01.mypage_pop06 .popupLayer-body .tbl_wrap .td01{font-size:13px; background: #dddddd; vertical-align: middle; padding: 3px 3px 3px 7px;border-top: 1px solid #a6a6a6; border-right: 1px solid #a6a6a6; border-bottom: 1px solid #a6a6a6;} #linkMember_join_pop01.mypage_pop06 .popupLayer-body .tbl_wrap .td02{font-size:13px; vertical-align: middle; padding: 3px; border-top: 1px solid #a6a6a6; border-left: 1px solid #a6a6a6; border-bottom: 1px solid #a6a6a6;}