@charset "utf-8"; .sub_visual {background:#eaebed;} .sv_wrap {width:1080px; padding:60px 0 60px 0; margin:0 auto;} .sv_wrap .sv_title {text-align:center; font-size:50px; letter-spacing:-5px; color:#2b2d3a;} .sv_wrap .sv_title .st_2 {font-size:24px; letter-spacing:-2px;} .sv_wrap .sv_btn {text-align:center; margin-top:25px;} .sv_wrap .sv_btn ul li {display:inline-block; margin:0 1px;} .sub_visual_1 {height:410px; background:url(../../images/sub/sub_visual_1.png) no-repeat center/cover;} .sub_visual_1 .sv_wrap {padding:107px 0 0 0;} .sub_visual_1 .sv_wrap .sv_title .st_1 {color:#fff; letter-spacing:-2px} .sub_visual_1 .sv_wrap .sv_title .st_1 b{font-weight:bold} .sub_visual_1 .sv_wrap .sv_title .st_2 {font-size:24px; letter-spacing:-1px; font-weight:100; color:#fff;} .sub_visual_1 .sv_wrap .sv_btn {margin-top:50px;} .sub_visual_1 .sw_type_2 {padding:65px 0 0 0;} .sub_visual_5 .sv_wrap .sv_title .logo, .sub_visual_6 .sv_wrap .sv_title .logo{margin-bottom:15px;} .sub_visual_5 .sv_wrap .sv_title p.st_1, .sub_visual_6 .sv_wrap .sv_title p.st_1{color:#fff; letter-spacing:-2px} .sub_visual_5 .sv_wrap .sv_title p.st_1 b,.sub_visual_6 .sv_wrap .sv_title p.st_1 b{font-weight:bold} .sub_visual_5 .sv_wrap .sv_title p.st_2, .sub_visual_6 .sv_wrap .sv_title p.st_2{font-size:24px; letter-spacing:-1px; font-weight:100; color:#fff;} .sub_visual_5 .sv_wrap .sv_btn, .sub_visual_6 .sv_wrap .sv_btn{margin-top:50px;} .sub_visual_2_1 {background:url(../../images/sub/sub_visual_2_1.png) no-repeat center/cover;} .sub_visual_2_2 {background:url(../../images/sub/sub_visual_2_2.png) no-repeat center/cover;} .sub_visual_2_3 {background:url(../../images/sub/sub_visual_2_3.png) no-repeat center/cover;} .sub_visual_2_4 {background:url(../../images/sub/sub_visual_2_4.png) no-repeat center/cover;} .sub_visual_2_5 {background:url(../../images/sub/sub_visual_2_5.png) no-repeat center/cover;} .sub_visual_2_6 {background:url(../../images/sub/sub_visual_2_6.png) no-repeat center/cover;} .sub_visual_2_7 {background:url(../../images/sub/sub_visual_2_7.jpg) no-repeat center/cover;} .sub_visual_2_8 {background:url(../../images/sub/sub_visual_2_8.jpg) no-repeat center/cover;} .sub_visual_3_1 {background:url(../../images/sub/sub_visual_3_1.png) no-repeat center/cover;} .sub_visual_3_2 {background:url(../../images/sub/sub_visual_3_2.png) no-repeat center/cover;} .sub_visual_3_3 {background:url(../../images/sub/sub_visual_3_3.png) no-repeat center/cover;} .sub_visual_3_4 {background:url(../../images/sub/sub_visual_3_4.png) no-repeat center/cover;} .sub_visual_3_5 {background:url(../../images/sub/sub_visual_3_5.png) no-repeat center/cover;} .sub_visual_3_8 {background:url(../../images/sub/sub_visual_3_8.png) no-repeat center/cover;} .sub_visual_5 {height:410px; background:url(../../images/sub/sub_visual_5.jpg) no-repeat center/cover;} .sub_visual_6 {height:410px; background:url(../../images/sub/sub_visual_6.jpg) no-repeat center/cover;} .sub_visual_8_1 {background:url(../../images/sub/sub_visual_8_1.png) no-repeat center;} .sub_tab {border-bottom:1px solid #e1e1e1;} .sub_tab ul {width:1080px; height:69px; margin:0 auto;} .sub_tab ul li {float:left; text-align:center; font-size:18px;} .sub_tab ul li a {display:block; background:url(../../images/sub/sub_tab_cut.gif) no-repeat right 27px; font-weight:400;} .sub_tab ul li a:hover {color:#0b57b3;} .sub_tab ul li:last-child a {background:none;} .sub_tab ul li a span {display:inline-block; height:28px; padding:23px 0 19px 0; letter-spacing: -.04em; text-indent: -1px;} .sub_tab ul li.on a span {background:url(../../images/sub/sub_tab_on_bg.gif) repeat-x bottom; font-weight:500; color:#0b57b3;} .st_type_1 ul li {width:33.3333%;} .st_type_2 ul li {width:50%;} .st_type_3 ul li {width:16.6666%;} .st_type_4 ul li {width:20%;} .st_type_5 ul li {width:25%;} .s_title_line {overflow:hidden; margin:50px 0 25px 0;} .s_title_line h3 {float:left; font-size:45px; font-weight:500; letter-spacing:-5px; color:#2b2d3a;} .s_title_line h4 {float:left; font-size:40px; font-weight:500; letter-spacing:-5px; color:#2b2d3a;} .s_title_line ul {float:left; margin:32px 0 0 15px;} .s_title_line ul li {float:left; padding:0 28px 0 27px; background:url(../../images/sub/sub_tab_cut.gif) no-repeat right 6px; font-size:18px;} .s_title_line ul li:last-child {background:none;} .s_title_line ul li a {color:#999;} .s_title_line ul li.on a {text-decoration:underline; font-weight:500; color:#2b2d3a;} .st_top {margin:25px 0 16px 0;} .st_top p {font-size:18px; color:#2b2d3a;} .sub_banner {margin-bottom: 2rem} @media screen and (max-width: 640px) { .sub_banner {margin-bottom: 1.5rem} .sub_banner img { margin-left: -30%; margin-right: -30%; width: 160%; max-width: none; } } /*20161228 메일 수신거부로 추가 start*/ .s_title_line_Quiesce {overflow:hidden; margin:100px 0 50px 0;text-align:center;} .s_title_line_Quiesce h3 {float:left; font-size:45px; font-weight:500; letter-spacing:-5px; color:#2b2d3a;} .s_title_line_Quiesce span {font-size:50px; font-weight:500; letter-spacing:-5px; color:#2b2d3a;} .st_top_Quiesce {margin:0 0 15px 0; text-align:center;} .st_top_Quiesce p {font-size:30px; color:#2b2d3a;} .st_top_Quiesce_Sub {margin:0 0 30px 0; text-align:center;} .st_top_Quiesce_Sub p {font-size:20px; color:#b9b9b9;} .st_foo_Quiesce_Sub {text-align:center;width:100%;height:60px;padding:45px 0 45px 0; background-color:#f8f8f8;} .st_foo_Quiesce_Sub p {font-size:14px; color:#2b2b3a;} /*20161228 메일 수신거부로 추가 end*/ /* 결제페이지 */ .p_title_line {overflow:hidden;} .p_title_line h3 {text-align:center; font-size:45px; font-weight:500; letter-spacing:-5px; color:#2b2d3a;} .p_title_line ul {text-align:center; margin:15px 0 35px 0; letter-spacing:-2px;} .p_title_line ul li {display:inline-block; padding:0 28px 0 27px; background:url(../../images/sub/sv_btn_arrow.png) no-repeat right 6px; font-size:18px; font-weight:normal;} .p_title_line ul li:last-child {background:none;} .p_title_line ul li.on {font-weight:600; color:#147daa; font-size:18px;} /* section */ .st_line_2 {margin:50px 0 15px 0;} .section .top_area{overflow: hidden;} .section .top_area h4{display: inline-block; margin:47px 53px 10px 0;} .section .top_area h4.first{margin:0 60px 0 0;} .section .top_area .check_t{display: inline-block; vertical-align: middle; margin-bottom:15px;} .section h4 {margin:47px 0 10px 0; font-size:36px; font-weight:normal; letter-spacing:-4px; color:#2b2d3a;} .section h4.first {margin:0 0 10px 0;} .section h4.type_2 {margin:47px 0 15px 0;} .section h4.type_3 {margin:140px 0 0 0;} .section h5 {margin:50px 0 10px 0; font-size:28px; font-weight:normal; letter-spacing:-3px; color:#2b2d3a;} .section h6 {margin:47px 0 10px 0; font-size:24px; font-weight:normal; letter-spacing:-2px; color:#2b2d3a;} .section > p {margin:6px 0 15px 0; font-size:18px; color:#2b2d3a;} .section p.guide_text {text-align:center; margin:25px 0 0 0; font-size:24px; letter-spacing:-2px;} .section p.nor_t {font-size:16px; color:#646473; margin-bottom:20px;} .section p.nor_t2 {text-align:right; font-size:16px; color:#646473;} .section p.nor_t3 {margin:0; font-size:16px; color:#646473;} .section p.nor_t4 {font-size:16px; color:#646473; padding-bottom:15px;} .section p.impor_line span.imp {position:absolute; top:0; right:0;} .section p.sub_btn a {width:204px;} .section p.bold_t1 {margin:32px 0 10px 0; font-size:20px; font-weight:500; color:#2b2d3a;} .section > ul {margin-top:9px;} .section dl dt {color:#2b2d3a;} .section .t_sm_type {overflow:hidden; margin-bottom:10px;} .section .t_sm_type h4 {float:left; margin-bottom:0;} .section .t_sm_type span.color_s3 {float:left; margin:70px 0 0 23px;} .section_2 h5 {margin:30px 0 10px 0; font-size:28px; font-weight:normal; letter-spacing:-3px; color:#2b2d3a;} .section_2 > p {margin:6px 0 15px 0;} .section_2 > dl {margin-bottom:15px;} .section_2 > dl > dt {margin:15px 0 5px 0; font-size:20px; font-weight:400; color:#2b2d3a;} .section_2 > dl > dd {padding-left:9px; background:url(../../images/sub/list_icon_5.png) no-repeat left 11px;} .section_2 > ul {margin-bottom:15px;} .section_2 ul.ic_style li {padding-left:9px; background:url(../../images/sub/list_icon_5.png) no-repeat left 11px;} .section_2 strong {font-weight:500; color:#2b2d3a;} .section_2 span.ic_1 {display:block; padding-left:9px; background:url(../../images/sub/list_icon_5.png) no-repeat left 11px;} .section_2 ul.under_1 li a {text-decoration:underline;} /* 쇼핑몰통합관리 */ .img_type_1 {overflow:hidden;} .img_type_1 dl {float:left; text-align:center; padding-top:305px; margin-top:30px;} .img_type_1 dl.img_dl_1 {width:59%; background:url(../../images/sub/m01_img_1.png) no-repeat 107px 0px;} .img_type_1 dl.img_dl_2 {width:41%; background:url(../../images/sub/m01_img_2.png) no-repeat 0 0;} .img_type_1 dl dt {font-size:28px;} .img_type_1 dl dd {font-size:18px; color:#2b2d3a;} .it_type_2 dl {padding-top:270px;} .it_type_2 dl.img_dl_1 {width:50%; background:url(../../images/sub/m02_01_bg_1.png) no-repeat center 0;} .it_type_2 dl.img_dl_2 {width:50%; background:url(../../images/sub/m02_01_bg_2.png) no-repeat center 0;} .sub_bg_type {text-align:center; background:#f3f4f5; color:#2b2d3a;} .sub_bg_type .sbt_wrap {width:1080px; padding:53px 0; margin:0 auto;} .sub_bg_type h3 {text-align:left; font-size:45px; font-weight:500; letter-spacing:-5px;} .sub_bg_type h5 {font-size:28px; font-weight:400;} .sub_bg_type ul.sbt_c {overflow:hidden; margin-top:50px;} .sub_bg_type ul.sbt_c li {float:left; width:25%;} .sub_bg_type ul.sbt_c li {background:url(../../images/sub/m01_c_cut.png) no-repeat right 0;} .sub_bg_type ul.sbt_c li p {padding-top:195px; font-size:20px;} .sub_bg_type ul.sbt_c li.sc1 p {background:url(../../images/sub/m01_c_1.png) no-repeat center 0;} .sub_bg_type ul.sbt_c li.sc2 p {background:url(../../images/sub/m01_c_2.png) no-repeat center 0;} .sub_bg_type ul.sbt_c li.sc3 p {background:url(../../images/sub/m01_c_3.png) no-repeat center 0;} .sub_bg_type ul.sbt_c li.sc4 p {background:url(../../images/sub/m01_c_4.png) no-repeat center 0;} .sub_bg_type ul.sbt_c li.sc4 {background:none;} .sub_bg_type p.sb_t1 {margin:20px 0 0 0; font-size:36px; font-weight:200; letter-spacing:-4px;} .sub_bg_type p.sb_t1 strong {font-weight:500;} .sbt_pd2 .sbt_wrap {padding:80px 0;} .i_list_type ul {overflow:hidden; padding-bottom:75px; margin-top:50px; border-bottom:1px solid #dde2e6;} .i_list_type ul li {float:left; text-align:center; width:33.3333%;} .i_list_type ul li dl {padding-top:135px;} .i_list_type ul li dl dt {font-size:20px; font-weight:500;} .i_list_type ul li.il_1 dl {background:url(../../images/sub/m01_img_3.png) no-repeat center 0;} .i_list_type ul li.il_2 dl {background:url(../../images/sub/m01_img_4.png) no-repeat center 0;} .i_list_type ul li.il_3 dl {background:url(../../images/sub/m01_img_5.png) no-repeat center 0;} .i_list_type_2 ul {padding-bottom:25px;} .i_list_type_2 ul li {margin-bottom:50px;} .i_list_type_2 ul li dl {padding-top:175px;} .i_list_type_2 ul li.il_1 dl {background:url(../../images/sub/m01_02_mbg_1.png) no-repeat center 0;} .i_list_type_2 ul li.il_2 dl {background:url(../../images/sub/m01_02_mbg_2.png) no-repeat center 0;} .i_list_type_2 ul li.il_3 dl {background:url(../../images/sub/m01_02_mbg_3.png) no-repeat center 0;} .i_list_type_2 ul li.il_4 dl {background:url(../../images/sub/m01_02_mbg_4.png) no-repeat center 0;} .i_list_type_2 ul li.il_5 dl {background:url(../../images/sub/m01_02_mbg_5.png) no-repeat center 0;} .i_list_type_2 ul li.il_6 dl {background:url(../../images/sub/m01_02_mbg_6.png) no-repeat center 0;} .i_list_type_2 ul li.il_7 dl {background:url(../../images/sub/m01_02_mbg_7.png) no-repeat center 0;} .i_list_type_2 ul li.il_8 dl {background:url(../../images/sub/m01_02_mbg_8.png) no-repeat center 0;} .i_list_type_3 ul {padding-bottom:25px;} .i_list_type_3 ul li {margin-bottom:50px;} .i_list_type_3 ul li dl {padding-top:175px;} .i_list_type_3 ul li.il_1 dl {background:url(../../images/sub/m01_02_mbg2_1.png) no-repeat center 0;} .i_list_type_3 ul li.il_2 dl {background:url(../../images/sub/m01_02_mbg2_2.png) no-repeat center 0;} .i_list_type_3 ul li.il_3 dl {background:url(../../images/sub/m01_02_mbg2_3.png) no-repeat center 0;} .i_list_type_3 ul li.il_4 dl {background:url(../../images/sub/m01_02_mbg2_4.png) no-repeat center 0;} .i_list_type_3 ul li.il_5 dl {background:url(../../images/sub/m01_02_mbg2_5.png) no-repeat center 0;} .i_list_type_3 ul li.il_6 dl {background:url(../../images/sub/m01_02_mbg2_6.png) no-repeat center 0;} .i_list_type_3 ul li.il_7 dl {background:url(../../images/sub/m01_02_mbg2_7.png) no-repeat center 0;} .i_list_type_3 ul li.il_8 dl {background:url(../../images/sub/m01_02_mbg2_8.png) no-repeat center 0;} .i_list_type_4 ul li.il_1 dl {background:url(../../images/sub/m02_01_ic_1.png) no-repeat center 0;} .i_list_type_4 ul li.il_2 dl {background:url(../../images/sub/m02_01_ic_2.png) no-repeat center 0;} .i_list_type_4 ul li.il_3 dl {background:url(../../images/sub/m02_01_ic_3.png) no-repeat center 0;} .i_list_type_5 ul li dl {padding-top:128px;} .i_list_type_5 ul li.il_1 dl {background:url(../../images/sub/m02_02_ic_1.png) no-repeat center 0;} .i_list_type_5 ul li.il_2 dl {background:url(../../images/sub/m02_02_ic_2.png) no-repeat center 0;} .i_list_type_5 ul li.il_3 dl {background:url(../../images/sub/m02_02_ic_3.png) no-repeat center 0;} .i_list_type_6 ul li dl {padding-top:155px;} .i_list_type_6 ul li.il_1 dl {background:url(../../images/sub/m02_03_ic_1.png) no-repeat center 0;} .i_list_type_6 ul li.il_2 dl {background:url(../../images/sub/m02_03_ic_2.png) no-repeat center 0;} .i_list_type_6 ul li.il_3 dl {background:url(../../images/sub/m02_03_ic_3.png) no-repeat center 0;} .i_list_type_6 ul li dl dt {margin-bottom:10px;} .i_list_type_7 ul li.il_1 dl {background:url(../../images/sub/m02_04_ic_1.png) no-repeat center 0;} .i_list_type_7 ul li.il_2 dl {background:url(../../images/sub/m02_04_ic_2.png) no-repeat center 0;} .i_list_type_7 ul li.il_3 dl {background:url(../../images/sub/m02_04_ic_3.png) no-repeat center 0;} .i_list_type_7 ul li dl dt {margin-bottom:10px;} .i_list_type_8 ul li.il_1 dl {background:url(../../images/sub/m03_01_icon_1.png) no-repeat center 5px;} .i_list_type_8 ul li.il_2 dl {background:url(../../images/sub/m03_01_icon_2.png) no-repeat center 0;} .i_list_type_8 ul li.il_3 dl {background:url(../../images/sub/m03_01_icon_3.png) no-repeat center 5px;} .i_list_type_8 ul li dl dt {margin-bottom:10px;} .i_list_type_9 ul li dl {padding-top:174px;} .i_list_type_9 ul li.il_1 dl {background:url(../../images/sub/m03_05_02_ic_1.png) no-repeat center 33px;} .i_list_type_9 ul li.il_2 dl {background:url(../../images/sub/m03_05_02_ic_2.png) no-repeat center 0;} .i_list_type_9 ul li.il_3 dl {background:url(../../images/sub/m03_05_02_ic_3.png) no-repeat center 27px;} .customer_l ul {overflow:hidden; text-align:center;} .customer_l ul li {float:left; width:33.3333%; padding-top:40px;} .customer_l ul li:first-child {background:url(../../images/sub/m01_bg_1.png) no-repeat left 13px;} .customer_l ul li:last-child {background:url(../../images/sub/m01_bg_2.png) no-repeat right 160px;} .customer_l ul li > div {margin:25px 0 25px 0;} .customer_l ul li > div img {width:100px; height:100px;} .customer_l ul li p.cl_1 {font-size:28px; font-weight:200; line-height:34px; background:url(../../images/sub/customer_l_cut.png) no-repeat right 0; color:#2b2d3a;} .customer_l ul li:last-child p.cl_1 {background:none;} .customer_l ul li p.cl_2 {color:#999;} /* 원클릭 옵션품절 */ .c_wrap.oneclick {padding:0; text-align:center;} .c_wrap.oneclick.bg{max-width:100%; background:#fbfbfb;} .c_wrap.oneclick .section{max-width:1080px; margin:0 auto; padding:100px 0;} .oneclick_slider_wrap {position:relative; width:800px; margin:15px auto 0;} .oneclick_slider_wrap .slick-list{overflow:hidden;} .oneclick_slider_wrap .slide_item{outline:0; position:relative; width:700px; padding:15px 50px; text-align:center;} .oneclick_slider_wrap .slide_item::before{content:''; display:block; position:absolute; top:85px; left:0; width:100%; height: 100%; background:#fbfbfb;} .oneclick_slider_wrap .slide_item img, .oneclick_slider_wrap .slide_item p{position:relative; z-index:1;} .oneclick_slider_wrap .slide_item .point{display:table; position:relative; width:100%; height:147px; padding:25px 0; font-size:38px; color:#0071bc; line-height:1.3; font-weight:200;} .oneclick_slider_wrap .slide_item .point .align_mid{display:table-cell; vertical-align:middle; position:relative; text-align:center;} .oneclick_slider_wrap .slide_item .quote_start{position:absolute; top:125px; left:40px;} .oneclick_slider_wrap .slide_item .quote_end {position:absolute; bottom:40px; right:40px;} .oneclick_slider_wrap .slide_item .seller {padding-bottom:35px; font-size:20px; color:#7d7e85; font-weight:200;} .oneclick_slider_wrap .btn_arrow{opacity:.7; position:absolute; top:215px; width:60px; height:60px; border-radius:100%; background-color:#c6c7c9; background-repeat:no-repeat; background-position:center; text-indent:-999em;} .oneclick_slider_wrap .btn_arrow:hover{opacity:1;} .oneclick_slider_wrap .btn_arrow img {vertical-align:middle} .oneclick_slider_wrap .btn_arrow.prev{left:-30px; background-image:url(../../images/Introduce/OneClickOption/ico_prev.png);} .oneclick_slider_wrap .btn_arrow.next{right:-30px; background-image:url(../../images/Introduce/OneClickOption/ico_next.png);} .oneclick .soldout_wrap{position:relative; padding-top:50px; background:url(../../images/Introduce/OneClickOption/soldout_line.png) no-repeat center 240px;} .oneclick .soldout_wrap img{margin-bottom:10px;} @keyframes flash-ani { 0% {opacity:1;} 10% {opacity:0;} 20% {opacity:1;} 30% {opacity:0;} 100% {opacity:0;} } .oneclick .soldout_wrap .overlay{opacity:0; position:absolute; top:50px; left:50%; margin-left:-150px; animation:flash-ani 3s ease-in .5s infinite; } .oneclick .soldout_wrap .market{margin-top:135px; padding:0 45px;} .oneclick .soldout_wrap .soldout{position:absolute; top:265px; left:50%; width:199px; margin-left:-100px;} .oneclick .why_oneclick li{padding-top:200px; background-repeat:no-repeat; background-position:center 25px; font-size:20px; color:#2b2d3a; font-weight:500;} .oneclick .why_oneclick li span{font-size:17px; color:#666; font-weight:300;} .oneclick .why_oneclick .il_1{background-image:url(../../images/Introduce/OneClickOption/ico_why_onclick1.png);} .oneclick .why_oneclick .il_2{background-image:url(../../images/Introduce/OneClickOption/ico_why_onclick2.png);} .oneclick .why_oneclick .il_3{background-image:url(../../images/Introduce/OneClickOption/ico_why_onclick3.png);} .oneclick .i_list_type ul{padding-bottom:0; border-bottom:0;} .oneclick .oneclick_recommend li{background-repeat:no-repeat; background-position:center 25px;} .oneclick .oneclick_recommend li dl{padding-top:210px;} .oneclick .oneclick_recommend dl dt {margin-bottom:10px;} .oneclick .oneclick_recommend .il_1{background-image:url(../../images/Introduce/OneClickOption/ico_onclick_recom1.png);} .oneclick .oneclick_recommend .il_2{background-image:url(../../images/Introduce/OneClickOption/ico_onclick_recom2.png);} .oneclick .oneclick_recommend .il_3{background-image:url(../../images/Introduce/OneClickOption/ico_onclick_recom3.png);} .oneclick .i_list_type ul li dl{background:none;} .oneclick .oneclick_market{margin:0 -5px;} .oneclick .oneclick_market li{box-sizing:border-box; width:20%; padding:0 10px 8px;} .oneclick .oneclick_market .market_logo{margin:10px 0 5px; padding:22px 0; border:1px solid #e1e1e1; border-radius:4px; background:#fff;} .oneclick .warn_box{box-sizing:border-box; width:100%; padding:50px 0 0;} .oneclick .warn_box p{padding:22px 20px; border-radius:4px; background:#f1f1f1; font-size:16px; color:#646473; text-align:center;} .oneclick .warn_box strong{font-size:18px; color:#2b2d3a; font-weight:500;} .oneclick .youtube_responsive {position:relative; width:850px; height:0; margin:30px auto 0; padding-bottom:46.25%;} .oneclick .youtube_responsive iframe {position: absolute; top:0; left:1%; width:98%; height:100%;} .oneclick .banner{display:table; position:relative; width:100%; margin:-60px 0 80px; padding:80px 0; background-color:#f4f4f4; background-repeat: no-repeat; background-position: 75px 45px; text-align:left;} .oneclick .banner .banner_left{display:table-cell; vertical-align:middle; width:425px; text-align:center;} .oneclick .banner .banner_right{display:table-cell; vertical-align:middle;} .oneclick .banner p{font-size:28px; color:#333;} .oneclick .banner span{display:inline-block;} .oneclick .banner strong{color:#0071bc;} .oneclick .banner .btn_group{margin-top:25px; font-size:0;} .oneclick .banner .btn_group li{display:inline-block; margin-right:5px; font-size:16px;} /* st slide */ .st_q_a {margin-top:57px;} .st_q_a .bx-wrapper {width:1000px; height:600px; margin:0 auto;} .st_slider .slide {height:600px; background:#f3f4f5;} .q_a_box {padding:30px 35px 0 35px; color:#2b2d3a;} .qa_title span.qt_1 {font-size:24px;} .qa_title span.qt_2 {margin-left:5px; color:#646473;} .qc_line {margin-top:33px;} .qc_line > div p.ic {float:left; margin-top:4px; width:17px; height:17px; background:url(../../images/sub/q_a_ic.png) no-repeat; text-indent:-9999px;} .qc_line > div p.text {margin-left:58px;} .qc_line > .question p.ic {background-position:0px 0px;} .qc_line > .question p.text {font-weight:500;} .qc_line > .answer p.ic {background-position:0px -22px;} .st_q_a .bx-wrapper .bx-controls-direction a {top:auto; bottom:0; width:40px; height:66px; background:url(../../images/sub/st_slide_arrow.png) no-repeat;} .st_q_a .bx-wrapper .bx-controls-direction .bx-prev {left:-40px; background-position:0 0;} .st_q_a .bx-wrapper .bx-controls-direction .bx-next {right:-40px; background-position:-40px 0;} .st_q_a .bx-controls {text-align:center; margin-top:-46px;} .st_q_a .bx-wrapper .bx-pager {display:inline-block; position:relative; bottom:0; padding:4px 0; background:url(../../images/main/pager_bg.png); border-radius:20px;} .st_q_a .bx-wrapper .bx-pager.bx-default-pager a {background:url(../../images/main/pager_off.png) no-repeat;} .st_q_a .bx-wrapper .bx-pager.bx-default-pager a.active {background:url(../../images/main/pager_on.png) no-repeat;} .img_r_type {overflow:hidden;} .img_r_type .ir_l {float:left;} .img_r_type .ir_l dl {margin-bottom:20px;} .img_r_type .ir_l dl.first {margin-top:20px;} .img_r_type .ir_l dl dt {font-size:20px; font-weight:400;} p.icon_s {padding-left:12px; background:url(../../images/sub/list_icon_3.png) no-repeat left 12px; font-size:18px; color:#2b2d3a;} p.icon_s span.is_1 {float:left;} p.icon_s span.is_2 {display:block; margin-left:101px;} .img_r_type .ir_r {float:right; margin-top:50px;} .irt_2 {padding-bottom:50px;} .irt_2 .ir_l {float:right;} .irt_2 .ir_r {float:left; margin-left:120px;} .irt_2 .ir_mg1 {margin-top:90px; margin-left:60px;} .irt_2 .ir_mg2 {margin-top:70px; margin-left:90px;} .irt_2 .il_tx1 {width:435px;} .irt_2 .il_tx2 {width:530px;} .bg_btn_type {height:323px; background:#f4f4f4;} .bg_btn_type .bbt_l {float:left; margin:87px 65px 0 65px;} .bg_btn_type .bbt_r {float:left; margin:80px 0 0 0;} .bg_btn_type .bbt_r p.br_1 {font-size:32px; color:#2b2d3a; letter-spacing:-3px;} .bg_btn_type .bbt_r p.br_2 {margin:5px 0 30px 0; font-size:18px; color:#2b2d3a;} .bg_btn_type .bbt_r .btn a {margin-right:1px;} .bbt_mt_1 {margin-top:60px;} .big_icon {overflow:hidden; padding:35px 0 0 100px;} .big_icon > div {float:left; width:360px; height:360px; margin:0 51px;} .big_icon > div p {margin:185px 0 17px 0; font-size:24px; letter-spacing:-2px; color:#fff;} .big_icon .bi_1 {background:url(../../images/sub/big_icon_bg_1.png) no-repeat;} .big_icon .bi_2 {background:url(../../images/sub/big_icon_bg_2.png) no-repeat;} ul.bg_box_list {overflow:hidden; text-align:center; color:#2b2d3a;} ul.bg_box_list li {float:left; width:250px; height:250px; margin-right:26px; background:#eef0f2;} ul.bg_box_list li:last-child {margin-right:0;} ul.bg_box_list li dl dt {height:68px; margin:40px 0 12px 0; font-size:28px; font-weight:500; line-height:34px; letter-spacing:-3px;} ul.bg_box_list li dl.one_t dt {height:34px; margin:57px 0 28px 0;} .sale_box {overflow:hidden; border:1px solid #e8e8e8; border-bottom:1px solid #b2b3b7;} .sale_box > div {float:left; height:239px; background:url(../../images/sub/m01_04_bg.png) no-repeat;} .sale_box > div p.st_1 {height:33px; margin:30px 0 0 140px;} .sale_box > div p.st_1 span.s1 {float:left; margin:8px 15px 0 0; font-size:14px;} .sale_box > div p.st_1 span.s2 {float:left; font-size:22px; font-weight:500;} .sale_box > div p.st_2 {text-align:right; font-size:24px; font-weight:500; color:#fff;} .sale_box .sale_1 {width:359px; background-position:0 0; border-right:1px solid #dde2e6;} .sale_box .sale_1 p.st_2 {margin:87px 35px 0 0;} .sale_box .sale_2 {width:358px; background-position:0px -256px; border-right:1px solid #dde2e6;} .sale_box .sale_2 p.st_2 {margin:65px 35px 0 0;} .sale_box .sale_3 {width:359px; background-position:0px -511px;} .sale_box .sale_3 p.st_2 {margin:42px 35px 0 0;} /* 부가서비스 */ .dou_box_2 {width:100%; border-top:1px solid #dde2e6; border-left:1px solid #dde2e6;} .dou_box_2 td {vertical-align:top; padding:0 25px 10px 25px; border-right:1px solid #dde2e6; border-bottom:1px solid #dde2e6;} .dou_box_2 td p.d1 {height:61px; margin-top:24px; font-size:32px; font-weight:200; line-height:36px; letter-spacing:-3px; color:#147daa;} .dou_box_2 td p.d2 {text-align:right; font-size:18px; color:#147daa;} .dou_box_2 td p.d2 b {margin-right:6px; font-size:60px; letter-spacing:-4px;} .dou_box_2 tr.db_box_2 td {padding:27px 25px 18px 25px; background:#f3f4f5;} .dou_box_2 tr.db_box_2 td p.line_t {text-align:right; height:27px; font-size:18px; text-decoration:line-through;} .dou_box_2 tr.db_box_2 td .cash_line {overflow:hidden; font-size:36px;} .dou_box_2 tr.db_box_2 td .cash_line p.cl_1 {float:left; color:#f0644b; letter-spacing:-2px;} .dou_box_2 tr.db_box_2 td .cash_line p.cl_1 b.fs_1 {margin-left:4px; font-size:20px;} .dou_box_2 tr.db_box_2 td .cash_line p.cl_2 {float:right; color:#2b2d3a; letter-spacing:-2px;} .dou_box_2 tr.db_box_2 td .cash_line p.cl_2 span.fs_2 {margin-left:3px; font-size:18px;} ul.s_link_box {overflow:hidden; border:1px solid #e1e1e1;} ul.s_link_box li {float:left;} .big_bg_type {overflow:hidden;} .big_bg_type dl {float:left; text-align:center; width:344px; height:344px; margin-right:24px; background:#eef0f2; color:#2b2d3a;} .big_bg_type dl:last-child {margin-right:0;} .big_bg_type dl dt {padding:82px 0 27px 0; font-size:28px; font-weight:500; line-height:33px; letter-spacing:-2px;} .big_bg_type dl dd {line-height:26px;} .bbt_type_2 dl dt {padding:115px 0 27px 0;} .bbt_img dl {height:390px;} .bbt_img dl dt {padding:206px 0 27px 0;} .bbt_img dl.bi_1 dt {background:url(../../images/sub/bbt_img_1.png) no-repeat center 45px;} .bbt_img dl.bi_2 dt {background:url(../../images/sub/bbt_img_2.png) no-repeat center 45px;} .bbt_img dl.bi_3 dt {background:url(../../images/sub/bbt_img_3.png) no-repeat center 45px;} .img_sec_type ul li {overflow:hidden; padding:40px 0; border-bottom:1px solid #dde2e6;} .img_sec_type ul li dl {float:left; width:330px; margin-top:27px; color:#2b2d3a;} .img_sec_type ul li dl dt {margin-bottom:12px; font-size:20px; font-weight:500;} .img_sec_type ul li dl dd.btn {margin-top:22px;} .img_sec_type ul li dl dd.btn a {width:204px;} .img_sec_type ul li .ist_r {float:right;} .s_bg_type {background:url(../../images/sub/m02_03_b_bg.png) no-repeat right 40px;} .s_bg_type.zoosms {background:url(../../images/sub/m02_04_b_bg.png) no-repeat right 40px;} .s_bg_type dl {margin-top:25px;} .s_bg_type dl dt {margin-bottom:8px; font-size:20px; font-weight:400; color:#2b2d3a;} .s_bg_type dl dd {margin-bottom:20px;} .sbt_type_2 {overflow:hidden; height:425px; background:url(../../images/sub/m02_01_02_b_bg.png) no-repeat left 20px;} .sbt_type_2 dl {float:right;} .sub_btn_type {overflow:hidden;} .sub_btn_type a {float:left; text-align:center; width:244px; padding:6px 0 8px 0; margin-right:6px; background:#aeb0ba; color:#fff;} .sub_img {margin:15px 0 !important;} .sub_img_s {margin:30px 0 !important;} ol.ol_s_type > li {margin-bottom:25px;} ol.ol_s_type li strong {font-weight:500;} .color_c_type {overflow:hidden; margin-top:32px;} .color_c_type dl {float:left; text-align:center; width:25%; padding-top:192px;} .color_c_type dl.cc_1 {background:url(../../images/sub/m02_04_02_c_1.png) no-repeat center 0;} .color_c_type dl.cc_2 {background:url(../../images/sub/m02_04_02_c_2.png) no-repeat center 0;} .color_c_type dl.cc_3 {background:url(../../images/sub/m02_04_02_c_3.png) no-repeat center 0;} .color_c_type dl.cc_4 {background:url(../../images/sub/m02_04_02_c_4.png) no-repeat center 0;} .color_c_type dl dt {margin-bottom:10px; font-size:20px; font-weight:400; color:#2b2d3a;} .cct_type_2 dl.cc_1 {background:url(../../images/sub/m03_05_02_c_1.png) no-repeat center 0;} .cct_type_2 dl.cc_2 {background:url(../../images/sub/m03_05_02_c_2.png) no-repeat center 0;} .cct_type_2 dl.cc_3 {background:url(../../images/sub/m03_05_02_c_3.png) no-repeat center 0;} .cct_type_2 dl.cc_4 {background:url(../../images/sub/m03_05_02_c_4.png) no-repeat center 0;} .cct_type_3 dl.cc_1 {background:url(../../images/sub/m03_05_03_c_1.png) no-repeat center 0;} .cct_type_3 dl.cc_2 {background:url(../../images/sub/m03_05_03_c_2.png) no-repeat center 0;} .cct_type_3 dl.cc_3 {background:url(../../images/sub/m03_05_03_c_3.png) no-repeat center 0;} .cct_type_3 dl.cc_4 {background:url(../../images/sub/m03_05_03_c_4.png) no-repeat center 0;} .cct_type_4 dl.cc_1 {background:url(../../images/sub/m03_06_02_c_1.png) no-repeat center 0;} .cct_type_4 dl.cc_2 {background:url(../../images/sub/m03_06_02_c_2.png) no-repeat center 0;} .cct_type_4 dl.cc_3 {background:url(../../images/sub/m03_06_02_c_3.png) no-repeat center 0;} .cct_type_4 dl.cc_4 {background:url(../../images/sub/m03_06_02_c_4.png) no-repeat center 0;} .oper_c_type {overflow:hidden; margin:30px 0 0 35px;} .oper_c_type > div {float:left;} .oper_c_type > div > div {margin-bottom:13px; font-size:20px; font-weight:500; color:#2b2d3a;} .oper_c_type > div > p {margin-left:15px;} .oper_c_type > div > div p {padding:62px 0 0 0;} .oper_c_type > div .cw_3 {text-align:center; width:203px !important; height:178px; background:url(../../images/sub/oper_c2.png) no-repeat !important;} .oper_c_type > div .cw_3 p {padding:62px 23px 0 0;} .oper_c_type .oct_2 {margin:0 72px;} .oper_c_type .oct_2 .circle_wrap {overflow:hidden;} .oper_c_type .oct_2 .circle_wrap > div {float:left; text-align:center; width:178px; height:178px; margin-left:-34px; background:url(../../images/sub/oper_c1.png) no-repeat;} .oper_c_type .oct_2 .circle_wrap .cw_1 {margin-left:0;} .oper_c_type .oct_3 .circle {text-align:center; width:178px; height:178px; background:url(../../images/sub/oper_c1.png) no-repeat;} .oper_c_type .oct_3 .circle p {padding:75px 0 0 0;} .oper_c_type_2 ul {margin-top:33px;} .oper_c_type_2:after {display:block; clear:both; content:'';} .oper_c_type_2 ul li {float:left; width:203px; height:178px; margin-right:15px; background:url(../../images/sub/oper_c2.png) no-repeat;} .oper_c_type_2 ul li p {text-align:center; padding:75px 23px 0 0; font-size:20px; font-weight:500; color:#2b2d3a;} .oper_c_type_2 ul li:last-child {width:178px; background:url(../../images/sub/oper_c1.png) no-repeat;} .oper_c_type_2 ul li:last-child p {padding:62px 0 0 0;} .oct_cl_2 ul li {position:relative;} .oct_cl_2 ul li.oc_1 {background:url(../../images/sub/oper_ca1.png) no-repeat;} .oct_cl_2 ul li.oc_2 {background:url(../../images/sub/oper_ca2.png) no-repeat;} .oct_cl_2 ul li.oc_3 {background:url(../../images/sub/oper_ca3.png) no-repeat;} .oct_cl_2 ul li.oc_4 {background:url(../../images/sub/oper_ca4.png) no-repeat;} .oct_cl_2 ul li.oc_5 {background:url(../../images/sub/oper_ca5.png) no-repeat;} .oct_cl_2 ul li p {font-weight:300; color:#fff;} .oct_cl_2 ul li p.bb_t {position:absolute; bottom:-34px; right:0; text-align:center; width:100%; padding:0; font-size:16px; color:#646473;} .oct_cl_2 ul li p.bb_t span {padding-right:23px;} .oct_cl_2 ul li p.bb_t span.last {padding-right:0;} .oct_cl_2 ul li:last-child {width:178px;} .oct_cl_2 ul li:last-child p {padding:75px 0 0 0;} .oct_cl_2 ul.oc_ul_1 {float:left;} .oct_cl_2 ul.oc_ul_1 li {width:178px; margin-right:-30px;} .oct_cl_2 ul.oc_ul_1 li p {padding:75px 0 0 0;} .oct_cl_2 ul.oc_ul_1 li.oc_1 {width:203px;} .oct_cl_2 ul.oc_ul_1 li.oc_1 p {padding:75px 23px 0 0;} .oct_cl_2 ul.oc_ul_2 {float:right;} /* 마케팅센터 */ .table_box_1 {overflow:hidden;} .table_box_1 .tb_l {float:left; width:530px;} .table_box_1 .tb_r {float:right; width:530px;} .big_oper_c ul {margin:0;} /*.big_oper_c ul:after {display:block; clear:both; content:'';} .big_oper_c ul li {float:left; text-align:center; margin-right:46px;} .big_oper_c ul li p {padding:0 65px 0 0;} .big_oper_c ul li p.boc_1 {padding:88px 65px 0 0; font-size:24px; font-weight:500; color:#2b2d3a;} .big_oper_c ul li p.boc_2 {font-size:18px; color:#2b2d3a;} .big_oper_c ul li p.boc_3 {margin-top:15px;} .big_oper_c ul li p.boc_pt1 {padding:78px 65px 0 0;} .big_oper_c ul li p.boc_pt2 {padding:104px 65px 0 0;} .big_oper_c ul li:last-child {margin-right:0;} .big_oper_c ul li:last-child > div {width:240px; background:url(../../images/sub/big_oper_c1.png) no-repeat;} .big_oper_c ul li:last-child p {padding-right:0;} .big_oper_c ul li > div {width:305px; height:240px; background:url(../../images/sub/big_oper_ca1.png) no-repeat;} */ .big_oper_c ul li > div.color_c p {color:#fff;} .big_oper_c ul li > div.b_c1 {background:url(../../images/sub/big_oper_ca2.png) no-repeat;} .big_oper_c ul li > div.b_c2 {background:url(../../images/sub/big_oper_ca3.png) no-repeat;} .big_oper_c ul li > div.b_c3 {background:url(../../images/sub/big_oper_c2.png) no-repeat;} /* -------------------------------------------------------------------------------------------------------------------------------- 2016-09-07 s -------------------------------------------------------------------------------------------------------------------------------- */ .big_oper_c{width:1080px; height:250px; background:url(../../images/sub/process_bg.jpg) no-repeat;} .big_oper_c ul li {float:left; margin-right:30px;} .big_oper_c .process_cont1 {width:150px; text-align:left; margin-top:48px; text-align:center; margin-left:4px;} .big_oper_c .process_cont1 dl.day_tit {margin:0; padding:0; } .big_oper_c .process_cont1 dl.day_tit dt{padding:0; font-size:13px; color:#ffffff; text-align:center} .big_oper_c .process_cont1 dl.day_tit dd{padding:0; font-size:20px; color:#ffffff; text-align:center; font-weight:500} .big_oper_c .process_cont1 dl.time_tit {margin:50px 0 0 0; padding:0; text-align:left} .big_oper_c .process_cont1 dl.time_tit dt{padding:0; font-size:12px; color:#666a73; letter-spacing:0} .big_oper_c .process_cont1 dl.time_tit dd span{font-weight:500; letter-spacing:0} .big_oper_c .process_cont1 dl.time_tit dd{padding:0; font-size:12px; color:#666a73; letter-spacing:0} .big_oper_c .process_cont1 dl.time2_tit {background:#fefefe; margin-top:15px; padding:8px 3px 8px 3px; border:2px solid #6adc48; text-align:center} .big_oper_c .process_cont1 dl.time2_tit dt{padding:0; font-size:12px; color:#666a73;} .big_oper_c .process_cont1 dl.time2_tit dd span{font-weight:500;} .big_oper_c .process_cont1 dl.time2_tit dd{padding:0; font-size:12px; color:#666a73;} .big_oper_c .process_cont2 {width:150px; text-align:left; margin-top:48px; margin-left:4px; } .big_oper_c .process_cont2 dl.day_tit {margin:0; padding:0; } .big_oper_c .process_cont2 dl.day_tit dt{padding:0; font-size:13px; color:#666a73; text-align:center} .big_oper_c .process_cont2 dl.day_tit dd{padding:0; font-size:20px; color:#666a73; text-align:center; font-weight:500} .big_oper_c .process_cont2 dl.time_tit {margin:50px 0 0 0; padding:0;} .big_oper_c .process_cont2 dl.time_tit dt{padding:0; font-size:13px; color:#666a73; } .big_oper_c .process_cont2 dl.time_tit dd span{font-weight:500;} .big_oper_c .process_cont2 dl.time_tit dd{padding:0; font-size:12px; color:#666a73;} .big_oper_c li:last-child{margin-right:0;} .big_oper_c_2{width:1080px; height:250px; background:url(../../images/sub/process_bg2.jpg) no-repeat;} .big_oper_c_2 ul li {float:left; margin-right:90px;} .big_oper_c_2 .process_cont1 {width:124px; text-align:left; margin-top:48px; margin-left:16px;} .big_oper_c_2 .process_cont1 dl.day_tit {margin:0; padding:0; } .big_oper_c_2 .process_cont1 dl.day_tit dt{padding:0; font-size:13px; color:#ffffff; text-align:center} .big_oper_c_2 .process_cont1 dl.day_tit dd{padding:0; font-size:20px; color:#ffffff; text-align:center; font-weight:500} .big_oper_c_2 .process_cont1 dl.time_tit {margin:50px 0 0 0; padding:0; } .big_oper_c_2 .process_cont1 dl.time_tit > dt{padding:0; font-size:13px; color:#666a73;} .big_oper_c_2 .process_cont1 dl.time_tit > dd span{font-weight:500;} .big_oper_c_2 .process_cont1 dl.time_tit > dd{padding:0; font-size:13px; color:#666a73;} .big_oper_c_2 .process_cont1 dl.time2_tit {background:#fefefe; margin-top:15px; padding:8px 5px 8px 5px; border:2px solid #6adc48; text-align:center} .big_oper_c_2 .process_cont1 dl.time2_tit dt{padding:0; font-size:13px; color:#666a73;} .big_oper_c_2 .process_cont1 dl.time2_tit dd span{font-weight:500;} .big_oper_c_2 .process_cont1 dl.time2_tit dd{padding:0; font-size:13px; color:#666a73;} .big_oper_c_2 .process_cont2 {width:124px; text-align:center; margin-top:48px; margin-left:16px;} .big_oper_c_2 .process_cont2 dl.day_tit {margin:0; padding:0; } .big_oper_c_2 .process_cont2 dl.day_tit dt{padding:0; font-size:13px; color:#666a73; text-align:center} .big_oper_c_2 .process_cont2 dl.day_tit dd{padding:0; font-size:20px; color:#666a73; text-align:center; font-weight:500} .big_oper_c_2 .process_cont2 dl.time_tit {margin:50px 0 0 0; padding:0;} .big_oper_c_2 .process_cont2 dl.time_tit dt{padding:0; font-size:13px; color:#666a73; } .big_oper_c_2 .process_cont2 dl.time_tit dd span{font-weight:500;} .big_oper_c_2 .process_cont2 dl.time_tit dd{padding:0; font-size:13px; color:#666a73;} .big_oper_c_2 li:last-child{margin-right:0;} /* 2016-10-17 */ .big_oper_c_2_1{width:1080px; height:320px; background:url(../../images/sub/process_bg3.jpg) no-repeat; margin:25px 0 50px 0; overflow:hidden} .big_oper_c_2_1 ul li {float:left;} .big_oper_c_2_1 ul li.process_cont1{margin-left:60px;} .big_oper_c_2_1 li.process_cont1:first-child{margin-left:-5px} .big_oper_c_2_1 li.process_cont1:last-child{margin-left:55px; margin-right:0;} .big_oper_c_2_1 .process_cont1 {width:170px; text-align:left; margin-top:35px; margin-left:-5px;} .big_oper_c_2_1 .process_cont1 dl.day_tit {margin:0; padding:0; } .big_oper_c_2_1 .process_cont1 dl.day_tit dt{padding:0; font-size:13px; color:#ffffff; text-align:center} .big_oper_c_2_1 .process_cont1 dl.day_tit dd{padding:0; font-size:20px; color:#ffffff; text-align:center; font-weight:500} .big_oper_c_2_1 .process_cont1 dl.time_tit {margin:50px 0 0 0; padding:0; } .big_oper_c_2_1 .process_cont1 dl.time_tit > dt{padding:0; font-size:13px; color:#666a73;} .big_oper_c_2_1 .process_cont1 dl.time_tit > dd span{font-weight:500;} .big_oper_c_2_1 .process_cont1 dl.time_tit > dd{padding:0; font-size:13px; color:#666a73;} .big_oper_c_2_1 .process_cont1 dl.time2_tit {background:#fefefe; margin-top:15px; padding:8px 5px 8px 5px; border:2px solid #6adc48; text-align:center} .big_oper_c_2_1 .process_cont1 dl.time2_tit dt{padding:0; font-size:13px; color:#666a73;} .big_oper_c_2_1 .process_cont1 dl.time2_tit dd span{font-weight:500;} .big_oper_c_2_1 .process_cont1 dl.time2_tit dd{padding:0; font-size:13px; color:#666a73;} .big_oper_c_2_1 .process_cont2 {width:170px; text-align:left; margin-top:50px; margin-left:60px;} .big_oper_c_2_1 .process_cont2 dl.day_tit {margin:0; padding:0; } .big_oper_c_2_1 .process_cont2 dl.day_tit dt{padding:0; font-size:13px; color:#666a73; text-align:center} .big_oper_c_2_1 .process_cont2 dl.day_tit dd{padding:0; font-size:20px; color:#666a73; text-align:center; font-weight:500} .big_oper_c_2_1 .process_cont2 dl.time2_tit {background:#fefefe; margin-top:50px; padding:8px 5px 8px 5px; border:2px solid #6adc48; text-align:center} .big_oper_c_2_1 .process_cont2 dl.time2_tit dt{padding:0; font-size:13px; color:#666a73;} .big_oper_c_2_1 .process_cont2 dl.time2_tit dd span{font-weight:500;} .big_oper_c_2_1 .process_cont2 dl.time2_tit dd{padding:0; font-size:13px; color:#666a73;} .big_oper_c_2_1 .process_cont2 dl.time_tit {margin:50px 0 0 0; padding:0;} .big_oper_c_2_1 .process_cont2 dl.time_tit dt{padding:0; font-size:13px; color:#666a73; } .big_oper_c_2_1 .process_cont2 dl.time_tit dd span{font-weight:500;} .big_oper_c_2_1 .process_cont2 dl.time_tit dd{padding:0; font-size:13px; color:#666a73;} /* -------------------------------------------------------------------------------------------------------------------------------- 2016-09-07 e -------------------------------------------------------------------------------------------------------------------------------- */ .t_banner {float:left; width:145px; margin-right:70px;} .t_banner:last-child {margin-right:0;} .t_banner .img {text-align:center;} .t_banner p {margin:7px 0 5px 0; text-align:center;} .bg_content {overflow:hidden;} .bg_content dl {float:left; text-align:center; width:50%; padding-top:385px;} .bg_content dl dt {font-size:20px; font-weight:500; color:#2b2d3a;} .bg_content dl.bc_1 {margin-bottom:15px; background:url(../../images/sub/m03_06_bg_1.png) no-repeat center top;} .bg_content dl.bc_2 {margin-bottom:15px; background:url(../../images/sub/m03_06_bg_2.png) no-repeat center top;} .bg_content dl.bc_3 {float:none; clear:both; width:auto; padding-top:317px; background:url(../../images/sub/m03_06_bg_3.png) no-repeat center top;} .bg_con_2 dl {padding-top:280px;} .bg_con_2 dl.bc_1 {margin-bottom:0; background:url(../../images/sub/m03_06_bg_4.png) no-repeat center top;} .bg_con_2 dl.bc_2 {margin-bottom:0; background:url(../../images/sub/m03_06_bg_5.png) no-repeat center top;} /* 1:1문의 */ .cc_box {height:244px; border:1px solid #e1e1e1;} .cc_box > div {float:left; width:477px; padding:60px 0 0 60px; background:url(../../images/article/cc_bg_cut.png) no-repeat right 43px;} .cc_box dl {width:240px; height:184px; padding:0 0 0 210px;} .cc_box dl.bg_1 {background:url(../../images/article/cc_bg_1.png) no-repeat;} .cc_box dl.bg_2 {background:url(../../images/article/cc_bg_2.png) no-repeat;} .cc_box dl.bg_3 {background:url(../../images/article/cc_bg_3.png) no-repeat;} .cc_box dl.bg_4 {background:url(../../images/article/cc_bg_4.png) no-repeat -12px 0px;} .cc_box dl dt {font-size:24px; font-weight:600; line-height:22px; color:#2b2d3a;} .cc_box dl dd.c_text {margin-top:13px;} .cc_box dl dd.c_link {margin-top:24px;} .cc_box .cb_r {float:left; background:none;} .cc_box .cb_r dl {padding:0 0 0 220px;} .box_bg_1 {text-align:center; padding:40px 0; margin-top:15px; background:#f3f3f3;} .box_bg_1 a {margin:0 1px;} .box_bg_2 {padding:22px 20px 9px 25px; margin-top:15px; background:#f3f3f3;} .box_bg_2 > ul > li {margin-bottom:15px;} .box_bg_2 > ul > li p.check_t {font-size:18px; font-weight:400; color:#2b2d3a;} .box_bg_2 > ul > li p.link {margin:5px 0 0 36px;} .box_bg_2 > ul > li > ol {margin:12px 0 0 35px;} .box_bg_2 > ul > li > ol > li {font-size:14px; color:#999;} .box_bg_2 + p {padding-top:5px; font-size:16px; color:#646473; letter-spacing:-0.5px;} .box_bg_3 {padding:22px 25px 2px 25px; background:#f3f3f3;} .box_bg_3 ul li {margin-bottom:20px; font-size:18px;} .box_bg_4 {padding:25px 30px 30px; margin-top:15px; background:#f3f3f3;} .box_bg_4 > ul {padding: 30px; background: #fff;} .box_bg_4 > ul > li {overflow: hidden;} .box_bg_4 > ul > li:not(:last-child) {margin-bottom:20px;} .box_bg_4 > ul > li p.check_t {clear:both; float:left; font-size:18px; color:#646473; font-weight:200;} .box_bg_4 > ul > li p.link {float:left; margin-left:30px;} .box_bg_5 {padding:22px 20px 9px 25px; margin-top:15px; background:#f3f3f3; display:flex;} .box_bg_5 > ul {width:50%;} .box_bg_5 > ul > li {margin-bottom:15px;} .box_bg_5 > ul > li p.check_t {font-size:18px; font-weight:400; color:#2b2d3a;} .box_bg_5 > ul > li p.link {margin:5px 0 0 36px;} .box_bg_5 > ul > li > ol {margin:12px 0 0 35px;} .box_bg_5 > ul > li > ol > li {font-size:14px; color:#999;} .teacher_line {overflow:hidden; margin-top:8px;} .teacher_line .img {float:left; margin-right:60px;} .teacher_line .img img {width:185px; height:140px;} .teacher_line ul {float:left; margin-top:50px;} .teacher_line ul li {float:left; padding-left:15px; margin-bottom:10px; background:url(../../images/sub/list_icon_1.png) no-repeat left 10px !important; font-size:18px;} .teacher_line ul li:first-child {margin-right:190px;} .location_wrap {overflow:hidden; margin-top:15px;} .location_wrap .location {float:left; width:540px; height:350px;} .location_wrap table {float:right; width:508px;} .location_wrap table th {vertical-align:top; text-align:left; padding:12px 0 12px 0; color:#2b2d3a;} .location_wrap table td {padding:12px 0 12px 0; border-bottom:1px solid #dde2e6;} .location_wrap table td.pn_1 {color:#f0644b; border-bottom:none;} .location_wrap table td ul li {margin-bottom:10px;} .location_wrap table td ul li.last {margin-bottom:0;} .location_wrap table td ul li span.c1 {display:block; color:#4bb46e;} /* 원격지원 */ .remote {height:247px; padding:86px 0 0 365px; background:url(../../images/sub/remote_bg.png) no-repeat 97px 80px; border-top:2px solid #2b2d3a; color:#2b2d3a;} .remote p.rm_1 {} .remote p.rm_2 {font-size:40px; letter-spacing:-4px;} .remote p.rm_3 {margin-top:24px; font-size:24px;} .remote p.rm_3 span.c1 {color:#147daa;} p.av_t.t1 {margin-top:12px;} /* 오프라인 교육 */ .calendar_box {border-top:2px solid #2b2d3a;} .calendar_box .cb_head {text-align:center; padding:15px 0 15px 0;} .calendar_box .cb_head a {display:inline-block; vertical-align:middle; margin-top:3px;} .calendar_box .cb_head span.date {display:inline-block; vertical-align:middle; margin:0 29px; font-size:36px; font-weight:bold; color:#000;} .cc_type_1 {overflow:hidden; margin-top:50px;} .cc_type_1 h4 {float:left; margin-top:0;} .cc_type_1 span.cc_2 {float:left; margin:13px 0 0 17px;} .apply_1 {position:relative; padding:20px 0 15px 0; margin-top:15px; border-top:2px solid #2b2d3a; border-bottom:1px solid #dde2e6;} .apply_1 > p {margin-top:46px; font-size:22px; color:#2b2d3a;} .apply_1 > p.first {position:relative; margin-top:0;} .apply_1 > p.first_2 {margin-top:0; margin-bottom:25px;} .apply_1 > p.m1 {margin-top:46px; margin-bottom:25px;} .apply_1 > p.nor_m {margin-top:13px; font-size:16px; color:#646473;} .apply_1 > p.nor_m_2 {margin-top:0; margin-bottom:15px; font-size:16px; color:#646473;} .apply_1 > p.bb_type {position:relative;} .apply_1 > p.bb_type span.bb {position:absolute; top:-15px; right:0;} .apply_1 span.ap_btn {position:absolute; top:22px; right:0;} .apply_1 .box_bg_3 {margin-top:13px;} .apply_1 .box_bg_3 ul li {overflow:hidden;} .apply_1 .box_bg_3 ul li span {float:left;} .apply_1 .box_bg_3 ul li span.st_1 {width:140px; color:#2b2d3a;} .apply_1 .box_bg_3 ul li span.ap_btn {float:right;} .apply_1 .select_1 {height:42px; padding:13px 0;} .apply_1 .select_1 span {float:left; margin-right:24px;} .apply_1 .select_1 span select {width:344px; height:35px; border:1px solid #d9d9d9; font-size:16px; font-weight:bold;} .apply_1 .select_1 span.last {margin-right:0;} .apply_1 .p_box_1 {padding-left:25px;} .apply_1 .pb_bd {padding-bottom:30px; border-bottom:1px solid #dde2e6;} .apply_1 .pb_pd {padding-top:13px;} .apply_pbn {padding:20px 0 0 0;} .radio_box {margin-bottom:12px;} .radio_box label {margin-right:35px; font-size:18px; font-weight:400;} ul.app_type {margin-top:15px;} ul.app_type li {margin-bottom:3px;} ul.app_type li span.at_btn {margin-left:20px;} .p_box_1 .btn_line {padding:8px 0 0 9px;} .p_box_1 .btn_line a {margin-right:15px;} .app_pb_n {padding:20px 0 0 0;} .box_style_1 {padding:45px 55px 45px 55px; margin-top:50px; border:1px solid #d4d8d9;} .box_style_1 h5 {margin-top:0; font-size:24px; font-weight:500; color:#2b2d3a;} .box_style_1 ul {margin-top:8px;} .box_style_1 ul li {padding-left:12px; margin-bottom:2px; background:url(../../images/sub/list_icon_3.png) no-repeat left 11px;} .box_style_1 ul li span.bs_l {float:left;} .box_style_1 ul li span.bs_r {display:block; margin-left:91px;} .box_style_1 ul li dl {color: #646473; font-size: 15px; line-height: 1.5; margin-top: 1rem;} .box_style_1 em{color:#2b2d3a; text-decoration:underline;} /* free_service - 무료체험신청 */ .free_service ul {overflow:hidden;} .free_service>ul>li {box-sizing: border-box; float:left; text-align:center; margin:0 24px 24px 0; border:1px solid #dcdcdc; border-radius: 5px;} .free_service ul li.ts {width:344px;} .free_service ul li.bs {width:528px;} .free_service ul li.last {margin:0 0 24px 0;} .free_service ul li .img {margin-top:25px;} .free_service ul li .text {height:81px; margin-top:16px;} .free_service ul li .text p.t1 {font-size:20px; font-weight:bold; color:#2b2d3a;} .free_service ul li .text p.t2 {margin-top:4px;} .free_service ul li .text p.t3 {margin-top:4px; font-size:16px; color:#999; font-weight: 200;} .free_service ul li .btn {margin-top:20px;} .free_service ul li .btn .btn_a7 { position: relative; display:inline-block; width:200px; height:48px; border-radius:3px; background: #2469c6; font-size: 18px; color:#fff; text-align:center; line-height: 48px; } .free_service ul li .btn .btn_a7 img{vertical-align: top; margin-top:15px;} .free_service ul li .btn .btn_a7::after{content: ''; display: inline-block; width:7px; height:12px; margin-left:10px; background: url(../../images/sub/sv_btn_arrow_2.png) no-repeat;} .free_service .list_bottom{box-sizing: border-box; height:115px; border-top:1px solid #dcdcdc;background: #f8f8f8; border-radius: 0 0 3px 3px; box-shadow: 0 5px 0 rgba(0,0,0,.04); margin-top: 40px; padding:20px 42px; text-align: left; } .free_service .list_bottom h4{padding-left:20px; background: url(../../images/ico/ico_free_setting.png) no-repeat left center; font-size: 18px; color:#2469c6; font-weight: bold;} .free_service .list_bottom p, .free_service .list_bottom li{color:#666; font-weight: 200;} /* solution */ .solution {height:363px; border:1px solid #e1e1e1;} .solution .sl_box {float:left; text-align:center; width:33.3333%; background:url(../../images/sub/solution_cut.png) no-repeat right 42px;} .solution .sl_box .img {margin-top:50px;} .solution .sl_box p.text {margin-top:12px; color:#2b2d3a;} .solution .sl_box .down {margin-top:22px;} .solution .last {background:none;} /* id_pw_search */ .Vali_top {border-top:2px solid #2b2d3a;} p.tab_p_type {margin:15px 0 15px 0;} .result_box {text-align:center; height:159px; padding:99px 0 0 0; border-top:2px solid #2b2d3a; border-bottom:1px solid #dde2e6; color:#2b2d3a;} .result_box p.rt_1 {font-size:18px;} .result_box p.rt_2 strong {font-weight:normal; font-size:22px;} .result_box p.rt_2 span {margin-left:4px; font-size:14px;} .result_box p.rt_3 {margin-top:47px;} .result_box p.rt_3 span.c1 {color:#f0644b;} /* 회원가입 */ .join_stage {margin-top:170px;} .small_notice.join_step1{margin:15px 0 70px;} .join_step .write_style_1 th{vertical-align: top;} .all_agree {margin-bottom:20px;} .all_agree label{font-size:20px; color:#2b2d3a; font-weight: 400;} .all_agree .notice{display: inline-block; margin-left:20px; font-size:14px; color:#999; font-weight: 200;} .join_agree{overflow: hidden;} .join_agree>ul>li{float: left;} .join_agree .agree_chk{box-sizing: border-box;overflow: hidden; display: table; width:530px; height:120px; margin-top:40px; padding:0 40px; border:1px solid #e1e1e1;} .join_agree .left .agree_chk{float:left;} .join_agree .right .agree_chk{float:right;} .join_agree h4, .join_agree .chk_box{display: table-cell; vertical-align: middle;} .join_agree h4{width:185px; font-size: 24px; font-weight: 300; letter-spacing: -2px;} .join_agree .chk_line{overflow: hidden; padding:7px 0;} .join_agree h6{float:left; margin:0; font-size: 18px; color:#646473;} .join_agree .switch_toggle{float:right;} .join_agree .small_list{clear:both; width:530px; margin-top:10px;} .join_agree .left .small_list{clear:both; float:left;} .join_agree .right .small_list{clear:both; float:right;} .join_agree .small_list>li{width:100%; margin-left:5px;} .join_type>ul{overflow: hidden;} .join_type>ul>li, .join_type .left{float:left;} .join_type .right{float:right;} .join_type .type_chk{ overflow: hidden; position: relative; width:531px; height:151px; } .join_type .type_chk input{opacity: 0; cursor: pointer; position: absolute; width:inherit; height: inherit;} .join_type .type_chk label{display: block; height:100%; background-position: 0; background-repeat: no-repeat; text-indent: -999em;} .join_type .left .type_chk label{background-image: url('../../images/btn/btn_join_business.jpg');} .join_type .right .type_chk label{background-image: url('../../images/btn/btn_join_personal.jpg');} .join_type .left input:checked+label, .join_type .right input:checked+label{background-position: -541px 0;} .certify_select{width:640px; margin-left:-320px;} .certify_select ul{font-size: 0; text-align: center;} .certify_select ul>li{display: inline-block; width:220px; height:280px; margin:60px 20px;} .certify_select ul>li a{display: block; height:inherit; background-position: 0; background-repeat: no-repeat;} .certify_select ul>li a:hover{background-position: -230px;} .certify_select .btn_certify_phone{ background-image: url('../../images/btn/certify_phone.jpg');} .certify_select .btn_certify_ipin{ background-image: url('../../images/btn/certify_ipin.jpg');} .join_bor_1 {padding:72px 0 80px 0; border:1px solid #e1e1e1;} .join_bor_1 p {text-align:center;} .join_bor_1 p.jb_1 {font-size:40px; color:#2b2d3a; letter-spacing:-5px;} .join_bor_1 p.jb_1 span.c1 {margin-left:10px; color:#147daa; font-weight:500;} .join_bor_1 p.jb_2 {margin-top:8px; color:#999;} .j_complete {text-align:center; padding:140px 0 25px 0; color:#2b2d3a;} .j_complete p.jc_1 {font-size:48px; line-height:58px; letter-spacing:-5px;} .j_complete p.jc_1 span.c1 {color:#4bb46e;} .j_complete p.jc_2 {margin-top:10px; font-size:18px;} .join_fin h3{margin:80px 0 35px; padding-top:40px; font-size: 34px; color:#2b2d3a; text-align: center; font-weight: 300; letter-spacing:-2px;} .join_fin h3 strong{font-size:40px; color:#225baa; font-weight: 300;} .join_fin .btn_a2{width:160px; margin-bottom: 65px; background: #164d99 url(../../images/sub/sv_btn_arrow_2.png) no-repeat 135px 15px;} .follow_step{padding:50px 20px; margin-top:15px; background:#f3f3f3;} .follow_step h3{margin:0 0 40px; font-size: 28px; color:#2b2d3a; font-weight: 300; text-align:center; line-height: 120%;} .follow_step ul{font-size: 0; text-align: center;} .follow_step ul li{display: inline-block; vertical-align: top; width:321px; height:321px; margin:0 10px; background: #fff; text-align: center;} .follow_step a{display: block; height:100%; text-indent: -999em;} .follow_step .zoo{background: url('../../images/sub/follow_step_01.jpg') no-repeat;} .follow_step .zoo:hover{background: url('../../images/sub/follow_step_on_01.jpg') no-repeat;} .follow_step .guide{background: url('../../images/sub/follow_step_02.jpg') no-repeat;} .follow_step .guide:hover{background: url('../../images/sub/follow_step_on_02.jpg') no-repeat;} .follow_step .free{background: url('../../images/sub/follow_step_03.jpg') no-repeat;} .follow_step .free:hover{background: url('../../images/sub/follow_step_on_03.jpg') no-repeat;} /* 회원가입 - 체크박스 */ .agree_check { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 20px; height: 20px; border: 2px solid #9e9e9e; border-radius: 0; outline: none; cursor: pointer; margin-right: 5px; } .agree_check:checked { background-color: #2196F3; border-color: #2196F3; } .agree_check:checked::after { font-size: 16px; color: #fff; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } /* 회원정보관리 */ .info_modify{padding:5px 0 30px;} .info_modify .tax_bill, .info_modify .btn_business_modify, .join_step .btn_prev_page{float:right; height:35px; margin-top:15px; line-height: 35px;} .join_step .btn_a2{} .info_modify .btn_b1{/*margin:-3px 0; padding-top:0;*/} .info_modify .app_style_1 td span.notice{vertical-align: middle; max-width: 430px;} .info_modify .small_list{width:auto;} .info_modify .right .small_list{display: table-cell; vertical-align: middle; float:none; width:auto;} .info_modify .join_agree .agree_chk{margin-top:0;} .reveal-modal.info_modify_type .small_notice{font-size: 16px; color:#646473; font-weight: 300;} .reveal-modal.info_modify_type .tb_style{width:100%; margin-top:12px; font-size: 18px;} .reveal-modal.info_modify_type .tb_style th, .reveal-modal.info_modify_type .tb_style td{padding:6px 0; vertical-align: top; text-align: left;} .reveal-modal.info_modify_type .tb_style th{padding-top:10px;} .reveal-modal.info_modify_type .tb_style+.btn_type_1 .btn_bb2{width:160px; line-height:42px;} .reveal-modal.info_modify_type .ws_1{width:367px;} .reveal-modal.info_modify_type .ws_2{width:165px;} .reveal-modal.info_modify_type .ws_3{width:103px;} .reveal-modal.info_modify_type .btn_type_1{margin-top:14px; padding-top:20px; border-top:1px solid #dde2e6;} #pwChange, #companyChange{width:620px; margin-left:-310px;} #emailChange, #chargeChange{width:690px; margin-left:-340px;} #pwChange .lp_con, #emailChange .lp_con, #chargeChange .lp_con, #companyChange .lp_con{padding:25px 40px 40px;} #pwChange .small_notice{display: inline-block; margin-top:10px;} /* 사업자회원 전환 */ .business_change .s_title_line{margin-top:200px;} /* 결제 */ .dou_box {width:100%; border-top:1px solid #dde2e6; border-left:1px solid #dde2e6;} .dou_box td {vertical-align:top; padding:0 27px 0 26px; border-right:1px solid #dde2e6; border-bottom:1px solid #dde2e6; color:#147daa;} .dou_box td p.d1 {float:left; margin:24px 0; font-size:32px; font-weight:200; line-height:36px; letter-spacing:-3px;} .dou_box td p.d2 {float:right; text-align:right; font-size:18px;} .dou_box td p.d2 b {margin-right:6px; font-size:53px; letter-spacing:-4px;} .dou_box td.statistics {padding:0;} .dou_box td.statistics > div {height:89px; padding:0 20px; background:#f3f4f5; border-bottom:1px solid #dde2e6;} .dou_box td.statistics > div p.db1 {float:left; margin-top:32px; color:#646473;} .dou_box td.statistics > div p.db1_t2 {margin-top:22px; line-height:21px;} .dou_box td.statistics > div p.db2 {float:right; padding-right:30px; margin-top:30px; background:url(../../images/sub/statistics_ic_1.png) no-repeat right 4px; font-size:18px; font-weight:500; letter-spacing:-0.5px;} .dou_box td.statistics > div p.db2 a {color:#147daa;} .dou_box td.statistics .last {border-bottom:none;} .dou_box td.statistics .last p.db2 {background:url(../../images/sub/statistics_ic_2.png) no-repeat right 4px;} .dou_box td.deposit {background:#f3f4f5 url(../../images/sub/deposit_bg.png) no-repeat 165px 31px; color:#646473;} .dou_box td.deposit p {height:182px; margin-top:27px; font-size:28px; font-weight:200; line-height:36px; letter-spacing:-3px;} .dou_box td.deposit p strong {font-weight:500;} .dou_box td.deposit .dp_btn a {width:100%;} .dou_box td.deposit_2 {background:#f3f4f5 url(../../images/sub/deposit2_bg.png) no-repeat 155px 29px;} .dou_box td.deposit_2 p {float:left;} .dou_box td.deposit_2 ul {float:left; margin:102px 0 0 110px;} .dou_box td.deposit_2 ul li {margin-bottom:3px;} .dou_box td.deposit_2 ul li strong {font-weight:500;} .dou_box td.deposit_2 .dp_btn_2 {float:right; margin-top:196px;} .pay_notice{margin-top:80px;} .pay_notice a.btn_ar_1{font-weight:500;} .pay_tab_line {margin-top:20px;} .pay_tab_line .p_tab {float:left;} .pay_tab_line .p_tab ul li {float:left; text-align:center; width:262px;} .pay_tab_line .p_tab ul li a {display:block; height:24px; padding:11px 0 12px 0; background:#f3f4f5; border:1px solid #dde2e6; border-bottom:none;} .pay_tab_line .p_tab ul li.on a {background:#fff; border:1px solid #2b2d3a; border-bottom:none; font-weight:500; color:#2b2d3a;} .pay_tab_line .pt_r {position:relative; float:right; margin-top:10px;} .pay_tab_line .pt_r > span {float:left;} .pay_tab_line .pt_r span.term_1 {margin:3px 10px 0 0;} .pay_tab_line .pt_r span.term_2 {margin:3px 0 0 17px;} .pay_tab_line .pt_r span.term_2 .btn_ar_1{display:inline-block; padding-right:15px; background:url(../../images/article/cc_link_arrow.png) no-repeat 35px 8px;} .pay_tab_line .pt_r span.from {margin:3px 7px 0 7px;} .pay_tab_line .pt_r span.i_date input {width:78px; height:21px; border:none; border-bottom:1px solid #666; line-height:22px;} /* 결제-토글버튼 */ .pay_section .mileage_use{float:right;} .pay_section .toggle_btn{display:inline-block; vertical-align: top; font-size:0;} .pay_section .toggle_btn button{display:inline-block; vertical-align:middle; text-align:center; width:70px; height:42px; padding:0; border:1px solid #aeb0ba; background:#fff; color:#aeb0ba !important; font-size:16px;} .pay_section .toggle_btn .on{background:#aeb0ba; color:#fff !important;} .pay_section .mileage{position:relative; display:inline-block;} .pay_section .mileage .num_del{position:absolute; top:10px; right:10px; width:24px; height:24px; text-align:center;} .pay_section .mileage .num_del img{vertical-align:baseline;} #txtUseMileage { padding-right:35px;} #txtUseMileage:disabled{opacity:.8; color:#999;} #txtUseMileage~.num_del{display:block;} #txtUseMileage:disabled~.num_del{display:none;} .pt_ws_1 .p_tab ul li {width:300px;} .impor_line {overflow:hidden;} .impor_line p {float:left; font-size:18px; color:#2b2d3a;} .impor_line ul.important {float:right;} ul.important li {float:left; margin-left:18px;} ul.important li a {padding-left:26px; background:url(../../images/sub/important.png) no-repeat left 4px;} .pt_line_b {overflow:hidden; border-bottom:2px solid #2b2d3a;} .speech_bubble {display:none; position:absolute; top:38px; right:0px; width:318px; background:#fff; border:1px solid #d7d8dc;} .speech_bubble p {padding:17px 20px 20px 20px;} .speech_bubble p span.c1 {color:#f0644b;} .speech_bubble p span.c2 {color:#147daa;} .speech_bubble span.arrow {display:block; position:absolute; top:-9px; width:12px; height:9px; background:url(../../images/sub/sb_arrow.png) no-repeat;} #s_bubble_1 span.arrow {left:11px;} #s_bubble_2 span.arrow {left:143px;} #s_bubble_3 span.arrow {left:236px;} #PayWaitTbl .btn_b1{width:80px; height:28px; padding:0; line-height:27px;} /* .pay_big_tab ul {overflow:hidden; padding-left:60px;} .pay_big_tab ul li {float:left; text-align:center; width:260px; height:260px; margin:30px; background:url(../../images/sub/pay_big_tab.png) no-repeat;} .pay_big_tab ul li.pb_1.on {background-position:0 -260px;} .pay_big_tab ul li.pb_2 {background-position:-260px 0;} .pay_big_tab ul li.pb_2.on {background-position:-260px -260px;} .pay_big_tab ul li.pb_3 {background-position:-520px 0;} .pay_big_tab ul li.pb_3.on {background-position:-520px -260px;} .pay_big_tab ul li.pb_4 {background-position:0 -520px;} .pay_big_tab ul li.pb_4.on {background-position:0 -780px;} .pay_big_tab ul li.pb_5 {background-position:-260px -520px;} .pay_big_tab ul li.pb_5.on {background-position:-260px -780px;} .pay_big_tab ul li.pb_6 {background-position:-520px -520px;} .pay_big_tab ul li.pb_6.on {background-position:-520px -780px;} .pay_big_tab ul li a {display:block; padding:175px 0 0 0; font-size:24px; font-weight:500; color:#fff;} */ .pay_big_tab {margin-bottom:125px; border-top:2px solid #2b2d3a;} .pay_big_tab ul {overflow:hidden; padding:29px 0 0 24px;} .pay_big_tab ul li {float:left; width:129px; margin-right:14px;} .pay_big_tab ul li a {display:block; text-align:center; height:24px; padding:18px 0; border:1px solid #dde2e6; color:#2b2d3a;} .pay_big_tab ul li:hover a, .pay_big_tab ul li.on a {background:#825ec8; border:1px solid #825ec8; color:#fff;} .traffic {text-align:center; padding:15px 0 20px 0; border-bottom:1px solid #dde2e6;} .traffic p.tf_t {color:#f0644b;} .traffic p.tf_b {margin-top:8px;} .pay_bill_wrap:after {display:block; clear:both; content:"";} .pay_section {float:left; width:712px;} .bill {float:right; width:282px; padding:32px 30px 25px 30px; margin-top:57px; background:url(../../images/sub/bill_tear.png) no-repeat bottom; border:1px solid #e0e0e0; border-bottom:none;} .bill h5 {text-align:center; padding-bottom:20px; background:url(../../images/sub/bill_border.png) repeat-x bottom; font-size:28px; font-weight:500; letter-spacing:-2px;} .bill .bi_line {padding:22px 0 15px 0; background:url(../../images/sub/bill_border.png) repeat-x bottom;} .bill .bi_line .bl_box {overflow:hidden; margin-bottom:10px;} .bill .bi_line .bl_box .blb_b {overflow:hidden;} .bill .bi_line .bl_box .bb_l {float:left;} .bill .bi_line .bl_box .bb_l p.bl_2 {font-size:14px; color:#999;} .bill .bi_line .bl_box .bb_r {float:right; padding-right:2px;} .bill .bi_line .bl_box .btl_1 {font-size:14px;} .bill .bi_line .bl_box .btr_1 {text-decoration:line-through; font-size:14px;} .bill .bi_line .bl_box .btl_2 {font-size:18px; font-weight:500; color:#2b2d3a;} .bill .bi_line .bl_box .btl_2 span.down {padding-left:14px; margin-left:6px; background:url(../../images/sub/bi_down_arrow.png) no-repeat left 7px;} .bill .bi_line .bl_box .btr_2 {font-size:20px; font-weight:700; color:#2b2d3a;} .bill .bil_c1 {color:#147daa;} .bill .bil_c1 .bl_box .btl_2 {font-size:16px; color:#147daa;} .bill .bil_c1 .bl_box .btl_2 span.ts {font-size:14px;} .bill .bil_c1 .bl_box .btr_2 {color:#147daa;} .bill .bi_total {text-align:right; padding:20px 0 0 0; color:#147daa;} .bill .bi_total p.money {background:url(../../images/sub/statistics_ic_3.png) no-repeat left 16px; font-size:36px; font-weight:700;} .bill .bi_total_2 {text-align:right; padding:20px 0 0 0; color:#f0644b;} .bill .bi_total_2 p.money {background:url(../../images/sub/statistics_ic_b3.png) no-repeat left 16px; font-size:36px; font-weight:700;} .rb_type_2 {margin-top:30px; background:url(../../images/sub/payment_bg.png) no-repeat 97px 80px;} .rb_type_2 p {margin-top:15px;} .rb_type_3 {height:auto; padding:59px 0 75px 365px; margin-top:30px; background:url(../../images/sub/ch_info_bg.png) no-repeat 97px 80px;} .rb_type_3 p {margin-top:15px;} .rb_type_3 .input_box {margin-top:25px;} .rb_type_3 .input_box input {width:327px;} .rb_type_3 .ib_mt2 {margin-top:12px;} .apply_service_info{padding-bottom: 70px;border-bottom:1px solid #dde2e6;} .apply_service_info table{width:100%;border-bottom:1px solid #2b2d3a;} .apply_service_info table tr:not(:last-child){border-bottom:1px solid #dde2e6;} .apply_service_info table th{padding:15px 0 15px 65px; border:0; background:#f3f3f3;text-align: left;} .apply_service_info table td{padding:15px 0 15px 25px; text-align: left; font-weight: 200;} .apply_service_info table td .color_s1{font-weight: normal;} .apply_service_info .ternal{margin-top:25px;} .apply_service_info .ternal .color_s1{text-decoration: underline;} .pay_section .pay_notice{font-size:16px; color:#646473; font-weight:300; letter-spacing:-.5px;} .pay_section .pay_notice .at_btn{margin-left:20px;} .pay_section .pay_notice .btn_ar_1{background:url(../../images/article/cc_link_arrow.png) no-repeat right 8px; letter-spacing:-1px;} .pay_tab_line .warn_notice{overflow: hidden; float:right; margin-top:10px; font-weight: 200;} .warn_notice{padding-left:18px; background: url('../../images/ico/ico_warning.png') no-repeat left center;} .sort_tab{overflow: hidden; clear:both; padding:10px 0 12px 0; border-top:2px solid #2b2d3a; font-size: 0;} .sort_tab button{display: inline-block; position: relative; padding:5px 25px; font-size: 16px; font-weight: 200;} .sort_tab button:not(:last-child)::after{content: ''; display: block; position: absolute; right:0; top:50%; width:1px; height:15px; margin-top:-5px; border-left:1px solid #dde2e6;} .sort_tab button.on{font-weight: 500; text-decoration: underline;} .list_style_1.mt_type{border-top:1px solid #2b2d3a;} /* 서비스 이용약관 */ .tou_box h4 {float:left; margin-top:3px; font-size:28px; font-weight:400; line-height:32px; color:#2b2d3a;} .tou_box .tb_con {margin-left:195px;} .tou_box .tb_con h5 {margin:28px 0 2px 0; font-size:20px; font-weight:400; color:#2b2d3a;} .tou_box .tb_con h5.first {margin-top:0;} .tou_box .tb_con ol li span.num {float:left;} .tou_box .tb_con > ol > li > span.text {display:block; margin-left:35px; letter-spacing:-.05em;} .tou_box .tb_con > ol > li > ol {margin:5px 0 5px 35px;} .tou_box .tb_con > ol > li > ol > li > span.text {display:block; margin-left:19px; letter-spacing:-.05em;} .tou_box ul.tb_t1 {margin:5px 0 5px 40px;} .tou_box ul.tb_t1 li {padding-left:9px; background:url(../../images/sub/list_icon_5.png) no-repeat left 11px;} .tou_box ul.tb_a1 li {margin-bottom:5px; color:#2b2d3a;} .tou_box ul.tb_a1 li strong {font-weight:500;} .tou_box ol.tb_a2 li {margin-bottom:5px;} ul.f_radio_list {overflow:hidden; padding:30px 0 23px 0; margin:37px 0 70px 0; border-top:2px solid #2b2d3a; border-bottom:1px solid #dde2e6;} ul.f_radio_list li {float:left; width:50%; margin-bottom:9px; font-size:18px; font-weight:400;} ul.f_radio_list li label {display:inline-block; cursor:pointer; color:#2b2d3a;} ul.f_radio_list li label .iradio_square-grey {position:relative; z-index:-1;} ul.frl_type_2 li {width:16.6666%;} /* sitemap */ .sm_line {overflow:hidden; padding:27px 0 55px 0; background:url(../../images/sub/sitemap_line.png) no-repeat top;} .sm_line .sm_l {float:left; width:161px; font-size:28px; font-weight:200; line-height:33px; letter-spacing:-3px; color:#147daa;} .sm_line .sm_r {float:right; width:895px;} .sm_line .sm_r .sr_box {float:left; width:20%;} .sm_line .sm_r .sr_box p {margin-bottom:12px;} .sm_line .sm_r .sr_box p a {font-size:18px; font-weight:500; color:#2b2d3a;} .sm_line .sm_r .sr_box ul li {padding-left:12px; margin-bottom:4px; background:url(../../images/sub/list_icon_4.png) no-repeat left 12px;} .sm_line .sm_r .sr_box ul li a {font-size:14px; color:#646473;} .sm_line .sm_r .sr_box a:hover {text-decoration:underline; color:#2b2d3a;} /* Quick manu */ .Quick {top:650px;} /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- 2016-09-26 s ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ .global_call {width:1080px; font-weight:bold; font-size:30px; text-align:center; margin: 50px auto 0; letter-spacing:0; color:#444444; clear:both} .flow_icon {background:url('../../images/sub/global_cbt_img04_icon1.jpg') no-repeat; width:1080px; height:230px; margin-top:50px;} .flow_icon ul.title {margin:0; padding:0; overflow:hidden} .flow_icon ul.title > li {float:left; text-align:center; margin-top:170px; width:150px; margin-right:36px} .flow_icon ul.title > li:last-child {margin-right:0} .bar_tit {width:1080px; height:70px; background:#fafafa; text-align:center; margin-bottom:20px;} .bar_tit span{line-height:70px; font-size:20px} .cbt_app {width:100%; height:480px; background:#fbfbfb; overflow:hidden} .cbt_app ul.txt{margin:60px 0 0 60px;} .cbt_app ul.txt li{font-size:20px; margin-top:20px} .cbt_app ul.txt li span{font-weight:bold} .cbt_app ul.txt li:first-child{margin-top:0} .cbt_app ul.txt .noti{margin-top:10px} .global_button_st ul li{float:left; margin:40px 40px 50px 0} .global_button_st ul li a div{width:520px; height:100px; color:#ffffff} .global_button_st ul li:last-child{margin-right:0} .global_button_st .gobiz { width:520px; height:100px; background:#0b57b3; text-align:center; line-height:100px; color:#ffffff; font-size:20px; font-weight:bold; border-radius: 5px; -moz-border-radius: 5px; /*모질라*/ -webkit-border-radius: 5px; /*웹킷*/ } .global_button_st .b2c { width:520px; height:100px; background:#aeb1ba; text-align:center; line-height:100px; color:#ffffff; font-size:20px; font-weight:bold; border-radius: 8px; -moz-border-radius: 5px; /*모질라*/ -webkit-border-radius: 5px; /*웹킷*/ } /* 통합팩할인혜택 2016-09-29 */ .all_type .type_box .box_st { width:350px; height:410px; border:1px solid #d7d7d7; background:#fdfdfd; box-shadow: 2px 2px 4px #f7f7f7; } .all_type .type_box{margin:30px 0 15px 0; padding:0; overflow:hidden} .all_type .type_box li{float:left; margin-right:12px} .all_type .type_box li:last-child {margin-right:0px;} .all_type .type_box .box_st > dl{width:280px; margin:70px auto 0} .all_type .type_box .box_st > dl dt{font-size:20px; text-align:center; margin-bottom:40px;} .all_type .type_box .box_st > dl dd{font-size:20px; text-align:center} .all_type .type_box .box_st > dl dd.price1{font-size:24px; letter-spacing:0; margin-top:35px} .all_type .type_box .box_st > dl dd.price2{font-size:32px; letter-spacing:0; font-weight:bold; color:#ff4343} .all_type .noti{clear:both; text-align:right; letter-spacing:0} .ct_txt {margin-top:20px; color:#f0644b} .ct_txt span{font-weight:bold} /*20170419_미니샵 신청안내 컨텐츠*/ ul.bg_box_list_2 {overflow:hidden; margin:50px 0 0 0px; text-align:center; background-image:url(../../images/sub/mshop_bg_01.png); background-repeat:no-repeat; border-bottom:solid 1px #dde2e6;} ul.bg_box_list_2 li {float:left; width:150px; height:260px; margin:0 30px 0 5px;} ul.bg_box_list_2 li:last-child {margin-right:0;} ul.bg_box_list_2 li dl dt {margin:58px 0 65px -5px; font-size:18px; color:#2b2d3a; font-weight:500; line-height:22px;} ul.bg_box_list_2 li dl.one_t dt {height:34px; margin:65px 0 67px -5px;} .table_box {float:left; margin:20px 0 50px 20px; width:1060px; height:450px; background-image:url(../../images/sub/mshop_bg_02.png); background-repeat:no-repeat;} .table_box .btn_1 {float:left; margin:315px 0 0 465px; width:270px; height:40px; background-image:url(../../images/sub/mshop_btn_01.png);} .table_box2 {float:left; margin:20px 0 30px 20px; width:1060px; height:150px; background-image:url(../../images/sub/mshop_bg_03.png); background-repeat:no-repeat;} .section p.f1 {margin:0 0 20px 20px; width:1000px; font-size:16px; color:#2b2d3a; letter-spacing:-1px; line-height:22px;} .f2 {float:left; margin:0 0 80px 0;} .table_box3 {float:left; margin:20px 0 30px 0px; width:1080px; height:510px; background-image:url(../../images/sub/mshop_bg_04.png); background-repeat:no-repeat;} .table_box3 .btn_1 {float:left; margin:105px 0 0 310px; width:250px; height:50px; background-image:url(../../images/sub/mshop_btn_02.png); background-repeat:no-repeat;} .table_box3 .btn_2 {float:left; margin:225px 0 0 -250px; width:250px; height:50px; background-image:url(../../images/sub/mshop_btn_03.png);} .section p.f2 {margin:0 0 80px 0px; width:1000px; font-size:16px; color:#2b2d3a; letter-spacing:-1px; line-height:22px;} .box_style_2 {padding:45px 55px 45px 55px; margin-top:80px; border:1px solid #d4d8d9;} .box_style_2 h5 {margin-top:0; font-size:24px; font-weight:500; color:#2b2d3a;} .box_style_2 ul {margin-top:8px;} .box_style_2 ul li {padding-left:12px; margin-bottom:2px; background:url(../../images/sub/list_icon_3.png) no-repeat left 11px;} /*20170424_미니샵 서비스소개 컨텐츠*/ .sub_bg_type_2 {margin-bottom:80px; text-align:center; background:#f3f4f5; color:#2b2d3a;} .sub_bg_type_2 .sbt_wrap {width:1080px; padding:53px 0; margin:0 auto;} .sub_bg_type_2 h5 {font-size:28px; font-weight:400; color:#2b2d3a;} .sub_bg_type_2 ul.sbt_c {margin:0 auto; margin-top:35px; width:570px; height:270px;} .sub_bg_type_2 ul.sbt_c li {float:left; margin-right:5px; width:240px;} .sub_bg_type_2 ul.sbt_c li:nth-child(2) {float:left; width:75px;} .sub_bg_type_2 ul.sbt_c li p {margin-top:30px; font-size:18px; color:#2b2d3a; letter-spacing:-2px;} .sub_bg_type_2 ul.sbt_c li:last-child {float:right; margin-right:0px;} .window_wrap {position:relative; width:1080px; margin:0 auto;} .window_menu {overflow:hidden; padding:10px 0px;} .window_menu ul{overflow:hidden; margin-bottom:20px;} .window_menu ul li{float:left; background-color:#fff;} .window_menu ul li p {font-size:18px; font-weight:400; text-align:center; letter-spacing:-1px; color:#2b2d3a;} .window_menu ul li a{display:inline-block; width:225px; height:25px; padding:20px 0px; border:1px solid #424142; border-right:0px;} .window_menu ul li a:hover{background:#4bb46e;} .window_menu ul li a:hover p{color:#fff;} .window_menu ul li:last-child {border:1px solid #424142; border-top:0px; border-left:0px; border-bottom:0px;} .section_3 h3 {margin:0px 0 10px 0; font-size:36px; font-weight:normal; letter-spacing:-4px; color:#2b2d3a;} .section_3 h4 {margin:50px 0 5px 0; font-size:28px; font-weight:normal; letter-spacing:-3px; color:#2b2d3a;} .section_3 h5 {margin:0px 0 5px 0; font-size:20px; font-weight:normal; letter-spacing:-3px; color:#2b2d3a;} .section_3 h6 {margin:460px 0 30px 0; font-size:16px; font-weight:normal; letter-spacing:-1px; color:#646473;} .section_3 p {margin:0px 0 30px 0; font-size:16px; font-weight:normal; letter-spacing:-1px; color:#646473;} .mnshop_box_1 {float:left; width:1080px; height:530px; margin:20px 0 80px 0px; border-bottom:1px solid #dfe4e8; background-image:url(../../images/sub/mshop1_image_4.png); background-repeat:no-repeat;} .mnshop_box_1 p {margin:15px 0 0 0;} .mnshop_box_2 {width:1050px; height:500px; margin:40px 0 0 20px;} .mnshop_box_2 ul{float:left; width:510px; mrgin-top:20px;} .mnshop_box_2 li{width:500px; height:140px; margin-bottom:30px;} .mnshop_box_2 li img {float:left; padding:5px 25px 10px 5px;} .mnshop_box_2 li h4 {float:left; margin:20px 0 0 0; font-size:18px; color:#2b2d3a; font-weight:500px; letter-spacing:-1px;} .mnshop_box_2 li p {float:left; margin:10px 30px 0 0; width:310px; font-size:15px; color:#646473; font-weight:300px; line-height:22px;} .mnshop_btn_1 {float:right; margin:-98px 120px 0 0; width:70px; height:25px; background:url(../../images/sub/mshop1_btn_1.png) no-repeat;} .mnshop_btn_2 {float:right; margin:-98px 20px 0 0; width:70px; height:25px; background:url(../../images/sub/mshop1_btn_1.png) no-repeat;} .mnshop_box_3 {width:1080px; height:25px; padding:10px 0px; margin:70px 0 0 0; background-color:#eeeeee; font-size:16px; font-weight:500px; text-align:center; color:#646473;} .mnshop_box_4 {float:left; width:1080px; height:490px; margin:60px 0 80px 0px; border-bottom:1px solid #dfe4e8;} .mnshop_box_4 .tbox {float:right; width:540px; height:360px; margin:0 5px 0 0;} /*20170927_카카오 알림톡 컨텐츠*/ .i_list_type_10 ul {padding-top:10px; padding-bottom:50px; border-bottom:1px solid #dde2e6;} .i_list_type_10 ul li {float:left; margin:0 10px 40px 35px; width:485px; height:200px;} .i_list_type_10 ul li dl {float:left; padding-top:40px; padding-left:190px;} .i_list_type_10 ul li dl dt {float:left; font-size:20px; font-weight:500;} .i_list_type_10 ul li dl dd {float:left; text-align:left; margin:20px 0 50px 0; font-size:16px; font-weight:500;} .i_list_type_10 ul li dl dd.p10 {float:left; margin-top:-40px; font-size:13px; color:#a19fa6;} dd.p10 .m1 {float:left; color:#f35757;} .i_list_type_10 ul li.il_1 dl {background:url(../../images/sub/kakao_icon_1.png) no-repeat;} .i_list_type_10 ul li.il_2 dl {background:url(../../images/sub/kakao_icon_2.png) no-repeat;} .i_list_type_10 ul li.il_3 dl {background:url(../../images/sub/kakao_icon_3.png) no-repeat;} .i_list_type_10 ul li.il_4 dl {background:url(../../images/sub/kakao_icon_4.png) no-repeat;} .img_type_2 {overflow:hidden; padding-top:20px; padding-bottom:20px;} .img_type_2.m2 {padding-bottom:100px; border-bottom:1px solid #dde2e6;} .img_type_3 {overflow:hidden; width:1080px; height:315px; padding-top:20px; padding-bottom:20px; background:url(../../images/sub/kakao_3.png) no-repeat;} .img_type_3 ul {float:left; width:1080px; height:150px; margin-top:100px;} .img_type_3 ul li {float:left; width:200px; height:150px; margin:0 60px 0 85px;} .img_type_3 ul li:last-child {margin-left:80px;} .img_type_3 ul li p {float:left; font-size:14px; color:#292929; letter-spacing:-2px; margin-bottom:15px;} .img_type_4 {overflow:hidden; width:1080px; height:150px; margin:50px 0 50px 0; background:url(../../images/sub/kakao_7.png) no-repeat;} .img_type_4 ul {float:left; width:1080px; height:120px; margin-top:15px;} .img_type_4 ul li {float:left; width:100px; height:60px; margin:30px 12px 0 60px;} .img_type_4 ul li:last-child {margin-left:63px;} .img_type_4 ul li p {float:left; width:95px; height:60px; text-align:center; font-size:15px; letter-spacing:-1px; font-weight:500px; color:#2b2d3a;} .img_kakaoalim_02 {text-align:center;} .img_kakaoalim_02 img {vertical-align:middle; padding:0 3%;} .link_btn {width:344px; height:35px; margin:0 auto; margin-top:80px; background-color:#4cb66c; border-radius:8px; text-align:center; color:#fff; font-size:22px; letter-spacing:-2px; padding:20px 0px;} .tab_menu ul.tabs {margin:0 auto; margin-top:50px; padding:0px; list-style:none; height:74px; border-left:1px solid #eee; width:1080px; font-size:20px; font-weight:600px;} .tab_menu ul.tabs li {float:left; text-align:center; cursor:pointer; width:212px; height:74px; line-height:70px; border:1px solid #eee; border-left:none; font-weight:600px; background:#fbfbfb; overflow:hidden;} .tab_menu ul.tabs li.active {background:#235ba8; border-bottom:1px solid #235ba8;} .tab_container {margin:0 auto; border-top:2px solid #235ba8; clear:both; width:1078px; background:#FFF;} .tab_content {width:1080px; padding:5px; font-size:12px; display:none;} .tab_content_box {width:100%; margin-top:40px; border:1px solid #d4d8d9; border-radius:5px;} .tab_content h3 {margin:30px 0 5px 0; font-size:24px; font-weight:500; color:#2b2d3a;} .tab_content_box ul {padding:20px 0 60px 60px;} .tab_content_box ul li {margin-left:15px; margin-bottom:5px; list-style-image:url(../../images/sub/m01_05_dot.png); font-size:16px; letter-spacing:-1px;} .tab_content_box ul li.m1 {margin-left:20px; list-style:none; font-size:14px; color:#f0644b; letter-spacing:-1px;} .marketview {margin-top:60px;} .marketview_box {margin:20px 0 50px 0; width:1080px; height:180px; background:url(../../images/sub/m01_05_bg_1.png) no-repeat;} .marketview_box .btn {float:left; margin:61px 0 0 398px; width:284px; height:57px; background-color:#2e2f2f; box-shadow:3px 3px 10px #999; text-align:center; color:#fff; font-size:20px; line-height:55px;} .marketview_box img {margin:23px 0 0 5px;} .marketview h5 {margin-bottom:20px; font-size:28px; font-weight:normal; letter-spacing:-3px; color:#2b2d3a;} .bannerbox {margin-top:80px; width:1080px; height:304px; background:url(../../images/sub/m01_05_bg_2.png) no-repeat;} .text_box {float:left; width:400px; margin:90px 0 0 550px;} .text_box p {font-size:28px; font-weight:500px; color:#1b1809;} .text_box .btn {margin-top:20px; width:308px; height:65px; background-color:#f57f03; border-radius:5px; text-align:center; color:#fff; font-size:24px; line-height:60px;} .section .r_box { float: right; width: 208px; height: 208px; margin-top: -80px; } /*0919 지원 쇼핑몰 */ .sub_support_wrap{color:#2b2d3a;width:1080px;margin:0 auto;padding-bottom:160px;} .sub_support_wrap .support_tt{color:#2b2d3a;padding:100px 0 50px 0;} .sub_support_wrap .support_tt h3{font-size:48px;line-height: 1;padding-bottom:30px;} .sub_support_wrap .support_tt h3 p{font-size:18px;} .sub_support_wrap .support_body_wrap .tabs{border-bottom:3px #235ba8 solid;font-size:0;} .sub_support_wrap .support_body_wrap .tabs li{display:inline-block;font-size:20px;text-align: center} .sub_support_wrap .support_body_wrap .tabs li a{color:#888;display: block;width:210px;padding:20px 0;border:1px #cbd0d7 solid;border-bottom:none;} .sub_support_wrap .support_body_wrap .tabs li.active a{color:#fff;background:#235ba8;border:1px #235ba8 solid;border-bottom:none;} .sub_support_wrap .support_body_wrap .tab_cont_block{padding-top:60px;} .cont_ttbox{overflow: hidden;margin-bottom:20px;} .cont_ttbox_title{color:#fff;font-size: 18px;padding:3px 10px;background:#235ba8;display:inline-block;border-radius:3px;} .support_rate{float:right;font-size: 18px;margin-top:6px;} .support_rate span{margin-left:10px;} .support_rate .basic:after{content:'';background:url(../../images/sub/ico_basic.png) 0 0 no-repeat;display:inline-block;width:20px;height:20px;vertical-align: sub;margin-left: 5px;} .support_rate .prim:after{content:'';background:url(../../images/sub/ico_prim.png) 0 0 no-repeat;display:inline-block;width:20px;height:20px;vertical-align: sub;margin-left: 5px;} .cont_tbl_wrap table{table-layout: fixed;} .cont_tbl_wrap th{border-left:1px #dde2e6 solid;font-size:18px;text-align:center;border-top:2px #2b2d3a solid;border-bottom:1px #2b2d3a solid;background:#f3f3f3;padding:25px 0;} .cont_tbl_wrap th:first-child{border-left:none;} .cont_tbl_wrap tbody td{border-left:1px #dde2e6 solid;border-bottom:1px #dde2e6 solid;text-align:center;height:54px;} .cont_tbl_wrap tbody td.dbl_none{border-left:none;} .cont_tbl_wrap tbody td.dbb_none{border-bottom:none;} .cont_tbl_wrap tbody tr:hover{background:#e9f7fe;} .cont_tbl_wrap tbody:hover td[rowspan] {background:#fcfcfc;} .cont_tbl_wrap tbody tr.divide td{border-bottom:none;} .tbl_logo img{margin:0 auto;} .tbl_logo span{display:none;} .rate_ico img{padding:0 3px;} .cont_tbl_wrap tbody .bdt_e td{border-top:1px #959595 solid;} .cont_tbl_wrap tbody .bdt_e td.bdb_grey{border-bottom:1px #959595 solid;} .cont_tbl_wrap .tbl_ltt{font-size:18px;border-left:none;background:#fcfcfc;} .cont_tbl_wrap tbody tr.td_last td, .cont_tbl_wrap tbody tr .bdb_black{border-bottom: 1px #2b2d3a solid;} .tbl_notice{font-size: 18px; margin-top: 35px; display: flex; flex-direction: column; align-items: flex-start;} .tbl_notice span{font-weight: normal;} .tbl_notice p{font-weight: 200;} /*1011 버튼 추가*/ a.btn_a2.btn_apply_autopay{background-color:#825ec8;width:200px;background-position:182px 15px;} .apply_autopay_info{display:none;font-size:16px;color:#646473;padding:20px;position:absolute;top:1133px;left:61%;width:520px;border: 1px #d7d8dc solid;border-radius: 3px;background: #fff;text-align: left;-webkit-box-shadow: 0px 3px 5px 0px rgba(215,216,220,1);box-shadow: 0px 3px 5px 0px rgba(215,216,220,1);} .apply_autopay_info:before{content:'';position:absolute;background:url(../../images/sub/ico_uparr.png) 0 0 no-repeat;width:10px;height:9px;display:block;top:-9px;left:6px;} .apply_autopay_info li:first-child{margin-bottom:10px;} .apply_autopay_info li{display:block;position:relative;padding-left:10px;} .apply_autopay_info li:before{content:'';display: block;position: absolute;width:5px;height:1px;background:#646473;top:14px;left:0;} .apply_autopay_info span{color:#f0644b;} .btn_type_1{position:relative;} .ico_question{background:url(../../images/sub/ico_question.png) 0 0 no-repeat;display:inline-block;width:19px;height:19px;margin-left: 7px;vertical-align: top} /* 도메인 기관 이전 */ /*.domain_wrap{font-family: 'spoqaR';}*/ .domain_wrap .c_wrap{width:930px; margin: 0 auto; padding-bottom: 70px;} .domain_wrap .domain_headline{width:1020px; height:195px; margin:0; background: #1961c3;} .domain_wrap .domain_headline h4{width:930px; margin:0 auto; padding:115px 0 30px; font-size:50px; color:#fff; line-height:50px;} .domain_wrap h5{margin:0; font-size: 36px; line-height: 36px;} .domain_wrap .section_con{border-top:2px solid #dcdcdc; margin-top:20px; padding-top:20px;} .domain_wrap p{margin-top:40px; font-size: 20px; line-height: 35px;} .domain_wrap strong{color:#333; font-weight: bold;} .domain_wrap p small{font-size: 17px;} .domain_wrap em{color:#e84d4d; font-weight: bold;} .domain_wrap .section_con dl{margin-bottom: 10px; font-size: 20px;} .domain_wrap .section_con dt,.domain_wrap .section_con dd{display: inline-block; margin-left:5px; color:#333; line-height: 35px;} .domain_wrap ol.section_con{margin: 25px 0 40px; padding-top:45px; font-size: 0;} .domain_wrap ol>li{display: inline-block; vertical-align: top; position:relative; width:192px; height:192px; border-radius: 100%; background: #e7effa; font-size: 18px; text-align: center; line-height: 140%;} .domain_wrap ol>li:not(:last-child){margin-right:50px; } .domain_wrap ol>li:not(:last-child)::after{content: ''; display: block; position: absolute; right:-39px; top:50%; width:27px; height:18px; margin-top:-9px; background: url(../../images/ico/ico_domain_arrow.png) no-repeat left top;} .domain_wrap ol>li span{display: block; margin:40px 0 10px; font-size: 17px; color:#1961c3; font-weight: bold; letter-spacing: 0;} .domain_wrap ol .fin{background: #1961c3; color:#fff;} .domain_wrap ol .fin span{color:#fff;} .domain_wrap .notice_info{margin:20px 0; padding:42px; background: #fcfcfc; font-size: 15px; line-height: 180%;} .domain_wrap .btn.basic{background: #1961c3; color:#fff;} .domain_wrap .notice_info .btn.basic{border-radius: 2px; margin-left:10px; padding:5px 19px 5px 8px; background: #1961c3 url(../../images/ico/btn_arrow_w.png) no-repeat right center; font-family: '맑은고딕', '돋움'; font-size: 12px; font-weight: bold;} .domain_wrap .tb_style{width:100%; margin:25px 0 20px; border-top:2px solid #b7b7b7; border-bottom:1px solid #b7b7b7; font-family: '맑은고딕','돋움'; text-align: center; letter-spacing: 0;} .domain_wrap .tb_style thead{border-bottom:1px solid #dbdbdb; background: #f2f2f2;} .domain_wrap .tb_style tbody tr:not(:last-child){border-bottom:1px solid #dbdbdb;} .domain_wrap .tb_style th>*, .domain_wrap .tb_style td>*{margin: -3px 0;} .domain_wrap .tb_style th{position:relative; padding:14px 5px 15px; font-size: 14px; font-weight: bold;} .domain_wrap .tb_style td{padding:10px 5px 11px; font-size: 13px;} .domain_wrap .tb_style th:not(:last-child),.domain_wrap .tb_style td:not(:last-child){border-right:1px solid #dbdbdb;} .domain_wrap .tb_style a{color:#5791e0; text-decoration: underline;} .domain_wrap .tb_style input[type="text"]{width:160px; border:1px solid #d2d2d2; padding:5px 10px; font-size: 12px; color:#555;} .domain_wrap .tb_style input[type="radio"]{width:18px; height:18px; margin-right:5px;} .domain_wrap .tb_style label+input[type="radio"]{margin-left:15px;} .domain_wrap .tb_style label{font-size: 13px; color:#333;} .domain_wrap .btn_tooltip{width:18px; height:18px; padding:0 5px; border-radius: 100%; background: #333; font-family: '맑은고딕','돋움'; font-size: 13px; color:#fff; line-height: 18px; font-weight: bold; text-align: left;} .domain_wrap .tooltip strong{color:#fff; text-decoration: underline;} .domain_wrap .tooltip{display: none; position: absolute; bottom:40px; left:-50%; width:480px; padding:15px 20px; background: rgba(29,29,29,.8); font-family: '맑은고딕','돋움'; font-size: 12px; color:#fff; font-weight: 400; text-align: left; line-height:;} .domain_wrap .btn_tooltip:focus + .tooltip{display: block; } .domain_wrap .tooltip>li{margin:8px 0; line-height: 170%;} .domain_wrap .tb_style.big th{padding: 12px 5px 14px; font-size: 15px;} .domain_wrap .tb_style.big td{padding: 12px 5px 14px; font-size: 14px;} .domain_wrap .tb_style.big small{display: block; margin-top: 4px; font-size: 12px;} .domain_wrap input[type="checkbox"]{width:18px; height:18px; margin-right:5px;} .domain_wrap input[type="checkbox"]+label{font-family: '맑은고딕', '돋움'; font-size: 13px;} .domain_wrap .btn_group{font-size: 0; text-align: center;} .domain_wrap .btn_group .btn{display: inline-block; vertical-align: middle; width:120px; height:47px; margin:0 5px; font-size: 18px; line-height: 47px;} .domain_wrap .btn_group .btn.basic{background: #3073ce;} .domain_wrap .btn_group .btn.basic:hover{background: #2463b9;} .domain_wrap .btn_group .btn.second{border:1px solid #d2d2d2; color:#555;} .domain_wrap .btn_group .btn.second:hover{border:1px solid #3073ce; color:#3073ce;} .domain_box {border:1px solid black; width:1020px; height:100%;} /* 고객센터*/ .custom_visual{width:100%;background:#eaebed;height:195px;margin-top:76px;} .custom_visual h3{font-size:52px;color:#2b2d3a;text-align: center;padding:59px 0;} .cs_wrap{width:1080px;margin:0 auto;} .cs_search_block{margin-top:36px;overflow:hidden;} .cs_search_block input{width:678px;height:40px;line-height:40px;border:1px #dfdfe3 solid;float:left;color:#646473;font-size:16px;padding:0 15px;} .cs_search_block button{margin-left:4px;float:left;display:inline-block;font-size:16px;color:#fff;width:104px;height:42px;line-height: 42px;border-radius: 2px;background:#225ba9;vertical-align: middle;position:relative;} .cs_search_block button:before{content:'';display:inline-block;background:url(../../images/cs_center/cs_search_ico.png) 0 0 no-repeat;width:17px;height:17px;vertical-align: middle;margin-right:5px;position: absolute;top:13px;left:27px;} .cs_search_block button span{margin-left:15px;} .cs_search_block a{width:120px;height:42px;line-height:42px;color:#fff;font-size:16px;background:#333;float:right;padding:0 65px;display:inline-block;position:relative;} .cs_search_block a:after{content:'';display:inline-block;background:url(../../images/cs_center/cs_question_ico.png) 0 0 no-repeat;width:18px;height:18px;margin-left:7px;position:absolute;top:12px;} .cs_manual_block{margin-top:36px;} .cs_manual_block>a{display:inline-block;} .cs_manual_block .video_lecture{display:inline-block;border:1px #dde2e6 solid;float:right;} .cs_manual_block .video_lecture .video_ttbox{border-bottom:1px #dde2e6 solid;background:#165ab7;padding:0 17px;height:46px;line-height: 46px;color:#fff;font-weight:bold;font-family:'NanumGothic';font-size:16px} .cs_manual_block .video_lecture .video_ttbox span{position: relative;} .cs_manual_block .video_lecture .video_ttbox span:after{content:'';display:inline-block;background:url(../../images/cs_center/cs_play_ico.png) 0 0 no-repeat;width:18px;height:18px;margin-left:7px;position:absolute;top:2px;} .video_lecture li{float:left;} .cs_faq_block{font-size:0;} .faq_ttbox, .call_ttbox{margin-top:36px;border:1px #dde2e6 solid;background:#165ab7;padding:11px 19px;} .faq_ttbox span, .call_ttbox span{position:relative;font-size:16px;color:#fff;font-weight: bold} .faq_ttbox span:after{content:'';display:inline-block;background:url(../../images/cs_center/cs_question_ico.png) 0 0 no-repeat;width:18px;height:18px;margin-left:7px;position:absolute;top:4px;} .cs_faq_list{width:820px;display:inline-block;vertical-align: top} .cs_faq_list ul{font-size:0;box-sizing:border-box;-webkit-box-sizing:border-box;} .cs_faq_list li{display:inline-block;width:116px;height:146px;border-bottom:1px #dde2e6 solid;border-right:1px #dde2e6 solid;text-align:center;} .cs_faq_list li a{font-size:15px;font-weight: bold;font-family:'NanumGothic';color:#333;display:block;padding:34px 0 30px 0;} .cs_faq_list li a span{position:relative;} .cs_faq_list li:first-child{border-left:1px #dde2e6 solid;} .cs_faq_list li a span:before{content:'';width:50px;height:38px;display:block;margin: 0 auto 24px;} .cs_faq_list li:hover a, .cs_faq_list li:hover a{border-bottom:4px #165ab7 solid;} .cs_faq_list li:hover a, .cs_faq_list li:focus a{color:#165ab7;} .cs_faq_list li:first-child a span:before{content:'';background:url(../../images/cs_center/faq_img01.png) 0 0 no-repeat;} .cs_faq_list li:first-child:hover a span:before, .cs_faq_list li:first-child:focus a span:before{background:url(../../images/cs_center/faq_img01_on.png) 0 0 no-repeat} .cs_faq_list li:nth-child(2) a span:before{content:'';background:url(../../images/cs_center/faq_img02.png) 0 0 no-repeat;} .cs_faq_list li:nth-child(2):hover a span:before, .cs_faq_list li:nth-child(2):focus a span:before{background:url(../../images/cs_center/faq_img02_on.png) 0 0 no-repeat} .cs_faq_list li:nth-child(3) a span:before{content:'';background:url(../../images/cs_center/faq_img03.png) 0 0 no-repeat;} .cs_faq_list li:nth-child(3):hover a span:before, .cs_faq_list li:nth-child(3):focus a span:before{background:url(../../images/cs_center/faq_img03_on.png) 0 0 no-repeat} .cs_faq_list li:nth-child(4) a span:before{content:'';background:url(../../images/cs_center/faq_img04.png) 0 0 no-repeat;} .cs_faq_list li:nth-child(4):hover a span:before, .cs_faq_list li:nth-child(4):focus a span:before{background:url(../../images/cs_center/faq_img04_on.png) 0 0 no-repeat} .cs_faq_list li:nth-child(5) a span:before{content:'';background:url(../../images/cs_center/faq_img05.png) 0 0 no-repeat;} .cs_faq_list li:nth-child(5):hover a span:before, .cs_faq_list li:nth-child(5):focus a span:before{background:url(../../images/cs_center/faq_img05_on.png) 0 0 no-repeat} .cs_faq_list li:nth-child(6) a span:before{content:'';background:url(../../images/cs_center/faq_img06.png) 0 0 no-repeat;} .cs_faq_list li:nth-child(6):hover a span:before, .cs_faq_list li:nth-child(6):focus a span:before{background:url(../../images/cs_center/faq_img06_on.png) 0 0 no-repeat} .cs_faq_list li:nth-child(7) a span:before{content:'';background:url(../../images/cs_center/faq_img07.png) 0 0 no-repeat;} .cs_faq_list li:nth-child(7):hover a span:before, .cs_faq_list li:nth-child(7):focus a span:before{background:url(../../images/cs_center/faq_img07_on.png) 0 0 no-repeat} .call_ttbox span:after{content:'';display:inline-block;background:url(../../images/cs_center/cs_cell_ico.png) 0 0 no-repeat;width:18px;height:18px;margin-left:7px;position:absolute;top:4px;} .cs_callcenter{width:250px;display:inline-block;margin-left:10px;} .call_info{border:1px #dde2e6 solid;border-top:none;height:146px;} .call_info strong{font-size:39px;font-weight: bold;font-family: 'malgungothic';color:#225ba9;display:block;text-align:center;padding: 12px 0 10px 0;} .call_info p{font-size:12px;padding:0 22px;color:#555;font-family:'NanumGothic';text-align: left;line-height:18px;letter-spacing: 0.5px;letter-spacing: -0.3px;} .call_info p span{font-weight: bold;margin-right:5px;} .cs_bottom_wrap{margin:36px 0 60px 0;font-size:0;font-family:'NanumGothic';} .cs_notice{width:405px;display:inline-block;margin-right:10px;} .cs_notice .tabs li{float:left;width:33.3333%;text-align: center} .cs_notice .tabs li a{font-size:16px;color:#333;background:#eee;border:1px #dde2e6 solid;display:block;padding:14px 0;border-left:none;} .cs_notice .tabs li:first-child a{border-left:1px #dde2e6 solid;} .cs_notice .tabs li.active a{font-weight: bold;background:#fff;border-bottom:none;} .tab_cont_block{clear:both;border:1px #dde2e6 solid;border-top:none;padding:23px 20px 5px 20px;} .j_tab_content li{margin-bottom:21px;} .j_tab_content li a p{color:#333;font-size:13px;width:300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:inline-block;} .j_tab_content li a:hover p{font-weight: bold;text-decoration: underline;} .j_tab_content li a span{font-size:12px;color:#888;float:right;} .cs_ask{width:405px;display:inline-block;vertical-align: top} .cs_ask_top{border:1px #dde2e6 solid;background:#ebf2f8;padding:12px 24px;} .cs_ask_top>span{font-size: 15px;font-weight: bold;color:#333;} .cs_ask_top a{display:block;background:#fff;padding:10px 23px;font-size: 13px;color:#333;border-radius: 5px;margin-top:10px;position: relative;} .cs_ask_top a:after{content:'';display:inline-block;background:url(../../images/cs_center/right_arr.png) 0 0 no-repeat;width:7px;height:11px;position:absolute;top:12px;right:15px;} .cs_ask_top a+a{margin-top:5px;} .cs_ask_top a span{font-weight: bold;} .cs_ask_top a:hover{text-decoration: underline;} .cs_ask_bottom{margin-top:10px;border:1px #dde2e6 solid;overflow: hidden;} .cs_ask_bottom li{width:50%;float:left;position:relative;} .cs_ask_bottom li a{font-size: 13px;color:#333;display: block;padding:35px 0 35px 95px;text-align: left;line-height: 16px} .cs_ask_bottom li a span{font-weight: bold;display: block} .cs_ask_bottom li+li a{border-left:1px #dde2e6 solid;} .cs_ask_bottom li:first-child:before{content:'';background:url(../../images/cs_center/oneonone01.png) 0 0 no-repeat;width:52px;height:51px;display:inline-block;position:absolute;top:34px;left:30px;} .cs_ask_bottom li+li:before{content:'';background:url(../../images/cs_center/oneonone02.png) 0 0 no-repeat;width:52px;height:51px;display:inline-block;position:absolute;top:34px;left:30px;} .cs_experence{width:250px;display:inline-block;vertical-align: top;margin-left:10px;} a.down{margin-top:10px;border:1px #333 solid;display:block;padding:17px 25px;font-size: 15px;color:#333;font-weight: bold;position:relative;} a.down:hover{background:#333;color:#fff;} a.down:after{content:'';background:url(../../images/cs_center/down_arr.png) 0 0 no-repeat;width:14px;height:19px;display:inline-block;position:absolute;top:18px;right:23px;} a.down:hover:after{background:url(../../images/cs_center/down_arr_on.png) 0 0 no-repeat;} .floating{position: fixed;top: 360px;left: 50%;margin-left: 555px;} .floating a{display:block;width:92px;height:98px;} .select_block{font-size: 0;margin-bottom:10px;} .select-hidden {display: none;visibility: hidden;padding-right: 10px;} .select {cursor: pointer;display: inline-block;position: relative;font-size: 16px;color: #646473;width: 205px;height: 42px;margin-right:8px;} .select-styled {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: #f3f4f5;padding: 9px 15px;border:1px #dfdfe3 solid;} .select-styled:after {content: "";width: 0;height: 0;background:url(../../images/cs_center/sel_arr.png) 0 0 no-repeat;width:12px;height:7px;position: absolute;top: 18px;right: 10px;transform: rotate(180deg);} .select-styled:hover {background-color: #f3f4f5;} .select-styled:active:after, .select-styled.active:after {transform: rotate(0deg);} .select-options {display: none;position: absolute;top: 100%;right: 0;left: 0;z-index: 999;margin: 0;padding: 0;list-style: none;background-color: #f3f4f5;border:1px #dfdfe3 solid;border-top:none;} .select-options li {margin: 0;padding: 12px 0;text-indent: 15px;} .select-options li:hover {background: #dfdfe3;} .select-options li[rel="hide"] {display: none;} .cs_board_wrap .cs_search_block{overflow: inherit;} .cs_board_wrap .cs_search_block button{width:114px;} .cs_board_wrap .cs_search_block button:before{display:none;} .cs_board_wrap .cs_search_block button span{margin-left:0;} .cs_board_wrap .cs_search_block input{width:930px;} .faq_accordion_wrap{clear:both;padding-top:25px;} .faq_accordion_wrap .accordianheader{border-top:1px #dde2e6 solid;border-bottom:1px #dde2e6 solid;padding:12px 20px;} .faq_accordion_wrap .accordianheader .acc_title{color:#646473;font-size:16px;position: relative;padding:0 50px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 30px;cursor:pointer;} .faq_accordion_wrap .accordianheader .acc_title:before{content:'';background:url(../../images/cs_center/faq_q.png) 0 0 no-repeat;width:28px;height:28px;display:inline-block;position: absolute;top:0;left:0;} .faq_accordion_wrap .accordianheader .acc_title_d{color:#646473;font-size:16px;position: relative;padding:0 50px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 30px;cursor:pointer;} .faq_accordion_wrap .accordianheader .acc_title_d:before{content:'';background:url(../../images/cs_center/zooerr_d.png) 0 0 no-repeat;width:28px;height:28px;display:inline-block;position: absolute;top:0;left:0;} .faq_accordion_wrap .accordianheader .acc_title_p{color:#646473;font-size:16px;position: relative;padding:0 50px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 30px;cursor:pointer;} .faq_accordion_wrap .accordianheader .acc_title_p:before{content:'';background:url(../../images/cs_center/zooerr_p.png) 0 0 no-repeat;width:28px;height:28px;display:inline-block;position: absolute;top:0;left:0;} .tag_grey{font-size:15px;color:#889da9;border:1px #889da9 solid;border-radius: 3px;padding: 0 8px;margin-right: 7px} .tag_yellow{font-size:15px;color:#e79a12;border:1px #e79a12 solid;border-radius: 3px;padding: 0 8px;margin-right: 7px} .tag_blue{font-size:15px;color:#225ba9;border:1px #225ba9 solid;border-radius: 3px;padding: 0 8px;margin-right: 7px} .faq_accordion_wrap .accordianbody{padding:15px 20px;} .faq_accordion_wrap .accordianbody p{color:#646473;font-size:16px;position: relative;padding-left:50px;padding-bottom:90px;} .faq_accordion_wrap .accordianbody p:before{content:'';background:url(../../images/cs_center/faq_a.png) 0 0 no-repeat;width:28px;height:28px;display:inline-block;position: absolute;top:-2px;left:0;} .faq_accordion_wrap .accordianheader+.accordianbody+.accordianheader{border-top:none;} .faq_accordion_wrap .accordianheader.ui-state-active + .accordianbody{border-bottom:1px #dde2e6 solid;} .faq_accordion_wrap .accordianheader .acc_title .ico_rotate_arr{background:url(../../images/cs_center/acc_arr.png) 0 0 no-repeat;width:16px;height:9px;display:block;float:right;margin-top:8px; -webkit-transition:all 300ms ease-in 0s;position:absolute;right:0;top:0;transform:rotate(180deg);} .faq_accordion_wrap .accordianheader.ui-state-active .acc_title i{transform: rotate(0deg);} .cs_wrap .paging ul{font-size: 0;margin:45px 0 60px 0;} .cs_wrap .paging li{display:inline-block;margin:0 3px;vertical-align: middle;} .cs_wrap .paging a{color:#646473;font-size: 14px;width:40px;height:30px;border-radius: 50%;text-align: center;background:#dde2e6;display:block;} .cs_wrap .paging .paging_prev{background:url(../../images/cs_center/paging_btn.png) 0 0 no-repeat;width:40px;height:40px;overflow:hidden;text-indent: -9999px;} .cs_wrap .paging .paging_next{background:url(../../images/cs_center/paging_btn.png) 0 0 no-repeat;width:40px;height:40px;overflow:hidden;text-indent: -9999px;transform: rotate(180deg);} .cs_result_wrap{margin:0 auto 60px;} .cs_result_wrap .cs_search_block p{font-size: 26px;color:#2b2d3a;float:left;} .cs_result_wrap .cs_search_block p span{color:#165ab7;} .input_wrap{float:right;} .input_wrap input{width:210px;} .cs_result_wrap .cs_search_block button{width:80px;} .cs_result_wrap .cs_search_block button:before{display:none;} .cs_result_wrap .cs_search_block button span{margin-left:0;} .result_area{clear:both;margin-top:30px;} .result_block {border-bottom:1px #dde2e6 solid;} .result_block .result_tt{color:#2b2d3a;font-size:16px;font-weight: bold;border-top:1px #dde2e6 solid;border-bottom:1px #dde2e6 solid;background:#f3f4f5;padding:15px 23px;} .result_block .result_tt span{color:#165ab7;font-weight: normal} .result_block+.result_block .result_tt{border-top:none;} .result_block li{border-bottom:1px #dde2e6 solid;} .result_block li a{color:#646473;font-size:16px;padding:15px 23px;display:inline-block;} .result_block li a span{color:#165ab7;} .result_block li:last-child{border-bottom:none;} .cs_submenu{border-bottom:1px #e1e1e1 solid;border-top:1px #e1e1e1 solid;} .cs_submenu ul{width:1080px;margin:0 auto;font-size:0;} .cs_submenu ul li{width:25%;display:inline-block;text-align: center;position: relative;} .cs_submenu ul li a{font-size:18px;color:#646473;height:70px;line-height: 70px;display:inline-block;} .cs_submenu ul li:hover a, .cs_submenu ul li.on a{border-bottom:2px #225ba9 solid;color:#225ba9;font-weight: bold;} .cs_submenu ul li:before{content:'';position:absolute;width:1px;height:17px;top:27px;left:0;background:#dfdfdf;display: block} .cs_submenu ul li:first-child:before{display:none;} .cs_manual_wrap .cs_search_block{margin:50px 0 60px;background:#f3f4f5;padding:50px 220px;} .cs_manual_wrap .cs_search_block .input_wrap input{width:520px;} .cs_manual_wrap .cs_search_block button{width:80px;} .cs_manual_wrap .cs_search_block button:before{display:none;} .cs_manual_wrap .cs_search_block button span{margin-left:0;} /*.manual_cont_wrap{font-size:0;}*/ .manual_sidemenu{width:230px;display:inline-block;margin-right:15px;border:1px #dde2e6 solid;border-bottom: none;} .manual_sidemenu .acc_title{font-size:16px;color:#333;background:#f3f4f5;padding:10px 20px;border-bottom:1px #dde2e6 solid;position:relative;cursor:pointer;} .manual_sidemenu .accordianbody ul{padding:12px 20px;} .manual_sidemenu .accordianbody li a{font-size:16px;color:#888;} .manual_sidemenu .accordianbody li a:hover{color:#333;} .manual_sidemenu .accordianbody{border-bottom:1px #dde2e6 solid;} .manual_sidemenu .ico_rotate_arr{background:url(../../images/cs_center/right_arr.png) 0 0 no-repeat;width:7px;height:11px;display:block;float:right;margin-top:8px; -webkit-transition:all 300ms ease-in 0s;position:absolute;right:19px;top:8px;transform: rotate(90deg);opacity: 0.5} .manual_sidemenu .accordianheader.ui-state-active .acc_title .ico_rotate_arr{transform: rotate(-90deg);opacity: 1} .manual_cont{display:inline-block;width:827px;vertical-align: top} .manual_history{border-bottom:2px #2b2d3a solid;padding-bottom:20px;} .manual_history li{display:inline-block;font-size:24px;color:#333;} .manual_history li:before{content:'';background:url(../../images/cs_center/loca_arr.png) 50% 0 no-repeat;width:8px;height:15px;display:inline-block;padding:0 12px;} .manual_history li:first-child:before{display:none;} .manual_history li.located{font-weight: bold} .manual_box{padding:40px 15px;} .manual_history.manual_result p{font-size:24px;color:#2b2d3a;} .manual_history.manual_result span{color:#225ba9;} .result_list{margin-bottom:60px;} .result_list li{border-bottom:1px #dde2e6 solid;} .result_list a{color:#646473;font-size:16px;padding:15px 20px;display:inline-block;} /* 위메프 원더쇼핑 서비스 소개 및 매뉴얼 */ .sub_visual_1.wonder_shopping{ height:260px; background: url('../../images/sub/sub_visual_7.jpg') no-repeat center top/cover; } .sub_visual_1 .sv_wrap{padding:100px 0 0 0;} .sv_wrap .sv_title{font-size: 40px;} .wonder_nav_tab{border:1px solid #e5e5e5; font-size: 0; text-align: center;} .wonder_nav_tab li{display: inline-block; width:270px; height:30px; margin:21px 0; text-align: center;} .wonder_nav_tab li:first-child{border-right:1px solid #e5e5e5;} .wonder_nav_tab li a{display: block; height:100%; font-size: 20px; color:#888;} .wonder_nav_tab li.on a{color: #000; font-weight: 500;} .wonder_section{box-sizing:border-box; position:relative; padding:75px 0 100px; font-weight:500; } .wonder_section .article{text-align:center;} .wonder_section h2{font-size:40px; line-height:130%; font-weight:100;} .wonder_section .title_con {margin-top:15px; font-size:19px; color:#898989; font-weight:500;} .wonder_section .strong_txt{color:#1e64b9;} .wonder_section.item01{height:648px; background: url('../../images/Introduce/WonderShopping/wonder_info_bg01.jpg') no-repeat center top/cover; color:#fff;} .wonder_section.item01 .article {position:absolute; left:50%; top:0; margin: 190px 0 0 22px; text-align:left;} .wonder_section.item01 h2 img{margin-bottom:10px;} .wonder_section.item01 h2, .wonder_section.item01 .title_con{color:#fff;} .wonder_section.item02 ol{width:1060px; margin:50px auto; font-size:0;} .wonder_section.item02 ol>li{ display:inline-block; position:relative; width:350px; padding-top:345px; font-size:19px; color:#333; font-weight:500; } .wonder_section.item02 ol > li::after { content:''; position:absolute; bottom:12px; z-index:1; width:178px; height:31px; text-indent:-999em; } .wonder_section.item02 .list_item01 { background: url('../../images/Introduce/WonderShopping/interlock_01.png') no-repeat center top; } .wonder_section.item02 .list_item01::after{ content:'원더쇼핑 연동'; right:-90px; background:url(../../images/Introduce/WonderShopping/process_01.png) no-repeat; } .wonder_section.item02 .list_item02 { background: url('../../images/Introduce/WonderShopping/interlock_02.png') no-repeat center top; } .wonder_section.item02 .list_item02::after{ content:'외부 쇼핑몰페이지로 이동'; right:-94px; background:url(../../images/Introduce/WonderShopping/process_02.png) no-repeat; } .wonder_section.item02 .list_item03 { background: url('../../images/Introduce/WonderShopping/interlock_03.png') no-repeat center top; } .wonder_section.item02 .numbering{ display:inline-block; vertical-align:text-top; width:30px; height:30px; border-radius:100%; margin-right:10px; background: #1e64b9; color:#fff; font-weight:bold; text-indent: -1px; } .wonder_section.item02 small{font-size:16px; color:#898989; font-weight:300;} .wonder_section.item03{background: #1e64b9; color:#fff;} .wonder_section.item03 ul>li{display:inline-block; position: relative; width:440px; margin-top:45px; font-size:18px; text-align:center;} .wonder_section.item03 ul>li:first-child::after{content:''; display: block; position: absolute; top:40px; right:0; width:1px; height:150px; background:rgba(255,255,255,.3);} .wonder_section.item03 h3{ box-sizing:border-box; display:inline-block; width:230px; height:230px; padding-top: 135px; margin-bottom:30px; border-radius:100%; font-size:22px; color:#333; line-height:130%; } .wonder_section.item03 .free_product_connect{ background:#fff url(../../images/Introduce/WonderShopping/icon_service_free01.png) no-repeat center 55px; } .wonder_section.item03 .free_charge{ background:#fff url(../../images/Introduce/WonderShopping/icon_service_free02.png) no-repeat center 55px; } .wonder_section.item03 p{font-weight:200;} .wonder_section.item04{background:#fbfbfb;} .wonder_section.item04 ol{margin:70px 10px 60px; font-size:0;} .wonder_section.item04 ol>li{ position:relative; display:inline-block; vertical-align:middle; border:1px solid #1e64b9; border-radius: 87px; font-size:16px; color:#333; line-height:130%; font-weight:500; } .wonder_section.item04 ol>li:not(:last-child){margin-right: 40px;} .wonder_section.item04 ol>li:not(:last-child)::after{ content:''; position:absolute; right:-28px; top:50%; width:14px; height:20px; margin-top:-10px; background: url(../../images/Introduce/WonderShopping/ico_order_arrow.png) no-repeat; } .wonder_section.item04 ol>li .inner{ box-sizing:border-box; width:171px; height:171px; padding-top:40px; border-radius:100%; background:#fff; } .wonder_section.item04 .numbering{ display:inline-block; margin-bottom:7px; font-size:20px; letter-spacing:0; font-weight:900; } .wonder_section.item04 ol>li small{font-size:14px; color:#555; font-weight: 300;} .wonder_section.item04 dl{width:810px; margin:0 auto; font-size:0;} .wonder_section.item04 dt{ display:inline-block; width:175px; padding:15px 0; border-radius:3px 0 0 3px; background:#939393; font-size:18px; color:#fff; text-align:center; font-weight: 300; } .wonder_section.item04 dd { box-sizing:border-box; display:inline-block; width:600px; padding:20px 40px; border-radius:0 3px 3px 0; background:#fff; font-size:17px; color:#666; text-align:left; } .wonder_btn_group{padding-top:75px; background: #fbfbfb; font-size:0; text-align: center;} .wonder_btn_group li{display: inline-block; padding:0 18px;} .wonder_section .manual_box>* {text-align:left;} .wonder_section .manual_box{position: relative; width:1035px; margin:0 auto -95px; padding:0;} .wonder_section .manual_box h2{margin-bottom:12px; color:#333;} .wonder_section .manual_box ol>li, .wonder_section .manual_box ul>li{margin:60px 0 0; font-size:19px; color:#333;} .wonder_section .manual_box a{display:inline-block; margin:12px 0 25px;} .wonder_section .manual_box .second_order{margin:15px 0 30px;} .wonder_section .manual_box .second_unorder{margin:5px 0 30px;} .wonder_section .manual_box .second_order>li, .wonder_section .manual_box .second_unorder>li{margin:0; font-weight:300;} .wonder_section .notice_txt{margin-bottom:1px; font-size:14px; color:#898989; font-weight:300;} .wonder_section .intro_screen{margin:10px 0;} .wonder_section .cont_tbl_wrap table{width:100%; font-family:'Noto Sans Korean';} .wonder_section .cont_tbl_wrap table th{padding:22px 0; font-weight:400;} .wonder_section .cont_tbl_wrap table td{font-weight:200;} .wonder_section .cont_tbl_wrap table .strong_txt{font-weight:500;} .wonder_section .wonder_faq{padding:35px 60px 60px; margin:35px 0 100px; border:1px solid #dde2e6; border-radius:5px; font-family:'Noto Sans Korean', 'Malgun Gothic', sans-serif;} .wonder_section .wonder_faq h3{margin-top:25px; font-size:24px; color:#2b2d3a;} .wonder_section .wonder_faq .strong_txt{font-weight:500;} .wonder_section .wonder_faq .reply{margin:10px 0 0 15px; line-height:150%; font-weight:300;} /* 퍼스트몰 */ .firstmall{text-align:center;} .firstmall .c_wrap{padding-bottom:300px;} .firstmall .section h4{margin:65px 0 10px 0; color:#2b2d3a; line-height:42px; font-weight:300; letter-spacing:-.03em;} .firstmall .section h4 + p{margin:30px 0 85px; font-weight:200;} .firstmall .section .refer{margin:10px 0 85px; font-size:16px; color:#7f7f7f;} .firstmall .i_list_type ul{border-bottom:0;} .firstmall .banner_firstmall{display:block; margin:65px 0;} .firstmall .founding_customer {box-sizing:border-box; position:absolute; left:0; width:100%; min-width:1080px; height:300px; padding:60px 0 75px; background: url('../../images/Introduce/FirstMallShopping/bg_founding.jpg') no-repeat center top/cover;} .firstmall .founding_customer h4{font-size:28px; color:#fff; font-weight:100;} .firstmall .founding_customer h4 strong{display:block; margin:20px 0;} .firstmall .founding_customer .btn_group{font-size:0; text-align:center;} .firstmall .founding_customer .btn_group a{display:inline-block; border:1px solid #fff; margin:0 11px; padding:9px 30px 11px; font-size:17px; color:#fff; font-weight:100;} .firstmall .design_sample{position:relative; margin:50px -10px 0; font-size:0;} .firstmall .design_sample li{box-sizing:border-box; float:left; margin:10px 0; padding:0 10px;} .firstmall .design_sample a{overflow:hidden; box-sizing:border-box; display:block; position:relative; width:255px; border-radius:0; border:1px solid #d0d0d0; box-shadow:1px 1px 20px rgba(0, 0, 0, 0.1);} .firstmall .design_sample a:hover{border:1px solid #333;} .firstmall .design_sample a:hover .sample_go{display:block;} .firstmall .sample_go{display:none; box-sizing:border-box; position:absolute; left:50%; top:50%; margin:-40px 0 0 -40px; width:80px; height:80px; border-radius:50%; box-shadow:1px 1px 20px rgba(0, 0, 0, 0.3); background:#fff url('../../images/Introduce/FirstMallShopping/ico_more.png') no-repeat 50% 70%; padding:20px 0 0 0; font-size:14px; color:#2b2d3a; text-align:center;} .firstmall .free_app{margin-bottom:110px;} .firstmall .app_list{position:relative; height:128px; margin:45px -7px 40px; font-size:0; text-align:center;} .firstmall .app_list img{position:absolute; left:50%; width:1128px; margin-left:-564px;} .firstmall .btn_go{display:block; width:133px; margin:0 auto 115px; padding:10px 15px 11px 0; border:1px solid #747474; background:url(../../images/Introduce/FirstMallShopping/btn_arrow.png) no-repeat 127px center; font-size:16px; text-align:center;} .firstmall .founding_package{position:relative; margin:0 -23px; font-size:0; text-align:center;} .firstmall .founding_package li{display:inline-block; width:375px; margin:20px 0 80px;} .firstmall .customer_list{margin-top:55px; padding-bottom:50px; font-size:0;} .firstmall .customer_list li{display:inline-block; width:25%;} /* 퍼스트몰 - 사이트구축 */ .firstmall.site .c_wrap{padding-bottom:80px;} .firstmall.site .c_wrap::before{content:''; position:absolute; top:940px; left:0; width:100%; border-top:1px solid #efefef;} .firstmall .consult_num{font-size:20px; color:#777778; font-weight:200;} .firstmall .consult_num p{margin-top:25px;} .firstmall .consult_num img{margin:5px 0 0 5px;} .firstmall .consult_num strong{display:block; margin:12px 0 30px;} .firstmall .consult_num strong a {font-family:'NanumBarunGothic'; font-size:40px; font-weight:400; color:#0B57B3; letter-spacing:0;} .firstmall.site .consult_num .btn_go{margin:0 auto 145px;} .firstmall.site .st_type_2 ul li, .firstmall.site .i_list_type ul li{float:left; min-height:315px; font-size:18px; color:#646473; font-weight:200; line-height:170%;} .firstmall.site .st_type_2 ul li p, .firstmall.site .i_list_type ul li p{margin-top:15px;} .firstmall.site .transfer_list img{width:140px;} @media only screen and (max-width:639px) { .firstmall .consult_num strong a {font-size:35px;} } /*global*/ .globalCenter{line-height: 1.5;min-width: 1200px} .globalCenter h4{font-size:40px;color:#333;} .global_visual{margin-top:76px;background:url(../../images/global/global_visual.jpg) 0 0 no-repeat;background-size: cover;height:266px;background-position:center;} .global_visual div{color:#fff;padding-top:92px;text-align: center} .global_visual div h3{font-size:25px;font-weight: bold;margin-bottom: 15px;} .global_visual div p{font-size:17px;line-height: 1.5} .sect_menu{position:relative;} .sect_menu ul{width:1080px;margin:0 auto;font-size:0;} .sect_menu ul li{width:270px;display:inline-block;border-right:1px #e5e5e5 solid;text-align:center;box-sizing: border-box;-webkit-box-sizing: border-box;position:relative;} .sect_menu ul li:first-child{width:269px;border-left:1px #e5e5e5 solid;} .sect_menu ul li a{color:#888;font-size:17px;display:block;padding:23px 0;} .sect_menu:after{content:'';background:#e5e5e5;position:absolute;bottom:0;width:100%;display:block;height:1px;} .sect_menu ul li.on a:before, .sect_menu ul li:hover a:before{content:'';width:100%;height:2px;position:absolute;bottom:0;display:block;background:#f26321;z-index: 99} .sect_menu ul li.on a, .sect_menu ul li:hover a{color:#000;font-weight:bold;} .sect_need{width:1080px;margin:0 auto;text-align: center;padding:75px 0 65px;} .sect_need h4{font-weight: bold} .sect_need p{color:#333;font-size:19px;margin-top:12px;} .sect_need p span{color:#f26321;display: block;} .sect_need ul{overflow:hidden;margin-top:30px;padding:0 30px 0 54px;} .sect_need li{float:left;margin:0 10px;} .sect_service{background:#fceee3;padding:70px 0;text-align: center;} .sect_service>div{width:1080px;margin:20px auto 0;} .sect_service ul{padding:0 23px;overflow: hidden;} .sect_service li{float:left;margin:15px} .sect_servicedetail{width:1080px;margin:0 auto;text-align:center;padding:70px 0;} .sect_servicedetail table{margin:36px 62px 0 62px;table-layout: fixed;} .sect_servicedetail table thead th{font-size:22px;height:65px;} .sect_servicedetail table thead th:first-child{background:#313131;color:#fff;border:1px #313131 solid;} .sect_servicedetail table thead th+th{background:#dcdcdc;color:#555;border-top:1px #dcdcdc solid;border-bottom:1px #dcdcdc solid;} .sect_servicedetail table thead th+th+th{background:#f26321;color:#fff;border:1px #f26321 solid;} .sect_servicedetail table tbody td{font-size:18px;color:#333;font-weight: bold;height:90px;border-bottom:1px #e1e1e1 solid;border-left:1px #313131 solid;border-right:1px #313131 solid;} .sect_servicedetail table tbody td+td{font-size:19px;color:#888;border:none;border-bottom:1px #e1e1e1 solid;} .sect_servicedetail table tbody td+td+td{font-size:18px;color:#333;border-left:1px #f26321 solid;border-right:1px #f26321 solid;} .sect_servicedetail table tbody tr:last-child td:first-child{border-bottom:1px #313131 solid;} .sect_servicedetail table tbody tr:last-child td:last-child{border-bottom:1px #f26321 solid;} .sect_market{background:#f4f4f4;text-align:center;padding:80px 0 71px 0;} .sect_market>div{width:1080px;margin:0 auto;} .sect_market ul{overflow: hidden;padding:0 50px;margin-top:27px;} .sect_market ul li{float:left;padding:9px 13px;} .sect_proceed{padding:70px 0;background:url(../../images/global/proceed_bg.jpg) 0 0 no-repeat;background-size: cover;height:560px;background-position:center;text-align: center} .sect_proceed h4{color:#fff;} .sect_proceed>div{width:1080px;margin:0 auto;} .sect_proceed ol{margin-top:36px;} .sect_proceed li{position:relative;width:530px;border:1px #fff solid;border-radius:25px;color:#fff;margin:0 auto;font-size:20px;padding:6px 0;text-transform: uppercase;margin-bottom:40px;} .sect_proceed li:after{content:'';position:absolute;top:42px;left:50%;display:block;background:url(../../images/global/proceed_arr.png) 0 0 no-repeat;width:30px;height:14px;margin:12px 0 12px -15px;text-align: center} .sect_proceed li:last-child:after{display:none;} .sect_ask{background:#f3f0eb;padding:78px 0;text-align:center;} .sect_ask>div{padding:40px 50px 50px 50px;display:inline-block;margin:36px auto 0;background:#fff;border-radius:3px;-webkit-box-shadow: 0px 5px 8px 0px rgba(205,202,198,0.74);box-shadow: 0px 5px 8px 0px rgba(205,202,198,0.74);} .sect_ask .input_box{position:relative;margin-bottom:10px;} .sect_ask label{color:#afafaf;position:absolute;top:10px;left:0;font-size:18px;} .sect_ask label em{color:#fa771d;} .sect_ask input{border:none;border-bottom:1px #d2d2d2 solid;padding: 10px 0;width:100%; } .sect_ask input[type="text"]:focus{border:none;border-bottom:1px solid #f0644b;} .sect_ask .select_wrap select{margin-top:10px;width:100%;height:45px;border:1px #d2d2d2 solid;font-size:18px;color:#646473;padding:0 18px;-webkit-appearance: none;appearance: none;border-radius:0px;background: url(../../images/global/select_arr.png) 96% 50% no-repeat;} .sect_ask .select_wrap select::-ms-expand {display: none;} .sect_ask .textarea_wrap{height: 150px;margin-top:10px;position:relative;} .sect_ask .textarea_wrap label{left:18px;color:#646473;} .sect_ask .textarea_wrap textarea{border:1px #d2d2d2 solid;height:128px;overflow-y:auto;padding:10px 18px;width:440px;resize:none;font-size:18px;color: #646473;} .sect_ask .check_wrap{position:relative;margin:10px 0 20px 0;height:35px;} .sect_ask .check_wrap input[type="checkbox"] {display:none;} .sect_ask .check_wrap input[type="checkbox"] + label {color:#666;font-size: 13px} .sect_ask .check_wrap input[type="checkbox"] + label span {display:inline-block;width:18px;height:18px; margin:-3px 5px 0 0;vertical-align:middle;cursor:pointer;text-indent: -9999em;overflow: hidden;background: url(../../images/global/chk_box.png) 0 0 no-repeat;} .sect_ask .check_wrap input[type="checkbox"]:checked + label span {text-indent: -9999em;overflow: hidden;background: url(../../images/global/chk_chk.png) 0 0 no-repeat;} .sect_ask .view_cont{float:right;font-size:13px;padding:10px 0 0;border-bottom:1px #656565 solid;color:#333;} .sect_ask .btn_ask{width:100%;font-size:19px;font-weight: bold;color:#fff;background:#f26321;border-radius: 5px;display:block;padding:10px 0;} .sect_solution{background:#f4f4f4;padding:0px 0 100px 0;} .sect_solution>div{width:1080px;margin:0 auto;} .sect_solution .solution_box{padding:0 13px 0 33px;overflow: hidden} .sect_solution .solution_box+.solution_box{margin-top:50px;} .sect_solution .solution_box img{display:inline-block;} .sect_solution .solution_box .solution_box_tt{display:inline-block;} .sect_solution .solution_box .solution_box_tt>div{font-size:35px;color:#333;line-height: 1.3;margin-bottom:20px;} .sect_solution .solution_box .solution_box_tt>div span{font-size:40px;display:block;font-weight: bold} ul.bullet_dash li{font-size:18px;color:#333;position:relative;padding:6px 10px 6px 20px;} ul.bullet_dash li:before{content:'';width:7px;height:1px;display:block;background:#333;position:absolute;top:21px;left:0;} .sol_box01 .solution_box_tt{padding:5px 0 0 60px;} .sol_box02 img{float:right;} .sol_box02 .solution_box_tt{padding:40px 0 0 22px;} .sect_servicedetail02>div{margin:0 auto;width:1080px;} .sect_servicedetail02 .ico_check{background:url(../../images/global/chk_ico.png) 0 0 no-repeat;width:18px;height:14px;display:inline-block;margin-right:15px;} .sect_servicedetail.sect_servicedetail02 table tbody td{border-right:none;font-weight: normal;height:54px;} .sect_servicedetail.sect_servicedetail02 table{margin:36px auto} .sect_servicedetail.sect_servicedetail02 table thead th+th{background:#f26321;color:#fff;border:1px #f26321 solid;} .sect_servicedetail.sect_servicedetail02 table tbody td+td{text-align:left;padding-left:90px;font-size:18px;color:#333;border-left:1px #f26321 solid;border-right:1px #f26321 solid;font-weight: bold} .sect_case{padding:100px 0;text-align: center} .sect_case>div{width:1080px;margin:0 auto;} .sect_case ul{overflow:hidden;margin:36px;} .sect_case li{width:320px;float:left;padding:8px;position:relative;text-align:center;} .sect_case li img{display:block;} .sect_case li span{font-size:20px;color:#fff;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:100%;} .sect_magento{background:#333;} .sect_magento>div{width:1080px;margin:0 auto;} .magento_tt{padding:80px 0;display:inline-block;position: relative;width:100%;} .magento_tt h4{color:#fff;font-weight: bold} .magento_tt p{font-size:20px;color:#fff;padding:15px 0 20px 0;} a.go_hompy{background:#f26321;font-size:16px;color:#fff;font-weight: bold;padding:12px 20px;border-radius: 5px;display:inline-block;} a.go_hompy:after{content:'';background:url(../../images/global/ico_go.png) 0 0 no-repeat;width:6px;height:10px;display:inline-block;margin-left:10px;} .magento_tt:after{content:'';background:url(../../images/global/magento.jpg) 0 0 no-repeat;display:block;width:410px;height:300px;position: absolute;top:0;right:130px;} .sect_alibaba{background:#ff902e;color::#fff;padding-top:90px;text-align:center;} .sect_alibaba h4{color:#fff;line-height: 1.3} .sect_alibaba h4 strong{display:block;} .sect_alibaba p{margin:30px 0;font-size:19px;color:#fff;font-weight: bold} .sect_alibaba .benefit{background:url(../../images/global/ali_bg.jpg) center bottom no-repeat;width:710px;height:300px;margin:0 auto;position: relative;} .sect_alibaba .benefit ul{position:absolute;top:45px;left:54px;overflow: hidden;} .sect_alibaba .benefit li{float:left;margin:0 6px;} .sect_alibaba .benefit li img{display:block;} .sect_aboutali{background:#293747;padding:80px 0;} .sect_aboutali>div{width:1080px;margin:0 auto;overflow: hidden} .sect_aboutali img{margin:0 50px 0 30px;float:left;} .sect_aboutali .aboutali_tt h4{color: #fff;margin:0 0 25px 0;} .sect_aboutali .aboutali_tt{float:left;color:#fff;margin-top:40px;} .sect_aboutali .aboutali_tt .bullet_dash li{color:#fff;} .sect_aboutali .aboutali_tt .bullet_dash li:before{background:#fff;} .sect_gold{background-color:#333;} .sect_gold>div{width:1080px;margin:0 auto;background-image:url(../../images/global/gold.jpg);background-repeat:no-repeat;height:473px;background-position: center right;} .sect_gold .gold_tt{padding:70px 0 0 54px;} .sect_gold .gold_tt h4{color:#fff;margin-bottom:20px;} .sect_gold .gold_tt li{color:#fff;font-size:18px;font-weight: bold;margin-bottom:15px;} .sect_gold .gold_tt li span{font-weight: 300;display:block;} .sect_member{padding:80px 0;} .sect_member>div{width:1080px;margin:0 auto;text-align:center;} .sect_member table{table-layout: fixed;border-collapse: collapse;margin:36px 90px 0 90px;} .sect_member table thead th{background:#dcdcdc;border:1px #dcdcdc solid;font-size:22px;padding: 16px 0;} .sect_member table thead th+th{background:#313131;border:1px #313131 solid;color:#fff;} .sect_member table thead th+th+th{background:#f26321;border:1px #f26321 solid;color:#fff;} .sect_member table tbody td{border:1px #e1e1e1 solid;font-size:18px;color:#333;padding:11px 0;font-weight: bold} .sect_why{padding:90px 0 40px 0;text-align:center;} .sect_why p{font-size:19px;color:#333;margin:20px 0;} .sect_tab{background:#333;} .sect_tab .tab_area{width:1200px;margin: 0 auto;padding:80px 0 130px;} .sect_tab .tab_area .tabs{margin-left:5px;overflow: hidden} .sect_tab .tab_area .tabs li{float:left;} .sect_tab .tab_area .tabs li a{text-indent: -99999px;overflow: hidden;width:307px;height:76px;display:block;} .sect_tab .tab_area .tabs li:first-child a{background:url(../../images/global/tab01_off.png) 0 0 no-repeat;} .sect_tab .tab_area .tabs li:first-child.active a{background:url(../../images/global/tab01_on.png) 0 0 no-repeat;} .sect_tab .tab_area .tabs li+li a{background:url(../../images/global/tab02_off.png) 0 0 no-repeat;} .sect_tab .tab_area .tabs li+li.active a{background:url(../../images/global/tab02_on.png) 0 0 no-repeat;} .sect_tab .tab_area .tabs li+li+li a{background:url(../../images/global/tab03_off.png) 0 0 no-repeat;} .sect_tab .tab_area .tabs li+li+li.active a{background:url(../../images/global/tab03_on.png) 0 0 no-repeat;} .tab_cont{background:#fff;border-radius: 5px;text-align:center;} .tab_proxy{padding:110px 0 70px 0;} .tab_proxy p{font-size:19px;color:#333;margin:20px 0 40px;} .tab_service{background:#fceee3;padding:70px 0 80px;} .tab_service ul{overflow:hidden;padding:56px 125px 0;} .tab_service li{float:left;margin:0 15px;display:block;} .tab_proceed{padding:88px 0 100px 0;} .tab_proceed img{margin-top:70px;} .tab_proceed .btn_group{margin-top:75px;} .tab_proceed .btn_group a{font-size:22px;color:#fff;width:310px;padding:18px 0;text-align: center;margin:0 12px;border-radius: 5px;display:inline-block;} .tab_proceed .btn_group a.pop_info{background:#333;} .tab_proceed .btn_group a.info_down{background:#f26321;} .pop_info{font-family: 'Noto Sans Korean'} .pop_info h4{font-size:22px;color:#fff;text-align:center;} .pop_info .pop_con{padding:30px 50px 100px 50px;} .pop_info h5{font-size:22px;color:#333;font-weight: bold;margin:0 0 30px 0;text-align: center} .pop_info .info_list{border-bottom:1px #dde2e6 solid;padding-bottom:15px;} .pop_info .info_list li{font-size:16px;color:#333;margin-bottom:10px;} .pop_info .info_list li span{display:inline-block;vertical-align: top;font-weight: 500} .pop_info .info_list li span+span{font-weight: 400;padding-left:5px;} .pop_info .btn_type_1 a{right:inherit;margin-left:-60px;left:50%;} .tab_voucher{padding:120px 0 75px 0;} .tab_voucher p{font-size:19px;color:#333;margin:20px 0 55px;} span.question{font-size:20px;font-weight:600;display:inline-block;color:#f26321;margin-top:35px;position:relative;} span.question:before{content:'';position:absolute;top:4px;left:-26px;background:url(../../images/global/ico_question.png) 0 0 no-repeat;width:22px;height:22px;display:inline-block;vertical-align: text-top;} span.question:after{content:'';position:absolute;bottom:3px;left:0;width:100%;height:2px;background:#f26321;display:block;} span.question em{font-size:14px;} .tab_proceed02{background:#f9f9f9;} .tab_gmd{padding:120px 0 50px;} .tab_gmd span.question{margin-bottom:30px;} .tab_gmd p{font-size:19px;font-weight: bold;margin-bottom:25px;color:#333;} .tab_gmd p+p{font-weight: normal} .tab_gmd img{margin-top:25px;} /* 서비스관리 - 알림톡 관리 */ .kakao_alim_ask #SearchTemplateType+.sbHolder{ float:right; width:120px; margin: 45px 0 0 23px; } .kakao_alim_ask .section .t_sm_type{overflow:inherit;} .kakao_alim_ask .jfilestyle input { width: 222px !important; height: 26px; background: #f3f4f5; border: 1px solid #dfdfe3; } .kakao_alim_ask .template_style { width: 93%; } .kakao_alim_ask .template_style th { text-align: left; padding: 5px 0; font-size: 19px; font-weight: normal; color: #2b2d3a; } .kakao_alim_ask .template_style td { height: 42px; padding: 5px 0; font-size: 18px; } .kakao_alim_ask .template_style td input.ws_1 { width: 100%; } .kakao_alim_ask .autotemplate_style { background-image: url(/images/sub/auto_kakao_btn_off.png); height: 54px; display: inline-block; width: 222px; background-repeat: no-repeat; } .kakao_alim_ask .passivetemplate_style { background-image: url(/images/sub/passive_kakao_btn_on.png); height: 54px; display: inline-block; width: 221px; background-repeat: no-repeat; } .kakao_alim_ask .explain_style { background-image: url(/images/sub/manual.png); height: 45px; display: inline-block; width: 205px; background-repeat: no-repeat; margin-left: 423px; } .kakao_alim_ask .templatediv_style { border: 1px solid black; margin-bottom: 30px; } .kakao_alim_ask .template_structure_style { margin-left: 15px; margin-right: 15px; margin-top: 25px; margin-bottom: 30px; } .kakao_alim_ask .template_structure_a_style { background-image: url(/images/sub/excel_btn.png); height: 43px; display: inline-block; width: 160px; background-repeat: no-repeat; } .kakao_alim_ask .registerbutton_style { width: 100px; height: 42px; background: #0b57b3; border: none; border-radius: 3px; color: #fff; } .kakao_alim_ask .excel_option + .sbHolder { width: 100px; text-align:left; } .kakao_alim_ask .template_enroll { background: #3195ff; padding: 8px 0px 4px 19px; width: 100px; height: 30px; text-align: left; color: rgb(255, 255, 255) !important; display: inline-block; } .kakao_alim_ask .template_cancel { background: #aeb0ba; padding: 8px 0px 4px 19px; width: 100px; height: 30px; text-align: left; color: rgb(255, 255, 255) !important; display: inline-block; } .kakao_alim_ask .template_table { border: 1px solid rgb(214, 214, 214); } .kakao_alim_ask .template_total { border: 1px solid rgb(214, 214, 214); font-size: 15px; width: 100%; text-align: center; } .kakao_alim_ask .excel_div { height: 180px; border: 1px solid #d6d6d6; } .kakao_alim_ask .excel_div ul { margin: 25px; height: 30px; } .kakao_alim_ask .template_excel_div { margin: 20px 20px 20px 20px; } .kakao_alim_ask .templatemanagement_option { margin: 50px 0 0 23px; float: right; width: 108px; height: 30px; border: 1px solid #d6d6d6; font-family: "Noto Sans Korean", "Malgun Gothic", sans-serif; font-size: 16px; font-weight: normal; } @media only screen and (max-width:479px) { .kakao_alim_ask .templatemanagement_option { margin-top:55px; } }