@charset "utf-8";
@font-face{font-family:'bmw';font-weight:bold;font-style:normal;src:url('../font/bmwtypewebbo_all.eot');src:url('../font/bmwtypewebbo_all.eot?#iefix') format('embedded-opentype'),url('../font/bmwtypewebbo_all.woff') format('woff')}
@font-face{font-family:'bmw';font-weight:normal;font-style:normal;src:url('../font/bmwtypewebli_all.eot');src:url('../font/bmwtypewebli_all.eot?#iefix') format('embedded-opentype'),url('../font/bmwtypewebli_all.woff') format('woff')}
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

html{width:100%;}
body{width:100%;color:#333;font-size:13px;font-family:'NanumSquare', sans-serif;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust:none}
body,section,article,aside,footer,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td,legend,button{margin:0;padding:0;font-family:'NanumSquare', sans-serif;webkit-text-size-adjust:none;word-break:keep-all;box-sizing: border-box;}
section,nav,article,aside,hgroup,header,footer,iframe{display:block}
form,fieldset,img{border:0 none}
table{width:100%;border-collapse:collapse;border:0;border-spacing:0}
th,td{border:0}
hr{display:none}
em{font-style:normal}
caption{overflow:hidden;width:0;height:0;text-indent:-99999px;font-size:0;line-height:0;}
legend{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
img,fieldset,button{border:0 none}
ul,ol,li{list-style:none outside}
img,input,select,textarea{vertical-align:middle}
textarea{-webkit-border-radius:0;-webkit-appearance:none}
select{padding:0 0 0 6px;letter-spacing:0;-webkit-border-radius:0;-webkit-appearance:none}
a{text-decoration:none}
a:link,a:visited,a:hover,a:active{text-decoration:none;color: unset;}
/*li,p,dt,dd,div,span{word-break:break-all}*/
input{border-radius:0;-webkit-border-radius:0;-webkit-appearance:none;box-shadow:none}
button, input[type='button'], input[type='submit'], input[type='reset']{cursor:pointer;border-radius:0;-webkit-border-radius:0;-webkit-appearance:none;border:0;vertical-align:middle}



:root {
    --primary:#00a0e9;
    --btn-orange:#dda577;
}

/* clearFix */
.clearfix:after{content:"";display:block;height:0;overflow:hidden;clear:both}
ol:after, ul:after{content:"";display:block;height:0;overflow:hidden;clear:both}

/* Web Content Accessibility TTS(Text To Speech) Code */
.hidden, .skipNav{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}

.lyDim{z-index: 2; position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.5)}
.noScroll{height:100%;overflow:hidden;}

.col2, .col2>li{width:50% !important}
.col3>li{width:33.3333333% !important}
.col4>li{width:25% !important}
.col5>li{width:20% !important}

/* important css */
.pointC {color: var(--primary) !important;}

.tL{text-align:left !important}
.tC{text-align:center !important}
.tR{text-align:right !important}

.fLeft{float:left !important}
.fRight{float:right !important}

.flex {display: flex;align-items: center;justify-content:space-between}

.positionR{position: relative;}

.mgt{margin-top:30px !important;}
.mgt1{margin-top:10px !important}
.mgt2{margin-top:20px !important}

.vT{vertical-align:top}
.vM{vertical-align:middle}
.w50{width: 50% !important}
.w100{width: 100% !important}

/*layout ====================================================================================*/
.wrap{width:100%;height: 100%;}
header{position:fixed;left:0;top:0;width: 100%;background: #fff;z-index: 1}
.contents{background:#fff;width: 90%;margin:0 auto 70px;}

header>h2{text-align: center;font-size: 18px;padding-top: 15px;padding-bottom: 9px;}
header>a{display:block;overflow:hidden;position:absolute;top:8px;width:30px;height:30px;color:transparent;font-size:0px;line-height:1px;}
header>a.preBtn{left:10px;background:url("../images/prev.png") no-repeat center;background-size:15px auto;}
.headInner{padding: 7px 17px;box-shadow: 0px 2px 5px  rgb(51 51 51 / 10%);}
.headInner>.btn_location {display: inline-block;padding: 7px 8px 7px 28px;background:#f4f6f9 url("../images/ico-location.png") no-repeat left 8px center;background-size:15px auto;border-radius: 6px;}
.headInner>.btn_location>strong {color:var(--primary)}

.reservBox{display: flex;justify-content: space-around;align-items: center; width: 100%;background: #fff;padding: 12px 20px;margin-bottom: 20px; box-shadow: 0px 2px 5px  rgb(51 51 51 / 10%);}
.reservBox>.baby{width: 75%;padding-left: 10px;}
.reservBox>.baby>select{display: block;height: 35px;padding:0; border: 0;font-size: 18px;font-weight: bold;width: 200px;}
.profile{width: 60px;height: 60px;border-radius: 100%;background:#eceff3 url("https://icongr.am/clarity/avatar.svg?size=30&color=999999") no-repeat center;display: inline-block;vertical-align: middle;}
.profile>img{width: 100%}
.profile.photo:after{content: '';width: 23px;height: 23px;display: inline-block;border-radius: 100%;border:3px solid #fff; background:#00a0e9 url("https://icongr.am/material/plus.svg?size=17&color=ffffff") no-repeat center;position: absolute;right: -1px;bottom: -1px;}

.mapArea{height: 550px;padding-top: 90px;overflow: hidden}

.cardBox{position: relative;font-size: 14px;width: 98%;padding: 12px 10px;margin: 10px auto 10px;border: 0px solid #e7e7e7;border-radius: 10px;box-shadow: 1px 1px 3px  rgb(51 51 51 / 0%);}
.cardBox>h2{color:var(--primary); font-size: 20px;line-height: 30px;}
.cardBox>.time {margin:5px 0 3px;padding-left: 18px; background:url("https://icongr.am/octicons/clock.svg?size=13&color=2c3742") no-repeat left 2px;}
.cardBox>.time>span{display: inline-block;color:#999;width:57px;}
.cardBox>.add {font-weight: 700;padding-left: 18px; background:url("../images/ico-location.png") no-repeat left center;background-size:14px auto;}
.cardBox>.owner{padding-left: 18px; line-height: 22px; background:url("https://icongr.am/feather/user.svg?size=15&color=2c3742") no-repeat left 2px;}
.cardBox>.tel{font-weight: 700;padding-left: 18px; line-height: 22px; background:url("https://icongr.am/feather/phone-call.svg?size=14&color=2c3742") no-repeat left 4px;}
.cardBox>.add>span{font-weight: 400; padding-left: 6px;}
.cardBox>.add>span:before{content: '';border-left: 1px solid #ddd; padding-left: 6px;}
.cardBox>.btn_reserv {position: absolute;right: 11px; bottom:5px;}
.btn_reserv {background: var(--primary);padding: 5px 13px; color: #fff!important;font-weight: bold; border-radius: 20px;}

.cardBox2,
.babyBox {position: relative;font-size: 14px;width: 100%;padding: 15px 20px; margin: 10px auto 10px;background: #f6f7fa;border-radius: 10px;}
.cardBox2 ul li,
.babyBox ul li {color: #000;padding: 3px 0;}
.cardBox2 ul li span,
.babyBox ul li span{display: inline-block;color: #999;width: 60px;}
.badge01, .badge02, .badge03 {font-weight: bold; padding: 2px 0 10px;font-size: 16px}
.badge03 {border-bottom: 1px solid #ddd;font-size: 24px;text-align: center;}
.badge01:before,
.badge02:before,
.badge03:before,
.badge04:before{content: '';vertical-align: middle;margin-right: 7px; display: inline-block;width: 25px;height: 25px;background: url("https://icongr.am/feather/check-circle.svg?size=22&color=00a0e9") no-repeat center;}
.badge02:before{background:url("https://icongr.am/feather/user-check.svg?size=22&color=00a0e9") no-repeat center;}
.badge03:before{margin-right: 4px;background:url("https://icongr.am/material/account-cog-outline.svg?size=24&color=999999") no-repeat left center;}
.badge04:before{margin-right: 0px;background:url("https://icongr.am/feather/check-circle.svg?size=18&color=999999") no-repeat left center;}

.babyBox:first-child{margin-top:80px;}
.babyBox>ul{display: inline-block;vertical-align: middle;margin-left: 20px;}


/*main*/
.main_wrap{width: 82%;text-align: center;margin:20% auto;padding-top: 90px; background:url("../images/logo.png") no-repeat center top;background-size:90px;}
.main_wrap>h2{font-size: 24px;}
.main_wrap>h3{padding: 12px 0; font-size: 19px;color: var(--primary);font-weight: 400;}
.mSearch{position: relative;margin-top: 20px; padding: 0px;background: #ffffff;border: 1px solid var(--primary);border-radius: 10px;overflow: hidden;box-shadow: 0px 5px 9px  rgb(51 51 51 / 13%);}
.mSearch a{position: absolute;right:5px;width: 50px;height: 100%;background:url("../images/ico-search.png") no-repeat center;background-size:24px;}


/*footer ====================================================================================*/
.fmenu{z-index: 1; position: fixed; bottom: 0;left: 0; width:100%;height: 60px;background: #f6f7fa;padding: 9px 15px;text-align: center;}
.fmenu ul li {display: inline-block;width: 20%;}
.fmenu ul li a{width: 100%;color:#333;font-size: 11px; line-height: 76px; display: inline-block; background-size:28px !important;}
.fmenu ul li:nth-child(1) a{background: url("../images/ico-bottom5.png") center top no-repeat;}
.fmenu ul li:nth-child(2) a{background: url("../images/ico-bottom1.png") center top no-repeat;}
/*.fmenu ul li:nth-child(3) a{background: url("../images/ico-bottom6.png") center top no-repeat;}*/
.fmenu ul li:nth-child(3) a{background: url("../images/ico-bottom3.png") center top no-repeat;}
.fmenu ul li:nth-child(4) a{background: url("../images/ico-bottom4.png") center top no-repeat;}

/*contents ==================================================================================*/
.btnTop{display:block;overflow:hidden;position:fixed;bottom:10px;right:10px;z-index:10;width:40px;height:40px;background:url(../images/btn_top.png) no-repeat;background-size:40px auto;color:transparent;font-size:1px;line-height:1px;}

/*contents Title*/
.conTit1{margin-bottom:13px;color:#fff;font-weight:bold;font-size:17px;line-height:21px}
.conTit1~.conTit1, .titWrap~.titWrap, .conTit1~.titWrap, .titWrap~.conTit1{margin-top:50px}
.titWrap{overflow:hidden;position:relative;margin-bottom:13px;}
.conTit2{font-weight:bold;font-size:16px;line-height:21px}

/*paragraph*/
.contents strong, p{word-break:keep-all}
.contents p{line-height:20px}
.contents p+p{margin-top:17px}
p.inpErr{margin:5px 0 8px 20px;color:#ff3636;font-size:11px;line-height:1.2em}
p.inpErr:before{content:'!';display:inline-block;text-indent:-10px}
p.txtInfo, ul.txtInfo li{padding:9px 10px 0 20px;font-size:13px;line-height:16px;background:url(https://icongr.am/clarity/exclamation-circle.svg?size=20&color=999999) no-repeat left 7px;}
/*p.txtInfo:before, .txtInfo li:before{content:'※';display:inline-block;text-indent:-15px}*/
ul.txtInfo li+li, ul.listDot li+li{padding-top:9px;}
ul.listDot li .txtInfo{padding-left:0;}
p.listDot, ul.listDot li{padding-left:10px}
p.listDot:before, ul.listDot li:before{content:'';display:inline-block;width:3px;height:3px;margin:0 7px 0 -10px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background:#919393;vertical-align:3px;font-size:14px;line-height:20px}
.chkList li{margin-left:20px}
.chkList li+li{margin-top:8px}
.chkList li:before{content:'';display:inline-block;width:20px;height:15px;background:url(../images/bg_checklist.png) no-repeat 0 50%;background-size:14px auto;vertical-align:middle;margin-left:-20px}
.listDot a{color:#bcbdbd;}
.txtInfo a{color:#7f8081;/*text-decoration:underline;*/}

.listDash li, p.listDash{padding-left:10px;}
.listDash li+li{margin-top:5px;}
.listDash li:before, p.listDash:before{content:'-';display:inline-block;width:10px;margin-left:-10px;}

li ul.listDash li{padding-left:8px;}
li ul.listDash li+li{margin:0;padding-top:2px;}
li ul.listDash li:before{content:'-';display:inline-block;width:auto;height:auto;margin:0 3px 0 -8px;background:none;}

.required{display:inline-block;overflow:hidden;width:5px;height:5px;margin-left:5px;background:url(../images/ico_required.png) no-repeat;background-size:5px auto;color:transparent;font-size:1px;line-height:1px;vertical-align:text-top}
.resultTxt{padding-bottom:5px;color:#fe811e;font-size:11px;line-height:13px}

/*box*/
.contArea{padding:20px 15px 50px}
.contArea.tpd{padding-top:27px}
.topBor{border-top:1px solid #444647}
.boxType1{padding:17px 10px;border:1px solid #2a2d2e;line-height:22px}


/*tab*/
.tabType1 ul{display:table;width:100%}
.tabType1 ul li{display:table-cell;width:100%;border-bottom:2px solid #fe811e;vertical-align:top}
.tabType1 ul li a{display:table;overflow:hidden;position:relative;width:100%}
.tabType1 ul li+li a:before{content:'';display:block;position:absolute;left:0;top:50%;width:1px;height:24px;margin-top:-12px;background:#383838}
.tabType1 ul li a span{display:table-cell;height:41px;padding:2px 0 0;color:#808080;font-size:13px;line-height:1.2em;vertical-align:middle;text-align:center}
.tabType1 ul li.on{border-bottom:0 none;}
.tabType1 ul li.on a span{border:2px solid #fe811e;border-bottom:0 none;padding:0 0 2px;color:#fff}
.tabType1 ul li.on a:before, .tabType1 ul li.on+li a:before{content:none}
.tabCont{padding-top:20px}
.tabCont.tpd{padding-top:27px}

/*form*/
.rdChk{overflow:hidden;display:inline-block;position:relative}
input[type='text'],input[type='password'],input[type='tel'],input[type='number'],input[type='search'],input[type='email'],input[type='date']{display:inline-block;width:100%;height:45px;padding:0px 15px;border:1px solid #ddd;background:#fff;border-radius: 1px; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

input[type=checkbox]:before { content:""; display:inline-block; background: #fff; width:20px; height:20px;border: 1px solid #717171; }
input[type=checkbox]:checked:before,
.login_wrap input[type="checkbox"]:checked + label:before {background: var(--primary) url(../images/check_w.png) center center no-repeat; }	
input[type=radio]:before { content:""; display:inline-block; background: #fff; width:20px; height:20px; border: 1px solid #717171;border-radius: 100%; }
input[type=radio]:checked:before {background: #fff url(../images/radio_w.png) center center no-repeat; }	

input[type=checkbox] + label,
input[type=radio] + label,
.login_wrap label:before { margin: 0 20px 0 9px;}	
input[type=checkbox]:hover +label, input[type=radio]:hover +label {color:#3e3a39}
input::placeholder, textarea::placeholder {color: #666;font-size: 14px;}

input+label{word-break:keep-all}


/*selectBox*/
select{width:100%;height:45px;border-radius: 1px; border-color: #ddd; background:url(../images/down.png) right 10px top 48% no-repeat; background-size:14px; -webkit-appearance: none; -moz-appearance: none; appearance : none; padding:2px 8px;}
select::-ms-expand{display:none;}

textarea{width:100%;padding:15px 10px;border:1px solid #393c3d;background:#232627;color:#fff;line-height:1.34em;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}

/*form list*/
.reserBox{width: 100%;background: #fff;padding: 30px 0px 10px;margin: 20px auto; }
.reserBox h2{font-size: 16px;margin: 25px 0 8px}
.reserBox li{position:relative}
.reserBox li span{display:block; padding:4px 0px 5px}
.reserBox .cardBox2>div{display: block;margin: 5px 0;color: var(--primary); }
.reserBox .cardBox2>div strong{color:#999;width: 50%;display: inline-block;}

.calendarBox{margin: 20px auto 0;}
.calendarBox .btnS{width: 23%;}

/*button*/
.btnL{display:block;border-radius: 5px;padding:0 25px;height:43px;background:var(--primary);color:#fff !important;font-size:15px;line-height:43px;text-align:center;letter-spacing:-1px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.btnS{display:inline-block;border-radius: 5px;padding:0 15px;height:36px;background:var(--primary);color:#fff !important;font-size:14px;line-height:36px;text-align:center;letter-spacing:-1px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.bGray{background:#414243;color: #fff!important}
.bLine{background:#fff;border:1px solid #ddd;color: #333!important;}
.btnBox{margin:30px auto 0;padding:0 0px 50px;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.btnBox2{display:flex;justify-content: space-between;align-items: center; width: 100%; position:relative;margin: 20px auto 0;}
.btnBox2>span{width: 49%}
.btnBox>a+a{margin-top:10px}


.contents .fixedBtn{position:fixed;bottom:0;z-index:11;width:100%}
.fixedBtn:after{content:'';display:block;clear:both}
.fixedBtn span{display:table;float:left;position:relative;width:50%;background:#414243}
.fixedBtn span:last-child{background:#fe811e}
.fixedBtn span a{display:table-cell;height:45px;color:#fff;font-size:16px;text-align:center;vertical-align:middle;letter-spacing:-2px}


/*table*/
.infoTable{border-top:1px solid #444647}
.infoTable>li{display:table;position:relative;width:100%;border-bottom:1px solid #2e3132}
.infoTable>li{display:table;position:relative;width:100%;border-bottom:1px solid #2e3132}
.infoTable>li.dpB{display:block}
.infoTable>li.dpB .dpT{display:table;width:100%;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.infoTable>li>em, .infoTable>li>span, .infoTable>li>div, .infoTable>li.dpB .dpT em, .infoTable>li.dpB .dpT span{display:table-cell;padding:15px 10px;font-size:15px;line-height:20px;text-align:left}
.infoTable>li>em, .infoTable>li.dpB .dpT em{width:30%;padding-right:0;color:#656868;font-size:14px;}
.infoTable>li>em.vM{padding:5px 0 5px 10px;height:38px}
.infoTable>li.incBtn>span{padding-right:35px;}
.infoTable>li .btnInfo{position:absolute;right:10px;top:50%;margin-top:-10px;}



/*popup*/
.popWrap .popTit{padding:13px 40px 13px 15px;background:#000;color:#fff;font-weight:normal;font-size:19px;line-height:24px}
.popWrap .contArea{padding-bottom:25px}
.popWrap .btnClose{position:absolute;right:4px;top:5px;width:40px;height:40px;background:url(../images/btn_close.png) no-repeat 50% 50%;background-size:17px auto;overflow:hidden;color:transparent;font-size:1px;line-height:1px}

.layerPop{z-index:2;position:fixed;top:25%;right:0;left:0}
.layerPop .lyWrap{position: relative;margin:0 15px;background:#fff;border-radius: 20px;}
.layerPop .lyTit{padding:25px 15px;font-size:18px;line-height:1.3em;text-align:center}
.layerPop .lyCon{overflow-y:auto;max-height:190px;position:relative;padding:0 25px;font-size: 14px;line-height: 20px;}
.layerPop [class*='Wrap']>.btnBox{margin-top:30px;padding: 0 10px 18px;}
.layerPop [class*='Wrap']>.btnBox:after{content:'';display:block;clear:both}
.layerPop [class*='Wrap']>.btnBox a{display:block;height:45px;font-size:15px;line-height:45px}
.layerPop [class*='Wrap']>.btnBox>span{float:left;width:49%;border-radius: 8px;background: #f4f6f9;color:#666;}
.layerPop [class*='Wrap']>.btnBox>span+span{margin-left: 5px;background:var(--primary);color: #fff;}


.lyWrap .btnClose{position:absolute;right:1px;top:1px;width:40px;height:40px;background:url(../images/ico-close.png) no-repeat 50% 50%;background-size:17px auto;overflow:hidden;color:transparent;font-size:1px;line-height:1px}
.lyWrap{position: relative;}

/*로그인*/
.login_wrap{width: 92%;margin:120px auto 70px;}
.login_wrap > div.form{margin-top: 20px}
.login_wrap > div.form input[type=text],.login_wrap > div.form input[type=password]{border: 0px;border-bottom: 1px solid #d2d2d2;margin: 10px 0;}
.login_wrap > .option {margin-top: 30px}
.login_wrap > .option>a {font-size: 13px;color:#414141;padding: 10px 0;}
.login_wrap > .option>a:after {content:'';border-right: 1px solid #ddd;padding-left:10px;margin-right: 10px}
.login_wrap > .option>a:last-child:after {border-right:0;padding-left:0px;margin-right:0;}

/*회원가입*/
.joinBox{width: 96%;margin:70px auto 70px;}

.joinBox input:not([type=checkbox]) {margin:5px 0;}
.joinBox .rdChk>span {padding-right:30px;}
.joinBox input+label a{text-decoration: underline}
.icoDate {position: absolute;right: 8px;top:5px; height: 45px;width: 40px;background:url(https://icongr.am/clarity/calendar.svg?size=22&color=999999) no-repeat 50% 50%;}

.list {margin: 80px auto 20px; counter-reset : numbering;list-style-type:none;}
.list .item {margin:10px 0;background: #f6f7fa;padding: 8px 10px;border-radius: 6px;}
.list .item:before{
    counter-increment : numbering; 
	content: counter(numbering)".";
    margin:3px 0px;display: inline-block;width: 16px;height: 20px;border-radius: 100%;text-align: center; vertical-align: middle;font-size: 14px;font-weight: bold;color:var(--primary);line-height: 19px;
}
.list .item>h2{display:inline;vertical-align: middle;font-size: 15px;}
.list .item>p{display:block;margin:5px 0 0 40px;}


.mypageBox{margin-top: 70px;}
.mypageBox>ul{margin:10px 10px;}
.mypageBox>ul>li{font-size:16px;font-weight: 700; margin: 0 0 1px;padding: 16px 0; position: relative;border-bottom: 1px solid #E5E5E5;}
.mypageBox>ul>li span{font-size:13px;line-height: 23px; font-weight: 400;color: #999;display: block}
.mypageBox>ul>li a{position: absolute;right: 0px;top:0px; height: 100%;width: 40px;background:url(https://icongr.am/octicons/chevron-right.svg?size=26&color=00a0e9) no-repeat 50% 50%;}


.ico-withdraw {background:#fff url("https://icongr.am/clarity/remove.svg?size=20&color=414243") no-repeat left 15px center;}
.ico-logout {background:#00a0e9 url("https://icongr.am/material/logout.svg?size=20&color=ffffff") no-repeat left 15px center;}


.noticeBox{margin-top: 70px;}
.noticeBox>ul>li{font-size:16px;font-weight: 600; padding: 10px 0; position: relative;border-bottom: 1px solid #E5E5E5;}
.noticeBox>ul>li a{display: block;padding: 6px 0;}
.noticeBox>ul>li span{font-size:13px;line-height: 23px; font-weight: 400;color: #999;display: block}
.noticeBox .nCotents{padding:30px 5px;}
.noticeBox .nCotents>img{width:100%}

div.toggleWrap {  
  width: 50px;
  margin: 0 auto;
  padding: 0 10px;
}

div.toggleWrap input {
  display: none;
}

div.toggleWrap input:active + div label,
div.toggleWrap input:checked + div label {
  border: 10px solid var(--primary);
  box-shadow: 0 0 5px #abe2fb;
}

div.toggleWrap input:active + div label > span,
div.toggleWrap input:checked + div label > span {
  left: 18px;
}

.toggleWrap > div {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  width: 34px;
  height: 20px;
  margin-top: 17px;
}

div.toggleWrap label {
  display: block;
  width: 36px;
  height: 20px;
  box-sizing: border-box;
  border-radius: 36px;
  border: 1px solid #aaa;
  background: #fff;
  transition: all 0.3s ease;
}

div.toggleWrap label > span {
  position: absolute;
  top: 3px;
  left: 3px;
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  box-sizing: border-box;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.85), 0 3px 3px 0 rgba(0, 0, 0, 0.45);
  transition: all 0.3s cubic-bezier(0.275, -0.45, 0.725, 1.45);
  background: #fff;
}

.noData{position:relative;padding:80px 0 60px;margin-top: 50px; text-align:center}
.noData:before{content:'';display:block;position:absolute;top:0;left:50%;width:65px;height:65px;margin-left:-32px;background:url(../images/ico_confirm.png) no-repeat;background-size:65px auto}

.serachBox{width:92%;margin:20px auto}
.resultBox{border:1px solid #ddd; border-top: 0; border-radius:0 0 8px 8px;margin:-2px auto 10px; padding:12px;box-shadow: 0px 3px 7px rgb(51 51 51 / 11%);}
.resultBox a{display: block;padding:10px 10px;}

/*vue component css 충돌헷지*/
button, input {border-sytle:unset!important;}
select, textarea{border-style:solid!important;}

.sv_main .sv_body{border-top:0!important;}
.sv_main .sv_container .sv_body{padding:0!important; margin-top:20px!important;}
.sv_main .sv_container .sv_body .sv_p_root>.sv_row{padding: 0!important;background:#f6f7fa!important;border-radius: 6px!important;margin-bottom: 20px!important;}
.sv_main .sv_p_root>.sv_row{border-bottom:0!important}
.sv_main .sv_container .sv_body .sv_p_root .sv_q input[type=checkbox], .sv_main .sv_container .sv_body .sv_p_root .sv_q input[type=radio] {height: unset!important;margin-top:0!important}
.sv_main .sv_container .sv_body .sv_p_root .sv_q_other{margin-left:0!important}
.sv_main .sv_nav input[type=button]{width:49%!important}
.sv_main.sv_default_css .sv_nav input[type="button"] {background-color: var(--primary)!important;font-size: 16px!important;}

.v-expansion-panels--inset>.v-expansion-panel--active{max-width: 100% !important}
.v-expansion-panel--active>.v-expansion-panel-header{min-height: unset !important}
.v-expansion-panel-content__wrap {padding:0!important}
.v-expansion-panel-header {font-size: 16px!important;color:var(--primary)!important; font-weight: bold!important;}