@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/


/*******************************************************************
default
********************************************************************/


/*******************************************************************
common
********************************************************************/

/*
Common UI
------------------------------------------------------------------ */

/* button set */
.btn{display:inline-block;min-width:123px;height:34px;padding:0 20px;border-radius:5px;line-height:32px;font-size:12px;font-weight:normal;text-align:center;vertical-align:middle;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.btn.btn-primary{background-color:#4e92e7;color:#fff}
.btn.btn-line{border:1px solid #4e92e7;background-color:#fff;color:#4e92e7}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn:hover,.btn:focus,.btn.focus{text-decoration:none}
.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;opacity:.65}
.btn-default,a.btn-default{border-color:#2b2b2b;background-color:#fff;color:#2b2b2b}
.btn-mkt,a.btn-mkt{border-color:#002d6c;background-color:#fff;color:#002d6c}
.btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active{border-color:#2b2b2b;background-color:#f4f4f4;color:#2b2b2b}
.btn-medium{width:auto;height:30px;padding:0 12px;font-size:14px;line-height:27px}
.btn-small{width:auto;height:28px;font-size:12px;line-height:28px}
.btn > i{margin-left:10px;margin-right:0;margin-top:-1px;line-height:44px}
.btn > i.i-left{margin-right:10px;margin-left:0}
.btn-medium > i{line-height:36px}
.btn-small > i{line-height:28px}
.btn.w100{width:100%}

/* margin, padding, width */
.mb_15{margin-bottom:15px}
.mb_30{margin-bottom:30px}
.mb_40{margin-bottom:40px}
.mb_60{margin-bottom:60px}
.mt_30{margin-top:30px}
.mtb_65{margin:65px 0}
.width_full,.w100{width:100% !important}
.width_half,.w50{width:50% !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}

/* textarea, input */
textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color]{border-radius:0 !important;border:1px solid #8d8d8d;background-clip:padding-box !important;background-color:#fff;-webkit-border-radius:0 !important;-webkit-background-clip:padding-box !important;-moz-border-radius:0 !important;-moz-background-clip:padding !important;-webkit-box-shadow:none;box-shadow:none}
textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=date]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus,input[type=number]:focus,input[type=email]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=color]:focus{-webkit-box-shadow:inset 0 2px 4px rgba(100,100,100,0.1);box-shadow:inset 0 2px 4px rgba(100,100,100,0.1);outline:0}
input.input,textarea.input{width:100%;height:30px;padding:0 7px;font-size:12px;color:#000}
textarea.input{height:75px;padding-top:10px;padding-bottom:10px}
textarea:disabled,input[type=text]:disabled,input[type=password]:disabled,input[type=datetime]:disabled,input[type=datetime-local]:disabled,input[type=date]:disabled,input[type=month]:disabled,input[type=time]:disabled,input[type=week]:disabled,input[type=number]:disabled,input[type=email]:disabled,input[type=url]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=color]:disabled,textarea:disabled:hover,input[type=text]:disabled:hover,input[type=password]:disabled:hover,input[type=datetime]:disabled:hover,input[type=datetime-local]:disabled:hover,input[type=date]:disabled:hover,input[type=month]:disabled:hover,input[type=time]:disabled:hover,input[type=week]:disabled:hover,input[type=number]:disabled:hover,input[type=email]:disabled:hover,input[type=url]:disabled:hover,input[type=search]:disabled:hover,input[type=tel]:disabled:hover,input[type=color]:disabled:hover{border:1px solid #eee;background-color:#f7f7f7}
.input.inline{width:auto !important}

/* Checkbox & Radio */
.checks{display:inline-block;position:relative;margin-right:10px}
.checks input[type=checkbox] + label:before,.checks input[type=radio] + label:before,.checks input[type=checkbox]:checked + label:before,.checks input[type=radio]:checked + label:before{background:url(../images/common/ico_checks.png) no-repeat;background-size:52px auto}
.checks input[type=checkbox],.checks input[type=radio]{position:absolute;width:20px;height:20px;margin:0 0 0 1px;padding:0}
.checks input[type=checkbox] + label,.checks input[type=radio] + label,.radio-list input[type=radio] + label{display:inline-block;position:relative;padding-left:29px;font-size:15px;line-height:22px !important;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.checks input[type=checkbox] + label:before{display:inline-block;width:22px;height:22px;margin:-1px 7px 0 -28px;background-position:0 0;line-height:22px;text-align:center;vertical-align:middle;content:''}
.checks input[type=checkbox]:checked + label:before{background-position:0 -26px}
.checks input[type=checkbox].disabled + label:before,.checks input[type=checkbox]:disabled + label:before{background-position:0 -52px}
.checks input[type=checkbox]:checked.disabled + label:before,.checks input[type=checkbox]:checked:disabled + label:before{background-position:0 -75px}
.checks input[type=radio] + label{padding-left:26px}
.checks input[type=radio] + label:before{position:absolute;left:0;width:22px;height:22px;background-position:-25px 0;text-align:center;content:''}
.checks input[type=radio]:checked + label{color:#002c5e}
.checks input[type=radio]:checked + label:before{background-position:-25px -26px}
.checks input[type=radio].disabled + label:before,.checks input[type=radio]:disabled + label:before{background-position:-25px -52px}
.checks input[type=radio].disabled + label,.checks input[type=radio]:disabled + label{color:#999}
.checks input[type=radio]:checked.disabled + label:before,.checks input[type=radio]:checked:disabled + label:before{background-position:-25px -78px}

/* Slick Slider */
.slick-loading .slick-list{background:#fff url(../images/common/ajax_loader.gif) center center no-repeat}

/* Slider */
.slick-slider{display:block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{display:block;overflow:hidden;position:relative;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{display:block;position:relative;top:0;left:0}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

/* Slick slider Arrows */
.slick-prev,.slick-next{display:block;position:absolute;top:50%;width:20px;height:20px;padding:0;border:none;background:transparent;font-size:0;line-height:0;color:transparent;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;outline:none}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{background:transparent;color:transparent;outline:none}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.1}
.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;color:#FFF;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}
[dir=rtl] .slick-prev{right:-25px;left:auto}
.slick-next{right:-25px}
[dir=rtl] .slick-next{right:auto;left:-25px}

/* Slick slider Dots */
.slick-dotted.slick-slider{margin-bottom:30px}
.slick-dots{display:block;position:absolute;bottom:-25px;width:100%;margin:0;padding:0;text-align:center;list-style:none}
.slick-dots li{display:inline-block;position:relative;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{display:block;width:20px;height:20px;padding:5px;border:0;background:transparent;font-size:0;line-height:0;color:transparent;cursor:pointer;outline:none}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{position:absolute;top:0;left:0;width:20px;height:20px;font-size:6px;line-height:20px;color:#000;text-align:center;content:'';opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{color:#000;opacity:.75}
.select2-container{display:inline-block;position:relative;margin:0;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box}
.select2-container .select2-selection--single{display:block;height:36px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}
.select2-container .select2-selection--single .select2-selection__rendered{display:block;overflow:hidden;padding-right:20px;font-size:16px;font-size:1.6rem;white-space:nowrap;text-overflow:ellipsis}
.select2-container .select2-selection--single .select2-selection__clear{position:relative}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}
.select2-container .select2-selection--multiple{display:block;min-height:32px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}
.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;white-space:nowrap;text-overflow:ellipsis}
.select2-container .select2-search--inline{float:left}
.select2-container .select2-search--inline .select2-search__field{margin-top:5px;padding:0;border:none;font-size:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}
.select2-dropdown{display:block;position:absolute;left:-100000px;z-index:1051;width:100%;border:1px solid #aaa;border-radius:4px;background-color:#FFF;-webkit-box-sizing:border-box;box-sizing:border-box}
.select2-results{display:block}
.select2-results__options{margin:0;padding:0;list-style:none}
.select2-results__option{padding:6px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}
.select2-results__option[aria-selected]{cursor:pointer}
.select2-container--open .select2-dropdown{left:0}
.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}
.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}
.select2-search--dropdown{display:block;padding:4px}
.select2-search--dropdown .select2-search__field{width:100%;padding:4px;-webkit-box-sizing:border-box;box-sizing:border-box}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}
.select2-search--dropdown.select2-search--hide{display:none}
.select2-close-mask{display:block;position:fixed;top:0;left:0;z-index:99;min-width:100%;width:auto;min-height:100%;height:auto;margin:0;padding:0;border:0;background-color:#fff;opacity:0;filter:alpha(opacity=0)}
.select2-hidden-accessible{overflow:hidden !important;position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;padding:0 !important;border:0 !important;clip:rect(0 0 0 0) !important}
.select2-container--default .select2-selection--single{border:1px solid #d9d9d9;border-radius:0;background-color:#fff}
.select2-container--default .select2-selection--single .select2-selection__rendered{width:88px;line-height:36px;color:#444}
.select2-container--default .select2-selection--single .select2-selection__clear{float:right;font-weight:bold;cursor:pointer}
.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}
.select2-container--default .select2-selection--single .select2-selection__arrow{position:absolute;top:1px;right:1px;width:20px;height:36px}
.select2-container--default .select2-selection--single .select2-selection__arrow b{position:absolute;top:50%;left:50%;width:11px;height:6px;margin-left:-9px;margin-top:-2px;background:url(../images/common/ico_select.png) 0 50% no-repeat}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{right:auto;left:1px}
.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}
.select2-container--default .select2-selection--multiple{border:1px solid #aaa;border-radius:4px;background-color:#FFF;cursor:text}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{width:100%;margin:0;padding:0 5px;-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder{float:left;margin-top:5px;color:#999}
.select2-container--default .select2-selection--multiple .select2-selection__clear{float:right;margin-top:5px;margin-right:10px;font-weight:bold;cursor:pointer}
.select2-container--default .select2-selection--multiple .select2-selection__choice{float:left;margin-right:5px;margin-top:5px;padding:0 5px;border:1px solid #aaa;border-radius:4px;background-color:#e4e4e4;cursor:default}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{display:inline-block;margin-right:2px;font-weight:bold;color:#999;cursor:pointer}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline{float:right}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}
.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid #000 1px;outline:0}
.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}
.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}
.select2-container--default .select2-search--inline .select2-search__field{border:none;background:transparent;outline:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:textfield}
.select2-container--default .select2-results > .select2-results__options{overflow-y:auto;max-height:200px}
.select2-container--default .select2-results__option[role=group]{padding:0}
.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}
.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}
.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:#FFF}
.select2-container--default .select2-results__group{display:block;padding:6px;cursor:default}
.select2-container--classic .select2-selection--single{border:1px solid #aaa;border-radius:4px;background-color:#f7f7f7;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee));background-image:linear-gradient(to bottom, white 50%, #eeeeee 100%);background-repeat:repeat-x;outline:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)}
.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}
.select2-container--classic .select2-selection--single .select2-selection__rendered{line-height:28px;color:#444}
.select2-container--classic .select2-selection--single .select2-selection__clear{float:right;margin-right:10px;font-weight:bold;cursor:pointer}
.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}
.select2-container--classic .select2-selection--single .select2-selection__arrow{position:absolute;top:1px;right:1px;width:20px;height:26px;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;background-color:#ddd;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc));background-image:linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFCCCCCC',GradientType=0)}
.select2-container--classic .select2-selection--single .select2-selection__arrow b{position:absolute;top:50%;left:50%;width:0;height:0;margin-left:-4px;margin-top:-2px;border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{right:auto;left:1px;border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{border:none;background:transparent}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee));background-image:linear-gradient(to bottom, white 0%, #eeeeee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white));background-image:linear-gradient(to bottom, #eeeeee 50%, white 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0)}
.select2-container--classic .select2-selection--multiple{border:1px solid #aaa;border-radius:4px;background-color:#FFF;cursor:text;outline:0}
.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered{margin:0;padding:0 5px;list-style:none}
.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}
.select2-container--classic .select2-selection--multiple .select2-selection__choice{float:left;margin-right:5px;margin-top:5px;padding:0 5px;border:1px solid #aaa;border-radius:4px;background-color:#e4e4e4;cursor:default}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{display:inline-block;margin-right:2px;font-weight:bold;color:#888;cursor:pointer}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}
.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}
.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}
.select2-container--classic .select2-search--inline .select2-search__field{outline:0;-webkit-box-shadow:none;box-shadow:none}
.select2-container--classic .select2-dropdown{border:1px solid transparent;background-color:#FFF}
.select2-container--classic .select2-dropdown--above{border-bottom:none}
.select2-container--classic .select2-dropdown--below{border-top:none}
.select2-container--classic .select2-results > .select2-results__options{overflow-y:auto;max-height:200px}
.select2-container--classic .select2-results__option[role=group]{padding:0}
.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}
.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#FFF}
.select2-container--classic .select2-results__group{display:block;padding:6px;cursor:default}
.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

/*
Board 게시판 설정
------------------------------------------------------------------ */
#board_wrap,#board_iframe,#board_iframe2{position:relative;width:100%}
#board_wrap a:link,#board_wrap a:visited,#board_wrap a:active,#board_iframe a:link,#board_iframe a:visited,#board_iframe a:active,#board_iframe2 a:link,#board_iframe2 a:visited,#board_iframe2 a:active{color:#4a4a4a}
#board_wrap a:hover,#board_iframe a:hover,#board_iframe2 a:hover{color:#268fe7}
#board_iframe2{margin:20px 0 0 10px}

/* 게시판 상단 공통 */
.bbs_top_wrap{width:100%;height:14px;margin-bottom:12px}
.bbs_top_wrap .bbs_total{float:left;height:14px;padding-left:14px;background:url(../images/board/ico_total.gif) no-repeat 0 0;line-height:14px;font-size:13px;color:#555}
.bbs_top_wrap .bbs_total strong{font-weight:700;font-size:13px;color:#28689f;letter-spacing:-1px}
.bbs_top_wrap .rss_area{float:right;height:14px}
.bbs_top_wrap .rss_area li{float:left;height:14px;padding:0 0 0 5px}

/* 게시판 하단 공통 */
.bbs_bot_wrap{overflow:hidden;width:100%;padding-top:14px}
.bbs_btn_area{float:right;margin-top:15px;text-align:right}
a.btn_big{display:block;float:left;padding-right:4px;background:url(../images/board/bg_btn_big.gif) no-repeat 100% 0;font-weight:700;line-height:30px;color:#fff;text-decoration:none !important;white-space:nowrap;word-spacing:-1px}
a.btn_big span{display:block;padding:0 8px 0 12px;background:url(../images/board/bg_btn_big.gif) no-repeat}
a.btn_sml{display:block;float:left;padding-right:4px;background:url(../images/board/bg_btn_sml.gif) no-repeat 100% 0;font-weight:700;line-height:24px;color:#fff;text-decoration:none !important;white-space:nowrap;word-spacing:-1px}
a.btn_sml span{display:block;padding:0 8px 0 12px;background:url(../images/board/bg_btn_sml.gif) no-repeat}
.paginate{width:100%;padding-top:14px;text-align:center}
.paginate span.pre,.paginate span.next{display:block;overflow:hidden;width:25px;height:25px}
.paginate span.pre a,.paginate span.next a{margin:0;padding:0;line-height:0}
.paginate a,.paginate strong{display:inline;margin:0 -3px;padding:0 8px;font-weight:700;line-height:25px;color:#444;vertical-align:top}
.paginate strong{color:#0a81d0 !important;text-decoration:underline}
.bbs_serch{width:100%;margin-top:14px;padding:12px 0;background:#f0f0f0}
.bbs_serch label{overflow:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0}
.bbs_serch .sch_cal_form{display:inline-block;width:auto;height:28px;margin-left:10px;padding-right:10px;vertical-align:middle}
.bbs_serch .sch_cal_form dl dt{float:left;height:28px;margin:0 5px 0 0;font-size:14px;font-weight:700;line-height:28px}
.bbs_serch .sch_cal_form dl dd{display:block;float:left;float:left;width:auto;height:28px}
.bbs_serch .sch_cal_form dl dd input{width:72px;height:16px;padding:5px 0 0 6px;border:0}
.bbs_serch .sch_cal_form dl dd.txt{display:block;float:left;width:13px;height:28px;padding:0;background:none;line-height:28px;text-align:center}
.bbs_serch .sch_sel_form{display:inline-block;width:280px;height:28px;border:1px solid #bbb;background-color:#fff;line-height:26px;vertical-align:middle}
.bbs_serch .sch_sel_form .select_wrap{display:inline-block;float:left}
.bbs_serch .sch_sel_form .select2-container--default .select2-selection--single{border:none;background-color:transparent}
.bbs_serch .sch_sel_form input{width:220px;height:26px;padding:0 6px;border:0;background-color:#fff;line-height:26px}
.bbs_serch .sch_btn{display:inline-block;width:50px;height:28px;margin:0;vertical-align:middle}
.bbs_serch .sch_cal_form2{display:inline-block;width:130px;height:24px;margin-left:10px;padding-right:10px;vertical-align:middle}
.bbs_serch .sch_cal_form2 dl dt{float:left;height:24px;font-size:12px;font-weight:700;line-height:30px}
.bbs_serch .sch_cal_form2 dl dd{float:left;width:70px;height:22px;padding:1px}
.datalicense{display:block;min-height:54px;margin-top:15px;padding:10px;border:1px solid #e8e8e8;background:#fafafa;font-size:12px;line-height:1.3;color:#666}
.datalicense::after{display:table;clear:both;content:''}
.datalicense a{display:block}
.datalicense a img{display:block}
.datalicense .license{display:block;float:left;text-align:center}
.datalicense .text{display:block;float:left;width:82%;margin-left:20px;line-height:15px;vertical-align:middle}
.bbs-prevlist{width:100%;margin-top:15px;border-top:1px solid #c1c1c1}
.bbs-prevlist li{overflow:hidden;width:100%;padding:11px 0;border-bottom:1px solid #e5e5e5;line-height:16px}
.bbs-prevlist li strong{float:left;margin:0 20px 0 15px}
.bbs-prevlist li strong img{vertical-align:middle}
.bbs-prevlist li .subject{overflow:hidden;float:left;width:60%;white-space:nowrap}
.bbs-prevlist li .text-info{float:right;font-family:Arial,sans-serif;font-size:12px;color:#666}
.bbs-prevlist li .text-info span{float:left;padding-left:5px}
.bbs-prevlist li .text-info span.data{margin-left:5px;margin-right:15px;background:url(../images/common/tnb_div.gif) no-repeat 0 50%}

/* 게시판 목록 */
.bbslist{width:100%;border-top:2px solid #457ac0}
.bbslist table{width:100%}
.bbslist table thead th{padding:11px 0;border-bottom:1px solid #dedede;background:url(../images/board/bbs_div.gif) #f5f5f5 no-repeat right 50%;font-weight:bold;color:#333}
.bbslist table thead th.ed{padding:11px 0;border-bottom:1px solid #dedede;background:#f5f5f5 !important;font-weight:bold;color:#333}
.bbslist table tbody td{padding:11px 0;border-bottom:1px solid #dedede;background:#fff;text-align:center}
.bbslist table tbody td.subject{padding:11px;border-bottom:1px solid #dedede;background:#fff;text-align:left}
.bbslist table tbody td.subject a{color:#444}
.bbslist table tbody td.addr{padding:11px;border-bottom:1px solid #dedede;background:#fff;text-align:left}
.bbslist table tbody td img{vertical-align:middle}

/* 게시판 읽기 */
.bbsview{width:100%;border-top:2px solid #457ac0}
.bbsview table{width:100%}
.bbsview table thead th{padding:9px 0;border-bottom:1px solid #dedede;background:url(../images/board/bbs_div.gif) no-repeat right 50%;line-height:18px}
.bbsview table thead th.subject{padding:11px 0;border-bottom:1px solid #dedede;background:url(../images/board/bbs_div.gif) #f5f5f5 no-repeat right 50%;font-weight:700;line-height:18px;color:#333}
.bbsview table td{padding:9px 30px;border-bottom:1px solid #dedede;line-height:18px}
.bbsview table td.subject{padding:11px 30px;border-bottom:1px solid #dedede;background:#f5f5f5;line-height:18px}
.bbsview table td.textviewer{min-height:220px;height:auto !important;height:220px;padding:20px;border-bottom:1px solid #dedede;line-height:1.5;vertical-align:top}
.bbsview table td.textviewer table{border:1px solid #000}
.bbsview table td.textviewer th{border:1px solid #000}
.bbsview table td.textviewer td{border:1px solid #000}
.bbsview table td.textviewer p{margin:12px}

/* 게시판 읽기(새창) */
.bbsview_window{display:block;margin:20px 1px 0;background:#fff}
.bbsview_window table{width:100%;border-top:2px solid #457ac0}
.bbsview_window table thead th.subject{padding:11px 0;border-bottom:1px solid #dedede;background:url(../images/board/bbs_div.gif) #f5f5f5 no-repeat right 50%;font-weight:700;line-height:18px;color:#333}
.bbsview_window table thead td.subject{padding:11px 30px;border-bottom:1px solid #dedede;background:#f5f5f5;line-height:18px}
.bbsview_window table tbody td.textviewer{min-height:680px;height:auto !important;height:680px;padding:20px;border-bottom:1px solid #dedede;background:#fff;line-height:1.4em;text-align:center}

/* 게시판 쓰기 */
.bbswrite{width:100%;border-top:2px solid #457ac0}
.bbswrite table{width:100%}
.bbswrite table th{padding:9px 0;border-bottom:1px solid #dedede;background:url(../images/board/bbs_div.gif) #f5f5f5 no-repeat right 50%;font-weight:700;line-height:18px;color:#333}
.bbswrite table td{padding:3px 30px;border-bottom:1px solid #dedede;line-height:18px}
.bbswrite table td.td_file{padding:8px 30px;border-bottom:1px solid #dedede;line-height:18px}
.bbswrite .input_text{padding:3px}
.bbswrite .input_file{margin:1px 0;padding:3px}
.bbswrite .input_chk{vertical-align:middle}
.bbswrite .textarea{margin:3px 0}

/* 가로 썸네일 타입 */
.bbslist-thumb{width:100%;padding:7px 0 0;border-top:2px solid #457ac0}
.bbslist-thumb ul{width:100%}
.bbslist-thumb ul li{position:relative;height:148px;padding:13px 0;border-bottom:1px solid #dedede}
.bbslist-thumb ul li::after{display:table;clear:both;content:''}
.bbslist-thumb ul li .thumbnail{overflow:hidden;float:left;width:207px;height:120px;background:url(../images/board/noimg.gif) #f5f5f5 no-repeat 50% 50%}
.bbslist-thumb ul li .thumbnail img{width:207px;height:auto}
.bbslist-thumb ul li .contsgroup{float:right;width:72.5%;padding-top:8px}
.bbslist-thumb ul li .subject{display:block;width:100%}
.bbslist-thumb ul li .subject a{font-size:15px;font-weight:700;line-height:18px;color:#222;letter-spacing:-1px}
.bbslist-thumb ul li .subject a:hover{color:#28689f}
.bbslist-thumb ul li p{overflow:hidden;height:55px;margin-top:15px;line-height:18px}
.bbslist-thumb ul li p a,.bbslist-thumb ul li p a:hover{font-weight:400;line-height:1.5;color:#666}
.bbslist-thumb ul li .text-info{position:absolute;right:0;bottom:12px;font-family:Arial,sans-serif;font-size:11px;color:#787878}
.bbslist-thumb ul li .text-info span{float:left;padding-left:5px}
.bbslist-thumb ul li .text-info span.data{margin-left:5px;background:url(../images/common/tnb_div.gif) no-repeat 0 50%}
html{background-color:#fff;font-size:62.5%}

/* Form */
button{overflow:visible;width:auto;margin:0;padding:0;border:none;background:none}
input::-ms-clear{display:none}
textarea{resize:none}
a:link,a:visited,a:active,a:hover{text-decoration:none;cursor:pointer}
*{-webkit-box-sizing:border-box;box-sizing:border-box}
.row{clear:both;margin:0;padding:0}
.skipnav a{position:absolute;top:-9999em;z-index:9999;width:100%;background-color:#013874;font-weight:bold;color:#fff;text-align:center}
.skipnav a:hover,.skipnav a:active,.skipnav a:focus{top:0;padding:12px 0;color:#fff}
div.all{max-width:100%;padding:0}
.br{display:block}
.fl{float:left}
.fr{float:right}
.mb1{margin-bottom:1em}
.mb2{margin-bottom:2em}
.dot-list li{margin-bottom:6px;padding-left:20px;line-height:1.4}
.dot-list li:before{display:inline-block;width:20px;height:20px;margin-left:-20px;content:'-'}


/*******************************************************************
Footer
********************************************************************/
#footer{height:85px;padding-top:25px;padding-bottom:25px;border-top:1px solid #eaeaea}
#footer .footer-menu{max-width:1120px;min-width:1120px;width:100%;margin:0 auto;margin-bottom:15px;padding:0 10px}
#footer .footer-menu ul::after{display:table;clear:both;content:''}
#footer .footer-menu ul li{float:left;margin-left:33px}
#footer .footer-menu ul li:first-child{margin-left:0}
#footer .footer-menu ul li a{font-size:14px;color:#4a4a4a}
#footer .footer-menu ul li a:hover,#footer .footer-menu ul li a:focus{text-decoration:underline}
#footer .container{max-width:1120px;min-width:1120px;width:100%;margin:0 auto;padding:0 10px}

/*
#footer .container .footer-address{display:inline-block;font-size:12px;line-height:1.5;color:#4a4a4a}
#footer .container .select-style{float:right}
*/

/* 2017.10.23 추가 */
#footer .container .footer-address{display:inline-block;float:left;font-size:12px;line-height:1.5;color:#4a4a4a}
#footer .container .site-link{float:right;position:relative;z-index:500;width:165px;height:34px;border:1px solid #838383;line-height:30px}
#footer .container .site-link > a{display:block;padding-left:10px;background:url(../images/common/select_arrow.png) 96% center no-repeat;font-size:14px;color:#4a4a4a}
#footer .container .site-link > a:hover{font-weight:bold}
#footer .container .site-link .site-list{visibility:hidden;overflow:auto;position:absolute;left:-1px;bottom:33px;width:172px;max-height:294px;border:1px solid #838383;border-bottom:0;background-color:#fff;opacity:0}
#footer .container .site-link .site-list li a{display:block;padding-left:10px;font-size:14px;color:#4a4a4a}
#footer .container .site-link .site-list li a:hover{background-color:#dfdfdf;font-weight:bold}
#footer .container .site-link .site-list.on{visibility:visible;-webkit-transition:1s;-moz-transition:1s;transition:1s;opacity:1}
#footer .container .site-link.category-link{float:left;margin-left:10px}

/*******************************************************************
MAIN
********************************************************************/

/*******************************************************************
button style
********************************************************************/
.btn-login-group::after{display:table;clear:both;content:''}
.btn-login-group .btn-primary{float:left}
.btn-login-group .btn-line{float:right}
.btn-area{margin-top:30px;text-align:center}
.btn-area.right{text-align:right}

/*******************************************************************
input style
********************************************************************/
.group .input{margin-top:10px;color:#9c9c9c}
.group .input:first-child{margin-top:0}

/* select box */
.select-style{position:relative;width:172px;height:40px;border:1px solid #838383;/* 화살표 이미지 */background:url(../images/common/select_arrow.png) 96% center no-repeat}
.select-style label{position:absolute;top:13px;left:12px;font-size:14px;color:#4a4a4a;letter-spacing:1px}
.select-style select{width:100%;height:40px;min-height:40px;padding:0 10px;line-height:40px;opacity:0;filter:alpha(opacity=0)/* IE 8 */}

/*******************************************************************
icon style
********************************************************************/
.icon-i{display:inline-block;width:22px;height:22px;margin-right:5px;background:url(../images/icon/icon_i.gif) no-repeat left top;vertical-align:middle}
.icon-attach{display:inline-block;width:18px;height:21px;background:url(../images/icon/icon_attach.gif) no-repeat left top;vertical-align:middle}

/*******************************************************************
text style
********************************************************************/
.text-info{font-size:14px; text-align: center;}
.text-call{font-size:18px;font-weight:bold; text-align: center;}
.text-call em{color:#4e92e7}
.text-warning{font-size:14px;line-height:1.3;color:#ec4444}

/*******************************************************************
board style
********************************************************************/
.board-view-section{border-top:1px solid #626262;border-bottom:1px solid #b9b9b9}
.board-view-section .board-header{width:100%;padding:20px;background-color:#f4f4f4}
.board-view-section .board-header::after{display:table;clear:both;content:''}
.board-view-section .board-header strong{float:left;width:670px;font-size:20px;font-weight:bold;line-height:1.4;vertical-align:middle}
.board-view-section .board-header .group{float:right;line-height:1.7}
.board-view-section .board-header .group::after{display:table;clear:both;content:''}
.board-view-section .board-header .group span{float:left;margin-left:20px;font-size:14px}
.board-view-section .board-content{padding:40px 20px;border-top:1px solid #b9b9b9;line-height:1.5}
.board-util{width:100%}
.board-util::after{display:table;clear:both;content:''}
.board-util .all-tx{display:inline-block;float:left;margin-top:10px}
.board-util .all-tx em{font-weight:bold}
.search-box{float:right}
.search-box::after{display:table;clear:both;content:''}
.search-box .select-style{float:left;width:105px;height:36px;border-right:0}
.search-box .search-text{float:left}
.search-box .search-text::after{display:table;clear:both;content:''}
.search-box .search-text .input{float:left;width:206px;border-right:0}
.search-box .search-text .btn-search{float:left;width:36px;height:36px;border:1px solid #8d8d8d;border-left:0;background:url(../images/common/icon_board_search.png) no-repeat 50% 50%;cursor:pointer}
.board-list-section{margin-top:20px}
.board-view-section + .board-list-section{margin-top:100px}
.board-attach{padding:20px;border-top:1px solid #b9b9b9;font-size:16px;color:#9c9c9c}
.board-attach span{color:#4a4a4a}
.board-attach a{color:#9c9c9c}
.board-attach + .board-content{border-top:1px solid #626262}
.tb{width:100%;margin-top:20px;border-top:1px solid #626262;table-layout:fixed}
.tb.list thead th{padding:15px;border-bottom:1px solid #626262;background-color:#f4f4f4;font-weight:bold}
.tb.list tbody td{padding:15px;border-bottom:1px solid #b9b9b9;text-align:center;vertical-align:middle}
.tb.list tbody td a{display:block;overflow:hidden;width:90%;color:#4a4a4a;white-space:nowrap;text-overflow:ellipsis}
.tb.list tbody td a:hover,.tb.list tbody td a.on{color:#4e92e7}
.tb.list tbody td.left{text-align:left}

/*******************************************************************
Layout SUB
********************************************************************/
.title-header{width:100%;padding-bottom:10px;border-bottom:1px solid #999}
.title-header::after{display:table;clear:both;content:''}
.title-header .title{float:left;font-size:23px;font-weight:bold}
.title-header .breadcrumb{display:inline-block;float:right;margin-top:10px}
.title-header .breadcrumb::after{display:table;clear:both;content:''}
.title-header .breadcrumb > span{display:inline-block}
.title-header .breadcrumb .menu-active{font-weight:bold/* text-decoration:underline */}
.title-header .breadcrumb .gt{margin:0 10px;font-size:10px}
.content-section{margin-top:20px;line-height:1.6;font-size:14px}
.content-section .title{margin-bottom:15px;font-size:20px;line-height:1.2}
.content-section .section-inner p{margin:1em 0}
.description{margin:40px 0;font-size:16px;line-height:1.4}
/*.login-section{width:537px; margin:95px auto 0}!* width:50%; margin-right:50% 210707 디지털원패스대비 *!*/
.login-section{width:100%; margin:95px auto 0;padding:0 10px; }
.login-section .login-text{font-size:16px;line-height:1.5;letter-spacing:-.5px;text-align:center}
.login-section .login-text span{font-size:28px;letter-spacing:0}
/*.login-section .login-box{margin:25px 0 20px;padding:30px 0;border-top:1px solid #5a5a5a;border-bottom:1px solid #5a5a5a}*/
.login-section .login-box{ display:flex;flex-flow:row wrap;margin:25px 0 20px;padding:30px 0;border-top:1px solid #5a5a5a;border-bottom:1px solid #5a5a5a}
/*.login-section .login-box::after{display:table;clear:both;content:''}*/
/*.login-section .login-box .group{float:left;width:375px}*/
/*.login-section .login-box .btn{float:right;height:75px}*/
.login-section .login-box .group:first-child { flex-basis: 50%;padding:0 10px;  }
/* .login-section .login-box .group:last-child { flex-basis: 50%; } */
.login-section .login-box .group:last-child { flex-basis: 48%; }
.login-section .login-box .group .title{ padding-bottom:18px;font-size: 20px;text-align: center;font-weight: bold; }
.login-section .login-box .group .input { float: left;width: calc( 100% - 133px ); }
.login-section .login-box #loginBtn{ height:75px }
.login-section .login-box .btn-login-group{ clear: both;display: flex;flex-flow: row wrap;padding-top:30px; }
.login-section .login-box .btn-login-group .btn { float:none; }
.login-section .login-box .btn-login-group .btn:last-child{ margin-left: auto; }
.login-section .login-box .sign_wrap { display:flex;flex-flow:row wrap;justify-content: space-evenly;padding:0 5px; }
.login-section .login-box .sign_wrap > .signBtn { margin-bottom:8px; }
.login-section .login-box .sign_wrap button { display:flex;flex-flow:column wrap;align-items: center;padding: 14px 18px;;border:1px solid  #a0a0a0;font-size: 16px; border-radius: 4px; cursor: pointer;}
.login-section .login-box .sign_wrap button:before { content: ''; display:inline-block;width: 80px; height:80px; background-repeat: no-repeat;background-size: contain;border-radius: 50%; }
.login-section .login-box .sign_wrap button.naver:before { background-image: url( "/resources/homepage/images/datasvc/icon/sns/naver.svg" ); }
.login-section .login-box .sign_wrap button.kakao:before { background-image: url( "/resources/homepage/images/datasvc/icon/sns/kakao.svg" ); }
.login-section .login-box .sign_wrap button.google:before { background-image: url( "/resources/homepage/images/datasvc/icon/sns/google.svg" ); }
.login-section .login-box .sign_wrap button.facebook:before { background-image: url( "/resources/homepage/images/datasvc/icon/sns/facebook.svg" ); }
.login-section .login-box .sign_wrap button .text{ padding-top: 14px; }
.checkbox label{margin-right:5px;vertical-align:middle}
.checkbox input{margin:0;vertical-align:middle}
.paging{display:table;margin:35px auto 0}
.paging::after{display:table;clear:both;content:''}
.paging a{display:inline-block;float:left;height:23px;margin:0 2px;padding:0 2px;line-height:23px;font-size:15px;color:#2d2d2d;text-align:center}
.paging a.prev,.paging a.prev-end,.paging a.next,.paging a.next-end{width:23px}

.paging a.on,.paging a:hover{background-color:#5b97e2;color:#fff}
.paging a.on strong,.paging a:hover strong{color:#fff}
.paging a.prev-end{background-color:transparent;background:url(../images/icon/icon_paging_first.gif) no-repeat 50% 50%}
.paging a.prev{background-color:transparent;background:url(../images/icon/icon_paging_prev.gif) no-repeat 50% 50%}
.paging a.next{background-color:transparent;background:url(../images/icon/icon_paging_next.gif) no-repeat 50% 50%}
.paging a.next-end{background-color:transparent;background:url(../images/icon/icon_paging_last.gif) no-repeat 50% 50%}
.board-control{width:600px;border-top:1px solid #626262;border-bottom:1px solid #626262}
.board-control > div{height:50px;line-height:48px}
.board-control > div > a{display:inline-block;width:104px}
.board-control .next-txt,.board-control .prev-txt{display:table;width:100%;border-bottom:1px solid #b9b9b9}
.board-control .next-txt a,.board-control .prev-txt a{display:table-cell;height:50px;line-height:50px;vertical-align:middle}
.board-control .next-txt a span,.board-control .prev-txt a span{font-size:16px;font-weight:bold;color:#4a4a4a}
.board-control .next-txt a span:before,.board-control .prev-txt a span:before{display:inline-block;width:13px;height:6px;margin:0 13px;content:''}
.board-control .next-txt a em,.board-control .prev-txt a em{display:inline-block;overflow:hidden;overflow:hidden;width:460px;padding-left:60px;font-size:16px;color:#4a4a4a;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis}
.board-control .next-txt > a > span:before{background:url(../images/icon/icon_next.png) no-repeat 50% 50%}
.board-control .prev-txt{border-bottom:0}
.board-control .prev-txt > a > span:before{background:url(../images/icon/icon_prev.png) no-repeat 50% 50%}
.notice-box{width:472px;height:100px;padding:30px 25px;background-color:#f4f4f4}
.notice-box img{float:left}
.notice-box p{margin-left:95px;font-size:14px;line-height:1.4}
.box{margin-top:53px}
.box::after{display:table;clear:both;content:''}
.box .inner{float:right}
.box .inner:first-child{float:left}

/* 자료서비스 170831 추가 css */

/*******************************************************************
UI
********************************************************************/
body{min-width:1120px !important}

/* Form - Text Field */
input[type=password].nmsc_textfield{width:184px;height:28px;margin:0;padding:0 5px;border:1px solid #aaa;font-size:12px;color:#666;-webkit-box-sizing:border-box;/*  */box-sizing:border-box}
input[type=password].nmsc_textfield_style01{background:#f4f4f4}
input[type=password].nmsc_textfield_style02{background:#fff}
input[type=password].nmsc_textfield_style03{border-color:#000;background:#fff}
input[type=button].nmsc_button{-webkit-box-sizing:border-box;box-sizing:border-box}
div.nmsc_select{width:150px}
div.nmsc_select,input[type=text].nmsc_textfield{height:30px}
div.nmsc_select{overflow:hidden;width:auto;height:30px;border:1px solid #aaa;background:url(../images/icon/icon_select_arrow.png) no-repeat 100% 50%;/* 유동적인 값 */-webkit-box-sizing:border-box;box-sizing:border-box}

/* Buttons */
input[type=button].nmsc_button:hover{background:#fff}
input[type=button].nmsc_button_radius,
button.nmsc_button_radius {
    border-radius:4px;
}
input[type=button].nmsc_button_img{padding-left:30px;background:url(../images/icon/icon_btn_dg.png) no-repeat 30px 50%}
input[type=button].nmsc_button_img:hover{background:#040404 url(../images/icon/icon_btn_dg_on.png) no-repeat 30px 50%;color:#fff}
input[type=button].nmsc_button_style01:hover,
button.nmsc_button_style01:hover {
    border-width:2px;
    background:#fff;
}

input[type=button].nmsc_button_style02,
button.nmsc_button_style02 {
    border:1px solid #6c757d;
    color:#6c757d;
    background-color:transparent;
    background-image:none;
}

input[type=button].nmsc_button_style02:hover,
button.nmsc_button_style02:hover {
    background-color:#6c757d;
    color:#fff;
}

input[type=button].nmsc_button_style03,
button.nmsc_button_style03 {
    background:#7e7d7d;
    color:#fff;
}

input[type=button].nmsc_button_style03:hover,
button.nmsc_button_style03:hover {
    background:#040404;
}
input[type=button].nmsc_button_style04,
button.nmsc_button_style04 {
    background:#fff;
}

input[type=button].nmsc_button_style04:hover,
button.nmsc_button_style04:hover {
    border-color:#0e79de;
    background:#0e79de;
    color:#fff;
}

input[type=button].nmsc_button{-webkit-box-sizing:border-box;box-sizing:border-box}
input[type=button].nmsc_button{width:120px;height:34px;margin:0;border:0px;/*border:1px solid #6c757d;*/background:#4e92e7;font-size:12px;color:#fff;/* 유동적인 값 */-webkit-box-sizing:border-box;box-sizing:border-box}
input[type=button].nmsc_button .search{color: #fff; background-color: #0062cc; border-color: #005cbf;}

/* Buttons - 작은 버튼 */
input[type=button].nmsc_button_small,
button.nmsc_button_small {
    width:80px;
    height:30px;
	font-size: 12px;
}
input[type=button].nmsc_button_small.nmsc_fluid{width:auto;padding:0 10px}
input[type=button].nmsc_button_style05,
button.nmsc_button_style05 {
    border:1px solid #6c757d;
    color:#6c757d;
    background-color:transparent;
    background-image:none;
}

input[type=button].nmsc_button_style05:hover,
button.nmsc_button_style05:hover {
    background-color:#6c757d;
    color:#fff;
}
/*input[type=button].nmsc_button:hover{background:#fff}
input[type=button].nmsc_button_radius{border-radius:4px}
input[type=button].nmsc_button_img{padding-left:30px;background:url(../images/icon/icon_btn_dg.png) no-repeat 30px 50%}
input[type=button].nmsc_button_img:hover{background:#040404 url(../images/icon/icon_btn_dg_on.png) no-repeat 30px 50%;color:#fff}
input[type=button].nmsc_button_style01:hover{border-width:2px;background:#fff}
input[type=button].nmsc_button_style02{border:1px solid #6c757d;color:#6c757d;background-color: transparent;background-image: none;}
input[type=button].nmsc_button_style02:hover{background-color:#6c757d;color:#fff}
input[type=button].nmsc_button_style03{background:#7e7d7d;color:#fff}
input[type=button].nmsc_button_style03:hover{background:#040404}
input[type=button].nmsc_button_style04{background:#fff}
input[type=button].nmsc_button_style04:hover{border-color:#0e79de;background:#0e79de;color:#fff}
input[type=button].nmsc_button{-webkit-box-sizing:border-box;box-sizing:border-box}
input[type=button].nmsc_button{width:120px;height:34px;margin:0;border:0px;border:1px solid #040404;background:#4e92e7;font-size:12px;color:#fff; 유동적인 값 -webkit-box-sizing:border-box;box-sizing:border-box}
input[type=button].nmsc_button .search{color: #fff; background-color: #0062cc; border-color: #005cbf;}
*//* Buttons - 작은 버튼 */
/*input[type=button].nmsc_button_small{ 유동적인 값 width:80px;height:30px}
input[type=button].nmsc_button_small.nmsc_fluid{width:auto;padding:0 10px}
input[type=button].nmsc_button_style05{border:1px solid #6c757d;color:#6c757d;background-color: transparent;background-image: none;}
input[type=button].nmsc_button_style05:hover{background-color:#6c757d;color:#fff}
*/
/* login */
.login-wrap{display:table;width:100%;height:100%;table-layout:fixed}
.login-wrap .container{display:table-cell;vertical-align:middle}
.login-box::after{display:table;clear:both;content:''}
.login-box .nmsc_h1{margin:34px 0 0 42px}
.login-box .nmsc_h1 img{display:block}
.login-box .input-text{margin-top:10px}
.login-box .input-text:first-child{margin-top:0}
.login-form .input-text{width:296px;height:46px}
.login-form .input-text label{display:inline-block;width:58px}
.login-form .input-text label .tx-indent{font-size:0;text-indent:-999px}
.login-form .input-text input[type=text],.login-form .input-text input[type=password]{height:100%;border:0;background-color:transparent;font-size:14px;color:#fff}
.login-form .input-text input::-webkit-input-placeholder{color:#fff}
.login-form .input-text.input-id{background:url(../images/bg/bg-id.png) no-repeat left top}
.login-form .input-text.input-pw{background:url(../images/bg/bg-pw.png) no-repeat left top}
.btn-login{margin-top:15px;text-align:center}
.btn-login input[type=button].nmsc_button_style03{background-color:#040404;font-size:15px}
.btn-login .nmsc_button{height:100%}

/*******************************************************************
for content
********************************************************************/
select{border:1px solid #fff;font-size:12px;color:#767676;vertical-align:middle}
.float{float:left}
h2.nmsc_h2{margin-top:0;font-size:14px;font-weight:600}
.nmsc_h2{margin-top:30px;font-size:14px;font-weight:600}
a,a:link{color:#636363;text-decoration:none;cursor:pointer}

/* Form - Text Field */
input[type=text].nmsc_textfield{width:184px;height:28px;margin:0;padding:0 5px;border:1px solid #aaa;font-size:12px;color:#666;-webkit-box-sizing:border-box;/* 유동적인 값 */box-sizing:border-box}
header.header{overflow:hidden;height:36px;padding:0;border-bottom:3px solid #616161;line-height:33px;-webkit-box-sizing:border-box;box-sizing:border-box}
header.header::after{display:table;clear:both;content:''}
header.header .logo{display:block;float:left;width:238px;margin:4px 10px 0}
header.header .menu{float:left;position:relative}
header.header .menu:after{display:block;position:absolute;top:0;right:0;width:1px;height:100%;background-color:#616161;content:''}
header.header .menu:before{display:block;position:absolute;top:0;right:1px;width:1px;height:100%;background-color:#4b4c4c;content:''}
header.header .menu li{float:left}
header.header .menu li a{display:inline-block;position:relative;width:100px;font-size:12px;color:#fff;text-align:center;vertical-align:bottom}
header.header .menu li a:after{display:block;position:absolute;top:0;left:0;width:1px;height:100%;background-color:#616161;content:'';-webkit-box-sizing:border-box;box-sizing:border-box}
header.header .menu li a:before{display:block;position:absolute;top:0;left:1px;width:1px;height:100%;background-color:#4b4c4c;content:'';-webkit-box-sizing:border-box;box-sizing:border-box}
header.header .menu li a:hover{background-color:#616161}
header.header .menu li.active a{background-color:#616161}
section.container{padding:0}
.inner-utile{position:relative;min-height:60px;padding:11px 75px 4px 13px;border:1px solid #c3c3c3;background-color:#f9f9f9}
.inner-utile::after{display:table;clear:both;content:''}
.inner-utile .nmsc_select{margin-right:5px;background-color:#fff}
.inner-utile .group{display:table;float:left;min-height:30px;margin-right:1%;margin-top:4px}
.inner-utile .group:last-child{position:absolute;top:calc(50% - 15px);right:18px;margin:0}
.content .inner-utile .group.radio-group{float:left;position:static;width:218px;width:50%;margin-top:4px}
.inner-utile .group .symbol{display:table-cell;vertical-align:middle}
.inner-utile .float{margin-right:2px}
.inner-utile .float::after{display:table;clear:both;content:''}
.inner-utile .float img{margin-left:5px;vertical-align:middle}
.inner-utile .float label{float:left;margin-top:5px;margin-right:7px;font-size:13px}
.inner-utile .float t .nmsc_select{float:left;width:120px}
.inner-utile .float t .nmsc_select select{width:100%}
.inner-utile .group .search {background-color: #4e92e7;color: #fff; border : 0px; cursor: pointer;}
.btn-group::after{display:table;clear:both;content:''}
.btn-group li{float:left;margin-left:3px}
.btn-group li .nmsc_button_small{width:50px}
.btn-group li .nmsc_button_small.active{border-color:#0e79de;background:#0e79de}
.content::after{display:table;clear:both;content:''}
.helf-menu{float:left;width:220px;border-bottom:1px solid #ccc}
.helf-menu .title{display:block;height:37px;padding:10px 19px 0;font-size:14px;color:#232424;-webkit-box-sizing:border-box;box-sizing:border-box}
.helf-menu .title span{color:#d1280c}
.helf-menu .sub li label{display:block;width:100%;padding:10px 19px;border-top:1px solid #ccc;background:#e6e6e6;color:#4d4d4d;-webkit-box-sizing:border-box;box-sizing:border-box}
.helf-menu .sub li .select-multi{width:100%;padding:3px 15px;font-size:12px}
.detail-area{float:left;width:calc(100% - 220px)}
.detail-area img{width:100%}
.nmsc_select.width60{width:60px}
input[type=button].nmsc_button_small.nmsc_fluid{width:auto;padding:0 10px}
div.nmsc_select.datepicker,input[type=text].nmsc_textfield.datepicker{width:100px;font-size:12px}
div.nmsc_select select{width:100%;height:100%;padding:3px;padding-right:6px \0/IE8+9;padding-right:32px;background:none \0/IE8+9;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box}
header.header{background:#333}

/* table */
.ly-tb{margin-top:20px}
.ly-tb .nmsc_table th{font-weight:600;vertical-align:middle}
.ly-tb.scroll-y{overflow-y:auto;border-bottom:1px solid #d9d9d9}
.ly-tb.scroll-y .nmsc_table tbody td{border-bottom:0}
.ly-page-navi{margin-top:30px;text-align:center}
.nmsc_table.type01{border-top:1px solid #d9d9d9;table-layout:fixed}
.nmsc_table.type01 tbody th{padding-left:30px;border-top:0;border-bottom:1px solid #d9d9d9;text-align:left}
.nmsc_table.type01 tbody tr:nth-child(even) td{background-color:#fff}
.nmsc_table.type01 tbody tr td{padding-left:15px;text-align:left}
.nmsc_table.type01 tbody tr td textarea{width:100%;margin-left:0;padding:10px;border-color:rgba(0,0,0,0.2)}
.nmsc_table.type01 tbody tr td.text{line-height:1.4}
.nmsc_table.type02 tr td{text-align:center;vertical-align:middle}
.nmsc_table.type02 tr td .img{display:inline-block;width:120px;height:auto}
.nmsc_table.type02 tr td .img img{width:100%}
.nmsc_table.type02 tr:nth-child(even) td{background-color:#fff}
.nmsc_table.type02 tr:hover td{background-color:#f2f2f2}
.inner-utile.type01{margin-top:20px;padding:10px 13px 4px;}
.inner-utile.type01 .radio-group label{position:relative;margin-right:10px;vertical-align:middle}
.inner-utile.type01 .radio-group input[type=radio].nmsc_radio + span{vertical-align:top}
.ly-btn-group{position:relative}
.ly-btn-group input[type=button].nmsc_button{position:absolute;top:-8px;right:0}
.nmsc_basic_p.type01{margin-top:10px;font-size:12px}
.check-group label{margin-right:15px}
.btn-updown{display:inline-block;position:relative;height:19px;margin-left:10px;vertical-align:middle}
.btn-updown button{width:10px;height:9px;cursor:pointer}
.btn-updown button.btn-up{position:absolute;top:0;left:0}
.btn-updown button.btn-up:after{display:block;width:10px;height:9px;font-size:8px;line-height:1;content:'▲'}
.btn-updown button.btn-down{position:absolute;left:0;bottom:0}
.btn-updown button.btn-down:after{display:block;width:10px;height:9px;font-size:8px;line-height:1;content:'▼'}

/* Table */
.nmsc_table{width:100%}
.nmsc_table td,.nmsc_table th{font-size:13px}
.nmsc_table th{height:45px;padding:0 10px;border-right:1px solid #d9d9d9;background:#f9f9f9;font-weight:bold;color:#232424;text-align:center;vertical-align:middle}
.nmsc_table thead th{border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.nmsc_table th:last-child,.nmsc_table tbody td:last-child{border-right:0}
.nmsc_table td.bdr{border-right:1px solid #d9d9d9 !important}
.nmsc_table td{height:34px;padding:10px;color:#666;text-align:center;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box}
.nmsc_table tbody td,.nmsc_table tbody th{border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9}
.nmsc_table td.nmsc_align_left{text-align:left}
.nmsc_table td span.nmsc_tdf_fc9c06{color:#fc9c06}
.nmsc_table tr:nth-child(2n) td{background:#fcfcfc}
.section .inner .nmsc_table tbody tr:nth-child(2n) td,.section .inner .nmsc_table tbody th{background:transparent}

/* Page Navigation */
.nmsc_page_navi{display:inline-block;overflow:hidden}
.nmsc_page_navi > a{float:left;min-width:22px;height:28px;padding-top:5px;padding-left:5px;font-size:12px;color:#a5a4a4;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}
.nmsc_page_navi > a:hover{color:#232424}
.nmsc_page_navi > a.nmsc_page_on{color:#232424}
.nmsc_page_navi > a.nmsc_page_arrow{width:30px;height:28px;border:1px solid #aaa;text-indent:-9999px}
.nmsc_page_navi > a.nmsc_page_front{border-right:0;background:#f6f7f7 url(../images/icon/icon_pagenavi_front.png) no-repeat 50% 50%}
.nmsc_page_navi > a.nmsc_page_prev{margin-right:15px;background:#f6f7f7 url(../images/icon/icon_pagenavi_prev.png) no-repeat 50% 50%}
.nmsc_page_navi > a.nmsc_page_next{margin-left:15px;background:#f6f7f7 url(../images/icon/icon_pagenavi_next.png) no-repeat 50% 50%}
.nmsc_page_navi > a.nmsc_page_backend{border-left:0;background:#f6f7f7 url(../images/icon/icon_pagenavi_backend.png) no-repeat 50% 50%}
.util-area{float:right;margin-top:10px}
.util-menu{display:table;float:left;height:32px}
.util-menu li{display:table-cell;padding-left:10px;vertical-align:middle}
.util-menu li a{font-size:13px;color:#7c7c7c}
.login{position:relative}
.login::before{display:block;position:absolute;top:9px;right:132px;width:120px;font-weight:600;content:'관리자 님 환영합니다'}
.__inactive{display:none}
.title-header+section{margin-top:50px}
.sub-title{margin-bottom:17px;font-size:20px;font-weight:bold}
.ly-table.edit{margin:20px 0;padding:40px 0;border-top:1px solid #b9b9b9;border-bottom:1px solid #b9b9b9}
.ly-table.edit table th,.ly-table.edit table td{padding:5px 0;vertical-align:middle}
.ly-table.edit table th{padding-left:45px;text-align:left}
.ly-table.edit table td{vertical-align:middle}
.ly-table.edit table td::after{display:table;clear:both;content:''}
.ly-table.edit table td .input,.ly-table.edit table td .select-style{float:left;width:385px}
.ly-table.edit table td .text-warning{margin-left:400px}
.ly-table.chart th,.ly-table.chart td{padding:20px;border-top:1px solid #dedede;vertical-align:middle}
.ly-table.chart th{padding-left:25px;background-color:#f4f4f4;text-align:left}
.ly-table.chart td{line-height:1.5;vertical-align:middle}
.ly-table.chart td::after{display:table;clear:both;content:''}
.ly-table.chart td .input,.ly-table.chart td .select-style{float:left;width:385px}
.ly-table.chart td .text-warning{margin-left:400px}
.ly-table .tb-input{width:100%;border-bottom:1px solid #b9b9b9}
.ly-table .tb-input th,.ly-table .tb-input td{padding:20px;border-top:1px solid #dedede;vertical-align:middle}
.ly-table .tb-input th{padding-left:25px;background-color:#f4f4f4;text-align:left}
.ly-table .tb-input td{line-height:1.5;vertical-align:middle}
.ly-table .tb-input td::after{display:table;clear:both;content:''}
.ly-table .tb-input td .input,.ly-table .tb-input td .select-style{float:left;width:385px}
.ly-table .tb-input td .text-warning{margin-left:400px}
.terms-section{margin-top:70px;padding-bottom:40px;border-bottom:1px solid #b9b9b9}
.terms-section .checkbox{margin-top:15px}
.terms-box{overflow-y:scroll;height:98px;padding:10px;border:1px solid #8d8d8d;line-height:1.3}
.terms-title{display:block;margin-top:40px;margin-bottom:20px;font-size:15px;font-weight:bold}
.title-group{padding-bottom:20px;border-bottom:1px solid #b9b9b9}
.title-group::after{display:table;clear:both;content:''}
.title-group .sub-title{float:left}
.title-group .checkbox{float:right}
.title-group .checkbox label{margin-right:5px}
.input-table + .sub-title{margin-top:50px}
.input + .btn{height:36px;margin-left:10px}
.btn.btn-darkgray{background-color:#5c5c5c;color:#fff}
.for_apply{width:100%;height:28px;padding:0 7px}
.for_macAddr{width:50%;height:28px;padding:0 7px}
.for_macAddr + input[type=button].nmsc_button_small{height:28px;line-height:7px}
input[type=radio].nmsc_radio{width:16px;height:16px;margin:0;padding:0;opacity:0}
input[type=radio].nmsc_radio + span{margin-left:4px;color:#808080}
input[type=radio].nmsc_radio + span:before{position:absolute;top:1px;left:0;width:16px;height:16px;background:url(../images/bg/bg_radio.png) no-repeat;content:''}
input[type=radio].nmsc_radio + span:after{position:absolute;top:1px;left:0;width:16px;height:16px;background:url(../images/icon/icon_radio.png) no-repeat;content:'';opacity:0}
input[type=radio].nmsc_radio:checked + span:after{opacity:1}

/*******************************************************************
for main
********************************************************************/
.color_b{color:#3a94e0}
.color_w{color:#FFF}
input[type=submit].nmsc_button{width:27%;height:34px;margin:0;border:none;border-radius:10px;background:#f8f8f8;background-color:#4e92e7;font-size:17px;font-weight:700;-webkit-box-sizing:border-box;box-sizing:border-box}
input[type=submit].nmsc_button_style04:hover{border:2px solid #4e92e7;background-color:#FFF;color:#4e92e7;cursor:pointer}
.content-wrap #content.data_service{margin-top:-50px;padding:20px;background-color:#FFF}
.sub_title{margin-bottom:5px;font-size:18px;font-weight:400}
.main_banner .container{position:relative;z-index:1;max-width:100%;min-width:100%;width:100%;height:300px;margin:0 auto}
.main_banner .container::after{position:absolute;width:100%;height:300px;background:url(../images/bg_main.jpg) 50% no-repeat;content:''}
.main_banner .main-title{position:absolute;left:50%;bottom:110px;z-index:1;width:1120px;margin-left:-560px;padding-right:30px;font-size:50px;font-weight:400;color:#fff;text-align:right}
.data_service{position:relative;z-index:10}
.half_section{width:100%}
.half_section > div{float:left}
.half_section > div section:first-child{margin-top:0}
.half_section .title{font-size:18px;line-height:1.6;font-weight:600}
.half_left{width:55%;padding-right:2.5%}
.half_right{width:45%;height:100px;padding-left:2.5%}
.login_box{margin-bottom:20px;padding:20px;border:1px solid #8d8d8d}
.login_box input{border:none;background-color:#e6e6e6}
.top_box{overflow:hidden}
.top_box .wrap{float:left;width:73%;padding-right:10px}
.top_box .wrap input:first-child{margin-bottom:10px}
.wrap + input[type=submit]{float:right;height:82px}
.btn-box{margin-top:20px}
.half_right .btn-box input[type=button]{width:49%;height:36px;border-radius:8px;font-size:14px}
.half_right .btn-box input[type=button]:nth-child(2){float:right}
.half_right .btn-box input[type=button]:hover{cursor:pointer}
.ico_area{}
.ico_area > ul{overflow:hidden;margin:0 -10px}
.ico_area > ul > li{display:table;float:left;width:25%;height:100px;padding:10px;font-size:16px}
.ico_area > ul > li > a{display:table-cell;width:100%;height:100%;border:2px solid #4e92e7;border-radius:10px;font-size:17px;line-height:1.3;color:#4e92e7;text-align:center;vertical-align:middle}
.ico_area > ul > li > a:hover{background-color:#4e92e7;color:#FFF}
.half_left .content-section .title{margin-bottom:10px}
.half_left .content-section > img{width:100%}
.half_left .content-section > ul{margin-bottom:20px;font-size:15px}
.algorithm{margin-top:-15px}
.algorithm ul{height:650px}
.algorithm ul li{float:left;position:relative;width:100%;height:5%;padding-top:8px;border-bottom:1px solid #ccc;font-size:14px}
.algorithm ul li:nth-child(2n){float:right}
.algorithm ul li a{display:block;line-height:1.3}
.algorithm ul li a :hover{background-color:#f2f2f2}
.algorithm ul li a::after{position:absolute;top:9px;right:0;width:12px;height:15px;background:url(../images/icon/ico_dl.jpg) 0 0 no-repeat;content:''}
.half_section::after{display:table;clear:both;content:''}
.ex-image{margin-bottom:20px}
.read_more{position:relative;font-size:16px}
.read_more.typeA{display:block;padding:5px 20px;border-radius:8px;border:2px solid #3a94e0;color:#3a94e0}
.typeA::after{display:inline-block;position:absolute;top:11px;right:20px;width:11px;height:12px;background:url(../images/icon/ico_link2.png) no-repeat;content:''}
.typeA:hover{background-color:#4e92e7;color:#FFF}
.typeA:hover::after{background:url(../images/icon/ico_link.png)}
.read_more.typeB{padding-right:40px;color:#FFF}
.typeB::after{display:inline-block;position:absolute;top:6px;right:20px;width:11px;height:12px;background:url(../images/icon/ico_link.png) no-repeat;content:''}
.typeB:hover::after{background:url(../images/icon/ico_link2.png)}
.box-text{position:relative;width:100%;padding:20px;background-color:#e6e6e6;font-size:17px}
.box-text > a{display:inline-block;position:absolute;top:23px;right:20px;padding:0 20px;border-radius:10px;background-color:#4e92e7}
.box-text > a:hover{border:1px solid #4e92e7;background-color:#FFF;color:#4e92e7}
.box-text > p{font-weight:300;line-height:1.7;font-size:16px}
.select-box{float:right;position:relative;width:172px;height:40px;border:1px solid #ccc}
.select-box > p{line-height:40px}
.select-box > p > button{width:100%;height:40px;padding-left:10px;line-height:38px;text-align:left;vertical-align:middle;outline-color:#4e92e7;cursor:pointer}
.select-box > p > button:after{display:inline-block;float:right;width:13px;height:6px;height:38px;margin:0 10px 0 0;background:url(../images/icon/icon_prev.png) 50% 50% no-repeat;content:''}
.select-box > p > button:hover,.select-box > p > button:focus{background-color:transparent}
.__open-select.select-box{height:42px}
.__open-select.select-box > p > button{font-weight:bold}
.__open-select.select-box > p > button:after{background:url(../images/icon/icon_next.png) 50% 50% no-repeat;content:''}
.select-box > ul{visibility:hidden;position:absolute;left:-2px;z-index:999;width:172px;border:2px solid #4e92e7;background-color:#FFF}
.select-box > ul > li{display:table;width:100%;height:40px}
.select-box > ul > li a{display:table-cell;padding-left:10px;vertical-align:middle}
.select-box > ul > li a:hover{background-color:#f7f7f7;color:#4e92e7;text-decoration:none}
.__open-select{border:2px solid #4e92e7}
.__open-select > p > button{outline:none}
.__open-select > ul{visibility:visible;border-bottom:none}

/* 20170928 */
/*.section{margin-top:50px}*/
.section .nmsc_h3{margin-top:1em;margin-bottom:1em;line-height:1.2;font-weight:bold;font-size:20px}
.section .nmsc_h4{font-weight:bold;font-size:15px}
.inner .section{margin-top:2.3em}
.inner .section p{margin-bottom:1em;line-height:1.7}
.inner .section .nmsc_table{margin-bottom:.8em}
.inner .section .nmsc_table ul li{margin:2px 0;line-height:1.3;text-align:left}
.tab-section{display:none}
.tab-section#tab1{display:block}
.text-warning{line-height:1.3;color:#ec4444}
.text-error{display:block;margin-top:5px;line-height:1.3;color:#ec4444}
.tabmenu{border-bottom:1px solid #aaa}
.tabmenu ul{display:block;overflow:inherit}
.tabmenu ul:after{display:block;clear:both;content:''}
.tabmenu ul li{float:left}
.tabmenu ul li:first-child{margin-left:1px}
.tabmenu ul li a{display:block;width:206px;height:40px;margin-left:-1px;padding:0 5px;/*border:1px solid #aaa;*/background-color:#fff;line-height:40px;font-size:16px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}
.tabmenu ul li a span{display:table-cell;vertical-align:middle}
.tabmenu ul li a:hover,.tabmenu ul li a:focus{font-weight:bold}
.tabmenu ul li.active a{position:relative;border:1px solid #fff;border:1px solid #aaa; border-top: 2px solid #aaa; border-bottom:none;border-top-left-radius:4px; border-top-right-radius:4px; font-weight:bold;color:#232424}
.tabmenu ul li.active a:before{display:block;position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:#fff;content:''}
.tablist{margin:0 auto}
.tablist ul{display:table;overflow:inherit;width:100%}
.tablist ul:after{display:block;clear:both;content:''}
.tablist ul li{display:table-cell}
.tablist ul li:first-child{margin-left:1px}
.tablist ul li a{display:block;height:36px;margin-left:-1px;padding:0 5px;border:1px solid #aaa;background-color:#fff;line-height:34px;font-size:14px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}
.tablist ul li a span{display:table-cell;vertical-align:middle}
.tablist ul li a:hover,.tablist ul li a:focus{background-color:#f1f1f1;font-weight:bold}
.tablist ul li.active a{position:relative;border:1px solid #232424;background-color:#f1f1f1;font-weight:bold;color:#232424}
.tablist.layout12 li{width:8.333%}
.withdrawal-section{margin-top:100px}
.withdrawal-section .tx{padding:50px 0;border-top:1px solid #b9b9b9;border-bottom:1px solid #b9b9b9;text-align:center}
.in-title{margin-bottom:10px;font-size:13px}
.in-padding{padding-left:12px}
.dot-list.warning li{color:#dd690b}
.dot-list.warning li:before{background-color:#dd690b}
.dot-list li{margin-bottom:4px;padding-left:12px;line-height:1.4}
.dot-list li a{color:#2977ce;text-decoration:underline}
.dot-list li a:hover,.dot-list li a:focus{color:#1a69b6;text-decoration:none}
.dot-list > li .nmsc_table{margin:1em 0}
.dot-list > li:before{display:block;float:left;width:4px;height:4px;margin:5px 0 0 -10px;border-radius:15px;background-color:#aaa;content:''}
.dot-list > li .dot-list{padding-left:10px}
.dot-list > li .dot-list > li:before{display:block;float:left;width:4px;height:4px;margin:2px 0 0 -12px;border-radius:none;background-color:transparent;font-size:12px;color:#999;content:'-'}
.dot-list.no-dot li:before{display:none}
.img-wrap{display:table;margin:10px}
.img-wrap .img-caption{display:block;margin-top:.5em;margin-bottom:.5em;line-height:1.3;text-align:center}
.img-wrap:after{display:table;clear:both;content:''}
.checkbox label{margin-right:5px;vertical-align:middle}
.checkbox input{margin:0;vertical-align:middle}
.title-group{padding-bottom:20px;border-bottom:1px solid #b9b9b9}
.title-group::after{display:table;clear:both;content:''}
.title-group .sub-title{float:left}
.title-group .checkbox{float:right}
.title-group .checkbox label{margin-right:5px}

/* 아이디 비밀번호 찾기 */
.idpw-section{width:700px;margin-left:auto;margin-right:auto}
.idpw-section .cont{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #999}
.idpw-section .cont::after{display:table;clear:both;content:''}
.idpw-section .pw-box{float:left;width:560px}
.idpw-section .btn-primary{float:right;height:70px}
.idpw-section .group{margin-top:10px}
.idpw-section .group::after{display:table;clear:both;content:''}
.idpw-section .group:first-child{margin-top:0}
.idpw-section .group label{display:inline-block;float:left;width:115px;margin-top:10px;font-size:15px}
.idpw-section .group .input{float:left;width:445px;margin-top:0;padding:0 10px;border:1px solid #aaa;background-color:#fff;color:#444}
.idpw-section .text-info{margin-top:10px;font-size:15px}

/* 사이트맵 */
.sitemap a{color:#4a4a4a}
.sitemap .col_wrap{overflow:hidden;margin-left:-10px;margin-right:-10px}
.sitemap .col_wrap .col{float:left;width:33.33%;padding:0 10px}
.sitemap [class^=section_] .content_top{height:50px;margin-bottom:15px;line-height:50px;font-size:18px;color:#fff;text-align:center}
.sitemap .box_sitemap{padding-top:20px}
.sitemap .box_sitemap .cont_top{margin-bottom:5px;border-bottom:1px solid #ddd}
.sitemap .box_sitemap .box_tit{display:block;padding:5px;font-size:18px;font-weight:bold}
.sitemap .box_sitemap .cont_body .obj{display:block;padding:5px}
.sitemap .section_1 .content_top{background-color:#262626}
.sitemap .section_2 .content_top{background-color:#882c2c}
.sitemap .section_3 .content_top{background-color:#00008B}

/*******************************************************************
icon style
********************************************************************/
.icon-i{display:inline-block;width:22px;height:22px;margin-right:5px;background:url(../images/icon/icon_i.gif) no-repeat left top;vertical-align:middle}

/* 댓글달기 */
.display-table{display:table;width:100%}
.table-row{display:table-row}
.table-cell{display:table-cell;vertical-align:top}
.nmsc_input{width:184px;height:28px;margin:0;padding:0 5px;border:1px solid #aaa;font-size:12px;color:#666;box-sizing:border-box}
.nmsc_input:disabled{background-color:#f4f4f4}
.nmsc_input.input-file{padding:0;border:0;background-color:transparent;line-height:30px}
textarea.nmsc_input{height:auto;padding:7px 5px;line-height:1.6}

/* Buttons */
.nmsc_btn{display:inline-block;width:120px;height:34px;margin:0;padding:0 13px;border:1px solid #040404;background:#f8f8f8;font-size:12px;/* 유동적인 값 */line-height:32px;color:#232424;cursor:pointer;box-sizing:border-box}
.nmsc_inline{display:inline-block;width:auto;vertical-align:middle}
.nmsc_btn:hover{background:#fff}
.nmsc_btn_radius{border-radius:4px}
.nmsc_btn_img{padding-left:30px;background:url(../images/icon/icon_btn_dg.png) no-repeat 30px 50%}
.nmsc_btn_img:hover{background:#040404 url(../images/icon/icon_btn_dg_on.png) no-repeat 30px 50%;color:#fff}
.nmsc_btn_style01:hover{border-width:2px;background:#fff}
.nmsc_btn_style02:hover{border-width:2px;border-color:#0e73d2;color:#0e79de}
.nmsc_btn_style03{background:#7e7d7d;color:#fff}
.nmsc_btn_style03:hover{background:#040404}
.nmsc_btn_style04{background:#fff}
.nmsc_btn_style04:hover{border-color:#0e79de;background:#0e79de;color:#fff}

/* Buttons - 작은 버튼 */
.nmsc_btn_small{min-width:30px;height:30px;line-height:30px}
.nmsc_btn_tiny{min-width:30px;height:23px;padding:0 8px;line-height:23px;font-size:11px}
.wrap-comment-list{overflow:hidden;clear:both;margin:50px 0;padding:10px;border-top:2px solid #232424;border-bottom:1px solid #d9d9d9}
.wrap-comment-list .comment-form{display:block;position:relative}
.wrap-comment-list .comment-form .h3-title{display:block;margin:0 0 10px;font-size:15px;font-weight:bold;line-height:1.2}
.wrap-comment-list .comment-form .nmsc_btn{position:absolute;top:-5px;right:0;width:70px;height:26px;line-height:24px}
.wrap-comment-list .comment-form .nmsc_btn:hover{background:#040404}
.wrap-comment-list .comment-list li{display:block;overflow:hidden;clear:both;position:relative;padding:10px 0;border-top:1px solid #aaa}
.wrap-comment-list .comment-list .comment-writer{margin-bottom:10px;font-size:12px;font-weight:bold;line-height:1.2}
.wrap-comment-list .comment-list .comment-txt{margin-bottom:10px;line-height:1.6}
.wrap-comment-list .comment-list .comment-footer{overflow:hidden;margin-bottom:10px;line-height:1.6;font-size:11px;color:#777}
.wrap-comment-list .comment-list .comment-footer .date{margin-right:8px;padding-right:8px;border-right:1px solid #ccc}
.wrap-comment-list .comment-list .comment-footer .btn-comment-report{font-size:12px;font-weight:bold;color:#333;cursor:pointer}
.wrap-comment-list .comment-list .comment-footer .btn-comment-report:hover{color:#0e79de}
.wrap-comment-list .comment-list .comment-footer .re-count{display:inline-block;margin-left:10px;padding:3px 10px;border:1px solid #ccc;background-color:#fff;font-size:12px;line-height:1}
.wrap-comment-list .comment-list .comment-footer .re-count .re-count-num{font-size:12px;font-weight:bold}
.wrap-comment-list .comment-list .comment-footer .nmsc_btn_icon{width:23px;height:23px;padding:0;border:1px solid #aaa;background-color:#fff;line-height:21px}
.wrap-comment-list .comment-list .comment-footer .nmsc_btn_icon i{display:inline-block;width:17px;height:17px;vertical-align:middle}
.wrap-comment-list .comment-list .comment-footer .nmsc_btn_icon i.ti-pencil{background:url(../images/icon/ico_write.png) 0 0 no-repeat}
.wrap-comment-list .comment-list .comment-footer .nmsc_btn_icon i.ti-pencil-alt{background:url(../images/icon/ico_modi.png) 0 0 no-repeat}
.wrap-comment-list .comment-list .comment-footer .nmsc_btn_icon i.ti-trash{background:url(../images/icon/ico_trash.png) 0 0 no-repeat}
.wrap-comment-list .comment-list .comment-footer .nmsc_btn_icon:hover{border:1px solid #0e79de}
.wrap-comment-list .comment-list > ul > li > ul{padding-left:20px;padding-right:10px}
.wrap-comment-list .btn-comment-more{margin-top:10px}
.wrap-comment-list .re-comment{padding:10px 0;background-color:#f4f4f4}
.wrap-comment-list .re-comment > li:first-child{border-top:none}
.wrap-comment-list .re-comment li{padding-left:25px}
.wrap-comment-list .re-comment li:before{display:inline-block;float:left;width:14px;height:14px;margin-left:-25px;background:url(../images/icon/ico_re.png) 0 0 no-repeat;content:''}
.wrap-comment-list .re-comment li .btn-comment-submit{position:absolute;right:0;bottom:13px;z-index:1;width:70px;height:26px;line-height:24px}
.wrap-comment-list .re-comment li textarea.nmsc_input{padding-right:75px}
.wrap-comment-list textarea.nmsc_input{height:70px;border-color:#d9d9d9}
.wrap-comment-list .orders{margin:10px 0}
.wrap-comment-list .orders .btn-orders{display:inline-block;margin-right:10px;font-size:13px;color:#777;cursor:pointer}
.wrap-comment-list .orders .btn-orders.__active,.wrap-comment-list .orders .btn-orders:hover{font-weight:bold;color:#111}
.wrap-comment-list .orders .btn-orders.__active:before,.wrap-comment-list .orders .btn-orders:hover:before{display:inline-block;width:12px;height:6px;margin:0 2px 0 0;background:url(../images/icon/ico_orders.png) 50% 50% no-repeat;vertical-align:middle;content:''}
.wrap-comment-list .nmsc_btn_recom{width:auto;border:1px solid #aaa;background-color:#fff}
.wrap-comment-list .nmsc_btn_recom .recom-num{font-size:11px}
.wrap-comment-list .nmsc_btn_recom i{display:inline-block;width:17px;height:17px;vertical-align:middle}
.wrap-comment-list .nmsc_btn_recom i.ti-thumb-up{background:url(../images/icon/ico_thm_up.png) 0 0 no-repeat}
.wrap-comment-list .nmsc_btn_recom i.ti-thumb-down{background:url(../images/icon/ico_thm_down.png) 0 0 no-repeat}
.wrap-comment-list .nmsc_btn_recom:hover{border:1px solid #0e79de}

/* 페이지 만족도 평가 */
.wrap-rate-content{overflow:hidden;clear:both;margin:40px 0;padding:10px;border-top:2px solid #232424;border-bottom:1px solid #d9d9d9}
.wrap-rate-content .h3-title{display:inline-block;margin:0 20px 10px 0;line-height:1.2;font-weight:bold;font-size:15px}
.wrap-rate-content .cell-rate1{width:110px}
.wrap-rate-content .table-cell{vertical-align:middle}
.wrap-rate-content .cell-rate2{width:70px}
.wrap-rate-content .cell-rate2 .nmsc_btn{width:100%;height:30px;margin-left:2px;line-height:28px}
.wrap-rate-content .nmsc_input{height:30px;line-height:28px}
.wrap-rate-content label{font-size:13px}
.wrap-rate-content .checks{display:inline-block;position:relative;margin-right:10px;margin:3px 0}
.wrap-rate-content label.nmsc_label{position:relative;margin-right:10px}
.wrap-rate-content input[type=radio].nmsc_radio{width:16px;height:16px;margin:0;padding:0;opacity:0}
.wrap-rate-content input[type=radio].nmsc_radio + span{margin-left:4px;line-height:20px;color:#808080}
.wrap-rate-content input[type=radio].nmsc_radio + span:before{position:absolute;top:50%;left:0;width:16px;height:16px;margin-top:-8px;background:url(../images/icon/bg_radio.png) no-repeat;content:''}
.wrap-rate-content input[type=radio].nmsc_radio + span:after{position:absolute;top:50%;left:0;width:16px;height:16px;margin-top:-8px;background:url(../images/icon/icon_radio.png) no-repeat;content:'';opacity:0}
.wrap-rate-content input[type=radio].nmsc_radio:checked + span:after{opacity:1}

/*셀렉트박스 화살표 삭제 IE */
select::-ms-expand{
display:none
}
/* layer popup layout */
.dim-wrapper { display: none; }
.layer-bg:before { content: ""; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; }
.layer-bg + .layer-wrap { position: absolute; width: 1160px; padding: 20px; border: 1px solid #4a4a4a; top: 50%; left: 50%; margin-left: -580px; z-index: 1002; background-color: #fff; margin-bottom: 50px; }
.layer-wrap { width: 1160px; padding: 20px; }
.layer-wrap .layer-container { position: relative; }
.layer-wrap .layer-container .btn-close { position: absolute; right: 0; top: 0; font-size: 35px; color: #4a4a4a; }
.layer-wrap .layer-container .layer-title { font-size: 30px; }
.layer-content .video-section { margin-top: 20px; }
/* //layer popup layout */

/* layer login */
.bg-layer {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; visibility: hidden; opacity: 0; transition: opacity 0.5s}/*.layer-login-wrap {position: absolute; border: 1px solid #aaa;top:50%; left: 50%; width: 630px; height: 480px; margin:-240px 0 0 -325px; background-color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,0.3); visibility: hidden; opacity: 0; transition: opacity 0.5s; z-index: 1001;}*/
.layer-login-wrap {position: absolute; border: 1px solid #aaa;top:50%; left: 50%; width: 1100px; height: 480px; margin:-240px 0 0 -550px; background-color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,0.3); visibility: hidden; opacity: 0; transition: opacity 0.5s; z-index: 1001;}
.layer-login-wrap .login-section {margin:37px auto}
.layer-login-wrap .login-section .text-info {margin-top: 40px; text-align: center;}
.layer-login-wrap .btn-layer-close {position: absolute; top:-32px; right:-32px; font-size: 30px; font-weight: normal; cursor: pointer; color: #fff}
.__open-layer-pop .bg-layer,.__open-layer-pop .layer-login-wrap {visibility: visible; opacity: 1}

/* updateUser */
.disconnectImg{
    background: url("../images/disconnect_icon.png") no-repeat right 18px;
    background-size: 30px;
}
.connectImg{
    background: url("../images/connect_icon.png") no-repeat right 18px;
    background-size: 30px;
}

.sns_ul li{
    position: relative;
    width: 100%;
    height: 64px;
    background: #fff;
    border: 1px solid #e8e8e8;
    margin: 0 0 10px 0;
    box-sizing: border-box;
}
.sns_ul li img{
    display: inline-block;
    position: relative;
    left: -1px;
    top: 0;
    width: 64px;
    height: 64px;
    background-size: auto auto;
    vertical-align: top;
}
.commonui_easy_btn_bname{
    display: inline-block;
    height: 64px;
    font-size: 18px;
    line-height: 61px;
    color: #333;
    padding-left: 21px;
    border-left: 1px solid #e8e8e8;
}

.sns_ul li button{
    position: absolute;
    top: 0;
    right: 15px;
    height: 68px;
    line-height: 42px;
    padding: 0;
    border: 0;
    vertical-align: top;
}
.sns_ul li button span{
    display: inline-block;
    height: 64px;
    font-size: 18px;
    line-height: 61px;
    color: #333;
    padding-right: 38px;
    
    vertical-align: top;
}
/* updateUser end */