/* @import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@charset "utf-8";

/*나눔 바른 고딕*/


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,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    /* font-size: 100%; */
    /* font: inherit; */
    vertical-align: baseline;
    /*font-family:'맑은 고딕','Dotum','돋움','gulim','굴림',Helvetica,sans-serif;font-size:0.75em;color:#7e7e7e;*/

}
body{font-family:'Noto Sans KR','맑은고딕', MalgunGothic, 'Dotum','돋움','굴림',sans-serif; -webkit-text-size-adjust:none;/*ios zoom*/ overflow-y:scroll;font-size: 15px;line-height:1.25;color: #333; word-break: keep-all;}
button, input,textarea, option{font-family:'Noto Sans KR', '맑은고딕', MalgunGothic, 'HelveticaNeue-Light','Noto Sans','Dotum','돋움','굴림',sans-serif;,serif;font-size: 1em;}

*{-webkit-font-smoothing: antialiased;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
    display: block;
}

img{max-width: 100%;vertical-align:middle;-ms-interpolation-mode:bicubic !important;}
input,select,textarea{vertical-align:middle;outline:none; appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;}
ul,li,ol,li,dl,dd,dt{list-style:none}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}

table{border-collapse:collapse;border-spacing:0}
caption{visibility:hidden;z-index:-1;width:0;height:0;font-size:0;line-height:0}
legend,hr{visibility:hidden;position:absolute;left:-999px;z-index:-1;width:0;height:0;font-size:0}

/* Button */
button{background:none;font-size: 1em;}

button{overflow:visible;margin:0;padding:0;border:none;background:none;vertical-align:top;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
  /*@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");*/

/* link */
a{color:inherit; text-decoration:none; }
a:hover{color:inherit}

/* skip navigation */
.accessibilityWrap{}
.accessibilityWrap dd a{display:block;position:absolute;top:-10000px;left:0;z-index:500;width:100%;font-size:1.3em;text-align:center}
.accessibilityWrap dd a:hover,.accessibilityWrap dd a:focus,.accessibilityWrap dd a:active{position:absolute;top:0;z-index:500;padding:15px 0;background:#1d60a7;font-weight:bold;color:#fff}

.blind{visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;background:none;font-size:0;line-height:0}

/* lst_thmb */
.lst_thmb:after{overflow:hidden;clear:both;content:''}
.lst_thmb .thmb{float:left;}
.lst_thmb .cont{ margin-left: 281px; }

/* clearfix */
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;content:' '}
.clearfix{display:inline-block}
/* start commented backslash hack \ */
* html .clearfix{height:1%}
.clearfix{display:block}
/* close commented backslash hack */
/* //clearfix */

/*공통*/
#wrap{position:relative;}
#wrap .out_box.w750{max-width:750px;}
span.h100{display:inline-block;height:100%;vertical-align: middle;}

button.btn_pack{font-size:13px; min-width:94px; padding:0px 10px; height:28px;border:1px solid transparent;border-radius:3px;
	-webkit-transition: background-color .4s linear, color .4s linear, border-color .4s linear;
    -moz-transition: background-color .4s linear, color .4s linear, border-color .4s linear;
    -o-transition: background-color .4s linear, color .4s linear, border-color .4s linear;
    transition: background-color .4s linear, color .4s linear, border-color .4s linear;
}
.btn_pack.green{color: #fff;background-color: #50B563;border-color: #3C984D;}

.bot_btns{margin-top: 30px;text-align: center;}
.bot_btns.rgt{text-align: right;}

/* Buttons */
a.btn{display: inline-block;}
button.btn{cursor: pointer;}
.btn{
  width: auto; min-width: 100px; height: 2.333em; padding:0 1.333em; font-size: 1em; line-height: 2.333em; text-align: center; box-sizing: border-box; vertical-align: middle; white-space: nowrap; position: relative; outline: none;
  border:1px solid #333; color: #333; background-color: transparent; overflow: hidden;
  -webkit-transition:background-color .2s ease-in-out, -webkit-transform .3s ease-out;
  -moz-transition:background .2s ease-in-out, -moz-transform .3s ease-out;
  -ms-transition:background .2s ease-in-out, -ms-transform .3s ease-out;
  -o-transition:background .2s ease-in-out, -o-transform .3s ease-out;
  transition:background .2s ease-in-out, transform .3s ease-out;
}
/* .btn:before { display: inline-block; content: ''; height: 100%; vertical-align: middle; position: static; } */
.btn:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.2); opacity: 0;
  -webkit-transition:.2s ease-out; transition:.2s ease-out;
}
.btn:hover:before { opacity: 1; }
.btn > *  { vertical-align: top; display: inline-block; }
.btn.small{ height: 2.308em; font-size: 0.933em; }
.btn.large { min-width: 180px; height: 3.667em; line-height: 3.667em; }
.btn.disabled { pointer-events: none; background-color: #DFDFDF !important; border-color: #DFDFDF !important; box-shadow: none; color: #9F9F9F !important; cursor: default; }
.btn.radius { border-radius: .2em; }
.btn.radius20 { border-radius: 2.333em; }
.btn.radius20.large { border-radius: 2.667em; }
.btn.radius20.small { border-radius: 2em; }
.btn.square { width: 2.333em; min-width: auto; padding: 0 0.15em; }
.btn.square .ico { margin: 0; }
.btn.square.large { width: 4em; height: 4em; }
.btn.square.small { width: 2.308em; height: 2.308em; }
.btn.square.small .ico { background-size: 60%; }
.btn.shadow { -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.14); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.14); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.14); }
.btn.trans{border:1px solid transparent; background-color: transparent;}
.btn.black{border:1px solid #333; color: #fff; background-color: #333;}
.btn.blue{border:1px solid #2887d6; color: #fff; background-color: #2887d6;}
.btn.blue_trans{border:1px solid #2887d6; color: #2887d6; background-color: transparent;}
.btn.red{border:1px solid #f96b5f; color: #fff; background-color: #f96b5f;}
.btn.red_trans{border:1px solid #f96b5f; color: #f96b5f; background-color: transparent;}
.btn.green{border:1px solid #398e95; color: #fff; background-color: #398e95;}
.btn.green_trans{border:1px solid #398e95; color: #398e95; background-color: transparent;}
.btn.gray{border:1px solid #a7a7a7; color: #fff; background-color: #a7a7a7;}
.btn.gray_trans{border:1px solid #a7a7a7; color: #a7a7a7; background-color: transparent;}
.btn.gray2{border:1px solid #eaeaea; color: #333; background-color: #eaeaea;}
.btn.white{border:1px solid #fff; color: #666; background-color: #fff;}
.btn.white_trans{border:1px solid #fff; color: #fff; background-color: transparent;}
.btn.orange{border:1px solid #f5a500; color: #fff; background-color: #f5a500;}
.btn.orange_trans{border:1px solid #f5a500; color: #f5a500; background-color: transparent;}
.btn.purple{border:1px solid #5e0d8b; color: #fff; background-color: #5e0d8b;}
.btn.purple_trans{border:1px solid #5e0d8b; color: #5e0d8b; background-color: transparent;}
.btn_group { position: relative; vertical-align: middle; margin-top: 1.667em; }
.btn_group.center { text-align: center; }
.btn_group.left { text-align: left; }
.btn_group.right { text-align: right; }
.btn_group.margin > .btn { margin: 0.2em; }
.btn_group.margin >.btn:first-child { margin-left: 0; }
.btn_group.margin >.btn:last-child { margin-right: 0; }
.btn.mo_effect {
  padding: 0 0.35em; width: 2.333em;  height: 2.333em; min-width: inherit; max-width: inherit; line-height: 2.333em; border-radius: 1.333em; text-align: left;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -ms-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.btn.mo_effect:hover { width: 6.5em; }
.btn.mo_effect .ico { margin-right: 0.35em; }

/* Buttons Ico */
.ico { width: 22px; text-align: center; line-height: inherit; display: inline-block; height: 100%; }
.ico.left { display: inline-block; margin-right: 0.5em; }
.ico.right { display: inline-block; margin-left: 0.5em; }
.ico.ico_login { background: url(../images/ico/ico_login.png) center no-repeat; }
.ico.ico_logout { background: url(../images/ico/ico_logout.png) center no-repeat; }
.ico.create_w { background: url(../images/ico/ico_create_w.png) center no-repeat; }
.ico.plus { background: url(../images/ico/ico_plus.png) center no-repeat; }
.ico.minus { background: url(../images/ico/ico_minus.png) center no-repeat; }
.ico.del { background: url(../images/ico/ico_del.png) center no-repeat; }
.ico.save { background: url(../images/ico/ico_save.png) center no-repeat; }
.ico.save_w { background: url(../images/ico/ico_save_w.png) center no-repeat; }
.ico.print { background: url(../images/ico/ico_print.png) center no-repeat; }
.ico.print_w { background: url(../images/ico/ico_print_w.png) center no-repeat; }
.ico.edit { background: url(../images/ico/ico_edit.png) center no-repeat; }
.ico.edit_w { background: url(../images/ico/ico_edit_w.png) center no-repeat; }
.ico.close { background: url(../images/ico/ico_close.png) center no-repeat; }
.ico.close_g { background: url(../images/ico/ico_close_g.png) center no-repeat; }
.ico.close_w { background: url(../images/ico/ico_close_w.png) center no-repeat; }
.ico.arrow_prev { background: url(../images/ico/ico_arrow_prev.png) center no-repeat; }
.ico.arrow_next { background: url(../images/ico/ico_arrow_next.png) center no-repeat; }
.ico.arrow_prev_w { background: url(../images/ico/ico_arrow_prev_w.png) center no-repeat; }
.ico.arrow_next_w { background: url(../images/ico/ico_arrow_next_w.png) center no-repeat; }
.ico.m_menu { background: url(../images/ico/ico_m_menu.png) center no-repeat; }
.ico.calender { background: url(../images/ico/ico_calender.png) center no-repeat; width: 26px; background-size: contain; }
.ico.calender2 { background: url(../images/ico/ico_calender2.png) center no-repeat; width: 26px; background-size: contain; }
.ico.ico_list { background: url(../images/ico/ico_list.png) center no-repeat; }
.ico.ico_user { background: url(../images/ico/ico_user.png) center no-repeat; }

/*popup 스타일*/
.pop_type1{position: absolute;width:800px;left:0;right:0;margin:auto;z-index: 35;display:none;visibility: hidden;opacity:0;overflow: hidden;overflow-y: auto;max-height:100%;-webkit-overflow-scrolling: touch;
	-webkit-transform: scale(0.5,0.5);
	-moz-transform: scale(0.5,0.5);
	-ms-transform: scale(0.5,0.5);
	-o-transform: scale(0.5,0.5);
	transform: scale(0.5,0.5);
	-webkit-transition:visibility .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .5s ease-in-out;
    -moz-transition:visibility .3s ease-in-out, opacity .3s ease-in-out, -moz-transform .5s ease-in-out;
    -ms-transition:visibility .3s ease-in-out, opacity .3s ease-in-out, -ms-transform .5s ease-in-out;
    -o-transition:visibility .3s ease-in-out, opacity .3s ease-in-out, -o-transform .5s ease-in-out;
    transition:visibility .3s ease-in-out, opacity .3s ease-in-out, transform .5s ease-in-out;
}
.pop_type1.on{visibility: visible;opacity:1;
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	transform: scale(1,1);
}
.pop_type1 > .inner{position: relative;border:1px solid #ccc;padding:5% 7%; background-color: #fff;border-radius:3px;}
.pop_type1 > .inner > h2{text-align: center;margin-bottom:30px;font-size: 25px;}
.pop_type1 .btn_close{position: absolute;top:7px;right: 7px;width:1.5em;}
.pop_type1 .btn_close img{max-width:100%;vertical-align: top;}

/* form type */
.form_type01{position:relative;}
.form_type01.line{padding:2.5em 0;border-top:1px solid #333;}
.form_type01 .bx_form{margin-bottom:1.5em;}
.form_type01 h3.tit{font-size: 1.5em;margin-bottom:1.25em;}
.form_type01 h3.tit.top_line{}
.form_type01 ul.bx_form > li{position:relative; margin-bottom:10px;padding-left:7.5em;}
.form_type01 ul.bx_form > li.ovh{overflow: hidden;}
.form_type01 ul.bx_form > li > label{position:absolute;left:0;margin:0;height:2.5em; line-height:2.5em;top:0;font-size: 0.875em;height:100%;}
.form_type01 ul.bx_form > li > label .star{color: #B91372;display: inline-block;vertical-align: middle;}
.form_type01 ul.bx_form > li input[type="text"]{height:2.5em; }
.form_type01 ul.bx_form > li > div.empty{height:2.5em;}
.form_type01 ul.bx_form > li input.ipt:focus{border-color:#666666;}
.form_type01 ul.bx_form > li p.line{margin-top:10px;}


.form_type01 .lst_check.radio > span > label{line-height: 2em;}
.form_type01 > h1{font-size: 2.1875em; color:#4a4a4a; font-weight: 400;margin-bottom:0.8em;}
.form_type01 > h2{color:#999999; font-weight:1.375em;font-weight: 400; line-height: 1.4; margin:0.5em 0 1.5em}
.form_type01 > h2.center{text-align:center}
.form_type01 .bx_form > li > label + input.readonly{background-color: #fff;border-color:transparent;}
.form_type01 .bx_form > li > label + input.readonly:focus{border-color:transparent;}
.form_type01 .bx_form > li .date > span{display: inline-block;position: relative;}
.form_type01 div.fileinputs{display: inline-block;}
.form_type01 .bx_form > li > .lst_check2{margin-top:0.3125em;}
.form_type01 .lst_check2 > ul > li .dec{font-size: 0.8125em; color: #666666;margin-left:0.3125em;}
.form_type01 .lst_Upload .tag{font-size: 1.25em;line-height:1.5em;}

.form_type01 .bx_ipt_inc_btn{position: relative;}
.form_type01 .bx_ipt_inc_btn > button{min-width:6em;width:6em;top:0;bottom:0;right:0;position: absolute;height:auto;font-size: 1em;}
.form_type01 .bx_ipt_inc_btn > div{margin-right:6.5em;}


/*placeholder*/
.placeh{position: relative;}
.placeh > label{font-size: 0.875em;height:1.2em;line-height:1.2;position: absolute;top:3px;bottom:0;margin:auto;padding-left:0.5em;color:#999;box-sizing:border-box;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width:100%;cursor:text}



/*체크박스*/
.lst_check2{position:relative;overflow: hidden;}
.lst_check2.check .bx_chk{display:inline-block;width:16px; height: 16px; border:1px solid #CECECE;margin-right:0.5em;position:relative;vertical-align: middle;}
.lst_check2.check .bx_chk > span{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.lst_check2.check.on .bx_chk > span:after{position: absolute;top:5px;bottom:5px;left:5px;right:5px;content: '';background-color: #B91372;}
.lst_check2.check .on .bx_chk > span{position: absolute;top:4px;bottom:4px;left:4px;right:4px;content: '';background-color: #B91372;}
.lst_check2.check > *{vertical-align: middle;}
.lst_check2.check > label{display: inline-block; color:#929292; font-size:0.8125em;}
.lst_check2.check > label > *{vertical-align: middle;}
.lst_check2.check input[type='checkbox']{right:-5em;top:-5em;position: absolute;}

.lst_check2 > ul{}
.lst_check2 > ul:after{content: '';display: block;clear: both;}
.lst_check2 > ul > li{display: inline-block;margin-bottom:10px;margin-right:1.5em;}
.lst_check2 > ul > li.clear input[type="text"]{margin-left:10px;}

/*라디오 버튼*/
.lst_check2 .on .bx_radio{background: #515151 url(/panel/images/common/ico_radio_ckeck.png) center center no-repeat;}
.lst_check2 input:checked + label .bx_radio{background: #515151 url(/panel/images/common/ico_radio_ckeck.png) center center no-repeat;}
.lst_check2.radio > span > *{vertical-align: middle;}
.lst_check2.radio label{display: inline-block; color:#666666; font-size:15px; }
.lst_check2.radio label > *{vertical-align: middle;}
.lst_check2 label .bx_radio{display:inline-block;width:18px; height: 18px; border:1px solid #666666;margin-right:10px;position:relative;vertical-align: middle;border-radius:50%;overflow:hidden}
.lst_check2.radio label + input[type='radio']{left:0;top:-30px;position: absolute;}
.disabled .lst_check2 label .bx_radio { background-color: #999;}

/*체크박스 버튼*/
.lst_check2.checkbox > span > *{vertical-align: middle;}
.lst_check2.checkbox label{display: inline-block; color:#666666; font-size:15px;}
.lst_check2.checkbox label > *{vertical-align: middle; text-align: center;}
.lst_check2.checkbox label + input[type='checkbox']{left:0;top:-30px;position: absolute;}
.lst_check2 .selectRank .bx_radio { background: #515151 !important; color: #fff; }


.lst_check3 label.on .bx_radio{background: #515151 url(/panel/images/common/ico_radio_ckeck.png) center center no-repeat;}
.lst_check3 label{display: inline-block; color:#666666; font-size:15px;position: relative;overflow: hidden; cursor:pointer;}
.lst_check3 label > * { vertical-align: middle; }
.lst_check3 label .bx_radio{display:inline-block;width:18px; height: 18px; border:1px solid #666666;margin-right:10px;position:relative;vertical-align: middle;border-radius:50%;overflow:hidden}
.lst_check3 label input[type='radio']{left:0;top:-30px;position: absolute;}


/*툴팁*/
.tooltip{visibility: hidden;opacity: 0;}
.tooltip.t1{position: absolute;padding-top:1em;z-index: 1;
	-webkit-transition:visibility .3s ease-in-out, opacity .3s ease-in-out; -moz-transition:visibility .3s ease-in-out, opacity .3s ease-in-out; -o-transition:visibility .3s ease-in-out, opacity .3s ease-in-out; transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
}
.tooltip.t1 > .inner{background:rgb(0,0,0);padding:1.125em;margin-left:0;
	background: transparent\9; background:rgba(0,0,0,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000); zoom: 1;position: relative}
.tooltip.t1 > .inner:nth-child(n) { filter: none; }
.tooltip.t1 > .inner .tail{width:0;height:0;border-bottom:10px solid rgba(0,0,0,0.7); border-left : 7px solid transparent; border-right : 7px solid transparent; position: absolute;bottom:100%;display: block;margin-left:0em;}
.tooltip.t1 p{font-size: 0.8125em;line-height: 1.76923;text-align: left;color: #fff;}
.tooltip_outbox:hover .tooltip{visibility: visible;opacity:1;}

/*out_cover*/
.out_cover{position: relative;overflow:hidden;z-index: 1;}
.out_cover .area_zoom{
    -ms-transform:-ms-transform 0.5s ease-out;
    -webkit-transition:-webkit-transform 0.5s ease-out;
    -moz-transition:-moz-transform 0.5s ease-out;
    -o-transition:-o-transform 0.5s ease-out;
    transition:transform 0.5s ease-out;
}
.out_cover .cover{position: absolute;top:0;bottom:0;right:0;left:0;text-align: center;opacity:0;visibility: hidden; background-color: rgba(255,255,255, .6);
    -webkit-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    -moz-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    -o-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
}
.out_cover .cover > .detail_circle{position: relative;width:3.375em;height:3.375em;display: inline-block;border-radius:50%;vertical-align: middle;background-color: #f7961d;background-color: rgba(247,150,29,1);
    -ms-transform: scale(0.3,0.3);
    -moz-transform: scale(0.3,0.3);
    -webkit-transform: scale(0.3,0.3);
    -o-transition:scale(0.3,0.3);
    transform: scale(0.3,0.3);
    -ms-transform:-ms-transform 0.5s cubic-bezier(.45,.32,.55,1.53);
    -webkit-transition:-webkit-transform 0.5s cubic-bezier(.45,.32,.55,1.53);
    -moz-transition:-moz-transform 0.5s cubic-bezier(.45,.32,.55,1.53);
    -o-transition:-o-transform 0.5s cubic-bezier(.45,.32,.55,1.53);
    transition:transform 0.5s cubic-bezier(.45,.32,.55,1.53);

}
.out_cover .cover > .detail_circle:before, .out_cover .cover > .detail_circle:after{
    position: absolute;content:"";top:0;bottom:0;right:0;left:0;background-color: #fff;margin:auto;border-radius:1px;
}
.out_cover .cover > .detail_circle:before{width:17px;height:3px;}
.out_cover .cover > .detail_circle:after{width:3px;height:17px;}

.out_cover .cover > .detail_circle.star{}
.out_cover .cover > .detail_circle.star img{width:1.125em;position: absolute;top:0;bottom:0;right:0;left:0;margin:auto;}
.out_cover .cover > .detail_circle.lft{margin-right:1.5em;
    -moz-transform: translate3d(-100%,0,0); -webkit-transform: translate3d(-150%,0,0); transform: translate3d(-150%,0,0);
}
.out_cover .cover > .detail_circle.rgt{
    -moz-transform: translate3d(100%,0,0); -webkit-transform: translate3d(150%,0,0); transform: translate3d(150%,0,0);
}

.out_cover:hover .cover{opacity:1;visibility:visible}
.out_cover:hover .area_zoom{
    -ms-transition:-ms-transform 3s ease-out;
    -webkit-transition:-webkit-transform 3s ease-out;
    -moz-transition:-moz-transform 3s ease-out;
    -o-transition:-o-transform 3s ease-out;
    transition:transform 3s ease-out;
    -ms-transform: scale(1.15,1.15);
    -moz-transform: scale(1.15,1.15);
    -webkit-transform: scale(1.15,1.15);
    -o-transition:scale(1.15,1.15);
    transform: scale(1.15,1.15);
}
.out_cover:hover .cover > .detail_circle{
    -ms-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transition:scale(1,1);
    transform: scale(1,1);
}


.hide_ani{opacity:0;
	-webkit-transition:1s linear; -moz-transition:1s linear; -ms-transition:1s linear; -o-transition:1s linear; transition:1s linear;
	-webkit-transition-property:opacity; -moz-transition-property:opacity; -ms-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity;
}

.hide_ani.show{opacity:1;}

.hide_ani.up{
	-webkit-transform: translate3d(0,2em,0); -moz-transform: translate3d(0,2em,0); -o-transform: translate3d(0,2em,0); transform: translate3d(0,2em,0);
	-webkit-transition-property:opacity, -webkit-transform; -moz-transition-property:opacity, -moz-transform; -o-transition-property:opacity, -o-transform; transition-property:opacity, transform;
}
.hide_ani.up.show{-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}

.hide_ani.dw{
	-webkit-transform: translate3d(0,-2em,0); -moz-transform: translate3d(0,-2em,0); -ms-transform: translate3d(0,-2em,0); -o-transform: translate3d(0,-2em,0); transform: translate3d(0,-2em,0);
	-webkit-transition-property:opacity, -webkit-transform; -moz-transition-property:opacity, -moz-transform; -o-transition-property:opacity, -o-transform; transition-property:opacity, transform;
}
.hide_ani.dw.show{-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}

.hide_ani.dw{
	-webkit-transform: translate3d(0,-2em,0); -moz-transform: translate3d(0,-2em,0); -ms-transform: translate3d(0,-2em,0); -o-transform: translate3d(0,-2em,0); transform: translate3d(0,-2em,0);
	-webkit-transition-property:opacity, -webkit-transform; -moz-transition-property:opacity, -moz-transform; -o-transition-property:opacity, -o-transform; transition-property:opacity, transform;
}

.hide_ani.rtx{
	transform : rotateY( 90deg );
    transform-origin: center center;
    -webkit-transition-property:opacity, -webkit-transform; -moz-transition-property:opacity, -moz-transform; -o-transition-property:opacity, -o-transform; transition-property:opacity, transform;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.hide_ani.rtx.show{-webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0);}

.wave_motion span.up{opacity:0;
	-webkit-transform: translate3d(0,20px,0);
	-moz-transform: translate3d(0,20px,0);
	-ms-transform: translate3d(0,20px,0);
	-o-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
    -webkit-transition:opacity .8s linear, -webkit-transform 0.8s cubic-bezier(.45,.32,.55,1.53);
    -moz-transition:opacity .8s linear, -moz-transform 0.8s cubic-bezier(.45,.32,.55,1.53);
	-ms-transform:opacity .8s linear, -ms-transform 0.8s cubic-bezier(.45,.32,.55,1.53);
    -o-transition:opacity .8s linear, -o-transform 0.8s cubic-bezier(.45,.32,.55,1.53);
    transition:opacity .8s linear, transform 0.8s cubic-bezier(.45,.32,.55,1.53);
}
.wave_motion span.dw{	opacity:0;
	-webkit-transform: translate3d(0,-20px,0);
	-moz-transform: translate3d(0,-20px,0);
	-ms-transform: translate3d(0,-20px,0);
	-o-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
    -webkit-transition:opacity .8s linear, -webkit-transform 0.8s cubic-bezier(.45,.32,.55,1.53);
    -moz-transition:opacity .8s linear, -moz-transform 0.8s cubic-bezier(.45,.32,.55,1.53);
	-ms-transform:opacity .8s linear, -ms-transform 0.8s cubic-bezier(.45,.32,.55,1.53);
    -o-transition:opacity .8s linear, -o-transform 0.8s cubic-bezier(.45,.32,.55,1.53);
    transition:opacity .8s linear, transform 0.8s cubic-bezier(.45,.32,.55,1.53);

}

.wave_motion span.show{opacity: 1; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

.zoom_motion span.in{opacity:0;
	-webkit-transform: scale(1.3,1.3);
	-moz-transform: scale(1.3,1.3);
	-ms-transform: scale(1.3,1.3);
	-o-transform: scale(1.3,1.3);
	transform: scale(1.3,1.3);
    -webkit-transition:opacity .8s linear, -webkit-transform 0.8s linear;
    -moz-transition:opacity .8s linear, -moz-transform 0.8s linear;
	-ms-transform:opacity .8s linear, -ms-transform 0.8s linear;
    -o-transition:opacity .8s linear, -o-transform 0.8s linear;
    transition:opacity .8s linear, transform 0.8s linear;
}
.zoom_motion span.out{	opacity:0;
	-webkit-transform: scale(0.7,0.7);
	-moz-transform: scale(0.7,0.7);
	-ms-transform: scale(0.7,0.7);
	-o-transform: scale(0.7,0.7);
	transform: scale(0.7,0.7);
    -webkit-transition:opacity .8s linear, -webkit-transform 0.8s linear;
    -moz-transition:opacity .8s linear, -moz-transform 0.8s linear;
	-ms-transform:opacity .8s linear, -ms-transform 0.8s linear;
    -o-transition:opacity .8s linear, -o-transform 0.8s linear;
    transition:opacity .8s linear, transform 0.8s linear;

}
.rotate_motion span{opacity:0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
    -webkit-transition:opacity .8s linear, -webkit-transform 0.8s ease;
    -moz-transition:opacity .8s linear, -moz-transform 0.8s ease;
	-ms-transform:opacity .8s linear, -ms-transform 0.8s ease;
    -o-transition:opacity .8s linear, -o-transform 0.8s ease;
    transition:opacity .8s linear, transform 0.8s ease;
}
.rotate_motion span.show, .zoom_motion span.show{opacity: 1; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }


.bx_parallax{opacity:0;}

.bx_parallax.show{}


/* Set the dimensions of the replaced select element and make it transparent. */
.customized-select.custom-select-replaced {
	border: 0;
	filter: alpha(opacity=0); /* Move to IE-specific CSS file if you want to. */
	opacity: 0;
	position: relative;
	z-index: 10;
}
.select_w100 .custom-select-container{display: block;}
.custom-select { display: block; left: 0; position: absolute; top: 0; z-index: 1; }
.custom-select-container{position: relative;display: inline-block;}
.custom-select-container > select{min-width:100px;padding:0;margin:0;font-size: 13px;line-height: 34px;height: 34px;border-width:0px;box-sizing: border-box;padding-right:30px;}
.custom-select-container > select.w100{width:100%;}
.custom-select-container > select > option{}
.custom-select-container > span{display: inline-block;position: absolute;top:0;bottom:0;left:0;right:0;height:100%; background-color: #fff;text-align: left;}
.custom-select > span { display: block; box-sizing: border-box; line-height: 34px; font-size: 13px; background-color: #fff; border:1px solid #CFCFCF; height: 100%; filter: none; color: #959595;position: relative;
	background: url(/panel/images/board/select_arr_bot.png) no-repeat right 11px center;}
.custom-select span span { display: block; margin-left:5px;margin-right:20px; /*overflow: hidden; text-overflow: ellipsis;*/ white-space: nowrap; }
.custom-select > span:after{position: absolute;content: '';right:30px;border-left:1px solid #E2E7EB;top:0;bottom:0;}


/*swiper*/
.swiper-container { margin:0 auto; position:relative; overflow:hidden; direction:ltr;
	-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* Fix of Webkit flickering */ z-index:1;
}
.swiper-wrapper {
	position:relative;	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;

	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;

	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);

	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;

	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }


/*faq*/

.list_faq{}
.list_faq > ul > li{background-color:#fff;overflow:hidden;border-bottom:1px solid #E0E0E0;position:relative;}
.list_faq > ul > li:first-child{border-top:2px solid #8D8D8D}
.list_faq a.inner{display:block; position: relative;padding:13px 54px 13px 48px;;}
.list_faq .con{display:block;}
.list_faq .con .cate{}
.list_faq .con .que{color:#000000;display: block;}
.list_faq .con .que > b{position:absolute;}
.list_faq .con .que > b > img{display: block;}
.list_faq .con .que > span{display:block;margin-left:48px;line-height:1.5;font-size: 13px;}
.list_faq .con .que > button{position: absolute;right:10px;top:0;bottom:0;height:24px;margin:auto;font-size: 12px;background-color: #368719;color: #fff;padding:0 10px;border-radius:4px;}
.list_faq .ans{display:none;overflow:hidden;}
.list_faq .ans > div {position:relative; padding:25px 0 25px 110px;border-top:1px solid #DDDFDE;background-color: #f6f8f5;}
.list_faq .ans > div.con_q{border-top-width:0;background-color: #fff;padding:0 0 25px 48px;}
.list_faq .ans > div > b{position:absolute;margin-top:5px;}
.list_faq .ans > div > b > img{display: block;}
.list_faq .ans > div > p{display:block;margin-left:48px;line-height:25px;font-size: 13px}

/*page nate*/
.paginate{margin-top:40px;text-align:center;position: relative;min-height:40px;}
.paginate > * {vertical-align: middle;}
.paginate > a{display: inline-block;font-size: 1em;color: #999999;width:30px; height:30px; margin: 0 3px;}
.paginate > a.start{background: url(/panel/images/board/btn_pagi_start.gif) no-repeat center center;}
.paginate > a.prev{background: url(/panel/images/board/btn_pagi_prev.gif) no-repeat center center;}
.paginate > a.next{background: url(/panel/images/board/btn_pagi_next.gif) no-repeat center center;}
.paginate > a.end{background: url(/panel/images/board/btn_pagi_end.gif) no-repeat center center}
.paginate > a > img{max-width:100%;max-height:100%;}
.paginate > span > a{position: relative;display: inline-block;line-height:30px; height:30px;margin:0 7px;font-size:13px;color:#ababab;font-weight:400;}
.paginate > span > a.on{color:#198134;font-weight: 700;text-decoration: underline;}

.paginate .btns_ab_r{position: absolute;right:0;height:40px;top:0;bottom:0;margin:auto;}
button.bbs_btn{height:40px;min-width:108px;padding:0 10px;font-size: 15px;}
button.bbs_btn.gray{background-color: #777777;color: #ffffff;}
button.bbs_btn.gray2{background-color: #BDBDBD;color: #ffffff;}
button.bbs_btn.green{background-color: #85ba4b;color: #ffffff;}

.area_bot_search{border:1px solid #CFCFCF;padding:21px 0;background-color: #F8F8F8;text-align: center;margin-top:33px;}
.area_bot_search .bx_select{display: inline-block;vertical-align: middle;}
.area_bot_search .bx_search{display: inline-block;vertical-align: middle;}
.area_bot_search .bx_search > input[type="text"]{height: 34px;padding:0 10px;width:202px;border:1px solid #DBDBDB;box-sizing:border-box;font-size: 13px;}
.area_bot_search .bx_search button.btn_submit{min-width:43px;border:1px solid #DBDBDB;margin-left:-1px;height:34px;background-color: #fff;}

/*게시판 리스트*/
table.list_bbs_basic{width:100%;border-top:2px solid #398e95; }
table.list_bbs_basic > thead > tr > th{padding:14px 10px;font-size: 1em;text-align: center;border-bottom:1px solid #9d9d9d;background-color: #f9f9f9;font-weight: 400; line-height: 1.5; }
table.list_bbs_basic > tbody > tr > td{padding:14px 10px;font-size: 1em;text-align: center;border-bottom:1px solid #dcdcdc;color: #919191; line-height: 1.5; }
table.list_bbs_basic > tbody > tr > td a { color: #333; }
table.list_bbs_basic > tbody > tr > td a:hover { border-bottom: 1px solid #a6a6a6; }
table.list_bbs_basic > tbody > tr > td.tit{text-align: left;}
table.list_bbs_basic > tbody > tr > td.price{text-align: right;}
table.list_bbs_basic > tbody > tr > td.price.pl{color: #336cca;}
table.list_bbs_basic > tbody > tr > td.price.mn{color: #cf0000;}
table.list_bbs_basic > tbody > tr > td.status{color: #959595;}
table.list_bbs_basic > tbody > tr.tr_detail > td{font-size: 1em;padding: 55px 50px;position: relative;text-align: left;color: #333;background-color: #f7f7f7;}
table.list_bbs_basic > tbody > tr.tr_detail.off{display: none;}
table.list_bbs_basic > tbody > tr:hover > * { background-color: #f4f4f4; }
table.list_bbs_basic > tbody > tr > td .new { background-color: #fe9f18; color: #fff; font-weight: bold; font-size: 10px; width: 15px; height: 15px; display: inline-block; text-align: center; vertical-align: middle; margin-bottom: 3px; }
table.list_bbs_basic > tbody > tr > td.state .label { font-size: 0.933em; }
table.list_bbs_basic > tbody > tr.none {  }

ul.list_bbs_basic2 { margin: -10px; }
ul.list_bbs_basic2:before,
ul.list_bbs_basic2:after { content: ''; display: table; }
ul.list_bbs_basic2:after { clear: both; }
ul.list_bbs_basic2 li { float: left; width: 25%; padding: 10px; box-sizing: border-box; }
ul.list_bbs_basic2 li .img { background-color: #d1d1d1; position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 60%; }
ul.list_bbs_basic2 li .img a { display: block;  position: absolute; top: 0; left: 0; bottom: 0; width: 100%; }
ul.list_bbs_basic2 li .img a:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 1; background-image: url(../images/main/vote_btn.png); background-position: center; background-repeat: no-repeat; opacity: 0;
  -webkit-transition: opacity .3s cubic-bezier(.48,0,.12,1); /* Safari */
  transition: opacity .3s cubic-bezier(.48,0,.12,1);
}
ul.list_bbs_basic2 li .img a:hover:after { opacity: 1; }
ul.list_bbs_basic2 li .img img { width: 100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
ul.list_bbs_basic2 li .cover { background-color: #fff; border: 1px solid #d1d1d1; padding: 1em; }
ul.list_bbs_basic2 li .cover .tit { font-size: 1.2em; margin-top: 5px; line-height: 1.3; height: 3.067em; overflow: hidden; }
ul.list_bbs_basic2 li .cover dl { margin-top: 1em; }
ul.list_bbs_basic2 li .cover dl dd { font-size: 0.867em; color: #737373; font-weight: lighter; margin-bottom: 5px; }
ul.list_bbs_basic2 li .cover dl dd span { font-size: 1.154em; color: #333; }



/*게시판 뷰*/
.bbs_nomal_view .meta {line-height:30px;font-size:15px;padding:10px 150px 10px 40px;border-top:#398e95 2px solid;border-bottom:#9d9d9d 1px solid;color:#333;position:relative;background-color: #f9f9f9;}
.bbs_nomal_view .meta .date {height:16px;line-height:16px; font-size:13px;color:#666666;position:absolute;top:0px;bottom:0;right:40px;margin:auto;}

.bbs_nomal_view .file {position:absolute;z-index:2 ;padding-right:20px;text-align:right;margin-top:13px;right:0;}
.bbs_nomal_view .file .fileIcon {padding-left: 18px; display:-moz-inline-stack; display:inline-block;zoom:1; *display:inline; vertical-align:middle; background:url() 0px 50% no-repeat;}
.bbs_nomal_view .file a.dnBtn {color:#0396f4;}
.bbs_nomal_view .fileList {width:260px;padding:8px 30px 8px 10px;text-align:left;border:#999 1px solid;background-color:#fff;position:absolute;top:47px;right:20px;display:none;}
.bbs_nomal_view .fileList ul {}
.bbs_nomal_view .fileList ul li {display:block;width:212px;padding-right:48px;height:21px;line-height:21px;font-family:"dotum", serif;color:#333333;font-size:12px;position:relative;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.bbs_nomal_view .fileList ul li a.dn {height:21px;line-height:21px;text-decoration:underline;font-size:11px;position:absolute;top:0;right:0;}
.bbs_nomal_view .fileList .close {width:13px;height:13px;background:url(../images/bbs/btn_close.gif) 0 50% no-repeat; white-space:nowrap;overflow:hidden;font-size:0;line-height:0;text-shadow:none;color:transparent;position:absolute;top:12px;right:8px;}
.bbs_nomal_view .article_view {padding: 50px 40px; position:relative; color: #666666; font-size: 13px;line-height: 25px;}
.bbs_nomal_view .article_view p{margin:0.4em 0;}
.bbs_nomal_view .article_view img { max-width: 100%; }

.bbs_nomal_view .article_answer{background: url(/pc/brand/images/customer/bg_dot.gif) repeat-x left top;padding:50px 40px;}
.bbs_nomal_view .article_answer h3{margin-bottom:2.3em;;}
.bbs_nomal_view .article_answer .con{position: relative;padding-left:40px;}
.bbs_nomal_view .article_answer .con >img{position: absolute;left:0;}
.bbs_nomal_view .article_answer .con >p{color: #666666;line-height:1.5;margin:0.4em 0;}
.bbs_nomal_view .article_answer .con .btns{margin-top:45px;}
.bbs_nomal_view .article_answer .con .btns button{width: 142px; height:28px; color: #fff;background-color: #5C65B5;vertical-align: middle;margin-left:15px;}
.bbs_nomal_view .article_answer .con .btns.satis.off{display: none;}
/* 이전글 다음글 */
.bbsPage {width: 100%; margin-top: 40px; border-top:1px solid #dcdcdc; border-bottom:1px solid #9d9d9d;}
.bbsPage td{padding: 14px; text-align: left; vertical-align: middle; border-style: solid; border-top-width: 1px; border-color: #dcdcdc;color: #666666;font-size: 13px;}
.bbsPage td.h{width: 15%; min-width: 75px; text-align: center;background-color: #f9f9f9;color: #666666;font-size: 15px;}
.bbsPage tr:first-child td{border-top: 0;}
.bbsPage td.h img{margin-left:13px;vertical-align: middle;}

/* 댓글남기기 */
.area_reply{background-color: #fff;}
.area_reply > .inner{}
.area_reply .inner .header .title:after{display: block; clear: both; content:"";}
.area_reply .inner .header{margin-bottom:30px;}
.area_reply .inner .header .title h1{font-size: 18px;margin-bottom: 10px;}
.area_reply .inner .header .writeBox_review{position: relative;border: 3px solid #333;}
.area_reply .inner .header .writeBox_review textarea{width:85%;border-width: 0;padding:0.8em;font-size:13px;height: 6em;outline:none;-webkit-appearance:none; color: #333;padding:5px;box-sizing:border-box;}
.area_reply .inner .header .writeBox_review button{position:absolute; width:15%;height:100%;background-color: #333; color:#fff;box-sizing: border-box; right: 0;}

.area_reply .inner .article ul.list{border-bottom:1px solid #D0D0D0 ;}
.area_reply .inner .article ul.list > li{padding:25px 10px;border-top:1px solid #9d9d9d; }
.area_reply .inner .article ul.list > li > .date{font-size: 13px; color:#333333;margin-bottom:10px;}
.area_reply .inner .article ul.list > li > .date > *{vertical-align: middle;}
.area_reply .inner .article ul.list > li > .date > strong{color:#333;margin-right:1.5em;}
.area_reply .inner .article ul.list > li > .date > span{margin-right:1.5em; color: #adadad;}
.area_reply .inner .article ul.list > li p{font-size: 13px; color: #666666;}


/*글쓰기*/
.formType{width: 100%;border-top: 2px solid #9E9E9E;}
.formType table{width: 100%; }
.formType table tbody td,.formType table tbody th{border-style: solid; border-width:0px 0 1px 0px; border-color:#D0D0D0; vertical-align: middle; padding: 10px 13px; text-align: left;}
.formType table tbody th{color: #333;  font-size: 13px; line-height: 17px;  background-color: #F8F8F9; padding-left: 40px;vertical-align: top;padding:17px 13px 17px 40px;}
.formType table tbody td{color: #666666; font-size: 13px;}
.formType table tbody td .textarea{max-width:580px;}
.formType table tbody td textarea{width:100%; height:180px;margin-bottom:13px;border-color:#BBBBBB;font-size: 13px;padding:10px;}
.formType input.ipt{border-color:#BBBBBB;height:30px;line-height:28px;}
.formType div.fileinputs {max-width:500px;}
.formType .calcu{display: inline-block;vertical-align: middle;}
.formType table button{height:30px;min-width:66px;padding:0 10px;background-color: #999999;border:1px solid #BBBBBB; color: #fff;}
.formType .check_list_normal label{margin-right:30px;}
.formType .check_list_normal label input[type="radio"]{margin:0;}

input.ipt{box-sizing: border-box; font-size: 13px; height: 30px; width: 9.375em; border: 1px solid #c1c1c1; background: #fff; padding: 0px 10px; -webkit-appearance: none; box-shadow: none;}
input.ipt.w100p{width: 100%;}
input.ipt.w384{width: 384px;}
input.ipt.w420{width: 420px;}
input.ipt.w150{width: 150px;}
input.ipt.w120{width: 120px;}
input.ipt.w80{width: 80px;}

/* Labels */
.label { min-width: 65px; display: inline-block; padding: .3em; font-size: 14px; line-height: 1; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #fff; border: 1px solid #555; font-weight: normal; box-sizing: border-box; }
.label.pre { background-color: transparent; border: 1px solid #398e95; color: #398e95; }
.label.now { background-color: transparent; border: 1px solid #5e7dbe; color: #5e7dbe; }
.label.end { background-color: transparent; border: 1px solid #919191; color: #919191; }



/* Modals */
#modal_overlay{
    position: fixed;width: 100%; height: 100%;  left: 0; top: 0; z-index: 100;/* background:url("../img/common/transparent.png") repeat; */background-color: rgba(0, 0, 0, 0.5); display:none;visibility:hidden;opacity:0;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
    -webkit-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    -moz-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    -o-transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
    transition:visibility .3s ease-in-out, opacity .3s ease-in-out;
}

#modal_overlay:nth-child(n){filter:none}
#modal_overlay.on{visibility:visible;opacity:1;}

.modal{position: fixed;left:0;right:0;margin:auto;z-index: 101;display:none;visibility: hidden;opacity:0;-webkit-overflow-scrolling: touch;width: 55%; max-width:90%; min-width: 320px; max-height: 95%; min-height: 150px; overflow: hidden;
    -webkit-transform: scale(0.6,0.6);
    -moz-transform: scale(0.6,0.6);
    -ms-transform: scale(0.6,0.6);
    -o-transform: scale(0.6,0.6);
    transform: scale(0.6,0.6);
    -webkit-transition:visibility .4s ease-in-out, opacity .4s ease-in-out, -webkit-transform .3s ease-in-out .4s, width 0.5s cubic-bezier(.67,.04,.32,1), height 0.5s cubic-bezier(.67,.04,.32,1);
    -moz-transition:visibility .4s ease-in-out, opacity .4s ease-in-out, -moz-transform .3s ease-in-out .4s, width 0.5s cubic-bezier(.67,.04,.32,1), height 0.5s cubic-bezier(.67,.04,.32,1);
    -ms-transition:visibility .4s ease-in-out, opacity .4s ease-in-out, -ms-transform .3s ease-in-out .4s, width 0.5s cubic-bezier(.67,.04,.32,1), height 0.5s cubic-bezier(.67,.04,.32,1);
    -o-transition:visibility .4s ease-in-out, opacity .4s ease-in-out, -o-transform .3s ease-in-out .4s, width 0.5s cubic-bezier(.67,.04,.32,1), height 0.5s cubic-bezier(.67,.04,.32,1);
    transition:visibility .4s ease-in-out, opacity .4s ease-in-out, transform .3s ease-in-out .4s, width 0.5s cubic-bezier(.67,.04,.32,1), height 0.5s cubic-bezier(.67,.04,.32,1);
}
.modal.on{visibility: visible;opacity:1; -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1);
    -webkit-transition:visibility .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .4s cubic-bezier(.67,.04,.32,1) .1s, width 0.5s cubic-bezier(.67,.04,.32,1), height 0.5s cubic-bezier(.67,.04,.32,1);
    -moz-transition:visibility .3s ease-in-out, opacity .3s ease-in-out, -moz-transform .4s cubic-bezier(.67,.04,.32,1) .1s, width 0.5s cubic-bezier(.67,.04,.32,1), height 0.5s cubic-bezier(.67,.04,.32,1);
    -ms-transition:visibility .3s ease-in-out, opacity .3s ease-in-out, -ms-transform .4s cubic-bezier(.67,.04,.32,1) .1s, width 0.5s cubic-bezier(.67,.04,.32,1), height 0.5s cubic-bezier(.67,.04,.32,1);
    -o-transition:visibility .3s ease-in-out, opacity .3s ease-in-out, -o-transform .4s cubic-bezier(.67,.04,.32,1) .1s, width 0.5s cubic-bezier(.67,.04,.32,1, height 0.5s cubic-bezier(.67,.04,.32,1));
    transition:visibility .3s ease-in-out, opacity .3s ease-in-out, transform .4s cubic-bezier(.67,.04,.32,1) .1s, width 0.5s cubic-bezier(.67,.04,.32,1), height 0.5s cubic-bezier(.67,.04,.32,1);
}
.modal > .inner{position: relative;background-color: #fff;width: 100%; height: 100%; padding: 0;}
.modal > .inner:after{content: '';display: block;clear: both;}
.modal > .inner .modal_header { padding: 1.333em 2.333em; /* padding-right: 60px; */ position: relative;  background-color: #fff; }
.modal > .inner .modal_header > h2 {color: #333;}
.modal > .inner .modal_content { overflow-y: auto; overflow-x: hidden; color: #666; }
.modal > .inner .modal_content > .inner { padding: 1.333em 2.333em; }
.modal > .inner .modal_footer { padding: 1.333em; padding-top: 0; }
.modal > .inner .modal_footer .btn_group { margin-top: 0; }

.modal button.modal_close {position: absolute;top: 1em;right: 2em;z-index: 3;width: 30px;height: 30px; overflow: hidden;}
.modal .modal_header button.modal_close { /* top: 50%; margin-top: -1.333em; */ }



/* ipt_field */
.ipt_field { position: relative; margin-top: 1em; }
.ipt_field input, .ipt_field textarea, .ipt_field select {
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #d1d1d1;
  border-radius: 0;
  outline: none;
  height: 3em;
  width: 100%;
  font-size: 1em;
  color: #333;
  margin: 0 0 1.333em 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ipt_field textarea {
    overflow-y: hidden;
    margin-top: 0.8em;
    padding: 0 0 1.6em 0;
    resize: none;
    height: auto;
    min-height: 3em;
    font-family: inherit;
}

.ipt_field select {
  appearance:none;
  -ms-appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background: url(../images/ico/selectbox_arrow2.png) right center no-repeat;
}

.ipt_field label {
  width: 100%;
  color: #7f7f7f;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  font-size: 1em;
  cursor: text;
  -webkit-transition: -webkit-transform .2s ease-out;
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
  transition: transform .2s ease-out, -webkit-transform .2s ease-out;
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  text-align: initial;
  -webkit-transform: translateY(12px);
  transform: translateY(12px);
  pointer-events: none;
}

.ipt_field :focus { border-bottom: 1px solid #398e95; }
.ipt_field :focus + label { color: #398e95; }
.ipt_field .active {
  -webkit-transform: translateY(-14px) scale(0.8);
  transform: translateY(-14px) scale(0.8);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.ipt_field .validate.valid { border-bottom: 1px solid #00bf6f; }
.ipt_field .validate.invalid { border-bottom: 1px solid #f96b5f; }
.ipt_field .validate + label:after { content: ''; position: absolute; top: 100%; left: 0; margin-top: 5px; -webkit-transform: translateY(9px); transform: translateY(9px); display: none; }
.ipt_field .validate.valid + label:after { content: attr(data-success); color: #00bf6f; display: block; }
.ipt_field .validate.invalid + label:after { content: attr(data-error); color: #f96b5f; display: block; }


/* Grid System */
.row { margin-left: -1em;  margin-right: -1em; }
.row:before, .row:after { content: ''; display: table; }
.row:after { clear: both; }
.row .col { float: left; box-sizing: border-box; left: auto; right: auto; padding: 0 1em; }
.row.right .col { float: right; }
.row .col.s1 { width: 8.3333333333%; }
.row .col.s2 { width: 16.6666666666%; }
.row .col.s3 { width: 25%; }
.row .col.s4 { width: 33.3333333333%; }
.row .col.s5 { width: 41.6666666666%; }
.row .col.s6 { width: 50%; }
.row .col.s7 { width: 58.3333333333%; }
.row .col.s8 { width: 66.6666666666%; }
.row .col.s9 { width: 75%; }
.row .col.s10 { width: 83.3333333333%; }
.row .col.s11 { width: 91.6666666666%; }
.row .col.s12 { width: 100%; }
.row .col[class*="push-"],
.row .col[class*="pull-"] { position: relative; }
.row .col.push-s1 { left: 8.3333333333%; }
.row .col.push-s2 { left: 16.6666666666%; }
.row .col.push-s3 { left: 25%; }
.row .col.push-s4 { left: 33.3333333333%; }
.row .col.push-s5 { left: 41.6666666666%; }
.row .col.push-s6 { left: 50%; }
.row .col.push-s7 { left: 58.3333333333%; }
.row .col.push-s8 { left: 66.6666666666%; }
.row .col.push-s9 { left: 75%; }
.row .col.push-s10 { left: 83.3333333333%; }
.row .col.push-s11 { left: 91.6666666666%; }
.row .col.pull-s1 { right: 8.3333333333%; }
.row .col.pull-s2 { right: 16.6666666666%; }
.row .col.pull-s3 { right: 25%; }
.row .col.pull-s4 { right: 33.3333333333%; }
.row .col.pull-s5 { right: 41.6666666666%; }
.row .col.pull-s6 { right: 50%; }
.row .col.pull-s7 { right: 58.3333333333%; }
.row .col.pull-s8 { right: 66.6666666666%; }
.row .col.pull-s9 { right: 75%; }
.row .col.pull-s10 { right: 83.3333333333%; }
.row .col.pull-s11 { right: 91.6666666666%; }

.datepicker +img{margin-left:5px;}