@charset "utf-8";

/*************************************************
	웹폰트 지정 :Noto Sans KR
*************************************************/
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);*/

/************************************************************
	CSS RESET
************************************************************/
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:before, :after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, main, section {display:block;}

strong {font-weight:600;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
address, em, cite {font-style:normal;}
time {display:inline-block;}
hr {height:0;}
.hid {width:0 !important;height:0 !important;position:absolute !important;left:0 !important;font-size:0 !important;text-indent:-999px !important;}
mark {background:none;}
table {border-collapse:collapse;border-spacing:0;table-layout:fixed;}
td {word-break:break-all;}
caption,
legend {width:0;height:0;line-height:0;font-size:0;overflow:hidden;visibility:hidden;}
label {cursor:pointer;vertical-align:middle;}
img {border:0;vertical-align:top;}
::-webkit-input-placeholder {color:#a9a9a9;}
:-moz-placeholder {color:#a9a9a9;}
::-moz-placeholder {color:#a9a9a9;opacity:0.5;}
:-ms-input-placeholder {color:#a9a9a9;}
.placeholder {color:#a9a9a9;}


/************************************************************
	FORMS
************************************************************/
input {width:100%;margin:0 auto;font-family:"Noto Sans KR", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;vertical-align:middle;outline:none;-webkit-appearance:none;-moz-appearance:button;appearance:button;}
input::-moz-focus-inner {padding:0;border:0;}
input::-ms-clear {display:none;}
input::-webkit-contacts-auto-fill-button {display:none !important;position:absolute;right:0;pointer-events:none;visibility:hidden;}
input::-webkit-autofill {-webkit-box-shadow:0 0 0px 1000px white inset;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {margin:0;-webkit-appearance:none;}
input[type="checkbox"],
input[type="radio"] {width:18px !important;height:18px !important;padding:0;position:relative;vertical-align:middle;}

select {width:100%;margin:0 auto;font-family:"Noto Sans KR", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;vertical-align:middle;text-transform:none;outline:none;-webkit-appearance:none;-moz-appearance:button;appearance:button;}
select::-ms-expand {display:none;background:transparent;border:0;color:transparent;}

textarea {width:100%;margin:0 auto;font-family:"Noto Sans KR", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;outline:none;-webkit-appearance:none;-moz-appearance:button;appearance:button;overflow:auto;}

button {margin:0;padding:0;border:none;background:none;text-transform:none;outline:none;-webkit-appearance:button;cursor:pointer;overflow:visible;}
html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button;cursor:pointer;}
button::-moz-focus-inner {padding:0;border:0;}

optgroup {font-weight:bold;}

input:focus,
select:focus,
textarea:focus,
input.correct {border-color:#189ce0 !important;background-color:#fffabd !important;}
input.incorrect {border-color:#ee2265 !important;background-color:#f0cbd7 !important;}
html input[disabled],
input[readonly],
input[disabled],
select[readonly],
select[disabled],
textarea[readonly],
textarea[disabled],
button[disabled] {border-color:#ddd !important;background-color:#eee !important;color:#bbb !important;cursor:default;}
button[disabled]:before {color:#bbb;}


/************************************************************
	COMMON
************************************************************/
a {background:transparent;color:#00bdcd;text-decoration:none;outline:none;}
a:active,
a:hover {outline:none;-webkit-transition:color .12s ease-out;transition:color .12s ease-out;}

html {height:100%;font-size:100%;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body {height:100%;line-height:1.42857143;margin:0;padding:0;background-color:#f6f7fa;color:#333;font-family:"Noto Sans KR","Microsoft Yahei","微软雅黑",宋体,SimSun,STXihei,"华文细黑",sans-serif;font-size:14px;-webkit-text-size-adjust:none;}

/*** mobile ***/
@media (max-width:768px) {
	img {width:100%;}
}


/*************************************************
	COMMON LAYOUT
*************************************************/
#landingWrap {width:100%;position:relative;background-color:#fff;}
#landingWrap:before,
#landingWrap:after {content:'';display:table;}
#landingWrap:after {clear:both;}

.landing-slider-wrap {margin:0 0 20px 0;position:relative;}
.landing-video-wrap,
.landing-video-wrap02 {margin:0 0 20px 0;}
.landing-btn-wrap {width:100%;margin:0 0 20px 0;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex;}
.landing-cont-wrap {padding:0 20px 20px 20px;}

/****** CPE / CPV+YT / CPV+FB ******/
/*** mobile & tablet ***/
@media (max-width:768px) {
	#landingWrap {margin:0 auto;padding:0;border:none;}
	.landing-btn-wrap {padding:0 15px;}
	.landing-cont-wrap {padding:0 15px 20px 15px;}
}
/*** desktop ***/
@media (min-width:769px) {
	#landingWrap {max-width:729px;margin:20px auto;padding:30px;border:1px solid #efefef;}
	.landing-cont-wrap {padding:0;}
}

/****** CPA+DB ******/
#landingWrap.page-cpadb {min-height:100%;}
.page-cpadb .landing-container {margin-right:310px;}
.page-cpadb .landing-cont {float:left;width:100%;margin-right:-1px;position:relative;overflow:hidden;}
.page-cpadb .landing-form-wrap {float:right;width:310px;margin-right:-309px;position:relative;background-color:#dcf3ff;border-radius:5px;}

/*** mobile ***/
@media (max-width:768px) {
	#landingWrap.page-cpadb {margin:0 auto;border:none;}
	.page-cpadb .landing-container {margin-right:0;}
	.page-cpadb .landing-cont {float:none;margin-right:0;}
	.page-cpadb .landing-form-wrap {float:none;width:100%;margin-right:0;border-radius:0;}
}
/*** tablet ***/
@media (min-width:769px) and (max-width:1024px) {
	#landingWrap.page-cpadb {max-width:100%;margin:0 auto;padding:30px;border:none;}
	.page-cpadb .landing-cont {padding-left:10px;padding-right:40px;}
	.page-cpadb .landing-slider-wrap {margin:0;}
	.page-cpadb .landing-cont-wrap {padding:10px 0;}
}
/*** desktop ***/
@media (min-width:1025px) {
	#landingWrap.page-cpadb {max-width:100%;margin:0 auto;padding:30px;border:none;}
	.page-cpadb .landing-cont {padding-left:10px;padding-right:40px;}
	.page-cpadb .landing-slider-wrap {margin:0;}
	.page-cpadb .landing-cont-wrap {padding:10px 0;}
}
@media (min-width:1100px) {
	#landingWrap.page-cpadb {max-width:1043px;margin:20px auto;border:1px solid #efefef;}
}


/*************************************************
	FACEBOOK BOOKMARK
*************************************************/
.bnr-facebook {line-height:1.42857143;padding:11px 15px 11px 45px;position:relative;background-color:#4267b2;color:#fff;overflow:hidden;}
.bnr-facebook:before {content:'';width:32px;height:32px;position:absolute;top:5px;left:8px;background-image:url(../img/bg_themeicon_sprite.png);background-repeat:no-repeat;background-position:-32px -288px;background-size:640px auto;}
.bnr-facebook .btn-wrap {position:absolute;top:7px;right:7px;}
.bnr-facebook .txt-marquee {position:relative;overflow:hidden;}
.bnr-facebook .txt-marquee p {width:100%;height:100%;margin:0;}

/*** mobile ***/
@media (max-width:650px) {
	.bnr-facebook .txt-marquee p {-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%);-webkit-animation:marquee 10s linear infinite;animation:marquee 10s linear infinite;}
}
@media (max-width:360px) {
	.bnr-facebook {padding-left:15px;}
	.bnr-facebook:before {display:none;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.bnr-facebook:before {background-image:url(../img/bg_themeicon_sprite@2x.png);}
}

@-webkit-keyframes marquee {
	0%   {-moz-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);}
	100% {-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);}
}
@keyframes marquee {
	0%   {-moz-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);}
	100% {-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);}
}


/*************************************************
	SLIDER
*************************************************/
.swiper-wrapper {position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.swiper-slide {width:100%;position:relative;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;font-size:0;line-height:0;}
.swiper-slide:after {content:'';width:0.01%;height:100%;margin-right:-4px;display:inline-block;vertical-align:middle;}
.swiper-slide img {vertical-align:middle;}
.swiper-pagination {text-align:center;}
.swiper-pagination-bullet {width:20px;height:14px;display:inline-block;position:relative;cursor:pointer;}
.swiper-pagination-bullet:before {content:'';width:4px;height:4px;margin:-2px;display:block;position:absolute;top:50%;left:50%;background-color:#999;border-radius:50px;}
.swiper-pagination-bullet-active:before {background-color:#000;}
.swiper-btn-next,
.swiper-btn-prev {width:52px;height:100%;position:absolute;top:0;}
.swiper-btn-prev {left:10px;}
.swiper-btn-next {right:10px;}
.swiper-btn-next:before,
.swiper-btn-prev:before,
.swiper-btn-next:after,
.swiper-btn-prev:after {content:'';width:30px;height:30px;margin:-15px;display:block;position:absolute;top:50%;left:50%;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);cursor:pointer;z-index:2;}
.swiper-btn-next:after,
.swiper-btn-prev:after {margin:-15px;z-index:1;}
.swiper-btn-prev:before {border-right:1px solid rgba(255,255,255,0.9);border-top:1px solid rgba(255,255,255,0.9);}
.swiper-btn-prev:after {border-right:3px solid rgba(0,0,0,0.1);border-top:3px solid rgba(0,0,0,0.1);}
.swiper-btn-next:before {border-left:1px solid rgba(255,255,255,0.9);border-bottom:1px solid rgba(255,255,255,0.9);}
.swiper-btn-next:after {border-left:3px solid rgba(0,0,0,0.1);border-bottom:3px solid rgba(0,0,0,0.1);}

.landing-slider {overflow:hidden;}
.landing-slider-wrap img {width:100%;}


/*************************************************
	VIDEO
*************************************************/
.landing-video-wrap {height:0;padding-top:30px;padding-bottom:56.25%;position:relative;overflow:hidden;}
.landing-video-wrap iframe,
.landing-video-wrap object,
.landing-video-wrap embed {width:100%;height:100%;position:absolute;top:0;left:0;}
.landing-video-wrap02 {line-height:0;}


/*************************************************
	CONTENT
*************************************************/
.landing-cont-wrap .tit {line-height:140%;margin-bottom:10px;color:#333;font-size:28px;font-weight:200;}
.landing-cont-wrap .cont {line-height:170%;margin-top:20px;color:#666;font-size:15px;word-break:break-all;}
.landing-cont-wrap .cont h3 {line-height:1.42857143;margin:25px 0 10px;padding:5px 12px 5px 25px;display:block;position:relative;border-radius:100px;background-color:#0fbea8;color:#fff;font-size:16px;word-wrap:normal;white-space: nowrap; text-overflow:ellipsis;overflow:hidden;}
.landing-cont-wrap .cont h3:before {content:'';width:7.5px;height:7.5px;margin:-3.5px;display:inline-block;position:absolute;top:50%;left:15px;border-radius:100px;background-color:rgba(255,255,255,.6); }
.landing-cont-wrap .cont a {word-wrap:break-word;word-break:break-word;}
.landing-cont-wrap .cont-guide {margin:10px 0;padding:20px 15px 20px 140px;position:relative;border-radius:3px;background-color:#f6f7fa;}
.landing-cont-wrap .cont-guide:before {content:'';width:96px;height:96px;margin:-48px 0;padding-right:106px; display:block;position:absolute;top:50%;left:10px;border-right:1px solid #e0e4e9;background-image:url(../img/bg_themeicon_sprite.png);background-repeat:no-repeat;background-position:0 -192px;background-size:640px auto;}
.landing-cont-wrap .cont-guide h2.tit {margin-bottom:5px;display:block;color:#0fbea8;font-size:18px !important;font-weight:400;}
.landing-cont-wrap .cont-guide p {line-height:170%;padding-left:0;display:block;position:relative;list-style:none;color:#485b6e;font-size:14px;}

/**내용 접기/펴기 **/
.btn-display {width:100%;padding:10px 0;text-align:center;overflow:hidden;}
.btn-display .btn-open {width:100%;line-height:1.42857143;padding:10px 0 9px;display:block;position:relative;background-color:#f3f3f3;border:1px solid #dfdfdf;color:#555;font-size:15px;font-weight:300;text-align:center;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;border-radius:3px;-webkit-transition:all 0.12s linear 0s;-moz-transition:all 0.12s linear 0s;transition:all 0.12s linear 0s;overflow:hidden;}
.btn-display .btn-open i {width:8px;height:0;display:inline-block;}
.btn-display .btn-open i:after,
.btn-display .btn-open i:before,
.btn-display .btn-open.hide i:after,
.btn-display .btn-open.hide i:before {content:'';width:1px;height:8px;display:inline-block;position:relative;top:-1px;background-color:#9a9a9a;}
.btn-display .btn-open i:after {right:-5px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);}
.btn-display .btn-open i:before {right:-1px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
.btn-display .btn-open.hide i:after {right:-5px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg);}
.btn-display .btn-open.hide i:before {right:-1px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);transform:rotate(-135deg);}

/*** mobile ***/
@media (max-width:767px) {
	.landing-cont-wrap .tit {font-size:22px;}
	.landing-cont-wrap .cont h3 {margin:25px 0 10px;}
	.landing-cont-wrap .cont-guide {padding:15px;}
	.landing-cont-wrap .cont-guide:before {display:none;}
	.page-cpadb .landing-cont-wrap .cont {max-height:0;-webkit-transition:max-height 0.5s;-moz-transition:max-height 0.5s;transition:max-height 0.5s;overflow:hidden;}
	.page-cpadb .landing-cont-wrap .cont.show {max-height:4000px;}
}
/*** desktop ***/
@media (min-width:768px) {
	.landing-cont-wrap .cont {max-height:none;}
	.btn-display {display:none;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.landing-cont-wrap .cont-guide:before {background-image:url(../img/bg_themeicon_sprite@2x.png);}
}


/*************************************************
	텐핑콜 
*************************************************/
.landing-TPcall {float:right;width:310px;margin-right:-309px;margin-bottom:10px;position:relative;background-color:#f1f2f6;border-radius:5px;}

.landing-TPcall .cont-call {padding:15px}
.landing-TPcall .cont-call  .tit {font-size:21px; font-weight:300;}
.landing-TPcall .cont-call .call-num {font-size:28px; font-weight:500;}
.landing-TPcall .cont-call  .txt-type {width:100%;position:relative;color:#777;font-size:13px;word-break:break-all;padding:15px 0 0px;}
.landing-TPcall .cont-call  .tit.s1 {color:#333;font-size:15px;word-break:break-all;padding:10px 0 15px; font-weight:300; }
.landing-TPcall.num .btn-refer {margin:17px 0;padding:4px 8px;display:block;position:absolute;top:0;right:15px;border:1px solid #44658d;border-radius:30px;color:#44658d;font-size:12px;letter-spacing:-1px;text-align:center;white-space:nowrap;overflow:hidden;}
.landing-TPcall.num .btn-refer:hover {background-color:#44658d;color:#fff;}

/**전화번호 발급받기 **/
.btn-action.call {width:100%;line-height:1.42857143;padding:10px 0 8px;display:block;border-width:1px;border-style:solid;border-color:#0fbea8;border-radius:3px;background-color:#0fbea8;color:#fff;font-size:16px;text-align:center;}
.btn-action.call:not(button) {padding:8.5px 0 9.5px;}
.btn-action.call:hover {background-color:#17ceb7;border-color:#17ceb7;}
.btn-action.call:focus {background-color:#20baa6;border-color:#20baa6;}
.btn-action.call[disabled] {background-color:rgba(0,189,205,.25) !important;border-color:rgba(0,189,205,0) !important;color:rgba(0,0,0,.2) !important;pointer-events:none;cursor:default;}

/**전화로 상담하기-모바일  **/
.landing-TPcall.num-m {display:none;}


@media (max-width:768px) {
	.landing-TPcall {float:none;clear: both; width:100%; margin:0 0 15px;border-radius:0px;}
	.landing-TPcall .cont-call {padding:15px}
	.landing-TPcall .cont-call  .tit.s1 {font-size:15px;}
	.landing-TPcall.num.maketer {display: block; float:none; width:100%; margin:10px 0;}
	.landing-TPcall.num{display: none;}
    
	/**전화로 상담하기-모바일  **/
	.landing-TPcall.num-m {display:block;}
	.btn-action.counsel {width:100%;line-height:1.42857143;padding:15px 10px 13px 30px;position: relative; display:block;border-width:1px;border-style:solid;border-color:#0fbea8;border-radius:3px;background-color:#0fbea8;color:#fff;font-size:16px; font-weight:300; text-align:center;}
	.btn-action.counsel:before {content:'';width:40px;height:40px;margin:0 auto;margin-left:-100px;margin-top:-20px; display:block;position:absolute;top:50%;left:50%;background-image:url(../img/icon_TPcall@2x.png);background-repeat:no-repeat;background-position:0 0;background-size:40px auto;}
	.btn-action.counsel:not(button) {padding:8.5px 0 9.5px;}
	.btn-action.counsel:hover {background-color:#17ceb7;border-color:#17ceb7;}
	.btn-action.counsel:focus {background-color:#20baa6;border-color:#20baa6;}
	.btn-action.counsel[disabled] {background-color:rgba(0,189,205,.25) !important;border-color:rgba(0,189,205,0) !important;color:rgba(0,0,0,.2) !important;pointer-events:none;cursor:default;}
	.btn-action.counsel span{text-align: left;display: inline-table;}
	.btn-action.counsel span em {font-size:18px;}
}
/*************************************************
	FORM
*************************************************/
.landing-form-wrap .landing-form-header {padding:17px 0;position:relative;border-bottom:1px solid #cde8f6;}
.landing-form-wrap .landing-form-header h1.tit {line-height:1.42857143;margin:0;padding:0 0 0 15px;color:#333;font-size:21px;font-weight:300;}
.landing-form-wrap .landing-form-header .btn-refer {margin:-13px 0;padding:4px 8px;display:block;position:absolute;top:50%;right:15px;border:1px solid #44658d;border-radius:30px;color:#44658d;font-size:12px;letter-spacing:-1px;text-align:center;white-space:nowrap;overflow:hidden;}
.landing-form-wrap .landing-form-header .btn-refer:hover {background-color:#44658d;color:#fff;}

.landing-form-wrap .txt-type {width:100%;padding:5px 0 5px 15px;position:relative;color:#777;font-size:13px;word-break:break-all;}
fieldset {width:100%;padding:0 15px;}

/* form comnmon */
.form-group {width:100%;margin:8px 0;display:inline-block;}
.form-group h3.tit {width:100%;line-height:1.42857143;margin:0 0 4px;padding:2px 0 8px;display:inline-block;border-bottom:1px solid rgba(0,0,0,.1);color:#333;font-size:14px;}
.form-label {line-height:1.42857143;margin-right:0px;padding:2px 0 0 0;display:inline-block;color:#333;font-size:14px;}
.descr {display:inline-block;position:relative;top:1.5px;color:#999;font-size:12px;}
.controls {margin-top:4px;position:relative;}
/* form input */
.form-control {line-height:1.42857143;padding:9px 8px;display:block;position:relative;background-color:#fff;border-width:1px;border-style:solid;border-color:#ddd;border-radius:3px;font-size:14px;color:#333;z-index:2;-webkit-transition:background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;}
/* form select */
.controls.controls-select:before {content:'';width:0;height:0;margin-top:-3px;position:absolute;top:50%;right:15px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #333;z-index:3;}
.controls.controls-select.controls-disabled:before {border-top:7px solid #ddd;}
.form-error .controls.controls-select:before {border-top:7px solid #ff613d;}
/*form textarea */
textarea.form-control {height:100px;}
/* form checkbox, radio */
.form-check {width:100%;margin:4px 0;display:inline-block;}
.checkbox label,
.radio label {line-height:1.42857143;margin:0 0 3px 0;padding-left:25px;display:inline-block;cursor:pointer;position:relative;font-size:14px;color:#333;transition:border 0.2s linear 0s, color 0.2s linear 0s;}
.checkbox label:before,
.radio label:before {width:18px;height:18px;content:'';display:inline-block;position:absolute;left:0px;top:2px;-webkit-transition:border 0.2s linear 0s, color 0.2s linear 0s;-moz-transition:border 0.2s linear 0s, color 0.2s linear 0s;transition:border 0.2s linear 0s, color 0.2s linear 0s;}
.radio label:before {border-radius:100px;}
.checkbox label:before {border-radius:3px;}
.radio label:after,
.checkbox label::after {width:16px;height:16px;margin-top:-7px;display:inline-block;position:absolute;top:50%;-webkit-transition:border 0.2s linear 0s, color 0.2s linear 0s;-moz-transition:border 0.2s linear 0s, color 0.2s linear 0s;transition:border 0.2s linear 0s, color 0.2s linear 0s;}
.radio label:after {content:'';left:1px;font-size:13px;text-align:center;-o-transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);border-radius:100px;}
.checkbox label::after {left:3.2px;font-size:11px;}
.radio input[type=radio],
.checkbox input[type=checkbox] {display:none;}
.radio input[type=radio][disabled]+label,
.checkbox input[type=checkbox][disabled]+label {color:#bbb !important;}
.radio input[type=radio]+label:before,
.checkbox input[type=checkbox]+label:before {background-color:#fff;border:1px solid #ddd;}
.radio input[type=radio]:checked+label:before,
.checkbox input[type=checkbox]:checked+label:before {border:1px solid #263c5c;}
.checkbox input[type=checkbox]:checked+label:before {background-color:#fff;}
.radio input[type=radio][disabled]+label:before,
.checkbox input[type=checkbox][disabled]+label:before {background-color:#eee !important;border:1px solid #ddd !important;}
.radio input[type=radio][disabled]:checked+label:before,
.checkbox input[type=checkbox][disabled]:checked+label:before {background-color:#eee !important;border:1px solid #ddd !important;}
.radio input[type=radio]+label:after {background-color:#f3f3f3;}
.radio input[type=radio]:checked+label:after {background-color:#263c5c;-o-transform:scale(0.63);-ms-transform:scale(0.63);-moz-transform:scale(0.63);-webkit-transform:scale(0.63);transform:scale(0.63);-o-transition:-o-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);-ms-transition:-ms-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);-moz-transition:-moz-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);-webkit-transition:-webkit-transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);-o-transition:transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);-ms-transition:transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);-moz-transition:transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);-webkit-transition:transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);transition:transform 0.1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);}
.radio input[type=radio][disabled]+label:after {background-color:#f7f7f7 !important;}
.radio input[type=radio][disabled]:checked+label:after {background-color:#bbb !important;}
.checkbox input[type=checkbox]+label::after {content:'';width:32px;height:32px;margin:-15px -10px;display:inline-block;background-image:url(../img/bg_themeicon_sprite.png);background-repeat:no-repeat;background-position:0 0;background-size:640px auto;}
.checkbox input[type=checkbox]:checked+label::after {background-position:-32px 0;}
.checkbox input[type=checkbox][disabled]+label::after {background-position:-64px 0;}
.checkbox input[type=checkbox][disabled]:checked+label::after {background-position:-96px 0;}
/* form error */
.form-group.form-error .form-control,
.form-group.form-error .form-control:focus {border-color:#ff613d !important;}
.form-group .form-error-alert {display:none;}
.form-group.form-error .form-error-alert {line-height:1.42857143;margin-top:5px;padding:9px 8px 9px 32px;display:block;position:relative;background-color:#ff613d;color:#fff;}
.form-group.form-error .form-error-alert:before {content:'';width:32px;height:32px;display:inline-block;position:absolute;top:3px;left:2px;background-image:url(../img/bg_themeicon_sprite.png);background-repeat:no-repeat;background-position:0 -288px;background-size:640px auto;vertical-align:middle;z-index:1;}
/* form terms */
.form-agree-group {margin-top:20px;}
.form-agree-group .form-group {border-bottom:1px solid rgba(0,0,0,.2);}
.form-agree-group label {color:#234f83;font-size:15px;font-weight:500;}
.form-agree-group label span {color:#00bdcd;font-size:13px;font-weight:500;}

.form-agree-group .txt-type-sub {margin:0;position:relative;border-bottom:none;}
.form-agree-group .txt-type-sub label {color:#333;font-size:14px;font-weight:400;}
.form-agree-group .txt-type-sub:last-child label span { color:#888;}
.form-aree-group .txt-type-sub a {float:right;font-size:13px;}
.form-agree-group .txt-type-sub a:after {content:"";}
.form-agree-group .txt-type-sub a {line-height:1.42857143;margin-top:-11.5px;padding:2px 15px;display:block;position:absolute;top:15.5px;right:0px;border:1px solid #315d93;border-radius:100px;color:#315d93;font-size:12px;text-align:center;}
.form-agree-group .txt-type-sub a:hover {background-color:#315d93;color:#fff;}

.form-agree-group .txt-type-sub .checkbox input[type=checkbox]+label:before {background-color:transparent;border:0px solid #ddd;}
.form-agree-group .txt-type-sub .checkbox input[type=checkbox]:checked+label:before {border:0px solid #263c5c;}
.form-agree-group .txt-type-sub .checkbox input[type=checkbox]:checked+label:before {background-color:transparent;}
.form-agree-group .txt-type-sub .checkbox input[type=checkbox][disabled]+label:before {background-color:transparent !important;border:0px solid #ddd !important;}
.form-agree-group .txt-type-sub .checkbox input[type=checkbox][disabled]:checked+label:before {background-color:transparent !important;border:0px solid #ddd !important;}
.form-agree-group .txt-type-sub .checkbox input[type=checkbox]+label::after {background-position:-96px 0;}
.form-agree-group .txt-type-sub .checkbox input[type=checkbox]:checked+label::after {background-position:-32px 0;}
.form-agree-group .txt-type-sub .checkbox input[type=checkbox][disabled]+label::after {background-position:-64px 0;}
.form-agree-group .txt-type-sub .checkbox input[type=checkbox][disabled]:checked+label::after {background-position:-96px 0;}

.form-agree-group .txt-type-sub.form-error .form-error-alert {margin-bottom:5px;}

/* old * /
.form-agree-group .txt-type-sub {margin:10px 0;padding-left:30px;position:relative;}
.form-agree-group .txt-type-sub:before,
.form-agree-group .txt-type-sub:after {content:'';display:block;position:absolute;left:10px;top:50%;background-color:#b0c2cc;}
.form-agree-group .txt-type-sub:before {width:2px;height:11px;margin-top:-11px;}
.form-agree-group .txt-type-sub:after {width:11px;height:2px;top:50%;}
.form-agree-group .txt-type-sub a {float:right;font-size:13px;}
.form-agree-group .txt-type-sub a:after {content:"";}
.form-agree-group .txt-type-sub a {line-height:1.42857143;margin-top:-11.5px;padding:2px 7px;display:block;position:absolute;top:50%;right:0px;border:1px solid #315d93;border-radius:100px;color:#315d93;font-size:12px;text-align:center;}
.form-agree-group .txt-type-sub a:hover {background-color:#315d93;color:#fff;}
/* old */

/* form button */
.landing-btn-wrap > .btn-action {display:box;display:-webkit-box;display:-moz-box;-webkit-box-pack:center;-webkit-box-orient:vertical;-moz-box-pack:center;-moz-box-orient:vertical;box-pack:center;box-orient:vertical;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}

.btn-action {width:100%;line-height:1.42857143;padding:10px 0 8px;display:block;border-width:1px;border-style:solid;border-color:#00bdcd;border-radius:3px;background-color:#00bdcd;color:#fff;font-size:16px;text-align:center;}
.btn-action + .btn-action {margin-left:20px;}
.btn-action:not(button) {padding:8.5px 0 9.5px;}
.btn-action:hover {background-color:#19d2e2;border-color:#19d2e2;}
.btn-action:focus {background-color:#1db2c6;border-color:#1db2c6;}
.btn-action[disabled] {background-color:rgba(0,189,205,.25) !important;border-color:rgba(0,189,205,0) !important;color:rgba(0,0,0,.2) !important;pointer-events:none;cursor:default;}

/****** CPA+DB ******/
.landing-form-wrap .btn-group {width:100%;margin:0;padding:15px;display:inline-block;}
.landing-form-wrap .btn-action {background-color:#315d93;border-color:#315d93;}
.landing-form-wrap .btn-action:hover {background-color:#5376a1;border-color:#5376a1;}
.landing-form-wrap .btn-action:focus,
.landing-form-wrap .btn-action:active {background-color:#345174;border-color:#345174;}
.landing-form-wrap .btn-action[disabled] {padding:10px 0 10.5px;background-color:rgba(68,101,141,.3) !important;border-color:rgba(68,101,141,0) !important;color:rgba(255,255,255,.8) !important;font-size:14px;}

/****** 텐핑콜 코멘트 남기기- cms ******/
.btn-action.s1,
.btn-action.s2{width:49%;display:inline-block;}
.btn-action.s2 + .btn-action.s1 {margin-left:0px;}
.landing-form-wrap .btn-action.s1 {background-color:#00bdcd;border-color:#00bdcd;}
.landing-form-wrap .btn-action.s1:hover {background-color:#19d2e2;border-color:#19d2e2;}
.landing-form-wrap .btn-action.s1:focus,
.landing-form-wrap .btn-action.s1:active {background-color:#1db2c6;border-color:#1db2c6;}
.landing-form-wrap .btn-action.s2 {color:#00bdcd;border-color:#00bdcd;background-color:#fff;}
.landing-form-wrap .btn-action.s2:hover {color:#19d2e2;border-color:#19d2e2;background-color:rgba(255,255,255,0.5);}
.landing-form-wrap .btn-action.s2:focus,
.landing-form-wrap .btn-action.s2:active {color:#1db2c6;border-color:#1db2c6;background-color:#fff;}
.landing-form-wrap .btn-action.s2[disabled] {padding:10px 0 10.5px;background-color:rgba(68,101,141,.3) !important;border-color:rgba(68,101,141,0) !important;color:rgba(255,255,255,.8) !important;font-size:14px;}

/*** mobile ***/
@media (max-width:425px) {
	/* old * /
	.form-agree-group .txt-type-sub {padding-left:25px;}
	.form-agree-group .txt-type-sub a {padding:2px 7px;}
    */
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.checkbox input[type=checkbox]+label::after,
	.form-group.form-error .form-error-alert:before {background-image:url(../img/bg_themeicon_sprite@2x.png);}
}






/*************************************************
	종료 캠페인
*************************************************/
.tit-type {line-height:1.39;margin:0 1.5rem 0;padding-top:1.56em;color:#222;font-size:25px;font-weight:300;overflow:hidden;}
.tit-type h1,
.tit-type h2,
.tit-type h3,
.tit-type h4,
.tit-type h5,
.tit-type h6 {float:left;margin-bottom:15px;font-weight:inherit;}
.tit-type:after,
.tit-type h1:after,
.tit-type h2:after,
.tit-type h3:after,
.tit-type h4:after,
.tit-type h5:after,
.tit-type h6:after {content:'';width:1.52em;height:1px;margin:0.6em 0 0.96em;display:block;background-color:#222;}

.list-type {font-size:14px;}
/****** [BASIC LAYOUT - Home] ******/
.list-type > li,
.list-type > .list-cont {margin-top:5px;border-bottom:1px solid #b3b6b9;background-color:#fff;box-shadow:1px 1px 0 0 rgba(0,0,0,0.1);box-sizing:border-box;}
.list-type > a,
.list-type > li > a {min-height:152px;padding:20px;display:block;position:relative;box-sizing:border-box;overflow:hidden;}
/*** nation ***/
.list-type .txt-nation {margin-left:-1px;position:absolute;top:17px;background-color:#fff;}
.list-type .txt-nation > img {width:22px;}
.list-type .txt-nation + dt + dd { margin-left:5px;}
/*** thumbnail ***/
.list-type .list-photo {float:left;width:110px;height:110px;margin-right:20px;display:block;border:1px solid #cfcfcf;}
.list-type .list-photo > img {width:100%;height:100%;}
.list-type .list-photo.s1 {float:left;width:60px;height:60px;margin-right:20px;display:block;border:1px solid #cfcfcf;}
/*** type, category ***/
.list-type > a > dl,
.list-type > li > a > dl {margin-top:-5px;}
.list-type > a > dl dt,
.list-type > li > a > dl dt {display:none;}
.list-type > a > dl dd,
.list-type > li > a > dl dd {display:inline-block;color:#777;font-size:13px;}
/*** campaign info. ***/
.list-type > a > ul,
.list-type > li > a > ul {max-width:100%;margin-top:17px;color:#999;word-wrap:normal;}
.list-type > a > ul li,
.list-type > li > a > ul li {line-height:1.5;margin-left:-1px;padding-right:6px;display:inline;color:#999;white-space:nowrap;}
.list-type > a > ul li:after,
.list-type > li > a > ul li:after {content:'';width:1px;height:9px;margin:-2px 0 0 9px;display:inline-block;background-color:#cecece;vertical-align:middle;}
.list-type > a > ul li:last-child:after,
.list-type > li > a > ul li:last-child:after {margin:-2px 0 0 0;display:none;}
.list-type > a > ul li .tooltipped,
.list-type > li > a > ul li .tooltipped {border-bottom:1px dotted #999;}
.list-type > a > ul li em,
.list-type > li > a > ul li em {color:#ef2c6c;font-weight:600;}
.list-type > a > ul li .hidden-md,
.list-type > li > a > ul li .hidden-md {display:none;}
.list-type ul li.txt-desc {margin-top:17px;display:block;word-wrap:normal;text-overflow:ellipsis;overflow:hidden;}
/*** mark ***/
.list-type .mark-wrap {height:0px;margin:0 auto;position:relative;top:0;left:0;}
/*** title ***/
.list-type .list-tit {height:4.2em;line-height:1.4em;margin:-5px 0 5px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;color:#222;font-size:19px;font-weight:300;overflow:hidden;}
/*** footer ***/
.list-type .list-footer {position:relative;border-top:1px solid #f1f1f1;background-color:#f8f8f8;text-align:center;overflow:hidden;}
.list-type .list-footer dt {line-height:1;margin:auto 0;position:absolute;top:50%;left:1.25rem;color:#00bdcd;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);}
.list-type .list-footer dt:before {content:'';width:32px;height:32px;margin:-5px 0;display:inline-block;background-image:url(../img/bg_icon_sprite.png);background-repeat:no-repeat;background-position:-32px -32px;background-size:640px auto;vertical-align:middle;}
.list-type .list-footer dt:after {content:'';width:32px;height:32px;margin:0 -25px 0 -8px;display:inline-block;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-64px -32px;background-size:640px auto;vertical-align:middle;}
.list-type .list-footer dt strong {display:inline-block;font-weight:normal;vertical-align:middle;}

/*** desktop ***/
@media (min-width:769px) {
	.list-type .list-footer .icon-k {display:none;}
}
/*** mobile ***/
@media (max-width:768px) {
	.list-type > a,
	.list-type > li > a {padding:17px;}
	.list-type .txt-nation {top:14px;}
	.list-type > a > ul,
	.list-type > li > a > ul {margin-top:5px;padding-left:132px;}
	.list-type,
	.list-type > a > dl dd,
	.list-type > li > a > dl dd {font-size:12px;}
	.list-type > a > ul li .tooltipped {border-bottom:0px dotted #999;pointer-events:none;}	
	.list-type .list-tit {margin:0 0 5px;font-size:16px;}	
	.list-type .list-footer {padding:0 13px 0 17px;text-align:right;}
	.list-type .list-footer dt {width:9em;text-align:left;}
	.list-type .list-footer dt:before {display:none;}
	.list-type .list-footer dt strong {max-width:56%;}
	.list-type .list-footer .icon-k {display:inline-block;}
	.list-type .list-footer .icon-t,
	.list-type .list-footer .icon-d {display:none;}
	.list-type .list-footer .btn-result {position:relative;}
}
@media (max-width:425px) {
	.list-type > a > ul li,
	.list-type > li > a > ul li {display:block;}
	.list-type > a > ul li:after,
	.list-type > li > a > ul li:after {display:none;}
}

/****** [BG + min-width LAYOUT - CloseCampaign] ******/
.list-type.s3 {padding-left:20px;padding-right:20px;background-color:#fff;}
.list-type.s3 > a,
.list-type.s3 li > a,
.list-type.s3 .list-cont > a {max-width:700px;min-height:10em;margin:0 auto;}
.list-type.s3 .list-photo {width:90px;height:90px;}
.list-type.s3 > a,
.list-type.s3 li,
.list-type.s3 .list-cont {margin-top:0;border-bottom:0;box-shadow:none;}
.list-type.s3 li > a {border-top:1px solid #f0f0f0;}
.list-type.s3 li:first-child > a {border-top:0;}
.list-type.s3 .list-tit {margin-top:0;}
.list-type.s3 > a > ul,
.list-type.s3 > li > a > ul {max-width:100%;margin-left:-8px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}

.box-type02 {margin:0 auto;max-width:700px;padding:10px;border-radius:4px;background-color:#fff;box-sizing:border-box;}
.box-type02 .tit-type,
.box-type02 .list-type {margin-left:0;margin-right:0;padding-left:0;padding-right:0;}
.box-type02 .tit-type {padding:20px 20px 0 20px;}
.box-type02 + .box-type02 {margin-top:10px;}


/*** mobile ***/
@media (min-width:701px) {
	.page-endcampaign {padding:20px 0;}
}
@media (max-width:768px) {
    .page-endcampaign .box-type02 {border-radius:0;}
}



.cont-type08 {padding:10px;position:relative;}
.cont-type08 > .cont-tit {max-width:700px;line-height:1.39;margin:0 auto;padding-top:1em;color:#222;font-size:25px;font-weight:300;text-align:center;}
.cont-type08 > .cont-tit:after {content:'';width:1.52em;height:1px;margin:0.6em auto 0.96em;display:block;background-color:#222;}

/*** mobile ***/
@media (max-width:320px) {
	.cont-type08 > .cont-tit {font-size:20px;}
}


/*************************************************
     CPA+DB 상담 완료 -RecommandCampaign
*************************************************/
.page-recommandcampaign .box-type02.cont-type08 .cont-tit.icon-complete {margin:0 auto;width:100%;padding:160px 0 0 0;font-size:25px;}
.page-recommandcampaign .box-type02.cont-type08 .icon-complete:before {content:'';width:128px;height:128px;margin-left:-64px;margin-top:40px;display:block;position:absolute;top:0;left:50%;background-image:url(../img/bg_iconlayer_sprite.png);background-repeat:no-repeat;background-position:0 -1126px;background-size:640px auto;}
.page-recommandcampaign .box-type02.cont-type08 .icon-complete.cont-tit:after {height:0;margin:0.3em 0;}
.page-recommandcampaign .box-type02.cont-type08 .cont-tit {padding-top:1em;font-size:22px;}
.page-recommandcampaign .box-type02.cont-type08 .cont-tit:after {margin:0.6em auto 0.9em;}
.page-recommandcampaign .box-type02.cont-type08 p {display:table;margin:0 auto;padding-bottom:10px;text-align:center;font-size:16px;color:#777;font-weight:300;}
.page-recommandcampaign .list-type.s3 {overflow:hidden;}
.page-recommandcampaign .list-type.s3 li {width:50%;float:left;}
.page-recommandcampaign .list-type.s3 li.cont-num-01 {width:70%;margin:0 auto;border:1px solid #eaeaea;background-color:#F3F3F3;float:none;}
.page-recommandcampaign .list-type.s3 a {border:none;}
.page-recommandcampaign .list-type > a,
.page-recommandcampaign .list-type > li > a {padding:15px;}
.page-recommandcampaign .list-type.s3 > a,
.page-recommandcampaign .list-type.s3 li > a,
.page-recommandcampaign .list-type.s3 .list-cont > a {min-height:auto;}

/*** mobile ***/
@media (max-width:640px) {
	.page-recommandcampaign .box-type02.cont-type08 .cont-tit.icon-complete {padding:140px 0 0 0;}
	.page-recommandcampaign .box-type02.cont-type08 .icon-complete:before {margin-top:20px;}
	.page-recommandcampaign .list-type.s3 li,
	.page-recommandcampaign .list-type.s3 li.cont-num-01 {width:100%;border:none;background:none;}
	.page-recommandcampaign .list-type > a,
	.page-recommandcampaign .list-type > li > a {padding:10px;}
}
@media (max-width:380px) {
	.page-recommandcampaign .box-type02.cont-type08 p {text-align:left;font-size:14px;}
	.page-recommandcampaign .box-type02.cont-type08 .cont-tit {font-size:20px;}
}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
    .page-recommandcampaign .box-type02.cont-type08 .icon-complete:before {background-image:url(../img/bg_iconlayer_sprite@2x.png);}
}

/*************************************************
     종료 캠페인 endCampaign
*************************************************/
.page-endcampaign .box-type02.cont-type08 .cont-photo {margin:0 auto;width:128px;height:128px; padding:20px 0 0 0;}
.page-endcampaign .box-type02.cont-type08 .cont-photo img {border-radius:50%;width:128px;height:128px;border:1px solid #eaeaea;}
.page-endcampaign .box-type02.cont-type08 .cont-tit { padding:40px 0 0 0; font-size:22px;}
.page-endcampaign .box-type02.cont-type08 .cont-tit:after {margin:0.6em auto 0.9em;}
.page-endcampaign .box-type02.cont-type08 p {display:table;margin:0 auto;padding-bottom:10px;text-align:center;font-size:16px;color:#777;font-weight:300;}
.page-endcampaign .list-type.s3 {overflow:hidden;}
.page-endcampaign .list-type.s3 li {width:50%;float:left;}
.page-endcampaign .list-type.s3 li.cont-num-01 {width:70%;margin:0 auto;border:1px solid #eaeaea;background-color:#F3F3F3;float:none;}
.page-endcampaign .list-type.s3 a {border:none;}
.page-endcampaign .list-type > a,
.page-endcampaign .list-type > li > a {padding:15px;}
.page-endcampaign .list-type.s3 > a,
.page-endcampaign .list-type.s3 li > a,
.page-endcampaign .list-type.s3 .list-cont > a {min-height:auto;}

/*** mobile ***/
@media (max-width:640px) {
	.page-endcampaign .box-type02.cont-type08 .cont-tit.icon-complete {padding:30px 0 0 0; font-size:20px;}
	.page-endcampaign .box-type02.cont-type08 .icon-complete:before {margin-top:20px;}
	.page-endcampaign .list-type.s3 li,
	.page-endcampaign .list-type.s3 li.cont-num-01 {width:100%;border:none;background:none;}
	.page-endcampaign .list-type > a,
	.page-endcampaign .list-type > li > a {padding:10px;}
}
@media (max-width:380px) {
	.page-endcampaign .box-type02.cont-type08 p {text-align:left;font-size:14px;}
	.page-endcampaign .box-type02.cont-type08 .cont-tit {font-size:20px;}
}

/****** 소셜 플러그인 바******/
.btn-wrap {overflow:hidden;margin:5px 0;}
.btn-wrap .area-sns {float:left;}
.btn-wrap .area-bookmark {float:right;margin: 2px 0;}
.btn-wrap .area-sns ul.txt-type {overflow: hidden;}
.btn-wrap .area-sns ul.txt-type li {margin:2px; float: left;position: relative;width:32px;height:32px;font-size:0;line-height: 0;}
.btn-wrap .area-sns ul.txt-type li:before {content:'';width:32px;height:32px;display:block;position:absolute;top:0;left:0;background-color:transparent;background-image:url(../img/bg_sns_sprite.png);background-repeat:no-repeat;background-position:0 -164px;background-size:640px auto;}
.btn-wrap .area-sns ul.txt-type li.facebook:before {background-position:-7px -164px;}
.btn-wrap .area-sns ul.txt-type li.naver:before {background-position:-72px -164px;}
.btn-wrap .area-sns ul.txt-type li.kakao:before {background-position:-137px -164px;}
.btn-wrap .area-sns ul.txt-type li.twitter:before {background-position:-202px -164px;}
.btn-wrap .area-sns ul.txt-type li.url:before {background-position:-267px -164px;}
.btn-wrap .area-sns ul.txt-type li.kakaotalk:before {background-position:-332px -164px;}
.btn-wrap .area-sns ul.txt-type li a {display:block;width:32px;height:32px;font-size:0;line-height: 0;}

@media (max-width:768px) {
	.btn-wrap {margin:5px; padding: 0px;background-color:transparent;}
	.btn-wrap .area-sns ul.txt-type li {margin:2px;}
}
@media (max-width:360px) {
	.btn-wrap .area-sns ul.txt-type li {margin:1px;}
}
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.btn-wrap .area-sns ul.txt-type li:before {background-image:url(../img/bg_sns_sprite@2x.png);}
}

/**소문 종료 페이지***/
.page-endcampaign .box-type02.s2{margin:0 auto;max-width:700px;padding:10px;border-radius:4px;box-sizing:border-box;}
.page-endcampaign .list-type.s3 .list-tit {overflow:hidden;display:-webkit-box;margin:20px 0 0 0;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-size:18px;;line-height:1.4em;height:2.8em;font-weight:300;color:#222;}
.page-endcampaign .box-type02.s2 .list-type.s3  a {padding: 10px;}
.page-endcampaign .box-type02.s2 .list-type.s3 .list-photo-main,
.page-endcampaign .box-type02.s2 .list-type.s3 .list-photo-mobile {width: 100%;margin-bottom: 20px;}
.page-endcampaign .box-type02.s2 .list-type.s3 .list-photo-mobile {display: none;}
.page-endcampaign .box-type02.s2 .list-type.s3 .list-photo-main img{width: 100%;border:1px solid #ddd;}
.page-endcampaign .box-type02.s2 .list-type.s3 .list-tit-main {overflow:hidden; margin:15px 0 7px;text-overflow:ellipsis;font-size:20px;line-height:1.4em;font-weight:300;color:#222;}

.page-endcampaign .box-type02.s1,
.page-endcampaign .box-type02.s1 .list-type.s3,
.page-endcampaign .box-type02.s1 .list-type.s3 > li{background:none; padding: 0;}

.page-endcampaign .box-type02.s1 .tit-type {margin: 30px 0 0 0; padding:0;font-size:21px;}
.page-endcampaign .box-type02.s1 .list-type.s3 {overflow: hidden;}
.page-endcampaign .box-type02.s1 .list-type.s3 > li  {width: 49%; display: inline-block; border: 0; box-sizing: border-box;}
.page-endcampaign .box-type02.s1 .list-type.s3 > li a{border:0px; min-height: 65px; padding: 1rem 1.5rem 1rem 75px;}
.page-endcampaign .box-type02.s1 .list-type.s3 .list-tit {margin-top:5px;font-size: 16px;}
.page-endcampaign .box-type02.s1 .list-type .list-photo  {display:block;position:absolute;top:10px;left:0;width:60px;height:60px;border:1px solid #cfcfcf;}

@media (max-width:768px) {
	.page-endcampaign {padding-top: 0;}
    .page-endcampaign .box-type02.s2 {padding:0;}
    .page-endcampaign .box-type02.s2 .list-type.s3 {padding: 0;}
    .page-endcampaign .box-type02.s2 .list-type.s3 a {padding: 10px;}
	.page-endcampaign .box-type02.s2 .list-type.s3 .list-photo-mobile {display: block}
	.page-endcampaign .box-type02.s2 .list-type.s3 .list-photo-main{display: none;}
	.page-endcampaign .box-type02.s2 .list-type.s3 .list-tit-main {/**margin: 15px;*/font-size:18px;}
    .page-endcampaign .box-type02.s1 .tit-type { padding:20px 0 0 0;font-size:18px;}
	.page-endcampaign .box-type02.s1 .list-type.s3 > li {width:100%;}
	.page-endcampaign .box-type02.s1 .list-type.s3{padding: 0 15px;}
	.page-endcampaign .box-type02.s1 .tit-type {margin: 0 15px;}
}