@charset "utf-8";



/*생략*/

.csp_wrap label,
.csp_wrap label{margin:0;}
.csp_wrap label input[type="radio"],
.csp_wrap label input[type="checkbox"],
.csp_wrap input[type="radio"],
.csp_wrap input[type="checkbox"],
.csp_pr_wrap .csp_pr li label input[name="pr"],
.csp_form_wrap .csp_form input[name="com_formmail_check_safe"]{display:none !important;}



.cspush{position:fixed; right:25px; bottom:-100%; z-index:999; width:70px; height:70px;-moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;z-index:2001;}
.cspush.load{bottom:30px;}
.cspush.on[data-type="h"]{z-index:1999;}
#cspush_if{ display:none;}

.cspush .cspush_btn{ position:absolute; right:0; top:0;width:100%; height:100%; border-radius:50%; overflow:hidden;text-align:center; vertical-align:middle; cursor:pointer; z-index:2000;box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);-moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s;}
.cspush .cspush_btn > span{-moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s;}
.cspush .cspush_btn > span.off{display:table; width:100%; height:100%; opacity:1; border:1px solid #333; background:#333; box-sizing:border-box; }
.cspush .cspush_btn > span.off > em{position:relative; left:0; top:0; display:table-cell; width:100%; height:100%; vertical-align:middle; font-size:17px; line-height:21px;color:#FFF; text-align:center;}
.cspush .cspush_btn > span.on{ position:absolute; left:0; top:0; width:100%; height:100%;text-indent: 100%; white-space: nowrap; overflow: hidden;opacity:0;border:1px solid #ccc; background:#fff;box-sizing:border-box; }
.cspush .cspush_btn > span.on:before{content:""; position:absolute; left:50%; top:50%; width:60%; height:2px; margin-top:-1px; background:#333; transform:translateX(-50%) rotate(135deg); -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;}
.cspush .cspush_btn > span.on:after{content:""; position:absolute; left:50%; top:50%; width:60%; height:2px; margin-top:-1px;background:#333; transform:translateX(-50%) rotate(45deg); -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;}
.cspush .cspush_btn.active > span.off{ opacity:0;}
.cspush .cspush_btn.active > span.on{ opacity:1;}
.cspush .cspush_btn.active > span.on:before{transform:translateX(-50%) rotate(45deg);}
.cspush .cspush_btn.active > span.on:after{transform:translateX(-50%) rotate(-45deg);}
.cspush.on[data-type="w"] .cspush_btn.active{ z-index:2001;}
.cspush.on[data-type="h"] .cspush_btn.active{ right:-100px;}
.cspush[data-btn="off"] .cspush_btn{display:none;}

.cspush_wrap{position:fixed; left:0;  height:auto; z-index:2000;-moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}
.cspush_wrap:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#3853a3; opacity:0.9; z-index:-1;}
.cspush_wrap[data-type="w"]{width:100%; bottom:-100%;}
.cspush_wrap[data-type="w"].on{ bottom:0 !important;}
.cspush_wrap[data-type="h"]{ left:auto; bottom:30px; right:-320px; width:300px; border-radius:20px 0 0 20px; overflow:hidden;}
.cspush_wrap[data-type="h"].on{right:0;}

.csp_wrap{display:block; width:1000px !important;margin:0 auto !important; padding:0;} /*전체사이즈 설정*/
.cspush_wrap[data-type="h"] .csp_wrap{width:100% !important; margin:0 !important;}
/*폼영역*/
.csp_form_wrap{padding:20px 0 20px 150px; margin:0; display:block; position:relative; font-size:0;}
.csp_form_wrap .csp_tit{  position:absolute; left:0; top:50%;transform:translateY(-50%); width:100px; margin:0;line-height:20px; border-top:2px solid #fff; border-bottom:2px solid #fff;}
.csp_form_wrap .csp_tit span{display:block; text-align:center; line-height:33px; padding:14px 0;font-size:24px; color:#fff; font-weight:500; text-align:center;}
.csp_form_wrap .csp_tit span strong{display:block;}
.csp_form_wrap .csp_close{display:none;}

.cspush_wrap[data-type="h"] .csp_form_wrap{padding:20px 20px 20px 20px;}
.cspush_wrap[data-type="h"][data-btn="on"] .csp_form_wrap{padding:60px 20px 20px 20px;}
.cspush_wrap[data-type="h"] .csp_form_wrap .csp_close{ position:absolute; right:20px; top:20px; display:block; width:25px; height:25px; border-radius:50%; background:#fff; cursor:pointer;}
.cspush_wrap[data-type="h"] .csp_form_wrap .csp_close:before{content:""; position:absolute; left:50%; top:50%; width:80%; height:2px; margin-top:-1px; background:#333; transform:translateX(-50%) rotate(45deg); -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;}
.cspush_wrap[data-type="h"] .csp_form_wrap .csp_close:after{content:""; position:absolute; left:50%; top:50%; width:80%; height:2px; margin-top:-1px;background:#333; transform:translateX(-50%) rotate(-45deg); -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;}
.cspush_wrap[data-type="h"] .csp_form_wrap .csp_tit{ display:block; position:relative; left:auto; top:auto; width:100%;transform:none;}
.cspush_wrap[data-type="h"] .csp_form_wrap .csp_tit span{padding:5px 0;-moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s;  transition: 0.3s;}
.cspush_wrap[data-type="h"] .csp_form_wrap .csp_tit span strong{margin-right:5px; display:inline-block;}

.csp_form_wrap .csp_form{width:100%; max-width:1280px; overflow:hidden;margin:0;float:none;}
.csp_form_wrap .csp_form .fbox{display:inline-block; float:left; position:relative; padding-top:8px; margin-bottom:8px;}
.cspush_wrap[data-type="w"] .csp_form[data-grid="3"] .fbox{width:31%; margin-right:3.5%;}
.cspush_wrap[data-type="w"] .csp_form[data-grid="3"] .fbox:nth-child(3n){margin-right:0;}
.cspush_wrap[data-type="w"] .csp_form[data-grid="4"] .fbox{width:23%; margin-right:2.6%;}
.cspush_wrap[data-type="w"] .csp_form[data-grid="4"] .fbox:nth-child(4n){margin-right:0;}
.csp_form_wrap .csp_form .fbox input[type=text],
.csp_form_wrap .csp_form .fbox input[type=password],
.csp_form_wrap .csp_form .fbox select{ width:calc(100% - 20px);height:35px !important; line-height:35px !important; padding:0 10px !important;box-sizing:content-box; border:none !important; border-bottom:1px solid rgba(238,238,238,0.5) !important; font-size: 15px !important; color: #fff !important; vertical-align:bottom;background:transparent}
.csp_form_wrap .csp_form .fbox select option{color:#666;}
.csp_form_wrap .csp_form .fbox input[type=text]:focus,
.csp_form_wrap .csp_form .fbox input[type=password]:focus,
.csp_form_wrap .csp_form .fbox select option:focus,
.csp_form_wrap .csp_form .fbox select:focus{ border:none;border-bottom:1px solid #eee; outline:none;}
.csp_form_wrap .csp_form .fbox > label { position:absolute; top:50%; line-height:30px !important; padding-top:8px;left:10px; font-size:15px; color:#fff; transform:translateY(-50%); -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s;  transition: 0.3s; font-weight:400 !important;}
.csp_form_wrap .csp_form .fbox > input:focus + label,
.csp_form_wrap .csp_form .fbox.focus > label {font-size:12px; opacity:0.7; font-weight:400;}


.cspush_wrap[data-type="w"] .csp_form_wrap .csp_form .fbox.focus > label{top:3px;}

.cspush_wrap[data-type="h"] .csp_form_wrap .csp_form{height:auto; padding-top:5px;}
.cspush_wrap[data-type="h"] .csp_form_wrap .csp_form .fbox{width:100%; display:block; float:none; margin:5px 0 0 0; padding:0;}
.cspush_wrap[data-type="h"] .csp_form_wrap .csp_form .fbox + .fbox{margin:0 0 0 0;}
.cspush_wrap[data-type="h"] .csp_form_wrap .csp_form .fbox > label{padding-top:0;}
.cspush_wrap[data-type="h"] .csp_form_wrap .csp_form .fbox input[type=text],
.cspush_wrap[data-type="h"] .csp_form_wrap .csp_form .fbox input[type=password]{padding-left:70px; width:calc(100% - 80px); height:40px; line-height:40px; border-bottom-color:#333;}
.cspush_wrap[data-type="h"] .csp_form_wrap .csp_form .fbox select{padding-left:7px;border-bottom-color:#333;height:40px; line-height:40px;}
/*동의체크*/

.csp_form_wrap .csp_more{ display:block;text-align:right; height:auto; padding:10px 0 0 0; overflow:auto;}
.csp_form_wrap .csp_more .csp_privacy{ display:inline-block;}
.cspush_wrap[data-type="w"] .csp_form_wrap .csp_more .csp_privacy{padding-top:3px;}
.csp_form_wrap .csp_more .csp_privacy label{display:none;}
.csp_form_wrap .csp_more .csp_privacy .csp_privacy_chk{display:inline-block;  color:#fff; font-size:15px; font-weight:400 !important; padding-left:30px; cursor:pointer; vertical-align:top;line-height:34px;vertical-align:top; position:relative;}
.csp_form_wrap .csp_more .csp_privacy .csp_privacy_chk:before{content:""; position:absolute; left:0; top:50%; margin-top:-10px; width:20px; height:20px;background:url(./csp_chk.png) 0 0 no-repeat; background-size:100% auto; border-radius:50%;-moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s;  transition: 0.3s;}
.csp_form_wrap .csp_more .csp_privacy input#com_formmail_check_safe:checked + .csp_privacy_chk:before{background-position:0 -20px; }
.csp_form_wrap .csp_more .csp_privacy .csp_privacy_btn{display:inline-block; width:18px; height:18px; position:relative; background:#fff; border-radius:50%; vertical-align:top; margin:7px 0 0 10px; cursor:pointer;}
.csp_form_wrap .csp_more .csp_privacy .csp_privacy_btn:before{content:""; position:absolute; left:50%; top:50%; width:60%; height:1px; margin-top:-1px; background:#000; transform:translateX(-50%) rotate(90deg); -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;}
.csp_form_wrap .csp_more .csp_privacy .csp_privacy_btn:after{content:""; position:absolute; left:50%; top:50%; width:60%; height:1px; margin-top:-1px;background:#000; transform:translateX(-50%) rotate(180deg); -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;}


.csp_form_wrap .csp_btnbox{display:inline-block; padding-left:20px; vertical-align:top;}
.csp_form_wrap .csp_btnbox .cspbtn { display:inline-block;  *display: inline; *zoom: 1; text-align: center; vertical-align:middle; box-sizing: border-box; cursor: pointer; font-weight:400;-moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s;  transition: 0.5s; position:relative; }
.csp_form_wrap .csp_btnbox .cspbtn[data-type="register"]{ color:#3853a3; background:#fff;width:100%; line-height:40px; font-size:18px; border-radius:20px; font-weight:500; padding:0 30px;}
.csp_form_wrap .csp_btnbox .cspbtn[data-type="register"]:hover{border-color:#eee; background-color:#eee; text-decoration:none;}

.cspush_wrap[data-type="h"] .csp_form_wrap .csp_more{height:auto; text-align:center;}
.cspush_wrap[data-type="h"] .csp_form_wrap .csp_more .csp_privacy { padding-bottom:10px;}
.cspush_wrap[data-type="h"] .csp_form_wrap .csp_more .csp_privacy .csp_privacy_chk{font-size:13px; padding-left:25px; line-height:25px;}
.cspush_wrap[data-type="h"] .csp_form_wrap .csp_more .csp_privacy .csp_privacy_chk span{line-height:30px;}
.cspush_wrap[data-type="h"] .csp_form_wrap .csp_more .csp_privacy .csp_privacy_btn{ margin:3px 0 0 10px;}
.cspush_wrap[data-type="h"] .csp_form_wrap .csp_more .csp_privacy .csp_privacy_btn .csp_privacy_pop{ display:block;width:300px; left:-42px; height:135px; border:none;}
.cspush_wrap[data-type="h"] .csp_form_wrap .csp_btnbox{ padding-left:0;}

.csp_form_wrap .csp_privacy_basic{display:block; overflow:hidden;-moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s;  transition: 0.5s; width:100%; height:auto;}
.csp_form_wrap .csp_privacy_pop{ height:0; overflow:hidden;-moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s;  transition: 0.5s; width:100%; position:relative;}
.csp_form_wrap .csp_privacy_pop .csp_privacy_pop_close{ position:absolute;display:none; width:25px; height:25px; border-radius:50%; background:#fff; cursor:pointer;}
.csp_form_wrap .csp_privacy_pop .csp_privacy_pop_close:before{content:""; position:absolute; left:50%; top:50%; width:80%; height:2px; margin-top:-1px; background:#333; transform:translateX(-50%) rotate(45deg); }
.csp_form_wrap .csp_privacy_pop .csp_privacy_pop_close:after{content:""; position:absolute; left:50%; top:50%; width:80%; height:2px; margin-top:-1px;background:#333; transform:translateX(-50%) rotate(-45deg); }
.csp_form_wrap .csp_privacy_pop textarea{border:none; font-size:12px !important; width:100%; height:100%; padding:0; word-break:keep-all; color:#fff; overflow:hidden; resize:none; vertical-align:bottom; background:transparent; border:none !important;}

.cspush_wrap[data-type="w"] .csp_form_wrap.click .csp_privacy_pop .csp_privacy_pop_close{display:block; right:20px; top:20px; }
.cspush_wrap[data-type="h"] .csp_form_wrap.click .csp_privacy_pop{padding:20px 0 40px;}
.cspush_wrap[data-type="h"] .csp_form_wrap.click .csp_privacy_pop .csp_privacy_pop_close{display:block; bottom:0; right:50%; margin-right:-12px;}

/*캡쳐설정*/
.csp_form_wrap .csp_form .captcha .ccbox{display:inline-block; height:48px; line-height:48px; vertical-align:top; margin-right:10px;}
.csp_form_wrap .csp_form .captcha .gBlank5{width:400px; display:inline-block;}
.csp_form_wrap .csp_form .captcha .gBlank5 .txtInfo{margin:5px 0 2px 0 !important; display:inline-block;}
.csp_add{display:block; text-align:center;}
.csp_add img{width:auto; max-width:100%; height:auto; display:block;}


 @media all and (max-width:767px) {
	 
.csp_wrap label input[type="checkbox"],
.csp_wrap input[type="checkbox"]{display:none !important;}


.cspush{width:50px; height:50px; right:20px;}
.cspush .cspush_btn > span.off > em{ font-size:13px; line-height:16px;}
.cspush .cspush_btn.active{border:none;}
.cspush.on[data-type="w"] .cspush_btn.active{ /*top:85px;*/ right:-100px;}
.cspush.on[data-type="h"] .cspush_btn.active{ right:-85px;}

.csp_wrap{width:100% !important; margin:0  !important;} 
.cspush_wrap[data-type="w"] .csp_wrap{min-width:320px; width:90% !important; margin:0 auto !important;}
/*폼영역*/
.csp_form_wrap{padding:20px; margin:0 auto;}
.csp_form_wrap .csp_tit{position:relative; left:auto; top:auto; transform:none; width:100%; display:block; margin:0 auto;}
.csp_form_wrap .csp_tit span{ display:block;padding:5px 0;font-size:20px;}
.csp_form_wrap .csp_tit span strong{display:inline-block; margin-right:10px;}
.csp_form_wrap .csp_close{ position:absolute; right:20px; top:20px; display:block; width:25px; height:25px; border-radius:50%; background:#fff; cursor:pointer;}
.csp_form_wrap .csp_close:before{content:""; position:absolute; left:50%; top:50%; width:80%; height:2px; margin-top:-1px; background:#333; transform:translateX(-50%) rotate(45deg); -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;}
.csp_form_wrap .csp_close:after{content:""; position:absolute; left:50%; top:50%; width:80%; height:2px; margin-top:-1px;background:#333; transform:translateX(-50%) rotate(-45deg); -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;}

.cspush_wrap[data-btn="on"] .csp_form_wrap,
.cspush_wrap[data-type="h"] .csp_form_wrap,
.cspush_wrap[data-type="h"][data-btn="on"] .csp_form_wrap{padding:60px 20px 20px 20px;}

.csp_form_wrap .csp_form{height:auto;display:block; overflow:auto;}
.csp_form_wrap .csp_form .fbox{margin-top:5px; margin-bottom:0; padding-bottom:5px; border-bottom:1px solid rgba(238,238,238,0.5); padding-top:0;}
.cspush_wrap[data-type="w"] .csp_form[data-grid="4"] .fbox{width:49%; margin-right:2%;}
.cspush_wrap[data-type="w"] .csp_form[data-grid="4"] .fbox:nth-child(2n){margin-right:0;}

.csp_form_wrap .csp_form .fbox input[type=text],
.csp_form_wrap .csp_form .fbox input[type=password],
.csp_form_wrap .csp_form .fbox select{ width:calc(100% - 10px);height:35px !important; line-height:35px !important; padding:0 0 0 10px !important;font-size: 13px !important;background:transparent; border-bottom:none !important;}
.csp_form_wrap .csp_form .fbox input[type=text],
.csp_form_wrap .csp_form .fbox input[type=password]{ padding:0 0 0 60px !important; width:calc(100% - 60px);}
.csp_form_wrap .csp_form .fbox input[type=text]:focus,
.csp_form_wrap .csp_form .fbox input[type=password]:focus,
.csp_form_wrap .csp_form .fbox select option:focus,
.csp_form_wrap .csp_form .fbox select:focus{ border:none;}
.csp_form_wrap .csp_form .fbox select{-webkit-appearance:menulist; padding:0 0 0 5px;}
.csp_form_wrap .csp_form .fbox > label {line-height:35px !important;padding-top:0;font-size:13px;}


.cspush_wrap[data-type="w"] .csp_form_wrap .csp_form .fbox.focus > label{top:calc(50% - 3px);font-size: 11px;}

.cspush_wrap[data-type="h"] .csp_form_wrap .csp_form .fbox + .fbox{margin:5px 0 0 0;}
.cspush_wrap[data-type="h"] .csp_form_wrap .csp_form .fbox input[type=text],
.cspush_wrap[data-type="h"] .csp_form_wrap .csp_form .fbox input[type=password]{ padding-left:50px; width:calc(100% - 50px);border-bottom-color:#333;}
/*동의체크*/

.csp_form_wrap .csp_more{ display:block; height:auto; overflow:auto; text-align:center;}
.cspush_wrap[data-type="w"] .csp_form_wrap .csp_more .csp_privacy,
.csp_form_wrap .csp_more .csp_privacy{ padding-top:0;padding-bottom:10px;}
.csp_form_wrap .csp_more .csp_privacy .csp_privacy_chk{font-size:13px; padding-left:30px; line-height:24px;}
.csp_form_wrap .csp_more .csp_privacy .csp_privacy_btn{margin-top:2px;}

.csp_form_wrap .csp_btnbox .cspbtn[data-type="register"]{font-size:15px; line-height:35px;}
.csp_form_wrap .csp_more .csp_privacy input#privacy_agreement_radio0:checked + label + .csp_privacy_chk:before{background-position:0 -20px; }


.csp_form_wrap .csp_privacy_pop .csp_privacy_pop_close{ position:absolute; top:auto !important; bottom:0;right:50% !important; margin-right:-12px;}
.csp_form_wrap .csp_privacy_pop textarea{background:transparent;}

.csp_form_wrap.click .csp_privacy_pop{ padding:0 0 30px;}


 }