@charset "utf-8";
@import url('../font.css');

html, body {width:100%; height:100%; margin:0; padding:0;}
body {font-size:14px; line-height:1.6; color:#666; font-weight:normal; font-family:NanumGothic, '나눔고딕', 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', sans-serif;}
* {margin:0; padding:0; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}

a:link, a:visited, a:active {color:#333; text-decoration:none;}
a:hover,a:focus {color:#333; text-decoration:none;}

ul, ol {list-style-type:none; margin:0; padding:0;}
b, strong {font-family:NanumGothicBold;}
em {font-style:normal;}
h1, h2, h3, h4, h5, h6 {font-family:NanumGothicBold; color:#333}
img {border:0;}

/* fieldset */
fieldset {margin:0; padding:0; border:0;}
legend {overflow:hidden; width:0; height:0; font-size:1px; line-height:0.1; text-indent:-9999px;}

/* datepicker */
.ui-datepicker {z-index:2001 !important;}
.ui-datepicker .ui-datepicker-title select {display:inline-block; width:40%; height:28px; vertical-align: middle; margin:0 4px;}
.ui-datepicker-trigger {width:40px; height:40px; margin:0; padding:0; border:1px solid #ccc; border-width:1px 1px 1px 0; font-size:0; line-height:0; vertical-align:middle; background:#fff url('/images/imgConslt/btn-datepicker-cal.png') no-repeat center;}

.datepicker {display:inline-block; width:90px; height:40px; padding:0 5px; border-radius:0 !important; border:1px solid #ccc; border-width:1px 0 1px 1px; vertical-align: middle; font-family:NanumGothic, '나눔고딕', 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', sans-serif;}
.datepicker[readonly] {background-color:#f5f5f5; border-width:1px; !important;}
.datepicker.v2 {background:#fff; border-right:none}
.datepicker::-ms-clear {display: none;}
.datepicker::-webkit-input-placeholder {color:#cacaca !important;}
.datepicker:-ms-input-placeholder {color:#cacaca !important;}
.datepicker-month::-webkit-input-placeholder {color:#cacaca !important;}
.datepicker-month::-ms-input-placeholder {color:#cacaca !important;}
.datepicker-change {display:inline-block; width:90px; height:40px; padding:0 5px; border-radius:0 !important; border:1px solid #ccc; border-width:1px 0 1px 1px; vertical-align: middle; font-family:NanumGothic, '나눔고딕', 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', sans-serif;}
.datepicker-change::-ms-clear {display: none;}
.datepicker-month {display:inline-block; width:90px; height:40px; padding:0 5px; border-radius:0 !important; border:1px solid #ccc; border-width:1px 0 1px 1px; vertical-align: middle; font-family:NanumGothic, '나눔고딕', 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', sans-serif;}
.datepicker-month::-ms-clear {display: none;}
.ui-datepicker-current,
.onlyMonth .ui-datepicker-calendar {display:none;}
.onlyMonth .ui-datepicker-buttonpane {margin:0; border:0; overflow:hidden;}
.onlyMonth .ui-datepicker-title select {height:33px;}
.onlyMonth .ui-datepicker-prev, .onlyMonth .ui-datepicker-next {top:7px;}
.datepicker-year {display:inline-block; width:90px; height:40px; padding:0 5px; border-radius:0 !important; border:1px solid #ccc; border-width:1px 0 1px 1px; vertical-align: middle; font-family:NanumGothic, '나눔고딕', 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', sans-serif;}
.datepicker-year::-ms-clear {display: none;}
.datepicker.through,
.datepicker-month.through {text-decoration:line-through;}
/* id 로 제어하는 datepicker */
.date-picker {display:inline-block; width:90px; height:40px; padding:0 5px; border-radius:0 !important; border:1px solid #ccc; border-width:1px 0 1px 1px; vertical-align: middle; font-family:NanumGothic, '나눔고딕', 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', sans-serif;}
.date-picker::-ms-clear {display: none;}

/* button - reset */
button {border:0; background:none; cursor:pointer; font-family:NanumGothic, '나눔고딕', 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', sans-serif;}

/* select */
select {height:40px; margin:0; padding:0 0 0 5px; border:1px solid #ccc; vertical-align:middle;}
select.medium {height:36px;margin:0;padding:0 0 0 5px;border:1px solid #ccc}

/* input */
.input-text {display:inline-block; width:100%; height:40px; padding:0 10px; color:#333; border:1px solid #ccc; vertical-align: middle; font-size:14px; font-family:NanumGothic}
.input-text:focus {border-color:#21a9e7; outline:0}
.input-text[readonly] {background-color:#f5f5f5 !important;}
input[type="radio"], input[type="checkbox"] {width:16px; height:16px; vertical-align:-3px}

/* textarea */
.input-textarea {display:inline-block; width:100%; height:100px; padding:10px;  line-height:20px; color:#000; border-radius:0 !important; border:1px solid #babec5; vertical-align: middle; font-family:NanumGothic, '나눔고딕', 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', sans-serif;}
.input-textarea:focus {border-color:#21a9e7; outline:0; box-shadow:none;}
.input-textarea[readonly] {background:#f7f7f7;}

/* etc */
iframe {display:inline-block; border:0;}
figure, figcaption {margin:0; padding:0;}

/* table reset */
table {width:100%; margin:0; border:0; table-layout:fixed; border-collapse:collapse; empty-cells:show;}
table caption {overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
table th,
table td {padding:0;word-break:break-all}
table th {color:#333;}

.hidden {overflow:hidden}
.clear {clear:both}
.ir {display:block; overflow:hidden; margin:-1px 0 0 0 !important; padding:0 !important; height:1px !important; width:1px !important; background:none !important; text-indent:-9999px; color:#fff}
.ellipsis {display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

/* align */
.a-l {text-align:left !important;}
.a-r {text-align:right !important;}
.a-c {text-align:center !important;}
.a-j {text-align:justify !important;}
.va-t {vertical-align:top !important;}
.va-m {vertical-align:middle !important;}
.va-b {vertical-align:bottom !important;}
.va-sub {vertical-align:sub !important;}
.va-txtb{vertical-align:text-bottom !important}

/* display */
.block {display:block !important}
.inline-block {display:inline-block !important}

/* margin */
.mt0 {margin-top:0 !important}
.mt05 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:10px !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}
.mt60 {margin-top:60px !important}
.mt70 {margin-top:70px !important}
.mt80 {margin-top:80px !important}
.mt90 {margin-top:90px !important}
.mt100 {margin-top:100px !important}

.mb0 {margin-bottom:0 !important}
.mb05 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:10px !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}

.ml0 {margin-left:0 !important}
.ml05 {margin-left:5px !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}

.mr0 {margin-right:0 !important}
.mr05 {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}

/* font */
.f-bold {font-family:NanumGothicBold !important}
.f-normal {font-family:NanumGothic !important}

.fs-13 {font-size:13px !important}

/* color */
.f-blue {color:#3b75ab !important}
.f-red {color:#cf343c !important}

/* float */
.float-l {float:left !important;}
.float-r {float:right !important;}
.float-n {float:none !important;}

/* button - system font */
.button {display:inline-block; min-width:90px; height:40px; margin:0; padding:0 20px; line-height:38px; color:#333; text-align:center; text-decoration:none; border:1px solid #cccccc; vertical-align:middle; background-color:#fff; cursor:pointer; font-family:NanumGothicBold}
.button.disable{opacity:0.5}
.button.disable:hover {color:#999 !important;}
.button.disabled{opacity:0.5}
.button.disabled:hover {color:#999 !important;}
.button:hover,
.button:focus {text-decoration:none;}
.button > i {margin-top:-2px; margin-left:2px;}
.button > i:first-child {margin-left:0; margin-right:2px;}
.button.default {min-width:0; margin:0; padding:0; border:0; background-color:transparent;}

/* button size */
.button.large {min-width:95px;height:52px;padding:0 16px;line-height:50px;font-size:16px}
.button.medium {min-width:80px;height:36px;padding:0 16px;line-height:34px}
.button.small {min-width:70px;height:32px;padding:0 10px;line-height:30px;border-radius:4px;}
.button.s-small {min-width:64px;height:28px;padding:0 8px;line-height:26px;border-radius:3px;}
.button.s-small.org {background:#ffe0c9; border:1px solid #ffb58c; color:#ff750f}
.button.ss-small {min-width:48px;height:28px;padding:0 8px;line-height:26px;border-radius:4px;}
.button.tiny {min-width:0;height:28px;padding:0 5px;line-height:26px;border-radius:2px;}
.button.reset {min-width:0; padding:0;}
.button.round {border-radius:4px;}
.btn-open-guide {color:#333 !important;}

/* button round */
.button.small.round {border-color:#ccc;border-radius:3px;}

/* button color */
.button.blue {color:#fff; border-color:#3683c3 !important; background-color:#3683c3 !important;}
.button.blue:hover,
.button.blue:focus {color:#fff; background-color:#3683c3 !important;}
.button.dblue {color:#fff; border-color:#2872af !important; background-color:#2872af !important;}
.button.dblue:hover,
.button.dblue:focus {color:#fff; background-color:#2872af !important;}
.button.navy {color:#fff; border-color:#41506e !important; background-color:#41506e !important;}
.button.navy:hover,
.button.navy:focus {color:#fff; background-color:#41506e !important;}
.button.gray {color:#333; border-color:#ccc !important; background-color:#f5f5f5 !important;}
.button.gray:hover,
.button.gray:focus {color:#333; background-color:#f5f5f5 !important;}
.button.gray.v1 {border-color:#8890a0 !important;}
.button.gray.v2 {border-color:#8890a0 !important; background-color:#eef0f4 !important;}
.button.dgray {color:#fff; border-color:#6a7995 !important; background-color:#6a7995 !important;}
.button.dgray:hover,
.button.dgray:focus {color:#fff; background-color:#6a7995 !important;}
.iconset {overflow:hidden; display:inline-block; margin:-1px 0 0 0; padding:0; font-size:0; line-height:0; vertical-align: middle; background-position:0 0; background-repeat:no-repeat; background-size:100% auto;}
.ico-download {width:16px;height:16px; background:url('/images/imgConslt/ico-download.png') 0 0 no-repeat;}

/* button group */
.btn-group {padding:30px 0 0 0;position:relative;text-align:right;}
.btn-group:before, .btn-group:after {content:''; display:table;}
.btn-group:after {clear:both;}
.btn-group .left {float: left;}
.btn-group .right {float: right;}
.btn-group .button + .button {margin:0 0 0 5px;}
.btn-group.center {text-align:center;}
.btn-group.center .button,
.btn-group.a-c .button {margin:0 3px 0 2px;}
.btn-group.default .button{height:auto;padding:10px 20px;line-height:1.3}
.btn-group.default .button + .button{margin-left:10px}