@charset "utf-8";
/* CSS Document */

/*@import url(//fonts.googleapis.com/earlyaccess/nanumbrushscript.css);*/

@font-face {
    font-family: '맑은고딕';
    src: url('font/MalgunGothic.eot');
    src: url('font/MalgunGothic.eot?#iefix') format('embedded-opentype'), url('font/MalgunGothic.woff') format('woff'), url('font/MalgunGothic.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MalgunGothic';
    src: url('font/MalgunGothic.eot');
    src: url('font/MalgunGothic.eot?#iefix') format('embedded-opentype'), url('font/MalgunGothic.woff') format('woff'), url('font/MalgunGothic.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* korean */
@font-face {

    font-family: 'Nanum Brush Script';
    src: url('font/Nanum Brush Script.eot');
    src: url('font/Nanum Brush Script.eot?#iefix') format('embedded-opentype'), url('font/Nanum Brush Script.woff') format('woff'), url('font/Nanum Brush Script.TTF') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* 항상 사용하는 공통 css */
* {margin: 0px;padding: 0px;color: #333; font-family: 'Malgun Gothic', '맑은 고딕', '돋움', Dotum, '굴림', Gulim; word-break: break-word;word-wrap: break-word;}
body, h1, h2, h3, h4, h5, h6, th, td, input, select, textarea, button {color: #333; font-size: 12px; font-family: 'Malgun Gothic', '맑은 고딕', '돋움', Dotum, '굴림', Gulim; line-height: normal; vertical-align: top;}
ul, ol, dl, dt, dd {list-style: none;}
a {color: #1363a4;cursor: pointer;font-size: 13px;text-decoration: none;line-height: normal; vertical-align: top;}
button {border: 0; background-color: transparent; cursor: pointer;}
input[type="text"], input[type="file"], input[type="password"], select {height: 38px;border: 1px solid #ccc;cursor: pointer;}
select{ height: 40px;}
input[type="text"] {cursor: text;}
img {border: none; vertical-align: top;}
fieldset {border: 0;margin: 0;padding: 0;}
table {width: 100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
table.table-list{width: 100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
pre{color: #666; white-space: pre-wrap;}
.hide, hr, legend {overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
caption {    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    overflow: hidden;}
.none {display: none !important;}
ul.inline-block li {display: inline-block; vertical-align: top; margin: 0 -2px; *display:inline; *float: left;}
ul.block li {display: block; vertical-align: top; float: none !important; margin: 0;}
.f-left {float: left;}
.f-right {float: right;}
.both {clear: both;}
.text-center{text-align: center !important;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.block{display: block !important;}
.inline-block{display: inline-block !important;}
.inline{display: inline !important;}

ul.bg-none > li{padding-left: 0;background: none !important;}
li.bg-none, dd.bg-none{padding-left: 0 !important;background: none !important;}
ul.li-m-none > li{margin-bottom: 0 !important;}
ul.bg-none > li ul{margin-bottom: 5px;}
ul.bg-none > li li{margin-top: 2px;padding-left: 13px;background: none !important;}
ul.bg-none > li li:first-child{margin-top: 2px;}

.c-bt:after{display : block; clear: both; content: "";}
.c-bt .c-bt{clear: both;}
.c-bt > div{float: left; margin-bottom: 7px;}
.c-bt > div p{color: #666;font-size: 14px;line-height: 150%;letter-spacing: -0.040em;}
.c-bt > div img{width: 100%;padding: 4px;border: 1px solid #ccc;}
.c-bt > div.w-wp20 img{width: 94%;}
.c-bt > div.w-wp30 img{width: 96%;}
.c-bt > div.w-wp40 img{width: 97%;}
.c-bt > div > span, .c-bt > div > div > span{display: block;padding: 5px 2px;/* background: #7d8391; *//* color: #fff; */font-size: 13px;text-align: center;letter-spacing: -0.06em;border: 1px solid #dedede;background: #f8f8f8;color: #666;}
.pd-rl20{padding: 0 20px;}
.mg-r10{margin-right: 10px;}
.mg-l10{margin-left: 10px;}

/* position:absolute와 tabel-cell을 이용한 중앙 정렬 */
.layer{position:absolute;display:table;top:0;left:0;width:100%;/* height:100% */}
.layer .layer-inner{display:table-cell;text-align:center;vertical-align:middle;}

/* form요소 기본설정 */
select {
    min-width:158px;
    height:40px;
    padding:8px 25px 9px 12px;
    border:1px solid #ccc;
    color:#4d4d4d;
    background: #fff url("../images/sub/icon-select-arrow.png") right center no-repeat;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
}
/*:root select {padding:6px 5px 6px 8px \0/IE9; font-size:12px \0/IE9;}*/
select::-ms-expand {display:none;}
input[type=radio], input[type=checkbox] {border:0px;vertical-align: middle;}
input[type=text], input[type=password], textarea {height:40px; padding:8px 30px 9px 12px; border:1px solid #cccccc; vertical-align:middle; background-color:#fff; box-sizing:border-box;
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
}
input:disabled, select:disabled { background-color:#ddd; }
button {vertical-align:middle; cursor:pointer;}
button:focus {outline: 1px dotted;}
textarea {height: auto;}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{min-width: auto;height: 36px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top: 10px !important;}

/* bg */
.bg-gray{background: #888 !important;}
.bg-red{background: #c14848 !important;}

/* color */
.color-red{/*color: #ff5050 !important;*/color: #bc1934!important;}
.color-blue{color: #1363a4 !important;}
.color-skyblue{color: #2887aa !important;}

/* btn-group */
.btn-group {position: relative;height: 38px; margin: 0; margin-top: 20px;}
.relative {position: relative; top: 0; left: 0; display: block;}
.absolute {position: absolute; top: 0; left: auto; right: 0;}
.left {right: auto !important; left: 0 !important;}
.right {right: 0 !important; left: auto !important;}
.btn-group .left a, .btn-group .left input[type="submit"] {float: right; margin-left: 5px;}
.btn-group .right a {margin-left: 5px;}
a.btn, input[type="submit"].btn, button.btn, input[type="button"].btn{display: inline-block;padding: 10px 15px;background: gray;color: #fff;cursor:pointer;font-size: 13px;font-weight: normal;vertical-align: top;border: 0;}

a.btn99, input[type="submit"].btn, button.btn, input[type="button"].btn{display: inline-block;padding: 10px 15px;background: gray;color: #fff;cursor:pointer;font-size: 15px;font-weight: normal;vertical-align: top;border: 0;}

input[type="submit"].btn, input[type="button"].btn{height :auto;}
a.btn-img {padding: 0;}
.btn:hover, .btn:focus, .btn:active {text-decoration: underline;}

/* tab */
.tab-group{position: relative;margin-bottom: 3px;}
.tab-group .tab{}
.tab-group .tab:after{ display: block; clear: both; content:"";}
.tab-group .tab > li{display: block;position: relative;float: left;margin-right: 5px;margin-bottom: 5px;padding-bottom: 4px;}
.tab-group .tab > li.active{background: url("../images/common/bg-tab.png") center bottom no-repeat;}
.tab-group .tab > li+li {/* margin-left: 5px; */}
.tab-group .tab > li > a{display: block;position: relative;padding: 10px 8px;border: 1px solid #d5d5d5;background: #f4f4f4;color: #45495b;font-size: 14px;}
.tab-group .tab > li.active > a{display: block;position: relative;padding: 11px 8px;border: 0;background: #4d5360;color: #fff;font-weight: normal;}

/* pagenate */
.pagenate {width: 100%;padding-top: 30px;text-align: center;}
.pagenate a {width: 31px;height: 30px;margin: 0px 2px;display: inline-block;line-height: 220%;font-size: 14px;border: solid 1px #d5d5d5; color: #585b5c;text-decoration: none;}
.pagenate a.on, .pagenate a:hover, .pagenate a:active, .pagenate a:focus {background-color: #1363a4;border: solid 1px #1363a4;color: #fff;text-decoration: none;}
.pagenate a.first {background: url(../images/sub/icon-pagenate.png) -110px -9px no-repeat;}
.pagenate a.prev {background: url(../images/sub/icon-pagenate.png) -161px -9px no-repeat;}
.pagenate a.next {background: url(../images/sub/icon-pagenate.png) -8px -9px no-repeat;}
.pagenate a.last {background: url(../images/sub/icon-pagenate.png) -59px -9px no-repeat;}

/* mobile */
@media (max-width:767px) {
    .pagenate{padding-top: 15px;}
    .pagenate a{margin: 0px -1px 2px; width: 29px;}
    .btn-group{height: auto;margin-top: 12px;}
    .relative, .absolute{position: relative;width: 100%;text-align: center;}
    a.btn, input[type="submit"].btn, button.btn, input[type="button"].btn{padding: 7px 10px;display: block;width: 100%;padding-left: 0 !important;padding-right: 0 !important;margin: 5px 0 !important;}

    .m-wp100{width: 100% !important;}
    .m-wp90{width: 90%;}
    .m-wp80{width: 80%;}
    .m-wp70{width: 70%;}
    .m-wp60{width: 60%;}
    .m-wp50{width: 50%;}
    .m-wp40{width: 40%;}
    .m-wp30{width: 30%;}
    .m-wp20{width: 20%;}
    .m-wp10{width: 10%;}
    .m-wp95{width: 95%;}
    .m-wp85{width: 85%;}
    .m-wp75{width: 75%;}
    .m-wp65{width: 65%;}
    .m-wp55{width: 55%;}
    .m-wp45{width: 45%;}
    .m-wp35{width: 35%;}
    .m-wp25{width: 25%;}
    .m-wp15{width: 15%;}
    .m-wp5{width: 5%;}
}
/* tablet, 1024pc */
@media (min-width:768px) and (max-width:1199px) {
    .t-wp100{width: 100% !important;}
    .t-wp90{width: 90%;}
    .t-wp80{width: 80%;}
    .t-wp70{width: 70%;}
    .t-wp60{width: 60%;}
    .t-wp50{width: 50%;}
    .t-wp40{width: 40%;}
    .t-wp30{width: 30%;}
    .t-wp20{width: 20%;}
    .t-wp10{width: 10%;}
    .t-wp95{width: 95%;}
    .t-wp85{width: 85%;}
    .t-wp75{width: 75%;}
    .t-wp65{width: 65%;}
    .t-wp55{width: 55%;}
    .t-wp45{width: 45%;}
    .t-wp35{width: 35%;}
    .t-wp25{width: 25%;}
    .t-wp15{width: 15%;}
    .t-wp5{width: 5%;}
    .t-wp46{width: 46%}
	.t-wp47{width: 47%}
	.t-wp48{width: 48%}
	.t-wp49{width: 49%}
}
/* wideweb */
@media (min-width:1200px) {
    .w-wp100{width: 100% !important;}
    .w-wp90{width: 90%;}
    .w-wp80{width: 80%;}
    .w-wp70{width: 70%;}
    .w-wp60{width: 60%;}
    .w-wp50{width: 50%;}
    .w-wp40{width: 40%;}
    .w-wp30{width: 30%;}
    .w-wp20{width: 20%;}
    .w-wp10{width: 10%;}
    .w-wp95{width: 95%;}
    .w-wp85{width: 85%;}
    .w-wp75{width: 75%;}
    .w-wp65{width: 65%;}
    .w-wp55{width: 55%;}
    .w-wp45{width: 45%;}
    .w-wp35{width: 35%;}
    .w-wp25{width: 25%;}
    .w-wp15{width: 15%;}
    .w-wp5{width: 5%;}
    .w-wp46{width: 46%}
	.w-wp47{width: 47%}
	.w-wp48{width: 48%}
	.w-wp49{width: 49%}
}
.table-view td p{white-space: pre-wrap;}