/* guide */ /* #app_guide{position:absolute; z-index:50; top:0px; left:0px; height:100%; width:100%; text-align:-webkit-center;} */ #app_guide{z-index:50; top:0px; left:0px; height:100%; width:100%; text-align:-webkit-center;} #app_guide #visual_area{position:absolute; height:100%; width:100%;} #app_guide #visual_area .visual{ position:absolute; width:100%; margin:0 auto; overflow:hidden;} #app_guide #visual_area .visual visual tx li{ width:90%;} #app_guide #visual_area .rollingdiv {width:155px; margin:0px 37%; z-index:3; position:absolute; bottom:5%;} #app_guide #visual_area .rollingdiv img{ float:left; cursor:pointer; margin:2px;} #app_guide #visual_area .guide_bt{ width:100%; height:100%; position:absolute; margin:0px auto;} #app_guide #visual_area .guide_bt .guide_btn{position:relative; width:90%;height:100%; margin:0px auto;} #app_guide #visual_area .guide_bt .guide_btn .prev{position:absolute; top:50%; left:0;} #app_guide #visual_area .guide_bt .guide_btn .prev img{width:80%;} #app_guide #visual_area .guide_bt .guide_btn .next{position:absolute; top:50%; right:0;} #app_guide #visual_area .guide_bt .guide_btn .next img{width:80%;} #app_guide .guide_close{position:absolute; width:100%; color:#fff; bottom:2%;} #app_guide2{z-index:50; top:0px; left:0px; height:100%; width:100%; text-align:-webkit-center;} #app_guide2 #visual_area{position:absolute; height:100%; width:100%;} #app_guide2 #visual_area .visual{ position:absolute; width:100%; margin:0 auto; overflow:hidden;} #app_guide2 #visual_area .visual visual tx li{ width:90%;} #app_guide2 #visual_area .rollingdiv {width:155px; margin:0px 37%; z-index:3; position:absolute; bottom:5%;} #app_guide2 #visual_area .rollingdiv img{ float:left; cursor:pointer; margin:2px;} #app_guide2 #visual_area .guide_bt{ width:100%; height:100%; position:absolute; margin:0px auto;} #app_guide2 #visual_area .guide_bt .guide_btn{position:relative; width:90%;height:100%; margin:0px auto;} #app_guide2 #visual_area .guide_bt .guide_btn .prev{position:absolute; top:50%; left:0;} #app_guide2 #visual_area .guide_bt .guide_btn .prev img{width:80%;} #app_guide2 #visual_area .guide_bt .guide_btn .next{position:absolute; top:50%; right:0;} #app_guide2 #visual_area .guide_bt .guide_btn .next img{width:80%;} #app_guide2 .guide_close{position:absolute; width:100%; color:#fff; bottom:2%;} #album-contain {width:100%; margin:0 auto;} .album-wrap {position:relative; width:350px; height:600px; overflow:hidden;} .album-wrap ul.album {position:absolute; } .album-wrap ul.album li {float:left; width:350px; text-align:center;} .album-wrap ul.album li img {width:87%;} span.prev {position:absolute; float:left; top:50%; left:2%;z-index:5;} span.next {position:absolute; float:right; top:50%; right:2%;} ul.bt-roll {position:relative; width:130px; margin:0 auto; height:21px; } ul.bt-roll li {float:left; margin-right:3px;} /* sub_wrap */ #sub_wrap {width:100%; position:relative;} /* nav */ #nav { padding-left:1%; width:99%; height:30px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; background-color:#ffffff;} #nav .nav {float:left; padding:0%;} #nav .nav img {width:70%;} #nav .Home1{ float:left; padding:5px 0%; } #nav .Home1 a{position:relative; font-size:1.1em; color:#898989;} #nav .Name1{ float:left; padding:5px 0%; text-align:right; font-size:1.1em; color:#898989;} #nav .Name2{ float:left; padding:5px 0%; text-align:right; font-weight:bold; font-size:1.1em; color:#5e5e5e;} #N_area {width:100%; background:url(../images/common/sub_titlebg.png); text-align:center; border-bottom:1px solid #cccccc; font-size:1.5em; font-weight:bold; padding-top:10px; padding-bottom:10px; color:#54504f;} /* sub_contents */ #sub_contents {width:100%; margin-top:5%;} /* sub_contents 회사소개 CEO인사말 */ #sub_contents .CEO{width:100%; height:1000px;} #sub_contents .CEO .CEO_01{font-family:'나눔명조','NanumMyeongjo'; font-size:48px; text-align:left; line-height:58px; color:#231815; letter-spacing:-4px; } #sub_contents .CEO .CEO_02{font-family:'나눔명조','NanumMyeongjo'; font-size:48px; text-align:left; line-height:58px; color:#8b5a02; font-weight:500; letter-spacing:-4px; } #sub_contents .CEO .CEO_03{font-family:'나눔명조','NanumMyeongjo'; font-size:41px; text-align:left; line-height:48px; background-color:#828282 ; overflow:hidden; color:#fff; letter-spacing:-3px; width:460px;} #sub_contents .CEO .CEO_04{font-size:24px; text-align:left; line-height:33px; color:#7b7776; margin-top:40px; letter-spacing:-0.1em} #sub_contents .CEO .CEO_05{text-align:left; font-size:24px; line-height:170px; color:#6a4b42;} #sub_contents .CEO .CEO_05 span{font-family:'나눔명조','NanumMyeongjo'; text-align:left; font-size:50px; color:#231815;} /* sub_contents 회사소개 회사연혁 */ #sub_contents .HIS{width:100%; height:2500px;} #sub_contents .HIS .historyList{position:absolute; margin-top:-28px; width:812px;} #sub_contents .HIS .historyList ul{ width:100%; height:2360px; background:url(../images/company/history_line.png) repeat-y 12px;} #sub_contents .HIS .his_Y{background:url(../images/company/history_dot.png) no-repeat left; padding-left:55px; font-size:26px; text-align:left; line-height:26px; color:#333; margin-top:40px; font-weight:bold; letter-spacing:-0.1em; } #sub_contents .HIS .his_D{ position:relative; padding-left:55px; font-size:23px; text-align:left; color:#333; margin-top:12px; font-weight:bold; letter-spacing:-0.1em; } #sub_contents .HIS .his_text{float:left; padding-left:55px; font-size:16px; text-align:left; color:#777777; margin:-19px 0 0 54px; letter-spacing:-0.1em; } #sub_contents .HIS .historyList img{width:100%; margin:14px 0 0 60px;} /* sub_contents 회사소개 전국지사현황 */ #sub_contents .COM{width:100%; height:1570px;} #sub_contents .COM .bra_01{padding-left:18px; font-size:39px; text-align:left; line-height:54px; color:#231815; letter-spacing:-3px; font-weight:bold; background:url(../images/common/menu_sub_bg.gif) no-repeat 0 17px;} #sub_contents .COM .bra_02{padding-left:18px; font-size:29px; text-align:left; line-height:38px; color:#777777; letter-spacing:-3px;} #sub_contents .COM img{width:98%; padding:18px 0 70px 18px;} /* sub_contents 사업영역 언더렌지란 */ #sub_contents .UND{width:100%; height:4290px;} #sub_contents .UND .UND_01{width:100%;} #sub_contents .UND .UND_01 .UND_01st{padding:22px 0 36px 0; font-size:26px; text-align:left; line-height:34px; color:#767676; letter-spacing:-2px;} #sub_contents .UND .UND_02{width:100%; padding:22px 0 33px 0; background-color:#eeeeee; margin-top:55px;} #sub_contents .UND .UND_02 .UND_02_title{padding:34px 41px; font-size:36px; text-align:left; line-height:34px; color:#1e1b1b; letter-spacing:-2px; font-weight:bold;} #sub_contents .UND .UND_02 .UND_02st{padding:0px 41px; font-size:24px; text-align:left; line-height:34px; color:#605e5e; letter-spacing:-2px;} #sub_contents .UND .UND_03{width:100%; padding:22px 0 33px 0; background-color:#767676; margin-top:5px;} #sub_contents .UND .UND_03 .UND_03_title{padding:34px 41px; font-size:36px; text-align:left; line-height:34px; color:#ffab00; letter-spacing:-2px; font-weight:bold;} #sub_contents .UND .UND_03 .UND_03st{padding:0px 41px; font-size:24px; text-align:left; line-height:34px; color:#fff; letter-spacing:-2px;} #sub_contents .UND .UND_03_1{margin-top:5px;width:100%; text-align:center;} #sub_contents .UND .UND_04{width:100%;} #sub_contents .UND .UND_04 .UND_04_title{width:193px; padding:29px 7px; font-size:28px; text-align:center; color:#fff; letter-spacing:-2px; font-weight:bold; background-color:#767676; margin-top:30px;} #sub_contents .UND .UND_04 .UND_04_st1{ padding:15px; border:1px solid #b4b0aa; margin-top:4px;} #sub_contents .UND .UND_04 .UND_04_st1 .UND_04_st{font-size:26px; text-align:left; line-height:37px; color:#322e2e; letter-spacing:-2px; font-weight:bold;} #sub_contents .UND .UND_04 .UND_04_st1 .UND_04_stT01{font-size:19px; text-align:left; line-height:25px; color:#716969; letter-spacing:-1px; margin-left:15px;} #sub_contents .UND .UND_05{width:100%;} #sub_contents .UND .UND_05 .UND_05_title{width:193px; padding:29px 7px; font-size:28px; text-align:center; color:#fff; letter-spacing:-2px; font-weight:bold; background-color:#767676; margin-top:30px;} #sub_contents .UND .UND_05 .UND_05_st1{ padding:15px; border:1px solid #b4b0aa; margin-top:4px;} #sub_contents .UND .UND_05 .UND_05_st1 .UND_05_st{font-size:26px; text-align:left; line-height:37px; color:#322e2e; letter-spacing:-2px; font-weight:bold;} #sub_contents .UND .UND_05 .UND_05_st1 .UND_05_stT01{font-size:19px; text-align:left; line-height:25px; color:#484848; letter-spacing:-1px; margin-left:15px; font-weight:bold;} #sub_contents .UND .UND_05 .UND_05_st1 .UND_05_stT02{font-size:15px; text-align:left; line-height:20px; color:#716969; letter-spacing:-1px; margin-left:17px; background:url(../images/common/menu_sub_bg.gif) no-repeat 0 5px; padding-left:13px;} /* sub_contents 사업영역 식기세척기 */ #sub_contents .WAS{width:100%; height:1843px;} #sub_contents .WAS .WAS_01{width:100%;} #sub_contents .WAS .WAS_01 .WAS_stQ1{font-family:'나눔명조','NanumMyeongjo'; font-size:40px; text-align:left; line-height:55px; color:#231815; letter-spacing:-2px;} #sub_contents .WAS .WAS_01 img{margin-top:12px;} #sub_contents .WAS .WAS_02 {background-color:#81725e; height:349px; width:100%;} #sub_contents .WAS .WAS_02 .WAS_stE1{ padding-left:45px; padding-top:13px; font-family:'나눔명조','NanumMyeongjo'; font-size:37px; text-align:left; line-height:58px; letter-spacing:-2px; color:#ffefeb; margin-top:20px;} #sub_contents .WAS .WAS_02 .WAS_stE2{ padding-left:45px; padding-top:6px; font-family:'나눔명조','NanumMyeongjo'; font-size:29px; text-align:left; letter-spacing:-2px; color:#ffefeb;} #sub_contents .WAS .WAS_03 .WAS_stR1{ font-size:29px; text-align:left; letter-spacing:-2px; color:#9b928f; margin-top:80px;} #sub_contents .WAS .WAS_03 .WAS_stR2{ font-size:52px; text-align:left; letter-spacing:-2px; color:#6a4b42; margin-top:33px; font-weight:bold;} #sub_contents .WAS .WAS_04{ margin-top:57px;} #sub_contents .WAS .WAS_04 .WAS_stD1{font-size:23px; text-align:left; letter-spacing:-2px; color:#3a3535; margin-top:15px; padding-left:20px;} #sub_contents .WAS .WAS_04 .WAS_stD2{font-size:19px; text-align:left; line-height:20px; color:#716969; margin-top:9px; letter-spacing:-1px; margin-left:17px; background:url(../images/common/menu_sub_bg.gif) no-repeat 0 5px; padding-left:13px;} #sub_contents .WAS .WAS_05{margin-top:-489px; margin-left:247px; position:absolute;} /* sub_contents 제품소개 게시판(언더렌지) */ #sub_contents .UND_BO{width:100%; height:1455px;} #sub_contents .UND_BO .photowall{width:800px;} #sub_contents .UND_BO .photowall .photo_th_1 li{float:left; margin:0 2px 2px 0;} #sub_contents .UND_BO .photowall .photo_th_2 li{float:left; margin:0 2px 2px 0;} #sub_contents .UND_BO .photowall .photo_th_3 li{float:left; margin:0 2px 2px 0;} #sub_contents .UND_BO .photowall .photo_th_4 li{float:left; margin:0 2px 2px 0;} #sub_contents .UND_BO .photowall .photo_th_5 li{float:left; margin:0 2px 2px 0;} /* sub_contents 카탈로그 */ #sub_contents .CATA{width:100%; height:1600px;} #sub_contents .CATA .catalogue_01 .title{padding-left:18px; font-size:39px; text-align:left; line-height:54px; color:#231815; letter-spacing:-3px; font-weight:bold; background:url(../images/common/menu_sub_bg.gif) no-repeat 0 17px;} #sub_contents .CATA .catalogue_01 .sub_t{padding-left:18px; font-size:29px; text-align:left; line-height:38px; color:#777777; letter-spacing:-3px;} #sub_contents .CATA .catalogue_01 img{padding-left:18px; margin-top:20px;} #sub_contents .CATA .catalogue_01 .cata_img{background:url(../images/catalogue/cata_bg.png) no-repeat 0 17px; height:560px;} #sub_contents .CATA .catalogue_01 .cata_img img{ padding:35px;} #sub_contents .CATA .catalogue_02 .title{padding-left:18px; font-size:39px; text-align:left; line-height:54px; color:#231815; letter-spacing:-3px; font-weight:bold; background:url(../images/common/menu_sub_bg.gif) no-repeat 0 17px;} #sub_contents .CATA .catalogue_02 .sub_t{padding-left:18px; font-size:29px; text-align:left; line-height:38px; color:#777777; letter-spacing:-3px;} #sub_contents .CATA .catalogue_02 img{padding-left:18px; margin-top:20px;} #sub_contents .CATA .catalogue_02 .cata_img{background:url(../images/catalogue/cata_bg.png) no-repeat 0 17px; height:560px;} #sub_contents .CATA .catalogue_02 .cata_img img{ padding:35px;} .w100p {width:100%;} #sub_contents .sub_con { position:relative; width:90%; height:470px; display:block; background:url(../images/news/ne_cobg.png) no-repeat; background-size:100%; margin:5% auto; } #sub_contents .sub_con .poll_con { width:88%; margin:0 auto; } #sub_contents .sub_con .poll_con .poll_con2 img{width:20%; margin:0 40%;} #sub_contents .sub_con .poll_con .poll_conimg { position:relative; width:100%; } #sub_contents .sub_con .poll_con .poll_conimg img { width:100%; margin-top:55%; } #sub_contents .sub_con .poll_con .poll_start { width:15%; margin:0 auto; } #sub_contents .sub_con .poll_con .poll_start a img { width:100%; } #sub_contents .sub_con .poll_con2 { position:relative; } #sub_contents .sub_con .poll_con2 .poll { position:relative; padding-top:133px; margin-left:10%; width:90%; } #sub_contents .sub_con .poll_con2 .poll_ctpage { text-align:center; margin:0 auto; width:90%; } #sub_contents .sub_con .poll_con2 .poll_ctpage .poll_prev { width:15%;display:inline-block; } #sub_contents .sub_con .poll_con2 .poll_ctpage .poll_prev img{ width:100%; } #sub_contents .sub_con .poll_con2 .poll_ctpage .poll_next {width:15%; display:inline-block; } #sub_contents .sub_con .poll_con2 .poll_ctpage .poll_next img{width:100%;} #sub_contents .sub_con .poll_con2 ul li{ margin:3%; line-height:2em;} #sub_contents .sub_con .poll_con2 .poll_q { text-align:left; font-size:1.5em; color:#434142;} #sub_contents .sub_con .poll_con2 .poll_a { text-align:left; font-size:1.2em; color:#8a8a88;} #sub_contents .sub_con .poll_con .poll_exit { width:15%; margin:0 auto; } #sub_contents .sub_con .poll_con .poll_exit a img { width:100%; } #sub_contents .real_con_area {width:100%; border-bottom:1px solid #b5b5b5; padding:10% 0%; } #sub_contents .real_con { position:relative; width:90%; display:block; margin:0 auto; } #sub_contents .real_con img { width:100%; } #sub_contents .real_con .txt_area { color:#929292; margin:2% 0%; font-size:1.2em; line-height:1.5em; } #sub_contents .real_con .sub_txt {font-size:1.5em; color:#535353; margin:2% 0%;} #sub_contents .real_con .sub_txt2 {font-size:1.5em; color:#648eba; margin:2% 0%;} #real_contents {margin-bottom:5%;} /*#real_contents .view {border:2px solid #e6b53c; padding:5% 5%; margin:5% 5%;}*/ #real_contents .view .stit {font-size:1.3em; color:#333; margin-top:10px;} #real_contents .input_box {padding:3% 0%;} #real_contents .faq {width:100%; margin-top:10%;} #real_contents .faq2 {width:100%; margin:10% 0%;} #real_contents .faq_area {width:94%; padding:0% 3% 10% 3%; border-bottom:1px solid #a7a7a7;} /*#sub_contents .core_inline2 .cate .line2{ width:0.5%; height:100%; background-color:#e5e5e5; }*/ .popView { width:90%; height:90%; position:absolute; z-index:9; background-color:#ffffff; margin:0 auto;} .view_title { width:70%; } .view_subtitle .view { width:800px; } .view_subtitle .title2 { font-size:2em; margin:2% 0%; color:#222327; } .view_subtitle .sub_t2 { width:800px; color:#616266; } /**한돈스토리**/ #sub_contents .tab_box { display:table; width:100%; } #sub_contents .tab_box ul { display:table-row; } #sub_contents .tab_box ul li { display:table-cell; letter-spacing:-1px; cursor:pointer; padding:3% 0%; text-align:center; font-size:1em; border: 1px solid #3d424d; color:#3d424d; margin:0px 10px;width:auto} /*#sub_contents .tab_box ul li:first-child { margin:0%; } #sub_contents .tab_box ul li:last-child { margin:0%; }*/ #sub_contents .tab_box ul li.on { display:table-cell; letter-spacing:-1px; cursor:pointer; background-color:#585858; text-align:center; color:#ffffff; font-size:1em; border:1px solid #585858;} /*쿠폰리스트*/ li.coupon_start {background-color:#39201c;padding:10px 0 20px !important} h2.coupon_title {font-size:1.5em !important;color:#fecf1f;text-shadow:none;padding:0 15px 0 20px !important} span.coupon_number {font-size:1em !important;color:#fff;float:right;padding-right:10px;} ul.coupon_list {overflow:hidden;} ul.coupon_list li {position: relative;} ul.coupon_list li img.approve_img {position: absolute; top:0; right:0;width:15%;margin-right:5%;} ul.coupon_list li img.coupon_img {display:block;width:90%;margin:0 5%;height: auto;} ul.coupon_list li dl {position: absolute; top:0; left:0;width: 90%;margin:2% 5% 3%;} ul.coupon_list li dt {width:25%;float:left;text-indent:-50000px;} ul.coupon_list li dd {width:75%;float:left;margin-bottom:5px;;} ul.coupon_list li dd h2 {font-size:1.2em;margin-top:0;} ul.coupon_list li dd p.txt {font-size: 0.938em;} ul.coupon_list li dd p.date {font-size:1em;margin-top:0} ul.coupon_list li dd img.coupon_use {margin-left:10px;} ul.coupon_list li dd .btn_box {width:200px;margin:0 auto;overflow:hidden;margin-left:48%;} ul.coupon_list a.btn_coupon { border-radius:3px; margin-left:5px; padding:4px 10px; font-size: 1em; text-align: center; background-color: #B51616; color: #fff; cursor: pointer; display: block; float:left; } ul.coupon_list a.btn_coupon.btn_col2 {background-color: #898A89;} ul.coupon_list a.btn_coupon.btn_col3 {background-color: #898A89;} /*한돈 커뮤니티*/ #sub_content_area .core_inline2 { margin:0 !important; } #sub_content_area .core_inline2 .cate2 { display:table; width:100%; } #sub_content_area .core_inline2 .cate2 ul { display:table-row; } #sub_content_area .core_inline2 .cate2 ul li a {color:#3d424d;} #sub_content_area .core_inline2 .cate2 ul li { display: table-cell; letter-spacing: -1px; cursor: pointer; width:50%; text-align: center; color: black; font-size: 1em; padding :3%; } #sub_content_area .core_inline2 .cate2 ul li.on { border-top: 1px solid #646464; border-left: 1px solid #646464; border-right: 1px solid #646464; } #sub_content_area .core_inline2 .cate2 ul li.off { border-bottom: 1px solid #646464; border-left: 1px solid #cccccc; } /*한돈 쿠킹타임*/ #sub_contents .core_inline2 { margin:5% 0; } #sub_contents .core_inline2 .cate { display:table; width:100%; } #sub_contents .core_inline2 .cate ul { display:table-row; } #sub_contents .core_inline2 .cate ul li { display:table-cell; letter-spacing:-1px; cursor:pointer; width:33.3%; padding:3% 0%; text-align:center; font-size:1em; border: 1px solid #3d424d; color:#3d424d; margin:0px 10px; } /*#sub_contents .core_inline2 .cate ul li:first-child { margin:0%; } #sub_contents .core_inline2 .cate ul li:last-child { margin:0%; }*/ #sub_contents .core_inline2 .cate ul li a {color:#3d424d;} #sub_contents .core_inline2 .cate ul li.on { display:table-cell; letter-spacing:-1px; cursor:pointer; background-color:#585858; text-align:center; color:#ffffff; font-size:1em; border:1px solid #585858;} #sub_contents .core_inline2 .cate ul li.on a {color:#ffffff;} /* 마이쿠폰 .e1f3ff {background-color:#e1f3ff; margin-bottom:30px !important;} #couponbg {position:relative; width:100%; top:30px; background:url(../images/mypage/Mcp_bg.png) no-repeat top center #e1f3ff; background-size:100%;} #couponbg .couponlist {position:relative; width:100%; text-align:center; padding:280px 0px 30px 0px;} .couponbg_01 {width:330px; height:146px; background:url(/data/coupon/coupon_01.png) no-repeat; background-size:100%; margin:0px auto;} .couponbg_02 {width:330px; height:146px; background:url(/data/coupon/coupon_02.png) no-repeat; background-size:100%; margin:0px auto;} .couponbg_03 {width:330px; height:146px; background:url(/data/coupon/coupon_03.png) no-repeat; background-size:100%; margin:0px auto;} .couponbg_04 {width:330px; height:146px; background:url(/data/coupon/coupon_04.png) no-repeat; background-size:100%; margin:0px auto;} .coupontext {position:relative; top:27px; left:107px; width:196px; height:85px;} .coupontext .name {pposition:relative; top:5px; height:29px; font-size:1.5em; font-weight:bold; color:#33333;} .coupontext .code {position:relative; height:22px; font-size:1.0em; font-weight:bold; color:#333;} .coupontext .brief {position:relative; height:18px; font-size:1em; color:#333; letter-spacing:-1px;} .coupontext .date {position:relative; height:27px; font-size:1em; font-weight:bold; color:#333; letter-spacing:-1px;} .noneData {font-size:14px; color:#333; text-align:center;} button.submitBtn {width:100%; background-color:#555; color:#fff; padding:11px 0px; border:1px solid #000;} .loginbox .id, .pw {width:95%; height:30px; border:1px solid #999; padding:2%; font-size:1.2em; color:#333; } .loginbox td {height:50px;} #sub_contents .UND_NOA .UND_NOQ .UND_NOQ_02 ul li img {max-width:100%;} #sub_contents .UND_NOA .UND_NOQ .UND_NOQ_02 ul li p img {max-width:100%;} #loading_div {position:absolute; z-index:13; top:100px; width:100%; height:100px;} #loading_div .loading {background:url(../images/common/loading.gif) no-repeat; position:relative; top:100px; width:100px; height:100px; margin:0px auto;} */ /* 마이쿠폰 */ #real_contents2 {background-color:#e1f3ff; margin-bottom:30px !important;} #couponbg2 {position:relative; width:100%; top:30px; background:url(/skin/mobile_basic/images/mypage/Mcp_bg.png) no-repeat top center #e1f3ff; background-size:100%;} #couponbg2 .couponlist {position:relative; width:100%; text-align:center; padding:250px 0px 30px 0px;} .couponbg_01 {width:320px; height:146px; background:url(/data/coupon/coupon_01.png) no-repeat; background-size:100%; margin:0px auto;} .couponbg_02 {width:320px; height:146px; background:url(/data/coupon/coupon_02.png) no-repeat; background-size:100%; margin:0px auto;} .couponbg_03 {width:320px; height:146px; background:url(/data/coupon/coupon_03.png) no-repeat; background-size:100%; margin:0px auto;} .couponbg_04 {width:320px; height:146px; background:url(/data/coupon/coupon_04.png) no-repeat; background-size:100%; margin:0px auto;} .coupontext {position:relative; top:21px; left:102px; width:196px; height:85px;} .coupontext .name {position:relative; height:21px; font-size:11px; font-weight:bold; color:#333;} .coupontext .code {position:relative; font-size:20px; font-weight:bold; color:#333;} .coupontext .brief {position:relative; font-size:0.9em; color:#333; letter-spacing:-1px;} .coupontext .date {position:relative; font-size:1em; font-weight:bold; color:#333; letter-spacing:-1px;} .noneData {font-size:14px; color:#333; text-align:center;} button.submitBtn {width:100%; background-color:#555; color:#fff; padding:11px 0px; border:1px solid #000;} .loginbox .id, .pw {width:95%; height:30px; border:1px solid #999; padding:2%; font-size:1.2em; color:#333; } .loginbox td {height:50px;} #sub_contents .UND_NOA .UND_NOQ .UND_NOQ_02 ul li img {max-width:100%;} #sub_contents .UND_NOA .UND_NOQ .UND_NOQ_02 ul li p img {max-width:100%;} #loading_div {position:absolute; z-index:13; top:100px; width:100%; height:100px;} #loading_div .loading {background:url(../images/common/loading.gif) no-repeat; position:relative; top:100px; width:100px; height:100px; margin:0px auto;} .cbtn a {color:#333333;} /* qr 코드 팝업 */ .qr_popup {width:100%;height:100%;background:url('/skin/basic/images/qr_bg.png');position:fixed;top:0;left:0;z-index:9999999;} .qr_cont {width:300px;height:340px;background:#fff;border-radius:20px;position:absolute;top:20%;left:50%;margin-left:-150px;text-align:center;} .qr_cont .title {position:relative;font-size:20px;padding-top:50px;padding-bottom:20px;} .qr_popup .close {position:absolute;top:15px;right:15px;cursor:pointer;} .qr_cont .code {color:#000;font-weight:bold;} .qr_cont .input {width:50%;margin:5px auto;padding:5px;} .qr_cont .btn {width:50%;margin:5px auto;padding:3px;} .qr_cont .info {width:70%;margin:0 auto;padding-top:15px;} .qr_cont .info2 {width:90%;margin:0 auto;margin-top:15px;height:190px;overflow-y:auto;} .qr_popup.store .qr_cont {height:auto;} .qr_popup.store .app_but_default {width:auto;padding:0 15px;border-radius:3px;} .btn_use {position:absolute;bottom:-20px;left:-75px;cursor:pointer;} /* 지도 팝업 */ .map_popup {width:100%;height:100%;background:url('/skin/basic/images/qr_bg.png');position:fixed;top:0;left:0;z-index:9999999;} .map_popup .close {position:absolute;top:15px;right:15px;cursor:pointer;} .map_popup .store {width:90%;height:90%;background:#fff;border-radius:20px;position:absolute;top:5%;left:5%;text-align:center;} .map_popup .store .map_cont {height:100%;} .map_popup .store .map_cont .title {position:relative;top:0px;font-size:20px;padding-top:50px;padding-bottom:15px;text-align:center;} .map_popup .store .map_cont .map {height:70%;} .map_popup .store .app_but_default {width:auto;padding:0 15px;border-radius:3px;} /*media query*/ @media only screen and (min-width:321px) { ul.coupon_list li dd h2 {font-size:1.3em;margin-top:2%;} ul.coupon_list li dd p.txt {font-size:1.2em;} ul.coupon_list li dd p.date {font-size:1em;margin-top:4%} }