/* margin */
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml50{margin-left:50px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:30px !important}
.mt50{margin-top:30px !important}
.mt60{margin-top:60px !important}
.mb0{margin-bottom:0 !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}
.mb50{margin-bottom:50px !important}

.fs11{font-size:11px !important}
.fs13{font-size:13px !important}
.fs14{font-size:14px !important}

/* font color */
.color1{color:#353959 !important}/*blue*/
.color2{color:#736892 !important}/*purple*/
.color3{color:#18b9bb !important}/*sky*/
.color4{color:#fd517e !important} /*red*/
.fn-txt{color:#999 !important; font-size:11px;}
.text-gab{margin-left:10px;}
.text-muted{color:#989898 !important;}
.text-waring{color:#ee8fa5 !important;}
.bs-example p{margin:0; padding:10px; text-align:justify; box-sizing:border-box;}
.bg-primary{background-color:#D9EDF7 !important;}
.bg-info{border:1px solid #d9d9d9;}
.bg-warning{background-color:#FCF8E3 !important;}
.b{font-weight:bold;}
.tn{font-weight:normal;}
.cursor {cursor:pointer;}
.line-dot{padding-top:20px; border-top:1px dotted #CCC;}
.ul-txt {text-decoration:underline;}

/* back color*/
.backColor1{background-color:#353959; color:white; font-weight:bold; padding:4px 4px 4px 4px}
.backColor2{background-color:#736892; color:white; font-weight:bold; padding:4px 4px 4px 4px}
.backColor3{background-color:#18b9bb; color:white; font-weight:bold; padding:4px 4px 4px 4px}
.backColor4{background-color:#fd517e; color:white; font-weight:bold; padding:4px 4px 4px 4px}
.backColor5{background-color:#b9b7b7; color:white; font-weight:bold; padding:4px 4px 4px 4px}

/* line-height */
.lh20 {line-height:20px !important;}
.lh25 {line-height:25px !important;}

/* width */
.fullWidth {width:100%;}

/*
#00bfbd 테이블위보더 청록
#353959 군색
#9385BB 보라
*/

/* title */
.title{margin-bottom:10px !important; *zoom:1;}
.title:after{content:''; display:block; clear:both;}
.title .tit{float:left; margin:0;}
h3.tit{padding-top:30px; padding-bottom:15px; padding-left:24px; font-size:14px; line-height:16px; background:url(/resource/images/i_tit.png) no-repeat 0 31px; border-top:1px dashed #e9e9e9; letter-spacing:-1px; line-height:1.2em; margin-top:30px;}
.sub-desc > .tit:first-child {padding-top:0; border:0; background-position:0 1px; margin-top:0;}
h4.stit{font-size:120%; margin-bottom:4px; padding-left:15px; background:url(/resource/images/i_stit.png) no-repeat 0 center;}
h4.stit.bg-no {background:none; padding-left:0;}
h5.t, .layerUI h4, .layerUI h3.tit{margin-bottom:12px; margin-left:0; padding-left:10px; background:url(/resource/images/i_t.png) no-repeat 0 center;}
.layerUI h3.tit {background-position:0 35px;}
h5.t {margin-top:20px;}
h5.t.nb {padding-left:0; background:none;}
h6{margin-bottom:10px; font-weight:normal;}
.stit{margin:10px 0; padding-left:15px; background:url(/resource/images/i_stit.png) no-repeat 0 center;}
.t{margin-bottom:12px; padding-left:10px; background:url(/resource/images/i_t.png) no-repeat 0 center;}
.txtline { text-decoration : underline;}

/* tip */
.tip{margin-bottom:35px; padding:8px 15px 8px 110px; min-height:70px; background:url(/resource/images/i_tip2.png) no-repeat 20px center; border:1px solid #dbdde1;}
.tip ul {border-left:1px solid #dbdde1; padding-left:10px; min-height:80px;}
.tip ul li{position:relative; padding-left:10px; margin:4px 0;}
/*.tip ul li:before {content:"-"; display:inline-block; position:absolute; top:0; left:0;}*/
.tip-waring{margin-top:30px; padding-left:100px;}
.tip-waring h5{float:left; margin-left:-100px; padding-right:25px; width:50px; height:50px; line-height:50px; font-size:15px; text-align:center; color:#fd517e; text-transform:capitalize; border-right:1px solid #dbdde1; background:url(/resource/images/i_tip_bg.png) no-repeat 0 center;}
.tip-waring > ul > li{margin-bottom:5px; padding-left:13px; background:url(/resource/images/ic_dot.gif) no-repeat 0 7px;}
.tip-waring ul ul li{padding:0; background:none;}

.tip ul.li-dot {border:0;}
.tip ul.li-dot li {padding-left:0;}
.tip ul.li-dot li:before {display:none;}

/* tab */
.tab{margin-bottom:30px; height:33px; border:1px solid #dbdde1; background-color:#f8f9fa; *zoom:1;}
.tab:after{content:''; display:block; clear:both;}
.tab li{float:left; position:relative; margin:-1px 0 0 -1px; height:33px; line-height:33px; border:1px solid #dbdde1;}
.tab li a{display:block; padding:0 12px; color:#8a8b8b;}
.tab li.active{z-index:10; border-color:#15a4a6; background-color:#18b9bb;}
.tab li.active a{color:#def2f2;}
.tab li.on{z-index:1; border-color:#15a4a6; background-color:#18b9bb;}
.tab li.on a{color:#def2f2;}

/* poll */
.satisfy_poll{clear:both; float:left; width:100%; margin-top:40px; border:1px solid #dbdde1; background:#f8f9fa url(../images/poll_i.png) no-repeat 21px 32px;}
.poll-tit{float:left; margin:30px 0 10px 90px;}
.poll-tit h3{font-size:16px; font-weight:bold;}
.poll-tit p{margin-top:5px; font-size:11px; color:#999; line-height:1.4;}
.poll-level{position:relative; float:right; overflow:hidden; font-size:11px; margin-top:20px;}
.poll-radio{float:left;}
.poll-radio label{margin-right:7px;}
.poll-radio input[type="radio"]{vertical-align:text-bottom; margin-right:5px; *margin-right:0px; *vertical-align:middle;}
.poll-level .desc_txt{float:right; font-family:dotum; margin-top:10px; position:absolute; bottom:18px; right:35px;}
.poll-write{clear:both; padding:10px 0 40px 0; width:390px;}
.poll-write textarea{float:left; width:280px; height:31px; *margin-right:5px;}
.poll-bt a{display:inline-block; *display:inline; *zoom:1; width:60px; height:43px; line-height:43px; font-size:15px; text-align:center; color:#aeb0bd; background-color:#353959;}

/* search */
.search-area{margin-bottom:10px; *zoom:1;}
.search-area:after{content:''; display:block; clear:both;}
.search-area .search{float:left; margin-left:0;}
.search .sbHolder{display:inline-block; *display:inline; *zoom:1; min-width:75px;}
.search-area select{min-width:80px;}
.search-area input[type="text"]{*margin:0 3px 0 6px; width:170px;}
.search-area .total, .total-count{float:right; line-height:31px; color:#9f9f9f ;}

/* input button design */
.input-xs{width:35px;}
.input-sm{width:70px;}
.input-md{width:200px;}
.input-lg{width:300px;}
 span.inputbox{display:inline-block; *display:inline; *zoom:1;}
.inputbox{padding-right:10px; border:0; background:#fff url(../images/input_bg.png) no-repeat right 0;}
.inputbox input{padding-left:7px; width:100%; height:31px; line-height:31px; border:0; background:#fff url(../images/input_bg.png) no-repeat left 0;}
.inputbox.disabled, .inputbox.disabled input, select[disabled] + .sbHolder, select[disabled] + .sbHolder .sbSelector{background-position:0 -31px;}disabled input select
select[disabled] + .sbHolder ul{display:none !important;}

.w300 {width:300px !important;}

/* select button design */
select.block + .sbHolder{display:block !important;}
select.inline + .sbHolder, .table .sbHolder, .form-group .sbHolder{display:inline-block; *display:inline; *zoom:1;}

.select-xs + .sbHolder{width:45px}
.select-sm + .sbHolder{width:80px}
.select-md + .sbHolder{width:130px}
.select-lg + .sbHolder{width:170px}
/* .sbHolder{position:relative; margin:0; padding-right:18px; height:31px; background:#fff url(../images/input_bg.png) no-repeat right 0;}
.sbSelector{display:block; outline:none; padding-left:10px; line-height:31px; background:#fff url(../images/input_bg.png) no-repeat left 0;}
.sbSelector:hover{text-decoration:none;}
.sbToggle{background:url(/resource/images/select_i.png) no-repeat left center; display:block; width:15px; height:31px; outline:none; position:absolute; right:0; top:0;}
.sbToggle:hover{background:url(/resource/images/select_i.png) no-repeat left center;}
.sbToggleOpen{}
.sbToggleOpen:hover{}
.sbHolderDisabled{background-color:#3C3C3C;}
.sbHolderDisabled .sbHolder{}
.sbHolderDisabled .sbToggle{}
.sbOptions{margin:0; padding:0; position:absolute; top:20px; left:-1px; z-index:1; overflow-y:auto; width:100%; max-height:134px !important; list-style:none; background-color:#fff; border:solid 1px #cecece;}
.sbOptions li{padding:0 7px;}
.sbOptions a{border-bottom:solid 1px #eee; display:block; outline:none; padding:6px 0 6px 3px; line-height:normal; white-space:nowrap;}
.sbOptions a:link, .sbOptions a:visited{color:#999; text-decoration:none;}
.sbOptions a:hover{color:#00BFBD;}
.sbOptions li.last a{border-bottom:none;} */

/* button */
.btn-wrap{ position:relative; *zoom:1;}
.btn-wrap:after{content:''; display:block; clear:both;}
.button:hover, .btn:hover{text-decoration:none;}
/* <button type="button" class="button"><span>text</span></button> 일반버튼 */
.button{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; padding-right:3px; color:#99999c; line-height:normal; white-space:nowrap; background:url(/resource/images/button_bg.png) no-repeat right 0;}
.button > span{display:inline-block; *display:inline; *zoom:1; padding:0 7px 0 10px; height:29px; line-height:29px; background:#fff url(/resource/images/button_bg.png) no-repeat left 0;}
.button.ic span{padding:0; width:28px; text-indent:-9999px;}
.button.ic span span{display:block;}
.button.plus span span{background:url(/resource/images/icon.png) no-repeat 8px 8px;}
.button.minus span span{background:url(/resource/images/icon.png) no-repeat 8px -20px;}

.btn{display:inline-block; *display:inline; *zoom:1; *margin:0 3px; padding:7px 15px; font-size:13px; color:#d7d7de; line-height:normal; background-color:#353959; border:1px solid #353959;}
.btn-lg{padding:12px 24px; font-size:18px;}
.btn-sm{padding:6px 12px; font-size:12px;}
.btn-xs{padding:2px 6px; font-size:11px;}
.btn-line{color:#353959; background-color:#fff;}
.btn.point.btn-line{color:#18b9bb; border-color:#18b9bb; background-color:#fff;}
.btn.gray{color:#dadbdb; background:#8d8d8d; border-color:#6e6e6e;}
.btn.point{color:#fff; background-color:#18b9bb; border-color:#15a0a2;}
/* <button type="button" class="bt-detail">text<span></span></button> 자세히보기*/
.bt-detail{display:inline-block; *display:inline; *zoom:1; position:relative; padding:0 38px 0 12px; height:26px; line-height:27px; color:#def2f2; border:1px solid #15a4a6; background-color:#18b9bb;}
.bt-detail span{display:inline-block; *display:inline; *zoom:1; position:absolute; top:-1px; right:-1px; width:26px; height:26px; border:1px solid #0a8f92; background:#0b9a9d url(../images/i_detail_arrow.png) no-repeat center center;}
.bt-detail.w{color:#15a4a6; background-color:#fff;}
.bt-detail.w span{background-color:#fff; background-image:url(../images/i_detail_arrow2.png);}

/* 2015.03.20 추가 메인레이어 버튼*/
.bt-detail1{display:inline-block; *display:inline; *zoom:1; position:relative; padding:0 5px 0 5px; height:26px; line-height:27px; color:#def2f2; border:1px solid #15a4a6; background-color:#0b9a9d;}
.bt-detail1 span{display:inline-block; *display:inline; *zoom:1; position:relative; top:0; right:0; width:100%; height:25px;}

.btn-normal {display:inline-block; *display:inline; *zoom:1; *margin:0 3px; padding:7px 15px; font-size:13px; color:#555; line-height:normal; background-color:#f3f3f3; border:1px solid #d9d9d9; border-radius:2px;}

/* board - table */
table{margin-bottom:10px;}
table + h3{margin-top:30px;}
table + .btn-wrap {margin-top:10px;}
table a:hover{text-decoration:underline;}
table .bd{border-left:1px solid #aeb0bd;}/* border left */
table.fixed{table-layout:fixed;}

table.grid th, table.grid td{border: 0;}
table.board th, table.board td, table.grid th{line-height:1.4; border-bottom:1px solid #aeb0bd;}
table.board th, table.board .bg{background-color:#f8f9fa;}
table.list, table.view{border-top:2px solid #353959;}
table.list thead th, table.grid th{height:38px;}
table.list tbody td{padding:10px 5px; text-align:center; border-bottom:1px solid #dbdde1;}/*35px*/
table.list tbody td.answer{text-align:left;}/*35px*/
table.list .subject, table.list .subject > div{text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

table.list tbody tr.answerContainer td{padding:0; border-bottom:0; background:#f3f3f3;}
table.list tbody tr.answerContainer td.answer div {margin:10px 0;}


table.view thead th, .view thead td{padding:0 15px; height:40px; background-color:transparent;}
table.view thead td{border-left:1px solid #aeb0bd;}
table.view tbody td{padding:20px; border-color:#dbdde1;}
table.view tfoot th, .view tfoot td{padding:9px 15px; background-color:transparent; border-bottom:1px solid #dbdde1;}
/* 2013.03.11 추가 시작 */
table.vc thead th, .vc thead td{padding:0 15px; height:40px; background-color:transparent;}
table.vc thead td{border-left:1px solid #aeb0bd;}
table.vc tbody td{padding:5px; border:none !important}
/* 2013.03.11 추가 끝 */
.attach-file.scroll{overflow-y:auto; overflow-x:hidden; height:120px;}
.attach-file li{line-height:24px;} /* 첨부파일 */
.attach-bt{margin-left:7px; padding:0 10px; height:22px; font-size:11px; color:#fff; background-color:#18b9bb;}

.preview-list{margin-top:20px; border-top:1px solid #aeb0bd;}
.preview-list dt{float:left; width:92px; text-align:center; background-color:#f8f9fa; border-right:1px solid #aeb0bd;}
.preview-list dt, .preview-list dd{display: block; height:40px; line-height: 40px; border-bottom:1px solid #aeb0bd; text-overflow:ellipsis; overflow:hidden; white-space: nowrap;}
.preview-list dd{overflow:hidden; padding:0 15px;}
.preview-list th{background-color:#f8f9fa; border-right:1px solid #aeb0bd;}
.preview-list td{padding:0 10px;}

.table {background:#fff; border-collapse:inherit;}
.table th.required{position:relative; /*background:#f8f9fb url(../images/ic_required.png) no-repeat 12px center;*/}
.table th span.required-mark {margin-right:4px;}
.table th, .table td{padding:7px 10px; border-left:1px solid #dbdde1; border-bottom:1px solid #dbdde1;}
.table th{background-color:#f8f9fa;}
/* .table td{height:20px;} */

.table.vertical{border-top:2px solid #00bfbd; border-right:1px solid #d7d7d7;}
.table.vertical thead th{padding-top:0; padding-bottom:0; height:39px; border-color:#d7d7d7;}
.table.vertical tbody th{background:#fcfcfc;}
.table.vertical tbody td{text-align:center;}
.table tbody td {text-align:left;}

.table.horizon{border-top:1px solid #dbdde1; border-right:1px solid #dbdde1; border-left:2px solid #00bfbd; border-collapse:inherit;}
.table.horizon th{text-align:left;}
.table.horizon th.required{padding-left: 20px;}

.table.horizon-write{border-collapse:inherit; border-top:1px solid #aeb0bd; border-bottom:1px solid #aeb0bd;}
.table.horizon-write.tc th, .table.horizon-write.tc td{padding-left:0; padding-right:0; text-align:center;}
.table.horizon-write th{padding-left:10px; text-align:left; border-left:0; border-right:1px solid #dbdde1;}
.table.horizon-write th:last-child {border-right:0;}
.table.horizon-write td{border-left:0;}
.table.horizon-write .last th, .table.horizon-write .last td{border-bottom:0;} 
.table.horizon-write .bd{border-left:1px solid #dbdde1;}
.table.horizon-write p, .table.horizon-write ul.text-muted{margin:5px 0 0;}
.table.horizon-write .text-muted{font-size:11px;}


/* paginate */
.paginate{clear:both; text-align:center; margin-bottom:40px;}
.paginate a, .paginate strong{display:inline-block; min-width:24px; height:24px; line-height:24px; color:#b9b7b7; text-align:center; font-family:verdana, sans-serif; vertical-align:middle; border:1px solid transparent; font-size:11px !important; font-weight:normal !important;margin-left:2px;}
.paginate a:hover{text-decoration:underline}
.paginate strong{color:#353959 !important; border-color:#353959; background:#f8f9fb;}
.paginate a.pre, .paginate a.next{text-indent:-9999px; border-color:#eaedf3; background:#f8f9fb url(../images/page_i.png) no-repeat; }
.paginate a.prem, .paginate a.nextm{text-indent:-9999px; border-color:#eaedf3; background:#f8f9fb url(../images/page_i.png) no-repeat;display:none;}
.paginate a.pre.end{background-position:0 -24px;}
.paginate a.next{background-position:0 -48px;}
.paginate a.nextm{background-position:0 -48px;}
.paginate a.next.end{background-position:0 -72px;}

/* scroll box div */
.scroll-box{overflow-x:hidden; overflow-y:auto; margin-bottom:10px; padding:10px 15px; height:120px; border:1px solid #dbdde1;}
.scroll-box p{margin:8px 0;}
.scroll-box ul li{margin:5px 0;}

/* explain box div */
.box{margin-bottom:10px; padding:10px 0; border:1px solid #aeb0bd;}
.box div{margin:0;}
.box > ul{margin:7px;}
.box > ul > li{margin-bottom:4px; line-height:1.4;}
.box > ul ul{margin:5px 15px;}
.box.line{border-left:0; border-right:0;}
.box.line p{margin:0;}
.box.line .agree-check{margin-bottom:10px;}
.box.ex{margin-top:20px; background-color:#fff; border-color:#e8e8e8; -webkit-border-radius:3px; border-radius:3px; padding:10px;}
.box.ex h5{font-weight:bold; color:#fd517e;}
ul ul.li-dot{margin:5px 0;}
ul.li-dot li{margin-left:15px; margin-bottom:0; list-style:square !important; text-indent:-4px; line-height:1.5; text-align:left;}

/* form */
.form-inline.half > li{margin-right:0; width:49%;}
.form-inline > li{display:inline-block; *display:inline; *zoom:1; margin-right:10px;}
.form-inline > li .form-control{margin-right:5px; width:auto;}
.form-group{margin-bottom:10px;}
.form-group li{margin-bottom:5px;}
.form-group.offset{padding-left:123px;}
.form-group.last{margin-bottom:0;}
.form-control{display:inline-block; *display:inline; *zoom:1; width:120px; font-weight:bold; font-size:13px;}
.agree-check{margin-bottom:20px; text-align:right;}
.agree-check input{margin-right:3px;}

/* step */
.sub-desc .step{padding:0;}
.step{margin-bottom:30px; text-align:left;}
.step li{display:inline-block; *display:inline; *zoom:1; padding-right:25px; background:url(/resource/images/ic_step_arrow2.png) no-repeat right center; text-align:center;}
.step li.last{padding:0; background:none;}
.step li.on span{font-weight:bold; border-color:#fd517e;}
.step li.on span em{font-weight:normal; color:#fff; background-color:#fd517e; border-color:#fd517e;}
.step li span{display:block; padding-bottom:8px; width:115px; border:1px solid #dbdde1;}
.step em{display:block; margin-bottom:8px; height:28px; line-height:28px; font-size:13px; text-transform:capitalize; background-color:#f8f9fa; border-bottom:1px solid #dbdde1;}

.step4 li {width:24.1%; float:left; padding-right:20px;  background-position:91% center;}
.step4 li:last-child {width:16.8%; background:none;}

.step3 li {width:41.6%; padding-right:0; float:left; background-position:73% center;}
.step3 li:last-child {width:16.8%; background:none;}


.step.flow li span{padding:5px 8px; vertical-align:middle; font-weight:bold; border-width:2px;}

.page-step{overflow:hidden; margin-bottom:25px; padding:4px; border:1px solid #d9d9d9;}
.page-step strong{float:left; padding:5px; width:115px; color:#353959; text-align:center; border-right:1px solid #d9d9d9;}
.page-step ul{float:left; padding:4px 10px; color:#aeb0bd;}
.page-step ul li{float:left; margin-right:15px; font-size:11px;}
.page-step ul li span{display:inline-block; *display:inline; *zoom:1; margin-right:5px; padding:0 5px; color:#aeb0bd; border:1px solid #e9e9e9;}
.page-step ul li.on{font-weight:bold; color:#353959;}
.page-step ul li.on span{font-weight:normal; color:#fff; background-color:#fd517e; border-color:#fd517e; border-radius:4px;}

/* layer */
.layerUI{position:relative; border:2px solid #353959;}
.layer-close{position:absolute; top:0; right:0; display:block; width:33px; height:33px; text-indent:-9999px; border-left:1px solid #171926; background:#25283e url(../images/ic_close_w.png) no-repeat center center;}
.layerUI.layer-xs{width:300px;}
.layerUI.layer-sm{width:500px;}
.layerUI.layer-md{}
.layerUI.layer-lg{width:800px;}
.layerUI #popHeader h3, .layerUI > h3{padding:6px 15px 0; height:27px; font-size:14px; font-weight:bold; color:#fff; background-color:#353959;}
.layerUI .title h4, .layerUI .title h3{margin-bottom: 0 !important;}
.layerUI h4, .layerUI h3.tit, .layerUI h5{margin-bottom:7px; margin-left:0;color: #424242;}
.layerUI .layer-cont{padding:15px 18px}
/* 2015.03.20 추가 시작 (메인팝업)*/
layerUI .layer-cont-txt{padding:0px 0px 2px 0px;}
.popimg{
    max-width:100%;
    max-height:100%
}
/* 2015.03.20 추가 끝 */
.dblock {display:block;}

/* array */
.fl{float:left !important;}
.fr{float:right !important;}
.cb{clear:both !important;}
.tc{text-align:center !important;}
.tr{text-align:right; !important}
.tl{text-align:left !important;}
.vt{vertical-align:top;}

/* list-style */
.ls-no {margin:10px 0;}
.ls-no, .ls-no li{list-style:none !important; margin-left:0 !important;}

/* full width */
.fw {width:100% !important;}