@charset "utf-8"; *{-webkit-margin-start:0; -webkit-text-size-adjust:none;} body, select, input, textarea, a[href^="tel:"]:link{font-size:12px;} #wrapper{padding-top:73px;} #headwrap{min-width:320px;height:73px;background:url('images/m_bg_top.gif') repeat-x 0 0;} #header{display:none;} #mbHeader{position:relative;display:block;padding:13px 10px 11px;} #mbHeader h1 img{width:43px;} #mbHeader .util{position:absolute;right:10px;top:16px;} #mbHeader .util ul{overflow:hidden;} #mbHeader .util li{float:left;margin-right:15px;text-align:center;} #mbHeader .util li.btn_menu{margin-top:5px;margin-right:0;} #mbHeader .util li img{height:28px;margin-bottom:5px;} #mbHeader .util li.btn_menu img{margin-bottom:0;} #mbHeader #mGnb{display:none;position:absolute;left:0;top:68px;width:100%;min-width:320px;background:#571c1f;z-index:1000;} #mbHeader #mGnb .depth01>li{position:relative;border-bottom:1px solid #79494c;} #mbHeader #mGnb .depth01>li.mainMenu06{border-bottom:none;} #mbHeader #mGnb .depth01>li>a{display:block;height:28px;padding:15px 0 0 25px;margin-right:85px;font:bold 15px NanumGothic;color:#fff;} #mbHeader #mGnb .depth01>li>img{position:absolute;right:22px;top:17px;height:9px;cursor:pointer;} #mbHeader #mGnb .depth01>li .depth02{display:none;margin-bottom:-1px;background:#79494c;} #mbHeader #mGnb .depth01>li .depth02>li{border-bottom:1px solid #946d70;} #mbHeader #mGnb .depth01>li .depth02>li>a{display:block;height:24px;padding:12px 25px 0 32px;font:bold 13px NanumGothic;color:#fff;background:url('images/icon_dot02.gif') no-repeat 25px 18px;} #mbHeader #mGnb .depth01>li.hover .depth02{display:block;} #sitemapWrap{display:none;} #footerwrap{background:#2c2a29;margin-top:50px;} #footer{height:auto;padding:5px 0 33px;} #footer h1, #footer .btn_top{display:none;} #footer .footermenu{float:none;text-align:center;padding:0 0 18px;border-bottom:1px solid #565554;} #footer .footermenu li{float:none;display:inline-block;margin-top:12px;background:url('images/m_foot_menu_section.gif') no-repeat 12px 2px;} #footer .footermenu li a{font-size:14px;} #footer .footermenu li.footmenu01{padding-left:0;background:none;} #footer .footermenu li.footmenu06{padding-left:0;background:none;} #footer .footermenu:first-child{padding-bottom:0;border-bottom:none;} #footer .addr{display:none;} #footer .mb_addr{display:block;padding-top:13px;font-size:13px;line-height:25px;color:#aaa;letter-spacing:-0.02pt;text-align:center;} #footer .mb_addr span{background-position:0 2px;} #footer .mb_addr span.blank{background:none;padding:0;margin:0;} #footer .copyright{margin:0;margin-top:4px;font-size:11px;text-align:center;letter-spacing:-0.5pt;} #content{width:100%;} /* 메인 */ .main #containerwrap, .main .visual01, .main .visual02, .main .visual03{background:none !important;} .main .section_cont01 h2{margin-bottom:18px;font-size:20px;color:#303030;} .main .section_cont01 .newMenu, .main .cont01_r, .main .cont01_r .quickMenu{float:none;width:100%;} .main #newMenu{clear:both;position:relative;width:100%;margin:0 auto;z-index:1;} .main #newMenu .owl-pagination{left:0;top:auto;bottom:10px;height:14px;text-align:center;vertical-align:top;} .main #newMenu .owl-pagination .owl-page{width:14px;height:14px;margin-right:5px;background:url('images/visual_rolling_off.png') no-repeat left top;} .main #newMenu .owl-pagination .active{background-image:url('images/visual_rolling_on.png');} .main #newMenu .item a span{display:block;} .main .cont01_r .storeSearch{margin-top:35px;} .main .cont01_r h3{font-size:17px;color:#303030;} .main .cont01_r .openStore{display:none;} .main .cont01_r .quickMenu{padding-bottom:39px;border-bottom:1px solid #ccc;} .main .cont01_r .quickMenu h3{margin-bottom:4px;} .main .cont01_r .quickMenu ul{padding:0;} .main .cont01_r .quickMenu li{width:25%;} .main .section_cont02>ul>li{width:50%;margin-top:36px;} .main .section_cont02>ul>li:nth-child(1), .main .section_cont02>ul>li:nth-child(2){margin-top:0;} .main .section_cont02>ul li{font-size:13px;line-height:22px;} .main .section_cont02>ul>li>dd>a>img{width:37.4%;max-width:112px;} .main .section_cont02 li ul{width:90%;max-width:163px;} .main .section_cont02 li li{width:45.4%;text-align:left;margin-top:0;} .main .section_cont02 li li:nth-child(2n+1){margin-right:15px;text-align:right;} .main .section_cont02 li li img{width:100%;max-width:74px;} .main .cont01_r .storeSearch h2 span input{margin:6px 0 0 16px;} .main .m_section_mall{display:block;float:none;width:100%;margin-right:0;padding:0 10px 34px;box-sizing:border-box;} .main .m_section_mall h2{margin:25px 0 15px;font-size:24px;color:#303030;} .main .m_section_mall h2 em{color:#c01c24;} .main .m_section_mall .owl-pagination{left:0;top:auto;bottom:-34px;height:14px;text-align:center;vertical-align:top;} .main .m_section_mall .owl-pagination .owl-page{width:14px;height:14px;margin-right:5px;background:url('images/visual_rolling_off.png') no-repeat left top;} .main .m_section_mall .owl-pagination .active{background-image:url('images/visual_rolling_on.png');} .main .m_section_mall .item dl{float:right;width:49.16%;padding:14px 0 17px;text-align:center;border:1px solid #ccc;box-sizing:border-box;} .main .m_section_mall .item dl:first-child{float:left;} .main .section_cont03 .section_mall{display:none;} .main .section_cont03 .main_bnr{float:none;width:100%;} .main .section_cont03 .main_bnr ul{overflow:hidden;} .main .section_cont03 .main_bnr li{float:right;width:49.16%;margin-top:0;} .main .section_cont03 .main_bnr li:first-child{float:left;} .main .section_cont03 .latest_notice{float:none;width:100%;margin-top:38px;} .main .section_cont03 .latest_notice h2{border-bottom:none;} .main .section_cont03 .latest_notice li{position:relative;padding:0 90px 0 20px;line-height:0;border-bottom:1px solid #e5e5e5;background-position:10px 19px;} .main .section_cont03 .latest_notice li a{display:inline-block;width:100%;height:39px;line-height:39px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .main .section_cont03 .latest_notice li img.icon{display:none;} .main .section_cont03 .latest_notice li:first-child{margin:-4px 0 0;padding-left:20px;background:url('images/icon_dot01.gif') no-repeat 10px 19px;} .main .section_cont03 .latest_notice li dt a{font:normal 13px/39px NanumGothic;color:#707070;} .main .section_cont03 .latest_notice li dd{display:none;} .main .section_cont03 .latest_notice li span.date{position:absolute;right:10px;display:inline;line-height:39px;color:#a0a0a0;} /* 서브 */ .bbsList01{margin-top:29px;} .bbsList01 thead th, .bbsList01 tbody th, .bbsList01 tfoot th{height:28px;font-size:13px;} .bbsList01 thead th, .bbsList01 tfoot th{padding:0 5px;white-space:nowrap;box-sizing:border-box;} .bbsList01 tbody td, .bbsList01 tfoot td{height:28px;padding:3px 5px;box-sizing:border-box;} .bbsList01 tbody td p, .bbsList01 tfoot td p{padding:0 5px;height:14px;overflow:hidden;} .bbsView01{padding:25px 0;} .bbsViewLIst th{height:28px;padding:0 5px;white-space:nowrap;box-sizing:border-box;} .bbsViewLIst td{height:28px;padding:3px 10px;box-sizing:border-box;} .bbsViewLIst td p{height:14px;overflow:hidden;} .bbsForm01 th{font-size:13px;} .bbsForm01 th span{padding:0 5px;white-space:nowrap;} .bbsForm01 td p{padding:0 10px;} .bbsForm01 td select.formSelect, .bbsForm01 td input.formEmail02{width:35%;} .bbsForm01 td input.formText{width:30%;} .bbsForm01 td input.formTel, .bbsForm01 td input.formPost, .bbsForm01 td select.formMM, .bbsForm01 td select.formDD{width:5.26%;min-width:50px} .bbsForm01 td input.formAddr{width:80%;} .bbsForm01 td input.formTitle{width:100%;} .bbsForm01 td textarea{height:131px;} .menu #containerwrap, .event #containerwrap, .store #containerwrap, .service #containerwrap, .community #containerwrap, .company #containerwrap, .member #containerwrap, .affiliate #containerwrap, .mypage #containerwrap{background:none !important;} #container #visual{display:none;} #container .section_title{margin:27px 0 26px;} #container .section_title h1{font-size:20px;} #container .page_path{display:none;} #container .sub_tabMenu{margin:-1px -10px; 0} #container .sub_tabMenu li{background-size:100% 39px;} #container .sub_tabMenu li a{height:30px;padding-top:9px;font-size:14px;line-height:22px;} #content .tabMenu ul{margin-bottom:25px;padding-top:1px;} #content .tabMenu li, #content .tabMenu li.current, #content .tabMenu02 li, #content .tabMenu02 li.current{width:33.3%;height:38px;margin-top:-1px;font-size:14px;background-image:url('images/tab_menu03_off.gif');background-size:100% 38px;} #content .tabMenu li.current{padding-top:2px;background-image:url('images/tab_menu03_on.gif');} #content .tabMenu li a, #content .tabMenu02 li a{height:26px;padding-top:10px;font-size:14px;} #content .tabMenu li.current a, #content .tabMenu02 li.current a{padding-top:9px;font-size:16px;border-color:#ccc;} #content .tabMenu02 li:nth-child(5n+1) a{border-right:1px solid #ccc;border-left:none;} #content .tabMenu li:nth-child(3n+1) a, #content .tabMenu02 li:nth-child(3n+1) a{padding-top:10px;border-left:1px solid #ccc !important;} #content .tabMenu02 li.current{padding-top:1px;} #content .tabMenu02 ul{margin:23px 0 -9px;} #content .selectLink{margin-bottom:10px;} #content h2.section_title01{margin:21px 0 25px;padding:3px 0 9px;font-size:16px;} #content h2.section_title02{margin-top:29px;font-size:16px;background-position:0 1px;} /* MENU */ .newmenu .selectLink select, .recmenu .selectLink select{width:80%;max-width:390px;} .menu #content .recMenu .menuList>li{width:33.3%;padding:15px 0 22px;} .menu #content .recMenu .menuList>li .item_info dt a{font-size:13px;} /* EVENT */ .event #content .hot_event>ul>li{margin-top:25px;padding:12px 3.51% 20px;} .event #content .hot_event>ul>li .cont_l{float:none;width:100%;} .event #content .hot_event>ul>li .cont_r{float:none;width:100%;} .event #content .hot_event>ul>li .cont_r dt{margin-bottom:13px;padding:23px 0 9px;font-size:16px;} .event #content .hot_event>ul>li .cont_r dd.thum li{text-align:center;} .event #content .event_list02>ul>li{padding-top:25px;padding-bottom:24px;} .event #content .event_list03>ul>li{margin-top:25px;} .event #content .event_list03>ul>li .info td.introduce{padding:8px 0 8px 10px;} /* STORE */ .store .storeList{overflow:visible;margin:-15px auto -30px !important;padding-bottom:30px;} .store .storeList .sotoreSearch, .store .storeGlobalList .sotoreSearch, .store .storeView{margin-top:30px !important;} .store .storeList .sotoreSearch fieldset, .store .storeGlobalList .sotoreSearch fieldset{padding:13px 10px 20px;} .store .storeList .sotoreSearch fieldset .map{display:none;} .store .storeList .sotoreSearch fieldset .searchForm{float:none;width:100%;} .store .storeList .sotoreSearch fieldset .searchForm th{font-size:13px;} .store .storeList .sotoreSearch fieldset .searchForm th span{padding-left:0;} .store .storeList .sotoreSearch fieldset .searchForm td li input[type="radio"]{margin-top:5px;} .store .storeList .sotoreSearch fieldset .searchForm td.class li input{margin-top:5px;} .store .storeList .sotoreSearch fieldset .searchForm .btn_c a{height:24px;padding:6px 20px 0;font-size:16px;} .store .storeList .sotoreSearch fieldset .searchForm .btn_c a img{height:15px;margin:2px 7px 0 0;} .store .localList td.service img{margin-bottom:5px;} .store .localList th{width:auto;padding:4px 0 5px;} .store .localList th dl{padding-right:10px;} .store .localList th dt{font-size:16px;} .store .localList th dd.addr{font-size:13px;} .store .localList th dd.tel{font-size:14px;} .store .localList td.service{width:32%;} .store .localList td.service img{width:24px;margin-left:0;margin-right:4px;} .store .localList td.btn{display:none;width:93px;text-align:center;} .store .localList td.btn a{padding:4px 10px 0;} .store .globalList th dl{padding:17px 10px 19px;} .store .globalList td.btn{display:table-cell;width:93px;text-align:center;} .store .storeView .storeInfo{padding:20px;} .store .storeView .storeInfo .thumArea{float:none;width:100%;padding-top:0;} .store .storeView .storeInfo .thumArea .bImg{text-align:center;} .store .storeView .storeInfo .thumArea ul{overflow:hidden;} .store .storeView .storeInfo .info{float:none;width:100%;margin-top:30px;} .store .storeView .storeInfo .info h2{padding-bottom:6px;font-size:17px;} .store .storeView .storeInfo .info h2 img{margin-top:3px;} .store .storeView .storeInfo .info h2 img.type{width:24px;height:30px;margin-top:0;} .store .storeView .storeInfo .info h2 img.class{margin-top:4px;} .store .storeView .storeInfo .info h2 span.good{display:block;text-align:left;padding-left:0;} .store .storeView .storeInfo .info th{font-size:13px;white-space:nowrap;padding-right:5px;} .store .storeView .storeInfo .info td{padding:5px 0;} .store .storeView .storeInfo .info .btn_lr{margin-top:20px;} .store .storeView>h2{margin-top:24px !important;padding-bottom:9px;} .store .storeView .storeMap{margin-top:25px;} .store .storeGlobalList .sotoreSearch fieldset .map{display:none;} .store .storeGlobalList .sotoreSearch fieldset .searchForm h2{font-size:16px;padding:5px 0 9px;} .store .storeGlobalList .sotoreSearch fieldset .searchForm th span{padding-left:0;padding-right:5px;white-space:nowrap;} .store .storeGlobalList .sotoreSearch fieldset .searchForm th input{margin-top:4px;} .store .storeGlobalList .sotoreSearch fieldset .searchForm td li{width:33%;margin-left:0;padding-top:2px;} .store .storeGlobalList .sotoreSearch fieldset .searchForm td input[type="checkbox"]{margin-top:-2px;} .store .storeGlobalList .sotoreSearch fieldset .searchForm td.btn .formText{width:135px;margin-left:5px;} .store .storeGlobalList .sotoreSearch fieldset .searchForm td.btn a{padding:9px 10px 0;} .store .globalNewStore{margin-top:25px;padding:24px 20px 20px 19px;} .store .globalNewStore>li dl{padding-top:0;} .store .globalNewStore>li dt{font-size:16px;} .store .globalNewStore>li dd.addr{margin:4px 0;font-size:13px;line-height:20px;} .store .globalNewStore>li dd.tel{margin-bottom:8px;font-size:14px;line-height:20px;} .store .globalNewStore>li dd.service img{width:24px;} .store .globalNewStore>li dd.btn{margin-top:20px;} .store .newStore{margin-top:29px !important;} .store .newStore .newStoreList li{margin-top:25px;} .store .newStore .newStoreList li .box{padding:20px 25px;} .store .newStore .newStoreList li .sticker{position:absolute;right:15px;top:-1px;} .store .newStore .newStoreList li .thum{float:none;width:100%;text-align:center;} .store .newStore .newStoreList li .info{float:none;width:100%;} .store .newStore .newStoreList li .info h3{margin-top:15px;padding-bottom:10px;font-size:16px;line-height:24px;} .store .newStore .newStoreList li .info th{width:15.88%;padding:8px 10px 7px 0;font-size:13px;line-height:20px;} .store .newStore .newStoreList li .info td{padding:5px 0;line-height:20px;} /* SERVICE */ .service #content .tabMenu{background:none;} .service #content .tabMenu li{width:50%;} .service #content .tabMenu li:nth-child(3n+1) a{border-left:none !important;} .service #content .tabMenu li:nth-child(2n+1) a{border-left:1px solid #ccc !important;} .service #content h2.section_title02{margin-top:21px;} .service #content>p.txt{margin-top:10px;line-height:20px;} .service #content>ul>li{line-height:20px;background-position:28px 9px;} .service #content>ul>li.btn{margin-top:10px;} .service #content .bbsList01{margin:9px 0 25px;} .service #content .bbsForm01 tbody td li, .service .franchise_info .bbsList01 tbody td li{padding-left:18px;line-height:20px;background-position:10px 9px;} .service .prepaidCard{margin-top:-19px !important;} .service .prepaidCard>p.img{display:none;} .service .prepaidCard .cardClass table{width:50%;} .service .prepaidCard .cardClass thead th{font-size:13px;height:28px;} .service .prepaidCard .cardClass tbody td{padding:8px 0;} .service .prepaidCard .cardClass tbody td p.img{padding:5px 16px 10px;} .service .prepaidCard .guide>ol{margin-top:8px;margin-bottom:10px;} .service .prepaidCard .guide .appBtn{float:none;text-align:center;margin-bottom:15px;} .service .prepaidCard .guide .appBtn img{width:45%;max-width:230px;} .service .prepaidCard .guide .guide01, .service .prepaidCard .guide .guide02, .service .prepaidCard .guide .guide03{padding:6px 14px 0;} .service .prepaidCard .guide ul{margin-top:14px;} .service .prepaidCard .guide ul>li{width:30%;margin-right:5%;margin-bottom:15px;} .service .prepaidCard .guide ul>li p.img img{width:100%;max-width:260px;} .service .prepaidCard .guide ul>li:nth-child(3n+3){margin-right:0;} .service .prepaidCard .guide .guide03{margin-bottom:-15px;} .service .prepaidCard h3{margin-top:22px;font-size:13px;} .service .membership .guide, .service .membership .heed, .service .membership .rule{margin-top:24px;} .service .membership .info ul.img{overflow:hidden;margin:21px 0 -1px;text-align:center;} .service .membership .info ul.img li{display:block;float:right;width:23.93%;} .service .membership .info ul.img li:first-child{float:left;width:63.74%;} .service .membership .info ul.img li img{width:100%;max-width:202px;} .service .membership .info ul.img li:first-child img{margin-top:0px;} .service .membership .m_guide h2{margin-bottom:24px;} .service .membership .m_guide h3{margin-bottom:15px;font-size:14px;line-height:20px;} .service .membership .m_guide li{line-height:20px;} .service .membership .m_guide li span{display:inline;} .service .membership .process ul{margin:20px 0 30px;} .service .membership .process li{display:block;padding-left:0;margin:0 auto 25px;} .service .membership .bbsForm01 tbody th{padding:0 10px;white-space:nowrap;} .service .membership .m_guide p.img{float:none;width:100%;text-align:center;} .service .membership .m_guide dl{float:none;width:100%;padding-top:30px;} .service .membership .m_guide dt{font-size:16px;line-height:20px;} .service .membership .m_guide dd p.txt{margin:10px 0 12px;line-height:20px;} .service .membership .m_guide dd p.notice{margin-top:12px;line-height:20px;} .service .giftCard .info p.txt{margin-top:10px;line-height:20px;} .service .giftCard .info, .service .partnerCard h2{margin-top:28px;} .service .giftCard .info .card{margin-top:20px;} .service .partnerCard h2{font-size:16px;} .service .partnerCard>ul>li{padding:25px 0 26px;} .service .partnerCard>ul>li p.img{width:35%;} .service .partnerCard>ul>li dl{width:60%;} .service .partnerCard>ul>li .btn_r{margin-top:15px;} .service .koroMachine .info, .service .foodTruck .info{margin:30px 0 25px;} .service .koroMachine .info .desc h2 img{width:100%;max-width:156px;} .service .koroMachine .info .desc .txt01{margin-top:20px;font-size:13px;} .service .koroMachine .info .desc .txt02{margin-bottom:15px;font-size:17px;} .service .koroMachine .info .desc .btn, .service .foodTruck .info .desc .btn{margin-top:15px;} .service .koroMachine .notcie{margin-top:-15px;} .service .foodTruck .info{border:none;} .service .foodTruck .info p.img{float:none;width:100%;text-align:center;} .service .foodTruck .info .desc{float:none;width:100%;} .service .foodTruck .info .desc h2 img{width:100%;max-width:334px;} .service .foodTruck .info .desc .txt01{margin:12px 0 13px;font-size:13px;line-height:22px;} .service .foodTruck .info .desc dt{margin-bottom:8px;} .service .foodTruck .cont02{margin-top:-10px;} .service .foodTruck .cont02 .img{float:none;width:100%;} .service .foodTruck .cont02 .img .img01, .service .foodTruck .cont02 .img .img02{width:50.1%;text-align:right;margin-right:0;padding-right:1px;box-sizing:border-box;} .service .foodTruck .cont02 .text{float:none;width:100%;margin-top:0;} .service .foodTruck .cont02 .text ul{margin-top:10px;} .service .foodTruck .cont03{margin-top:30px;padding:25px 25px;} .service .foodTruck .cont03 h2{padding-top:12px;font-size:18px;} .service .foodTruck .cont03 dt{margin:13px 0 7px;font-size:16px;line-height:20px;} .service .foodTruck .cont03 dt:first-child{padding-top:20px;} .service .foodTruck .cont03 dd{font-size:13px;line-height:22px;} .service .franchise_info .cont01 h2{margin-bottom:10px;font-size:16px;line-height:20px;} .service .franchise_info .cont01 .box{margin-bottom:25px;padding:12px 15px 13px;} .service .franchise_info .cont01 .box li{line-height:20px;background-position:0 9px;} .service .franchise_info .cont01 .box p{margin-top:10px;font-size:13px;line-height:20px;} .service .franchise_info .bbsList01 tbody td{padding:6px 0;} .service .franchise_info .cont01 .notice{margin-top:-15px;line-height:20px;} .service .storekeeper ul{margin-top:9px;} .service .storekeeper li{width:50%;margin-top:25px;} .service .franchise_process .process li{display:block;padding-left:0;margin:0 auto 25px;} .service .ascaso .visual .info p{font-size:14px;line-height:23px;} .service .ascaso .brand_info .img{float:none;width:100%;text-align:center;} .service .ascaso .brand_info .info{float:none;width:100%;margin-top:30px;} .service .ascaso .brand_info .info dt{font-size:16px;line-height:20px;} .service .ascaso .brand_info .info dd{margin:7px 0 11px;line-height:20px;} .service .ascaso .product ul{margin-top:14px;} .service .ascaso .product li dt{margin-top:20px;padding-top:10px;font:16px;line-height:22px;} /* COMMUNITY */ .csrList01>ul>li{width:100%;margin-right:0;} .csrList01>ul>li .box{height:auto;margin-bottom:25px;padding-bottom:20px;} .csrList01>ul>li .box dt{margin:9px 0 7px;font-size:16px;} .csrList01>ul>li .box .btn_c{position:static;margin-top:16px;} .csrList02>ul>li, .csrList03>ul>li{width:47.5%;padding:26px 5% 25px 0;} .csrList02>ul>li:nth-child(3n+3), .csrList03>ul>li:nth-child(3n+3){padding-right:5%;} .csrList02>ul>li:nth-child(2n+2), .csrList03>ul>li:nth-child(2n+2){padding-right:0;} .csrList02>ul>li:nth-child(3), .csrList03>ul>li:nth-child(3){padding-top:26px;background:url('images/bg_dotted_line01.gif') repeat-x 0 0;} .csrList02>ul>li p.thum, .csrList03>ul>li p.thum{max-width:100%;box-sizing:border-box;} .csrList02>ul>li p.title a{font-size:14px;height:32px;} .csrList03>ul>li .box, .art .csrList01>ul>li .box{height:auto;padding-bottom:20px;} .csrList03>ul>li dl{padding:13px 15px 0;line-height:20px;} .csrList03>ul>li dt{overflow:hidden;font-size:14px;} .social .csrList01>ul>li .box{height:auto;} .community .snsInfo .snsBox{width:47.5%;margin-right:5%;} .community .snsInfo .snsBox .sns_inner{height:400px;} .community .snsInfo .snsI{margin-right:0;} .community .snsInfo .side{float:none;width:100%;overflow:hidden;margin-top:30px;padding-top:30px;} .community .snsInfo .side dl{float:left;width:30%;margin-right:2.5%;border-bottom:none;} .community .snsInfo .side dt{font-size:16px;} .community .snsInfo .side dt em{font-size:22px;} .community .snsInfo .side dd{margin-top:7px;font-size:13px;line-height:24px;} .community .snsInfo .side .snsBtn{float:left;width:25%;margin-right:2.5%;border-bottom:none;} .community .snsInfo .side .youtube{float:left;width:40%;} .community .snsInfo .side .youtube .btn{margin-top:15px;text-align:center;} /* TOM N TOMS */ .company #container .sub_tabMenu li{width:50%;} .company #container .sub_tabMenu li:nth-child(3){margin-top:-1px;;border-left:1px solid #ccc;} .company #container .sub_tabMenu li.current{border-left:none;} .company .brand .info{margin-top:26px;} .company .brand .info dl{padding:21px 20px 22px;} .company .brand .info dt{margin-bottom:9px;font-size:17px;line-height:20px;} .company .brand .info dt em{display:block;} .company .brand .info dd{font-size:13px;line-height:24px;} .company .brand .info dd span{display:inline;} .company .brand li{padding:25px 0 26px;background:url('images/bg_dotted_line01.gif') repeat-x 0 100%;} .company .brand li .img{float:none;width:100%;} .company .brand li dl{float:none;width:100%;} .company .brand li dt{padding:16px 0 8px;font:14px;line-height:24px;text-align:center;} .company .brand li dd{line-height:20px;text-align:center;} .company .brand .btn_r{text-align:center;} .company .brand .btnRed01 img{display:none;} .company .history .since{margin:29px 0 25px;padding:17px 15px 20px;} .company .history .since .img{display:none;} .company .history .since h2{font-size:20px;} .company .history .since .txt{font-size:16px;} .company .tabMenu li, .company .tabMenu li.current{width:50% !important;} .company .history .historyList{margin-bottom:50px;} .company .history .historyList li{padding:25px 0 26px;} .company .history .historyList li dt{float:left;width:18.33%;font-size:20px;line-height:17px;text-align:left;} .company .history .historyList li dd{padding-left:7.37%;line-height:20px;} .company .history .historyList li .img{display:none;} .company .ceoMessage .img, .company .globalToms div.img{margin:29px 0 30px;} .company .ceoMessage .message{margin:17px 0 25px;font-size:13px;line-height:24px;} .company .globalToms .infoArea{background:none;} .company .globalToms .infoArea>.img01{float:none;width:100%;overflow:hidden;padding-right:0;} .company .globalToms .infoArea ul{float:none;width:100%;overflow:hidden;padding-right:0;} .company .globalToms .infoArea .info{clear:both;float:none;width:100%;padding:0;} .company .globalToms .infoArea .info h2{margin:15px 0 10px;font-size:20px;} .company .globalToms .infoArea .info p.txt{margin-bottom:16px;line-height:20px;} .company .recruit h2{margin:25px 0 27px;padding-top:12px;font-size:18px;} .company .recruit .cont01{margin-top:29px;padding-bottom:26px;} .company .recruit .cont02{margin:25px 0;padding-bottom:1px;} .company .recruit .cont02 li{width:47.5%;margin-right:5%;margin-bottom:25px;padding-top:16px;height:250px;} .company .recruit .cont02 li dt{margin:16px 0 12px;font-size:14px;line-height:20px;} .company .recruit .cont02 li dd{line-height:20px;} .company .recruit .cont03 li{width:47.5%;height:357px;margin-right:5%;margin-bottom:25px;padding-top:20px;padding-bottom:20px;} .company .recruit .cont02 li:nth-child(2n+2), .company .recruit .cont03 li:nth-child(2n+2){margin-right:0;} .company .recruit .cont03 li p.img{text-align:center;} .company .recruit .cont03 li dt{margin-bottom:15px;padding:19px 0 10px;font-size:14px;line-height:20px;} .company .recruit .cont03 li dd{line-height:20px;background-position:0px 9px;} .company .recruitView{margin-top:27px !important;} .company .recruitView h2.section_title02{margin-top:21px !important;} .company .recruitView .bbsList01{margin-top:9px;margin-bottom:24px !important;} .company .recruitView ul{margin-top:9px;padding-top:15px;} .company .recruitView li{line-height:20px;background-position:30px 9px;} .company .recruitView .application h2{margin-bottom:14px;padding:7px 0 8px;font-size:17px;} .company .recruitView .application .bbsForm01{margin:10px 0 15px;} .company .recruitView .application .agree{display:block;margin-top:9px;margin-left:0;} .company .location .location_info{margin-top:12px;} .company .location .location_info dt{width:15%;padding:9px 10px 8px 0;font-size:13px;line-height:25px;box-sizing:border-box;} .company .location .location_info dt img{margin:0 5px 0 0;} .company .location .location_info dd{width:85%;padding:5px 0;} .company .location .location_info dt.fax{clear:both;padding-left:0;border-top:1px solid #ccc;} .company .location .location_info dd.fax{border-top:1px solid #ccc;} .company .location .location_info dd span{display:block;padding-left:0;margin-top:5px;} /* MEMBER */ .member #container .section_title, .mypage #container .section_title{margin-bottom:27px;} .member #content h2.section_title02{margin:24px 0 9px;} .member .login_box{padding:20px 4.39%;} .member .login_box fieldset{float:none;width:100%;padding-top:20px;} .member .login_box fieldset h2{font-size:16px;} .member .login_box fieldset table{width:100%;} .member .login_box .btn_find{float:none;width:100%;margin-top:20px;padding:7px 0 10px;border-left:none;} .member .login_box .btn_find li dt{font-size:14px;} .member .join_step{display:none;} .member .oneID_info .img, .member .oneID_info02 .img{display:none;} .member .oneID_info ul{float:none;width:100%;padding:26px 10px;box-sizing:border-box;} .member .oneID_info02 dl{float:none;width:100%;padding:28px 10px 25px;box-sizing:border-box;} .member .oneID_info li, .member .oneID_info02 dd{padding:0 25px 0 18px;line-height:20px;background-position:10px 9px;} .member .oneID_info02 dt{margin-bottom:10px;padding-left:10px;font-size:16px;line-height:20px;} .member .join_box01 li dt{margin-top:16px;font-size:14px;} .member .join_step01 p.info, .member .find_step01 p.info, .member .join_step01_new .info{margin-top:8px;line-height:20px;} .member .join_step02 h3{margin-top:25px;font-size:16px;line-height:20px;} .member #content .rule_box{height:88px;margin:9px 0;padding:14px 10px;} .member .join_step02 .all_agree{margin-top:27px;padding:13px 0 12px;} .member .join_step03 .bbsForm01 td span.btn{display:block;margin-top:10px;padding-left:0;} .member .join_step03 .bbsForm01 td span.info{display:block;margin-top:8px;padding-left:0;} .member .join_step03 .bbsForm01 td select.formYY{max-width:60px;} .member .join_step03 .bbsForm01 td p.addr01 span.btn{display:inline;margin:0;padding-left:5px;} .member .join_step04 .join_result{margin:50px 0 100px;} .member .join_step04 .join_result p{font-size:16px;line-height:26px;} .member .join_step02 .agree_info{padding:12px 15px 0;} .member .find_step02 fieldset, .member .find_step03 .box{padding:27px 5% 30px;} .member .find_step02 fieldset h2, .member .find_step03 .box h2{margin-bottom:7px;font-size:17px;} .member .find_step02 fieldset td input.formText{width:120px;} .member .find_step02 fieldset p.desc, .member .find_step03 .box p.desc{line-height:20px;} .member .find_step03 .box .id_result{font-size:17px;} /* 계열사 소개 */ .affiliate .academy .cont01{margin:29px 0 -9px;} .affiliate .academy .cont01 .img01{float:none;width:100%;} .affiliate .academy .cont01 .info{float:none;width:100%;padding-top:30px;} .affiliate .academy .cont01 .info .txt01{font-size:17px;line-height:20px;} .affiliate .academy .cont01 .info .txt02{margin-top:10px;font-size:17px;line-height:20px;} .affiliate .academy .cont01 .info .txt02 em{font-size:20px;} .affiliate .academy .cont01 .info .txt03{margin:12px 0 20px;line-height:20px;} .affiliate .academy .bbsList01 td{padding:3px 5px;} .affiliate .academy .bbsList01 td li{padding-left:18px;line-height:20px;background-position:10px 9px;} /* Mypage */ .mypage #content h2.section_title02{min-height:19px;} .mypage #content h2.section_title02 span{display:block;margin:5px 0 -12px -27px;padding-left:0;} .mypage #content .notice{margin-top:5px;} .mypage #content .agree{margin-top:5px;} .mypage #content .tabMenu li, .mypage #content .tabMenu li.current{width:50% !important;} .mypage #content .tabMenu li:nth-child(3n+1) a{border-left:none !important;} .mypage #content .tabMenu li:nth-child(2n+1) a{border-left:1px solid #ccc !important;} .mypage #content .tabMenu li.current_l a{border-right:1px solid #ccc;} .mypage #content .tabMenu li.current a{border-width:0 1px 0 0;} .mypage .selectCard{margin-bottom:32px;} .mypage .selectCard ul{overflow:hidden;} .mypage .selectCard li{float:left;width:50%;margin-top:19px;padding:0;} .mypage .myInfo .bbsForm01{margin-top:18px;} .mypage .leaveId .box{padding:10px 15px 11px;} .mypage .leaveId li{line-height:20px;background-position:0 8px;} .mypage .myPrepaidCard01 .cardInfo{margin:-30px 0 -5px;} .mypage .myPrepaidCard01 .cardInfo .bbsForm01 td span.info{display:block;margin-top:8px;padding-left:0;} .mypage .myPrepaidCard01 .rule_box{margin-top:8px !important;} .mypage .myPrepaidCard02 .tabMenu{margin-bottom:-31px !important;} .mypage .myPrepaidCard04 h2.info01{font-size:17px;} .mypage .myPrepaidCard04 .info02{margin-top:12px;padding:0 10px 9px;} .mypage .myPrepaidCard04 .info02 strong{font-size:13px;} .mypage .myPrepaidCard04 .info02 .select{float:none;} .mypage .myPrepaidCard04 .bbsList01{margin-top:8px;} .mypage .myPrepaidCard04 .btn_r{margin:20px 0 -5px;} .mypage .selectCard ul{margin-top:14px;} .mypage .giftCard .step li{width:33.3%;height:36px;background-size:100% 38px;} .mypage .giftCard .step li span{height:28px;padding-top:8px;font-size:14px;} .mypage .giftCard .step li:nth-child(3).current_l span{border-right:1px solid #ccc;} .mypage .giftCard .step li.current_r span{background:none;} .mypage .giftCard .step li:nth-child(3n+1){width:33.4%;} .mypage .giftCard .step li:nth-child(3n+1) span{border-left:1px solid #ccc;} .mypage .giftCard .step li:nth-child(3n+1).current span{border-left:none;} .mypage .giftCard .step li:nth-child(4), .mypage .giftCard .step li:nth-child(5){margin-top:-1px;} .mypage .selectCard02 p{margin-top:14px;font-size:16px;} .mypage .gift_step02 .receiveInfo{margin-top:8px;text-align:left;} .mypage .gift_step02 .receiveInfo dl{overflow:hidden;padding:0;} .mypage .gift_step02 .receiveInfo dt{clear:both;float:left;width:20%;font-size:13px;padding:9px 10px 9px 0;text-align:left;box-sizing:border-box;} .mypage .gift_step02 .receiveInfo dd{float:left;display:block;padding:9px 0;text-align:left;} .mypage .gift_step02 .receiveInfo dd span.block{display:block;margin-top:9px;} .mypage .gift_step02 .receiveInfo dd span.info{padding:0 10px 0 0;line-height:30px;} .mypage .processMessage h2{margin:48px 0 19px;font-size:18px;line-height:20px;} .mypage .processMessage p{padding-bottom:100px;font-size:14px;line-height:23px;} .mypage .completeMessage{padding-bottom:50px;} .mypage .completeMessage h2{margin:48px 0 -4px;font-size:18px;line-height:20px;} .mypage .completeMessage p.message{margin:28px 0 -3px;font-size:12px;line-height:18px;} .mypage .myPoint h2.section_title02 span{margin-bottom:0 !important;} .mypage .myPoint .pointBox{margin-top:14px;padding:25px 10px;} .mypage .myPoint .pointBox p{margin-top:22px;font-size:17px;} .mypage .myPoint .pointBox p em{margin-right:8px;} .mypage .myPoint .pointBox p img{margin-top:-2px;} /* 팝업 */ #item_detail .title01 h2{font-size:16px;padding-bottom:9px;} #item_detail .title01 .btn{position:static;text-align:left;padding-bottom:10px;} #item_detail .title02 h3{font-size:13px;background-position:0 1px;} #item_detail table{margin-bottom:30px;} #item_detail thead th{white-space:normal;} #gallerytom h2{font-size:14px;} #gallerytom h2 span{font-size:10px;} #gallerytom .info th{width:auto;height:23px;padding:3px 10px 3px 0;font-size:13px;} #gallerytom .info td{padding:3px 0;} #gallerytom h3{margin:14px 0 7px;font-size:13px;background-position:0 2px;} #gallerytom .career{line-height:20px;} #popCoupon .popContent{top:200px;} @media (max-width:800px){ .bbsView01_t dt{float:none;padding-bottom:4px;font-size:14px;} .bbsView01_t dd.date, .bbsView01_t dd.period{float:none;padding:0 0 9px;text-align:right;} /* 메인 */ .main #mainVisual .slide_cont .visual_img{display:none;} .main #visualwrap .m_visual_base{display:block;} .main #mainVisual .slide_cont .m_visual_img{display:block;text-align:center;} /* EVENT */ .event #content .event_list01>ul>li{width:47.5%;margin-right:0;margin-bottom:30px;} .event #content .event_list01>ul>li:first-child{margin-right:5%;} .event #content .event_list01>ul>li dt a{height:32px;padding-top:16px;} .event #content .event_list01>ul>li dt a, .event #content .event_list02>ul>li dt{font-size:14px;} .event #content .event_list01>ul>li dt a span{font-size:11px;} #content h2.section_title01 .area{position:static;display:block;margin-top:8px;text-align:left;} .event #content .event_list02>ul>li{float:none;width:100%;} .event #content .event_list02>ul>li:nth-child(2){padding-top:25px;background:url('images/bg_dotted_line01.gif') repeat-x 0 0;} .event #content .event_list02>ul>li dl{width:100%;max-width:555px;margin:0 auto;} .event #content .event_list02>ul>li dd.period img{margin-right:5px;} .event #content .event_list03>ul>li .thum{float:none;width:100%;text-align:center;} .event #content .event_list03>ul>li .info{float:none;width:100%;margin-top:10px;} .event #content .event_list03>ul>li .info th, .event #content .event_list03>ul>li .info td strong{font-size:13px;} .event #content .event_list03>ul>li .info td .youtube{top:5px;} .event #content .event_list03>ul>li .info td .youtube img{width:50px;} .event #content .event_list03>ul>li .info td{height:35px;} .event #content .event_list02>ul>li.blank{display:none;} /* 2016.01.19 추가 EVENT */ #contentViewArea .eventForm{margin:0 auto 0px;padding:10px 0 23px;} #contentViewArea .eventForm dt{padding:14px 0 7px;font-size:16px;} #contentViewArea .eventForm dd input.formText{width:210px;height:30px;background:url('images/event_form_input.gif') no-repeat 0 0;} #contentViewArea .eventForm dd input.formNum{width:150px;margin-left:10px;} #contentViewArea .eventForm dd input.formNum:first-child{margin-left:0;} #contentViewArea .eventForm .btn_c{margin-top:20px;} #contentViewArea .eventForm .btn_c img{height:35px;} #contentViewArea .eventForm h3{margin:17px 15px 0;font-size:16px;background-position:0 0;} #contentViewArea .eventForm .rule_box{height:122px;margin:9px 15px 0;padding:14px 10px;} #contentViewArea .eventForm .agree{margin:7px 15px 0;} /* STORE */ .store .localList td.type{display:none;} .service .ascaso .product li{width:100%;margin-top:30px;} .service .ascaso .product li:first-child{margin-top:0;} /* SERVICE */ .service .prepaidCard .guide ul>li{width:47.5%;margin-right:5%;} .service .prepaidCard .guide ul>li:nth-child(2n+2){margin-right:0;} .service .koroMachine .info .img{float:none;width:100%;text-align:center;} .service .koroMachine .info .desc{float:none;width:100%;padding-top:15px;} .service .ascaso .visual .info{position:static;padding:20px;} .service .ascaso .visual .info h2{float:none;width:100%;} .service .ascaso .visual .info p{float:none;width:100%;margin-top:15px;padding:0;background:none;} .service .membership .bbsForm01 tbody th{padding:0 5px;white-space:normal;} .service .membership .bbsForm01 tbody th span{display:inline;} .service .membership .m_guide .mytomAPP, .service .membership .m_guide .mytomCard{clear:both;float:none;width:100%;margin-right:0;} .service .membership .m_guide .mytomCard h3{padding-top:26px;} /* MEMBER */ .member .find_step01 .join_box01 ul{padding:20px 0;} .member .find_step01 .join_box01 li{width:100%;border-left:none;margin-top:20px;padding-top:20px;border-top:1px solid #ccc;} .member .find_step01 .join_box01 li:first-child{width:100%;border-top:none;margin-top:0;padding-top:0;} .member .find_step01 .join_box01 li dt{margin-top:16px;} .member .findPW_stpe02 fieldset table, .member .find_step03 .box02 table{display:block;} .member .findPW_stpe02 fieldset table:first-child, .member .find_step03 .box02 table:first-child{margin-bottom:13px;} .member .findPW_stpe02 fieldset th{width:46px;padding:0 5px;} .member .findPW_stpe02 fieldset td{text-align:left;} .member .findPW_stpe02 fieldset table:first-child td input.formText{width:70%;} .member .find_step03 .box02 th{width:108px;padding:0 5px;} .member .find_step03 .box02 td input.formText{width:140px;} /* 팝업 */ #gallerytom .thum .img td img{width:100%;} } @media (max-width:700px){ /* 팝업 */ #item_detail .thum{float:none;width:100%;text-align:center;} #item_detail .detail{float:none;width:100%;padding:0 10px;box-sizing:border-box;} #gallerytom .thum .img td{height:380px;} } @media (max-width:639px){ .bbs_search select{width:70px;} .bbs_search input.formText{width:148px;} .bbsForm01 td select.formSelect{width:70%;} .bbsForm01 td input.formText{width:50%;} .bbsForm01 td input.formEmail01, .bbsForm01 td input.formEmail02{width:30%;} .bbsForm01 td select.formEmail03{width:32%;} .bbsForm01 td input.formTel, .bbsForm01 td input.formPost, .bbsForm01 td select.formMM, .bbsForm01 td select.formDD{width:5.26%;min-width:50px} .bbsForm01 td input.formAddr{width:100%;} .bbsForm01 td input.formTitle{width:100%;} #content .tabMenu02 li, #content .tabMenu02 li.current{width:50% !important;} #content .tabMenu02 li:nth-child(3n+1) a{border-left:none !important;} #content .tabMenu02 li:nth-child(2n+1) a{border-left:1px solid #ccc !important;} #content .selectLink .page_btn{display:none;} /* MENU */ .menu #content .recMenu .menuList>li{width:50%;} #item_detail table{float:none;width:100%;} #item_detail .info01{margin-bottom:10px;} #item_detail thead th:first-child, #item_detail tbody td:first-child{border-left:none;} /* EVENT */ .event #content .event_list01>ul>li{float:none;width:100%;margin-right:0;margin-bottom:20px;} .event #content .event_list03>ul>li .info th{width:20%;} .event #content .event_list03>ul>li .info td{width:80%;padding-left:10px;} /* STORE */ .store .storeList .sotoreSearch fieldset .searchForm th{white-space:nowrap;} .store .storeList .sotoreSearch fieldset .searchForm td .formSelect, .store .storeList .sotoreSearch fieldset .searchForm td .formText{width:100%;margin-bottom:5px;} .store .storeList .sotoreSearch fieldset .searchForm td.location ul{margin-top:5px;} .store .storeList .sotoreSearch fieldset .searchForm td.type ul{margin-bottom:-10px;} .store .storeList .sotoreSearch fieldset .searchForm td.type li, .store .storeList .sotoreSearch fieldset .searchForm td.class li{width:50%;margin-left:0;margin-bottom:10px;} .store .storeList .sotoreSearch fieldset .searchForm td.class img{margin-top:-2px;} .store .storeList .sotoreSearch fieldset .searchForm td.service li{width:50%;} .store .storeView .storeInfo .info .btn_lr .posting{display:block;margin-top:10px;padding-left:0;} .store .storeView .storeInfo .info .btn_lr .posting a{padding:6px 5px 0;} .store .storeGlobalList .sotoreSearch fieldset .searchForm td li{width:50%;margin-left:0;} /* SERVICE */ .service .prepaidCard .cardClass table{width:100%;} .service .prepaidCard .cardClass thead th, .service .prepaidCard .cardClass tbody td{border-left:none;} .service .prepaidCard .cardClass tbody td.cont02, .service .prepaidCard .cardClass tbody td.cont03{display:none;} .service .partnerCard>ul>li p.img{float:none;width:100%;} .service .partnerCard>ul>li dl{float:none;width:100%;margin-top:20px;} .service .membership .info ul.img li{float:none;width:100%;text-align:center;} .service .membership .info ul.img li:first-child{width:100%;margin-right:0;margin-bottom:25px;} .service .membership .info ul.img li img{width:60%;} .service .membership .info ul.img li:first-child img{width:100%;} /* COMMUNITY */ .csrList02>ul>li, .csrList03>ul>li{width:100%;padding:26px 0 25px 0;} .csrList02>ul>li:nth-child(3n+3), .csrList03>ul>li:nth-child(3n+3){padding-right:0;} .csrList02>ul>li:nth-child(2n+2), .csrList03>ul>li:nth-child(2n+2){padding-right:0;} .csrList02>ul>li:nth-child(2), .csrList03>ul>li:nth-child(2){padding-top:26px;background:url('images/bg_dotted_line01.gif') repeat-x 0 0;} .community .snsInfo .snsBox{width:100%;margin-right:0%;margin-bottom:30px;} .community .snsInfo .side{padding-top:0;} .community .snsInfo .side dl{width:50%;margin-right:5%;padding-bottom:0;margin-bottom:0;} .community .snsInfo .side dt{font-size:16px;} .community .snsInfo .side dt em{font-size:22px;} .community .snsInfo .side dd{margin-top:7px;font-size:13px;line-height:24px;} .community .snsInfo .side .snsBtn{width:45%;margin-right:0;} .community .snsInfo .side .youtube{clear:both;float:none;padding-top:30px;width:100%;} .community .snsInfo .side .youtube .btn{margin-top:15px;text-align:center;} /* TOM N TOMS */ .company .location .location_info dt{width:20%;} .company .location .location_info dd{width:80%;} .company .recruit .cont03 li{float:none;width:100%;max-width:250px;height:auto;;margin:0;margin:0 auto 25px;} .company .recruit .cont03 li:nth-child(2n+2), .company .recruit .cont03 li.last{margin:0 auto 25px;} .company .recruitList .bbsList01 td{padding:3px 0;} .company .recruitList .bbsList01 th.num, .company .recruitList .bbsList01 td.num{display:none;} .company .recruitList .bbsList01 th.addr01, .company .recruitList .bbsList01 td.addr01{border-left:none;} .company .recruitList .bbsList01 td.addr02 img{width:38px;} .company .recruitList .bbsList01 td.date span{display:block;} .company .recruitList .bbsList01 td.title{width:59.9%;} .company .recruitList .bbsList01 td.state{width:4.15%;} /* MEMBER */ .member .join_box01 ul{padding:20px 0;} .member .join_box01_new li:first-child{margin-bottom:0;padding:0;border-top:none;} .member .join_box01 li dt{margin-top:16px;} .member .find_step02 fieldset table{display:block;} .member .find_step02 fieldset table:first-child{margin-bottom:13px;} .member .find_step02 fieldset th{width:56px;padding:0 5px;box-sizing:border-box;} .member .find_step02 fieldset td select.formYY{width:58px;} .member .find_step02 fieldset td select.formMM, .member .find_step02 fieldset td select.formDD{width:40px;} .member .find_step02 fieldset td input.formEmail01, .member .find_step02 fieldset td input.formEmail02, .member .find_step02 fieldset td select.formEmail03{width:30%;} /* 회원가입 인증(임시) */ .member .join_step01_new fieldset .innerBox{width:100%;} .member .join_step01_new fieldset table.email{margin-top:11px;} .member .join_step01_new fieldset th{min-width:auto;} /* MYPAGE */ .mypage .gift_step03 .bbsForm01 span{display:block;margin-top:8px;} .mypage .gift_step03 .bbsForm01 select.formDate{width:100px;} .mypage .myPrepaidCard01 .cardInfo .bbsForm01 td input.formText{width:200px;} .mypage .myPrepaidCard02 .bbsForm01 th span{padding:0 10px;} .mypage .myPrepaidCard04 .info02{padding-top:5px;text-align:center;} .mypage .myPrepaidCard04 .info02 span{line-height:22px;} .mypage .myPrepaidCard04 .info02 span.blank{display:block;} .mypage .myPrepaidCard04 .info02 .select{margin-top:5px;} .mypage .processMessage p span{display:inline;} } @media (max-width:530px){ /* 2016.01.19 추가 EVENT */ #contentViewArea .eventForm dd input.formNum{width:85px;margin-left:5px;} /* 레이어 팝업 */ .popLayer500 .popCont{padding:30px 20px 0;} .postPopSearch fieldset{padding:13px 13px 14px;} #popCoupon dd span{display:inline;} } @media (max-width:480px){ .bbsForm01 th span{padding:0 2px;} .bbs_search select{width:70px;} .bbs_search input.formText{width:138px;} #footer .mb_addr{padding:13px 10px 0;} #footer .mb_addr span.blank, #footer .mb_addr span.tel{display:block;} /* 메인 */ .main .section_cont02>ul>li{float:none;width:100%;} .main .section_cont02>ul>li:nth-child(2){margin-top:36px;} /* MENU */ .menu #content .recMenu .menuList>li{width:100%;} #item_detail .title01 .btn span.sns{display:block;margin-top:10px;} /* TOM N TOMS */ .company .location .location_info dt{width:25%;} .company .location .location_info dd{width:75%;} .company .recruit .cont03 li, .company .recruit .cont02 li{float:none;width:100%;max-width:250px;margin:0;margin:0 auto 25px;} .company .recruit .cont02 li:nth-child(2n+2), .company .recruit .cont03 li:nth-child(2n+2){margin:0 auto 25px;} /* EVENT, MYPAGE */ .event #container .sub_tabMenu04 li, .event #container .sub_tabMenu04 li.current, .mypage #container .sub_tabMenu04 li, .mypage #container .sub_tabMenu04 li.current{width:50%;} .event #container .sub_tabMenu04 li:nth-child(3), .event #container .sub_tabMenu04 li:nth-child(4), .mypage #container .sub_tabMenu04 li:nth-child(3), .mypage #container .sub_tabMenu04 li:nth-child(4){margin-top:-1px;} /* MYPAGE */ .mypage .selectCard li{float:none;} .mypage .gift_step02 .receiveInfo dt{width:25%;} .mypage .gift_step02 .receiveInfo dd .btn{display:block;} .mypage .myPrepaidCard02 .bbsForm01 th span, .mypage .giftCard .bbsForm01 th span{padding:0 10px;} .mypage .myPrepaidCard04 .info02 .select .formSelect{width:160px;} /* STORE */ .store .storeList .sotoreSearch fieldset .searchForm td.type li{width:100%;} .storeView .btn_lr p{top:0px;}/* {top:46px;} 블로그포스팅 버튼 있을경우 */ .storeView .btn_lr p a{padding:10px 10px 0;} .storeGlobalView .btn_lr p{top:0px;} .store .newStore .newStoreList li .info td .btn{display:block;padding-left:0;margin-top:5px;} /* MEMBER */ .member #content h2.section_title02 span{display:block;margin:5px 0 0 -27px;text-align:left;} .join_step03 .bbsForm01 td p{padding:0 3px;} .join_step03 .bbsForm01 td input.formEmail01, .join_step03 .bbsForm01 td input.formEmail02{width:40%;} .join_step03 .bbsForm01 td select.formEmail03{display:block;width:89%;margin-top:5px;} .member .join_step03 .bbsForm01 td select.formYY{width:10%;min-width:56px;margin-right:2px;} .join_step03 .bbsForm01 td input.formPost, .join_step03 .bbsForm01 td select.formMM, .bbsForm01 td select.formDD{min-width:40px;margin:0 2px;} .join_step03 .bbsForm01 td select.formMM, .join_step03 .bbsForm01 td select.formDD{margin:0 -2px;} .join_step03 .bbsForm01 td input.formPost:first-child{margin-left:0;} .member .join_step03 .bbsForm01 td span.agree{display:block;padding-left:0;margin-top:5px;} .member .join_step03 .bbsForm01 td span.agree input[type="checkbox"]{margin-left:0 !important;} .member .join_step03 .bbsForm01 td .btn .btnWhite01{padding:5px 10px 0;} .member .login_box fieldset td.idsave{white-space:nowrap;} /* SERVICE */ .service .membership .m_guide dd p.btn span{display:block;padding-left:0;margin-top:10px;} .service .membership .info ul.img li img{width:39%;} .service .membership .info ul.img li:first-child img{width:100%;} /* 레이어 팝업 */ #idchk .notice{text-align:left;} #idchk .notice span{display:inline;} #idchk fieldset th{padding-top:8px;padding-right:5px;vertical-align:top;} #idchk fieldset td{vertical-align:top;} #idchk fieldset td input.formText{width:80px;} #idchk fieldset td.btn{text-align:left;} #idchk fieldset td.btn span{display:block;padding-left:0;margin-top:5px;} .postPopSearch fieldset th{font-size:13px;} .postPopSearch fieldset td input.formText{width:60%;} .postPopSearch .info01{margin-top:15px;padding-bottom:15px;} .postPopSearch .info01 li{line-height:20px;background-position:0 8px;} .postPopSearch .result{margin-top:14px;} .postPopSearch .result .resultBox td.post{white-space:nowrap;} #gallerytom .thum .img td{height:280px;} }