@import url('base.css');

/* Font-Face */
@import url('jquery.datepick.css');
@import url('jquery-ui.min.css');
@import url('jquery-ui.theme.min.css');

/** TOAST **/
.toast { bottom : 100px ; left : 50% ; position : fixed ; width : auto ; display : inline-block ; text-align : center ; background-color : #000 ; color : #fff ; padding : 8px 20px ; border-radius : 18px ; z-index : 100000000000 ; box-shadow : 0 0 8px #888 ; opacity : 0 ; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; }
.toast.on { opacity : 1 }


/** 공통 **/
.wrap { width : 94%;max-width: 1600px; margin : auto ; position : relative ; padding: 0 10px }
.button { display : inline-block ; width : 308px ; height : 30px ; line-height: 28px ; color : #000 ; border : solid 1px #000 ; position : relative ; font-size : 11px ; text-align : center }
.button > .over { position : absolute ; left : 0 ; top : 0 ; height : 28px ; width : 0 ; background : #000 ; color : #fff ; overflow : hidden ; transition : ease-out .2s }
.button > .over .text { width : 306px ; height : 28px ; display : inline-block ; position : absolute ; left : 0 ; top : 0 }
.button:hover > .over { width : 100% }
.button,button { font-family : "futura" , "NotoSans CJK KR", sans-serif  }


body { font-size: 11px; font-family: 'futura', 'Noto Sans CJK KR',sans-serif ; overflow-x : hidden ; font-weight : 100 }
body > header,body > nav,body > section,body > footer { width : 100% ; min-width : 1260px ; position : relative }
body.on-modal { overflow : hidden !important }
input,select { font-family: 'futura', 'Noto Sans CJK KR',sans-serif }
a { color : #000 }

/** HEADER **/
body > header { text-align : center ; height : 50px ; border-bottom : solid 1px #000 ; position : fixed ; top : 0 ; left : 0 ; z-index : 100 ; background-color : #fff ; transition : ease-out .2s }
body > header .wrap { height : 100% }
body > header h1 {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); font-size : 0 ;}
body > header h1 img { height : 25px ; width : auto }
body > header img.white { display : none }
body > header button#btn-gnb { display : inline-block ; width : 20px ; height : 23px ; position : absolute ; top : 13px ; left : 10px ; background : none ; cursor : pointer }
body > header button#btn-gnb span { display : inline-block ; position : absolute ; left : 0 ; width : 100% ; height : 1px ; background-color : #000 ; transition : ease-out .2s ; transform-origin : center center }
body > header button#btn-gnb span:nth-child(1) { top : 5px }
body > header button#btn-gnb span:nth-child(2) { top : 11px }
body > header button#btn-gnb span:nth-child(3) { top : 17px }
body > header button#btn-gnb.on span:nth-child(1) { transform : rotate(45deg) ; top : 11px }
body > header button#btn-gnb.on span:nth-child(2) { left : 50% ; width : 0 }
body > header button#btn-gnb.on span:nth-child(3) { transform : rotate(-45deg) ; top : 11px }
body > header ul#tnb { position : absolute ; right : 10px ; top : 13px;display: none; }
body > header ul#tnb > li { float : left ; margin-left : 12px }
body > header ul#tnb a { font-size : 0 }
body > header ul#tnb img {  }
body > header.white { background-color : #fff !important ; border-bottom-color : #000 !important }
body > header.white button#btn-gnb span { background-color : #000 !important }
body > header.white img:not(.white) { display : inline-block !important }
body > header.white img.white { display : none !important }

body > nav { background : #fff ; position : fixed ; height : 404px ; border-bottom : solid 1px #000 ; z-index : 99 ; top : -404px ; transition : ease-out .2s ; padding-top : 50px }
body > nav.on { top : 0px }
body > nav.on + header { border-bottom-color : #000 ; background-color : #fff }
body > nav.on + header button#btn-gnb span { background-color : #000 }
body > nav.on + header img:not(.white) { display : inline-block }
body > nav.on + header img.white { display : none }
body > nav .wrap { height : 100% }
body > nav ul { padding-top : 10px }
body > nav ul#gnb ul { position : absolute ; width : 50% ; top : 0 ; left : 50% ; height : 100% ; border-left : solid 1px #000 ; padding-top : 60px ; padding-left : 15px ; z-index : 2 ; display : none }
body > nav ul#gnb ul > li { width : 100% }
body > nav ul#gnb a { color : #aaaaaa ; text-decoration : none ; cursor : pointer }
body > nav ul#gnb a.on,body > nav ul#gnb a.now { color : #000 }
body > nav ul#gnb a.on + ul,body > nav ul#gnb a.now:not(.off) + ul,body > nav ul#gnb a:hover + ul { display : block }
body > nav ul#gnb a:hover { color : #000 }
body > nav ul#gnb > li { width : 100% ; height : 26px ; line-height : 26px }
body > nav ul#gnb > li > a { position : relative ; left : 3% }



/** FOOTER **/
body > footer { border-top : solid 1px #000 ; padding : 50px 0 ; font-size : 10px }
body > footer h1 { color : #000 ; margin-bottom : 15px ; line-height : 1 ; font-weight : 400 ; font-size : 10px }
body > footer p { line-height : 1.85 ; line-height : -0.1em ; font-weight : 200 }
body > footer p + p { margin-top : 15px }
body > footer a { color : #111111 ; text-decoration : none ; line-height : 2.2 ; transition : ease-out .2s }
body > footer a:hover { color : #0000c5 }
body > footer > .wrap { height : 430px }
body > footer > .wrap > * { position : absolute ; display : inline-block }
body > footer article { top : 0 }
body > footer article.about { left : 10px }
body > footer article.bluemark { left : 50% }
body > footer article.bluemark h1 a { color : #0000c5 ; line-height : 1 }
body > footer article.bluemark a.button { width : 308px ; border : solid 1px #0000c5 ; color : #0000c5 ; margin-top : 20px }
body > footer article.bluemark a.button .over { background-color : #0000c5 }
body > footer article.bluemark a.button .over > .text { width : 306px }
body > footer article.customer-service,body > footer article.social,body > footer dl.language { left : calc( 50% + 470px ) }
body > footer article.social { top : 290px }
body > footer article.social ul { display : inline-block }
body > footer article.social ul > li { float : left ; display : inline-block ; margin-right : 10px }
body > footer article.social ul > li a { border : solid 1px #000 ; width : 30px ; height: 30px ; text-align : center ; line-height : 28px ; border-radius : 50% ; display : inline-block ; transition : ease-out .2s ; background-size : 50% ; background-position : center ; background-repeat : no-repeat ; font-size : 0 ; opacity: .2 }
body > footer article.social ul > li a img { display : inline-block }
body > footer article.social ul > li a.facebook { background-image : url('../image/ico-social-facebook.png') ; background-size : 25% }
body > footer article.social ul > li a.instagram { background-image : url('../image/ico-social-instagram.png') }
body > footer article.social ul > li a.youtube { background-image : url('../image/ico-social-youtube.png') }
body > footer article.social ul > li a.kakao { background-image : url('../image/ico-social-kakao.png') }
body > footer article.social ul > li a.pinterest { background-image : url('../image/ico-social-pinterest.png') }
body > footer article.social ul > li a.vimeo { background-image : url('../image/ico-social-vimeo.png') }
body > footer article.social ul > li a.tumblr { background-image : url('../image/ico-social-tumblr.png') }
body > footer article.social ul > li a:hover { opacity : 1 }
body > footer dl.language { position : absolute ; bottom : 210px ; width : 320px ; height : 32px ; border : solid 1px #000 ; overflow : hidden ; border-radius : 2px ; transition : ease-out .2s ; background-color : #fff } 
body > footer dl.language > * { position : absolute ; padding-left : 10px ; width : 100% ; background-color : #fff }
body > footer dl.language > dt { bottom : 0 ; line-height : 28px ; z-index : 2 ; color : #000 }
body > footer dl.language > dt:before { content : "" ; width : 300px ; height : 1px ; background : #666 ; display : inline-block ; position : absolute ; bottom : calc( 100% + 2px ) ; left : 10px }
body > footer dl.language > dt:after { content : "" ; width : 1px; border-bottom : solid 5px #000 ; border-right : solid 5px transparent ; border-left : solid 5px transparent ; display : inline-block ; position : absolute ; top : calc( 50% - 3px ) ; right : 13px ; transition : ease-out .2s }
body > footer dl.language > dd {  z-index : 1 ; top : 0 ; padding-top : 8px ; padding-bottom : 8px  }
body > footer dl.language > dd li { line-height : 1.85 }
body > footer dl.language > dd li.now a { color : #000 }
body > footer dl.language:hover { height : 110px }
body > footer dl.language:hover > dt:after { transform : rotate(180deg) }
body > footer address { left : 10px ; bottom : 84px ; color : #aaaaaa ; font-style : normal ; line-height : 2.2 }
body > footer p.copyright { left : 10px ; bottom : 0 }

/** SECTION **/
body > section { margin-top : 50px }


/** PAGING **/
.paging { width: 100% ; display : inline-block ; text-align : center ; padding : 30px 0 }
.paging ol,.paging ol > li { display : inline-block ; padding-inline-start : 0 }
.paging a { display : inline-block ; text-align : center ; min-width : 20px ; padding : 0 10px ; font-family : "Futura", sans-serif ; font-size : 14px ; opacity : .6 ; position : relative ; vertical-align : middle }
.paging a.this { opacity : 1 }
.paging ol { margin : 0 10px }
.paging ol > li a { padding : 0 10px 0 16px }
.paging ol > li a:before { content : "" ; width : 1px ; height : 12px ; transform : rotate(20deg) ; background : #000 ; position : absolute ; left : 0 ; opacity : .6 }
.paging ol > li:first-child a:before { display : none }
.paging > a { display : inline-block ; width : 30px ; height : 12px ; font-size : 0 ; vertical-align : middle }
.paging a.first,.paging a.last { letter-spacing : -0.15em }
.paging a:hover { opacity : 1 }
.paging a.first { background : url('../image/ico-page-first.png') center no-repeat }
.paging a.first + a { background : url('../image/ico-page-prev.png') center no-repeat }
.paging a.last { background : url('../image/ico-page-last.png') center no-repeat }
.paging ol + a { background : url('../image/ico-page-next.png') center no-repeat }

/** FOLDING UI **/
dl.fold { width : 100% }
dl.fold > dt { width : 100% ; height : 30px ; position : relative ; cursor : pointer }
dl.fold > dt:before,dl.fold > dt:after { display : inline-block ; content : "" ; background-color : #000 ; position : absolute ; width : 9px ; height : 1px ; transition : ease-out .2s ; right : 0 ; top : 14px }
dl.fold > dt:before { transform : rotate(90deg) }
dl.fold > dt.on:after { transform : rotate(45deg) }
dl.fold > dt.on:before { transform : rotate(135deg) }
dl.fold > dd { padding : 0 0 8px 0 ; display : none }

/** FORM **/
.form-inline { width : 100% ; position : relative }
.form-inline input:not([type='radio']),.form-inline select { width : 100% }
.form-inline label.control-label { position : absolute ; top : 0 ; left : 0 ; height : 34px ; line-height : 34px }
.form-inline .tooltip { display : none ; position : absolute ; bottom : 100% ; padding : 10px ; width : 400px; right : 0 ; background : #fff ; box-shadow : 0 0 5px 5px rgba(0,0,0,.05) ; text-align : left ; border : solid 1px #000 }
.form-inline .tooltip > strong { display : block }
.form-inline input:focus ~ .tooltip { display : inline-block }
.form-inline * { vertical-align : middle }
.form-inline.phone,.form-inline.check { padding-left : 120px !important ; text-align : right !important ; font-weight : 400 }
.form-inline.phone:before,.form-inline.check:before { content : "" ; position : absolute ; top : 45px ; left : 0 ; width : 100% ; height : 1px ; background : #000 ; display : inline-block }
.form-inline.phone input,.form-inline.phone select { width : calc( 33.33333333333333% - 20px ) ; text-align : center !important ; padding : 0 !important ; border : none }
.form-inline.check input { opacity : 0 ; width : 1 ; height : 20px ; margin-left : 10px }
.form-inline.check input + label:before { content : "" ; width : 20px ; height : 20px ; border-radius : 50% ; border : solid 1px #000; margin-right : 10px ; display : inline-block ; vertical-align : middle }
.form-inline.check input:checked + label:before { background : #000 }

.form-inline2 { width : 100% ; position : relative ; padding : 25px 0 ; min-height : 84px }
.form-inline2.no-padding { padding : 0 ; min-height : 34px }
.form-inline2.no-padding-bottom { padding-bottom : 5 ; min-height : 64px }
.form-inline2 .control-label { position : absolute ; top : 5px ; left : 0 ; font-size : 11px }
.form-inline2 input,.form-inline2 select { width : 100% ; height : 34px ; padding : 0 5px ; border : solid 1px #000 ; font-family : "Futura" , "NotoSans CJK KR", sans-serif }
.form-inline2.phone { font-size : 0 }
.form-inline2.phone input,.form-inline2.phone select { width : 33.33333333333333% ; text-align : center ; font-size : 12px ; border-left : none }
.form-inline2.phone > *:first-child { border-left : solid 1px #000  }
.form-inline2 .tooltip { display : none ; position : absolute ; bottom : 100% ; padding : 10px ; width : 100% ; right : 0 ; background : #fff ; box-shadow : 0 0 5px 3px rgba(50,50,50,.1) ; text-align : left ; border : solid 1px #000 }
.form-inline2 .tooltip > strong { display : block }
.form-inline2 input:focus ~ .tooltip { display : inline-block }
.form-inline2 .describe { display : block ; font-size : 10px ; text-align : right ; position : absolute ; right : 0 ; top : 62px }
.form-inline2.check { text-align : left }
.form-inline2.check input { opacity : 0 ; width : 0 ; height : 14px }
.form-inline2.check input + label:not(.control-label) { margin-right : 15px ; height : 34px ; line-height : 34px ; cursor : pointer }
.form-inline2.check input + label:not(.control-label):before { content : "" ; width : 14px ; height : 14px ; border-radius : 50% ; border : solid 1px #000; margin : 10px 5px 10px 0 ; display : inline-block ; vertical-align : middle }
.form-inline2.check input:checked + label:not(.control-label):before { background : #000 }

.form-inline2.check2 { text-align : left }
.form-inline2.check2 input { opacity : 0 ; width : 0 ; height : 0 ; position : absolute }
.form-inline2.check2 input + label:not(.control-label) { width : calc( 50% - 5px ) ; height : 34px ; display : inline-block ; float : left ; text-align : center ; line-height : 32px ; cursor : pointer ; border : solid 1px #000 ; background : #fff ; color : #000 ; margin-left : 10px }
.form-inline2.check2 input:first-child + label:not(.control-label) { margin-left : 0 }
.form-inline2.check2 input:checked + label:not(.control-label) { background : #000 ; color : #fff ; border-color : #000 }
.form-inline2.check2 label ~ label { border-left : none }

.form-inline2.address input,.form-inline2.address select { margin-top : 5px !important }
.form-inline2.address .ec-address-zipcode { text-align : left }
.form-inline2.address .ec-address-zipcode * { vertical-align : middle ; margin : 0 }
.form-inline2.address .ec-address-zipcode input { width : 100px }
.form-inline2.address .ec-address-zipcode button { width : 80px ; height : 34px }

.form-inline2.date { font-size : 12px ; text-align : left }
.form-inline2.date input { width : calc( 33.3333333333333333333% - 34px ) }

.checkbox { position : relative ; display : inline-block ; padding : 0 }
.checkbox * { vertical-align : middle }
.checkbox input { position : absolute ; width : 0 !important ; height : 0 !important }
.checkbox input + label { }
.checkbox input + label:before { content : "" ; display : inline-block ; width : 14px ; height : 14px ; border : solid 1px #aaa ; vertical-align : middle ; margin-right : 10px ; margin-top : -3px }
.checkbox input:checked + label:before { background : #000 ; border-color : #000 }
.checkbox input + label.right:before { position : absolute ; right : 0 }
.checkbox label ~ label { margin-left : 20px }


/** TABLE **/
table > tfoot td { text-align : right !important }
table > tfoot > tr:first-child > td { padding : 35px 0 }
table > tfoot dl { width : 280px ; display : inline-block }
table > tfoot dl > * { display : inline-block ; float : left ; /*height : 28px ; line-height : 28px */ ; padding: 8px 0 ; line-height : 1.2 }
table > tfoot dl > dt { text-align : left ; width : 180px }
table > tfoot dl > dd { width : 100px ; text-align : right }
table > tfoot td.total { padding : 20px 0 100px 0 }
table > tfoot td.total dl > dt { font-weight : 800 ; line-height : 22px }
table > tfoot td.total dl > dd { font-weight : 800 }
table > tfoot td.total dl > dd input { width : 100% ; font-family : 'Futura',sans-serif }
table > tfoot td.agree { text-align : left ; padding-top : 40px }
table > tfoot td.agree * { cursor : pointer }
table td.info { line-height : 1.6 ; padding : 15px 0 }
table td.info h4 { padding : 20px 0 10px 0 ; font-size : 13px }
table td.info ol { margin-bottom : 20px }
table td.info ol > li { padding: 3px 0 }
table tr.hidden { position : absolute ; opacity : 0 ; overflow : hidden ; width: 0 ; height: 0 }

table.list { width : 100% }
table.list th,table.list td { border-bottom : solid 1px #000 ; position : relative ; padding : 10px 0 ; font-weight : 400 ; vertical-align : middle }
table.list > tfoot > tr:last-child > td { border-bottom : none }
table.list span.thumb { display : inline-block ; width : 120px ; height : auto }
table.list .thumb img { max-width : 100% ; height : auto }
table.list button.delete { border : none ; position : absolute ; top : 15px ; right : 3px ; display : inline-block ; width : 15px; height : 15px ; transform : rotate(45deg) ; opacity : .3 }
table.list button.delete:before,table.list button.delete:after { content : "" ; display : inline-block ; width : 15px ; height : 1px ; background : #000 ; position : absolute ; top : 7px ; left : 0 }
table.list button.delete:after { transform : rotate(90deg) }
table.list button.delete:hover { background : none ; opacity : 1 ; transform : rotate(225deg) }
table.list .button { width : 80% ; margin : 3px 0 ; line-height : 24px ; height : 26px }


table.write { width : 100% ; text-align : left ; font-weight : 400 }
table.write ~ table.write:not(.no-margin) { margin-top : 80px }
table.write > thead > tr > th,table.write.border > tbody > tr > th,table.write.border > tbody > tr > td { border-bottom : solid 1px #000 }
table.write > thead th { padding : 7px 0 ; font-weight : 600 }
table.write > thead button,table.write > thead .button { font-size : 12px ; float : right ; padding : 2px 5px }
table.write > tbody > tr > th,table.write > tbody > tr > td { font-weight : 400 ; padding : 15px 0 ; min-height : 61px ; vertical-align : top ; line-height : 31px }
table.write > tbody:first-child > tr:first-child > * { padding-top : 25px ; min-height : 71px }
table.write button { height : 31px ; padding : 0 10px ; margin : 0 5px ; min-width : 100px ; line-height : 29px }
table.write .clear button { min-width : auto }
table.write input,table.write select,table.write textarea { width : 100% ; height : 31px ; border : solid 1px #000 ; padding : 5px ; resize : none ; font-family : "Futura", "NotoSans Kr", sans-serif ; vertical-align : middle }
table.write input[type='radio'],table.write input[type='checkbox'] { width : 14px ; height : 14px ; border : none ; cursor : pointer ; margin-right : 3px }
table.write input + input { margin-top : 9px }
table.write label { cursor : pointer ; padding-left : 5px ; vertical-align : middle }
table.write label + input { margin-left : 20px }
table.write td .zipcode { padding-bottom : 9px }
table.write td .zipcode input { width : 140px }
table.write td.phone { font-size : 0 }
table.write td.phone input,table.write td.phone select { width : 33.33333333333333% ; text-align : center ; font-size : 12px ; border-left : none ; margin-top : 0 }
table.write td.phone.phone-4 input,table.write td.phone.phone-4 select { width : 25% }
table.write td.phone > *:first-child { border-left : solid 1px #000 }
table.write td.email { font-size : 0 }
table.write td.email > input { width : 36.5% ; border-left : none ; margin : 0 ; font-size : 12px }
table.write td.email > select { width : 27% ; font-size : 12px ; border-left : none }
table.write td.email > *:first-child { border-left : solid 1px #000 }
table.write td .describe { display : inline-block ; width : 100% ; font-size : 11px }
table.write table.write { margin-bottom : 20px }
table.write table.write > tbody th,table.write table.write > tbody td { min-height : 41px ; padding : 5px 0 }
table.write tfoot + tfoot > tr:last-child > * { border-bottom : solid 1px #000 }
table.write textarea { min-height : 100px }

table.read { width : 100% ; margin : 50px auto }
table.read th,table.read td { text-align : left }
table.read > thead > tr > * { padding : 5px 0 }
table.read .contents { margin : 30px 0 ; border-top : solid 1px #000 ; border-bottom : solid 1px #000 ; text-align : center ; padding : 30px 0 }
table.read .contents img { max-width : 1000px ; height : auto }

.relate-article { border : solid 1px #000 ; width : 100% ; margin : auto ; margin-top : 50px }
.relate-article dl { display : flex ; width : 100% }
.relate-article dl > * { display : inline-block ; float : left ; height : 30px ; line-height : 30px ; position : relative }
.relate-article dl > dt { width : 100px ; text-align : center }
.relate-article dl > dt:after { content : "" ; width : 1px ; height : 24px ; background-color : #000 ; display : inline-block ; position : absolute ; right : 0 ; top : 3px }
.relate-article dl > dd { padding-left : 30px }
.relate-article dl:not(.displaynone) + dl { border-top : solid 1px #000 }

.empty:not(.displaynone) + table.list { display : none }

/** TAB **/
ul.tab { display : inline-block ; width : 100% ; border-bottom : solid 1px #000 }
ul.tab > li { min-width : 206px; text-align : center ; padding : 0 20px ; height : 37px ; line-height : 37px ; display : inline-block ; float : left ; border-top : solid 1px #000 ; border-right : solid 1px #000 }
ul.tab > li:first-child { border-left : solid 1px #000 }
ul.tab > li.selected { background-color : #000 ; color : #fff }
ul.tab > li.selected a { color : #fff }

/** BUTTON TABLE **/
.buttons-table { display : table }
.buttons-table > * { display : table-cell ; padding : 0 20px ; height : 38px ; border-top : solid 1px #000 ; border-bottom : solid 1px #000 ; border-right : solid 1px #000 ; line-height : 36px }
.buttons-table > *:first-child { border-left : solid 1px #000 }


/** DATE PICKER **/
.ui-datepicker { padding : 0 }
.ui-widget-content { border-color : #e0e0e0 }
.ui-widget-content * { font-family : 'Futura', sans-serif }
.ui-widget-header { background : #e0e0e0 ; text-transform : uppercase ; font-weight : 400 ; border : none ; padding : 10px 0 }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-radius: 0 !important }
.ui-datepicker table { width : calc( 100% - 18px ) ;  margin : 9px 9px 0 9px }
.ui-datepicker-calendar > thead > tr > th { width : 14.28571428571429% ; font-weight : 400 ; font-size : 12px ; text-align : center ; padding : 0 }
.ui-datepicker-calendar > thead > tr > th:before { padding : 13px 0 4px 0 ; display : block }
.ui-datepicker-calendar > thead > tr > th:nth-child(1):before { content : "SUN" }
.ui-datepicker-calendar > thead > tr > th:nth-child(2):before { content : "MON" }
.ui-datepicker-calendar > thead > tr > th:nth-child(3):before { content : "TUE" }
.ui-datepicker-calendar > thead > tr > th:nth-child(4):before { content : "WED" }
.ui-datepicker-calendar > thead > tr > th:nth-child(5):before { content : "THU" }
.ui-datepicker-calendar > thead > tr > th:nth-child(6):before { content : "FRI" }
.ui-datepicker-calendar > thead > tr > th:nth-child(7):before { content : "SAT" }
.ui-datepicker-calendar > thead > tr > th > span { display : none }
.ui-datepicker-calendar > tbody > tr > td { width : 14.28571428571429% }
.ui-datepicker-calendar > tbody > tr > td.ui-state-disabled { opacity : 1 ; font-size : 0 }
.ui-datepicker-calendar > tbody > tr > td.ui-state-disabled:before { content : "" ; display : inline-block ; width: 100% ; height : 35px ; background : #e0e0e0 }
.ui-datepicker-calendar > tbody > tr > td > a.ui-state-default { text-align : center ; font-size : 12px ; background : #fff ; border : none ; height : 35px ; line-height : 35px }
.ui-datepicker-calendar > tbody > tr > td > a.ui-state-default:hover,.ui-datepicker-calendar > tbody > tr > td > a.ui-state-active { background : #000 ; color : #fff }
.ui-datepicker-buttonpane { border : none !important ; padding : 0 9px 12px 9px !important ; margin : 0 !important }
.ui-datepicker-buttonpane > button { background : none !important ; color : #000 ; font-family : "Futura", sans-serif ; height : 38px ; font-weight : 400 !important ; text-transform : uppercase ; border-width : 2px !important ; border-color : #e0e0e0 ; opacity : 1 !important }

/** CAFE24 **/
.ec-base-layer { display : none }
.ec-base-label { position : relative ; display : inline-block ; padding : 0 0 0 20px }
.ec-base-label * { vertical-align : middle }
.ec-base-label input { position : absolute ; width : 0 !important ; height : 0 !important }
.ec-base-label input + label { }
.ec-base-label input + label:before { content : "" ; display : inline-block ; width : 14px ; height : 14px ; border : solid 1px #aaa ; vertical-align : middle ; margin-right : 10px ; margin-top : -3px }
.ec-base-label input:checked + label:before { background : #000 ; border-color : #000 }
.ec-base-label input + label.right:before { position : absolute ; right : 0 }