/* @charset"utf-8"; */
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* font */
@font-face { font-family: 'NanumSquare'; font-weight: 300; src: url(/common/font/NanumSquareL.eot); src: url(/common/font/NanumSquareL.eot?#iefix) format("embedded-opentype"), url(/common/font/NanumSquareL.woff) format("woff"), url(/common/font/NanumSquareL.ttf) format("truetype"); }

@font-face { font-family: 'NanumSquare'; font-weight: 400; src: url(/common/font/NanumSquareR.eot); src: url(/common/font/NanumSquareR.eot?#iefix) format("embedded-opentype"), url(/common/font/NanumSquareR.woff2) format("woff2"), url(/common/font/NanumSquareR.woff) format("woff"), url(/common/font/NanumSquareR.ttf) format("truetype"); }

/* common */
* {margin: 0;padding: 0;-webkit-text-size-adjust: none;color: inherit}
body,button,input,pre,select,table,textarea {color: #222;font-size:14px;line-height:1}
fieldset,iframe,img {border: 0}
table {width: 100%;border: none;border-collapse: collapse}
table tr td,table tr th {border: none}
caption,legend {overflow:hidden; visibility: hidden;width: 0;height: 0;font-size: 0;line-height: 0}
li,ol,ul, dl {list-style: none}
a {text-decoration: none;}
em {font-style: normal}
form {display: inline}
article,aside,figure,footer,header,hgroup,nav,section {display: block}
img {width:100%;}
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a,button { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3)}
a.disabled,button:disabled {-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
:focus {outline: none}
.none {display: none !important}
.underline {text-decoration: underline;line-height:22px;font-size:14px;color: #8f8f8f}

/* Forms*/
* { font-style: normal; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
button { display: inline-block; margin: 0; padding: 0; overflow: visible; border: none; background: none; vertical-align: middle; white-space: nowrap; cursor: pointer}
button span { display: block; cursor: pointer}
button,input,optgroup,select,textarea {font: inherit; margin: 0; }
button,select {text-transform: none}
button,html input[type='button'],input[type='reset'],input[type='submit'] {cursor: pointer; -webkit-appearance: button;}
button[disabled],html input[disabled] {cursor: default}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0; border: 0}
html, body { width: 100%;}
body {font-family: NanumSquare, 'Nanum Gothic', sans-serif; font-size: 14px; font-weight: 400; line-height:1.5; -webkit-font-smoothing: antialiased; word-break: break-all;}
address, em { font-style: normal}
hr { display:none}
br {font-family: NanumSquare, 'Nanum Gothic', sans-serif;}

/* table */
table { width: 100%; table-layout: fixed; border-spacing: 0; border-collapse: collapse}
th, td { min-width:100px; padding:0; word-break: break-all; background-clip: padding-box}
fieldset { border: none}

/* form */
input[type=password] {font-family:dotum, sans-serif;}
input[type=password]::placeholder {font-family:NanumSquare, sans-serif;}
input[type=radio], input[type=checkbox] { padding: 0}
input[type=text]:-ms-clear, input[type=password]:-ms-clear, input[type=number]:-ms-clear { display: none}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none}
textarea { resize: none}
a, input, button, select, textarea { vertical-align: middle; border-radius:0;}
img {vertical-align:top;}
a:focus, a:active, a:hover, button:focus, button:active, button:hover {text-decoration: none}
li, dl { margin: 0; padding: 0; list-style: none}
p { margin: 0}
strong, b { font-weight:700;}
h1, h2, h3, h4, h5, h6 { font-weight: 700; margin: 0}

/*custom*/
.block {display:block;}
.inline_block {display:inline-block;}

.hide {position: absolute; top: -99999px; left: auto; width: 1px; height: 1px; overflow:hidden;}

.fll { float: left !important; }
.fln { float: none !important; }
.flr { float: right !important; }
.clearfix:after {content:''; display:table; clear:both;}

.tal { text-align: left !important; }
.tar { text-align: right !important; }
.tac { text-align: center !important; }
.fwb { font-weight: 700 !important; }

.fcb { color:#000; }
.fcg { color:#666; }

.fz10 { font-size: 10px !important; }
.fz11 { font-size: 11px !important; }
.fz12 { font-size: 12px !important; }
.fz13 { font-size: 13px !important; }
.fz14 { font-size: 14px !important; }
.fz15 { font-size: 15px !important; }
.fz16 { font-size: 16px !important; }
.fz17 { font-size: 17px !important; }
.fz18 { font-size: 18px !important; }
.fz19 { font-size: 19px !important; }
.fz20 { font-size: 20px !important; }

.blue_color {color:#0c4ca3 !important;}

.w100p { width: 100% !important; }
.h100p { height: 100% !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.pt0 { padding-top: 0 !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt55 { padding-top: 55px !important; }
.pt60 { padding-top: 60px !important; }
.pt80 { padding-top: 80px !important; }
.pr0 { padding-right: 0 !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr55 { padding-right: 55px !important; }
.pr60 { padding-right: 60px !important; }
.pr100 { padding-right: 100px !important; }
.pb0 { padding-bottom: 0 !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb55 { padding-bottom: 55px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb65 { padding-bottom: 65px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb75 { padding-bottom: 75px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb100 { padding-bottom: 100px !important; }
.pb120 { padding-bottom: 120px !important; }
.pl0 { padding-left: 0 !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl55 { padding-left: 55px !important; }
.pl60 { padding-left: 60px !important; }
.pl125 { padding-left: 125px !important; }
.pl130 { padding-left: 130px !important; }
.m0 { margin: 0 !important; }
.m5 { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }
.m35 { margin: 35px !important; }
.m40 { margin: 40px !important; }
.m45 { margin: 45px !important; }
.m50 { margin: 50px !important; }
.m55 { margin: 55px !important; }
.m60 { margin: 60px !important; }
.mt-20 { margin-top: -20px !important; }
.mt0 { margin-top: 0 !important; }
.mt2 { margin-top: 2px !important; }
.mt4 { margin-top: 4px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt80 { margin-top: 80px !important; }
.mt100 { margin-top: 100px !important; }
.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr55 { margin-right: 55px !important; }
.mr60 { margin-right: 60px !important; }
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb100 { margin-bottom: 100px !important; }
.mb200 { margin-bottom: 200px !important; }
.ml0 { margin-left: 0 !important; }
.ml2 { margin-left: 2px !important; }
.ml5 { margin-left: 5px !important; }
.ml6 { margin-left: 6px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }

.columns1 > * {width:100% !important;}
.columns2 > * {width:50% !important;}
.columns3 > * {width:33.3333333% !important;}
.columns4 > * {width:25% !important;}
.columns5 > * {width:20% !important;}
.columns6 > * {width:16.6666667% !important;}
.columns7 > * {width:14.2857142% !important;}
.columns8 > * {width:12.5% !important;}
.columns9 > * {width:11.1111111% !important;}

.word_breaker {word-break:keep-all; word-wrap:break-word;}
.txt_ellipsis {display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.multiline_ellipsis {max-height:54px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis;}
.remove_border {border-bottom:none !important;}
.bg_gray {background:#f3f3f3;}

/* css icon */
.icon_required {display:inline-block; position:relative; top:-1px; width:6px; height:4px; margin:0 5px; transform:skew(-20deg); background:#ff3b26; vertical-align:middle;}
.icon_divided {display:inline-block; width:1px; height:16px; background:#dfdfdf; margin:0 12px; vertical-align:middle;}
.icon_search {display:inline-block; width:16px; height:16px; background:url(/common/images/common/common.png) no-repeat -227px -15px; background-size:250px; overflow:hidden; vertical-align:middle;}
.icon_arrow {display:inline-block; position:relative; margin-left:7px; padding:0; width:0; height:0; border:6px solid transparent; border-left-color:#999; vertical-align:middle;}
.icon_arrow:after {display:block; content:""; position:absolute; top:0; width:0; height:0; left:-6px; margin-top:-6px; border:6px solid transparent; border-left-color:#fff;}
.icon_close{height:18px; width:18px; display:block; position:relative; text-indent:-9999px; overflow:hidden;}
.icon_close:before,
.icon_close:after{content:''; height:2px; width:22px; display:block; background:#333; position:absolute; top:8px; left:-2px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.icon_close:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.icon_close.white:before,
.icon_close.white:after {background:#fff;}
.icon_reply {display:inline-block; margin-right:8px; width:31px; height:11px; overflow:hidden; background:url(/common/images/common/common.png) no-repeat -300px 0; font-size:14px; font-weight:700; color:#0c4ca3;}
.icon_reply.reply2 {margin-left:40px;}
.icon_clip {display:inline-block; width:15px; height:16px; margin-right:8px; background:url(/common/images/common/common.png) no-repeat -180px 0; background-size:250px; overflow:hidden; vertical-align:middle;}
.icon_call {display:inline-block; width:16px; height:16px; margin-right:5px; background:url(/common/images/common/common.png) no-repeat -202px 0; overflow:hidden; vertical-align:-4px; background-size:250px;}
.icon_hint {display:inline-block; width:19px; height:19px; background:url(/common/images/common/common.png) no-repeat -150px -15px; background-size:250px; overflow:hidden; vertical-align:middle; text-indent:-9999px;}
.icon_star {display:inline-block; position:relative; width:21px; height:20px;}
.icon_star > span {position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; background:url(/common/images/common/common.png) no-repeat -150px -35px; background-size:250px; overflow:hidden; vertical-align:middle; text-indent:-9999px; opacity:1;}
.icon_star input:checked + span {background-position:-180px -35px;}
.icon_list {display:inline-block; width:13px; height:10px; margin-right:7px; background:url(/common/images/common/common.png) no-repeat -75px -60px; background-size:250px; vertical-align:-1px;}
.btn.active > .icon_list {background-position:-125px -60px;}
.icon_map {display:inline-block; width:14px; height:17px; margin-right:6px; background:url(/common/images/common/common.png) no-repeat -50px -60px; background-size:250px; vertical-align:-4px;}
.btn.active > .icon_map {background-position:-100px -60px;}
.icon_download {display:inline-block; width:17px; height:16px; margin-right:7px; background:url(/common/images/common/common.png) no-repeat -250px -170px; overflow:hidden; vertical-align:-3px;}
.icon_website {display:inline-block; width:14px; height:14px; margin-right:7px; background:url(/common/images/common/common.png) no-repeat -300px -170px; overflow:hidden; vertical-align:-3px;}
.icon_pdf {display:inline-block; width:25px; height:27px; margin-right:9px; background:url(/common/images/common/common.png) no-repeat -360px -170px; overflow:hidden; vertical-align:middle;}

.label {display:inline-block; height:25px; line-height:26px; padding:0 8px; border-radius:2px; color:#fff; background:#2c2f40; font-size:14px; font-weight:700; text-align:center; white-space:nowrap; overflow:hidden; vertical-align:middle;}

.has_circle_number {position:relative; padding-left:24px;}
.circle_number {display:inline-block; position:absolute; top:2px; left:0; width:16px; height:16px; line-height:16px; overflow:hidden; margin-right:7px; background:#545467; border-radius:50%; color:#fff; text-align:center; font-size:9px; font-weight:700; vertical-align:top;}

.card_label {display:inline-block; position:absolute; width:55px; height:29px; color:#fff; font-size:10px; font-weight:700; text-align:center; line-height:29px;}
.card_label span {position:relative; z-index:10;}
.card_label:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#f71334; transform:skew(-20deg);}
.card_label.salepre:after {background:#ff3088;}
.card_label.saleing:after {background:#f71334;}
.card_label.salefin:after {background:#444;}
.card_label.working:after {background:#0c4ca3;}
.card_label.moveing:after {background:#00ad9b;}
.card_label.movepre:after {background:#0acb80;}
.card_label.movefin:after {background:#444;}

.card_label.SALEPRE:after {background:#ff3088;}
.card_label.SALEING:after {background:#f71334;}
.card_label.SALEFIN:after {background:#444;}
.card_label.WORKING:after {background:#0c4ca3;}
.card_label.MOVEING:after {background:#00ad9b;}
.card_label.MOVEPRE:after {background:#0acb80;}
.card_label.MOVEFIN:after {background:#444;}

.tooltip_outer {display:inline-block; position:relative;}
.tooltip {position:absolute; top:35px; left:-350px; z-index:10; padding:30px; background:#fff; border:1px solid #222; border-radius:10px; line-height:1.7;}
.tooltip_title {display:block; margin-bottom:14px; font-size:18px;}
.tooltip p {margin-bottom:11px;}
.tooltip li {margin-bottom:10px; font-size:14px;}
.tooltip .close {position:absolute; top:30px; right:30px;}

.has_dot {position:relative; padding-left:7px;}
.has_dot:before {content:''; display:block; width:2px; height:2px; background-color:#000; position:absolute; top:8px; left:0;}
.dot:before {display:inline-block; content:'·'; vertical-align:0; font-size:18px; font-weight:700; color:#000;}

.has_bullet {position:relative; padding-left:1.2em;}
.has_bullet > .bullet {position:absolute; top:0; left:0;}

/*pagination*/
.pagination { margin-top:15px; font-size: 0; text-align: center}
.pagination a { display: inline-block; font-size: 12px; text-align: center; padding:9px 0; border-bottom:2px solid transparent; width: 25px; color: #222;}
.pagination a.active { border-color:#000; font-weight: 700;}
.pagination a.first,
.pagination a.prev, .pagination a.next,
.pagination a.last { text-indent: -9999px; position: relative;}
.pagination a.first:before,
.pagination a.prev:before,
.pagination a.next:before,
.pagination a.last:before { display: block; content: ''; width: 13px; height: 12px; background: url("/common/images/common/common.png") -48px 0 no-repeat; background-size:250px; position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -7px}
.pagination a.prev:before { background-position: -74px 0; width: 7px; margin-left:-3px;}
.pagination a.next:before { background-position: -98px 0; width: 7px; margin-left:-3px;}
.pagination a.last:before { background-position: -121px 0}

/*input custom*/
input[type=text], input[type=password], input[type=number], input[type=tel] { width:100%; font-size: 14px; line-height: 40px; height: 40px; padding:0 15px; color: #222; border: 1px solid #aaa; text-align:left; -webkit-appearance:none;}
input:-ms-input-placeholder,
input::-webkit-input-placeholder,
input::-moz-placeholder { color: #666}
input[type=text]:focus::placeholder, input[type=password]:focus::placeholder, input[type=number]:focus::placeholder, input[type=tel]:focus::placeholder {color:transparent;}
input:disabled, button:disabled { background-color:#eee; color:#aaa; border-color:#eee;}
input:disabled:-ms-input-placeholder { color: #aaa; border-color:#eee;}
input:disabled::-webkit-input-placeholder { color: #aaa; border-color:#eee;}
input:disabled::-moz-placeholder { color: #aaa; border-color:#eee;}
input:disabled:hover,button:disabled:hover,
input:disabled.hover,button:disabled.hover { color:#222; border-color:#eee; background:#eee;}
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=tel]:focus {border-color:#000;}
input[type=text].small, input[type=password].small, input[type=number].small, input[type=tel].small {line-height: 40px; height: 40px;}

/*checkbox & radio*/
.checkbox_wrap,
.radio_wrap{font-size:0}
.checkbox_wrap > .checkbox,
.radio_wrap > .radio{margin:0 20px 0 0; font-size: 14px; line-height: 15px; display: inline-block; color: #666}
.checkbox label:before,
.radio label:before { display: block; content: ''; width: 20px; height: 20px; background: url("/common/images/common/common.png") 0 0 no-repeat; position: absolute; top: 0; left: 0}
.radio,
.checkbox {display:inline-block;cursor:pointer; line-height: 20px; position: relative; height:20px}
.radio > span,
.checkbox > span {position:relative;display:inline-block;padding-left:25px; min-width:20px; height:20px; line-height:20px; font-size:14px}
input[type='radio'],
input[type='checkbox'] {opacity:0;border:0;background:none;zoom:1}
.checkbox input,
.radio input { display: block; width: 20px; height: 20px; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0}
.radio > span:before {content:'';position:absolute;top:0;left:0;width:20px;height:20px;background:url('/common/images/common/common.png') 0 -35px no-repeat; background-size:250px;}
.radio:hover > input[type='radio']:not(:disabled) + span:before {background-position:0 -35px}
.radio:hover > input[type='radio']:checked + span:before {background-position:-25px -35px}
.radio > input[type='radio']:checked + span:before {background-position:-25px -35px}
.radio > input[type='radio']:disabled + span:before {background-position:0 -35px}
/*.radio > input[type='radio']:disabled:checked + span:before {background-position:-25px -35px}*/
.radio > input[type='radio']:disabled:checked + span:before{background:url('/common/images/common/ico_rdo_disabled.png') 0 0 no-repeat; background-size:20px 20px;}
.checkbox > span {padding-left:27px; color:#555;}
.checkbox > span:before {content:'';position:absolute;top:0;left:0;width:20px;height:20px;background:url('/common/images/common/common.png') no-repeat -202px -35px; background-size:250px; }
.checkbox > input:checked + span {color:#000;}
.checkbox > input:checked + span:before {background-position:-227px -35px;}
.checkbox_wrap input[type="checkbox"]+label:last-child { margin-right: 0}

/*textarea*/
.textarea { position: relative}
.textarea textarea { width: 100%; min-height: 178px; padding: 20px 100px 20px 20px; border-radius: 0; overflow-y: scroll; border: 1px solid #aaa; background-color: #fff; color: #222; font-size: 14px; line-height: 20px; resize: none; box-sizing: border-box; -webkit-box-sizing: border-box}
.textarea textarea::placeholder {font-size:16px; line-height:1.7;}
.textarea textarea:focus::placeholder {color:transparent;}
.textarea .count { position: absolute; right: 20px; bottom: 1px; padding: 0 0 19px; margin-right: 20px; text-align: right; font-size: 12px; line-height: normal; color: #bcbcbc; font-family: 'locator-regular'; background: #fff; -webkit-box-sizing: border-box}

textarea {width:100%; height:300px; resize:none;}

/* progress */
.progress {display:block; position:relative; overflow:hidden; height:6px; border-radius:3px; background:#eee;}
.progress .bar {display:block; position:absolute; top:0; left:0; width:0; height:100%; background:#6f7283;}

/* loading */
.loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background:rgba(0,0,0,.6) url(/common/images/common/loading.gif) no-repeat 50% 50%; background-size:50px;}
.loading span { text-indent: -9999px; overflow:hidden;}

/* input file css type*/
.inputfile_warp { position: relative; display: block; height: 40px; padding: 0 106px 0 0}
.inputfile_warp .inputfile_trigger { position: absolute; right: 0; top: 0; overflow: hidden}
.inputfile_warp .inputfile_trigger .btn_trigger { position: relative; display: block; width: 98px; height:42px; line-height: 38px; text-align: center; border: #8f8f8f solid 1px; background: #fff; cursor: pointer}
.inputfile_warp .inputfile_trigger input[type="file"] { position: absolute; left: 0; top: 0; opacity: 0; height: 42px}
.imgupload:after { content: ''; display: block; clear: both}
.imgfile { position: relative; float: left; width: 70px; height: 70px; margin: 0 6px}
.imgfile:first-child { margin-left: 0}
.imgfile input[type="file"] { position: absolute; top: 0; left: 0; width: 70px; height: 70px; opacity: 0}
.imgupload .imgfile img { width: 69px; height: 69px; border: #e9e9e9 solid 1px}

/*button*/
.btn.download{position:relative; height:35px; line-height:35px; padding:0 60px 0 10px; border: 1px solid #e50011; background-color: #e50011; color: #fff; border-radius:2px}
.btn.download.complet{background:#e50011; border:1px solid #e50011}
.btn.download:after{content:''; position:absolute; top:0; right:0; width:33px; height:34px; background:url('/common/images/common/down_icon.png') 0 0 no-repeat}
button.small_btn, a.small_btn{display:inline-block; min-width:49px; height:42px; font-size:12px; background:#f8f8f8; border:1px solid #ccc; text-align:center; border-radius:2px}
button.small_btn.active, a.small_btn.active{background:#fff; border:1px solid #e50011; color:#e50011}
.link_btn{display:inline-block; width:64px; height:24px; border:1px solid #ccc; color:#666; font-size:12px}
.flat_blue{background:#2c4e72; color:#fff}

.btn {display:inline-block; min-width:100px; height:40px; line-height:40px; padding:0 40px; font-size:14px; font-weight:700; text-align:center;}
.btn.default {background-color:#fff; color:#000; border:1px solid #a6a6a6;}
.btn.disabled,
.btn:disabled {background-color:#ddd; color:#666; border:none;}
.btn.dark {background-color:#000; color:#fff; border:none;}
.btn.small {min-width:95px; height:40px; line-height:40px; padding:0 15px; font-size:12px;}
.btn.icon_btn {min-width:93px; height:36px; line-height:36px; padding:0 15px; border:1px solid #666; font-weight:400; font-size:12px;}
.btn.icon_btn > i {display:inline-block; margin-right:6px; background:url(/common/images/common/common.png) no-repeat; vertical-align:middle;}
.btn.icon_btn .icon_calculator {width:12px; height:14px; background-position:-25px 0; background-size:250px;}
.btn.icon_btn .icon_print {width:19px; height:19px; background-position:-455px 0;}
.btn.icon_btn .icon_lock {width:12px; height:14px; background-position:-202px -85px; background-size:250px; vertical-align:-3px;}
.btn.icon_btn .icon_human {width:16px; height:16px; background-position:-227px -85px; background-size:250px; vertical-align:-5px;}
.btn + .btn {margin:0 5px}

.btn_add,
.btn_delete {display:inline-block; width:30px; height:30px; background:url(/common/images/common/common.png) no-repeat; background-size:250px;}
.btn_add {background-position:-50px -135px;}
.btn_delete {background-position:-85px -135px;}

.btn_wrap{overflow:hidden; font-size:0; padding-left:18px; padding-right:18px;}
.btn_wrap .btn {float:left; width:calc(50% - 4px); margin:0 2px;}
.btn_wrap button.active { border-color: #e50011; color: #e50011; background-color: #fff; z-index: 1}

.btn .page_count {display:inline-block; margin-left:10px; font-size:12px; letter-spacing:3px; color:#666;}
.btn .page_count span {display:inline-block; font-weight:400;}

.btn.btn_more {width:100%; border-color:#eee; background-color:#f7f7f7;}

.button_list {overflow:hidden; padding:0 20px;}
.button_list > .btn {float:left; width:25%; min-width:0; padding:0; border-right-width:0; margin:0;}
.button_list > .btn:last-child {border-right-width:1px;}

/*select*/
.select {display:inline-block; font-size:14px;}
select {display:inline-block; width:100%; height:40px;line-height:40px;color:#666;font-size:14px; padding:0 30px 0 15px;border:1px solid #aaa;-webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url('/common/images/common/bg_select.png') 100% 50% no-repeat; background-size:25px;}
select[disabled] {background-color:#eee; background-image:url(/common/images/common/bg_select_disable.png); border-color:#eee; color:#aaa;}

.ui-select {display:inline-block;position:relative;z-index:1;font-size:14px;width:100%; height:auto;vertical-align:top;text-align:left;}
.ui-select.active {z-index:2}
.ui-select > button {width:100%; height:40px;line-height:40px;color:#666;font-size:14px; padding:0 25px 0 15px;border:1px solid #aaa;-webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url('/common/images/common/bg_select.png') 100% 50% no-repeat; background-size:25px; text-align:left;}
.ui-select.active > button {border:1px solid #ddd; border-bottom:none; background-image:url(/common/images/common/bg_selected.png);}
.ui-select > ul {display:none ;position:absolute;left:0; margin-top:-1px;width:100%;border:1px solid #ddd; box-sizing:border-box;overflow-y:auto;background-color:#f1f1f1}
.ui-select:first-child > ul{width:calc(100% + 1px);}
.ui-select > ul > li {cursor:default;border-bottom:1px solid #ddd;}
.ui-select > ul > li:last-child{border-bottom:none;}
.ui-select > ul > li a {display:block; font-size:14px; padding:12px 20px 12px 20px; color:#666; line-height:1.5;}
.ui-select.disabled:before {content:"";position:absolute;width:1px;height:1px;overflow:hidden; clip:rect(1px, 1px, 1px, 1px)}
.ui-select.disabled > button {border-color:#ddd; color: #aaa; box-shadow: none; background-image:url('/common/images/common/bg_select_disable.png');}
select::-ms-expand {display: none}
.ui-select > ul{overflow-y:hidden;}
.ui-select.small > button {height:40px; line-height:40px;}

/* input_wrap */
.input_wrap{position:relative;}
.input_wrap:after {display:table; content:''; clear:both;}
.input_wrap > .btn {min-width:0; padding:0;}
.input_wrap + .input_wrap,
.input_wrap + input {margin-top:5px;}

.address1 {position: relative; padding-right: 100px;}
.address1 .btn {position: absolute; top: 0; right: 0; margin: 0; width:95px; font-size:12px;}

.board-sorting {padding: 0 95px 0 20px;}
.board-sorting .btn:last-child {position: absolute; top: 0; right: 20px; width: 70px;}

/*form*/
.input_btn_del { display: block; vertical-align: middle; position: relative}
.input_btn_del input { width: 100%}
.input_btn_del .del { display: block; width: 24px; height: 24px; background:url("/common/images/common/common.png") -50px -150px no-repeat; position: absolute; top: 11px; right: 12px; overflow: hidden; text-indent: -9999px}

/* searchbar */
.searchbar {display:inline-block; position:relative; width:100%;}
.searchbar input {padding-right:54px;}
.searchbar button {position:absolute; top:0; right:0; width:44px; height:100%; font-size:0;}

/* tab */
.tab_wrap {position: relative; padding:0 20px;  margin-bottom:20px;}
.tab_wrap ul {overflow-x:auto; white-space:nowrap;}
.tab_wrap > ul:after { content: ''; display: block; clear: both}
.tab_wrap > ul > li {position: relative; display:inline-block; margin-left:2px;}
.tab_wrap > ul > li:nth-child(1) > .tab_cont { margin-left: 0}
.tab_wrap > ul > li:nth-child(2) > .tab_cont { margin-left: -100%}
.tab_wrap > ul > li:nth-child(3) > .tab_cont { margin-left: -200%}
.tab_wrap > ul > li:nth-child(4) > .tab_cont { margin-left: -300%}
.tab_wrap > ul > li > a{ display: inline-block; height:34px; line-height:34px; padding:0 15px; border: 1px solid #ddd; border-radius:17px; background: #fff; font-size: 14px; color: #666; text-align: center;}
.tab_wrap > ul > li > .tab_cont { display: none; position: relative; padding: 20px 0; width: 200%}
.tab_wrap > ul > li.active > a { position: relative; z-index: 1; border: 1px solid #0c4ca3;  background: #0c4ca3; color: #fff; font-weight:700;}
.tab_wrap > ul > li.active > .tab_cont { display: block}
.tab_wrap > ul > li.active:after { background: #fff}

.ui-tab {position: relative; overflow-x:auto; margin-bottom:20px;}
.tab-nav {display:table;width:100%;padding:0 5px;background:#f6f6f6;}
.tab-nav li {display:table-cell; height:50px;padding:0 15px;vertical-align:middle;text-align:center;box-sizing:border-box}
.tab-nav li a {display:block;height:50px;line-height:50px; font-size:15px;color:#666;white-space:nowrap;}
.tab-nav li.active a{border-bottom:2px solid #044ba4; color:#044ba4; font-weight:700;}
.tab-content {padding-top:40px;}
.ui-tab:not(.anchor) .tab-content > div {display:none}

/*table*/
.table_wrap {margin:15px 0; padding:0 20px;}
.table_wrap table {border-top:2px solid #333;}
.table_wrap table th {padding:10px 20px; border-bottom:1px solid #eee; font-size:12px; font-weight:700; line-height:1.7;}
.table_wrap table thead th {height:54px; border-bottom-color:#999;}
.table_wrap table tbody th {height:50px; padding-left:40px; text-align:left;}
.table_wrap table td {height:50px; padding:10px 20px; border-bottom:1px solid #eee; line-height:1.7;}
.table_wrap table thead th:first-child,
.table_wrap table td:first-child {padding-left:40px;}
.table_wrap table td.no_data {padding:123px 0 !important; font-size:22px; color:#222; text-align:center; line-height:1.5;}
.table_wrap .notice_tr {background:#f6f8fb;}
.table_wrap .notice_tr td,
.table_wrap .notice_tr a {font-weight:700; color:#2c2f40;}

.table_wrap .table_vertical th {padding:15px 20px; background:#f7f7f7;}
.table_wrap .table_vertical td {padding:15px 20px; height:50px;}
.table_wrap .table_vertical tr:last-child th,
.table_wrap .table_vertical tr:last-child td {border-bottom-color:#999;}

.table_detail {margin-bottom:40px; border-top:2px solid #333;}
.table_detail_head .row {border-bottom:1px solid #eee;}
.table_detail_head .row:after {display:table; content:''; clear:both;}
.table_detail_head .row .table_th,
.table_detail_head .row .table_td {display:block; float:left; padding:15px 0;}
.table_detail_head .row .table_th {font-weight:700; font-size:12px; padding-right:10px;}
.table_detail_body {padding:30px 0; line-height:1.8;}
.table_detail_body .table_comment {padding-top:40px; margin-top:40px; border-top:1px dashed #ddd;}
.table_detail_summary {padding:25px 0 20px;}
.table_detail_summary .title {margin-bottom:15px;}
.table_detail_summary h4 {font-size:18px; font-weight:400;}
.table_detail_summary .date:after {display:none;}
.table_detail_summary .sort {margin-bottom:10px;}

.table_detail_head .row.complex_name .table_td {width:calc(100% - 43px);}

.table_wrap .border_vertical tr:last-child th,
.table_wrap .border_vertical tr:last-child td {border-bottom-color:#999;}

.table_wrap .table_gray_head thead th {background:#f7f7f7; border-color:#ddd;}
.table_wrap .table_gray_head th,
.table_wrap .table_gray_head td {border-right:1px solid #ddd;}
.table_wrap .table_gray_head thead th:last-child,
.table_wrap .table_gray_head td:last-child {border-right:none;}

.table_wrap .table_report {border-top:1px solid #ddd; font-size:11px; color:#666;}
.table_wrap .table_report th,
.table_wrap .table_report td {white-space:nowrap;}
.table_wrap .table_report th,
.table_wrap .table_report td,
.table_wrap .table_report thead th:first-child,
.table_wrap .table_report thead th:last-child,
.table_wrap .table_report td:first-child,
.table_wrap .table_report td:last-child {height:40px; padding:9px 0;}
.table_wrap .table_report thead th {background:#f7f7f7; border-color:#ddd;}
.table_wrap .table_report td {text-align:center;}
.table_wrap .table_report tfoot {font-weight:700; color:#222;}
.table_wrap .table_report tfoot td {border-top:1px solid #999; border-bottom:1px solid #999;}
.table_wrap .table_report tfoot + tbody tr:last-child td {border-bottom-color:#fff;}
.table_wrap .table_report td.no_data {height:auto; padding:10px 10px 10px 13% !important; text-align:left;}


.table_pure {padding:20px; border:1px solid #999;}
.table_pure table {text-align:right;}
.table_pure table thead th {font-size:14px; color:#666;}
.table_pure table th,
.table_pure table td {padding:10px;}

.table_wrap.scroll {padding-left:0; padding-right:0; margin-left:20px;}
.table_wrap.scroll .scroll-content {padding-bottom:16px; -webkit-overflow-scrolling:touch;}

.table_wrap .row.file-row .table_td {float:none;}
.table_wrap .row.file-row a {max-width:95%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/* file */
.file-input {position:relative;}
.file-input .file-name {height:40px;padding:5px 10px;margin-right:78px;border:1px solid #bbb;box-sizing:border-box}
.file-input .file-name span {display:block;font-size:0.8em;line-height:46px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
.file-input .file-btn {position:absolute; top:0; right:0;width:73px;height:40px}
.file-input .file-btn > span {display:block;width:100%;height:100%;font-size:12px;color:#fff;line-height:40px;text-align:center;background:#222;font-weight:700;}
.file-input .file-btn > input[type="file"] {display:block !important;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;border:0;cursor:pointer}
.file-input + .btn_add,
.file-input + .btn_delete {position:absolute; top:50%; right:0; margin-top:-15px;}

/* accordion */
.ui-accordion {color:#222;}
.acc-item {border-top:1px solid #eee; border-bottom:1px solid #eee;}
.acc-item .acc-head {position:relative;}
.acc-item .acc-head a {position:relative; display:block; padding:20px 80px 20px 25px; font-size:16px; font-weight:700; color:#222;}
.acc-item .acc-head a:after {content:''; display:block; width:20px; height:10px; position:absolute; top:50px; right:20px; background:url(/common/images/common/common.png) no-repeat -100px -35px; background-size:250px;}
.acc-item.active .acc-head a:after {background-position:-125px -35px;}
.acc-item .acc-cont {display:none; position:relative; padding:20px 20px 20px 25px; background:#f7f7f7;}

 /*datepicker*/
.ui-datepicker { width: 228px; background-color: #fff; border: 1px solid #bdbdbd; margin-left: -1px; padding-bottom: 5px; display: none}
.ui-datepicker-header { background-color: #f8f8f8; height: 37px; text-align: center; position: relative}
.ui-datepicker-header:after { content: ''; display: block; margin: 0 auto; width: 201px; height: 1px; background-color: #e8e8e8}
.ui-datepicker-header .ui-datepicker-title { height: 37px; line-height: 37px; font-family: "Roboto"; font-weight: 500; color: #000}
.ui-datepicker-header .ui-datepicker-prev, .ui-datepicker-header .ui-datepicker-next { position: absolute; top: 13px; background: url("/common/images/common/common.png") 0 0 no-repeat; width: 5px; height: 9px; overflow: hidden; text-indent: -9999px}
.ui-datepicker-header .ui-datepicker-prev { left: 68px; background-position: -300px -350px}
.ui-datepicker-header .ui-datepicker-next { right: 68px; background-position: -350px -350px}
.ui-datepicker-calendar { border: none; border-radius: 0}
.ui-datepicker-calendar tr th { font-weight: 400; color: #000; font-size: 14px; background-color: #f8f8f8; height: 31px}
.ui-datepicker-calendar tr th.ui-datepicker-week-end { color: #e50011}
.ui-datepicker-calendar tr th.ui-datepicker-week-end:last-child { color: #525b7c}
.ui-datepicker-calendar tr td { font-size: 14px; text-align: center; line-height: 28px; vertical-align: middle}
.ui-datepicker-calendar tr td a { font-family: "Roboto"; color: #666; display: inline-block; width: 23px; height: 23px; line-height: 23px}
.ui-datepicker-calendar tr td.ui-datepicker-week-end a { color: #cc665e}
.ui-datepicker-calendar tr td.ui-datepicker-week-end:last-child a { color: #525b7c}
.ui-datepicker-calendar tr td.ui-datepicker-current-day a { background-color: #e50011; color: #fff; font-weight: 700; border-radius: 50%}
/*datepicker - calender*/
.calendar_group { font-size: 0; display: inline-block; vertical-align: top}
.calendar_group .input_btn { display: inline-block; height: 42px; border: 1px solid #ccc; border-radius: 2px; vertical-align: top}
.calendar_group .input_btn input { width:136px; height: 40px; border: none; line-height: 40px; color: #000}
.calendar_group > span { display: inline-block; width: 18px; height: 42px; line-height: 42px; font-size: 14px;color: #888; text-align: center}
.calendar_group button.ui-datepicker-trigger{height:40px; width:40px; background:url('/common/images/common/btn_cal.gif')}

@media (max-width:1023px) {
.calendar_group .input_btn { width: calc(50% - 8px)}
.calendar_group .input_btn input { width: calc(100% - 42px)}
.calendar_group > span { width: 16px} }

/* location */
.location {text-align:right; padding-top:30px; margin-bottom:24px; line-height:1;}
.location a {display:inline-block; font-size:15px; text-align:left;}
.location .home {width:20px; height:17px; background:url(/common/images/common/common.png) no-repeat; text-indent:-9999px; overflow:hidden;}

/* introduction */
.introduction_title {padding:30px 0; text-align: center; line-height:1;}
.introduction_title h2 {font-size:20px; font-weight:700;}
.introduction_title p {margin-top:15px; font-size:13px; color:#666;}
.introduction.visual {height:130px; background-position:50%; background-repeat:no-repeat; background-size:cover;}
.introduction.visual > .inner {padding:55px 0 0;}
.introduction.visual p {color:#fff; font-size:20px;}

/* content_title */
.content_title {padding-top:30px; margin-bottom:30px; text-align:center;}
.content_title h3 {font-size:20px; line-height:1;}

.central_title {margin-top:50px; text-align:center; font-size:23px; line-height:1; margin-bottom:25px; font-weight:400;}

/* go_top */
.go_top {display:block; position:absolute; top:-60px; right:15px; z-index:10; width:35px; height:35px; background:rgba(255,255,255,.6) url(/common/images/main/ico_arrow_top.png) no-repeat 50% 50%; background-size:8px; border:1px solid #666; overflow:hidden; text-indent:-9999px;}

/* breadcrumb */
.divided_list {line-height:1; color:#666; font-size:12px;}
.divided_list > .divid,
.divided_list > li {display:inline-block;}
.divided_list > .divid:after,
.divided_list > li:after {content:''; display:inline-block; width:1px; height:11px; background:#dfdfdf; margin:0 8px 0 11px; vertical-align:middle;}
.divided_list > .divid:last-child:after,
.divided_list > li:last-child:after {display:none;}
.divided_list > .divid strong,
.divided_list > li strong {display:inline-block; margin-right:14px; font-weight:700;}
.divided_list > .divid.active a,
.divided_list > li.active a {color:#0c4ca3; font-weight:700;}

/* box */
.box {padding:30px; border:1px solid #e4e4e4;}
.box_title {display:block; margin-bottom:12px; font-size:16px; line-height:1;}

/* gray_box */
.gray_box {padding:20px; border:1px solid #ddd; background:#f6f6f6;}
.gray_box.borderless {padding:30px 20px; border:none;}

/* horizontal_info */
.horizontal_info {padding:10px 0;}
.horizontal_info_head {margin-bottom:13px;}
.horizontal_info_description {font-size:13px;}
.horizontal_info_description > ul > li {margin-bottom:15px;}

/* feed_event */
.feed_event {position:relative; padding:0 20px; margin-bottom:30px;}
.feed_event_image {position:relative;}
.feed_event_image strong {display:flex; justify-content:center; align-items:center; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); font-size:16px; color:#fff; text-align:center;}
.feed_event_description {padding:35px 30px; background:#f7f7f7;}
.feed_event_description h4 {margin-bottom:12px; font-weight:400; font-size:18px; max-height:54px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis;}
.feed_event_description ul {font-size:12px;}
.feed_event_description li {margin-bottom:5px;}
.feed_event_description li strong {display:inline-block; width:72px;}
.feed_event .no_data {height:265px; padding-top:90px; font-size:18px; text-align:center; background:#f7f7f7;}
.feed_event .no_data:before {content:''; display:block; height:18px; margin-bottom:20px; background:url(/common/images/common/logo_gray.png) no-repeat 50% 0; background-size:100px;}

/* Masonry */
.grid-item {position:relative; margin-bottom:20px;}
.grid-item span {display:block; position:absolute; left:0; bottom:0; width:100%; padding:30px 0 10px; text-align:center; color:#fff; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));}
.gutter-sizer {width:26px;}
.stamp {padding:0;}

/* gallery list */
.gallery_list {margin-top:30px; padding:0 13px;}
.gallery_list > ul {overflow:hidden;}
.gallery_list > ul > li {float:left; width:50%; padding:0 7px;}
.gallery_list > ul > li > a {display:block;}
.gallery_list_image img {width:100%; height:67.5%; box-shadow:0 15px 20px -15px rgba(0,0,0,.5);}
.gallery_list_description {height:56px; padding:10px 0; text-align:center; line-height:1.4;}
.gallery_list_title {display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:12px;}
.gallery_list .no_data {padding:120px 20px 100px; font-size:22px; text-align:center;}

/* gallery detail */
.gallery_detail {margin-bottom:40px; padding:0 20px;}
.gallery_detail .stamp {margin-bottom:40px; background:#2c2f40; box-shadow:0 30px 20px -20px rgba(0,0,0,.4);}
.gallery_detail .stamp strong {display:block; padding:15px 20px; color:#fff; text-align:center; font-size:16px;}

/* card */
.card_outer {padding:25px 25px 0;}
.card {position:relative; margin-bottom:25px; background:#fff; box-shadow:0 20px 20px -20px rgba(0,0,0,.4);}
.card_head {position:relative; padding:17px 50px 17px 20px; min-height:71px;}
.card_head strong {display:block; height:15px; margin-bottom:5px; color:#0c4ca3; font-size:12px; font-weight:400; line-height:1;}
.card_head h4 {font-size:18px; line-height:1;}
.card_head .icon_star {position:absolute; top:35px; right:20px;}
.card_image {position:relative; min-height:150px;}
.card_image > a {width:100%;}
.card_image img {width:100%;}
.card_image .card_label {top:20px; right:-6px;}
.card_image p {display:flex; display:-ms-flexbox; align-items:center; -ms-flex-align:center; position:absolute; bottom:0; left:0; width:100%; height:64px; padding:0 21px; color:#fff; background:rgba(12,76,163,.8);}
.card_image p .icon_close {position:absolute; top:50%; right:30px; width:12px; height:12px; margin-top:-6px;}
.card_image p .icon_close:before,
.card_image p .icon_close:after {height:1px; width:14px; top:5px; left:-1px;}
.card_body {padding:25px 20px 49px;}
.card_body ul {margin-bottom:25px;}
.card_body li {position:relative; margin-bottom:8px; padding-left:58px; color:#222;}
.card_body li em {position:absolute; top:2px; left:0; display:inline-block; width:57px; font-weight:700; font-size:12px; color:#666;}
.card_body .progress {position:absolute; left:100px; right:0; top:8px; display:inline-block;}
.card_foot {position:absolute; bottom:0; left:0; width:100%; height:54px; padding-top:20px; background:#f7f7f7; text-align:center;}
.card_foot a,
.card_foot button {font-size:12px; color:#666;}
.card_foot .deactive a,
.card_foot .deactive button {color:#aaa;}
.card_foot .divided_list > li {position:relative; float:left; width:25%;}
.card_foot .divided_list > li:after {position:absolute; right:0; margin:0;}
.card_outer .no_data {padding:75px 0; text-align:center;}
.card_outer .no_data strong {display:block; padding-top:70px; font-size:22px; font-weight:400; color:#222; line-height:1; margin-bottom:10px; background:url(/common/images/common/ico_search.png) no-repeat 50% 0; background-size:37px;}

.move_card_outer .card_foot .divided_list {overflow:hidden;}
.move_card_outer .card_foot .divided_list > li {position:relative; float:left; width:50%;}
.move_card_outer .card_foot .divided_list > li:after {position:absolute; right:-10px;}

.advice_note {padding:0 20px; margin-bottom:35px; color:#666; text-align:center; word-break:keep-all; word-wrap:break-word;}
.advice_note_headline {margin-bottom:10px; font-size:18px; color:#222;}

.image_division {position:relative; padding:0 20px;}
.image_division .view_full {position:absolute; top:10px; right:30px; width:35px; height:35px; background:url(/common/images/common/btn_zoom.png) no-repeat; background-size:100%; box-shadow:3px 3px 8px 0 rgba(0,0,0,.2); text-indent:-9999px; overflow:hidden;}

.reply_status {display:flex; justify-content:center; align-items:center; width:61px; height:61px; background:#faebeb; line-height:1.4;}
.reply_status.reply_accepting {background:#faebeb;}
.reply_status.reply_finish {background:#ebf1fa;}

.refresh-map {position:absolute; top:235px; right:7px; z-index:10; width:24px; height:24px; background:url(/common/images/common/re_icon.png) no-repeat; text-indent:-999px; overflow:hidden;}
.refresh-map:hover {background-image:url(/common/images/common/re_icon_over.png);}
.refresh-map.top-up {top:200px;}

/*ui-popup*/
.ui-popup {display:none;  align-items:center; justify-content:center; position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;background-color:rgba(0,0,0,0.5);text-align:center;white-space:nowrap;}
.ui-popup.on {display:flex;}
.ui-popup .con_wrap {position:relative;margin:0 20px;background-color:#fff;text-align:left;vertical-align:middle;white-space:initial;border-radius:5px;overflow:hidden;}
.ui-popup .con_wrap .btn_close {position:absolute;top:8px; right:8px; width:45px; height:45px; font-size:16px}
.ui-popup .con_wrap .btn_close:before,
.ui-popup .con_wrap .btn_close:after {width:19px; top:50%; left:50%; margin-left:-10px;}
.ui-popup .header {padding:20px;font-size:15px;font-weight:700;}
.ui-popup .body {position:relative; overflow-y:auto;padding:0 20px 20px; box-sizing:border-box}
.ui-popup .footer {overflow:hidden;}
.ui-popup .footer .btn {float:left; display:block; width:100%; height:50px; margin-left:0; line-height:50px; background:#0c4ca3; color:#fff;}
.ui-popup .footer .btn + .btn {margin-right:0;}
.ui-popup .footer .btn:hover {background:#000;}
.ui-popup .footer .btn.blue {background:#0c4ca3;}
.ui-popup .footer .btn.blue:hover {background:#02367d;}
.ui-popup .footer .btn.dark {background-color:#222;}

.ui-popup.full.on {display:block;}
.ui-popup.full .con_wrap {height:100%; margin:0; border-radius:0;}
.ui-popup.full .header {height:70px; font-size:18px;}
.ui-popup.full .body {height:calc(100% - 120px);}
.ui-popup.full .body > img:first-child {margin-top:60px;}
.ui-popup.full .body.imageBody {height:100%; margin-top:60px;}
.ui-popup.full .footer {position:fixed; bottom:0; width:100%; overflow:hidden;}
.ui-popup.full .body.no_footer {height:calc(100% - 70px);}

/* pop gallery slide */
.ui-popup.pop_gallery_slide {background-color:rgba(0,0,0,.75);}
.ui-popup.pop_gallery_slide .con_wrap {width:100%; max-width:1160px; padding:0 5.8%; background:transparent;}
.ui-popup.pop_gallery_slide .swiper-slide {position:relative;}
.ui-popup.pop_gallery_slide .swiper-slide img {width:100%;}
.ui-popup.pop_gallery_slide .swiper-slide p {position:absolute; bottom:0; left:0; width:100%; padding:20px 0; font-size:18px; color:#fff; text-align:center; background:rgba(0,0,0,.5);}
.ui-popup.pop_gallery_slide .swiper-button-prev,
.ui-popup.pop_gallery_slide .swiper-button-next {height:26px; width:26px; display: block; border: 2px solid #fff; border-left-width: 0; border-top-width: 0; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); bottom: 0; background:none; z-index:10;}
.ui-popup.pop_gallery_slide .swiper-button-prev {left:5px;}
.ui-popup.pop_gallery_slide .swiper-button-next {right:5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
.ui-popup.pop_gallery_slide .icon_close {top:-90px; right:0; width:20px;}
.ui-popup.pop_gallery_slide .icon_close:before,
.ui-popup.pop_gallery_slide .icon_close:after {width:26px; background:#fff;}

.dimmed {position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; background:rgba(0,0,0,.75);}

.ui-popup.full .board-sorting {padding:0 75px 0 0; }
.ui-popup.full .board-sorting .btn:last-child {right:0;}