@charset "utf-8";

html,body {font-size:16px;	margin:0; padding:0; scroll-behavior: smooth;}

section,article,header,footer,nav,
div,p,
h1,h2,h3,h4,h5,h6,
ul,ol,li,dl,dd,dt,
img,a,
form,input,select,option,fieldset,textarea,button,label,
figure,video {
	margin:0;
	padding:0;
	border:0;
	background-repeat:no-repeat;
	background-position:center;
	background-color:transparent;
	background-size:cover;
	line-height:1;
	text-decoration:none;
	font-family:'pretendard','맑은 고딕',돋움,'Apple SD Gothic Neo',sans-serif;
    font-weight:400;
	color:#444;
	box-sizing:border-box;
	text-size-adjust:none;
	list-style:none;
	word-break: keep-all;
    letter-spacing: 0;
    transition:0.5s;
    
}
a:link, a:visited,
a:hover, a:focus, a:active {
	text-decoration:none;
}


dd,
a {font-size:inherit; font-weight:inherit; color: inherit;}

a, button, input[type=submit] {cursor: pointer}

table {width:100%; border-spacing:0; border-collapse:collapse;}

:root{
    
/*    font*/
    --main-color:#000;
    --sub-color:#111;
    --color-3:#58c721;
    
    --bg-color:#eef3f6;

    
    --kakao-y:#f9e000;
    --kakao-b:#3b1e1e;
    --naver-g:#39ab37;
    --fb-b:#445e98;
    
    --quick1:#0133d8;
    --quick2:#ffe600;
    --quick3:#ed1840;
    --quick4:#2ac4c2;
    

}

/*========= input ===========*/
.unit {position: absolute; right:10px; top:50%; transform:translateY(-50%);}
.ip_comm	{display:block; width:100%; height:44px; padding:0 10px; border:0; background-color:#fff; border-radius:5px; border:1px solid #ddd; font-size:16px; box-sizing:border-box; outline:none; }
.ip_comm:focus	{background-color: #ffffee;}
.ip_comm.tel	{width:30%;}
.ip_comm.tel+.bar	{}
.set_tel	{display:flex; align-items: center; justify-content: space-between;}
select.ip_comm	{padding-right:0;}
textarea.ip_comm	{height:100px; padding:10px; line-height:1.5;}
.btn_sm	{display:flex; align-items: center; justify-content: center; text-align: center; width:auto; height:42px; background-image:linear-gradient(145deg, var(--main-color), var(--sub-color)); border-radius:5px; font-size: 15px; font-weight: 600; color:#fff; }

.set_agree {display:flex; align-items: center; justify-content: flex-start;}
.set_agree label,
.set_agree a {margin-left:5px; font-size:14px;}


.row {display:flex; align-items: center; justify-content: space-between}
.col {display:flex; flex-direction: column; align-items: center; justify-content:center;text-align: center;}


.center	{width:100%; max-width:1280px; margin:0 auto;}
@media screen and (max-width:1279px) {
.center	{width:94%; max-width:100%; }
    
}

.clear::after	{content:""; display:block; clear:both;}
.hidden {position:absolute; left:-100%; top:0%; overflow:hidden; width:0; height:0; font-size:0; text-indent:-9999%; line-height:0;}


.btn_nav {position: relative; display:flex; align-items: center ;justify-content:center; width:24px; cursor: pointer}
.on .btn_nav { z-index: 110}
.btn_hbg {position: relative; display:flex; flex-direction: column; justify-content: space-between; width:100%; height:15px;}
.btn_hbg div,
.btn_hbg:before,
.btn_hbg:after {content:""; position:relative; display:block; width:100%; height:1px; background-color:#222; transition:all 0.3s}
.on .btn_hbg div {background-color:transparent;}
.on .btn_hbg:before,
.on .btn_hbg:after {position: relative; transform-origin: center; background-color: #fff; }
.on .btn_hbg:before {top:50%; transform:rotate(45deg);}
.on .btn_hbg:after {top:-50%; transform:rotate(-45deg);}
.on .sub .btn_hbg div,
.on .sub .btn_hbg:before,
.on .sub .btn_hbg:after {background-color:#fff; }


#wrapper {width:100%; background-color: #fff;}










/* 애니메이션 */

@keyframes up {
  100% {bottom:0; opacity:1}
}
@keyframes down {
  100% {top:0; opacity:1}
}
@keyframes left {
  100% {right:0; opacity:1}
}
@keyframes right {
  100% {left:0; opacity:1}
}
@keyframes rotate {
  100% {
       transform: rotateY(360deg);  opacity:1}
}
@keyframes fade {
  100% {opacity:1}
}
@keyframes zoom {
  0% {transform: scale(1);}
  50% {transform: scale(1.1);}
  100% {transform: scale(1); opacity:1}
}

.ani {position: relative; opacity:0;}
.ani.up {bottom:-100px;}
.ani.down {top:-100px;}
.ani.left {right:-100px;}
.ani.right {left:-100px;}
.ani.rotate {}

.active .ani,
.active.ani { animation-duration: 1s; animation-fill-mode:forwards;}
.active .ani.up,
.active.ani.up {animation-name:up}
.active .ani.down,
.active.ani.down {animation-name:down}
.active .ani.left,
.active.ani.left {animation-name:left}
.active .ani.right,
.active.ani.right {animation-name:right}
.active .ani.fade,
.active.ani.fade {animation-name:fade}
.active .ani.rotate,
.active.ani.rotate { animation-duration: 2s;animation-name:rotate}
.active .ani.zoom,
.active.ani.zoom { animation-name:zoom}

.ani:nth-of-type(1) { animation-delay:0.1s;}
.ani:nth-of-type(2) { animation-delay:0.2s;}
.ani:nth-of-type(3) { animation-delay:0.3s;}
.ani:nth-of-type(4) { animation-delay:0.4s;}
.ani:nth-of-type(5) { animation-delay:0.5s;}
.ani:nth-of-type(6) { animation-delay:0.6s;}
.ani:nth-of-type(7) { animation-delay:0.7s;}
.ani:nth-of-type(8) { animation-delay:0.8s;}
.ani:nth-of-type(9) { animation-delay:0.9s;}
.ani:nth-of-type(10) { animation-delay:1.0s;}








#bo_v_con *{line-height:150% !important}



/* 모달팝업 */
#modal-content {display:none;width:600px;max-width:90%;height:500px;box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 0;outline: 0 none}
#modal-content .modal-header {height:20px;border-bottom:1px solid #e5e5e5;padding:15px}
#modal-content .modal-header h4 {margin:0;font:bold 1.125rem 'Malgun Gothic';color:#5d5d5d}
#modal-content .modal-body {padding:15px}
#modal-content .modal-body .b-iframe {width:570px;max-width:100%;height:430px}
#modal-content .b-close{float:right;font:bold 21px Arial;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20);padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
#modal-content .b-close:hover, #modal-content .b-close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}
p.modal-frame-content{width:550px;max-width:100%;height:400px;padding-right:5px;overflow-x:hidden;overflow-y:auto;font:normal 12px 'Malgun Gothic';color:#555;line-height:1.65em}
/*.popbtn {text-decoration:none;cursor:pointer;margin:0 5px}*/
.b-modal __b-popup1__ {max-width:100%}
#modal-content .modal-header,#modal-content .modal-body{box-sizing:content-box !important}

#modal-content2 {display:none; width:400px; height:560px; background:rgba(54,54,54,0.9); border-radius:4px; border:0px;}
#modal-content2 .modal-header {position:relative; height:28px;}
#modal-content2 .modal-body2 {padding:0;}
#modal-content2 .b-close{position:absolute;top:0;right:16px;font-size:2.5rem;font-weight:900;font-family:Tahoma;color:#fff;opacity:.5;filter:alpha(opacity=50);padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
#modal-content2 .b-close:hover, #modal-content .b-close:focus{cursor:pointer;opacity:1;filter:alpha(opacity=100)}
#modal-content2 .modal-body2 .b-iframe {width:400px;height:560px;}