@charset "utf-8"; /* CSS Document */ /** * custom css 입니다. 추가적인 css 는 여기에 작성을 해주세요. */ /*─────────────────────────────────────────────────────────── 상단 outline/header ───────────────────────────────────────────────────────────*/ #header{position: relative;border-bottom:1px solid #ddd;max-width:1920px;} .hd_bnr{width:100%;position: relative;height:0;overflow:hidden;transition:all 0.5s;} .hd_bnr.on{height:75px;overflow:initial;transition:all 0.5s;} .hd_bnr .slide{} .hd_bnr .slide a{display: block;width:100%;height:75px;background:url('/images/skin/hd_bnr.jpg')no-repeat center;background-size:auto 100%;} .hd_bnr .hd_bnr_btn{position: absolute;font-size:0;right:311px;top:23px;} .hd_bnr .hd_bnr_btn .slick-arrow{width:30px;height:30px;font-size:0;display: inline-block;vertical-align: top;} .hd_bnr .hd_bnr_btn .slick-prev{background:url('/images/skin/hd-bnr-prev.png')no-repeat center;} .hd_bnr .hd_bnr_btn .slick-next{background:url('/images/skin/hd-bnr-next.png')no-repeat center;margin-left:10px;} .hd_bnr .hd_bnr_btn .bnr_close{width:14px;height:14px;background:url('/images/skin/bnr_close.png')no-repeat center;margin-left:20px;display: inline-block;vertical-align: top;margin-top:8px;} #header .hd_box{box-sizing:border-box;} #header .hd_box:after{clear:both;content:"";display: block;} #header .hd_box > div{display: inline-block;box-sizing:border-box;vertical-align: top;padding:25px 0;} #header .hd_box .hd_logo{padding:29px 0 0 40px;display: inline-block;box-sizing:border-box;vertical-align: top;} #header .hd_box .btn_cate{display: none;} #header .hd_lnb_box{margin-left:118px;} #header .hd_lnb_box > div{display: inline-block;box-sizing:border-box;vertical-align: top;} #header .hd_lnb_box .hd_lnb{} #header .hd_lnb_box .hd_lnb .btn_all{display: inline-block;box-sizing:border-box;vertical-align: top;cursor:pointer;background:url('/images/skin/btn_all.png')no-repeat left center;} #header .hd_lnb_box .hd_lnb .btn_all span{font-size:17px;color:#333;font-weight:400;letter-spacing:-0.68px;box-sizing:border-box;margin-left:41px;line-height:50px;position: relative;} #header .hd_lnb_box .hd_lnb .btn_all span:before{width:0;height:3px;content:"";background:#2b8339;position: absolute;left:50%;bottom:-8px; transition:all 0.4s; transform:translateX(-50%);} #header .hd_lnb_box .hd_lnb .btn_all.on{background:url('/images/skin/btn_all_close.png')no-repeat left center;font-weight:500;} #header .hd_lnb_box .hd_lnb .btn_all:hover span, #header .hd_lnb_box .hd_lnb .btn_all.on span{font-weight:500;} #header .hd_lnb_box .hd_lnb .btn_all:hover span:before, #header .hd_lnb_box .hd_lnb .btn_all.on span:before{width:100%;} #header .hd_lnb_box .hd_lnb ul{font-size:0;display: inline-block;vertical-align: top;position: relative;margin-left:36px;padding-left:39px;} #header .hd_lnb_box .hd_lnb ul:before{width:1px;height:12px;content:"";background:#aaa;position: absolute;left:0;top:19px;} #header .hd_lnb_box .hd_lnb ul li{display: inline-block;box-sizing:border-box;vertical-align: top;} #header .hd_lnb_box .hd_lnb ul li + li{margin-left:40px;} #header .hd_lnb_box .hd_lnb ul li a{position:relative; font-size:17px;color:#333;font-weight:400;letter-spacing:-0.68px;line-height:50px;} #header .hd_lnb_box .hd_lnb ul li a:hover{font-weight:500;} #header .hd_lnb_box .hd_lnb ul li a:before{width:0;height:3px;content:"";background:#2b8339;position: absolute;left:50%;bottom:-8px; transition:all 0.4s; transform:translateX(-50%);} #header .hd_lnb_box .hd_lnb ul li a:hover:before{width:100%;} #header .hd_lnb_box .lnb_btn{font-size:0;margin-left:70px;} #header .hd_lnb_box .lnb_btn a{display: inline-block;box-sizing:border-box;vertical-align: top;font-size:17px;color:#333;font-weight:400;letter-spacing:-0.68px;height:50px;line-height:48px;text-align: center;border:1px solid #ddd;border-radius:25px;padding:0 15px;} #header .hd_lnb_box .lnb_btn a + a{margin-left:10px;} #header .hd_gnb{background:#f5f5f5;display: inline-block;box-sizing:border-box;vertical-align: top;float: right;height:100px;width:310px;text-align: center;font-size:0;padding:0 25px;} #header .hd_gnb li{display: inline-block;box-sizing:border-box;vertical-align: top;line-height:100px;position: relative;width:25%;} /* #header .hd_gnb li + li{margin-left:10px;} */ #header .hd_gnb li img{vertical-align: middle;opacity:1;} #header .hd_gnb li:hover img{opacity:0;} #header .hd_gnb li a{display: block;} #header .hd_gnb li span{position: absolute;font-size:15px;color:#333;font-weight:400;letter-spacing:-0.6px;width:max-content;left:0;opacity:0;} #header .hd_gnb li:hover span{opacity:1;} #header .hd_gnb li:nth-child(2) span{left:-5px;} #header .hd_gnb li:nth-child(3) span{left:8px;} #header .hd_gnb li:nth-child(4) span{left:13px;} #header .hd_gnb li span:before{width:0;height:3px;content:"";background:#2b8339;position: absolute;left:0;bottom:29px;transition:all 0.5s;} #header .hd_gnb li:hover span:before{width:100%;transition:all 0.5s;} #header .all_menu_wrap{width:100%;position: absolute;top:100%;left:0;box-sizing:border-box;border-radius:0 0 100px 0;background:#fff url('/images/skin/all-cate-logo.png')no-repeat left bottom;box-shadow:0px 15px 30px -7px rgba(0, 0, 0, 0.1);height:683px;border-top:1px solid #ddd;display: none;z-index:3} #header .all_menu_wrap .all_menu{height:100%;} #header .all_menu_wrap .w_custom{font-size:0;height:100%;} #header .all_menu_wrap .w_custom > li{display: inline-block;box-sizing:border-box;vertical-align: top;height:100%;width:14.28%;text-align: center;padding-top:37px;} #header .all_menu_wrap .w_custom > li + li{border-left:1px solid #eee;} #header .all_menu_wrap .w_custom > li > a{font-size:17px;color:#333;font-weight:700;letter-spacing:-0.68px;} #header .all_menu_wrap .w_custom > li .dep2{margin-top:12px;} #header .all_menu_wrap .w_custom > li .dep2 li a{font-size:16px;color:#666;font-weight:300;letter-spacing:-0.64px;line-height:40px;} #header .all_menu_wrap .w_custom > li .dep2 li:hover a{color:#2b8339;font-weight:500;} #header .btm_slide_menu{display:none;} #aside{display: none;} #aside .aside_box{height:100%; position:relative;background:#f5f5f5;} #aside .aside_box:before{position:absolute; content:''; background:url('/images/skin/all-cate-logo.png') no-repeat center center; background-size:100%; left:0; bottom:0; width:110px; height:70px; z-index:5;} #aside .aside_hd{position:relative; border-bottom:1px solid #ddd;padding:1% 20px 1%; background:#fff;} #aside .aside_home{display:inline-flex; min-width:21px; min-height:18px; background:url('/images/skin/btn_aside_home.png') no-repeat center center; background-size:100%; margin-right:12px;font-size: 0;vertical-align: middle;width: 4.7vw;height: 4vw; margin-bottom:4px;} #aside .aside_login{font-size: 2.5vw;line-height: 3.33;letter-spacing: -0.6px;color: #333; font-weight:400;vertical-align: middle;} #aside .aside_login:after{display:inline-flex; content:''; min-width:5px; min-height:9px; background:url('/images/skin/btn_aside_login.png') no-repeat center center; background-size:100%;margin-left: 10px;width: 1.1vw;height: 2vw;position: relative; top:-1px;} #aside .aside_login strong{font-weight:bold;} #aside .btn_aside_close{position:absolute; top:50%; right:20px; width:2.3vw; height:2.3vw; min-width:11px; min-height:11px; background:url('/images/skin/btn_aside_close.png') no-repeat center center; background-size:100%; font-size:0; transform:translateY(-50%);} #aside .aside_nav_box{padding: 29px 20px 20px; border-bottom:12px solid #eee; background:#fff;} #aside .aside_gnb{display:flex; align-items:flex-start;justify-content: space-between;} #aside .aside_gnb li{text-align: center;width: 100%;} #aside .aside_gnb li a{} #aside .aside_gnb li a img{} #aside .aside_gnb li a span{display:block;font-size: 2.2vw;letter-spacing: -0.6px;color: #666;margin-top: 12px;} #aside .aside_gnb li:nth-child(3) a span{margin-top:11px;} #aside .lnb_btn{display:flex; align-items:flex-start;justify-content: space-between; margin-top:26px;} #aside .lnb_btn a{display:block; width:100%; font-size: 2.3vw; letter-spacing: -0.6px; color: #333; border:1px solid #ddd; border-radius:20px; text-align:center; padding:8px 10px 6px;} #aside .lnb_btn a + a{margin-left:11px;} #aside .aside_menu_wrap{position:relative; height:calc(100% - 32.8vw);z-index:6;} #aside .aside_menu{/*background:#f5f5f5;*/height:100%; width:20vw; min-width:125px;} #aside .aside_menu > li{width:100%;} #aside .aside_menu > li > a{display:block; font-size: 2.3vw; font-weight: 500; letter-spacing: -1.28px; text-align: left; color: #444; box-sizing:border-box; padding:14px 10px 12px 20px;} #aside .aside_menu > li > a.on{font-weight:500; color:#fff; background:#2b8339;box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.3);width: calc(100% + 12px);border-radius: 0 30px 30px 0; position:relative; z-index:2;} #aside .aside_menu .dep2{display:none; position:absolute; left:20vw; top:0; background:#fff; width:calc(100% - 20vw);padding:10px 25px 50px; box-sizing:border-box; overflow-x:hidden; overflow-y:scroll; height:82%;} #aside .aside_menu .dep2.on{display:block;} #aside .aside_menu .dep2 > li{} #aside .aside_menu .dep2 > li > a{display:block; font-size: 2.2vw; line-height: 3; letter-spacing: -1.2px; color: #333; border-bottom:1px solid #ddd;} @media only screen and (max-width:1900px){ #header .hd_lnb_box{margin-left:50px;} #header .hd_lnb_box .lnb_btn{margin-left:100px;} } @media only screen and (max-width:1700px){ #header .hd_box .hd_logo{padding:29px 0 0 20px;} #header .hd_lnb_box .hd_lnb .btn_all span{font-size:15px;} #header .hd_lnb_box .hd_lnb ul li + li{margin-left:30px;} #header .hd_lnb_box .hd_lnb ul li a{font-size:15px;} #header .hd_lnb_box .lnb_btn a{font-size:15px;padding:0 20px;} #header .hd_gnb li span{font-size:13px;} } @media only screen and (max-width:1500px){ .hd_bnr .hd_bnr_btn{right:10%;} #header .hd_lnb_box .hd_lnb .btn_all span{font-size:14px;} #header .hd_lnb_box .hd_lnb ul{padding-left:20px;margin-left:15px;} #header .hd_lnb_box .hd_lnb ul li a{font-size:14px;} #header .hd_lnb_box .lnb_btn{margin-left:30px;} #header .hd_gnb{width:300px;} } @media only screen and (max-width:1400px){ #header .hd_lnb_box .hd_lnb ul{display: none;} } @media only screen and (max-width:1200px){ #header .all_menu_wrap .w_custom > li > a{font-size:15px;} #header .all_menu_wrap .w_custom > li .dep2 li a{font-size:14px;line-height:35px;} } @media only screen and (max-width:1000px){ #header .all_menu_wrap .w_custom > li .dep2 li a{font-size:13px;} } @media only screen and (max-width:900px){ .hd_bnr .hd_bnr_btn{top:12px;right:30px;} .hd_bnr.on, .hd_bnr .slide a{height:60px;} .hd_bnr .hd_bnr_btn .slick-prev, .hd_bnr .hd_bnr_btn .slick-next{display: none;} #header .hd_box{border-bottom:1px solid #ddd;} #header .hd_box .hd_logo{padding:20px 0 20px 20px;} #header .hd_box > div.hd_lnb_box, #header .hd_gnb{display: none;} #header .hd_box .btn_cate{width:83px;height:83px;float: right;vertical-align: top;display: inline-block;box-sizing:border-box;background:#f5f5f5;padding:25px 22px;} #header .hd_box .btn_cate a{width:40px;height:32px;display: inline-block;box-sizing:border-box;position: relative;} #header .hd_box .btn_cate a span{display: inline-block;width:100%;height:3px;background:#000;position: absolute;left:0;} #header .hd_box .btn_cate a span:nth-child(1){top:0;} #header .hd_box .btn_cate a span:nth-child(2){top:14px;} #header .hd_box .btn_cate a span:nth-child(3){bottom:0;} #header .btm_slide_menu{display:block; padding:0 15px;} #header .btm_slide_menu .swiper-slide{width:auto;} #header .btm_slide_menu .swiper-slide:last-child{margin-right:0 !important;;} #header .btm_slide_menu .swiper-slide a{display:block; font-size: 2.3vw; line-height: 1.31; letter-spacing: -0.6px; color: #333; padding:15px 0 14px;} /*aside*/ .aside_bg{position: fixed;width:0;height:100%;top:0;right:0;z-index:12;background:rgba(0,0,0,0.5);opacity:0;transition:all 0.5s;} .aside_bg.on{width:100%;opacity:1;transition:all 0.5s;} #aside{width:100%;height:100%;position: fixed;top:0;right:-100%;transition:all 0.5s;box-sizing:border-box;border-radius:0 0 50px 0;background:#fff; box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.2);z-index:25;display: block; border-radius:0 0 50px; overflow:hidden;} #aside.on{right:0;transition:all 0.5s;} } @media only screen and (max-width:750px){ .hd_bnr.on, .hd_bnr .slide a{height:8vw; min-height:50px;} .hd_bnr .slide a{background:url('/images/skin/hd_bnr_m.jpg') no-repeat center center; background-size:cover;} .hd_bnr .hd_bnr_btn{right:15px; top:50%; transform:translateY(-50%);} .hd_bnr .hd_bnr_btn .bnr_close{width: 2vw;height: 2vw; min-width:8px;min-height: 8px; background:url('/images/skin/bnr_close_m.png') no-repeat center center; background-size:100%; margin:0;} } @media only screen and (max-width:640px){ #header .hd_box .hd_logo{padding:17px 0 17px 15px; min-width:125px; width:26vw;} #header .hd_box .btn_cate{min-width:65px; min-height:65px; width:13vw; height:13vw; padding:24px 22px;} #header .hd_box .btn_cate a{min-width:22px;width: 6vw;min-height: 18px;height: 5vw;} #header .hd_box .btn_cate a span{border-radius:10px; height:2px;} #header .hd_box .btn_cate a span:nth-child(2){top:50%; margin-top:-1.5px;} #header .btm_slide_menu .swiper-slide a{font-size: 16px;} #aside .aside_hd{padding:1.9% 20px 1%;} #aside .aside_login{font-size:15px;} #aside .aside_gnb li a span{font-size:14px;} #aside .lnb_btn a{font-size:16px;} #aside .aside_menu > li > a{font-size: 16px;} #aside .aside_menu .dep2{left:125px; width:calc(100% - 125px);} #aside .aside_menu .dep2 > li > a{font-size:15px;} } @media only screen and (max-width:374px){ #aside .aside_nav_box{padding:29px 10px 20px;} #aside .aside_gnb li a span{font-size:13px;} #aside .aside_menu > li > a{font-size:15px;} #aside .aside_menu .dep2{padding-top:3px;} } /*─────────────────────────────────────────────────────────── 하단 outline/footer ───────────────────────────────────────────────────────────*/ #footer{} #footer .btn_top{position: fixed;width:60px;height:60px;bottom:30px;right:30px;z-index:10;cursor:pointer;} #footer .btn_top span{display: block;width:100%;height:100%;box-sizing:border-box;border-radius:100%;background:#2b8339 url('/images/skin/btn-top.png')no-repeat center;font-size:0;} #footer .ft_notice{width:100%;box-sizing:border-box;border-top:1px solid #ddd;} #footer .ft_notice .w_custom{font-size:0;} #footer .ft_notice dt, #footer .ft_notice dd{display: inline-block;box-sizing:border-box;vertical-align: top;padding:24.5px 0;} #footer .ft_notice dt{font-size:20px;color:#222;font-weight:700;letter-spacing:-0.8px;background:url('/images/skin/icon-notice.png')no-repeat left center;line-height:50px;padding-left:35px;width:106px;} #footer .ft_notice dd{width:calc(100% - 166px);padding-left:60px;margin-left:60px;position: relative;} #footer .ft_notice dd:before{width:1px;height:15px;content:"";background:#ddd;position: absolute;left:0;top:42px;} #footer .ft_notice ul{display: inline-block;box-sizing:border-box;width:calc(100% - 170px);} #footer .ft_notice ul .slick-slide .date, #footer .ft_notice ul .slick-slide .cont{display: inline-block;box-sizing:border-box;vertical-align: top;} #footer .ft_notice ul .slick-slide .date{font-size:16px;color:#999;font-weight:400;line-height:50px;letter-spacing:0;} #footer .ft_notice ul .slick-slide .cont{padding-left:40px;width:calc(100% - 140px);font-size:16px;color:#666;font-weight:300;letter-spacing:-0.64px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:50px;} #footer .ft_notice .notice_btn_wrap{display: inline-block;box-sizing:border-box;vertical-align: top;float: right;font-size:0;} #footer .ft_notice .notice_btn_wrap .slick-arrow{width:50px;height:50px;box-sizing:border-box;vertical-align: top;border:1px solid #ddd;border-radius:100%;position: relative;display: inline-block;vertical-align: top;font-size:0;} #footer .ft_notice .notice_btn_wrap .slick-arrow:before{width:8px;height:8px;content:"";border:2px solid #666;border-width:2px 2px 0 0;position: absolute;top:18px;} #footer .ft_notice .notice_btn_wrap .slick-prev:before{transform:rotate(-135deg);left:21px;} #footer .ft_notice .notice_btn_wrap .slick-next{margin-left:10px;} #footer .ft_notice .notice_btn_wrap .slick-next:before{transform:rotate(45deg);right:21px;} #footer .ft_notice .notice_btn_wrap .btn_more{display: inline-block;box-sizing:border-box;vertical-align: top;width:50px;height:50px;border-radius:100%;border:1px solid #ddd;position: relative;margin-left:10px;} #footer .ft_notice .notice_btn_wrap .btn_more:before{width:15px;height:3px;content:"";background:#666;position: absolute;top:22px;left:17px;} #footer .ft_notice .notice_btn_wrap .btn_more:after{width:3px;height:15px;content:"";background:#666;position: absolute;top:16px;left:23px;} #footer .ft_notice .notice_btn_wrap .slick-arrow:hover, #footer .ft_notice .notice_btn_wrap .btn_more:hover{background:#2b8339;border:1px solid #2b8339;} #footer .ft_notice .notice_btn_wrap .slick-arrow:hover:before{border-color:#fff;} #footer .ft_notice .notice_btn_wrap .btn_more:hover:before, #footer .ft_notice .notice_btn_wrap .btn_more:hover:after{background:#fff;} #footer .ft_menu_box{font-size:0;box-sizing:border-box;background:#f5f5f5;position: relative;padding:30px 0 134px;} #footer .ft_menu_box .ft_menu, #footer .ft_menu_box .family_site_box{display: inline-block;box-sizing:border-box;vertical-align: top;} #footer .ft_menu_box .ft_menu{font-size:0;} #footer .ft_menu_box .ft_menu li{display: inline-block;box-sizing:border-box;vertical-align: top;} #footer .ft_menu_box .ft_menu li + li{margin-left:28px;} #footer .ft_menu_box .ft_menu li a{font-size:15px;color:#666;font-weight:400;letter-spacing:-0.6px;font-family:'Noto Sans KR';} #footer .ft_menu_box .ft_menu li a strong{color:#333;font-weight:500;} #footer .ft_menu_box .family_site_box{position: absolute;top:0;right:0;width:31%;height:80px;background:#bbb;} #footer .ft_menu_box .family_site_box .family_site{position: relative;box-sizing:border-box;width:280px;} #footer .ft_menu_box .family_site_box .family_site span{display: inline-block;width:100%;font-size:16px;color:#333;font-weight:500;background:url('/images/skin/select-arw.png')no-repeat right center;line-height:80px;box-sizing:border-box;padding-left:50px;cursor:pointer;} #footer .ft_menu_box .family_site_box .family_site ul{width:100%;box-sizing:border-box;position: absolute;top:100%;left:0;background:#888;z-index:5;padding:15px 0 15px;display: none;} #footer .ft_menu_box .family_site_box .family_site ul li{} #footer .ft_menu_box .family_site_box .family_site ul li a{font-size:13px;color:#fff;font-weight:400;line-height:40px;box-sizing:border-box;padding-left:50px;} #footer .ft_menu_box .family_site_box .family_site ul li:hover a{color:#000;} #footer .ft_info_box{width:100%;box-sizing:border-box;border-radius:100px 0 0 0;background:#222;margin-top:-107px;position: relative;z-index:2;padding:56px 0 79px 0;} #footer .ft_info_box .w_custom{position: relative;} #footer .ft_info_box .w_custom > div{display: inline-block;vertical-align: top;} #footer .ft_info_box .w_custom:after{clear:both;content:"";display: block;} #footer .ft_info_box .ft_logo{clear:both;margin-top:4px;} #footer .ft_info_box .ft_cs{float: right;} #footer .ft_info_box .ft_info_list{clear:both;} #footer .ft_info_box .ft_cont{} #footer .ft_info_box .ft_cont .ft_tit{font-size:16px;color:#fff;font-weight:500;margin-bottom:16px;} #footer .ft_info_box .ft_cont > h3 { font-size: 26px; font-weight: 500; letter-spacing: -0.52px; color: #fff; line-height: 1; margin-bottom: 15px; } #footer .ft_info_box .ft_cont > p { font-size: 15px; letter-spacing: -0.3px; color: #fff; font-weight: 400; } #footer .ft_info_box .ft_cont > p + p { margin: 2px 0 27px; } #footer .ft_info_box .ft_cs dl{display: table;margin-top: 9px;} #footer .ft_info_box .ft_cs dl dt, #footer .ft_info_box .ft_cs dl dd{} #footer .ft_info_box .ft_cs dl dt{ display: block; font-size: 14px; letter-spacing: -0.6px; text-align: center; color: #fff; width: 120px; height: 27px; line-height: 25px; text-align: center; border-radius: 13.5px; margin-right: 10px; background: #478545; font-weight: 400 } /* #footer .ft_info_box .ft_cs dl dt{ display: table-cell; font-size: 14px; letter-spacing: -0.28px; text-align: center; color: #fff; width: 121px; height: 27px; line-height: 25px; text-align: center; border-radius: 13.5px; margin-right: 20px; background: #478545; font-weight: 400;} #footer .ft_info_box .ft_cs dl dd{ display: table-cell; padding-left: 19px; font-size: 14px; line-height: 25px; letter-spacing: -0.28px; text-align: left; color: rgba(255, 255, 255, 0.8); font-weight: 400;} */ #footer .ft_info_box .ft_cs dl dd{ display: table-cell; font-size: 14px; line-height: 25px; letter-spacing: -0.28px; text-align: left; color: rgba(255, 255, 255, 0.8); font-weight: 400; word-break: keep-all; font-family: 'Noto Sans KR','Nanum Barun Gothic','Nanum Gothic',Malgun Gothic,"맑은 고딕",-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif; } #footer .ft_info_box .ft_cs dl dd br{display: none;} #footer .ft_info_box .ft_cs .cs_hours{display: inline-block;font-size:14px;color:#aaa;font-weight:300;box-sizing:border-box;border:1px solid rgba(255,255,255,0.2);border-radius:22.5px;height:45px;line-height:43px;padding:0 83px 0 82px;letter-spacing:-0.1px;margin-top:22px;} #footer .ft_info_box .ft_cs .cs_hours br{display: none;} #footer .ft_info_box .ft_info_list{margin-top:48px;} #footer .ft_info_box .ft_info_list .ft_info{width:calc(100% + 12px);margin-left:-12px;} #footer .ft_info_box .ft_info_list .m_br{display: none;} #footer .ft_info_box .ft_info_list span{display: inline-block;vertical-align: top;font-size:14px;color:#aaa;font-weight:300;letter-spacing:-0.56px;line-height:24px;font-family:'Noto Sans KR';margin:0 12px} #footer .ft_info_box .ft_info_list .copy{font-size:14px;color:#888;font-weight:400;line-height:45px;margin-top:10px;letter-spacing:0;} @media only screen and (max-width:1300px){ #footer .ft_menu_box .family_site_box{width:28%;} #footer .ft_info_box .ft_info_list{width:40%;} #footer .ft_info_box .ft_cs{width:50%;} #footer .ft_info_box .ft_cs .cs_hours{width:100%;text-align: center;padding:0;} } @media only screen and (max-width:1200px){ #footer .ft_menu_box .ft_menu li + li{margin-left:18px;} #footer .ft_menu_box .family_site_box{width:20%;} #footer .ft_menu_box .family_site_box .family_site{width:100%;} #footer .ft_menu_box .family_site_box .family_site span{background-position:90% center;padding-left:20px;} #footer .ft_menu_box .family_site_box .family_site ul li a{padding-left:20px;} } @media only screen and (max-width:1000px){ #footer .ft_notice dd{margin-left:30px;padding-left:30px;width:calc(100% - 136px);} #footer .ft_notice ul .slick-slide .date{font-size:15px;} #footer .ft_notice ul .slick-slide .cont{padding-left:20px;font-size:15px; width:calc(100% - 110px);} #footer .ft_menu_box .ft_menu li + li{margin-left:14px;} #footer .ft_menu_box .ft_menu li a{font-size:13px;} #footer .ft_menu_box .family_site_box .family_site span{font-size:15px;} /* #footer .ft_info_box .ft_cs dl dt, #footer .ft_info_box .ft_cs dl dd{font-size:13px;} #footer .ft_info_box .ft_cs dl dt{width:90px;} #footer .ft_info_box .ft_cs dl dd{width:calc(100% - 90px);padding-left:30px;} */ #footer .ft_info_box .ft_cs .cs_hours{font-size:13px;} #footer .ft_info_box .ft_info_list span{font-size:13px;} #footer .ft_info_box .ft_info_list .copy{font-size:12px;} } @media only screen and (max-width:900px){ #footer .ft_notice dt, #footer .ft_notice dd{padding:13px 0;} #footer .ft_notice dt{padding-left:25px;} #footer .ft_notice dd{padding-left:30px;} #footer .ft_notice dd:before{top:30px;} #footer .ft_notice ul{width:calc(100% - 80px);} #footer .ft_notice .notice_btn_wrap button{display: none;} #footer .ft_menu_box{padding:30px 0 114px;} #footer .ft_menu_box .ft_menu{width:calc(100% + 10px);margin-left:-10px;} #footer .ft_menu_box .ft_menu li, #footer .ft_menu_box .ft_menu li + li{margin:0 10px 10px 10px;} #footer .ft_menu_box .ft_menu li a{font-size:14px;} #footer .ft_menu_box .family_site_box{display: none;} #footer .ft_info_box .ft_cs{width:60%;} } @media only screen and (max-width:850px){ #footer .ft_info_box .w_custom > div.ft_logo{display: block;text-align: center;} #footer .ft_info_box .ft_cs{float:none;width:100%;} #footer .ft_info_box .ft_info_list{width:100%;} } @media only screen and (max-width:640px){ } @media only screen and (max-width:500px){ #footer .btn_top{width:50px;height:50px;bottom:20px;right:20px;} #footer .btn_top span{background-size:auto 16px;} #footer .ft_notice dt, #footer .ft_notice dd{padding:14px 0;} #footer .ft_notice dt{padding-left:0;background:none;font-size:15px;line-height:30px;width:60px;} #footer .ft_notice dd{padding-left:0;width:calc(100% - 70px);margin-left:10px;} #footer .ft_notice dd:before{display: none;} #footer .ft_notice ul{width:calc(100% - 40px);} #footer .ft_notice ul .slick-slide .date, #footer .ft_notice ul .slick-slide .cont{font-size:13px;line-height:30px;} #footer .ft_notice ul .slick-slide .date{} #footer .ft_notice ul .slick-slide .cont{padding-left:10px; width:calc(100% - 70px);} #footer .ft_notice .notice_btn_wrap .btn_more{width:30px;height:30px;} #footer .ft_notice .notice_btn_wrap .btn_more:hover{background:#fff;border:1px solid #ddd;} #footer .ft_notice .notice_btn_wrap .btn_more:before{width:8px;height:2px;top:13px;left:10px;} #footer .ft_notice .notice_btn_wrap .btn_more:after{height:8px;width:2px;top:10px;left:13px;} #footer .ft_notice .notice_btn_wrap .btn_more:hover:before, #footer .ft_notice .notice_btn_wrap .btn_more:hover:after{background:#666;} #footer .ft_menu_box{padding:19px 0 119px;} #footer .ft_menu_box .ft_menu{width:calc(100% + 12px);margin-left:-8px;} #footer .ft_menu_box .ft_menu li, #footer .ft_menu_box .ft_menu li + li{margin:0 8px 10px 8px;} #footer .ft_menu_box .ft_menu li a{font-size:13px;letter-spacing:-0.7px;} #footer .ft_info_box{padding:40px 0 86px 0;border-radius:50px 0 0 0;} #footer .ft_info_box .w_custom > div.ft_logo{margin:0 0 38px 0;} #footer .ft_info_box .w_custom > div.ft_logo img{height:29px;} #footer .ft_info_box .ft_cont .ft_tit{font-size:15px;margin-bottom:6px;} #footer .ft_info_box .ft_cs dl + dl{margin-top:10px;} /* #footer .ft_info_box .ft_cs dl dt{line-height:15px;} #footer .ft_info_box .ft_cs dl dd{line-height:15px;padding-left:14px;letter-spacing:-0.25px;} */ #footer .ft_info_box .ft_cs dl dd br{display: block;} #footer .ft_info_box .ft_cs .cs_hours{height:auto;line-height:16px;font-size:13px;padding:8px 0;letter-spacing:-0.5px;} #footer .ft_info_box .ft_cs .cs_hours br{display: block;} #footer .ft_info_box .ft_info_list{margin-top:47px;} #footer .ft_info_box .ft_info_list .ft_info{} #footer .ft_info_box .ft_info_list .ft_info .pc_br{display: none;} #footer .ft_info_box .ft_info_list .ft_info .m_br{display:block;} #footer .ft_info_box .ft_info_list .ft_info span{line-height:20px;letter-spacing:-0.8px;} #footer .ft_info_box .ft_info_list .copy{line-height:initial;margin-top:31px;} } @media only screen and (max-width:374px){ #footer .ft_info_box .ft_cs dl dd{font-size:12px;} } /*─────────────────────────────────────────────────────────── 메인 ───────────────────────────────────────────────────────────*/ .main_visual{position:relative;} .main_visual .swiper-slide{position:relative; background:url('/images/skin/main_visual.jpg') no-repeat center center; background-size:cover; height:500px;border-radius: 0 0 70px 0; overflow:hidden; display:flex; align-items:center;} .main_visual .swiper-slide > a{position:absolute; top:0; left:0; width:100%; height:100%;} .main_visual .swiper-slide .txt_wrap{padding-bottom: 32px; width:1280px; margin:0 auto; box-sizing:border-box;} .main_visual .swiper-slide .txt_wrap h4{font-size: 46px;line-height: 1.3;letter-spacing: -2.3px;color: #111; font-weight:400;font-family: 'Noto Sans KR',-apple-system,Roboto,'Helvetica Neue','Apple SD Gothic Neo',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .main_visual .swiper-slide .txt_wrap h4 strong{font-weight:bold;} .main_visual .swiper-slide .txt_wrap p{font-size: 18px;font-weight: 300;line-height: 1.78;letter-spacing: -1px;color: #333;margin-top: 22px;font-family: 'Noto Sans KR',-apple-system,Roboto,'Helvetica Neue','Apple SD Gothic Neo',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .main_visual .swiper-slide .txt_wrap p strong{font-weight:bold;} .main_visual .swiper-slide .txt_wrap > span{display: inline-flex;font-size: 18px;letter-spacing: -0.72px;color: #000;border-radius: 22.5px;border: solid 1px #000;padding: 8px 28px 8px;align-items: center;margin-bottom: 14px;} .main_visual .swiper-slide .txt_wrap > span:before{display:inline-flex; content:''; width:19px; height:16px; background:url('/images/skin/kt_logo.png') no-repeat center center; margin-right:7px;} .main_visual .swiper-button-prev, .main_visual .swiper-button-next{width:36px; height:140px;} .main_visual .swiper-button-prev{left: 87px; background:url('/images/skin/visual-prev.png') no-repeat center center;} .main_visual .swiper-button-next{right: 87px; background:url('/images/skin/visual-next.png') no-repeat center center;} .main_visual .swiper-button-prev:after, .main_visual .swiper-button-next:after{display:none;} .main_visual .swiper-pagination{bottom: 30px; font-size:0;} .main_visual .swiper-pagination-bullet{background:#ddd; opacity:1; width:10px; height:10px;} .main_visual .swiper-pagination-bullet-active{background:#2b8339;} .main_cata_menu{margin-top: 60px; position:relative; } .main_cata_menu .mainCataSwiper{overflow:hidden;} .main_cata_menu .mainCataSwiper > ul{} .main_cata_menu .mainCataSwiper > ul > li{position:relative; width:auto; } .main_cata_menu .mainCataSwiper > ul > li:last-child{margin-right:0 !important;} .main_cata_menu .mainCataSwiper > ul > li + li{} .main_cata_menu .mainCataSwiper > ul > li > a{position:absolute; top:0; left:0; width:100%; height:100%;} .main_cata_menu dl{text-align: center;} .main_cata_menu dl dt{font-size:0; width:80px; height:80px; margin:0 auto 12px;} .main_cata_menu dl dt img{width:100%; height:100%; object-fit:cover;} .main_cata_menu dl dd{font-size: 16px; line-height: 1.38; letter-spacing: -0.64px; color: #333; font-weight:500; font-family: 'Noto Sans KR',-apple-system,Roboto,'Helvetica Neue','Apple SD Gothic Neo',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .main_cata_menu dl dd pre{font-size: 16px; line-height: 1.38; letter-spacing: -0.64px; color: #333; font-weight:500; font-family: 'Noto Sans KR',-apple-system,Roboto,'Helvetica Neue','Apple SD Gothic Neo',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;overflow-x: visible;} .main_cata_menu .swiper-scrollbar{height:3px; width:80px; margin:46px auto 0; background:#ddd;} .main_cata_menu .swiper-scrollbar-drag{background:#2b8339;} .main_tit{text-align: center;margin-top: 70px;} .main_tit h4{font-size: 40px;letter-spacing: -1.8px;color: #222;font-weight: 400;} .main_tit h4 strong{font-weight:bold;} .main_tit h4:after{display:inline-flex; content:'';width: 8px;height: 8px; background:#c8234a; transform:rotate(45deg);vertical-align: top;margin: 13px 0 0 6px;} .main_tit p{font-size: 18px;letter-spacing: -0.72px;color: #333;margin-top: 3px;} .main_tit h4[data-aos].aos-animate{transition-delay:0.2s} .main_tit p[data-aos].aos-animate{transition-delay:0.4s} .btn_main_more{position:absolute;top: 22px;right: 2px; width:15px; height:15px; background:url('/images/skin/btn-more-up.png') no-repeat center center; font-size:0;} .main_tab_wrap{margin: 44px 0 40px;} .main_tab_wrap > ul{text-align: center;font-size: 0;} .main_tab_wrap > ul li{font-size: 18px;letter-spacing: -0.72px;text-align: center;color: #333;border-radius: 25px;border:1px solid #000;background: #fff;display: inline-flex;align-items: center;justify-content: center;width: 200px;height: 50px;box-sizing: border-box; cursor:pointer; transition:all 0.4s;} .main_tab_wrap > ul li + li{margin-left:10px;} .main_tab_wrap > ul li.on, .main_tab_wrap > ul li:hover{color:#fff; background:#222; border:1px solid #222;} .main_tab_wrap > ul li:nth-child(1)[data-aos].aos-animate{transition-delay:0.2s} .main_tab_wrap > ul li:nth-child(2)[data-aos].aos-animate{transition-delay:0.4s} .main_tab_wrap > ul li:nth-child(3)[data-aos].aos-animate{transition-delay:0.6s} .main_tab_cont{position:relative;} .main_tab_cont[data-aos].aos-animate{transition-delay:0.7s} .main_tab_cont > div{height:0; overflow:hidden;} .main_tab_cont > div.on{height:auto; overflow:visible; overflow-x:hidden; padding-bottom:27px;} .main_tab_cont .swiper-button-prev, .main_tab_cont .swiper-button-next, .main_cata_menu .swiper-button-prev, .main_cata_menu .swiper-button-next{top:calc(50% - 15px); width:18px; height:33px;} .main_cata_menu .swiper-button-prev, .main_cata_menu .swiper-button-next{top:calc(50% - 26px);} .main_tab_cont .swiper-button-prev, .main_cata_menu .swiper-button-prev{left:-58px; background:url('/images/skin/main-slide-prev-on.png') no-repeat center center; transition:all 0.4s;} .main_tab_cont .swiper-button-prev.swiper-button-disabled, .main_cata_menu .swiper-button-prev.swiper-button-disabled{background:url('/images/skin/main-slide-prev.png') no-repeat center center; opacity:1;} .main_tab_cont .swiper-button-next, .main_cata_menu .swiper-button-next{right:-58px; background:url('/images/skin/main-slide-next-on.png') no-repeat center center; transition:all 0.4s;} .main_tab_cont .swiper-button-next.swiper-button-disabled, .main_cata_menu .swiper-button-next.swiper-button-disabled{background:url('/images/skin/main-slide-next.png') no-repeat center center; opacity:1;} .main_tab_cont .swiper-button-prev:after, .main_tab_cont .swiper-button-next:after, .main_cata_menu .swiper-button-prev:after, .main_cata_menu .swiper-button-next:after{display:none;} .main_tab_cont .swiper-pagination{height:auto; text-align:center; position:relative; } .main_tab_cont .swiper-pagination-bullet{width:8px; height:8px; background:#fff; border:1px solid #ccc; opacity:1;} .main_tab_cont .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:10px;} .main_tab_cont .swiper-pagination-bullet-active{background:#aaa; border:1px solid #aaa;} .main_rate_plan {padding-bottom:95px;} .main_rate_plan .swiper_wrap.on{padding-left:30px; padding-right:30px; width:calc(100% + 60px); margin-left:-30px; position:relative; box-sizing:border-box;} .main_rate_plan .swiper-wrapper{align-items:stretch;} .main_rate_plan .swiper-wrapper li{height:auto;} .main_rate_plan .swiper-slide{position:relative; text-align:center; background:#f5f5f5; border-radius:15px; transition:all 0.4s; box-sizing:border-box;} .main_rate_plan .swiper-slide + .swiper-slide{} .main_rate_plan .swiper-slide:before{position:absolute; content:''; width:100%; height:100%; border:2px solid #2b8339; top:0; left:0; border-radius:15px; box-sizing:border-box; transition:all 0.4s; opacity:0;} .main_rate_plan .swiper-slide > a{position:absolute; top:0; left:0; width:100%; height:100%;} .main_rate_plan .swiper-slide .plan_wrap{padding:45px 10px 0; height:calc(100% - 76px); box-sizing:border-box;} .main_rate_plan .swiper-slide .tit_dl dt{font-size: 28px; font-weight: 600; letter-spacing: -1.12px; color: #333;} .main_rate_plan .swiper-slide .tit_dl dt span{letter-spacing:0; font-weight:600;} .main_rate_plan .swiper-slide .tit_dl dd{font-size: 16px; line-height: 1.63; letter-spacing: -0.64px; color: #666; margin-top:8px;} .main_rate_plan .swiper-slide .cont_list{display:flex; align-items:flex-start; justify-content:center; border-top:1px solid #ddd; margin-top:15px; padding:20px 0 39px;} .main_rate_plan .swiper-slide .cont_list > li{} .main_rate_plan .swiper-slide .cont_list > li + li{margin-left:20px;} .main_rate_plan .swiper-slide .cont_dl{text-align: center;} .main_rate_plan .swiper-slide .cont_dl dt{display:inline-flex; align-items:center; justify-content:center; width:90px; height:90px; background:#fff; background-position:center center; background-repeat:no-repeat; border-radius:100%; margin:0 auto 18px; font-size:0; } .main_rate_plan .swiper-slide .cont_dl dt.data{background-image:url('/images/skin/rate-icon-01.png');} .main_rate_plan .swiper-slide .cont_dl dt.call{background-image:url('/images/skin/rate-icon-02.png');} .main_rate_plan .swiper-slide .cont_dl dt.msg{background-image:url('/images/skin/rate-icon-03.png');} .main_rate_plan .swiper-slide .cont_dl dd{font-size: 16px; font-weight: 500; line-height: 1.25; color: #333;} .main_rate_plan .swiper-slide .price{height:76px; line-height:76px; background:#ddd; text-align: center; color: #333; font-size: 18px; letter-spacing: -0.72px; font-weight:400; border-radius:0 0 15px 15px; transition:all 0.4s;} .main_rate_plan .swiper-slide .price strong{font-size: 30px; font-weight: 600; letter-spacing: -1.2px; } /* hover */ .main_rate_plan .swiper-slide:hover{box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, 0.2); } .main_rate_plan .swiper-slide:hover:before{opacity:1;} .main_rate_plan .swiper-slide:hover .price{background:#2b8339; color:#fff;} .main_rate_plan .swiper-slide:hover .price strong{/*font-weight:500;*/} .main_recom_phone{background:#f9f9f9; padding-top:19px; padding-bottom:110px;} .main_recom_phone .main_tab_wrap > ul li{width:150px;} .main_recom_phone .swiper_wrap.on{padding-left:30px; padding-right:30px; width:calc(100% + 60px); margin-left:-30px; position:relative; box-sizing:border-box; padding-bottom:10px;} .main_recom_phone .swiper-slide{position:relative; transition:all 0.4s;} .main_recom_phone .swiper-slide > a{position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;} .main_recom_phone .swiper-slide > span{position:relative; font-size:0; border-radius:15px; overflow:hidden; transition:all 0.4s; display:block; box-sizing:border-box; text-align:center; background:#fff;} .main_recom_phone .swiper-slide > span:before{position:absolute; content:''; width:60px; height:60px; background:#2b8339 url('/images/skin/icon_search.png') no-repeat center center; border-radius:100%; top:50%; left:50%; transform:translate(-50%, -50%); transition:all 0.4s; opacity:0; margin-top:15px;} .main_recom_phone .swiper-slide > span:after{position:absolute; content:''; width:100%; height:100%; border:2px solid #2b8339; top:0; left:0; border-radius:15px; box-sizing:border-box; transition:all 0.4s; opacity:0;} .main_recom_phone .swiper-slide > span img{transition:all 0.4s;} .main_recom_phone .swiper-slide dl{text-align:center;} .main_recom_phone .swiper-slide dl dt{font-size: 24px;font-weight: bold;letter-spacing: -0.96px;color: #222;margin-top: 23px;margin-bottom: 9px;} .main_recom_phone .swiper-slide dl dt span{font-weight:600;} .main_recom_phone .swiper-slide dl dd{font-size: 16px; letter-spacing: -0.64px; color: #666;} .main_recom_phone .swiper-slide dl dd br{display:none;} .main_recom_phone .swiper-slide dl dd.price{font-size: 16px;font-weight: 400;letter-spacing: -0.64px;color: #333;margin-top: 7px;} .main_recom_phone .swiper-slide dl dd.price strong{font-size: 24px; font-weight: 600; letter-spacing: -0.96px;} .main_recom_phone .main_tab_cont .swiper-button-prev, .main_recom_phone .main_tab_cont .swiper-button-next{top:32%;} /* hover */ .main_recom_phone .swiper-slide:hover > span{box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, 0.2); } .main_recom_phone .swiper-slide:hover > span:before{opacity:1; margin-top:0;} .main_recom_phone .swiper-slide:hover > span:after{ opacity:1;} .main_recom_phone .swiper-slide:hover > span img{opacity:0.2;} @media only screen and (max-width:1600px){ .main_visual .swiper-button-prev{left: 15px;} .main_visual .swiper-button-next{right: 15px;} } @media only screen and (max-width:1417px){ .main_tab_cont .swiper-button-prev, .main_cata_menu .swiper-button-prev{left:0;} .main_tab_cont .swiper-button-next, .main_cata_menu .swiper-button-next{right:0;} .main_cata_menu .mainCataSwiper, .main_rate_plan .swiper_wrap.on, .main_recom_phone .swiper_wrap.on{width:calc(100% - 80px); margin-left:40px; padding-left:0; padding-right:0;} .main_rate_plan .swiper-slide .tit_dl dt{font-size:25px;} .main_rate_plan .swiper-slide .tit_dl dd, .main_rate_plan .swiper-slide .cont_dl dd{font-size:15px;} .main_rate_plan .swiper-slide .cont_dl dt{width:80px; height:80px;} .main_rate_plan .swiper-slide .cont_list > li + li{margin-left:15px;} .main_recom_phone .swiper-slide dl dt, .main_recom_phone .swiper-slide dl dd.price strong{font-size:23px;} .main_recom_phone .swiper-slide dl dd, .main_recom_phone .swiper-slide dl dd.price{font-size:15px;} .main_recom_phone .swiper-slide dl dd br{display:block;} } @media only screen and (max-width:1380px){ .main_visual .swiper-slide{height:36.5vw; max-height:500px;} .main_visual .swiper-slide .txt_wrap{width:100%; padding-left:70px; padding-right:70px;} .main_visual .swiper-slide .txt_wrap h4{font-size:3.36vw;} .main_visual .swiper-slide .txt_wrap > span, .main_visual .swiper-slide .txt_wrap p{font-size:17px;} } @media only screen and (max-width:1340px){ } @media only screen and (max-width:1300px){ .main_cata_menu .mainCataSwiper{} .main_rate_plan .swiper_wrap.on, .main_recom_phone .swiper_wrap.on{width:calc(100% - 40px); margin:0 auto;} .main_cata_menu .swiper-button-prev{left:15px;} .main_cata_menu .swiper-button-next{right:15px;} .main_tab_cont .swiper-button-prev{left:-15px} .main_tab_cont .swiper-button-next{right:-15px;} .btn_main_more{right:15px;} .main_tit h4{font-size:3vw;} } @media only screen and (max-width:1240px){ .main_rate_plan .swiper-slide .plan_wrap{padding:35px 25px 0;} } @media only screen and (max-width:1100px){ .main_rate_plan .swiper-slide .plan_wrap{height:calc(100% - 65px);} .main_rate_plan .swiper-slide .tit_dl dt{font-size:22px;} .main_rate_plan .swiper-slide .cont_dl dt{width:70px; height:70px;} .main_rate_plan .swiper-slide .price{font-size:17px; height:65px; line-height:65px;} .main_rate_plan .swiper-slide .price strong{font-size:27px;} } @media only screen and (max-width:1023px){ .main_visual .swiper-slide .txt_wrap > span, .main_visual .swiper-slide .txt_wrap p{font-size:15px;} .main_visual .swiper-slide .txt_wrap > span{padding:8px 25px;} .main_visual .swiper-pagination{bottom:20px;} .main_cata_menu dl dt{margin-bottom:10px;} .main_cata_menu dl dd{font-size:15px;} .main_tit h4{font-size:30px;} .main_tit p{font-size:17px;} .main_rate_plan .swiper-slide .plan_wrap{padding:30px 20px 40px;} .main_rate_plan .swiper-slide .cont_list{padding:20px 0 0px;} .main_rate_plan .swiper-slide .cont_dl dt{width:60px; height:60px;} } @media only screen and (max-width:767px){ .main_visual .swiper-slide .txt_wrap{padding-bottom:15px;} .main_visual .swiper-slide .txt_wrap > span{padding:5px 22px; margin-bottom:10px;} .main_visual .swiper-slide .txt_wrap p{margin-top:8px; line-height:150%;} .main_visual .swiper-pagination{bottom:25px;} .main_visual .swiper-pagination-bullet{width:9px; height:9px;} .main_tab_wrap > ul li{width:180px;} .main_rate_plan .swiper-slide .tit_dl dt{font-size:21px;} .main_recom_phone .swiper-slide dl dt, .main_recom_phone .swiper-slide dl dd.price strong{font-size:21px;} } @media only screen and (max-width:640px){ .main_visual .swiper-slide{background:url('/images/skin/main_visual_m.jpg') no-repeat center center; background-size:cover; max-height:600px; height:94vw; min-height:400px; align-items:flex-start; border-radius:0 0 40px;} .main_visual .swiper-slide .txt_wrap{padding:10% 15px 0;} .main_visual .swiper-slide .txt_wrap > span{} .main_visual .swiper-slide .txt_wrap > span:before{} .main_visual .swiper-slide .txt_wrap h4{font-size:6.5vw;} .main_visual .swiper-slide .txt_wrap p{} .main_visual .swiper-slide .txt_wrap p strong:last-child{display:block;} .main_visual .swiper-button-next, .main_visual .swiper-button-prev{display:none;} .for_pc{display:none;} .for_m{display:block;} .main_cata_menu{margin-top:30px; border-bottom:12px solid #eee; padding-bottom:40px;} .main_cata_menu .mainCataSwiper{width:calc(100% + 30px); margin-left:-15px;} .main_cata_menu .swiper-wrapper{} .main_cata_menu .swiper-slide{padding:0 20px; box-sizing:border-box;} .main_cata_menu .swiper-button-prev, .main_cata_menu .swiper-button-next{display:none;} .main_cata_menu > ul > li + li{margin-left:14px;} .main_cata_menu dl dt{min-width:55px; min-height:55px; width:12vw; height:12vw;} .main_cata_menu dl dd{font-size:14px;} .main_cata_menu .swiper-scrollbar{width:60px; height:2px;} .main_cata_menu .swiper-slide > ul{display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap;} .main_cata_menu .swiper-slide > ul li{width:calc(24% - 12px ); margin-right:15px;} .main_cata_menu .swiper-slide > ul li:nth-child(5n){margin-right:0;} .main_cata_menu .swiper-slide > ul li:nth-child(n+5){margin-top:13px;} .main_tab_wrap{margin:23px 0 30px;} .main_tab_wrap > ul{display:flex; align-items:flex-start; justify-content:space-between;} .main_tab_wrap > ul li{width:100%; font-size:17px; height:45px; line-height:1;} .main_tab_wrap > ul li + li{margin-left:8px;} .main_tab_wrap > ul li:hover{color:#333; border:1px solid #000; background:#fff;} .main_tab_wrap > ul li.on{color: #fff; background: #222; border: 1px solid #222} .main_tit h4:after{width:6px; height:6px; margin:8px 0 0 6px;} .main_rate_plan{padding-bottom:144px;} .main_rate_plan .swiper_wrap.on{width:calc(100% - 75px);/*width:calc(100% + 505px); margin-left:-252.5px;*/ overflow:visible;} .main_rate_plan .swiper-wrapper{} .main_rate_plan .swiper-slide{border-radius:10px;} .main_rate_plan .swiper-slide .plan_wrap{height:calc(100% - 50px); padding:26px 30px 24px;} .main_rate_plan .swiper-slide .tit_dl dt{font-size:20px; letter-spacing:-1.4px;} .main_rate_plan .swiper-slide .tit_dl dd, .main_rate_plan .swiper-slide .cont_dl dd{font-size:14px;} .main_rate_plan .swiper-slide .tit_dl dd{line-height:20px; margin-top:6px;} .main_rate_plan .swiper-slide .cont_list{margin-top:10px; padding:15px 0 0; justify-content:space-between;} .main_rate_plan .swiper-slide .cont_list > li{width:100%;} .main_rate_plan .swiper-slide .cont_list > li + li{margin-left:0;} .main_rate_plan .swiper-slide .cont_dl dt{width:50px; height:50px; margin-bottom:9px; background-size:20px;} .main_rate_plan .swiper-slide .price{font-size:14px; height:50px; line-height:50px; border-radius:0 0 10px 10px;} .main_rate_plan .swiper-slide .price strong{font-size:22px;} .main_tab_cont .swiper-button-prev, .main_tab_cont .swiper-button-next, .main_cata_menu .swiper-button-prev, .main_cata_menu .swiper-button-next{display:none;} /* hover */ .main_rate_plan .swiper-slide:hover{box-shadow: none; } .main_rate_plan .swiper-slide:hover:before{opacity:0;} .main_rate_plan .swiper-slide:hover .price{background:#ddd; color:#333;} .main_rate_plan .swiper-slide:hover .price strong{font-weight:400;} /* acitve */ .main_rate_plan .swiper-slide:before{border-radius:10px;} .main_rate_plan .swiper-slide.swiper-slide-active{box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.2);} .main_rate_plan .swiper-slide.swiper-slide-active:before{opacity:1;} .main_rate_plan .swiper-slide.swiper-slide-active .price{background:#2b8339; color:#fff;} .main_rate_plan .swiper-slide.swiper-slide-active .price strong{font-weight:500;} .btn_main_more{left:15px; font-size:16px; font-weight:500; color:#333;bottom: -75px;top: auto;border: 1px solid #000;height: 50px;line-height: 50px;width: calc(100% - 30px);border-radius: 25px;box-sizing: border-box; background:#fff0; letter-spacing:-0.7px;} .main_recom_phone .swiper_wrap.on{width:100%;} .main_recom_phone .main_tab_wrap > ul li{width:100%;} .main_recom_phone .main_tab_cont .swiper-pagination{display:none;} .main_recom_phone .swiper-wrapper{flex-wrap:wrap; width:100% important;} .main_recom_phone .swiper-slide{width:calc(100% / 2 - 7.5px) !important; margin-right:15px;} .main_recom_phone .swiper-slide:nth-child(even){margin-right:0;} .main_recom_phone .swiper-slide:nth-child(n+3){margin-top:37px;} .main_recom_phone .swiper-slide > span{border-radius:10px;} .main_recom_phone .swiper-slide dl dd{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .main_recom_phone .swiper-slide dl dd br{display:none;} /* hover */ .main_recom_phone .swiper-slide:hover > span{box-shadow: none; } .main_recom_phone .swiper-slide:hover > span:before{opacity:0; margin-top:0;} .main_recom_phone .swiper-slide:hover > span:after{ opacity:0;} .main_recom_phone .swiper-slide:hover > span img{opacity:1;} } @media only screen and (max-width:480px){ .main_visual .swiper-slide .txt_wrap{padding:30px 15px 0;} .main_visual .swiper-slide .txt_wrap > span{font-size:14px; padding:4px 14px 3px; margin-bottom:9px;} .main_visual .swiper-slide .txt_wrap > span:before{width:16px; height:13px; background-size:100%; margin-right:4px; } .main_visual .swiper-slide .txt_wrap h4{font-size:30px; line-height:38px; letter-spacing:-1.8px;} .main_visual .swiper-slide .txt_wrap p{font-size:14px; line-height:20px; margin-top:11px; letter-spacing:-0.7px;} .main_cata_menu{/*padding-left:5px; padding-right:5px;*/} .main_cata_menu .mainCataSwiper > ul{} .main_cata_menu .mainCataSwiper > ul > li{} .main_cata_menu dl dt{margin-bottom:6px;} .main_cata_menu dl dd{font-size:12px; line-height:15px;} .main_cata_menu dl dd pre{font-size:12px; line-height:15px;} .main_cata_menu .swiper-scrollbar{margin-top:23px;} .main_tit{ margin-top:44px;} .main_tit h4{font-size:27px; letter-spacing:-1.5px;} .main_tit h4:after{position:absolute;} .main_tit p{font-size:15px;} .main_tab_wrap > ul li{ font-size:15px; height:40px;} .main_rate_plan .swiper-slide .cont_dl dd{font-size:12px;} .main_recom_phone .swiper-slide dl dt{font-size:17px; margin:17px 0 1px;} .main_recom_phone .swiper-slide dl dd{font-size:13px;} .main_recom_phone .swiper-slide dl dd.price{font-size:14px; margin-top:3px;} .main_recom_phone .swiper-slide dl dd.price strong{font-size:18px;} } @media only screen and (max-width:431px){ .main_tab_wrap > ul{justify-content:center;} .main_tab_wrap > ul li{width:auto; padding:0 8px;} .main_recom_phone .main_tab_wrap > ul li{width:90px;} } @media only screen and (max-width:374px){ .main_tab_wrap > ul li{ font-size:13px; line-height:140%;} .main_cata_menu{padding-left:0; padding-right:0;} .main_cata_menu .mainCataSwiper{width:calc(100% + 20px); margin-left:-10px;} .main_cata_menu .swiper-slide{padding:0 10px;} .main_cata_menu .swiper-slide > ul li{width:calc(20% - 8px); margin-right:10px;} .main_cata_menu .swiper-slide > ul li:nth-child(5){margin-top:0px;} .main_cata_menu .swiper-slide > ul li:nth-child(n+6){margin-top:13px;} .main_cata_menu dl dt{min-width:50px; min-height:50px;} .main_tit h4{font-size:25px;} .main_tit p{font-size:14px;} .main_rate_plan .swiper_wrap.on{width:calc(100% - 60px);} .main_rate_plan .swiper-slide .plan_wrap{padding:26px 20px 24px; } .main_rate_plan .swiper-slide .tit_dl dt{font-size:19px;} .main_rate_plan .swiper-slide .tit_dl dd{font-size:13px;} } @media only screen and (max-width:333px){ .main_tab_wrap > ul li{height:45px;} .main_recom_phone .main_tab_wrap > ul li{height:40px;} } /*─────────────────────────────────────────────────────────── 요금제 - 리스트 ───────────────────────────────────────────────────────────*/ .charge_list .sub_tab{margin-top:60px;} .charge_list .charge_box{height:0;overflow:hidden;opacity:0;} .charge_list .charge_box.on{height:auto;overflow:visible;opacity:1;} .charge_list .sub_charge_box{height:0;overflow:hidden;opacity:0;} .charge_list .sub_charge_box.on{height:auto;overflow:visible;opacity:1;} .charge_list .agency_tab{width:100%;font-size:0;text-align: center;margin-top:47px;} .charge_list .agency_tab li{display: inline-block;box-sizing:border-box;vertical-align: top;font-size:30px;color:#333;font-weight:500;position: relative;line-height:1;cursor:pointer;font-family:'Roboto';} .charge_list .agency_tab li.on{color:#2b8339;font-weight:700;} .charge_list .agency_tab li + li{margin-left:80px;padding-left:80px;} .charge_list .agency_tab li + li:before{width:1px;height:20px;content:"";background:#ddd;position: absolute;left:0;top:3px;} .charge_list .agency_box{height:0;overflow:hidden;opacity:0;} .charge_list .agency_box.on{height:auto;overflow:visible;opacity:1;} .charge_list .agency_box h3{font-size:40px;color:#333;font-weight:500;letter-spacing:-2px;margin-top:72px;margin-left:-3px;} .charge_list .agency_box h3 span{display: inline-block;vertical-align: top;font-size:18px;color:#333;font-weight:400;letter-spacing:-0.9px;margin-left:20px;line-height:60px;} .charge_list .rate_table{width:100%;box-sizing:border-box;margin-top:16px;} .charge_list .rate_table thead tr th{box-sizing:border-box;border-top:2px solid #000;border-bottom:1px solid #ddd;text-align: center;font-size:17px;color:#666;font-weight:400;letter-spacing:-0.85px;background:#f5f5f5;padding:26px 0 25px;} .charge_list .rate_table thead tr th.data{background:#f5f5f5 url('/images/sub/icon-data.png')no-repeat 34% center;padding-left:27px;} .charge_list .rate_table thead tr th.phone{background:#f5f5f5 url('/images/sub/icon-phone.png')no-repeat 38% center;padding-left:18px;} .charge_list .rate_table thead tr th.txt{background:#f5f5f5 url('/images/sub/icon-txt.png')no-repeat 32% center;padding-left:16px;} .charge_list .rate_table tbody tr td{border-bottom:1px solid #ddd;text-align: center;font-size:16px;color:#666;font-weight:400;letter-spacing:-0.8px;padding:25px 0 23px;} .charge_list .rate_table tbody tr td.name{text-align:left;padding-left:21px;font-size:20px;color:#333;font-weight:500;letter-spacing:-1px;} .charge_list .rate_table tbody tr td.name span{display: block;font-size:14px;color:#c8234a;font-weight:400;margin-top:-4px;font-family:'Noto Sans KR';} .charge_list .rate_table tbody tr td.data{font-size:16px;color:#333;font-weight:500;} .charge_list .rate_table tbody tr td.data span{display: block;font-size:14px;color:#c8234a;font-weight:400;margin-top:-4px;font-family:'Noto Sans KR';} .charge_list .rate_table tbody tr td.phone span{display: inline-block;width:100%;box-sizing:border-box;position: relative;} .charge_list .rate_table tbody tr td.phone span:before, .charge_list .rate_table tbody tr td.phone span:after{width:1px;height:20px;content:"";background:#ddd;position: absolute;top:calc(50% - 10px);} .charge_list .rate_table tbody tr td.phone span:before{left:0;} .charge_list .rate_table tbody tr td.phone span:after{right:0;} .charge_list .rate_table tbody tr td.phone span em{display: block;font-size:14px;color:#888;font-weight:400;letter-spacing:-0.7px;} .charge_list .rate_table tbody tr td.fee{text-align: right;} .charge_list .rate_table tbody tr td.fee .fixed_price{display: inline-block;vertical-align:baseline;font-size:14px;color:#888;font-weight:400;text-decoration:line-through;margin-right:5px;letter-spacing:0;line-height:1;} .charge_list .rate_table tbody tr td.fee .price{display: inline-block;vertical-align: bottom;font-size:16px;color:#c8234a;font-weight:400;letter-spacing:-1px;line-height:1;} .charge_list .rate_table tbody tr td.fee .price strong{font-size:30px;letter-spacing:-1.5px;font-weight:600;} .charge_list .rate_table tbody tr td.fee .price em{font-size:20px;} .charge_list .rate_table tbody tr td.view_more{} .charge_list .rate_table tbody tr td.view_more a{display: inline-block;margin:0 auto;width:40px;height:40px;box-sizing:border-box;border-radius:100%;background:url('/images/sub/icon-search.png')no-repeat center;background-color:#ccc;} .charge_list .rate_table tbody tr td.view_more a:hover{background-color:#c8234a;} @media only screen and (max-width:1000px){ .charge_list .rate_table table col:nth-of-type(2){width:18%;} .charge_list .rate_table table col:nth-of-type(3){width:14%;} .charge_list .rate_table table col:nth-of-type(4){width:10%;} .charge_list .rate_table table col:nth-of-type(5){width:23%;} .charge_list .rate_table table col:nth-of-type(6){} .charge_list .rate_table thead tr th{font-size:15px;} .charge_list .rate_table thead tr th.txt{background:#f5f5f5 url('/images/sub/icon-txt.png')no-repeat 24% center;} .charge_list .rate_table tbody tr td{font-size:14px;} .charge_list .rate_table tbody tr td.name{padding-left:10px;font-size:18px;} .charge_list .rate_table tbody tr td.phone span{padding:0 7px;} .charge_list .rate_table tbody tr td.phone span em{font-size:12px;} .charge_list .rate_table tbody tr td.data{font-size:14px;padding-right:7px;padding-left:7px;} .charge_list .rate_table tbody tr td.data span{font-size:12px;} .charge_list .rate_table tbody tr td.fee .fixed_price{font-size:12px;} .charge_list .rate_table tbody tr td.fee .price{font-size:14px;} .charge_list .rate_table tbody tr td.fee .price strong{font-size:26px;} .charge_list .rate_table tbody tr td.fee .price em{font-size:16px;} } @media only screen and (max-width:800px){ .charge_list .sub_tab{margin-top:45px;} .charge_list .agency_tab{margin-top:42px;} .charge_list .agency_tab li{font-size:26px;} .charge_list .agency_tab li + li{margin-left:60px;padding-left:60px;} .charge_list .agency_box h3{font-size:30px;margin-top:50px;} .charge_list .agency_box h3 span{font-size:15px;margin-left:10px;line-height:43px;} .charge_list .rate_table thead tr th.data{background:#f5f5f5 url('/images/sub/icon-data.png')no-repeat 25% center;} .charge_list .rate_table thead tr th.phone{background:#f5f5f5 url('/images/sub/icon-phone.png')no-repeat 29% center;} .charge_list .rate_table thead tr th.txt{background:#f5f5f5 url('/images/sub/icon-txt.png')no-repeat 17% center;padding-left:16px;} } @media only screen and (max-width:700px){ .charge_list .rate_table table, .charge_list .rate_table tbody, .charge_list .rate_table tbody tr{display: block;} .charge_list .rate_table table{border-top:1px solid #ddd;} .charge_list .rate_table thead{display: none;} .charge_list .rate_table table col{width:auto !important;} .charge_list .rate_table tbody tr{box-sizing:border-box;border-bottom:1px solid #ddd;padding:20px 0;text-align:right;font-size:0;} .charge_list .rate_table tbody tr td{display: inline-block;border-bottom:none;padding:0;font-size:16px;box-sizing:border-box;} .charge_list .rate_table tbody tr td.name{display: block;width:100%;text-align:left;font-size:24px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow: ellipsis;overflow: hidden;padding-left:0;margin-bottom:10px;} .charge_list .rate_table tbody tr td.data, .charge_list .rate_table tbody tr td.phone, .charge_list .rate_table tbody tr td.txt{width:33.3333%;box-sizing:border-box;text-align: center;padding:0 10px;margin-bottom:15px;} .charge_list .rate_table tbody tr td.data{font-size:16px;} .charge_list .rate_table tbody tr td.data span{font-size:14px;} .charge_list .rate_table tbody tr td.fee .fixed_price{font-size:14px;vertical-align: bottom;line-height:20px;} .charge_list .rate_table tbody tr td.fee .price{font-size:16px;} .charge_list .rate_table tbody tr td.fee .price strong{font-size:30px;} .charge_list .rate_table tbody tr td.view_more{margin-left:20px;} .charge_list .rate_table tbody tr td.view_more a{background-color:#c8234a;} } @media only screen and (max-width:500px){ .charge_list .sub_tab{margin-top:40px;} .charge_list .agency_tab{margin-top:26px;} .charge_list .agency_tab li{font-size:25px;} .charge_list .agency_tab li + li{margin-left:50px;padding-left:50px;} .charge_list .agency_box h3{font-size:27px;margin-top:41px;} .charge_list .agency_box h3 span{line-height:1;margin-left:0;display: block;margin-top:4px;} .charge_list .rate_table{margin-top:29px;} .charge_list .rate_table tbody tr{padding:15px 0 20px;} .charge_list .rate_table tbody tr td{font-size:14px;color:#333;font-weight:500;} .charge_list .rate_table tbody tr td.name{font-size:20px;font-weight:600;letter-spacing:-0.5px;margin-bottom:7px;} .charge_list .rate_table tbody tr td.data, .charge_list .rate_table tbody tr td.phone, .charge_list .rate_table tbody tr td.txt{padding:0 3px;margin-bottom:10px;} .charge_list .rate_table tbody tr td.data{font-size:14px;padding-left:4px;padding-right:4px;} .charge_list .rate_table tbody tr td.data span{font-size:12px;} .charge_list .rate_table tbody tr td.phone span{padding:0 4px;} .charge_list .rate_table tbody tr td.fee .fixed_price{font-size:12px;line-height:17px;} .charge_list .rate_table tbody tr td.fee .price, .charge_list .rate_table tbody tr td.fee .price em{font-size:14px;} .charge_list .rate_table tbody tr td.fee .price strong{font-size:22px;} } /*─────────────────────────────────────────────────────────── 요금제 - 상세 ───────────────────────────────────────────────────────────*/ .rate_view{margin-top:60px;box-sizing:border-box;width:100%;border-radius:15px;border:1px solid #ddd;padding:49px 60px 60px 60px;} .rate_view .rate_view_tit{} .rate_view .rate_view_tit .icon_kt{display: inline-block;box-sizing:border-box;vertical-align:middle;font-size:18px;color:#fff;font-weight:500;height:30px;line-height:30px;border-radius:4px;background:#ed1b23;padding:0 10px;margin-right:18px;} .rate_view .rate_view_tit h3{display: inline-block;vertical-align: middle;font-size:40px;color:#333;font-weight:700;letter-spacing:-2px;margin-right:31px;} .rate_view .rate_view_tit .icon{display: inline-block;font-size:0;vertical-align: middle;} .rate_view .rate_view_tit .icon span{display: inline-block;box-sizing:border-box;vertical-align: top;height:30px;line-height:30px;;border-radius:15px;font-size:15px;font-weight:400;padding:0 13px;} .rate_view .rate_view_tit .icon span + span{margin-left:10px;} .rate_view .rate_view_tit .icon .icon_event{color:#2b8339;border:1px solid #2b8339;} .rate_view .rate_view_tit .icon .icon_rec{color:#c8234a;border:1px solid #c8234a;} .rate_view .rate_des{font-size:20px;color:#777;font-weight:400;letter-spacing:-0.9px;line-height:30px;margin-top:12px;font-family:'Noto Sans KR';} .rate_view .info_box{box-sizing:border-box;margin-top:42px;} .rate_view .info_box:after{clear:both;content:"";display: block;} .rate_view .info_box > div{display: inline-block;box-sizing:border-box;vertical-align: middle;} /*.rate_view .info_box .rate_info{background:#f5f5f5;font-size:0;border-radius:15px;padding:30px 54px 30px 46px;}*/ .rate_view .info_box .rate_info{background:#f5f5f5;font-size:0;border-radius:15px;padding:40px;} .rate_view .info_box .rate_info dl{display: inline-block;box-sizing:border-box;vertical-align: top;text-align: center;} .rate_view .info_box .rate_info dl + dl{margin-left:75px;} .rate_view .info_box .rate_info dl dt{font-size:18px;color:#333;font-weight:500;letter-spacing:-0.9px;position: relative;line-height:35px;} .rate_view .info_box .rate_info dl dt:before{width:35px;height:35px;content:"";box-sizing:border-box;border-radius:100%;display: inline-block;vertical-align: top;margin-right:12px;} .rate_view .info_box .rate_info dl.data_info dt:before{background:#999 url('/images/sub/charge-view-01.png')no-repeat center;} .rate_view .info_box .rate_info dl.voice_info dt:before{background:#999 url('/images/sub/charge-view-02.png')no-repeat center;} .rate_view .info_box .rate_info dl.mail_info dt:before{background:#999 url('/images/sub/charge-view-03.png')no-repeat center;} .rate_view .info_box .rate_info dl dd{margin-top:18px;position: relative;} .rate_view .info_box .rate_info dl + dl dd:before{width:17px;height:17px;content:"";background:url('/images/sub/icon_plus.png')no-repeat center;position: absolute;left:-48px;top:6px;} .rate_view .info_box .rate_info dl dd p{font-size:23px;color:#2b8339;font-weight:600;letter-spacing:-1.8px;} .rate_view .info_box .rate_info dl dd p em{font-size:18px;color:#333;font-weight:400;letter-spacing:-0.9px;vertical-align: bottom;display: inline-block;line-height:45px;margin-left:7px;} .rate_view .info_box .rate_info dl dd span{display: block;font-size:16px;color:#666;font-weight:400;letter-spacing:-0.8px;font-family:'Noto Sans KR';margin-top:-8px;} .rate_view .rate_price{padding:13px 0 0 52px;} .rate_view .rate_price dl{} .rate_view .rate_price dl:after{clear:both;content:"";display: block;} .rate_view .rate_price dl dt, .rate_view .rate_price dl dd{display: inline-block;box-sizing:border-box;vertical-align:top;} .rate_view .rate_price dl dt{font-size:18px;letter-spacing:-0.9px;} .rate_view .rate_price dl dd{float: right;min-width:182px;padding-left:50px;text-align: right;} .rate_view .rate_price dl.no_discount dt{color:#666;font-weight:400;line-height:36px;} .rate_view .rate_price dl.no_discount dd{font-size:18px;color:#666;font-weight:400;letter-spacing:-0.9px;} .rate_view .rate_price dl.no_discount dd strong{font-size:24px;color:#333;font-weight:500;letter-spacing:-1.2px;} .rate_view .rate_price dl.no_discount dd em{font-size:20px;color:#666;font-weight:400;letter-spacing:-1px;} .rate_view .rate_price dl.discount{margin-top:25px;} .rate_view .rate_price dl.discount dt{color:#333;font-weight:700;line-height:81px;} .rate_view .rate_price dl.discount dd{font-size:18px;color:#333;font-weight:400;letter-spacing:-0.9px;} .rate_view .rate_price dl.discount dd strong{font-size:46px;color:#c8234a;font-weight:600;letter-spacing:-2.3px;} .rate_view .rate_price dl.discount dd em{font-size:20px;color:#c8234a;font-weight:400;letter-spacing:-1px;} .rate_view_btn_box{margin-top:39px;} .rate_view_info{margin-top:100px;} .rate_view_info dl{} .rate_view_info dl dd{box-sizing:border-box;padding:34px 40px 53px 40px;} .rate_view_info dl dd p{font-size:20px;color:#333;font-weight:500;letter-spacing:-1px;margin-bottom:17px;} .rate_view_info dl dd ul{margin-left:2px;} .rate_view_info dl dd ul li{font-size:16px;color:#555;font-weight:400;letter-spacing:-1px;line-height:30px;position: relative;padding-left:8px;font-family:'Noto Sans KR';} .rate_view_info dl dd ul li:before{width:2px;height:2px;content:"";background:#555;position: absolute;left:0;top:15px;} .rate_view_info dl dd ul li.li_strong:before{background:#c8234a;} .rate_view_info dl dd ul li strong{font-size:inherit;color:#c8234a;font-weight:inherit;letter-spacing:inherit;} @media only screen and (max-width:1300px){ .rate_view{padding:49px 45px 60px 50px;} .rate_view .info_box .rate_info{padding:30px 35px 30px 25px;} .rate_view .info_box .rate_info dl + dl{margin-left:70px;} .rate_view .info_box .rate_info dl + dl dd:before{left:-38px;} .rate_view .rate_price{padding:13px 0 0 7px;} } @media only screen and (max-width:1100px){ .rate_view{padding:30px 30px 40px 30px;} .rate_view .info_box .rate_info{padding:20px 20px 20px 20px;} .rate_view .info_box .rate_info dl + dl{margin-left:37px;} .rate_view .info_box .rate_info dl dt{font-size:16px;} .rate_view .info_box .rate_info dl + dl dd:before{top:15px;left:-26px;} .rate_view .info_box .rate_info dl dd p{font-size:23px;} .rate_view .info_box .rate_info dl dd p em{font-size:15px;line-height:39px;} .rate_view .info_box .rate_info dl dd span{font-size:14px;} .rate_view .rate_price{padding:13px 0 0 20px;} .rate_view .rate_price dl dt{font-size:16px;} .rate_view .rate_price dl dd{padding-left:40px;min-width:auto;} .rate_view .rate_price dl.no_discount dt{line-height:30px;} .rate_view .rate_price dl.no_discount dd, .rate_view .rate_price dl.discount dd{font-size:14px;} .rate_view .rate_price dl.no_discount dd strong{font-size:20px;} .rate_view .rate_price dl.no_discount dd em, .rate_view .rate_price dl.discount dd em{font-size:16px;} .rate_view .rate_price dl.discount dt{line-height:68px;} .rate_view .rate_price dl.discount dd strong{font-size:36px;} } @media only screen and (max-width:900px){ .rate_view .info_box > div{display: block;width:100%;} .rate_view .info_box .rate_info{padding:30px 40px 30px 40px;} .rate_view .info_box .rate_info dl{display:flex;width:100%;text-align:left;align-items:center;} .rate_view .info_box .rate_info dl:after{clear:both;content:"";display: block;} .rate_view .info_box .rate_info dl + dl{margin:20px 0 0 0;} .rate_view .info_box .rate_info dl dt, .rate_view .info_box .rate_info dl dd{display: inline-block;box-sizing:border-box;vertical-align: top;} .rate_view .info_box .rate_info dl dt{width:85%;} .rate_view .info_box .rate_info dl dd{float: right;margin-top:0;text-align: center;min-width:120px;} .rate_view .info_box .rate_info dl + dl dd:before{display: none;} .rate_view .rate_price{padding-left:0;} .rate_view_info dl dd{padding:18px 20px 30px 20px;} .rate_view_info dl dd p{font-size:18px;margin-bottom:10px;} .rate_view_info dl dd ul li{font-size:14px;line-height:28px;} } @media only screen and (max-width:500px){ .rate_view{margin-top:39px;border-radius:7.5px;padding:22px 30px 21px 29px;} .rate_view .rate_view_tit .icon_kt{height:25px;line-height:25px;font-size:12px;margin-right:8px;} .rate_view .rate_view_tit h3{font-size:27px;font-weight:500;margin-right:0;} .rate_view .rate_view_tit .icon{display: block;margin-top:6px;} .rate_view .rate_view_tit .icon span{font-size:12px;height:25px;line-height:23px;border-radius:12.5px;padding:0 9px;} .rate_view .rate_view_tit .icon span + span{margin-left:5px;} .rate_view .rate_des{font-size:14px;line-height:20px;margin-top:16px;} .rate_view .info_box{margin-top:27px;} .rate_view .info_box .rate_info{border-radius:8px;padding:11px 20px 15px 20px;} .rate_view .info_box .rate_info dl + dl{margin-top:7px;} .rate_view .info_box .rate_info dl dt{font-size:14px;line-height:22.5px;} .rate_view .info_box .rate_info dl dt:before{width:22.5px;height:22.5px;margin-right:10px;} .rate_view .info_box .rate_info dl.data_info dt:before{background:#999 url('/images/sub/charge-view-01.png')no-repeat center;background-size:auto 11px;} .rate_view .info_box .rate_info dl.voice_info dt:before{background:#999 url('/images/sub/charge-view-02.png')no-repeat center;background-size:auto 12px;} .rate_view .info_box .rate_info dl.mail_info dt:before{background:#999 url('/images/sub/charge-view-03.png')no-repeat center;background-size:auto 7px;} .rate_view .info_box .rate_info dl dd{min-width:100px;} .rate_view .info_box .rate_info dl dd p{font-size:23px;} .rate_view .info_box .rate_info dl dd p em{font-size:14px;margin-left:3px;line-height:32px;} .rate_view .info_box .rate_info dl dd span{font-size:13px;} .rate_view .rate_price{padding:26px 0 0 0;} .rate_view .rate_price dl.discount{margin-top:6px;} .rate_view .rate_price dl dt{font-size:14px;} .rate_view .rate_price dl.no_discount dt{line-height:24px;} .rate_view .rate_price dl.discount dt{line-height:38px;} .rate_view .rate_price dl dd{padding:0;} .rate_view .rate_price dl.no_discount dd em, .rate_view .rate_price dl.discount dd em{font-size:14px;} .rate_view .rate_price dl.no_discount dd strong{font-size:16px;} .rate_view .rate_price dl.discount dd strong{font-size:25px;} .rate_view_btn_box{margin-top:30px;} .rate_view_info{margin-top:60px;} .rate_view_info dl dd{padding:16px 12px 33px 19px;} .rate_view_info dl dd p{font-size:15px;margin-bottom:12px;} .rate_view_info dl dd ul li{line-height:19px;font-size:13px;padding-left:7px;letter-spacing:-0.8px;} .rate_view_info dl dd ul li + li{margin-top:6px;} .rate_view_info dl dd ul li:before{top:9px;} } @media only screen and (max-width:340px){ .rate_view{padding:15px 15px 10px 15px;} .rate_view .rate_view_tit h3{font-size:22px;} .rate_view .info_box .rate_info{padding:6px 10px 10px 10px;} .rate_view .info_box .rate_info dl dt{font-size:12px;} .rate_view .info_box .rate_info dl dd p{font-size:18px;} .rate_view .info_box .rate_info dl dd p em{font-size:12px;line-height:26px;} .rate_view .info_box .rate_info dl dd span{font-size:11px;} } /*─────────────────────────────────────────────────────────── 유심 ───────────────────────────────────────────────────────────*/ .sub_usim_contents{font-size:0;margin-top:53px;} .sub_usim_contents:after{clear:both;content:"";display: block;} .sub_usim_contents > div{display: inline-block;box-sizing:border-box;vertical-align: top;} .sub_usim_contents .img_content{margin-top:7px;} .sub_usim_contents .img_content .img_box{width:580px;height:580px;position: relative;overflow:hidden;margin:0 auto;} .sub_usim_contents .img_content .img_box img{max-width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);} .sub_usim_contents .img_content .usim_btn{text-align: center;margin-top:30px;} .sub_usim_contents .img_content .usim_btn a{display: inline-block;box-sizing:border-box;vertical-align: top;padding:0 30px;height:60px;line-height:58px;border:1px solid #ddd;border-radius:30px;font-size:18px;color:#444;font-weight:400;font-family:'Noto Sans KR';} .sub_usim_contents .img_content .usim_btn a + a{margin-left:10px;} .sub_usim_contents .img_content .usim_btn a:hover{color:#2b8339;border:1px solid #2b8339;} .sub_usim_contents .info_content{width:calc(100% - 580px);padding-left:20px;} .sub_usim_contents .info_content .sub_info + .sub_info{margin-top:51px;} .sub_usim_contents .info_content .sub_info h3{font-size:30px;color:#333;font-weight:500;letter-spacing:-1.5px;border-bottom:2px solid #000;box-sizing:border-box;padding-bottom:20px;} .sub_usim_contents .info_content .sub_info dl{box-sizing:border-box;font-size:0;padding:20px 0;border-bottom:1px solid #ddd;} .sub_usim_contents .info_content .sub_info dl dt, .sub_usim_contents .info_content .sub_info dl dd{display: inline-block;box-sizing:border-box;vertical-align: top;} .sub_usim_contents .info_content .sub_info dl dt{font-size:18px;color:#333;font-weight:500;letter-spacing:-0.9px;line-height:50px;width:150px;} .sub_usim_contents .info_content .sub_info dl dd{width:calc(100% - 150px);} .sub_usim_contents .info_content .sub_info dl dd > p{font-size:16px;color:#666;font-weight:400;letter-spacing:-1px;line-height:26px;margin-top:10px;font-family:'Noto Sans KR';} .sub_usim_contents .info_content .sub_info .info_radio{display: inline-block;box-sizing:border-box;vertical-align: top;width:calc(33.3% - 6.67px);} .sub_usim_contents .info_content .sub_info .info_radio.line3{width:calc(33.3333% - 7px);} .sub_usim_contents .info_content .sub_info .info_radio + .info_radio{margin-left:10px;} .sub_usim_contents .info_content .sub_info .info_radio input[type="radio"]{display: none;} .sub_usim_contents .info_content .sub_info .info_radio input[type="radio"] + label{display: block;width:100%;height:50px;line-height:48px;text-align: center;box-sizing:border-box;border-radius:25px;background:#eee;border:2px solid #eee;font-size:18px;color:#666;font-weight:500;cursor:pointer;position: relative;} .sub_usim_contents .info_content .sub_info .info_radio input[type="radio"]:checked + label{background:#fff;border:2px solid #2b8339;color:#2b8339;} .sub_usim_contents .info_content .sub_info .info_radio.col2 input[type="radio"] + label{height:80px;border-radius:15px;line-height:initial;} .sub_usim_contents .info_content .sub_info .info_radio.col2 input[type="radio"] + label p{width:100%;position: absolute;top:50%;transform:translateY(-50%);font-size:inherit;color:inherit;font-weight:inherit;} .sub_usim_contents .info_content .sub_info .info_radio.col2 input[type="radio"] + label span{display: block;font-size:16px;color:#888;font-weight:400;letter-spacing:-0.8px;margin-top:-2px;font-family:'Noto Sans KR';} .sub_usim_contents .info_content .sub_info .info_radio.col2 input[type="radio"]:checked + label span{color:inherit;} /*가입유형*/ .sub_usim_contents .info_content .sub_info dl.info_type{padding-bottom:15px;} /*요금제*/ .sub_usim_contents .info_content .sub_info dl.info_rate_sort{padding-bottom:15px;} .sub_usim_contents .info_content .sub_info dl.info_rate_sort .rate_box{width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:15px;position: relative;padding:23px 30px 27px 30px;} .sub_usim_contents .info_content .sub_info dl.info_rate_sort .rate_box .tit{font-size:22px;color:#444;font-weight:700;letter-spacing:-1.1px;max-width:77%;word-break:break-all;} .sub_usim_contents .info_content .sub_info dl.info_rate_sort .rate_box span{font-size:18px;color:#666;font-weight:400;letter-spacing:-0.9px;display: block;margin-top:8px;font-family:'Noto Sans KR';max-width:100%;word-break:break-all;} .sub_usim_contents .info_content .sub_info dl.info_rate_sort .rate_box .btn_rate_select{font-size:15px;color:#fff;font-weight:400;letter-spacing:-0.7px;height:30px;line-height:32px;display: inline-block;box-sizing:border-box;border-radius:4px;padding:0 14px;position: absolute;top:24px;right:29px;background:#2b8339;} .sub_usim_contents .info_content .sub_info dl.info_rate_sort dd > p{color:#c8234a;} /* eSIM*/ .sub_usim_contents .info_content .sub_info dl.esim_box select{width:100%; background-position:calc(100% - 20px) 50%;} .sub_usim_contents .info_content .sub_info dl.esim_box input{width:100%;} .sub_usim_contents .info_content .sub_info dl.esim_box dd > p strong{font-weight:400;color:#c8234a;} /*유심번호 입력*/ .sub_usim_contents .info_content .sub_info dl.usim_num_box input{width:calc(20% - 8px);} .sub_usim_contents .info_content .sub_info dl.usim_num_box input + input{margin-left:10px;} /*유심타입*/ .sub_usim_contents .info_content .sub_info dl.usim_type_box{padding-bottom:18px;} .sub_usim_contents .info_content .sub_info dl.usim_type_box dd > p{line-height:26px;} .sub_usim_contents .info_content .sub_info dl.usim_type_box dd > p + p{margin-top:0;} .sub_usim_contents .info_content .sub_info dl.usim_type_box dd > p strong{font-weight:400;color:#c8234a;} /*제휴카드 혜택*/ .sub_usim_contents .info_content .sub_info dl.info_card{padding-bottom:17px;} .sub_usim_contents .info_content .sub_info dl.info_card dd{width:100%;} .sub_usim_contents .info_content .sub_info dl.info_card .card_txt{margin-top:15px;} .sub_usim_contents .info_content .sub_info dl.info_card .card_txt:after{clear:both;content:"";display: block;} .sub_usim_contents .info_content .sub_info dl.info_card .card_txt p{display: inline-block;box-sizing:border-box;vertical-align: top;font-size:16px;color:#666;font-weight:400;letter-spacing:-1px;line-height:26px;font-family:'Noto Sans KR';} .sub_usim_contents .info_content .sub_info dl.info_card .card_txt a{display: inline-block;box-sizing:border-box;vertical-align: top;float: right;font-size:15px;color:#666;font-weight:400;letter-spacing:-0.75px;height:32px;line-height:32px;border:1px solid #aaa;border-radius:4px;padding:0 14px;margin-top:6px;} /*버튼*/ .sub_usim_contents .usim_btn_box{margin-top:60px;font-size:0;position: relative;} .sub_usim_contents .usim_btn_box a{text-align: center;display: inline-block;box-sizing:border-box;vertical-align: top;height:70px;line-height:66px;border-radius:35px;background:#fff;border:1px solid #333;font-size:22px;color:#333;font-weight:500;letter-spacing:-1.1px;font-family:'Noto Sans KR';} .sub_usim_contents .usim_btn_box .btn_opening, .sub_usim_contents .usim_btn_box .btn_delivery{width:calc(50% - 5px);} .sub_usim_contents .usim_btn_box .btn_opening{background:url('/images/sub/usim-icon-01.png')no-repeat;background-position:34.5% center;padding-left:27px;background-color:#fff;} .sub_usim_contents .usim_btn_box .btn_delivery{margin-left:10px;background:url('/images/sub/usim-icon-02.png')no-repeat;background-position:21.8% center;padding-left:27px;background-color:#fff;} .sub_usim_contents .usim_btn_box .btn_opening:hover{background:url('/images/sub/usim-icon-01-on.png')no-repeat;background-position:34.5% center;color:#2b8339;border:1px solid #2b8339;} .sub_usim_contents .usim_btn_box .btn_delivery:hover{background:url('/images/sub/usim-icon-02-on.png')no-repeat;background-position:21.8% center;color:#2b8339;border:1px solid #2b8339;} .sub_usim_contents .usim_btn_box .btn_online{display: block;width:100%;margin-top:10px;background:#2b8339;border:1px solid #2b8339;color:#fff;} .sub_usim_contents .usim_txt{margin-top:46px;} .sub_usim_contents .usim_txt p{font-size:16px;color:#666;font-weight:400;letter-spacing:-1px;margin-bottom:16px;} .sub_usim_contents .usim_txt p strong{color:#333;font-weight:500;} .sub_usim_contents .usim_txt a{display: inline-block;box-sizing:border-box;vertical-align: top;height:35px;line-height:33px;border:1px solid #aaa;border-radius:4px;font-size:15px;color:#666;font-weight:400;padding:0 13px;letter-spacing:-0.8px;} .sub_usim_contents .usim_txt a + a{margin-left:10px;} /*팝업*/ .ly_pop .sel_rate_layer{top:50%;left:50%;transform:translate(-50%, -50%);box-shadow:none;width:640px;} .ly_pop .sel_rate_layer .ly_pop_box{border:none;} .ly_pop .sel_rate_layer .ly_pop_box .tit{background:#333;} .ly_pop .sel_rate_layer .ly_pop_box .tit p{font-size:24px;color:#fff;padding:23px 0;} .ly_pop .sel_rate_layer .ly_pop_box .btn_layer_close{top:10px;} .ly_pop .sel_rate_layer .ly_pop_box .btn_layer_close a span{background:#fff;} .ly_pop .sel_rate_layer .ly_pop_box .cont{width:100%;box-sizing:border-box;padding:30px 9px 30px 30px;} .ly_pop .sel_rate_layer .rate_container{box-sizing:border-box;padding-right:21px;max-height:450px;} .ly_pop .sel_rate_layer .rate_container .swiper-scrollbar{right:0;top:0;width:6px;height:100%;background:#ddd;border-radius:2.5px;} .ly_pop .sel_rate_layer .rate_container .swiper-scrollbar .swiper-scrollbar-drag{width:6px;border-radius:2.5px;box-sizing:border-box;background:#999;} .ly_pop .sel_rate_layer .ly_pop_box ul li{box-sizing:border-box;border:1px solid #ddd;border-radius:10px;} .ly_pop .sel_rate_layer .ly_pop_box ul li:hover{border:1px solid #c8234a;} .ly_pop .sel_rate_layer .ly_pop_box ul li a{display: block;width:100%;box-sizing:border-box;padding:8px 18px 8px 18px;} .ly_pop .sel_rate_layer .ly_pop_box ul li .title{font-size:24px;color:#333;font-weight:500;letter-spacing:-1.2px;font-family:'Noto Sans KR';} .ly_pop .sel_rate_layer .ly_pop_box ul li .rate_info:after{clear:both;content:"";display: block;} .ly_pop .sel_rate_layer .ly_pop_box ul li .rate_info > div{display: inline-block;box-sizing:border-box;vertical-align: top;} .ly_pop .sel_rate_layer .ly_pop_box ul li .info_box p{font-size:18px;color:#333;font-weight:500;} .ly_pop .sel_rate_layer .ly_pop_box ul li .info_box p strong{font-size:14px;color:#c8234a;font-weight:400;letter-spacing:-0.7px;} .ly_pop .sel_rate_layer .ly_pop_box ul li .info_box span{font-size:16px;color:#666;font-weight:400;letter-spacing:-0.8px;line-height:24px;display: block;font-family:'Noto Sans KR';} .ly_pop .sel_rate_layer .ly_pop_box ul li .price_box{float: right;} .ly_pop .sel_rate_layer .ly_pop_box ul li .price_box .price{font-size:14px;color:#888;font-weight:400;text-decoration:line-through;display: block;text-align: right;} .ly_pop .sel_rate_layer .ly_pop_box ul li .price_box .c_price{font-size:16px;color:#c8234a;font-weight:400;letter-spacing:-0.8px;text-align:right;} .ly_pop .sel_rate_layer .ly_pop_box ul li .price_box .e_price{font-size:15px;color:#333;letter-spacing:-0.8px;} .ly_pop .sel_rate_layer .ly_pop_box ul li .price_box .c_price strong{font-size:30px;font-weight:600;letter-spacing:-1.5px;} .ly_pop .sel_rate_layer .ly_pop_box ul li .price_box .c_price em{font-size:20px;letter-spacing:-1px;} @media only screen and (max-width:1200px){ .sub_usim_contents .img_content .img_box{width:500px;height:500px;} .sub_usim_contents .info_content{width:calc(100% - 500px);} .sub_usim_contents .info_content .sub_info dl dt{width:110px;} .sub_usim_contents .info_content .sub_info dl dd{width:calc(100% - 110px);} .sub_usim_contents .info_content .sub_info dl dd > p, .sub_usim_contents .info_content .sub_info dl.info_card .card_txt p{font-size:14px;} .sub_usim_contents .info_content .sub_info .info_radio input[type="radio"] + label{font-size:16px;} .sub_usim_contents .info_content .sub_info .info_radio.col2 input[type="radio"] + label span{font-size:14px;} .sub_usim_contents .info_content .sub_info dl.usim_num_box input{padding-left:0;text-align: center;} .sub_usim_contents .usim_btn_box a{font-size:20px;} .sub_usim_contents .usim_btn_box .btn_opening, .sub_usim_contents .usim_btn_box .btn_opening:hover{background-position:31.5% center;} .sub_usim_contents .usim_btn_box .btn_delivery, .sub_usim_contents .usim_btn_box .btn_delivery:hover{background-position:13.8% center;} } @media only screen and (max-width:1050px){ .sub_usim_contents .img_content .img_box{width:450px;height:450px;} .sub_usim_contents .img_content .usim_btn a{padding:0;width:calc(33.333% - 7px);} .sub_usim_contents .info_content{width:calc(100% - 450px);} .sub_usim_contents .info_content .sub_info dl dt{font-size:16px;width:90px;} .sub_usim_contents .info_content .sub_info dl dd{width:calc(100% - 90px);} .sub_usim_contents .info_content .sub_info dl.info_rate_sort .rate_box{padding:23px 15px 27px 15px;} .sub_usim_contents .info_content .sub_info dl.info_rate_sort .rate_box .btn_rate_select{font-size:13px;height:25px;line-height:27px;top:22px;right:15px;padding:0 10px;} .sub_usim_contents .info_content .sub_info dl.info_rate_sort .rate_box span{font-size:15px;} .sub_usim_contents .info_content .sub_info dl.info_card .card_txt p{max-width:65%;} } @media only screen and (max-width:950px){ .sub_usim_contents > div{display: block;} .sub_usim_contents .img_content .img_box{width:100%;height:0;padding-bottom:65%;} .sub_usim_contents .info_content{width:100%;margin-top:64px;padding-left:0;} .sub_usim_contents .info_content .sub_info dl dd > p br{display: none;} } @media only screen and (max-width:700px){ .ly_pop .sel_rate_layer{width:calc(100% - 60px);} .ly_pop .sel_rate_layer .rate_container{padding-right:10px;} .ly_pop .sel_rate_layer .rate_container .swiper-scrollbar{right:10px;} .ly_pop .sel_rate_layer .ly_pop_box .cont{padding:15px 0px 15px 15px;} .ly_pop .sel_rate_layer .ly_pop_box ul li .title{font-size:20px;} .ly_pop .sel_rate_layer .ly_pop_box ul li .info_box p{font-size:16px;} .ly_pop .sel_rate_layer .ly_pop_box ul li .info_box span{font-size:14px;} .ly_pop .sel_rate_layer .ly_pop_box ul li .price_box .price{font-size:12px;} .ly_pop .sel_rate_layer .ly_pop_box ul li .price_box .c_price{font-size:14px;} .ly_pop .sel_rate_layer .ly_pop_box ul li .price_box .c_price strong{font-size:24px;} .ly_pop .sel_rate_layer .ly_pop_box ul li .price_box .c_price em{font-size:16px;} } @media only screen and (max-width:500px){ .sub_usim_contents{margin-top:29px;} .sub_usim_contents .img_content .img_box{padding-bottom:92%;} .sub_usim_contents .img_content .img_box img{width:calc(100% - 88px);margin:0 auto;} .sub_usim_contents .img_content .usim_btn{margin-top:13px;} .sub_usim_contents .img_content .usim_btn a{height:40px;line-height:40px;font-size:15px;padding:0 9px;} .sub_usim_contents .info_content{margin-top:54px;} .sub_usim_contents .info_content .sub_info + .sub_info{margin-top:42px;} .sub_usim_contents .info_content .sub_info h3{font-size:27px;padding-bottom:10px;} .sub_usim_contents .info_content .sub_info dl{padding:15px 0;} .sub_usim_contents .info_content .sub_info dl dt{font-size:14px;line-height:35px;width:100px;} .sub_usim_contents .info_content .sub_info dl dd{width:calc(100% - 100px);} .sub_usim_contents .info_content .sub_info dl dd > p{margin-top:12px;} .sub_usim_contents .info_content .sub_info dl dd > p, .sub_usim_contents .info_content .sub_info dl.info_card .card_txt p{font-size:13px;line-height:18px;} .sub_usim_contents .info_content .sub_info .info_radio input[type="radio"] + label{height:35px;line-height:33px;font-size:14px;} .sub_usim_contents .info_content .sub_info .info_radio.col2 input[type="radio"] + label{height:55px;border-radius:7.5px;} .sub_usim_contents .info_content .sub_info .info_radio.col2 input[type="radio"] + label span{font-size:12px;margin-top:-5px;} .sub_usim_contents .info_content .sub_info dl.info_type{padding-bottom:12px;} .sub_usim_contents .info_content .sub_info dl.info_type dd > p{padding-right:5px;} .sub_usim_contents .info_content .sub_info dl.info_rate_sort dd > p{line-height:19px;} .sub_usim_contents .info_content .sub_info dl.info_rate_sort dd > p + p{margin-top:6px;} .sub_usim_contents .info_content .sub_info dl.info_rate_sort{padding-bottom:12px;} .sub_usim_contents .info_content .sub_info dl.info_rate_sort .rate_box{border-radius:7.5px;padding:15px 15px 12px 15px;} .sub_usim_contents .info_content .sub_info dl.info_rate_sort .rate_box .tit{font-size:16px;width:69%;} .sub_usim_contents .info_content .sub_info dl.info_rate_sort .rate_box span{font-size:14px;margin-top:7px;line-height:18px;} .sub_usim_contents .info_content .sub_info dl.info_rate_sort .rate_box .btn_rate_select{font-size:12px;border-radius:2.5px;top:14px;line-height:23px;;} .sub_usim_contents .info_content .sub_info dl.usim_num_box input{width:calc(20% - 4px);} .sub_usim_contents .info_content .sub_info dl.usim_num_box input + input{margin-left:5px;} .sub_usim_contents .info_content .sub_info dl.usim_num_box input::placeholder{font-size:0;} .sub_usim_contents .info_content .sub_info dl.usim_type_box dd > p{line-height:18px;} .sub_usim_contents .info_content .sub_info dl.usim_type_box dd > p + p{margin-top:7px;} .sub_usim_contents .info_content .sub_info dl.info_card{padding-bottom:13px;} .sub_usim_contents .info_content .sub_info dl.info_card .info_radio.col2 input[type="radio"] + label p{line-height:17px;} .sub_usim_contents .info_content .sub_info dl.info_card .card_txt{margin-top:13px;} .sub_usim_contents .info_content .sub_info dl.info_card .card_txt p{line-height:19px;} .sub_usim_contents .info_content .sub_info dl.info_card .card_txt a{font-size:13px;height:27px;line-height:25px;border-radius:2.5px;padding:0 11px;margin-top:4px;} .sub_usim_contents .usim_btn_box{} .sub_usim_contents .usim_btn_box a{height:50px;line-height:46px;font-size:16px;} .sub_usim_contents .usim_btn_box .btn_opening, .sub_usim_contents .usim_btn_box .btn_delivery{width:calc(50% - 2.5px);} .sub_usim_contents .usim_btn_box .btn_opening, .sub_usim_contents .usim_btn_box .btn_opening:hover{color:#2b8339;border:1px solid #2b8339;background:url('/images/sub/usim-icon-01-on.png')no-repeat;background-size:auto 18px;background-position:30% center;} .sub_usim_contents .usim_btn_box .btn_opening{padding-left:24px;} .sub_usim_contents .usim_btn_box .btn_delivery{margin-left:5px;} .sub_usim_contents .usim_btn_box .btn_delivery, .sub_usim_contents .usim_btn_box .btn_delivery:hover{color:#2b8339;border:1px solid #2b8339;background:url('/images/sub/usim-icon-02-on.png')no-repeat;background-size:auto 17px;background-position:11% center;} .sub_usim_contents .usim_txt{margin-top:37px;} .sub_usim_contents .usim_txt p{font-size:14px;margin-bottom:10px;} .sub_usim_contents .usim_txt a{font-size:12px;height:25px;line-height:23px;border-radius:2.5px;padding:0 8px;letter-spacing:-0.4px;} .sub_usim_contents .usim_txt a + a{margin-left:5px;} /*fix*/ .sub_usim_contents .btn_wrap.fix{position: fixed;bottom:0;left:0;width:100%;background:#fff;box-sizing:border-box;padding:15px;box-shadow:0 0 20px 0 rgba(0,0,0,0.2);margin:0;} .body-usim #footer .btn_top.up{bottom:200px;} /*팝업*/ .ly_pop .sel_rate_layer{width:calc(100% - 30px);} .ly_pop .sel_rate_layer .ly_pop_box .tit p{font-size:18px;padding:15px 0;} .ly_pop .sel_rate_layer .ly_pop_box .btn_layer_close{top:15px;} .ly_pop .sel_rate_layer .rate_container{max-height:400px;} .ly_pop .sel_rate_layer .ly_pop_box ul li:hover{border:1px solid #ddd;} .ly_pop .sel_rate_layer .ly_pop_box ul li a{padding:5px 10px 5px 10px;} .ly_pop .sel_rate_layer .ly_pop_box ul li .rate_info > div{display: block;} .ly_pop .sel_rate_layer .ly_pop_box ul li .price_box{margin-top:13px;} } @media only screen and (max-width:355px){ .sub_usim_contents .info_content .sub_info dl dt{width:88px;} .sub_usim_contents .info_content .sub_info dl dd{width:calc(100% - 88px);} .sub_usim_contents .info_content .sub_info dl.info_rate_sort .rate_box .tit{font-size:15px;width:67%;} .sub_usim_contents .info_content .sub_info dl.info_rate_sort .rate_box span{font-size:12px;} .sub_usim_contents .usim_btn_box a{font-size:14px;} } @media only screen and (max-width:335px){ .sub_usim_contents .img_content .usim_btn a{font-size:13px;} } /*─────────────────────────────────────────────────────────── 가입신청 (약관동의) ───────────────────────────────────────────────────────────*/ /*공통*/ .sub_contents.content_full{width:100%;background:#f5f5f5;} .charge_write .charge_title_box{width:100%;box-sizing:border-box;padding-bottom:95px;} .charge_write .charge_title_box .title_content{width:1200px;box-sizing:border-box;margin:0 auto;} /*step*/ .charge_write .charge_title_box .charge_process{text-align: center;font-size:0;margin-top:-9px;} .charge_write .charge_title_box .charge_process li{display: inline-block;box-sizing:border-box;vertical-align: top;font-size:20px;color:#ccc;font-weight:700;letter-spacing:-1px;line-height:40px;text-align:left;position: relative;} .charge_write .charge_title_box .charge_process li + li{margin-left:21px;} .charge_write .charge_title_box .charge_process li span{display: inline-block;box-sizing:border-box;vertical-align: top;width:40px;height:40px;border-radius:100%;background:#ccc;text-align: center;font-size:20px;color:#fff;font-weight:500;line-height:40px;margin-right:10px;} /*on*/ .charge_write .charge_title_box .charge_process li.on{color:#333;padding-right:90px;margin-right:21px;} .charge_write .charge_title_box .charge_process li.on span{background:#333;} .charge_write .charge_title_box .charge_process li.on:before{width:50px;height:1px;content:"";background:#000;position: absolute;right:0;top:19px;} .charge_write .charge_title_box .charge_process li:last-of-type.on{padding-right:0;margin-right:0;} .charge_write .charge_title_box .charge_process li:last-of-type.on:before{display: none;} /*이용약관 동의*/ .charge_title_box .rate_info{width:100%;box-sizing:border-box;margin-top:60px;} .charge_title_box .rate_info > dt{width:100%;box-sizing:border-box;height:80px;border-radius:15px 15px 0 0;cursor:pointer;position: relative;background:#2b8339;box-shadow:0 0 43px 0 rgba(0, 0, 0, 0.1);padding:0 77px 0 60px;} .charge_title_box .rate_info > dt:before{width:18px;height:10px;content:"";background:url('/images/sub/arw-down-white.png')no-repeat center;position: absolute;top:35px;right:30px;} .charge_title_box .rate_info > dt.on:before{background:url('/images/sub/arw-up-white.png')no-repeat center;} .charge_title_box .rate_info > dt:after{clear:both;content:"";display: block;} .charge_title_box .rate_info > dt > .title{font-size:24px;color:#fff;font-weight:600;letter-spacing:-1.2px;line-height:80px;display: inline-block;vertical-align: top;} .charge_title_box .rate_info > dt > .title span{display: inline-block;vertical-align: top;font-size:16px;color:#fff;font-weight:400;letter-spacing:-0.8px;line-height:76px;font-family:'Noto Sans KR';margin-left:33px;} .charge_title_box .rate_info > dt > .price{display: inline-block;vertical-align: top;float: right;line-height:75px;font-size:16px;color:#fff;font-weight:400;letter-spacing:-0.8px;} .charge_title_box .rate_info > dt > .price:after{width:1px;height:20px;content:"";background:#fff;opacity:0.2;display: inline-block;vertical-align:baseline;margin-left:30px;} .charge_title_box .rate_info > dt > .price strong{font-size:30px;letter-spacing:-1.5px;font-weight:600;} .charge_title_box .rate_info > dt > .price em{font-size:20px;letter-spacing:-1px;font-weight:400;} .charge_title_box .rate_info > dd{width:100%;box-sizing:border-box;background:#fff;border-radius:0 0 15px 15px;border:2px solid #2b8339;border-top:none;font-size:0;padding:60px 52px 58px 58px;} .charge_title_box .rate_info .rate_sub_info{display: inline-block;box-sizing:border-box;vertical-align: top;position: relative;} .charge_title_box .rate_info .rate_sub_info .title{} .charge_title_box .rate_info .rate_sub_info .title:after{clear:both;content:"";display: block;} .charge_title_box .rate_info .rate_sub_info .title p{font-size:20px;color:#333;font-weight:700;letter-spacing:-1px;margin-top:-5px;} .charge_title_box .rate_info .rate_sub_info .title .price{min-height:40px;margin-top:5px;padding-bottom:12px;;} .charge_title_box .rate_info .rate_sub_info .title .price span{font-size:18px;color:#666;font-weight:400;letter-spacing:-0.9px;} .charge_title_box .rate_info .rate_sub_info .title .price span strong{font-size:24px;color:#c8234a;font-weight:600;letter-spacing:-1.2px;} .charge_title_box .rate_info .rate_sub_info .title .price span em{font-size:20px;color:#666;font-weight:400;letter-spacing:-1px;} .charge_title_box .rate_info .rate_sub_info .content{width:100%;box-sizing:border-box;background:#f5f5f5;border-radius:15px;padding:14px 20px 11px 20px;margin-top:29px;} .charge_title_box .rate_info .rate_sub_info .content dl{} .charge_title_box .rate_info .rate_sub_info .content dl:after{clear:both;content:"";display: block;} .charge_title_box .rate_info .rate_sub_info .content dl dt, .charge_title_box .rate_info .rate_sub_info .content dl dd{display: inline-block;box-sizing:border-box;vertical-align: top;font-size:16px;color:#666;letter-spacing:-0.8px;line-height:30px;position: relative;} .charge_title_box .rate_info .rate_sub_info .content dl dt{font-weight:400;} .charge_title_box .rate_info .rate_sub_info .content dl.sub_price dt{color:#888;padding-left:7px;} .charge_title_box .rate_info .rate_sub_info .content dl.sub_price dt:before{width:5px;height:1px;content:"";background:#888;position: absolute;left:0;top:15px;} .charge_title_box .rate_info .rate_sub_info .content dl dd{float: right;} .charge_title_box .rate_info .rate_sub_info .content dl dd p{display: inline-block;vertical-align: top;font-weight:500;} .charge_title_box .rate_info .rate_sub_info .content dl.sub_price p strong{color:#c8234a;font-weight:500;} /*요금제 정보*/ .charge_title_box .rate_info .rate_sub_info.info_name{width:22%;} .charge_title_box .rate_info .rate_sub_info.info_name .icon_kt{display: inline-block;box-sizing:border-box;vertical-align:middle;font-size:18px;color:#fff;font-weight:500;height:30px;line-height:30px;border-radius:4px;background:#ed1b23;padding:0 10px;margin-right:12px;} .charge_title_box .rate_info .rate_sub_info.info_name .title p{font-size:22px;display: inline-block;vertical-align: top;max-width:75%;margin-top:0;} .charge_title_box .rate_info .rate_sub_info.info_name .title span{font-size:16px;color:#444;font-weight:400;letter-spacing:-0.8px;line-height:20px;display: block;word-break:break-all;font-family:'Noto Sans KR';margin-top:9px;min-height:40px;} .charge_title_box .rate_info .rate_sub_info.info_name .btn_modify{display: inline-block;box-sizing:border-box;vertical-align: top;height:25px;line-height:25px;background:#fff;border:1px solid #aaa;border-radius:4px;font-size:14px;color:#666;font-weight:400;padding:0 15px;} /*레이어팝업*/ .modify_layer{top:-170px;right:-500px;width:400px;position:absolute;box-sizing:border-box;box-shadow:0 0 46px 0 rgba(0,0,0,0.28);z-index:10;display: none;} .modify_layer.on{display:block} .modify_layer .modify_box{position: relative;box-sizing:border-box;border:1px solid #222;background:#fff;} .modify_layer .modify_box .tit{width:100%;background:#eee;box-sizing:border-box;padding:0 18px;} .modify_layer .modify_box .tit p{font-size:22px;color:#333;font-weight:500;letter-spacing:-1.1px;padding:18px 0;line-height:1;} .modify_layer .modify_box .btn_layer_close{width:18px;height:18px;position: absolute;top:20px;right:22px;} .modify_layer .modify_box .btn_layer_close a{display: block;width:100%;height:100%;position: relative;} .modify_layer .modify_box .btn_layer_close a span{display: inline-block;width:100%;height:1px;background:#333;position: absolute;top:50%;left:0;} .modify_layer .modify_box .btn_layer_close a span:nth-child(1){transform:rotate(45deg);} .modify_layer .modify_box .btn_layer_close a span:nth-child(2){transform:rotate(-45deg);} .charge_title_box .rate_info .rate_sub_info .modify_box .cont{width:100%;box-sizing:border-box;padding:27px 30px 30px 30px;} .charge_title_box .rate_info .rate_sub_info .modify_box .select_type .inp_custom + .inp_custom{margin-top:13px;} .charge_title_box .rate_info .rate_sub_info .modify_box .select_type dl{display: inline-block;box-sizing:border-box;vertical-align: top;} .charge_title_box .rate_info .rate_sub_info .modify_box .select_type dl dt, .charge_title_box .rate_info .rate_sub_info .modify_box .select_type dl dd{display: inline-block;box-sizing:border-box;vertical-align: top;line-height:27px;} .charge_title_box .rate_info .rate_sub_info .modify_box .select_type dl dt{font-size:18px;color:#222;font-weight:400;letter-spacing:-0.54px;} .charge_title_box .rate_info .rate_sub_info .modify_box .select_type dl dd{margin-left:15px;font-size:16px;color:#777;font-weight:400;letter-spacing:-0.8px;float:none !important;} .charge_title_box .rate_info .rate_sub_info .modify_box .select_type p{font-size:15px;color:#c8234a;font-weight:400;letter-spacing:-0.54px;line-height:24px;margin-top:10px;} .charge_title_box .rate_info .rate_sub_info .modify_box .btn_box{margin-top:25px;padding:0 25px;} .charge_title_box .rate_info .rate_sub_info .modify_box .btn_box .btn{height:50px;line-height:48px;font-size:18px;min-width:auto;width:calc(50% - 5px);} /*휴대폰요금*/ .charge_title_box .rate_info .rate_sub_info.info_phone{margin-left:30px;padding-left:30px;border-left:1px solid #ddd;width:23.5%;} .charge_title_box .rate_info .rate_sub_info.info_phone .content{min-height:145px;} /*통신요금*/ .charge_title_box .rate_info .rate_sub_info.info_fee{margin-right:30px;padding-right:30px;border-right:1px solid #ddd;padding-left:30px;width:26.4%;} .charge_title_box .rate_info .rate_sub_info.info_fee:before{width: 17px;height: 17px;content: "";background: url('/images/sub/icon_plus.png')no-repeat center; position: absolute;left:-16px;top:20px;} .charge_title_box .rate_info .rate_sub_info.info_fee .content{min-height:145px;} /*월 납부요금*/ .charge_title_box .rate_info .rate_sub_info.info_month{width:22%;} .charge_title_box .rate_info .rate_sub_info.info_month .title .price{text-align: right;margin-top:-2px;margin-right:-9px;padding-bottom:14px;} .charge_title_box .rate_info .rate_sub_info.info_month .title .price strong{font-size:30px;} .charge_title_box .rate_info .rate_sub_info.info_month .title .price em{color:#c8234a;} .charge_title_box .rate_info .rate_sub_info.info_month .content{border-radius:0;} .charge_title_box .rate_info .rate_sub_info.info_month .content dl dd p strong{color:#c8234a;font-weight:500;} .charge_title_box .rate_info .rate_sub_info.info_month > p{font-size:15px;color:#888;font-weight:400;letter-spacing:-0.75px;line-height:26px;margin-top:10px;} .charge_title_box .agreement_intro{margin-top:25px;} .charge_title_box .agreement_intro li{font-size:16px;color:#888;font-weight:400;letter-spacing:-0.8px;line-height:26px;font-family:'Noto Sans KR';position: relative;padding-left:8px;} .charge_title_box .agreement_intro li strong{color:#c8234a;font-weight:400;} .charge_title_box .agreement_intro li:before{content:"*";font-size:16px;color:#888;font-weight:400;letter-spacing:-0.8px;line-height:26px;font-family:'Noto Sans KR';position: absolute;top:0;left:0;} /*동의내용*/ .charge_agreement_cont{background:#fff;} .charge_agreement_box{width:1200px;margin:0 auto;box-sizing:border-box;padding-top:92px;border-bottom:1px solid #000;padding-bottom:54px;margin-bottom:60px;} .charge_agreement_box h3{font-size:30px;color:#333;font-weight:500;letter-spacing:-1.8px;} .charge_agreement_box .all_agree{width:100%;box-sizing:border-box;height:85px;text-align: center;border-radius:15px;background:#333;margin-top:20px;} .charge_agreement_box .all_agree .inp_custom label{font-size:20px;color:#fff;font-weight:500;letter-spacing:-0.8px;line-height:85px;display: inline-block;} .charge_agreement_box .all_agree .inp_custom label:before{margin-right:15px;} .charge_agreement_box .info_slide_box{margin-top:60px;margin-bottom:14px;} .charge_agreement_box .info_slide_box .inp_custom label{font-size:20px;} .charge_agreement_box .info_slide_box .inp_custom label strong{color:#c8234a;font-weight:500;} .charge_agreement_box .info_slide_box .inp_custom label em{color:#345eac;font-weight:500;} .charge_agreement_box .info_slide_box dd{box-sizing:border-box;padding:20px 0 40px;} .charge_agreement_box .info_slide_box dd textarea{height:160px;border-radius:15px;background:#f5f5f5;padding:30px 40px;font-size:15px;color:#666;font-weight:400;border:1px solid #f5f5f5;} .charge_agreement_box .info_slide_box dd .term_content{height:160px;border-radius:15px;background:#f5f5f5;padding:30px 40px;font-size:15px;color:#666;font-weight:400;border:1px solid #f5f5f5;overflow-y:auto;} .charge_agreement_box > ul{margin-top:16px;} .charge_agreement_box > ul li{font-size:16px;color:#888;font-weight:400;letter-spacing:-1.2px;line-height:26px;} @media only screen and (max-width:1300px){ .sub_contents.content_full{padding:0;} } @media only screen and (max-width:1250px){ .charge_write .charge_title_box .title_content{width:100%;padding:0 30px;} .charge_title_box .rate_info > dd{padding:60px 30px 58px 30px;} .charge_title_box .rate_info .rate_sub_info.info_phone{margin-left:20px;padding-left:20px;} .charge_title_box .rate_info .rate_sub_info.info_fee{margin-right:20px;padding-right:20px;} .charge_agreement_box{width:calc(100% - 60px);} } @media only screen and (max-width:1100px){ .charge_title_box .rate_info .rate_sub_info.info_name .icon_kt{font-size:13px;height:25px;line-height:25px;} .charge_title_box .rate_info .rate_sub_info.info_name .title p{font-size:18px;} .charge_title_box .rate_info .rate_sub_info .title p{font-size:18px;} .charge_title_box .rate_info .rate_sub_info .content dl dt, .charge_title_box .rate_info .rate_sub_info .content dl dd{font-size:14px;} .charge_title_box .rate_info .rate_sub_info.info_name .btn_modify{padding:0 7px;font-size:13px;} .charge_title_box .rate_info .rate_sub_info.info_month > p{font-size:14px;} } @media only screen and (max-width:950px){ .charge_title_box .rate_info > dt{padding:0 50px 0 30px;} .charge_title_box .rate_info > dt:before{right:13px;} .charge_title_box .rate_info > dd{padding:40px 30px 40px 30px;} .charge_title_box .rate_info .rate_sub_info{display: block;width:100% !important;} .charge_title_box .rate_info .rate_sub_info .content{margin-top:20px;} .charge_title_box .rate_info .rate_sub_info .content dl dt, .charge_title_box .rate_info .rate_sub_info .content dl dd{font-size:16px;} .charge_title_box .rate_info .rate_sub_info .title p{display: inline-block;vertical-align: top;margin-top:0;line-height:36px;} .charge_title_box .rate_info .rate_sub_info .title .price{padding-bottom:0;display: inline-block;float: right;vertical-align: top;margin-top:0;padding:0;} .charge_title_box .rate_info .rate_sub_info.info_fee .content{min-height:auto;} .charge_title_box .rate_info .rate_sub_info .title p, .charge_title_box .rate_info .rate_sub_info.info_name .title p{font-size:22px;} .charge_title_box .rate_info .rate_sub_info.info_name .title span, .charge_title_box .rate_info .rate_sub_info .title .price{min-height:auto;} .charge_title_box .rate_info .rate_sub_info.info_phone{margin:30px 0 0 0;padding:30px 0 0 0;border:1px solid #ddd;border-width:1px 0 0 0;} .charge_title_box .rate_info .rate_sub_info.info_fee{padding:40px 0 0 0;margin:40px 0 0 0;border:none;} .charge_title_box .rate_info .rate_sub_info.info_fee:before{left:50%;transform:translateX(-50%);top:-9px;} .charge_title_box .rate_info .rate_sub_info.info_month{margin-top:30px;padding-top:30px;border-top:1px solid #ddd;} .charge_title_box .rate_info .rate_sub_info.info_month .title .price{margin:0;padding:0;line-height:36px;} /*레이어*/ .charge_title_box .rate_info .rate_sub_info .modify_layer{top:0;right:70%;} } @media only screen and (max-width:900px){ .charge_agreement_box .all_agree{height:60px;} .charge_agreement_box .all_agree .inp_custom label{line-height:60px;font-size:16px;} .charge_agreement_box .info_slide_box .inp_custom label{font-size:18px;} .charge_agreement_box .info_slide_box dd textarea{padding:20px 30px;} .charge_agreement_box .info_slide_box dd .term_content{padding:20px 30px;} } @media only screen and (max-width:800px){ .charge_write .charge_title_box .charge_process li{font-size:18px;line-height:30px;} .charge_write .charge_title_box .charge_process li span{width:30px;height:30px;line-height:30px;font-size:16px;} .charge_write .charge_title_box .charge_process li.on{padding-right:65px;margin-right:0;} .charge_write .charge_title_box .charge_process li.on:before{top:14px;} .charge_title_box .rate_info > dt{height:60px;} .charge_title_box .rate_info > dt:before{top:23px;right:16px;} .charge_title_box .rate_info > dt > .title{font-size:20px;line-height:60px;} .charge_title_box .rate_info > dt > .title span{display: none;} .charge_title_box .rate_info > dt > .price{line-height:55px;} .charge_title_box .rate_info > dt > .price:after{margin-left:20px;} } @media only screen and (max-width:640px){ .charge_write .charge_title_box .title_content{padding:0 15px;} .charge_agreement_box{width:calc(100% - 30px);} .charge_title_box .rate_info .rate_sub_info .modify_layer{right:15%;} .charge_title_box .rate_info .rate_sub_info .modify_box .select_type dl dt{font-size:16px;} .charge_title_box .rate_info .rate_sub_info .modify_box .select_type dl dd{font-size:14px;} } @media only screen and (max-width:500px){ .charge_write .charge_title_box{padding-bottom:57px;} .charge_write .charge_title_box .charge_process{margin-top:-18px;} .charge_write .charge_title_box .charge_process li{font-size:0;} .charge_write .charge_title_box .charge_process li + li{margin-left:10px;} .charge_write .charge_title_box .charge_process li span{margin-right:0;font-size:14px;} .charge_write .charge_title_box .charge_process li.on{font-size:16px;padding-right:40px;margin-right:5px;} .charge_write .charge_title_box .charge_process li.on span{margin-right:11px;} .charge_write .charge_title_box .charge_process li.on:before{width:20px;} .charge_title_box .rate_info{margin-top:40px;} .charge_title_box .rate_info > dt{border-radius:7.5px 7.5px 0 0;height:50px;padding:0 40px 0 20px;} .charge_title_box .rate_info > dt:before, .charge_title_box .rate_info > dt.on:before{background-size:auto 6px;} .charge_title_box .rate_info > dt:before{top:20px;right:12px;} .charge_title_box .rate_info > dt > .title{line-height:50px;font-size:17px;} .charge_title_box .rate_info > dt > .price{font-size:13px;line-height:47px;} .charge_title_box .rate_info > dt > .price:after{margin-left:15px;height:15px;} .charge_title_box .rate_info > dt > .price strong{font-size:20px;} .charge_title_box .rate_info > dt > .price em{font-size:13px;} .charge_title_box .rate_info > dd{padding:20px 30px 25px 30px;border-radius:0 0 7.5px 7.5px;} .charge_title_box .rate_info .rate_sub_info .title p{font-size:15px;line-height:25px;} .charge_title_box .rate_info .rate_sub_info .title .price{} .charge_title_box .rate_info .rate_sub_info .title .price span{font-size:14px;} .charge_title_box .rate_info .rate_sub_info .title .price span strong{font-size:17px;} .charge_title_box .rate_info .rate_sub_info .title .price span em{font-size:14px;} .charge_title_box .rate_info .rate_sub_info .content{border-radius:7.5px;margin-top:12px;padding:14px 25px 13px 20px;} .charge_title_box .rate_info .rate_sub_info .content dl dt, .charge_title_box .rate_info .rate_sub_info .content dl dd{font-size:13px;line-height:25px;} .charge_title_box .rate_info .rate_sub_info.info_name .icon_kt{margin-right:9px;} .charge_title_box .rate_info .rate_sub_info.info_name .title p{font-size:16px;line-height:25px;} .charge_title_box .rate_info .rate_sub_info.info_name .title span{font-size:13px;margin-top:11px;} .charge_title_box .rate_info .rate_sub_info.info_name .btn_modify{border-radius:2.5px;margin-left:6px;} /*레이어*/ .charge_title_box .rate_info .rate_sub_info .modify_layer{width:300px;right:-35px;} .charge_title_box .rate_info .rate_sub_info .modify_layer .modify_box .tit{padding:0 10px;} .charge_title_box .rate_info .rate_sub_info .modify_layer .modify_box .tit p{font-size:18px;padding:12px 0;} .charge_title_box .rate_info .rate_sub_info .modify_layer .modify_box .btn_layer_close{top:11px;right:9px;} .charge_title_box .rate_info .rate_sub_info .modify_box .cont{padding:12px 15px 15px 15px;} .charge_title_box .rate_info .rate_sub_info .modify_box .cont .select_type dl{width:calc(100% - 35px);} .charge_title_box .rate_info .rate_sub_info .modify_box .cont .select_type dl dd{width:60%;} .charge_title_box .rate_info .rate_sub_info .modify_box .select_type .inp_custom + .inp_custom{margin-top:0;} .charge_title_box .rate_info .rate_sub_info .modify_box .select_type p{font-size:13px;line-height:18px;} .charge_title_box .rate_info .rate_sub_info .modify_box .btn_box{margin-top:15px;padding:0 10px;} .charge_title_box .rate_info .rate_sub_info .modify_box .btn_box .btn{height:40px;line-height:38px;font-size:16px;} .charge_title_box .rate_info .rate_sub_info.info_phone{margin-top:15px;padding-top:19px;} .charge_title_box .rate_info .rate_sub_info.info_phone .content{min-height:auto;margin-top:8px;padding-left:25px;} .charge_title_box .rate_info .rate_sub_info.info_fee{padding:10px 0 0 0;margin:23px 0 0 0;} .charge_title_box .rate_info .rate_sub_info.info_fee:before{width:10px;height:10px;background-size:auto 100%;} .charge_title_box .rate_info .rate_sub_info.info_month{margin-top:15px;padding-top:13px;} .charge_title_box .rate_info .rate_sub_info.info_month .title p{line-height:30px;} .charge_title_box .rate_info .rate_sub_info.info_month .title .price{line-height:initial;} .charge_title_box .rate_info .rate_sub_info.info_month .title .price strong{font-size:20px;} .charge_title_box .rate_info .rate_sub_info.info_month .content{margin-top:9px;padding:8px 20px 7px 20px;} .charge_title_box .rate_info .rate_sub_info.info_month > p{font-size:13px;line-height:18px;margin-top:14px;} .charge_title_box .agreement_intro{margin-top:15px;} .charge_title_box .agreement_intro li{font-size:13px;line-height:19px;} .charge_title_box .agreement_intro li + li{margin-top:7px;} .charge_title_box .agreement_intro li:before{font-size:13px;} .charge_agreement_box{padding-top:55px;padding-bottom:36px;margin-bottom:40px;} .charge_agreement_box h3{font-size:20px;letter-spacing:-1.3px;} .charge_agreement_box .all_agree{height:50px;border-radius:7.5px;margin-top:14px;} .charge_agreement_box .all_agree .inp_custom label{line-height:50px;font-size:15px;} .charge_agreement_box .all_agree .inp_custom label:before{margin-right:10px;} .charge_agreement_box .info_slide_box{margin-top:30px;} .charge_agreement_box .info_slide_box dl dt:before{right:10px;} .charge_agreement_box .info_slide_box dl dt{padding:14px 30px 13px 41px;height:auto;line-height:21px;} .charge_agreement_box .info_slide_box .inp_custom label{font-size:15px;} .charge_agreement_box .info_slide_box .inp_custom input[type="checkbox"] + label:before{background-position:left center;position: absolute;left:-27px;top:50%;transform:translateY(-50%);} .charge_agreement_box .info_slide_box dd{padding:15px 0 15px;} .charge_agreement_box .info_slide_box dd textarea{font-size:13px;padding:15px;height:140px;border-radius:7.5px;} .charge_agreement_box .info_slide_box dd .term_content{font-size:13px;padding:15px;height:140px;border-radius:7.5px;} .charge_agreement_box > ul li{font-size:13px;line-height:18px;} .charge_agreement_box > ul li + li{margin-top:8px;} .charge_write .btn_box{width:calc(100% - 30px);margin:0 auto;} .charge_write .btn_box .btn{width:100%;} } @media only screen and (max-width:340px){ .charge_title_box .rate_info .rate_sub_info .modify_layer{width:260px;} } /*─────────────────────────────────────────────────────────── 가입신청 (신청서작성 - 본인확인) ───────────────────────────────────────────────────────────*/ #contents.charge_full_container{padding-bottom:0;} .charge_full_container .sub_contents.content_full{padding-bottom:120px;} .charge_write.charge_certification .charge_title_box{padding-bottom:0;} .charge_write_cont{width:1200px;box-sizing:border-box;margin:0 auto;background:#fff;border-radius:15px;margin-top:59px;padding:50px 60px 120px 60px;} .charge_write_cont .write_step{width:100%;position: relative;} .charge_write_cont .write_step:before{width:100%;height:1px;content:"";background:#ddd;position: absolute;left:0;top:45px;z-index:0;} .charge_write_cont .write_step ul{width:100%;text-align: center;font-size:0;position: relative;z-index:2;} .charge_write_cont .write_step ul li{display: inline-block;box-sizing:border-box;vertical-align: top;margin:0 25px;} .charge_write_cont .write_step ul li .icon{width:90px;height:90px;margin:0 auto;box-sizing:border-box;border-radius:100%;border:1px solid #ddd;} .charge_write_cont .write_step ul li:nth-child(1) .icon{background:#fff url('/images/sub/write-step-01.png')no-repeat center;} .charge_write_cont .write_step ul li:nth-child(2) .icon{background:#fff url('/images/sub/write-step-02.png')no-repeat center;} .charge_write_cont .write_step ul li:nth-child(3) .icon{background:#fff url('/images/sub/write-step-03.png')no-repeat center;} .charge_write_cont .write_step ul li:nth-child(4) .icon{background:#fff url('/images/sub/write-step-04.png')no-repeat center;} .charge_write_cont .write_step ul li:nth-child(5) .icon{background:#fff url('/images/sub/write-step-05.png')no-repeat center;} .charge_write_cont .write_step ul li:nth-child(6) .icon{background:#fff url('/images/sub/write-step-06.png')no-repeat center;} .charge_write_cont .write_step ul li.on .icon{border:2px solid #2b8339;} .charge_write_cont .write_step ul li.on:nth-child(1) .icon{background:#fff url('/images/sub/write-step-01-ov.png')no-repeat center;} .charge_write_cont .write_step ul li.on:nth-child(2) .icon{background:#fff url('/images/sub/write-step-02-ov.png')no-repeat center;} .charge_write_cont .write_step ul li.on:nth-child(3) .icon{background:#fff url('/images/sub/write-step-03-ov.png')no-repeat center;} .charge_write_cont .write_step ul li.on:nth-child(4) .icon{background:#fff url('/images/sub/write-step-04-ov.png')no-repeat center;} .charge_write_cont .write_step ul li.on:nth-child(5) .icon{background:#fff url('/images/sub/write-step-05-ov.png')no-repeat center;} .charge_write_cont .write_step ul li.on:nth-child(6) .icon{background:#fff url('/images/sub/write-step-06-ov.png')no-repeat center;} .charge_write_cont .write_step ul li span{font-size:18px;color:#666;font-weight:400;letter-spacing:-0.9px;display: block;margin-top:15px;} .charge_write_cont .write_step ul li.on span{color:#333;font-weight:700;} .charge_write_cont .sub_charge_write{margin-top:64px;} .charge_write_cont .sub_charge_write h3{text-align: center;font-size:40px;color:#333;font-weight:500;letter-spacing:-2px;} .charge_write_cont .write_step1_tab{width:100%;font-size:0;text-align: center;margin-top:46px;} .charge_write_cont .write_step1_tab li{display: inline-block;box-sizing:border-box;vertical-align: top;width:calc(33.3333% - 15px);border:1px solid #ddd;border-radius:15px;position: relative;padding:28px 0 29px;cursor:pointer;} .charge_write_cont .write_step1_tab li + li{margin-left:22px;} .charge_write_cont .write_step1_tab li p{font-size:24px;color:#333;font-weight:500;letter-spacing:-1.2px;font-family:'Noto Sans KR';} .charge_write_cont .write_step1_tab li span{display: block;font-size:16px;color:#666;font-weight:400;letter-spacing:-0.8px;margin-top:1px;font-family:'Noto Sans KR';} .charge_write_cont .write_step1_tab li.on{background:#2b8339;box-shadow:0 0 43px 0 rgba(0, 0, 0, 0.1);} .charge_write_cont .write_step1_tab li.on:before{width:28px;height:28px;content:"";background:#2b8339;transform:rotate(45deg);position: absolute;left:46.5%;bottom:-8px;} .charge_write_cont .write_step1_tab li.on p, .charge_write_cont .write_step1_tab li.on span{color:#fff;} .charge_write_cont .info_table_box{display: none;margin-top:43px;} .charge_write_cont .info_table_box .info_table_tit:after{clear:both;content:"";display: block;} .charge_step1 .charge_write_cont .info_table_box{margin-top:70px;} .charge_write_cont .info_table_box.on{display: block;} .charge_write_cont .info_table_box .inp_custom{display: inline-block;vertical-align: top;} .charge_write_cont .info_table_box .info_table_tit > p{text-align: right;font-size:14px;color:#666;font-weight:400;letter-spacing:-0.8px;padding-bottom:16px;display: inline-block;vertical-align: top;float: right;font-family:'Noto Sans KR';} .charge_write_cont .info_table_box .info_table_tit > p strong{color:#c8234a;font-weight:400;} .charge_write_cont .info_table_box .write_table .write_th, .charge_write_cont .info_table_box .write_table .write_th span{vertical-align: top;line-height:50px;} .charge_write_cont .info_table_box .write_table .write_th span em{letter-spacing:-1.5px;} .charge_write_cont .write_table .write_td{font-size:0;} /* .charge_write_cont .write_table .write_td input{font-size:16px;} */ .charge_write_cont .write_table .write_td input::placeholder{color:#aaa;} .charge_write_cont .write_table .write_td input[type="text"], .charge_write_cont .write_table .issue_date input{width:280px;} .charge_write_cont .write_table .write_td input + span{display: inline-block;box-sizing:border-box;width:12px;height:1px;background:#888;margin: 0 14px;vertical-align:top;line-height:45px;margin-top:25px;} .charge_write_cont .write_table .write_reg_num input{width:200px;} .charge_write_cont .write_table .write_reg_num input + span{margin-top:25px;} .charge_write_cont .write_table .write_td.sub_write_table{padding:0;} .charge_write_cont .write_table .write_td dd select{width:240px;;} .charge_write_cont .write_table .sub_write_table_box{padding:10px 0;display: table;width:100%;} .charge_write_cont .write_table .write_td.sub_write_table dl{display:table-row;box-sizing:border-box;} .charge_write_cont .write_table .write_td.sub_write_table dl dt, .charge_write_cont .write_table .write_td.sub_write_table dl dd{display: table-cell;box-sizing:border-box;vertical-align: top;border:none;padding:10px 20px;} .charge_write_cont .write_table .write_td.sub_write_table dl dt{width:160px;} .charge_write_cont .write_table .write_td.sub_write_table dl dd{width:calc(100% - 160px);padding-left:0;} .charge_write_cont .write_table .write_td.sub_write_table .drive_num, .charge_write_cont .write_table .write_td.sub_write_table .sel_nation{display: none;} .charge_write_cont .write_table .write_td.sub_write_table .drive_num.on, .charge_write_cont .write_table .write_td.sub_write_table .sel_nation.on{display:table-row;} .charge_write_cont .write_table .drive_num .write_td .drive_sel_box{display: inline-block;box-sizing:border-box;vertical-align:middle;} .charge_write_cont .write_table .drive_num .write_td select{width:120px;margin-right:10px;font-family:'Noto Sans KR';} .charge_write_cont .write_table .drive_num input{width:90px;} .charge_write_cont .write_table .drive_num input:nth-of-type(2){width:120px;} .charge_write_cont .write_table .write_self_certificate .write_td{padding-right:0;} .charge_write_cont .write_self_certificate .inp_custom{display: inline-block;box-sizing:border-box;vertical-align: top;} .charge_write_cont .write_self_certificate .inp_custom + .inp_custom{margin-left:30px;} .charge_write_cont .write_self_certificate .inp_custom input[type="radio"] + label{line-height:40px;} .charge_write_cont .write_self_certificate .inp_custom input[type="radio"] + label:before{margin-right:12px;} .charge_write_cont .write_self_certificate .inp_custom input[type="radio"] + label span{display: inline-block;margin-left:-9px;} .charge_write_cont .write_self_certificate img{margin-right:13px;margin-left:-5px;height:25px;} .charge_certification .btn_box{margin-top:60px;} /*미성년자*/ .charge_write_cont .info_table_box .write_table .col2 .write_th{line-height:30px;vertical-align: middle;} .charge_write_cont .info_table_box .write_table .col2 .write_th span{display:inline;line-height:30px;} .charge_write_cont .info_table_box .write_table .col2 .write_th.req span:before{top:24px;} .charge_write_cont .write_table .write_td button{display: inline-block;box-sizing:border-box;vertical-align: top;border:1px solid #333;height:50px;line-height:50px;text-align: center;border-radius:4px;font-size:16px;color:#222;font-weight:400;letter-spacing:-0.48px;padding:0 30.5px;margin-left:10px;} .charge_write_cont .info_table_box .deputy_reg_num .relation_select{margin-top:10px;} .charge_write_cont .info_table_box .deputy_reg_num .relation_select select{width:240px;} .charge_write_cont .write_table .write_phone_num .write_td input{width:90px;} .charge_write_cont .write_table .deputy_num .write_td input + span{margin-top:25px;} @media only screen and (max-width:1300px){ .charge_write_cont{width:calc(100% - 60px);padding:50px 40px 120px 40px;} } @media only screen and (max-width:1200px){ .charge_write_cont .write_self_certificate .inp_custom input[type="radio"] + label{font-size:15px;} .charge_write_cont .write_self_certificate .inp_custom + .inp_custom{margin-left:20px;} } @media only screen and (max-width:1100px){ .charge_write_cont .write_table .drive_num .write_td .drive_sel_box{display: block;margin-bottom:10px;} .charge_write_cont .write_table .drive_num .write_td input + span{margin-top:25px;} .charge_write_cont .write_table .write_self_certificate .write_td:after{clear:both;content:"";display: block;} .charge_write_cont .write_self_certificate .inp_custom{width:calc(50% - 10px);float: left;margin:0 0 15px 0;} .charge_write_cont .write_self_certificate .inp_custom:nth-of-type(2n+1){clear:both;float: left;margin-left:0;} } @media only screen and (max-width:1000px){ .charge_write_cont .write_step ul li{margin:0 20px;} .charge_write_cont .write_step ul li .icon{width:80px;height:80px;;} .charge_write_cont .write_step1_tab li p{font-size:20px;} .charge_write_cont .write_step1_tab li span{font-size:14px;} .charge_write_cont .write_table .write_td button{padding:0 10px;} } @media only screen and (max-width:900px){ .charge_write_cont .write_step ul{width:100%;box-sizing:border-box;padding:0 140px;} .charge_write_cont .write_step ul:before{width: 100%;height: 1px;content: "";background: #ddd;position: absolute;left: 0;bottom:109px;z-index: 0;} .charge_write_cont .write_step ul:after{clear:both;content:"";display: block;} .charge_write_cont .write_step ul li{float: left;margin:0 0 30px 30px;width:calc(33.3333% - 20px);position: relative;z-index:2;} .charge_write_cont .write_step ul li:nth-of-type(3n+1){margin-left:0;clear:both;float: left;} .charge_write_cont .write_step1_tab li{display: block;width:100%;text-align: left;padding:15px 30px;} .charge_write_cont .write_step1_tab li + li{margin:20px 0 0 0;} .charge_write_cont .write_step1_tab li.on:before{display: none;} .charge_write_cont .write_step1_tab li p{display: inline-block;vertical-align: top;font-size:24px;line-height:36px;} .charge_write_cont .write_step1_tab li span{display: inline-block;vertical-align: top;line-height:36px;margin-left:10px;} .charge_write_cont .write_table .write_td input[type="text"]{width:45%;} .charge_write_cont .write_table .issue_date input{width:100%;} .charge_write_cont .write_table .write_reg_num input{width:35%;} .charge_write_cont .write_table .drive_num input{width:17%;} .charge_write_cont .write_table .drive_num input:nth-of-type(2){width:20%;} .charge_write_cont .info_table_box .deputy_reg_num .relation_select select{width:35%;} .charge_write_cont .write_table .write_td dd select{width:100%;} } @media only screen and (max-width:800px){ .charge_write_cont .write_table .write_th, .charge_write_cont .write_table .write_td{padding:10px;} .charge_write_cont .write_table .write_th{font-size:15px;width:165px;} } @media only screen and (max-width:750px){ .charge_write_cont{padding:50px 30px 100px 30px;} .charge_write_cont .write_step ul{padding:0 100px;} .charge_write_cont .write_table .write_td input + span{margin-left:8px;margin-right:8px;} .charge_write_cont .write_table .drive_num input, .charge_write_cont .write_table .drive_num input:nth-of-type(2){width:23%;} .charge_write_cont .write_table .write_td button{font-size:14px;padding:0 6px;} } @media only screen and (max-width:640px){ .charge_write_cont{width:calc(100% - 30px);} .charge_write_cont .write_step ul{padding:0 15%;} .charge_write_cont .info_table_box .inp_custom{padding-bottom:5px;} .charge_write_cont .info_table_box .inp_custom label{font-size:14px;} .charge_write_cont .write_table .write_th{width:100%;} .charge_write_cont .write_table .write_td.sub_write_table .drive_num.on, .charge_write_cont .write_table .write_td.sub_write_table .sel_nation.on{display:block;} .charge_write_cont .info_table_box .write_table .write_th, .charge_write_cont .info_table_box .write_table .write_th span{line-height:initial;} .charge_write_cont .write_table .write_td input + span{width:5px;vertical-align: top;margin:22px 5px 0 5px;} .charge_write_cont .write_table .write_phone_num .write_td input{width:calc(33.3333% - 10px);} .charge_write_cont .write_table .write_phone_num .write_td.no_span input{width:calc(100% / 3 - 10px);} .charge_write_cont .info_table_box .write_table .col2 .write_th.req span:before{top:-8px;} .charge_write_cont .info_table_box .write_table .col2 .write_th span br{display: none;} .charge_write_cont .write_table .write_td.sub_write_table dl{border:none;} .charge_write_cont .write_table .write_td button{height:45px;line-height:45px;;} .charge_write_cont .write_table .write_td.sub_write_table dl{display: block;padding:0;} .charge_write_cont .write_table .write_td.sub_write_table dl dt, .charge_write_cont .write_table .write_td.sub_write_table dl dd{display: inline-block;} } @media only screen and (max-width:500px){ .charge_full_container .sub_contents.content_full{padding-bottom:70px;} .charge_write_cont{margin-top:40px;padding:40px 15px 60px 15px;} .charge_write_cont .write_step:before{top:32px;} .charge_write_cont .write_step ul{padding:0 20px;} .charge_write_cont .write_step ul:before{bottom:76px;} .charge_write_cont .write_step ul li{margin:0 0 15px 40px;width:calc(33.3333% - 27px);} .charge_write_cont .write_step ul li .icon{width:65px;height:65px;background-size:auto 25px !important;} .charge_write_cont .write_step ul li span{font-size:14px;margin-top:7px;} .charge_write_cont .sub_charge_write{margin-top:33px;} .charge_write_cont .sub_charge_write h3{font-size:27px;letter-spacing:-1px;} .charge_write_cont .write_step1_tab{margin-top:19px;} .charge_write_cont .write_step1_tab li{border-radius:7.5px;padding:12px 27px 11px;} .charge_write_cont .write_step1_tab li + li{margin-top:10px;} .charge_write_cont .write_step1_tab li p{font-size:17px;line-height:26px;} .charge_write_cont .write_step1_tab li span{font-size:11px;line-height:26px;} .charge_write_cont .info_table_box{margin-top:18px;} .charge_step1 .charge_write_cont .info_table_box{margin-top:33px;} .charge_write_cont .info_table_box .info_table_tit > p{font-size:12px;padding-bottom:10px;} .charge_write_cont .write_table .write_tr{padding:10px 0;} .charge_write_cont .write_table .write_th, .charge_write_cont .write_table .write_td{font-size:14px;} .charge_write_cont .write_table .write_th{padding:6px 0 0 0;} .charge_write_cont .write_table .write_td{padding:10px 0;font-size:0;} .charge_write_cont .write_table .write_td input[type="text"]{width:100%;} .charge_write_cont .write_table .write_td input{font-size:13px;} .charge_write_cont .write_table .write_reg_num input + span, .charge_write_cont .write_table .drive_num .write_td input + span, .charge_write_cont .write_table .deputy_num .write_td input + span{margin:22px 5px 0 5px;} .charge_write_cont .write_table .write_td dd select{width:75%;} .charge_write_cont .write_table .write_reg_num input{width:calc(50% - 43px);} .charge_write_cont .write_table .sub_write_table_box{} .charge_write_cont .write_table .write_td.sub_write_table dl{padding:0;} .charge_write_cont .write_table .write_td.sub_write_table dl dt, .charge_write_cont .write_table .write_td.sub_write_table dl dd{padding:7.5px 0;} .charge_write_cont .write_table .write_td.sub_write_table dl dt{width:115px;line-height:45px;} .charge_write_cont .write_table .write_td.sub_write_table dl dt span{line-height:45px;} .charge_write_cont .write_table .write_td.sub_write_table dl dd{width:calc(100% - 115px);} .charge_write_cont .write_table .drive_num .write_td select{width:90px;} .charge_write_cont .write_table .drive_num input{width:25%;} .charge_write_cont .write_table .drive_num input:nth-of-type(2){width:35%;} .charge_write_cont .write_table .write_self_certificate, .charge_write_cont .write_table .write_self_certificate .write_td{padding-bottom:0;} .charge_write_cont .write_self_certificate .inp_custom + .inp_custom{margin-left:10px;} .charge_write_cont .write_self_certificate .inp_custom:nth-of-type(2n+1){margin-left:0;} .charge_write_cont .write_self_certificate .inp_custom input[type="radio"] + label{line-height:25px;font-size:15px;} .charge_write_cont .write_self_certificate img{height:17px;} .charge_certification .btn_box{width:100%;margin-top:40px;} /*미성년자*/ .charge_write_cont .write_table .deputy_reg_num input{width:calc(50% - 42px);} .charge_write_cont .write_table .write_td button{font-size:13px;margin-left:5px;padding:0 8px;border-radius:2.5px;} .charge_write_cont .info_table_box .deputy_reg_num .relation_select select{width:64%;} } @media only screen and (max-width:374px){ .charge_write_cont .write_table .drive_num input{width:24%;} } @media only screen and (max-width:355px){ .charge_write_cont .write_table .drive_num input:nth-of-type(2){width:34%;} } @media only screen and (max-width:345px){ .charge_write_cont .write_step1_tab li{padding:12px 10px 11px;} .charge_write_cont .write_step1_tab li p{font-size:15px;} .charge_write_cont .write_table .write_td.sub_write_table dl dt{width:100px;} .charge_write_cont .write_table .write_td.sub_write_table dl dd{width:calc(100% - 100px);} .charge_write_cont .write_self_certificate .inp_custom input[type="radio"] + label{font-size:13px;} } @media only screen and (max-width:330px){ .charge_write_cont .write_step:before{top:25px;} .charge_write_cont .write_step ul:before{bottom:63px;} .charge_write_cont .write_step ul li .icon{width:45px;height:45px;} .charge_write_cont .write_table .drive_num input:nth-of-type(2){width:33%;} } /*─────────────────────────────────────────────────────────── 가입신청 (신청서작성 - 고객정보) ───────────────────────────────────────────────────────────*/ /*이메일*/ .charge_write_cont .write_table .write_email .write_td input{width:200px;} .charge_write_cont .write_table .write_email .write_td em{display: inline-block;box-sizing:border-box;vertical-align: top;font-size:18px;color:#aaa;font-weight:500;line-height:50px;margin:0 10px;} .charge_write_cont .write_table .write_email .write_td select{width:240px;margin-left:10px;} /*주소*/ .write_table .write_address .write_th{vertical-align: middle;} #wrap .write_table .write_address .write_td input{display: block;width:82.4%;margin-top:10px;} #wrap .write_table .write_address .write_td .zipcode_box input{display: inline-block;width:160px;margin:0;} #wrap .write_table .write_address .write_td button{padding:0 15px;} @media only screen and (max-width:1100px){ .charge_write_cont .write_table .write_email .write_td select{width:20%;} } @media only screen and (max-width:950px){ .charge_write_cont .write_table .write_email .write_td input:nth-of-type(1){width:calc(100% - 30px);margin-bottom:10px;} .charge_write_cont .write_table .write_email .write_td em{margin-right:0;} .charge_write_cont .write_table .write_email .write_td input:nth-of-type(2){width:calc(60% - 10px);} .charge_write_cont .write_table .write_email .write_td select{width:40%;} #wrap .write_table .write_address .write_td input{width:100%;} } @media only screen and (max-width:500px){ .charge_write_cont .write_table .write_email .write_td input:nth-of-type(1){width:calc(100% - 20px);} .charge_write_cont .write_table .write_email .write_td em{font-size:14px;line-height:45px;margin-left:5px;} .charge_write_cont .write_table .write_email .write_td input:nth-of-type(2){width:calc(60% - 5px);} .charge_write_cont .write_table .write_email .write_td select{margin-left:5px;} #wrap .write_table .write_address .write_td .zipcode_box input{width:calc(100% - 105px);} #wrap .write_table .write_address .write_td button{padding:0 13px;} } /*─────────────────────────────────────────────────────────── 가입신청 (신청서작성 - 가입정보 - 신규가입) ───────────────────────────────────────────────────────────*/ /*유심주문*/ .charge_write_cont .write_table .write_usim .write_td{padding-right:0;} .charge_write_cont .write_table .write_usim .write_td .inp_custom{display: inline-block;box-sizing:border-box;vertical-align: top;} .charge_write_cont .write_table .write_usim .write_td .inp_custom + .inp_custom{margin-left:30px;} .charge_write_cont .write_table .write_usim .write_td .inp_custom label{line-height:50px;} .write_table .write_td .error{font-size:16px;color:#c8234a;font-weight:400;letter-spacing:-0.9px;margin-top:1px;} .charge_write_cont .write_table .write_usim .write_sub_usim{display:none;box-sizing:border-box;border-top:1px solid #ddd;margin-top:25px;padding-top:20px;} .charge_write_cont .write_table .write_usim .write_sub_usim.on{display: block;} .charge_write_cont .write_table .write_usim .write_sub_usim dl dt, .charge_write_cont .write_table .write_usim .write_sub_usim dl dd{display: inline-block;box-sizing:border-box;vertical-align: top;line-height:50px;} .charge_write_cont .write_table .write_usim .write_sub_usim dl dt{font-size:15px;color:#222;font-weight:400;width:120px;;} .charge_write_cont .write_table .write_usim .write_sub_usim dl dd{width:calc(100% - 120px);} .charge_write_cont .write_table .write_td.no_span{} .charge_write_cont .write_table .write_td.no_span input + input{margin-left:15px;} .charge_write_cont .write_table .write_usim .write_sub_usim dl dd.betwn{display:inline-flex; justify-content:space-between; } .charge_write_cont .write_table .write_usim .write_sub_usim dl dd.betwn input{width:100%;} .charge_write_cont .write_table .write_usim .write_sub_usim dl dd.betwn input + input{margin-left:15px;} .charge_write_cont .write_table .write_usim .write_sub_usim .precau_txt{line-height:145%; margin-top:5px;} .charge_write_cont .write_table .write_usim .write_sub_usim ul.line_list > li .point_txt{font-weight:inherit;} @media only screen and (max-width:900px){ .charge_write_cont .write_table .write_usim .write_sub_usim .inp_custom{display: block;} .charge_write_cont .write_table .write_usim .write_sub_usim .inp_custom + .inp_custom{margin-left:0;} } @media only screen and (max-width:767px){ .charge_write_cont .write_table .write_usim .write_sub_usim dl dd.betwn{width:100%;} } @media only screen and (max-width:640px){ .charge_write_cont .write_table .write_usim .write_sub_usim dl dt, .charge_write_cont .write_table .write_usim .write_sub_usim dl dd{width:100%;line-height:45px;} .charge_write_cont .write_table .write_usim .write_td .inp_custom label{line-height:initial;} .charge_write_cont .write_table .write_usim .write_sub_usim .inp_custom label{line-height:45px;} } @media only screen and (max-width:500px){ .charge_write_cont .write_table .write_usim .write_td{padding:8px 0 3px;} .charge_write_cont .write_table .write_usim .write_td .inp_custom{width:50%;} .charge_write_cont .write_table .write_usim .write_td .inp_custom + .inp_custom{margin-left:0;} .write_table .write_td .error{font-size:13px;line-height:18px;margin-top:11px;} .charge_write_cont .write_table .write_usim .write_sub_usim{margin-top:16px;/*padding-top:4px;*/} .charge_write_cont .write_table .write_usim .write_sub_usim.usim_ok_num{padding:20px 0 6px;} .charge_write_cont .write_table .write_usim .write_sub_usim dl dt{font-size:14px;width:100%;} .charge_write_cont .write_table .write_usim .write_sub_usim dl dd{width:100%;} .charge_write_cont .write_table .write_usim .write_sub_usim .inp_custom{width:100%;} .charge_write_cont .write_table .write_usim .write_sub_usim .inp_custom + .inp_custom{margin-top:-5px;} .charge_write_cont .write_table .write_usim .write_sub_usim .inp_custom label{vertical-align: top;} .charge_write_cont .write_table .write_usim .write_sub_usim input[type="number"]{width: calc(100% - 185px);} } @media only screen and (max-width:365px){ .charge_write_cont .write_table .write_usim .write_sub_usim dl dt{width:100%} .charge_write_cont .write_table .write_usim .write_sub_usim dl dd{width:100%} .charge_write_cont .write_table .write_usim .write_sub_usim dl dd.betwn input + input{margin-left:10px;} } @media only screen and (max-width:330px){ .charge_write_cont .write_table .write_usim .write_sub_usim .inp_custom label{font-size:13px;} } /*─────────────────────────────────────────────────────────── 가입신청 (신청서작성 - 가입정보 - 번호이동) ───────────────────────────────────────────────────────────*/ /*변경전 사업자*/ .charge_write_cont .write_table .write_business .write_td .business_box{width:calc(100% + 15px);margin-left:-15px;} .charge_write_cont .write_table .write_business .write_td .inp_custom{display: inline-block;box-sizing:border-box;vertical-align: top;margin:0 15px;} .charge_write_cont .write_table .write_business .write_td .inp_custom label{line-height:50px;} .charge_write_cont .write_table .write_business .write_td select{width:150px;margin-left:5px;} /*변경전 요금제 유형*/ .charge_write_cont .write_table .write_rate .write_td .inp_custom{display: inline-block;box-sizing:border-box;vertical-align: top;} .charge_write_cont .write_table .write_rate .write_td .inp_custom + .inp_custom{margin-left:30px;} .charge_write_cont .write_table .write_rate .write_td .inp_custom label{line-height:50px;} /*번호 이동 인증*/ .charge_write_cont .write_table .write_number_move .write_td .number_move_radio{margin-top:10px;} .charge_write_cont .write_table .write_number_move .write_td .number_move_radio .inp_custom{display: block;} .charge_write_cont .write_table .write_number_move .write_td .number_move_radio .inp_custom + .inp_custom{margin-top:14px;} .charge_write_cont .write_table .write_number_move .number_move_txt{} .charge_write_cont .write_table .write_number_move .number_move_txt .sub_move_txt{display: none;box-sizing:border-box;border-top:1px solid #ddd;margin-top:34px;} .charge_write_cont .write_table .write_number_move .number_move_txt .sub_move_txt.on{display: block;} .charge_write_cont .write_table .write_number_move .sub_move_txt dl{padding:20px 0 0 0;} .charge_write_cont .write_table .write_number_move .sub_move_txt dl dt, .charge_write_cont .write_table .write_number_move .sub_move_txt dl dd{display: inline-block;box-sizing:border-box;vertical-align: top;} .charge_write_cont .write_table .write_number_move .sub_move_txt dl dt{font-size:17px;color:#222;font-weight:400;letter-spacing:-0.51px;line-height:50px;width:130px;margin-right:40px;} .charge_write_cont .write_table .write_number_move .sub_move_txt dl dd input{width:280px;} .charge_write_cont .write_table .write_number_move .number_txt{margin-top:13px;} .charge_write_cont .write_table .write_number_move .number_txt li{font-size:16px;color:#666;font-weight:400;letter-spacing:-0.8px;line-height:26px;position: relative;font-family:'Noto Sans KR';padding-left:9px;word-break:keep-all;} .charge_write_cont .write_table .write_number_move .number_txt li:before{width:5px;height:1px;content:"";background:#666;position: absolute;left:0;top:14px;} .charge_write_cont .write_table .write_number_move .number_txt li.txt_strong:before{width:auto;height:auto;content:"*";font-size:16px;color:#c8234a;font-weight:700;background: transparent;vertical-align: top;line-height: 1;top: 5px;} .charge_write_cont .write_table .write_number_move .number_txt li span{color:#c8234a;font-weight:400;} .charge_write_cont .write_table .write_number_move .number_txt li strong{color:#c8234a;font-weight:700;} @media only screen and (max-width:900px){ .charge_write_cont .write_table .write_number_move .sub_move_txt dl dd{width:calc(100% - 170px);} .charge_write_cont .write_table .write_number_move .sub_move_txt dl dd input{width:100%;} } @media only screen and (max-width:500px){ .charge_write_cont .write_table .write_business .write_td .business_box{width:100%;margin-left:0;} .charge_write_cont .write_table .write_business .write_td .inp_custom{line-height:initial;width:33.3333%;margin:0;} .charge_write_cont .write_table .write_business .write_td .inp_custom:last-of-type{width:100%;margin-top:8px;} .charge_write_cont .write_table .write_business .write_td .inp_custom label{line-height:initial;} .charge_write_cont .write_table .write_business .write_td select{width:100px;margin-left:12px;} .charge_write_cont .write_table .write_rate .write_td .inp_custom, .charge_write_cont .write_table .write_rate .write_td .inp_custom label{line-height:initial;} .charge_write_cont .write_table .write_number_move .write_td .number_move_radio{margin-top:0;} .charge_write_cont .write_table .write_number_move .write_td .number_move_radio .inp_custom + .inp_custom{margin-top:13px;} .charge_write_cont .write_table .write_number_move .number_move_txt .sub_move_txt{margin-top:16px;} .charge_write_cont .write_table .write_number_move .sub_move_txt dl dt{font-size:14px;width:105px;line-height:45px;margin-right:10px;} .charge_write_cont .write_table .write_number_move .sub_move_txt dl dd{width:calc(100% - 115px);} .charge_write_cont .write_table .write_number_move .number_txt li{font-size:13px;line-height:18px;} .charge_write_cont .write_table .write_number_move .number_txt li + li{margin-top:4px;} .charge_write_cont .write_table .write_number_move .number_txt li:before{top:9px;} .charge_write_cont .write_table .write_number_move .number_txt li.txt_strong:before{font-size:13px;top:2px;} } /*─────────────────────────────────────────────────────────── 가입신청 (신청서작성 - 배송정보) ───────────────────────────────────────────────────────────*/ .charge_write_cont .write_table .write_request .write_td input{width:82.4%;} @media only screen and (max-width:950px){ .charge_write_cont .write_table .write_request .write_td input{width:100%;} } /*─────────────────────────────────────────────────────────── 가입신청 (신청서작성 - 납부정보 - 후불) ───────────────────────────────────────────────────────────*/ .charge_write_cont .write_table.payment_info .write_td .inp_custom{line-height:initial;} .charge_write_cont .write_table.payment_info .write_td .inp_custom + .inp_custom{margin-left:30px;} /*카드정보, 계좌정보*/ .charge_write_cont .write_table .write_pay_info{display: none;} .charge_write_cont .write_table .write_pay_info.on{display:table-row;} .charge_write_cont .write_table .write_pay_info .write_td.sub_write_table dl dd{padding-left:16px;} /*번호*/ .charge_write_cont .write_table .write_pay_info .write_sub_pay input{margin-left:10px;width:51.8%;} /*카드 유효기간*/ .charge_write_cont .write_table .write_pay_info .pay_card_date input{width:90px;} .charge_write_cont .write_table .write_pay_info .pay_card_date em{font-size:16px;color:#aaa;font-weight:400;line-height:50px;margin:0 15px;display: inline-block;vertical-align: top;} /*생년월일*/ .charge_write_cont .write_table .write_pay_info .write_sub_birth input{width:280px;} /*자동이체 동의*/ .charge_write_cont .write_autopay{display: none;} .charge_write_cont .write_autopay.on{display:table-row;} .charge_write_cont .write_table.payment_info .write_autopay > .write_th, .charge_write_cont .write_table.payment_info .write_autopay > .write_th span{line-height:initial;} .charge_write_cont .write_table.payment_info .write_autopay .inp_custom{padding-left:20px;margin:10px 0 13px;line-height:initial;display: block;} .charge_write_cont .write_table.payment_info .write_autopay .inp_custom label{letter-spacing:-0.64px;} .charge_write_cont .write_table.payment_info .write_autopay .inp_custom label strong{color:#c8234a;font-weight:500;} .charge_write_cont .write_table .write_autopay .write_td.sub_write_table dl dt{width:210px;} .charge_write_cont .write_table .write_autopay .write_td.sub_write_table dl dd{width:calc(100% - 210px);padding-left:28px;} .charge_write_cont .write_table .autopay_btn_box{display: inline-block;vertical-align: top;} /*소액결제*/ .charge_write_cont .write_table .write_little_pay .write_td > p{display: inline-block;vertical-align: top;font-size:14px;color:#777;font-weight:400;letter-spacing:-0.56px;line-height:25px;padding-left:30px;} /*이메일*/ .charge_write_cont .write_table .write_pay_mail .write_td .inp_custom{display: block;margin-top:10px;line-height:initial;} @media only screen and (max-width:1200px){ .charge_write_cont .write_table .write_little_pay .write_td > p{font-size:13px;padding-left:20px;} } @media only screen and (max-width:1100px){ .charge_write_cont .write_table.payment_info .write_td dd select{width:45%;} .charge_write_cont .write_table .write_autopay .write_td.sub_write_table dl dt{width:150px;line-height:initial;} .charge_write_cont .write_table .write_autopay .write_td.sub_write_table dl dd{padding-left:0;width:calc(100% - 160px);} } @media only screen and (max-width:1050px){ .charge_write_cont .write_table .write_little_pay .write_td > p{display:block;padding-left:0;line-height:18px;} } @media only screen and (max-width:950px){ .charge_write_cont .write_table.payment_info .write_phone_num .write_td input{width:20%;} .charge_write_cont .write_table .write_pay_info .write_td.sub_write_table dl dd{padding-left:0;} .charge_write_cont .write_table .autopay_btn_box{display: block;margin-top:10px;} .charge_write_cont .write_table .autopay_btn_box button{margin-left:0;} } @media only screen and (max-width:850px){ .charge_write_cont .write_table.payment_info .write_td dd select{width:80%;} .charge_write_cont .write_table .write_pay_info .pay_card_date input{width:33%;} .charge_write_cont .write_table .write_pay_info .write_sub_pay input{display: block;width:100%;margin:10px 0 0 0;} .charge_write_cont .write_table .write_pay_info .write_sub_birth input{width:100%;} } @media only screen and (max-width:800px){ .charge_write_cont .write_table .write_autopay .write_td.sub_write_table dl dt{width:140px;} .charge_write_cont .write_table .write_autopay .write_td.sub_write_table dl dd{width:calc(100% - 140px);} } @media only screen and (max-width:640px){ .charge_write_cont .write_table .write_pay_info{padding:0;} .charge_write_cont .write_table .write_pay_info.on{display:block;} .charge_write_cont .write_autopay.on{display: block;} .charge_write_cont .write_table.payment_info .write_td .inp_custom{line-height:initial;width:50%;} .charge_write_cont .write_table.payment_info .write_td .inp_custom + .inp_custom{margin-left:0;} .charge_write_cont .write_table.payment_info .write_td.sub_write_table dl dt{line-height:45px;padding-left:0;} .charge_write_cont .write_table.payment_info .write_autopay .inp_custom{width:100%;padding-left:0;} .charge_write_cont .write_table .write_autopay .write_td.sub_write_table dl dt{line-height:initial;width:110px;} .charge_write_cont .write_table .write_autopay .write_td.sub_write_table dl dd{width:calc(100% - 110px);} .charge_write_cont .write_table.payment_info .write_phone_num .write_td input{width:calc(33.3333% - 10px);} } @media only screen and (max-width:500px){ .charge_write_cont .write_table.payment_info .write_td dd select{width:75%;} .charge_write_cont .write_table .write_pay_info .pay_card_date input{width:30%;} .charge_write_cont .write_table .write_pay_info .pay_card_date em{font-size:13px;line-height:45px;margin:0 10px;} .charge_write_cont .write_table .write_autopay .write_td.sub_write_table dl dt{width:90px;} .charge_write_cont .write_table .write_autopay .write_td.sub_write_table dl dd{width:calc(100% - 90px);} } /*─────────────────────────────────────────────────────────── 가입신청 (신청서작성 - 납부정보 - 선불) ───────────────────────────────────────────────────────────*/ .pay_autocharge_box{width:100%;display: none;} .pay_autocharge_box.on{display:table-row-group;} .write_table .autocharge_date{display: none;} .write_table .autocharge_date.on{display:table-row;} .pay_autocharge_box p{font-size:17px;color:#222;font-weight:400;display: inline-block;vertical-align: top;line-height:50px;} .pay_autocharge_box .date_select, .pay_autocharge_box .price_select{display: inline-block;vertical-align: top;margin:0 20px;} .pay_autocharge_box .date_select select, .pay_autocharge_box .price_select select{width:120px;} .charge_write_cont .write_table .write_pay_info .write_sub_name .inp_custom{margin-left:20px;line-height:50px;vertical-align: top;} .write_table .write_tr.pay_card_agree{display:none;} .write_table .write_tr.pay_card_agree.on{display:table-row;} @media only screen and (max-width:1100px){ .charge_write_cont .write_table .write_pay_info .write_sub_name .inp_custom{display: block;line-height:initial;margin:10px 0 0 0;} } @media only screen and (max-width:900px){ .write_table .pay_autocharge_method .inp_custom{width:100%;display: block;} .charge_write_cont .write_table.payment_info .pay_autocharge_method .inp_custom + .inp_custom{margin:0;} .pay_autocharge_box p{font-size:15px;} .pay_autocharge_box .date_select, .pay_autocharge_box .price_select{margin:0 10px;} .pay_autocharge_box .date_select select, .pay_autocharge_box .price_select select{width:100px;;} .charge_write_cont .write_table.payment_info .pay_card_agree .write_td .inp_custom{line-height:initial;} } @media only screen and (max-width:750px){ .pay_autocharge_box .date_select, .pay_autocharge_box .price_select{margin:0 5px;} } @media only screen and (max-width:640px){ .pay_autocharge_box.on{display:block;} .write_table .autocharge_date.on{display: block;} .charge_write_cont .write_table.payment_info .pay_autocharge_method .inp_custom{width:100%;} .charge_write_cont .write_table .pay_card_agree .write_td .inp_custom{width:100%;} .charge_write_cont .write_table .write_pay_info .write_sub_name .inp_custom{width:100%;} .pay_autocharge_box p{line-height:45px;} .write_table .write_tr.pay_card_agree{display:block;} } @media only screen and (max-width:500px){ .charge_write_cont .write_table.payment_info .pay_autocharge_method .inp_custom{width:100%;line-height:22px;} .pay_autocharge_box .date_select select, .pay_autocharge_box .price_select select{width:90px;} .pay_autocharge_box .autocharge_price p:last-of-type{line-height:initial;display: block;} } /*────────────────────────────────────────────────────────── 가입신청 (신청서작성 - 안내사항) ───────────────────────────────────────────────────────────*/ .notification_box{width:100%;box-sizing:border-box;border-radius:15px;background:#333;display:flex;align-items:center;padding:27px 60px 26px;margin-top:47px;} .notification_box:after{clear:both;content:"";display: block;} .notification_box > div{display: inline-block;box-sizing:border-box;vertical-align: middle;} .notification_box .chk_box{width:80%;} .notification_box .chk_box .inp_custom label{font-size:20px;color:#fff;font-weight:500;letter-spacing:-0.8px;} .notification_box .chk_box .inp_custom label strong{color:#c8234a;font-weight:500;} .notification_box .chk_box p{font-size:16px;color:#fff;font-weight:400;letter-spacing:-0.64px;margin-top:13px;} .notification_box .notification_btn_box{float: right;} .notification_box .notification_btn_box .btn_notification{display: inline-block;box-sizing:border-box;border:1px solid #fff;border-radius:4px;height:32px;line-height:32px;font-size:16px;color:#fff;font-weight:400;letter-spacing:-0.64px;padding:0 13px;} @media only screen and (max-width:1250px){ .notification_box .chk_box{width:77%;} } @media only screen and (max-width:1100px){ .notification_box .chk_box{width:74%;} .notification_box .notification_btn_box .btn_notification{padding:0 7px;} } @media only screen and (max-width:1000px){ .notification_box{display: block;} .notification_box > div{display: block;width:100%;} .notification_box .chk_box{width:100%;} .notification_box .notification_btn_box{float:none;margin-top:20px;} } @media only screen and (max-width:640px){ .notification_box{padding:20px 30px 19px;} } @media only screen and (max-width:500px){ .notification_box{padding:20px 20px 20px 20px;} .notification_box .chk_box .inp_custom label{font-size:15px;} .notification_box .chk_box p{font-size:13px;line-height:18px;margin-top:5px;} .notification_box .notification_btn_box{margin-top:11px;} .notification_box .notification_btn_box .btn_notification{font-size:13px;height:30px;line-height:30px;} } /*────────────────────────────────────────────────────────── 가입완료 ───────────────────────────────────────────────────────────*/ .charge_write_cont.charge_end .sub_charge_write{margin-top:50px;} .charge_write_cont.charge_end .sub_charge_write h3:before{width:76px;height:76px;content:"";background:url('/images/sub/write_end.png')no-repeat center;background-size:auto 100%;display: block;margin:0 auto;margin-bottom:20px;} .charge_write_cont.charge_end .charge_end_txt{text-align: center;margin-top:42px;} .charge_write_cont.charge_end .charge_end_txt p{font-size:20px;color:#333;font-weight:500;letter-spacing:-1px;margin-bottom:16px;} .charge_write_cont.charge_end .charge_end_txt span{font-size:16px;color:#666;font-weight:400;font-family:'Noto Sans KR';line-height:30px;letter-spacing:-0.8px;} .charge_write_cont.charge_end .charge_end_txt span .m_br{display: none;} .charge_certification .charge_end .btn_box{margin-top:53px;} @media only screen and (max-width:500px){ .charge_write_cont.charge_end .sub_charge_write{margin-top:20px;} .charge_write_cont.charge_end .sub_charge_write h3:before{width:57px;height:57px;margin-bottom:14px;} .charge_write_cont.charge_end .charge_end_txt{margin-top:26px;} .charge_write_cont.charge_end .charge_end_txt p{font-size:16px;margin-bottom:4px;} .charge_write_cont.charge_end .charge_end_txt span{font-size:13px;line-height:18px;} .charge_write_cont.charge_end .charge_end_txt span .m_br{display: block;} } /*────────────────────────────────────────────────────────── 가입안내 ───────────────────────────────────────────────────────────*/ .sub_usim_join .cont{border-top:2px solid #333;padding-top: 24px;} .sub_usim_join .line_list.chk li{letter-spacing: -1.5px;} .sub_usim_join.sub_cost .circle_list_box{border:0; margin-top:18px;} .sub_usim_join.sub_cost .circle_list_box.small{padding: 25px 27px;} .sub_usim_join.sub_cost ul.circle_list > li{letter-spacing: -1px;} .sub_usim_join.sub_cost ul.circle_list > li + li{margin-top: 6px;} .sub_usim_join.sub_cost ul.circle_list > li em{display:inline-block; width:100px;vertical-align: top;} .sub_usim_join.sub_cost ul.circle_list > li em + span{display:inline-block;width: calc(100% - 103px);vertical-align: top;} .sub_usim_join.sub_cost ul.circle_list > li a{color:inherit;} .sub_usim_join.sub_cost .circle_list_box .line_list.chk{margin-top:0;} .sub_usim_join.sub_cost .circle_list_box .line_list.chk li{font-size:18px; width:51%; padding-right:15px; box-sizing:border-box; vertical-align:top;} .sub_usim_join.sub_cost .circle_list_box .line_list.chk li:nth-child(even){width:49%;} .sub_usim_join.sub_cost .circle_list_box .line_list.chk li:nth-child(n+3){margin-top:10px;} .procedure_list_wrap{} .procedure_list_wrap .line_list.chk + .procedure_list{margin-top: 23px;} .procedure_list {width:100%;padding-bottom: 10px;} .procedure_list > li{width:100%;} .procedure_list > li + li{margin-top:30px;} .procedure_list dl{} .procedure_list .tittle{display:inline-block; font-size:18px; font-weight:400; color:#fff; border-radius:19.5px; background:#488645;padding: 7px 14px 6px;letter-spacing: -1px;} .procedure_list .tittle.red{background:#c8234a;} .procedure_list .info{display:block; margin-top:20px;} .procedure_list .info > ul{display:flex;} .procedure_list .info > ul li{position:relative; display:inline-flex; align-items:center; justify-content:center; font-size:17px; font-weight:400; color:#333; letter-spacing:-1px; line-height:26px; width:144px; height:80px; border:1px solid #ccc; border-radius:10px; text-align:center; box-sizing:border-box;} .procedure_list .info > ul li + li{margin-left:32px;} .procedure_list .info > ul li + li:before{position:absolute; content:''; width:11px; height:20px; background:url('/images/sub/procedure_list_arrow.png') no-repeat center; top:50%; transform:translateY(-50%); left:-21px;} .handle_list{counter-reset: handle_num;} .handle_list > li{position:relative; } .handle_list .tittle:before{position:absolute; content: '0' counter(handle_num); counter-increment: handle_num; display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:100%; background:#555; font-size:16px; font-weight:400; color:#fff; top:50%; left:30px; transform:translateY(-50%); } .handle_list > li + li{margin-top:20px;} .handle_list > li dl{display:flex;align-items: stretch;background: #f5f5f5;border: 1px solid #ddd;overflow: hidden;border-radius: 10px; } .handle_list .tittle{position:relative; font-size:22px; font-weight:500; letter-spacing:-1px; color:#222; background:#f5f5f5;width: 240px;display: inline-flex;align-items: center; padding-left:76px; box-sizing:border-box;} .handle_list .info{font-size:16px; line-height:30px; color:#555;background: #fff;letter-spacing:-1px;width: calc(100% - 240px);padding: 25px 30px;box-sizing: content-box;} .handle_list .info strong{display:block; color:#333; font-weight:inherit; margin-top:10px;} .handle_list .info ul.line_list > li{line-height:145%;} .handle_list .info ul.line_list > li.strong{font-size:inherit;} .handle_list .info ul.line_list > li + li{margin-top:5px;} @media only screen and (max-width:1200px){ .procedure_list .tittle{font-size:17px;} .procedure_list .info > ul li{font-size:16px; line-height:145%;} } @media only screen and (max-width:1023px){ .sub_usim_join.sub_cost ul.circle_list > li em{width:93px;} .sub_usim_join.sub_cost ul.circle_list > li span{width:calc(100% - 93px);} .handle_list .tittle{width:200px; font-size:21px;} .handle_list .info{width:calc(100% - 200px); font-size:15px; line-height:190%;} .handle_list .tittle:before{width:30px; height:30px; font-size:15px;} .sub_usim_join.sub_cost .circle_list_box{margin-top:10px;} .sub_usim_join.sub_cost .circle_list_box .line_list.chk li{font-size:17px;} } @media only screen and (max-width:860px){ .procedure_list .info > ul li{font-size:15px;} .procedure_list_wrap .line_list.chk + .procedure_list{margin-top:15px;} .handle_list .tittle{width:180px; font-size:19px; padding-left:70px;} .handle_list .info{width:calc(100% - 180px);} .sub_usim_join.sub_cost .circle_list_box .line_list.chk li{font-size:16px;} } @media only screen and (max-width:767px){ .procedure_list .info > ul li{height:100px;} .procedure_list .info > ul li + li{margin-left:20px;} .procedure_list .info > ul li + li:before{background-size:7px; left:-16px;} .sub_usim_join.sub_cost .circle_list_box .line_list.chk li{width:100% !important; font-size:15px;} .sub_usim_join.sub_cost .circle_list_box .line_list.chk li + li{margin-top:10px;} } @media only screen and (max-width:640px){ .procedure_list .tittle{font-size:16px;} .procedure_list .info{margin-top:15px;} .procedure_list .info > ul{flex-wrap:wrap;} .procedure_list .info > ul li{width:100%; margin-left:0 !important; height:70px;} .procedure_list .info > ul li + li{margin-top:30px;} .procedure_list .info > ul li + li:before{background-size:10px;top: -26px;left: 50%;transform: translateX(-50%) rotate(90deg);} .sub_usim_join.sub_cost .circle_list_box{margin-top:10px;} .sub_usim_join.sub_cost ul.circle_list > li em{width:80px;} .sub_usim_join.sub_cost ul.circle_list > li span{width:calc(100% - 80px);} .handle_list .tittle{width:150px; font-size:18px;} .handle_list .tittle:before{font-size:14px;} .handle_list .info{width:calc(100% - 150px); font-size:14px; padding:20px 25px;} } @media only screen and (max-width:479px){ .handle_list > li dl{flex-wrap:wrap;} .handle_list .tittle{width:100%; font-size:16px; padding-left:55px; height:55px;} .handle_list .tittle:before{font-size:13px; width:26px; height:26px; left:20px;} .handle_list .info{width:100%} .handle_list .info strong{margin-top:5px;} .sub_usim_join.sub_cost .circle_list_box .line_list.chk li{font-size:14px;} } @media only screen and (max-width:414px){ .procedure_list .info{margin-top:15px;} .procedure_list .info > ul li{border-radius:5px;} .handle_list .info{ padding:20px 20px;} } @media only screen and (max-width:360px){ .procedure_list .tittle{font-size:15px;} .procedure_list .info > ul li{font-size:14px; height:60px;} } /*────────────────────────────────────────────────────────── 유심 이용 안내 ───────────────────────────────────────────────────────────*/ .sub_usim_guide.sub_cost p.cost_noti{font-size:18px;color: #333;} .sub_usim_guide.sub_cost .sub_cont_tit + p.cost_noti{font-weight:400;margin-left: 17px;margin-top: 7px;} .sub_usim_guide .sim_type_wrap{display:flex;align-items: flex-start;justify-content: space-between;} .sub_usim_guide .sim_type_list_box{width: calc(100% - 680px); padding-right:20px; box-sizing:border-box;} .sub_usim_guide .sim_type_list{margin-top: 15px;} .sub_usim_guide .sim_type_list > li{} .sub_usim_guide .sim_type_list > li + li{margin-top: 42px;} .sub_usim_guide .sim_type_list > li dl{} .sub_usim_guide .sim_type_list > li dt{display:inline-flex; align-items:center; justify-content:center; font-size:20px; font-weight:400; color:#fff; width:140px; height:50px; background:#333; border-radius:25px;letter-spacing: -0.7px;} .sub_usim_guide .sim_type_list > li dd{font-size:18px; font-weight:400; color:#444;margin-top: 17px;letter-spacing: -1px;line-height: 145%;} .sub_usim_guide .how_use{width: 680px; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; position:relative;margin-top: 22px;padding: 35px 30px 50px;} .sub_usim_guide .how_use .tittle{position:absolute; top:20px; left:20px; font-size:22px; font-weight:400; color:#333; line-height:26px; background:#eee; border-radius:10px; text-align:center;letter-spacing: -1px;padding: 9px 25px;} .sub_usim_guide .how_use > ul{} .sub_usim_guide .how_use > ul > li{display:flex;align-items: flex-end; box-sizing:border-box;} .sub_usim_guide .how_use > ul > li + li{margin-top: 34px;} .sub_usim_guide .how_use > ul > li:nth-child(1){padding-left: 226px;} .sub_usim_guide .how_use > ul > li:nth-child(2){padding-left: 92px;align-items: center;} .sub_usim_guide .how_use > ul > li:nth-child(2) .img_wrap{margin-left:30px;} .sub_usim_guide .how_use > ul > li:nth-child(2) .img_wrap:before{width:42px; height:42px; background:url('/images/sub/sub_usim_guide_arrow01.png') no-repeat center;top: -41px;right: 6px;} .sub_usim_guide .how_use > ul > li:nth-child(2) .img_wrap span{margin-left:14px;} .sub_usim_guide .how_use > ul > li:nth-child(3){padding-left: 40px;align-items: center;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap{margin-left:30px; flex-wrap:wrap;padding-top: 20px;align-items: flex-start;position: relative;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap + .img_wrap{margin-left: 38px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap span{margin-left: 6px;margin-top: -5px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap p{width: max-content;font-size: 16px;font-weight: 400;letter-spacing: -1px;color: #555;position: absolute;left: -2px;bottom: -30px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap:before{width:42px; height:42px; background:url('/images/sub/sub_usim_guide_arrow01.png') no-repeat center;top: -45px;right: 6px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap:nth-child(3):before{transform:scaleX(-1);right: auto;left: -15px;top: -40px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap:nth-child(4):before{width:112px; height:160px; background:url('/images/sub/sub_usim_guide_arrow02.png') no-repeat center; right:auto;left: -38px;top: -167px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap:nth-child(3) p{bottom: -41px;} .sub_usim_guide .how_use > ul > li dl{} .sub_usim_guide .how_use > ul > li dt{font-size:20px; font-weight:bold; letter-spacing:-1px; color:#333;margin-bottom: 10px;font-family: 'Noto Sans KR',-apple-system,Roboto,'Helvetica Neue','Apple SD Gothic Neo',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .sub_usim_guide .how_use > ul > li dd{} .sub_usim_guide .how_use > ul > li .img_wrap{position:relative; display:flex; align-items:center; font-size:0;margin-left: 15px;} .sub_usim_guide .how_use > ul > li .img_wrap:before{position:absolute; content:'';} .sub_usim_guide .how_use > ul > li .img_wrap span{margin-left: 20px; font-size:16px; font-weight:400; color:#555; letter-spacing:-1px; font-family: 'Noto Sans KR',-apple-system,Roboto,'Helvetica Neue','Apple SD Gothic Neo',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .sub_usim_guide.sub_cost .how_use ul.circle_list > li{padding-left:5px;} .sub_usim_guide.sub_cost .how_use ul.circle_list > li + li{margin-top:0;} .sub_usim_guide .sim_charge_method{margin-top: 15px;} .sub_usim_guide .sim_charge_method h4{font-size:22px; font-weight:400; color:#333; letter-spacing:-1px; border:1px solid #333; border-radius:10px;text-align: center;padding: 18px 15px 17px;background: #fff;position: relative;z-index: 2;} .sub_usim_guide .sim_charge_method > ul{display:flex;border: 1px solid #ddd;border-radius: 10px;margin-top: -10px;padding: 50px 20px;box-sizing: border-box;} .sub_usim_guide .sim_charge_method > ul > li{width: 50%; text-align:center; box-sizing:border-box;} .sub_usim_guide .sim_charge_method > ul > li:nth-child(even){ border-left:1px solid #ddd;} .sub_usim_guide .sim_charge_method > ul > li:nth-child(2) dd{margin-top:37px;} .sub_usim_guide .sim_charge_method > ul > li:nth-child(2) dd span:before{width:100px; height:100px; background:url('/images/sub/sub_usim_guide_img09.png') no-repeat center;top: 17px;left: auto;right: -60px;box-sizing: border-box;} .sub_usim_guide .sim_charge_method > ul > li:nth-child(2) dd p{margin-left: 100px;padding-bottom: 23px;} .sub_usim_guide .sim_charge_method > ul > li dl{} .sub_usim_guide .sim_charge_method > ul > li dt{display:inline-block; font-size:22px; font-weight:400; color:#fff; background:#333; border-radius:25px;padding: 9px 28px 8px;} .sub_usim_guide .sim_charge_method > ul > li dd{display:flex;align-items: center;justify-content: center;margin-top: 53px;} .sub_usim_guide .sim_charge_method > ul > li dd span{position:relative; font-size:0;} .sub_usim_guide .sim_charge_method > ul > li dd span:before{position:absolute; content:''; width:112px; height:112px; overflow:hidden; border-radius:100%; border:2px solid #c8234a; background:url('/images/sub/sub_usim_guide_img07.png') no-repeat center;top: -27px; left:0;box-sizing: border-box;} .sub_usim_guide .sim_charge_method > ul > li dd p{font-size:22px; font-weight:400; color:#444; letter-spacing:-1px; line-height:32px; text-align:left;margin-left: 37px;} .sub_usim_guide .sim_charge_method > ul > li dd strong{position:relative; color:#c8234a; font-weight:inherit;} .sub_usim_guide .sim_charge_method > ul > li dd strong:before{position:absolute; content:''; width:calc(100% + 55px); height:2px; right:2px; bottom:0; background:#c8234a; } .sub_usim_guide .cost_noti + .precau_txt{margin-top:10px; color:#333;} @media only screen and (max-width:1217px){ .sub_usim_guide .sim_type_list > li dt{font-size:19px;} .sub_usim_guide .sim_type_list > li dd{font-size:17px;} .sub_usim_guide .how_use .tittle{font-size:20px;} .sub_usim_guide .sim_charge_method h4, .sub_usim_guide .sim_charge_method > ul > li dt, .sub_usim_guide .sim_charge_method > ul > li dd p{font-size:21px;} } @media only screen and (max-width:1100px){ .sub_usim_guide .sim_type_list > li dt{font-size:18px;} .sub_usim_guide .sim_type_list > li dd{font-size:16px;} .sub_usim_guide .sim_type_list > li dd br{display:none;} .sub_usim_guide .how_use .tittle{font-size:19px;} } @media only screen and (max-width:1023px){ .sub_usim_guide .sim_type_list_box{width:calc(100% - 660px);} .sub_usim_guide .sim_type_list{margin-top:10px;} .sub_usim_guide .sim_type_list > li + li{margin-top:30px;} .sub_usim_guide .sim_type_list > li dd{margin-top:14px;} .sub_usim_guide .how_use{width:660px;} .sub_usim_guide .how_use .tittle{font-size:18px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap p{font-size:15px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap:nth-child(4):before{top:-165px;} .sub_usim_guide .sim_charge_method h4, .sub_usim_guide .sim_charge_method > ul > li dt, .sub_usim_guide .sim_charge_method > ul > li dd p{font-size:18px;} .sub_usim_guide.sub_cost p.cost_noti{font-size:17px;} } @media only screen and (max-width:975px){ .sub_usim_guide .sim_charge_method h4, .sub_usim_guide .sim_charge_method > ul > li dt, .sub_usim_guide .sim_charge_method > ul > li dd p{font-size:17px;} .sub_usim_guide .sim_charge_method > ul > li dd p{line-height:150%; margin-left:20px;} .sub_usim_guide .sim_charge_method > ul > li:nth-child(2) dd p{margin-left:80px; padding-bottom:13px;} .sub_usim_guide .sim_charge_method > ul > li dd strong:before{width:calc(100% + 35px);} } @media only screen and (max-width:940px){ .sub_usim_guide .sim_type_wrap{flex-wrap:wrap;} .sub_usim_guide .sim_type_list_box{width:100%;} .sub_usim_guide .how_use{width:100%;} .sub_usim_guide .how_use > ul{width:640px; margin:0 auto;} .sub_usim_guide .sim_charge_method > ul{flex-wrap:wrap;} .sub_usim_guide .sim_charge_method > ul > li{width:100%;} .sub_usim_guide .sim_charge_method > ul > li:nth-child(even){border-left:0; border-top:1px solid #ddd; margin-top:40px; padding-top:40px;} } @media only screen and (max-width:860px){ .sub_usim_guide.sub_cost p.cost_noti{font-size:16px;} } @media only screen and (max-width:767px){ .sub_usim_guide .sim_type_list > li dt{font-size:17px; height:45px;} .sub_usim_guide .how_use > ul{width:100%;} .sub_usim_guide .how_use > ul > li dt{font-size:18px; margin-bottom:5px;} .sub_usim_guide .how_use > ul > li .img_wrap span{font-size:15px;} .sub_usim_guide .how_use > ul > li:nth-child(1){padding-left:186px;} .sub_usim_guide .how_use > ul > li:nth-child(2){padding-left:52px;} .sub_usim_guide .how_use > ul > li:nth-child(3){padding-left:0;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap:nth-child(4):before{top:-161px; left:-20px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap + .img_wrap{margin-left:20px;} } @media only screen and (max-width:640px){ .sub_usim_guide .sim_type_list > li dt{font-size:16px; height:40px; width:125px;} .sub_usim_guide .sim_type_list > li dd{font-size:15px;} .sub_usim_guide .how_use{padding:30px 25px 45px;} .sub_usim_guide .how_use .tittle{font-size:16px; line-height:150%;} .sub_usim_guide .how_use > ul > li .img_wrap img{max-width:70%;} .sub_usim_guide .how_use > ul > li:nth-child(2) .img_wrap:before{top:-38px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap:nth-child(4):before{top:-153px; left:-10px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap p{font-size:14px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap:nth-child(3):before{top:-42px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap:nth-child(3) p{bottom:-37px;} .sub_usim_guide.sub_cost p.cost_noti{font-size:15px;} } @media only screen and (max-width:590px){ .sub_usim_guide .how_use{padding:25px 25px 45px;} .sub_usim_guide .how_use .tittle{position:relative; top:0; left:0; margin-bottom:20px;} .sub_usim_guide .how_use .tittle br{display:none;} .sub_usim_guide .how_use > ul > li{padding-left:0 !important;} .sub_usim_guide .how_use > ul > li dl{min-width:100px;} .sub_usim_guide .how_use > ul > li dt{font-size:17px;} .sub_usim_guide .how_use > ul > li .img_wrap img{max-width:50%;} .sub_usim_guide .how_use > ul > li:nth-child(2) .img_wrap:before{right:40px; top:-50px; } .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap + .img_wrap{margin-left:5px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap:before{right:35px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap:nth-child(3):before{left:-20px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap:nth-child(4):before{top: -166px;left: -65px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap p{font-size:13px; bottom:-25px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap:nth-child(3) p{bottom:-30px;} } @media only screen and (max-width:540px){ .sub_usim_guide .how_use > ul > li:nth-child(1) .img_wrap img{width:70px;} .sub_usim_guide .how_use > ul > li:nth-child(2) .img_wrap img{width:50px;} .sub_usim_guide .how_use > ul > li:nth-child(2) .img_wrap{margin-left:13px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap{margin-left:13px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap:nth-child(4):before{top:-158px;} } @media only screen and (max-width:500px){ .sub_usim_guide .how_use > ul > li{flex-wrap:wrap;} .sub_usim_guide .how_use > ul > li + li{margin-top:25px;} .sub_usim_guide .how_use > ul > li dl{width:100%;} .sub_usim_guide .how_use > ul > li .img_wrap{margin-top:15px; margin-left:0;} .sub_usim_guide .how_use > ul > li .img_wrap:before{display:none;} .sub_usim_guide .how_use > ul > li:nth-child(2) .img_wrap{margin-left:0;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap{padding-top:0; margin-left:0;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap img{width:60px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap:nth-child(3) img{width:80px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap:nth-child(4) img{width:90px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap:nth-child(3) p{bottom:-26px;} } @media only screen and (max-width:479px){ .sub_usim_guide .sim_charge_method h4, .sub_usim_guide .sim_charge_method > ul > li dt, .sub_usim_guide .sim_charge_method > ul > li dd p{font-size:16px;} .sub_usim_guide .sim_charge_method h4{padding:13px 15px 12px;} .sub_usim_guide .sim_charge_method > ul{padding:40px 20px;} .sub_usim_guide .sim_charge_method > ul > li:nth-child(even){margin-top:30px; padding-top:30px;} .sub_usim_guide .sim_charge_method > ul > li dd span{width:180px;} .sub_usim_guide .sim_charge_method > ul > li dd span:before{width:90px; height:90px;} .sub_usim_guide .sim_charge_method > ul > li dd p{width:calc(100% - 180px);} .sub_usim_guide .sim_charge_method > ul > li:nth-child(2) dd span:before{top:7px; right:-53px; width:90px; height:90px;} .sub_usim_guide .sim_charge_method > ul > li:nth-child(2) dd p{margin-left:73px; padding-bottom:19px;} .sub_usim_guide .sim_charge_method > ul > li dd strong:before{width:calc(100% + 28px);} .sub_usim_guide.sub_cost p.cost_noti{font-size:14px;} } @media only screen and (max-width:414px){ .sub_usim_guide .sim_charge_method h4, .sub_usim_guide .sim_charge_method > ul > li dt, .sub_usim_guide .sim_charge_method > ul > li dd p{font-size:15px;} .sub_usim_guide .sim_charge_method > ul > li dd span:before, .sub_usim_guide .sim_charge_method > ul > li:nth-child(2) dd span:before{width:80px; height:80px;} .sub_usim_guide .sim_charge_method > ul > li dd strong:before{width: calc(100% + 15px);} .sub_usim_guide .sim_charge_method > ul > li dd span{width:160px;} .sub_usim_guide .sim_charge_method > ul > li dd p{width:calc(100% - 160px);} .sub_usim_guide .sim_charge_method > ul > li:nth-child(2) dd p{margin-left:65px;padding-bottom: 10px;} } @media only screen and (max-width:385px){ .sub_usim_guide .how_use{padding:20px 20px 40px;} .sub_usim_guide .how_use > ul > li .img_wrap span{font-size:14px; margin-left:15px;} } @media only screen and (max-width:374px){ .sub_usim_guide .sim_charge_method h4, .sub_usim_guide .sim_charge_method > ul > li dt, .sub_usim_guide .sim_charge_method > ul > li dd p{font-size:14px;} .sub_usim_guide .sim_charge_method > ul > li dd span{width:130px;} .sub_usim_guide .sim_charge_method > ul > li dd span:before, .sub_usim_guide .sim_charge_method > ul > li:nth-child(2) dd span:before{width:70px; height:70px;} .sub_usim_guide .sim_charge_method > ul > li:nth-child(2) dd span:before{right:-43px;} .sub_usim_guide .sim_charge_method > ul > li:nth-child(2) dd p{margin-left: 56px;padding-bottom: 6px;} .sub_usim_guide .sim_charge_method > ul > li dd p{width:calc(100% - 130px);} } @media only screen and (max-width:370px){ .sub_usim_guide .how_use{padding:15px 15px 40px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap:nth-child(4){margin-left:15px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap img{width:45px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap:nth-child(3) img{width:60px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap:nth-child(4) img{width:75px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap p{font-size:12px;} .sub_usim_guide .how_use > ul > li:nth-child(3) .img_wrap:nth-child(3) p{bottom:-27px;} .sub_usim_guide .sim_charge_method > ul{padding:40px 15px;} .sub_usim_guide .sim_charge_method h4, .sub_usim_guide .sim_charge_method > ul > li dt, .sub_usim_guide .sim_charge_method > ul > li dd p{font-size:13px;} .sub_usim_guide .sim_charge_method > ul > li:nth-child(2) dd p{padding-bottom:0;} } /*────────────────────────────────────────────────────────── 핸드폰 안내 ───────────────────────────────────────────────────────────*/ .sub_usim_phone .bbs_table_wrap.mg_sm{margin-top:18px;padding-bottom: 8px;} .sub_usim_phone .bbs_table_wrap .bbs_table thead th{padding: 18px 10px 16px;} .sub_usim_phone .bbs_table_wrap .bbs_table tbody td{font-size:17px; line-height:165%;} .sub_usim_phone .bbs_table_wrap .bbs_table tbody th, .sub_usim_phone .bbs_table_wrap .bbs_table tbody td{height:30px;padding: 15px 10px;} .sub_usim_phone.sub_cost .precau_txt{color:#444; font-size:18px;letter-spacing: -1px; padding-left:21px;} .sub_usim_phone.sub_cost p.cost_noti.small{margin-top:10px; padding-bottom:2px;line-height: 158%;} @media only screen and (max-width:1023px){ .sub_usim_phone.sub_cost .precau_txt{font-size:17px;} .sub_usim_phone .bbs_table_wrap.mg_sm{margin-top:10px; padding-bottom:0;} } @media only screen and (max-width:860px){ .sub_usim_phone .bbs_table_wrap .bbs_table tbody td{font-size:16px;} .sub_usim_phone.sub_cost .precau_txt{font-size:16px;} } @media only screen and (max-width:640px){ .sub_usim_phone .bbs_table_wrap .bbs_table col:nth-child(1){width:110px;} .sub_usim_phone .bbs_table_wrap .bbs_table tbody td{font-size:15px;} .sub_usim_phone.sub_cost .precau_txt{font-size:15px;} } @media only screen and (max-width:479px){ .sub_usim_phone .bbs_table_wrap .bbs_table col:nth-child(1){width:90px;} .sub_usim_phone .bbs_table_wrap .bbs_table tbody td{font-size:14px; line-height:150%;} .sub_usim_phone.sub_cost .precau_txt{font-size:14px;} .sub_usim_phone.sub_cost p.cost_noti.small{padding-bottom:0; margin-top:5px;} } @media only screen and (max-width:431px){ .sub_usim_phone .bbs_table_wrap .bbs_table col:nth-child(1){width:75px;} .sub_usim_phone .bbs_table_wrap .bbs_table tbody td{font-size:13px;} .sub_usim_phone.sub_cost .precau_txt{font-size:13px;} } @media only screen and (max-width:360px){ .sub_usim_phone .bbs_table_wrap .bbs_table col:nth-child(1){width:70px;} .sub_usim_phone .bbs_table_wrap .bbs_table tbody td{font-size:12px;} } /*────────────────────────────────────────────────────────── 이벤트 (갤러리형 게시판) ───────────────────────────────────────────────────────────*/ /*리스트*/ .board_gallery_list{margin-top:60px;} .board_gallery_list ul{width:100%;font-size:0;} .board_gallery_list ul:after{clear:both;content:"";display: block;} .board_gallery_list ul li{display: inline-block;box-sizing:border-box;vertical-align: top;float: left;border:1px solid #ddd;border-radius:15px;overflow:hidden;position: relative;} .board_gallery_list ul li a{display: block;width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;z-index:3;} .board_gallery_list ul li:hover{border:1px solid transparent;} .board_gallery_list ul li:hover a:before{width:100%;height:100%;content:"";background:transparent;border:2px solid #2b8339;position: absolute;top:0;left:0;box-sizing:border-box;border-radius:15px;z-index:1;} .board_gallery_list ul.line_3 li{margin:0 0 30px 30px;width:calc(33.3333% - 20px);} .board_gallery_list ul.line_3 li:nth-of-type(3n+1){clear:both;float: left;margin-left:0;} .board_gallery_list ul li .img_box{width:100%;height:0;padding-bottom:68.5%;position: relative;overflow:hidden;box-sizing:border-box;} .board_gallery_list ul li .img_box img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);} .board_gallery_list ul li .txt_box{width:100%;box-sizing:border-box;padding:23px 31px 27px 31px;} .board_gallery_list ul li .txt_box .tit{font-size:20px;color:#333;font-weight:700;letter-spacing:-1px;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;font-family:'Noto Sans KR';} .board_gallery_list ul li .txt_box .date{font-size:16px;color:#888;font-weight:400;margin-top:10px;} @media only screen and (max-width:1000px){ .board_gallery_list ul li .txt_box{padding:15px 20px 20px 20px;} .board_gallery_list ul.line_3 li{margin:0 0 20px 20px;width:calc(33.3333% - 14px);} .board_gallery_list ul li .txt_box .tit{font-size:16px;} .board_gallery_list ul li .txt_box .date{font-size:14px;} } @media only screen and (max-width:800px){ .board_gallery_list ul.line_2 li{margin:0 0 30px 30px;width:calc(50% - 15px);} .board_gallery_list ul.line_2 li:nth-of-type(2n+1){clear:both;float: left;margin-left:0;} } @media only screen and (max-width:640px){ .board_gallery_list ul.line_2 li{margin:0 0 20px 20px;width:calc(50% - 10px);} } @media only screen and (max-width:500px){ .board_gallery_list ul li{border-radius:7.5px;} .board_gallery_list ul li:hover{border:1px solid #ddd;} .board_gallery_list ul li:hover a:before{display: none;} .board_gallery_list ul.line_1 li{width:100%;margin:0 0 20px 0;} } /*뷰페이지*/ .board_gallery_view{} .board_gallery_view .view_tit{text-align: center;box-sizing:border-box;border-top:2px solid #000;padding:31px 0;} .board_gallery_view .view_tit .title{font-size:28px;color:#333;font-weight:700;letter-spacing:-1.5px; font-family: 'Noto Sans KR',-apple-system,Roboto,'Helvetica Neue','Apple SD Gothic Neo',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .board_gallery_view .view_tit .date{font-size:16px;color:#888;font-weight:400;letter-spacing:-0.8px;margin-top:18px;} .board_gallery_view .view_cont{box-sizing:border-box;border:1px solid #ddd;border-width:1px 0;padding:60px 0;text-align: center;margin-bottom:80px; font-family: 'Noto Sans KR',-apple-system,Roboto,'Helvetica Neue','Apple SD Gothic Neo',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif; font-size:16px; font-weight:400; color:#666; line-height:180%;} .board_gallery_view .view_cont img{max-width:100%;} @media only screen and (max-width:1000px){ .board_gallery_view .view_tit{padding:26px 0;} .board_gallery_view .view_tit .title{font-size:24px;} .board_gallery_view .view_tit .date{font-size:14px;margin-top:10px;} .board_gallery_view .view_cont{padding:40px 0;margin-bottom:60px;} } @media only screen and (max-width:500px){ .board_gallery_view .view_tit{padding:20px 0;} .board_gallery_view .view_tit .title{font-size:20px;} .board_gallery_view .view_cont{padding:30px 0;margin-bottom:40px; font-size:15px;} } @media only screen and (max-width:500px){ .board_gallery_view .view_cont{font-size:14px;} } /*────────────────────────────────────────────────────────── 당첨자발표 (일반) ───────────────────────────────────────────────────────────*/ /*리스트*/ .winner_list_content .sub_con_search{margin-top:60px;} .winner_list_content .board_default_list{margin-top:60px;} .board_default_list table{} .board_default_list table thead tr th{text-align: center;box-sizing:border-box;background:#f5f5f5;border-top:2px solid #333;border-bottom:1px solid #ddd;font-size:18px;color:#333;font-weight:400;letter-spacing:-0.54px;padding:20px 0;} .board_default_list table thead tr th.num{color:#888;} .board_default_list table tbody tr td{text-align: center;box-sizing:border-box;border-bottom:1px solid #ddd;font-size:16px;color:#777;font-weight:400;letter-spacing:-0.48px;padding:20px 0;} .board_default_list table tbody tr td.num{font-size:18px;color:#888;} .board_default_list table tbody tr td.tit{text-align:left;font-size:18px;letter-spacing:-0.54px;} .board_default_list table tbody tr td.tit a{display: block;font-size:inherit;color:inherit;font-weight:inherit;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-family: 'Noto Sans KR',-apple-system,Roboto,'Helvetica Neue','Apple SD Gothic Neo',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} @media only screen and (max-width:900px){ .board_default_list table thead tr th{font-size:16px;} .board_default_list table tbody tr td{font-size:14px;} .board_default_list table tbody tr td.num{font-size:16px;} .board_default_list table tbody tr td.tit{font-size:16px;} } @media only screen and (max-width:767px){ .board_default_list table tbody tr td span{display: block;} } @media only screen and (max-width:640px){ .winner_list_content .sub_con_search input{width:calc(100% - 66px);} .board_default_list table thead tr th{font-size:15px;padding:13px 0;} .board_default_list table tbody tr td{font-size:13px;} .board_default_list table tbody tr td.num{font-size:14px;} .board_default_list table tbody tr td.tit{font-size:14px;} .board_default_list table col:nth-of-type(1){display: none;} .board_default_list table col:nth-of-type(4){width:23% !important;} .board_default_list table thead tr th.num{display: none;} .board_default_list table tbody tr td.num{display: none;} } @media only screen and (max-width:500px){ .winner_list_content .board_default_list{margin-top:30px;} .board_default_list table col:nth-of-type(4){width:30% !important;} .board_default_list table thead tr th{font-size:14px;padding:13px 5px;} .board_default_list table tbody tr td{font-size:12px;padding:13px 0;} .board_default_list table tbody tr td.tit{font-size:13px;} } /*뷰페이지*/ .board_gallery_view .view_tit span{display: inline-block;box-sizing:border-box;vertical-align: top;font-size:16px;color:#666;font-weight:400;letter-spacing:-0.8px;margin-top:21px;} .board_gallery_view .view_tit span + span{margin-left:35px;} .board_gallery_view .view_tit span a{display:inline-block; margin-top:-2px; color:inherit; font-family: 'Noto Sans KR',-apple-system,Roboto,'Helvetica Neue','Apple SD Gothic Neo',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .board_gallery_view .view_tit span a img{vertical-align:middle; margin:0 4px 0 5px;} @media only screen and (max-width:1000px){ .board_gallery_view .view_tit span{font-size:14px;margin-top:10px;} .board_gallery_view .view_tit span + span{margin-left:25px;} } @media only screen and (max-width:500px){ .board_gallery_view .view_tit span{display: block;} .board_gallery_view .view_tit span + span{margin:5px 0 0 0;} } /*────────────────────────────────────────────────────────── 마이페이지 (유심발급) ───────────────────────────────────────────────────────────*/ .mypage_contents .sub_tit{padding:50px 0 50px;} .mypage_contents .sub_tab{margin-top:0;} .usim_content .usim_reason{margin-top:44px;} .usim_content .usim_reason .line_list{margin-top:9px;} .usim_content ul.line_list li{line-height:40px;font-size:18px;color:#444;letter-spacing:-0.72px;} .usim_content .usim_cost{margin-top:63px;} .usim_content .usim_cost dl{margin-top:26px;} .usim_content .usim_cost dt{width:100%;box-sizing:border-box;overflow:hidden;background:#fff;border-radius:10px;border:1px solid #c8234a;height:70px;line-height:66px;padding:0 30px;font-size:20px;color:#c8234a;font-weight:500;letter-spacing:-0.8px;font-family:'Noto Sans KR';position: relative;z-index:2;} .usim_content .usim_cost dt + dd{border-radius:0 0 10px 10px;} .usim_content .usim_cost dd{width:100%;box-sizing:border-box;border-radius:10px;border:1px solid #ddd;background:#f5f5f5;margin-top:-7px;padding:42px 40px 41px 40px;} .usim_content .usim_cost dd p{font-size:18px;color:#c8234a;font-weight:400;letter-spacing:-0.72px;font-family:'Noto Sans KR';} .usim_content .usim_cost dd .chk_usim{padding-left:26px;background:url('/images/sub/chk-red.png')no-repeat left center;margin-bottom:13px;} .usim_content .usim_cost dd .precau{margin-top:15px;} .usim_content .usim_process{margin-top:73px;} .usim_content .usim_process .process_step{width:100%;font-size:0;margin-top:50px;} .usim_content .usim_process .process_step li{display: inline-block;box-sizing:border-box;position: relative;text-align: center;width:calc(25% - 60px);border-radius:10px;border:1px solid #ddd;padding:31px 0;vertical-align: top;} .usim_content .usim_process .process_step li + li{margin-left:80px;} .usim_content .usim_process .process_step li + li:before{width:18px;height:33px;content:"";background:url('/images/sub/step-arw.png')no-repeat center;position: absolute;left:-50px;top:43px;} .usim_content .usim_process .process_step li span{display: inline-block;box-sizing:border-box;vertical-align: top;width:80px;height:34px;line-height:34px;border-radius:17px;background:#555;font-size:16px;color:#fff;font-weight:400;letter-spacing:-0.64px;position: absolute;left:50%;top:-18px;transform:translate(-50%);} .usim_content .usim_process .process_step li div{width:100%;height:56px;position: relative;text-align: center;} .usim_content .usim_process .process_step li p{font-size:18px;color:#444;font-weight:400;letter-spacing:-0.9px;line-height:28px;font-family:'Noto Sans KR';position: absolute;top:50%;transform:translateY(-50%);width:100%;} .usim_content .usim_process .usim_regist{margin-top:33px;} .usim_content .usim_process .usim_regist p{font-size:20px;color:#c8234a;font-weight:500;letter-spacing:-0.8px;font-family:'Noto Sans KR';} .usim_content .usim_process .usim_regist .circle_num{margin-top:10px;} .circle_num{counter-reset: circle 0;} .circle_num li{ position: relative;font-size:16px;color:#666;font-weight:400;letter-spacing:-0.64px;line-height:30px;padding-left:22px;font-family:'Noto Sans KR';} .circle_num li:before{position: absolute;top:1px;left:0.45em;counter-increment: circle 1;content: counter(circle);font-size:0.7em;color:#666;font-family:'Noto Sans KR';} .circle_num li:after{content: '';position: absolute;top:8px;left:0;display: inline-block;border:1px solid #666;border-radius: 50%;width:0.9em;height:0.9em;} .circle_num li strong{font-weight:500;color:#2b8339;} .usim_content .btn_box{margin-top:74px;} @media only screen and (max-width:800px){ .pc{display: none;} .mypage_contents .sub_tit{padding:50px 0 30px;} .usim_content ul.line_list li{font-size:16px;line-height:30px;} .usim_content .usim_cost dt{height:60px;line-height:56px;font-size:18px;} .usim_content .usim_cost dd{padding:24px 30px 21px;} .usim_content .usim_cost dd p{font-size:16px;} .usim_content .usim_process .process_step li{width:calc(25% - 30px);} .usim_content .usim_process .process_step li + li{margin-left:40px;} .usim_content .usim_process .process_step li + li:before{top:35px;left:-27px;} .usim_content .usim_process .process_step li span{width:70px;height:26px;line-height:26px;border-radius:13px;font-size:14px;top:-14px;} .usim_content .usim_process .process_step li div{height:44px;} .usim_content .usim_process .process_step li p{font-size:16px;line-height:22px;} .circle_num li{font-size:14px;line-height:25px;} } @media only screen and (max-width:640px){ .usim_content .usim_process .process_step li{width:100%;padding:20px 0;} .usim_content .usim_process .process_step li + li{margin:50px 0 0 0;} .usim_content .usim_process .process_step li + li:before{transform:rotate(90deg);top: -43px;left: calc(50% - 9px);background-size: auto 100%;height: 22px;} .usim_content .usim_process .process_step li div{height:50px;} .usim_content .usim_process .process_step li p{font-size:18px;line-height:25px;} } @media only screen and (max-width:500px){ .usim_content ul.line_list li{font-size:14px;line-height:26px;} .usim_content .usim_cost{margin-top:30px;} .usim_content .usim_cost dl{margin-top:10px;} .usim_content .usim_cost dt{height:45px;line-height:41px;font-size:16px;padding:0 15px;} .usim_content .usim_cost dd{padding:24px 15px 21px;} .usim_content .usim_cost dd p{font-size:14px;} .usim_content .usim_cost dd .chk_usim{padding-left:16px;background-position: left 6px;background-size: auto 9px;margin-bottom:2px;} .usim_content .usim_cost dd .precau{margin-top:10px;} .usim_content .usim_process{margin-top:40px;} .usim_content .usim_process .process_step{margin-top:25px;} .usim_content .usim_process .process_step li div{height:46px;} .usim_content .usim_process .process_step li p{font-size:16px;line-height:23px;} .usim_content .usim_process .usim_regist{margin-top:25px;} .usim_content .usim_process .usim_regist p{font-size:16px;} .usim_content .btn_box{margin-top:50px;} } /*발급신청*/ .usim_content .application_txt{margin-top:41px;} .usim_content .application_txt .txt_box{width:100%;box-sizing:border-box;background:#f5f5f5;border:1px solid #ddd;padding:33px 40px 36px 40px;border-radius:10px;margin-top:25px;} .usim_content .application_txt .txt_box .tit{font-size:20px;color:#c8234a;font-weight:500;letter-spacing:-1px;font-family:'Noto Sans KR';} .usim_content .application_txt .txt_box ol.num_list{margin-top:13px;margin-bottom:2px;} .usim_content .application_txt .txt_box ol.num_list > li + li{margin-top:0;} .usim_content .application_txt .txt_box .num_list > li:before{font-size:17px;color:#333;font-weight:400;letter-spacing:-0.68px;line-height:40px;} .usim_content .application_txt .txt_box .num_list .application_sub_tit{font-size:17px;color:#333;font-weight:400;letter-spacing:-0.68px;line-height:40px;} .usim_content .application_txt .txt_box .num_list .application_sub_tit strong{color:#c8234a; font-weight:500;} .usim_content .application_txt .txt_box dl{font-size:0;margin-left:-15px;} .usim_content .application_txt .txt_box dl:first-of-type{margin-top:8px;} .usim_content .application_txt .txt_box dl + dl{margin-top:9px;} .usim_content .application_txt .txt_box dl dt, .usim_content .application_txt .txt_box dl dd{display: inline-block;box-sizing:border-box;vertical-align: top;font-size:16px;color:#555;font-weight:400;letter-spacing:-0.64px;font-family:'Noto Sans KR';line-height:28px;} .usim_content .application_txt .txt_box dl dt{height:31px;width:140px;border-radius:15px;border:1px solid #aaa;text-align:center;} .usim_content .application_txt .txt_box dl dd{width:calc(100% - 140px);padding-left:15px;letter-spacing:-0.85px;} .usim_content .application_txt .line_list{margin:13px 0 16px -15px;} .usim_content .application_txt .line_list > li{font-size:16px;color:#555;font-weight:400;letter-spacing:-0.85px;line-height:initial;} .usim_content .application_txt .precau_txt{color:#c8234a;letter-spacing:-0.64px;line-height:26px;} .usim_content .application_agree_box{width:100%;box-sizing:border-box;margin:30px 0 60px;border:1px solid #333;border-radius:10px;padding:18px 0;text-align: center;} .usim_content .application_agree_box .inp_custom{display: inline-block;} .usim_content .application_agree_box .inp_custom input + label{font-size:18px;color:#333;font-weight:400;letter-spacing:-0.72px;} .usim_content .application_agree_box .inp_custom input + label strong{font-size:inherit;color:#c8234a;font-weight:inherit;;} .usim_content .application_table .buy_purpose{width:calc(100% + 14px);margin-left:-14px;} .usim_content .application_table .inp_custom{display: inline-block;vertical-align: top;margin:0 14px;} .usim_content .application_table dd span{line-height:50px;margin-left:16px;display: inline-block;vertical-align: top;} .usim_content .application_table dt{vertical-align: middle;} .usim_content .application_table .write_cnt dd li + li{margin-top:15px;} .usim_content .application_table .write_cnt dd span{margin-left:0; margin-right:27px; line-height:40px; color:#555;} .usim_content .application_table .write_cnt dd input{height:40px; width:60px; text-align:center; padding:0;} .usim_content .application_table .write_cnt dd button{width:40px; height:40px; border:1px solid #ddd; border-radius:4px; background:#fff; font-size:0; background:#eee;} .usim_content .application_table .write_cnt dd button.minus{margin-right:3px; background:#eee url('/images/sub/icon_input_minus.png') no-repeat center;} .usim_content .application_table .write_cnt dd button.plus{margin-left:3px; background:#eee url('/images/sub/icon_input_plus.png') no-repeat center;} .usim_content .application_table .write_price dd span{margin-left:0;vertical-align: middle;font-size:18px;} .usim_content .application_table .write_price dd img{line-height:50px;margin:0 14px;vertical-align: middle;} .usim_content .application_table .write_price dd .t_price{font-size:24px;color:#c8234a;font-weight:500;letter-spacing:-1.2px;} .usim_content .application_table .write_price dd .t_price em{font-size:16px;color:inherit;font-weight:400;letter-spacing:-0.8px;} .usim_content .application_table .write_address .write_td .zipcode_box button{display: inline-block;box-sizing:border-box;vertical-align: top;border:1px solid #333;height:50px;line-height:50px;text-align: center;border-radius:4px;font-size:16px;color:#222;font-weight:400;letter-spacing:-0.48px;padding:0 30.5px;margin-left:10px;} .usim_content .application_table .pay_deposit{display: none;} .usim_content .application_table .pay_deposit.on{display:table-row;} .usim_content .application_table .pay_deposit .deposit_box p{display: inline-block;vertical-align: top;line-height:50px;margin-left:10px;} .usim_content .application_table .pay_name .precau_txt{color:#c8234a;margin-top:5px;} .usim_content .application_table .pay_receipt .receipt_radio_box{width:calc(100% + 14px);margin-left:-14px;} .usim_content .application_table .pay_receipt .sub_receipt_box{display: none;margin-top:15px;} .usim_content .application_table .pay_receipt .sub_receipt_box.on{display:block;} .usim_content .application_table .pay_receipt .sub_receipt_box input{margin-bottom:10px;} .usim_content .application_private{margin-top:50px;} .usim_content .application_private .sub_cont_tit{margin-bottom:0;} .usim_content .application_private textarea{width:100%;height:160px;border-radius:6px;background:#f5f5f5;border:1px solid #f5f5f5;padding:30px;font-size:15px;color:#666;font-weight:400;margin-top:13px;} .usim_content .private_agree_box{margin-top:16px;} .usim_content .private_agree_box .inp_custom{display: inline-block;vertical-align: top;} .usim_content .private_agree_box .inp_custom + .inp_custom{margin-left:30px;} @media only screen and (max-width:1050px){ #wrap .usim_content .application_txt .txt_box ol.num_list > li + li{margin-top:10px;} .usim_content .application_txt .txt_box .num_list > li:before{font-size:15px;line-height:28px;} .usim_content .application_txt .txt_box .num_list .application_sub_tit{font-size:15px;line-height:28px;} .usim_content .application_txt .txt_box dl dt, .usim_content .application_txt .txt_box dl dd{font-size:14px;} .usim_content .application_txt .line_list > li{font-size:14px;} .usim_content .application_table .write_delivery_phone dd span{display: block;line-height:initial;margin:10px 0 0 0;} } @media only screen and (max-width:1000px){ .usim_content .application_table .pay_deposit .deposit_box p{display: block;margin:10px 0 0 0;line-height:initial;} } @media only screen and (max-width:800px){ .usim_content .application_txt .txt_box{padding:15px 20px 24px 20px;} .usim_content .application_txt .txt_box .tit{font-size:18px;} .usim_content .application_table .write_price dd span{font-size:16px;} .usim_content .application_table .write_price dd img{margin:0 8px;} .usim_content .application_table .write_price dd .t_price{font-size:20px;} .usim_content .application_table .write_price dd .t_price em{font-size:14px;} .usim_content .application_table .pay_deposit .deposit_box p{font-size:15px;} } @media only screen and (max-width:680px){ } @media only screen and (max-width:640px){ .usim_content .application_table .write_address .write_td .zipcode_box button{height:45px;line-height:45px;} .usim_content .application_table .write_cnt dd span{margin-right:15px;} } @media only screen and (max-width:500px){ .usim_content .application_txt .txt_box .tit{font-size:16px;} .usim_content .application_txt .txt_box dl dt{width:110px;} .usim_content .application_txt .txt_box dl dd{width:calc(100% - 110px);} .usim_content .application_table .write_price dd span{font-size:15px;} .usim_content .application_table .write_price dd .t_price{font-size:18px;} .usim_content .application_table .write_price dd .t_price em{font-size:12px;} #wrap .usim_content .application_table .write_address .write_td .zipcode_box button{font-size:13px;margin-left:5px;padding:0 10px;} .usim_content .application_agree_box{margin:20px 0 40px;padding:13px 0;} .usim_content .application_agree_box .inp_custom input + label{font-size:14px;} .usim_content .application_private textarea{padding:15px;font-size:13px;} } /*조회*/ .usim_content .usim_lookup_box{margin-top:42px;} .usim_content .usim_lookup_box .lookup_box{width:100%;box-sizing:border-box;border-radius:15px;background:#f5f5f5;padding:55px 150px 54px 150px;margin-top:24px;} .usim_content .usim_lookup_box .lookup_box > p{text-align: center;font-size:20px;color:#2b8339;font-weight:400;letter-spacing:-0.8px;} .usim_content .usim_lookup_box .sub_lookup{width:100%;box-sizing:border-box;background:#fff;border-radius:15px;margin-top:24px;padding:50px 140px 50px 143px;font-size:0;} .usim_content .usim_lookup_box .sub_lookup label{font-size:18px;color:#333;font-weight:400;line-height:50px;display:inline-block;vertical-align:top;margin-right:60px;} .usim_content .usim_lookup_box .sub_lookup input{width:calc(100% - 267px);} .usim_content .usim_lookup_box .lookup_btn{display: inline-block;box-sizing:border-box;vertical-align: top;width:120px;height:50px;line-height:50px;border-radius:6px;background:#2b8339;font-size:20px;color:#fff;font-weight:500;letter-spacing:-0.8px;margin-left:20px;} .usim_content .usim_lookup_box .line_list{margin-top:22px;} .usim_content .usim_lookup_box .line_list li{font-size:15px;color:#666;font-weight:400;letter-spacing:-0.6px;line-height:30px;font-family:'Noto Sans KR';} @media only screen and (max-width:1200px){ .usim_content .usim_lookup_box .lookup_box{padding:55px 5% 54px 5%;} .usim_content .usim_lookup_box .sub_lookup{padding:50px 5% 50px 5%;} } @media only screen and (max-width:800px){ .usim_content .usim_lookup_box .lookup_box{padding:25px 5% 25px 5%;} .usim_content .usim_lookup_box .lookup_box > p{font-size:18px;} .usim_content .usim_lookup_box .sub_lookup{padding:20px 5% 20px 5%;} .usim_content .usim_lookup_box .sub_lookup label{font-size:16px;margin-right:30px;} .usim_content .usim_lookup_box .sub_lookup input{width:calc(100% - 198px);} .usim_content .usim_lookup_box .lookup_btn{width:90px;} .usim_content .usim_lookup_box .line_list li{font-size:14px;line-height:initial;} .usim_content .usim_lookup_box .line_list li + li{margin-top:10px;} } @media only screen and (max-width:640px){ .usim_content .usim_lookup_box .lookup_box{margin-top:15px;padding:25px 3% 25px 3%;border-radius:7.5px;} .usim_content .usim_lookup_box .lookup_box > p{font-size:16px;} .usim_content .usim_lookup_box .sub_lookup{border-radius:7.5px;} .usim_content .usim_lookup_box .sub_lookup label{font-size:15px;margin-right:20px;line-height:45px;} .usim_content .usim_lookup_box .sub_lookup input{width:calc(100% - 154px);} .usim_content .usim_lookup_box .lookup_btn{height:45px;line-height:45px;margin-left:10px;width:70px;font-size:16px;} .usim_content .usim_lookup_box .line_list{margin-top:15px;} .usim_content .usim_lookup_box .line_list li{font-size:13px;} .usim_content .usim_lookup_box .line_list li + li{margin-top:5px;} } @media only screen and (max-width:500px){ .usim_content .usim_lookup_box .lookup_box > p{font-size:14px;} .usim_content .usim_lookup_box .sub_lookup label{font-size:14px;margin-right:10px;} .usim_content .usim_lookup_box .sub_lookup input{width:calc(100% - 121px);} .usim_content .usim_lookup_box .lookup_btn{width:50px;} } /*기기변경*/ .usim_content .usim_change{margin-top:43px;} .usim_content .usim_change .line_list{margin-top:10px;} .usim_content .usim_change .usim_change_btn{display: inline-block;vertical-align: top;margin-left:18px;} .usim_content .usim_change a{display: inline-block;box-sizing:border-box;vertical-align: top;border:1px solid #333;border-radius:4px;font-size:16px;color:#333;font-weight:400;letter-spacing:-0.8px;line-height:38px;padding:0 17px;} .usim_content .usim_change_reason{margin-top:76px;} @media only screen and (max-width:800px){ .usim_content .usim_change .usim_change_btn{display: block;margin:5px 0 0 0;} .usim_content .usim_change a{line-height:28px;font-size:14px;padding:0 10px;} } @media only screen and (max-width:650px){ .btn_box.change_btn_box .btn{padding:0 10px;font-size:18px;} } @media only screen and (max-width:500px){ .usim_content .usim_change_reason{margin-top:40px;} .btn_box.change_btn_box .btn{font-size:14px;} } @media only screen and (max-width:360px){ .btn_box.change_btn_box .btn{width:100%;} .btn_box.change_btn_box .btn + .btn{margin:10px 0 0 0;} } /*신청하기*/ .usim_change_content .application_txt .sub_cont_tit{margin-bottom:0;} .usim_change_content .application_txt .txt_box{padding:33px 40px 31px 40px;} .usim_change_content .application_txt .line_list{margin:10px 0 0 -15px;} .usim_change_content .application_txt .line_list > li{line-height:32px;} .usim_change_content .application_table + .application_table{margin-top:52px;} .usim_change_content .sub_cont_tit{margin-bottom:23px;} .usim_change_content .application_table .write_table .write_td input{width:280px;} .usim_change_content .application_table .write_table .write_td .betwn{display:flex; justify-content:space-between;} .usim_change_content .application_table .write_table .write_td .betwn input{width:100%;} .usim_change_content .application_table .write_table .write_td .betwn input + input{margin-left:15px;} .usim_change_content .application_table .write_table .write_td select{width:200px;} .usim_change_content .application_table .change_business{width:calc(100% + 14px);margin-left:-14px;} .usim_change_content .application_table .write_table .write_td > p{display: inline-block;vertical-align:top;line-height:50px;font-size:18px;color:#555;font-weight:400;letter-spacing:-0.54px;} .usim_change_content .application_table .write_table .change_rate .write_td > p{font-size:16px;color:#777;font-weight:400;letter-spacing:-0.65px;line-height:1;} .usim_change_content .application_table .change_rate_box{width:calc(100% + 14px);margin-left:-14px;margin-top:7px;} .usim_change_content .application_add2 .down_application .btn_download{display: inline-block;box-sizing:border-box;height:50px;line-height:48px;border:1px solid #333;border-radius:4px;text-align: center;font-size:16px;color:#222;font-weight:400;letter-spacing:-0.48px;padding:0 19px;margin-left:17px;} .usim_change_content .application_add2 .attach_application input[type="file"]{display: none;} .usim_change_content .application_add2 .attach_application label{display: inline-block;box-sizing:border-box;height:50px;line-height:48px;border:1px solid #333;border-radius:4px;text-align: center;font-size:16px;color:#222;font-weight:400;letter-spacing:-0.48px;padding:0 19px;margin-left:7px;} .usim_change_content .application_add2 .attach_application .write_td > p{font-size:16px;color:#777;font-weight:400;margin-left:16px;letter-spacing:-1px;} @media only screen and (max-width:1000px){ .usim_change_content .application_table .write_table .change_rate .write_td > p{line-height:initial;} .usim_change_content .application_add2 .attach_application .write_td > p{display: block;margin-left:0;} } @media only screen and (max-width:700px){ .usim_change_content .application_add2 .attach_application input[type="text"]{width:calc(100% - 112px);} } @media only screen and (max-width:640px){ .usim_change_content .sub_cont_tit{margin-bottom:10px;} .usim_change_content .application_txt .txt_box{padding:15px 20px 24px 20px;} .usim_change_content .application_txt .line_list > li{line-height:23px;} .usim_change_content .application_txt .line_list > li + li{margin-top:10px;} .usim_change_content .application_table .write_table .write_td input{width:100%;} .usim_change_content .application_table .write_table .write_td select{width:100%;} .usim_change_content .application_add2 .attach_application input[type="text"]{width:calc(100% - 112px);} .usim_change_content .application_table .write_table .write_td > p{line-height:45px;font-size:15px;} .usim_change_content .application_table .write_table .change_rate .write_td > p{font-size:14px;} .usim_change_content .application_add2 .down_application .btn_download{height:45px;line-height:43px;font-size:15px;padding:0 10px;margin-left:7px;} .usim_change_content .application_add2 .attach_application label{height:45px;line-height:43px;font-size:15px;padding:0 10px;} } @media only screen and (max-width:360px){ .usim_change_content .application_table .write_table .write_td .betwn input + input{margin-left:10px;} } /*조회하기*/ .usim_change_lookup_box{margin-top:42px;} .usim_change_lookup_box table{margin-top:27px;} .usim_change_lookup_box table thead tr th{background:#f5f5f5;box-sizing:border-box;border-top:1px solid #333;border-bottom:1px solid #ddd;text-align: center;font-size:18px;color:#333;font-weight:400;letter-spacing:-0.54px;padding:20px 0;} .usim_change_lookup_box table tbody tr td{box-sizing:border-box;text-align: center;border-bottom:1px solid #ddd;font-size:18px;color:#777;font-weight: 400;letter-spacing:-0.54px;padding:18px 0;word-break:break-all;} .usim_change_lookup_box table tbody tr td.status{color:#c8234a;} .usim_change_lookup_box table tbody tr td a{display: inline-block;box-sizing:border-box;border:1px solid #aaa;border-radius:4px;padding:0 16px;font-size:16px;color:#555;font-weight:400;letter-spacing:-0.8px;height:34px;line-height:32px;} @media only screen and (max-width:800px){ .usim_change_lookup_box table thead tr th{font-size:16px;padding:15px 0;} .usim_change_lookup_box table tbody tr td{font-size:15px;padding:12px 0;} .usim_change_lookup_box table tbody tr td a{padding:0 10px;font-size:14px;height:28px;line-height:26px;} } @media only screen and (max-width:640px){ .usim_change_lookup_box table col:nth-child(1), .usim_change_lookup_box table thead tr th.num, .usim_change_lookup_box table tbody tr td.num{display: none;} } @media only screen and (max-width:500px){ .usim_change_lookup_box{margin-top:20px;} .usim_change_lookup_box table{margin-top:10px;} .usim_change_lookup_box table col:nth-child(2){width:14% !important;} .usim_change_lookup_box table col:nth-child(3){width:20% !important;} .usim_change_lookup_box table col:nth-child(4){width:10% !important;} .usim_change_lookup_box table col:nth-child(6){width:19% !important;} .usim_change_lookup_box table thead tr th{font-size:14px;padding:10px 5px;} .usim_change_lookup_box table tbody tr td{font-size:13px;} .usim_change_lookup_box table tbody tr td a{font-size:12px;padding:0 5px;} } @media only screen and (max-width:340px){ .usim_change_lookup_box table tbody tr td{font-size:12px;} } /*────────────────────────────────────────────────────────── 마이페이지 (번호변경) ───────────────────────────────────────────────────────────*/ /*step*/ .num_process{text-align: center;font-size:0;margin-top:60px;} .num_process li{display: inline-block;box-sizing:border-box;vertical-align: top;font-size:20px;color:#ccc;font-weight:700;letter-spacing:-1px;line-height:40px;text-align:left;position: relative;} .num_process li + li{margin-left:21px;} .num_process li span{display: inline-block;box-sizing:border-box;vertical-align: top;width:40px;height:40px;border-radius:100%;background:#ccc;text-align: center;font-size:20px;color:#fff;font-weight:500;line-height:40px;margin-right:10px;} /*on*/ .num_process li.on{color:#333;padding-right:90px;margin-right:21px;} .num_process li.on span{background:#333;} .num_process li.on:before{width:50px;height:1px;content:"";background:#000;position: absolute;right:0;top:19px;} .num_process li:last-of-type.on{padding-right:0;margin-right:0;} .num_process li:last-of-type.on:before{display: none;} .change_num_content .certificate_txt{width:100%;box-sizing:border-box;border-radius:10px;border:1px solid #333;text-align: center;margin-top:60px;padding:23px 0 26px;} .change_num_content .certificate_txt p{font-size:20px;color:#c8234a;font-weight:500;letter-spacing:-1px;font-family:'Noto Sans KR';} .change_num_content .certificate_txt span{display: block;font-size:17px;color:#333;font-weight:400;letter-spacing:-0.8px;margin-top:12px;} .change_num_table{margin-top:30px;} .change_num_table .write_th{vertical-align: middle;} .change_num_table .write_td select{width:280px;} .change_num_table .write_td button{display: inline-block;box-sizing:border-box;vertical-align: top;height:50px;line-height:48px;border-radius:4px;border:1px solid #333;padding:0 22px;font-size:16px;color:#222;font-weight:400;letter-spacing:-0.48px;font-family:'Noto Sans KR';} .change_num_table .write_certificate{display: none;} .change_num_table .write_certificate.on{display:table-row;} .change_num_table .certificate_time{display: inline-block;vertical-align: top;margin-left:20px;} .change_num_table .certificate_time .time{display: inline-block;vertical-align: top;line-height:50px;font-size:16px;color:#c8234a;} .change_num_table .certificate_time .btn_resend{margin-left:10px;} .change_num_content .change_notice{margin-top:34px;} .change_num_content .change_notice .tit{font-size:20px;color:#c8234a;font-weight:500;letter-spacing:-0.8px;padding-left:25px;background:url('/images/sub/icon_line_list_chk.png') no-repeat left center;} .change_num_content .change_notice .notice_box{width:100%;box-sizing:border-box;background:#f5f5f5;border:1px solid #ddd;border-radius:10px;padding:33px 40px 32px 37px;margin-top:24px;} .change_num_content .change_notice .notice_box dl + dl{margin-top:18px;} .change_num_content .change_notice .notice_box dl dt{font-size:17px;color:#333;font-weight:400;letter-spacing:-0.8px;padding-left:20px;position: relative;font-family:'Noto Sans KR';} .change_num_content .change_notice .notice_box dl dt:before{content:"※";font-size:17px;color:#333;font-weight:400;letter-spacing:-0.8px;position: absolute;left:0;} .change_num_content .change_notice .notice_box dl dd{margin-top:9px;} .change_num_content .change_notice .notice_box dl dd .line_list li{line-height:32px;letter-spacing:-0.8px;} .change_num_content .change_notice .notice_box dl dd .line_list li strong{color:#c8234a;font-weight:500;} @media only screen and (max-width:800px){ .num_process li{font-size:18px;line-height:30px;} .num_process li span{width:30px;height:30px;line-height:30px;font-size:16px;} .num_process li.on{padding-right:65px;margin-right:0;} .num_process li.on:before{top:14px;} .change_num_table .write_certificate .write_td input{width:calc(100% - 145px);} .change_num_table .write_td button{font-size:14px;padding:0 15px;} .change_num_content .change_notice .notice_box dl dd .line_list li{line-height:23px;} .change_num_content .change_notice .notice_box dl dd .line_list li + li{margin-top:5px;} } @media only screen and (max-width:640px){ .change_num_table .write_certificate.on{display:block;} .change_num_table .write_td button{height:45px;line-height:43px;} .change_num_table .certificate_time .time{font-size:14px;line-height:45px;} .change_num_content .change_notice .notice_box{border-radius:5px;padding:15px 15px 15px 15px;margin-top:10px;} .change_num_content .change_notice .notice_box dl dt{font-size:14px;padding-left:16px;} .change_num_content .change_notice .notice_box dl dt:before{font-size:14px;} } @media only screen and (max-width:500px){ .num_process{margin-top:40px;} .num_process li{font-size:0;} .num_process li + li{margin-left:10px;} .num_process li span{margin-right:0;font-size:14px;} .num_process li.on{font-size:16px;padding-right:40px;margin-right:5px;} .num_process li.on span{margin-right:11px;} .num_process li.on:before{width:20px;} .change_num_content .certificate_txt{margin-top:40px;padding:15px 10px 20px;} .change_num_content .certificate_txt p{font-size:15px;} .change_num_content .certificate_txt span{font-size:12px;} .change_num_content .change_notice{margin-top:20px;} .change_num_content .change_notice .tit{font-size:16px;} } /*희망번호선택*/ .change_num2 .write_th, .change_num2 .write_td{font-family:'Poppins', 'Noto Sans KR';} .change_num2 .write_td{font-size:18px;color:#666;font-weight:400;letter-spacing:-0.2px;} .change_num2 .hope_num .number_box {display: inline-block;vertical-align: top;} .change_num2 .hope_num .number_box span{display: inline-block;vertical-align: top;font-size:16px;color:#777;font-weight:400;letter-spacing:-0.8px;line-height:50px;font-family:'Noto Sans KR';} .change_num2 .hope_num .number_box span.pre_num{font-size:inherit;color:inherit;font-weight:inherit;font-family:inherit;letter-spacing:inherit;} .change_num2 .hope_num .number_box input{width:100px;margin:0 5px 0 8px;} .change_num2 .hope_num .search_num{margin-left:17px;padding:0 18px;} .change_num2 .hope_num p{display: inline-block;vertical-align: top;line-height:50px;font-size:16px;color:#444;font-weight:400;letter-spacing:-0.8px;font-family:'Noto Sans KR';margin-left:14px;} .change_num2 .hope_num p strong{color:#c8234a;font-weight:700;} .change_num_content .btn_box{margin-top:60px;} @media only screen and (max-width:900px){ .change_num2 .hope_num .number_box{display: block;margin-bottom:15px;} .change_num2 .hope_num .search_num{margin-left:0;} } @media only screen and (max-width:640px){ .change_num2 .write_td{font-size:15px;} .change_num2 .hope_num .number_box span{line-height:45px;font-size:14px;} .change_num2 .hope_num p{line-height:45px;font-size:14px;margin-left:6px;} .change_num_content .btn_box{margin-top:30px;} } /*변경완료*/ .change_num_content .change_end{width:100%; box-sizing: border-box;margin: 0 auto;background: #fff;border-radius: 15px;margin-top: 59px;padding: 50px 60px 120px 60px;border:1px solid #ddd;} .change_num_content .change_end .sub_change_write{margin-top:50px;} .change_num_content .change_end .sub_change_write h3{ text-align: center;font-size: 40px;color: #333;font-weight: 500;letter-spacing: -2px;} .change_num_content .change_end .sub_change_write h3:before{width:76px;height:76px;content:"";background:url('/images/sub/write_end.png')no-repeat center;background-size:auto 100%;display: block;margin:0 auto;margin-bottom:20px;} .change_num_content .change_end .change_end_txt{text-align: center;margin-top:42px;} .change_num_content .change_end .change_end_txt p{font-size:20px;color:#333;font-weight:500;letter-spacing:-1px;margin-bottom:16px;} .change_num_content .change_end .btn_box{margin-top:53px;} @media only screen and (max-width:500px){ .change_num_content .change_end{margin-top:30px;border-radius:7.5px;padding:15px 15px 40px 15px;} .change_num_content .change_end .sub_change_write{margin-top:20px;} .change_num_content .change_end .sub_change_write h3{font-size: 27px;letter-spacing: -1px;} .change_num_content .change_end .sub_change_write h3:before{width:57px;height:57px;margin-bottom:14px;} .change_num_content .change_end .change_end_txt{margin-top:26px;} .change_num_content .change_end .change_end_txt p{font-size:16px;margin-bottom:4px;} } /*────────────────────────────────────────────────────────── 마이페이지 (부가서비스 변경) ───────────────────────────────────────────────────────────*/ .service_change_content{margin-top:52px;} .service_change_content .sub_cont_tit{margin-bottom:23px;} .service_change_content .use_service{} .service_change_content .use_service dl dt{width:100%;box-sizing:border-box;border-radius:10px 10px 0 0;background:#f5f5f5;border:1px solid #ddd;text-align: center;font-size:20px;color:#333;font-weight:400;letter-spacing:-0.6px;padding:19px 0;} .service_change_content .use_service dl dd{width:100%;box-sizing:border-box;border:1px solid #ddd;border-width:0 1px;} .service_change_content .use_service dl dd ul{display:table;width:100%;} .service_change_content .use_service dl dd ul li{display:table-row;} .service_change_content .use_service dl dd ul li .name, .service_change_content .use_service dl dd ul li .date, .service_change_content .use_service dl dd ul li .btn_cancel_box{display:table-cell;box-sizing:border-box;border-bottom:1px solid #ddd;text-align: center;vertical-align: middle;padding:15px 0 14px;} .service_change_content .use_service dl dd ul li .name{font-size:18px;color:#333;font-weight:400;letter-spacing:-0.54px;font-family:'Noto Sans KR';padding-right:118px;} .service_change_content .use_service dl dd ul li .date{font-size:16px;color:#777;font-weight:400;letter-spacing:-0.48px;width:10%;} .service_change_content .use_service dl dd ul li .btn_cancel_box{width:24%;} .service_change_content .use_service dl dd ul li .btn_cancel{display: inline-block;box-sizing:border-box;vertical-align: top;height:50px;line-height:48px;border:1px solid #c8234a;border-radius:4px;font-size:16px;color:#c8234a;font-weight:400;letter-spacing:-0.48px;padding:0 29px;} .service_change_content .pay_service{margin-top:56px;} .service_change_content .pay_service .pay_txt{display: block;text-align: right;font-size:16px;color:#c8234a;font-weight:400;letter-spacing:-0.8px;font-family:'Noto Sans KR';margin-bottom:16px;} @media only screen and (max-width:1000px){ .service_change_content .use_service dl dd ul li .name{padding-right:0;font-size:16px;} .service_change_content .use_service dl dd ul li .date{width:20%;font-size:14px;} .service_change_content .use_service dl dd ul li .btn_cancel_box{width:20%;} .service_change_content .use_service dl dd ul li .btn_cancel{font-size:14px;padding:0 20px;} } @media only screen and (max-width:640px){ .service_change_content{margin-top:40px;} .service_change_content .sub_cont_tit{margin-bottom:15px;} .service_change_content .use_service dl dt{border-radius:5px 5px 0 0;font-size:16px;padding:13px 0;} .service_change_content .use_service dl dd ul li .name, .service_change_content .use_service dl dd ul li .date, .service_change_content .use_service dl dd ul li .btn_cancel_box{padding:10px 0;} .service_change_content .use_service dl dd ul li .btn_cancel{height:45px;line-height:43px;} .service_change_content .pay_service{margin-top:40px;} .service_change_content .pay_service .pay_txt{font-size:14px;margin-bottom:10px;} } @media only screen and (max-width:500px){ .service_change_content{margin-top:30px;} .service_change_content .use_service dl dd ul li .name{font-size:14px;} .service_change_content .use_service dl dd ul li .date{font-size:12px;} .service_change_content .use_service dl dd ul li .btn_cancel{font-size:12px;padding:0 10px;} } @media only screen and (max-width:360px){ .service_change_content .use_service dl dd ul li .date{width:23%;} .service_change_content .use_service dl dd ul li .btn_cancel_box{width:17%;} } /*뷰페이지*/ .service_cancel_table{} .service_cancel_table .write_table .write_th{vertical-align:middle;} .service_cancel_table .write_table .write_td select{width:280px;} .cancel_intro_txt{width:100%;box-sizing:border-box;border-radius:10px;background:#f5f5f5;text-align: center;margin-top:40px;} .cancel_intro_txt p{font-size:20px;color:#333;font-weight:400;letter-spacing:-0.8px;padding:30px 10px;} .cancel_service_list{margin-top:44px;} .cancel_service_list .cancel_pay_txt{display: block;text-align: right;font-size:16px;color:#c8234a;font-weight:400;letter-spacing:-0.8px;font-family:'Noto Sans KR';} .cancel_service_list > ul{margin-top:16px;} .cancel_service_list > ul > li + li{margin-top:30px;} .cancel_service_list .cancel_service_content > dt{box-sizing:border-box;border-radius:15px;border:1px solid #000;background:#fff;padding:31px 39px 24px 39px;position: relative;z-index:2;} .cancel_service_list .cancel_service_content > dt:after{clear:both;content:"";display: block;} .cancel_service_list .cancel_service_content > dt > div{display: inline-block;box-sizing:border-box;vertical-align: middle;} .cancel_service_list .cancel_service_content > dt .info_box .tit{display: inline-block;vertical-align: top;font-size:22px;color:#333;font-weight:700;letter-spacing:-1.1px;line-height:30px;} .cancel_service_list .cancel_service_content > dt .info_box .tag{display: inline-block;box-sizing:border-box;vertical-align: top;height:30px;line-height:28px;border:1px solid #ccc;border-radius:15px;font-size:14px;color:#666;font-weight:400;letter-spacing:-0.7px;padding:0 12px;margin-left:11px;margin-top:-2px;} .cancel_service_list .cancel_service_content > dt .info_box .des{font-size:16px;color:#555;font-weight:400;letter-spacing:-1px;margin-top:9px;} .cancel_service_list .cancel_service_content > dt .pay{float: right;margin-top:10px;} .cancel_service_list .cancel_service_content > dt .pay p{font-size:24px;color:#c8234a;font-weight:700;letter-spacing:-1.2px;} .cancel_service_list .cancel_service_content > dd{box-sizing:border-box;border:1px solid #ddd;background:#f5f5f5;margin-top:-10px;padding:44px 38px 40px 38px;border-radius:0 0 15px 15px;} .cancel_service_list .cancel_service_content > dd .service_des + .service_des{margin-top:28px;} .cancel_service_list .cancel_service_content > dd .service_des dt{font-size:20px;color:#222;font-weight:400;letter-spacing:-1px;margin-bottom:6px;} .cancel_service_list .cancel_service_content > dd .service_des .line_list li{line-height:30px;color:#555;letter-spacing:-1px;} .cancel_service_list .cancel_service_content > dd .service_des .line_list li .precau{color:#777;line-height:18px;margin-bottom:6px;} .cancel_service_list .cancel_service_content > dd .service_des .line_list li .arw_txt{color:#777;line-height:24px;} .cancel_service_caution{margin-top:40px;} .cancel_service_caution dt{box-sizing:border-box;border:1px solid #c8234a;position: relative;z-index:2;border-radius:10px;padding:19px 30px;background:#fff;} .cancel_service_caution dt p{font-size:20px;color:#c8234a;font-weight:500;letter-spacing:-1px;padding-left:25px;background:url('/images/sub/icon_line_list_chk.png') no-repeat left center;} .cancel_service_caution dd{box-sizing:border-box;border:1px solid #ddd;background:#f5f5f5;margin-top:-10px;padding:40px 38px 36px 38px;border-radius:0 0 10px 10px;} .cancel_service_caution dd .line_list li{color:#444;letter-spacing:-0.8px;line-height:32px;} .cancel_service_caution dd .line_list li.strong{color:#c8234a;font-weight:500;font-size:16px;} .service_change_content .btn_box{margin-top:60px;} @media only screen and (max-width:800px){ .cancel_intro_txt{margin-top:20px;} .cancel_intro_txt p{font-size:18px;padding:20px 10px;} .cancel_service_list{margin-top:30px;} .cancel_service_list .cancel_pay_txt{font-size:14px;} .cancel_service_list > ul{margin-top:10px;} .cancel_service_list > ul > li + li{margin-top:15px;} .cancel_service_list .cancel_service_content > dt{padding:20px 20px 20px 20px;} .cancel_service_list .cancel_service_content > dt .info_box{width:85%;} .cancel_service_list .cancel_service_content > dt .info_box .tit{font-size:20px;} .cancel_service_list .cancel_service_content > dt .info_box .tag{font-size:12px;padding:0 8px;} .cancel_service_list .cancel_service_content > dt .info_box .des{font-size:14px;} .cancel_service_list .cancel_service_content > dt .pay{width:15%;text-align: right;} .cancel_service_list .cancel_service_content > dt .pay p{font-size:20px;} .cancel_service_list .cancel_service_content > dd{padding:30px 20px 30px 20px;} .cancel_service_list .cancel_service_content > dd .service_des dt{font-size:18px;} .cancel_service_list .cancel_service_content > dd .service_des + .service_des{margin-top:15px;} .cancel_service_caution{margin-top:30px;} .cancel_service_caution dt{padding:10px 20px;} .cancel_service_caution dt p{font-size:18px;} .cancel_service_caution dd{padding:30px 20px 30px 20px;} .cancel_service_caution dd .line_list li.strong{font-size:15px;} .service_change_content .btn_box{margin-top:40px;} } @media only screen and (max-width:500px){ .cancel_intro_txt{border-radius:5px;} .cancel_intro_txt p{font-size:16px;padding:15px 5px;} .cancel_service_list .cancel_pay_txt{font-size:12px;} .cancel_service_list .cancel_service_content > dt{padding:20px 10px 20px 10px;} .cancel_service_list .cancel_service_content > dt .info_box .tit{font-size:18px;} .cancel_service_list .cancel_service_content > dt .info_box .des{font-size:13px;} .cancel_service_list .cancel_service_content > dt .pay p{font-size:18px;} .cancel_service_list .cancel_service_content > dd{padding:30px 10px 30px 10px;} .cancel_service_list .cancel_service_content > dd .service_des dt{font-size:16px;margin-bottom:0;} .cancel_service_list .cancel_service_content > dd .service_des .line_list li{line-height:23px;} .cancel_service_caution dt{padding:10px 10px;} .cancel_service_caution dt p{font-size:16px;padding-left:20px;} .cancel_service_caution dd{padding:30px 10px;} .cancel_service_caution dd .line_list li{line-height:23px;} .cancel_service_caution dd .line_list li.strong{font-size:13px;} .service_change_content .btn_box{margin-top:30px;} } @media only screen and (max-width:340px){ .cancel_intro_txt p{font-size:14px;} } /*────────────────────────────────────────────────────────── 마이페이지 (가입정보) ───────────────────────────────────────────────────────────*/ .my_info_content{margin-top:42px;} .my_info_content .sub_my_info + .sub_my_info{margin-top:71px;} .my_info_content .sub_my_info .sub_cont_tit{margin-bottom:24px;} .my_info_content .col_table_list dl{font-family:'Poppins', 'Noto Sans KR';} .my_info_content .col_table_list dt{text-align: center;width:150px;font-size:18px;color:#333;font-weight:400;letter-spacing:-0.54px;padding:22px 15px 20px;font-family:'Noto Sans KR';} .my_info_content .col_table_list dd{font-size:18px;color:#777;font-weight:400;letter-spacing:-0.54px;padding:22px 30px 20px;word-break:keep-all;} .my_info_content .col_table_list dd a{display: inline-block;box-sizing:border-box;vertical-align:top;border:1px solid #aaa;border-radius:4px;background:#fff;height:25px;line-height:23px;font-size:14px;color:#666;font-weight:400;letter-spacing:-0.7px;margin-left:14px;padding:0 14px;} .my_info_content .bbs_table_wrap{margin-top:0;} .my_info_content .bbs_table_wrap .bbs_table .no_data td{color:#999;} @media only screen and (max-width:900px){ .my_info_content .col_table_list dd{padding:22px 15px 20px;font-size:16px;} } @media only screen and (max-width:640px){ .my_info_content{margin-top:25px;} .my_info_content .sub_my_info + .sub_my_info{margin-top:40px;} .my_info_content .sub_my_info .sub_cont_tit{margin-bottom:10px;} .my_info_content .col_table_list dt{font-size:16px;} } @media only screen and (max-width:500px){ .my_info_content .col_table_list dt{width:110px;font-size:14px;padding:13px 15px 13px;} .my_info_content .col_table_list dd{font-size:14px;padding:13px 15px 13px;} .my_info_content .col_table_list dd a{height:20px;line-height:18px;margin-left:8px;padding:0 8px;font-size:12px;} } /*────────────────────────────────────────────────────────── 마이페이지 (상담내역) ───────────────────────────────────────────────────────────*/ .my_qa_content{margin-top:42px;} .my_qa_content .sub_cont_tit{margin-bottom:24px;} .my_qa_content .board_default_list table thead tr th{border-top:1px solid #333;} .my_qa_content .board_default_list table thead tr th.num{color:#333;} .my_qa_content .board_default_list table tbody tr td{padding:21px 0;} .my_qa_content .board_default_list table tbody tr td.status{font-size:18px;} .my_qa_content .board_default_list table tbody tr td.tit{color:#333;padding-left:28px;} @media only screen and (max-width:900px){ .my_qa_content .board_default_list table col:nth-of-type(4){width:20% !important;} .my_qa_content .board_default_list table tbody tr td{padding:16px 0;} .my_qa_content .board_default_list table tbody tr td.status{font-size:16px;} } @media only screen and (max-width:640px){ .my_qa_content{margin-top:20px;} .my_qa_content .sub_cont_tit{margin-bottom:10px;} .my_qa_content .board_default_list table tbody tr td.status{font-size:14px;} } @media only screen and (max-width:500px){ .my_qa_content .board_default_list table thead tr th{word-break:break-all;} .my_qa_content .board_default_list table col:nth-of-type(2){width:10% !important;} } @media only screen and (max-width:376px){ .my_qa_content .board_default_list table col:nth-of-type(2){width:13% !important;} } @media only screen and (max-width:340px){ .my_qa_content .board_default_list table col:nth-of-type(2){width:15% !important;} } /*뷰페이지*/ .my_qa_view{margin-top:60px;} /*────────────────────────────────────────────────────────── 이용약관 ───────────────────────────────────────────────────────────*/ .add_service_tab li a{font-size:inherit;color:inherit;font-weight:inherit;display: block;width:100%;height:100%;} .add_service_tab.guide_tab ul{margin-top:0;} .guide_search.sub_con_search{margin-top:60px;} .guide_search .small_w_btn button{background:#fff url('/images/sub/icon-download.png')no-repeat 89% center;padding:0 59px 0 20px;} .guide_contents .guide_list{margin-top:40px;box-sizing:border-box;border:4px solid #eee;padding:56px 56px 55px 54px;} .guide_contents .guide_list dl{} .guide_contents .guide_list dl + dl{margin-top:20px;} .guide_contents .guide_list dl dt{position: relative;cursor:pointer;} .guide_contents .guide_list dl dt:before{width:11px;height:11px;content:"";border:2px solid #666;border-width:2px 2px 0 0;transform:rotate(135deg);position: absolute;right:13px;top:6px;} .guide_contents .guide_list dl dt.on:before {transform:rotate(-45deg);border-color:#000;top:12px;} .guide_contents .guide_list dl dt .num{display: inline-block;box-sizing:border-box;vertical-align: top;text-align: center;width:64px;;height:30px;line-height:26px;border-radius:15px;border:1px solid #333;font-size:16px;color:#333;font-weight:400;letter-spacing:-0.64px;font-family:'Noto Sans KR';} .guide_contents .guide_list dl dt .title{display: inline-block;vertical-align: top;font-size:20px;color:#333;font-weight:400;letter-spacing:-1px;line-height:30px;margin-left:8px;} .guide_contents .guide_list dl dd{width:100%;box-sizing:border-box;background:#f5f5f5;margin-top:30px;padding:29px 29px 5px 29px;display: none;} .guide_contents .guide_list dl dd ul{width:calc(100% + 20px);margin-left:-20px;font-size:0;} .guide_contents .guide_list dl dd ul li{display: inline-block;box-sizing:border-box;vertical-align: top;margin:0 20px 23px;border-bottom:1px solid transparent;line-height:1;} .guide_contents .guide_list dl dd ul li a{font-size:16px;color:#666;font-weight:400;letter-spacing:-0.8px;font-family:'Noto Sans KR';} .guide_contents .guide_list dl dd ul li:hover{border-bottom:1px solid #000;} .guide_contents .guide_list dl dd ul li:hover a{color:#333;} .guide_content_box{} .guide_content_box .sub_guide_contents{margin-top:51px;} .guide_content_box .sub_guide_contents + .sub_guide_contents{margin-top:42px;} .guide_content_box .sub_guide_contents .sub_guide{margin-top:14px;position: relative;} .guide_content_box .sub_guide_contents .sub_guide a{position: absolute;top:-40px;} .guide_content_box .sub_guide_tit{font-size:20px;color:#333;font-weight:400;letter-spacing:-0.8px;font-family:'Noto Sans KR';} .guide_content_box .content{font-size:16px;color:#666;font-weight:400;letter-spacing:-0.8px;line-height:26px;white-space:pre-line;box-sizing:border-box;margin-top:8px;} .guide_content_box .guide_txt{width:100%;box-sizing:border-box;background:#f5f5f5;text-align: center;margin-top:73px;} .guide_content_box .guide_txt p{font-size:20px;color:#333;font-weight:400;letter-spacing:-1px;font-family:'Noto Sans KR';padding:35px 0;} @media only screen and (max-width:1100px){ .guide_search.sub_con_search input{width:calc(100% - 450px);} } @media only screen and (max-width:900px){ .guide_search .small_w_btn button{font-size:16px;padding:0 50px 0 10px;} .guide_contents .guide_list{margin-top:30px;padding:40px 40px 40px 38px;} .guide_contents .guide_list dl dt .num{font-size:14px;} .guide_contents .guide_list dl dt .title{font-size:16px;} .guide_contents .guide_list dl dd{margin-top:15px;padding:20px 20px 5px 20px;} .guide_contents .guide_list dl dd ul li{margin:0 15px 15px;} .guide_contents .guide_list dl dd ul li a{font-size:14px;} .guide_content_box .sub_guide_contents{margin-top:40px;} .guide_content_box .sub_guide_contents + .sub_guide_contents{margin-top:30px;} .guide_content_box .sub_guide_tit{font-size:16px;} .guide_content_box .content{font-size:14px;line-height:20px;} .guide_content_box .guide_txt{margin-top:40px;} .guide_content_box .guide_txt p{font-size:16px;padding:25px 0;} } @media only screen and (max-width:640px){ .guide_search.sub_con_search input{width:calc(100% - 247px);} .guide_contents .guide_list{padding:30px 30px 30px 28px;} } @media only screen and (max-width:500px){ .add_service_tab.guide_tab li{font-size:16px;} .guide_search.sub_con_search input{width:calc(100% - 65px);} .guide_search.sub_con_search .search_btn.small_w_btn{display: block;margin-top:10px;} .guide_search .small_w_btn button{font-size:14px;} .guide_contents .guide_list{padding:20px 15px 20px 15px;} .guide_contents .guide_list dl dt .num{width:55px;font-size:12px;border-radius:13px;} .guide_contents .guide_list dl dt .title{font-size:14px;margin-left:3px;} .guide_contents .guide_list dl dt:before{width:8px;height:8px;right:5px;top:7px;} .guide_content_box .sub_guide_tit{font-size:14px;} .guide_content_box .content{font-size:12px;} .guide_content_box .guide_txt{margin-top:30px;} .guide_content_box .guide_txt p{font-size:14px;padding:20px 0;} } /*────────────────────────────────────────────────────────── 이용약관 주요내용 설명 ───────────────────────────────────────────────────────────*/ .guide_point_down{text-align: right;margin-top:60px;} .guide_point_down a{display: inline-block;box-sizing:border-box;height:50px;line-height:48px;vertical-align: top;border:1px solid #333;border-radius:4px;background:#fff url('/images/sub/icon-download.png')no-repeat 93% center;padding:0 62px 0 20px;font-size:18px;color:#333;font-weight:400;letter-spacing:-0.9px;} .guide_point_list{box-sizing:border-box;margin-top:30px;border:4px solid #eee;padding:56px 58px 50px 54px;} .guide_point_list ol{counter-reset:list-number;} .guide_point_list ol li{counter-increment:list-number;font-size:20px;color:#333;font-weight:400;letter-spacing:-1px;line-height:30px;} .guide_point_list ol li + li{margin-top:20px;} .guide_point_list ol li:before{content: counter(list-number);width:30px;height:30px;box-sizing:border-box;border-radius:100%;border:1px solid #333;text-align: center;display: inline-block;vertical-align: top;margin-right:15px;font-size:16px;color:#333;font-weight:500;letter-spacing:-0.8px;line-height:30px;} .guide_point_box{} .guide_point_box .guide_point_txt, .guide_point_table, .guide_point_emp{padding-left:18px;} .guide_point_box .sub_guide_point{margin-top:52px;} .guide_point_box .sub_guide_point + .sub_guide_point{margin-top:45px;} .guide_point_box .guide_point_txt{font-size:16px;color:#444;font-weight:400;letter-spacing:-0.8px;line-height:30px;white-space:pre-line;margin-top:8px;font-family:'Noto Sans KR';} .guide_point_box .guide_point_txt + .guide_point_txt{margin-top:16px;} .guide_point_box .guide_point_txt strong{color:#222;font-weight:500;} .guide_point_table{margin-top:23px;} .guide_point_table table thead tr th{box-sizing:border-box;border-top:1px solid #333;border-bottom:1px solid #ddd;background:#f5f5f5;text-align: center;vertical-align: middle;font-size:18px;color:#333;font-weight:400;letter-spacing:-0.6px;padding:16px 10px;} .guide_point_table table thead tr th + th{border-left:1px solid #ddd;} .guide_point_table table tbody tr th, .guide_point_table table tbody tr td{text-align:left;box-sizing:border-box;border-bottom:1px solid #ddd;vertical-align: middle;font-family:'Noto Sans KR';padding-top:14px;padding-bottom:14px;} .guide_point_table table tbody tr th{font-size:18px;color:#333;font-weight:400;letter-spacing:-0.54px;line-height:26px;padding-left:20px;} .guide_point_table table tbody tr td{border-left:1px solid #ddd;font-size:17px;color:#777;font-weight:400;letter-spacing:-0.7px;line-height:30px;padding-left:20px;word-break:break-all;} .point_table_txt{font-size:16px;color:#777;font-weight:400;letter-spacing:-0.8px;line-height:26px;font-family:'Noto Sans KR';white-space:pre-line;margin-top:24px;} .guide_point_emp{margin-top:16px;} .sub_guide_tit{font-size:20px;color:#222;font-weight:500;letter-spacing:-0.8px;padding-left:21px;background:url('/images/sub/icon_line_list_chk.png') no-repeat left center;margin-bottom:10px;} .sub_guide_point2{font-size:16px;color:#444;font-weight:400;letter-spacing:-0.8px;line-height:26px;white-space:pre-line;} .sub_guide_point2 + .sub_guide_point2{margin-top:14px;} .sub_guide_point2 strong{display: block;font-weight:500;} @media only screen and (max-width:800px){ .guide_point_list{padding:40px 40px 40px 40px;} .guide_point_list ol li{font-size:18px;} .guide_point_box .sub_guide_point{margin-top:40px;} .guide_point_box .sub_guide_point + .sub_guide_point{margin-top:35px;} .guide_point_table table thead tr th{font-size:16px;} .guide_point_table table tbody tr th{font-size:16px;} .guide_point_table table tbody tr td{font-size:14px;line-height:26px;} .point_table_txt{font-size:14px;margin-top:15px;} .sub_guide_tit{font-size:18px;margin-bottom:5px;} .sub_guide_point2{font-size:14px;} .guide_point_emp{margin-top:10px;;} } @media only screen and (max-width:640px){ .guide_point_list{padding:20px 20px 20px 20px;} .guide_point_list ol li{font-size:16px;} .guide_point_box .guide_point_txt, .guide_point_table, .guide_point_emp{padding-left:15px;} } @media only screen and (max-width:500px){ .guide_point_down{margin-top:30px;} .guide_point_down a{height:40px;line-height:38px;padding:0px 49px 0 10px;font-size:15px;} .guide_point_list{margin-top:20px;padding:10px 10px 10px 10px;} .guide_point_list ol li{font-size:14px;line-height:20px;} .guide_point_list ol li + li{margin-top:12px;} .guide_point_list ol li:before{width:20px;height:20px;margin-right:5px;font-size:14px;line-height:20px;} .guide_point_box .sub_guide_point{margin-top:30px;} .guide_point_box .sub_guide_point + .sub_guide_point{margin-top:25px;} .guide_point_box .guide_point_txt{margin-top:0;font-size:14px;line-height:23px;} .guide_point_table{margin-top:10px;} .guide_point_table table thead tr th{font-size:14px;padding:10px 10px;} .guide_point_table table tbody tr th, .guide_point_table table tbody tr td{padding-top:10px;padding-bottom:10px;} .guide_point_table table tbody tr th{font-size:14px;padding-left:10px;line-height:20px;} .guide_point_table table tbody tr td{font-size:12px;line-height:20px;padding-left:10px;} .point_table_txt{font-size:12px;margin-top:10px;line-height:20px;} .sub_guide_tit{font-size:16px;} .sub_guide_point2{font-size:12px;line-height:20px;} } @media only screen and (max-width:350px){ .guide_point_table table tbody tr th{padding-left:0;} } /*────────────────────────────────────────────────────────── 개인정보처리방침 ───────────────────────────────────────────────────────────*/ .add_service_con .privacy_tit{font-size:0;margin-top:10px;} .add_service_con .privacy_tit:after{clear:both;content:"";display: block;} .add_service_con .privacy_tit h3{display: inline-block;vertical-align: top;font-size:30px;color:#333;font-weight:500;letter-spacing:-1.5px;line-height:50px;} .guide_btn_box{display: inline-block;vertical-align: top;float: right;} .add_service_con .privacy_tit .guide_point_down{display: inline-block;vertical-align: top;margin-top:0;} .add_service_con .privacy_tit .guide_point_down + .guide_point_down{margin-left:10px;} .guide_point_list p{font-size:20px;color:#333;font-weight:500;letter-spacing:-0.8px;font-family:'Noto Sans KR';line-height:1;margin-bottom:29px;} .guide_point_box h4{font-size:24px;color:#333;font-weight:500;letter-spacing:-1px;font-family:'Noto Sans KR';margin-bottom:25px;} .guite_table_tit{box-sizing:border-box;text-align: center;border-top:2px solid #333;padding:20px 0;} .guite_table_tit p{font-size:18px;color:#333;font-weight:400;letter-spacing:-0.8px;font-family:'Noto Sans KR';} .guide_point_table table + .guite_table_tit{margin-top:40px;} .guide_point_table + .guide_point_emp{margin-top:55px;} .privacy_box .guide_point_table table tbody tr td:nth-of-type(1){border-left:none;} .privacy_box .guide_point_table table td a{display:inline-block;box-sizing:border-box;vertical-align: top;border:1px solid #aaa;border-radius:4px;height:34px;line-height:32px;padding:0 14px;font-size:16px;color:#555;font-weight:400;letter-spacing:-0.8px;margin-top:7px;} .guide_point_table + .guide_point_table{margin-top:40px;} @media only screen and (max-width:1000px){ .guide_btn_box{display: block;float:none;width:100%;} } @media only screen and (max-width:800px){ .add_service_con .privacy_tit .guide_point_down{display: block;text-align: left;} .add_service_con .privacy_tit .guide_point_down + .guide_point_down{margin:15px 0 0 0;} .add_service_con .privacy_tit .guide_point_down a{font-size:16px;padding:0 62px 0 10px;} .guide_point_table + .guide_point_emp{margin-top:30px;} .guite_table_tit{padding:15px 0;} .guite_table_tit p{font-size:14px;} .privacy_box .guide_point_table table td a{display: block;width:calc(100% - 10px);height:auto;line-height:32px;font-size:14px;padding:0 5px;text-align: center;} } @media only screen and (max-width:700px){ .guide_point_list p{font-size:18px;} .privacy_box .guide_point_table table td a{line-height:18px;word-break:keep-all;} } @media only screen and (max-width:500px){ .guide_point_list p{font-size:16px;} .add_service_con .privacy_tit h3{font-size:20px;} .privacy_tit + .guide_point_list ol li{font-size:12px;} .privacy_box .guide_point_table table td a{font-size:12px;} } /*팝업*/ .ly_pop .privacy_layer{top:25%;left: 50%;transform: translate(-50%, 0);box-shadow: none;width:540px;} .ly_pop .privacy_layer.on{height:auto;overflow:visible;opacity:1;} .ly_pop .privacy_layer .ly_pop_box .tit{background:#333;text-align: center;} .ly_pop .privacy_layer .ly_pop_box .tit p{color:#fff;} .ly_pop .privacy_layer .ly_pop_box .btn_layer_close{top:10px;right:-37px;} .ly_pop .privacy_layer .ly_pop_box .btn_layer_close a span{background:#fff;} .ly_pop .privacy_layer .ly_pop_box .cont{width: 100%;box-sizing: border-box;padding: 30px 9px 30px 30px} .ly_pop .privacy_layer .privacy_container{box-sizing: border-box;padding-right: 21px;max-height: 450px;} .ly_pop .privacy_layer .privacy_container .swiper-scrollbar{right:0;top:0;width:6px;height:100%;background:#ddd;border-radius:2.5px;} .ly_pop .privacy_layer .privacy_container .swiper-scrollbar .swiper-scrollbar-drag{width:6px;border-radius:2.5px;box-sizing:border-box;background:#999;} .ly_pop .privacy_layer .privacy_table table thead tr th{text-align: center;box-sizing:border-box;border-top:1px solid #000;border-bottom:1px solid #ddd;background:#f5f5f5;font-size:18px;color:#333;font-weight:400;letter-spacing:-0.8px;padding:16px 0;} .ly_pop .privacy_layer .privacy_table table tbody tr td{box-sizing:border-box;text-align: center;border-bottom:1px solid #ddd;padding:15px 0;font-size:18px;color:#333;font-weight:400;letter-spacing:-0.8px;font-family:'Noto Sans KR';} .ly_pop .privacy_layer .privacy_table table tbody tr td a{display: inline-block;box-sizing:border-box;border:1px solid #333;border-radius:4px;background:url('/images/sub/icon-download.png')no-repeat 90% center;font-size:17px;color:#333;font-weight:400;letter-spacing:-1px;height:46px;line-height:44px;padding:0 54px 0 18px;} @media only screen and (max-width:640px){ .ly_pop .privacy_layer{width:calc(100% - 80px);left:48%;} .ly_pop .privacy_layer .privacy_container{max-height:350px;} .ly_pop .privacy_layer .ly_pop_box .cont{padding:20px 9px 20px 20px;} .ly_pop .ly_pop_layer .ly_pop_box .tit p{font-size:18px;padding:13px 0;} .ly_pop .privacy_layer .privacy_table table thead tr th{font-size:16px;padding:10px 0;} .ly_pop .privacy_layer .privacy_table table tbody tr td{font-size:16px;padding:10px 0;} .ly_pop .privacy_layer .privacy_table table tbody tr td a{font-size:14px;height:40px;line-height:36px;padding:0 45px 0 10px;} } @media only screen and (max-width:500px){ .ly_pop .privacy_layer{width:calc(100% - 50px);} .ly_pop .privacy_layer .ly_pop_box .btn_layer_close{top:6px;right:-23px;} .ly_pop .privacy_layer .privacy_container{max-height:225px;} .ly_pop .privacy_layer .privacy_table table thead tr th{font-size:14px;} .ly_pop .privacy_layer .privacy_table table tbody tr td{font-size:14px;} .ly_pop .privacy_layer .privacy_table table tbody tr td a{font-size: 12px;height: 30px;line-height: 26px;padding: 0px 28px 0 4px;background-size: auto 12px;} } @media only screen and (max-width:340px){ .ly_pop .privacy_layer{width:calc(100% - 30px);left:50%;} .ly_pop .privacy_layer .ly_pop_box .btn_layer_close{top:-30px;right:0;} }