.mob {display:none !important;} #sVisualA {width:100%; height:380px; margin:0px auto 0px auto; overflow:hidden;position:relative; } .svbg1 {background:url(/img/temple/sub/s_visual01.png)no-repeat 50% 50%;background-size:cover;} .svbg2 {background:url(/img/temple/sub/s_visual02.png)no-repeat 50% 50%;background-size:cover;} .svbg3 {background:url(/img/temple/sub/s_visual03.png)no-repeat 50% 50%;background-size:cover;} .svbg4 {background:url(/img/temple/sub/s_visual04.png)no-repeat 50% 50%;background-size:cover;} .svbg5 {background:url(/img/temple/sub/s_visual05.png)no-repeat 50% 50%;background-size:cover;} #sVisualA .svisTxt {position:absolute; top:125px; left:50%; transform:translateX(-50%); text-align:center;} #sVisualA .svisTxt h3 {font-size:30px;line-height:50px;color:#fff;letter-spacing:-0.05em;font-weight:600;margin-top: 40px} #sVisualA .svisTxt span {font-size:16px;color:rgba(255,255,255,.6);letter-spacing:-0.05em;font-weight:300} #container .tit01 {margin:20px 0;padding:35px 30px;background:#f3f3f3;text-align:center;} #container .tit02 {padding:50px 90px;background:#c5f9e4 url(/img/temple/s_back1.png) center 75px no-repeat;text-align:center;height: 890px;} #container .tit02 h1 {font-size: 36px;margin-top: 10px;} #container .tit02 .desc{text-align: center;margin-top: 15px;margin-bottom: 35px;font-size: 21px;} #container .tit03 {margin:20px 0;padding:35px 30px;background:#ffffff;text-align:center; border-radius: 20px;} #container .sub07st_wrap{display:block; width:95%; border-top: #ddd solid 1px;margin: 10px auto 0px auto} #container .sub07st_wrap > li{font-size: 1.1rem; line-height:180%; color:#333; font-weight:700; word-break:keep-all; display:inline-flex; width:100%; padding: 15px 0; border-bottom: #ddd solid 1px;} #container .sub07st_wrap> li span{font-size: 1rem; color:#fff; font-weight:700; word-break:keep-all; display:inline-block; width:220px; background:#102b4d; height:38px; line-height:38px; text-align:center; border-radius:20px; margin-right:15px;} #container .sub07st_wrap> li p{padding-top:3px; display:inline-block; width:80%;} #container .sub08st_wrap{display:block; width:100%; border-top: #ddd solid 1px;margin: 10px auto 0px auto} #container .sub08st_wrap > li{font-size: 1.1rem; line-height:180%; color:#333; font-weight:700; word-break:keep-all; display:inline-flex; width:100%; padding: 15px 0; border-bottom: #ddd solid 1px;} #container .sub08st_wrap> li span{font-size: 1rem; color:#fff; font-weight:700; word-break:keep-all; display:inline-block; width:220px; background:#102b4d; height:38px; line-height:38px; text-align:center; border-radius:20px; margin-right:15px;} #container .sub08st_wrap> li p{padding-top:3px; display:inline-block; width:80%;} #container .tit04 {padding:15px 30px;background:#5b8675;color: #ffffff;height: 90px;} #container .tit05 {padding:15px 30px;background:#5b8675;color: #ffffff;height: auto;} #sVisualA .locbgA{display:none;position:absolute; bottom:0px; left:0px; width:100%; height:50px; background:#fff; border-bottom:1px solid #e3e3e3;} #locationArea { position:relative; width:1100px; margin:-50px auto 0; height:50px; line-height:50px; border-bottom:1px solid #ddd; background:#fff;} #locationArea .locaA { display:inline-block;position:relative; border-right:1px solid #ddd;float:left;} #locationArea .home{display:inline-block;float:left } #locationArea .home a{display:block; width:60px; height:50px; text-indent:-99999px; background:url(/img/icon/icon_home.png) center center no-repeat;border-left:1px solid #ddd; } #locationArea .depth1{display:inline-block; float:left;border-left:1px solid #d7d7d7;display:none;} #locationArea .depth1 a{display:block; height:44px; width:183px; color:#222222; padding:2px 50px 0px 20px; font-size:14px; background:url(/img/icon/icon_locarr.png) right 15px center no-repeat;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #locationArea .depth1{display:inline-block; float:left;border-left:1px solid #ddd;} #locationArea .depth1 a{display:block; width:200px; height:50px;padding:2px 0px 0px 20px; color:#222222; font-size:16px;background:url(/img/icon/icon_locarr.png) right 15px center no-repeat;} #locationArea .depth2{display:inline-block; float:left;border-left:1px solid #ddd;} #locationArea .depth2 a{display:block; width:300px; height:50px;padding:2px 0px 0px 20px; color:#222222; font-size:16px;background:url(/img/icon/icon_locarr.png) right 15px center no-repeat;} #locationArea:after {display:block;visibility:hidden;clear:both;content:""} #locationArea .btnA{} #locationArea .btnA {float:right;height:50px;position:relative;} #locationArea .btnA .btn_list > li {float:left;width:60px;height:50px;border-left:1px solid #ddd;border-width:0 1px; } #locationArea .btnA .btn_list > li button {display:block;width:100%;border:none;line-height:50px;text-indent:-9999px;background:none;} #locationArea .btnA .btn_list li .btn_share {background:url(/img/icon/icon_share.png) no-repeat 50% 50%;} #locationArea .btnA .btn_list li .btn_print {background:url(/img/icon/icon_print.png) no-repeat 50% 50%;} #locationArea .btnA .btn_list li:hover .btn_share{background:url(/img/icon/icon_share_on.png) no-repeat 50% 50%;} #locationArea .btnA .btn_list li:hover .btn_print{background:url(/img/icon/icon_print_on.png) no-repeat 50% 50%;} #locationArea .btnA .share_list {display:none;position:absolute;bottom:-50px;left:0;width:120px;height:50px;background:#fff;border:1px solid #ddd;z-index:100;} #locationArea .btnA .share_list li {float:left;} #locationArea .btnA .btn_share_facebook a{display:block;background:url(/img/icon/icon_share_f.png) no-repeat 50% 50%;width:60px;height:50px;text-indent:-9999px;border-right:1px solid #ddd;} #locationArea .btnA .btn_share_twiter a{display:block;background:url(/img/icon/icon_share_t.png) no-repeat 50% 50%;width:58px;height:50px;text-indent:-9999px;} #wrapper {width:1100px;padding:0px 0px 0px 0px; display:block;} #wrapper2 {padding:0px 100px; display:block;margin:0 auto;} #wrapper .swrap {margin:0px auto 0px auto; display:block; padding-bottom:40px;} #sideA {float:left; display:inline-block; width:180px; padding:22px 0px 110px 0px; margin-right:60px;display:none; } #sideA h2{ color:#333; font-size:24px; margin:0px; padding:20px 0px 12px; font-weight:400; word-break:keep-all; line-height:1.2} #sideA .snb_2dul {display:block; font-size:14px; } #sideA li{background:none; list-style-type:none; display:block; overflow:hidden;position:relative; } #sideA li .snb_2da{display:block;text-align:left; margin:0px; border:1px solid #e5e5e5; color:#585858; line-height:36px; padding:4px 19px 0; margin:2px 0px; background:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #sideA li:first-child .snb_2da {} #sideA li .snb_2da:hover, #sideA li:first-child .snb_2da:hover { background:#e5e5e5; } #sideA .snb_2dli .on, #sideA .snb_2dli a:hover.on{ color:#fff; background:#4366a0; border-color:#4366a0; font-weight:400; } #sideA .snb_2dli .on:after, #sideA .snb_2dli a:hover.on:after {position:absolute; top:22px; right:18px; display:block; content:''; width:12px; height:1px; background:#fff;} #sideA li .snb_3da{display:block; line-height:30px; font-size:13px; letter-spacing:-1px; color:#505050;} #sideA li .snb_3da:hover {color:#a6112c;} #sideA .on2 {color:#fff !important;} #container {position:relative;overflow:hidden;background:#fff;margin-top:20px;padding:60px 60px;border:1px solid #ddd;} #container2 {position:relative;overflow:hidden;background:#fff;} #container_title {position:relative;width:100%;margin:0px 0px;font-weight:600;margin-bottom:45px;} #container_title .conTit_tt .page_name {display:block;width:100%;font-size:32px;letter-spacing:-0.05em;color:#222222;text-align:left;line-height: 100%;} .page_name2 {display:block;width:100%;font-size: 29px;font-weight: 600;letter-spacing:-0.05em;color:#222222;text-align:left;line-height: 100%;margin:0 0 30px;} h2#container_title {display:none !important;} #sub_tablist {overflow:hidden;margin-bottom:35px;} #sub_tablist li {float:left;margin-right:30px;} #sub_tablist li a {font-size:20px;line-height:35px;letter-spacing:-0.05em;color:#888888;font-weight:600;} #sub_tablist li.on a {color:#b57722;border-bottom:3px solid #b57722;} .scontA {} .scontA .ctt_admin {display:none;} .scontA strong {font-weight:700;} .nowb{word-break:keep-all;} .contxtA {margin-top:10px;} .ctt_txt_box {padding:0 30px;} #container .titbox {position:relative; width:846px; padding:15px 20px; text-align:center; border:2px solid #dcd5cf ;} .blank {display:inline-block; width:50px;} .blank2 {display:inline-block; width:15px;} .tit_bg {width:890px; height:114px; background:url('/img/tit_bg.png')no-repeat;} .pott {color:#00bf18 !important;} .pott1 {color:#00b1ce !important;} .pott2 {color:#ec3cae !important;} .pott3 {color:#000 !important;} .pott4 {color:#446db4 !important;} .pott5 {color:#cb5469 !important;} .pott6 {color:#ffffff !important;} .pott7 {color:rgba(255,255,255,0.8) !important;} .pott8 {color: #2d8461 !important;} .pott9 {color: #eff72f !important;} .pottR {font-weight:400 !important;} .pottM{font-weight:600 !important;} .pottB{font-weight:700 !important;} .pottSB{font-weight:900 !important;} .fs1 {font-size:22px !important;} .fs2 {font-size:19px !important;} .fs3 {font-size:0.9em !important;} .bgc1 {background:#d0e5e8 !important;} .lh170 {line-height:170% !important;} .lets0 {letter-spacing:0px !important;} .lets1 {letter-spacing:-0.1px !important;} .lets5 {letter-spacing:-0.5px !important;} .lets10 {letter-spacing:-1px !important;} .lets15 {letter-spacing:-1.5px !important;} .lets18 {letter-spacing:-1.8px !important;} .lets20 {letter-spacing:-2px !important;} .lets30 {letter-spacing:-3px !important;} ul.st_wid2 li{width:50%;} ul.st_wid3 li{width:33.33%;} ul.st_wid4 li{width:25%;} ul.st_wid5 li{width:20%;} ul.st_wid6 li{width:16.66%;} ul.st_wid7 li{width:14.35%;} ul.st_wid8 li {width:12.585%;} ul.st_wid8 li:nth-child(8n+1){ margin-left:0px !important; } ul.st_wid10 li{width:10%;} ul.st_wid10 li:nth-child(10n+1){ margin-left:0px !important; } .litc2 {width:50%;} .tabCont {clear:both;margin:40px 0px 0px 0px; letter-spacing:-0.5px;} .flL {float:left; position:relative;} #container dl.fl {margin-top:0px; width:100%; clear:both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #container dl.fl > dt{float:left; display:block;width:48%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;} #container dl.fl > dt img {max-width:100%;} #container dl.fl > dd{float:right; display:block;width:48%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;word-break:keep-all;} #container dl.fl > dd img {max-width:100%;} #container dl.fl:after{clear:both; content:''; display:block;} #container dl.fl2 {margin-top:0px; width:100%; clear:both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #container dl.fl2 > dt{float:left; display:block;width:30%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;} #container dl.fl2 > dt img {max-width:100%;} #container dl.fl2 > dd{float:right; display:block;width:66%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;word-break:keep-all;} #container dl.fl2:after{clear:both; content:''; display:block;} #container dl.fl3 {margin-top:0px; width:100%; clear:both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #container dl.fl3 > dt{float:left; display:block;width:16%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;} #container dl.fl3 > dt img {max-width:100%;} #container dl.fl3 > dd{float:right; display:block;width:80%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;word-break:keep-all;} #container dl.fl3:after{clear:both; content:''; display:block;} #container dl.fl4 {margin-top:0px; width:100%; clear:both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #container dl.fl4 > dt{float:left; display:block;width:24%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;} #container dl.fl4 > dt img {max-width:100%;} #container dl.fl4 > dd{float:right; display:block;width:72%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;word-break:keep-all;} #container dl.fl4:after{clear:both; content:''; display:block;} #container dl.fl5 {margin-top:0px; width:100%; clear:both;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #container dl.fl5 > dt{float:left; width:35%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #container dl.fl5 > dd{float:right; width:59%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #container dl.fl5:after{clear:both; content:''; display:block;} #container ul.fl0103 {margin-top:20px;} #container ul.fl0103:after {display:block; content:""; clear:both;} #container ul.fl0103 li{list-style:none;float:left; display:inline-block; margin-right:60px; margin-left:60px; padding-left:40px; line-height:26px; font-size:20px; font-weight:700; color:#000;} #container ul.fl0103 li.addr {background:url(/img/ic_addr.png) left center no-repeat;} #container ul.fl0103 li.tel {background:url(/img/ic_tel.png) left center no-repeat;} #container ul.fl0103 li.fax {background:url(/img/ic_fax.png) left center no-repeat;} #container dl.intro {margin-top:0px; width:100%; clear:both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #container dl.intro > dt{float:left; display:block;width:390px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #container dl.intro > dd{float:right; display:block;width:500px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #container dl.intro:after{clear:both; content:''; display:block;} .lh150 {line-height:150% !important;} .wd50 {position:relative; width:50% !important; float:left !important; clear:none !important;} ul.bul {width:100%; position:relative; clear:both; margin:0;} ul.bul li{list-style:none;display:block;padding: 4px 0px 4px 10px;letter-spacing:0px;line-height:150%;position:relative;} ul.bul li:before {content:'';display:block;position:absolute;top:13px;left:0px;width: 3px;height: 3px;background: #00b1ce;} ul.bul li .libox1 {display: inline-block;width: 45px;margin-right: 8px;text-align: justify;} ul.bul li .libox2 {display: inline-block;width: 66px;margin-right: 8px;text-align: justify;} ul.jkguide{padding:0px; margin:0px;width:100%; overflow:hidden; margin-bottom:20px; letter-spacing:-0.5px;} ul.jkguide::after {clear:both; content:""; display:block;} ul.jkguide li{list-style-type:none; float:left; position:relative; width:25%; height:50px;display:block; text-decoration:none; cursor: pointer; padding:8px 0px 5px 32px; line-height:1.3; color:#666 !important; overflow:hidden;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ul.jkguide li:first-child , ul.jkguide li:nth-child(4n+1){ clear:both; float:left; } ul.jkguide li .num {position:absolute; left:0px; top:2px; width:24px; height:24px; display:block; background:#a9617e; color:#fff; overflow:hidden; text-align:center; line-height:25px; font-size:12px;font-weight:700; border-radius:20px;} ul.jkguide li .exp{display:block; font-size:12px; color:#c87d47; } ul.history {width:100%; position:relative; clear:both; margin:0;} ul.history:after{clear:both; content:''; display:block;} ul.history li{list-style:none;display:block; padding:12px 0px 10px 14px; letter-spacing:0px; line-height:150%; position:relative; border-top:1px dashed #f0f0f0; } ul.history li:first-child {border-top:none;} ul.history li:after{clear:both; content:''; display:block;} ul.history li:before {content:''; display:block; position:absolute; top:17px; left:2px; width:4px; height:4px; background:#cc5e8a } ul.history li .tt{float:left; width:22%; color:#ae426d ; } ul.history li .txt{float:left; width:78%; } .fl50 li{float:left;width:50%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .fl30 li{float:left;width:33.3%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} ul.bul2 {width:100%; position:relative; clear:both; margin:0; box-sizing: border-box;} ul.bul2 li {list-style:none; display:block; padding:4px 0px 4px 0;} ul.bul2 li i {display: inline-block;font-style: normal;font-size: 12px;font-weight: 400;background: #a6dfe8;color: #068498;line-height: 100%;padding: 3px 0;margin: 0px 6px 0 0;width: 30px;text-align: center;vertical-align: middle;} ul.box {width:100%; position:relative; clear:both; margin:0; padding:10px 0;} ul.box li{list-style:none;display:block; padding:10px 0px; letter-spacing:0px; line-height:160%; position:relative; border-top:1px dotted #e2e2e2;} ul.box li:first-child {border-top:1px solid #ccc;} ul.box li:after{clear:both; content:''; display:block;} ul.box li .tt {position:relative; display:inline-block; margin-right:20px; background:#ed895f; color:#fff; padding:0px 8px;} ul.box li .txt {position:relative;display:inline-block; } ul.box li .tt2 {float:left;display:block; margin-right:20px; background:#ed895f; color:#fff; padding:0px 8px;} ul.box li .txt2 {float:left;display:block; } .box {display:block; overflow:hidden; padding:20px 25px; background:#f7f7f7; position:relative; text-align:center; margin-top:20px;} .box li {line-height:180%; color: #835f00;} .box li.tt { color: #835f00 !important; font-size:20px; margin-bottom:4px;} .nbsp {display:inline-block; margin:0 15px;} ul.fl {display:block;margin:0; padding:0;} ul.fl:after{clear:both; content:''; display:block;} ul.fl li{float:left; width:23%; padding-left:2%; margin:5px 0px; color:#333;} ul.fl2 {display:block;margin:0; padding:0;} ul.fl2:after{clear:both; content:''; display:block;} ul.fl2 li{float:left; width:50%; padding:5px 0px; color:#333; letter-spacing:-1px; border-top:1px dotted #ccc;} ul.fl2 li:first-child, ul.fl2 li:nth-child(2){border-top:none;} ul.fl3 {display:block;margin:0; padding:0;text-align:center;} ul.fl3:after{clear:both; content:''; display:block;} ul.fl3 li{display:inline-block; margin: 0px 15px; } ul.flimg {display:block;margin:0; padding:0;} ul.flimg:after{clear:both; content:''; display:block;} ul.flimg li{position:relative; float:left; width:50%; padding:1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} ul.flimg li img{width:100%; height:auto;} ul.flimg li .exp {position:absolute; bottom:1px; left:1px; background:#35614c; color:#fff; padding:4px 15px;} .tbl01 {margin:0 0 15px 0; border-top:1px solid #969696;} .tbl01 th {font-weight:700; text-align:left; padding: 14px 15px; color: #333; border-top: 1px solid #e0e0e0; background:#f4f4f4;font-weight:normal; } .tbl01 th.row{border:0;border-top: 1px solid #e0e0e0;background: #ffffff;color: #333;} .tbl01 td { border-top: 1px solid #e0e0e0; vertical-align: middle; padding:12px 5px; font-weight: 400; word-break: break-all;} .tbl02 {margin:0 0 15px 0; border-bottom:1px solid #969696; border-top:2px solid #356160; border-right: 1px solid #e0e0e0;} .tbl02 th {text-align:center;border-left: 1px solid #e0e0e0; font-weight:700; padding: 10px 5px; color: #333; border-top: 1px solid #e0e0e0; font-weight:normal; letter-spacing:-1px;background: #f7f7f7;} .tbl02 td {text-align:center; border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; vertical-align: middle; padding:8px 10px; font-weight: 400; word-break: break-all;} .boxImg {position:relative; width:100%; overflow:hidden; height:280px;} .boxImg img {position:absolute; top:0; left:0; z-index:-1;} .txt_c {text-align:center !important;} .txt_r {text-align:right !important;} .txt_l {text-align:left !important;} .img_r {float:right; margin-left:30px;} .img_l {float:left;margin-top: 15px; } .clear {clear:both; position:relative;} .h5 {display:block; border:none; height:5px;margin:0px; padding:0px; font-size:0px;} .h10 {display:block; border:none; height:10px;margin:0px; padding:0px; font-size:0px;} .h15{display:block; border:none; height:15px;margin:0px; padding:0px; font-size:0px;} .h20 {display:block; border:none; height:20px;margin:0px; padding:0px; font-size:0px;} .h25 {display:block; border:none; height:25px;margin:0px; padding:0px; font-size:0px;} .h30 {display:block; border:none; height:30px;margin:0px; padding:0px; font-size:0px;} .h40 {display:block; border:none; height:40px;margin:0px; padding:0px; font-size:0px;} .h50 {display:block; border:none; height:50px;margin:0px; padding:0px; font-size:0px;} .h60 {display:block; border:none; height:60px;margin:0px; padding:0px; font-size:0px;clear:both} .h80 {display:block; border:none; height:80px;margin:0px; padding:0px; font-size:0px;clear:both} .bd {display:block; border:none; background:#eaeaea; height:1px;margin:40px 0px; padding:0px; font-size:0px; clear:both;} .bd_dash {display:block; border:none; border-bottom:1px dashed #eaeaea; height:1px;margin:20px 0px; padding:0px; font-size:0px; clear:both;} .bd2 {display:block; border:none; border-bottom:1px dashed #eaeaea; height:1px;margin:30px 0px; padding:0px; font-size:0px; clear:both;} .bd3 {display:block; border:none; border-left:1px solid #99dcd1; width:1px; height:40px; margin:20px auto; padding:0px; font-size:0px; clear:both;} .bd4 {display:block; border:none; border-bottom:1px solid #f0f0f0; height:1px; margin:15px 0px 15px 0px; padding:0px; font-size:0px; clear:both;} .bg {display:block; border:none; height:1px; margin:80px 0px; padding:0px; font-size:0px; clear:both; background:#ddd;} .bdb {border:1px solid #e5e5e5; box-sizing:border-box;} .bgn {background:none !important;} .mg0 {margin:0 !important;} .mt0 {margin-top:0 !important;} .mt30 {margin-top:30px !important;} .mt50 {margin-top:50px !important;} .mr0 {margin-right:0 !important;} .mb0 {margin-bottom:0 !important;} .mb5 {margin-bottom:5px !important;} .mb15 {margin-bottom:15px !important;} .mb20 {margin-bottom:20px !important;} .mt5 {margin-top:5px !important;} .mt30 {margin-top:30px !important;} .mr5 {margin-right:5px !important;} .mr10 {margin-right:10px !important;} .mr20 {margin-right:20px !important;} .ml30 {margin-left:30px !important;} .ml50 {margin-left:50px !important;} .pd0 {padding:0 !important;} .pt8 {padding-top:8px !important;} .pt0 {padding-top:0 !important;} .pb0 {padding-bottom:0 !important;} .pr0 {padding-right:0 !important;} .pl0 {padding-left:0 !important;} .pl10 {padding-left:10px !important;} .pl30 {padding-left:30px !important;} .pl40 {padding-left:40px !important;} .pl50 {padding-left:50px !important;} .pl200 {padding-left:200px !important;} .pl100 {padding-left:100px !important;} .pr20 {padding-right:20px !important;} .p30{padding:30px !important;} .flr {position:relative; float:right; display:inline-block;} .libg{padding:20px 30px; overflow:hidden; margin:5px 0; background:#f6f6f6; } .libg2 {display:block; overflow:hidden; padding:30px; border: 2px solid #cedcd0; margin:0 auto;} .libg3{background:#f6f6f6; margin-top:10px; padding:30px 0px 30px 150px; overflow:hidden;} .libg3 span {margin-right:20px; font-family: 'NotoKrM'; color:#39897b;} .bcg1{background:#a5a5a5 !important;} .bcg2{background:#f7f7f7 !important;padding:30px; color:#333;} .bdwrap{ border: 1px solid #e5e8ec; border-top: 2px solid #0f9f42; padding:30px;} .wb_keep {word-break:keep-all !important;} #showcase_s1{position:relative;margin-bottom:30px;} #showcase_s1 .showcase-onepage .showcase-content{} #showcase_s1 .showcase-content .mbimg{height:500px;} #showcase_s1 .showcase-arrow-next {position:absolute; top:225px;outline:0; width:50px; height:50px; text-indent:-9999px; z-index:99;right:-180px; background:url(/img/prev_next_btn2.png) no-repeat -50px 0px; cursor:pointer;opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); } #showcase_s1 .showcase-arrow-previous{position:absolute; top:225px; outline:0; width:50px; height:50px; text-indent:-9999px; z-index:99;left:-180px; background: url(/img/prev_next_btn2.png) no-repeat 0px 0; cursor:pointer;opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50); } #showcase_s1 .showcase-arrow-next:hover, #showcase_s1 .showcase-arrow-previous:hover { cursor:pointer;opacity:1.0; -moz-opacity:1.0; filter: alpha(opacity=100); transition:0.3s; } #showcase_s1 .showcase-thumbnail-container {margin-top:15px;} #showcase_s1 .showcase-thumbnail-restriction{ width:780px !important; height:69px !important; overflow:hidden;} #showcase_s1 .thimg {width:120px; height:69px;} #showcase_s1 .showcase-thumbnail {margin:0px 5px;width:120px; height:69px; overflow:hidden;} #showcase_s1 .showcase-thumbnail-button-backward {position:absolute;background:url(/img/main/prev_next_btn2.png) -5px 8px no-repeat; width:40px; height:69px;margin-right:5px; text-indent:-99999px; font-size:0px; display:block;left:-30px;} #showcase_s1 .showcase-thumbnail-button-forward {position:absolute;background:url(/img/main/prev_next_btn2.png) -50px 8px no-repeat; width:40px; height:69px; text-indent:-99999px; font-size:0px;display:block;right:-30px; } #showcase_s1 .showcase-thumbnail-wrapper .active {border:5px solid #fc6a19;width:110px; height:59px;} #showcase_s1 .showcase-thumbnail-wrapper .active .thimg {opacity:0.5; -moz-opacity:0.5; filter: alpha(opacity=50);} .btnArea {display:block; position:relative; width:100%; height:50px; text-align:center;} .btnArea a.btn_01 {display:inline-block; position:relative; margin:0px;padding:0px; width:100%; height:50px; line-height:50px; font-size:16px; font-weight:700; background:#385a54; color:#fff; border:1px solid ##385a54; } .btnArea a.btn_01:hover {color:#385a54; border:1px solid #385a54; background:#fff;} .btnArea a.btn_02 {display:inline-block; position:relative; margin:0 5px;padding:0px 100px; height:50px; line-height:50px; font-size:16px; font-weight:700; background:#c773a9; color:#fff; border:1px solid #c773a9; } .btnArea a.btn_02:hover {color:#bd4399; border:1px solid #bd4399; background:#fff;} .btnArea a.btnCen {left:50% !important; margin-left:-170px;} input.ed {padding:5px 15px; border:1px solid #c3c3c3;} select.ed {padding:3px 15px; border:1px solid #c8c8c8;} .end{display:inline-block; font-weight:700; padding:8px 25px;border:1px solid #385a54;background:#385a54;color:#fff;text-decoration:none;vertical-align:middle; cursor:pointer; font-size:16px;} span.nobox { display: inline-block; margin-right:10px; color: #fff; background: #e2b506; width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 20px !important; -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; } .blk1 {padding:0 0 0 16px;} .engmode {word-wrap:keep-all !important; word-break:normal !important; } #ft {margin-top:0px;} .bd_b {display:inline-block; border-bottom:1px solid #b72647; margin-bottom:5px; } .bg_f7 {background:#f7f7f7;} .mbimg {max-width:100%;} a.garam { display:block; color:#f6754f;} a.garam .txt {display:inline-block; text-decoration:underline;} a.bg_link {display:inline-block; background:#e97341; color:#fff; padding:0px 10px;} .boxexpA{background:#417c73 !important;padding:12px 30px 12px 30px; color:#fff !important; margin-top:1px; margin-right:1px; } .boxexpA ul {width:100%; position:relative; clear:both; margin:0;} .boxexpA ul:after{clear:both; content:''; display:block;} .boxexpA ul li{float:left; width:50%; list-style:none;display:block; padding:3px 0px 4px 12px; letter-spacing:0px; line-height:150%; position:relative; overflow:hidden;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .boxexpA ul li:first-child {border-top:none;} .boxexpA ul li:after{clear:both; content:''; display:block;} .boxexpA ul li:before {content:''; display:block; position:absolute; top:9px; left:0px; width:4px; height:4px; background:#afd3d0 } .boxexpA ul li .tt{float:left; width:22%; color:#afd3d0; } .boxexpA ul li .txt{float:left; width:78%; word-break:keep-all; text-align:left;} .boxexpA ul li .tt2{float:left; width:25%; color:#afd3d0; } .boxexpA ul li .txt2{float:left; width:75%; word-break:keep-all; text-align:left;} .boxexpA ul.full li{float:none; width:100%; list-style:none;display:block; padding:3px 0px 4px 12px; letter-spacing:0px; line-height:150%; position:relative; overflow:hidden;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .boxexpA ul.full li .tt {width:15%;} .boxexpA ul.full li .txt {width:85%;}} ul.bomulA{width:100%; position:relative; clear:both; margin:0;} ul.bomulA:after{clear:both; content:''; display:block;} ul.bomulA li {float:left; position:relative; width:316px; height: 400px; overflow:hidden; display:block; margin-left:1px;} ul.bomulA li:first-child {margin-left:0px; } ul.bomulA li .bname {position:absolute; bottom:0px; left:0px; width:100%; padding:12px 0 10px; line-height:1.2; background:rgba(0,0,0,0.6); color:#fff; text-align:center;} ul.bomulA li .bname p{font-weight:400;font-size:14px; } ul.bomulA li .bname span{display:block; font-size:18px; font-family: 'Songganggasa'; text-shadow:0px 0px 2px rgba(0,0,0,0.6); -moz-text-shadow: 0px 0px 2px rgba(0,0,0,0.6); -webkit-text-shadow: 0px 0px 2px rgba(0,0,0,0.6);} ul.boxli{width:100%; position:relative; clear:both; margin:0;} ul.boxli:after{clear:both; content:''; display:block;} ul.boxli li {float:left; position:relative; width:316px; overflow:hidden; display:block; margin-left:1px; margin-bottom:1px;background:url(/img/i_lotus.png) right 15px bottom 10px no-repeat #f4f4f4; background-size:auto 50px; border:1px solid #e5e5e5; padding:13px 20px 15px 20px;overflow:hidden;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} ul.boxli li:first-child,ul.boxli li:nth-child(3n+1) {margin-left:0px; } ul.boxli li .tit03{ font-size:22px !important;} ul.boxli li .exp{position:relative; font-weight:400; letter-spacing:0.5px; padding-left:12px; line-height:24px;} ul.boxli li .exp:before {content:''; display:block; position:absolute; top:8px; left:1px; width:4px; height:4px; background:#a9617e } ul.boxli li .date {color:#000;} ul.boxli li:nth-child(2n) {background-color:#fff !important; } ul.boxli2{width:100%; position:relative; clear:both; margin:0;} ul.boxli2:after{clear:both; content:''; display:block;} ul.boxli2 li {float:left; position:relative; width:474px; height:140px;line-height:1.5; padding:17px 30px 15px 50px; overflow:hidden; display:block; margin-left:1px; margin-bottom:1px; letter-spacing:0px;background: url(/img/i_bell.png) 17px 0px no-repeat #f7eef0; background-size:auto 50px; border:1px solid #ecdde3; overflow:hidden;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} ul.boxli2 li:nth-child(2), ul.boxli2 li:nth-child(3n), ul.boxli2 li:nth-child(7n) {background-color:#fff !important; } ul.boxli2 li .tit03{ font-size:24px !important; color:#000 !important;} ul.boxli3{width:100%; position:relative; clear:both; margin:0;} ul.boxli3:after{clear:both; content:''; display:block;} ul.boxli3 li {float:left; position:relative; width:474px; height:130px;line-height:1.5; overflow:hidden; display:block; margin-left:1px; margin-bottom:1px;background:url(/img/i_lotus.png) right 25px bottom 10px no-repeat #f4f4f4; background-size:auto 50px; border:1px solid #e5e5e5; padding:13px 35px 15px 35px;overflow:hidden;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} ul.boxli3 li:nth-child(2), ul.boxli3 li:nth-child(3), ul.boxli3 li:nth-child(6), ul.boxli3 li:nth-child(7), ul.boxli3 li:nth-child(10) {background-color:#fff !important; } ul.boxli3 li .date {color:#000; margin-top:5px;} ul.boxli3 li .exp {color:#446db4; margin-top:5px;} #ft {background:#414141;border-top:1px solid #ddd;color:#707070;} #ft .ft_inner {padding:0 100px;margin:0 auto;} #ft #ft_menu {border:none;margin-top:35px;} #ft #ft_menu .ft_menu_list {overflow:hidden} #ft #ft_menu .ft_menu_list li{float:left;margin-right:30px;} #ft #ft_menu .ft_menu_list li a {display:block;padding:15px 0;font-size:16px;line-height:16px;font-weight:300;} #ft #ft_menu .ft_menu_list li:first-child a {} #ft #ft_copy {margin-top:0px;} #ft #ft_copy .wrap {margin:0;padding:0;} #ft #ft_copy .info, #ft #ft_copy .cp {color:#fff;font-weight:200;font-size:15px;line-height:25px;} #ctt .ctt_visual {width:1024px;margin-left:-90px;margin-bottom:60px;} #ctt .ctt_tit01 {font-size:30px;color:#000;position:relative;padding-left:25px;line-height:45px;display:block;margin-bottom:20px;} #ctt .ctt_tit01:before {content:'';width:15px;height:15px;background:#b57722;position:absolute;left:0;top:15px;} #ctt .ctt_tit02 {font-size:26px;line-height:40px;color:#b57722;display:block;border-bottom:1px solid #ddd; margin-bottom:20px;} #ctt .txt_bg01 {display:inline-block;padding:0 10px;background:#b57722;color:#fff;} #ctt p {letter-spacing:-0.05em;text-align:justify;} #ctt .ctt_tbl01 {table-layout:fixed;width:100%;border-spacing:0;border-left:1px solid #7d4800;} #ctt .ctt_tbl01 th {text-align:center;background:#b57722;color:#fff;font-size:18px;padding:10px 0;border-right:1px solid #7d4800;border-bottom:1px solid #7d4800;} #ctt .ctt_tbl01 td {border-right:1px solid #7d4800;border-bottom:1px solid #7d4800;padding:10px;text-align:center;} #ctt .ctt_tbl01 td.td_subject {text-align:center;color:#000;} #ctt .dl_st1 {overflow:hidden;} #ctt .dl_st1 dt{float:left;width:244px;font-size:20px;color:#000;} #ctt .dl_st1 dd{float:right;width:570px;} /*#ctt .li_st1 li {padding-left:100px;}*/ #ctt .list_st1 li > span {display:inline-block;width:80px;color:#000;} #ctt .list_st2 {padding:30px;border:1px solid #ddd;} #ctt .list_st2 li {position:relative;padding-left:80px;margin-bottom:20px;} #ctt .list_st2 li:last-child {margin:0;} #ctt .list_st2 li > span {display:inline-block;width:60px;color:#000;position:absolute;top:0;left:0;} #ctt .txt_box {padding:30px;text-align:center;border:1px solid #ddd;} .left_wrap {width:50%;float:left} .right_wrap {width:50%;float:right} .con_wrap {overflow:hidden;line-height:1.8em;} .con_wrap .con {float:left} #ctt.ctt_101010 .left_wrap {width:420px;} #ctt.ctt_101010 .right_wrap {width:400px;padding:30px 0;} #ctt.ctt_101010 .left_wrap {width:420px;} #ctt.ctt_101010 .right_wrap {width:400px;padding:30px 0;} #ctt.ctt_101030 .left_wrap {width:600px;} #ctt.ctt_101030 .right_wrap {width:210px; height:383px;padding:30px 0;text-align:right} #ctt.ctt_10201010 .left_wrap {width:242px;} #ctt.ctt_10201010 .right_wrap {width:600px;padding:30px 0;} #ctt.ctt_10201010 .con2 .left_wrap {width:380px;padding:50px 0;} #ctt.ctt_10201010 .con2 .right_wrap {width:462px;text-align:right;padding:0;} #ctt.ctt_10201020 .left_wrap {width:242px;} #ctt.ctt_10201020 .right_wrap {width:600px;padding:50px 0;} #ctt.ctt_10201030 .left_wrap {width:242px;} #ctt.ctt_10201030 .right_wrap {width:600px;padding:50px 0;} #ctt.ctt_10202030 .left_wrap {width:300px} #ctt.ctt_10202030 .right_wrap {width:512px} #ctt.ctt_102030 .con {width:260px;} #ctt.ctt_102030 .con:nth-child(2){margin:0 31px;} #ctt.ctt_102040 .left_wrap {width:225px} #ctt.ctt_102040 .right_wrap {width:587px} #ctt.ctt_10401010 .left_wrap {width:212px} #ctt.ctt_10401010 .right_wrap {width:600px} #ctt.ctt_101020 li {width: 23%;float: left;margin-right: 20px;} #ctt.ctt_101020 li:nth-child(4) {margin-right:0px;} #ctt.ctt_101020 li img {width:100%;} #ctt.ctt_101020 li .name{line-height:50px;} #ft_copy .tel {float: right;} #ft_copy .tel .number {display: block;font-size:30px;font-weight: 700;line-height: 10px;margin-bottom: 10px;color: #fff} #ft_copy .tel .tit {display: block;font-size: 14px;font-weight: 400;line-height: 41px;color: #fff} /*일반 게시판*/ .bo_fx.ft {border:none;background:none;overflow:hidden;} .bo_fx {margin:0;position:relative;} .bo_fx.ft {background:none;border-top:0;padding:22px 0 0;position:relative;margin:0;} .bo_fx .list_cnt{font-size:17px;line-height:38px;color:#4d4d4d;position:relative;display:block;padding-left:30px;} .bo_fx .list_cnt:before {content:'';position:absolute;width:22px;height:38px;background:url(/img/icon/list_icon.png) no-repeat 50% 50%;top:0;left:0;} .bo_fx.top #bo_list_total .list_cnt strong {color:#f47a03} #bo_cate {float:left;margin: 0 0 30px;} #bo_sch {float:right;margin:0;margin: 0 0 20px;} #bo_sch .btn_search {border:none;background:#fff;color:#222; border:1px solid #ededed;font-weight:700;} #bo_sch select {padding: 0 10px 0 10px;height: 34px;line-height: 34px;width: 117px;box-sizing:border-box;border:none;font-weight:300;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #fff url(/img/down_btn_icon.png) no-repeat 97px 50%;font-family: 'Noto Sans KR';border: 1px solid #ededed;} #bo_sch select::-ms-expand { display: none; } #bo_sch input[name=stx] {width: 140px;padding: 0 10px;line-height: 34px;height: 34px;margin: 0 0 0 6px;border: none;font-size: 16px;font-weight: 300;border: 1px solid #ededed;font-family: 'Noto Sans KR';} #bo_sch .btn_search{padding: 0;margin:0;margin-left: 2px;height: 34px;line-height: 34px;background: #fff;font-weight:400;font-size:13px;} #bo_sch {background:none !important;} #bo_sch .required {background:#fff !important;} .img_caption {position:relative;display:inline-block; margin: 0 0 20px;} .img_caption span {position:absolute;left: 0;bottom: -20px;width: 100%;line-height: 140%;font-size: 15px;text-align: center;color: #666;} /*tap*/ .submenutab {text-align: center;margin: 0 0 40px;} .submenutab ul {display: inline-block;} .submenutab ul li {float: left;border: 1px solid #1cbad4;margin: 0 -1px 0 0;} .submenutab ul li a {display: block;color: #1cbad4;padding: 10px 30px;font-size: 17px;font-weight: 400;} .submenutab ul li.on {background:#1cbad4;} .submenutab ul li:hover {background:#e6fbff;} .submenutab ul li.on:hover {background:#1cbad4;} .submenutab ul li.on a{color:#fff;} a.btn_close {background: #9e9e9e;text-align: center;padding: 10px 0;} /*btn topbottom*/ .btn_tb {position:fixed; right:20px; bottom:20px; z-index:1;} .btn_tb dt {margin:0 0 5px;} .btn_tb a {display:block;width:50px;height:50px;text-indent:-9999px;} .btn_tb dt a {background: #00bf18 url(/img/btn_top.png) center no-repeat;} .btn_tb dd a {background: #00bf18 url(/img/btn_down.png) center no-repeat;} /*shop*/ .sct_wrap header {display:none;} #container2 #container_title {margin-bottom:0;margin:50px 0 25px;} #container2 #container_title .conTit_tt .page_name {color:#1cbad4;} #sct_lst {display:none;} .sct_10 {margin:50px 0;} .sct_10 .sct_star {display:none;} .sct_10 .sct_li {margin-bottom:60px;} #sct_location{display:none;} .sct_admin {display:none;} .sit_icon_li {display:none;} #sct_sortlst{border:none;border-bottom: 1px dashed #1cbad4;border-top: 2px solid #1cbad4;} #sct_sort li a {color: #888;font-size: 0.9em;} #sct_sort li a:hover {color: #333;} #ssch_sort li:hover:after{display:none;} .sct_10 .sct_txt {border-bottom:none;margin: 20px 0 0;padding-bottom:0;} .sct_10 .sct_txt > a {font-weight: 400;color: #00a8c3;font-size: 18px;} .sct_10 .sct_cost {margin: 0;font-size: 1.0em;color: #666;font-weight: 600;line-height: 100%;} .sct_10 .sct_op_btn {display:none;} #sct_location.view_location {display:none;} #sit {width:1200px;margin:0 auto;} #sit_ov_wrap {border-top:none;padding:0;} #sit_ov_from {border-bottom:none;} #sit_siblings {border-top:none;} #sit_ov {width:560px} #sit_star_sns{display:none;} .sit_info {border-top:none;padding: 0;} #sit_title{font-size: 1.4em;font-weight: 600;line-height: 100%;border-top: 1px solid #ddd;padding: 20px 0 20px} .sit_info .tr_price {border-bottom:none;} .sit_info .tr_price th, .sit_info .tr_price td {padding-bottom:10px;line-height:100%;} .sit_ov_tbl td {padding: 0 0 10px;} #sit_sel_option {padding: 20px 0;} .sit_btn_buy {background: #00b1ce;border: 1px solid #00b1ce;} .opt_count button.sit_qty_minus {border: 1px solid #ddd;padding: 2px 4px;color: #666;background:#fff;} .opt_count button.sit_qty_plus {border: 1px solid #ddd;padding: 2px 4px;color: #666;background:#fff;} .opt_count input.num_input {border:1px solid #ddd;width: 50px;padding: 2px 5px;} li.sit_opt_list {padding: 10px;border: 1px solid #ddd;background: #f5f5f5;margin: 0 0 5px;} #sit_tot_price {margin:0 0 10px;} #sit_info {margin-top:50px;} #sit_tab .tab_tit li .selected:after {background: #00b1ce;} #sit_inf_explan {margin:0 0 50px;} .sit_use_li_title:hover {background: #00b1ce;border-color: #00b1ce;} #mb_login_notmb .btn_submit {line-height:100%;} .chk_box input[type="checkbox"] + label span {margin: 7px 0 0;} .sit_admin {display:none;} #mb_confirm p strong {color:#00b1ce;} .register_form_inner label {margin-bottom: 5px;margin-top: 20px;} .register_form_inner ul{padding: 0 20px 20px;} #reg_result .reg_result_p {color: #1cbad4;margin:0 0 30px;} .reg_btn_submit{background: #1cbad4;} /* ########## 쇼핑몰 컨텐츠 ########## */ /* 인덱스 이미지 출력 */ #sidx_img {margin:0 0 20px} #sidx_img img {max-width:100%;height:auto} /* 상품 메일 추천하기 */ #sit_rec_new {} #sit_rec_new th, #sit_rec_new td {display:block;width:100%} #sit_rec_new th {text-align:left;margin-top:20px;margin-bottom:5px} #sit_rec_new textarea {width:100%;min-height:100px} #sit_rec_new .win_btn {margin:20px 0} /* 마이페이지 */ #smb_my {position:relative;margin-bottom:30px} #smb_my:after {display:block;visibility:hidden;clear:both;content:""} /* 마이페이지 aside */ #smb_my_ov {position:relative;float:left;margin:0 10px 0 0;width:265px;border:1px solid #e8e8e8;background:#fff;margin-right:20px} #smb_my_ov h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #smb_my_ov .smb_me {display:block;background:#fff;border-bottom:1px solid #e8e8e8;padding:20px;text-align:center;font-size:1.167em} #smb_my_ov .smb_me img {width:45px;border-radius:50%} #smb_my_ov .smb_me .my_ov_name {display:inline-block;margin-bottom:10px;line-height:28px} #smb_my_ov .smb_me a {display:inline-block;font-size:0.85em;height:28px;line-height:22px;border:1px solid #d5d9dd;color:#8a8a8a;border-radius:2px;padding:2px 5px} #smb_my_ov .smb_me a.smb_info {color:#3a8afd} #smb_private:after {display:block;visibility:hidden;clear:both;content:""} #smb_private {padding:10px 0} #smb_private li {text-align:left;position:relative;text-align:left} #smb_private a {display:block;background:#fff;color:#465168;line-height:20px;padding:10px 20px 10px 25px} #smb_private a strong {display:inline-block;float:right;max-width:87px;overflow:hidden;white-space:nowrap;text-overflow:clip;color:#3a8afd;padding:0 5px;border-radius:15px;font-size:0.92em} #smb_private a:hover strong {background:#4b8bff} #smb_private li a:hover {color:#4b8bff} #smb_private li a:hover:after {position:absolute;left:0;top:0;width:2px;height:100%;background:#3a8afd;content:""} #smb_private li i {width:25px;color:#8c9eb0;margin-right:5px} #smb_private li:hover i {color:#3a8afd} #smb_private .win_point strong {background:#37bc9b;color:#fff} #smb_private .win_memo strong {background:#ff8b77;color:#fff} #smb_private .win_scrap strong {background:#8cc152;color:#fff} #smb_private .win_coupon strong {background:#a352c1;color:#fff} #smb_my_ov h3 {font-size:1.2em;padding:20px 20px 10px;border-top:1px solid #e8e8e8} #smb_my_ov .op_area {border-top:0;padding:0 20px;line-height:18px;color:#555} #smb_my_ov .op_area:after {display:block;visibility:hidden;clear:both;content:""} #smb_my_ov .op_area dt {margin:5px 0;padding-top:5px;font-weight:bold;color:#8c9eb0;line-height:20px} #smb_my_ov .op_area dd {margin:5px 0;padding-bottom:10px;border-bottom:1px dashed #e5e5e5} #smb_my_ovaddt {border-bottom:0 !important} #smb_my_ovaddd {border-bottom:0 !important} .withdrawal {display:block;padding:10px 20px;border-top:1px solid #e8e8e8;color:#c7c7c7} /* 마이페이지 list */ #smb_my_list {float:left;width:1417px} #smb_my_od h2 {margin:0 0 10px;font-size:1.25em} #smb_my_od {position:relative;margin:0 0 50px} .smb_my_od {background:#fff} .smb_my_od li {padding:15px;border-bottom:1px solid #ececec} .smb_my_od li:last-child {border-bottom:0} .smb_my_od li:after {display:block;visibility:hidden;clear:both;content:""} .smb_my_od li:hover {background:#fff6f6} .smb_my_od .smb_my_od_li {float:left;line-height:18px} .smb_my_od .smb_my_od_li1 {width:140px;text-align:center} .smb_my_od .smb_my_od_li2 {width:75%;padding:0 20px} .smb_my_od .smb_my_od_li3 {width:80px;float:right;text-align:center} .smb_my_od .ord_num, .smb_my_od .ord_name {font-size:1.2em;font-weight:bold;letter-spacing:-0.5px} .smb_my_od .date {color:#b5b5b5} .smb_my_od .cost {color:#3a8afd;font-weight:bold} .smb_my_od .misu {color:#6d6d6d} #smb_my_wish {position:relative;margin-bottom:30px} #smb_my_wish h2 {font-size:1.25em;padding:0 0 20px;border-bottom:1px solid #d9dde2} #smb_my_wish li {position:relative;background:#fff;border-bottom:1px solid #ececec;padding:15px} #smb_my_wish li:after {display:block;visibility:hidden;clear:both;content:""} #smb_my_wish .smb_my_chk {display:inline-block;float:left;margin-right:10px;color:red} #smb_my_wish .smb_my_img {float:left;margin-right:20px} #smb_my_wish .smb_my_tit {margin:5px 0;font-size:1.167em;font-weight:bold} #smb_my_wish .smb_my_price {font-weight:bold;font-size:1.2em;margin-bottom:30px} #smb_my_wish .smb_my_date {font-size:1em;color:#777} .smb_my_more {position:absolute;top:0;right:0} .smb_my_more a {display:block;background:url('../img/more-btn.gif') no-repeat 0 2px;padding-left:20px;height:30px} #smb_my_wish li .wish_del {position:absolute;right:20px;top:50px;font-size:1.4em;color:#b2b2b2} #smb_ws_act {text-align:center;margin:20px 0 30px} #smb_ws_act .btn01 {width:180px;height:50px;font-weight:bold;font-size:1.167em;border:1px solid #98a3b3;border-radius:3px} #smb_ws_act .btn02 {width:180px;height:50px;font-weight:bold;font-size:1.167em;border:1px solid #1cbad4;border-radius:3px;background:#1cbad4} /* 장바구니 주문서 공통 */ .od_prd_list .td_chk {} .od_prd_list .td_prd {border-left:0;position:relative;padding-left:120px;min-height:100px} .od_prd_list .td_prd .sod_img {position:absolute;top:25px;left:20px} .od_prd_list .td_prd .sod_name {min-height:80px} .od_prd_list .td_prd .prd_name {font-size:1.4em} .od_prd_list .total_prc {color:#000;font-weight:bold;font-size:1.4em} .sod_opt {margin:5px 0} .sod_opt ul {display:inline-block;margin:0;padding:0;list-style:none} .sod_opt li {color:#000;padding:3px 0;line-height:1.3em} .sod_opt li:before {content:"옵션";display:inline-block;margin:1px 5px 2px 0;padding:3px;border-radius:3px;background:#e2eaf6;line-height:1em;color:#3a8afd} .sod_option_btn .mod_options {height:30px;margin:5px 0 0;padding:0 5px;border:1px solid #d4d6db;color:#606060;background:#fff;border-radius:3px} .cp_btn {padding:0 10px;border:1px solid #d4d6db;color:#3a8afd;background:#fff;height:26px;border-radius:3px} .cp_cancel {padding:0 10px;border:1px solid #aaa;color:#666;background:#fff;height:26px;border-radius:3px} /* 장바구니 */ #sod_bsk {margin-bottom:30px} .btn_cart_del {padding:20px 0;border-bottom:1px solid #ccd2d9} .btn_cart_del button {height:30px;padding:0 10px;border:1px solid #d4d6db;border-radius:5px;background:#fff;color:#666} #sod_bsk_list {position:relative} #sod_bsk #sod_bsk_tot {border:1px solid #212a37;margin:20px 0} #sod_bsk #sod_bsk_tot ul:after {display:block;visibility:hidden;clear:both;content:""} #sod_bsk #sod_bsk_tot li {float:left;width:33.333%;background:#4a505a;color:#fff;border-left:1px solid #212a37;text-align:right;padding:25px;font-size:1.167em} #sod_bsk #sod_bsk_tot li:first-child {border:0} #sod_bsk #sod_bsk_tot li span {display:inline-block;float:left} #sod_bsk #sod_bsk_tot .sod_bsk_cnt {width:33.335%;background:#212a37} #sod_bsk_act {text-align:center;margin-bottom:30px} #sod_bsk_act .btn_submit {height:50px;padding:0 10px;width:160px;font-weight:bold;font-size:1.25em} #sod_bsk_act .btn01 {height:50px;line-height:50px;padding:0 10px;width:160px;font-weight:bold;font-size:1.25em} #sod_bsk_act p {margin:0 0 10px} /* 장바구니 선택사항수정 */ #sod_bsk_list #mod_option_frm {z-index:10000;position:fixed;top:50%;left:50%;width:540px;height:auto !important;height:500px;max-height:500px;margin-left:-280px; margin-top:-150px;border:1px solid #dde7e9;border-radius:3px;background:#fff;overflow-y:auto;overflow-x:inherit} #sod_bsk_list .mod_option_bg {content:"";position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.1);display:block;z-index:9999} #mod_option_frm h2 {border-bottom:1px solid #e8e8e8;padding:0 20px;line-height:50px;font-size:1.25em} .option_wr {padding:20px 20px 0} .option_wr h3 {font-size:1.167em;margin-bottom:10px} .option_wr .get_item_options, .option_wr .get_item_supply {margin-bottom:10px} .option_wr label {display:block;margin:10px 0 5px} .option_wr select {width:100%;border:1px solid #d4d4d4;height:48px} #sit_opt_added {margin:0;padding:0;border-bottom:0;list-style:none} #sit_opt_added li {padding:10px 15px;background:#f9f9f9;border:1px solid #e6e9ed;margin:10px 0;position:relative} #sit_opt_added li:after {display:block;visibility:hidden;clear:both;content:""} #sit_opt_added li .opt_name {line-height:28px;font-weight:bold} #sit_opt_added li .opt_count {} #sit_opt_added button {float:left;width:30px;height:30px;border:1px solid #bdc9dc;border-radius:0;background:#fff;color:#666;font-size:0.92em} #sit_opt_added button:hover {color:#000} #sit_opt_added .num_input {float:left;border:0;height:30px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;text-align:center} #sit_opt_added .sit_opt_del {position:absolute;right:0;top:0;font-size:15px;border:0;border-left:1px solid #e6e9ed;border-bottom:1px solid #e6e9ed} #sit_opt_added .sit_opt_del:hover {color:#be334a} #sit_opt_added .sit_opt_prc {display:block;float:right;width:100px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:bold} #mod_option_frm #sit_sel_option {margin:20px 20px 10px} #mod_option_frm #sit_tot_price {float:left;display:inline-block;margin:0 20px 20px} #mod_option_frm #sit_opt_added {} #mod_option_frm .btn_confirm {float:right;display:inline-block;margin:0 20px 20px;background:yellow} #mod_option_frm .btn_confirm .btn_submit {width:100px;height:40px;font-size:1.167em;font-weight:bold;cursor:pointer} #mod_option_frm .btn_confirm .btn_close {position:absolute;top:0;right:0;width:50px;height:50px;border:0;background:none;font-size:1.25em;border-radius:0} #mod_option_frm .btn_confirm .btn_close:hover {background:#f3f3f3} /* 주문서 작성 */ #sod_frm {} #sod_frm p {margin:0 0 10px} #sod_frm .od_prd_list {margin-bottom:20px} #sod_list {position:relative} #sod_list #cp_frm {z-index:10000;position:absolute;top:50%;left:50%;width:540px;height:auto !important;height:500px;max-height:500px;margin-left:-270px;margin-top:-150px;border:1px solid #dde7e9;border-radius:3px;background:#fff;overflow-y:auto;overflow-x:inherit} .od_coupon h3{border-bottom: 1px solid #cdcdcd;padding: 0 20px;line-height: 50px;margin: 0 0 15px;font-size: 1.25em;text-align:left; -webkit-box-shadow: 1px 2px 2px #eee; -moz-box-shadow: 1px 2px 2px #eee; box-shadow: 1px 2px 2px #eee;} .od_coupon .btn_close {position: absolute;top: 0;right: 0;width: 50px;height: 50px;border: 0;background: none;border-left: 1px solid #cdcdcd;font-size: 1.25em;} .od_coupon .btn_close:hover{background:#f3f3f3} .od_coupon .tbl_head02{margin:20px} .od_coupon .cp_apply{padding: 0 5px;border: 1px solid #38b2b9;color: #38b2b9;background: #fff;height: 23px;line-height: 21px;} .od_coupon td,#sod_frm_pay .od_coupon td{text-align:left;border-left:0;padding:7px} #sod_frm_pay .od_coupon th{width:auto;text-align:center;padding: 7px;background: #f3f3f3;border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;} .od_coupon .td_numbig,#sod_frm_pay .od_coupon .td_numbig{text-align:center;} .od_coupon .td_mngsmall{width:60px} /* 주문서 작성 - 왼쪽 */ .sod_left {display:inline-block;float:left;width:1343px;margin-right:20px;vertical-align:top} /* 주문서 작성 - 주문하시는 분 */ #sod_frm .tbl_frm01 {padding:20px 10px} #sod_frm .tbl_frm01 th,#sod_frm .tbl_frm01 td {text-align:left;padding:10px;vertical-align:top} #sod_frm .tbl_frm01 th{padding:0px 10px} #sod_frm .tbl_frm01 td input {width:100%} #sod_frm .tbl_frm01 td .addr input {width:20%} #sod_frm .tbl_frm01 td .addr button {background:#434a54;color:#fff;width:128px;height:45px;border:0;border-radius:3px} /* 주문서 작성 - 받으시는 분 */ #sod_frm_taker .tbl_frm01 {padding:20px 10px} #sod_frm_taker .tbl_frm01 .choice_place {display:block;background:#edf3fc;padding:10px 15px;border:1px solid #d1ddee;margin:0 10px 10px} #sod_frm_taker .tbl_frm01 .choice_place:after {display:block;visibility:hidden;clear:both;content:""} #sod_frm_taker .tbl_frm01 .choice_place .chk_box {float:left;display:inline-block;width:85%;line-height:30px} #sod_frm_taker .tbl_frm01 .choice_tit {float:left;display:inline-block;width:15% !important;line-height:30px} #sod_frm_taker .tbl_frm01 .choice_place input[type="radio"] + label span {top:7px} #sod_frm_taker .tbl_frm01 .choice_place input, #sod_frm_taker .tbl_frm01 .choice_place label {margin-left:10px} #sod_frm_taker .tbl_frm01 .btn_frmline {width:80px;height:30px;line-height:28px;background:#fff;border:1px solid #d4d6db;color:#606060;text-align:center;float:right} #sod_frm_taker .tbl_frm01 td input {width:100%} #sod_frm_taker .tbl_frm01 td .addr input {width:20%} #sod_frm_taker .tbl_frm01 td .addr button {background:#434a54;color:#fff;width:128px;height:45px;border:0;border-radius:3px} #sod_frm_taker .tbl_frm01 td .ad_choice {padding:5px 0} #sod_frm_taker .tbl_frm01 td .ad_choice input {width:auto} #sod_frm_orderer, #sod_frm_taker {margin:0 0 30px;border:1px solid #e3e5e8;background:#fff} #sod_frm section h2 {font-size:1.167em;padding:20px} #sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon {display:inline-block;margin:5px 0 0} /* 5.4.1.3 버전이후 추가 css */ #sod_frm div.tbl_frm01, #sod_frm_taker div.tbl_frm01{padding:0px 10px !important} #sod_frm .tbl_frm01 th, #sod_frm .tbl_frm01 td{padding:10px;line-height:45px} #sod_frm .tbl_frm01 th{width:94px} #sod_frm #od_name,#sod_frm #od_tel,#sod_frm #od_hp,#sod_frm #od_pwd,#sod_frm #od_b_name,#sod_frm #od_b_tel,#sod_frm #od_b_hp,#sod_frm #ad_subject,#sod_frm #od_hope_date{width:40%} #sod_frm #od_zip,#sod_frm #od_b_zip{width:90px} #sod_frm .tbl_frm01 td .btn_address {background:#434a54;color:#fff;width:128px;height:45px;border:0;border-radius:3px} #sod_frm #od_memo{min-height:100px} #sod_frm_taker .order_choice_place{position:relative;background:#edf3fc;border:1px solid #d1ddee;padding-left:10px} #sod_frm_taker .tbl_frm01 .btn_frmline{float:none;position:absolute;top:8px;right:10px} #sod_frm #sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""} #sod_frm #sod_bsk_tot li{position:relative;float:left;background:#fff;width:33.333%;height:90px;text-align:center;border-bottom:1px solid #e7ebf1;padding:15px 0} #sod_frm #sod_bsk_tot li:after {display:block;visibility:hidden;clear:both;content:""} #sod_frm #sod_bsk_tot li span{display:block;color:#777;margin-bottom:5px;font-weight:bold} #sod_frm #sod_bsk_tot .sod_bsk_sell,#sod_frm #sod_bsk_tot .sod_bsk_coupon{border-right:1px solid #e7ebf1} #sod_frm #sod_bsk_tot .sod_bsk_point,#sod_frm #sod_bsk_tot .sod_bsk_cnt{width:100%;clear:both;height:40px;padding:0 15px;line-height:40px;text-align:right} #sod_frm #sod_bsk_tot li:last-child {border-bottom:0 none} #sod_frm #sod_bsk_tot .sod_bsk_point span,#sod_frm #sod_bsk_tot .sod_bsk_cnt span {float:left;margin:0} #sod_frm #sod_bsk_tot .sod_bsk_coupon:before{display:block;content:"-";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#ff006c;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size: 16px;line-height: 14px;} #sod_frm #sod_bsk_tot .sod_bsk_dvr:before{display:block;content:"+";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#ff006c;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size: 16px;line-height: 14px;} #sod_frm #sod_bsk_tot .sod_bsk_cnt strong{color:#ff006c;font-size:1.25em} #sod_frm_pay {position:relative;margin:10px 0} #sod_frm #sod_frm_pay h2 {position:absolute;border:0;font-size:0;line-height:0;content:""} #sod_frm_pay .pay_tbl table{width:100%;border-collapse:collapse} #sod_frm_pay .pay_tbl th{text-align:left;padding:10px;width:80px;border-bottom:1px solid #e7ebf1;background:#fff;font-weight:bold;color:#777} #sod_frm_pay .pay_tbl td{text-align:right;padding: 10px;height:30px;border-bottom:1px solid #e7ebf1;background:#fff} #sod_frm_pay .pay_tbl td .cp_cancel{margin:0 0 0 2px} #sod_frm_pay .pay_tbl td .btn_frmline{padding: 0 7px;border: 1px solid #38b2b9;color: #38b2b9;background: #fff;height: 23px;line-height: 21px;margin: 0;} #od_tot_price{margin:10px 0;background:#fff;line-height:40px;text-align:right;padding:0 10px} #od_tot_price span{float:left;font-weight:bold} #od_tot_price strong{font-size:1.5em;color:#ff006c} #sod_frm #sod_frm_pt_alert {margin:5px 0;color:#38b2bb } #od_pay_sl h3{font-size:1.167em;margin:20px 0 5px} #od_pay_sl input[type="radio"]{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;text-indent:-999px;left: 0;z-index: -1px;} #od_pay_sl .lb_icon {display: inline-block;float:left;width:50%;background:#fff;border:1px solid #eceff4;margin:-1px 0 0 -1px;cursor: pointer;height:60px;position:relative;padding-left:65px;padding-top:20px;z-index:1} #od_pay_sl input[type="radio"]:checked+.lb_icon {border:1px solid #ff006c;z-index:3} #sod_frm_paysel {} #sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden} #sod_frm_paysel .KPAY{background:url('../../../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #sod_frm_paysel .PAYNOW{background:url('../../../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #sod_frm_paysel .PAYCO{background:url('../../../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #sod_frm_paysel .inicis_lpay{background:url('../../../img/lpay_logo.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #sod_frm_paysel .inicis_kakaopay{position:relative;overflow:hidden;text-indent:-999px} #sod_frm_paysel .inicis_kakaopay em{position:absolute;top:15px;left:45px;width:70px;height:30px;background:url('../../../img/kakao.png') no-repeat 50% 50% #ffeb00;overflow:hidden;text-indent:-999px;border-radius:30px} #sod_frm_paysel .kakaopay_icon{background:url('../../../img/kakao.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #sod_frm_paysel .naverpay_icon{background:url('../../../img/ico-default-naverpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #sod_frm_paysel .bank_icon{background:url('../../../img/pay_icon1.png') no-repeat 15px 50% #fff} #sod_frm_paysel .vbank_icon{background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff} #sod_frm_paysel .iche_icon{background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff} #sod_frm_paysel .hp_icon{background:url('../../../img/pay_icon3.png') no-repeat 24px 50% #fff} #sod_frm_paysel .card_icon{background:url('../../../img/pay_icon4.png') no-repeat 17px 50% #fff} #forderform .sod_right #sod_bsk_tot {border:1px solid #e3e5e8} #forderform .od_pay_buttons_el{margin-top:20px;border:1px solid #e3e5e8;background:#fff;padding:10px} #forderform .od_pay_buttons_el h3{font-size:1.167em;margin:0px 0 5px} #forderform #sod_frm_pt{border-top:1px solid #e3e5e8} .sod_right .pay_tbl{border:1px solid #e3e5e8;border-bottom:0 none} .sod_right #od_tot_price{border:1px solid #e3e5e8} #sod_frm_pay .od_pay_buttons_el:after{display:block;visibility:hidden;clear:both;content:""} #sod_frm_pay .sod_frm_point{margin-top:20px;border:1px solid #e3e5e8} #sod_frm_pay .sod_frm_point div{background:#fff;padding:10px;text-align:left;text-align:right} #sod_frm_pay .sod_frm_point div:after {display:block;visibility:hidden;clear:both;content:''} #sod_frm_pay .sod_frm_point div label{float:left;line-height:30px;font-weight:bold} #sod_frm_pay .sod_frm_point div span{display:block} #sod_frm_pay .sod_frm_point div span:after {display:block;visibility:hidden;clear:both;content:''} #sod_frm_pay .sod_frm_point div strong{float:left;color:#666} #sod_frm_pay .sod_frm_point .max_point_box em{font-style:normal !important} #sod_frm_pay .sod_frm_point #od_temp_point{height:30px;text-align:right;padding:0 5px;border:1px solid #ccc;} /* 주문서 작성 - 오른쪽 */ .sod_right {display:inline-block;float:left;width:340px;height:100%;vertical-align:top} .sod_right #sod_bsk_tot {border:1px solid #3a8afd} .sod_right #sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""} .sod_right .sod_info li {position:relative;float:left;background:#fff;width:33.333%;height:70px;text-align:center;border-bottom:1px solid #e7ebf1;padding:15px 0} .sod_right .sod_info li:after {display:block;visibility:hidden;clear:both;content:""} .sod_right .sod_info li span {display:block;color:#777;margin-bottom:5px;font-weight:bold;color:#000} .sod_right .sod_info .sod_bsk_sell, .sod_right .sod_info .sod_bsk_coupon {border-right:1px solid #e7ebf1} .sod_right .sod_info .sod_bsk_coupon:before {display:block;content:"-";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#9da6c9;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size:16px;line-height:14px} .sod_right .sod_info .sod_bsk_dvr:before {display:block;content:"+";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#9da6c9;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size:16px;line-height:14px} .sod_right .sod_info .sod_bsk_cnt strong {font-size:1.25em} .sod_right .sod_info_bt {clear:both;padding:10px 15px;background:#fff} .sod_right .sod_info_bt:after {display:block;visibility:hidden;clear:both;content:""} .sod_right .sod_info_bt li {} .sod_right .sod_info_bt li:after {display:block;visibility:hidden;clear:both;content:""} .sod_right .sod_info_bt li span {display:inline-block;float:left;width:50%;line-height:28px;text-align:left;font-weight:bold;color:#000} .sod_right .sod_info_bt li strong {display:inline-block;float:left;width:50%;line-height:28px;text-align:right} .sod_right .sod_info_option {clear:both;border-top:1px solid #e7ebf1} .sod_right .sod_info_option h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .sod_right .sod_info_option ul {padding:10px 15px;background:#fff} .sod_right .sod_info_option li {margin-bottom:5px} .sod_right .sod_info_option li:after {display:block;visibility:hidden;clear:both;content:""} .sod_right .sod_info_option .sod_ifop_tit {display:inline-block;float:left;width:50%;line-height:28px;text-align:left;font-weight:bold} .sod_right .sod_info_option .sod_ifop_tit .btn_frmline {width:auto;height:30px;color:#3a8afd;background:#fff;border:1px solid #d4d6db} .sod_right .sod_info_option .sod_ifop_tit .cp_cancel {width:auto;height:30px;border:1px solid #d4d6db;padding:0 5px;margin-left:5px;color:#b1b1b1;vertical-align:baseline} .sod_right .sod_info_option .sod_ifop_tit .od_coupon {z-index:10000;position:absolute;top:50%;left:50%;min-width:300px;height:auto !important;height:500px;max-height:500px;margin-left:-200px;margin-top:-150px;border:1px solid #dde7e9;border-radius:3px;background:#fff;overflow-y:auto;overflow-x:inherit} .sod_right .sod_info_option .sod_ifop_tit .od_coupon>td {text-align:left} .sod_right .sod_info_option>td, .sod_right .sod_info_option .sod_ifop_t {display:inline-block;float:left;width:50%;line-height:28px;text-align:right} .sod_right .sod_info_option>td {text-align:right;padding:10px;height:30px} .sod_right .sod_info_option>td .cp_cancel {margin:0 0 0 2px} .sod_right .sod_info_option>td .btn_frmline {padding:0 7px;border:1px solid #38b2b9;color:#38b2b9;background:#fff;height:23px;line-height:21px;margin:0} /* 주문서 작성 - 포인트사용 */ #sod_point {clear:both;background:#fff;margin-top:10px;border:1px solid #e3e5e8} #sod_point h2 {font-size:1.167em;padding:15px;border-bottom:1px solid #e3e5e8} #sod_point h2:after {display:block;visibility:hidden;clear:both;content:''} #sod_point .point_tit {vertical-align:baseline;float:left;line-height:28px} #sod_point .point_tit label {vertical-align:baseline} #sod_point .point_ipt {float:right;display:inline-block;margin-left:35px;text-align:left;text-align:right;font-weight:normal} #sod_point .point_ipt:after {display:block;visibility:hidden;clear:both;content:''} #sod_point .point_ipt #od_temp_point {width:100px;height:30px;text-align:right;padding:0 5px;border:1px solid #d0d3db;border-radius:3px} #sod_frm_pt {padding:20px} /* #sod_frm_pt strong {display:inline-block;width:45%;color:#000;line-height:28px;text-align:left} #sod_frm_pt span {display:inline-block;width:55%;color:#000;text-align:right} #sod_frm_pt span:after {display:block;visibility:hidden;clear:both;content:''} */ #sod_frm_pt .max_point_box em {font-style:normal !important} /* 주문서 작성 - 결제수단 */ /* #sod_frm_pay {position:relative;margin:10px 0 0;background:#fff;border:1px solid #e3e5e8} */ #sod_frm_pay {position:relative;margin:10px 0 0} #sod_frm_pay h2 {font-size:1.167em;padding:15px;border-bottom:1px solid #e3e5e8} #sod_frm_pay .tooltip_txt {height:auto;line-height:18px;font-weight:normal;font-size:1em;padding:10px 20px;margin:10px} #sod_frm_pay .tooltip_txt i {float:left;line-height:36px;font-size:2em;margin-right:15px} #sod_frm_pay .tooltip_txt:before {height:100%} #sod_frm_pay input[type="radio"] {} #sod_frm_pay .lb_icon {display:inline-block;position:relative;cursor:pointer;z-index:1} #sod_frm_pay input[type="radio"]:checked+.lb_icon {color:#3a8afd;z-index:3} #sod_frm_pay input[type="radio"] + label span {top:7px} #sod_frm_paysel {} #sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden} /* #sod_frm_paysel .PAYCO {display:inline-block;width:75px;background:url('../../../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #fa1417} #sod_frm_paysel .PAYNOW {display:inline-block;width:75px;background:url('../../../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #c01734} #sod_frm_paysel .kakaopay_icon {display:inline-block;width:60px;background:url('../../../img/kakao.png') no-repeat 50% 50% #ffeb00;overflow:hidden;text-indent:-999px;border-radius:30px} #sod_frm_paysel .KPAY {display:inline-block;width:58px;background:url('../../../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #22096a} #sod_frm_paysel .inicis_lpay {display:inline-block;width:50px;background:url('../../../img/lpay_logo.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #009bd7} */ #sod_frm_paysel ul.pay_way {margin:0;padding:15px} #sod_frm_paysel ul.pay_way input[type="radio"] + label span {top:7px} #sod_frm_paysel ul:after {display:block;visibility:hidden;clear:both;content:""} #sod_frm_paysel li {position:relative;line-height:28px;text-align:left;list-style:none} #settle_bank {border:1px solid #e3e5e8;border-top:0 none;background:#fff;padding:10px;clear:both;line-height:32px} #settle_bank:after {display:block;visibility:hidden;clear:both;content:''} #settle_bank label {float:left;width:30%;line-height:30px} #settle_bank select, #settle_bank input {width:70%;height:32px;margin:0 0 5px;border:1px solid #e3e5e8;border-radius:3px;text-align:left} #settle_bank option {padding:3px 0} #settle_bank #od_deposit_name {height:32px;padding:0 5px;border:1px solid #e3e5e8} #display_pay_button {background:#fff;padding:20px;border:1px solid #e3e5e8;border-top:0} #display_pay_button .btn_submit {width:100%;height:50px;font-weight:bold;font-size:1.25em;cursor:pointer;border:1px solid #00b1ce} #display_pay_button .btn01 {width:100%;height:50px;line-height:38px;font-weight:bold;font-size:1.25em;margin:5px 0;border:1px solid #ccd1d9} .display_setup_message {margin:0 0 10px;padding:15px;border:1px solid #fccdff;background:#ffeef9} .display_setup_message strong {display:block;margin:0 0 10px} #sod_frm_taker td input[type="radio"], #sod_frm_taker td input[type="checkbox"]{width:auto;-webkit-appearance:radio;-webkit-border-radius:initial} #sod_frm_taker label {display:inline-block;font-weight:normal;margin-right:1em} #sod_frm_same {margin:0 0 10px} #sod_frm #display_pay_process {text-align:center} #sod_frm #display_pay_process span {display:block;margin:5px 0 0} #od_tot_price {background:#e5f0ff;line-height:20px;text-align:right;padding:15px} #od_tot_price span {float:left;font-weight:bold} #od_tot_price strong {font-size:1.5em;color:#ff006c} #sod_frm_pay_info {margin:0 0 10px} #sod_frm_pay #sc_coupon_frm, #sod_frm_pay #od_coupon_frm {z-index:10000;position:absolute;top:0;right:0;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#fff;overflow-y:auto} #sod_frm_deli {position:relative;line-height:2em} #sod_frm_escrow {margin:30px 0 0} #sod_frm #sod_frm_escrow h2 {margin:0;border:0} #sod_frm #sod_frm_escrow p {margin:5px 0} #display_pay_process {padding:20px;text-align:center} /* 위시리스트 */ #sod_ws {} .sod_ws_img {width:90px;text-align:center} #sod_ws_act {text-align:center;margin:20px 0 30px} #sod_ws_act button {height:50px;width:180px;font-weight:bold;font-size:1.167em;border-radius:3px} #sod_ws_act .btn01 {border:1px solid #98a3b3} #sod_ws_act .btn02 {border:1px solid #1c70e9;background:#3a8afd} #sod_ws li .info_link {display:block;margin:10px 0 5px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#646464;font-weight:bold} #sod_ws li .info_date {color:#646464;font-size:0.92em} #sod_ws li .wish_chk {position:absolute;top:0;left:0;width:30px;text-align:center;line-height:35px;color:#f00} #sod_ws li .wish_info {padding:0 35px 10px 30px;position:relative;border-bottom:1px solid #e0e0e0;margin-top:10px;height:45px} #sod_ws li .wish_del {position:absolute;top:0;right:0;width:35px;height:35px;line-height:35px;text-align:center;background:#e6e6e6;display:block;font-size:1.25em;color:#777} #sod_ws li .wish_del:hover {background:#777;color:#fff} /* 배송지 목록 */ #sod_addr .tbl_wrap {margin:30px} #sod_addr .td_mng .sel_address {color:#fff;background:#fff;border:1px solid #19bc9b;color:#19bc9b;padding:0 5px;height:26px;border-radius:3px} #sod_addr .td_mng .del_address {display:inline-block;border:1px solid #aaa;color:#888;padding:0 5px;height:26px;line-height:24px;vertical-align:middle;border-radius:3px} #sod_addr input[type="radio"] {position:absolute;left:0;z-index:-1;visibility:hidden;width:0;height:0;overflow:hidden;text-indent:-999px} #sod_addr .default_lb {display:inline-block;background:#fff;border:1px solid #1c70e9;color:#3a8afd;cursor:pointer;position:relative;padding:0 5px;height:26px;line-height:24px;border-radius:3px} #sod_addr input[type="radio"]:checked+.default_lb {background:#3476be;color:#fff} #sod_addr td {height:40px;vertical-align:top} #sod_addr .td_name {width:100px} #sod_addr .frm_input {height:30px} #sod_addr .td_sbj {width:155px;text-align:left} #sod_addr .td_sbj .chk_box {display:inline-block;float:left} #sod_addr .td_sbj .chk_box input[type="checkbox"]:checked + label span {background:url(../img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px} #sod_addr .ad_tel {display:block;color:#666} #sod_addr .td_mng {width:100px;padding:10px} #sod_addr .td_mng .mng_btn {width:100%;margin:2px 0} /* 주문내역 */ #sod_v {margin-bottom:30px} #sod_v:after {display:block;visibility:hidden;clear:both;content:''} #sod_v td {text-align:center} #sod_v td a {font-weight:bold} #sod_v .basic_tbl {text-align:center} .status_01 {display:inline-block;background:#edfbde;color:#8cc152;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px} .status_02 {display:inline-block;background:#84c93a;color:#fff;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px} .status_03 {display:inline-block;background:#e2f6f2;color:#16b494;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px} .status_04 {display:inline-block;background:#e2eaf6;color:#3a8afd;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px} .status_05 {display:inline-block;background:#3a8afd;color:#fff;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px} .status_06 {display:inline-block;background:#fff;color:red;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px} /* 주문상세내역 */ #sod_fin {} #sod_fin_no {margin:0 0 20px;padding:15px;border:1px solid #d6e2f4;background:#edf3fc;font-size:1.2em;border-radius:5px;color:#3a8afd} #sod_sts_wrap {margin:0 0 10px;text-align:right} #sod_sts_explan {display:none} #sod_fin_legend {padding:20px;line-height:20px;background:#fff;margin:10px 0;border:1px solid #e9e9e9;text-align:left} #sod_fin_legend:after {display:block;visibility:hidden;clear:both;content:''} #sod_fin_legend dt {clear:both;float:left;margin:0 0 5px;width:50px;font-weight:bold} #sod_fin_legend dd {float:left;margin:0} #sod_fin #sod_bsk_tot li {background:#fff;border-bottom:1px solid #e7ebf1;height:40px;padding:0 15px;line-height:40px;text-align:right} #sod_fin #sod_bsk_tot li span {float:left;clear:both;color:#777} #sod_fin #sod_bsk_tot li strong {} #sod_fin #sod_bsk_tot .sod_bsk_cnt strong {color:#ff006c;font-size:1.25em} #sod_bsk_tot2 {border:1px solid #3a8afd;margin-bottom:20px} #sod_bsk_tot2 li {background:#fff;padding:0 15px;line-height:40px;text-align:right} #sod_bsk_tot2 li span {float:left;clear:both;font-size:1em} #sod_bsk_tot2 li strong {font-size:1em} #sod_bsk_tot2 li.sod_fin_tot {background:#e5f0ff;border-top:1px solid #c6d7ef} #sod_bsk_tot2 li#alrdy {border-bottom:0 !important} #sod_bsk_tot2 li#alrdy div {padding:5px 0 15px;text-align:right} #sod_bsk_tot2 li#alrdy div p {position:relative;background:#d6e3f3;padding:0 10px;margin-bottom:1px} #sod_bsk_tot2 li.sod_fin_tot strong {color:#3a8afd;font-size:1.2em} #request_form {position:relative} #request_form div {display:none;z-index:10000;position:absolute;top:23px;left:0;padding:20px 0;width:520px;border:1px solid #000;background:#f2f5f9;text-align:center} #request_form .frm_input {width:300px;background:#fff !important} #request_form .btn_frmline, #request_form .btn_cancel {vertical-align:middle !important} #request_form .btn_frmline {padding:0 10px;line-height:1.6em} #sod_req_btn {margin:0 0 10px} #sod_req_btn button {background:#626870} #sod_req_log {margin:0 0 20px} #sod_req_log ul {margin:0;padding:0;border-top:1px solid #e9e9e9;background:#f2f5f9;list-style:none} #sod_req_log li {padding:10px 10px 20px;border:1px solid #e9e9e9;border-top:0} #sod_req_log h3 {margin:20px 0 10px} .sod_req_log_view table {margin:0} .sod_req_log_view caption {padding:10px 0;font-size:1em;font-weight:bold;text-align:left;line-height:1em} .sod_req_log_view caption span {color:#ff3061} .sod_req_log_view th {border-top:1px solid #e9e9e9;background:#f7f7f7 !important;color:#000 !important;text-align:center} .sod_req_log_view td {background:#fff;color:#000} .sod_req_log_view p {padding:10px 15px;border-bottom:1px solid #e9e9e9;background:#fff;color:#000} .sod_req_log_view .sod_req_it {width:270px} .sod_req_log_view button {margin:0;padding:0;border:0;background:transparent;color:#ff3061;text-decoration:underline;vertical-align:middle;cursor:pointer} #sod_fin_list h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #sod_fin_list .td_prd {border-left:0;position:relative;padding-left:90px;min-height:100px} #sod_fin_list .sod_img {position:absolute;top:25px;left:20px} #sod_fin_list .sod_name a {font-weight:bold;line-height:1.5em} #sod_fin_list .sod_name .sod_opt:before {content:"옵션";display:inline-block;margin:1px 5px 2px 0;padding:3px;border-radius:3px;background:#e2eaf6;line-height:1em;color:#3a8afd} #sod_fin_list #th_itst {width:80px} #sod_fin_view {border:1px solid #e9e9e9} #sod_fin_view h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #sod_fin_view h3 {margin:0 0 10px} #sod_fin_view .basic_tbl th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left} #sod_fin_pay {margin:0 0 20px;background:#fff;border:1px solid #e3e5e8} #sod_fin_pay h3 {background:#fff;font-size:1.167em;padding:15px 20px;border-bottom:1px solid #e3e5e8} #sod_fin_pay ul {margin:0;padding:15px 20px} #sod_fin_pay li {line-height:24px;padding:5px 0} #sod_fin_pay li:after {display:block;visibility:hidden;clear:both;content:""} #sod_fin_pay li>span, #sod_fin_pay li>strong {display:inline-block;float:left} #sod_fin_pay li>strong {margin-right:10px;width:64px} #sod_fin_pay li>span {width:224px} #sod_fin_pay li .letter-2px{letter-spacing:-2px} a.btn_frmline.is-long-text{height:auto;width:160px} #sod_fin_orderer, #sod_fin_receiver, #sod_fin_dvr {margin:0 0 20px} #sod_fin_orderer .tbl_wrap, #sod_fin_receiver .tbl_wrap, #sod_fin_dvr .tbl_wrap {padding:20px} #sod_fin_dvr .tbl_wrap {padding:20px} #sod_fin .sod_left h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #sod_fin .sod_left h3 {background:#fff;font-size:1.167em;padding:15px 20px;border:1px solid #e3e5e8;border-bottom:0} #sod_fin .sod_left .tbl_head01 {background:#fff;border:1px solid #e3e5e8} #sod_fin .sod_left th {padding:10px 0;border:0;text-align:left;width:100px;color:#666;background:#fff} #sod_fin .sod_left td {padding:10px 0;border:0;background:#fff} #sod_fin_dvr .dvr_link {color:#ff3061;text-decoration:underline} #sod_fin_cancel {text-align:center} #sod_fin_cancel .sod_fin_c_btn {height:50px;border:1px solid #bababa;border-radius:3px;font-weight:bold;width:100%;background:none;color:#5e6b6f} #sod_fin_cancel .sod_fin_c_btn:hover {background:#fff} #sod_fin_cancel h2 {padding:15px;border-bottom:1px solid #e8e8e8;text-align:left} #sod_fin_cancel p {text-align:center;background:#ffe0e0;border:2px solid #d50c0c;padding:15px;color:#d50c0c;font-size:1.167em;font-weight:bold} #sod_cancel_pop {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999} #sod_fin_cancelfrm {position:absolute;top:50%;left:50%;background:#fff;text-align:center;width:245px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 18px rgba(0,0,0,0.2);box-shadow:1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px} #sod_fin_cancelfrm form {padding:20px} .sod_fin_bg {background:rgba(0,0,0,0.1);width:100%;height:100%} .sod_cls_btn {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff} #sod_fin_cancelfrm .frm_input {background:#fff;margin:0 0 5px;width:100%} #sod_fin_cancelfrm .btn_frmline {background:#5e6b6f;color:#fff;border:0;padding:10px;width:100%;cursor:pointer} #sod_fin_test {padding:10px} /* 주문상세내역 중 현금영수증 발급 */ #scash {} #scash section {padding:10px 0} #scash h2 {margin:0 0 10px;text-align:center} #scash .basic_tbl th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left} #scash_apply {padding:10px 0 20px;text-align:center} #scash_apply button {padding:10px;border:0;background:#565e60;color:#fff} #scash_copy {text-align:center} /* 배너 인덱스 출력 */ #sbn_idx {} /* 쇼핑몰 이벤트 */ #sev {} .sev_admin {margin:0 0 10px;text-align:right} .sev_admin a {line-height:35px;padding:0 10px} /* 쿠폰 */ #coupon {text-align:center} #coupon h1 {text-align:left} #coupon ul:after {display:block;visibility:hidden;clear:both;content:""} #coupon li {padding:15px;border-bottom:1px solid #ececec;text-align:left} #coupon .cou_top {margin-bottom:10px} #coupon .cou_tit {font-size:1.25em;font-weight:bold} #coupon .cou_pri {font-size:1.25em;color:#3a8afd;font-weight:bold;float:right} #coupon .cou_target {color:#8cc152;background:#edfbde;padding:5px;line-height:20px;font-size:0.92em;border-radius:5px} #coupon .cou_date {float:right;color:#888d92} #coupon .btn_close {margin:20px auto} /* 모바일일때 피시버전 주문폼 */ .sod_frm_mobile .sod_list{margin:10px 0} .sod_frm_mobile .sod_list .sod_li{background:#fff;border-bottom:1px solid #e5e5e5;margin:10px 0} .sod_frm_mobile .sod_list .li_name{font-size:1.083em} .sod_frm_mobile .sod_list .li_op_wr{position:relative;padding:10px 10px 0 110px;min-height:75px} .sod_frm_mobile .sod_list .li_op_wr .chk_box{position:absolute;top:10px;left:10px} .sod_frm_mobile .sod_list .total_img{position:absolute;top:10px;left:35px} .sod_frm_mobile .sod_list .mod_options{padding:0 7px;border:1px solid #d4d6db;border-radius:3px;color:#606060;background:#fff;line-height:24px;margin:5px 0 0;font-size:.923em} .sod_frm_mobile .sod_list .li_prqty{padding:10px;border-top:1px solid #f8f8f8} .sod_frm_mobile .sod_list .li_prqty:after{display:block;visibility:hidden;clear:both;content:''} .sod_frm_mobile .sod_list .li_prqty_sp{float:left;width:50%;display:block;line-height:20px;padding:0 5px;text-align:right} .sod_frm_mobile .sod_list .li_prqty_sp span{float:left;color:#696969} .sod_frm_mobile .sod_list .prqty_sc,.sod_frm_mobile .sod_list .prqty_price{border-right:1px solid #e5e5e5} .sod_frm_mobile .sod_list .total_price{background:#f2f7ff;display:block;clear:both;margin:0 10px 10px;text-align:right;padding:5px 10px;line-height:20px} .sod_frm_mobile .sod_list .total_price span{float:left} .sod_frm_mobile .sod_list .total_price strong{font-size:1.25em;color:#3a8afd} .sod_frm_mobile .sod_opt{padding:5px 10px 5px 35px} .sod_frm_mobile .sod_opt li{color:#777;margin:3px 0;line-height:1.3em} .sod_frm_mobile .sod_opt li:before{content:"옵션";display:inline-block;margin:1px 5px 2px 0;font-size:11px;padding:0 5px;border-radius:3px;background:#e2eaf6;line-height:20px;color:#3a8afd} .sod_frm_mobile .sod_opt .opt_name:before{content:"옵션";display:inline-block;margin:1px 5px 2px 0;font-size:11px;padding:0 5px;border-radius:3px;background:#e2eaf6;line-height:20px;color:#3a8afd} .sod_frm_mobile #sod_frm_orderer,.sod_frm_mobile #sod_frm_taker{margin:0 0 30px;border:1px solid #e3e5e8;background:#fff} .sod_frm_mobile #sod_frm_orderer #od_addr_jibeon,.sod_frm_mobile #sod_frm_taker #od_b_addr_jibeon{display:inline-block;margin:5px 0 0} .sod_frm_mobile #m_sod_bsk_tot{background:#4a505a;color:#fff} .sod_frm_mobile #m_sod_bsk_tot:after{display:block;visibility:hidden;clear:both;content:""} .sod_frm_mobile #m_sod_bsk_tot dt{float:left;width:40%;padding:10px;line-height:20px;clear:both} .sod_frm_mobile #m_sod_bsk_tot dd{float:left;width:60%;padding:10px;text-align:right;line-height:20px} .sod_frm_mobile #m_sod_bsk_tot .sod_bsk_cnt{font-weight:700;margin-top:5px;line-height:25px;background:#212a37} .sod_frm_mobile #m_sod_bsk_tot .sod_bsk_cnt strong{color:#3a8afd;font-size:1.25em} .sod_frm_mobile .sod_list .li_op_wr{padding-left:100px} .sod_frm_mobile .sod_list .total_img{left:10px} .sod_frm_mobile .sod_opt{padding-left:10px} .sod_frm_mobile #m_sod_frm_paysel{margin:10px 0} .sod_frm_mobile #m_sod_frm_paysel h3{background:#fff;padding:15px 10px;border:1px solid #e3e5e8;border-bottom:0} .sod_frm_mobile #m_sod_frm_paysel ul{margin:0;background:#fff;padding:10px;border:1px solid #e3e5e8} .sod_frm_mobile #m_sod_frm_paysel ul:after{display:block;visibility:hidden;clear:both;content:""} .sod_frm_mobile #m_sod_frm_paysel li{float:left;padding:5px;width:46%;height:25px} .sod_frm_mobile #m_sod_frm_paysel .KPAY{background:url(../../../img/kpay.png) no-repeat;width:37px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%} .sod_frm_mobile #m_sod_frm_paysel .PAYNOW{background:url(../../../img/paynow.png) no-repeat;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%} .sod_frm_mobile #m_sod_frm_paysel .PAYCO{background:url(../../../img/payco.png) no-repeat 1px;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%} .sod_frm_mobile #m_sod_frm_paysel .inicis_lpay{background:url(../../../img/lpay_logo.png) no-repeat;width:35px;height:12px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%} .sod_frm_mobile #m_sod_frm_paysel .inicis_kakaopay{background:url(../../../img/kakao.png) no-repeat 50% 50% #f4dc34;border-radius:30px;height:22px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:35px auto} .sod_frm_mobile #m_sod_frm_paysel .kakaopay_icon{background:url(../../../img/kakao.png) no-repeat 50% 50% #f4dc34;border-radius:30px;height:22px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:35px auto} .sod_frm_mobile #m_sod_frm_paysel .naverpay_icon{background:url(../../../img/ico-default-naverpay.png) no-repeat 50% 50% #fff;border-radius:30px;height:22px;width:50px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:35px auto} .sod_frm_mobile #m_sod_frm_paysel .samsung_pay{margin-left:-23px;background:url(../../../img/samsungpay.png) no-repeat 24px 3px;height:25px;width:106px;display:inline-block;overflow:hidden;text-indent:-999px} .sod_frm_mobile #sod_frm_pay{border-top:1px solid #f3f3f3} .sod_frm_mobile #sod_frm_pay h2{margin:10px 0;font-size:1.25em} .sod_frm_mobile #sod_frm_pay .cp_btn1,.sod_frm_mobile #sod_frm_pay .cp_cancel1{margin-top:0} .sod_frm_mobile .odf_tbl{position:relative} .sod_frm_mobile .odf_tbl table{background:#fff;width:100%;border-collapse:collapse;border-bottom:1px solid #ccc} .sod_frm_mobile .odf_tbl table th{border-top:1px solid #eceff4;padding:10px;text-align:left;width:120px;font-weight:400} .sod_frm_mobile .odf_tbl table td{border-top:1px solid #eceff4;padding:7px 10px;text-align:right} .sod_frm_mobile#sod_frm #sod_frm_pt_alert{margin:10px 0;text-align:left;color:#fff;line-height:18px;background:#f2838f;padding:10px 10px 10px 13px;border-radius:5px;position:relative} .sod_frm_mobile #sod_frm_pt_alert::before{content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453;height:100%} .sod_frm_mobile#sod_frm .sod_frm_point{padding:10px 0;clear:both;border:0 none} .sod_frm_mobile .sod_frm_point div{background:#fff;border:1px solid #e3e5e8;padding:10px;text-align:right} .sod_frm_mobile .sod_frm_point div:after{display:block;visibility:hidden;clear:both;content:''} .sod_frm_mobile .sod_frm_point div label{float:left;line-height:30px} .sod_frm_mobile .sod_frm_point div span{display:block;margin:5px 0} .sod_frm_mobile .sod_frm_point div span:after{display:block;visibility:hidden;clear:both;content:''} .sod_frm_mobile .sod_frm_point .max_point_box em{font-style:normal!important} .sod_frm_mobile .sod_frm_point div strong{float:left;color:#666;font-weight:400} .sod_frm_mobile .sod_frm_point #od_temp_point{height:30px;border:1px solid #d0d3db;text-align:right;background:#fff;border-radius:3px;-webkit-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);-moz-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1)} .sod_frm_mobile #settle_bank{background:#fff;border:1px solid #e3e5e8;padding:10px;clear:both;line-height:30px} .sod_frm_mobile #settle_bank:after{display:block;visibility:hidden;clear:both;content:''} .sod_frm_mobile #settle_bank select{height:30px;margin:0 0 5px;width:100%;border:1px solid #d0d3db} .sod_frm_mobile #settle_bank #od_deposit_name{height:30px;border:1px solid #d0d3db;text-align:center;border-radius:3px;float:right;-webkit-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);-moz-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1)} .sod_frm_mobile #settle_bank label{float:left;line-height:30px} .sod_frm_mobile #sod_frm_pt_info{border-top:0} .sod_frm_mobile .od_coupon{position:absolute;top:0;left:0;background:#fff;width:100%;z-index:99;border-radius:0 0 3px 3px;-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.4);-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.4);box-shadow:1px 1px 5px rgba(0,0,0,0.4)} .sod_frm_mobile .od_coupon h3{height:45px;line-height:45px;font-size:1.167em;background:#333;color:#fff;padding:0 15px;text-align:left} .sod_frm_mobile .od_coupon .tbl_head02 .btn_frmline{background:#3b67c2;color:#fff;border:0;padding:0 5px;line-height:25px} .sod_frm_mobile .od_coupon .tbl_head02 td{text-align:left} .sod_frm_mobile .od_coupon .tbl_head02 th{width:auto!important} .sod_frm_mobile .od_coupon .tbl_head02 .td_mngsmall{width:60px;text-align:center} .sod_frm_mobile .od_coupon .tbl_head02 .td_numbig{width:80px;text-align:right} .sod_frm_mobile .od_coupon .btn_confirm{margin:20px} .sod_frm_mobile .od_coupon .btn_confirm .btn_submit{height:40px;font-size:1.167em;font-weight:700;width:100%} .sod_frm_mobile .od_coupon .btn_confirm .btn_close{position:absolute;top:0;right:0;width:45px;height:45px;border:0;background:none;color:#fff;font-size:1.25em} .sod_frm_mobile .cp_btn,.sod_frm_mobile .cp_btn1{padding:0 7px;border:1px solid #d4d6db;border-radius:3px;color:#3a8afd;background:#fff;line-height:24px;margin:5px 0 0;font-size:.923em} .sod_frm_mobile .cp_apply{padding:0 5px;border:1px solid #3a8afd;color:#3a8afd;background:#fff;height:23px;line-height:21px} .sod_frm_mobile .cp_cancel,.sod_frm_mobile .cp_cancel1{padding:0 7px;border:1px solid #d4d6db;border-radius:3px;color:#aaa;background:#fff;line-height:24px;margin:5px 0 0 2px;font-size:.923em} .sod_frm_mobile #sod_frm_escrow{margin:10px} .sod_frm_mobile #sod_frm_escrow h2{font-size:1.25em} .sod_frm_mobile #od_pay_sl h3{font-size:1.25em} .sod_frm_mobile .sod_list .li_name{border-bottom:1px solid #dcdcdc;line-height:1.3em;padding:10px;font-size:1.083em} #sod_frm.sod_frm_mobile .odf_list .frm_input{width:100%!important} #sod_frm.sod_frm_mobile input[type="radio"],.sod_frm_mobile #sod_frm.sod_frm_mobile input[type="checkbox"]{width:auto;-webkit-appearance:radio;-webkit-border-radius:initial} #sod_frm.sod_frm_mobile #od_memo{min-height:50px} .sod_frm_mobile .od_prd_list{margin:10px;background:#fff;padding:15px} .sod_frm_mobile .od_prd_list .td_chk{border-left:0} .sod_frm_mobile .od_prd_list .td_prd{border-left:0;position:relative;padding-left:90px;min-height:100px} .sod_frm_mobile .od_prd_list .td_prd .sod_img{position:absolute;top:15px;left:0} .sod_frm_mobile .od_prd_list .td_prd .sod_name{min-height:80px} .sod_frm_mobile .od_prd_list .td_prd .prd_name{font-size:1.167em} .sod_frm_mobile .od_prd_list .total_prc{color:#ff006c;font-weight:700;font-size:1.167em} .sod_frm_mobile #sod_frm_orderer{padding:10px;border-bottom:1px solid #d6d3d3} .sod_frm_mobile #sod_frm_taker{padding:10px;border-bottom:1px solid #d6d3d3;border-top:1px solid #f3f3f3} .sod_frm_mobile #sod_frm_taker h2,.sod_frm_mobile #sod_frm_orderer h2{margin:10px 0;font-size:1.25em} .sod_frm_mobile .odf_list label,.sod_frm_mobile .odf_list strong{display:block;margin:7px 0 5px;color:#444;font-weight:400} .sod_frm_mobile .odf_list .frm_input{width:100%;margin:0 0 5px} .sod_frm_mobile .odf_list .dlv_slt{background:#edf3fc;position:relative;border:1px solid #d1ddee;margin:5px 0;padding:10px} .sod_frm_mobile .odf_list .dlv_slt strong{margin:0;font-weight:700;line-height:30px} .sod_frm_mobile .odf_list .dlv_slt div label{display:inline-block;margin:3px 0;color:#000} .sod_frm_mobile #order_address{display:block;position:absolute;top:5px;right:5px;text-align:center;border:1px solid #d4d6db;background:#fff;border-radius:3px;color:#606060;height:30px;line-height:28px;margin:5px 0 0;padding:0 5px} .sod_frm_mobile .odf_list .ad_default{display:inline-block;margin:0} .sod_frm_mobile .odf_list .btn_addsch{position:absolute;top:5px;right:5px;border-radius:3px;height:30px} .sod_frm_mobile .odf_list .add_num{position:relative;display:block} .sod_frm_mobile .odf_list textarea{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:70px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)} .sod_frm_mobile .sod_ta_wr{background:#fff;margin-bottom:1em} .sod_frm_mobile .btn_confirm{margin:0 0 10px} .sod_frm_mobile .btn_submit{width:100%;height:45px;font-size:1.167em;font-weight:700;margin:5px 0;border-radius:4px} .sod_frm_mobile .btn_cancel,.sod_frm_mobile .btn01{width:100%;height:45px;line-height:43px;font-size:1.167em;font-weight:700;padding:0;border-radius:4px} .sod_frm_mobile #sod_frm_escrow{margin:10px} .sod_frm_mobile #sod_frm_escrow h2{font-size:1.25em} .sod_frm_mobile #od_pay_sl h3{font-size:1.25em} .sod_frm_mobile #od_tot_price{background:none;font-weight:700} html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */ #sod_frm_pay_info {margin:0 0 10px} /* 네이버페이 */ .itemform-naverpay {margin:15px 0;clear:both} .cart-naverpay {margin-top:15px} /* theme.config.php 파일에서 G5_COMMUNITY_USE 를 false로 한 경우 1:1 문의와 게시판 css 처리 */ #bo_list table td, #fqalist table td {border-left:0;border-right:0} #bo_v_top .btn_admin, #bo_list .btn_admin {padding-top:0} /* 개인결제 */ .pesonal {background:#fff;border:1px solid #e3e5e8;margin-bottom:30px} .pesonal h2 {border-bottom:1px solid #e2e4e7;font-size:1.167em;padding:20px} .pesonal .tbl_frm01 {padding:20px 10px;margin:0} .pesonal th {text-align:left} .pesonal td {text-align:left;font-weight:bold} .pesonal td input {width:100%} .pesonal .half_tr {width:50%} #personal_pay {background:#fff;border:1px solid #e3e5e8} #personal_pay h2 {background:#fff;border-bottom:1px solid #e2e4e7;font-size:1.167em;padding:20px} #personal_pay input[type="radio"] {} #personal_pay .lb_icon {position:relative;display:inline-block;cursor:pointer;z-index:1} #personal_pay input[type="radio"]:checked+.lb_icon {z-index:3} #personal_pay legend {position:absolute;font-size:0;line-height:0;overflow:hidden} #personal_pay .KPAY {width:58px;background:url('../../../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px} #personal_pay .PAYNOW {width:75px;background:url('../../../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px} #personal_pay .PAYCO {width:75px;background:url('../../../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px} #personal_pay .kakaopay_icon {width:60px;background:url('../../../img/kakao.png') no-repeat 50% 50% #ffeb00;overflow:hidden;text-indent:-999px;border-radius:30px} #personal_pay .pay_way {border-bottom:1px solid #e2e4e7} #personal_pay #display_pay_button {border:0} /* input, radio */ .selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden} .chk_box {position:relative} .chk_box input[type="checkbox"] + label {position:relative;padding-left:20px;color:#676e70} .chk_box input[type="checkbox"] + label:hover{color:#2172f8} .chk_box input[type="checkbox"] + label span {position:absolute;top:7px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px} .chk_box input[type="checkbox"]:checked + label {color:#000} .chk_box input[type="checkbox"]:checked + label span {background:url('../img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px} .chk_box input[type="radio"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden} .chk_box input[type="radio"] + label {position:relative;padding-left:23px;display:inline-block;color:#676e70} .chk_box input[type="radio"] + label span {position:absolute;top:0;left:0;width:15px;height:15px;display:block;background:#fff;border:1px solid #cdd6df;border-radius:50%} .chk_box input[type="radio"]:checked + label {color:#305af9} .chk_box input[type="radio"]:checked + label span:before {width:7px;height:7px;background:#305af9;content:'';position:absolute;top:3px;left:3px;border-radius:50%} /* 기본테이블 */ .tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0} .tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left} .tbl_head01 {margin:0 0 10px} .tbl_head01 table {} .tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head01 thead th {padding:12px 0;border-top:2px solid #000;border-bottom:1px solid #d3d3d3;background:#fff;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em} .tbl_head01 thead a {color:#383838} .tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head01 tbody th {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head01 td {padding:15px 5px;border-top:1px solid #f3f3f3;border-left:1px solid #f3f3f3;line-height:1.5em;word-break:break-all} .tbl_head01 td:first-child {border-left:0} .tbl_head01 a {} .tbl_head02 {margin:0 0 10px} .tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head02 thead th {padding:7px;background:#f3f3f3;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3} .tbl_head02 thead a {color:#383838} .tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head02 td {padding:5px 3px;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all} .tbl_head02 a {} .tbl_head03 {margin:0 0 10px} .tbl_head03 table {border-bottom:1px solid #d3d3d3} .tbl_head03 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head03 thead th {padding:20px 0;border-top:2px solid #959da6;border-bottom:1px solid #d3d3d3;color:#383838;font-size:1.0em;text-align:center;letter-spacing:-0.1em} .tbl_head03 thead a {color:#383838} .tbl_head03 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head03 tfoot th, .tbl_head03 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head03 tbody th {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head03 td {background:#fff;background-clip:padding-box;padding:25px 15px;border-top:1px solid #ccd2d9;border-left:1px solid #f6f6f6;line-height:1.5em;word-break:break-all} .tbl_head03 td.td_numbig {width:160px} .tbl_head03 td.td_dvr {text-align:center;} .tbl_head03 td:first-child {border-left:0} .tbl_head03 a {color:#444;} #ctt.ctt_101060 br{display:none} #ctt.ctt_101050 br{display:none} .s_l {float: left;} .s_r {float: right} .subMenuDepth {width: 265px !important} .subMenuDepth li a:hover {background:#f5f5f5 !important;color:#1cbad4 !important} .page_name {display:none} #ctt.ctt_10a020 .pnb{display:none}