/* basic-set */ b { font-weight:800; } .bt_txt { display:inline-block; zoom:1; *display:inline; text-align:center; } .bt_txt:hover { text-decoration:none; } input[type=text], input[type=password], textarea { -webkit-box-sizing :border-box;‌​ -moz-box-sizing :border-box; box-sizing :border-box; line-height:auto; } * { position:relative; } ::-webkit-input-placeholder { color:#b3b3b3; }/* WebKit browsers */ :-moz-placeholder { color:#b3b3b3; }/* Mozilla Firefox 4 to 18 */ ::-moz-placeholder { color:#b3b3b3; }/* Mozilla Firefox 19+ */ :-ms-input-placeholder { color:#b3b3b3; }/* Internet Explorer 10+ */ .div_t { display:table; } .div_tr { display:table-row; } .div_tc { display:table-cell; padding:0px 20px; vertical-align:middle; } #wrap { min-width:1400px;} header { position:relative;background:#fff; text-align:center; min-width:1300px;border-bottom:1px solid rgba(0,0,0,0.1); z-index:1;} header .wrap { width:1300px; height:60px; margin:0 auto; line-height:50px; font-size:22px; letter-spacing:-0.03em;display:flex;align-items:center;justify-content:center;gap:0 5px;} header .wrap a{display:inline-block;text-indent:-99999px;background:url(../images/logo_daum1.png) no-repeat 0 0;width:110px;height:50px;} .mt_slider {position:relative;height:450px;background:#f0f0f0;overflow:hidden;} .mt_slider .swiper-slide {width:100%;min-width:1300px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .mt_slider .swiper-button-next,.swiper-button-prev {width:52px;height:52px;background:rgba(255,255,255,0.3);border-radius:50px;background-size:13px 20px;background-repeat:no-repeat;} .mt_slider .swiper-button-prev{background-image:url("../images/mt_slider_prev.png");background-position:50%;left:50%;margin-left:-730px;} .mt_slider .swiper-button-next{background-image:url("../images/mt_slider_next.png");background-position:50%;right:50%;margin-right:-730px;} .mt_slider .swiper-pagination-bullet {width:17px;height:17px;background:transparent;border:1px solid #fff;opacity:.8} .mt_slider .swiper-pagination-bullet-active {background:#fff;width:30px;border-radius:20px;opacity:inherit;} .mt_slider .swiper-slide a {position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;text-indent:-99999px;} .inner {position: relative;width:1300px;margin:0 auto;} /* 진행중 캠페인*/ .ing_campaign {position: relative; width: 100%; height: 663px; background:#fff;overflow:hidden;} .ing_campaign h2 {display:none;}/*모바일버전에서만 보임*/ .ing_campaign h2 span {display:inline-block;padding-left:65px;font-size:24px;font-weight:600;letter-spacing:-0.02em;} .ing_campaign h2 span:before {content:'';position:absolute;top:2px;left:0;width:60px;height:25px;background:url(../images/logo_daum.png) no-repeat 0 0;background-size:60px;} .ing_campaign h2 i {display:inline-block;font-size:30px;letter-spacing:-0.03em;font-weight:800;padding-left:7px;top:1px;} .ing_campaign .controll {position: absolute; top: 80px; left:0; width:100%;z-index: 1} .ing_campaign .gslide .controll{ text-align:left; } .ing_campaign .gslide .controll p:first-child {position: absolute;left:0;top:0;} .ing_campaign .gslide .controll p:first-child span {display:block;padding-left:65px;font-size:24px;font-weight:600;letter-spacing:-0.02em;color:#888;} .ing_campaign .gslide .controll p:first-child span:before {content:'';position:absolute;top:2px;left:0;width:80px;height:38px;background:url(../images/logo_daum.png) no-repeat 0 0;background-size:100%;top:-2px;left:-20px;} .ing_campaign .gslide .controll p:nth-child(2) {position: absolute;left:0;top:40px;width:170px;height:170px;background:#ffd434;font-size:30px;font-weight:800;text-align:center;border-radius:50%;line-height:1.2;color:#333;} .ing_campaign .gslide .controll p:nth-child(2) span {display:block;margin-top:50px;} .ing_campaign .gslide .controll p:nth-child(2) span:after {content:'';position:absolute;top:80px;left:50%;margin-left:-35px;width:70px;height:10px;background:url(../images/ing_campaign_arrow.png) no-repeat 0 0;} .ing_campaign .gslide .controll > div {position: absolute;left:26px;top:234px;} .ing_campaign .gslide .controll > div > a {position:relative;display:inline-block;margin:0;vertical-align:middle;overflow: hidden; font-size:0;} .ing_campaign .gslide .controll > div > a.btn_stop, .ing_campaign .gslide .controll > div > a.btn_play, .ing_campaign .gslide .controll > div > a.btn_prev, .ing_campaign .gslide .controll > div > a.btn_next {width:35px; height:35px;} .ing_campaign .gslide .controll > div > a.btn_stop img, .ing_campaign .gslide .controll > div > a.btn_play img, .ing_campaign .gslide .controll > div > a.btn_prev img, .ing_campaign .gslide .controll > div > a.btn_next img {width:100%;} .ing_campaign .gslide .controll > div > a:before, .ing_campaign .gslide .controll > div > a:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;} .ing_campaign .gslide .controll > div > a.btn_stop:before{background:url(../images/ing_campaign_stop.png) no-repeat 0 0;background-size:35px;} .ing_campaign .gslide .controll > div > a.btn_play:before{background:url(../images/ing_campaign_play.png) no-repeat 0 0;background-size:35px;} /*.ing_campaign .gslide .controll p:first-child {margin-top:10px; margin-bottom:30px;}*/ .ing_campaign .gslide .move{position:absolute;left:50%; max-width: 100%; margin-left:-376px;overflow:hidden;} .ing_campaign .gslide .move ul{position:relative;z-index:0; width:30000px;height:100%;margin: 0;padding-top: 80px;} .ing_campaign .gslide .move ul:after{content:""; display:block; clear:both;} .ing_campaign .gslide .move ul li{overflow:hidden;float:left;position:relative;width:400px;height:536px;margin: 0 10px;padding:0;transition:all 0.5s linear;-webkit-transition:all 0.5s linear;} .ing_campaign .gslide .move ul li.off{opacity:0;} /*.ing_campaign .gslide .move ul li span {position:absolute;left: 50px;top: 120px;font-size:12px;color:#fff;font-weight:300;}*/ .ing_campaign .ing_list_area{position: relative;} .ing_campaign .ing_list_area .ing_list{} /* .ing_campaign .ing_list_area .ing_list > li{width: calc(50% - 2px);margin: 0 65px;} */ /*.ing_campaign .ing_list_area .ing_list > li:nth-child(odd) {margin-top: 80px}*/ .ing_campaign .ing_list_area .ing_list > li {position:relative;} .ing_campaign .ing_list_area .ing_list > li > a {position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;text-indent:-99999px;} .ing_campaign .ing_list_area .ing_list > li > a:after {position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,.08);content:"";} .ing_campaign .ing_list_area .ing_list > li > a:hover:after {border:1px solid rgba(0,0,0,.25);} .ing_campaign .ing_list_area .ing_list > li > .li_thumbnail {width:100%;height:228px;overflow:hidden; } .ing_campaign .ing_list_area .ing_list > li > .li_thumbnail img {width:100%;} .ing_campaign .ing_list_area .ing_list > li > .tbox {position:relative;padding:20px 30px;} .ing_campaign .ing_list_area .ing_list > li > .tbox h3 {display:block;height:61px;font-size:24px;font-weight:600;letter-spacing:-0.035em;overflow:hidden;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .ing_campaign .ing_list_area .ing_list > li > .tbox .cam_date {font-size:20px;color:#333;letter-spacing:-0.01em;line-height:1;margin-top:8px;} .ing_campaign .ing_list_area .ing_list > li > .tbox .cam_date span {display:inline-block;padding:3px 7px;background:#608ffb;color:#fff;font-size:16px;letter-spacing:-0.03em;margin-right:5px;border-radius:20px;} .ing_campaign .ing_list_area .ing_list > li > .tbox .cam_mtag {position:relative;height:46px;background:url(../images/bg_searchbar.png) no-repeat 0 0/100% 46px;margin-top:20px;} .ing_campaign .ing_list_area .ing_list > li > .tbox .cam_mtag .mtag_inner {position:relative;} .ing_campaign .ing_list_area .ing_list > li > .tbox .cam_mtag .mtag_inner:before {content:'';position:absolute;top:12px;left: 15px;width:52px;height:24px;background:url(../images/logo_daum.png) no-repeat 0 0;background-size:100%;} .ing_campaign .ing_list_area .ing_list > li > .tbox .cam_mtag .mtag_inner:after {content:'';position:absolute;top:15px;right: 10px;width:43px;height:20px;background:url(../images/searchbar_ico.png) no-repeat 0 0;background-size:100%;} .ing_campaign .ing_list_area .ing_list > li > .tbox .cam_mtag .mtag_inner span {display:block;line-height:44px;padding:0 60px 0 75px;font-size:18px;font-weight:600;letter-spacing:-0.01em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .ing_campaign .ing_list_area .ing_list > li > .tbox .cam_tag {display:block;padding:10px 0 0;font-size:17px;font-weight:400;letter-spacing:-0.03em;color:#888;} .ing_campaign .ing_list_area .ing_list > li > .tbox .cam_tag span {display:inline-block;padding-right:7px;} .ing_campaign .ing_list_area .ing_list > li > .tbox .cam_tag span:before {content: '#';} .ing_campaign .ing_list_area .ing_list > li > .cam_client {position:absolute;bottom:20px;left:30px;font-size:16px;line-height:27px;} .ing_campaign .ing_list_area .ing_list > li > .cam_client span {display:inline-block;width:27px;height:27px;overflow:hidden;vertical-align:middle;margin-right:5px;border:1px solid #e5e5e5;border-radius:50%;} .ing_campaign .ing_list_area .ing_list > li > .cam_client span > img {width:100%;} .ing_campaign .ing_list_area .ing_list > li > .cam_ch {position:absolute;bottom:20px;right:30px;z-index:2;} .ing_campaign .ing_list_area .ing_list > li > .cam_ch a {display:block} .ing_campaign .ing_list_area .ing_list > li > .cam_ch a span {display:block;font-size:16px;line-height:27px;color:#888;font-weight:600;padding-left:32px;} .ing_campaign .ing_list_area .ing_list > li > .cam_ch a span:before {content:'';position:absolute;top:0;left:0;width:27px;height:27px;background:url(../images/ico_kakao_ch.png) no-repeat 0 0/100%;} .ing_campaign .ing_list_area .ing_list > li > .cam_ch a:hover span {color:#222;text-decoration:underline;} /*집행사례*/ .case_list {position: relative; background:#edf2ff;} .case_list .inner {padding:80px 0;} .case_list h2 {display:block;} .case_list h2 span {display:inline-block;padding-left:65px;font-size:24px;font-weight:600;letter-spacing:-0.02em;color:#888;} .case_list h2 span:before {content:'';position:absolute;top:2px;left:0;width:80px;height:38px;background:url(../images/logo_daum.png) no-repeat 0 0;background-size:100%;top:-2px;left:-20px;} .case_list h2 i {display:inline-block;font-size:30px;letter-spacing:-0.03em;font-weight:800;padding-left:7px;top:1px;} .case_list .search_wrap {position:absolute;right:0;top:75px;font-size:0;} .case_list .search_wrap .select_wrap {display:inline-block;width: 150px;height:40px;border:1px solid #608ffb;background:#fff url(../images/search_arr.png) no-repeat 120px 16px/15px 9px;margin-right:3px;} .case_list .search_wrap .select_wrap select {width:100%;height:100%;padding:0 20px 0 10px;font-size:18px;border:0; box-sizing: border-box; background:transparent;} .case_list .search_wrap .select_wrap select { -webkit-appearance:none; /* for chrome */ -moz-appearance:none; /*for firefox*/ appearance:none; } .case_list .search_wrap .select_wrap select::-ms-expand{ display:none;/*for IE10,11*/ } .case_list .search_wrap input[type=text] {width:250px;height:40px;line-height:40px;padding:0 15px;border:1px solid #608ffb;font-size:16px;margin-right:3px;} .case_list .search_wrap .search_bt {display:inline-block;width:84px;height:40px;background:#608ffb;border:none;color:#fff;font-size:18px;vertical-align:middle;line-height:40px;text-align:center;} .case_list .search_wrap .search_bt span {display:block;position: relative;padding-left:20px;} .case_list .search_wrap .search_bt span:before {position:absolute;left:15px;top:12px;content:"";width:16px;height:16px;background: url(../images/search_bt.png) no-repeat;} .case_list .list {position:relative;margin-top:20px;margin-right:-20px;} .case_list .list:after {display:table;table-layout:fixed;clear:both;content:"";} .case_list .list li {float:left;position:relative;width:310px;height:300px;margin:0 20px 20px 0;background:#fff} .case_list .list li > a {position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;text-indent:-99999px;} .case_list .list li > a:after {position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,.08);content:"";} .case_list .list li > a:hover:after {border:1px solid rgba(0,0,0,.25);} .case_list .list li .li_thumbnail{width:100%;height:177px;overflow:hidden;background:#f0f0f0; } .case_list .list li .li_thumbnail img{width:100%;} .case_list .list li h3 {padding:10px 20px;font-size:20px;font-weight:600;letter-spacing:-0.03em;height:60px;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .case_list .list li .cam_client {position:absolute;bottom:10px;left:20px;font-size:16px;line-height:27px;} .case_list .list li .cam_client span {display:inline-block;width:27px;height:27px;overflow:hidden;vertical-align:middle;margin-right:5px;border:1px solid #e5e5e5;border-radius:50%;text-align:center;} .case_list .list li .cam_client span.client_name {max-width: 150px; width: auto; height: auto; margin-right: 0; border:none; border-radius: 0; line-height: 120%; text-align: left;} .case_list .list li .cam_client span img {width:100%;} .case_list .list li .cam_ch {position:absolute;bottom:10px;right:20px;z-index:2;} .case_list .list li .cam_ch a {display:block} .case_list .list li .cam_ch a span {display:block;font-size:16px;line-height:27px;z-index:2;color:#888;font-weight:600;padding-left:32px;} .case_list .list li .cam_ch a span:before {content:'';position:absolute;top:0;left:0;width:27px;height:27px;background:url(../images/ico_kakao_ch.png) no-repeat 0 0/100%;} .case_list .list li .cam_ch a:hover span {color:#222;text-decoration:underline;} .case_list .bt_more {position:relative;text-align:center;} .case_list .bt_more a {display:inline-block;padding:15px 80px;border:1px solid #888;border-radius:50px; } .case_list .bt_more a span{display:block;padding-right:34px;} .case_list .bt_more a span:after {content:'';position:absolute;right:5px;top:0px;background:url(../images/bt_more_ico.png);width:22px;height:22px;} .emoticon_list {position: relative; background:#fef9e7;} .emoticon_list .inner {padding:80px 0;} .emoticon_list h2 {display:block;font-size:30px;color:#333;font-weight:600;letter-spacing:-0.05em;} .emoticon_list h2 b {font-weight:800;} .emoticon_list .list {position:relative;margin-top:20px;margin-right:-20px;} .emoticon_list .list:after {display:table;table-layout:fixed;clear:both;content:"";} .emoticon_list .list li {float:left;position:relative;width:310px;height:440px;margin:0 20px 20px 0;background:#fff} .emoticon_list .list li:after {position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,.08);content:"";} .emoticon_list .list li .li_thumbnail{width:100%;height:240px;overflow:hidden;background:#000; } .emoticon_list .list li .li_thumbnail img{width:100%;opacity:.96} .emoticon_list .list li .tbox {position:relative;margin:10px;text-align:left} .emoticon_list .list li .tbox .b_character {position:absolute;left:0;top:10px;width:100px;height:140px;} .emoticon_list .list li .tbox .b_character img {width:100%;max-width:100%;height:auto;max-height:140px;overflow:hidden;} .emoticon_list .list li .tbox dl {position:relative;margin:0 0 0 100px;padding-top:10px;} .emoticon_list .list li .tbox dl:after {display:table;table-layout:fixed;clear:both;content:"";} .emoticon_list .list li .tbox dl dt, .emoticon_list .list li .tbox dl dd {min-height:24px;font-size:16px;line-height:1.2;letter-spacing:-0.03em;} .emoticon_list .list li .tbox dl dt {float:left;display:inline-block;clear:both;width:48px;padding-left:12px;color:#888;} .emoticon_list .list li .tbox dl dt:before {content:'';position:absolute;left:0;top:8px;width:3px;height:3px;background:#888;} .emoticon_list .list li .tbox dl dd {float:left;display:inline-block;width:calc(100% - 48px);font-weight:500;} .emoticon_list .list li .cam_client {position:absolute;bottom:10px;left:10px;font-size:15px;line-height:27px;} .emoticon_list .list li .cam_client span {display:inline-block;width:27px;height:27px;overflow:hidden;vertical-align:middle;margin-right:5px;border:1px solid #e5e5e5;border-radius:50%;text-align:center;letter-spacing:-0.038em} .emoticon_list .list li .cam_client span img {width:100%;} .emoticon_list .list li .cam_ch {position:absolute;bottom:10px;right:10px;z-index:2;} .emoticon_list .list li .cam_ch a {display:block} .emoticon_list .list li .cam_ch a span {display:block;font-size:16px;line-height:27px;z-index:2;color:#888;font-weight:600;padding-left:32px;} .emoticon_list .list li .cam_ch a span:before {content:'';position:absolute;top:0;left:0;width:27px;height:27px;background:url(../images/ico_kakao_ch.png) no-repeat 0 0/100%;} .emoticon_list .list li .cam_ch a:hover span {color:#222;text-decoration:underline;} .count {position:relative;background:#ffd434;text-align:center;} .count span {display:inline-block;position:relative;line-height:110px;height:110px;font-size:24px;font-weight:400;letter-spacing:-0.02em;} .count span:first-child {padding-left:95px;} .count span:first-child:before {content:'';position:absolute;top:50%;left:0;margin-top:-25px;width:90px;height:50px;background:url(../images/logo_daum2.png) no-repeat 0 0;background-size:100%;} .count span:last-child {padding-left:10px;} .count span i {font-weight:700;} .f_cont {position:relative;} .f_cont .news {position:relative;padding-top:60px;width:760px;} .f_cont .news h3 {display:block;font-size:30px;font-weight:700;} .f_cont .news .n-wrap {position:relative;margin-top:20px;width:760px;height:111px;overflow:hidden;} .f_cont .news .n-wrap .swiper {height:111px;flex-grow: 1;} .f_cont .news .n-wrap .swiper-wrapper {height:37px;} .f_cont .news .n-wrap .swiper-slide {position:relative;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display: flex; align-items: center;height:37px;} .f_cont .news .n-wrap .swiper-slide a {position:relative;display:block;font-size:20px;color:#333;text-indent:0;padding-left:14px;} .f_cont .news .n-wrap .swiper-slide a:before {content:'';position:absolute;left:0;top:8px;width:3px;height:3px;background:#888;} .f_cont .service {position:absolute;right:0;top:70px;} .f_cont .service ul {position:relative;} .f_cont .service ul li {display:inline-block;width:178px;float:left;background:url(../images/f_s_i01.png) no-repeat 50% 0/102px 102px;} .f_cont .service ul li:nth-child(2) {background-image:url(../images/f_s_i02.png);} .f_cont .service ul li:nth-child(3) {background-image:url(../images/f_s_i03.png);} .f_cont .service ul li a{display:block;padding-top:120px;text-align:center;color:#666;font-size:20px;font-weight:600;} .f_cont .kakao_ch {position:relative;height:200px;background:#f0ece8 ; margin-top:80px;} .f_cont .kakao_ch .tx {position:absolute;left:0;top:0;height:200px;width:540px;background:url(../images/f_ch.png) no-repeat right bottom/293px 149px;color:#391e20;letter-spacing:-0.03em;} .f_cont .kakao_ch .tx h3 {display:block;margin-top:60px;line-height:1;font-size:44px;font-weight:700;color:#391e20;letter-spacing:-0.05em;} .f_cont .kakao_ch .tx h3 span {display:inline-block;} .f_cont .kakao_ch .tx h3 span:first-child {padding-right:10px;} .f_cont .kakao_ch .tx p {display:block;margin-top:10px;line-height:1;font-size:24px;font-weight:400;} .f_cont .kakao_ch .ch-box {position:absolute;right:30px;top:30px;width:680px;} .f_cont .kakao_ch .ch-box .swiper-container { width: 100%; height: 100%; overflow:hidden;z-index:2;} .f_cont .kakao_ch .ch-box .swiper-slide {background:#fff;height:140px;text-align: center; } .f_cont .kakao_ch .ch-box .swiper-slide .s_tx {background:none;} .f_cont .kakao_ch .ch-box .swiper-slide .s_tx{position:relative;width:100%;margin-top:30px;} .f_cont .kakao_ch .ch-box .swiper-slide .s_tx a{position:relative;display:block;margin:0 auto;width:calc(100% - 50px);line-height:40px;} .f_cont .kakao_ch .ch-box .swiper-slide .s_tx a:after {position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,.08);content:"";border-radius:50px;} .f_cont .kakao_ch .ch-box .swiper-slide .s_tx a:hover:after {border:1px solid rgba(0,0,0,.25);} .f_cont .kakao_ch .ch-box .swiper-slide .s_tx a span {position:relative;display:inline-block;font-size:16px;line-height:27px;z-index:2;color:#888;font-weight:600;padding-left:32px;line-height:40px;} .f_cont .kakao_ch .ch-box .swiper-slide .s_tx a span:before {content:'';position:absolute;top:50%;left:0;margin-top:-13px;width:27px;height:27px;background:url(../images/ico_kakao_ch.png) no-repeat 0 0/100%;} .f_cont .kakao_ch .ch-box .swiper-slide .s_tx a:hover span {color:#222;text-decoration:none;} .f_cont .kakao_ch .ch-box .swiper-slide .s_tx .cam_client {font-size:16px;line-height:27px;margin-top:10px;letter-spacing:-0.03em;font-weight:500;} .f_cont .kakao_ch .ch-box .swiper-slide .s_tx .cam_client span {display:inline-block;width:27px;height:27px;overflow:hidden;vertical-align:middle;margin-right:5px;border:1px solid #e5e5e5;border-radius:50%;text-align:center;} .f_cont .kakao_ch .ch-box .swiper-slide .s_tx .cam_client span img {width:100%;} .f_cont .kakao_ch .ch-box .fc_sw_button{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;} .f_cont .kakao_ch .ch-box .fc_sw_button .swiper-button-next, .f_cont .kakao_ch .ch-box .fc_sw_button .swiper-button-prev {width:30px;height:30px;background:transparent;margin-top:-15px;opacity:.8;} .f_cont .kakao_ch .ch-box .fc_sw_button .swiper-button-prev{background:url("../images/f_ch_slider_prev.png") no-repeat 50%/13px 20px;left:50%;margin-left:-375px;} .f_cont .kakao_ch .ch-box .fc_sw_button .swiper-button-next{background:url("../images/f_ch_slider_next.png") no-repeat 50%/13px 20px; right:50%;margin-right:-375px;} .f_cont .kakao_ch .ch-box .fc_sw_button .swiper-button-next.swiper-button-disabled, .f_cont .kakao_ch .ch-box .fc_sw_button .swiper-button-prev.swiper-button-disabled{opacity:.1;} footer { position:relative;background:#333; } footer .wrap { width:1300px; margin:0 auto; font-size:16px; line-height:1.5; color:#9b9b9b; letter-spacing:-0.03em; } footer .dkcenter {position:absolute;top:40px;left:0;z-index:1;} footer .dkcenter .dk {position:relative;width:149px;height:53px;background:url(../images/dk_logo.png) no-repeat 0 0/100%;text-indent:-9999px;} footer .dkcenter .t4 {position:absolute;left:180px;top:0;background:url(../images/f_t4.png) no-repeat 50% 0/41px 41px;} footer .dkcenter .t4 span {display:block;padding-top:40px;font-size:12px;} footer .bt_privacy {position:absolute;display:block;right:0;top:40px;color:#9b9b9b;z-index:1;border-bottom:1px solid #888;} footer .bt_top {position:absolute;display:block;right:22px;top:150px;width:52px;height:52px;background:rgba(0,0,0,.3) url(../images/f_top.png) no-repeat 50% 50%/20px 21px;z-index:1;text-indent:-9999px;} footer .f-txt {padding:132px 0 40px;} footer .f-txt i {display:inline-block;position:relative;width:26px;line-height:20px;text-indent:-999999px;} footer .f-txt i:after {content:'';display:block;position:absolute;left:50%;top:-12px;background:#626262;width:1px;height:12px;} /* popup */ html.on { height:100%; overflow:hidden; } .pu_bg { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8); z-index:98; display:none; } .pu { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:99; display:none; } .pu .p_con { position:relative; padding:30px; } .pu .bt_close { position:absolute; top:0; right:-60px; width:45px; height:44px; background:url(../images/pu_bt_close.png) no-repeat 0 0; text-indent:-9999px; } /*상담신청*/ .pu_counsel { width:650px; background:#fff;border-radius:3px;display:none; } .pu_counsel .p_con .p_inner {position:relative; } .pu_counsel .p_con h3 {display:block;font-size:24px;font-weight:700;letter-spacing:-0.03em;line-height:1;padding-bottom:8px;border-bottom:3px solid #608ffb;} .pu_counsel .p_con ul li {padding:5px 0;} .pu_counsel .p_con ul li:first-child {padding-top:10px;} .pu_counsel .p_con ul li dl {position:relative; clear:both;} .pu_counsel .p_con ul li dl:after {display: block; clear: both; content: '';} .pu_counsel .p_con ul li dl dt {width:20%;display:inline-block;float:left;font-size:18px;padding-top:10px;} .pu_counsel .p_con ul li dl dd {width:80%;display:inline-block;float:left;} .pu_counsel .p_con ul li dl dd input[type="text"], .pu_counsel .p_con ul li dl dd textarea {display:block;border:1px solid #cdcdcd;width:100%;font-size:16px;padding:10px;line-height:1.3} .pu_counsel .p_con .txt_area {border:1px solid #cdcdcd;padding:10px;} .pu_counsel .p_con .tbox {padding:10px;font-size:14px;height:60px;overflow-y:auto;} .pu_counsel .p_con .tbox .privacy_txt {position:relative;font-weight:300;} .pu_counsel .p_con .tbox .privacy_txt dl {margin-bottom:15px;} .pu_counsel .p_con .tbox .privacy_txt dl dt {font-size:18px;font-weight:700;color:#333;margin-bottom:15px;} .pu_counsel .p_con .tbox .privacy_txt dl dd {font-size:14px;color:#666;} .pu_counsel .p_con .tbox .privacy_txt dl dd span {display:block;padding-left:10px;} .pu_counsel .p_con .tbox .privacy_txt dl dd span:before {content:'·';position:absolute;left:0;top:0;} .pu_counsel .p_con .agree-box {position:relative;padding:20px 0;text-align:center;} .pu_counsel .p_con .agree-box span {display:inline-block;position:relative;padding-right:30px;} .pu_counsel .p_con .agree-box input[type="radio"] {display:none;} .pu_counsel .p_con .agree-box input[type="radio"] + label {position:relative;padding-left:32px;font-size:18px;letter-spacing:-1px;} .pu_counsel .p_con .agree-box input[type="radio"] + label:before {content:' '; display:block; width:22px; height:22px; position:absolute;left:0;top:-2px;border:2px solid #ddd;border-radius:50%; } .pu_counsel .p_con .agree-box input[type="radio"]:checked + label:before {border:2px solid #608ffb;z-index:1;} .pu_counsel .p_con .agree-box input[type="radio"]:checked + label:after {content:' '; display:block;left: 8px;top: 6px;background:#608ffb;width:10px;height:10px;border-radius:50%; position: absolute;} .pu_counsel .p_con .agree-box .bt-agree-info {display:block;position:absolute;left:504px;top:13px;border-bottom:1px solid #608ffb;padding-bottom:10px;} .pu_counsel .p_con .agree-box .bt-agree-info span {color:#333;font-size:18px;letter-spacing:-1px;} .pu_counsel .p_con .pu-bt-counsel {display:block;margin:0 auto;width:260px;line-height:60px;color:#fff;font-weight:600;font-size:24px;background:#608ffb;border-radius:50px;text-align:center;} .pu_counsel .btns a.bt_cancel {background:#333;border-bottom-right-radius:15px;} /*브랜디드 콘텐츠*/ .pu_branded_cont { width:650px; background:#fff;border-radius:5px;display:none; letter-spacing:-0.03em;} .pu_branded_cont h3 {display:block;font-size:36px;font-weight:700;letter-spacing:-0.05em;line-height:93px;height:110px;background:#608ffb;color:#fff;text-align:center;} .pu_branded_cont h3 span{position:absolute;top:28px;left:0;right:0;font-size:18px;color:rgba(255,255,255,.8);font-weight:300;letter-spacing:0;} .pu_branded_cont .p_con {padding:20px 30px;line-height:1.3;letter-spacing:-0.03em;} .pu_branded_cont .p_con p {position:relative;font-size:20px;padding-bottom:60px;font-weight:300;} .pu_branded_cont .p_con p span {display:block;float:right;color:#888;font-size:16px;padding-top:30px;} .pu_branded_cont .p_con table {width:100%;border-collapse:collapse;border-spacing:0;} .pu_branded_cont .p_con table th, .pu_branded_cont .p_con table td {font-size:20px;text-align:center;} .pu_branded_cont .p_con table th {line-height:40px;background:#333;color:#fff;} .pu_branded_cont .p_con table th:last-child {background:#ffd434;color:#333;} .pu_branded_cont .p_con table td {border-bottom:1px solid #cdcdcd;padding:18px 0;} .pu_branded_cont .p_con table td:nth-child(odd) {border-right:1px solid #cdcdcd;} .pu_branded_cont .p_con table td:nth-child(even) {font-weight:500;} /*개인정보약관*/ .pop-privacy {width:650px; background:#fff;border-radius:3px;display:none; } .pop-privacy h3 {display:block;font-size:36px;font-weight:700;letter-spacing:-0.05em;line-height:110px;background:#ffd434;text-align:center;} .pop-privacy .p_con {padding:20px;line-height:1.3;} .pop-privacy .p_con .txt_area {padding:10px 0;} .pop-privacy .p_con .tbox {padding:10px 10px 0 0;font-size:14px;height:600px;overflow-y:auto;} .pop-privacy .privacy_txt {position:relative;font-weight:300;} .pop-privacy .privacy_txt dl {margin-bottom:30px;} .pop-privacy .privacy_txt dl dt {font-size:22px;font-weight:700;color:#333;margin-bottom:15px;} .pop-privacy .privacy_txt dl dd {font-size:16px;color:#666;} .pop-privacy .privacy_txt dl dd span {display:block;padding-left:10px;} .pop-privacy .privacy_txt dl dd span:before {content:'·';position:absolute;left:0;top:0;} #scrollbar ::-webkit-scrollbar { width: 5px; height: 5px;} #scrollbar ::-webkit-scrollbar-track {background-color: rgba(0,0,0,0.1); border-radius: 5px;} #scrollbar ::-webkit-scrollbar-thumb { background-color: #cdcdcd; border-radius: 5px;} .ad_part {width:100%;display:flex;justify-content:space-between;padding:10px 20px;width:1300px;border:2px solid #f5f5f5;margin:10px auto 10px auto;box-sizing:border-box;} .ad_part .apart{height:250px;} .f_ad_part_wrapper {display:flex;height:250px;padding:40px 0 0 0;gap:0 20px;} /****************************************************************************************/ @media all and (max-width:1480px) { .mt_slider .swiper-button-next,.swiper-button-prev {display:none;} } @media all and (max-width:1024px) { #wrap { min-width:100%;max-width:calc(720/720*100vw);} header {min-width:100%;} header .wrap { width:100%; height:calc(50/720*100vw); line-height:calc(50/720*100vw); font-size:calc(25/720*100vw); letter-spacing:-0.03em;} header .wrap a{display:inline-block;text-indent:-99999px;background:url(../images/logo_daum.png) no-repeat 0 calc(20/720*100vw)/100%;width:calc(110/720*100vw);} .mt_slider {height:auto;} .mt_slider .swiper-slide {width:100%;min-width: 100% !important;} .mt_slider .swiper-slide img {width:calc(680/720*100vw);} .mt_slider .swiper-pagination {text-align:left;} .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {left:calc(20/720*100vw);} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 calc(5/720*100vw);} .mt_slider .swiper-pagination-bullet {width:calc(15/720*100vw);height:calc(15/720*100vw);} .mt_slider .swiper-pagination-bullet-active {width:calc(25/720*100vw);border-radius:calc(20/720*100vw);} .mt_slider .swiper-container-horizontal>.swiper-pagination-bullets {left:calc(20/720*100vw)} .mt_slider .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 calc(5/720*100vw);} .inner {position: relative;width:calc(680/720*100vw);margin:0 auto;} /* 진행중 캠페인*/ .ing_campaign {height: auto } .ing_campaign .inner {padding-top:calc(80/720*100vw);} .ing_campaign h2 {display:block;padding-left:calc(10/720*100vw);} .ing_campaign h2 span {display:inline-block;padding-left:calc(120/720*100vw);font-size:calc(30/720*100vw);letter-spacing:-0.02em;color:#888;} .ing_campaign h2 span:before {top:calc(-5/720*100vw);left:0;width:calc(110/720*100vw);height:calc(50/720*100vw);background-size:100%;} .ing_campaign h2 i {display:inline-block;font-size:calc(30/720*100vw);padding-left:calc(7/720*100vw);top:0;} .ing_campaign .controll {position: absolute; top: 80px; left:0; width:100%;z-index: 1} .ing_campaign .controll {top: calc(80/720*100vw); left:0; width:100%;} .ing_campaign .gslide .controll p:first-child span {display:none;} .ing_campaign .gslide .controll p:nth-child(2) {display:none;} .ing_campaign .gslide .controll > div {left:50%;margin-left:calc(180/720*100vw);top:calc(0/720*100vw);} .ing_campaign .gslide .controll > div > a.btn_stop, .ing_campaign .gslide .controll > div > a.btn_play, .ing_campaign .gslide .controll > div > a.btn_prev, .ing_campaign .gslide .controll > div > a.btn_next {width:calc(40/720*100vw); height:calc(40/720*100vw);} .ing_campaign .gslide .controll > div > a.btn_stop:before, .ing_campaign .gslide .controll > div > a.btn_play:before {background-size:calc(40/720*100vw);} .ing_campaign .gslide .move {position:relative;left:calc(0/720*100vw);margin-left:calc(0/720*100vw);width:100%;overflow:hidden;} .ing_campaign .gslide .move ul {padding:calc(40/720*100vw) 0;overflow:hidden;} .ing_campaign .gslide .move ul li {width:calc(320/720*100vw);height:auto;margin: 0 calc(10/720*100vw);} .ing_campaign .ing_list_area .ing_list > li > .li_thumbnail {width:100%;height:100%;} .ing_campaign .ing_list_area .ing_list > li > .tbox {padding:calc(10/720*100vw) calc(20/720*100vw);} .ing_campaign .ing_list_area .ing_list > li > .tbox h3 {height:calc(112/720*100vw);font-size:calc(30/720*100vw);-webkit-line-clamp:3;} .ing_campaign .ing_list_area .ing_list > li > .tbox .cam_date {font-size:calc(25/720*100vw);line-height:calc(30/720*100vw);letter-spacing:-0.038em;margin-top:calc(5/720*100vw);} .ing_campaign .ing_list_area .ing_list > li > .tbox .cam_date span {display:none;padding:calc(4/720*100vw) calc(15/720*100vw);font-size:calc(20/720*100vw);margin-right:calc(5/720*100vw);border-radius:20px;vertical-align:middle;} .ing_campaign .ing_list_area .ing_list > li > .tbox .cam_mtag {height:calc(50/720*100vw);background-size:100% 100%;margin-top:calc(20/720*100vw);} .ing_campaign .ing_list_area .ing_list > li > .tbox .cam_mtag .mtag_inner:before {top:calc(16/720*100vw);left: calc(10/720*100vw);width:calc(42/720*100vw);height:calc(24/720*100vw);} .ing_campaign .ing_list_area .ing_list > li > .tbox .cam_mtag .mtag_inner:after {display:none;} .ing_campaign .ing_list_area .ing_list > li > .tbox .cam_mtag .mtag_inner span {line-height:calc(48/720*100vw);padding:0 calc(20/720*100vw) 0 calc(60/720*100vw);font-size:calc(20/720*100vw);letter-spacing:-0.038em;} .ing_campaign .ing_list_area .ing_list > li > .tbox .cam_tag {display:block;padding:calc(10/720*100vw) 0 0;font-size:calc(20/720*100vw);height:calc(130/720*100vw);overflow:hidden;} .ing_campaign .ing_list_area .ing_list > li > .tbox .cam_tag span {padding-right:calc(8/720*100vw)} .ing_campaign .ing_list_area .ing_list > li > .cam_client {position:relative;bottom:auto;left:calc(20/720*100vw);font-size:calc(20/720*100vw);line-height:1.5;padding-bottom:calc(10/720*100vw);} .ing_campaign .ing_list_area .ing_list > li > .cam_client span {width:calc(27/720*100vw);height:calc(27/720*100vw);margin-right:calc(5/720*100vw);} .ing_campaign .ing_list_area .ing_list > li > .cam_ch {position:relative;bottom:auto;right:0;left:0;background:#fde800;text-align:center;} .ing_campaign .ing_list_area .ing_list > li > .cam_ch a span {position:relative;display:inline-block;font-size:calc(22/720*100vw);line-height:calc(50/720*100vw);padding-left:calc(40/720*100vw);color:#333;} .ing_campaign .ing_list_area .ing_list > li > .cam_ch a span:before {width:calc(37/720*100vw);height:calc(37/720*100vw);top:50%;margin-top:calc(-20/720*100vw);} /*집행사례*/ .case_list {position: relative; background:#edf2ff;} .case_list .inner {padding:calc(80/720*100vw) calc(10/720*100vw);} .case_list h2 span {padding-left:calc(120/720*100vw);font-size:calc(30/720*100vw);color:#888;} .case_list h2 span:before {top:calc(-5/720*100vw);left:0;width:calc(110/720*100vw);height:calc(50/720*100vw);background-size:100%;} .case_list h2 i {font-size:calc(30/720*100vw);padding-left:calc(7/720*100vw);top:0;} .case_list .search_wrap {position:relative;right:0;left:0;top:0;padding-top:calc(20/720*100vw);font-size:0;display:flex;justify-content:space-between;} .case_list .search_wrap .select_wrap {width: 23%;height:calc(60/720*100vw);background:#fff url(../images/search_arr.png) no-repeat calc(120/720*100vw) calc(23/720*100vw)/calc(15/720*100vw) calc(9/720*100vw);border-radius:calc(5/720*100vw);margin-right:0} .case_list .search_wrap .select_wrap select {width:100%;height:100%;padding:0 calc(20/720*100vw) 0 calc(10/720*100vw);font-size:calc(20/720*100vw)} .case_list .search_wrap input[type=text] {width:65%;height:calc(60/720*100vw);line-height:calc(60/720*100vw);padding:0 calc(15/720*100vw);font-size:calc(20/720*100vw);border-radius:calc(5/720*100vw);margin-right:0} .case_list .search_wrap .search_bt {width:10%;height:calc(60/720*100vw);font-size:calc(20/720*100vw);line-height:calc(60/720*100vw);border-radius:calc(5/720*100vw);} .case_list .search_wrap .search_bt span {display:block;position: relative;padding-left:0;} .case_list .search_wrap .search_bt span:before {display:none;} .case_list .list {margin-top:calc(20/720*100vw);margin-right:calc(-20/720*100vw);} .case_list .list li {width:calc(320/720*100vw);height:auto;margin:0 calc(20/720*100vw) calc(20/720*100vw) 0;/*padding-bottom:calc(20/720*100vw);*/} .case_list .list li .li_thumbnail{width:100%;height:calc(189/720*100vw);} .case_list .list li h3 {padding:calc(10/720*100vw) calc(20/720*100vw);font-size:calc(24/720*100vw);height:calc(94/720*100vw);-webkit-line-clamp:3;} .case_list .list li .cam_client {position:relative;padding-top:calc(20/720*100vw);bottom:0;left:calc(20/720*100vw);font-size:calc(20/720*100vw);line-height:1.5;} .case_list .list li .cam_client span {display:inline-block;width:calc(27/720*100vw);height:calc(27/720*100vw);margin-right:calc(5/720*100vw);} .case_list .list li .cam_client span.client_name {max-width: calc(100% - 6.84vw);} .case_list .list li .cam_client span img {width:95%;} .case_list .list li .cam_ch {position:relative;bottom:auto;right:0;left:0;background:#fde800;text-align:center;margin-top:calc(10/720*100vw);} .case_list .list li .cam_ch a span {position:relative;display:inline-block;font-size:calc(22/720*100vw);line-height:calc(60/720*100vw);padding-left:calc(40/720*100vw);color:#333;} .case_list .list li .cam_ch a span:before {width:calc(37/720*100vw);height:calc(37/720*100vw);top:50%;margin-top:calc(-20/720*100vw);} .case_list .bt_more a {padding:calc(15/720*100vw) calc(80/720*100vw);} .case_list .bt_more a span{padding-right:calc(44/720*100vw);font-size:calc(30/720*100vw);} .case_list .bt_more a span:after {right:calc(5/720*100vw);top:calc(3/720*100vw);width:calc(30/720*100vw);height:calc(30/720*100vw);background-size:100%;} .emoticon_list .inner {padding:calc(80/720*100vw) calc(10/720*100vw);} .emoticon_list h2 {font-size:calc(30/720*100vw);} .emoticon_list .list {margin-top:calc(20/720*100vw);margin-right:calc(-20/720*100vw);} .emoticon_list .list li{width:calc(320/720*100vw);height:auto;margin:0 calc(20/720*100vw) calc(20/720*100vw) 0;} .emoticon_list .list li .li_thumbnail{height:calc(240/720*100vw);} .emoticon_list .list li .tbox {margin:calc(10/720*100vw);height:calc(128/720*100vw);} .emoticon_list .list li .tbox .b_character {top:calc(15/720*100vw);width:calc(80/720*100vw);height:calc(140/720*100vw);text-align:center;} .emoticon_list .list li .tbox .b_character img {width:90%;max-width:90%;max-height:calc(140/720*100vw);} .emoticon_list .list li .tbox dl {margin:0 0 0 calc(80/720*100vw);padding-top:calc(10/720*100vw);} .emoticon_list .list li .tbox dl dt, .emoticon_list .list li .tbox dl dd {min-height:calc(24/720*100vw);font-size:calc(20/720*100vw);line-height:calc(26/720*100vw);} .emoticon_list .list li .tbox dl dt {width:calc(52/720*100vw);padding-left:calc(12/720*100vw);font-size:calc(18/720*100vw);} .emoticon_list .list li .tbox dl dt:before {top:calc(8/720*100vw);width:calc(3/720*100vw);height:calc(3/720*100vw);} .emoticon_list .list li .tbox dl dd {width:calc(100% - calc(52/720*100vw));} .emoticon_list .list li .cam_client {position:relative;padding-top:calc(20/720*100vw);bottom:0;left:calc(20/720*100vw);font-size:calc(20/720*100vw);line-height:1.5;} .emoticon_list .list li .cam_client span {display:inline-block;width:calc(27/720*100vw);height:calc(27/720*100vw);margin-right:calc(5/720*100vw);} .emoticon_list .list li .cam_client span img {width:95%;} .emoticon_list .list li .cam_ch {position:relative;bottom:auto;right:0;left:0;background:#fde800;text-align:center;margin-top:calc(10/720*100vw);} .emoticon_list .list li .cam_ch a span {position:relative;display:inline-block;font-size:calc(22/720*100vw);line-height:calc(60/720*100vw);padding-left:calc(40/720*100vw);color:#333;} .emoticon_list .list li .cam_ch a span:before {width:calc(37/720*100vw);height:calc(37/720*100vw);top:50%;margin-top:calc(-20/720*100vw);} .count {padding:calc(50/720*100vw) 0;} .count span {line-height:1.3;height:auto;font-size:calc(30/720*100vw);} .count span i {font-size:calc(36/720*100vw);} .count span:first-child {padding-left:calc(95/720*100vw);} .count span:first-child:before {margin-top:calc(-22/720*100vw);width:calc(90/720*100vw);height:calc(50/720*100vw);background-size:100%;} .count span:last-child {display:block;padding-left:calc(10/720*100vw);} .f_cont .news {padding:calc(60/720*100vw) calc(10/720*100vw);width:100%;} .f_cont .news h3 {font-size:calc(30/720*100vw);} .f_cont .news .n-wrap {margin-top:calc(20/720*100vw);width:calc(680/720*100vw);height:calc(162/720*100vw);} .f_cont .news .n-wrap .swiper {height:calc(172/720*100vw);} .f_cont .news .n-wrap .swiper-wrapper {height:calc(44/720*100vw);} .f_cont .news .n-wrap .swiper-slide {height:calc(44/720*100vw);} .f_cont .news .n-wrap .swiper-slide a {font-size:calc(24/720*100vw);padding-left:calc(14/720*100vw);} .f_cont .news .n-wrap .swiper-slide a:before {top:calc(9/720*100vw);width:calc(3/720*100vw);height:calc(3/720*100vw);} .f_cont .service {position:relative;left:0;top:0;padding-top:calc(30/720*100vw);margin-top:calc(30/720*100vw);border-top:1px solid #e5e5e5;} .f_cont .service ul:after {display: block; clear: both; content: '';} .f_cont .service ul li {width:33.33%;float:left;background-size:calc(150/720*100vw) calc(150/720*100vw);} .f_cont .service ul li a{padding-top:calc(160/720*100vw);font-size:calc(24/720*100vw);} .f_cont .kakao_ch {height:calc(200/720*100vw);margin-top:calc(80/720*100vw);max-width:100%;overflow:hidden;} .f_cont .kakao_ch .tx {left:calc(10/720*100vw);height:calc(200/720*100vw);width:45%;background-size:calc(165/720*100vw);background-position:right bottom;} .f_cont .kakao_ch .tx h3 {margin-top:calc(46/720*100vw);font-size:calc(38/720*100vw);} /*.f_cont .kakao_ch .tx h3 span {display:block;}*/ .f_cont .kakao_ch .tx h3 span:first-child {/*padding:0 0 calc(5/720*100vw) ;*/padding-right:calc(10/720*100vw)} .f_cont .kakao_ch .tx p {margin-top:calc(10/720*100vw);font-size:calc(20/720*100vw);} .f_cont .kakao_ch .ch-box {top:calc(30/720*100vw);right:calc(30/720*100vw);width:45%;} .f_cont .kakao_ch .ch-box .swiper-slide {height:auto;} .f_cont .kakao_ch .ch-box .swiper-slide .s_tx{margin-top:calc(20/720*100vw);} .f_cont .kakao_ch .ch-box .swiper-slide .s_tx a{width:calc(100% - calc(50/720*100vw));border-radius:calc(50/720*100vw);line-height:calc(60/720*100vw);} .f_cont .kakao_ch .ch-box .swiper-slide .s_tx a span {font-size:calc(24/720*100vw);line-height:calc(27/720*100vw);padding-left:calc(32/720*100vw);line-height:calc(40/720*100vw);} .f_cont .kakao_ch .ch-box .swiper-slide .s_tx a span:before {margin-top:calc(-13/720*100vw);width:calc(27/720*100vw);height:calc(27/720*100vw);} .f_cont .kakao_ch .ch-box .swiper-slide .s_tx .cam_client {font-size:calc(20/720*100vw);line-height:calc(27/720*100vw);margin-top:calc(10/720*100vw);margin-bottom:calc(20/720*100vw);} .f_cont .kakao_ch .ch-box .swiper-slide .s_tx .cam_client span {display:inline-block;width:calc(27/720*100vw);height:calc(27/720*100vw);margin-right:calc(5/720*100vw);} .f_cont .kakao_ch .ch-box .fc_sw_button .swiper-button-next, .f_cont .kakao_ch .ch-box .fc_sw_button .swiper-button-prev {width:calc(60/720*100vw);height:calc(60/720*100vw);margin-top:calc(-30/720*100vw);background-position: 50%;background-size:calc(13/720*100vw) calc(20/720*100vw);display:block;} .f_cont .kakao_ch .ch-box .fc_sw_button .swiper-button-prev{margin-left:calc(-210/720*100vw);} .f_cont .kakao_ch .ch-box .fc_sw_button .swiper-button-next{margin-right:calc(-210/720*100vw);} footer .wrap { width:calc(660/720*100vw); font-size:calc(20/720*100vw); line-height:1.5;} footer .dkcenter {top:calc(40/720*100vw);} footer .dkcenter .dk {width:calc(206/720*100vw);height:calc(77/720*100vw);background-size:100%;} footer .dkcenter .t4 {top:calc(105/720*100vw);left:calc(200/720*100vw);background-size:calc(34/720*100vw);background-position:0;} footer .dkcenter .t4 span {padding-top:calc(5/720*100vw);padding-left:calc(40/720*100vw);font-size:calc(16/720*100vw)} footer .bt_privacy {display:inline-block;top:calc(140/720*100vw);left:0;right:auto;font-size:calc(24/720*100vw);;} footer .bt_top {right:0;top:calc(40/720*100vw);width:calc(80/720*100vw);height:calc(80/720*100vw);background-size:calc(34/720*100vw);} footer .f-txt {padding:calc(215/720*100vw) 0 calc(40/720*100vw);} footer .f-txt i {width:calc(26/720*100vw);line-height:calc(20/720*100vw);} footer .f-txt i:after {top:calc(-15/720*100vw);height:calc(16/720*100vw);} /* popup */ html.on { height:100%; overflow:hidden; } .pu .p_con {padding:calc(30/720*100vw); } .pu .bt_close { top:calc(-55/720*100vw); right:0; width:calc(55/720*100vw); height:calc(50/720*100vw);background-size:100%;} /*상담신청*/ .pu_counsel { width:90%;} .pu_counsel .p_con h3 {font-size:calc(30/720*100vw);padding-bottom:calc(8/720*100vw);} .pu_counsel .p_con ul li {padding:calc(5/720*100vw) 0;} .pu_counsel .p_con ul li:first-child {padding-top:calc(10/720*100vw);} .pu_counsel .p_con ul li dl dt {font-size:calc(28/720*100vw);padding-top:calc(10/720*100vw);} .pu_counsel .p_con ul li dl dd input[type="text"], .pu_counsel .p_con ul li dl dd textarea {font-size:calc(28/720*100vw);padding:calc(10/720*100vw);letter-spacing:-0.03em;} .pu_counsel .p_con .txt_area {padding:calc(10/720*100vw);} .pu_counsel .p_con .tbox {padding:calc(10/720*100vw);font-size:calc(20/720*100vw);height:calc(80/720*100vw);} .pu_counsel .p_con .tbox .privacy_txt dl {margin-bottom:calc(15/720*100vw);} .pu_counsel .p_con .tbox .privacy_txt dl dt {font-size:calc(20/720*100vw);margin-bottom:calc(15/720*100vw);} .pu_counsel .p_con .tbox .privacy_txt dl dd {font-size:calc(18/720*100vw);} .pu_counsel .p_con .tbox .privacy_txt dl dd span {padding-left:calc(10/720*100vw);} .pu_counsel .p_con .agree-box {padding:calc(30/720*100vw) 0;} .pu_counsel .p_con .agree-box span {padding-right:calc(30/720*100vw);} .pu_counsel .p_con .agree-box input[type="radio"] + label {padding-left:calc(50/720*100vw);font-size:calc(30/720*100vw);} .pu_counsel .p_con .agree-box input[type="radio"] + label:before {width:calc(34/720*100vw); height:calc(34/720*100vw);top:calc(-2/720*100vw);} .pu_counsel .p_con .agree-box input[type="radio"]:checked + label:after {left: calc(10/720*100vw);top: calc(8/720*100vw);width:calc(20/720*100vw);height:calc(20/720*100vw);} .pu_counsel .p_con .agree-box .bt-agree-info {left:calc(504/720*100vw);top:calc(13/720*100vw);padding-bottom:calc(20/720*100vw);} .pu_counsel .p_con .agree-box .bt-agree-info span {font-size:calc(20/720*100vw);} .pu_counsel .p_con .bt-counsel {width:calc(300/720*100vw);line-height:calc(80/720*100vw);font-size:calc(36/720*100vw);} /*브랜디드 콘텐츠*/ .pu_branded_cont { width:90%; border-radius:calc(3/720*100vw);} .pu_branded_cont h3 {position:relative;font-size:calc(36/720*100vw);height:calc(110/720*100vw);line-height:calc(93/720*100vw)} .pu_branded_cont h3 span{top:calc(33/720*100vw);font-size:calc(20/720*100vw);} .pu_branded_cont .p_con {padding:calc(20/720*100vw);} .pu_branded_cont .p_con p {font-size:calc(24/720*100vw);padding-bottom:calc(60/720*100vw);} .pu_branded_cont .p_con p span {font-size:calc(18/720*100vw);padding-top:calc(30/720*100vw);} .pu_branded_cont .p_con table th, .pu_branded_cont .p_con table td {font-size:calc(24/720*100vw);} .pu_branded_cont .p_con table th {line-height:calc(40/720*100vw);} .pu_branded_cont .p_con table td {border-bottom:1px solid #cdcdcd;padding:calc(20/720*100vw) 0;} /*개인정보약관*/ .pop-privacy { width:90%; border-radius:calc(3/720*100vw);} .pop-privacy .p_con {padding:calc(20/720*100vw) calc(8/720*100vw) calc(20/720*100vw) calc(20/720*100vw);} .pop-privacy h3 {font-size:calc(36/720*100vw);line-height:calc(110/720*100vw);} .pop-privacy .p_con .txt_area {padding:calc(10/720*100vw) 0 0 calc(10/720*100vw);} .pop-privacy .p_con .tbox {padding:0;font-size:calc(14/720*100vw);height:calc(650/720*100vw);} .pop-privacy .privacy_txt dl {margin-bottom:calc(30/720*100vw);} .pop-privacy .privacy_txt dl dt {font-size:calc(24/720*100vw);margin-bottom:calc(15/720*100vw);} .pop-privacy .privacy_txt dl dd {font-size:calc(22/720*100vw);} .pop-privacy .privacy_txt dl dd span {padding-left:calc(10/720*100vw);} } /*pop 임시 241220*/ .popup_award {position:fixed;display:none;left:10%;top:100px;z-index:99;} .popup_award > .pop_btns {background-color:rgba(0,0,0,1);padding:7px 10px;box-sizing:border-box;width:100%;text-align:right;color:#FFFFFF;font-size:14px;cursor:pointer;} .pop_content.pop_btns {padding:0 !important;} .popup_award > .pop_btns input[type='checkbox']{vertical-align:baseline;margin-top:-1px;} @media all and (max-width:768px) { .popup_award {left:50%;transform:translateX(-50%); top:10vw;} .pop_content {width:75vw !important;} .pop_content img {width:100%;} .popup_award > .pop_btns {font-size:0.6em;} .ad_part {width:100%;} .ad_part .apart{width:100%;} .f_ad_part_wrapper {display:flex;flex-direction:column;height:auto;padding:40px 0 0 0;gap:10px 0;align-items:center;} }